/*
Theme Name: Eweb theme
Theme URI: http://e-web.vn/
Author: Hieu.dev
Author URI: http://e-web.vn/
Description: Mẫu website dịch vụ DV12 - Kho giao diện website lớn nhất Việt Nam
Version: v2.2
Text Domain: ew
Domain Path: /languages/
Tags:
*/

/** Table of Contents
        * 1.0 Reset
        * 2.0 Typography
        * 3.0 Header
        *	3.1 Desktop Menu
        *	3.2 Mobile Menu
        * 4.0 Footer
        * 5.0 Home page
        *	5.1 Section: Banner slider
        *	5.2 Section: Statistics
        *	5.3 Section: About
        *	5.3 Section: Services
        *	5.4 Section: Employee
        *	5.5 Section: Home news
        *	5.6 Section: Subscribe
        *	5.7 Section: Contact
        * 6.0 Custom
        * 7.0 Page: About
        * 8.0 Page: FAQs
        * 9.0 Page: Archive
**/

/* 2.0 Typography */
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700&subset=vietnamese,latin&display=swap');
@font-face {
    font-family: 'Gotham-Medium';
    src: url("fonts/Gotham-Medium.otf") format("OpenType");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gotham-Thin';
    src: url("fonts/Gotham-Thin.otf") format("OpenType");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gotham-Ultra';
    src: url("fonts/Gotham-Ultra.otf") format("OpenType");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Signerica_Fat';
    src: url("fonts/Signerica_Fat.ttf");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* 1.0 Reset */
@import url('css/reset.css');
@import url('css/wp-core.css');

body{font-size: 16px; font-family: 'Roboto',serif;position: relative; line-height: 24px}
a{color: #333}
img, figure{max-width: 100%; height: auto}
a,.custom-ctrl,.panel-heading{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
a:hover,a:active,a:focus{color: #660000}
a:visited,a:hover,a:active,a:focus{text-decoration:none;}
a,a:visited,a:hover,a:active,a:focus,input,button,select,textarea{outline:none!important}
p{font-size: 16px;line-height: 24px;color: #666;margin-bottom: 10px;}
p:last-child{margin-bottom:0 }
hr{border-color: rgba(255,255,255,.3);}
ul, ol{padding: 0; margin: 0}
ul li{list-style: none;}
iframe{margin: 0px auto; text-align: center; display: block;max-width: 100%}
/* =Forms
--------------------------------------------- */
button,
input,
select,
textarea {
    font-size: 100%; /* Corrects font size not being inherited in all browsers */
    margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    vertical-align: baseline; /* Improves appearance and consistency in all browsers */
    margin-bottom: 15px
}
input:focus,textarea:focus, select:focus, button:focus {outline: none}
input[type="text"],input[type="url"],input[type="email"],input[type="tel"],input[type="search"],input[type="password"], textarea, select {width: 100%; border: 1px solid #c3c3c3;background-color: #fff;color: #a8a8a8; border-radius: 5px;line-height: 38px;padding: 0 10px}
select{height: 40px;width: auto}
textarea{padding: 10px; overflow: auto; vertical-align: top;line-height: inherit}
button[type="button"], input[type="submit"], button[type="submit"]{border-radius: 5px;color: #fff;padding: 0 20px; line-height: 38px; background-color: #A5241C;border: 1px solid #A5241C}
input[type="checkbox"], input[type="radio"] {padding: 0; /* Addresses excess padding in IE8/9 */ }
input[type="search"], input[type="submit"] {
    -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
    -webkit-box-sizing: border-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
}
input[type="search"]::-webkit-search-decoration, input[type="submit"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
    border: 0;
    padding: 0;
}
select:-moz-focusring{color: transparent;text-shadow: 0 0 0 rgba(255, 255, 255, 0.5)}
option {background-color: #fff}
::-webkit-input-placeholder {color:#a8a8a8}
::-moz-placeholder {color:#a8a8a8}
::-ms-placeholder {color:#a8a8a8}
::placeholder {color:#a8a8a8}
input[type='radio']:after {width: 18px; height: 18px; border-radius: 18px; top: -2px; left: -1px; position: relative; background-color: #fff; content: ''; display: inline-block; visibility: visible; border: 1px solid #C3C3C3; }
input[type='radio']:checked:after {background-color: #333468}

/* = Tables
--------------------------------------------- */
table {border-collapse: collapse;border-spacing: 0;line-height: 2;margin-bottom: 40px;width: 100%}
tbody {border-bottom: 1px solid #ddd}
th,td {text-align: left}
th {font-weight: bold;text-transform: uppercase}
td {border-top: 1px solid #ddd;padding: 6px 0}

/* = Comment
--------------------------------------------- */
ol.commentlist{float: left;width: 100%}
ol.commentlist li{border: 1px solid #e3e3e3;padding: 10px;margin-bottom: 10px;border-radius: 5px;list-style-type: none;float: left;width: 100%}
ol.commentlist li:last-child{margin-bottom: 0}
ol.commentlist img{float: left;margin-right: 10px}
ol.commentlist .comment-metadata time, ol.commentlist .comment-metadata .comment-edit-link{font-size: 14px;color: #7d7d7d}
ol.commentlist .comment-metadata .comment-edit-link{color: #D9534F}
ol.commentlist .fn{ line-height: 1;display: block; color: #444;font-weight: 700;font-size: 14px}
ol.commentlist .says{display: none}
ol.commentlist .reply a{display: inline-block;background-color: #444;font-size: 14px;padding: 0 10px;color: #fff}
ol.commentlist .depth-2{background-color: #e3e3e3}
ol.commentlist .depth-3{background-color: #d5d5d5}
ol.commentlist .depth-4{background-color: #b7b7b7}
ol.commentlist .depth-5{background-color: #9d9d9d} 
ol.commentlist .children{margin: 10px 0 0}
#comments{font-size: 18px; font-weight: 700}
#respond{border: 1px solid #e3e3e3; padding: 0 10px; clear: both; border-radius: 5px; margin-top: 10px; position: relative; top: 10px; margin-bottom: 10px;background-color: #fff}
#respond h3{font-size: 18px}
#respond h3,#respond form p{margin-bottom: 15px}
#respond form input{margin: 0}
/*#respond form textarea{height: 100px;margin-bottom: 0}*/
#respond #submit{background: #245895;color: #fff;padding: 2px 20px;border-radius: 5px}
.comment-form-cookies-consent input[type="checkbox"]{float: left;margin: 4px 5px 0 0!important}

/* =Editor Stylesheet
--------------------------------------------- */
.entry-content {line-height: 1.625; }
/*.entry-content a {border-bottom: 1px solid #ddd; color: #ff70a9 }*/
/*.entry-content a:hover {color: #333; }*/
.entry-content p {margin-bottom: 10px}
.entry-content p:last-child {margin-bottom: 0}
.entry-content strong {font-weight: 700 }
.entry-content ol, .entry-content ul {margin: 0 0 10px 0; padding: 0; list-style: inherit}
.entry-content ol li, .entry-content ul li{list-style-type: inherit; list-style-position: inside;margin-bottom: 10px }
.entry-content ol li:last-child, .entry-content ul li:last-child{margin-bottom: 0}
.entry-content blockquote, .entry-content blockquote::before {color: #999; }
/*.entry-content blockquote {margin: 40px 40px 24px; }*/
.entry-content blockquote::before {content: "\201C"; display: block; font-size: 30px; height: 0; left: -15px; position: relative; top: -15px; }
.entry-content cite {font-style: normal; }
/* Headings
--------------------------------------------- */
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {font-weight: 700; line-height: 1.2; margin: 0 0 15px; }

/* Tables
--------------------------------------------- */
.entry-content table {border-collapse: collapse; border-spacing: 0; line-height: 2; margin-bottom: 40px; border: 1px solid #eee;display: table;width: auto;max-width: 100%}
.entry-content table tr:nth-child(even) {background: #F9F9F9}
.entry-content tbody {border-bottom: 1px solid #ddd; }
.entry-content th, .entry-content td {text-align: left; padding: 5px;border-right: 1px dotted #eee}
.entry-content th {font-weight: bold; text-transform: uppercase; }
.entry-content td {border-top: 1px solid #ddd}
/*
Common Classes
---------------------------------------------------------------------------------------------------- */
/*.entry-content *{margin-bottom: 10px}*/
.entry-content img.centered, .entry-content .aligncenter {margin: 0 auto 24px; clear: both; margin-left: auto; margin-right: auto}
.entry-content img.alignnone {margin-bottom: 12px; }
.entry-content .alignleft {float: left; text-align: left; }
.entry-content .alignright {float: right; text-align: right; }
.entry-content img.alignleft, .entry-content .wp-caption.alignleft {margin: 0 24px 24px 0; }
.entry-content img.alignright, .entry-content .wp-caption.alignright {margin: 0 0 24px 24px; }
.entry-content .wp-caption-text {font-size: 14px; font-weight: 700; text-align: center; }

/*
Gallery
---------------------------------------------------------------------------------------------------- */
.gallery figure img{max-width:100%;height:auto;margin:0 auto;display:block;}
.gallery figure{float:left;margin:0 2% 1em 0;}
.gallery.gallery-columns-1 figure{width:100%;margin:0 0 1em 0;float:none;}
.gallery.gallery-columns-3 figure{width:32%;}
.gallery.gallery-columns-3 figure:nth-of-type(3n+3){margin-right:0;}
.gallery.gallery-columns-3 figure:nth-of-type(3n+4){clear:left;}
.gallery.gallery-columns-2 figure{width:49%;}
.gallery.gallery-columns-2 figure:nth-of-type(even){margin-right:0;}
.gallery.gallery-columns-2 figure:nth-of-type(odd){clear:left;}
.gallery.gallery-columns-4 figure{width:23.25%;}
.gallery.gallery-columns-4 figure:nth-of-type(4n+4){margin-right:0;}
.gallery.gallery-columns-4 figure:nth-of-type(4n+5){clear:left;}
.gallery.gallery-columns-5 figure{width:18%;}
.gallery.gallery-columns-5 figure:nth-of-type(5n+5){margin-right:0;}
.gallery.gallery-columns-5 figure:nth-of-type(5n+6){clear:left;}
.gallery.gallery-columns-6 figure{width:14.2%;}
.gallery.gallery-columns-6 figure:nth-of-type(6n+6){margin-right:0;}
.gallery.gallery-columns-6 figure:nth-of-type(6n+7){clear:left;}
.gallery.gallery-columns-7 figure{width:12%;}
.gallery.gallery-columns-7 figure:nth-of-type(7n+7){margin-right:0;}
.gallery.gallery-columns-7 figure:nth-of-type(7n+8){clear:left;}
.gallery.gallery-columns-8 figure{width:10.2%;}
.gallery.gallery-columns-8 figure:nth-of-type(8n+8){margin-right:0;}
.gallery.gallery-columns-8 figure:nth-of-type(8n+9){clear:left;}
.gallery.gallery-columns-9 figure{width:8.85%;}
.gallery.gallery-columns-9 figure:nth-of-type(9n+9){margin-right:0;}
.gallery.gallery-columns-9 figure:nth-of-type(9n+10){clear:left;}
@media (max-width:767px){img.alignright, div.alignright, figure.alignright, img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb{display:block;margin:1em auto;float:none;}
.gallery.gallery-columns-4 figure, .gallery.gallery-columns-5 figure, .gallery.gallery-columns-6 figure, .gallery.gallery-columns-7 figure, .gallery.gallery-columns-8 figure, .gallery.gallery-columns-9 figure{width:100%;margin:0 0 1em 0;float:none;}
}

.thumbnail{border: none;padding: 0;border-radius: 0;background-color: transparent;}
.section-title p{font-size: 18px;margin-bottom: 30px;}
.section-title h2 {text-transform: uppercase;font-family: 'Gotham-Medium',Arial,sans-serif;font-size: 24px;border-bottom: 1px solid rgba(0,0,0,.2);padding-bottom: 40px;margin-bottom: 40px;position: relative;}
.section-title h2::after{content:'';position: absolute;height: 1px;width: 80px;background-color:#660000;bottom: -1px;left: 50%;margin-left: -40px;}
.owl-carousel .owl-item img{transform-style: flat;}
.owl-theme .owl-controls{margin: 0}
.sidebar{float: left;width: 100%}
.sidebar .widget{float: left; width: 100%; margin-bottom: 20px}
#searchform{position: relative;}
#searchform input{margin-bottom: 0}
#searchform input[type="submit"]{position: absolute; top: 0; right: 0}
main {
    float: left;
    width: 100%;
}

/* 3.0 Header */
header{width: 100%;background-color: #fff}
.small-navigation{text-transform: uppercase; font: 12px/36px 'Gotham-Medium', Arial, sans-serif; border-bottom: 1px solid #dcdcdc;}
.top-hotline{float: left;}
.top-hotline-title a{color: #660000}
.top-advisory-link{float: right;}
.top-advisory-link a{color: #660000;}
.top-advisory-link .fa{font-size: 18px;}
#logo,.desktop-menu{height: 86px;line-height: 86px;}
#logo img{vertical-align: middle;max-height: 50px; width: auto;}
.company-name{font: 18px 'Gotham-Ultra', Arial, sans-serif;text-transform: uppercase;}
.site-title{ visibility: hidden;position: absolute}
#logo .company-name{padding: 0 10px;display: inline;}
.fixed{border-bottom: 1px solid #ddd;box-shadow: 0 -3px 10px #000;}
.fixed #logo,.fixed .desktop-menu{height: 60px;line-height: 60px;}
.fixed #show-mobile-menu{margin-top: 10px;}

/* 3.1 Desktop Menu */
.desktop-menu{}
.desktop-menu>li{float: left;position: relative;text-transform: uppercase; font-size: 13px; font-weight: bold;}
.desktop-menu>li>a{margin: 0 10px;}
.desktop-menu>li:last-child>a{margin-right: 0;}
.desktop-menu>li.menu-item-has-children>a:after{content: '\f107'; font-family: 'FontAwesome'; margin-left: 3px;}
.desktop-menu li.current-menu-item a{color:#660000;}
.desktop-menu li a{display: block;}
.desktop-menu .menu-item-has-children:hover>.sub-menu{
    display:block;visibility:visible;z-index:9999;opacity:1;
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -ms-transform:scale(1,1);
    -o-transform:scale(1,1);
    transform:scale(1,1);
    -webkit-transition:-webkit-transform .3s ease,opacity .2s ease .1s;
    -moz-transition:-moz-transform .3s ease,opacity .2s ease .1s;
    -o-transition:-o-transform .3s ease,opacity .2s ease .1s;
    transition:transform .3s ease,opacity .2s ease .1s;
}
.desktop-menu .sub-menu{
    background:#aaa;min-width:320px;opacity:0;padding:0;position:absolute;
    -webkit-transform-origin:top;
    -moz-transform-origin:top;
    -ms-transform-origin:top;
    -o-transform-origin:top;
    transform-origin:top;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-transform:scale(1,0);
    -moz-transform:scale(1,0);
    -ms-transform:scale(1,0);
    -o-transform:scale(1,0);
    transform:scale(1,0);
    -webkit-transition:-webkit-transform .5s ease,opacity .2s ease;
    -moz-transition:-moz-transform .5s ease,opacity .2s ease;
    -o-transition:-o-transform .5s ease,opacity .2s ease;
    transition:transform .5s ease,opacity .2s ease;
}
.desktop-menu .sub-menu li{
    text-align:left;padding:0 15px;font-size:14px;width:100%;position: relative; line-height: 20px; background: #fff; text-transform: initial;
    -webkit-transition:.2s;
    -moz-transition:.2s;
    -o-transition:.2s;
    transition:.2s;
}
.desktop-menu .sub-menu li a{line-height:40px;color:#fff;}
.desktop-menu .sub-menu .sub-menu{
    left: 320px;top: 0;
    -webkit-transform-origin:left;
    -moz-transform-origin:left;
    -ms-transform-origin:left;
    -o-transform-origin:left;
    transform-origin:left;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-transform:scale(0,1);
    -moz-transform:scale(0,1);
    -ms-transform:scale(0,1);
    -o-transform:scale(0,1);
    transform:scale(0,1);
    -webkit-transition:-webkit-transform .5s ease,opacity .2s ease;
    -moz-transition:-moz-transform .5s ease,opacity .2s ease;
    -o-transition:-o-transform .5s ease,opacity .2s ease;
    transition:transform .5s ease,opacity .2s ease;
}
.desktop-menu .sub-menu li:hover{background:#660000;}
.desktop-menu .sub-menu li:hover>a{color: #fff;}
.desktop-menu .sub-menu li a{color: #660000;}

/* 3.2 Mobile Menu */
#show-mobile-menu{display: none;font-size: 32px;width: 40px;height: 40px;line-height:40px;text-align: center;margin-top: 23px;color: #333}
#show-mobile-menu:hover,#show-mobile-menu.active{color: #660000;}
#show-mobile-menu .icon-bar{background:#000}
body.menu-open .mobile-menu-container{
    z-index:9999;visibility:visible;overflow-x:hidden;overflow-y: auto;
    -webkit-overflow-scrolling:touch;
    overflow-scrolling:touch;
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    -webkit-transition:-webkit-transform .4s ease,visibility 0s ease 0s,z-index 0s ease 0s;
    -moz-transition:-moz-transform .4s ease, visibility 0s ease .5s, z-index 0s ease 0s;
    -o-transition:-o-transform .4s ease, visibility 0s ease .5s, z-index 0s ease 0s;
    transition:transform .4s ease,visibility 0s ease 0s,z-index 0s ease 0s;
}
.mobile-menu-container{
    background:#222222;top:0;bottom:0;left:0;height:100%;overflow:hidden;position:fixed;visibility:hidden;z-index:-1;
    -webkit-transform:translate3d(-100%,0,0);
    -moz-transform:translate3d(-100%,0,0);
    -ms-transform:translate3d(-100%,0,0);
    -o-transform:translate3d(-100%,0,0);
    transform:translate3d(-100%,0,0);
    -webkit-transition:-webkit-transform .4s ease, visibility 0s ease .5s, z-index 0s ease .5s;
    -moz-transition:-moz-transform .4s ease, visibility 0s ease .5s, z-index 0s ease .5s;
    -o-transition:-o-transform .4s ease, visibility 0s ease .5s, z-index 0s ease .5s;
    transition:transform .4s ease, visibility 0s ease .5s, z-index 0s ease .5s;
}
.mobile-menu {width:320px;text-align: initial}
.mobile-menu>li:first-child{border-top:none;}
.mobile-menu>li:last-child{border-bottom:none;}
.mobile-menu li{border-top:1px solid rgba(255, 255, 255, 0.1);border-bottom:1px solid rgba(0, 0, 0, 0.1);position: relative}
.mobile-menu li.menu-item-has-children::after{content: '\f078';position: absolute;font:16px/46px 'FontAwesome';top: 0;right: 10px;pointer-events: none; cursor: pointer; color: #fff}
.mobile-menu li.menu-item-has-children.active::after{
    -webkit-transform: rotate(540deg);
    -moz-transform: rotate(540deg);
    -ms-transform: rotate(540deg);
    -o-transform: rotate(540deg);
    transform: rotate(540deg);
}
.mobile-menu a{padding:1em;margin:0;display:inline-block;color:#f2f2f2;font-size:12px;text-transform:uppercase;line-height: 20px;border-left: 3px solid transparent;}
.mobile-menu li:hover>a,.mobile-menu li.active>a{border-color:#32a22b;}
.mobile-menu .sub-menu{display: none;}
.mobile-menu .sub-menu li:last-child{border-bottom:0px}
.mobile-menu .sub-menu a{padding-left:20px}
.mobile-menu .sub-menu a:before{content:'-';display:inline-block;font-family:'FontAwesome';color:#999;margin:0 5px 0 0}
.mobile-menu .sub-menu .sub-menu a:before{content:'--';}

.mobile-menu .close-menu a {border: none;}
.mobile-menu .close-menu a i {color:#32a22b;font-size:28px}
.mobile-menu .close-menu {text-align:center;}

/* 4.0 Footer */
footer#footer{background: url('images/footer-bg.jpg') center /cover;float: left;width: 100%; margin-top: 30px}
.home footer#footer, .page-template-tpl-contact footer#footer{margin-top: 0}
.page-template-tpl-contact #about{margin-bottom: 30px}
.footer-block p{margin-bottom: 10px;color: #222;}
.footer-container{padding-top: 30px;}
.footer-block {margin-bottom: 30px;}
.footer-block li{display: block; margin-bottom: 15px}
#totop,.footer-block-title,.footer-contact-btn{font-family: 'Gotham-Medium', Arial, sans-serif;}
#totop{color: #660000;text-transform:uppercase; font-size: 14px;line-height:20px;margin-bottom: 20px;display: inline-block;}
#totop::before,#totop::after{content: '';display: inline-block;width: 20px;height: 1px;background: #660000;margin: 5px 15px;}
.footer-block-title{text-transform: uppercase;font-size: 16px;line-height: 36px;color: #000;padding-bottom: 20px;}
.footer-block-title.bordered{border-bottom: 1px solid rgba(0,0,0,.25);margin-bottom: 20px;padding: 0}
.footer-block-title.bordered span{border-bottom: 1px solid #660000;display: inline-block;margin-bottom: -1px;}
.footer-block-title img,.footer-block-title span{vertical-align: top;}
.footer-block-title img {height: 36px;margin-right: 10px;}
.footer-contact-btn{display: inline-block;border: 2px solid #660000;padding: 10px;color: #660000;font-size: 12px;line-height:16px;text-transform: uppercase;}
.footer-block.links a{display: block;line-height: 36px;color: #222;}
.footer-block.links a:hover,.footer-block.news .news-title a:hover{color: #660000;}
.footer-news img{width: 108px; height: 72px!important}
.footer-news .news-title{font-size: 16px;}
.footer-news .news-title a{color: #000;}
.copyright {background: #fff;height: 40px;line-height: 40px;}

/* 5.0 Home page */
.common-section{padding: 30px 0;position: relative; float: left; width: 100%}
.common-section:nth-child(even){background-color: #eaeaea}

/* 5.1 Section: Banner slider */
#banner {position: relative;overflow-x: hidden;}
#banner:hover .prev{left: 50px;}
#banner:hover .next{right:50px;}
#banner-slider .item{position: relative}

/* 5.2 Section: Statistics */
/*#statistics {position: relative;z-index: 1;width: 100%;margin-top: -57px;}*/
#statistics .statistics-box{text-align: center;background: #fff;border-top: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;padding-top: 20px;padding-bottom: 20px;}
#statistics .row.no-margin{border-left: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.row.no-margin{margin-left: 0;margin-right: 0;}
.no-padding{padding-left: 0; padding-right: 0;}
.statistics-value {font-weight: bold;font-size: 24px;line-height: 36px;margin: 0;}
.statistics-field {font: 12px/36px 'Gotham-Medium', Arial, sans-serif;color: #660000;text-transform: uppercase;margin: 0;}

/* 5.3 Section: About */
.about-block,.about-block p{margin-bottom: 20px;}
.about-block .boss-name{font: 16px 'Gotham-Ultra', Arial, sans-serif;text-transform: uppercase;color: #660000}
.about-block .boss-slogan{font-size: 36px;line-height: 42px;}
.about-block .boss-excerpt{font: 14px 'Gotham-Medium', Arial, sans-serif;color: #999;}
.about-block .signature{font: 20px 'Signerica_Fat', Arial, sans-serif}

/* 5.3 Section: Services */
.services {text-align: center;margin-bottom: 30px}
.services-wrapper:nth-child(3n+1){clear: both}
.services img {margin-bottom: 20px; width: 100%}
.services h4 {margin-top: 10px;font-size:20px}
.services p {font: 10px/18px 'Gotham-Medium', Arial, sans-serif;text-transform: uppercase;color: #999}

/* 5.4 Section: Employee */
/*#employee{background:linear-gradient(0deg, rgba(0,0,0,.7), rgba(0,0,0,.7)), url(images/employee-bg.jpg);background-size:cover; background-position: center;}*/
#employee .section-title h2{border-color: rgba(255,255,255,.2)}
#employee-wrapper {position: relative;overflow: hidden;}
#employee-wrapper:hover .prev{left:0}
#employee-wrapper:hover .next{right:0}
.employee{margin-bottom: 40px}
.employee-name{margin-bottom:10px; font-size: 24px}
.employee-name *{font-size: 24px}
.employee-title{font: 10px/18px 'Gotham-Medium', Arial, sans-serif;text-transform: uppercase}
.employee-email a,.employee-phone, .employee-phone a{font: 12px/18px 'Gotham-Medium', Arial, sans-serif}
.custom-ctrl.employee-ctrl{top: 150px;}

/* 5.5 Section: Home news */
#news-slider{margin-bottom: 30px}
#news-slider .thumbnail{margin-bottom: 10px}
#news-slider-wrapper {position: relative;overflow: hidden;}
#news-slider-wrapper:hover .prev{left:0}
#news-slider-wrapper:hover .next{right:0}
#news-slider-wrapper .thumbnail img{max-height: 240px!important}

.news-list .thumbnail{float: left;width: 30%;margin-right: 20px;margin-bottom: 0;}
.news-list li {margin-bottom: 20px}
.news-list li:last-child {margin-bottom: 0}
.time-stamp{font-size :12px;text-transform: uppercase;color: #999; margin-bottom: 10px}
.time-stamp{float: left;}
.news-comment{float: right;}
.excerpt{margin-bottom: 20px;float: left;text-align: justify;}
.news-title {font-size: 16px;margin-bottom: 5px;margin-top: 0}
.news-list .news-title a, .blog-entry h3 a{color:inherit;font-size: 16px; font-weight: 700}
.sidebar .news-title a, .home-news .news-title a, .footer-news .news-title a{font-size: 14px}
.news-title a {font-weight: 700;}
.news-block-title {border-bottom: 2px solid #660000;margin-bottom: 20px}
.news-block-title a,.news-block-title span {padding: 2px 10px;background: #660000;color: #fff;font: 14px/36px 'Gotham-Medium', Arial, sans-serif;text-transform:uppercase;float:left}
.news-list .title{font-size: 18px;}
.blog-entry{margin-bottom: 20px}
.blog-entry a.thumb{display: inline-block; line-height: 0;margin-bottom: 10px;}
.blog-entry a.thumb img{float: left;margin-right: 20px; width: 100%}

.news-list.home-news li:first-child {border-bottom: 1px solid #dcdcdc;position: relative; padding-bottom: 15px}
.news-list.home-news li:first-child::after {border-bottom: 1px solid #660000;width: 80px;position: absolute;bottom: -1px;left: 0;}
.news-list.home-news li:first-child .thumbnail{width: 100%;margin-right: 0;margin-bottom: 20px;float: none;}
.news-list.home-news li:first-child .news-title a{font-size:16px;color:#660000}
.news-list.home-news li:first-child .news-comment,.news-list.home-news li:first-child .excerpt{display: block;}

/* 5.6 Section: Subscribe */
/*#subscribe{background:linear-gradient(0deg, rgba(255,255,255,.8), rgba(255,255,255,.8)), url(images/subscribe-bg.jpg);background-size:cover; background-position: center;}*/
.wpcf7-form{font: 12px 'Gotham-Medium', Arial, sans-serif;}
.wpcf7-form input,.wpcf7-form .select-control,.wpcf7-form select,.wpcf7-form textarea{width: 100%;border:none;text-transform: uppercase;border-radius: 0;float: left; margin-bottom: 0}
.wpcf7-form input,.wpcf7-form .select-control,.wpcf7-form textarea{margin-bottom: 30px;}
/*.invalid input{margin-bottom: 5px}*/

/*.wpcf7-not-valid-tip{margin-bottom: 30px}*/
.wpcf7-form input,.wpcf7-form select{height: 50px;padding: 10px;}
.wpcf7-form .select-control{position: relative}
.wpcf7-form .select-control::after{content: '\f0d7';position: absolute;font-family:'FontAwesome';line-height: 50px;top:0;right: 10px;}
.wpcf7-form select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-weight: normal}
.wpcf7-form select::-ms-expand{display: none;}
.wpcf7-form option{padding:10px;border:none}
.wpcf7-form textarea{resize: none;overflow: auto;padding: 10px;min-height: 150px}
.wpcf7-form input[type="submit"]{font-size: 14px;border:none;text-transform: uppercase;padding: 0;background: #222;color: #fff; margin-bottom: 0}
/*.wpcf7-response-output{float: left; width: 100%; margin: 0!important; margin-bottom: 30px!important}*/
/*div.wpcf7 img.ajax-loader{position: absolute; margin: 0; left: 50%; margin-left: -8px; margin-top: 17px}*/

input.wpcf7-not-valid, textarea.wpcf7-not-valid { background: #fff url(images/error.png) no-repeat 98% center; border: 1px solid #f00!important}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{background-color: #e8e8e8}
.wpcf7 .wpcf7-not-valid-tip{margin-top: -36px; position: relative; padding: 5px 8px; line-height: 1.2em; border-radius: 3px; opacity: .8; background-color: #f1f1f1; color: #b20000; float: left;width: 100%}
.wpcf7 textarea+.wpcf7-not-valid-tip{margin-top: -31px}
.wpcf7 .wpcf7-not-valid-tip:after {bottom: 100%; left: 30px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136,183,213,0); border-bottom-color: #f1f1f1; border-width: 10px; margin-left: -10px; }
.wpcf7 .ajax-loader, .wpcf7 form.invalid .wpcf7-response-output{display: none!important}
.wpcf7 form.sent .wpcf7-response-output{float: left; width: 100%}
.processing{position:relative}
.processing:before{content:'';margin:0px auto;font-size:10px;text-indent:-9999em;border-top:3px solid rgba(0,0,0,0.1) !important;border-right:3px solid rgba(0,0,0,0.1) !important;border-bottom:3px solid rgba(0,0,0,0.1) !important;opacity:.8;border-left:3px solid #446084;animation:spin .6s infinite linear;border-radius:50%;width:30px;height:30px;pointer-events:none}
.processing:before{position:absolute;top:50%;left:50%;margin-left:-15px;margin-top:-15px;z-index:99}
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.wpcf7-form{float: left; width: 100%}
.wpcf7-form .processing *{opacity:.8}

/* 5.7 Section: Contact */
.section-contact .section-title h2{border-color: rgba(255,255,255,.2)}
.section-contact .section-title h2::after{background: #fff}
.contact-field{margin-bottom: 20px;}
.section-contact .icon{font-size: 44px;color: #fff;float: left;margin-right: 15px;margin-bottom: 20px;pointer-events: none;}
.section-contact .title{text-transform: uppercase;font: 10px 'Gotham-Medium', Arial, sans-serif;color: rgba(255,255,255,.5)}
.section-contact .value{font-size:18px;color: #fff}

/* 6.0 Custom */

/* 6.1 Owl navigation */

.custom-ctrl{position: absolute;font-size: 30px;top: 50%;line-height: 50px;margin-top: -25px;width: 50px;cursor: pointer;text-align: center;z-index: 99;background: rgba(255,255,255,.2);color: rgba(255,255,255,.5);}
.custom-ctrl:hover{background: rgba(27,126,183,.9);color: #fff;}
.custom-ctrl.prev{left: -50px;}
.custom-ctrl.next{right: -50px;}

/* 6.2 Breadcrumb */
.page-title-container{background-color: #660000;padding: 20px 0;text-shadow: 1px 1px 4px rgba(0,0,0,.35);}
.brb{margin:10px 0 15px; display: block}
.page-title,.page-title a{font-size: 36px;font-weight: bold;color: #fff;}
.ew-breadcrumb{color: #ccc;line-height: 36px;}
.ew-breadcrumb a{color: #333}
.ew-breadcrumb strong{font-weight: 400; color: #660000}
.wp-pagenavi{float: right}

/* 7.0 Page: About */


/* 8.0 Page: FAQs */
.panel-group{margin-bottom: 40px;}
.panel-group .panel{border: none;border-radius: 0;}
.panel-default > .panel-heading{border-radius: 0;padding: 0;font: 14px 'Gotham-Medium', Arial, sans-serif;text-transform: uppercase;background: #eaeaea;color:#999;position: relative;}
.panel-default > .panel-heading.active{background: #660000;color: #fff;}
.panel-default > .panel-heading a{display: block;padding: 17px 15px;color: inherit;}
.panel-default > .panel-heading + .panel-collapse > .panel-body{border: none;padding: 15px 0;text-align: justify;}
.panel-heading::before,.panel-heading::after{
	content: '';position: absolute;right: 15px;display: block;background: #999;top: 50%;pointer-events: none;
	 -webkit-transition:all .5s ease;
	 -moz-transition:all .5s ease;
	 -ms-transition:all .5s ease;
	 -o-transition:all .5s ease;
	 transition:all .5s ease;
}
.panel-heading::before{width: 2px;height: 18px;margin-top: -9px;margin-right: 9px;}
.panel-heading::after{height: 2px;width: 18px;margin-top: -1px;margin-right: 1px;}
.panel-heading.active::before,.panel-heading.active::after{background-color: #fff}
.panel-heading.active::before{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

/* 9.0 Page: Archive */
.news-list.main-news{}
.news-list.main-news li{}
.news-list.main-news li:first-child{margin-bottom: 0;}
.news-list.main-news li:first-child .thumbnail{width: 100%;margin-right: 0;margin-bottom: 20px;}
.news-list.main-news li:first-child .news-comment,.news-list.main-news li:first-child .excerpt{display: block;margin-bottom: 0;}

/* 10.0 Page: Single */
.post-title{font-size: 22px;margin-bottom: 15px;font-weight: bold}
.related-post{margin-top:  20px}
.related-post .news-block-title{float: left;width: 100%}
.related-title{}
.related-post ul{}
.related-post li{list-style:disc inside;margin-bottom: 10px;font-weight: bold;color: #660000}
.section-map iframe{width: 100%;max-height:400px}
.mainbar p{color: black}
.entry-metadata{ background-color: #f1f1f1; padding: 5px 10px; margin: 20px 0}
.entry-metadata a{color: #660000;}
table {background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #ddd; margin:auto; margin-bottom: 10px }
table thead, table tfoot { background: #f5f5f5; }
table thead tr th,
table tfoot tr th,
table tbody tr td,
table tr td,
table tfoot tr td { text-align: left; }
table thead tr th,
table tfoot tr td { padding: 8px 10px 9px; font-size: 14px; font-weight: bold; color: #222; }
table thead tr th:first-child, table tfoot tr td:first-child { border-left: none; }
table thead tr th:last-child, table tfoot tr td:last-child { border-right: none; }

table tbody tr.even,
table tbody tr.alt { background: #f9f9f9; }
table tbody tr:nth-child(even) { background: #f9f9f9; }
table tbody tr td { color: #333; padding: 9px 10px; vertical-align: top; border: none; }
.related-post ul li{list-style-type: square!important; float: left; width: 100%; list-style-position: inside!important}
.mainbar ul li {
    display: list-item!important;
    list-style: none;
    margin-bottom: 15px!important;
}
.wp-pagenavi a, .wp-pagenavi span {line-height: 20px; padding: 6px 12px; margin: 0 5px 0 0; border: 1px solid #660000; color: #660000; background: #fff; display: inline-block }
.wp-pagenavi span.current, .wp-pagenavi a:hover {background: #660000; color: #fff; border: 1px solid #660000 }
.fb-comments,
.fb-comments > span,
.fb-comments > span > iframe {max-width: 100%; width: 100% !important}
/*.icon-inner {max-width: 360px; float: none; margin: 0px auto 20px auto; width: 100%; height: 200px; position: relative; overflow: hidden; display: table }
.icon-inner img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) }*/
.icon-inner{display: block; position: relative; padding-top: 56.25%;}
.icon-inner img{display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
/* Media rules */
@media screen and (max-width: 1199px) {
    #show-mobile-menu{display: block;}
    .desktop-menu-container{display: none;}
}
@media screen and (max-width: 991px) {
    #statistics{ margin-top: 0!important; padding: 30px 0;}
    #statistics .statistics-box{padding: 0;border-bottom: none;}
    #statistics .statistics-box:nth-child(2n+1){clear: both}
    .services-wrapper:nth-child(3n+1){clear: inherit}
    .services-wrapper:nth-child(2n+1){clear: both}
    .wpcf7-form textarea{min-height: 50px;max-height: 130px;}
    .wpcf7-form button{width: 100%}
    .custom-ctrl{display: none}
}
@media screen and (max-width: 767px) {
    .services-wrapper .services{width: 100%}
    .company-name{display: none;}
    .sidebar-news .thumbnail img{width: 100%}
    .common-section{padding: 15px 0}
    .common-section .section-title h2{margin-top: 15px; padding-bottom: 20px; font-size: 20px}
    .services h4{font-size: 16px}
    .employee-info hr{margin: .5em 0}
}
@media screen and (max-width: 480px) {
    .top-hotline,.top-advisory-link{float: none;}
    .blog-entry .col-xs-4, .blog-entry .col-xs-8{width: 100%}
    .blog-entry .thumb, .blog-entry .thumb img{width: 100%}
    .page-title, .page-title a{font-size: 16px}
    .small-navigation{display: none !important;}
    /*.icon-inner { height: 130px}*/
    .icon{float: none;margin-right: 0;}
}