* {border: none; outline: none; font-family: "RobotoCondensed"; text-decoration: none; font-weight: 300; letter-spacing: 0.3px; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none;}

html,body {margin: 0; height: 100%;}
body.scroll header nav a img {height: 0; margin: 0 auto;}

input[type="submit"]{cursor: pointer;}
textarea {resize: none;}

header {position: fixed; top: 0; width: 100%; z-index: 9999;}
header > div {max-width: 1400px; height: 100px; margin: 0 auto; padding: 0 20px; display: flex; justify-content: space-between; align-content: center; align-items: center;}

.logo {color: #fff; font-size: 13.5px; line-height: 14px;}
.logo img {display: block;}
.logo span {display: block; margin-top: 7px;}

.menu a {color: #fff; display: inline-block; margin-right: 30px; font-size: 14px; font-weight: 500;}
.menu a:before {content: "// "; display: inline-block; margin-right: 3px;}
.menu a:last-child {margin-right: 0;}
.menu a:hover {color: #a9e0ff;}
.menu a.active {color: #a9e0ff;}

header .contacts {line-height: 30px; position: relative;}
header .contacts a {color: #fff; display: block; font-size: 24px; font-weight: 600;}
header .contacts a span {font-size: 16px;}
header .contacts a:hover {color: #a9e0ff;}

article {position: relative; z-index: 9; padding-top: 160px; text-align: center; min-height: 100%;}
article p {font-size: 22px; margin: 0; color: #fff;}

h1 {text-transform: uppercase; font-size: 46px; color: #fff; margin: 0; font-weight: 600;}
h2 {text-transform: uppercase; font-size: 38px; color: #ff8005; margin: 0 0 25px; font-weight: 600; text-align: center;}
h3 {text-transform: uppercase; font-size: 38px; color: #ff8005; margin: 0 0 25px; font-weight: 600; text-align: center;}
h4 {text-transform: uppercase; font-size: 38px; color: #ff8005; margin: 0 0 25px; font-weight: 600; text-align: center;}

.video {width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0;}
.video:after {content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; left: 0; top: 0;}
.video video {width: 100%;}

.consultation {color: #fff; padding: 11px 20px 14px; font-weight: 400; border-radius: 5px;
	background-color: #1a7eb9;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMDAlIiB5MT0iMTAwJSIgeDI9IjAlIiB5Mj0iMCUiPjxzdG9wIHN0b3AtY29sb3I9IiMwMzY3OWEiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzMxOTVkNyIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
    background-image: -webkit-gradient(linear, 100% 100%, 0% 0%,color-stop(0, rgb(3, 103, 154)),color-stop(1, rgb(49, 149, 215)));
    background-image: -webkit-repeating-linear-gradient(bottom right,rgb(3, 103, 154) 0%,rgb(49, 149, 215) 100%);
    background-image: repeating-linear-gradient(to top left,rgb(3, 103, 154) 0%,rgb(49, 149, 215) 100%);
    background-image: -ms-repeating-linear-gradient(bottom right,rgb(3, 103, 154) 0%,rgb(49, 149, 215) 100%);
}

.plus {display: flex; flex-wrap: wrap; justify-content: center; text-align: center; padding: 50px 0 0; max-width: 1420px; margin: 0 auto;}
.plus h2 {width: 100%; text-transform: uppercase; color: #fff; font-weight: 300; font-size: 38px; margin-bottom: 20px;}
.plus > div {width: 33.33%; padding: 40px 40px; vertical-align: top;}
.plus img {display: block; margin: 0 auto 10px; height: 36px;}
.plus h3 {margin: 0 0 10px; text-transform: uppercase; font-size: 20px; color: #fff; font-weight: 400;}
.plus p {margin: 0; font-size: 18px; color: #eaeaea;}

.innerSection h2 {margin: 0; padding: 50px 0;}

.pricelist {background: url(../img/bg/mountains.jpg); background-attachment: fixed; background-size: 100%; display: flex; flex-wrap: wrap; position: relative; color: #fff;}
.pricelist:before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.pricelist > div {display: block; font-size: 20px; font-weight: 400; padding: 40px 0 60px; width: 33.33%; border: 1px solid rgba(255, 255, 255, 0.2); position: relative; text-align: center;}
.pricelist > div:hover {background: rgba(255,255,255,0.1);}
.pricelist .title {display: block; color: #fff; font-size: 34px; font-weight: 400;}
.pricelist .title:hover {color: #7fd1ff;}
.pricelist .descr {display: block; padding: 10px 0; font-size: 18px; width: 60%; margin: 0 auto; line-height: 22px; color: #eaeaea;}
.pricelist .info {}
.pricelist .info > span {display: inline-block; vertical-align: middle;}
.pricelist .info > span span {font-size: 28px; padding-top: 5px; display: inline-block; font-weight: 600;}
.pricelist .separator {font-size: 50px; color: #eaeaea;}
.pricelist .readmore {display: inline-block; font-size: 14px; padding: 7px 20px 10px; font-weight: 400; border-radius: 5px; margin-top: 20px;
	background-color: #ff6714;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMDAlIiB5MT0iMTAwJSIgeDI9IjAlIiB5Mj0iMCUiPjxzdG9wIHN0b3AtY29sb3I9IiNmZjQwMDMiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmOGUyNSIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
    background-image: -webkit-gradient(linear, 100% 100%, 0% 0%,color-stop(0, rgb(255, 64, 3)),color-stop(1, rgb(255, 142, 37)));
    background-image: -webkit-repeating-linear-gradient(bottom right,rgb(255, 64, 3) 0%,rgb(255, 142, 37) 100%);
    background-image: repeating-linear-gradient(to top left,rgb(255, 64, 3) 0%,rgb(255, 142, 37) 100%);
    background-image: -ms-repeating-linear-gradient(bottom right,rgb(255, 64, 3) 0%,rgb(255, 142, 37) 100%);
}

.portfolio {display: flex; flex-wrap: wrap; justify-content: center; background: #000;} 
.portfolio > div {width: 33.33%; position: relative;} 
.portfolio > div > img {display: block; width: 100%;}
.portfolio > div:before {content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 100%; height: 100%; background: rgba(0,0,0,0); z-index: 9;}
.portfolio > div:hover:before {background: rgba(0,0,0,0.7);}
.portfolio > div > div {position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 90%; height: 90%; border: 1px dashed #7d7d7d; z-index: 9; transform: scale(0); text-align: center; font-size: 20px; padding: 40px; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.portfolio > div:hover > div {transform: scale(1);}
.portfolio > div > div > img {display: block; margin: 0 auto 20px;}

.content {}
.content > div {max-width: 1400px; margin: 0 auto; padding: 60px 20px 70px; text-align: center;}
.content p {text-align: justify; font-size: 18px;}

.reviews {display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto;}
.reviews h4 {width: 100%; margin: 0; padding: 50px 0;}
.reviews > div {width: 25%; padding: 60px 40px; background: #f9f9f9;}
.reviews > div:nth-of-type(1) {background: #ffead5;}
.reviews > div:nth-of-type(2) {background: #fbf2e9;}
.reviews > div:nth-of-type(3) {background: #eaf5ff;}
.reviews > div:nth-of-type(4) {background: #ddeefd;}
.reviews img {display: block; width: 120px; margin: 0 auto 10px; background: #fff; border-radius: 10px;}
.reviews p {margin: 10px 0; text-align: justify;}
.reviews .name {font-weight: 400; font-size: 18px; display: block; text-align: center; margin-bottom: 15px;}

.questions {text-align: center; padding: 50px 0 65px; background: url(../img/bg/clouds.jpg); background-size: 100%; background-attachment: fixed; position: relative;}
.questions:before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.questions h4 {margin: 0; color: #fff; font-size: 54px; position: relative;}
.questions p {margin: 0; font-size: 18px; color: #fff; position: relative;}
.questionsForm {margin: 20px 0 0; position: relative;}
.questionsForm label {position: relative; display: block; max-width: 450px; padding-top: 25px; margin: 0 auto 10px;}
.questionsForm label:after {content: ""; position: absolute; top: 25px; left: 46px; height: calc(100% - 25px); width: 2px; background: #fff;}
.questionsForm label span {position: absolute; font-size: 16px; bottom: 14px; left: 65px; cursor: text; color: #fff;}
.questionsForm label input[type="text"] {position: relative; width: 100%; font-size: 18px; color: #fff; padding: 9px 15px 10px 65px; border: 2px solid #fff; border-radius: 5px;}
.questionsForm label input[type="text"]:focus + span , .questionsForm label span.valueText {bottom: 50px; font-size: 14px; left: 0; color: #fff;}
.questionsForm button {display: inline-block; color: #fff; font-size: 16px; letter-spacing: 1px; font-weight: 600; text-transform: uppercase; padding: 12px 35px 14px; border: none; width: 300px; margin-top: 20px; border-radius: 5px;
background-color: #1a7eb9;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMDAlIiB5MT0iMTAwJSIgeDI9IjAlIiB5Mj0iMCUiPjxzdG9wIHN0b3AtY29sb3I9IiMwMzY3OWEiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzMxOTVkNyIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
background-image: -webkit-gradient(linear, 100% 100%, 0% 0%,color-stop(0, rgb(3, 103, 154)),color-stop(1, rgb(49, 149, 215)));
background-image: -webkit-repeating-linear-gradient(bottom right,rgb(3, 103, 154) 0%,rgb(49, 149, 215) 100%);
background-image: repeating-linear-gradient(to top left,rgb(3, 103, 154) 0%,rgb(49, 149, 215) 100%);
background-image: -ms-repeating-linear-gradient(bottom right,rgb(3, 103, 154) 0%,rgb(49, 149, 215) 100%);
}
.questionsForm input[name="name"] {background: url(../img/ico/person.png) no-repeat 15px rgba(255, 255, 255, 0.2);}
.questionsForm input[name="phone"] {background: url(../img/ico/phone.png) no-repeat 15px rgba(255, 255, 255, 0.2);}
.questionsForm input[name="email"] {background: url(../img/ico/email.png) no-repeat 15px rgba(255, 255, 255, 0.2);}

.aboutLink {display: inline-block; color: #fff; padding: 11px 20px 14px; font-weight: 400; border-radius: 5px;
background-color: #1a7eb9;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMDAlIiB5MT0iMTAwJSIgeDI9IjAlIiB5Mj0iMCUiPjxzdG9wIHN0b3AtY29sb3I9IiMwMzY3OWEiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzMxOTVkNyIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
background-image: -webkit-gradient(linear, 100% 100%, 0% 0%,color-stop(0, rgb(3, 103, 154)),color-stop(1, rgb(49, 149, 215)));
background-image: -webkit-repeating-linear-gradient(bottom right,rgb(3, 103, 154) 0%,rgb(49, 149, 215) 100%);
background-image: repeating-linear-gradient(to top left,rgb(3, 103, 154) 0%,rgb(49, 149, 215) 100%);
background-image: -ms-repeating-linear-gradient(bottom right,rgb(3, 103, 154) 0%,rgb(49, 149, 215) 100%);
}

footer {background: #454545; border-bottom: 10px solid #2f2f2f;}
footer > div {max-width: 1400px; margin: 0 auto; padding: 30px 20px;}

.copyright {color: #c8c8c8; font-size: 14px; display: inline-block; margin-right: 50px;}

.hoverLine {position: relative; overflow: hidden;}
.hoverLine:after {content: url(../img/hover_line.png); position: absolute; top: 0; left: -480px;}
.hoverLine:hover {cursor: pointer;}
.hoverLine:hover:after {left: 480px;}

.temporarily {max-width: 100%; height: auto; text-align: center; display: block; background: #af2a00; padding: 10px 10px 12px; font-size: 14px; letter-spacing: 1px; color: #fff; font-weight: 500;}
.temporarily a {font-weight: 900; text-decoration: underline; color: #fff;}
.temporarily a:hover {text-decoration: none;}

::-webkit-input-placeholder {color: #cacaca;}
:-moz-placeholder {color: #cacaca; opacity: 1;}
::-moz-placeholder {color: #cacaca; opacity: 1;}
:-ms-input-placeholder {color: #cacaca;}

a,
header,
.questionsForm label span,
.pricelist > div,
.portfolio > div:before,
.portfolio > div > div,
input[type="submit"] 
{-moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; transition: 0.3s all ease;
}

.hoverLine:hover:after
{-moz-transition: 1.0s all ease; -o-transition: 1.0s all ease; -webkit-transition: 1.0s all ease; transition: 1.0s all ease;}

.clear {clear: both;}





@media (max-width: 800px){
	
}