p{font-size: 16px;color: #000;margin-bottom: 5px;}
#mainMenu nav > ul > li > a{margin-bottomcolorpadding:.8em#44411px 15px;font-family:"Open Sans","Helvetica","Arial",sans-serif;font-size:15px}
.doitac .owl-carousel .owl-item img{background:#fff;border:1px #ccc solid}
#topbar .top-menu > li{line-height:45px}
#topbar .top-menu li a{color:#fff}
#topbar{background:#1428A0}
#header #header-wrap #logo a>img{padding:9px 0}
.portfolio-image .quickview{color:#fff;display:none;font-size:13px;background-color:rgba(0,0,0,.4);text-align:center;width:100%;position:absolute;bottom:0;left:0;padding:10px;z-index:1}
.portfolio-image:hover .quickview{display:block}
.portfolio-item.no-overlay .portfolio-description h3{text-transform:uppercase;letter-spacing:inherit;font-weight:400;font-size:17px;line-height:1.6;color:#fff;margin-top:17px;margin-bottom:0}
.indexpage .portfolio-item.no-overlay .portfolio-description p{color:#fff}
.team-members .team-member .team-image{margin-bottom:0}
.team-members.team-members-shadow .team-member .team-image > img{width:220px;margin:auto;margin-top:20px}
.btn-my{background:#96c945;border:none;color:#000;font-size:19px;padding:16px 24px 14px;font-weight:500;text-shadow:none!important}
.btn-my:hover{background-color:#f78c14;color:#fff}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,p,body,a,span{font-family:Roboto,san-serif!important;letter-spacing:0}
.heading > h1,.heading > h2{color:#1e24a8;font-weight:600;font-size:42px}
.lead{font-weight:400}
#header #mainMenu nav > ul > li > a{font-size:15px;font-weight:500;padding:4px 22px}
#mainMenu nav>ul>li .dropdown-menu>li [class*=col-]>ul>li>a,#mainMenu nav>ul>li .dropdown-menu>li>a,#mainMenu nav>ul>li .dropdown-menu>li>span{font-weight:400;font-family:roboto;font-size: 15px;}
#header #mainMenu nav > ul > li > a:hover{color:#96c945;border-bottom:1px solid #F69021}
#mainMenu nav > ul > li{padding:5px 6px 0;margin-left:0;line-height: 36px;}
#mainMenu.menu-left nav > ul > li.mega-menu-item > .dropdown-menu {
    left: 15px;
}
.header-logo-center #mainMenu nav > ul > li:first-child{padding-left:0}
#topbar .top-menu > li > a{margin:0 8px}
#mainMenu nav>ul>li.mega-menu-item .mega-menu-content .mega-menu-title{padding:0 0 0;font-weight:700;font-family:roboto;line-height:24px;font-size: 17px;margin-bottom:  10px;}
#mainMenu nav>ul>li.mega-menu-item .mega-menu-content .mega-menu-title a{font-family:Roboto,sans-serif;font-size:17px;line-height:14px;font-weight:700;text-transform:uppercase;padding-bottom:0}
.section2 .icon-box .icon i{color:#fff;border-radius:35%}
.section2 .icon-box .icon i:after{border-radius:35%}
.section2 .icon-box h3{font-size:1.325714em;font-weight:400}
.section2 .icon-box{margin-bottom:30px}
.section2 .col-md-4:nth-child(1) .icon-box .icon i{background-color:#64b3e3}
.section2 .col-md-4:nth-child(1) .icon-box .icon i:after{box-shadow:0 0 0 3px #64b3e3}
.section2 .col-md-4:nth-child(2) .icon-box .icon i{background-color:#ff9e28}
.section2 .col-md-4:nth-child(2) .icon-box .icon i:after{box-shadow:0 0 0 3px #ff9e28}
.section2 .col-md-4:nth-child(3) .icon-box .icon i{background-color:#9ec73b}
.section2 .col-md-4:nth-child(3) .icon-box .icon i:after{box-shadow:0 0 0 3px #9ec73b}
.section2 .col-md-4:nth-child(4) .icon-box .icon i{background-color:#265a92}
.section2 .col-md-4:nth-child(4) .icon-box .icon i:after{box-shadow:0 0 0 3px #265a92}
.section2 .col-md-4:nth-child(5) .icon-box .icon i{background-color:#88ad34}
.section2 .col-md-4:nth-child(5) .icon-box .icon i:after{box-shadow:0 0 0 3px #88ad34}
.section2 .col-md-4:nth-child(6) .icon-box .icon i{background-color:#f86a40}
.section2 .col-md-4:nth-child(6) .icon-box .icon i:after{box-shadow:0 0 0 3px #f86a40}
.section3 .grid-filter{text-align:center}
.section3 .grid-filter.gf-creative li a{text-transform:uppercase;color:#abe450;font-weight:300;font-size:20px}
.section3 .grid-filter.gf-creative li.active a,#section3 .grid-filter.gf-creative li a:hover{border:none;font-weight:600}
.section3 .grid-filter.gf-creative li:hover a:after,.grid-filter.gf-creative li.active a:after{opacity:0}
.section3 .portfolio-item .portfolio-image img{padding:5px;background:#fff}
.section3 .portfolio-item .portfolio-description{width:90%}
.section3 .portfolio-item .duan-title{position:absolute;bottom:0;z-index:1;background:#fff;padding:0;width:100%;visibility:visible;opacity:1;transition:visibility 0.3s,opacity .3s linear;min-height:36px}
.section3 .portfolio-item:hover .duan-title{visibility:hidden;opacity:0;transition:visibility 0.3s,opacity .3s linear}
.section3 .portfolio-item .duan-title > span{position:absolute;top:55%;transform:translate(-50%,-50%);left:50%;width:90%;line-height:1.2em;color:#000;text-align:center;text-transform:uppercase;font-weight:600;font-size:.85em}
.section3 .heading > h1,.section3 .heading > h2{color:#8bb942}
.section3.duan .heading > h1,.section3.duan .heading > h2{color:#8bb942}
.section3.duan .grid-filter.gf-creative li a{color:#ff9800}
.pricing-table.colored .plan-header{padding:0 0 22px}
.pricing-table.colored .plan-header h3{padding:13px 0 0;color:#fff;font-weight:300;margin-bottom:0}
.pricing-table.colored .plan-header .text-muted{padding:0 10px;padding-bottom:12px}
.pricing-table.colored .goiweb:nth-child(1) .plan-header{background:#215a94}
.pricing-table.colored .goiweb:nth-child(1) .plan-header h3,.pricing-table.colored .goiweb:nth-child(1) .text-muted{background:#204e80}
.pricing-table.colored .goiweb:nth-child(2) .plan-header{background:#56aee3}
.pricing-table.colored .goiweb:nth-child(2) .plan-header h3,.pricing-table.colored .goiweb:nth-child(2) .text-muted{background:#44a2db}
.pricing-table.colored .goiweb:nth-child(3) .plan-header{background:#a1c627}
.pricing-table.colored .goiweb:nth-child(3) .plan-header h3,.pricing-table.colored .goiweb:nth-child(3) .text-muted{background:#90b636}
.pricing-table.colored .goiweb:nth-child(4) .plan-header{background:#8bac24}
.pricing-table.colored .goiweb:nth-child(4) .plan-header h3,.pricing-table.colored .goiweb:nth-child(4) .text-muted{background:#7da02c}
.pricing-table .plan .plan-header .plan-price{font-weight:500;padding:37px 0 24px}
.pricing-table .plan-list{padding:20px 0}
.pricing-table .plan-list ul{padding:0 20px}
.pricing-table .plan-list ul li{line-height:32px}
.pricing-table .plan-list ul li a.long{line-height:23px;padding:5px 0;display:block}
.pricing-table.colored .goihosting:nth-child(1) .plan-header{background:#215a94}
.pricing-table.colored .goihosting:nth-child(1) .plan-header h3,.pricing-table.colored .goihosting:nth-child(1) .text-muted{background:#204e80}
.pricing-table.colored .goihosting:nth-child(2) .plan-header{background:#56aee3}
.pricing-table.colored .goihosting:nth-child(2) .plan-header h3,.pricing-table.colored .goihosting:nth-child(2) .text-muted{background:#44a2db}
.pricing-table.colored .goihosting:nth-child(3) .plan-header{background:#8bac24}
.pricing-table.colored .goihosting:nth-child(3) .plan-header h3,.pricing-table.colored .goihosting:nth-child(3) .text-muted{background:#7da02c}
.product .product-price{float:left;margin:0;width:100%;text-align:left;margin-top: 0;}
.product .product-price ins{font-size: 16px;color:#5b5b9a;}
.product .product-price del {
    display: block;
    font-size: 13px;
    font-weight: 400;
    margin: 0px 0 0px;
    line-height: 13px;
    opacity: 0.6;
}
.product-page .product-price{margin-top:13px}
.product-page .product-price ins{font-size:25px}
.product-page .product-rate{height:23px;float:left;color:#FFC300;font-size:20px}
.product .product-title h3,.product .product-title h3 a{font-size: 15px;font-weight: 500;margin-bottom: 3px;line-height:1.2em;}
#header .header-extras>ul>li .btn.btn-reveal{padding:12px 25px}
#header .header-extras>ul>li .btn.btn-reveal.btn-reveal-left:hover i{left:15px}
.topbar-dropdown .title,.topbar-dropdown .title a{color:#fff}
.topbar-dropdown .title{border-left:1px solid #8090c1}
.grid-articles .post-entry:before{background:linear-gradient(to bottom,transparent 20%,rgba(0,0,0,0.9) 100%);opacity:.6}
.grid-articles .post-entry:hover:before{opacity:.8}
.grid-articles .post-entry .post-entry-meta{padding:0 20px 15px}
.grid-articles .post-entry .post-entry-meta .post-entry-meta-title h2,.grid-articles .post-entry .post-entry-meta .post-entry-meta-title h2 a{font-weight:500}
.comments .comment{padding:0}
.comments .comment .text_holder p{line-height:20px}
.single-post .post-item .post-item-description img{margin:10px 5px;border:1px #ccc solid}
.single-post .post-item .post-item-description p{font-size:1em}
.news-ticker-content .owl-stage-outer{max-height:23px}
@media only screen and (max-width:1024px) {
#mainMenu nav > ul > li{padding:0 2px}
}
@media only screen and (max-width:768px) {
.section3 nav{display:none}
}
@media only screen and (max-width:480px) {
#header #header-wrap #logo a>img{padding:12px 0}
.heading > h2{font-size:32px}
.section3 .portfolio-item{width:50%}
.p-m-0{padding:0!important}
}
@media only screen and (max-width:390px) {
#header #header-wrap #logo a>img{padding:12px 0}
}
@media only screen and (max-width:320px) {
#header #header-wrap #logo a>img{padding:12px 0}
}
.product .product-description {
    display:block;
    overflow:hidden;
    padding: 0;
    margin-top: 7px;
}
.shop .product .product-image img{padding:0;background:#fff;margin-bottom:12px;width: 80%;/* border:1px #cccccc5c solid */height:  auto;margin:  auto;}
#product-page .product .product-image img{padding:0;background:#fff;margin-bottom:12px;width:  auto;height: auto;margin: 0 auto;max-width: 100%;max-height:  100%;}
#product-page h1{    line-height: 45px;}
#product-page h1 a{    font-weight: bold;
    font-size: 32px;}
.shop .product{margin-bottom:0;display:  block;border: 1px #ccc solid;padding: 10px;}
.shop .product:hover {border: 1px #000 solid;}
.widget .widget-title,.widget > h4{font-size:16px;color:#fff;background:#1428A0;padding:7px 18px;margin-bottom:0!important}
.widget.widget-newsletter a.list-group-item{font-size:14px}
.index-shop h3.title{color:#fff;text-transform:uppercase;background:#1e24a8;padding:6px 20px}
.index-shop h4{color:#1428A0;font-size:17px;text-transform:uppercase;line-height:26px}
.baiviet h1{font-size:2.342857em}
.index-shop .col-md-4 img{width:259px;height:193px;border:0 #ddd solid;padding:0;border-radius:1em;box-shadow:2px 2px 7px 0 #1e24a8}
.index-shop .col-md-4 img:hover{box-shadow:0 0 7px 0 #1e24a8}
.index-shop .col-md-3 img{width:186px;height:124px;border:0 #ddd solid;border-radius:1em;box-shadow:2px 2px 7px 0 #1e24a8}
.index-shop .col-md-3 img:hover{box-shadow:0 0 7px 0 #1e24a8}
a.list-group-item:hover:not(.nohover),a.list-group-item.active{text-decoration:none;color:#000;background-color:#eee;border:1px solid #ddd;}
.sidebar a.list-group-item.active:after{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f046";
    position: absolute;
    left: 10px;
    top: 7px;
    font-size: 20px;
    color: #1e24a8;
    }
.sidebar a.list-group-item:after{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f096";
    position: absolute;
    left: 10px;
    top: 7px;
    font-size: 20px;
    color: #1e24a8;
    }
/*.sidebar a.list-group-item.active:hover:before{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f00d";
    position: absolute;
    right: 10px;
    top: 6px;
    font-size: 20px;
    color: #1e24a8;
    }*/
@media only screen and (min-width:1024px) {
#mainMenu{float:left;line-height:40px}
#header{height:120px}
.widget.widget-newsletter a.list-group-item{min-width:263px}
.widget.widget-newsletter a.list-group-item.active{min-width:263px}
.menuTop .widget.widget-newsletter a.list-group-item{min-width:278px;font-size: 17px;}
#page-content{overflow:initial;z-index:99}
#mainMenu{background:#0f27a21a;width:100%}
.col-md-7.index-shop{padding-left:0;padding-right:0}
}

@media only screen and (max-width:480px) {
.col-md-7.index-shop{margin-bottom:20px;float:left}
.col-md-7.index-shop #widget-search-form-sidebar{float:left;margin:20px 0}
.col-md-3 .list-group{/*display:block!important;*/position:relative!important;box-shadow:none!important}
.tabs-content img {
    width: auto;
    height: auto;
}
.productheight{height: auto!important;}
}
.sidebar-both .content{padding-left:15px;padding-right:15px}
.sidebar{padding-right:15px}
.sidebar-both .content + .sidebar{padding-left:15px}
.form-inline .input-group .input-group-btn{width: 10.3%;position:  absolute;right:  0;}
.form-inline .input-group{width:100%;position: relative;}
.danhmucsp a{padding: 8px 15px;padding-left:49px;}
.danhmucsp a .fa{position:absolute;right:10px;top:13px;color:#0f27a2;font-size:18px}
.danhmucsp a img{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:28px}
.hotrotructuyen{border:1px #eee solid;padding:10px 0;background:#fff}
.hotrotructuyen p{text-align:center;margin-bottom: 18.9px;color:#000;font-size:15px;}
.hotrotructuyen p span{font-weight:700;font-size:20px;color:#000}
.hotrotructuyen p a{font-size:20px;color:#0f27a2;font-weight:700;text-align:center}
.left-bar{position:fixed;top:50%;transform:translateY(-50%);left:0;height:200px;width:50px;z-index:99}
.left-bar a{width:50px;height:50px;background-size:contain!important;z-index:999;float:left}
.left-bar a:nth-child(1){background:url(/upload/zalo.jpg)}
.left-bar a:nth-child(2){background:url(/upload/face.jpg)}
.left-bar a:nth-child(3){background:url(/upload/phone.jpg)}
.left-bar a:nth-child(1) span{border:2px #00add5 solid}
.left-bar a:nth-child(2) span{border:2px #4e71a8 solid}
.left-bar a:nth-child(3) span{border:2px #53c32d solid}
.left-bar a:nth-child(4) span{border:2px #625e5d solid}
.left-bar a span{position:absolute;width:max-content;padding:14px;background:#fff;font-size:20px;left:50px;height:50px;display:none}
.left-bar a:hover span{border-left:0;display:block}
h4 .fa.fa-chevron-circle-down{position:absolute;right:10px;top:11px;font-size:26px}
.list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.sidebar .list-group-item{padding: 5px 15px 5px 37px;}
.mega-menu-left{
    position: absolute;
        top: 0;
        left: 290px;
        z-index: 99;
        background: #fff;
        width: 474px;
        height: 441px;
                padding: 20px 10px;
        box-shadow: 0px 2px 10px 1px #eee;
        border: 1px #eee solid;
}
.mega-menu-left ul{padding: 0}
.mega-menu-left ul li{list-style: none;margin-bottom: 4px;}
.mega-menu-left ul li.mega-menu-title{font-weight: bold;margin-bottom: 6px;}
.mega-menu-left ul li a{padding: 0;font-size: 16px;}
.menuTop .widget .widget-title, .menuTop .widget > h4 {
    padding: 12px 18px;}
    .content h1{font-weight: bold;color: #1e24a8;font-size: 26px;}
    .camket{
    padding: 40px 0;
    background: #fff;
    }
    .camket .col-md-4{
    /* background: #f7dd002b; */
    /* padding: 15px; */
}
  .camket .col-md-4 h4{padding: 8px 20px 6px 20px;background: #fd0;border-radius: 5px;text-transform: uppercase;text-align:  center;}
    .camket .col-md-4:nth-child(1){
}
    .camket .col-md-4:nth-child(2){}
    .camket .col-md-4 p{margin-bottom: 0;font-size: 18px;text-align: left;position:  relative;padding-left: 54px;}
    .camket .col-md-4 p:before{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f00c";
    position: absolute;
    left: 23px;
    top: 0px;
    font-size: 24px;
    color: #202020;
    }
    @media only screen and (width:1024px) {
        .widget.widget-newsletter a.list-group-item{min-width:212px}
        .widget.widget-newsletter a.list-group-item.active{min-width:212px}

    .menuTop .widget.widget-newsletter a.list-group-item{min-width:227px;font-size: 17px;}
    .hotrotructuyen p span {
        font-size: 17px;
    }
    .hotrotructuyen p {
        font-size: 12px;
    }
    }

    .tab-pane.active a{    color: rgb(255, 0, 0);
    font-style: italic;}
    .tab-pane.active a:hover{text-decoration: underline;}

    @media only screen and (max-width:480px) {
        /*.col-md-3 .list-group.hiddenMobile{display: none!important}*/
        #header #logo > a {
            height: 80px;
        }
        #page-content .col-md-3.col-sm-12{padding: 0}
        .menuTop .widget .widget-title, .menuTop .widget > h4 {
            padding: 7px 18px;
            border-radius: 0.2em;
        }
        h4 .fa.fa-chevron-circle-down {
            top: 6px;
        }
        .heading > h1, .heading > h2 {
            font-size: 32px;
        }
        #widget-search-form-sidebar #widget-widget-search-form-button{
            background: transparent;
                color: #1e24a8;
                border-left: none;
                padding: 11px 10px;
        }
        #widget-search-form-sidebar .widget-search-form{
                -webkit-box-shadow: none;
                box-shadow: none;
                -webkit-transition: unset;
                -o-transition: unset;
                transition: unset;
                border: 1px #253993 solid;
                padding: 9px 18px;
                border-right: none;
                width: 100%;
        }
        .floatingPhone{position: fixed;
    bottom: 0;
    left: 50%;
    z-index: 200;
    background: #F44336;
    transform: translateX(-50%);
    padding: 5px 0;
    border: none;
    border-top-left-radius: 0.7em;
    border-top-right-radius: 0.7em;}
        .floatingPhone a{color: #fff;
    padding: 0 11px;
    font-size: 15px;}
    #product-page h1 {
        line-height: 36px;
    }
    #product-page h1 a {
        font-size: 26px;
    }
    .grid-4-columns .grid-item{width: 50%}
    .product .product-image > a{width: 100%!important}
    .m-b-mobile{margin-bottom: 10px}
    .sidebar h1 {
        font-weight: bold;
        color: #1e24a8;
        font-size: 26px;
    }
    .sidebar {
        margin-bottom: 20px;
    }
    }
.dvu img{border: 1px #ccc solid;}
    .simple .tabs-content{padding-top: 0}
    .tabs-content #tab1{max-width: 800px;
    margin: auto;
    border: 1px #ccc solid;
    padding: 20px;
    border-top: 0;}.product .product-image > a, .product .product-image img,.owl-item img{height: auto}
.product .product-image > a, .product .product-image img,.owl-item img{height: auto}
section.fullscreen, section.fullscreen video{height: calc(100vh - 80px) !important;}
.product .product-image > a, .product .product-image img,.owl-item img{height: auto}
section.fullscreen, section.fullscreen video,.inspiro-slider.slider-fullscreen,.inspiro-slider.slider-fullscreen .slide{height: calc(100vh - 80px) !important;}
.product .product-image > a, .product .product-image img,.owl-item img{height: auto}
section.fullscreen, section.fullscreen video,.inspiro-slider.slider-fullscreen,.inspiro-slider.slider-fullscreen .slide{height: calc(100vh - 80px) !important;}