@font-face {
    font-family: RobotoMedium;
    src: url(../fonts/Roboto-Medium.ttf); 
}
@font-face {
    font-family: RobotoRegular;
    src: url(../fonts/Roboto-Regular.ttf); 
} 
@font-face {
    font-family: RobotoBold;
    src: url(../fonts/Roboto-Bold.ttf); 
}  
@font-face {
    font-family: RobotoLight;
    src: url(../fonts/Roboto-Light.ttf); 
}  
@font-face {
    font-family: RobotoItalic;
    src: url(../fonts/Roboto-Italic.ttf); 
} 
@font-face {
    font-family: RobotoCondensed;
    src: url(../fonts/Roboto-Condensed.ttf); 
} 
@font-face {
    font-family: RobotoBoldCondensed;
    src: url(../fonts/Roboto-BoldCondensed.ttf); 
} 
@font-face {
    font-family: RobotoBlack;
    src: url(../fonts/Roboto-Black.ttf); 
} 
@font-face {
    font-family: UTMBebas;
    src: url(../fonts/UTM-Bebas.ttf); 
}
@font-face {
    font-family: BebasNeueBook;
    src: url(../fonts/BebasNeueBook.ttf); 
}   
@font-face {
    font-family: OswaldBold;
    src: url(../fonts/Oswald-Bold.ttf); 
}   
@font-face {
    font-family: MontserratRegular;
    src: url(../fonts/Montserrat-Regular.ttf); 
}   
/*You can add your won color also */
body {
    font-family: 'RobotoRegular', sans-serif;
    background: #fff;
    font-size: 14px;
    font-weight: 400;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: subpixel-antialiased;
    color: #445261;
    overflow-x: hidden;
    line-height: 25px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.form-group .help-block {
    color: red;
}
.roof-menu ul li.active a:hover {
    opacity: 0.8;
}
.roof-menu ul li a:hover {
    opacity: 0.8;
}
.section-padding {
    padding: 110px 0;
}
.mt-10 {
    margin-top: 10px;
}
.mt-20 {
    margin-top: 20px;
}
.mt-30 {
    margin-top: 30px;
}
.mt-40 {
    margin-top: 40px;
}
.mt-50 {
    margin-top: 50px;
}
.mt-80 {
    margin-top: 80px;
}
.mb-10 {
    margin-bottom: 10px;
}
.mb-20 {
    margin-bottom: 20px;
}
.mb-30 {
    margin-bottom: 30px;
}
.mb-40 {
    margin-bottom: 40px;
}
.mb-50 {
    margin-bottom: 50pxs;
}
h1,
h2,
h3,
h4 {
    font-family: 'RobotoMedium', sans-serif;
    font-weight: 400;
}
p {
    font-size: 14px;
    font-family: 'RobotoRegular', sans-serif;
    font-weight: 300;
}
a {

    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
a:hover {
    color: #a22f30;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
.ordinary-row {
    padding: 80px 0 90px;
}
.section-title + .row {
    padding: 20px 0 0px;
}
.btn,
button {
    padding: 10px 37px;
    border-radius: 25px;
    font-weight: 400;
    color: #fff;
    margin:0 50px 0 95px;
    font-size: 18px;
    font-family: RobotoBold;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    display: inline-block;
}
.btn:hover,
button:hover {
    color: #fff;
    carsoer: pointer;
}
.section {
    padding: 20px 0;
}
.input-group-btn button {
    padding: 11px 20px;
}
.btn-common {
    color: #FFF!important;
    background: #ff5959;
    position: relative;
    border: transparent;
    z-index: 1;
    cursor:pointer;
}
.btn-common:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    z-index: -1;  
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.btn-radius:before {
    border-radius: 5px 0px 0px 5px; 
}
.btn-round {
    border-radius: 1.5em;
}
.btn-outline {

    border-width: 2px;
}
.btn-outline:hover {
    color: #fff;
    border: 2px solid transparent;

}
.btn-common:hover:before {
    width: 100%;
}
.btn-border {
    background: rgba(255, 255, 255, 0.18);
    border: 2px solid #fff;
    color: #fff;
}
.btn-border:hover {
    background: rgba(255, 255, 255, 0.3);
    border: 2px solid #ffffff;
    color: #fff;
}
.btn-lg {
    padding: 14px 33px;
    text-transform: uppercase;
    font-size: 16px;
}
.btn-xs {
    font-size: 11px;
    padding: 13px 12px;
}
.btn-sm {
    padding: 12px 15px;
}
.btn-md {
    font-size: 15px;
    padding: 12px 25px;
}
.btn-radius {
    border-radius: 5px;
}
.media-left{
    padding-right: 10px;
}
.img-circle{
    border-radius: 50%;
}
.input-group .form-control {
    border-radius: 30px 0 0 30px;
}
.form-group label {
    margin-bottom: 24px;
}
.form-group .radius-input {
    border-radius: 30px;
    height: 45px;
}
.form-group .flat-input {
    border-radius: 0;
}
.form-group .form-control {
    background: #ffffff;
    padding-right: 30px;
    color: #666;
    position: relative;
    box-shadow: none;
}
.form-group .form-control:focus {

}
.form-group .help-block {
    font-weight: 700;
}
.label {
    font-weight: normal;
    margin: 0 2px;
}
.social-links {
    display: inline-block;
}
.social-links a {
    display: inline-block;
    margin: 0 0 0 5px;
}
.social-links a i {
    width: 32px;
    height: 32px;
    vertical-align: middle;
    border-radius: 100%;
    line-height: 32px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.social-links a i:hover {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.social-links a .fa-twitter:hover {
    color: #00aced;
}
.social-links a .fa-facebook:hover {
    color: #3b5998;
}
.social-links a .fa-google-plus:hover {
    color: #dd4b39;
}
.social-links a .fa-youtube-play:hover {
    color: #bb0000;
}
.social-links a .fa-linkedin:hover {
    color: #007bb6;
}
li.search {
    position: inherit;
    padding-right: 10px;
}
li.search .open-search {
    margin-right: 0 !important;
}
li.search .open-search i {
    font-size: 13px;
}
.navbar-engage .navbar-nav > li.search > a:before {
    display: none;
}
i {
    transition: all 0.3s ease-in-out;
}
i:hover {
    opacity: 0.8;
    transition: all 0.3s ease-in-out;
}
.full-search {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #333;
    padding: 15px 0;
    z-index: 999;
}
.full-search input[type="text"] {
    outline: medium none;
    display: inline-block;
    width: 97%;
    background: transparent;
    color: #FFF;
    font-size: 28px;
    padding: 4px 16px 8px;
    line-height: 39px;
    border-radius: 3px;
    height: auto;
    border: 1px solid #444;
}
.section-title {
    text-align: center;
    font-size: 40px;
    line-height: 40px;
    color: #c4903f;
    font-family: 'RobotoBold', sans-serif;
    padding: 25px 0;
}
.section-subcontent {
    text-align: center;
    padding-bottom: 30px;
    font-family: 'BebasNeueBook';
}
.bebas{
    font-family: 'UTMBebas';
}
.small-title {
    font-size: 22px;
    position: relative;
    text-align: left;
}

/* ScrollToTop */
.back-to-top {
    display: none;
    position: fixed;
    bottom: 18px;
    right: 15px;
}
.back-to-top i {
    display: block;
    font-size: 18px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    border-radius: 0px;
    text-align: center;

    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.page-header {
    padding: 0;
    margin: 0;
    position: relative;
    background: url(testimonial-bg.jpg)/*tpa=http://demo.graygrids.com/themes/engage/assets/img/backgrounds/testimonial-bg.jpg*/;
    min-height: 164px;
}
.page-header .page-header-inner {
    color: #fff;
    height: 100%;
    padding: 40px 0;
    position: absolute;
    width: 100%;
}
.page-header .page-header-inner:before {
    background: rgba(231, 76, 60, 0.2);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    content: "";
    display: block;
}
.page-header .page-title {
    color: #fff;
    font-size: 44px;
    font-weight: 600;
    margin-bottom: 10px !important;
    padding: 15px 0;
    text-align: left;
}
.page-header .breadcrumb {
    margin: 0;
    padding: 0;
    background: transparent;
    position: relative;
    z-index: 9;
}
.page-header .breadcrumb li {
    line-height: 25px;
}
.page-header .section-title:before {
    width: 40px;
}
.switcher-box {
    position: fixed;
    width: 140px;
    top: 20%;
    left: -140px;
    z-index: 9999;
    background: #FFF;
    border: 1px solid #F3F3F3;
    padding: 15px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -0-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.switcher-box h4 {
    color: #292929;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    margin-top: 0px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: bold;
}
.switcher-box .colors-list {
    margin: 0px 0px 0px -4px;
}
.switcher-box .colors-list li {
    display: inline-block;
    font-size: 0px;
    list-style: none;
    margin: 0px 4px;
}
.switcher-box .colors-list li a {
    width: 25px;
    cursor: pointer;
    height: 25px;
    display: block;
}
.switcher-box .colors-list li a.default {
    background-color: #9C3;
}
.switcher-box .colors-list li a.red {
    background-color: #c74041;
}
.switcher-box .colors-list li a.lightblue {
    background-color: #00D3F9;
}
.switcher-box .colors-list li a.gray {
    background-color: #9BB5AC;
}
.switcher-box .colors-list li a.coffee {
    background-color: #998675;
}
.switcher-box .colors-list li a.green {
    background-color: #9C3;
}
.switcher-box .colors-list li a.orange {
    background-color: #F60;
}
.switcher-box .colors-list li a.wisteria {
    background-color: #9b59b6;
}
.switcher-box .colors-list li a.mblue {
    background-color: #34495e;
}
.switcher-box .colors-list li a.greensea {
    background-color: #1abc9c;
}
.switcher-box .open-switcher {
    position: absolute;
    right: -50px;
    top: -1px;
    width: 50px;
    border-radius: 0px;
    border: 0px none;
    padding: 0px;
    height: 50px;
    background: #DDD;
}
.switcher-box .open-switcher i {
    text-align: center;
    line-height: 50px;
    cursor: pointer;
    font-size: 25px;
    color: #292929;
    display: block;
}
.switcher-massage {
    font-size: 12px;
    line-height: 15px;
    color: 808080;
    margin: 10px 0px 0px;
}
#loader {
    position: fixed;
    background: #fff;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999999;
}
.square-spin {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
}
.square-spin img {
    max-width: 64px;
}
#carousel-area {
    overflow: hidden;
    background: #fff;
    padding: 0px 0px 40px 0px;
}
#carousel-area .carousel-inner .carousel-item {
    opacity: 0.3;
    width: 100%;
    overflow: hidden;
    transition-property: opacity;
    transition-duration: 1s;
}
#carousel-area .carousel-inner .active {
    opacity: 1;
}
#carousel-area .carousel-inner .active.left,
#carousel-area .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
#carousel-area .carousel-inner .next.left,
#carousel-area .carousel-inner .prev.right {
    opacity: 1;
}
#carousel-area .carousel-control {
    z-index: 2;
}
#carousel-area .carousel-item {
    background-size: 100%;
    background-size: cover;
}
#carousel-area .carousel-item .carousel-caption {  
    top: 26%;
    right: 10%;
    left: 10%;
    text-shadow: none;
}
#carousel-area .carousel-item .carousel-caption h2 {
    font-family: 'Muli', sans-serif;
    font-size: 50px;
    text-align: end;
    margin-top: 35px;
}
#carousel-area .carousel-item i{
    color:#c4903f;
    margin-left:-25px;
}
#carousel-area .carousel-item .box-phone{
    border: 1px solid #c4903f;
    height: 35px;
    width: 150px;
    padding: 3px 0px 0 25px;
    color: #818B8D;
    border-radius: 50px;
    margin:10rem 0 0 55rem;
}
#carousel-area .carousel-item .number-phone{
    color:#c4903f;
    font-family: RobotoBold;
    font-size: 14px;
}
#brand-item{
    margin-top: -30px;
}
#carousel-area .carousel-item .carousel-caption h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    color: #fff;
    font-weight: 100;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
}
#carousel-area .carousel-item .carousel-caption .btn {
    margin: 30px 15px;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
}
#carousel-area .active {
    opacity: 1;
}
#carousel-area .active.left,
#carousel-area .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
#carousel-area .carousel-control {
    z-index: 10;
    width: 35px;
    height: 55px;
    top: 50%;
    padding: 10px 5px;
    box-shadow: none;
    background: url(../images/skin.png);
    margin-top: -35px;
    text-shadow: none;
}
#carousel-area .carousel-control-prev-icon {
    left: 5%;
}
#carousel-area .carousel-control-next-icon {
    right: 5%;
    background-position: -150px 0px !important;
}
#carousel-area .carousel-indicators {
    bottom: -45px;
}
#carousel-area .carousel-indicators li {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: .5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791;
    cursor: pointer;
    top:10px;
}
#carousel-area .carousel-indicators li:hover,
#carousel-area .carousel-indicators li.active {
    opacity: 1;

}
#carousel-area:hover .carousel-control {
    display: block;
}
#carousel-area i {
    margin-right: 10px;
}
.big-title {
    font-family: 'Muli', sans-serif;
    font-size: 60px;
    color: #fff !important;
    text-transform: uppercase;
}
.medium-title {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    line-height: 30px;
    font-weight: 300;
}
.mr {
    margin-right: 10px;
}
.navbar {
    margin-bottom: 0;
    padding: 0 15px;
    position:sticky;
    top:0;
    z-index:9999;
    background-color:#fff;

}
body.fixNav .navbar{
    background: rgba(255,255,255,1);    
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12), 0 3px 1px -2px rgba(0,0,0,.2);
}
.navbar li {
    color: #666;
}
.navbar-engage.affix {
    width: 100%;
    top: 0;
    z-index: 99999;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
.navbar-engage.affix .navbar-brand {
    padding: 10px 15px;
    height: 54px;
}
.navbar-engage.affix .navbar-brand img {
    width: 100px;
}
.navbar-engage.affix .navbar-nav > li > a,
.navbar-engage.affix .navbar-nav > li > a:focus {
    margin: 10px 20px;
}
.navbar-brand {
    width: 130px;
    padding-top: 0px;
    height: auto;
}
.navbar-engage {
    border: none;
    border-radius: 0;
    background: #fff;
}
.navbar-engage .navbar-nav > li > a,
.navbar-engage .navbar-nav > li > a:focus {
    font-size: 14px;
    padding: 28px 20px;
    margin: 0px;
    outline: 0;
    color: #666;
    font-weight: 400;
    background: transparent;
}
.navbar-engage .navbar-nav > li > a {
    background: transparent;
    padding-bottom: 5px;
    color: #666;
    position: relative;
}
.navbar-engage .navbar-nav > li > a:before {
    content: "";
    display: inline-block;
    width: 0px;
    height: 1px;
    position: absolute;
    left: 1px;
    bottom: 4px;
    -webkit-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -moz-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -o-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.navbar-engage .navbar-nav > li a:hover::before,
.navbar-engage .navbar-nav > li.active a::before,
.navbar-engage .navbar-nav > li.open > a::before,
.navbar-engage .navbar-nav > .active > a:focus::before {
    width: 15px;
}
.navbar-engage .navbar-nav > li a:focus > a::before {
    background: transparent;
}
.navbar-engage .navbar-nav > li.open a:focus {
    background: transparent!important;
}
.navbar-engage .navbar-nav > li > a:hover,
.navbar-engage .navbar-nav > .active > a,
.navbar-engage .navbar-nav > li.open > a,
.navbar-engage .navbar-nav > .active > a:hover,
.navbar-engage .navbar-nav > .active > a:focus,
.navbar-engage .navbar-nav > .open > a:hover {
    background: transparent;
}
.dropdown:hover>.dropdown-menu {
    display: block;
}
.dropdown-menu.show{
    display: none;
}
.dropdown-menu {  
    -webkit-animation: fadeInUpMenu 0.4s;
    -moz-animation: fadeInUpMenu 0.4s;
    -ms-animation: fadeInUpMenu 0.4s;
    -o-animation: fadeInUpMenu 0.4s;
    animation: fadeInUpMenu 0.4s;
}
@-webkit-keyframes fadeInUpMenu {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@keyframes fadeInUpMenu {
    0% {
        opacity: 0;
        transform: translateY(10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.fadeInUpMenu {
    -webkit-animation-name: fadeInUpMenu;
    animation-name: fadeInUpMenu;
}
.navbar-engage .dropdown-menu {
    padding: 0;
    border-style: solid;
    border-width: 4px 0 0 0;
    border-radius: 0;
    left: 0;
    right: 0;
}
.navbar-engage .dropdown-menu a.dropdown-item {
    color: #666;
    padding: 10px 0 10px 15px;
    margin: 5px 0;
}
.navbar-engage .dropdown-menu a.dropdown-item:hover,
.navbar-engage .dropdown-menu a.dropdown-item .active {
    background: #ecf0f1;
}
.navbar-engage .dropdown-menu a {
    background: #ecf0f1;
}
.navbar-engage .dropdown-item {
    color: #666;
    padding: 10px 0 10px 15px;
    margin: 5px 0;
}
.navbar-engage .sub-menu {
    top: -1px;
    left: 100% !important;
    padding: 0;
    border: none;
    -webkit-animation: fadeInUpMenu 0.4s;
    -moz-animation: fadeInUpMenu 0.4s;
    -ms-animation: fadeInUpMenu 0.4s;
    -o-animation: fadeInUpMenu 0.4s;
    animation: fadeInUpMenu 0.4s;
}
.navbar-engage .navbar-toggle {
    border-radius: 0;
}

@-webkit-keyframes fadeInUpMenu {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@keyframes fadeInUpMenu {
    0% {
        opacity: 0;
        transform: translateY(10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.fadeInUpMenu {
    -webkit-animation-name: fadeInUpMenu;
    animation-name: fadeInUpMenu;
}
.nav-inline .nav-item + .nav-item {
    margin-left: 0px;

}


#main-menu ul > li > a {
    background: transparent!important;
    color: #8192a5;
    position: relative;
    padding: 47px 12px;
    font-size:12px;
    line-height: 18px;
    text-transform: uppercase;
}
#main-menu ul > .dropdown:hover > ul.dropdown-menu {
    display: block;
    webkit-animation: MenuFadeIn 400ms;
    animation: MenuFadeIn 400ms;
    transition: all 0.3s ease-in-out 0s;
}
#main-menu ul .dropdown .dropdown-menu {
    padding: 0;
    border-radius: 0;
    left: 15;
    right: 0;
    margin-top: -45px;
    width: 220px;
    border: none;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
#main-menu ul .dropdown .dropdown-menu a {
    font-size: 13px;
    color: #666;
    display: block;
    height: auto;
    padding: 12px 20px 13px;
    line-height: 16px;
    font-weight: 400;
    border-top: 1px solid #e2e6e7;
    transition: all 0.3s ease-in-out 0s;
}
#main-menu ul .dropdown .dropdown-menu a:hover,
#main-menu .dropdown .dropdown-menu a .active {
    background: transparent;

    transition: all 0.3s ease-in-out 0s;

}
#main-menu ul .dropdown .dropdown-menu > li > a:focus {
    background: transparent;
}
#main-menu ul .dropdown .dropdown-menu > li.active > a {
    background: transparent;
}
#main-menu ul .dropdown .open > a {
    background: transparent;
}
#main-menu ul .dropdown .open > a:hover,
#main-menu .dropdown .open > a:focus,
#main-menu .dropdown .open > a.active {
    background: transparent;
}
#main-menu ul .dropdown .sub-menu {
    top: -2px;
    left: 100% !important;
    padding: 0;
    border: none;
    -webkit-animation: MenuFadeIn 0.4s;
    -moz-animation: MenuFadeIn 0.4s;
    -ms-animation: MenuFadeIn 0.4s;
    -o-animation: MenuFadeIn 0.4s;
    animation: MenuFadeIn 0.4s;
}
@-webkit-keyframes MenuFadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes MenuFadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
#main-menu ul .dropdown-toggle::after {
    display: none;
}
.active.slicknav_collapsed,
.slicknav_parent.slicknav_open {
    background: #eee;
}
.wpb-mobile-menu {
    display: none;
}
ul li > ul {
    padding: 0;
    border-style: solid;
    border-width: 4px 0 0 0;
    border-radius: 0;
    left: 0;
    right: 0;
    border-color: transparent;
}
ul li > ul > li > a {
    color: #666;
    padding: 10px 0 10px 15px;
    margin: 5px 0;
}
ul li > ul > li > a:hover,
ul li > ul > li > a .active {
    background: #ecf0f1;
}
ul li > ul > li.active > a {
    background: #ecf0f1;
}
.active.slicknav_collapsed,
.slicknav_parent.slicknav_open {
    background: #eee;
}
.wpb-mobile-menu {
    display: none;
}
.wpb-mobile-menu ul li > ul {
    padding: 0;
    border-style: solid;
    border-width: 4px 0 0 0;
    border-radius: 0;
    left: 0;
    right: 0;
    border-color: transparent;
}
.wpb-mobile-menu ul li > ul > li > a {
    color: #666;
    padding: 10px 0 10px 15px;
}
.wpb-mobile-menu ul li > ul > li > a:hover,
.wpb-mobile-menu ul li > ul > li > a .active {
    background: #ecf0f1;
}
.wpb-mobile-menu ul li > ul > li.active > a {
    background: #ecf0f1;
}
.slicknav_menu {
    display: none;
}
@media screen and (max-width: 767px) {
    .navbar-brand {
        position: absolute;
        top: 12px;
    }
    /* #menu is the original menu */
    #wpb-mobile-menu {
        display: none;
    }
    .slicknav_menu {
        display: block;
    }
    .headerstrip,.trending-now{
        display:none;
    }
    .image-logo{
        width:100%;
    }
}
/* SlickMenu responsive */
@media screen and (max-width: 768px) {
    .navbar-toggler{
        display: none;
    }
}
.top_search_con {
    background: #edddc5;
    height: 40px;
    border-radius: 50px;
    position: relative;
    width: 140px;
}
.top_search_con input[type="text"],
.top_search_con input:focus {
    background: none !important;
    border: 1px solid #c4903f;
    height: 100%;
    width: 100%;
    padding: 0px 20px 0 20px;
    color: #818B8D;
    font-size: 12px;
    outline: none;
    border-radius: 50px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}
