/*
Theme Name: Conus Vision
Text Domain: cvis
*/
@charset "UTF-8";

@font-face {
    font-family: 'calibribold';
    src: url('font/calibri_bold-webfont.eot');
    src: url('font/calibri_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/calibri_bold-webfont.woff2') format('woff2'),
         url('font/calibri_bold-webfont.woff') format('woff'),
         url('font/calibri_bold-webfont.ttf') format('truetype'),
         url('font/calibri_bold-webfont.svg#calibribold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'calibriregular';
    src: url('font/calibri_regular-webfont.eot');
    src: url('font/calibri_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/calibri_regular-webfont.woff2') format('woff2'),
         url('font/calibri_regular-webfont.woff') format('woff'),
         url('font/calibri_regular-webfont.ttf') format('truetype'),
         url('font/calibri_regular-webfont.svg#calibriregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fontawesomeregular';
    src: url('font/fontawesome_full-webfont.eot');
    src: url('font/fontawesome_full-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/fontawesome_full-webfont.woff2') format('woff2'),
         url('font/fontawesome_full-webfont.woff') format('woff'),
         url('font/fontawesome_full-webfont.ttf') format('truetype'),
         url('font/fontawesome_full-webfont.svg#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gadugibold';
    src: url('font/gadugib-webfont.eot');
    src: url('font/gadugib-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/gadugib-webfont.woff2') format('woff2'),
         url('font/gadugib-webfont.woff') format('woff'),
         url('font/gadugib-webfont.ttf') format('truetype'),
         url('font/gadugib-webfont.svg#gadugibold') format('svg');
    font-weight: normal;
    font-style: normal;
}


* { margin:0; padding:0; border:0; }
*:focus { outline: none } 
html {
  -ms-overflow-style: -ms-autohiding-scrollbar;
}



body { text-align:center; background-color:#000000; color:#ffffff; font-family:'calibriregular', Arial, Helvetica, sans-serif; font-size:1.4em; line-height:1.6; margin:0; padding:0; }
strong { font-family:'calibribold', Arial, Helvetica, sans-serif; font-weight:normal; }

.clear { clear:both; }
.hidden { display:none; }

.post-edit-link { position:fixed; left:0; top:0; color:#ffffff !important; z-index:1000; font-size:0.7em; }

.page { position: relative; }

.page_cnt a, .page_cnt a:link, .page_cnt a:visited, .page_cnt a:hover { text-decoration:underline; color: #ffffff;
-webkit-transition: color 0.4s ease-in-out;
-moz-transition: color 0.4s ease-in-out;
-o-transition: color 0.4s ease-in-out;
transition: color 0.4s ease-in-out;
}
.page_cnt a:hover { color:#d5d5d5; }


.page_wrap { position: relative; margin: 0 auto; padding-top: 1.4em; padding-bottom: 8em; width: 90%; }
#footer { position: fixed; left: 0; right: 0; margin: 0 auto; bottom: 1.5em; text-align: left; width: 90%; }
.scrolled #footer { position: absolute; }
.footer_inner { padding: 1.5em 2em; }
.footer_inner span { font-size: 0.8em; }
.footer_inner span em { font-style: normal; font-size: 1em; position: relative; top: 0.05em; }

.page_back { background-position: 0% 0%; background-size: cover; background-repeat: no-repeat; position: fixed; left: 0; top: 0; width: 100%; height: 100%; }
.block_back { position: absolute; left: 0; top:0; width: 100%; height: 100%; z-index: 1; background-color: #000000; 

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=54)";
	filter: alpha(opacity=54);
	-moz-opacity: 0.54;
	-khtml-opacity: 0.54;
	opacity: 0.54;

    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
}
.header_logo_block .block_back { 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=27)";
	filter: alpha(opacity=27);
	-moz-opacity: 0.27;
	-khtml-opacity: 0.27;
	opacity: 0.27;
}

.nav_panel .block_back { 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=44)";
	filter: alpha(opacity=44);
	-moz-opacity: 0.44;
	-khtml-opacity: 0.44;
	opacity: 0.44;
}

.block_cnt { position: relative; z-index: 2; }

#header { float: left; width:21.5em; position: relative; }
.page_content { margin-left: 24em; position: relative; }
.header_logo_block { position: relative; margin-bottom: 1em; width: 100%; text-align: left; }
.nav_panel { position: relative; text-align: left; }

.content_title_block { position: relative; margin-bottom: 1em; height: 5.7em; visibility: hidden; }
.content_block { position: relative; }
.page_content_inner { overflow: hidden; }
.block_cnt { position: relative; text-align: left; padding: 2em 2em 2.4em 2em; }
.footer_inner { padding: 0.9em 2em 1.1em 2em; }
.block_cnt h1 { display: block; margin-bottom: 0.5em; text-transform: uppercase; font-size: 1.3em; line-height: 1.4; font-family: 'calibribold', Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: 0.04em; }

.conus_vision_logo_wrap { font-size: 1.1em; white-space: nowrap; padding: 0.7em 1em 1em 1em; }
a.conus_vision_logo { display: block; position: relative; z-index: 1; font-size: 1.5em; }
a.conus_vision_logo, a.conus_vision_logo:link, a.conus_vision_logo:visited, a.conus_vision_logo:hover { color: #ffffff; font-family:'fontawesomeregular'; font-style: normal; font-weight: normal; text-decoration: none; line-height: 1; 
    -webkit-transition: text-shadow 0.3s ease-in-out;
    -moz-transition: text-shadow 0.3s ease-in-out;
    -o-transition: text-shadow 0.3s ease-in-out;
    transition: text-shadow 0.3s ease-in-out;
    text-shadow: 0px 0px 6px rgba(255, 255, 255, 0); }
a.conus_vision_logo:hover { text-shadow: 0px 0px 6px rgba(255, 255, 255, 0.7); }
a.conus_vision_logo span { font-size: 1.5em; line-height: 1; position: relative; padding-right: 0em; top:0.1em }

a.conus_vision_logo b { display: block; font-family:'gadugibold', Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: normal; font-size: 0.25em; padding-top: 2em; letter-spacing: 0.45em; word-spacing: 1.2em; }





#video_iframe { position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; }

#video_pop { position:fixed; left:0; top:0; width:100%; height:100%; z-index:-1; 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

#video_pop, .hide_on_video { 
    -webkit-transition: opacity 0.6s ease-in-out;
    -moz-transition: opacity 0.6s ease-in-out;
    -o-transition: opacity 0.6s ease-in-out;
    transition: opacity 0.6s ease-in-out;
}

.hide_on_video {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.video_act #video_pop { z-index:1000; }

.video_act #video_pop, .video_hide.video_act .hide_on_video { 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
    
.video_hide #video_pop, .video_act .hide_on_video {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

#video_pop_fater { position:absolute; left:0; top:0; width:100%; height:100%; background:#000000; 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=61)";
    filter: alpha(opacity=61);
    -moz-opacity: 0.61;
    -khtml-opacity: 0.61;
    opacity: 0.61;
}
    
#video_pop_wrap { width:94%; left:0; right:0; position:absolute; margin:0 auto; top:50%; 
    -webkit-transition: margin-top 0.6s ease-in-out;
    -moz-transition: margin-top 0.6s ease-in-out;
    -o-transition: margin-top 0.6s ease-in-out;
    transition: margin-top 0.6s ease-in-out;
}

#video_pop_close { position:fixed; top:0; right:0.2em; font-size:2em; padding:0.4em; padding-top: 0; }
a#video_pop_close, a#video_pop_close:link, a#video_pop_close:visited, a#video_pop_close:hover { text-decoration: none; color: #ffffff; font-family:'calibriregular', Arial, Helvetica, sans-serif; list-style: 1; font-family: 'fontawesomeregular';
    -webkit-transition: text-shadow 0.3s ease-in-out;
    -moz-transition: text-shadow 0.3s ease-in-out;
    -o-transition: text-shadow 0.3s ease-in-out;
    transition: text-shadow 0.3s ease-in-out;

    text-shadow: 0px 0px 6px rgba(255, 255, 255, 0);
}
a#video_pop_close:hover { text-shadow: 0px 0px 6px rgba(255, 255, 255, 0.7); }

