@font-face{
    font-family:"GothamProRegular";
    src:url("../fonts/GothamProRegular/GothamProRegular.eot");
    src:url("../fonts/GothamProRegular/GothamProRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GothamProRegular/GothamProRegular.woff") format("woff"),
    url("../fonts/GothamProRegular/GothamProRegular.ttf") format("truetype");font-style:normal;font-weight:normal;
}

@font-face{
    font-family:"GothamProBold";
    src:url("../fonts/GothamProBold/GothamProBold.eot");
    src:url("../fonts/GothamProBold/GothamProBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GothamProBold/GothamProBold.woff") format("woff"),
    url("../fonts/GothamProBold/GothamProBold.ttf") format("truetype");font-style:normal;font-weight:normal;
}

@font-face {
    font-family: 'Gilroy';
    src: local('Gilroy Extrabold'), local('Gilroy-Extrabold'),
    url('../fonts/Gilroy-Extrabold.woff2') format('woff2'),
    url('../fonts/Gilroy-Extrabold.woff') format('woff'),
    url('../fonts/Gilroy-Extrabold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
  }

body,
div,
dl,
dt,
dd,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
figcaption,
figure{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,
img,
abbr{border:0;}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var{font-style:normal;font-weight:normal;}
ul li{list-style:none;}
caption,
th{text-align:left;}
h1,
h2,
h3,
h4,
h5,
h6{font-size:100%;font-weight:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,
textarea,
select{resize:none;font-family:inherit;font-size:inherit;font-weight:inherit;outline:0;}
legend{color:#000;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section{display:block;}
html,
body {}

body {font-size:16px; color: #fff; background: url(../images/bg.jpg); background-color: #150d49; font-family:"GothamProRegular";}

a {font-size:14px; color:#464646; text-decoration: underline; cursor: pointer;}
a:hover {text-decoration: none;}

*a:hover{-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in;}
.clearfix:before,
.clearfix:after{content:".";display:block;height:0;visibility:hidden;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}

.g-hidden {display: none;}
.g-line {zoom: 1;}
.g-line:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.container {position: relative;}

.title {font-size: 38px; text-transform: uppercase; font-family: 'Gilroy';}
.title span {color: #ff133e;}

.btn a {font-size: 16px; font-family: 'Gilroy'; color: #fff; text-decoration: none; text-transform: uppercase;}
.btn {width: 230px; height: 60px; line-height: 60px; display: inline-block; border-radius: 5px; text-align: center; cursor:pointer; background: #ff133e;}
.btn:hover {background: #f0002c;}

header {background: url(../images/head_bg.png) no-repeat top center; min-height: 1099px; background-size: cover;}
.head_img {position: absolute; top: 103px; right: 100px;}
.h_l {float: left; padding-top: 30px; font-family: 'Gilroy'; font-size: 26px;}
.h_l span {color: #00f0ff; font-size: 17px;}
.h_r {float: right; padding-top: 43px; color: #fff; font-size: 14px;}
.h_title {padding-top: 170px;}

.h_text {font-size: 60px; font-family: 'Gilroy'; text-transform: uppercase;}
.h_text span {color: #00f0ff;}
.h_btn {margin-top: 50px;}

.head_nav {padding-top: 43px; float: left; margin-left: 400px;}
.head_nav li {display: inline-block; margin-right: 25px;}
.head_nav li a {color: #fff; font-size: 14px; text-decoration: none;}
.head_nav li a:hover {text-decoration: underline;}

.h_arrow {text-align: center; margin-top: 140px;}
.h_arrow img {width: 45px;}

.services {padding-top: 100px; margin-top: -400px;}
.services_title {font-size: 60px; font-family: 'Gilroy';}
.services_title span {color: #ff133e;}

.services_text {margin-top: 60px;}
.services_text p {margin-bottom: 20px; line-height: 24px;}
.services_text span {color: #00f0ff;}

.services_block {margin-top: 60px;}
.services_item {background: #0a0333; border-radius: 10px;font-size: 15px; height: 165px; padding: 25px; margin-bottom: 30px;}
.services_item_title {color: #00f0ff; margin-top: 25px;}
.services_item_sum {margin-top: 15px;}
.services_item_logo {display: table-cell;
  vertical-align: bottom; height: 47px;}

.stages {padding-top: 100px;}
.stages_item {margin-top: 100px;}
.stages_item_numb {font-size: 40px; color: #00f0ff; font-family: 'Gilroy';}
.stages_item_text {font-size: 18px; margin-top: 31px; line-height: 24px;}

.faq {padding-top: 100px;}
.faq_block {margin-top: 65px;}
.faq_item {margin-bottom: 15px;}

.faq_links {cursor: pointer; color: #00f0ff; background: #0a0333; line-height: 22px; position: relative; padding: 30px 20px 30px 65px; z-index: 100; border-radius: 10px; font-size: 18px;}
.faq_links:before {content: ""; width: 37px; height: 37px; display: inline-block; position: absolute; background: url(../images/arrow-sprite.png) 0px 0px no-repeat; top: 22px; left: 15px;}
.faq_links.selected:before {content: ""; width: 37px; height: 37px; display: inline-block; position: absolute; background: url(../images/arrow-sprite.png) 0px 37px; top: 22px;}

.faq_body {background: #0a0333; color: #fff; padding: 25px 25px 25px 25px; font-size: 14px; line-height: 24px;  border-radius: 0 0 20px 20px; margin-top: -15px;}

.selected {background: #0a0333; color: #fff;}
#showall {font-size: 18px;cursor: pointer; text-align: center; margin-top: 40px; text-decoration: underline;}
#showall:hover {text-decoration: none;}
.hiddenall, .faq_body {display: none;}

.contact {padding-top: 100px; color: #fff; font-size: 14px; background: url(../images/footer_bg.png) no-repeat top center; background-size: cover; min-height: 580px;}
.contact p {line-height: 26px;}
.contact_title {color: #ff133e; text-transform: uppercase; font-size: 24px; font-family: 'Gilroy'; margin-bottom: 70px;}
.send_title {color: #00f0ff; text-transform: uppercase; font-size: 24px; font-family: 'Gilroy'; margin-bottom: 70px;}
.contact_email {margin-top: 25px;}
.contact_cont {font-size: 18px; font-family:"GothamProBold";}

footer {padding: 60px 0 60px 0; font-size: 14px; position: relative;}
footer a {color: #00f0ff; font-size: 14px;}
footer p {line-height: 22px;}


.fancybox-slide--current .modalbox  {
  transform: translateY(0);
}


:focus {
outline: none;
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {/* */
border: none;
}

.fancybox-close-small:after {background:#ff133e!important;}
.modalbox {color: #fff; width: 80%;}
.modalbox p {margin-bottom: 15px; line-height: 24px;}
.modal_title {font-size: 18px; font-family: 'Gilroy';}
.modalbox .form_title {margin-bottom: 30px; line-height: 32px; font-family: 'Gilroy';}

.form_title {font-size: 26px; font-family: 'Gilroy'; padding-top: 30px;}

.fancybox-slide>div {background-color: #0a0333!important;}

#box input[type=text] {
    background: none;
    border: none;
    border-bottom: solid 1px #fff;
    color: #fff;
    font-size: 14px;
    width: 100%;
    height: 60px;
    display: block;
    line-height: 60px;
    text-align: left;
}

#box .btn {float: right; width: 140px; height: 40px; line-height: 40px; font-family: 'Gilroy'; font-size: 14px; text-transform: uppercase;}

input[type="submit"]{ -webkit-appearance: none; }
#box input[type=submit] {margin-top: 20px; border: none; color: #fff;}
.policy {text-align: right; font-size: 14px;float: right; margin-top: 20px; margin-right: 30px; line-height: 18px;}

input::placeholder {color: white;}
input::-webkit-input-placeholder {color:#fff;}
input::-moz-placeholder {color:#fff;}
input:-moz-placeholder {color:#fff;}
input:-ms-input-placeholder {color:#fff;}