.top_search_icon {
    color: #e64a4a;
    font-size: 14px;
    left: 105px;
    position: absolute;
    top: 10px;
}
.top_search .top_search_submit {
    border: none;
    padding: 0;
    position: absolute;
    width: 20px;
    left: 12px;
    opacity: 0;
    top: 9px;
}
/* ==========================================================================
   Service Section Start
   ========================================================================== */
.service-item .icon-wrapper {
    font-size: 40px;
    margin-bottom: 30px;
}
.service-item .icon-wrapper img{
    max-width:100%;
}
.service-item .icon-wrapper i {
    display: block;
    margin: 0 auto;

}
.service-item h2 {
    font-size: 20px;
    margin-bottom: 15px;  
    color: #fff;
    text-align: center;
}
.service-item p {
    font-size: 14px;
    text-align: center;
    color: #fff;
}
/* Pulse Shrink */
@-webkit-keyframes pulse-shrink {
    to {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}
@keyframes pulse-shrink {
    to {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }
}
.pulse-shrink {
    display: inline-block;
}
.service-item:hover .pulse-shrink {
    -webkit-animation-name: pulse-shrink;
    animation-name: pulse-shrink;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
/* ==========================================================================
   About Us Section Start
   ========================================================================== */
.split {
    background-color: #F6F6F6;
}

.split h2.title {
    font-size: 28px;
    text-transform: uppercase;
    margin: 10px 0 20px 0;
}
.split .lead {
    font-size: 14px;
}
.split .details-list {
    margin-top: 36px;
}
.split .details-list h3 {
    font-size: 16px;
    font-weight: 300;
}
/* ==========================================================================
   Featured Section Start
   ========================================================================== */
.featured-box {
    margin-top: 15px;
    margin-bottom: 15px;
}
.featured-box .featured-icon {
    float: left;
    margin-top: 5px;
}
.featured-box .featured-icon i {
    font-size: 28px;
    text-align: center;
    float: left;
    margin-right: 25px;
    margin-bottom: 85px;
    display: block;

}
.featured-box .featured-content {
    padding-left: 40px;
}
.featured-box .featured-content h4 {
    font-size: 22px;
    margin-bottom: 10px;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
.featured-box .featured-content p {
    font-size: 13px;
}
#portfolios {
    background: #F6F6F6;
}
#portfolios .mix {
    padding: 0;
}
#portfolios .mix {
    display: none;
}
.controls {
    text-align: center;
    padding: 20px;
}
.controls a:hover {
    cursor: pointer;

}
#portfolio-list {
    margin-top: 15px;
    display: inline-block;
}
.portfolio-img {
    overflow: hidden;
    display: block;
    position: relative;
}
.portfolio-img img {
    width: 100%;
}
.portfoli-content {
    width: 100%;
    position: absolute;
    height: 100%;
    opacity: 0;
    top: 0;
    -webkit-transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
.portfoli-content:before {
    background-color: rgba(255, 255, 255, 0.8);
    top: 15px;
    left: 15px;
    bottom: 15px;
    right: 15px;
    content: '';
    position: absolute;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
}
.sup-desc-wrap {
    display: table;
    width: 100%;
    height: 100%;
}
.sup-desc-wrap .sup-desc-inner {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 0 35px;
}
.sup-desc-wrap .sup-link {
    margin-bottom: 20px;
}
.sup-desc-wrap .sup-link .left-link,
.sup-desc-wrap .sup-link .right-link {
    font-size: 14px;
    line-height: normal;
    outline: none;

    border-radius: 50%;
    color: #fff;

    width: 42px;
    height: 42px;
    opacity: 0;
    line-height: 42px;
    text-align: center;
    display: inline-block;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    margin-right: 5px;
}
.sup-desc-wrap .sup-link .left-link {
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
}
.sup-desc-wrap .sup-link .right-link {
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.sup-desc-wrap .sup-link a:hover {
    background: transparent;

}
.sup-desc-wrap .sup-meta-wrap .sup-title {
    display: block;
    outline: none;
    margin-bottom: 10px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.sup-desc-wrap .sup-meta-wrap .sup-title h4 {
    font-size: 18px;
    color: #000;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: 300;
}
.sup-desc-wrap .sup-meta-wrap .sup-description {
    font-size: 13px;
    line-height: 18px;
    color: #666;
    text-align: center;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.portfolio-item:hover .portfoli-content,
.portfolio-item:hover .portfoli-content:before {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.portfolio-item:hover .sup-title {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.portfolio-item:hover .sup-description {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}
.portfolio-item:hover .sup-link .right-link,
.portfolio-item:hover .sup-link .left-link {
    opacity: 1;
    webkit-transform: translateY(0px);
    transform: translateY(0px);
}
.loadmore-button {
    text-align: center;
    text-transform: uppercase;
    margin-top: 30px;
    color: #000;
}
#other-services {
    background: #fff;
}
#other-services .nav-tabs {
    border-bottom: none;
    float: left;
    display: table-cell;
    vertical-align: top;
}
#other-services .nav-tabs li {
    float: none;
}
#other-services .nav-tabs li a {
    border: none;
    background: transparent;
    margin: 0;
    padding: 0;
}
#other-services .nav-tabs li a i {
    background: #81868e;
    font-size: 20px;
    text-align: center;
    color: #fff;
    float: left;
    width: 50px;
    border-radius: 50%;
    height: 50px;
    line-height: 50px;
    margin: 10px 0;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#other-services .nav-tabs li a:hover i,
#other-services .nav-tabs li a:focus,
#other-services .nav-tabs li a.active i {

}
#other-services .tab-content {
    margin: 10px 0px 0px 80px;
}
#other-services .service-content h3 {
    font-size: 20px;
    margin-bottom: 25px;
    text-transform: uppercase;
}
#other-services .service-content p.lead {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 25px;
}
#other-services .service-content p {
    font-size: 14px;
}
#other-services .other-service-item {
    padding-bottom: 30px;
}
#other-services .other-service-item .icon {
    float: left;
}
#other-services .other-service-item .icon .icon-medium {
    background: #E74C3C;
    font-size: 24px;
    text-align: center;
    color: #fff;
    float: left;
    width: 70px;
    border-radius: 50%;
    height: 70px;
    line-height: 70px;
    margin: 12px 0;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#other-services .other-service-item .service-content {
    padding-left: 100px;
}
#other-services .other-service-item .service-content h3 {

    font-size: 24px;
    clear: inherit;
}
#other-services .other-service-item .service-content p {
    padding: 0px 36px 0px 0px;
}
#other-services .other-service-item:hover .icon-medium {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg);
    -webkit-transition: all 0.6s linear;
    -moz-transition: all 0.6s linear;
    -o-transition: all 0.6s linear;
    transition: all 0.6s linear;
    background: #666;
}
#other-services img {
    max-width: 100%;
    padding: 22px;
}
.skill p {
    margin-bottom: 10px;
    font-weight: 600;
}
.progress {
    background: #F5F5F5;
    height: 10px;
    margin: 0 0 20px;
    position: relative;
    width: 100%;
}
.progress-bar {
    float: left;
    height: 100%;
    font-size: 12px;
    color: #ffffff;
    border: 1px solid #fff;

    text-align: center;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.6s linear;
    -moz-transition: all 0.6s linear;
    -o-transition: all 0.6s linear;
    transition: all 0.6s linear;
    position: relative;
}
#pricing {
    background: url(../images/facts-bg.jpg);
}
#pricing .section-title {
    color: #fff;
}
#pricing .section-subcontent {
    color: #fff;
}
.pricing-table-1 {
    background: #fff;
    margin: 0 15px;
}
.pricing-table-1 .table-header {
    padding: 30px 0;
    color: #fff;

}
.pricing-table-1 .table-header h3 {
    font-size: 30px;
    font-weight: 400;
}
.pricing-table-1 .plan {
    border-bottom: 1px solid rgba(189, 195, 199, 0.5);
}
.pricing-table-1 .plan .price {
    font-size: 24px;
}
.pricing-table-1 .plan .period {
    font-size: 18px;
    color: #999;
    text-transform: uppercase;
}
.pricing-table-1 .plan-info {
    margin-top: 30px;
}
.pricing-table-1 .plan-info p {
    color: #bdc3c7;
    font-size: 16px;
    line-height: 30px;
}
.pricing-table-1 .button-area {
    padding: 30px 0 45px 0;
}
#pricing-block-x {
    background: #ecf0f1;
}
.pricing-table-x {
    background: rgba(0, 0, 0, 0.7);
    margin: 0 15px;
    padding: 15px 30px;
}
.pricing-table-x .table-header {
    padding: 15px 0;
    color: #fff;
}
.pricing-table-x .table-header h3 {
    font-size: 30px;
    font-weight: 400;
}
.pricing-table-x .plan .price {
    font-size: 30px;

}
.pricing-table-x .plan .period {
    font-size: 18px;
    color: rgba(231, 76, 60, 0.7);
    text-transform: uppercase;
}
.pricing-table-x .plan-info {
    margin-top: 30px;
}
.pricing-table-x .plan-info p {
    color: #fff;
    font-size: 16px;
    line-height: 16px;
}
.pricing-table-x .plan-info p i {
    margin-right: 5px;
}
.pricing-table-x .button-area {
    padding: 30px 0 40px 0;
}
#cool-facts {
    width: 100%;
    height: 100%;
    background-color:rgba(0, 0, 0, 0.4);
    background-image: url(../images/Team-Work.jpg);
}
#cool-facts .section-title {
    color: #fff;
}
#cool-facts .section-subcontent {
    color: #fff;
}
#cool-facts .facts-item {
    text-align: center;
    padding-bottom: 30px;
}
#cool-facts .facts-item i {
    font-size: 45px;

    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 50%;
}
#cool-facts .fact-count h3 {
    color: #fff;
    font-weight: 300;
    font-size: 42px;
}
#cool-facts .fact-count h4 {
    color: #fff;
    font-size: 22px;
}
#notice {
    background: #f6f6f6;
}
#notice .notice-button {
    margin-top: 30px;
}
#notice h4 {
    font-size: 40px;
}
#notice p {
    font-size: 24px;
    color: #999;
    margin-top: 15px;
}
#notice .notice-content {
    padding: 30px;
}
#clients .client-item-wrapper {
    text-align: center;  
    padding: 30px;
    margin: 0 3px;
}
#clients .client-item-wrapper:hover {

}
#clients #clients-scroller img:hover {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -webkit-filter: gray;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    opacity: 1.0;
}
#clients #clients-scroller .owl-pagination {
    display: none;
}
#testimonial {
    background: #fff;
}
#testimonial .testimonial-inner {
    text-align: center;
    padding: 10px 30px;
    border: 1px solid #ddd;
    margin: 5px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