#video_iframe_wrap { position:relative; margin:0 auto; }
#video_iframe iframe { position: absolute; top:0; left:0; width:100%; height:100%; }

#video_iframe { position:relative; margin:0 auto; width:100%; padding-bottom: 56.25%; background:#000000; 
    -webkit-box-shadow: 0px 0px 2em 0px rgba(255,255,255,0.4);
    -moz-box-shadow: 0px 0px 2em 0px rgba(255,255,255,0.4);
    box-shadow: 0px 0px 2em 0px rgba(255,255,255,0.4);

    -webkit-transition: width 0.6s ease-in-out, height 0.6s ease-in-out;
    -moz-transition: width 0.6s ease-in-out, height 0.6s ease-in-out;
    -o-transition: width 0.6s ease-in-out, height 0.6s ease-in-out;
    transition: width 0.6s ease-in-out, height 0.6s ease-in-out;
}




.nav_block { padding: 1.4em 1.5em 2.2em 1.5em; position: relative; z-index: 10; }


.menu_items { list-style: none; line-height: 1.2; }
.menu_items .menu_item a { padding: 0.15em 0; display: block; }
.menu_items .menu_item a, .menu_items .menu_item a:link, .menu_items .menu_item a:visited, .menu_items .menu_item a:hover {  text-decoration: none; color: #ffffff; text-transform: uppercase; font-size: 1em; line-height: 1.2; text-shadow: 0px 0px 6px rgba(255, 255, 255, 0); 
    -webkit-transition: text-shadow 0.3s ease-in-out;
    -moz-transition: text-shadow 0.3s ease-in-out;
    -o-transition: text-shadow 0.3s ease-in-out;
    transition: text-shadow 0.3s ease-in-out;
}
.menu_items .menu_item a:hover { text-shadow: 0px 0px 6px rgba(255, 255, 255, 0.7); }

