/*
Theme Name: GCOOS
Theme URI: https://wordpress.org/themes/twentytwelve/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: gcoos

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

body{ padding:0; margin:0; font-family: 'DIN'; font-weight: 500; padding-top:96px;
font-size:15px; color:#262626; letter-spacing:0.30px;  }


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

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

@font-face {
    font-family: 'DIN';
    src: url('../fonts/DIN-Medium.eot');
    src: url('../fonts/DIN-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DIN-Medium.woff2') format('woff2'),
        url('../fonts/DIN-Medium.woff') format('woff'),
        url('../fonts/DIN-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
*{-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  -o-box-sizing: border-box;  box-sizing: border-box;}
img{ max-width:100%;}
/* =============================================================================
   Scroll to Top
* ============================================================================= */
#return-to-top { position: fixed; bottom: 5px; right: 5px;  background: rgba(0, 0, 0, 0.7); width: 35px; height: 35px;    display: block; text-decoration: none; /*border-radius:100%;*/ font-family: 'DIN'; font-weight: bold; display: none; transition: all 0.3s ease; color: #FFF; font-size:16px; z-index:99;}
#return-to-top:hover { background: rgba(0, 0, 0, 0.9);}
#return-to-top span { font-size:19px; text-align: center; display: block; line-height:40px;}

