@import url(predefine.css); /*==== all base and default class ====*/

/*
    ------------------------------------

    ----------------------------- COMMON
*/
.preload{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../img/preload.gif) no-repeat center center rgba(255, 255, 255, 1);
    background-size: 100px;
}

#scrollUp {
    background-image: url("../img/scrollTop.png");
    bottom: 20px;
    right: 20px;
    width: 38px;
    height: 38px;
}

/*
    ------------------------------------

    -------------------------- HOME PAGE
*/

/*==================== HEADER AREA */
.topbar{
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.6px;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    vertical-align: middle;
    padding: 10px;
}
.topbar a{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    display: inline-block;
    padding: 2px 7px;
    border-radius: 3px;
}
.topbar span{margin-top: 3px;}

/*-------------*/
.logoarea{
    height: 120px;
    display: grid;
    align-items: center;
}
.logo{}
.logo img{
    width: 170px;
    height: 72px;
}

/*-------------*/
.phonecall{
    margin-top: 20px;
}
.phonecall ul{overflow: hidden;}
.phonecall ul li{
    overflow: hidden;
    margin-right: 30px;
    font-size: 15px;
    display: inline-block;
}
.phonecall ul li div{float: left;}
.phonecall ul li i{
    font-size: 48px;
    margin-right: 15px;
    color: #4EA44E;
}
.phonecall ul li p{
    color: #0E305D;
    font-weight: 600;
    margin: 5px 0;
}
.phonecall ul li span{
    color: #686d84;
    font-size: 14px;
}

/*-------------*/
.lang{
    text-align: right;
}
.lang select{
    font-size: 13px;
    border: 1px solid #e3e3e3;
    padding: 5px;
    text-transform: capitalize;
    border-radius: 3px;
    margin-bottom: 10px;
    width: 120px;
}
.lang select option{
    background: #f7f7f7;
}

.lang .button{
    color: #fff !important;
    display: block;
    padding: 7px 10px;
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
}

/*------------------*/
.mainmenu{
    display: none; /* for understand this code please check 'responsive.css' line 7 */
    text-transform: capitalize;
}
.mainmenu ul li{
    position: relative;
    display: inline-block;
}
.mainmenu ul li a{
    display: block;
    padding: 12px;
    font-size: 15px;
}
.mainmenu ul li:hover > a{
    color: #C4AB8C;
}

