@font-face {  font-family: 'Calibri Light';  src:  url('../fonts/calibri_light.eot');  src:  url('../fonts/calibri_light.eot?#iefix') format('embedded-opentype'),        url('../fonts/calibri_light.svg#Calibri Light') format('svg'),        url('../fonts/calibri_light.woff') format('woff'),        url('../fonts/calibri_light.ttf') format('truetype');  font-weight: normal; font-style: normal;}@font-face {  font-family: 'Calibri';  src:  url('../fonts/calibri.eot');  src:  url('../fonts/calibri.eot?#iefix') format('embedded-opentype'),        url('../fonts/calibri.svg#Calibri') format('svg'),        url('../fonts/calibri.woff') format('woff'),        url('../fonts/calibri.ttf') format('truetype');  font-weight: normal; font-style: normal;}* {  outline: none;	-webkit-box-sizing: border-box;	   -moz-box-sizing: border-box;			box-sizing: border-box;}html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%;}html { line-height: 1; height: 100%; width: 100%; }body {background:#fff; /* FONT STYLES */ font-family: 'Calibri Light'; font-size:19px; line-height: 1.3; color:#000;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }.clearfix, .wrapper { *zoom: 1; clear: both; }.clear { clear: both; }a { text-decoration: none; color:#000; }a:hover { text-decoration: underline; }a img { border: none; }b, strong { font-family: 'Calibri'; }i, em { font-style: italic; }u, ins { text-decoration: underline; }blockquote, .blockquote { margin: 40px 0; padding-left: 50px; background: url(../images/blockquote.png) no-repeat 0 0; color: #8c8c8c; font-size: 18px; }h1, h2, h3, h4 { font-family: 'Calibri Light'; font-weight:300; color: #000; }h1 { font-size:35px; text-align: center; margin: 30px 0; text-transform: uppercase; }h2 { font-size:30px; margin: 12px 0; }h3 { font-size:24px; margin: 10px 0; }h4 { font-size:20px; margin: 10px 0; }p { margin: 15px 0; }header .main-nav ul, .service ul, .how-we-work ul, .clients ul{ list-style: none; margin: 0; padding: 0; }.button { padding: 15px 22px; font-size: 18px; line-height: 1; color: #fff; text-decoration: none; background: #1d8bdf; border: 0; cursor: pointer;  -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,0.4);     -moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,0.4);          box-shadow: inset 0 -3px 0 rgba(0,0,0,0.4);  -webkit-border-radius: 5px;     -moz-border-radius: 5px;          border-radius: 5px;  -webkit-transition: all 0.5s;     -moz-transition: all 0.5s;          transition: all 0.5s;}.button:hover { text-decoration: none; background: #ff7e00;  -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,0.2);     -moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,0.2);          box-shadow: inset 0 -3px 0 rgba(0,0,0,0.2);}.button.active { background: #ff3c00;  -webkit-box-shadow: none;     -moz-box-shadow: none;          box-shadow: none;}.button.left { float: left; }.button.right { float: right; }.button.red { float: right; background: #ff0000; margin-top: -3px; }.button.red:hover { background: #ff7e00;  -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,0.2);     -moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,0.2);          box-shadow: inset 0 -3px 0 rgba(0,0,0,0.2);}.button.red.active, .service a.active .button.red { background: #595959;  -webkit-box-shadow: none;     -moz-box-shadow: none;          box-shadow: none;}.button strong { font-weight: 700; }.text { width: 64%; display: inline-block; text-align: justify; }.text h1 { padding: 7px 25px; margin: 0 -4% 35px; background: #fbfbfb; line-height: 1; }.text p { clear: both; line-height: 2; }/* FULL RESOLUTION */.container { width: 1082px; margin: 0 auto; }header { background: url(../images/head-bg.jpg) no-repeat center top; }header .main-nav { width: 100%; display: inline-block; position: fixed; top: 0; left: 0; z-index:99; }header .main-nav.fixed { background: #1d8bdf; }header .main-nav .logo { width: 60px; height: 57px; display: block; float: left; background: url(../images/logo.jpg) no-repeat center center; }header .main-nav ul { float: left; margin-left: 10px; }header .main-nav ul li { float: left; font-size: 19px; line-height: 1; }header .main-nav ul li a { display:block; color: #fff; text-decoration: underline; padding: 19px 17px;  -webkit-transition: all 0.5s;     -moz-transition: all 0.5s;          transition: all 0.5s;}header .main-nav ul li a:hover, header .main-nav ul li a.active { text-decoration: none; background: #2f2f2f; }header .main-nav .button { float: right; margin-top: -3px; }header .main-nav.fixed .button { margin-top: 5px; }header .main-bunner { position: relative; padding-top: 100px; }header .main-bunner .desc { position: absolute; top: 160px; left: 50px; color: #fff; font-size: 35px; }header .main-bunner .desc .name { font-family: 'Calibri'; font-weight: 700; font-size: 50px; text-transform: uppercase; }header .main-bunner .desc .name strong { color: #ff0000; }header .main-bunner .desc .big { font-size: 40px; }header .main-bunner .desc .phone { font-size: 45px; font-family: 'Calibri'; margin-top: 10px; padding-left: 66px; background:url(../images/phone.png) no-repeat left 7px; }header h1 { color:#fff; }header .model-row { width: 100%; background: #fff; text-align: center; padding: 15px 0 8px;  }.action-news { display: inline-block; width: 100%; }.action-news h3 { font-size: 19px; }.owl-carousel { padding: 0 20px; width: 100%; display: inline-block; }.owl-carousel .item { display: block; float: left; padding: 19px; }.owl-carousel .item .image { display:block; position: relative; width: 100%; overflow: hidden; line-height: 0;  -webkit-border-radius: 10px;     -moz-border-radius: 10px;          border-radius: 10px;}.owl-carousel .item .image img { width: 100%;}.heightgaler .item .image img { width: 100%; height: 135px;}.owl-carousel .item .image .type { position: absolute; right: 0; top:10px; text-transform: uppercase; padding: 5px 10px; color: #fff; line-height: 1; }.owl-carousel .item.action .image .type { background: #ff0000; }.owl-carousel .item.news .image .type { background: #1d8bdf; }.owl-carousel .item h3 { padding-left: 15px; border-left:3px solid; }.owl-carousel .item.action h3 { border-color: #ff0000; }.owl-carousel .item.news h3 { border-color: #1d8bdf; }.owl-carousel .owl-prev, .owl-carousel .owl-next { position: absolute; top: 50%; width: 28px; height: 52px; margin-top: -26px; background: url(../images/carousel-arr.png) no-repeat;  -webkit-transition: all 0.5s;     -moz-transition: all 0.5s;          transition: all 0.5s;}.owl-carousel .owl-prev { left: -5px; background-position: 0 0; }.owl-carousel .owl-prev:hover { background-position: -43px 0; }.owl-carousel .owl-next { right: 0; background-position: -41px -70px; }.owl-carousel .owl-next:hover { background-position: 0 -70px; }.service { display: inline-block; width: 100%; background: url(../images/service-bg.jpg) no-repeat center top; }.service ul li { float: left; width: 28%; margin-right: 5%; margin-bottom: 39px; display: inline-block; vertical-align: middle; font-size: 18px; line-height: 1; position: relative; }.service ul li:nth-child(3n+1) { clear: both; }.service ul li .icon { float: left; display: inline-block; width: 70px; height: 70px; position: relative; z-index: 2; }.service ul li .name { float: left; display: inline-block; width: 70%; margin-left: 5%; }.service ul li .hover { position: absolute; top: 0; right: 0; width: 85%; height: 100%; background: rgba(255,255,255,0.9); color: #1d8bdf; padding: 20px 10px 20px 40px; z-index: 1; opacity: 0;  -webkit-transition: all 0.5s;     -moz-transition: all 0.5s;          transition: all 0.5s;}.service ul li a:hover .hover, .service ul li a.active .hover { opacity: 1; }.service ul li .hover .button { float: left; padding: 10px 17px; }.service ul li .hover .link { display:inline-block; float: right; padding: 7px 7px; font-family: 'Calibri'; }.reviews { display: inline-block; width: 100%; }.reviews .item { width: 47%; margin-right: 3%; float: left; margin-bottom: 60px; }.reviews .item:nth-child(even) { clear: both; }.reviews .item .photo { width: 32%; overflow: hidden; float: left; position: relative; line-height: 0; }.reviews .item .photo img { min-width: 99%; height: 99%; margin: 0.5%; }.reviews .item .photo:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/user-photo-dec.png) no-repeat 0 0; background-size: 100% 100%; }.reviews .item .review { float: right; width: 62%; }.reviews .item .review .name { margin-bottom: 15px; font-size: 24px; font-family: 'Calibri'; font-weight: 700; padding-left: 15px; border-left:3px solid #1d8bdf; position: relative; line-height: 1; }.reviews .item .review .name:before { content: ""; position: absolute; left: -10px; top: 28px; border:4px solid;  border-color: transparent #1d8bdf #1d8bdf transparent;}.reviews .item .review .date { display: block; font-weight: normal; color: #999; font-family: 'Calibri Light'; }.reviews .item .review .message { font-size: 20px; line-height: 1; }.reviews .other { clear: both; text-align: center; margin-bottom: 50px; }#other_review { max-width: 1000px; display: none; }.sertificat { display: inline-block; width: 100%; background: url(../images/head-bg.jpg) no-repeat center center; }.sertificat h1 { color: #fff; }.sertificat .owl-carousel { margin-bottom: 30px; }.sertificat .owl-carousel .item { padding: 0; width: 100%; }.sertificat .owl-carousel .item .image { text-align: center; width: 80%; margin: 0 10%;  -webkit-border-radius: 5px;     -moz-border-radius: 5px;          border-radius: 5px;}.sertificat .owl-carousel .item .image:after { content: ""; width: 60px; height: 60px; position: absolute; bottom: 0; right: 0; background: url(../images/loupe.png) no-repeat 0 0;  }.sertificat .owl-carousel .owl-prev, .sertificat .owl-carousel .owl-next { background: url(../images/carousel-arr-w.png) no-repeat; }.sertificat .owl-carousel .owl-prev { left: -5px; background-position: 0 0; }.sertificat .owl-carousel .owl-prev:hover { background-position: -43px 0; }.sertificat .owl-carousel .owl-next { right: 0; background-position: -41px -70px; }.sertificat .owl-carousel .owl-next:hover { background-position: 0 -70px; }.why-we { display: inline-block; width: 100%; padding-top: 40px; line-height: 0; }.why-we .image { width: 33%; float: right; overflow: hidden;  -webkit-border-radius: 5px;     -moz-border-radius: 5px;          border-radius: 5px;}.why-we .image img { height: 100%; }.why-we .text { float: left; }.why-we .text h1 { float: right; }.gallery { display: inline-block; width: 100%; background: url(../images/service-bg.jpg) no-repeat center center; }.gallery .owl-carousel { margin-bottom: 30px; }.gallery .owl-carousel .item .image { text-align: center; width: 100%; margin-bottom: 30px;  -webkit-border-radius: 5px;     -moz-border-radius: 5px;          border-radius: 5px;}.gallery .owl-carousel .item .image:after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../images/loupe2.png) no-repeat center center rgba(29,139,223,0.7); opacity: 0;  -webkit-transition: all 0.5s;     -moz-transition: all 0.5s;          transition: all 0.5s;}.gallery .owl-carousel .item .image:hover:after { opacity: 1; }.gallery .owl-pagination { display: inline-block; text-align: center; width: 100%; }.gallery .owl-pagination .owl-page { display: inline-block; background: url(../images/carousel-dot.png) no-repeat -5px -5px; width: 20px; height: 20px; margin: 5px 2px; }.gallery .owl-pagination .owl-page.active { background-position: -56px 0; width: 30px; height: 30px; margin: 0; }.shop { display: inline-block; width: 100%; padding-top: 40px; line-height: 0; }.shop .image { width: 33%; float: left; overflow: hidden;  -webkit-border-radius: 5px;     -moz-border-radius: 5px;          border-radius: 5px;}.shop .image img { height: 100%; }.shop .text { float: right; }.shop .text h1 { float: left; }.shop .button { margin-top: 35px; }.how-we-work { display: inline-block; width: 100%; background: url(../images/how-we-work-bg.jpg) no-repeat center top; padding-bottom: 40px; }.how-we-work ul li { float: left; width: 15%; margin-right: 13.3%; text-align: center; }.how-we-work ul li:last-child { margin-right: 0; }.how-we-work ul li .icon { display: block; width: 100%; position: relative; }.how-we-work ul li .icon img { width: 100%; }.how-we-work ul li .icon .arrow { display:block; width: 64px; height: 28px; position: absolute; top: 50%; right: -64px; margin-top: -14px; background: url(../images/how-we-work-arrow.png) no-repeat 0 0; }.how-we-work ul li .name { display:block; font-size: 18px; margin: 15px -10% 0; width: 120%; }.questions { display: inline-block; width: 100%; margin-top: 50px; margin-bottom: 30px; line-height: 0; }.questions .text { float: left; }.questions .text h1 { float: right; }.form { width: 33%; float: right; }.form form { display:inline-block; width: 100%; overflow: hidden; background: #fbfbfb; padding: 20px; text-align: center; line-height: 1;  -webkit-border-radius: 5px;     -moz-border-radius: 5px;          border-radius: 5px;}.form h3 { font-size: 30px; color: #000; margin-bottom: 20px; }.field { width: 100%; border: 1px solid #c8c8c8; padding: 10px; font-size: 19px; color: #000; font-family: 'Calibri Light'; margin-bottom: 20px;  -webkit-border-radius: 5px;     -moz-border-radius: 5px;          border-radius: 5px;}#pop-up-form { position: absolute; width: 440px; min-height: 480px; padding: 90px 50px; float: none; background: rgba(0,0,0,0.6); display: none; margin: 0 0 0 -220px; z-index: 999; }#pop-up-form .close { display:inline-block; position: absolute; top: 65px; right: 50px; color: #fff; font-size: 16px; cursor: pointer; }#pop-up-form .close:hover { text-decoration: underline; }#pop-up-form2 { position: absolute; width: 440px; min-height: 480px; padding: 90px 50px; float: none; background: rgba(0,0,0,0.6); display: none; margin: 0 0 0 -220px; z-index: 999; }#pop-up-form2 .close { display:inline-block; position: absolute; top: 65px; right: 50px; color: #fff; font-size: 16px; cursor: pointer; }#pop-up-form2 .close:hover { text-decoration: underline; }.clients { display: inline-block; width: 100%; background: url(../images/clients-bg.jpg) no-repeat center top; padding-bottom: 40px; }.clients h1 { color: #fff; }.clients ul li { width: 100%; text-align: center; margin: 15px 0; }footer { width: 100%; height: 500px; position: relative; }footer .contacts { position: absolute; top: 0; left: 100%; margin-left: -500px; z-index: 999; width: 500px; height: 500px; background: #fff; text-align: center; }footer .contacts h1 { margin: 40px 0 0; padding: 0; }footer .contacts .address { font-size: 28px; margin: 0 0 40px; }footer .contacts .big { font-size: 20px; font-family: 'Calibri'; }footer .contacts .phone { font-size: 25px; font-family: 'Calibri'; font-weight: 700; color: #1d8bdf; }/* POP-UP */.overlayer { position:fixed; top:0; left:0; background:rgba(0,0,0,0.5); width:100%; height:100%; display:none; }.pop-up { position:fixed; top:20%; left:50%; background:#fff; width:656px; max-height: 80%; display:none; padding:30px; margin-left: -358px; display:none;	-webkit-border-radius:10px;	   -moz-border-radius:10px;			border-radius:10px;	-webkit-box-shadow: 0 0 25px #000;	   -moz-box-shadow: 0 0 25px #000;			box-shadow: 0 0 25px #000;}.overlayer.active { display:block; }.pop-up.active { display:inline-block; }.pop-up .pop-up-content { overflow: auto; }.pop-up .close { display:block; width:27px; height:23px; padding-top:4px; background:#ff0000; text-align:center; position:absolute; top:-10px; right:-10px; cursor:pointer; color:#fff; font-size:14px; font-weight:700;	-webkit-border-radius:100%;	   -moz-border-radius:100%;			border-radius:100%;	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.5);	   -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.5);			box-shadow: 2px 2px 2px rgba(0,0,0,0.5);}/* MOBILE RESOLUTION *//*@media (max-width: 599px) {  .container { width: 96%; max-width: 100%; margin: 0 2%; }  }*//* TABLET RESOLUTION *//*@media (min-width: 600px) and (max-width: 799px) {  .container { width: 96%; max-width: 700px; margin: 0 2%; }  }*//* SMALL DESCTOP RESOLUTION *//*@media (min-width: 800px) and (max-width: 1024px) {  .container { width: 94%; margin: 0 3%; }  }*/