/*

Theme Name: GVT THEME

Theme URI: https://generatepress.com

Template: generatepress

Author: GVT

Author URI: https://tomusborne.com

Description: child-them desiner by GVT

Tags: two-columns,three-columns,one-column,right-sidebar,left-sidebar,footer-widgets,blog,e-commerce,flexible-header,full-width-template,buddypress,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,rtl-language-support,featured-images,theme-options
Version: 1.3.48.1499935361

Updated: 2017-07-13 08:42:41

*/

p#breadcrumbs {
    border-top: 3px double #cdcdcd;
    margin-top: 10px;
}

li {

    list-style: none !important;

}
.clear-both{
    clear: both;
}

aside#custom_html-8 {
    padding-left: 0;
}
.title-seo-gvt {

    opacity: 0;

    z-index: -1;

    position: fixed !important;

    left: 0;

    width: 0px;

    height: 0px;

    display: none;

}
h1.page-title, h1.entry-title, .elementor-heading-title {
       background-color: rgb(52, 152, 219);
    position: relative;
    border-left: 10px solid #e6eb6d;
    padding: 8px 0 8px 17px !important;;
    color: #fff !important;
    font-size: 18px;
    margin-top: 8px !important;
    margin: 0 !important;;
    font-weight: 500;
    font-family: 'Oswald', sans-serif;
    display: block;
    text-transform: uppercase;
}
article.post-tour {
    width: calc(100% / 3 - 20px);
    float: left;
    margin-right: 20px;
    padding: 0px 10px;
    box-sizing: border-box;
    border: 1px solid #cdcdcd;
    margin-bottom: 15px;
}
article.post-tour img {
    height: 12em;
    width: 100%;
    border-bottom: 1px solid #cdcdcd;
     transform: scale(0.9);
    -webkit-transform: scale(0.9);
}

article.post-tour:hover img {
    transform: scale(1);
    -webkit-transform: scale(1);
    transition: all .5s ease;
    transform: scale(1);
    -webkit-transform: scale(1);
    transition: all .5s ease;
}
.post-tour-hd h2.entry-title {
    font-size: 17px;
    font-weight: 600;
    text-align: center;
    background-color: #cdcdcd;
    padding: 5px 0px;
}
.gia_thue_xe {
    text-align: center;
    border-bottom: 1px solid #cdcdcd;
    padding: 5px 0px;
}
ul.tour-des {
    margin: 0;
}
ul.tour-des li {
       float: left;
    background-color: #3498db;
    margin: 10px 0px 10px 26px;
    border-radius: 5px;
    width: calc(50% - 40px);
    text-align: center;
    color: #fff;
    font-weight: 600;
    padding-bottom: 3px;
}
ul.tour-des li:hover {
    background-color: #f7be68;
}
ul.tour-des li a{
    color: #fff;
    font-size: 12px;
}
.box-chi-tiet img {
    width: 60%;
    border: 1px solid #cdcdcd;
    box-shadow: 2px 2px 2px #cdcdcd;
    box-sizing: border-box;
}
.box-chi-tiet {
    display: flex;
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 15px;
    padding-bottom: 20px;
}
.des-chi-tiet {
    border: 1px solid #cdcdcd;
    width: 40%;
}
h2.entry-title-xe {
    background-color: #cdcdcd;
    text-align: center;
    font-weight: 600;
    padding: 5px;
}
.des-chi-tiet .sp-phone {
    text-align: center;
    margin: 0;
}
.des-chi-tiet .sp-phone h3 {
    background-color: #cdcdcd;
    margin: 0;
    text-align: center;
    padding: 5px;
    font-weight: 600;
    margin-bottom: 20px;
}
#right-bar-gvt .elementor-widget-heading{       
    margin: 0;
}

#right-bar-gvt article.elementor-post {
    background: white;
    padding: 10px 20px 10px 20px !important;
    border-bottom: 1px solid #CCCCCC;
    margin: 0 !important;
}

#right-bar-gvt .elementor-widget-container {
    border: 1px solid #cdcdcd;
}
#right-bar-gvt h3.elementor-post__title:hover {
    padding-left: 10px;
    color: #d9241c;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
div#contact-gvt-opt .item-opt-contact {
    padding: 5px 5px 0px 5px;
    background-color: #fff;
    border: 1px solid #cdcdcd;
    border-radius: 5px;
    margin-top: 10px;
    width: 40px;
    margin-right: 10px;
}

