* {
margin:0;
padding:0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
font-family:'GothamProRegular';
}

*:focus{outline:none!important}
::selection {background:#0FA6DF; color: #fff;}
::-moz-selection {background:#0FA6DF; color: #fff;}

.html {
}

.body {
}

.cc_b {
color:#0FA6DF;
}

.cc_g {
color:#9def4e;
}

/*a {
color:#333;
text-decoration:none;
}*/
/*a:hover,
a:focus {
color:#222;
text-decoration:underline;
}*/
a:focus {
outline:none;
outline:none;
outline-offset:-2px;
}

.header {
background:#0d2333;
width:100%;
position:fixed;
z-index:900;
}

/*���������*/

.navbar {
position:relative;
padding:10px;
min-height:30px;
border:1px solid transparent;
border:0;
margin:0;
overflow:visible;
}

.navbar-inverse {
border-radius:0;
border:none;
background-color:transparent;
}

.navbar-toggle {
position:relative;
float:right;
margin:18px 0 8px 10px;
background-color:transparent;
background-image:none;
border:1px solid transparent;
border-radius:0;
}

.nav li {
display:inline;
color:white;
}

.navbar-inverse .navbar-nav > li > a {
color:#ffffff;
font-size:1.7em;
font-weight:300;
padding:30px 25px 33px 25px;
}

.navbar-inverse .navbar-nav li a:hover {
transition:0.7s all linear;
height:100%;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
}

.hit_logo {
margin:20px 0;
display:inline-block;
width:214px;
height:43px;
}

.main_menu_ul {
margin:15px 5px;
}

.main_menu_li {
display:inline;
}

.main_menu_a {
display:inline-block;
padding:10px 15px 10px 0;
font-size:2rem;
font-family:"GothamProMedium";
line-height:35px;
text-transform:uppercase;
color:#00A7E1;
text-decoration:none;
-webkit-transition:all .4s linear;
-moz-transition:all .4s linear;
-o-transition:all .4s linear;
-ms-transition:all .4s linear;
transition:all .4s linear;
}

.main_menu_a:hover {
color:#fff;
text-decoration:none;
}

.cont_c {
position:relative;
}

.h_tel {
display:block;
font-family:"GothamProRegular";
font-size:1.6rem;
margin:30px 15px 0 0;
color:#a8d228;
float:left;
-webkit-transition:all .4s linear;
-moz-transition:all .4s linear;
-o-transition:all .4s linear;
-ms-transition:all .4s linear;
transition:all .4s linear;
}

.h_tel:hover {
color:#0FA6DF;
text-decoration:none;
}

.phone_button,
.phone_button_b {
background:transparent url(../img/phone.png);
width:27px;
height:29px;
border:0;
margin:24px 0 0 0;
float:left;
}

.phone_button:hover,
.phone_button_b:hover {
background:transparent url(../img/phone_hover.png);
}

#main-section {
position:relative;
padding:50px 0 0 0;
}

.main_bg {
background:url(../img/header.jpg) no-repeat fixed;
background-size:cover;
background-position:center 80px;
min-height:850px;
}

.main_img {
text-align:center;
margin:0 auto;
padding:135px 0 0 0;
}

.main_desc {
text-align:center;
padding:207px 5px 0;
font-size:15px;
color:#0FA6DF;
letter-spacing:2px;
text-transform:uppercase;
}

.main_slogan {
text-align:center;
padding:199px 0 0 0;
font-family:"GothamProBold";
font-size:6rem;
line-height:86px;
text-transform:uppercase;
color:#fff;
}

.main_button_cont {
margin:122px auto 0px;
padding:0 0 60px;
text-align:center;
}

.main_button {
display:inline-block;
font-size:14px;
text-transform:uppercase;
background-color:transparent;
padding:12px 22px;
margin:10px 10px;
color:#0FA6DF;
border:3px solid #0FA6DF;
border-radius:50px;
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
margin:0 10px 60px;
}

.main_button:hover {
color:#fff;
background-color:#0FA6DF;
}


/*2 �����*/

.about {
background:#fff;
}

.about_h {
text-align:center;
padding:103px 0 0 0;
font-family:"GothamProBold";
text-transform:uppercase;
font-size:6rem;
color:#0FA6DF;
}

.about_d {
text-align:center;
padding:65px 0 0 0;
font-size:16px;
color:#000;
}

.about_h2 {
text-align:center;
padding:90px 0 0 0;
font-family:"GothamProBold";
text-transform:uppercase;
font-size:6rem;
color:#0FA6DF;
}

.about_ul {text-align:center;margin:85px 0 115px;}

.about_li {display:inline-block;margin: 0 00px 60px 5%;width: 40%;font-family:"GothamProBold";text-transform:uppercase;font-size:6rem;color:#0FA6DF;vertical-align: top;}

.about_icon {
text-align:center;
padding:25px;
border:5px solid #0FA6DF;
border-radius:120px;
}

.about_a {display:block;text-align:center;padding: 0 0 28px;font-family:"GothamProBold";text-transform:uppercase;font-size:16px;color:#0FA6DF;}

.dop{
	font-size: 12px;
	width: 80%;
	margin-top: 10%;
	text-align: left;
	padding-left: 38%;
	color: #0FA6DF;
	font-weight: 700;
	line-height: 1.5;
}
.box{
	float:left;
}


/*3 ����� (���)*/

#peak {
background:#333236 url(../img/slide3_bg_.jpg) fixed;
height:650px;
}

.peak_bg {
background:url(../img/slide3_bg.jpg) no-repeat 100% 100% fixed;
background-position:center bottom;
background-size:contain;
min-height:650px;
}

.peak-row {
width:100%;
}

.peak_sp_c {
border:4px solid #fff;
padding:55px;
margin:110px auto 20px;
width:490px;
background:rgba(48,46,51,.6);
}

.peak_sp1 {
padding:0px 0px 0px;
font-family:"GothamProMedium";
text-transform:uppercase;
font-size:3.4rem;
line-height:3.8rem;
color:#FFF;
}

.peak_sp2 {
padding:0px 0px 0px;
font-family:"GothamProMedium";
text-transform:uppercase;
font-size:5.55rem;
line-height:5.9rem;
color:#FFF;
}

.peak_sp3 {
padding:0px 0px 0px;
font-family:"GothamProMedium";
text-transform:uppercase;
font-size:6.2rem;
line-height:6.1rem;
color:#0FA6DF;
}

.peak_button_c {
margin:60px auto 60px;
text-align:center;
}

.peak_button {
display:inline-block;
font-size:19px;
text-transform:uppercase;
background-color:#0FA6DF;
padding:10px 25px;
margin:10px 10px;
color:#fff;
border:3px solid #0FA6DF;
border-radius:50px;
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
/*cursor:pointer;*/
}

.peak_button:hover {
color:#0FA6DF;
background-color:#fff;
border:3px solid #fff;
opacity:.9;
}


/*4 �����*/

.profit {
background:#fff;
}

.profit_h {
text-align:center;
padding:103px 0 0 0;
font-family:"GothamProBold";
text-transform:uppercase;
font-size:6rem;
color:#0FA6DF;
}

.profit_d {
text-align:center;
padding:20px 0 0 0;
text-transform:uppercase;
font-size:24px;
color:#0d2333;
}

.profit_h2 {
text-align:center;
padding:127px 0 0 0;
font-family:"GothamProBold";
text-transform:uppercase;
font-size:6rem;
color:#0FA6DF;
}

.profit_ul {
text-align:center;
margin:85px 0 0px;
}

.profit_li {
display:inline-block;
margin:0 0 50px;
width:375px;
}

a.profit_a{
	text-decoration: none;
}
.profit_icon {
text-align:center;
padding:25px;
border:5px solid #0FA6DF;
border-radius:120px;
}

.profit_a {
display:block;
text-align:center;
padding:28px 0 0 0;
font-size:20px;
color:#000;
}

.profit_button_c {
margin:20px auto 90px;
text-align:center;
}

.profit_button {
display:inline-block;
font-size:19px;
text-transform:uppercase;
background-color:#0FA6DF;
padding:10px 25px;
margin:10px 10px;
color:#fff;
border:3px solid #0FA6DF;
border-radius:50px;
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
}

.profit_button:hover {
color:#0FA6DF;
background-color:#fff;
border:3px solid #0FA6DF;
opacity:.9;
}



/*5 �����*/

#conk {
background:#333236 url(../img/slide3_bg_.jpg) fixed;
}

.conk_h1 {
text-align:center;
padding:103px 0 0 0;
text-transform:uppercase;
font-size:24px;
color:#f5f5f5;
}

.conk_ul {
text-align:center;
margin:85px 0 50px;
}

.conk_li {
display:inline-block;
margin:0 0 50px;
width:280px;
text-align:center;
}

.conk_h2 {
text-align:center;
font-family:"GothamProBold";
text-transform:uppercase;
font-size:28px;
color:#0FA6DF;
}

.conk_a {
display:block;
text-align:center;
padding:28px 0 0 0;
font-size:16px;
line-height:30px;
color:#fff;
}

.conk_bor {
display:block;
width:150px;
text-align:center;
padding:40px 0 0 0;
margin:0 auto;
border-bottom:4px solid #0FA6DF;
}


/*6 ����� (������)*/

#services {
background:#fff;
}

