body{
box-sizing: border-box;	
margin:0;
padding:0;
font-size:16px;
background-color:#e9eaee;
color:#006272;

font-family: "PT Sans", serif;
font-weight: 400;
font-style: normal;
}


.width_wrap{
width:98%;
max-width:1480px;
margin:0 auto 0 auto;	
}	


.header_index{
background-image: url("/css/img/body_index_bg.jpg");
background-position: bottom;
background-size:cover;
}	

.header_page{
background-color:#FFF;	
}



.header_index .sticky_menu, .header_page .sticky_menu{
width:100%;
user-select: none;
font-family: "PT Sans Narrow", serif;
}	




.header_index .menu_container, .header_page .menu_container{
display:flex;
align-items:center;
justify-content: space-between;
padding:2em 0 2em 0;
}	

.header_index .scrolled .menu_container,.header_page .scrolled .menu_container{
padding:1em 0 1em 0;
}


.header_index .scrolled{
position:fixed;
top: 0;
left: 0;
z-index:10000;
transition: background-color 0.5s ease-in-out; 
}


.header_page .scrolled{
position:fixed;
top: 0;
left: 0;
z-index:10000;
}

.header_index .scrolled, .header_page .scrolled{
background-color:#FFF;
}


.header_index .menu_logo, .header_page .menu_logo{
padding-right:8em;
min-width:215px;
}


.header_index .menu_logo a, .header_page .menu_logo a{
aspect-ratio:3.58;
display:block;
padding:0 1em 0 1em;
background-position:1em 0;
background-repeat: no-repeat;
background-size: contain;
}	


.header_index .menu_logo a{
background-image: url("/img/logo.png");
}

.header_page .menu_logo a{
background-image: url("/css/img/logo-dark.png");
}


.header_index .scrolled .menu_logo a{
background-image: url("/css/img/logo-dark.png");
}



.menu{
display:flex;	
justify-content: space-between;
align-items: center;
flex-grow:1;
padding-top:1.2em;
padding:0;
margin:0;
}	

.header_index .menu_container a, .header_page .menu_container a{
text-decoration:none;
text-transform:uppercase;	
transition: color 0.25s ease;
margin:0 1em 0 1em;
cursor:pointer;
}	

.header_index .menu_container a{
color:#FFF;
}	

.header_page .menu_container a{
color:#006272;
}	

.header_index .scrolled .menu_container a{
color:#006272;
}	

.header_index .menu_container a:hover, .header_page .menu_container a:hover{
color:#09b0bb;
}	

.header_index .menu_selected, .header_page .menu_selected{
position: relative;
display: inline-block;
}	

.header_index .menu_selected::after , .header_page .menu_selected::after {
content:'';
position: absolute;
bottom: -0.8em;
left: 0;
width: 100%;
height: 2px;
}


.header_index .menu_selected::after {
background-color:#FFF;
}	

.header_page .menu_selected::after {
background-color:#006272;
}	



.menu_search{
padding:0 1em 0 4em;	
white-space:nowrap;
position: relative;
}	


.search_wrap{
display:none;	
position: absolute;
top: 2em;
right: 1em;
background-color:#FFF;
padding:1em 2em 1em 2em;
box-shadow:0.3em 0.3em 0.3em #054650;
color:#666;
}


.search_form{
display:flex;
}	

.search_input{
border-top:2px solid #006272;	
border-bottom:2px solid #006272;	
border-left:2px solid #006272;	
border-right:none;	
outline:none;
font-family: "PT Sans Narrow", serif;
font-size:1.4em;	
padding:0.6em 1em 0.6em 1em;
color:#006272;
}	

.search_button{
border-top:2px solid #006272;	
border-bottom:2px solid #006272;	
border-right:2px solid #006272;	
border-left:none;	
background-color:#FFF;
font-size:1.4em;
padding:0.6em 1em 0.6em 1em;
color:#006272;
}	

.menu_spacer{
display:none;	
}	

.menu_toggle_index a{
color:#FFF;	
}	

.menu_toggle_page a{
color:#006272;	
}	


.menu_toggle {
display:none;
text-align:right;
padding:1em 1em 0 0;
}


