@font-face {
    font-family: 'AvenirBlack';
    src: url('../fonts/AvenirBlack.eot');
    src: url('../fonts/AvenirBlack.eot') format('embedded-opentype'),
         url('../fonts/AvenirBlack.woff2') format('woff2'),
         url('../fonts/AvenirBlack.woff') format('woff'),
         url('../fonts/AvenirBlack.ttf') format('truetype'),
         url('../fonts/AvenirBlack.svg#AvenirBlack') format('svg');
}
@font-face {
    font-family: 'AvenirBook';
    src: url('../fonts/AvenirBook.eot');
    src: url('../fonts/AvenirBook.eot') format('embedded-opentype'),
         url('../fonts/AvenirBook.woff2') format('woff2'),
         url('../fonts/AvenirBook.woff') format('woff'),
         url('../fonts/AvenirBook.ttf') format('truetype'),
         url('../fonts/AvenirBook.svg#AvenirBook') format('svg');
}
@font-face {
    font-family: 'AvenirHeavy';
    src: url('../fonts/AvenirHeavy.eot');
    src: url('../fonts/AvenirHeavy.eot') format('embedded-opentype'),
         url('../fonts/AvenirHeavy.woff2') format('woff2'),
         url('../fonts/AvenirHeavy.woff') format('woff'),
         url('../fonts/AvenirHeavy.ttf') format('truetype'),
         url('../fonts/AvenirHeavy.svg#AvenirHeavy') format('svg');
}
@font-face {
    font-family: 'AvenirMedium';
    src: url('../fonts/AvenirMedium.eot');
    src: url('../fonts/AvenirMedium.eot') format('embedded-opentype'),
         url('../fonts/AvenirMedium.woff2') format('woff2'),
         url('../fonts/AvenirMedium.woff') format('woff'),
         url('../fonts/AvenirMedium.ttf') format('truetype'),
         url('../fonts/AvenirMedium.svg#AvenirMedium') format('svg');
}


/* Eric Meyer's CSS Reset */
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, sub, sup, 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-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End of Eric Meyer's CSS Reset */