.services_c {
padding:0;
}

.services_h {
text-align:center;
padding:103px 0 0 0;
font-family:"GothamProBold";
text-transform:uppercase;
font-size:6rem;
color:#0FA6DF;
}

.services_h2 {
text-align:center;
padding:127px 0 0 0;
font-family:"GothamProBold";
text-transform:uppercase;
font-size:6rem;
color:#0FA6DF;
}

.services_ul {
text-align:center;
margin:85px 0 0px;
}

.services_li {
width:100%;
width:375px;
height:100%;
border-radius:50%;
position:relative;
cursor:default;
box-shadow:
inset 0 0 0 16px rgba(255,255,255,0.6),
0 1px 2px rgba(0,0,0,0.1);
 
-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;
border:1px dashed #ccc;
}

.services_li:hover {
box-shadow:
inset 0 0 0 1px rgba(255,255,255,0.1),
0 1px 2px rgba(0,0,0,0.1);
}

.services_icon {
text-align:center;
padding:25px;
border:5px solid #0FA6DF;
border-radius:120px;
}

.services_a {
position:absolute;
background:rgba(63,147,147, 0.8);
width:inherit;
height:inherit;
border-radius:50%;
opacity:0;
 
-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;
 
-webkit-transform:scale(0);
-moz-transform:scale(0);
-o-transform:scale(0);
-ms-transform:scale(0);
transform:scale(0);
 
-webkit-backface-visibility:hidden;
}

