@import url('reset.css');

html, body {
    height: 100%;
    font-family:'Open Sans', sans-serif;
    background:#FFF;
}

body {
    min-width: 320px !important;
    width:100%;
}

.cy {
    background:url('../images/cy.png') no-repeat 0 5px;
    font-size:16px;
    color:#000;
    text-transform: uppercase;
    font-weight:700;
    min-height:34px;
    display:block;
    line-height:34px;
    margin-left:35px;
    padding-left:45px;
}

.yv {
    background:url('../images/yv.png') no-repeat 0 5px;
    font-size:16px;
    color:#000;
    text-transform: uppercase;
    font-weight:700;
    min-height:34px;
    display:block;
    line-height:34px;
    margin-left:35px;
    padding-left:45px;
}

.title-first {
    background:url('../images/arrow.png') no-repeat;
    height:34px;
    position:relative;
    }

.title-second {
    background:url('../images/arrow.png') no-repeat;
    height:34px;
    }
    
.contact {
    display:block;
    position:relative;
    padding-top:10px;
}    


.left {float:left;}
.right {float:right;}

.head {
    margin:20px 0;
    color:#FFF;
    font-weight:300;
    background:#FFF;
}

.head .logo {
    text-align:left;
}

.head .text {
    text-align:right;
    text-transform:uppercase;
    font-weight:700;
}

.awc {
    color:#ffb500;
    font-size:26px;
    font-weight:500;
    text-align:center;
    letter-spacing: 0.25em;
    font-family:'Rajdhani', sans-serif;
}

.supt {
    font-size:42px;
    color:#ff0000;
    font-weight:700;
    text-align:center;
    font-family:'Rajdhani', sans-serif;
}

.orange {
    font-size:inherit;
    font-weight:inherit;
    letter-spacing:inherit;
    color:#ffb500;
}

.main {
    background:url('../images/bg-img.jpg') no-repeat 50px 250px;
    max-width:1200px;
    min-height:680px;
}

.form {
    background:#ffb500;
    width:440px;
    min-height:400px;
    margin:auto;
}


.row {margin:3px 35px;}

.input {width:80%; float:right;}

.label {
    color:#333;
    font-size:14px;
    line-height:30px;
    float:left;
}

input[type="text"], input[type="tel"], input[type="email"] {
    background:#f1f1f1;
    border-radius:5px;
    border: none;
    line-height:32px;
    display:block;
    padding-left:10px;
    font-size:14px;
    width:98%;
    color:#666;
}

select {
    background:#f1f1f1;
    border-radius:5px;
    border: none;
    display:block;
    padding-left:10px;
    font-size:14px;
    width:98%;
    height:32px;
    color:#666;
}

.t2 input[type="tel"] {width:32%; display:inline-block; margin-right:2px;}

button {
    width:100%;
    font-size:24px;
    height:60px;
    background:#ff0000;
    position:relative;
    margin:20px auto auto;
    border:none;
    color:#FFF;
    text-transform:uppercase;
    font-weight:bold;
}

button:hover {
    background:#b30000;
}
    
.offer{text-align:center;}
.offer1 {display:inline-block; text-align:center; padding-top:20px; position:relative; margin:auto;}
.offer2 {text-align:center; margin:20px 0 0; font-size:18px; color:#ff5524; text-transform:uppercase; font-weight:700; display:none;}

.icons {text-align:center; margin:20px 0;}
.icons1 {display:block;}
.icons2 {display:none; width:310px;}


@media (max-width: 420px) {
    .logo img {width:70%;}
    .container {padding-left:0 !important; padding-right:0 !important;}
    .icons1 {display:none;}
    .icons2 {display:block;}
    .icons img {width:310px;}
}

@media (max-width: 580px) {
    .text img {width:100%;}
     button {font-size:18px; margin-bottom:20px;}
    .input {width:100%; float:left;}
    .form {width:100%;}
    .label {padding:0;}
    h1.first {text-align:center;}
    h1.second {text-align:center;}
    .label {margin:auto; display:block; float:none;}
    .cy,
    .yv {font-size:14px; background:none; padding-left:0; margin-left:0; text-align:center;}
    .offer1 {display:none;}
    .offer2 {display:block;}
    .awc {font-size:15px;}
    .supt {font-size:24px !important;}
}

@media (max-width: 680px) {
    button { margin-bottom:0;}
}

@media (max-width: 767px) {
    .head .logo { text-align:center;}
    .logo img {margin-top:20px;}
    .head .text { text-align:center; padding-top:20px;}
    .main {background:url('../images/bg-img.jpg') no-repeat center 150px;}
    .icons img {width:100%;}
    .offer img {width:100%;}
}

@media (min-width: 768px) and (max-width: 991px) {
    .head .logo { text-align:center;}
    .logo img {margin-top:20px;}
    .head .text { text-align:center; padding-top:20px;}
    .main {background:url('../images/bg-img.jpg') no-repeat 50px 150px;}
    .icons2 {display:none;}
    .icons1 {display:block; margin:auto;}
    .offer img {width:100%;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .offer img {width:100%;}
    .icons img {width:100%;}
    .supt {font-size:40px;}
    .main {background:url('../images/bg-img.jpg') no-repeat 50px 250px;}
}

@media (max-height: 620px) {
    h1 {font-size:18px;}
    .label {font-size:13px;}
    input[type="text"], input[type="tel"], input[type="email"] {line-height:24px;}
}
.error 
    {
    border:2px solid #C00 !important; color: #333;
    }
    
.money-back {
    color:#ff0000;
    margin-top: 380px;
    text-transform: uppercase;
    font-family: 'Rajdhani', sans-serif;
    font-weight: 800;
}

@media all and (max-width:1200px) {
    .money-back {
        margin-top:435px;
    }
}
@media all and (max-width:991px) {
    .money-back {
        margin-top:35px;
    }
}