.menu_item_sep { display: block; margin-top: 0.9em; height: 0.9em; border-top:1px solid #ffffff; }
.menu_item_space { display: block; height: 1.3em; }


.mob_nav_button_inner { height: 2em; margin-bottom: 0.2em; }
.mob_nav_line { max-width: 3em; height: 1.4px; background: #ffffff; margin: 0 auto; margin-bottom: 0.8em; padding: 0; position: relative; top:0.6em; 
    -webkit-transition: opacity 0.3s ease-in-out, transform 0.6s ease-in-out, box-shadow 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out, transform 0.6s ease-in-out, box-shadow 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out, transform 0.6s ease-in-out, box-shadow 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out, transform 0.6s ease-in-out, box-shadow 0.3s ease-in-out;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;

    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);	
}
.mob_nav_line3 { margin-bottom: 0; }
a.mob_nav_sub_button_a { display: none; width: 100%; margin-left: 0; left: 0;
    -webkit-transition: width 0.6s ease-in-out, margin-left 0.6s ease-in-out, left 0.6s ease-in-out;
    -moz-transition: width 0.6s ease-in-out, margin-left 0.6s ease-in-out, left 0.6s ease-in-out;
    -o-transition: width 0.6s ease-in-out, margin-left 0.6s ease-in-out, left 0.6s ease-in-out;
    transition: width 0.6s ease-in-out, margin-left 0.6s ease-in-out, left 0.6s ease-in-out;
}

.menu_act .mob_nav_line1, .menu_act .mob_nav_line3
{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}

.mob_nav_line2 { position: absolute; top:50%; margin: 0 auto; margin-top: -0.02em; left: 0; right: 0; }
.mob_nav_sub_button_a .mob_nav_line2 { margin-top: 0.01em; }

.menu_act .mml1 { 
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);	
}
.menu_act .mml2 { 
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);	
}


a.mob_nav_button_a { display: none; }

