@charset "UTF-8";
/* CSS Document */

/******************* Container *******************/

/*.container {width: 1170px;}*/

/******************* Container *******************/

/******************* Global *******************/
* {-webkit-text-size-adjust:none; -webkit-font-smoothing: antialiased;}

html { margin:0; padding:0; border:0; }

body {
  font-family: 'Open Sans', sans-serif;
  /*min-width: 1170px;*/
  color: #000;
  font-size: 16px;
}

a, a:hover, a:active, a:link, a:focus{ text-decoration:none; outline: 0; cursor:pointer;}

:focus { outline:none; }

table { border-collapse:collapse; border-spacing: 0; }

th, td { text-align: left; vertical-align: top; }

ol, ul { list-style: none; margin: 0; padding: 0; }

a { color: #000; text-decoration: none;
    -webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    transition: color .3s linear;}

a:focus { text-decoration: none; }

a:hover { color: #aaa; text-decoration: none;}

section.layout {padding: 60px 0;}

h1, h2, h3 {font-family: 'Titillium Web', sans-serif;}

.bx-wrapper {margin: 0 auto;}
.bx-wrapper .bx-viewport {border: none; box-shadow: none; background-color: transparent; left: auto;}


.blue_btn {text-align: center; margin: 30px 0; text-transform: uppercase;}
.blue_btn a {display: inline-block; height: 40px; line-height: 40px; padding: 0 40px; background-color: #0071bb; color: #fff; border-radius: 20px;}
.blue_btn a:hover {background-color: #ccc;}

/******************* Global *******************/


/******************* Header *******************/
header .container {height: 120px;}
header #logo {height: 80px; display: block; background-repeat: no-repeat; background-position: left center; background-size: contain; margin: 20px 0; }

header #function_icons {text-align: right;}
header #function_icons .icon {height: 24px; width: 24px; line-height: 24px; font-size: 0.75em;}

/******************* Header *******************/


/******************* Menu *******************/
nav#menu #menu_btn{ display: none;}

nav#menu {margin-top: 60px;}
nav#menu ul {text-align: right; text-transform: uppercase;}
nav#menu ul > li {display: inline-block; padding: 0 20px;}
nav#menu ul > li > a {display: block; height: 30px; line-height: 30px;  font-size: 1em; color: #979fb3;}

nav#menu ul > li.current-menu-item > a, nav#menu ul > li > a:hover {color: #000; border-bottom:  solid 3px #20409a;}

nav#menu ul > li.menu_brands, nav#menu ul > li.menu_solutions { position: relative;}
nav#menu ul > li.menu_brands:after, nav#menu ul > li.menu_solutions:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    right: 10px;
    box-sizing: border-box;
    border: 3px solid black;
    border-color:  #20409a #20409a transparent transparent;

}

section#sub_menu {background-color: rgba(14,20,38,0.6); padding: 30px; position: absolute; width: 100%; z-index: 150; top: 130px;}
section#sub_menu .header {height: 60px; text-align: right; border-right: solid 1px #20409a;}
section#sub_menu .header h2 {color: #fff; margin: 0; text-transform: uppercase; font-size: 1.5em;}
section#sub_menu ul > li {display: inline-block; padding: 0 15px; margin-bottom: 15px;}
section#sub_menu ul > li > a {color: #fff; text-transform: uppercase; font-size: 1em;}
/******************* Menu *******************/


/******************* Footer *******************/
section#foot_contact {background-color: #1a233b; min-height: 80px;}
section#foot_contact .blue_btn {text-align: right; margin: 20px 0;}

section#foot_contact #contact_bar {height: 80px;}
section#foot_contact #contact_bar:before {content: ''; height: 100%; width: 0; font-size: 0; display: inline-block; vertical-align: middle;}
section#foot_contact .contact_field {display: inline-block;vertical-align: middle;}
section#foot_contact .contact_field .fa-stack {color: #20409a; vertical-align: middle;}
section#foot_contact .contact_field .content {display: inline-block; vertical-align: middle;}
section#foot_contact .contact_field .content h4 {text-transform: uppercase; color: #979fb3; font-size: 0.75em; margin: 0;}
section#foot_contact .contact_field .content span {color: #fff;}

section#foot_contact .contact_field:before {content: ''; height: 100%; width: 0; font-size: 0; display: inline-block; vertical-align: middle;}


footer {background-color: #0e1426; padding: 60px 0;}

footer #footer_logo a {height: 80px; display: block; background-repeat: no-repeat; background-position: left center; background-size: contain; margin: 20px 0; }
footer > .container { position: relative;}

#footer_menu {padding: 0;}
#footer_menu ul.f_menu > li { margin-bottom: 30px;}
#footer_menu ul.f_menu > li > a {color: #fff; font-size: 1.125em; text-transform: uppercase; border-bottom: solid 1px #1a233b; padding-bottom: 10px; display: block; font-family: "Titillium Web", sans-serif;
font-weight: 400;}
#footer_menu ul.f_menu > li > ul {margin: 10px 0;}
/*#footer_menu ul.f_menu > li > ul > li {height: 20px; line-height: 20px; font-size: 0.875em;}
*/#footer_menu ul.f_menu > li > ul > li > a {color: #979fb3;}
#footer_menu ul.f_menu > li > ul > li > a:hover {color: #ccc;}
/*#footer_menu ul.f_menu > li > ul > li:before{
    content: "•";
    padding-right: 5px;
    color: #20409a;
    float: left;
} */


#footer_menu ul.f_menu > li > ul > li {line-height: 20px; font-size: 0.875em; padding-left: 10px; position: relative; }
#footer_menu ul.f_menu > li > ul > li:before{
    content: "•";
    color: #20409a;
    position: absolute;
    left: 0;
}


#copyright {min-height: 60px; background-color: #979fb3; color: #1a233b; font-size: 0.75em; text-transform: uppercase; text-align: center; line-height: 20px; padding: 20px 0;}


#back_to_top {color: #0071bb; font-size: 0.875em; text-transform: uppercase; position: absolute; right: 15px; bottom: 0;}

/******************* Footer *******************/


/******************* Pages *******************/
section#page_banner {position: relative; background-repeat: no-repeat; background-position: center; background-size: cover;  background-color: #0e1426; margin-bottom: 30px; }
section#page_banner:before {content: ''; height: 10px; position: absolute; top: 0; width: 100%; background-color: rgba(32,64,154,0.6); z-index: 99}
section#page_banner:after {content: ''; height: 10px; position: absolute; bottom: 0; width: 100%; background-color: rgba(255,255,255,0.4); z-index: 99}
section#page_banner > .container {height: 300px; position: relative;}
section#page_banner h1 {font-size: 3em; color: #fff; text-transform: uppercase; position: absolute; bottom: 60px; margin: 0; left: 15px;}
/******************* Pages *******************/


/******************* Paging *******************/
.paging_row {margin: 30px 0;}
.post-nav {text-align: center;color: #fff;}
.page-numbers {height: 32px; line-height: 32px; width: 32px; display: inline-block; color: #0071bb;}
.post-nav a.next, .post-nav a.prev {background-color: #0071bb; color: #fff;}
.post-nav a {color: #0071bb;}
.post-nav a:hover {background-color:  #20409a; color: #fff; }
.post-nav .current {background-color:  #20409a; color: #fff;}
/******************* Paging *******************/


/******************* Home *******************/
section#main_banner #slider {background-color: #0e1426; position: relative;}
section#main_banner #slider:before {content: ''; height: 10px; position: absolute; top: 0; width: 100%; background-color: rgba(32,64,154,0.6); z-index: 99}
section#main_banner #slider:after {content: ''; height: 10px; position: absolute; bottom: 0; width: 100%; background-color: rgba(255,255,255,0.4); z-index: 99}
section#main_banner .metaslider .flexslider {margin: 0;}
section#main_banner {overflow: hidden; position: relative;}
section#main_banner .metaslider img{ height: 500px !important;}

section#main_banner #slider_bottom {height: 60px;
background: rgba(247,247,247,0);
background: -moz-linear-gradient(left, rgba(247,247,247,0) 0%, rgba(247,247,247,1) 25%, rgba(247,247,247,1) 75%, rgba(247,247,247,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(247,247,247,0)), color-stop(25%, rgba(247,247,247,1)), color-stop(75%, rgba(247,247,247,1)), color-stop(100%, rgba(247,247,247,0)));
background: -webkit-linear-gradient(left, rgba(247,247,247,0) 0%, rgba(247,247,247,1) 25%, rgba(247,247,247,1) 75%, rgba(247,247,247,0) 100%);
background: -o-linear-gradient(left, rgba(247,247,247,0) 0%, rgba(247,247,247,1) 25%, rgba(247,247,247,1) 75%, rgba(247,247,247,0) 100%);
background: -ms-linear-gradient(left, rgba(247,247,247,0) 0%, rgba(247,247,247,1) 25%, rgba(247,247,247,1) 75%, rgba(247,247,247,0) 100%);
background: linear-gradient(to right, rgba(247,247,247,0) 0%, rgba(247,247,247,1) 25%, rgba(247,247,247,1) 75%, rgba(247,247,247,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f7f7f7', GradientType=1 );
}

section#main_banner .flexslider .flex-control-paging li a, section#main_banner .flexslider .flex-control-paging li a:hover {height: 4px;}

section#main_banner #slider {text-transform: uppercase;}
section#main_banner #slider .content a {display: inline-block; height: 40px; line-height: 40px; padding: 0 40px; background-color: #0071bb; color: #fff; border-radius: 20px;} 
section#main_banner #slider .content a:hover {background-color: #ccc;}


section#home_about p {font-size: 0.875em; color: #666; padding: 0 150px; line-height: 30px; }

section#home_about .blue_btn {text-align: center; margin: 30px 0; text-transform: uppercase;}


section#home_about h1 {font-size: 2.25em; font-weight: 300; text-transform: uppercase; margin: 0 0 30px;}
section#home_about h2 {font-size: 1.5em; font-weight: 600; text-transform: uppercase; margin: 0 0 30px;}


section#home_solution .solution_item {height: 320px; background-position: center; background-repeat: no-repeat; background-size: cover; display: block; position: relative;}


section#home_solution {background-color: #f5f5f5;}
section#home_solution h1 {font-size: 2.25em; font-weight: 300; text-transform: uppercase; margin: 0 0 50px; text-align: center;}

section#home_solution .solution_item:before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%;
background: rgba(0,0,0,0);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.75)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}

section#home_solution .solution_item:after {content: ''; position: absolute; left: 0; top: 0; border: solid 10px rgba(255,255,255,0.5); width: 100%; height: 100%; }

section#home_solution .solution_item h2 {background: url('../png/solution_title_ico.png') no-repeat left center; background-size: 55px;  position: absolute; line-height: 26px; font-size: 1.5em; color: #fff; text-transform: uppercase; padding-left: 70px; bottom: 20px; left: 25px;}



section#home_brands_news h1 {font-size: 2.25em; font-weight: 300; text-transform: uppercase; margin: 0 0 60px; text-align: center;}
section#home_brands_news .brand_slider li .brand {height: 160px; background-position: center; background-repeat: no-repeat; background-size: 70%; position: relative; display: block;}

section#home_brands_news .brand_slider li .brand:after {content: ''; position: absolute; left: 0; top: 0; border: solid 10px #f5f5f5; width: 100%; height: 100%; }

section#home_brands_news .bx-wrapper .bx-pager.bx-default-pager a {background: #979fb3; width: 12px; height: 12px; border: solid 2px #fff;}
section#home_brands_news .bx-wrapper .bx-pager.bx-default-pager a.active {background: #20409a; border-color: #20409a;}

section#home_brands_news .bx-wrapper .bx-pager, section#home_brands_news .bx-wrapper .bx-controls-auto {bottom: auto;}



section#home_brands_news #news h2 {color:#0071bb; text-transform: uppercase; font-size: 1.125em; margin: 0 0 20px;}
section#home_brands_news #news summary {color: #666; font-size: 0.875em;}
section#home_brands_news .blue_btn {text-align: right; margin: 30px 0; text-transform: uppercase;}

/******************* Home *******************/



/******************* Company *******************/
section#company h4 {font-size: 1.125em; color: #999; margin: 0 0 60px; line-height: 30px;}
section#company p {font-size: 0.875em; color: #666; line-height: 24px;}
section#company img {margin-bottom: 20px;}
section#company blockquote {border-left: none; margin: 20px 0; font-size: 1em;}

section#company blockquote:before {
    content: "\f10d";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #ccc;
    font-size: 2.25em;
    padding-right: 0.5em;
}
section#company blockquote:after {
    content: "\f10e";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #ccc;
    font-size: 2.25em;
    padding-left: 0.5em;
}
section#company blockquote p {display: inline; font-size: 2.25em; text-transform: uppercase; color: #000; }
/******************* Company *******************/



/******************* Brands *******************/
section#brands .brand_header {background: url('../jpg/brand_header.jpg') no-repeat right center; background-size: cover; height: 260px; position: relative; margin-bottom: 30px;}

section#brands .brand_header:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 46%, rgba(255,255,255,0) 80%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(46%, rgba(255,255,255,1)), color-stop(80%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 46%, rgba(255,255,255,0) 80%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 46%, rgba(255,255,255,0) 80%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 46%, rgba(255,255,255,0) 80%, rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 46%, rgba(255,255,255,0) 80%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}


section#brands .brand_header .brand_logo {height: 100%; width: 45%; position: absolute; left: 0; top: 0; text-align: center;}
section#brands .brand_header .brand_logo:before {content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle;}
section#brands .brand_header .brand_logo img {max-height: 60%; max-width: 60%; height: auto; width: auto; vertical-align: middle;}

section#brands .brand_description p {color: #666; font-size: 0.875em; line-height: 24px; margin-bottom: 20px;}
section#brands .brand_description img {max-width: 100%; height: auto; width: auto; }

section#brands .brand_website span {color: #999; font-size: 0.75em;}
section#brands .brand_website a {font-size: 0.875em; color: #0071bb;}
section#brands .brand_website a:after {
    content: "\f08e";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #999;
    padding-left: 0.5em;
}


section#brands #brand_list h3 {background-color: #979fb3; height: 46px; line-height: 46px; border-radius: 10px; color: #fff; text-align: center; font-size: 1.5em; text-transform: uppercase; margin: 0; font-weight: 600;}

section#brands #brand_list ul li {padding: 15px; line-height: 20px; border-bottom: solid 2px #f0f0f0; text-align: center;}
section#brands #brand_list ul li a {text-align: center; text-transform: uppercase; color: #0071bb;}
section#brands #brand_list ul li a:hover, section#brands #brand_list ul li.active a {color: #000;}
/******************* Brands *******************/


/******************* Solutions *******************/
section#solution .row {margin-bottom: 60px;}

section#solution .solution_header h2 {font-size: 2.25em; color: #000; text-transform: uppercase; margin: 0 0 30px;}
section#solution .editor_content h4 {font-size: 1.125em; color: #999; margin: 0 0 30px; line-height: 30px;}
section#solution .editor_content p {font-size: 0.875em; color: #666; line-height: 24px;}
section#solution .solution_img {text-align: center;}
section#solution .solution_img img {max-width: 100%; width: auto; height: auto;}


section#solution .editor_content ul {margin: 10px;}
section#solution .editor_content ul > li {line-height: 24px; font-size: 0.875em; padding-left: 15px; position: relative; color: #666;}
section#solution .editor_content ul > li:before{
    content: "•";
    color: #20409a;
    position: absolute;
    left: 0;
}
/******************* Solutions *******************/


/******************* News *******************/
section#news #news_filter ul {text-align: center;}
section#news #news_filter ul li {display: inline-block; margin: 0 15px;}
section#news #news_filter ul li a {height: 30px; display: block; padding: 0 18px; line-height: 26px; font-size: 0.875em; color: #fff; border-radius: 15px; background-color: #0071bb; text-transform: uppercase; border: solid 2px #0071bb;}

section#news #news_filter ul li a:hover, section#news #news_filter ul li.current-cat a {background-color: #fff; color: #0071bb;}

section#news .news_item {padding: 60px 0; border-bottom: solid 1px #e6e6e6;}

section#news .news_item .date_box:before {content: ''; display: block; padding-top: 100%;}
section#news .news_item .date_box .date_circle {position: absolute; top: 0; left: 15px; bottom: 0; right: 15px; background-color: #1a233b; border-radius: 500px; text-align: center;}

section#news .news_item .date_box .date_circle .date {color: #fff; font-size: 3.75em; line-height: 65px; margin-top: 30px; }
section#news .news_item .date_box .date_circle .month {color: #979fb3; font-size: 1.125em; font-weight: 600; text-transform: uppercase; line-height: 20px;}
section#news .news_item .date_box .date_circle .year {color: #979fb3; font-size: 0.875em; font-weight: 600;}


section#news .news_item .content h2 {color: #7383ab; font-size: 1.5em; margin: 0 0 30px; font-weight: 600; text-transform: uppercase;}
section#news .news_item .content p {font-size: 0.875em; color: #666;}
section#news .news_item .content img {max-width: 100%; width: auto; height: auto;}
section#news .news_item .content ul {margin: 10px;}
section#news .news_item .content ul > li {line-height: 24px; font-size: 0.875em; padding-left: 15px; position: relative; color: #666;}
section#news .news_item .content ul > li:before{
    content: "•";
    color: #20409a;
    position: absolute;
    left: 0;
}
/******************* News *******************/


/******************* Contact *******************/
section#contact .contact_desc h4 {font-size: 1.125em; color: #999; margin: 0 0 30px; line-height: 30px;}
section#contact  h2 {font-size: 2.25em; color: #000; text-align: center; text-transform: uppercase; font-weight: 300; margin: 30px 0;}

section#contact .department_item, section#contact .site_item  {margin-bottom: 30px;}
section#contact .contact_info h3 {font-size: 1.5em; color: #7383ab; margin: 0 0 20px; text-transform: uppercase; font-weight: 600;}

section#contact .contact_field {font-size: 0.875em; color: #666;}
section#contact .contact_field span {display: inline-block; width: 130px; color: #999;}
section#contact .contact_field a {color: #666;}

section#contact .line {border-top:  solid #e6e6e6 1px; margin-bottom: 30px;}


section#contact .enq_frm > p {font-size: 0.875em; color: #666;}


section#contact .enq_frm .acf-fields > .acf-field {border-top: none; padding: 15px 0;}
section#contact .enq_frm .acf-field .acf-label label {text-transform: uppercase; font-size: 0.875em;}


.acf-field input[type="text"], .acf-field input[type="email"], .acf-field textarea {border: solid 1px #e6e6e6; border-radius: 8px; min-height: 40px;}

section#contact .enq_frm .acf-form-submit {text-align: right;}
section#contact .enq_frm .acf-form-submit input[type="submit"] {text-transform: uppercase; height: 40px; line-height: 40px; padding: 0 40px; background-color: #0071bb; color: #fff; border-radius: 20px; box-shadow: none; border: none;}




section#contact_map .acf-map {height: 500px;}