.services_button_c {
margin:80px auto 0px;
text-align:center;
}

.services_button {
display:inline-block;
font-size:19px;
text-transform:uppercase;
background-color:#0FA6DF;
padding:10px 25px;
margin:10px 10px;
color:#fff;
border:3px solid #0FA6DF;
border-radius:50px;
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
}

.services_button:hover {
color:#0FA6DF;
background-color:#fff;
border:3px solid #0FA6DF;
opacity:.9;
}





.ch-grid {
margin:20px 0 0 0;
list-style:none;
list-style-type:none;
display:inline-block;
text-align:center;
}

.ch-grid:after,
.ch-item:before {
content:'';
display:table;
}

.ch-grid:after {
clear:both;
}

.ch-grid a,
.ch-grid a:hover {
text-decoration:none;
}


.ch-item {
width:290px;
height:290px;
margin:20px;
border-radius:50%;
background:#0FA6DF;
position:relative;
cursor:default;
text-align:left;
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
}

.ch-item-h4 {
text-align:center;
font-size:22px;
color:#fff;
text-transform:uppercase;
margin:-120px 0 0 0;
}

.ch-grid li {
display:inline-block;
margin:20px;
}

.ch-img-1 {
background:#0FA6DF url(../img/servisec_icon_1.png) 50% 30% no-repeat;
}

.ch-img-1.active {
background:#36CDF4 url(../img/servisec_icon_1.png) 50% 30% no-repeat;
}

.ch-img-2 {
background:#0FA6DF url(../img/servisec_icon_2.png) 50% 30% no-repeat;
}

.ch-img-2.active {
background:#36CDF4 url(../img/servisec_icon_2.png) 50% 30% no-repeat;
}

.ch-img-3 {
background:#0FA6DF url(../img/servisec_icon_3.png) 50% 30% no-repeat;
}

.ch-img-3.active {
background:#36CDF4 url(../img/servisec_icon_3.png) 50% 30% no-repeat;
}

.ch-img-4 {
background:#0FA6DF url(../img/servisec_icon_4.png) 50% 30% no-repeat;
}