.hide{ display:none; }




/* #### SLIDER INDEX ##### */
.slider_index ul{
margin:0;
padding:0;	
list-style:none;
color:#FFF;
}

.slider_index ul li{
display:flex;	
justify-content:space-around;
align-items: stretch;
min-height:46em;
}	

.slider_index h1, .slider_index h2{
text-transform:uppercase;	
font-size:5.8em;
line-height:1.05em;
font-family: "PT Sans Narrow", serif;
margin:0 0 0.5em 0;
}

.slider_index .slide_text_block { width:60%;	}
.slider_index .slide_img_block { width:40%;	}

.slider_index .slide_text_block{
padding:4em 0 0 7em;	
}

.slider_index .slide_img_block{
padding:0 0 0 7em;
display:flex;
align-items:flex-end;
justify-content: center;
}

.slider_index p{
font-size:1.1em;
padding:0;
margin:0;
}

.unslider{
overflow:auto;
margin:0;padding:0;
}
.unslider-wrap{position:relative}
.unslider-wrap.unslider-carousel>li{float:left}
.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}
.unslider-arrow{
position:absolute;
top:48em;
z-index:2;
cursor:pointer;
margin-left:5em;
padding:0.5em 0.8em 0.5em 0.8em;	
color:#FFF;
transition: background 0.25s ease;
}
.unslider-arrow:hover{
background-color:#FFF;	
color:#006272;
}	

.unslider-arrow.next{margin-left:33em;}


.unslider-nav{
width:20em;
position:absolute;
top:48.5em;
margin:0 0 0 10em;
}	

.unslider-nav ol {
  list-style: none;
  text-align: center;
}
.unslider-nav ol li {
  display: inline-block;
		border:1px solid #00F;
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background: transparent;
  border-radius: 5px;
  overflow: hidden;
  text-indent: -999em;
  border: 2px solid #fff;
  cursor: pointer;
}
.unslider-nav ol li.unslider-active {
  background: #fff;
  cursor: default;
}



/* ###### INDEX_ABOUT ###### */

.index_about{
padding:4em 0 4em 0;
}


.page_page{
padding:3em 0 3em 0;
}


.page_wrap_text{
width:60%;	
color:#FFF;
padding:0 0 0 7em;
}


.green_bg{
background:radial-gradient(59.91% 116.43% at -1.72% 114.79%,rgba(9,176,187,.5) 0,rgba(9,176,187,0) 100%),#093036;	
color:#FFF;
}	

.green_bg_2{
background-image: url("/css/img/green_bg_2.jpg");
background-size:cover;
background-position: center -5em;
}	


.page_wrap_text h1{
font-size:3em;
margin:1em 0 1.3em 0;	
font-family: "PT Sans", serif;
text-transform:uppercase;
line-height:1.15em;
position: relative;
}

.page_wrap_text h1::after {
content:'';
position: absolute;
bottom: -0.3em;
left: 0;
width: 100%;
height:3px;
background-color:#FFF;
width:2em;
}


.page_wrap_text p{
margin:2em 0 2em 0;	
}


.white_bg{
color:#006272;
}

.index_about_row_flex{display:flex;}

.index_about_left { width:35%; padding:0 8em 0 0;}
.index_about_right { width:65%;}

.index_heading, .page_heading {
display:inline-block;	
background-coloR:#006272;
font-family: "PT Sans Narrow", serif;
font-weight:800;
padding:0.2em 0.8em 0.2em 0.8em;
font-size:1.5em;
}

.white_bg .index_heading {
color:#FFF;	
}	

.index_about_left h3{
font-size:3em;
margin:0.7em 0 0.7em 0;	
font-family: "PT Sans Narrow", serif;
text-transform:uppercase;
line-height:1.15em;
}

.index_about_right img{ width:100%; }

.space_above{ padding-top:4em; }




.index_about_cols_wrap_3{ display:flex; justify-content: flex-start; padding:2em 0 2em 0; }
	
.index_about_cols_wrap_3 .index_about_col { width:27%; padding:0 4em 0 0;}	
	