html {
	height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
body {
	
    font-family: 'Montserrat', sans-serif;
    font-size:14px;
	height: 100%;
    color:#fff;
}

.wrapper {
	min-width: 320px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
.clear {clear:both;}
.menu-close {position:absolute; z-index:999; top:30px; right:30px; display:block; width:20px;}
.menu-close img {width:100%;}

.mobile-menu-holder {width:100%; height:100%; z-index:9999; display:none;  overflow-y:scroll;background:#000; position:fixed; left:0px; top:0px;}
.mobile-menu {width:100%; height:100%; display:table; }
.mobile-menu-a {width:100%; height:100%; display:table-cell; text-align:center; vertical-align:middle;}
.mobile-menu-a li {margin:24px 0px 24px 0px;}
.mobile-menu-a li a {color:#fff; text-decoration:none; font-weight:600; font-size:26px;}
.mobile-menu-a li a.hasChild {background:url(../img/down-chevron.png) right top no-repeat; background-size:14px; background-position:right 15px; padding-right:25px;}
.mobile-menu-a li li {margin:18px 0px 18px 0px;}
.mobile-menu-a li li a {font-weight:300; font-size:17px;}
.mobile-menu-a li ul {display:none;}

.page-content {min-height:500px; padding:40px 0px 40px 0px;}
.page-content .content-wrapper {max-width:800px;}
.page-content h1 {color:#000; font-weight:700; margin-bottom:23px; font-size:34px; line-height:40px;}
.page-content h2 {color:#000; font-weight:700; margin-bottom:17px; font-size:28px; line-height:35px;}
.page-content h3 {color:#000; font-weight:700; margin-top:21px; margin-bottom:13px; font-size:22px; line-height:32px;}
.page-content p {font-size:16px; color:#000; line-height:25px; margin-bottom:18px;}


.colls-content-left {float:none; width:100%; margin:0 auto;}
.colls-content-right {float:none; width:100%; margin:0 auto;}
.colls-content {padding:60px 0px 60px 0px;}
.colls-content h1 {color:#000; font-weight:700; margin-bottom:23px; font-size:34px; line-height:40px;}
.colls-content h2 {color:#000; font-weight:700; margin-bottom:17px; font-size:28px; line-height:35px;}
.colls-content h3 {color:#000; font-weight:700; margin-top:21px; margin-bottom:13px; font-size:22px; line-height:32px;}
.colls-content p {font-size:16px; color:#000; line-height:25px; margin-bottom:18px;}
.colls-content ul.marked {margin-bottom:21px;}
.colls-content ul.marked li {position:relative; margin-left:6px; font-size:16px; color:#000; line-height:25px; margin-bottom:7px;}
.colls-content ul.marked li::before {width:5px; height:5px; content:''; border-radius:90px; background:#000; position:absolute; left:-11px; top:11px;}

.fancybox-opened .fancybox-skin {box-shadow:none; padding:0px; background:transparent;}
.thanks-popup {width:356px; height:140px; display:none; margin-top:-70px; z-index:99999; text-align:center; background:#fff; border-radius:4px; position:fixed; left:50%; top:50%;  margin-left:-178px;-webkit-transition:  all 0.4s ease-in-out;-moz-transition:  all 0.4s ease-in-out;-o-transition:  all 0.4s ease-in-out;-ms-transition:  all 0.4s ease-in-out;transition:  all 0.4s ease-in-out;}
.callback-popup-lbl {font-size: 22px;line-height: 25px;margin-bottom: 5px;text-align: center;text-transform: uppercase;}
.thanks-txt {font-size: 14px;line-height: 19px;text-align: center;}
.callback-popup-a {padding-top:31px;} 
.callback-popup {position:fixed; display:none; border-radius:4px; background:#fff; left:50%; top:50%; margin-top:-220px; margin-left:-212px; height:440px; width:480px; z-index:99999; -webkit-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.5);box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.5);-webkit-transition:  all 0.37s ease-in-out;-moz-transition:  all 0.37s ease-in-out;-o-transition:  all 0.37s ease-in-out;-ms-transition:  all 0.37s ease-in-out;transition:  all 0.37s ease-in-out;}
.callback-popup.open {top:50%;}
.callback-popup .form-padding {padding:28px 40px 0px; position:relative;}
.callback-popup .form-lbl {text-align:center; margin-bottom:12px; font-weight:600; color:#000; line-height:29px; font-size:28px;}
.callback-popup .form-sublbl {text-align:center;font-size:15px; color:#000;line-height:21px; margin-bottom:26px;}
.overlay {width:100%; height:100%; display:none; background:rgba(18,18,17,0.8); position: fixed; left:0px; top:0px; z-index:99991;}
.form-inpt {position:relative;border:1px solid #cfcfcf; margin-bottom:12px; background:#fff; padding:12px 13px 10px 13px; -webkit-box-shadow: inset 0px 1px 2px 0px rgba(50, 50, 50, 0.24); -moz-box-shadow: inset 0px 1px 2px 0px rgba(50, 50, 50, 0.24); box-shadow: inset 0px 1px 2px 0px rgba(50, 50, 50, 0.24);}
.form-inpt input {border:0px; outline:none; width:100%; font-size:16px; color:#000;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.form-send {width:230px; height:53px;   display:block; margin:0 auto; margin-top:21px; font-size:12px; font-weight:600; text-transform:uppercase;  cursor:pointer; border:0px; color:#fff; background:#4668ed; border-radius:90px; -webkit-transition:  all 0.15s ease-in-out;-moz-transition:  all 0.15s ease-in-out;-o-transition:  all 0.15s ease-in-out;-ms-transition:  all 0.15s ease-in-out;transition:  all 0.15s ease-in-out;}
.team-popup-close {display:block; width:18px; height:18px; background:url(../img/close.png) left top no-repeat; position:absolute; top:-23px; right:-27px;-webkit-transition:  all 0.34s ease-in-out;-moz-transition:  all 0.34s ease-in-out;-o-transition:  all 0.34s ease-in-out;-ms-transition:  all 0.34s ease-in-out;transition:  all 0.34s ease-in-out;}
.team-popup-close:hover {-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);-ms-transform:rotate(270deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
  
.popup-close {-webkit-transition:  all 0.34s ease-in-out;-moz-transition:  all 0.34s ease-in-out;-o-transition:  all 0.34s ease-in-out;-ms-transition:  all 0.34s ease-in-out;transition:  all 0.34s ease-in-out;}
.popup-close:hover {-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);-ms-transform:rotate(270deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
 

/* Header
-----------------------------------------------------------------------------*/


.content-wrapper {max-width:1300px; padding:0px 20px 0px 20px; margin:0 auto; color:#fff;}
.header-a {height:84px; background:#fff;}
.header-b {height:61px; background:#000000;}
.main-banner {height:500px; width:100%;}
.main-banner-a {background:rgba(0,0,0,0.6); width:100%; height:100%;}
.header-logo {float:left; margin:25px 40px 0px 0px;}
.header-logo img {width:180px;}
.header-social {float:left; margin:30px 0px 0px 0px;}
.header-social a {display:inline-block; margin:0px 12px 0px 0px;}
.header-social img {width:21px;}
.header-right {float:right; text-align:right; margin-top:18px; color:#0c0c0c;}
.header-phone {font-size:23px; margin-bottom:6px; font-weight:400;}
.header-email a {font-size:14px; color:#2e56ef;}
.header-contacts {float:right; line-height:24px; margin:17px 40px 0px 0px; text-align:right; color:#000000;}
.header-time {font-weight:600;}
.main-menu {text-align:center;}
.main-menu {width:100%;}
.main-menu li {display:inline-block; padding-bottom:20px; position:relative; margin:22px 23px 0px 23px;}
.main-menu li a {color:#fff; font-size:13px; font-weight:600; text-decoration:none; text-transform:uppercase;}
.main-menu li:hover .main-drop-menu {display:block;}
.main-drop-menu {position:absolute; display:none; width:950px; padding:20px 20px 40px 20px; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; background:rgba(0,0,0,1); top:20px; left:-50px;}
.main-drop-menu ul {float:left; width:33%;text-align:left;}
.main-drop-menu ul li {display:block; padding:0px;}
.main-drop-menu ul li a {text-align:left; font-size:14px; font-weight:400; text-transform:none; text-align:left;}
.main-drop-menu ul li a:hover {color:#c6c6c6; }

.main-banner-table {width:100%; height:100%; display:table;}
.main-banner-table-a {display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle;}
.main-banner-table h1 {color:#fff; margin-bottom:12px; text-transform:uppercase; font-weight:700; line-height:62px; font-size:50px;}
.main-banner-table-a p {font-size:16px; line-height:28px;  max-width:900px; display:block; margin:0 auto;margin-bottom:42px;}
.main-btn-a {display:inline-block; margin:0px 4px 0px 4px; padding:19px 30px 20px 30px; width:170px; text-transform:uppercase; border-radius:90px; background:#fff; color:#000000; text-decoration:none; font-size:13px; font-weight:600;}
.main-btn-b {display:inline-block; margin:0px 4px 0px 4px; padding:19px 30px 20px 30px; width:170px; text-transform:uppercase; border-radius:90px; background:#4668ed; color:#fff; text-decoration:none; font-size:13px; font-weight:600;}

.page-lbl {max-width:800px; margin:0 auto;}
.label {text-align:center; font-size:33px; line-height:40px; margin-bottom:29px; color:#120e0e; font-weight:700;}

.portfolio {padding:80px 0px 80px 0px;}
.portfolio-item {width:23.3%; float:left; margin-right:2.26%; margin-bottom:25px; background:#fff; border-radius:10px; overflow:hidden; -webkit-box-shadow: 0px 0px 25px 0px rgba(129, 129, 129, 0.32); -moz-box-shadow: 0px 0px 25px 0px rgba(129, 129, 129, 0.32); box-shadow: 0px 0px 25px 0px rgba(129, 129, 129, 0.32);}
.portfolio-item:nth-child(4n) {float:right; margin-right:0px;}
.portfolio-image {overflow:hidden; line-height:0px; border-radius:10px 10px 0px 0px;}
.portfolio-image a {display:block; position:relative;}
.portfolio-image img {width:100%;}
.portfolio-image-over {position:absolute; left:0px; top:0px; background:rgba(0,0,0,0.12) url(../img/play.png) center center no-repeat; background-size:45px; width:100%; height:100%;}
.portfolio-lbl {text-align:center; color:#000; font-size:14px; line-height:18px; font-weight:700; min-height:37px; padding:20px 0px 10px 0px;}
.portfolio-btn {text-align:center; padding:0px 20px 26px 20px;}
.portfolio-btn a {display:inline-block; padding:15px 27px 17px 27px; width:170px;  border-radius:90px; background:#4668ed; color:#fff; text-decoration:none;  font-weight:600;}
.portfolio-lbl a {color:#000; text-decoration:none;}

.clients {padding:80px 0px 80px 0px; background:#f5f5f5;}
.s-lbl {text-align:center; line-height:24px; color:#000; margin-bottom:38px; font-size:16px;}
.clients .label,.video-formats .label,.calculate .label,.benefits .label,.team .label,.responds .label {margin-bottom:13px;}

.clients .s-lbl {margin-bottom:10px;}
.clients .owl-stage {padding-top:20px; padding-bottom:20px;}
.client-item {height:80px; width:100%; display:table; background:#fff; border-radius:10px;  -webkit-box-shadow: 0px 0px 10px 0px rgba(129, 129, 129, 0.32); -moz-box-shadow: 0px 0px 10px 0px rgba(129, 129, 129, 0.32); box-shadow: 0px 0px 10px 0px rgba(129, 129, 129, 0.32);}
.client-item-a {display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle;}
.client-item-a img {width:70%;}
.clients-row {position:relative;}
.owl-prev {display:block; border-radius:90px; background:#4668ed url(../img/slider-left.png) center center no-repeat; position:absolute; left:-50px; top:50%; margin-top:-15px; width:38px; height:38px;}
.owl-next {display:block; border-radius:90px; background:#4668ed url(../img/slider-right.png) center center no-repeat; position:absolute; right:-50px; top:50%; margin-top:-15px; width:38px; height:38px;}

.video-formats {padding:80px 0px 80px 0px;}
.video-formats.invert {background:#f5f5f5;}
.formats-cnt {padding:20px 20px 25px 20px;}
.formats-cnt p {font-size:14px; padding-bottom:16px; min-height:101px; color:#616161; line-height:20px;}
.format-lbl {font-size:17px; font-weight:700; color:#000; margin-bottom:7px;}
.format-lbl a {text-decoration:none; color:#000;}
.format-btn {display:inline-block; float:left; padding:12px 28px 15px 28px; border-radius:90px; background:#4668ed; color:#fff; text-decoration:none;  font-weight:600;}
.format-price {float:right; margin-top:13px; color:#000; font-size:14px; font-weight:700;}

.calc-holder-row {margin-bottom:22px;}
.calculate {padding:80px 0px 80px 0px; background:#f5f5f5;}
.calc-block {float:left; width:49%; min-height:220px; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; padding:28px 30px 15px 30px; background:#fff; border-radius:10px;  -webkit-box-shadow: 0px 0px 25px 0px rgba(129, 129, 129, 0.32); -moz-box-shadow: 0px 0px 25px 0px rgba(129, 129, 129, 0.32); box-shadow: 0px 0px 25px 0px rgba(129, 129, 129, 0.32);}
.calc-block:nth-child(2n) {float:right;}
.calc-lbl {color:#000; font-size:24px; margin-bottom:18px; font-weight:700;}
.cal-coll {float:left; width:50%;}
.calc-total {text-align:center; padding-top:16px;}
.calc-total-lbl {color:#000; font-size:20px; margin-bottom:8px; font-weight:700;}
.calc-total-value  {color:#000; font-size:36px; font-weight:700; margin-bottom:25px;}
.calc-order {font-size:14px; color:#fff; font-weight:700; padding:19px 0px 21px 0px; border-radius:90px; display:inline-block; text-decoration:none; background:#4265ea; width:240px;}

.checkbox {margin-bottom:14px; color:#000;}
.checkbox .jq-radio {float: left; border:0px; position: relative; border-radius:none !important; width:19px; height:19px; box-shadow:none !important; margin-right: 8px; border:2px solid #4265ea; background:#fff;}
.checkbox label {cursor:pointer;}
.checkbox .jq-radio span {display: none; width:9px; height:9px;  position: absolute; border-radius:90px; left:5px; top:5px; background:#4265ea; }
.checkbox .jq-radio.checked {display: block; }
.checkbox .jq-radio.checked span {display:block;}

.checkbox .jq-checkbox {float: left; border:0px; position: relative; border-radius:none !important; width:19px; height:19px; box-shadow:none !important; margin-right: 8px; border:2px solid #4265ea; background:#fff;}
.checkbox label {cursor:pointer;}
.checkbox .jq-checkbox span {display: none; width:9px; height:9px;  position: absolute;  left:5px; top:5px; background:#4265ea; }
.checkbox .jq-checkbox.checked {display: block; }
.checkbox .jq-checkbox.checked span {display:block;}

.check-lbls {float:left; margin-top:4px; font-size:16px;}

.benefits {padding:80px 0px 50px 0px;}
.benefits-item {width:30%; margin-right:4.4%; margin-bottom:50px; float:left; text-align:center;}
.benefits-item:nth-child(3n) {float:right; margin-right:0px;}
.benefits-item-lbl {font-size:22px; margin-bottom:7px; color:#000; font-weight:700;}
.benefits-item-txt {line-height:24px; color:#000; font-size:16px;}
.benefits-item-icn {margin-bottom:16px;}
.benefits-item-icn img {height:74px;}

.steps {padding:80px 0px 80px 0px; background:#f5f5f5;}
.steps .label {margin-bottom:40px;}
.step-item {float:left; width:32%; margin-bottom:22px; margin-right:2%;  box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; padding:22px 25px 20px 25px; background:#fff; border-radius:10px;  -webkit-box-shadow: 0px 0px 25px 0px rgba(129, 129, 129, 0.32); -moz-box-shadow: 0px 0px 25px 0px rgba(129, 129, 129, 0.32); box-shadow: 0px 0px 25px 0px rgba(129, 129, 129, 0.32);color:#000;}
.step-item:nth-child(3n) {float:right; margin-right:0px;}

.steps-item-lbl {color:#000; font-size:20px; margin-bottom:6px; font-weight:700;}
.steps-item-txt {font-size:16px; line-height:22px;}

.team {padding:80px 0px 80px 0px; background:url(../img/bg_section.png) left top repeat;}
.team .label,.team .s-lbl {color:#fff;}
.team-item { box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;  background:#fff; border-radius:10px;  -webkit-box-shadow: 0px 0px 10px 0px rgba(129, 129, 129, 0.32); -moz-box-shadow: 0px 0px 10px 0px rgba(129, 129, 129, 0.32); box-shadow: 0px 0px 10px 0px rgba(129, 129, 129, 0.32);color:#000;}

.team-top {line-height:0px; position:relative; border-radius:10px 10px 0px 0px;}
.team-top img {width:100%;}
.team-top-ava {width:130px; height:130px; border-radius:90px; border:2px solid #fff; position:absolute; top:70px; left:50%; margin-left:-65px;}
.team-content {padding:70px 25px 20px 35px;}
.team-name {text-align:center; font-size:22px; font-weight:700; margin-bottom:8px;}
.team-position {text-align:center; margin-bottom:18px; font-size:14px; color:#8a8a8a;}
.team-list li {font-size:16px; color:#120e0e; position:relative; line-height:22px; margin-bottom:8px;}
.team-list li::before {display:block; content:''; border-radius:90px; position:absolute; left:-14px; top:8px; background:#4668ed; width:7px; height:7px;}

.faq {padding:80px 0px 80px 0px; background:#f5f5f5;}
.qa-row {max-width:900px; margin:0 auto;}
.qa-item {margin-bottom:18px;  box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;  background:#fff; border-radius:10px;  -webkit-box-shadow: 0px 0px 25px 0px rgba(129, 129, 129, 0.32); -moz-box-shadow: 0px 0px 25px 0px rgba(129, 129, 129, 0.32); box-shadow: 0px 0px 25px 0px rgba(129, 129, 129, 0.32);color:#000;}
.qa-item-q {font-size:22px; padding:19px 25px 20px 25px; cursor:pointer; font-weight:700; position:relative;}
.qa-item-q::after {display:block; width:16px; height:16px; position:absolute; top:23px; right:20px; background:url(../img/qa-a.png) left top no-repeat; content:''; background-size:16px;}
.qa-item-a {font-size:16px; padding:0px 25px 25px 25px; display:none; color:#535353; line-height:24px;}
.open .qa-item-q::after {background-position:left -16px;}
.blog ul {margin-bottom:21px;}
.blog ul li {color:#000; font-size:16px; line-height:22px; margin-bottom:4px;}
.tags {padding:80px 0px 80px 0px;}
.tags-row {text-align:center;}
.tags-row a {display:inline-block; margin:0px 6px 18px 6px; text-decoration:none; font-size:13px; color:#000000; font-weight:600;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; padding:17px 22px 17px 22px; background:#fff; border-radius:90px;  -webkit-box-shadow: 0px 0px 25px 0px rgba(129, 129, 129, 0.2); -moz-box-shadow: 0px 0px 25px 0px rgba(129, 129, 129, 0.2); box-shadow: 0px 0px 25px 0px rgba(129, 129, 129, 0.2);color:#000;}

.responds {padding:80px 0px 80px 0px; background:url(../img/bg_section.png) left top repeat;}
.responds .label,.responds .s-lbl {color:#fff;}
.responds-row {max-width:900px; padding-top:15px; margin:0 auto; text-align:center;}
.responds-row .owl-prev {left:-100px;}
.responds-row .owl-next {right:-100px;}
.responds-item-img {margin-bottom:16px;}
.respond-lbl {font-size:22px; font-weight:700; margin-bottom:9px;}
.respond-lbl-a {font-size:16px; margin-bottom:17px; color:#8a8a8a;}
.responds-txt {font-size:16px; line-height:28px;}

.map {width:100%; height:600px; position:relative;}
.map #map {width:100%; height:100%;}
.map-over {width:480px; height:440px; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; top:50%; margin-top:-220px; right:50%; margin-right:-650px; background:rgba(67,102,235,0.83); position:absolute; z-index:999; padding:40px 40px 40px 40px;}
.map-over .label {text-align:left; margin-bottom:20px; color:#fff;}
.map-item {font-size:18px; margin-bottom:17px; line-height:26px; color:#fff;}
.map-item b {font-weight:700;}

.cities {padding:80px 0px 80px 0px;}
.cities .label {font-size:28px;}
.cities-row {max-width:950px; margin:0 auto; text-align:center;}
.cities-row a {display:inline-block; color:#4265ea; margin:0px 15px 15px 15px;}
.cities-after {text-align:center; padding-top:31px;}
.cities-more {font-size:14px; color:#fff; font-weight:700; padding:19px 0px 21px 0px; border-radius:90px; display:inline-block; text-decoration:none; background:#4265ea; width:240px;}
.price-table {padding:80px 0px 80px 0px; background:#f5f5f5;}

.price-table table {width:100%;}
.price-table .table-holder {max-width:1000px; margin:0 auto;}
.price-table table th {background:#4466eb; line-height:0px; font-size:19px; font-weight:600; padding:38px 30px 38px 30px; text-align:left;}
.price-table table td {color:#120e0e; font-size:16px; padding:26px 30px 26px 30px; border-bottom:2px solid #f5f5f5; background:#fff; font-weight:600;}
.price-table table td a {color:#120e0e; text-decoration:none;}
.price-table table th a {color:#fff; text-decoration:none;}

.page-form {padding:80px 0px 80px 0px; background:url(../img/bg_section.png) left top repeat;}
.page-form-left {float:left; width:46%;}
.page-form-right {float:right; width:50%;}
.page-form-left .label {color:#fff; text-align:left; margin-bottom:14px;}
.page-form-left p {font-size:16px; color:#fff; line-height:26px; margin-bottom:13px;}
.page-contact-form {border-radius:10px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; padding:22px 25px 20px 25px; background:#fff; border-radius:10px;  -webkit-box-shadow: 0px 0px 25px 0px rgba(129, 129, 129, 0.32); -moz-box-shadow: 0px 0px 25px 0px rgba(129, 129, 129, 0.32); box-shadow: 0px 0px 25px 0px rgba(129, 129, 129, 0.32);color:#000;}
.contacts-line-l {float:left; width:48.5%;}
.contacts-line-r {float:right; width:48.5%;}
.page-contact-form label {font-size:16px; color:#000; margin-bottom:6px; display:block; font-weight:600;}
.page-contact-form .inpt input {width:100%; outline:none; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; background:#ececec; border-radius:5px; border:0px; padding:13px 15px 13px 15px; font-size:16px; color:#000; font-family: 'Montserrat', sans-serif;}
.page-contact-form textarea { min-height:110px; width:100%; outline:none; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; background:#ececec; border-radius:5px; border:0px; padding:13px 15px 13px 15px; font-size:16px; color:#000; font-family: 'Montserrat', sans-serif;}
.contacts-line {margin-bottom:16px;}
.contacts-send {display:inline-block; color:#fff;font-family: 'Montserrat', sans-serif; font-weight:700; width:210px; height:54px; cursor:pointer; border-radius:90px; border:0px; background:#4063e9;}

.main-blog {padding:80px 0px 80px 0px; background:#f5f5f5;}
.main-blog .owl-stage {padding-top:20px; padding-bottom:20px;}
.blog-item {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;  background:#fff; border-radius:10px;  -webkit-box-shadow: 0px 0px 10px 0px rgba(129, 129, 129, 0.32); -moz-box-shadow: 0px 0px 10px 0px rgba(129, 129, 129, 0.32); box-shadow: 0px 0px 10px 0px rgba(129, 129, 129, 0.32);color:#000;}

.blog-cnt {padding:16px 20px 24px 20px;}
.blog-item-lbl {margin-bottom:6px;}
.blog-item-lbl a {font-size:19px; line-height:26px; text-decoration:none; color:#000000; font-weight:700;}
.blog-cnt p {font-size:15px; margin-bottom:15px; line-height:22px;}
.blog-item-link {display:inline-block; background:#4568ec; color:#fff; font-size:14px; font-weight:700; border-radius:90px; text-decoration:none; padding:16px 22px 18px 22px;}
.blog-item-img img {width:100%;}

.footer {background:#111111; padding:60px 0px 40px 0px;}
.footer-logo img {width:190px;}
.footer-left {float:left; margin-right:15%;}
.footer-center {float:left;}
.footer-right {float:right; width:28%;}
.footer-lbl {color:#fff; margin-bottom:21px; font-size:18px; font-weight:600;}
.footer-lbl span {display:block; margin-top:12px; width:31px; height:2px; background:#4568ec;}
.footer-menu ul {float:left; margin-right:120px;}
.footer-menu ul li {margin-bottom:19px;}
.footer-menu ul li a {color:#fff; text-decoration:none;}
.footer-logo {margin-bottom:32px;}
.footer-phone {margin-bottom:30px;}
.footer-phone span {font-size:21px;}
.footer-contacts {line-height:24px; margin-bottom:12px; color:#fff;}
.footer-contacts-lbl {color:#808080;}
.footer-email a {color:#fff;}
.footer-social {float:left; margin:33px 0px 0px 0px;}
.footer-social a {display:inline-block; margin:0px 12px 0px 0px;}
.footer-social img {width:21px;}

.menu-btn {float:right; display:none; width:30px; margin:24px 0px 0px 15px;}
.menu-btn img {width:100%;}
.owl-dots {text-align:center; margin-top:20px;}
.owl-dot {display:inline-block; background:#bebebe; width:9px; height:9px; margin:0px 2px 0px 2px; border-radius:90px;}
.owl-dot.active {background:#4265ea;}
.scroll-top {position:fixed; display:none; background:#4063e9; width:52px; height:38px; padding-top:14px; text-align:center; right:20px; bottom:20px; border-radius:90px; -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.4);box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.4);}
.scroll-top img {width:22px;}

@media screen and (max-width:1400px) {
    .owl-prev,.owl-next {display:none;}
    .map-over {right:20px; margin-right:0px;}
}
@media screen and (max-width:1200px) {
    .check-lbls {font-size:14px;}
    .label {font-size:30px;}
    .s-lbl {font-size:14px;}
    .clients .label, .video-formats .label, .calculate .label, .benefits .label, .team .label, .responds .label {margin-bottom:7px;}
    .benefits-item-txt,.steps-item-txt {font-size:14px;}
    .benefits-item-lbl,.steps-item-lbl {font-size:19px;}
    .tags-row a {font-size:12px; padding-top:16px; padding-bottom:16px; margin-bottom:15px;}
    .responds-txt,.page-form-left p,.qa-item-a {font-size:14px; line-height:24px;}
    .map-item {font-size:16px;}
    .blog-cnt p {font-size:14px;}
    .page-contact-form label {font-size:14px;}
    .price-table table td {font-size:14px; padding-top:24px; padding-bottom:24px;}
    .main-menu li a {font-size:12px;}
    .main-menu li {margin-left:15px; margin-right:15px;}
    .qa-item-q {font-size:19px;}
    .footer-left {margin-right:10%;}
}
@media screen and (max-width:1150px) {
    .calc-lbl {font-size:20px;}
    .portfolio-item,.portfolio-item:nth-child(4n),.portfolio-item:nth-child(2n) {width:32%; float:left; margin-right:2%;}
    .portfolio-item:nth-child(3n) {float:right; margin-right:0px;}
    .tags-row a {padding-left:15px; padding-right:15px; margin-left:2px; margin-right:2px;}
}
@media screen and (max-width:1050px) {
    .header-contacts {display:none;}
    .calc-block,.calc-block:nth-child(2n) {width:100%; margin-bottom:15px; float:none;}
    .calc-holder-row {margin:0px;}
    .benefits-item-lbl, .steps-item-lbl {font-size:16px;}
    .team-list li {font-size:14px;}
    .cities .label {font-size:22px;}
    .blog-item-lbl a {font-size:17px; line-height:22px;}
    .blog-item-link {font-size:13px;}
    .footer-right {width:24%;}
    .footer-menu ul {margin-right:80px;}
}

@media screen and (max-width:1000px) {
    .header-b {display:none;}
    .menu-btn {display:block;}
    .main-banner-table h1 {font-size:46px;}
    .portfolio-item,.portfolio-item:nth-child(3n) {width:48.5%; float:left;margin-right:0px;}
    .portfolio-item:nth-child(2n),.portfolio-item:nth-child(4n) {width:48.5%; margin-right:0px; float:right;}
    .responds-row {max-width:auto;}
    .footer-menu ul {margin-right:50px;}    
}
@media screen and (max-width:900px) {
    .main-banner-table-a p {width:auto:;}
    .footer-left,.footer-center,.footer-right {width:100%; float:none; text-align:left;}
    .footer-left {margin-bottom:40px;}
    .footer-center {margin-bottom:30px;}
    .colls-content-left {float:none; width:100%;}
    .colls-content-right {float:none; width:100%;}
}

@media screen and (max-width:750px) {
    .page-lbl {padding-left:20px; padding-right:20px;}
    .main-banner-table-a p {padding-left:20px; padding-right:20px;}
    .header-social {display:none;}
    .benefits-item,.benefits-item:nth-child(3n) {width:48.5%; float:left; margin:0px 0px 40px 0px;}
    .benefits-item:nth-child(2n) {float:right;}
    .step-item,.step-item:nth-child(3n) {width:48.5%; float:left; margin:0px 0px 20px 0px;}
    .step-item:nth-child(2n) {float:right;}    
    .label {font-size:27px;}
    .page-form-left {width:100%; float:none; margin-bottom:32px;}
    .page-form-right {width:100%; float:none;}
    
}
@media screen and (max-width:600px) {
    .calc-block {padding-left:20px; padding-right:20px;}
    .calc-total-value {font-size:34px;}
    .portfolio,.clients,.video-formats,.calculate,.benefits,.steps,.team,.faq,.tags,.responds,.cities,.price-table,.page-form,.main-blog {padding-top:40px; padding-bottom:40px;}
    .label {line-height:33px; padding-left:40px; padding-right:40px;}
    .price-table table th {line-height:21px; padding-top:30px; padding-bottom:30px; font-size:16px; padding-left:20px; padding-right:20px;}
    .price-table table td {padding-left:20px; padding-right:20px; width:50%; line-height:18px;}
    .price-table table td:nth-child(2n) {text-align:right;}
    .map-over {margin:0px; left:0px; top:0px; height:100%; width:100%;}
    .qa-item-q {line-height:23px;}
    .step-item,.step-item:nth-child(2n),.step-item:nth-child(3n) {padding:20px; width:100%; float:none;}
    .header-logo img {width:160px;}
    .header-phone {font-size:20px;}
    .main-banner-table h1 {font-size:44px;}
    .portfolio-item,.portfolio-item:nth-child(2n),.portfolio-item:nth-child(3n) {width:100%; float:none;}
    .main-banner-table h1 {font-size:42px;}
    .main-banner {height:auto; }
    .main-banner-table-a {padding:60px 0px 60px 0px;}
    .main-btn-a {width:100%; padding-left:0px; padding-right:0px; margin:0px 0px 12px 0px; float:none;}
    .main-btn-b {width:100%; padding-left:0px; padding-right:0px; margin:0px; float:none;}
    .main-banner-table,.main-banner-table-a {display:block;}
    .main-banner-table-a {padding-left:20px; padding-right:20px; width:auto;}
    .main-banner-table-a br {display:none;}
    .s-lbl br {display:none;}
    .label {padding-left:0px; padding-right:0px;}
    .footer-phone a {color:#fff; text-decoration:none;}
    .cal-coll {width:100%; float:none;}
    .benefits-item-lbl, .steps-item-lbl {font-size:14px;}
    .map-over {padding-left:20px; padding-right:20px;}
    .map {height:450px;}
    .page-form-left .label {padding:0px;}
    .header-logo img {width:120px;}
    .header-phone {color:#000; margin-bottom:4px; font-size:16px;}
    .header-phone a {color:#000; text-decoration:none;}
    .header-email a {font-size:12px;}
    .header-right {margin-top:21px;}
    .header-a {height:77px;}
    .main-banner-table h1 {font-size:32px; line-height:48px;}
    .header-logo {margin-top:28px;}
    .tags-row a {font-size:11px; padding-top:13px; padding-bottom:14px; padding-left:13px; padding-right:13px; margin-bottom:12px;}
    .s-lbl {margin-bottom:20px;}
    .contacts-line-l {width:100%; float:none; margin-bottom:14px;}
    .contacts-line-r {width:100%; float:none;}
    .portfolio-lbl {font-size:16px;}
    .benefits-item-lbl {line-height:20px;}
    .formats-cnt p {min-height:auto;}
    .callback-popup {width:100%; height:100%; left:0px; top:0px; margin:0px;}
    .team-popup-close {top:12px; right:12px; background: #000 url(../img/close.png) center center no-repeat; background-size:11px; border-radius:90px; width:23px; height:23px;}
    .header {position:fixed; z-index:99; left:0px; top:0px; width:100%;}
    .main-banner {padding-top:77px;}
    .map {position:relative; z-index:1;}
    .benefits-item, .benefits-item:nth-child(3n) {height:200px;}
    .map-item a {color:#fff;}
}