#testimonial .testimonial-inner:hover {

}
#testimonial .testimonial-images {
    margin-bottom: 20px;
}
#testimonial .testimonial-images img {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    padding: 5px;
    box-shadow: 0px 0px 3px #ddd;
}
#testimonial .testimonial-content p {
    line-height: 25px;
    margin-bottom: 15px;
}
#testimonial .testimonial-footer {
    font-size: 12px;
    font-weight: 600;
}
#testimonial .testimonial-footer i {
    margin-right: 5px;
}
#testimonial .testimonial-footer a {
    color: #aaa;
    margin-left: 3px;
    font-weight: 300;
}
#testimonial .testimonial-footer a:hover {

}
#testimonial .owl-pagination {
    margin-top: 30px;
}
#testimonial .owl-pagination .owl-page span {
    border-radius: 4px;
    width: 8px;
    height: 8px;
    background: none;

    opacity: 0.5;
}
#testimonial .owl-pagination .owl-page.active span {

    opacity: 1.0;
}
#blog .blog-item-wrapper {
    background: #fff;
    box-shadow: 0 1px 1px #ddd;
    /*padding: 15px;*/
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
#blog .blog-item-wrapper:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, .7);
}
#blog .blog-item-wrapper {
    box-shadow: 0 0 40px #ddd;
    height:390px;
}
#blog .blog-item-img {
    position: relative;
}
#blog .link-image:before{
    bottom: 0;
    content: "";
    display: block;
    height: 60%;
    width: 100%;
    position: absolute;
    z-index: 1;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.7)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
}
#blog .blog-item-img img {
    width: 100%;
    opacity: 1 !important;
    transition: opacity 0.3s;
    transition-timing-function: cubic-bezier(0.39, 0.76, 0.51, 0.56)
}
#blog .blog-item-text {
    margin-top: 15px;
    padding: 0 0 20px 15px;
    z-index:1;
}
#blog .blog-item-text p{
    color:#aaa;
	/*padding:0 3px;*/
}
#blog .blog-item-text h3 {
    font-size: 18px;
    line-height: 30px;
}
#blog .blog-item-text h3 a {
    color: #445261;
    font-family: 'RobotoMedium', sans-serif;
    font-weight: 400;
    font-size: 18px;  
}
.course-price{
    color: #c4903f !important;
    font-family: 'RobotoMedium', sans-serif !important;  
    font-size: 14px !important;  
}
#course-detail-item{
    margin-left: -15px;
}
#blog .blog-item-text h3 a:hover {

}
#blog .blog-item-text .blog-one-footer {
    padding: 5px 0px 0px;
}
#blog .blog-item-text .blog-one-footer a {
    font-family: 'RobotoRegular', sans-serif;
    font-size: 14px;  
    padding-right: 3rem;
    color: #445261;  
}
#blog .blog-item-text .blog-one-footer a:hover {

}
#blog .blog-item-text .blog-one-footer i {

    margin-right: 5px;
}
#team .team-item figure {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0;
    text-align:center;
}
#team .team-item figure img {
    max-width: 100%;  
    height: auto;
}
#team .team-item figure figcaption {
    height: 100%;
    position: absolute;
    top: 0;
    background: rgba(0, 0, 0, 0.85);
    opacity: 0;
    width: 100%;
    -webkit-transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
#team .team-item figure figcaption .details {
    position: absolute;
    top: 30%;
}
#team .team-item figure figcaption .content-white {
    font-size: 13px;
    text-align: center;
    color: #FFF;
    margin: 0 auto;
    line-height: 18px;
    width: 65%;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#team .team-item figure figcaption .orange-line {

    margin: 12px auto 6px;
    width: 0px;
    height: 1px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#team .team-item figure:hover figcaption {
    opacity: 1;
}
#team-item{
    z-index:9999;
}
#team .team-item figure:hover .orange-line {
    width: 62px;
}
#team .team-item figure:hover figcaption .content-white {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}
#team .team-item figure:hover .social a {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

#team .team-item .social {
    text-align: center;
    margin-top: 15px;
}
#team .team-item .social .facebook,
#team .team-item .social .twitter,
#team .team-item .social .google-plus {
    font-size: 14px;
    line-height: normal;
    outline: none;

    border-radius: 50%;
    color: #fff;

    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    display: inline-block;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    margin-right: 5px;
}
#team .team-item .social .facebook {
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
}
#team .team-item .social .twitter {
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
#team .team-item .social .google-plus {
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
}
#team .team-item .social a:hover {
    background: transparent;

}
#team .info {  
    padding: 15px 0 1px;
    text-align: center;
}
#team .info h2 {
    color: #445261;
    font-size: 18px;
}
#team .info p {
    color: #445261;
    font-size: 12px;
    font-weight: 300;
    line-height: 22px;
    text-transform: uppercase;
}
#team .client-item-wrapper {
    text-align: center;  
    padding: 75px 0px 0px 40px;  
}

#clients .team-item figure {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0;
    text-align:center;
}
#clients .team-item figure img {
    max-width: 100%;  
    height: auto;
    webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
#clients .team-item figure figcaption {
    height: 100%;
    position: absolute;
    top: 0;
    background: #445261;
    opacity: 0;
    width: 100%;
    -webkit-transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
#clients .team-item figure figcaption .details {
    position: absolute;
}
#clients .team-item figure figcaption .content-white {
    font-size: 13px;
    text-align: center;
    color: #FFF;  
    line-height: 18px;
    margin: 0 0 0 3rem;
    width: 100%;
    /*-webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;*/
}
.title-inhouse{
    font-size: 45px !important;
    font-family: 'RobotoBold',sans-serif !important;
    margin:15px 0 30px 0;
    line-height:50px;
    color:#606060 !important;
    min-height: 75px;
}
.caret{
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent;
}
#cross-knowledge-item{
    margin-left:10px;
}
.icon-blen-training{
    padding-top:4px;
}
.service-linh-vuc p{
    text-align: left;  
}
.service-nguon-luc p{
    margin-left: -10px !important;
}
.mrl-auto{
    margin-left: 0px !important;
}
#clients .team-item figure figcaption .large {
    font-size: 18px;
    font-family: RobotoBold;  
    margin: 2rem 0 0 3rem;
}

#clients .team-item figure figcaption .orange-line {

    margin: 12px 0 6px 105px;
    width: 0px;
    height: 1px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#clients .team-item figure:hover figcaption {
    opacity: 1;
}
#clients .team-item figure:hover .orange-line {
    width: 62px;
}
#clients .team-item figure:hover figcaption .content-white {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}
#clients .team-item figure:hover .social a {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

#clients .team-item .social {
    text-align: center;
    margin-top: 15px;
}
#clients .team-item .social .facebook,
#clients .team-item .social .twitter,
#clients .team-item .social .google-plus {
    font-size: 14px;
    line-height: normal;
    outline: none;

    border-radius: 50%;
    color: #fff;

    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    display: inline-block;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    margin-right: 5px;
}
#clients .team-item .social .facebook {
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
}
#clients .team-item .social .twitter {
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
#clients .team-item .social .google-plus {
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
}
#clients .team-item .social a:hover {
    background: transparent;

}
#clients .info {  
    padding: 15px 0 1px;
    text-align: center;
}
#clients .info h2 {
    color: #445261;
    font-size: 18px;
}
#clients .info p {
    color: #445261;
    font-size: 12px;
    font-weight: 300;
    line-height: 22px;
    text-transform: uppercase;
}
#clients .client-item-wrapper {
    text-align: center;  
    padding: 75px 0px 0px 40px;  
}




.orange-line {

    margin: 12px auto 6px;
    width: 52px;
    height: 1px;
}
#team-block-2 .team-member {
    padding-bottom: 15px;
    margin-top: 20px;
    border-bottom: 5px solid transparent;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background: #666;
    border-bottom: 4px solid transparent;
}
#team-block-2 .team-member .face {
    position: relative;
    width: 100%;
    overflow: hidden;
}
#team-block-2 .team-member .face img {
    width: 100%;
    height: auto;
}
#team-block-2 .team-member .member-info {
    text-align: center;
    padding: 24px;
}
#team-block-2 .team-member .member-info h3 {
    line-height: 30px;
    font-size: 30px;
    color: #fff;
}
#team-block-2 .team-member .member-info .position {
    color: #999;
    font-size: 16px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.5);
}
#team-block-2 .team-member .member-info .social-team {
    margin-top: 15px;
}
#team-block-2 .team-member .member-info .social-team a {
    color: #3D566E;
    margin: 0 4px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
#team-block-2 .team-member .member-info .social-team a i {
    color: #ffffff;
    padding: 7px;
    background: transparent;
    font-size: 18px;
    line-height: 28px;
    border: 1px solid #fff;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