a.mob_nav_top_button_a { position: absolute; z-index: 1; top: 50%; margin-top: -2.2em; right: 0em; width: 6em; padding: 1em 0; }
a.mob_nav_top_button_a .mob_nav_line { margin-bottom: 0.8em; height: 0.15em; width: 2em; }
.mob_nav_line {
    -webkit-box-shadow: 0px 0px 0.3em 0px rgba(255,255,255,0);
-moz-box-shadow: 0px 0px 0.3em 0px rgba(255,255,255,0);
box-shadow: 0px 0px 0.3em 0px rgba(255,255,255,0);

}
a:hover .mob_nav_line { 
    -webkit-box-shadow: 0px 0px 0.3em 0px rgba(255,255,255,1);
-moz-box-shadow: 0px 0px 0.3em 0px rgba(255,255,255,1);
box-shadow: 0px 0px 0.3em 0px rgba(255,255,255,1);
}

.menu_act a.mob_nav_sub_button_a { width: 3em; margin-left: 100%; left: -1.3em; z-index: 1; }


.contact_info_block { max-width: 30em; }
.contact_photo_block { margin-bottom: 1.5em; margin-top: 0.3em; position: relative; max-width: 30em; padding-bottom: 1em; padding-top: 1em; overflow: hidden; }
.contact_photo_block_back { position: absolute; left: 0; width: 100%; height: 100%; background-color: #ffffff; top:0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;

    -webkit-border-radius: 1.5em;
    -moz-border-radius: 1.5em;
    border-radius: 1.5em;
}
.contact_photo_wrap { display: block; position: relative; z-index: 1; width: 40%; margin-right: 5%; margin-left: 4%; overflow: hidden; float: left; }
.contact_photo_img { display: block; height: auto; width: 100%; 
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}

.contact_photo_info { width: 45%; float: left; }