/*-- sub menu --*/
.mainmenu ul ul{
    display: none;
    position: absolute;
    z-index: 999;
    min-width: 220px;
    background: rgba(0,0,0,0.7);
    text-align: left;
}
.mainmenu ul li:hover > ul{
    display: block;
}
.mainmenu ul ul li{
    display: block;
}
.mainmenu ul ul li a{
    color: #fff;
    padding: 8px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.mainmenu ul ul li:hover > a{
    background: #C4AB8C;
    color: #fff;
}

/*-- sub menu (3rd step ul) --*/
.mainmenu ul ul li:hover > ul{
    left: 220px;
    top: 0;
}

/*----- nav icon -----*/
/* main menu */
.mainmenu ul li a:first-child:nth-last-child(2):before {
    content: "";
    font-family:FontAwesome;
    color: #C4AB8C;
    position: absolute;
    right: -7px;
    top: 14px;
    margin-right: 5px;
}
.mainmenu ul ul li a:first-child:nth-last-child(2):before {
    content: "";
    top: 12px;
    right: 7px;
    color: #fff;
}

/* ------ search -------*/
.search{}
.search input{
    height: 40px;
    padding: 5px;
    border: none;
    background: none;
    font-size: 14px;
    margin-top: 1px;
    color: #999;
    width: 200px;
}
.search button{
    border: none;
    background: no-repeat;
    vertical-align: middle;
}
.search button i{
    font-size: 20px;
}

/*--- slider ---*/
.slider{overflow: hidden;}
.slider img{
    width: 100%;
}
.sliderItem img{
    max-width: 100%;
    height: auto;
}
.slick-prev:before, .slick-next:before {
    font-family:FontAwesome;
    font-size: 100px;
}
.slick-prev:before {
    content: '';
}
.slick-next:before {
    content: '';
}
.slider button.slick-prev.slick-arrow {
    left: 10px;
    z-index: 999;
    top: 40%;
}
.slider button.slick-next.slick-arrow {
    right: 23px;
    z-index: 999;
    top: 40%;
}

/*---------------*/
.heading{
    text-align: center;
    margin-bottom: 35px;
}
.heading h1{
    font-size: 30px;
}
.srvc p{
    margin: 0 auto;
    width: 700px;
}

/*-- section --*/
.card-srvc{
    margin-top: 50px;
    height: 150px;
    padding: 10px;
}
.card-srvc h2{}
.card-srvc h2:before{
    content: "";
    position: absolute;
    width: 30px;
    top: 80px;
    border-radius: 15px;
}
.card-srvc h2 a{
    transition: .40s;
}
.card-srvc p{
    color: #999;
    text-align: justify;
    margin-top: 30px;
}

/*-- section --*/
.card{
    background: #fff;
    border-radius: 5px;
}
.card img{
    width: 100%;
    height: 235px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.cardtxt{
    padding: 15px;
}
.cardtxt h3{
    font-weight: 700;
    margin-bottom: 10px;
}
.cardtxt a{
    padding: 12px 25px;
    margin: 35px 0 10px;
}

/*---------------*/
.testimonial span{
    margin-top: 40px;
    display: inline-block;
}
.testimonial .slick-dots li.slick-active button:before{
    color: #fff;
    opacity: .80;
}
.testimonial .slick-dots{
    bottom: -50px;
}
.testimonial .slick-dots li button:before{
    font-size: 10px;
}

/*---------------*/
.half{position: relative;}
.half::before{
    content: "";
    background: #f7f7f7;
    top: 0;
    left: 0;
    position: absolute;
    height: 100%;
    width: 50%;
    z-index: -1;
}

.consultInput{}
.consultInput p{
    text-align: justify;
}
.consultInput input, .consultInput textarea, .consultInput button{
    border: 1px solid #f0f0f0;
    height: 38px;
    width: 100%;
    padding: 7px;
    margin-bottom: 15px;
    border-radius: 3px;
    font-size: 14px;
}
.consultInput textarea{
    height: 100px;
    resize: vertical;
}
.consultInput button{
    transition: .40s;
    width: 150px;
    font-size: 15px;
}
.consultInput button i{
    transition: .40s;
}
.consultInput button:hover i{
    margin-left: 10px;
}

/*---------------*/
.vertical-tab{margin-bottom: 15px;}
.vertical-tab ul li{
    text-transform: capitalize;
    display: block;
    border-bottom: 1px solid #f7f7f7;
    padding: 12px 10px;
    overflow: hidden;
    cursor: pointer;
    border-radius: 3px;
}
.vertical-tab ul li i{
    float: right;
}
.vertical-tab-content{
    overflow: hidden;
}
.vtc{
    text-align: justify;
    display: none;
}
.vtc h4{
    margin-bottom: 15px;
}
.vtc-active{
    display: block;
}

/*---------------*/
.footerTop{
    height: 450px;
    text-transform: capitalize;
}
.footerTop ul{
    margin-top: 15px;
    margin-bottom: 30px;
}
.footerTop a:hover{color: #e3e3e3;}

.flogo{margin-top: 70px;}
.flogo img{width: 100%;}

.fcol-menu ul li{
    display: block;
    padding: 7px 0;
    border-bottom: 1px solid #9d7748;
}
.fcol-menu ul li a{
    color: #fff;
    transition: .40s;
}
.fcol-contact ul li{
    padding: 7px 0;
    text-transform: none;
    margin-bottom: 7px;
    text-align: justify;
}
.fcol-contact ul li i{
    font-size: 18px;
    margin-right: 7px;
}

.fcol-social{}
.fcol-social ul{
    margin-left: -5px;
}
.fcol-social ul li{
    display: inline-block;
    padding: 5px;
}
.fcol-social ul li a{
    color: #fff;
}

.fcol-bloglist{}
.fcol-bloglist div{
    overflow: hidden;
    margin-top: 25px;
}
.fcol-bloglist img{
    width: 115px;
    height: 65px;
    float: left;
    margin-right: 10px;
}
.fcol-bloglist a{color: #fff;}
.fcol-bloglist h6{
    font-size: 14px;
}

/*---------------*/
footer{
    padding: 9px;
    padding-top: 12px;
}
footer a{color: #fff !important;}
.dev{text-align: right;}

/*
    ------------------------------------

    ----------------------- DEFAULT PAGE
*/

.pagebg{
    height: 310px;
    position: relative;
    background-attachment: fixed !important;
    color: #fff;
    text-align: center;
}
.pagebg .overlay{
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    top: 0;
    left: 0;
}
.overlay h1{
    text-align: center;
    font-size: 30px;
    margin-top: 100px;
}
.pagebg img{
    width: 100%;
    height: 320px;
}

.breadcrumb{padding: 12px;}
.breadcrumb ul li{
    display: inline-block;
    text-transform: capitalize;
    margin-right: 20px;
}
.breadcrumb ul li:last-child{
    margin-right: 0;
}
.breadcrumb ul li:after{
    position: absolute;
    content: "";
    font-family:FontAwesome;
    margin-left: 8px;
    margin-top: 2px;
}
.breadcrumb ul li:last-child:after{
    content: "";
}

.pagecontent{text-align: justify;}
.pagecontent img{
    width: 100%;
    margin-bottom: 15px;
}

.pagecontent h1{font-size: 30px;}
.pagecontent h2{font-size: 26px;}
.pagecontent h3{font-size: 24px;}
.pagecontent h4{font-size: 22px;}
.pagecontent h5{font-size: 20px;}
.pagecontent h6{font-size: 18px;}

.booking-div{
    overflow: hidden;
    padding: 40px 15px;
}
.booking-div h3{
    float: left;
    font-size: 22px;
}
.booking-div a{
    float: right;
    border: none;
    padding: 10px 20px;
    border-radius: 3px;
}

/* --- Share Area --- */
.sharearea{
    margin: 50px 0 25px;
    border-bottom: 2px solid #e3e3e3;
    padding-bottom: 30px;
}
.sharearea h5{
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
}
.sharearea ul{
    display: inline-flex;
    margin-left: 10px;
}
.sharearea ul li{
    display: inline-block;
}
.sharearea ul li a{
    border: 1px solid #FC4849;
    display: inline-block;
    color: #FC4849;
    margin: 0 3px;
    border-radius: 100%;
    height: 34px;
    width: 34px;
    text-align: center;
}
.sharearea ul li a:hover{
    color: #C82333;
    border: 1px solid #C82333;
}
.sharearea ul li a i{
    margin-top: 8px;
}

/* --- Comment Area --- */
.commentlist{
    margin-top: 25px;
    font-size: 14px;
}
.commentlist ul li{
    padding: 12px 15px;
    border-radius: 3px;
    margin-bottom: 5px;
}
.commentlist ul li:nth-child(odd){
    background: #f7f7f7;
}
.commentlist ul li p.date{
    color: #999;
    margin-bottom: 12px;
    text-transform: capitalize;
}
.commentlist ul li span a{
    text-transform: lowercase;
    color: #999;
    margin-top: 10px;
    display: inline-block;
}
.commentlist ul li span a:hover{
    color: #000;
}
.comment-form-cookies-consent, .comment-form-url{
    display: none;
}
.form-submit{
    width: 200px;
}
/*
    ------------------------------------

    ----------------------- CONTACT PAGE
*/
.gmap{margin: 25px 0;}
.ci{
    padding: 25px;
    border-radius: 5px;
    margin-top: 62px;
}
.ci p{margin-bottom: 15px;}

/*
    ------------------------------------

    -------------------------- BLOG PAGE
*/

.blogitem{
    margin-bottom: 30px;
}
.blogitem strong{
    margin-bottom: 15px;
    display: block;
    font-size: 14px;
}
.blogitem strong a{
    margin: 0;
    color: #999;
    font-weight: 300;
}
.blogitem a{
    margin: 0;
    padding: 0;
    display: inline-block;
    margin-top: 15px;
    font-weight: 500;
}

/*-- pagination --*/
.pagination{
    text-align: center;
    font-weight: 500;
}
.pagination a{
    margin: 4px;
    transition: .40s;
}
.pagination span,
.pagination ul li span{
    font-weight: 500;
}
.pagination a:hover{
    text-decoration: underline;
}

/*-- sidebar --*/
.taxonomy{margin-bottom: 35px;}
.taxonomy h2{
    font-size: 24px;
    margin-bottom: 7px;
}
.taxonomy ul li a{
    margin-bottom: 7px;
    display: inline-block;
    text-align: justify;
}

/*
    ------------------------------------

    --------------------------- 404 PAGE
*/
.notfound{
    height: 350px;
    text-align: center;
}
.notfound h1{
    margin-top: 100px;
    
}

/*
    ------------------------------------

    ------------------------- PRICE PAGE
*/
.priceItem{
    background: #f7f7f7;
    padding-bottom: 35px;
}

.priceItem ul li{
    border-bottom: 1px solid #f0f0f0;
    padding: 10px;
    font-size: 14px;
}
.priceItem ul li:first-child{
    background: #54595F;
    color: #fff;
    padding: 10px;
    margin-bottom: 15px;
    text-align: center;
    text-transform: uppercase;
}
.priceItem ul li:last-child{
    text-align: center;
    font-size: 13px;
    border: none;
}
.priceItem ul li h2{
    font-size: 20px;
    font-weight: 600;
}
.priceItem ul li h4{
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.priceItem ul li i{
    color: #DC3545;
    margin-right: 7px;
    font-size: 16px;
}

.priceItem ul li span{
    display: inline-block;
    font-weight: 600;
    margin-right: 10px;
    font-size: 16px;
}
.priceItem ul li span.checked{
    color: green;
}
.priceItem ul li span.cross{
    color: #DC3545;
}

.priceItem ul li a{
    padding: 10px 20px;
    margin: 20px 0;
    border-radius: 3px;
}


/*
    ------------------------------------

    ----------------------- PAGE
*/