.index_about_cols_wrap_3 .index_about_col .index_about_col_num{
color:#09b0bb;
font-size:4em;
font-family: "PT Sans Narrow", serif;
font-weight:800;
margin:0;
padding:0;
line-height:0.9em;
display:flex;
}

.index_about_cols_wrap_3 .index_about_col .index_about_col_num .full, .index_about_cols_wrap_3 .index_about_col .index_about_col_num .cut{
display:inline-block;	
}

.index_about_cols_wrap_3 .index_about_col .index_about_col_num .cut{
height:0.66em;
overflow:hidden;
}

.index_about_cols_wrap_3 .index_about_col .index_about_col_title, .index_about_cols_wrap_3 .index_about_col p{
padding-left:2em;	
font-size:0.95em;
}	

.index_about_cols_wrap_3 .index_about_col .index_about_col_title{ margin-top:0.5em; font-weight:800; }





.index_about_cols_wrap_5{ width:100%; display:flex; justify-content: space-between; }
	
.index_about_cols_wrap_5 .index_about_col { width:16%; font-weight:800;}	

.index_about_cols_wrap_5 .index_about_col .index_about_col_title{
font-size:2.5em;
font-family: "PT Sans Narrow", serif;
font-weight:800;
margin:0;
padding:0;
position: relative;
display: inline-block;
}

.index_about_cols_wrap_5 .index_about_col .index_about_col_title::after {
content:'';
position: absolute;
bottom: -0.1em;
left: 0;
width: 100%;
height:3px;
background-color:#FFF;
width:1em;
}




.index_about_cards{ display:flex; margin-top:3em; justify-content: space-between; align-items: stretch; }

.index_about_card {
display:block;	
padding:2em 2em 2em 2em;
width:18%;
position:relative;
overflow: hidden;
background: linear-gradient(180deg,#093036 0,#006272 100%);
text-decoration:none;
min-height:28em;
}


.index_about_card .index_about_col_title{
font-size:2.4em;
font-family: "PT Sans Narrow", serif;
margin:0;
padding:0;
color:#FFF;
text-transform:uppercase;
min-height:4em;
}

.index_about_card img{
display:block;
z-index:10000;
position:absolute;
width:100%;
bottom:0;
left:0;
z-index:1;
transition:transform .2s ease-in-out;
}

.index_about_card:hover img {
transform: scale(.9);
}

.card_decor{
position:absolute;
background-color:#e9eaee;
bottom:-75px;
left:-50px;
width:calc(100% + 10em);
height:213px;
transform:rotate(14deg);
z-index:1;
transition:transform .2s ease-in-out;
}

.index_about_card:hover .card_decor{
transform:translateY(10px) rotate(14deg);
}		

.index_about_card .arrow{
display:inline-block;	
background-color:#FFF;
color:#006272;
transition:background-color .2s ease-in-out;
padding:0.6em 0.8em 0.6em 0.8em;
margin:1em 0 1em 0;
font-size:1.2em;
}

.index_about_card:hover .arrow{
background-color:#09b0bb;
color:#FFF;
}






.index_clients{
background-color:#FFF;
padding:1.8em 6em 1.8em 6em;	
}	


.index_clients h3{
font-size:3em;
margin:0.7em 0 0.7em 0;	
font-family: "PT Sans Narrow", serif;
text-transform:uppercase;
line-height:1.15em;
}

.index_about_slider_wrap{
display:flex;	
justify-content: space-between;
align-items: stretch;
}	

.index_about_slider_left, .index_about_slider_right{
width:5%;	
display: flex;
align-items: center;
}	

.index_about_slider_left {
justify-content: flex-start;
}

.index_about_slider_right{
justify-content: flex-end;
}

.index_about_slider_left a, .index_about_slider_right a{
color:#006272;
padding:0.65em 0.8em 0.65em 0.8em;
transition:background-color .2s ease-in-out;
}

.index_about_slider_left a:hover, .index_about_slider_right a:hover{
color:#FFF;
background-color:#006272;
}


#slideshow{
  overflow:hidden;
  width:90%;
}