.contact_name, .contact_phone, .contact_email, .contact_address { display: block; font-size: 0.9em; color: #000000; width: 90%; margin-left: 5%; position: relative; }
.contact_name { margin-bottom: 0.2em; text-transform: uppercase; }

.page_content a, .page_content a:link, .page_content a:visited, .page_content a:hover { text-decoration: underline; color: #000000; }
.contact_email { margin-bottom: 0.2em; }
.contact_address { font-size: 0.9em; }


a.play_video_btn { display: block; margin-top: 0.5em; white-space: nowrap; }
a.play_video_btn, a.play_video_btn:link, a.play_video_btn:visited, a.play_video_btn:hover { color: #ffffff; font-family:'calibribold', Arial, Helvetica, sans-serif; text-transform: uppercase; font-style: normal; font-weight: normal; text-decoration: none; font-size: 1.3em; line-height: 1; }

.page_content a, .page_content a:link, .page_content a:visited, .page_content a:hover {
    -webkit-transition: text-shadow 0.3s ease-in-out;
    -moz-transition: text-shadow 0.3s ease-in-out;
    -o-transition: text-shadow 0.3s ease-in-out;
    transition: text-shadow 0.3s ease-in-out;

    text-shadow: 0px 0px 6px rgba(255, 255, 255, 0);
}
.page_content a:hover { text-shadow: 0px 0px 6px rgba(255, 255, 255, 0.7); }

a.play_video_btn span { font-family:'fontawesomeregular'; font-size: 1.5em; line-height: 1; position: relative; padding-right: 0.5em; top:0.13em }


.contact_photo_block a, .contact_photo_block a:link, .contact_photo_block a:visited, .contact_photo_block a:hover { text-decoration: none;}


#form_contacts { margin-top: 2em; width: 100%; max-width: 30em; }
.form_inp_line { position: relative; margin-bottom: 0.5em; }
.form_inp_line label { font-size: 0.7em; display: block; line-height: 1.2; margin-bottom: 0.4em; text-transform: uppercase; }
.form_inp_line input, .form_inp_line textarea { background: none; width: 94%; padding: 0.6em 3%; border: 1px solid #cccccc; color: #ffffff; font-size: 1em; display: block; font-family:'calibriregular', Arial, Helvetica, sans-serif; 
    -webkit-border-radius: 0.2em;
-moz-border-radius: 0.2em;
border-radius: 0.2em;
}
.form_inp_line textarea { height: 5em; resize: none; }


.form_inp_line50 .form_inp_line1 { width: 48%; float: left; }
.form_inp_line50 .form_inp_line2 { width: 48%; float: right; }
.form_inp_line50 input { padding-left: 6%; padding-right: 6%; width: 88%; }

.err { color: #ff9a9a; }
.err strong { color: #ffffff;  }

a.btn_form_contact { max-width: 8em; }
a.btn_form_contact, a.btn_form_contact:link, a.btn_form_contact:visited, a.btn_form_contact:hover { display: block; text-align: center; color: #000000; text-decoration: none; text-transform: uppercase; font-family:'calibribold', Arial, Helvetica, sans-serif; font-size: 1.1em; position: relative; padding: 0.4em 5%; 
    -webkit-transition: text-shadow 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    -moz-transition: text-shadow 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    -o-transition: text-shadow 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    transition: text-shadow 0.3s ease-in-out, box-shadow 0.3s ease-in-out;

    -webkit-box-shadow: 0px 0px 0.3em 0px rgba(255,255,255,0);
    -moz-box-shadow: 0px 0px 0.3em 0px rgba(255,255,255,0);
    box-shadow: 0px 0px 0.3em 0px rgba(255,255,255,0);
}
a.btn_form_contact:hover {
    -webkit-box-shadow: 0px 0px 0.7em 0px rgba(255,255,255,0.3);
    -moz-box-shadow: 0px 0px 0.7em 0px rgba(255,255,255,0.3);
    box-shadow: 0px 0px 0.7em 0px rgba(255,255,255,0.3);
}
.loading_img { display: block; position: absolute; left: 0; right: 0; margin: 0 auto; width: 2em; height: auto; top:50%; margin-top: -1em; display: none; }

a.btn_form_contact b { position: absolute; left: 0; top:0; width: 100%; height: 100%; background-color: #ffffff; 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8; 

    -webkit-border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    border-radius: 0.2em;
}

a.btn_form_contact span { position: relative; font-size: 0.8em; }

#err_contacts { margin-bottom: 1em; }
.err_block .err { overflow: hidden; max-height: 0; 
    -webkit-transition: max-height 0.3s ease-in-out;
    -moz-transition: max-height 0.3s ease-in-out;
    -o-transition: max-height 0.3s ease-in-out;
    transition: max-height 0.3s ease-in-out;
}

.form_err .err_block .err { max-height: 5em; }

.loading span { visibility: hidden; }
.loading img { display: block; }
a.btn_form_contact.loading, a.btn_form_contact.loading:link, a.btn_form_contact.loading:visited, a.btn_form_contact.loading:hover { cursor: default; }


.portfolio_nav { position: absolute; right: 0; top:-4em; }
.portfolio_nav span { font-family:'fontawesomeregular'; font-size: 1.7em; line-height: 1; position: relative; color: #ffffff; z-index: 10; display: block; margin: 0.15em 0.2em; cursor: default; }
.portfolio_nav .block_back { 
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
}
.portfolio_nav_wrap { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
.portfolio_nav_wrap a, .portfolio_nav_wrap a:link, .portfolio_nav_wrap a:visited, .portfolio_nav_wrap a:hover { font-family:'fontawesomeregular'; font-size: 1.2em; line-height: 1; color: #ffffff; z-index: 10; text-decoration: none; padding: 0.2em 0.7em; 
    -webkit-transition: text-shadow 0.3s ease-in-out, left 0.3s ease-in-out, right 0.3s ease-in-out;
    -moz-transition: text-shadow 0.3s ease-in-out, left 0.3s ease-in-out, right 0.3s ease-in-out;
    -o-transition: text-shadow 0.3s ease-in-out, left 0.3s ease-in-out, right 0.3s ease-in-out;
    transition: text-shadow 0.3s ease-in-out, left 0.3s ease-in-out, right 0.3s ease-in-out;
}
.portfolio_nav_wrap a { position: absolute; left: 0em; top: 50%; margin-top: -0.7em; }
.portfolio_nav_wrap a.portfolio_nav_a_next { left: auto; right: 0em; }

.portfolio_nav_wrap a.portfolio_nav_a_prev:hover { left: -0.1em; }
.portfolio_nav_wrap a.portfolio_nav_a_next:hover { right: -0.1em; }




#gallery { position: relative; }
#gallery_inner { position: relative; z-index: 2; overflow: hidden;
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
}
.gallery_spacer { visibility: hidden; 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}
.gallery_spacer, .gallery_img { position: relative; width: 100%; height: auto; display: block;  }
.gallery_slide { position: absolute; width: 100%; height: 100%; left: 0; top:0; z-index: 10; transform: translateZ(0);

    -webkit-transition: opacity 0.6s ease-in-out, left 0.6s ease-in;
	-moz-transition: opacity 0.6s ease-in-out, left 0.6s ease-in;
	-o-transition: opacity 0.6s ease-in-out, left 0.6s ease-in;
	transition: opacity 0.6s ease-in-out, left 0.6s ease-in;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}
.gallery_slide_act { z-index:21; 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
 }
#gallery_nav { position: absolute; left: -2em; right: -2em; top: 45%; height: 1px; margin-top: -1em; z-index: 30; font-size: 0.8em; }

a.gallery_nav_btn { display: block; width: 1.4em; height: 1.4em; text-align: center; border:0.18em solid #ffffff;  position: absolute; top:0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
a.gallery_nav_btn span { position: relative; z-index: 4;
    -webkit-transition: left 0.3s ease-in-out, right 0.3s ease-in-out;
    -moz-transition: left 0.3s ease-in-out, right 0.3s ease-in-out;
    -o-transition: left 0.3s ease-in-out, right 0.3s ease-in-out;
    transition: left 0.3s ease-in-out, right 0.3s ease-in-out;
}
a.gallery_nav_btn, a.gallery_nav_btn:link, a.gallery_nav_btn:visited, a.gallery_nav_btn:hover { font-family:'fontawesomeregular'; font-size: 1.7em; line-height: 1.4em; color: #ffffff; z-index: 10; text-decoration: none; padding: 0; 
    -webkit-transition: text-shadow 0.3s ease-in-out;
    -moz-transition: text-shadow 0.3s ease-in-out;
    -o-transition: text-shadow 0.3s ease-in-out;
    transition: text-shadow 0.3s ease-in-out;
}
a.gallery_nav_btn_prev { left: 0em;
    -webkit-border-top-left-radius: 50%;
    -webkit-border-bottom-left-radius: 50%;
    -moz-border-radius-topleft: 50%;
    -moz-border-radius-bottomleft: 50%;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
}
a.gallery_nav_btn_next { left: auto; right: 0em; 
    -webkit-border-top-right-radius: 50%;
    -webkit-border-bottom-right-radius: 50%;
    -moz-border-radius-topright: 50%;
    -moz-border-radius-bottomright: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
}
a.gallery_nav_btn_prev span { left: -0.05em; }
a.gallery_nav_btn_next span { right: -0.05em; }
a.gallery_nav_btn_prev:hover span { left: -0.15em; }
a.gallery_nav_btn_next:hover span { right: -0.15em; }

a.gallery_nav_btn .block_back { z-index: 1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.gallery_slide_left2act { left:-60%; z-index:20; }
.gallery_slide_rght2act { left:60%; z-index:20; }
.gallery_slide_act2left { left:-40%; z-index:20; }
.gallery_slide_act2rght { left:40%; z-index:20; }

.gallery_slide_move2left { left:60%; z-index:20; 
    -webkit-transition: opacity 0s ease-in-out, left 0s ease-in;
	-moz-transition: opacity 0s ease-in-out, left 0s ease-in;
	-o-transition: opacity 0s ease-in-out, left 0s ease-in;
	transition: opacity 0s ease-in-out, left 0s ease-in;
}
.gallery_slide_move2rght { left:-60%; z-index:20; 
    -webkit-transition: opacity 0s ease-in-out, left 0s ease-in;
	-moz-transition: opacity 0s ease-in-out, left 0s ease-in;
	-o-transition: opacity 0s ease-in-out, left 0s ease-in;
	transition: opacity 0s ease-in-out, left 0s ease-in;
}

.gallery_slide_act.gallery_slide_move2left, .gallery_slide_act.gallery_slide_move2rght
{
    left:0%; z-index:30;
    -webkit-transition: opacity 0.6s ease-in-out, left 0.6s ease-in;
	-moz-transition: opacity 0.6s ease-in-out, left 0.6s ease-in;
	-o-transition: opacity 0.6s ease-in-out, left 0.6s ease-in;
	transition: opacity 0.6s ease-in-out, left 0.6s ease-in;
}

.gallery_loading { position: absolute; left: 50%; top:45%; width: 1em; height: 1em; margin-left: -0.5em; margin-top: -0.35em; font-size:3em; display: block; 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}


.title_wrap h1 { float: left; margin-right: 2em; width:70%; }
.title_cat_wrap { float: right; font-size: 0.65em; position: relative; top:0.7em; min-width: 10%; text-align: right; }
.title_cat_sep { padding: 0 1em; }

.what_we_do_block { padding-top: 2em; font-size: 0.9em; }

.what_we_do_long_list .what_we_do_block1, .what_we_do_long_list .what_we_do_block2 { width: 47%; float: left; }
.what_we_do_long_list .what_we_do_block2 { float: right; }
.what_we_do_item { position: relative; padding-left: 2em; line-height: 1.2; margin-bottom: 1em; font-size: 0.9em; }
.what_we_do_item span { position: absolute; left: 0; top: 0; font-family:'fontawesomeregular'; font-size: 1em; line-height: 1.5; }
.gallery_poster { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;

    -webkit-transition: opacity 0.3s ease-in;
	-moz-transition: opacity 0.3s ease-in;
	-o-transition: opacity 0.3s ease-in;
	transition: opacity 0.3s ease-in;
}
.play_video_button { width: 3em; height: 3em; left: 50%; top: 45%; margin-left: -1.5em; margin-top: -1.5em; position: absolute; z-index: 35; border: 0.4em solid #ffffff; text-align: center; 
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.play_video_button .block_back { 
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.play_video_button span { position: relative;  font-family:'fontawesomeregular'; font-size: 2.2em; line-height: 1.4em; color: #ffffff; z-index: 10; left: 0.05em; 
    -webkit-transition: left 0.3s ease-in;
	-moz-transition: left 0.3s ease-in;
	-o-transition: left 0.3s ease-in;
	transition: left 0.3s ease-in;
}
.play_video_button:hover span { left: 0.1em; }
.what_we_do_block h2 { text-transform: uppercase; font-weight: normal; font-size: 1.3em; line-height: 1.4; margin-bottom: 1em; padding-left: 1.3em;  font-family:'calibribold', Arial, Helvetica, sans-serif; }
.title_wrap { margin-bottom: 1.4em; }
.title_wrap h1 { margin-bottom: 0; }

.remove_poster { display: none; }
.hide_poster { 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
    filter: alpha(opacity=00);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}
.gallery_slide iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }



#video_pop .play_video_button { top: 60%; border: none; }
#video_pop .play_video_button span { left: 0; }
#video_pop .play_video_button span, #video_pop .play_video_button:link span, #video_pop .play_video_button:visited span, #video_pop .play_video_button:hover span { 
    -webkit-transition: text-shadow 0.3s ease-in-out;
    -moz-transition: text-shadow 0.3s ease-in-out;
    -o-transition: text-shadow 0.3s ease-in-out;
    transition: text-shadow 0.3s ease-in-out;

    text-shadow: 0px 0px 6px rgba(255, 255, 255, 0);
}
#video_pop .play_video_button:hover span { text-shadow: 0px 0px 6px rgba(255, 255, 255, 0.7); }



@media screen and (max-width:1800px)
{
    body { font-size: 1.3em; }
}

@media screen and (max-width:1550px)
{
    body { font-size: 1.2em; }
}


@media screen and (max-width:1250px)
{
    .header_logo_block { width: 21.2em; }
    #header { max-width: 16em; }
    .page_content { margin-left: 18em; }
}

@media screen and (max-width:1100px)
{
    body { font-size: 1.1em; }
    #header { max-width: 12em; }
    .page_content { margin-left: 14em; }
}

@media screen and (max-width:1180px)
{
    .what_we_do_long_list .what_we_do_block1, .what_we_do_long_list .what_we_do_block2 { width: 100%; float: none; }
}

@media screen and (max-width:900px)
{
    body { font-size: 1em; }
    #header { max-width: 11em; }
    .page_content { margin-left: 13em; }
}

@media screen and (max-width:750px)
{
    body { font-size: 1.2em; }
    #header { max-width: none; width: 100%; margin-bottom: 1em; }
    .page_content { margin-left: 0; float: none; clear: both; }
    .home_page .content_title_block, .content_no_title { display: none; }
    .header_logo_block { width: 100%; }

    .conus_vision_logo_wrap { padding-left: 1.7em; }

    .menu_items { overflow: hidden; max-height: 0; position: relative; 
        -webkit-transition: max-height 0.6s ease-in-out, padding 0.6s ease-in-out, margin-top 0.6s ease-in-out;
        -moz-transition: max-height 0.6s ease-in-out, padding 0.6s ease-in-out, margin-top 0.6s ease-in-out;
        -o-transition: max-height 0.6s ease-in-out, padding 0.6s ease-in-out, margin-top 0.6s ease-in-out;
        transition: max-height 0.6s ease-in-out, padding 0.6s ease-in-out, margin-top 0.6s ease-in-out;
    }
    a.mob_nav_button_a { display: block; }
    .nav_block { padding-top: 0; padding-bottom: 0; }

    .header_logo_block { margin-bottom: 0.4em; }

    .menu_act .menu_items { max-height: 50em; padding-top: 1em; padding-bottom: 2em; margin-top: 1em; }

    .nav_block .mob_nav_button_inner { display: none; }

    .portfolio_nav { position: relative; top: -1em; margin: 0 auto; display: inline-block; left: 50%; margin-left:-2.2em; }
}
 
@media screen and (max-width:580px)
{
    body { font-size: 1.1em; }
    
    .header_logo_block a.mob_nav_button_a { display: none; }
    .nav_block .mob_nav_button_inner { display: block; position: relative; }
    .mob_nav_line { max-width: 2em;}
    .mob_nav_sub_button_a { position: relative; top: 0; left: 0; right: 0; }
    .nav_block { position: relative; }
    .menu_act .menu_items { padding-top: 0; margin-top: -1em; }

    .block_cnt { padding-left: 1.3em; padding-right: 1.3em; }
    .conus_vision_logo_wrap { padding-left: 1.3em; }

    a.gallery_nav_btn_prev { display: none; }
    a.gallery_nav_btn_next { right: 0.4em; }

    .title_wrap h1 { margin-right: 0; width: 100%; float: none; }
    .title_cat_wrap { float: none; width: 100%; text-align: left; }
}

@media screen and (max-width:450px)
{
    .contact_photo_wrap { width: 25%; }
    .contact_photo_info { width: 65%; }

    .form_inp_line50 .form_inp_line1, .form_inp_line50 .form_inp_line2 { width: 100%; float: none; clear: both; }
    .form_inp_line50 .form_inp_line1 { margin-bottom: 0.5em; }
    .form_inp_line50 input { padding-left: 3%; padding-right: 3%; width: 94%; }
}

@media screen and (max-width:430px)
{
    a.conus_vision_logo { font-size: 1.4em; }
    
}

@media screen and (max-width:400px)
{
    a.conus_vision_logo { font-size: 1.3em; }
    a.play_video_btn span { padding-right: 0.1em; }
}

@media screen and (max-width:370px)
{
    a.conus_vision_logo { font-size: 1.2em; }
}

@media screen and (max-width:350px)
{
    body { font-size: 1em; }
}

@media screen and (max-width:320px)
{
    body { font-size: 0.9em; }

    .contact_photo_wrap { width: 92%; margin-right: 5%; margin-left: 4%; float: none; margin-bottom: 1em; }
    .contact_photo_info { width: 100%; float: none; font-size: 1.1em; }

    #form_contacts { font-size: 1.2em; }
}

@media screen and (max-width:290px)
{
    body { font-size: 0.8em; }

    #form_contacts { font-size: 1.3em; }
}

@media screen and (max-width:260px)
{
    body { font-size: 0.75em; }
    #form_contacts { font-size: 1.4em; }
}