/* Header CSS Starts ======================= */
.header-main{ background:#fff; z-index:999; position:fixed; width:100%; left:0; top:0; padding:10px; text-align:right; border-bottom:1px solid #e9e9e9;}
.logo{ position:relative; display:inline-block; vertical-align:top; margin:10px 10px 0; z-index:4; float:left;}
.logo a {display: inline-block;}
.header_right{ display:inline-block; vertical-align:top;}
.header_right ul{display:inline-block; vertical-align:top; margin:18px 0 0; padding:0;}
.header_right ul li{ position:relative; list-style-type:none; float:left; width:40px; height:40px; margin-left:10px; background:#fff; border-radius:50%; border:1px solid #f1f1f1; text-align:center; }
.header_right ul li:hover { border:1px solid #222222;}
.header_right ul li img{ margin-top:10px; opacity:0.52;}
.header_right ul li:hover img{opacity:1;}
.header_right ul li a{ display:block; height:100%;}
.form-search{ display:none; padding:3px !important; background:#fafafa; border:1px solid #ccc !important; position:absolute; right:0; width:300px; z-index:9999; top:50px;
 }
.header_right .searchform { border: 0px solid #e0e0e0;    border-radius: 0;    box-shadow: 0 0 6px rgba(28, 28, 28, 0.0) inset;   margin: 0px 0;}
.form-search .search-box{width:75%; font-size:16px; color:#000; ont-size:14px;  border:none; height:30px; padding:5px 10px; }
.form-search .search-img{ letter-spacing: 0.3px; color:#fff; font-size:14px;  font-family: 'DIN'; font-weight: bold;  font-style: normal; line-height:1em; height:30px; float:right; background:#00a1cb; text-transform:uppercase; padding:5px 5px; width:25%; letter-spacing:0.2px; float:right;border:none; cursor:pointer;  -webkit-appearance: none; border-radius:0;}
.form-search .search-img:hover{ opacity:0.85; }
input[type=search] { -webkit-appearance: none; }

.container {
  margin: 0 auto;
  max-width: 1340px;
  padding: 0 10px;
}
/* Footer CSS Starts ======================= */
.footer_main{ width:100%; float:left; background:#00a1cb; color:#fff;  font-family: 'DIN'; font-weight:500; font-size:15px; border-top:3px solid #f19611; margin-top:30px; overflow:hidden; }
.footer_inner{ border-top:3px solid #fff; position:relative;}
.footer_inner:before{ content:""; position:absolute; background:#093f61; width:100%; top:0; height:57px; left:0;}
	
.footer_col{}
.footer_col h5{ position:relative;  color:#fff;  font-family: 'DIN'; font-weight: bold;  font-style: normal;
font-size:16px; letter-spacing:0.45px; text-transform:uppercase; margin:0 0 20px; padding:20px 0; height:57px;  background:#093f61 ;
}
#.footer_col h5 b{ background:url(../images/title_Sep.png) no-repeat left bottom; position:absolute; bottom:-9px; left:5px; width:18px; height:18px;}
.footer_col h5:before{ content:""; position:absolute; height:100%; width:100%; background:#093f61; top:0; left:-100%; right:100%; }
.footer_col h5:after{ content:""; position:absolute; height:100%; width:100%; background:#093f61; top:0; left:100%; right:-100%;}
.footer_col h5 span{ display:block; width:100%; position:relative; z-index:99;}


.footer_col ul{ list-style-type:none; margin:0; padding:0; }
.footer_col ul li{ font-family: 'DIN'; font-weight:500; font-size:15px; letter-spacing:0.45px; margin-bottom:12px;  }
.footer_col ul li a{ color:#fff; text-decoration:none; }
.footer_col ul li a:hover,
.footer-nav ul li.current_page_item a{ color:#093f61;}


.col_contact{}
.col_contact ul li{ line-height:23px;}
#.location{ background:url(../images/location.png) no-repeat left 3px; padding-left:30px;}
#.email{ background:url(../images/email.png) no-repeat left 6px; padding-left:30px;}
#.fax{ background:url(../images/fax.png) no-repeat left 6px; padding-left:30px;}

.footer_middle{ background:#c8edf7; width:100%; float:left; padding:15px 0; margin:20px 0 0 0;}

.footer_logos{ display:inline-block; vertical-align:middle;}
#.footer_logos span{ display:inline-block; vertical-align:middle; padding:0 15px 0 10px; background:url(../images/logo_sep.gif) no-repeat right top; min-height:91px;}
.footer_logos span:last-child{ background-image:none;}
.footer_logos span:first-child { padding-left:0;}

.footer_social{ display:inline-block; vertical-align:middle; float:right; text-align:right; color:#093f61; letter-spacing:0.45px; text-transform:uppercase; font-size:16px;   font-family: 'DIN'; font-weight:bold; margin:35px 0 0 0; }
.footer_social span{ display:inline-block; vertical-align:middle; }
.footer_social .soacial{ display:inline-block; vertical-align:middle; }
.footer_social a{ margin-left:15px;}
.footer_social a:hover img{ opacity:0.9;}


.footer_last{ width:100%;float:left; text-align:center;  font-size:15px; letter-spacing:0.45px; font-family: 'DIN'; font-weight:500; font-size:15px; letter-spacing:0.45px; color:#fff; padding:25px 0 20px;}
.footer_last a{ color:#fff; text-decoration:none;}
.footer_last a:hover{ color:#fff; text-decoration:underline;} 
.inline{ display:inline-block; vertical-align:top; margin-bottom:5px;}
.bull{display:inline-block; vertical-align:middle; font-size:12px; margin:0 10px 0 13px;}

.btn-social {
    position: relative;
    opacity: 0.7;
    transition: 0.3s ease;
    cursor: pointer;
}

.btn-social:hover {
    opacity: 1;

    /** default is 1, scale it to 1.5 */
    transform: scale(1.1, 1.1);

    /** translate 50px from left, and 40px from top */
    /** transform: translate(50px, 40px); */

    /** combine both scale and translate */
    /** transform: scale(1.5, 1.5) translate(50px, 40px); */
}
/* Mobile  First Media */@media screen and (min-width: 1025px) {
.header_right{ float:right;}
/**/	

}
@media only screen and (min-width: 1025px) and (max-width: 1424px)  {
body {padding-top: 95px;}
.header_right ul li {margin-left: 5px;}
/**/	
}
@media only screen and (max-width: 1420px){
.header_right ul li{ margin-left:5px;}
.social_list{ display:none;}
/**/	
}

@media only screen and (max-width: 1024px){
.social_list{ display:inline-block;}
.menumn {display: inline;}
body{ padding-top:105px;}
/**/	
}
@media only screen and (max-width: 991px){
body{ padding-top: 95px;}
.footer_col{ padding-bottom:20px;}
.footer_middle{ text-align:center;}
.col_Resources{ clear:both;}
.footer_logos{ float:none;}
.footer_social{ float:none; margin-top:20px;}
/**/
}

@media only screen and (max-width: 767px){
.header-main { padding:5px 10px;}
.logo{ padding:0;}
body{ padding-top: 85px;}
.footer_logos span{ background-image:none;}
.box_detail { min-height: inherit;}
.location br{ display:none;}
.location br:first-child{ display:inline-block;}
.footer_logos span{ min-height:inherit;}
.footer_logos img{ max-height:60px;}
/**/
}

@media only screen and (max-width: 640px){
.header_right .social_list{ display:none;}
/**/
}

@media only screen and (max-width: 400px){
.logo{margin-left:0; margin-right:0;}
.logo img{ max-height:50px;}
.form-search{ right:-60px;}
.header_right ul{margin: 10px 0 0;}
.menutrigger{ top:5px;}
.logo a{ text-align:left;}
body{ padding-top: 75px;}
.footer_col.col-xs-6 { width:100%;}
.col_Resources li,
.col_Engaged li,
.col_info li{ width:50%; float:left;}

/**/	
}
.dygraph-legend { text-align: right; }