#team-block-2 .team-member .member-info .desc {
    margin-top: 15px;
    color: #ecf0f1;
}
#team-block-2 .team-member .member-info .social .fa-facebook:hover {
    background: #3b5998;
    color: #fff;
}
#team-block-2 .team-member .member-info .social .fa-twitter:hover {
    background: #00CAFB;
    color: #fff;
}
#team-block-2 .team-member .member-info .social .fa-google-plus:hover {
    background: #D23A1D;
    color: #fff;
}
#team-block-2 .team-member .member-info .social .fa-linkedin:hover {
    background: #007bb6;
    color: #fff;
}
#team-block-2 .team-member:hover {

    background: #777;
}
#service-block-main{
    background-color: #171e30;
}
#service-block-main .blend-training{
    color:#fefefe;
    font-size: 70px;
    font-family: RobotoBold, sans-serif;
    text-align: center;
}
.section-subcontent-blend{
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 15px 45px 10px 45px;

}
#service-block-main .blog-powered-by{
    text-align: center;
    padding: 0 0 50px 0;
}
#service-block-main .blog-powered-by span{
    color:#fff;
    font-size: 12px;
    font-family: 'RobotoRegular', sans-serif;
    text-align: center;
    padding: 0 30px 0 20px;
}
.child #service-block-main .blog-powered-by span{
    color:#445261;
    font-size: 15px;
}
#subscription .subscription-form .form-control {
    height: 60px;
    font-size: 24px;
    color: #999;
}
#new-detail .detail-news img, #new-detail .detail-news iframe{
    max-width:100%;
    /*height:auto;*/
}
#new-detail .detail-news img{
    height:auto !important;
}
#new-detail .detail-news strong{
    font-family:'RobotoBold',sans-serif;
}
#new-detail .detail-news a{
    color:#c4903f !important;
}
.btn-go-home{
    background:#c4903f none repeat scroll 0 0;  
    cursor: pointer;
    padding: 10px 37px;
    border-radius: 25px;
    color: #fff;    
    font-size: 18px;
    font-family: RobotoBold;
}
.thank-you a:hover{
    color:#fff;
}
#subscription .subscription-form .btn {
    padding: 18px;
}
#error-404 {
    background: #ECF0F1;
    padding: 36px;
}
#error-404 h1 {
    font-size: 120px;
}
#error-404 h3 {
    font-size: 40px;
    margin-bottom: 30px;
}
#content {
    padding-top: 30px;
    padding-bottom: 30px;
    min-height: 600px;
}
#contact .contact-info-wrapper {
    margin-top: -60px;
}
#contact .contact-info-wrapper .contact-item-wrapper i {
    padding: 15px;

    width: 64px;
    height: 64px;
    border-radius: 50%;
    color: #fff;
}
#contact .map {
    position: relative;
}
#contact .contact-info {
    background: #666;
    color: #fff;
    padding: 30px 0;
}
#contact .contact-form-wrapper {
    background: url(contact-form-bg.jpg)/*tpa=http://demo.graygrids.com/themes/engage/assets/img/backgrounds/contact-form-bg.jpg*/;
    background-size: cover;
}
#contact .form-control {
    margin-bottom: 45px;
    background: transparent;
    color: #445261;
}
#contact2 .contact-info-wrapper {
    margin-top: -10px;
}
#contact2 .contact-info-wrapper .contact-item-wrapper {
    padding: 15px 30px;
}
#contact2 .contact-info-wrapper .contact-item-wrapper i {
    color: #fff;
    float: left;
    padding: 8px 15px;
    font-size: 24px;
}
#contact2 .contact-info-wrapper .contact-item-wrapper h4 {
    line-height: 40px;
    color: #FFF;
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
}
#contact2 .form-control {
    margin-bottom: 30px;
}
#contact-form-home ::-webkit-input-placeholder  { /* WebKit browsers */
    opacity: 0.5 !important;
}
#contact-form-home ::-moz-placeholder { /* WebKit browsers */
    opacity: 0.5 !important;
}
.top_search_con ::-webkit-input-placeholder { /* WebKit browsers */   
    color:#c4903f;
}
.top_search_con ::-moz-placeholder { /* WebKit browsers */    
    color:#c4903f;
}
#contact-form-home textarea {
    width: 100%;
    height: 130px;
    padding-left: 10px;
    /*border: 1px solid rgba(0,0,0,.15);*/
    border-radius: .25rem;  
}
.grid-contact{    
    webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px 4px rgba(0, 0, 0, .1);
    margin-top: 20px;
    margin-left: -15px;
}
#contact-form-home .form-group{
    margin-bottom: -1rem;
    margin-top: 2rem;
}
#newletters{
    background-color: #171e30;
}
#newletters .section-subcontent-blend{
    /*padding: 15px 0 10px 105px;*/
    width: 75%;
    margin-left: 5rem;
}
/*.row{
  margin:auto;
}*/
.social-list{
    display: flex;
    margin-left: -15px;
    padding-bottom: 1rem;
}
.fb-comments{
    margin-left: -20px;
}
.share-gg{
    margin-top: 5px;
}
#newletter-form-blog .form-group{
    display: flex;    
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
#newletter-form-home .form-control{
    border-radius: 0;  
}
#newletter-form-home .btn-signup{ 
    border-radius: 0;
    background-color:#c4903f;
    border-color:#c4903f;
    margin: 0;
    cursor:pointer;
}
#newletter_email-error{
    position:absolute;
    padding:50px 0 0 0;
}
#newletter-form-home{
    padding-bottom: 25px;
}
.orange-line-menu{
    border-bottom: 6px solid #c4903f;
}
.about-us-service{
    background-color: #fff !important;
    /*border: 1px solid #445261;*/
}
.about-us-service .service-item h2{
    color:#c5913f;
    font-size: 17px;
}
.about-us-service .service-item p{
    color:#445261;  
}
.breadcrum {
    border-bottom: 1px solid #f1f1f1;
    background-color: #f9f9f9;
    padding: 15px;
}
.breadcrum .bit {
    display: inline;
}
.breadcrum a {
    color: #a3a3a3;
    font-size:17px;
}
.detail-news{
    margin-left:-15px;
}
.breadcrum .last {
    color: #c4903f !important;
    font-weight:700;
    font-size:16px;
}
/*Page Children*/
.child h1 {
    text-align: left;
    font-size: 30px;
    line-height: 40px;
    color: #c4903f;
    font-family: 'RobotoMedium', sans-serif;
    padding: 30px 0 20px 0;
    width: 100%;
}
.child h3{
    font-size: 25px;
    /*color:#445261;*/
    font-family: 'RobotoRegular', sans-serif;
    padding: 0 0 15px 0;
    width: 100%;
    text-transform:uppercase;
    color:#c5913f;
}
.child h3 a{
    color:#c5913f;
}
.child h4{
    color:#C4903E;
    font-family: 'RobotoMedium', sans-serif;
}
.child p{
    font-size: 15px;
    color:#445261;
    font-family: 'RobotoRegular', sans-serif;
    width: 100%;
    /*padding: 0 0 15px 0;*/
}
.csp-profile{
    margin-bottom: 20px;
}
.position-teacher{
    height:50px;
}
.child .teacher-name{
    font-family: 'RobotoMedium', sans-serif;
    font-size: 24px;
    color: #C4903E;
}
.child .avatar-teacher{
    width: 70px;
    border-radius: 35px;
}
.child .about-course li{
    font-size: 15px;
    color:#445261;
}
.course-detail .item{
    background-color:#F9F9F9;
    border-radius:5px;
    border: 1px solid lightgrey;
    padding-bottom: 6px;
}
.course-detail .item p{
    padding: 10px 0 0 45px;
}
.course-detail .item span{
    padding-left: 45px;
    margin-bottom: 5px;
    display: block;
    margin-top: -12px
}
.contact-course-detail{
    padding-top: 50px;
}
.teacher-detail-item{
    display:flex;
    margin-left:-30px;
}
#contact .text-register{
    padding:50px 0 20px 0;
    line-height: 45px;
}
.fa-map-marker:before {
    content: "\f041";
    padding: 2px;
    color: #A3A3A3;
}
.view-profile{
    color:#fff;
    background-color: #c4903f;
    padding: 5px 15px;
    border-radius: 5px;
}
.btn-phone{
    margin-bottom:20px !important;
}
.child .info{
    margin-bottom: 60px;
}
.child .blog-powered-by span{  
    padding: 0 !important;
}
.child .blog-powered-by{
    /*background-color:#171E30;*/
    border-radius: 5px;
    width: 35%;
    padding:10px !important;  
}
.child .first{
    padding: 30px 0 50px 0;
}
.child .page-numbers:focus, .page-numbers:hover{
    color:#445261;
}
.child .page-numbers{
    border-color:#fff; 
    color:#9E9E9E;
    font-size: 18px;
    font-family: 'RobotoMedium', sans-serif;
}
.child .current{
    color:#445261;
    border-color:#fff;
    background-color: #fff;
    font-size: 18px;
    font-family: 'RobotoMedium', sans-serif;
}
.page-numbers {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    background-color: #fff;
    border: 1px solid #ddd;
}
.prev,.next{
    display: none;
}
/*.child img{
  max-width: 100%;
}*/
.child .event-blog img{
    max-width: 100%;
}
form .error{
    color:red;
    margin:0px;
}
.image-logo{
    margin-left: -15px;
}
/*.child .row{
  margin: 0;
}*/
/*#teacher .row{
  margin: 30px -15px 0 -15px !important;
}*/
.child .pagination {
    margin-top: -30px;
}
.register-event{
    margin-top:-20px;
}
/*.child .time-agenda{
  padding-top: 15px;
}*/
.child .text-register{
    font-size: 40px;
    font-family: 'RobotoBold';
    color: #2f2e27;
    margin-bottom: 30px;
}
.child .info-item{
    border-bottom: 1px solid red;
}
/*.child #eventes .row{
  margin: 10px 0 0px 0;
}*/
/*.child #coursers .row{
   margin: 5px 0px 0px 0px;
}*/
.child #eventes .table-bordered td, .table-bordered th{
    border: none;
}
.child .table-csp td{
    border-bottom: 1px solid #e9ecef !important;  
}
.child .table-csp tbody td p{
    padding-left: 3px;
}
.course-info{
    flex: 1;
    padding-top: 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.instructor {
    padding: 0 20px 15px 0;
    display: flex;
    flex-direction: row;
}
.instructor-avatar{
    width: 40px;
    height: 40px;
    margin-right: 6px;
}
.instructor-avatar img{
    width: 100%;
    height: 100%;
    border-radius: 100px;
    display: block;
}
.instructor p{
    width: auto;
}
.instructor .teacher-name-list{
    padding-left: 10px;
}
.course-info .position{
    margin-top: -33px;
    padding-left: 70px
}
#eventes .table-bordered td, .table-bordered th span{
    font-size: 15px;
    font-family: 'RobotoMedium', sans-serif;
    color:#445261; 
}
.child .item-address-time{
    margin-top: 10px;
}
.course-title{
    font-size: 18px !important;
}
.child h2{
    font-family: 'RobotoMedium', sans-serif;
    font-size: 20px;
    color:#445261;
}
.child #client-item{
    margin-top: 20px;
}
.child .register-event .form-control{
    margin-bottom:20px !important;
}
/*.child .course-detail{
  margin: 10px 0 40px 0 !important;
}*/
.orange{
    color:#C4903F !important;
}
.font-medium{  
    font-family: 'RobotoMedium', sans-serif !important;
}
.font-bold{
    font-family: 'RobotoBold', sans-serif !important; 
}
.font-regular{
    font-family: 'RobotoRegular', sans-serif !important;
}
.medium{
    font-size: 25px !important;
}
.regular{
    font-size: 15px !important;
    color:#445261 !important;
}
/*.child .team-profile img{
  border-radius: 10px;
}*/
.child .course-item{
    background-color: #f9f9f9;
    border: 1px solid lightgrey;  
    margin-top: 30px !important;
}
#coursers .pagination{
    margin-top: 30px;
}
.courses-filter .address{
    font-size: 18px;
    width: auto;
    margin-right: 1rem;
    padding-top: 20px;
}
.courses-filter {
    display: flex;
    align-items: center;
    margin-left: 15px;
}
.courses-filter .select-container {
    position: relative;
}
.courses-filter .select-container select {
    width: 200px;
    border: none;
    background: transparent;
    padding: 5px 0;
    border-radius: 0;
    border-bottom: 1px solid #eee;
    appearance: none;
    z-index: 100;
    position: relative;
}
.course-item .course-image{
    margin-left:-16px;
    height:100%;
    width: 250px;
    background-size: cover;
    background-position: 50%;
    position: relative
}
.course-detail .item-first{
    margin-left: -15px;
}
.course-detail .item-last{
    margin-right: -15px;
}
.about-course-detail  .course-detail{
    margin-top: 15px;
}
.about-course-detail iframe{
    margin-bottom: 20px;
}
.iframe-course{
    padding: 0;
    margin-left: 15px;
}
.footer-widget{
    margin-left: -15px;
}
#eventes .table-bordered{
    margin-top: 20px;
}
/*Teacher Child*/
.child .teacher-info .teacher-avatar img{    
    border-radius: 100px;
    display: block
}
.teacher-avatar{
    width: 155px;
    height: 155px;
    margin-right: 25px;
}
.instructor h1{
    font-size: 40px !important;
}
.teacher-info h2{
    font-size: 20px;
    font-family: 'RobotoRegular';
    margin:-90px 0 0 175px;
}
/*.child #blog .blog-item-img img{
  width: auto;
}*/
#course-detail-item .owl-item{
    height: 420px;
}
/*News*/
/*New Highlight*/
.title-info,
.title-info .title-date,
.item-highlight .ders{
    margin-top: -9px;

}
.item-highlight{
    height:539px;
}
.center-flex-50 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left:-15px;
}
.center-flex-50 .item-flex{
    border: 1px solid #dfddd9;
    margin-bottom:30px;
}
.no-border{
    border: none!important;
}
.item-highlight .img-thumb {
    background: #dfdfdf;
    margin-bottom: 20px;
}
.item-highlight .title {
    font-size: 25px;
    padding: 0 20px;
    font-family: 'RobotoMedium',sans-serif;
}
.item-highlight .title a {
    color: #445261;
    line-height: 30px;
}
.item-highlight .title-date {
    color: #A3A3A3;
    font-size: 13px;
    padding: 0 25px;
}
.title-date{
    color: #A3A3A3 !important;
    font-size: 10px !important;
}
.item-highlight .ders {
    font-size: 15px;
    padding: 0 20px 20px;
}
/*Article Right*/
.item-news-thumb {
    display: flex;
    width: 100%;
    /*padding-bottom: 25px;*/
    border: 1px solid #dfddd9;
    margin-bottom:27px;
}
.item-news-thumb .img-thumb a {
    display: block;
    height: 100%;
    overflow: hidden;
}
.item-news-thumb .img-thumb img {
    display: block;
    height: auto;
    min-width: 100%;
}
.item-news-thumb .img-thumb{
    margin-left:-15px;
}
.item-news-thumb .ders {
    /*border: 1px solid #dfddd9;
    padding: 5px 5px 0 15px;*/
    margin-left:-15px;
}
.item-news-thumb .ders .title {
    font-size: 17px;
    margin: 3px 0 0 0; 
    line-height	:24px;
    font-family: 'RobotoMedium',sans-serif;
}
.item-news-thumb .ders .title a {
    color: #445261;
}
.item-news-thumb .ders .title-date {
    color: #A3A3A3;
    font-size: 13px;
    margin: -5px 0 0 0;
}
.item-news-thumb .ders .ders-info {    
    font-size: 15px;
    margin: -3px 0 0 0;
    line-height	:20px;
}
/*.item-news-thumb .img-thumb {
    width: 70%;
}*/
/*article bottom*/
.item-news-thumb:last-child {
    padding-bottom: 0;
}
.no-padding-top {
    padding-top: 0!important;
}
.no-padding-bottom{
    padding-bottom: 0px !important;
}
.list-dot .item .title{
    font-size: 15px;
    color:#445261;
}
.list-dot .item{
    padding-bottom: 15px;
    list-style-type:none;
    margin-left: -40px;  
}
.read-top{
    border-bottom:1px solid rgba(0,0,0,.1);
    padding-top:10px;
}
.mrg-left{
    margin-left:-15px !important;
}
#eventes .pagination{
    margin-top:0px !important;
}
.aritcle-bottom .title{
    padding-top: 5px;
}
#teacher-child iframe, .about-course-detail iframe, #contact iframe{
    margin-left: -15px;
}
.child .teacher-info{
    margin-top: 15px;
}
/*New Detail*/
.description-image{
    font-size: 15px !important;
    font-family: 'RobotoItalic' !important;
    margin-left: 15% !important;
}
.form-email-detail{
    padding: 30px 0px;
}
.text-intro-desc p{
    font-family: 'RobotoItalic';
}
.detail-icon{
    display: flex;
}
.text-giai-phap{
    margin-left:30px;
}
.one-div{
    margin-top:12px;
}
.list{
    display:flex;
}
footer {
    background: #fff;
    color: #7C7C7C;
    padding-top: 10px;
}
footer .small-title {
    margin-bottom: 20px;
    color: #606060;
    font-size: 22px;
    font-family: 'RobotoBold',sans-serif;
}
footer .nav-item-first{
    margin-top: 35px;
}
/*.child footer .nav-item-first{
    margin-top: 63px;
}*/
footer .nav-link{
    line-height: 40px;
}
footer ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
footer ul li {
    line-height: 25px;
}
footer ul li a {
    color: #445261;
}
footer ul li.tweet {
    margin-bottom: 15px;
}
footer ul li.tweet .fa-twitter {
    padding: 5px;
    color: #fff;

    border-radius: 100%;
    width: 24px;
    height: 24px;
}
footer ul li.tweet .tweet-date {
    font-size: 12px;
    font-style: italic;
    color: #bdc3c7;
}
footer .plain-flicker-gallery {
    margin-right: -5px;
    margin-left: -5px;
}
footer .plain-flicker-gallery a {
    display: inline-block;
    width: 32%;
    font-size: 0px;
    padding: 5px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -0-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
footer .plain-flicker-gallery a:hover {
    opacity: 0.7;
}
footer .plain-flicker-gallery a img {
    width: 100%;
}
footer .contact-us .form-control {
    color: #999;
    font-size: 14px;
    background: #1D1D1D;
    border-radius: 0px;
    border: 1px solid transparent;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -0-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
footer #copyright {
    /*background: #1D1D1D;*/
    background: #fff;  
}
footer #copyright .row {
    padding: 15px 0;
}
footer #copyright .copyright-text,
footer #copyright .nav-inline {
    margin-top: 15px;
    text-align: center;
    font-size: 14px;
    font-family: RobotoLight;
}
.nav-inline{
    display: block;
    text-align: left;
}
.social-footer{
    margin-left: -5px;
}
.social-footer a .fa {
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    margin: 4px;
    width: 35px;
}
.info-footer .email-footer{
    margin-left: 50px;
}
/* .tagcloud{
   a{
      color: #FFF;
      font-size: 9pt;
      display: inline-block;
      float: left;
      margin: 0px 10px 10px 0px;
      padding: 2px 10px;
      background: #666;
      border-radius: 30px;
      &:hover{background: #565454;}
      i{padding-right: 5px;}
    }
  } */