.ch-img-5 {
background:#0FA6DF url(../img/servisec_icon_5.png) 50% 30% no-repeat;
}

.ch-img-5.active {
background:#36CDF4 url(../img/servisec_icon_5.png) 50% 30% no-repeat;
}

.ch-img-6 {
background:#0FA6DF url(../img/servisec_icon_6.png) 50% 30% no-repeat;
}

.ch-img-7 {
background:#0FA6DF url(../img/servisec_icon_7.png) 50% 30% no-repeat;
}

.ch-img-8 {
background:#0FA6DF url(../img/servisec_icon_8.png) 50% 30% no-repeat;
}

.ch-img-9 {
background:#0FA6DF url(../img/servisec_icon_9.png) 50% 30% no-repeat;
}

.ch-info {
background:rgba(255,255,255, 0.75);
background:#fff;
width:inherit;
height:inherit;
opacity:.1;
opacity:0;

-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;

-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
/*-webkit-transform:translateX(370px);
-moz-transform:translateX(370px);
-o-transform:translateX(370px);
-ms-transform:translateX(370px);
transform:translateX(370px);*/

-webkit-backface-visibility:hidden;

}

.ch-item:hover .ch-info {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
/*-webkit-transform:translateX(0px);
-moz-transform:translateX(0px);
-o-transform:translateX(0px);
-ms-transform:translateX(0px);
transform:translateX(0px);*/
opacity:1;
}

.ch-info h3 {
color:#0d2333;
text-transform:uppercase;
letter-spacing:2px;
font-size:23px;
margin:0 0 15px;
font-family:"GothamProBold";
opacity:0;
-webkit-transition:all .3s ease-in-out 0.1s;
-moz-transition:all .3s ease-in-out 0.1s;
-o-transition:all .3s ease-in-out 0.1s;
-ms-transition:all .3s ease-in-out 0.1s;
transition:all .3s ease-in-out 0.1s;
}

.ch-info p {
color:#0d2333;
font-size:14px;
line-height:20px;
margin:10px 0;
border-top:1px solid rgba(255,255,255,0.5);
opacity:0;
-webkit-transition:all .3s ease-in-out 0.2s;
-moz-transition:all .3s ease-in-out 0.2s;
-o-transition:all .3s ease-in-out 0.2s;
-ms-transition:all .3s ease-in-out 0.2s;
transition:all .3s ease-in-out 0.2s;
}

.ch-item-a {
display:block;
color:#0FA6DF;
font-family:"GothamProBold";
font-weight:700;
font-size:14px;
padding:8px 0;
opacity:0;
-webkit-transition:opacity .3s ease-in-out 0.3s;
-moz-transition:opacity .3s ease-in-out 0.3s;
-o-transition:opacity .3s ease-in-out 0.3s;
-ms-transition:opacity .3s ease-in-out 0.3s;
transition:opacity .3s ease-in-out 0.3s;
}

.ch-item:hover .ch-info h3,
.ch-item:hover .ch-info p,
.ch-item:hover .ch-item-a {
opacity:1;
}

.ch-item-a:hover {
color:#3f3f3f;
}

.services_li_a {

}


/*�������*/

#team {
padding:20px 0 80px;
}

.team_h {
text-align:center;
padding:0px 0px 60px;
font-family:"GothamProBold";
text-transform:uppercase;
font-size:6rem;
color:#0FA6DF;
}

.team_row {
text-align:center;
margin:0 auto;
padding:0;
}


.flipcard {
position:relative;
width:260px;
height:403px;
-webkit-perspective: 500px; /* Chrome, Safari, Opera */
perspective:500px;
display:inline-block;
background:#fff;
cursor:pointer;
}
/*.flipcard.v:hover .front, .flipcard.v.flip .front{
transform:rotateX(180deg);
}
.flipcard.v:hover .back, .flipcard.v.flip .back{
transform:rotateX(0deg);
}
.flipcard.v .back{
transform:rotateX(-180deg);
}*/
.flipcard.h:hover .front, .flipcard.h.flip .front{
-ms-transform:rotateY(180deg);
-webkit-transform:rotateY(180deg);
transform:rotateY(180deg);
}
.flipcard.h:hover .back, .flipcard.h.flip .back{
-ms-transform:rotateY(0deg);
-webkit-transform:rotateY(0deg);
transform:rotateY(0deg);
}
.flipcard.h .back{
-ms-transform:rotateY(-180deg);
-webkit-transform:rotateY(-180deg);
transform:rotateY(-180deg);
}
.flipcard .front, .flipcard .back
{
position:absolute;
width:100%;
height:100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-transition:all 0.5s ease-in;
-moz-transition:all 0.5s ease-in;
-o-transition:all 0.5s ease-in;
-ms-transition:all 0.5s ease-in;
transition:all 0.5s ease-in;
color:white;
-webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
backface-visibility:hidden;
}