#slideshow ul{
  width:3900px;
  padding-left:225px;
		overflow:hidden;
		list-style:none;
}

 #slideshow li{
  float:left;
  margin:0 16px;
}

#slideshow li img{
margin:0 1em 0 1em;	
}



/* ##### INDEX FEEDBACk ##### */
.index_feedback{
margin-top:4em;	
background-image: url("/css/img/index_feedback_bg.jpg");
background-position: 0 4em;
background-size:cover;	
background-repeat: no-repeat;
padding:0 5em 3em 5em;
position: relative;
z-index: 2; 
}	

.index_feedback_wrap{
padding-top:-8em;	
display:flex;
}	

.index_feedback_img{ width:60%; }
.index_feedback_img img{ width:100%; }

.index_feedback_text{ width:40%; margin: 8em 5em 4em 5em; color:#FFF; }

.index_feedback_text .index_heading {
color:#006272;	
background-coloR:#FFF;
}

.index_feedback_text h3{
font-size:3em;
margin:0.7em 0 0.7em 0;	
font-family: "PT Sans Narrow", serif;
line-height:1.15em;
}

.index_feedback_text_button_wrap{
display:flex;
justify-content:flex-start;
}	

.button_white{
display:inline-block;	
padding:1.6em 2.6em 1.6em 2.6em;	
border:2px solid #FFF;
text-transform:uppercase;
font-family: "PT Sans Narrow", serif;
text-decoration:none;
color:#FFF;
font-weight:800;
transition:background-color .2s ease-in-out;
}

.button_white:hover{
background-color:#09b0bb;	
}	














/* PAGE ELEMENTS */

.page_v_opener{
width:96%;
margin:0 auto 0 auto;
}	


.page_v_opener_head{
display:flex;
padding:0 4em 0.1em 4em;
background: linear-gradient(to bottom, #FFF 0%, #FFF 40%, #DDD 100%);
cursor:pointer;
position: relative;
}

.page_v_opener_head_pl_left, .page_v_opener_head_pr_left{
width:40%;	
background-position: bottom center;
background-repeat:no-repeat;
background-size:26em;
transition: background-size 0.2s ease;
}	

#page_v_opener_activator_1 .page_v_opener_head_pl_left{
background-image: url("/css/img/page_v_opener_bg_1.png");
}	

#page_v_opener_activator_3 .page_v_opener_head_pl_left{
background-image: url("/css/img/page_v_opener_bg_3.png");
}	



#page_v_opener_activator_2 .page_v_opener_head_pr_left{
background-image: url("/css/img/page_v_opener_bg_2.png");
}

#page_v_opener_activator_4 .page_v_opener_head_pr_left{
background-image: url("/css/img/page_v_opener_bg_4.png");
}


.page_v_opener_head:hover .page_v_opener_head_pl_left{
background-size:25em;	
}	

.page_v_opener_head:hover .page_v_opener_head_pr_left{
background-size:25em;	
}	


.page_v_opener_head_pl_right{
width:60%;	
padding:10em 0 10em 0;
text-align:center;
}	

.page_v_opener_head_pr_right{
width:60%;	
padding:10em 0 10em 0;
text-align:center;
}	


.page_v_opener_head h2, .page_v_opener_head h3{
font-family: "PT Sans Narrow", serif;
text-decoration:none;
font-weight:400;
color:#304346;
font-size:.9em;
}

.page_v_opener_head h2{
text-transform:uppercase;
font-size:2.4em;
line-height:0.9em;
}

.page_v_opener_head h3{
font-size:1.5em;	
}


.page_v_opener_head_arrow {
position: absolute;
bottom: 0;
left:50%;
z-index: 100;
margin:0 auto 0 auto;
font-size:2.6em;
color:#09b0bb;
}

.page_v_opener_head:hover .page_v_opener_head_arrow{
bottom:-0.1em;
}




.page_v_opener_body{
background-color:#FFF;	
padding:0 8em 0 8em;
}	

.page_v_opener_body_text{
width:60%;
margin:0 auto 0 auto;
padding:6em 0 3em 0;	
color:#304346;
}	

.page_v_opener_body_text p{
padding:0.6em 0 0.6em 0;	
}