/* Shortcode Accordion Page Styles */
.panel-default .panel-heading {
    border: medium none;
    border-radius: 0;
    outline: medium none;
    padding: 0;
    width: 100%;
}
.panel-default .panel-heading a {
    color: #ffffff;
    display: inline-block;
    font-weight: 500;
    padding: 12px 35px 12px 15px;
    position: relative;
    text-decoration: none;
    width: 100%;
    font-size: 20px;
}
.panel-default .panel-heading a i {
    font-size: 22px;
    padding-right: 10px;
}
.panel-default .panel-heading a::after {
    color: #fff;
    content: "";
    font-family: "FontAwesome";
    font-size: 22px;
    font-weight: 300;
    line-height: 1;
    margin-top: -10px;
    position: absolute;
    right: 15px;
    top: 50%;
}
.panel-default .panel-heading .collapsed::after {
    content: "";
}
.accordionSmall .panel-default .panel-heading a::after {
    content: "";
}
.accordionSmall .panel-default .panel-heading .collapsed::after {
    content: "";
}
.panel-default .panel-collapse .panel-body {
    background-color: #fafafa;
    padding: 15px;
}
#accordionRound .panel-default .panel-heading a {
    border-radius: 8px 8px 0px 0px;
}
.panel-transparent .panel-heading a {
    background: #F5F5F5;
    color: #000;
}
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}
.panel-image .panel-body img {
    padding-bottom: 1px;
}
/* Shortcode Tabs Page Styles */

#default-tab ul.nav-tabs {
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
ul.nav-tabs li {
    float: left;
    margin-top: 0;
}
ul.nav-tabs li a {
    border: medium none !important;
    color: #a0a0a0;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 10px;
    padding: 10px 15px;
    text-transform: uppercase;
}
#default-tab .nav-tabs > li > a.active , #default-tab .nav-tabs > li a.active:focus, #default-tab .nav-tabs > li a.active:hover {
    border: 0 none;
    position: relative;
}
#default-tab ul.nav-tabs > li a.active::before {
    bottom: -14px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%;
}
#round-tab ul.nav-tabs {
    margin-bottom: 10px;

}

#round-tab ul li a.active {
    -moz-border-bottom-colors: none !important;
    -moz-border-left-colors: none !important;
    -moz-border-right-colors: none !important;
    -moz-border-top-colors: none !important;
    border-bottom: 0 none;
    border-image: none !important;
    margin-bottom: 0;

}
#round-tab ul li a {
    margin-bottom: 0;
    padding: 15px !important;
    text-transform: capitalize;
}
#vertical-tab .nav-tabs, #vertical-tab .tab-content {
    display: table-cell;
    vertical-align: top;
}
#vertical-tab .tab-content {
    padding: 0 25px;
}
#vertical-tab .tab-pane p {
    line-height: 25px;
}
#vertical-tab ul.nav-tabs {
    border: 1px solid #b9b9b9 !important;  
    padding-right: 0px;
}

#vertical-tab .nav-tabs li {
    float: none;
    margin: 0;
}

#vertical-tab ul.nav-tabs li a {
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    padding: 20px 40px;
    white-space: nowrap;
    width: 100%;
    border-radius: 0;
    background: #EEEEEE;
    color: #676767;
    border-bottom: 3px solid #b9b9b9 !important;
}

#vertical-tab ul.nav-tabs li a .fa {
    display: block;
    font-size: 27px;
    margin-bottom: 10px;
    text-align: center;
}
#vertical-tab ul.nav-tabs li a.active > .fa {

}
#vertical-tab ul.nav-tabs {
    border: 0 none;
}
#vertical-tab ul.nav-tabs li a.active {
    background: #fff none repeat scroll 0 0;
    color: #202020;

}
#tab-with-icon .nav-tabs {
    border-bottom: medium none;
    float: left;
    display: table-cell;
    vertical-align: top;
}
#tab-with-icon .nav-tabs li {
    float: none;
}
#tab-with-icon .nav-tabs li a {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    margin: 0;
    padding: 0;
}
#tab-with-icon .nav-tabs li a i {
    background: #81868e none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 25px;
    height: 70px;
    line-height: 70px;
    margin: 0px 0 20px;
    text-align: center;
    transition: all 0.5s ease 0s;
    width: 70px;
}

#tab-with-icon .tab-content {
    margin: 20px 0 0 100px;
}
#tab-with-icon h3 {
    font-size: 20px;
    margin-bottom: 25px;
    text-transform: uppercase;
}
#tab-with-icon p.lead {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 25px;
}
#tab-with-icon .nav-tabs li a:hover i, #tab-with-icon .nav-tabs li a:focus, #tab-with-icon .nav-tabs li a.active i {

}

/* Shortcode Buttons */
.outline-buttons-area , .block-button-area , .animated-progress-area {
    background: #FAFAFA;
    padding: 50px 0;
}

.btn .fa {
    padding-right: 5px;
}
.grey-progress-bar .progress-bar {
    background: #e0e0e0 none repeat scroll 0 0;
}
.skill-striped .progress-bar{
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
}
.skill-animated .progress-bar {
    -webkit-animation: 2s linear 0s normal none infinite running progress-bar-stripes;
    animation: 2s linear 0s normal none infinite running progress-bar-stripes;
}

/* Shortcode testimonial area */
#testimonial-dark .testimonial-inner {
    background: #333 none repeat scroll 0 0;
    border: 1px solid #c1c1c1;
}
#testimonial-dark .testimonial-images img {
    box-shadow: 0 0 3px #fff;
}
#testimonial-dark .testimonial-content p {
    color: #fff;
}
.single-testimonial-area {
    position: relative;
    width: 100%;
    background: url(single-testimonial-bg.jpg)/*tpa=http://demo.graygrids.com/themes/engage/assets/img/shortcode/testimonial/single-testimonial-bg.jpg*/;
    padding: 100px 0;
}
.single-testimonial-area:before {
    background: rgba(51, 51, 51, 0.8);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    content: "";
    display: block;
}

.single-testimonial-area h3 {
    color: #fff;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
}
.single-testimonial-area p {
    color: #fff;
    text-align: center;
}
#single-testimonial-item .testimonial-inner {
    padding: 80px;
    position: relative;
}
#single-testimonial-item .testimonial-inner blockquote {
    color: #fff;
    font-size: 14px;
    position: relative;
}
#single-testimonial-item .testimonial-images img {
    box-shadow: 0 0 3px #ddd;
    height: 90px;
    margin: 0 auto;
    padding: 5px;
    width: 90px;
}
#single-testimonial-item .testimonial-footer {
    color: #fff;
    padding-top: 15px;
}

#single-testimonial-item .testimonial-footer a {

}
#single-testimonial-item .testimonial-inner::before {
    color: #fff;
    content: "";
    font-family: fontawesome;
    font-size: 45px;
    left: 25px;
    position: absolute;
    top: 70px;
}

#single-testimonial-item .testimonial-inner::after {
    background: rgba(51, 51, 51, 0.6) none repeat scroll 0 0;
    border-radius: 5px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    border: 1px solid #ddd;
}
#single-testimonial-item .owl-pagination .owl-page.active span {

}
#single-testimonial-item .owl-pagination .owl-page span {

}

/* Shortcode clients */
#color-client-scroller .client-item-wrapper {

}
#color-client-scroller .client-item-wrapper img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    opacity: 0.5;
    transition: all 0.6s ease 0s;
}
#color-client-scroller .client-item-wrapper img:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    opacity: 1;
    transition: all 0.6s ease 0s;
}


/*Short code icons style*/
i.icon-default {

    font-size: 50px;
    margin-bottom: 30px;
    margin-right: 30px;
    vertical-align: middle;
}
i.icon-round {

    border-radius: 100%;
    color: #fff;
    font-size: 50px;
    height: 100px;
    line-height: 100px;
    margin-bottom: 13px;
    margin-right: 13px;
    text-align: center;
    vertical-align: middle;
    width: 100px;
}
i.icon-round-border {

    border-radius: 100%;

    font-size: 45px;
    height: 100px;
    line-height: 100px;
    margin-bottom: 12px;
    margin-right: 12px;
    text-align: center;
    vertical-align: middle;
    width: 100px;
}
i.icon-box {

    border-radius: 4px;
    color: #fff;
    font-size: 45px;
    height: 100px;
    line-height: 100px;
    margin-bottom: 12px;
    margin-right: 12px;
    text-align: center;
    vertical-align: middle;
    width: 100px;
}
i.icon-box-border {

    border-radius: 4px;

    font-size: 45px;
    height: 100px;
    line-height: 100px;
    margin-bottom: 12px;
    margin-right: 12px;
    text-align: center;
    vertical-align: middle;
    width: 100px;
}
i.icon-xs {
    font-size: 16px !important;
    height: 30px !important;
    line-height: 30px !important;
    margin-bottom: 7px !important;
    margin-right: 7px !important;
    width: 30px !important;
}
i.icon-sm {
    font-size: 27px !important;
    height: 50px !important;
    line-height: 50px !important;
    margin-bottom: 14px !important;
    margin-right: 14px !important;
    width: 50px !important;
}
i.icon-md {
    font-size: 35px !important;
    height: 75px !important;
    line-height: 75px !important;
    margin-bottom: 14px !important;
    margin-right: 14px !important;
    width: 75px !important;
}

i.icon-lg {
    font-size: 50px !important;
    height: 100px !important;
    line-height: 100px !important;
    margin-bottom: 13px !important;
    margin-right: 13px !important;
    width: 100px !important;
}

#image-carousel .item img {
    height: 200px;
    width: 250px;
}

/* Single portfolio */
.single-portfolio-area .single-portfolio-image img {
    width: 100%;
}
.portfolio-meta ul , .portfolio-controls ul {
    list-style: outside none none;
    padding-left: 0;
}
.portfolio-meta ul li {
    margin: 10px 0;
}
.portfolio-meta ul li span {

    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    text-decoration: underline;
    text-transform: uppercase;
    width: 130px;
    text-decoration-style: double;
}

.portfolio-controls ul li a.btn {
    padding: 10px 75px;
}
.portfolio-controls ul li a.btn i.fa {
    font-size: 37px;
}

/* Blog Post Section */
.blog-post-wrapper {
    border: 1px solid #eee;
    margin-bottom: 50px;
}
.blog-post-wrapper .format-video iframe {
    min-height: 350px;
    width: 100%;
}
.blog-post-wrapper .format-audio iframe {
    height: 200px;
    width: 100%;
}
.author-info , .blog-post-content {
    padding: 20px;
}
.tag-posted-in li a {
    color: #8F8F8F; 
}
.tag-posted-in li i.fa {
    color: #8F8F8F;
    padding-right: 3px;
}
span.published-time {
    font-size: 12px;
}
span.published-time i.fa {
    margin-right: 5px;
} 
.featured-wrapper img {
    width: 100%;
    height: 350px;
}
.blog-post-content h2.blog-post-title {
    font-size: 26px;
    font-weight: 600;
    line-height: 26px;
    text-transform: capitalize;
    margin-bottom: 20px;
}
.blog-post-footer {
    padding: 20px;
    border-top: 1px solid #eee;
    background-color: #fff;
}
.blog-post-footer ul.post-meta {
    list-style: outside none none;
}
.blog-post-footer ul.post-meta li {
    float: left;
    margin-right: 10px;
}
.blog-post-footer ul li a {
    background: #fff none repeat scroll 0 0;

    display: block;
    font-size: 10px;
    line-height: 28px;
    padding: 4px 15px;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
}
.blog-post-footer ul li a:hover {

    color: #fff;
    transition: all .3s ease-in-out;
}

.blog-post-content blockquote.blockquote {

}
.blog-post-content blockquote.blockquote p {
    color: #969595;
    font-size: 16px;
    font-weight: 500;
}
.blog-post-content blockquote.blockquote a {
    font-size: 15px;
    font-style: italic;
    float: right;
}
.blog-post-wrapper.format-qoute {
    border: none !important;
}
.blog-pagination nav ul.pagination li.page-item a {
    border-radius: 0;
    margin-right: 15px !important;
    color: #333
}
.blog-pagination nav ul.pagination li.page-item.active a , .blog-pagination nav ul.pagination li.page-item a:hover , .blog-pagination nav ul.pagination li.page-item a:focus  {

    color: #fff;
}

.sidebar-area .widget {
    margin-bottom: 60px;
}
.sidebar-area .search-bar {
    position: relative;
}
.sidebar-area .search-bar .form-control {
    border-radius: 0;
    color: #333 !important;
    font-size: 13px;
    height: 46px;
}
.form-control:focus {

}
.sidebar-area .search-bar button {
    background-color: transparent;
    border: 0 none;
    height: 46px;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
}
.sidebar-area .search-bar button i.fa {

}
.sidebar-area .search-bar button .fa {
    color: #333;
}

