@charset "utf-8";
/* CSS Document */
.header{ margin:0; padding:37px 0 0 0;}
.header .container{ position:relative}
.logo{ text-align:center;}
.cloud-1{ background:url(../images/cloud-1.png) no-repeat; background-size:100% 100%; height:129px; width:174px; font-size:12px; line-height:14px; font-weight:bold; padding-top:30px; padding-left:50px; padding-right:15px; text-align:center; float:left;}
.cloud-2{ background:url(../images/cloud-2.png) no-repeat; background-size:100% 100%; height:129px; width:172px; font-size:12px; line-height:14px; font-weight:bold; padding-top:50px; padding-right:55px; padding-left:15px; text-align:center; float:right;}


.navigation{ margin:0; padding:25px 0 27px 0;  position:relative;}
.menu{display:block; margin:0; padding:0; list-style:none; text-align:center;}
.menu li{display:inline-block; position:relative; z-index:100; font-size:20px; position:relative; text-transform:uppercase; line-height:20px;}
.menu li a{text-decoration:none; padding:5px 15px; display:block; color:#959595; border-bottom:4px solid #fff; -webkit-transition:all 0.2s ease-in-out 0s; -moz-transition:all 0.2s ease-in-out 0s; -o-transition:all 0.2s ease-in-out 0s; -ms-transition:all 0.2s ease-in-out 0s; transition:all 0.2s ease-in-out 0s; }
.menu li a:hover, .menu li:hover > a,  .menu li.active > a{color:#0c203c; border-color:#df0611;}
.menu ul{display:none; margin:0; padding:0; width:200px; position:absolute; top:100%; left:0px; background:#ffffff; }
.menu ul li{display:block; float:none; background:none; margin:0; padding:0; border-top:1px solid #399ae8; }
.menu ul li a{font-size:14px; font-weight:normal; display:block; color:#fff; background:#37a5de; padding:5px 10px; white-space:nowrap;  }
.menu ul li a:hover, .menu ul li:hover > a{background:#f2f2f2; color:#000; }
.menu ul li:before{ display:none;}
.menu li:hover > ul{display:block; }
.menu ul ul{left:100%; top:0px; }
.mobile-menu{display:none; padding:2px 0; text-align:center; font-size:35px; color:#df0611;}
.mobile-menu:hover{ color:#0c203c; text-decoration:none;}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 768px) and (max-width: 991px) {
.menu li{font-size:18px;line-height:20px;}
.menu li a{ padding:5px 12px;}
}
@media (max-width: 767px) {
.navigation{ margin:0; padding:15px 0;}
.navigation{ margin:0;}
.menu{display:none; float:none; }
.mobile-menu{display:block; position:absolute; left: 6px; top: -33px; z-index: 99999;}
nav{margin:0; background:none; }
.menu li{display:block; margin:0; background:none; border-top:1px solid #eee;  }
.menu li a{color:#959595; padding:12px 20px 6px 20px; background:#fff; }
.menu li a:hover, .menu li:hover > a{color:#0c203c;}
.menu ul{display:block; position:relative; top:0; left:0; width:100%; }
.menu ul ul{left:0; }
.navigation .menu{ position:absolute; top: -80px; right:0; left:0; width:auto; z-index:999;}
.menu li:before{ display:none;}
.menu li:hover > a:after, .menu li.current-menu-item > a:after{ display:none;}
}

.banner{ margin:0 auto; padding:0; width: 960px;} 
.banner img{ width:100%; height:auto; margin: 0 0 34px 0;}
.banner.contact_back{ background: #e7e7e8; margin-bottom: 10px; padding-top: 24px;}
.banner.contact_back img{ width:100%; height:auto; margin: 0;}
.banner.contact_back .col-sm-5.left_align{ float: left;}
.banner.contact_back .col-sm-5.right_align{ float: right;}

.content-wrap{ margin:0; padding:0; background:#fff;}
.page-wrap{ margin:0; padding:0; position:relative;}
.buy-btn{ background:url(../images/buy-cloud.png) no-repeat; height:105px; width:127px; position:absolute; top: 10px; left:0px; color:#0c203c; text-transform:uppercase; padding:32px 0; font-size:20px; line-height:20px; text-align:center;}
.buy-btn2{ background:url(../images/buy-cloud.png) no-repeat; height:105px; width:127px; position:absolute; top: 10px; left:-60px; color:#0c203c; text-transform:uppercase; padding:32px 0; font-size:20px; line-height:20px; text-align:center;}
.buy-btn:hover, .buy-btn2:hover{ color:#df0611; text-decoration:none;}
.video{ padding-bottom: 34px;}

.footer{ margin:0;}
.footer-wrap{ padding:20px 50px; background:#c2c2c2; color:#464646; font-size:18px; margin:0 auto; width: 960px;}
.content-wrap .about, .content-wrap .mission{ padding-bottom: 30px; font-size: 20px; line-height: 24px; color:#878787; text-align:justify;}
.content-wrap .pic{ text-align:center;}
.content-wrap .pic img{ width: auto; height: auto;}
.content-wrap .about h1{font-size: 30px;line-height: 34px;font-weight: bold;color: #c42931;margin: 0px;padding: 0 0 30px 0;}
.content-wrap .mission h2{font-size: 30px;line-height: 34px;font-weight: bold;color: #17a7cb;margin: 0px;padding:  0 0 30px 0;
}
.prev-icon { width: 70px; height: 126px; left: 44px; opacity: 0 !important; -webkit-transition: left 1s,opacity 1s; /* Safari 3.1 to 6.0 */ transition: left 1s,opacity 1s;}

.next-icon { width: 70px; height: 126px; right: 44px !important; opacity: 0 !important; -webkit-transition: right 1s,opacity 1s;
  /* Safari 3.1 to 6.0 */ transition: right 1s,opacity 1s;}
.slide:hover .prev-icon{ left: 20px!important; opacity: 1 !important;}
.slide:hover .next-icon { right: 20px !important; opacity: 1 !important;}

.products{ padding-top: 40px;  font-size: 28px; line-height: 30px; }
.products ul{display: block; margin: 0px; padding: 0px; list-style-type: none;color: #878787;}
.products ul li{display: block;	margin: 0px; padding: 0 0 35px 26px; list-style-type: none;}
.products ul li:nth-child(odd){	background: url(../images/bullet1.png) no-repeat left 12px;}
.products ul li:nth-child(even){	background: url(../images/bullet2.png) no-repeat left 12px;}
.products ul li span{ font-size: 23px;}
.parent{border: 6px solid #0c203c;border-radius: 6px;left: -12px;top: -12px;right: 12px;bottom: 12px;position:absolute;}
.product_buy{display: block; width: 100%; padding: 15px 0; position:relative; height: 130px;}
.product_buy .buy-btn{  margin: 0 auto; left:0; right: 0;}


.child{position: relative;float: left;border: 6px solid #FFF;  border-radius: 12px;padding: 15px 35px 30px 35px;background-color: #2cc1d7;width: 100%;height: auto;color: #fff;font-weight:normal;font-size: 26px; margin-bottom: 34px;}
.child h2{ padding:0 0 26px 0; margin:0; color: #0c203c; font-weight: bold;font-size: 26px; }
.child p{ padding-bottom: 15px;}
.product_details{padding-top: 40px; padding-bottom: 20px;}
.details_pic{ display:block; text-align: center; width: 96%; margin: 0 auto;}
.description{background-image: url(../images/product_details.png);background-repeat: no-repeat;background-position: left top;display: block;height: 92px;width: 100%;background-size: 100% 100%;}
.description ul{display: inline;	margin: 0px;padding: 0px;list-style-type: none; width: 100%; }
.description ul li{display: inline;	margin: 0px;padding: 0px;list-style-type: none; float:left; text-align:center; font-weight:bold;}
.description ul li:nth-child(1){width: 100%; font-size: 16px; color: #fff; padding: 15px 0 10px 0;line-height: 16px;}
.description ul li:nth-child(2){width: 33.33%; font-size: 14px; color: #B01F24; padding: 10px 0 0 5%; line-height: 12px;}
.description ul li:nth-child(3){width: 33.33%; font-size: 14px; color: #F79024; padding: 10px 0 0 0;line-height: 12px;}
.description ul li:nth-child(4){width: 28.33%; font-size: 14px; color: #374EA2; padding: 10px 0 0 0; line-height: 12px;}
.description ul li span{ font-size: 12px;line-height: 12px; font-weight:normal;}

.purches_pic{ padding-top: 40px;  font-size: 18px; line-height: 26px; color: #878787;}
.purches{ padding-top: 100px;  font-size: 18px; line-height: 26px; color: #878787;}
.purches ul.coppon{display: block;	margin: 0px;padding: 20px 0;list-style-type: none; width: 100%;float: left;line-height: 18px; }
.purches ul.coppon li{display: block;	margin: 0px;padding: 0px;list-style-type: none; float: left;}
.purches ul.coppon li:nth-child(1){ width: 100%; height: 24px;}
.purches ul.coppon li:nth-child(2){ width: 51%; height: 30px;}
.purches ul.coppon li:nth-child(3){ width: 49%; height: 30px;}

.purches ul.shipping{display: block; margin: 0px;padding: 20px 0;list-style-type: none; width: 100%;float: left;line-height: 18px; }
.purches ul.shipping li{display: block;	margin: 0px;padding: 0px;list-style-type: none; float: left;}
.purches ul.shipping li:nth-child(odd){ width: 30%; height: 30px;}
.purches ul.shipping li:nth-child(even){ width: 70%; height: 30px;}
.purches input{	display: block;	height: 20px;border: 1px solid #dfdfdf;	font-size: 14px;line-height: 18px;width: 100%;}
.prothumb{ margin-right: 20px;}
.prothumb img{border-radius: 50%;}
.purches ul.shipping li:nth-last-child(1){ width: 70%; height: auto; margin-left: 30%;}
.purches  input[type=submit]{ margin:0; padding:10px 50px 20px 50px;  text-align:center; border:1px solid #dfdfdf; background:#878787; font-size:18px; color: #fff; line-height: 10px;}
.colorpicker{ padding-bottom: 15px;}

.banner.contact_back h1{ color: #0c203c; font-size: 30px; line-height: 36px; padding:10px 0 40px 0; margin:0; font-weight: 700; display:block;}
.contact_form { display:block; width: 100%;}
.contact_form label{display:block;margin:0 0 8px;font-size:19px; line-height: 26px;font-weight:400;color:#959595;width:100%;float: left;}
.contact_form label span{display:block;width:100%; float: left; padding-bottom: 4px; text-transform:uppercase; }
.contact_form label input[type=text],.registerForm label input[type=password]{width:100%;height:24px;border:1px solid #dfdfdf;font-size: 14px; line-height: 18px;display:block;}
.contact_form textarea{width:100%;height:88px;border:1px solid #dfdfdf; display:block;}
.contact_form  input[type=submit]{ margin:0; padding:5px;  text-align:center; border:none; background:#0c203c; cursor:pointer; font-size:19px; text-transform:uppercase; line-height: 24px; text-indent: -9999999999; color:#fff; float:right;}
/* #Media Queries
================================================== */
/* Large desktop */

@media (min-width: 1200px) {
} 
/* END__ */

/* Large then standart */
@media (min-width: 960px) {
} 
/* END__ */

/* standart desktop */
@media (max-width: 1200px) {
} 
/* END__ */

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 991px) {
.header, .page-wrap{ padding-right:0; padding-left:0}
.header{ padding-top: 25px;}
.navigation{ padding:20px 0 20px 0;}
.footer-wrap{ padding:20px;}
.buy-btn{ left:0;}
.buy-btn2{ text-align:center; display:block; position:relative; float:left; margin: 0 auto; left:40%; right:0; bottom:0; top:0;}
.video{ padding-left:15px; padding-right:15px;}

.container-fluid { padding-left: 0px; padding-right: 0px;}
.banner, .footer-wrap{ width: 100%;} 
.banner .container, .footer .container{ padding-left:0; padding-right:0; width:100%}

.products{ font-size: 24px; line-height: 30px; }
.products ul li{padding: 0 0 20px 26px;}
.child{font-size: 22px;}
.child h2{ padding:0 0 18px 0;font-size: 22px; }

.description ul li:nth-child(1){font-size: 13px; color: #fff; padding: 15px 0 10px 0;line-height: 16px;}
.description ul li:nth-child(2){font-size: 12px; color: #B01F24; padding: 13px 0 0 5%; line-height: 12px;}
.description ul li:nth-child(3){font-size: 12px; color: #F79024; padding: 13px 0 0 0;line-height: 12px;}
.description ul li:nth-child(4){font-size: 12px; color: #374EA2; padding: 13px 0 0 0; line-height: 12px;}
.description ul li span{ font-size: 11px;line-height: 10px;}

.purches{ font-size: 16px; line-height: 26px;}

} 
/* END__ */

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
.banner .container{ padding-left:0; padding-right:0; width:100%}
.content-wrap{ padding:15px 0 0 ;}
.container-fluid { padding-left: 0px; padding-right: 0px;}
.banner, .footer-wrap{ width: 100%;} 
.banner .container, .footer .container{ padding-left:0; padding-right:0; width:100%}
.prev-icon {  height:64px; width:35px; left: 30px; opacity: 0 !important; -webkit-transition: left 1s,opacity 1s; /* Safari 3.1 to 6.0 */ transition: left 1s,opacity 1s;}

.next-icon {  height:64px; width:35px; right: 30px !important; opacity: 0 !important; -webkit-transition: right 1s,opacity 1s;
  /* Safari 3.1 to 6.0 */ transition: right 1s,opacity 1s;}
  .slide:hover .prev-icon{ left: 20px!important; opacity: 1 !important;}
.slide:hover .next-icon { right: 20px !important; opacity: 1 !important;}
.purches_pic{ padding-top: 0px;}
.purches{ font-size: 16px; line-height: 26px; padding-top: 100px;}
.purches ul.coppon li:nth-child(1){ width: 100%; height: 24px;}
.purches ul.coppon li:nth-child(2){ width: 100%; height: 24px;}
.purches ul.coppon li:nth-child(3){ width: 100%; height: 30px;}

.purches ul.shipping li:nth-child(odd){ width: 100%; height: 24px;}
.purches ul.shipping li:nth-child(even){ width: 100%; height: 30px;}
.purches ul.shipping li:nth-last-child(1){ width: 100%; height: auto; margin-left: 0%;}
.colorpicker{ padding-bottom: 0px; position: absolute; left:10px; top: 40px;}
} 
/* END__ */
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
.container-fluid { padding-left: 0px; padding-right: 0px;}	
.cloud-1, .cloud-2{ display:none;}	
.header, .page-wrap{ padding-right:0; padding-left:0}
.header{ padding-top: 25px;}
.navigation{ padding: 0 0 10px 0;}
.footer-wrap{ padding:15px 10px; text-align:center; font-size:16px; line-height:16px;}
.footer .footer-wrap .container .row{ margin-left: 0px;  margin-right: 0px;}
.buy-btn{ margin:20px auto 10px auto; display:block; position:relative; left:0; right:0; bottom:0; top:0;}
.buy-btn2{ text-align:center; display:block; position:relative; float:left; margin: 0 auto; left:38%; right:0; bottom:0; top:0;}
.logo img{ width:200px;}
.banner .container{ padding-left:0; padding-right:0; width:100%}
.banner.contact_back{ margin-bottom: 0px;}
.banner.contact_back .container .row{  margin-left: 0px;  margin-right: 0px;}
.products{ padding-top: 20px; }
.product_details{padding-top: 0px; padding-bottom: 0px;}
.video{ padding-bottom: 0px;}
.contact_form { display:block; width: 100%; margin: 0 auto;}
.banner.contact_back .col-sm-5.left_align{ float:none;}
.banner.contact_back .col-sm-5.right_align{ float:none;}
.banner.contact_back img{ width:100%; padding: 20px 5% 0 5%;}
.product_buy{display: block; width: 100%; padding: 15px 0; position:relative; height: 130px;}
.product_buy .buy-btn{  margin: 0 auto; left:0; right: 0;}
/*.product_buy{display: block; width: 127px; padding: 15px 0; position:absolute; height: 100px; bottom: -85px; right: 10px; z-index: 9999;}*/
} 
/* END__ */

@media (min-width: 450px) and (max-width: 600px) {
.cloud-1{ width:135px; height:100px; font-size:9px; line-height:10px; padding-top:25px; padding-left:38px; left:15px}
.cloud-2{ width:133px; height:100px; font-size:9px; line-height:10px; padding-top:40px; padding-right:38px; right:15px}
.logo img{ width:150px;}
.navigation .menu{ position:absolute; top: -60px; right:0; left:0; width:auto; z-index:999;}
}

/* Landscape phones and down */
@media (min-width: 0px) and (max-width: 450px) {

.logo img{ width:150px;}
.navigation .menu{ position:absolute; top: -60px; right:0; left:0; width:auto; z-index:999;}
.products ul li{padding: 0 0 20px 26px;}
.products{ padding-top: 10px;  font-size: 20px; line-height: 26px; }
.child{font-size: 22px;}
.child h2{ padding:0 0 18px 0;font-size: 22px; }
.products ul li{display: block;	margin: 0px; padding: 0 0 20px 26px; list-style-type: none;}
.description ul li:nth-child(1){font-size: 12px; color: #fff; padding: 15px 0 10px 0;line-height: 16px;}
.description ul li:nth-child(2){font-size: 10px; color: #B01F24; padding: 13px 0 0 5%; line-height: 12px;}
.description ul li:nth-child(3){font-size: 10px; color: #F79024; padding: 13px 0 0 0;line-height: 12px;}
.description ul li:nth-child(4){font-size: 10px; color: #374EA2; padding: 13px 0 0 0; line-height: 12px;}
.description ul li span{ font-size: 11px;line-height: 8px;}
}
/* END__ */



.description img {
	display: none;
}



/*new page*/
.new_wrap{ padding-bottom: 30px;}
.new_title h1{ font-size:48px; color: #282828; font-weight: 300; padding:15px 0 30px 0; margin: 0;}
.new_wrap .new_title h1 strong{ font-weight: 700;}
.new_video{ padding-bottom: 30px;}
.new_wrap .new_video h2{ font-size:22px; color: #282828; font-weight: 700; padding:0 0 10px 0; margin: 0;}
.new_wrap .new_video.red h2 { color: #e23037;}