.page_v_opener_body_text h4{
padding:4em 0 0 0;	
}	

#page_v_opener_body_1, #page_v_opener_body_2, #page_v_opener_body_3, #page_v_opener_body_4{
display:none;	
}	



.page_v_opener_body_text table{
margin:3em auto 0 auto;	
border-top:1px solid #CCC;
width:100%;
}	

.page_v_opener_body_text table td{
border-bottom:1px solid #CCC;
padding:0.8em 3em 0.8em 2em;	
font-weight:800;
}


.page_button_wrap{
padding:4em 0 4em 0;
text-align:center;	
}	

.page_button_email_white{
display:inline-block;
padding:1.2em 2.8em 1.2em 2.8em;
border:2px solid #006272;
background-color:#FFF;
text-transform:uppercase;
font-family: "PT Sans Narrow", serif;
color:#006272;
text-decoration:none;
font-weight:800;
transition: background-color 0.2s ease-in-out;
}	

.page_button_email_white:hover{
background-color:#09b0bb;
}



.page_v_opener_pics_wrap{
display:flex;
flex-wrap:wrap;	
justify-content: space-evenly;
}	

.page_v_opener_pics_wrap img{
display:block;
margin:0.5em;
}	







.page_white_wrap{
margin:0 auto 0 auto;
display:flex;
justify-content: space-between;
padding:6em;
background-color:#FFF;
margin-bottom: 2em;
}	


.page_white_wrap_pic, .page_white_wrap_text{
width:47%;	
color:#304346;
}	


.page_white_wrap_text h2{
font-family: "PT Sans Narrow", serif;
text-decoration:none;
font-weight:400;
color:#304346;
font-size:.9em;
text-transform:uppercase;
font-size:2.4em;
line-height:0.9em;
margin:0;
}

.page_white_wrap_text p{
margin: 1.6em 0 1.6em;	
}	

.page_white_wrap_text .marked{
padding:1.6em 2.8em 1.6em 2.8em;	
background-color:#f2f3f8;
font-weight:bold;
}


.page_white_wrap_text .bold{
font-weight:bold;
}


.page_white_wrap_pic{
display:flex;
flex-wrap:wrap;
justify-content: space-evenly;
align-items: baseline;
}	

.page_white_wrap_pic a{
display:block;	
width:48%;	
}	

.page_white_wrap_pic a img{
width:100%;
margin-bottom:0.2em;
}	

.page_white_wrap_pic a:hover img{
-webkit-filter: brightness(110%);	
}

.page_white_wrap_text li{
margin:1.4em 0 1.4em 0;
}






.quality_docs{
display:flex;
flex-wrap:wrap;
justify-content: space-between;	
}	


.quality_docs a{
display:block;	
width:19%;
margin-bottom:1em;
}	


.quality_docs img{
width:100%;	
}



.contacts_wrap{
display:flex;
flex-wrap:wrap;
justify-content: space-around;
}	

.contact{
width:24%;
margin-bottom:1em;
background-color:#FFF;
padding:1.2em 1.3em 1.2em 1.3em;
text-align:center;	
}	


.contact img{
width:100%;	
}	


.contact .contact_name{
font-size:1.2em;
font-weight:bold;	
color:#304346;
margin-bottom:0.2em;
}	


.contact .contact_title{
font-size:0.9em;
color:#999;
margin-bottom:1.6em;
}	

.contact .contact_phone, .contact .contact_email{
text-decoration:none;	
display:block;
color:#304346;
transition: color 0.3s ease-in-out; 
}	

.contact .contact_phone:hover, .contact .contact_email:hover{
color:#09b0bb;
}	




.footer{
padding:9em 0 3em 0;
e-margin-top:-6em;
background-color:#093036;
position: relative;
z-index:1;
}

.menu_footer{
display:flex;
justify-content: space-between;
align-items: stretch;
}	

.menu_footer a{
display:block;	
color:#FFF;
text-decoration:none;
transition:color 0.5s ease-in-out; 
display:flex;
align-items: center;
}	

.menu_footer a:hover{
color:#09b0bb;
}

.menu_footer img{
width:60%;	
margin-left:2em;	
}