h2.widget-title {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 20px;

}
.widget ul {
    list-style: outside none none;
    padding-left: 0;
}
.widget.popular-post ul li {
    margin-bottom: 20px;
}
.widget.popular-post h4 {
    font-size: 16px;
}
.category-menu a {
    color: #333;
    font-size: 15px;
    transition: all 0.2s;
}
.category-menu a .fa {
    padding-right: 5px;
    transition: all 0.2s;
}
.category-menu li {
    border-bottom: 1px solid #333;
    padding: 10px 0;
}
.category-menu a:hover .fa {
    padding-right: 10px;
    transition: all 0.2s;
}

.widget.tag-cloud li {
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
}
.widget.tag-cloud a {
    color: #fff;
    display: block;
    font-size: 10px;
    font-weight: 600;
    line-height: 28px;
    padding: 0 11px;

    transition: all 0.3ms ease-in-out;
}
.widget.tag-cloud a:hover {
    opacity: 0.8;
    transition: all 0.3ms ease-in-out;

}
.widget.subscribe-widget .form-control {
    font-size: 14px;
    height: 42px;
    padding: 10px;
    width: 255px;
}
.widget-ad img {
    width: 100%;
}
.blog-post blockquote {
    margin: 40px 0;
}
.blog-post h3 {
    margin-top: 30px;
}
.blog-post > p {
    line-height: 29px;
}

.blog-post ul li {
    font-size: 15px;
    padding: 6px 0;
    font-weight: 600;
}
.blog-post ol li {
    font-size: 15px;
    padding: 6px 0;
    font-weight: 600;
}
#copyright ul li.nav-item {
    padding-right: 10px;
    text-transform: capitalize;  
}
.nav-link{
    padding: 0px;
}
.testimonial-footer .fa {
    padding-right: 6px;
}
.testimonial-footer a {
    padding-left: 5px;
}

.blog-post img {
    width: 100%;
}
.blog-post pre {
    background: #eee none repeat scroll 0 0;
    margin: 20px 0;
}
.about-author-section {
    border: 1px solid #eee;
}
.about-author-section .media {
    padding: 20px;
}
.about-author-section .media .media-body {
    padding-left: 10px;
}
.about-author-section .media .media-body p {
    line-height: 28px;
}
.about-author-section .author-footer {
    border-top: 1px solid #eee;
    padding: 20px;
}
.similar-post img {
    width: 100%;
}
.similar-post h2 {
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    margin-top: 10px;
}
.no-pdl {
    padding-left: 0 !important;
}
.comments-area ul {
    padding-left: 0;
}
.comments-area .media {
    margin-top: 40px;
}
.comments-area .media-body {
    padding-left: 10px ;
}
.comment-author span {
    padding-left: 5px;
}
.new-comment .form-group .form-control {
    background: #f2f2f2 none repeat scroll 0 0;
    border-radius: 0;
    color: #333 !important;
    font-size: 15px;
    padding: 12px;
}
/* Call to action */
.cta-section {
    background: url(cta-bg.jpg)/*tpa=http://demo.graygrids.com/themes/engage/assets/img/backgrounds/cta-bg.jpg*/ scroll center center;
    width: 100%;
    position: relative;
}
.cta-section::before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    background-color: rgba(51, 51, 51, 0.9);
}
.cta-area {
    display: table;
    width: 100%;
    height: 150px;
}
.cta-content {
    display: table-cell;
    vertical-align: middle;
}
.cta-content h2 {
    color: #fff;
    font-size: 38px;
    font-weight: 400;
    line-height: 38px;
}
.cta-content p {
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    padding-top: 10px;
}
.cta-content .btn {
    font-size: 16px;
    margin-top: 15px;
    padding: 13px 24px;
    text-transform: uppercase;
}
.page-header-section {
    background: url(testimonial-bg.jpg)/*tpa=http://demo.graygrids.com/themes/engage/assets/img/backgrounds/testimonial-bg.jpg*/;
    width: 100%;
}
.page-header-area {
    display: table;
    height: 80px;
    width: 100%;
}
.page-header-content {
    display: table-cell;
    vertical-align: middle;
}
.page-header-content h2 {
    color: #fff;
    font-size: 36px;
    font-weight: 600;
    text-transform: capitalize;
}
#google-map-shortcode {
    padding: 0;
    height: 400px;
}
#google-map-contact {
    padding: 0;
    height: 300px;
}
#google-map-contact2 {
    padding: 0;
    height: 200px;
}
.error-section h1 {
    color: #ff2a40;
    font-size: 10rem;
}
.col-md-12.text-xs-center > h4 {
}
.error-section h4 {
    text-transform: capitalize;
}
.contact-title-text h2 {

    font-size: 50px;
}
.contact-title-text p {
    font-size: 18px;
    margin-top: 15px;
}
.contact-widget {
    margin-bottom: 30px;
}
.contact-widget h2 {
    margin-bottom: 20px;
}
.contact-widget address {
    line-height: 45px;
}
.contact-widget.office-location span {
    font-weight: 600;
}
#contactForm .form-group .contact-control {
    background: #f8fafd none repeat scroll 0 0;
    border-radius: 0;
    height: 50px;
}
#contactForm .form-group {
    margin-bottom: 25px;
}
#contactForm .form-group .form-control {
    border-radius: 0;
    background: #f2f2f2 none repeat scroll 0 0;
    font-size: 14px;
} 

ul.contact-info2 {
    list-style: outside none none;
    margin-top: 20px;
    padding: 0;
}

ul.contact-info2 i.fa {
    margin-right: 10px;
}
.loadmore-button .btn {
    padding: 14px 35px;
}
.about2-intro-image img {
    width: 100%;
}
.service2-single-service {
    text-align: center;
    margin: 20px 0;
}

.service2-single-service .fa {

    border-radius: 50%;
    color: #fff;
    font-size: 23px;
    height: 75px;
    line-height: 75px;
    margin-bottom: 20px;
    width: 75px;
}
.service2-single-service h2 {
    font-size: 20px;
    text-transform: uppercase;
}
.service2-single-service p {
    font-size: 13px;
}
.new-comment .btn {
    font-size: 16px;
    padding: 13px 30px;
}

.comments-area .media.reply {
    background: #E5F7FD none repeat scroll 0 0;
    padding: 20px;
    border-radius: 4px;
}
.blog-pagination {
    text-align: center;
}
.pricing-table2 {
    padding: 15px 30px;
}
.single-pricing-2 {
    border: 1px solid #dedede;
}
.single-pricing-2 .plan-name {
    color: #959595;
    display: block;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    padding: 20px 0;
}
.single-pricing-2 .plan-name small {
    display: block;
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
}
.single-pricing-2 .plan-price {
    background: #f2f2f2 none repeat scroll 0 0;
    font-size: 48px;
    margin-bottom: 30px;
    padding: 30px 0;
    text-align: center;
}
.featured .plan-price {
    color: #fff !important;
    background: #ff5959;
}
.premium .plan-price {
    background: #3498db !important;
    color: #fff !important;
}
.single-pricing-2 .plan-price .currency {
    font-size: 50%;
    font-weight: 700;
    left: -0.01em;
    top: -0.9em;
}
.single-pricing-2 .plan-price sub {
    font-size: 18px;
    font-weight: 700;
}
.single-pricing-2 ul {
    background: #fff none repeat scroll 0 0;
    margin-bottom: 0;
    padding: 0;
}
.single-pricing-2 ul li {
    border-top: 1px dashed #dedede;
    font-weight: 500;
    padding: 12px 29px;
    text-align: center;
}
.single-pricing-2 ul li:first-child {
    border-top: 0;
}
.pricing2-button {
    padding: 20px 0;
    text-align: center;
}
.pricing2-button .btn {
    padding: 12px 55px;
    text-transform: uppercase;
}
/* Roof bar styles */
#roof {
    background: #3B3B3B;
}
.roof-content {
    display: table;
    height: 60px;
    width: 100%
}
.roof-middle {
    display: table-cell;
    vertical-align: middle;
}
.roof-menu{
    margin-right: 15px;
}
.roof-social-icons a i.fa {
    background: #484848 none repeat scroll 0 0;
    border-radius: 50%;
    font-size: 13px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 35px;
    color: #fff;
    margin-right: 10px;
}
.roof-social-icons a i.fa:hover {

}
.roof-menu ul {
    list-style: none;
}
.roof-menu ul li {
    float: left;
}
.roof-menu ul li a {
    color: #fff;
    font-size: 12px;
    line-height: 35px;
    margin-right: 16px;
    padding: 6px 9px;
    text-transform: uppercase;
}
.roof-menu ul li.active a {

    border-radius: 3px;
    margin-right: 0;
}
#default-tab a.nav-link {
    background: none;
}
.dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover {
    background-color: #eee;

}
.nav-link.active {

}
/*.controls a.active {
  background: rgba(0, 0, 0, 0.47);
}*/
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 
    #main-menu ul > li > a {
        font-size: 13px;
        font-weight: 400;
        padding: 28px 10px;
    }
    #main-menu ul .dropdown .dropdown-menu a {
        border-top: 1px solid #e2e6e7;
        color: #666;
        display: block;
        font-size: 12px;
        font-weight: 400;
        height: auto;
        line-height: 16px;
        padding: 9px 19px 7px;
        transition: all 0.3s ease-in-out 0s;
    }
    #carousel-area .carousel-item .carousel-caption h2 {
        font-size: 50px;
    }
    #carousel-area .carousel-item .carousel-caption h3 {
        font-size: 20px;
    }
    #carousel-area img {
        height: 100%;
    }
    .carousel-item img{
        width:100%
    }
    .banner-mobile{
        max-width:100% !important;
    }
    .service-item h2 {
        font-size: 15px !important;
    }
    .top_search {
        display: none;
    }  
    .pricing-table-x .plan-info p {
        font-size: 12px;
    }
    #team .team-item figure figcaption .content-white {
        font-size: 9px;
        line-height: 12px;
        width: 60%;
    }
    #team .team-item .social .facebook, #team .team-item .social .twitter, #team .team-item .social .google-plus {
        font-size: 8px;
        height: 25px;
        line-height: 25px;
        width: 25px;
    }  
    .section-title {
        font-size: 24px !important;
    }
    .footer-widget p {
        font-size: 12px;
    }
    .social-footer a .fa {
        height: 25px;
        line-height: 25px;
        width: 25px;
    }
    footer .plain-flicker-gallery a {
        width: 31%;
    }
    footer ul li.tweet {
        font-size: 12px !important;
    }
    #copyright p, #copyright a {
        font-size: 10px !important;
    }
    .single-pricing-2 .btn {
        padding: 10px 15px;
        font-size: 10px;
    }
    .single-pricing-2 .plan-price {
        font-size: 35px;
    }
    .single-pricing-2 ul li {
        font-size: 12px;
    }
    ul.nav-tabs li a {
        font-size: 11px;
    }
    .btn-lg {
        padding: 12px 20px;
    }
    .btn-md {
        padding: 12px 14px;
    }
    .pricing-table h3 {
        font-size: 24px !important;
    }
    .single-pricing-2 .plan-name {
        font-size: 18px;
    }
    .sup-desc-wrap .sup-meta-wrap .sup-description {
        display: none;
    }
    .portfolio-meta ul li span {
        font-size: 10px;
        width: 78px;
    }
    .portfolio-meta ul li {
        font-size: 10px;
    }
    span.published-time {
        font-size: 10px;
    }
    .widget.popular-post h4 {
        font-size: 12px;
    }
    .flickr-widget .plain-flicker-gallery a img {
        width: 31%;
    }
    .widget.tag-cloud a {
        font-size: 8px;
    }
    .navbar{
        position:relative;
    }

}

@media (max-width: 767px) {
    .nav-inline .nav-item + .nav-item {
        margin-left: 0;
        float: none;
    }
    #main-menu ul .dropdown .dropdown-menu {
        display: block;
        position: relative;
        width: 100%;
    }
    #main-menu {
        clear: both;
        width: 100%;
    }
    nav.navbar.navbar-light {
        min-height: 73px;
    }
    nav.navbar.navbar-light button.navbar-toggler {
        background: #333 none repeat scroll 0 0;
        border-radius: 0 !important;
        margin-top: 17px;
    }
    nav.navbar.navbar-light ul.nav-inline .nav-item {
        display: block;
    }
    nav.navbar.navbar-light ul.nav-inline {
        max-height: 350px;
        overflow-x: scroll;
        margin-top: 20px;
    }
    #roof {
        display: none;
    }
    #main-menu ul > li > a {
        font-size: 12px !important;
        padding: 18px 10px;
    }
    .page-header-content h2 {
        text-align: center;
    }
    .footer-widget {
        margin-bottom: 40px;
    }
    .carousel-item > img {
        height: 100% !important;
    }
    #carousel-area .carousel-item .carousel-caption h2 {
        font-size: 20px;
        font-weight: 600;
    }
    #carousel-area .carousel-item .carousel-caption h3 {
        font-size: 16px;
    }
    .btn-lg {
        font-size: 10px;
        padding: 10px 16px;
        text-transform: uppercase;
    }
    .section-title {
        font-size: 18px;
    }
    .section-subcontent {
        font-size: 12px;
        line-height: 17px;
    }
    #portfolio a.filter {
        font-size: 10px;
        margin: 5px;
        padding: 5px 11px;
    }
    .controls {
        padding: 0;
    }
    .pricing-table-x .table-header h3 {
        font-size: 18px;
    }
    .plan-info > p {
        font-size: 12px !important;
    }
    .pricing-table-x .button-area {
        padding: 14px 0 40px;
    }
    .pricing-table-x {
        margin: 20px 15px;
    }
    .service2-single-service .fa {
        font-size: 18px;
        height: 45px;
        line-height: 45px;
        width: 45px;
    }
    .service2-single-service h2 {
        font-size: 15px;
    }
    .service2-single-service p {
        font-size: 11px;
    }
    .images {
        text-align: center;
    }
    .split h2.title {
        font-size: 16px;
        line-height: 24px;
    }
    #other-services .service-content p.lead {
        font-size: 12px;
        line-height: 28px;
        margin-bottom: 7px;
    }
    #other-services .service-content p {
        font-size: 12px;
    }
    .about2-intro-image {
        margin-bottom: 10px;
    }
    #default-tab li.nav-item a.nav-link {
        padding: 5px;
        font-size: 12px;
    }
    .single-testimonial-area h3 {
        font-size: 18px;
        line-height: 25px;
    }
    .single-testimonial-area p {
        font-size: 12px;
    }
    .section {
        /*padding: 40px 30px;*/
        padding:20px 30px 20px 30px;
    }
    .page-header-area {
        height: 86px;
    }
    .page-header-content h2 {
        font-size: 28px;
    }
    .cta-content h2 {
        font-size: 20px;
        line-height: 32px;
    }
    .cta-content p {
        font-size: 12px;
        line-height: 18px;
        padding-top: 5px;
    }
    .cta-content .btn {
        font-size: 12px;
        margin-top: 0;
        padding: 7px 12px;
    }
    #google-map-contact {
        height: 200px;
        padding: 0;
    }
    .section-padding {
        padding: 60px 0;
    }
    .contact-title-text h2 {

        font-size: 30px;
    }
    .contact-title-text p {
        font-size: 14px;
    }
    .contact-widget h2 {
        margin-bottom: 10px;
        font-size: 20px;
    }
    .contact-widget address {
        line-height: 35px;
        font-size: 12px;
    }
    .error-section h1 {
        font-size: 4rem;
    }
    .error-section h4 {
        font-size: 16px;
    }
    #round-tab ul li a {
        font-size: 12px;
        padding: 6px !important;
    }
    #vertical-tab .nav-tabs, #vertical-tab .tab-content {
        vertical-align: top;
        display: inherit;
    }
    #vertical-tab ul.nav-tabs li a {
        font-size: 12px;
        padding: 12px 40px;
    }
    #vertical-tab ul.nav-tabs {
        margin-bottom: 20px;
    }
    #vertical-tab p {
        font-size: 13px;
        line-height: 23px !important;
    }
    .shortcode-buttons-area .col-md-3 , .shortcode-pie-skill-area .col-md-6 {
        margin: 30px 0;
    }
    .single-portfolio-area .small-title {
        margin-top: 30px;
    }
    .portfolio-controls ul li a.btn {
        padding: 5px 30px;
    }
    .featured-wrapper img {
        height: 200px;
    }
    .blog-post-footer ul li a {
        padding: 4px 12px;
    }
    .blog-post-footer a.btn {
        margin-top: 10px;
    }
    iframe {
        height: 200px !important;
        margin-left:0px !important;
    }
    .iframe-course iframe{
        width:105%;
        margin-left:-15px !important;
    }
    ul.pagination a.page-link {    
        padding: 5px;
        margin-top: -50px;
    }
    .search-bar {
        margin-top: 40px;
    }
    .sidebar-area .widget {
        margin-bottom: 30px;
    }
    .about-author-section .media-left {
        display: block !important;
        text-align: center;
    }
    .about-author-section .media .media-body {
        padding-left: 10px;
        text-align: center;
        padding-top: 20px;
    }
    .author-footer .fa {
        font-size: 18px !important;
        height: 35px !important;
        line-height: 35px !important;
        width: 35px !important;
    }
    .comments-area .media-left, .comments-area .media-right {
        display: block;
        margin-bottom: 5px;
        text-align: center;
    }
    .comment-author {
        margin: 10px 0;
    }
    .commentor-info > p {
        font-size: 13px;
        line-height: 23px;
    }
	.info-teacher .teacher-name{
		margin-top:30px;
		display:block;
	}
}

