/* BASIC */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.clear { clear: both; height: 0; overflow: hidden; }



/* TYPO */
body { color:#000000; font-size:16px; font-family: "PT Sans", arial, sans-serif; }

h1, h2, h3, h4, h5 { color:#000000; margin:1em 0 .5em 0; line-height:1.1; font-family: "Roboto"; }
h1, h2, h3, h4 { font-weight: bold; }


p, ol, ul { margin:0 0 1.4em; line-height: 1.3; }
li { margin-bottom:.5em; }

a:link, a:visited { color:#1870b7; }
a:hover { color:#ff6600; }
a, button { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; }

p a:link, p a:visited { border-bottom:1px solid #1870b7; }
h1 a, h2 a, h3 a, h4 a, p a, li a { border-bottom:1px solid #1870b7; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, p a:hover, li a:hover { border-bottom:1px solid #ff6600; text-decoration: none; }


/* ELEMENTS */
.btn_m { background:#ffca3b; padding:15px 28px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
a.btn_m { border:0; color:#000000; font-weight: bold; text-decoration: none; }
a:hover.btn_m { text-decoration: none; }
button.btn_m { border:0; color:#000000; font-weight: bold; }

input[type="submit"].btn_m { color:#ffffff; border:none; font-weight: bold; }

.btn_act { background:#ffbb01; border:2px solid #ffbb01; padding:15px 28px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 5px 15px #aaa; -moz-box-shadow: 0 5px 15px #aaa; -webkit-box-shadow: 0 5px 15px #aaa; }
.btn_act { background: #ffbb01; /* Old browsers */
background: -moz-linear-gradient(top, #ffbb01 0%, #facf58 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffbb01 0%,#facf58 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffbb01 0%,#facf58 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbb01', endColorstr='#facf58',GradientType=0 ); /* IE6-9 */ }
a.btn_act { color:#000000; font-weight: bold; text-decoration: none; }
a:hover.btn_act { text-decoration: none; box-shadow: 0 10px 15px #aaa; -moz-box-shadow: 0 10px 15px #aaa; -webkit-box-shadow: 0 10px 15px #aaa; }

/* LAYOUT */
body {  }
.layout { background:#ffffff; margin:0 auto; width:100%; max-width: 1280px; box-shadow: 0 10px 32px #111111; -moz-box-shadow: 0 10px 32px #111111; -webkit-box-shadow: 0 10px 32px #111111; }

.layout:before { 
  content: "";
  position: fixed;
  left: 0;
  right: 0;
  z-index: -1;
  display: block;
  background-image: url('i/bgimage.jpg');
  width: 100%;
  height: 100%;
  background-attachment: fixed;
  background-size: cover;

  opacity: .7;
  
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
 }


/* MAIN CONTENT */
.content {  }
.content .sub-header { line-height:1.5; font-size:22px; }
.content h2, .content .sub-header { text-align: center; margin-left:auto; margin-right: auto; }
.content p { max-width: 730px; }



section { padding:80px 0; }
section.hrline { border-top:1px solid #baadad; }
section h1, section h2 { margin-top:0; font-size:36px; }
section.zebra { border-top:1px solid #dddddd; background: #f4f5f0; }

/* MAIN CONTENT */
.content {  }
.content .sub-header { line-height:1.3; font-size:22px; }
.content p, .content li { max-width: 730px; }




/* HEADER */
header {  }
header { padding:25px 0 35px; border-bottom:1px solid #f4f9fb; box-shadow: 0 5px 15px #aaa; }

.logo {  }
.logo p { margin:0; }
.logo a:link, .logo a:visited { text-transform: uppercase; border:none !important;}
.description { color:#9a9a9a; line-height:1.2; }


.work-info { margin:0 auto; max-width: 360px; }
.work-info p { margin:0; }
.work-info-time { width:50%; float:left;  }
.work-info-time .fa { position: absolute; top:3px; }
.work-info-time p { margin-left: 20px; }

.work-info-phones { width:50%; float:left;  }
.work-info-phones .fa { position: absolute; top:3px; }
.work-info-phones p.phone { margin-left:20px; color:#000000; font-weight: bold; }

.work-info-phones a:link.callme, .work-info-phones a:visited.callme { margin-left:20px; font-size:14px; }


/* phone */
@media screen and (max-width: 736px) {
	.logo { text-align: center; }
	.description { margin:.5em auto 1em; }
}

/* ipad? */
@media screen and (max-width: 767px) {
	.logo { text-align: center; }
	.description { margin:.5em auto 1em; }
}




/* PROMO BLOCK */
.sec_promoblock { border-top:5px solid #ffca3b; position:relative; min-height:420px; overflow:hidden; }
.sec_promoblock img { position:absolute; z-index: 5; }

.promo-overlay { background: #666666; position:absolute; z-index: 10; opacity: .9; right:0; left:auto; width:50%; height:100%; }

.promo-overlay.right { right:0; left:auto; width:50%; height:100%; }
.promo-overlay.left { left:0; right:auto; width:50%; height:100%; }
.promo-overlay.bottom { bottom:0; left:auto; right:auto; top:auto; width:100%; height:50%; }
.promo-overlay.top { top:0; bottom:auto; left:auto; right:auto; width:100%; height:50%; }
.promo-overlay.full { top:0; left:0; width:100%; height:100%; }



.promotext { position:absolute; z-index: 15; right:0; left:auto; top:auto; bottom:auto; width:50%;}
.promotext .btn_m { border:1px solid #ffffff; }
.promotext .btn_m:hover { background:#ffffff; color:#000000;}

.promotext.full { top:0; left:0; bottom:auto; right:auto; width:100%; height:100%; }
.promotext.right { right:0; left:auto; top:auto; bottom:auto; width:50%; }
.promotext.left { right:auto; left:0; top:auto; bottom:auto; width:50%; }



.promotext .wrap { margin:0 50px; max-width: 350px; }


.promotext .type { background:#ffca3b; color:#000000; display:inline-block; padding:10px 18px; margin-bottom:1em; font-weight: bold; }

.promotext h3, .promotext p { color:#ffffff; }
.promotext h3 { margin:0 0 .5em; font-size:36px; }
.promotext p { margin-bottom:2em; }

.promotext.full h3 { font-size:3em; }

.promotext.full .wrap { margin:50px auto; max-width: 970px; text-align: center; }
.promotext.full .wrap .type { display:block; margin:0 auto 1em; max-width: 250px; text-align: center; }
.promotext.full .wrap p { margin:0 auto 3em; max-width: 750px; }

.promotext.right { width:50%; }
.promotext.right .wrap { margin:0 50px; max-width: 350px; }

.promotext.left { width:50%; }
.promotext.left .wrap { margin:0 70px; max-width: 350px; }


@media screen and (max-width: 767px) {
	.sec_promoblock img {  }
	.promo-overlay, .promo-overlay.full, .promo-overlay.left, .promo-overlay.right { left:0; right:auto; width: 100%; opacity: .9; }
	.promotext, .promotext.full, .promotext.left, .promotext.right {  width:100%; text-align: center; }
	.promotext .wrap, .promotext.full .wrap, .promotext.left .wrap, .promotext.right .wrap { margin:1em auto; max-width: 90%; }
}




/* SPECIAL OFFER */
.sec_services { padding-top:50px; }

.action-item { margin-bottom:20px; border:2px solid #ddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 0 12px 10px -10px rgba(0, 0, 54, 0.3);-webkit-box-shadow: 0 12px 10px -10px rgba(0, 0, 54, 0.3); box-shadow: 0 12px 10px -10px rgba(0, 0, 54, 0.3);}
.action-item:hover { border:2px solid #ffca3b; }
.action-item img { width:100%; margin-bottom:25px; display: block; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

.action-item .details { padding:0 15px; text-align: center;}
.action-item .type { font-weight: bold; }
.action-item a { border:0 !important; }
.action-item .btn_m { display: inline-block; margin-bottom:2em;}
.action-item a.cproduct_name { color:#000000; display:inline-block; margin:0 0 1em; line-height:1.2; text-decoration:none; font-weight:bold; font-size:24px;  }

.action-item p.memo { color:#444444; }
.action-item .price { font-weight: bold; font-family: "Roboto"; }



@media screen and (max-width: 991px) {
	.sec_services .action-item { height:600px ; }
}



/* SECTION ABOUT */
.sec_about { padding-top:0; }
.sec_about img { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.sec_about .btn_act {display:inline-block;  margin:1em 0; }
.sec_about .buymemo { max-width: 350px; margin-left:28px; font-style:italic;}

.sec_about .sharepage { margin:30px 0; padding:15px; border:1px solid #cccccc; border-radius: 5px; }
.sec_about .sharepage p { margin:0 0 1em; font-weight:bold; font-size:.9em;}


.aboutvideo {   }
.aboutvideo iframe { height:230px; box-shadow:10px 10px 15px #aaa; -moz-box-shadow:10px 10px 15px #aaa; -webkit-box-shadow:10px 10px 15px #aaa; border-radius: 5px;  -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.aboutvideo p { margin-top:1.4em; text-align:center; font-style: italic; }

@media screen and (max-width: 991px) {
	.sec_about .aboutvideo iframe { height:400px; }
	.sec_about .aboutvideo p { max-width: 400px; margin:1.4em auto; }
	.sec_about .sharepage { text-align: center; }
}

@media screen and (max-width: 736px) {
	.sec_about img { margin-top:20px; }
	.sec_about .aboutvideo iframe { height:290px; }


}






/* FRESHWORKS */
.sec_freshworks {  }
.sec_freshworks h4 { text-transform: uppercase; }

#instafeed { margin-top:15px; }
#instafeed a { border:0; }
.sec_freshworks a .fa { color:#fff; position:absolute; right:35px; bottom:35px; text-shadow: 0 0 10px #666; }

@media screen and (max-width: 736px) {
	.sec_freshworks h4 { text-align: center; line-height: 1.4; font-size:1.6em;}
	.sec_freshworks a .fa { display: none; }
}




/* GALLERY */
.sec_gallery {  }
.zoomimage { display:inline-block; border: 1px solid #cccccc; margin-bottom:20px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-transition: all 0.1s; -webkit-transition: all 0.1s; transition: all 0.1s; }
.zoomimage:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
.sec_gallery a .fa { color:#fff; position:absolute; right:35px; bottom:35px; text-shadow: 0 0 10px #666; -moz-text-shadow: 0 0 10px #666; -webkit- text-shadow: 0 0 10px #666; }

@media screen and (max-width: 736px) {
	.zoomimage { display:block; width:90%; margin-left:auto; margin-right:auto; }
	.sec_gallery a .fa { display: none; }
}



/* SECTION BENEFIT */
.sec_benefit { padding:30px; }
.sec_benefit .fa { margin:1em 0; font-size:2em;}

@media screen and (max-width: 736px) {
	.sec_benefit { text-align: center; }
}





/* SECTION TESTIMONIALS */
.sec_testimonials {  }
.sec_testimonials h2 { text-align: center; }
.sec_testimonials p.sub-header { margin:0 auto; text-align: center; }

.testimonial_item { margin-top:3em; }

.testimonial_item .testimonial { padding:25px; background: #ffffff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.testimonial_item .testimonial p { margin:1em 0 0; text-align:left;}

.testimonial_item .author { margin:1em 0 0 25px; color:#888888; }
.testimonial_item .author b { color:#000000; }

@media screen and (max-width: 736px) {
	.testimonial_item { text-align: center; margin:3em auto 0;}
}





/* SECTION CLOSEBLOCK */
.sec_closeblock { padding-bottom:50px; }
.sec_closeblock h2 { margin-bottom:1em; }
.sec_closeblock p { margin:0 0 .5em; max-width: 90%; }
.sec_closeblock p b { font-weight:bold; font-size:18px; font-family: "Roboto"; }

.sec_closeblock .fa { font-size:.7em; }
.sec_closeblock p.phone { margin:0; font-size:2em; font-family: "Roboto"; }

@media screen and (max-width: 736px) {
	.sec_closeblock .block { display: inline-block; margin-bottom:5em;}
	.sec_closeblock p b { background: #f4f5f0; text-align: center; font-size:1.4em; }
}




/* SECTION PAGE SERVICES */
.sec_pricelist { padding-top:0px; }
.sec_pricelist h2 { text-align: center; }
.sec_pricelist ul.price-table { max-width:760px; margin:0 auto; padding:0; list-style: none; }
.sec_pricelist ul.price-table h3 { text-align: center; }
.sec_pricelist ul.price-table li { padding:5px 5px; }
.sec_pricelist ul.price-table li span { float:right; }

.sec_pricelist ul.price-table li:hover { background: #ede8cf; }






/* SECTION PAGE CONTACTS */
.sec_contacts { padding-top:50px; }
.sec_contacts .map_image { min-height:300px; border:1px solid #cccccc; }
.sec_contacts .contacts-text { background: #ffffff; }
.sec_contacts .contacts-text .address { font-size:1.2em; }
.sec_contacts .contacts-text .contact-memo {  }






/* FOOTER */
footer { background:#171717; color:#9fa4af; padding:50px 0 0; border-top:1px solid #f4f9fb; }
footer h2, footer h3, footer h4 { color:#ffffff; margin-top:0; text-transform: uppercase; letter-spacing: 1px; }

footer p a:link, footer p a:visited, footer ul a:link, footer ul a:visited{ color:#dddddd; border-bottom:1px solid #666; font-weight: bold; }
footer p a:hover, footer li a:hover { color:#ffffff; border-bottom:1px solid #ffffff; }
footer p.copyright { margin-top:2em; }



footer .contacts { color:#9fa4af; }
footer .contacts ul { margin:0 0 0 1em; padding:0; list-style: square;}
footer .copyright { margin-top:1em; }

footer .fa { font-size:16px; }

footer b { color:#ffffff; }

ul.icons { list-style: none; margin:0 0 2em; padding:0;}
ul.icons li { display: inline-block; margin-right:5px;}

ul.icons a { color:#ffffff; padding:1em; border:1px solid #555555; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
ul.icons a:hover { text-decoration: none; color:#ffffff; border:1px solid #cccccc; }


.addinfo { margin-top:50px; background: #000000; color:#666666; }
.addinfo p { margin:1em 0; }
footer .addinfo p a:link, footer .addinfo p a:visited { color:#dddddd; }
footer .addinfo p a:hover { color:#ffffff; border-bottom:1px solid #ffffff; }




/* SECTION ORDER PAGE */
.sec_orderform { margin:0 0 50px; padding:0;}
.sec_orderform h1 { margin-top:1em; }

.sec_orderform .price { display:inline-block; background:#eeeeee; padding:15px; font-style:italic; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.sec_orderform .bl_counter { display:none; text-align:center; background: #f7f7f7; padding:25px; max-width: 700px; border:2px solid #ffd200; padding:25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius:5px; font-family: "Roboto"; }
.sec_orderform .bl_counter p { margin:0 0 .5em; }
.sec_orderform #counter { margin:0; background: #00cc00;}


#clockdiv { font-weight: bold; font-size:1.4em;}
#clockdiv > div{
    display: inline-block;
    padding:0;
}

#clockdiv div > span{
    display: inline-block;
}

#clockdiv .bl_days { display:none; }

#clockdiv .smalltext { display:none; }

.contactform { border: 10px solid #ffd156; background:#f7f7f7; margin:25px 0 50px; padding:25px; max-width: 700px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.contactform label { margin:.5em 0 .5em; }
.contactform input { font-size: 16px; }
.contactform input[type="submit"] { margin:.1em 0 1em; }
.contactform span.required { color:#d80000; font-size:1.8em;}
.contactform .redborder { border:1px solid #c00; background: #ffd8da;}



/* MODAL */
.modal {  }
.modal .form-control { font-size:1.2em;  }
.modal input.form-control { height:40px; }
.modal input[type="text"].form-control, .modal textarea.form-control { border: 1px solid #aaaaaa; }
.modal input[type="submit"].form-control { max-width: 250px; }
.modal-header { border:none; }
.modal-header h4 { line-height:1.2; font-size:2em; }
.modal-content { padding:25px; }
.modal-content p { color:#666666; font-style: italic; }

@media screen and (max-width: 736px) {
	.modal-header h4 { text-align: center; }
	.modal-header .spacer { display:none; }
	.modal-content { padding:5px 10px; }
}