/*
Theme Name:Theme TCN
Theme URI: http://www.xhino.com/
Description: Full Screen Responsive Theme for WordPress is stylish, customizable, simple, and readable. Perfect for any creative, illustrator or graphic designer. 
Version: 2.0
Author: Xhino Tafa
Author URI: http://www.xhino.com/
Tags: 3 column theme, clean, portfolio
*/
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
.single_inside_content .aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    margin: 0;
    padding: 0 4px 5px;
}
/* Global */
body, div { margin: 0; padding: 0; }
body {font-size: 13px;font-family: 'Source Sans Pro',Helvetica,Arial,Sans-Serif;color: #333;line-height: 17px;/* background: #f7f7f7; *//* -webkit-background-size: cover; */-moz-background-size: cover;/* overflow: hidden; *//* overflow-y: scroll; */-o-background-size: cover;/* background-size: cover; */}
a { color: #000; text-decoration: none; }
h1,h2,h3,h4,h5,p { margin: 10px 0; }
.no_margin_top { margin-top: 0 !important; }
.margin_top_25 { margin-top: 25px; }
.margin_vert_20 { margin: 20px 0; }
.margin_vert_25 { margin: 25px 0; }
.padding_bottom_10 { padding-bottom: 10px !important; }
img {border: none;vertical-align: middle;}
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
sup { font-size: 11px; }
.line_height_22 { line-height: 22px !important; }
.font_10 { font-size: 10px !important; }
.font_11 { font-size: 11px; }
.font_14 { font-size: 14px; }
.font_17 { font-size: 17px; }
.font_18 { font-size: 18px; }
.font_28 { font-size: 28px; line-height: 30px; }
.font_42 { font-size: 42px; }
.font_normal { font-weight: normal; }
.float_none { float: none !important; }
.green_text { color: #005a4a; }
.purple_text { color: #76236d; }
#main_container {margin: 0 auto;width: 100%;}
::selection {background: #c9dee3;}
::-moz-selection {background: #c9dee3;}
 :focus { outline: none;}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}
/* Header */
#header {background-color: #fff;padding: 0;}
.top_line {border-top: 3px solid #005385;/* background-color: #fff; */padding: 27px 10px 22px 10px;background: linear-gradient(#0053854d 2%, #ffff0000,#ffff0000,#ffff0000,#ffff0000,#ffff0000,#ffff0000,#ffff0000,#ffff0000, #ffffff00);box-shadow: 0 1px 10px rgba(0, 0, 0, 0.20);}
#header_inside {width: 95%;margin: 0 auto;}
.open-menu { display: none; }
#mySidenav { display: none; }
.logo {float: left;margin-left: 15px;margin-top: 35px;width: 180px;} 
.header_social {float: right;margin-top: 8px;margin-right: 7px;border: 1px solid #e9e9e9;}
.header_social img {padding-left: 4px;width: 22px;opacity: 0.7;height: 25px;}
.header_social a {background: white;width: 30px;height: 30px;line-height: 30px;float: left;border-left: solid 1px #E9E9E9;}
.border-slogan {height: 25px;line-height: 25px;border: 2px solid #ce3539;float: left;margin-left: 10px;margin-top: 10px;}
.slogan {float: left;height: 47px;line-height: 47px;font-style: italic;font-size: 12pt;/* border-left: 3px solid red; */font-weight: 900;font-family: verdana, geneva;color: #005385;margin-left: 10px;}
.header-bottom {height: 47px; margin-top: 15px; background: #FFFFFF;}
.login {float: right;height: 25px;line-height: 25px;background: #005385;width: 60px;color: white;box-shadow: none;font-size: 0.85em;margin-top: 11px;margin-right: 12px;text-align: center;}
.sigup { background: #797979; }
.login a { color: white; }
/* Main Navigation */
#menu_container {float: right;margin-top: 40px;margin-right: 10px;position: relative;}
#menu_container ul {list-style-type: none;margin: 0;padding: 0;display: block;/* border: 1px solid #0066a4; *//* border-radius: 4px; */float: right;position: relative;}
#menu_container ul li {float: left;font-size: 13px;position: relative;padding: 10px 5px;text-transform: uppercase;}
#menu_container ul li a {color: #005385;font-weight: bold;text-decoration: none;font-family: arial,bold;}
#menu_container ul li.current-menu-item a,
#menu_container ul li.current_page_item a {color: #0066a4;}
#menu_container ul li:hover ul  {display: block;}
#menu_container ul.menu li a i{float:right;display:block;width: 10px;height:9px;margin: 5px 0 0 0px;background: url(./images/dark.png) no-repeat;}
#menu_container ul li ul {position: absolute;top: 38px;right: 0;width: 222px;z-index: 999999;display: none;border: 1px solid #f8f8f8;border-bottom: none;}
#menu_container ul li ul li {/* width: 250px; */float: none;padding: 0;font-size: 12px;border: none;margin: 0;}
#menu_container ul li ul li:first-child { padding-left: 0; }
#menu_container ul li ul li a,
#menu_container ul li.current-menu-item ul li a,
#menu_container ul li.current_page_item ul li a {/* background-color: #ffffff; */background: #ffffff;color: #005385;border-bottom: 1px solid #efefef;display: block;font-weight: normal;font-weight: 700;}
#menu_container ul li ul li:first-child a,
#menu_container ul li.current-menu-item ul li:first-child a, 
#menu_container ul li.current_page_item ul li:first-child a {/* border-top: none; */}
#menu_container ul li ul li a:hover {background-color: #fff;color: #0066a4;}
#menu_container li li {display: block;}
#menu_container a {padding: 20px 10px;}
#menu_container ul ul {right: -999px; padding: 0; position: absolute; top: 100%; z-index: 99999;}
#menu_container ul li.menu-item-has-children:before,
#menu_container ul li.menu-item-has-children:after,
#menu_container ul li.page_item_has_children:before,
#menu_container ul li.page_item_has_children:after {border-style: solid; border-width: 0 6px 6px; content: ""; display: none; height: 0; top: 33px; position: absolute; left: 40px; bottom: -1px; width: 0; z-index: 100000;}
#menu_container ul li.menu-item-has-children.focus:before,
#menu_container ul li.menu-item-has-children:hover:before,
#menu_container ul li.menu-item-has-children.focus:after,
#menu_container ul li.menu-item-has-children:hover:after,
#menu_container ul li.page_item_has_children.focus:before,
#menu_container ul li.page_item_has_children:hover:before,
#menu_container ul li.page_item_has_children.focus:after,
#menu_container ul li.page_item_has_children:hover:after {display: block;}
#menu_container ul li.menu-item-has-children:before, #menu_container ul li.page_item_has_children:before { border-color: transparent transparent #0066a4; bottom: 0; }
#menu_container ul li.menu-item-has-children:after, #menu_container ul li.page_item_has_children:after { border-color: transparent transparent #0066a4; }
#menu_container ul ul li:hover > ul, #menu_container ul ul li.focus > ul { left: 100%; right: auto; }
#menu_container ul ul a {padding: 12px 15px;width: 16em;}
#menu_container li li { -webkit-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; }
#menu_container ul ul ul {left: -999em;margin-top: -1px;top: 0;}
#menu_container ul ul li.menu-item-has-children.focus:before,
#menu_container ul ul li.menu-item-has-children:hover:before,
#menu_container ul ul li.menu-item-has-children.focus:after,
#menu_container ul ul li.menu-item-has-children:hover:after,
#menu_container ul ul li.page_item_has_children.focus:before,
#menu_container ul ul li.page_item_has_children:hover:before,
#menu_container ul ul li.page_item_has_children.focus:after,
#menu_container ul ul li.page_item_has_children:hover:after {display: none;}
.slider-home { position: relative; }
/* Search */
.site-header .site-navigation-fixed .menu-scroll-down {display: none;}
.search-form {float: right; border: 1px solid #e9e9e9; margin-top: 8px; margin-right: 8px;}
.search-field {background-color: #ffffff; background-image: url(images/search-icon.png); background-position: 5px center; background-repeat: no-repeat; /* background-size: 24px 24px; */ cursor: pointer; font-weight: bold; font-family: Tahoma; font-size: 14px; color: #999; border: 1px solid #ffffff; height: 30px; margin: 0; padding: 0 0 0 25px; position: relative; -webkit-transition: width 400ms ease, background 400ms ease; transition: width 400ms ease, background 400ms ease;} 
.search-field:focus {background-color: #ffffff; border: 1px solid #ffffff; cursor: text; outline: 0;}
.search-form
.search-submit {display:none;}
/* The dots/bullets/indicators */
.slide-left {top: 40%;padding: 30px 15px;border-radius: 0px 5px 5px 0px;cursor:pointer;color: #005385;font-size: 22px;font-weight: bolder;position: absolute;left: 0;background: #ffffff;}
.slide-right {top: 40%;padding: 30px 15px;border-radius: 5px 0px 0px 5px;right: 0;cursor:pointer;color: #005385;font-size: 22px;font-weight: bolder;position: absolute;background: #ffffff;}
.dot {cursor: pointer;height: 15px;width: 15px;margin: 0 2px;background-color: #fff;border: 1px solid #ffffff00;/* border-radius: 100%; */display: inline-block;transition: background-color 0.6s ease;}
.active, .dot:hover {background-color: #005385;border: 1px solid white;}
#cust-navigation182 {position: absolute;bottom: 10px;margin: 0 auto;width: 100%;text-align:center;}
/* Fading animation */
.fade {-webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s;}
.suport-content {width: 33.33333%;float: left;padding: 100px 0;background: #005385;}
.suport-content a {color: white; font-weight: 700;}
.suport-content span {color: white; font-size: 28px; height: 50px; margin-left: 10px; vertical-align: middle; line-height: 50px;}
.home_cont {text-align: center;/* padding: 140px 0; */clear: both;position: relative;}
.home_featured_cont {clear: both;}
.home_featured_box {width: 20%;/* height: 200px; */background: #f7f7f7;float: left;overflow: hidden;position: relative;}
.home_featured_box img {width: 100%;/* height: 166px; */}
.home_featured_title {position: absolute;left: 0;/* text-align: left; */bottom: 15px;width: 100%;padding: 5px 5px;font-size: 14px;color: #005385;font-weight: bold;text-decoration: none;background-color: #ffffffb0;}	
.related_box .home_featured_box { width: 330px; }
.related_box .home_featured_box img { width: 330px; }	
#content_cont {background-color: #fff;width: 1100px;margin: 0 auto;margin-top: 20px;border: 1px solid #e8e8e8;border-bottom: none;}
#content_cont .home_featured_box {/* margin-bottom: 25px; */}
h1.archive_title {padding: 10px 5px;font-size: 20px;text-align: center;color: white;background: #0066a4;font-weight: normal;margin: 0;}
.archive_nav { padding: 8px 10px; }
#left_cont {width: 100%;float: left;/* margin: 15px; */min-height: 400px;font-size: 14px;line-height: 22px;}
div#left_cont p { font-family: 'Heebo', sans-serif; font-size: 18px; }
div#left_cont a { color: #077abf; }
.single_inside_content li { font-family: 'Heebo', sans-serif; font-size: 18px; }
.single_inside_content {margin: 15px;padding-top: 15px;}
.single_inside_content img {margin-right: 35px;max-width: 100%;height: auto;}
.blog_box { padding-bottom: 10px; border-bottom: 1px dotted #000; margin-bottom: 10px; font-size: 14px; }
.blog_box p { line-height: 20px; }
.blog_box img { width: 660px; height: 420px; }
.blog_date { margin: 10px 0; background-color: #000; color: #fff; padding: 2px 10px 2px 10px; display: inline-block; font-size: 11px; }
.blog_box h3 a { display: inline-block; font-size: 17px; font-weight: bold; color: #333; background-color: #fff; padding: 5px 1px; }
.blog_nav { padding: 10px 0; }
.blog_nav a { display: block; background-color: #000; color: #fff; font-size: 15px; padding: 5px 10px; }
h1.single_title {margin: 15px;font-size: 23px;font-weight: 700;padding-bottom: 15px;border-bottom: 1px solid #969696;}
h3.you_may_like {margin: 25px 0 10px;background-color: #005385;color: #fff;font-size: 11px;font-weight: normal;clear: both;padding: 1px 7px;}
#commentform input[type=submit] { background-color: #161616; color: #fff; border: 1px solid #6E6E6E; padding: 3px 5px; }
/* Sidebar */
#sidebar { width: 265px; float: right; margin: 15px 15px 0 0; font-size: 13px; margin-top: 30px; }
.side_box { margin-bottom: 12px; padding-top: 12px; border-top: 1px dotted #ccc; }
h3.side_title { margin: 0 0 10px; font-size: 14px; font-weight: normal; text-transform: uppercase; }
.side_box ul { list-style-type: none; margin: 0; padding: 0; }
.side_box ul li { margin-bottom: 8px; }
.side_box a:hover { color: #666; }
.t1_search_cont { position: relative; width: 260px; }
.t1_search_cont input[type=text] { width: 240px; height: 17px; border: 1px solid #E5E5E5; padding: 3px 15px 3px 5px;  }
.t1_search_icon { position: absolute; top: 6px; right: 3px; }
	
/* Footer */
#footer {background-color: #fff;background-image: -ms-linear-gradient(top, #FFFFFF 0%, #e5e5e5 100%);background-image: -moz-linear-gradient(top, #FFFFFF 0%, #e5e5e5 100%);background-image: -o-linear-gradient(top, #FFFFFF 0%, #e5e5e5 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #e5e5e5));background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #e5e5e5 100%);background-image: linear-gradient(to bottom, #FFFFFF 0%, #e5e5e5 100%);color: #333;/* margin-top: 10px; */border-top: 3px solid #005385;}
#footer_inside {width: 95%;margin: 0 auto;display: block;position: relative;}
.footer_box_cont {width: 283px;float: left;padding-right: 20px;margin-right: 20px;border-right: 1px dotted #333;}
.footer_box { margin-bottom: 8px; }
h3.footer_title { margin: 0 0 10px; font-size: 14px; }
ul#footer-menu {list-style-type: none;text-align: center;float: left;display: block;width: 100%;padding: 0;/* background: #ffffff; */}
ul#footer-menu li {float: left;font-size: 13px;padding: 10px 5px;text-transform: uppercase;}
.footer_box ul { list-style-type: none; margin: 0; padding: 0; }
.footer_box ul li { margin-bottom: 6px; }
.footer_box ul li a { color: #b2b2b2; text-decoration: none; }
.footer_box_cont_last { margin-right: 0; border-right: none; padding-right: 0; }
ul.lang-inline {list-style: none;margin: 0 auto;text-align: center;padding: 0;height: 25px;}
ul.lang-inline li { /* float: left; */ margin: 0 auto; display: -webkit-inline-box; }
.TCN-TUV-logo-footer {float: right;margin-top: 25px;}
.logo-footer {float: left;margin-top: 25px;width: 180px;}
p.copyright {margin: 0;font-weight: bold;padding: 10px  0;clear: both;font-size: 8pt;color: #808080;font-family: verdana, geneva;text-align: center;}
p.copyright a { color: #808080; text-decoration: underline; }
label {cursor: pointer;}
.for {display: inline-block;position: relative; }
.for:after {background: #DDD; bottom: 150%; color: #222; font-family: sans-serif; font-size: 12px; opacity: 0; padding: .5em; pointer-events: none; position: absolute; right: 0; -webkit-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; white-space: nowrap;}
.for:hover:after {opacity: 1;}
.for.default-tab {color: #8AD;}
.for.ie8-and-below {color: #DA8;}
.for.default-tab:after {content: 'For default tab';}
.for.ie8-and-below:after {content: 'For IE8 and below';}
.tabs .tab > label {background: #ffffff;border-color: #005385;color: #005385;border-bottom: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-family: verdana, geneva;font-weight: 600 !important;}
.tabs .tab [type="radio"]:checked + .tab-label {background: #222; border-color: #444; color: #DDD;}
.tabs:after {clear: both; content: ''; display: table;}
.tabs .tab-label {background: #eee;border: 1px solid #fbfbfb;display: inline-block;font-size: 16px;padding: 10px 20px;position: relative;vertical-align: bottom;}
.tabs .tab > [type="radio"] {clip: rect(0 0 0 0);height: 1px;opacity: 0;position: fixed;width: 1px;z-index: -1;}
.tabs .tab-panel {display: inline-block;overflow: hidden;position: relative;height: 0;width: 0;}
.tabs .tab-content {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%;}
.tabs .tab [type="radio"]:checked + .tab-label {background: white; border-bottom-width: 0; padding-bottom: 11px; z-index: 1;}
.tabs .tab [type="radio"]:checked ~ .tab-panel {display: inline;}
.tabs {zoom: 0;background: #005385;}
/* IE8 and below */
.tabs .tab .tab-radio {filter: Alpha(opacity=0);position: absolute;z-index: -1;}
/* IE7 and IE6 */
.tabs .tab .tab-panel {display: none; height: auto; overflow: visible; position: static; width: auto;}
 /* IE7 and IE6 */
.tabs .tab-content {float: none; padding-bottom: 1px; padding-top: 10px; width: auto;}
/* IE8 and below */
.tabs .checked label {background: white; border-bottom-width: 0; padding-bottom: 11px; z-index: 1;}
/* IE8 */
.tabs .checked .tab-panel {display: inline;}
/* IE7 and IE6 */
.tabs .checked .tab-panel {display: inline; float: left; width: 100%;}
img.ico-box {float: left; width: 20%;}
.tab-box-content {float: right; width: 75%; font-size: 18px;}
/* Style tab links */
.tablink {background-color: #005385;color: white;float: left;border: none;text-align: left;outline: none;position: relative;cursor: pointer;padding: 10px;font-size: 18px;width: 25%;height: 220px;}
.tabcontent img {width: 100%;}
.tablink:hover {background-color: #005385f5;cursor:pointer;transition: background-color 0.6s ease;}
/* Style the tab content (and add height:100% for full page content) */
.tabcontent {color: #0066a3;display: none;padding: 0;/* height: 100%; */}
.tablink span {clear: both;float: left;text-align: left;font-size: 16px;padding: 15px 0 0;}
.tablink a {display: block;cursor:pointer;float: left;color: #fff900;font-size: 16px;clear: both;text-align: left;}
.title-box-head { font-size: 22px; color: white; }
.contact-address {
    float: left;
    width: 45%;
}

.contact-fotm {
    float: right;
    width: 45%;
}

.contact-fotm input {
    background: white;
    border: 1px solid #0066a3;
    height: 30px;
    padding: 5px 10px;
    font-size: 18px;
    line-height: 30px;

}

.contact-fotm textarea {
    background: white;
    padding: 15px 10px;
    height: 120px;
    font-size: 18px;
    width: 400px;
}



.contact-fotm .wpcf7-submit {
    background: #0066a3;
    color: white;
    width: 420px;
    height: 40px;
    cursor: pointer;
    line-height: 20px;
}

.aol-single-ad {
    width: 650px;
}

.form-group input {
    padding: 5px;
    border: 1px solid #005385;
    margin: 15px;
}

.form-group #Upload_CV {
    background: white;
    border: none;
    color: #005385;
}

input#aol_app_submit_button {
    background: #005385;
    border: none;
    padding: 10px 35px;
    color: white;
    cursor:pointer;
}


/* Tablet  */
@media screen and (max-width: 768px) {

#header_inside {
    width: 100%;

}
.top_line {
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.20);
}
.logo {
    float: none;
    margin: 25px auto;
    display: block;
}
.open-menu {
    float: left;
    color: #0066a4;
    background: #ffffff;
    padding: 2px 7px;
    height: 25px;
    position: absolute;
    line-height: 25px;
    display: block;
    margin-top: 15px;
    border: 1px solid #0066a347;
    margin-left: 15px;
    padding: 5px;
}
#mySidenav { display: block; }
.sidenav {height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: #ffffff; overflow-x: hidden; /* transition: 0.5s; */ padding-top: 60px;}
.login-mobile {width: 50%; float: left;}
.login-mobile {background: #0066a4;}
.sigup-mobile {background: #6e6e6e;}
.login-mobile a {color: #ffffff; text-align: center; padding: 8px 8px;}
.sigup-mobile a {color: #0066a4;}
input.search-submit-mobile {border: none; background: #0066a4; color: white; width: 40px; height: 40px; float: left; line-height: 40px; padding: 0; margin: 0;}
.sigup-mobile a {color: white;}
.search-field-mobile {background-color: #ffffff; background-image: url(images/search-icon.png); background-position: 5px center; background-repeat: no-repeat; cursor: pointer; font-weight: bold; font-family: Tahoma; float: left; font-size: 14px; color: #999; border: 1px solid #0066a4; height: 40px; margin: 0; padding: 0 0 0 20px; position: relative;}
.sidenav a {text-decoration: none; font-size: 25px; display: block; transition: 0.3s;}
.sidenav .closebtn {position: absolute; top: 0; width: 25px; height: 20px; padding: 10px; background: #0066a40d; text-align: center; right: 0; font-size: 36px;}
.sidenav {padding-top: 0;}
.sidenav a {font-size: 18px;}
.header_social-mobile {float: right;border-bottom: 1px solid #e9e9e9;border-top: 1px solid #e9e9e9;border-right: 1px solid #e9e9e9;margin-right: 10px;}
.header_social-mobile img {padding: 6px;width: 35px;height: 20px;}
.header_social-mobile a {width: 45px;float: left;border-left: 1px solid #E9E9E9;/* border-right: 1px solid #e9e9e9; */}
.header-bottom {margin-top: 0px;float: left;clear: both;width: 100%;height: 47px;}
.follow-us {float: left;font-weight: 700;height: 40px;line-height: 40px;margin-left: 10px;font-size: 18px;color: #0066a4;margin-bottom: 10px;}
#menu_container-mobile {
    list-style-type: none;
    float: left;
    width: 320px;
}

ul#main-menu {
    list-style-type: none;
    background: #ffffff;
    float: left;
    width: 320px;
    padding: 0;
    margin: 0;
}

nav#menu_container-mobile ul li {
    float: left;
    width: 320px;
}

nav#menu_container-mobile ul li a {
    float: left;
    padding: 20px 20px;
    border-bottom: 1px solid #fafafa;
    width: 300px;
}
nav#menu_container-mobile ul li ul  {
    float: left;
    list-style-type: none;
    background: #f2f7fa;
    color:red;
    margin: 0;
    padding: 0 15px;
    width:320px;
}
#menu_container-mobile ul li ul li ul li a  {
    background: #0066a412;
    width:300px;
    float:left;
}


nav#menu_container-mobile ul li ul a {color:#222;width: 320px;background: #f2f7fa;}

#menu_container-mobile ul li a i {
    position:absolute;
    right:18px;
    display: block;
    width: 10px;
    height: 9px;
    margin: 5px 0 0 0px;
    background: url(./images/dark.png) no-repeat;
}
nav#menu_container {
    display: none;
}
.search-field {
    width: 120px;
}
.slogan {
    font-size: 12px;
}
.tablink {

    width:50%;
    height: 220px;
}

}

/* for mobile  */
@media screen and (max-width: 414px) {

#main_container { width: 100%; }
#header_inside {width: 100%;}
.logo {float: none;text-align: center;margin: 15px auto 0px;}
.logo-div a { float: none; margin: 0 auto; text-align: center; width: 100%; display: block; }
.header_social {display: none;}
.header { text-align: center; }
#menu_container {float: none;display: none;margin: 100px;text-align: left;}
#menu_container ul li { font-size: 12px; margin: 0 10px; }
#content_cont {  width: 100%;}
.login { display: none;}
.tablink {width: 100% !important;}
.tabs .tab-label {font-size: 11px; padding:10px 15px;}
form.search-form {display: none;}
#mySidenav { display: block; }
.sidenav {height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: #ffffff; overflow-x: hidden; /* transition: 0.5s; */ padding-top: 60px;}
.login-mobile {width: 50%; float: left;}
.login-mobile {background: #0066a4;}
.sigup-mobile {background: #6e6e6e;}
.login-mobile a {color: #ffffff; text-align: center; padding: 8px 8px;}
.sigup-mobile a {color: #0066a4;}
input.search-submit-mobile {border: none; background: #0066a4; color: white; width: 40px; height: 40px; float: left; line-height: 40px; padding: 0; margin: 0;}
.sigup-mobile a {color: white;}
.search-field-mobile {background-color: #ffffff; background-image: url(images/search-icon.png); background-position: 5px center; background-repeat: no-repeat; cursor: pointer; font-weight: bold; font-family: Tahoma; float: left; font-size: 14px; color: #999; border: 1px solid #0066a4; height: 40px; margin: 0; padding: 0 0 0 20px; position: relative;}
.sidenav a {text-decoration: none; font-size: 25px; display: block; transition: 0.3s;}
.sidenav .closebtn {position: absolute; top: 0; width: 25px; height: 20px; padding: 10px; background: #0066a40d; text-align: center; right: 0; font-size: 36px;}
.sidenav {padding-top: 0;}
.sidenav a {font-size: 18px;}
.header_social-mobile {float: right;border-bottom: 1px solid #e9e9e9;border-top: 1px solid #e9e9e9;border-right: 1px solid #e9e9e9;margin-right: 10px;}
.header_social-mobile img {padding: 6px;width: 35px;height: 20px;}
.header_social-mobile a {width: 45px;float: left;border-left: 1px solid #E9E9E9;/* border-right: 1px solid #e9e9e9; */}
.header-bottom {margin-top: 0px;float: left;clear: both;width: 100%;height: 47px;}
.follow-us {float: left;font-weight: 700;height: 40px;line-height: 40px;margin-left: 10px;font-size: 18px;color: #0066a4;margin-bottom: 10px;}
.open-menu {float: left;color: #0066a4;background: #ffffff;padding: 2px 7px;height: 25px;position: absolute;line-height: 25px;display: block;margin-top: 20px;border: 1px solid #0066a347;margin-left: 15px;padding: 5px;}	
.border-slogan {margin-left: 2px; float: left;}
.slogan {float: left;font-size: 12px;}
.search-field:focus { width: 180px; }	
.home_cont img {max-width: 100%;}
.home_featured_box {width: 100%;height: 157px;float: none;position: relative;}
.home_featured_box img { width: 100%;; height: 157px; }
.slide-left {top: 40%;padding: 7px 7px;position: absolute;left: 0;font-size: 14px;background: #ffffff;}
.slide-right {top: 40%;padding: 7px 7px;right: 0;font-size: 14px;position: absolute;background: #ffffff;}
#left_cont {width: 100%;float: left;margin: 0;}
#left_cont p {margin: 10px;}
.blog_box img { width: 300px; height: 191px; }	
.suport-content {width: 100%;float: left;text-align: left;padding: 30px 0px;background: #0066a4;}
.suport-content img { margin-left: 15px; }
#content_cont .related_box .home_featured_box {width: 100%;margin-bottom: 0;height: auto;}
.related_box .home_featured_box img {width: 100%;height: auto;display: block;}		
.related_box { padding-bottom: 10px; }
.single_inside_content img {width: 100%;height: inherit;margin: 0;margin-bottom: 10px;}
#commentform textarea { max-width: 280px; }	
#sidebar { display: none; }
#footer_inside {width: 100%;padding: 0;margin: 0;}
.footer_box_cont { width: 280px; padding: 0; margin: 0 0 15px; float: none; border: none; }
 #cust-navigation182 {position: absolute;bottom: 0px;right: 0;left: 0;text-align: center;}
.dot { cursor: pointer; height: 7px; width: 7px; margin: 0 2px; } 
.load-button { width: 10px; height: 5px; }	
.TCN-TUV-logo-footer {float: none;margin-top: 25px;width: 100%;}
.logo-footer { margin: 15px auto; float:none; width: 150px; display: block; padding: 0; }

#menu_container-mobile {
    list-style-type: none;
    float: left;
    width: 320px;
}

ul#main-menu {
    list-style-type: none;
    background: #ffffff;
    float: left;
    width: 320px;
    padding: 0;
    margin: 0;
}

nav#menu_container-mobile ul li {
    float: left;
    width: 320px;
}

nav#menu_container-mobile ul li a {
    float: left;
    padding: 20px 20px;
    border-bottom: 1px solid #fafafa;
    width: 300px;
}
nav#menu_container-mobile ul li ul  {
    float: left;
    list-style-type: none;
    background: #f2f7fa;
    color:red;
    margin: 0;
    padding: 0 15px;
    width:320px;
}
#menu_container-mobile ul li ul li ul li a  {
    background: #0066a412;
    width:300px;
    float:left;
}


nav#menu_container-mobile ul li ul a {color:#222;width: 320px;background: #f2f7fa;}

#menu_container-mobile ul li a i {
    position:absolute;
    right:18px;
    display: block;
    width: 10px;
    height: 9px;
    margin: 5px 0 0 0px;
    background: url(./images/dark.png) no-repeat;
}
/* end mobile */
}