.images img {
    width: 100%;
}

.carousel-control-next, .carousel-control-prev
{
    width: 10%;
}
/* Tablets */
@media (min-width: 768px) and (max-width: 991px) {
    #carousel-area .carousel-item {
        height: 300px;
    }
    .carousel-item > img  {
        width: 100%;
    }
    #carousel-area .carousel-item .carousel-caption h2 {
        font-size: 28px;
    }
    #carousel-area .carousel-item .carousel-caption h3 {
        font-size: 16px;
    }
    #carousel-area .carousel-item .carousel-caption .btn {
        margin: auto;
        font-size: 12px;
        margin-top: 10px;
        padding: 10px 15px;
    }
    #carousel-area .carousel-item .carousel-caption {
        top: 25%;
    }
    #carousel-area .carousel-indicators {
        bottom: 25px;
    }
}

/*CSS new layout 20-10-2019*/
/*Home page*/
.divide{
    border-bottom: 2px solid #C49040;
}
.section-title-blog{
    text-align: center;
    font-size: 30px;
    line-height: 40px;
    color: #c4903f;
    font-family: 'RobotoBold', sans-serif;
    padding: 25px 0;
}
.blog-highlight .blog-item-text{
    padding: 0 0 20px 0px !important;
}
.blog-highlight .blog-item-text h3{
    line-height: 25px !important;
}
.category-blog{
    position: absolute;
    background-color: #000;
    bottom: -15px;
    color: #fff;
    padding: 0px 10px
}
#blog h5{
    font-size: 25px;
    text-transform: uppercase;
    color:#C49040;
    text-align: center;
    margin-bottom: 30px;
}
/*.blog-category img{
    height: 225px;
}*/
.blog-category .blog-item-text{
    position: absolute;
    bottom: -30px;
}
.blog-category .blog-item-text h3{
    line-height: 22px !important;    
}
.blog-category .blog-item-text h3 a{
    color:#fff !important;
}
.blog-other{
    padding: 0px;
    display: block;
    position: relative;
    margin-top: 15px;    
    margin-left: -30px;
    text-align: justify;
}
.blog-other ul li{
    list-style: none;
    margin-bottom:5px;
}
.blog-other ul li::before{
    font-family: FontAwesome;
    content: '■';
    color:#C49040;    
}
.blog-category .col-md-4{
    margin-bottom: 50px;
}
.trending-now {
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    height: 60px;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);    
}
.trending-now-label {
    background-color: #c4903f;    
    display: inline-block;
    color: #fff;
    padding: 0 16px;
    line-height: 36px;
    height: 36px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 14px;
    float: left;
    margin: 12px;
}
.newsticker_list{        
    overflow: hidden;
}
.newsticker_list li{
    list-style: none;
}
.newsticker {
    padding-right: 80px;
    padding-left: 20px;
    overflow: hidden;
}
.newsticker-item {
    line-height: 36px;
    white-space: nowrap;
}
.newsticker-item a{
    margin: 12px -30px;
    display: block;
    font-size: 16px;
}
.newsticker-buttons {
    position: absolute;
    top: 0;
    right: 0;
}
.newsticker-button:first-child {
    border-right: 1px solid #E3E4E8;
}
.newsticker-button {
    /*background-color: #c4903f;*/
    background-color:#fff;
    float: left;
    padding: 0;
    width: 36px;
    height: 36px;
    /* line-height: 36px; */
    text-align: center;
    font-size: 15px;
    color: #445261;
    margin: 12px 1px;
    border: none;
    padding: 5px;
    border-radius:0px;
}
.newsticker-button:hover{
    background-color: #c4903f;
    color: #fff;
}
/*Lich khai giang*/
.title-page{
    text-align: center;
}
.title-page p{
    border-left: 1px solid #445261;
    border-right: 1px solid #445261;
    padding: 0px 40px;
}
.box-filter{
    border: 1px solid #C49040;    
}
.box-filter p{
    padding: 0 20px;
}
.box-filter .title-course{
    color:#fff;
    background-color: #445261;
    padding: 5px 10px;
}
.box-filter ul li{
    list-style:none;  
    line-height: 30px;
}
.box-filter .filter-category::after, .box-filter .filter-month::after{
    content: "";
    display: block;    
    margin:20px 20px 20px -20px;
    border-bottom: 1px solid #445261;    
}
.filter-range::after{
    content: "";
    border-bottom: 1px solid #fff;
}
.course-item-img img{
    width: 100%;
}
#coursers, .info-course{
    margin-top: 30px;
}
#coursers .item{
    border:1px solid #C49140;
    margin-bottom: 40px;
    height: 400px;
}
.course-item-text{
    padding:10px 15px;
}
.course-item-text .small-title{
    font-family: 'RobotoMedium', sans-serif;
    font-size: 18px;    
    line-height: 25px;
}
.course-item-text .small-title a{
    color:#C49140;
}
.info-teacher{
    line-height: 10px;
    margin-bottom: 40px;
}
.info-teacher p{
    line-height: 20px;
}
.info-date{
    line-height: 10px;
}
.info-date span{
    margin-left: 15px;
}
.filter-range li::before, .filter-category li::before{
    font-family: FontAwesome;
    content: '■';
    color:#C49040;    
}
#coursers .active{
    color:#C49140;
}
#header-wrap
{
    display: initial;
}
/*Popup Header*/
.headerstrip {
    height: 70px;
    position: relative;    
    font-size: 14px;
}
.headerstrip .headerstrip-content-background {
    background-color: #fff;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f7931e;
    background: -webkit-linear-gradient(left, #f7931e, #fcc521);
    background: linear-gradient(to right, #f7931e, #fcc521);
    background-repeat: repeat-x;
}
.headerstrip .headerstrip-canvas {
    height: 50px;
    margin: auto auto;
}
.headerstrip .headerstrip-content {
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-size: 1000px 50px;
    width: 100%;
    height: 50px;
    max-width: 1408px;
    padding-left: 16px;
    padding-right: 16px;
    margin: 0 auto;
    left: 8%;
}
.headerstrip .headerstrip-canvas .headerstrip-text {
    position: relative;
    padding-right: 24px;
    top:10px;
    font-size: 16px;
}
.headerstrip .headerstrip-text {
    color: white;
    text-decoration: none;
    font-weight: 200;
    letter-spacing: 0.8px;
}
.headerstrip .headerstrip-cta {
    position: relative;
    background-color: #fff;
    padding: 5px 20px;
    color: #2d2d2d;
    font-weight: 600;
    border-radius: 6px;
    text-decoration: none;
    display: block;
    text-align: center;
    min-width: 100px;
    top:10px;    
}
.countDown{
    display: flex;
    position: relative;    
    margin: 20px 5px 0 20px;
    padding: 10px 15px;    
}
.day, .hour,.minute,.second{
    display: grid;
    background-color: #fff;
    margin-right: 20px;
    padding: 3px 9px;
    border-radius: 3px;
    min-width: 35px;
}
.text-count-down{
    font-size: 10px;
    text-align: center;
    font-weight: 600;
    margin-top: -6px;
}
.number-count-down{
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}
/*body{
    margin-top:-32px;
}*/
.close-promotion {
    color: #fff;
    font-size: 27px;
    position: relative;
    cursor: pointer;
    top: 10px;
    left: 50px;
}
.download-ebook img{
    width: 100%;
}
/*Publication*/

.cta {
    padding: 16px 20px;
    width: 250px;
    height: 250px;
    margin: 10px;
    position: relative!important;
    float: left;
    overflow: hidden;
    color: #fff
}

.cta .mask,
.cta img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    transition: .3s ease all;
    top: 0
}

.cta a,
.cta a:focus,
.cta a:hover,
.cta.gray {
    color: #fff
}
.cta a {
    display: block;
    width: 100%;
    height: 100%
}

.cta .mask {
    display: block;
    background: rgba(0, 0, 0, .5)
}

.cta h3,
.cta h4 {
    font-size: 21px;
    position: relative;
    color: #fff
}

.cta h3 {
    font-weight: 600;
    line-height: 26px!important;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    transition: .3s ease all
}
.cta h4 {
    font-weight: 700;
    line-height: 24px;
    transition: .3s ease all
}

.cta .border,
.cta .bottom,
.cta .contentHover {
    position: absolute;
    transition: .3s ease all
}

.cta .bottom {
    bottom: 14px;
    border-top: 1px solid #fff;
    right: 20px;
    left: 20px;
    padding-top: 4px;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px
}

.cta .bottom .date {
    float: right
}

.cta .contentHover {
    color: #0B1F2C;
    text-align: center;
    left: 0;
    right: 0;
    font-size: 21px;
    font-weight: 700;
    opacity: 0;
    top:60%;
}

.cta .contentHover i {
    font-size: 65px;
    display: block;
    color: #0B1F2C
}

.cta .border {
    display: block;
    background: #009BDE;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -moz-transition-duration: .1s;
    -o-transition-duration: .1s;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    z-index: 2
}

.cta .border.border-1 {
    height: 5px;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    transition: .3s ease all
}

.cta .border.border-2,
.cta .border.border-4 {
    width: 5px;
    top: 5px;
    transition: .3s ease all;
    opacity: 0
}

.cta .border.border-2 {
    height: 100%;
    right: 0
}

.cta .border.border-3 {
    height: 5px;
    right: 5px;
    left: 0;
    bottom: 0;
    opacity: 0;
    transition: .3s ease all
}

.cta .border.border-4 {
    left: 0;
    bottom: 5px
}

.cta.publication-type h4 {
    color: rgba(255, 255, 255, .6);
    border-bottom: none;
    position: relative;
    font-weight: 700;
    font-size: 21px;
    margin: 4px 0
}

.cta.publication-type .bottom {
    font-weight: 600;
    line-height: 20px;
    font-size: 14px
}
.cta .contentHover img {
    margin: -80px auto 5px;
    width: 80px;
    display: block;
}
.form-content {
    background: rgb(217, 217, 217);
    border-width: 5px;
    border-style: solid;
    border-color: rgb(237, 237, 237);
    border-image: initial;
    padding: 15px;
}
#submitDownload{
    margin: 10px 38%;
}
.download-ebook{
    border:1px solid #dfddd9;
    padding:15px;
}
.bold-600{
    font-weight:600;
}
.box-filter p{
    font-weight:700;
}
@media only screen and (min-width:1025px) {    
    .cta {
        overflow: hidden
    }
    .cta .center-element-content.active {
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }
    .cta:hover {
        -moz-transition-duration: .5s;
        -o-transition-duration: .5s;
        -webkit-transition-duration: .5s;
        transition-duration: .5s
    }
    .cta:hover a {
        color: #fff
    }
    .cta:hover .bg {
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        -moz-transition-duration: 2.3s;
        -o-transition-duration: 2.3s;
        -webkit-transition-duration: 2.3s;
        transition-duration: 2.3s;
        opacity: .8
    }
    .cta:hover .border-1,
    .cta:hover .border-2,
    .cta:hover .border-3,
    .cta:hover .border-4,
    .cta:hover .contentHover {
        opacity: 1
    }
    .cta:hover .bottom {
        -moz-transform: translateY(80px);
        -ms-transform: translateY(80px);
        -webkit-transform: translateY(80px);
        transform: translateY(80px);
        -moz-transition-duration: .6s;
        -o-transition-duration: .6s;
        -webkit-transition-duration: .6s;
        transition-duration: .6s
    }
    .cta:hover .meta,
    .cta:hover h3,
    .cta:hover h4 {
        -moz-transform: translateY(-200px);
        -ms-transform: translateY(-200px);
        -webkit-transform: translateY(-200px);
        transform: translateY(-200px);
        -moz-transition-duration: .5s;
        -o-transition-duration: .5s;
        -webkit-transition-duration: .5s;
        transition-duration: .5s
    }
    .cta:hover .mask {
        background: rgba(255, 255, 255, .4)
    }
    .cta:hover .border {
        -moz-transition-duration: .1s;
        -o-transition-duration: .1s;
        -webkit-transition-duration: .1s;
        transition-duration: .1s
    }
}
/*Slider Slick*/
.slider {
    width: 100%;
    margin-top:30px;
}