div#contact-gvt-opt {
    position: fixed;
    right: 0;
    top: 140px;
    z-index: 999;
    border-right: 0;
}
.item-opt-contact:hover img {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    transition: all 0.3s ease;
}
.alo-phone {
    position: fixed;
    background-color: transparent;
    width: 100px;
    height: 100px;
    cursor: pointer;
    z-index: 999;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transition: visibility .5s;
    -moz-transition: visibility .5s;
    -o-transition: visibility .5s;
    transition: visibility .5s;
    left: 10px;
    bottom: 0;
}
.alo-phone.alo-green .alo-ph-circle {
    border-color: #ffbc0a;
    border-color: #bfebfc;
    opacity: .5;
}
.alo-ph-circle {
    width: 100px;
    height: 100px;
    top: 0px;
    left: 5px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(30,30,30,0.4);
    border: 2px solid #bfebfc;
    opacity: .1;
    -webkit-animation: alo-circle-anim 1.2s infinite ease-in-out;
    -moz-animation: alo-circle-anim 1.2s infinite ease-in-out;
    -ms-animation: alo-circle-anim 1.2s infinite ease-in-out;
    -o-animation: alo-circle-anim 1.2s infinite ease-in-out;
    animation: alo-circle-anim 1.2s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.alo-phone.alo-green .alo-ph-circle-fill {
    background-color: rgba(255,188,10,0.5);
    background-color: #ffbc0a;
    opacity: .75!important;
}
.alo-ph-circle-fill {
    width: 80px;
    height: 80px;
    top: 10px;
    left: 15px;
    position: absolute;
    background-color: #000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .1;
    -webkit-animation: alo-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: alo-circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: alo-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: alo-circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.alo-phone.alo-green .alo-ph-img-circle {
    background-color: #ffbc0a;
}
.alo-ph-img-circle {
    width: 45px;
    height: 45px;
    top: 27px;
    z-index: 99;
    left: 35px;
    position: absolute;
    background: rgba(30,30,30,0.1) url(https://i.imgur.com/jDEWAaG.png) no-repeat center center;
    background-size: contain;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: 1;
    -webkit-animation: alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: alo-circle-img-anim 1s infinite ease-in-out;
    animation: alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.alo-phone-show {
    position: absolute;
    left: 74px;
    display: inline-block;
    width: 145px;
    text-align: center;
    font-size: 20px;
    background-color: #f5bf15;
    color: #fff;
    top: 32px;
    padding: 5px 0px;
    border-radius: 0px 20px 20px 0px;
}

@-moz-keyframes alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@-webkit-keyframes alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@-o-keyframes alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@keyframes alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@-moz-keyframes alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-webkit-keyframes alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-o-keyframes alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@keyframes alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-moz-keyframes alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}@-webkit-keyframes alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}@-o-keyframes alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}@keyframes alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}#alo-fixed{visibility:visible;opacity:0;position:fixed;right:-100px;top:100px;filter:alpha(opacity=0)}
@media (max-width: 767px){
    div#contact-gvt-opt {
        left: 0;
        right: 0;
        position: fixed;
        bottom: 0;
		top: auto;
        width: auto;
        z-index: 999;
        display: grid;
        grid-template-columns: repeat(4,1fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        background-color: #f7f8f9;
        box-sizing: border-box;
        border-radius: 0;
        border: 1px solid #cdcdcd;
        padding: 0;
    }
    div#contact-gvt-opt .item-opt-contact {
        width: auto;
		text-align: center;
		border: 1px solid #cdcdcd;
		box-sizing: border-box;
		margin: 0;
		border-radius: 0;
		background-color: #fff;
    }
    div#contact-gvt-opt img {
        width: 45px;
        text-align: center;
    }
     div#contact-gvt-opt .item-opt-contact .item-info-contact {
        display: none;
    }
        
}
@media (max-width: 768px){
    .inside-header {
        padding: 0px;
        text-align: center;
    }
    article.post-tour {
        width: 100%;
    }
    article.post-tour img {
        height: 15em;
    }
    .des-chi-tiet, .box-chi-tiet img, .box-chi-tiet{
        width: 100%;
        display: inherit;
    }
}