/*Медиа запросы*/

/* Small devices (tablets, 1024px and up) */
@media only screen and (min-width:960px) and (max-width:1180px) {

/*главное меню*/
.main_menu_ul {
margin:20px 0;
}

.main_menu_li {
display:inline;
}

.main_menu_a {
display:inline-block;
padding:10px 8px 10px 0;
font-size:2rem;
line-height:15px;
}

.h_tel {
font-size:2rem;
margin:28px 5px 0 0;
}

.phone_button {
background:transparent url(../img/phone.png);
position:absolute;
top:0px;
right:-30px;
}

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

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

.main_button {
display:inline-block;
font-size:14px;
text-transform:uppercase;
background-color: rgba(0, 0, 0, 0.2);
padding:10px 20px;
margin:10px 10px;
color:#0FA6DF;
border:2px solid #0FA6DF;
border-radius:12px;
transition:all .4s ease-in-out;
margin:0 10px 30px;
width:280px;
}


}


/* Small devices (tablets, 768px and up) */
@media only screen and (min-width:768px) and (max-width:959px) {

/*главное меню*/
.main_menu_ul {
margin:20px 0;
}

.main_menu_li {
display:inline;
}

.main_menu_a {
display:inline-block;
padding:10px 8px 10px 0;
font-size:1.5rem;
line-height:15px;
}

.h_tel {
font-size:1.4rem;
margin:30px 0 0;
}

.phone_button {
background:transparent url(../img/phone.png);
margin:0 0 0 0;
position:absolute;
top:20px;
right:-30px;
}

/*1 слайд*/
.main_bg {
background:#00647E url(../img/header2.jpg) no-repeat fixed;
/*background-size:cover;*/
/*background-size:auto;*/
background-position:20% 100px;
min-height:600px;
}

.main_button {
display:inline-block;
font-size:14px;
text-transform:uppercase;
background-color: rgba(0, 0, 0, 0.2);
padding:10px 20px;
margin:10px 10px;
color:#0FA6DF;
border:2px solid #0FA6DF;
border-radius:12px;
transition:all .4s ease-in-out;
margin:0 10px 30px;
width:280px;
}

/*3 слайд (Пик)*/

#peak {
height:350px;
}

.peak_bg {
background:url(../img/slide_bg.jpg) no-repeat 50% 100% fixed;
background-position:center bottom;
background-size:contain;
/*background-size:auto;*/
min-height:350px;
}

}

/* Exstra Small devices (tablets, 767px and up) */
@media only screen and (max-width:767px) {

/*меню*/

.header {
background:#0d2333;
/*background:rgba(13,35,51,.95);*/
}

.main_menu_li {
display:block;
}

.main_menu_a {
display: block;
padding: 15px 0;
font-size:2rem;
line-height: 20px;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
/*background-color: rgba(35,82,124,.2);*/
}

.h_tel {
display:block;
font-size:2rem;
margin:0px 15px 15px 0;
}


/*1 слайд*/
.main_bg {
background:#00647E url(../img/header2.jpg) no-repeat fixed;
/*background-size:cover;*/
/*background-size:auto;*/
background-position:20% 60px;
min-height:600px;
/*height:100%;*/
}

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

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

.main_button_cont {
margin:40px auto 0px;
padding:0 0 20px;
text-align:center;
}

.main_button {
display:inline-block;
font-size:14px;
text-transform:uppercase;
background-color: rgba(0, 0, 0, 0.2);
padding:10px 20px;
margin:10px 10px;
color:#0FA6DF;
border:2px solid #0FA6DF;
border-radius:12px;
transition:all .4s ease-in-out;
margin:0 10px 30px;
width:280px;
}


/*2 слайд*/

.about {
background:#fff;
}

.about_h {
text-align:center;
padding:50px 0 0 0;
font-family:"GothamProBold";
text-transform:uppercase;
font-size:4rem;
line-height:5rem;
color:#0FA6DF;
}

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

.about_h2 {
text-align:center;
padding:50px 0 0 0;
font-family:"GothamProBold";
text-transform:uppercase;
font-size:4rem;
line-height:5rem;
color:#0FA6DF;
}

.about_ul {
text-align:center;
margin:30px 0 10px;
}

.about_li {
display:inline-block;
margin:0 00px 30px;
width:280px;
font-family:"GothamProBold";
text-transform:uppercase;
font-size:6rem;
color:#0FA6DF;
}

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

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


/*3 слайд (Пик)*/

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

.peak_bg {
background:url(../img/slide_bg2.jpg) no-repeat 50% 100% fixed;
background-position:center bottom;
background-size:contain;
/*background-size:auto;*/
min-height:350px;
}

.peak-row {
width:100%;
}

.peak_sp_c {
border:2px solid #fff;
padding:15px;
margin:40px auto 20px;
width:290px;
}

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

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

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

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

.peak_button {
display:inline-block;
font-size:1.4rem;
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:50px 0 0 0;
font-family:"GothamProBold";
text-transform:uppercase;
font-size:4rem;
line-height:5rem;
color:#0FA6DF;
word-wrap: break-word;
}

.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:25px 0 0px;
}