.team_back_desc {
position:absolute;
width:100%;
height:100%;
background-color:rgba(15,166,223,.8);
}

.name_id {
padding:160px 0 0;
text-transform:uppercase;
display:block;
font-family:"GothamProBold";
font-size:2.5rem;
line-height:2.8rem;
}

.work_id {
display:block;
font-size:1.5rem;
line-height:1.8rem;
margin:20px 0 0;
}



/*7 �����*/


.map-bg {
position:relative;
height:418px;
}

#map-canvas {
/*width:100%;*/
padding:0px;
height:418px;
}

.map-blur {
position:absolute;
top:0;
padding:0px;
margin:0px;
width:50% !important;
overflow:hidden;
background:rgba(15,166,223,.8);
z-index:1;
height:418px;
/*box-shadow:inset 10px 10px 100px 50px rgba(15,166,223,.5);*/
/*-webkit-filter:blur(3px);
-moz-filter:blur(3px);
filter:blur(3px);*/
}


.contact_c {
position:relative;
float:right;
margin:0 100px 0 0;
z-index:700;
}

.contact_phone {
position:absolute;
top:60px;
left:-70px;
}

.contact_h {
text-align:center;
padding:40px 0px 60px;
font-family:"GothamProBold";
text-transform:uppercase;
font-size:6rem;
color:#0FA6DF;
}

.contact_h2 {
padding:80px 0px 0px;
font-family:"GothamProMedium";
text-transform:uppercase;
font-size:30px;
color:#051928;
}


.contact_p {
padding:40px 0px 40px;
font-size:18px;
line-height:35px;
color:#051928;
}

.contact_p a {
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
text-decoration:none;
}

.contact_mail {
color:#fff;
}

.contact_p a:hover {
text-decoration:none;
}

.contact_i_c {
float:left;
}

.contact_i {
display:inline-block;
padding:0 15px 20px 0;
opacity:.7;
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
}

.contact_i:hover {
opacity:1;
}
.text-center {
	text-align: center;
}
.alert-info {
    background-color: #0fa6df;
    color: #fff;
    padding: 10px 14px;
    margin: 5px 0 25px;
}
#payments {
	padding-bottom: 60px;
}
.page-paym {
	min-height: calc(100vh - 162px);
	text-align: center;
	display: table;
}
.table-cell {
	display: table-cell;
	vertical-align: middle;
}
.page-paym h2 {
	margin: 20px 0;
}
.page-paym h2 {
	font-size: 24px;
	margin: 20px 0;
}
.page-paym h4 {
	font-weight: 100;
	font-size: 20px;
}
.page-paym h3 {
	font-weight: 100;
	font-size: 18px;
}
.error_input {
	border-color: #ea2e2b!important;
	background-color: #ffcac9!important;
}
.passed_input {
	border-color: #06bd03!important;
	background-color: #eaffed!important;
}
.logo {
	font-size: 30px;
	color: #fff!important;
	text-decoration: none!important;
	font-family: "GothamProBold";
	margin-top: 16px;
    display: inline-block;
}
.sub-success {
	display: none;
	text-align: center;
    font-size: 23px;
    color: #0fa6df;
}
.sub-error {
	display: none;
	text-align: center;
    font-size: 23px;
    color: red;
}
/*8 ����� (�����)*/

#footer {
background:#051928;
}

.footer_txt {
font-size:12px;
color:#fff;
text-align:center;
margin:20px 0px;
}

.footer_img {
margin:40px 0;
}
.form-control {
    border-radius: 0;
    box-shadow: none!important;
    height: 40px;
    margin-top: 15px;
}
.sub-success,
.sub-error {
	text-align: center;
	font-size: 24px;
	    margin-top: 95px;
}