.slick-slide {
    margin: 0px 10px;
}
.slick-prev:before,
.slick-next:before {
    color: black;
}
.slick-slide {
    transition: all ease-in-out .3s;
    opacity: .2;
}
.slick-active {
    opacity: .5;
}
.slick-current {
    opacity: 1;
}
.slick-dots li button:before{
    font-size: 45px !important;
    color:#0071BC !important;
}
.slick-slide img{
    width:100%;
}

/*V2 - 06/07/2019*/

/*Tuyen Dung*/
.job-video{
    width: 100%;
    height: 185px;
}
#tuyen-dung .nav{
    padding:2rem 5rem;
}
#tuyen-dung .nav-tabs{
    border-bottom: none;
}
#tuyen-dung .nav-link:hover {    
    color: #c4903f !important;
    background-color: transparent;
    border-color: transparent transparent #f3f3f3;
    border-bottom: 2px solid !important;
}
#tuyen-dung #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #c4903f !important;
    background-color: transparent;
    border-color: transparent transparent #f3f3f3;
    border-bottom: 2px solid !important;
}
#tuyen-dung .nav-link {    
    color: #6c6d6f;
    font-size: 16px;
    text-transform: uppercase;
    border-bottom:none;
}
#tuyen-dung .position{
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    border-left: 10px solid #c4903f;
    text-align: left;
    padding: 30px 20px;
    margin-top: 40px;	
    border-radius: 5px;
    font-size:18px;
    min-height:135px;
}
#tuyen-dung .position .location{
    font-size:16px;
    color:#7E91A2;
}
.img-teacher{
    margin-top: -12rem;
}
#who-we-are{
    margin-top: 10rem;
    background: url("../images/bg-nop-ho-so.jpg"); 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    max-height:495px;
}
.benefit-title{
    text-transform: uppercase;
}
#benefit{
    text-align: center;
    padding: 2rem 15rem;
}
#benefit img{
    padding-bottom: 20px;
}
#benefit li, #co-operate li{
    text-align: left;
    color:#6c6d6f;
}
#benefit ul, #co-operate ul {
    list-style: none;
}
.child #tuyen-dung h1,.child #tuyen-dung h3{
    color:#c4903f;
    text-transform: uppercase;
}
#who-we-are h3, #our-culture h3, #benefit h3{
    color:#c4903f;
    text-transform: uppercase;
}
.job-video iframe{
    width: 100%;
    height: 100%;
}
* {
    box-sizing: border-box;
}
.row_grid {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-wrap: wrap; /* IE10 */
    flex-wrap: wrap;
}

/* Create four equal columns that sits next to each other */
.column_grid {
    overflow: hidden;
    height:320px;
}

.column_grid img {
    vertical-align: middle;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;

}
.column_grid .img-small-vertical {
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

}
.recruitment-item{
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    padding: 20px 10px;
    border-radius: 5px;
}
/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
    .column_grid {
        -ms-flex: 50%;
        flex: 50%;
        max-width: 50%;
    }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .column_grid {
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
    }
}


/*Page Nop Ho So*/
#nop-ho-so .block-form{
    background-color: #fff;
    box-shadow: 8px 8px 15px 1px rgba(0,0,0,.14);
    padding:20px;
    margin-top: 5rem;
}
.title-job{
    color:#009dda;
    font-size: 18px;
    font-family: 'RobotoBold',sans-serif;
    padding-top: 20px;
}
.title-teacher{
    color:#6c6d6f;
    font-size: 24px;
    font-family: 'RobotoBold',sans-serif;
}
#frmNopHoSo .btn{
    border-radius: 5px;
    margin: auto;
    width: 100%;   
    padding:8px;
    font-size: 15px;
}
#frmNopHoSo input {
    border: none;
    border-color: transparent;
    border-bottom: 1px solid rgba(0,0,0,.15);
}
#frmNopHoSo span {
    color: #1b3968;
    font-family: 'RobotoBold',sans-serif;
    position: absolute;
    z-index: 9999;
    top: 7px;
}
#frmNopHoSo .form-group .form-control {    
    padding: 12px 65px;
}
#sentProFile{
    background-color: #c4903f;
    color: #fff;    
}
#uploadCSV{
    background-color: #f2f2f2;
    color: #6c6d6f !important;
    border: 1px solid #c4903f;
}
#nop-ho-so{
    background: url("../images/bg-nop-ho-so.jpg"); 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.title-teacher{
    color:#c4903f !important;
    font-size: 20px !important;
    font-weight: 500 !important;
}
.title-job{
    color:#000 !important;
    font-weight: 500 !important;
    font-size: 18px !important;
}
/*About Us*/
.about-us-service span{
    color:#c5913f;
}
.block-title{    
    margin: 0 20%;
    padding-bottom: 3px;
    border-bottom: 1px solid #8192a5;    
}
.block-title p{
    font-size: 18px;    
}
.mg-auto-about{
    margin: 0 25%;
    text-align: center;
}
.block-trend{
    background-color: rgba(248,248,248,1);
    padding: 2rem 0;
    min-height: 320px;
}
.service-list{
    margin-top: -12%;  
    margin-left: 25px;    
}
.service-list .service-item{
    width: 85%;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.4);
    padding: 40px;
    text-align: center;
    background-color: #fff;
}
#mvv-news .title-new{
    color:#606060;
    text-transform: uppercase;      
}
#mvv-news .caption-new{
    font-family: 'RobotoBold',sans-serif;
    color:#606060;
    font-size: 30px;
}
#mvv-news .readmore{
    border: 1px solid #c5913f;
    border-radius: 20px;
    padding:5px 20px;
}
.mvv-new-item:first-child{
    margin-bottom: 4rem;
}
.img{
    width: 100%;
    height: auto;
}
#readmore-solution .blog-title{
    color:#606060;
    text-transform: uppercase;    
    font-family: 'RobotoBold',sans-serif;
    margin-top: 15px;    
}
#readmore-solution h3{
    color:#606060;
    text-transform: uppercase;    
    font-family: 'RobotoBold',sans-serif;
    font-size: 30px;
}
.color-60{
    color:#606060;
}
.blog-item{
    margin-left: -15px;
}
.block-new-content{
    margin-top:20%;
    padding:0 30px;
}
#readmore-solution .blog-item:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, .7);
	border: 1px solid #fff;  
	border-top-left-radius: 80%;
	border-top-right-radius: 80%;
	min-height:250px;
}
/*Footer*/
.social .nav-item{
    margin-top: 2rem;
    width: 18%;
}
.social img{
    height: 25px;
}
footer h3:first-child{
    top: 30px;
}
footer h3 {
    color: #2f2e27 !important;
    position: relative;    
    margin-top: 40px;
    font-size: 20px !important;
}
.children footer, .child footer {
    border-top: 1px solid #e1e1e1;
}
.devide {
    border-bottom: 1px solid #1A3867;
    width: 45%;
    margin-top: 15px;
}

/*Giải Pháp Inhouse*/
.production-feature{
    transform: translateY(-3rem);    
}
.product-list{
    list-style: none;
    width: 80%;
    float: left;
    margin: 0 0 0 10%;
    align-items: flex-start;
    background-color: #fff;    
    box-sizing: border-box;
    box-shadow: 0 4px 5px 0 rgba(0,0,0,.1);
    color: #1e1e1e;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 30px 20px;
}
.product-feature-item{
    display: flex;
    flex-grow: 1;
    flex-basis: 0;
    margin-right: 10px;
}
.production-item-description .fa{
    margin-right: 8px;
	margin-top: 5px;
    color:#c5913f;
}
.feature-block-content{
    display: flex;
    flex-direction: row;
    margin-top: 2rem;
    width: 100%;   
}
.feature-block-content .nav{
    width: 30%;
    float: left;    
    display: flex;
    flex-direction: column;
}
.flex-column a:hover{
	background-color: #f6f6f6;	
}
.feature-block-content .nav-tabs{
    border-bottom: none;
}
.feature-block-content .tab-content{
    width: 50%;
    float: left;
    margin-left: 2.4%;
    overflow: hidden;
    position: relative;
    padding-left: .5rem;
}

.feature-block-content .nav .active{
    background-color: #ebebeb;
}
.feature-block-content ul.nav-tabs li{       
    padding: 5px;
    letter-spacing: .05rem;  
	margin-top:-10px;
}
.feature-block-content ul.nav-tabs li a{
    color:#606060;
    text-transform: none;
    font-family: 'RobotoBold',sans-serif;
    text-align: left;
	display:block;
	border-radius: 4px;
    box-sizing: border-box;
	transition: background-color .1s linear .05s;
    width: 100%;
	line-height: 25px;    
	height:45px;
}
.feature-block-content .readmore{
    border: 1px solid #c5913f;
    border-radius: 20px;
    padding: 5px 20px;
    margin-top: 15px;
    display: inline-block;
}
.feature-block-content .tab-content{
    border-bottom: 1px solid #cccccc;
    padding-bottom: 30px;
}
#training-block-form{
    padding: 0 10%;
}
#training-block-form .title-service{
    margin-top:15px;
    font-family: 'RobotoBold',sans-serif;
    color:#c5913f;
    text-transform:uppercase;
}
.training-description{
    text-align: center !important;
    padding:0 20%;
    margin-bottom: 3rem;
}
#contact-training{
    background: url(../images/bg-form.jpg);
}
#contact-training .text-giai-phap{
    margin-top: 25%;
}
.text-giai-phap p{
    color:#2f2e27;
    font-size: 18px;
}
#contact-training #solution-form{
    background-color: #fff;
    border-radius: 20px;
    padding:3rem 0;
    margin-top: 10px;
    max-width: 520px;
    margin-left: 10%;
}
#solution-form #submitContact{
    margin: auto;
    font-size: 15px;
    padding: 8px 25px;
}
#human-resource{
    border-bottom: 1px solid #cccccc;
    padding-bottom: 30px;    
}
.service-linh-vuc{
    padding:0 6%;
}
.service-linh-vuc .service-item{
    background-color: #fff;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.4);
    padding:30px;
    height: 865px;
}
.service-linh-vuc .service-item .title{
    margin-top: 20px;
    color:#606060;
    font-family: 'RobotoBold',sans-serif;
    text-align: center;
}
.about-us-solution{
    background-color: #fff !important;
}
.about-us-solution::before{
    content: "";
    width: 100%;
    height: 600px;        
    margin-top: 25%;
    position: absolute;
    display: inline-block;
    background-color: #f8f8f8;    
}
.in-house-title{
    font-size: 35px !important;
    font-family: 'RobotoBold',sans-serif !important;
    text-transform: uppercase;
    margin-top: -40px
}
#service-block-main .icon-wrapper{
    text-align: center;
}
.production-item-description{
	display:flex;
}


/*Detail In House*/
.course-description{
    color:#606060 !important;
    padding-right:10px;
    text-align: left;
}
.detail-blog .small-title{
    padding:0px;
	height:60px;
}
.detail-blog .blog-item-wrapper{
    height: 420px !important;
    margin-bottom: 30px;
}
.blog-item-text .readmore{
    color:#606060;
    font-family: 'RobotoBold',sans-serif;
    border-bottom: 1px solid #606060;
    margin-bottom: 10px;
}
.bg-overflow::before{
    content: "";
    width: 100%;
    height: 300px;        
    margin-top: 8%;
    position: absolute;
    display: inline-block;
    background-color: #f8f8f8;    
}
.blog-list::after{    
    content: "";
    border-bottom: 2px solid #e1e1e1;
    padding: 10px;
    width: 97%;
    margin-left: 15px;
}
.article-other .description{
    background-color: #c5913f;    
    padding: 10px;
}
.article-other .description .small-title{
    font-size: 18px !important;
    font-family: 'RobotoBold',sans-serif;
}
.article-other .description p{
    color:#fff;
    font-size: 14px !important;
}
.article-other .description a{
    color:#fff;
}
.tab-content h4{
    color:#c5913f;
    font-size: 20px;
}
.feature-in-house-content .tab-content .readmore{
    color:#fff;
    border-bottom: 1px solid #fff;
}
#training-block-detail ul.nav-tabs li:first-child {
    margin-left: 25%;
}
#training-block-detail ul.nav-tabs li a{
    text-transform: none;
}
#training-block-detail .nav-tabs{
    border-bottom: 1px solid #c5913f;
}
.feature-in-house-content .nav-tabs .active{
    background-color: #c5913f;      
}
.feature-in-house-content .nav-tabs .active{
    color:#fff;
}
.feature-in-house-content .nav-tabs li{    
    padding:10px 0px;  
    margin-left: 5px;
}
.feature-in-house-content .nav-tabs a
{
    color:#2f2e27;
    text-align: center;
    vertical-align: middle;
    font-family: 'RobotoBold',sans-serif;
	background-color: #e1e1e1;
}
/*#giang-vien .content-detail{
    border-bottom: 1px solid #000;
}*/
.read-more-teacher{
	margin-top:60px;
	color:#C4903E;
}
.content-teacher{
	margin:7px 20px;
}
.teacher-position{
	font-family: 'RobotoBold',sans-serif !important;
}
.content-detail-form{
    margin-top: 3rem;
    box-shadow: 0 0 5px 4px rgba(0, 0, 0, .1);
    border-radius: 20px;
    padding:2rem 0;
}
.info-teacher img{
	border: 1px solid #B8860B;
    border-radius: 20px;
	width:200px;
	height:200px;
	object-fit:cover;
}
.banner-sub{
    width: 50%;
    position: absolute;
    top: 40%;
    left: 10%;
    height: 65px;
}
.blog-list .blog-item-wrapper
{
	height:470px !important;
}
/* The Modal (background) */
#modalSlider {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
  z-index:9999999;
}

/* Modal Content (Image) */
#modalSlider  .modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 500px;
}

/* The Close Button */
#modalSlider .close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

#modalSlider .close:hover,
#modalSlider .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}
.modal .iframe-video iframe{
	width: 700px;
    height: 400px;
    text-align: center;
    vertical-align: middle;
    right: 0;
    left: 25%;
    position: relative;
}
strong{
	font-weight:bold;
}
._3d-flip-book{
	margin-top:30px;
	margin-left:30px;
	box-shadow:0 2px 4px 0 rgba(0,0,0,.1), 0 9px 20px 0 rgba(0,0,0,.25);
}
._3d-flip-book .book-thumbnail{
	width:230px;
	position:relative;
	display:block;
}
._3d-flip-book .book-thumbnail img{
	width:100%;
	height:auto;
}
.brochure-detail .fb3d-thumbnail-lightbox-mode{
	display:block !important;
	margin:auto;
	width:400px;
}
.brochure-detail ._3d-flip-book .book-thumbnail{
	width:400px;
	position:relative;
	display:block;
}