.profit_li {
display:inline-block;
margin:0 0 30px;
width:100%;
}

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

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

.profit_button_c {
margin:0px auto 50px;
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:40px 0 0 0;
text-transform:uppercase;
font-size:24px;
color:#f5f5f5;
}

.conk_ul {
text-align:center;
margin:25px 0 10px;
}

.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:20px 0 0 0;
margin:0 auto;
border-bottom:4px solid #0FA6DF;
}


/*6 слайд (услуги)*/

#services {
background:#fff;
}

.services_h {
text-align:center;
padding:50px 0 0;
font-family:"GothamProBold";
text-transform:uppercase;
font-size:4rem;
line-height:5rem;
color:#0FA6DF;
}

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

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

.services_button_c {
margin:20px 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:270px;
height:270px;
margin:10px;
border-radius:50%;
background:#5ea4dc;
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-grid li {
display:inline-block;
margin:10px;
}

.ch-img-1 {
background:#0FA6DF 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-3 {
background:#0FA6DF 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-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-item-a {
display:block;
color:#0fa6df;
/*color:rgba(255,255,255,0.7);*/
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 {

}

/*6 слайд*/

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

.team_h {
text-align:center;
padding:0px 0px 20px;
font-family:"GothamProBold";
text-transform:uppercase;
font-size:4rem;
line-height:5rem;
color:#0FA6DF;
}


/*7 слайд*/


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

#map-canvas {
padding:0px;
height:260px;
}

.map-blur {
position:relative;
top: 0px;
padding: 30px;
margin: 0px;
width: 100% !important;
overflow: hidden;
background: rgba(15, 166, 223, 0.8) none repeat scroll 0% 0%;
z-index: 1;
height: 250px;
}

.contact_c {
position:relative;
float:none;
margin:0 auto;
z-index:700;
padding:0 20%;
}

.contact_phone {
position:relative;
top:0;
left:0;
}

.phone_button {
margin:0 15px 0 0;
float:none;
}

.phone_button_b {
margin:0 15px 0 10%;
width:27px;
}

.contact_h {
padding:30px 0px 20px;
font-size:4rem;
line-height:5rem;
color:#0FA6DF;
margin:0 auto;
}

.contact_h2 {
padding:0px 0px 0px;
font-size:16px;
color:#051928;
/*text-align:center;*/
}

.contact_p {
padding:20px 0px 20px;
font-size:13px;
line-height:20px;
color:#051928;
text-align:center;
}

.contact_i_c {
margin:0 auto;
text-align:center;
width:50%;
}

.contact_i {
display:inline-block;
padding:0;
width:30%;
}

.contact_i_c {
float:none;
}

.soc_img {
display:inline;
}

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

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

/*.phone_button_b {
margin:0 15px 0 20%;
width:27px;
}*/


/*Анимация*/

.slideanim {visibility:hidden;}

.slide {
animation-name: slide;
-webkit-animation-name: slide;
animation-duration: 1s;
-webkit-animation-duration: 1s;
visibility: visible;
}

@keyframes slide {

0% {
opacity: 0;
-webkit-transform: translateY(70%);
}

100% {
opacity: 1;
-webkit-transform: translateY(0%);
}	

}

@-webkit-keyframes slide {

0% {
opacity: 0;
-webkit-transform: translateY(70%);
} 

100% {
opacity: 1;
-webkit-transform: translateY(0%);
}

}