* {margin:0;padding:0;border:0;outline:none;}
li {list-style:none;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
body,input {font-family:arial,sans-serif;}
/* body,input {font-family:'Roboto',arial,sans-serif;}
@font-face {font-family:'bebas';src:url(fonts/bebas.ttf) format("truetype");}*/

.wrapper {min-width:320px;max-width:480px;margin:0 auto;}

/* Шапка сайта */
#header {background:url(img/top.jpg) no-repeat center 0;height:390px;}

/* Блок с формой */
#box-form {padding:0 0 30px 0;}
#box-form .box-glasses {text-align:center;}
#box-form .box-glasses .title {font-size:24px;color:#534251;padding:30px 0 0px 0;}
#box-form .box-glasses .item {display: none;}
#box-form .box-glasses .item.visible {display: block;}
#box-form .box-glasses .item img {vertical-align:bottom;}
#box-form .box-glasses .colors {font-size:14px;padding:13px 0 12px 0;color:#534251;}
#box-form .box-glasses .tabs .button1 {background:url(img/nav-gl.png) no-repeat 0 0;width:34px;height:34px;}
#box-form .box-glasses .tabs li {cursor:pointer;display:inline-block;margin:0 3px;}
#box-form .box-glasses .tabs .button2 {background:url(img/nav-gl.png) no-repeat -34px 0;width:34px;height:34px;}
#box-form .box-glasses .tabs .button3 {background:url(img/nav-gl.png) no-repeat -68px 0;width:34px;height:34px;}
#box-form .box-glasses .tabs .button1:hover,#box-form .box-glasses .tabs .button1.current {background-position:0 -34px;}
#box-form .box-glasses .tabs .button2:hover,#box-form .box-glasses .tabs .button2.current {background-position:-34px -34px;}
#box-form .box-glasses .tabs .button3:hover,#box-form .box-glasses .tabs .button3.current {background-position:-68px -34px;}
#box-form .box-glasses .time-to {font-size:14px;color:#000;padding:15px 0 0 0;position:relative;}
#box-form .box-form {padding:25px 20px 0 20px;}
#box-form .box-form .price {color:#E44257;display:inline-block;}
#box-form .box-form .price div {font-family:'bebas',arial,sans-serif;font-size:75px;display:inline-block;vertical-align:bottom;line-height:60px;}
#box-form .box-form .price span {display:inline-block;vertical-align:bottom;font-size:26px;padding:0 0 0 2px;}
#box-form .box-form .price.second {padding:0 0 0 19px;}

/* timer */
#box-form .box-form .time{padding:29px 0 0 0;}
#box-form .box-form .time #timer div {position:relative;background:#01c853;width:109px;height:109px;padding:0 0 0 0;display:inline-block;margin:0 1px 0 0;font-size:74px;font-family:'bebas',arial,sans-serif;text-align:center;color:#fff;}
#box-form .box-form .time span {position: absolute;width: 70px;text-align: center;left: 50%;margin-left: -34px;bottom: 10px;font-weight:300;color:#fff;font-size:10px;font-family:'Roboto',arial,sans-serif;}
#box-form .box-form .title-how {font-size:24px;font-weight:300;color:#534251;text-align:center;padding:15px 0 36px 0;}
#box-form .box-form input[type="text"] {border:1px solid #01c853;width:398px;height:64px;line-height:64px;display:block;margin:0 0 20px 0;font-size:18px;color:#534251;padding:0 20px;} 
#box-form .box-form select {border:1px solid #01c853;width:438px;height:64px;line-height:64px;display:block;margin:0 0 20px 0;font-size:18px;color:#534251;padding:0 20px;} 
#box-form .box-form input[type="submit"] {background:#01c853;width:438px;height:110px;line-height:110px;display:block;cursor:pointer;color:#fff;text-align:center;font-family:'bebas',arial,sans-serif;font-size:78px;}
#box-form .box-form input[type="submit"]:hover {opacity:0.8;}

/* Описание 
#description {background:url(img/description.jpg) no-repeat center 0;padding:0 0 15px 0;}
#description .title {font-size:81px;font-family:'bebas',arial,sans-serif;color:#535353;text-align:center;padding: 245px 0 0 0;}*/
#description .box {font-size:15px;color:#534251;line-height:20px;padding:20px 20px 0 0px;}
#description .box div {font-size:32px;font-weight:300;padding:0 0 10px 0;line-height:32px;}
#description .box p {padding:0 0 5px 0;}

/* Характеристики */
#characteristics {background:url(img/characteristics.png) no-repeat center 0;padding:361px 0 30px 0;}
#characteristics .title {color:#534251;font-size:45px;font-family:'bebas',arial,sans-serif;padding:0 0 15px 29px;}
#characteristics ul {padding:0 0 0 15px;}
#characteristics ul li {background:url(img/nav-c.png) no-repeat 0 6px;padding:0 0 10px 15px;line-height:20px;font-size:15px;color:#534251;}

/* Плюсы */
#pluses {background:#1abb9c;height:270px;} 
#pluses .item {width:25%;float:left;text-align:center;font-size:12px;color:#fff;padding:64px 0 0 0;}
#pluses .item img {vertical-align:bottom;width:86px;}
#pluses .item div {padding:13px 0 0 0;}

/* Футер сайта */
#footer {padding:29px 0 0 0;}
#footer .box-footer { }
#footer .box-footer .logo {background:url(img/logo-b.png) no-repeat 0 0;width:442px;height:131px;margin:0 auto;}
#footer .box-footer .icons-b {background:url(img/icons-b.png) no-repeat 0 0;height:182px;margin:40px 0 0 0;}
#footer .box-footer .icons-b .item {width:25%;float:left;text-align:center;color:#FFF;font-size:14px;padding:127px 0 0 0;}
#footer .box-footer .glass-line {overflow:hidden;padding:15px 0 0 0;}
#footer .box-footer .glass-line .glass {text-align:center;float:left;padding:0 17px 0 0;}
#footer .box-footer .glass-line .glass.last {padding:0;}
#footer .box-footer .glass-line .glass img {vertical-align:bottom;}
#footer .box-footer .glass-line .glass div {color:#504d4d;font-size:12px;padding:7px 0 0 0;}


#footer .box-form {padding:62px 0 50px 20px;}
#footer .box-form .price {color:#E44257;display:inline-block;}
#footer .box-form .price div {font-family:'bebas',arial,sans-serif;font-size:75px;display:inline-block;vertical-align:bottom;line-height:60px;}
#footer .box-form .price span {display:inline-block;vertical-align:bottom;font-size:26px;padding:0 0 0 2px;}
#footer .box-form .price.second {padding:0 0 0 19px;}
/* timer */
#footer .box-form .time{padding:29px 0 0 0;}
#footer .box-form .time #timer2 div {position:relative;background:#01c853;width:109px;height:109px;padding:0 0 0 0;display:inline-block;margin:0 1px 0 0;font-size:74px;font-family:'bebas',arial,sans-serif;text-align:center;color:#fff;}
#footer .box-form .time span {position: absolute;width: 70px;text-align: center;left: 50%;margin-left: -34px;bottom: 10px;font-weight:300;color:#fff;font-size:10px;font-family:'Roboto',arial,sans-serif;}
#footer .box-form .title-how {font-size:24px;font-weight:300;color:#534251;text-align:center;padding:15px 0 36px 0;}
#footer .box-form input[type="text"] {border:1px solid #01c853;width:398px;height:64px;line-height:64px;display:block;margin:0 0 20px 0;font-size:18px;color:#534251;padding:0 20px;} 
#footer .box-form select {border:1px solid #01c853;width:438px;height:64px;line-height:64px;display:block;margin:0 0 20px 0;font-size:18px;color:#534251;padding:0 20px;} 
#footer .box-form input[type="submit"] {background:#01c853;width:438px;height:110px;line-height:110px;display:block;cursor:pointer;color:#fff;text-align:center;font-family:'bebas',arial,sans-serif;font-size:78px;}
#footer .box-form input[type="submit"]:hover {opacity:0.8;}


/* низ */
#bottom {background:#535353;text-align:center;font-size:14px;padding:10px 0;color:#FFF;}


@media screen and (max-width:405px) {
.wrapper {width:320px;margin:0 auto;}
#header {background:url(img/top-s.jpg) no-repeat center 0;height:260px;}

/* Блок с формой */
#box-form {padding:0 0 20px 0;}
#box-form .box-glasses .title {font-size:16px;padding:20px 0 0px 0;}
#box-form .box-glasses .item img {vertical-align:bottom;width:295px;}
#box-form .box-glasses .colors {font-size:9px;padding:8px 0 8px 0;}
#box-form .box-glasses .time-to {font-size:12px;padding:9px 0 0 0;}
#box-form .box-form {padding:16px 0px 0 13px;}
#box-form .box-form .price div {font-size:65px;line-height:40px;}
#box-form .box-form .price span {font-size:20px;padding:0 0 0 1px;}
#box-form .box-form .price.second {padding:0 0 0 12px;}

/* timer */
#box-form .box-form .time{padding:20px 0 0 0;}
#box-form .box-form .time #timer div {width:73px;height:73px;padding:0 0 0 0;margin:0 1px 0 0;font-size:49px;}
#box-form .box-form .time span {width: 47px;margin-left: -23px;bottom: 6px;font-size:6px;}
#box-form .box-form .title-how {font-size:16px;padding:9px 0 24px 0;}
#box-form .box-form input[type="text"] {width:266px;height:43px;line-height:43px;margin:0 0 13px 0;font-size:11px;padding:0 13px;} 
#box-form .box-form input[type="submit"] {width:292px;height:73px;line-height:73px;font-size:52px;}
#box-form .box-form select {width:294px;height:43px;line-height:43px;margin:0 0 13px 0;font-size:11px;padding:0 13px;} 
#box-form .box-form input[type="submit"]:hover {opacity:0.8;}


/* Описание 
#description {background:url(img/description-s.jpg) no-repeat center 0;padding:0 0 9px 0;}
#description .title {font-size:54px;padding:170px 0 0 0;}*/
#description .box {font-size:12px;line-height:18px;padding: 20px 15px 0 0px;}
#description .box div {font-size:21px;padding:0 0 6px 0;line-height:21px;}
#description .box p {padding:0 0 3px 0;}

/* Характеристики */
#characteristics {background:url(img/characteristics-s.png) no-repeat center 0;padding:240px 0 20px 0;}
#characteristics .title {font-size:30px;padding:0 0 9px 19px;}
#characteristics ul {padding:0 0 0 9px;}
#characteristics ul li {background:url(img/nav-c-s.png) no-repeat 0 4px;padding:0 0 7px 9px;line-height:17px;font-size:12px;}

/* Плюсы */
#pluses {background:background:#1abb9c;height:195px;} 
#pluses .item {font-size:8px;padding:55px 0 0 0;}
#pluses .item img {width:57px;}
#pluses .item div {padding:8px 0 0 0;}

/* Футер сайта */
#footer {padding:19px 0 0 0;}
#footer .box-footer { }
#footer .box-footer .logo {background:url(img/logo-b-s.png) no-repeat 0 0;width:295px;height:87px;}
#footer .box-footer .icons-b {background:url(img/icons-b-s.png) no-repeat 0 0;height:121px;margin:27px 0 0 0;}
#footer .box-footer .icons-b .item {font-size:9px;padding:85px 0 0 0;}
#footer .box-footer .glass-line {padding:9px 0 0 0;}
#footer .box-footer .glass-line .glass {padding:0 11px 0 0;}
#footer .box-footer .glass-line .glass img {width:99px;}
#footer .box-footer .glass-line .glass div {font-size:8px;padding:4px 0 0 0;}


#footer .box-form {padding:41px 0 33px 13px;}
#footer .box-form .price div {font-size:65px;line-height:40px;}
#footer .box-form .price span {font-size:20px;padding:0 0 0 1px;}
#footer .box-form .price.second {padding:0 0 0 12px;}

/* timer */
#footer .box-form .time{padding:20px 0 0 0;}
#footer .box-form .time #timer2 div {width:73px;height:73px;padding:0 0 0 0;margin:0 1px 0 0;font-size:49px;}
#footer .box-form .time span {width: 47px;margin-left: -23px;bottom: 6px;font-size:6px;}
#footer .box-form .title-how {font-size:16px;padding:9px 0 24px 0;}
#footer .box-form input[type="text"] {width:266px;height:43px;line-height:43px;margin:0 0 13px 0;font-size:11px;padding:0 13px;} 
#footer .box-form input[type="submit"] {width:292px;height:73px;line-height:73px;font-size:52px;}
#footer .box-form select {width:294px;height:43px;line-height:43px;margin:0 0 13px 0;font-size:11px;padding:0 13px;}
#footer .box-form input[type="submit"]:hover {opacity:0.8;}

}