﻿body {margin:0; padding:0; font-size:15px; color:#333333; background-color:#fff; font-family:Calibri, sans-serif;}

.loading{width:100%; height:100vh; z-index:13000; position:fixed; left:0; right:0; top:0; bottom:0;
background-color:var(--white-back-color); display:flex; justify-content:center; align-items:center;}
.loading img{width:250px;}
.lightbox{width:100%; height:100vh; position:fixed;left:0;right:0;bottom:0;top:0;
z-index:10006; opacity:0; display:none; transition:all 0.5s ease-in;}
.lightbox a{display:block;}
.lightbox.visible{display:block;}
.lightbox.opacity{opacity:1;}
.lightbox div.transparant{width:100%; height:100vh; position:fixed; left:0; 
 right:0; top:0; bottom:0; background-color:#000; opacity:0.5; z-index:10006;}
.lightbox div.content{width:100%; height:100vh; position:relative; left:0; right:0; 
top:0; z-index:10007;}
.lightbox div.content div.box{position:relative; border-radius:var(--border-radius);
background-color:var(--white-back-color); padding:20px; overflow:hidden; opacity:0;
transition:all 0.5s ease-in;}
.lightbox div.content div.box.visible{opacity:1;}
.lightbox div.content div.box.image{width:500px !important; height:auto; overflow:hidden;}
.lightbox div.content div.box.image img{width:100%;}
.lightbox div.content div.box div.closer{position:absolute; right:20px; top:20px; 
 cursor:pointer; width:40px; height:40px; display:flex; justify-content:center; align-items:center;}
.lightbox div.content div.box div.closer:hover,
.lightbox div.content div.box div.closer:active{ background-color:var(--primary-back-color); color:var(--white-text-color);}
.lightbox div.content div.box div.closer i{font-size:20px;}

.landingpage{display:none;}
.landingpage.disblock{display:block;}
.landingpage, .landingpage div.images, .landingpage div.transparant,
.landingpage div.background{
position:fixed; left:0; right:0; top:0; bottom:0; width:100%; height:100vh;}
.landingpage{z-index:10007;}
.landingpage.hidden{left:-100%;}
.landingpage div.background{background-color:#000;}
.landingpage div.images{z-index:11002; transition:opacity .5s ease-in-out; background-image:url(/home/images/design/landingpage.jpg); }
.landingpage div.images.hidden{opacity:0;}
.landingpage div.transparant{z-index:11003; transition:opacity .5s ease-in-out;}
.landingpage div.transparant.hidden{opacity:0;}
.landingpage div.content{position:relative; left:0; right:0; 
top:0; z-index:11004; width:100%; height:100vh;}
.landingpage div.content div.box{width:500px; height:auto; text-align:center; color:#fff; transition:opacity .5s ease-in-out;}
.landingpage div.content div.box.hidden{opacity:0;}
.landingpage div.content div.box div.logo img{width:300px; margin-bottom:30px;}
.landingpage div.content div.box div.language{width:100%; display:flex; justify-content:center; align-items:center;}
.landingpage div.content div.box div.language ul li{float:left;}
.landingpage div.content div.box div.language ul li.line{margin:7px 10px 0 10px; color:#fff;}
.landingpage div.content div.box div.language ul li a{color:#fff; font-size:25px; cursor:pointer;}
.landingpage div.content div.box div.language ul li a:hover, 
.landingpage div.content div.box div.language ul li a:active{opacity:0.8;}


.headermenu div.col-md-12{overflow:inherit !important;}
.headermenu ul li{float:left; position:relative;}
.headermenu ul li a{line-height:40px; padding-left:10px; padding-right:10px;}
.headermenu ul li:hover ul, .headermenu ul li:active ul{display:block;}
.headermenu ul li ul{display:none; width:250px; height:auto; position:absolute; 
top:38px; left:0; transition:opacity .5s ease-in-out; }
.headermenu ul li ul li{float:none;}
.headermenu ul li ul li i{margin-top:12px;}
.headermenu ul li ul li a{height:40px; line-height:40px; display:block; margin-left:0; padding-left:10px;}
.headermenu ul li ul li > ul{display:none !important; left:250px; top:0;}
.headermenu ul li ul li:hover > ul{display:block !important;}
.headermenu ul li.lines{width:1px; height:40px;}
.headermenu ul li.language ul{width:auto !important;}
.headermenu ul li.language ul li{cursor:pointer;}
.headermenu ul li.language i{font-size:20px;}
.headermenu ul li.searchbutton{font-size:20px;}
.headermenu ul li.searchbutton{padding-top:5px; cursor:pointer;}
.headermenu ul li a{color:var(--transparant-text-color);}
.headermenu ul li > ul{background-color:var(--white-back-color);}
.headermenu ul li ul li a:hover, 
.headermenu ul li ul li a:active,
.headermenu ul li a:hover, 
.headermenu ul li a:active{background-color:var(--primary-back-color); color:#fff; display:block;}
.headermenu ul li.lines{background-color:#333333;}

.topheader{width:100%; height:auto; padding:5px 0 5px 0; background-color:var(--primary-back-color); overflow:hidden; 
display:block; position:absolute; left:0; top:0; right:0; z-index:10007;}
header div.logo{float:left; width:auto; height:auto; 
position:absolute; left:0; top:0; padding:0 20px 0 20px;}
header div.logo.background{text-align:center; padding-bottom:10px; 
                           border-radius:var(--border-radius);}
header div.logo img{height:105px;}
.header{width:100%; padding:30px 0 20px 0; position:fixed; left:0; right:0; top:0; 
 z-index:10004;}
.header.background, .header.background div.logo.background{background-color:var(--white-back-color);}
.header div.container{position:relative;}
.header div.col-md-3, .header div.col-md-9{margin-bottom:0 !important;}
.header div.col-md-9{display:flex; justify-content:right; align-items:center;}
.header div.menu{float:right;}
.header.background{background-color:var(--white-back-color);}
.header.light ul li a, .header.light .searchbutton{color:var(--white-text-color) !important;}
.header.light ul li > ul li a{color:var(--transparant-text-color) !important;}

.header_center{width:100%; height:auto; padding:20px 0 20px 0; 
 position:fixed; left:0;right:0;top:0; z-index:10004;}
.header_center.background{background-color:var(--white-back-color); color:var(--black-text-color);}
.header_center.light{color:var(--white-text-color);}
.header_center div.icon{width:20%; float:left; cursor:pointer;}
.header_center div.icon:hover, .header_center div.icon:active{opacity:0.6;}
.header_center div.col-md-12{margin-bottom:0 !important;}
.header_center.light div.icon i{color:var(--white-text-color);}
.header_center div.icon i{font-size:25px;}
.header_center div.logos{width:50%; text-align:center; float:left; }
.header_center div.logos img{height:40px;}
.header_center div.language{width:25%; float:left; overflow:hidden;}
.header_center div.language ul li{float:left; margin-left:10px; cursor:pointer;}
.header_center div.language ul li:hover, .header_center div.language ul li:active{opacity:0.6;}
.header_center div.language ul li img{height:20px;}

.header_product{position:fixed; left:0; top:0; right:0; z-index:10004; background-color:var(--white-back-color);}
.header_product div.col-md-12{margin-bottom:0px !important;}
.header_product div.logo, .header_product div.search,
.header_product div.contact,
.header_product div.whatsapp, 
.header_product div.language{height:100px;}
.header_product div.logo{width:25%; position:inherit !important;}
.header_product div.logo{justify-content:left !important;}
.header_product div.search{width:50%;}
.header_product div.search div.content{padding:5px; overflow:hidden; width:80%; float:right;}
.header_product div.search div.content div.input{width:calc(100% - 40px); overflow:hidden;}
.header_product div.search div.content div.button{cursor:pointer; width:40px; height:40px; text-align:center; line-height:40px;}
.header_product div.search div.content div.button i{color:var(--white-text-color);}
.header_product div.contact{width:8%; text-align:center; border-right:1px #f1f1f1 solid;}
.header_product div.whatsapp{width:8%; text-align:center;}
.header_product div.language{width:8%; text-align:center;}
.header_product div.contact i,
.header_product div.language i,
.header_product div.whatsapp i{font-size:20px;}
.header_product div.contact a, 
.header_product div.language a,
.header_product div.whatsapp a{color:#333; display:block; width:100%; text-align:center;}
.header_product div.contact a:hover, 
.header_product div.contact a:active,
.header_product div.language a:hover, 
.header_product div.language a:active,
.header_product div.whatsapp a:hover, 
.header_product div.whatsapp a:active
{color:var(--primary-text-color);}
.header_product .headermenu{background-color:var(--primary-back-color); height:50px;}
.header_product .headermenu ul li a{height:50px; line-height:50px; color:var(--white-text-color);}
.header_product .headermenu ul li a:hover,
.header_product .headermenu ul li a:active,
.header_product .headermenu ul li > ul li a:hover,
.header_product .headermenu ul li > ul li a:active{background-color:var(--white-back-color); color:var(--black-text-color) !important;}
.header_product .headermenu ul li > ul{background-color:var(--primary-back-color);}
.header_product .headermenu ul li > ul li:hover a, 
.header_product .headermenu ul li > ul li:active a
{background-color:var(--white-back-color); 
 color:var(--black-text-color) !important;} 

.slider{width:100%; height:90vh; position:relative;}
.slider div.video, .slider div.media, 
.slider div.transparant, .slider div.carousel{width:100%; height:100%; position:absolute; left:0; top:0; right:0;}
.slider div.video video{height:90vh; object-fit:cover;}
.slider div.media{z-index:10001;}
.slider div.transparant{z-index:10002; background-color:var(--transparant-back-color); opacity:0.5;}
.slider div.carousel{z-index:10003; width:100%; height:90vh;}
.slider div.carousel.nullimage{background-attachment:fixed; background-position:center; background-size:cover; 
background-repeat:no-repeat; background-image:url(/home/images/slider.webp);}
.slider div.carousel div.item div.image{width:100%; height:90vh; background-position:center; background-size:cover; background-repeat:no-repeat;}
.slider div.carousel div.item{width:100%; height:90vh;}
.slider div.carousel div.item div.title{color:#fff; font-size:50px; margin-bottom:10px; width:100%; text-align:center;}
.slider div.carousel div.item div.shortdesc{color:#fff; font-size:20px; width:100%; margin-bottom:40px; overflow:hidden; text-align:center;}
.slider div.carousel div.item div.button{width:100%; text-align:center;}

.slider div.productslider, .slider div.productslider.carousel{width:100%;}
.slider div.productslider, .slider div.productslider.carousel div.fleft,
.slider div.productslider, .slider div.productslider.carousel div.fright{width:50%; height:90vh;}
.slider div.productslider, .slider div.productslider.carousel div.text{font-size:33px; text-align:left; margin-bottom:10px;}
.slider div.productslider, .slider div.productslider.carousel div.description{font-size:18px; word-break:revert; margin-bottom:20px; text-align:left;}
.slider div.productslider, .slider div.productslider.carousel div.buttons{text-align:left; width:100%;}
.slider div.productslider, .slider div.productslider.carousel div.images{height:100%;}
.slider div.productslider, .slider div.productslider.carousel div.images img{width:100%;}

.headerbox{width:100%; height:auto; position:relative; padding-top:100px;}
.headerbox.product{padding-top:100px !important;}
.headerbox.image{background-image:url(/home/images/design/headerbox.webp); background-repeat:no-repeat; background-size:cover;}
.headerbox div.headerposition{display:flex; justify-content:center;}
.headerbox div.titles{font-size:18px; padding-left:260px; margin-top:10px;}
.headerbox div.sitemaps ul li{float:left; margin-left:10px;}
.headerbox div.sitemaps{float:right;}
.headerbox div.headerposition div.col-md-6:nth-child(2){display:flex; justify-content:right; align-items:end;}

.actions{width:100%; padding:80px 0 80px 0 !important; background-image:url(/home/images/design/action.webp); 
background-attachment:fixed; background-position:center; background-size:cover; background-repeat:no-repeat;}
.actions div.text{width:700px; height:auto; text-align:center; color:#fff;}
.actions div.text div.title{font-size:35px;}


.socialmedia div.logo img{height:120px;}
.socialmedia ul li{float:left; margin-right:10px;}
.socialmedia div.col-md-6{margin-bottom:0;}
.socialmedia ul li a{width:50px; height:50px; text-align:center; line-height:55px;  display:inline-block; text-align:center;}
.socialmedia.bgprimary ul li a{background-color:var(--white-back-color);}
.socialmedia.bgprimary ul li a i{color:var(--primary-text-color); font-size:16px;}
.socialmedia.bgsecond ul li a{background-color:var(--primary-back-color);}
.socialmedia.bgsecond ul li a i{color:var(--white-back-color); font-size:16px;}
.socialmedia ul li a:hover, .socialmedia ul li a:active{opacity:0.8; padding-bottom:20px;}
.socialmedia ul li a span{width:18px !important; height:18px !important; margin-right:0 !important;}
.kvkk{display:none; z-index:10005; position:fixed; right:0; bottom:0; height:auto; 
transition: max-height 0.5s ease-in-out !important;}
.kvkk.default{width:500px; background-color:var(--white-back-color); }
.kvkk.default div.box{padding:20px;}
.kvkk.default div.fleft{width:50%; margin-bottom:20px; display:block;}
.kvkk.default div.fleft a, 
.kvkk.default div.fleft .btnprimary{width:100%; display:block; cursor:pointer; padding:0; height:40px; text-align:center; border:0; line-height:40px;}
.kvkk.default div.fleft .btnwhite{color:var(--primary-text-color);}
.kvkk.default div.fleft .btnwhite:hover, 
.kvkk.default div.fleft .btnwhite:active{color:var(--white-text-color);}
.kvkk.default div.desc{font-size:12px;}
.kvkk.bottom{width:calc(100% - 80px) !important; padding:20px; 
background-color:var(--white-back-color); left:20px !important; right:20px !important; 
bottom:20px !important; border-radius:var(--border-radius);}
.kvkk.bottom div.title{color:var(--primary-text-color);margin-bottom:5px; width:100%;}
.kvkk.bottom div.text{line-height:20px; width:100%; margin-bottom:20px;}
.kvkk.bottom div.fleft{margin-right:10px;}
.kvkklightbox{width:100%; height:100vh !important;}
.kvkklightbox.hidden{display:none !important;}
.kvkklightbox div.transparant{width:100%; height:100vh !important; position:fixed; 
 background-color:#000; opacity:0.5; z-index:10005;
 transition: bottom 0.5s ease-in-out !important;}
.kvkklightbox div.transparant.hidden{opacity:0 !important;}
.kvkklightbox div.content{width:100%; height:100vh; position:fixed; 
z-index:10006; transition: opacity 0.5s ease-in-out !important;}
.kvkklightbox div.content.hidden{opacity:0;}
.kvkklightbox div.content div.desc{width:500px;height:auto; border-radius:var(--border-radius); padding:30px; background-color:var(--white-back-color); opacity:1;}
.kvkklightbox div.content div.desc div.title{color:var(--primary-text-color);}
.kvkklightbox div.button div.fleft{margin-right:10px;}

.heading{width:100%; height:auto;}
.headingtitle{width:100%;}
.headingtitle.center{text-align:center;}
.headingtitle.center div.title{ width:100%; text-align:center;}
.headingtitle.shorttitle div.title{font-size:15px;}
.headingtitle.center div.line{margin:10px auto;}
.headingtitle div.title{margin-top:40px; text-align:left; width:100%; 
 margin-bottom:10px;}
.headingtitle div.line, .headingtitle div.linetwo, .headingtitle div.linethree
{height:2px; background-color:#333;}
.headingtitle div.line{width:30px; height:3px; margin-bottom:20px; background-color:#234772;}
.headingtitle div.linetwo{width:80px; margin-bottom:3px; opacity:0.8;}
.headingtitle div.linethree{width:60px; margin-bottom:40px; opacity:0.6;}
.headingtitle div.shortdesc{width:70%; font-weight:600; margin:10px auto; font-size:20px; font-family:Calibri, sans-serif; line-height:30px;}

.contenttable{width:100%; height:auto; padding:40px 0 0;}
.contenttable.night .headingtitle div.title,
.contenttable.night .headingtitle div.shortdesc,
.contenttable.night .allbuttons a{color:#fff;}
.contenttable.night .headingtitle div.line, 
.contenttable.night .headingtitle div.linetwo, 
.contenttable.night .headingtitle div.linethree{background-color:#fff;}
.contenttable div.leftcontent{margin-right:20px; width:calc(25% - 20px); 
float:left;}
.contenttable div.leftcontent div.button,
.contenttable div.leftcontent div.button a{width:calc(100% - 15px);}
.contenttable div.leftcontent div.boxcategory{width:calc(100% - 40px); height:auto; 
background-color:#fff; border-radius:var(--border-radius); margin-bottom:20px; padding:20px;}
.contenttable div.leftcontent div.boxcategory.blue{background-color:var(--primary-back-color); color:#fff;}
.contenttable div.leftcontent div.boxcategory i{display:none;}
.contenttable div.leftcontent div.boxcategory div.list{width:100%;}
.contenttable div.leftcontent div.boxcategory div.list ul li{float:none;}
.contenttable div.leftcontent div.boxcategory div.title{color:#234772; width:100%; border-bottom:1px #f1f1f1 dotted; padding-bottom:10px;margin-bottom:5px;}
.contenttable div.leftcontent div.boxcategory.blue div.title{color:#fff;}
.contenttable div.leftcontent div.boxcategory div.list ul li a{color:#454545; display:block; 
height:40px; line-height:40px;}
.contenttable div.leftcontent div.boxcategory.blue div.list ul li a{color:#fff !important;}
.contenttable div.leftcontent div.boxcategory div.list ul li a:hover,
.contenttable div.leftcontent div.boxcategory div.list ul li a:active{color:#234772; margin-left:10px;}
.contenttable div.rightcontent{width:75%; float:left;}

.tour-title{margin-bottom:10px; width:100%; overflow:hidden;}
.tour-lists{float:left; width:100%;}

.tour-lists div.lists{width:100%; height:auto;  background-color:#fafafa;
border-bottom:1px #234772 dotted; border:5px #f1f1f1 solid;
border-radius:10px; overflow:hidden; position:relative;}
.tour-lists div.lists:hover, .tour-lists div.lists:active{border:5px #234772 solid;}
.tour-lists div.lists .categorie{background-color:#fff; color:#333333; padding:0 20px 0 20px;}
.tour-lists div.lists:hover .categorie, 
.tour-lists div.lists:active .categorie{background-color:#234772 !important; color:#fff !important;}
.tour-lists div.lists:hover .images img, 
.tour-lists div.lists:active .images img{width:130%;}
.tour-lists div.lists div.images{float:none;width:100%; overflow:hidden; position:relative;}
.tour-lists div.lists div.images div.categorie{position:absolute; left:10px; 
bottom:10px; right:10px; width:200px; display:inline-block; height:35px; border-radius:5px; 
line-height:35px; text-align:center;}
.tour-lists div.lists div.images div.categorie.bgblue{background-color:#234772; color:#fff;}
.tour-lists div.lists div.images div.categorie.bgbrown{background-color:#4C2A11; color:#fff;}
.tour-lists div.lists div.images div.categorie.gold{background-color:#CCA051; color:#fff;}
.tour-lists div.tour-title span{color:#25D366;}
.tour-lists div.lists div.text{float:none; width:calc(100% - 40px); padding:20px; overflow:hidden;}
.tour-lists div.lists div.text div.date{margin-bottom:20px;}
.tour-lists div.lists .title{width:calc(100% - 10px); height:40px; line-height:40px; 
 padding-left:10px; background-color:#f1f1f1;}
.tour-lists div.pricelist{width:100%; height:auto;}
.tour-lists div.pricelist div.price{color:#234772; font-size:20px;}

.tour-lists div.lists div.airline{margin-bottom:20px;}
.tour-lists div.lists div.airline img{width:120px;}
.tour-lists div.lists div.hotel div.image{width:75px; height:75px; margin-right:10px;}
.tour-lists div.lists div.hotel div.desc{width:calc(50% - 95px); margin-right:10px;}
.tour-lists div.lists div.hotel div.stars img{width:70px;}
.tour-lists div.lists div.hotel div.detail i{font-size:12px;}
.tour-other-list{width:100%; height:auto; }
.tour-other-list a{color:#454545 !important; display:block; border-radius:var(--border-radius); 
overflow:hidden; padding:15px; background-color:#fff; border:1px #f1f1f1 solid;}
.tour-other-list div.fleft {width:calc(50% - 10px); margin-right:10px;}
.tour-other-list div.fleft div.title span{color:#25D366;}
.tour-other-list div.fleft div.images{overflow:hidden; border-radius:var(--border-radius);}
.tour-other-list div.fleft div.price{color:#234772; font-size:20px;}
.tour-other-list div.fleft div.pricebottom{font-size:12px;}
.tour-other-list div.fleft div.button{color:#234772;}
.tour-other-list a:hover, .tour-other-list a:active{background-color:#234772; color:#fff !important;}
.tour-other-list a:hover div.fleft div.price, 
.tour-other-list a:active div.fleft div.price, 
.tour-other-list a:hover div.fleft div.title span, 
.tour-other-list a:active div.fleft div.title span, 
.tour-other-list a:hover div.fleft div.button, 
.tour-other-list a:active div.fleft div.button{color:#fff;}

.tour-right-categori{float:right;margin:20px; width:calc(25% - 40px);}
.tourcontent{width:calc(100% - 20px); background-color:#fff; 
border-radius:var(--border-radius); padding:20px; margin-bottom:20px;}
.tourcontent.list:hover, .tourcontent:active{background-color:#234772;}
.tourcontent.list:hover div.track.day, .tourcontent.list:active div.track.day{font-size:16px;}
.tourcontent.list:hover div.titleairline, .tourcontent.list:active div.titleairline{background-color:#fff; border-radius:var(--border-radius);}
.tourcontent.list:hover div.tourhoteldesc, .tourcontent.list:active div.tourhoteldesc,
.tourcontent.list:hover div.tourhoteldesc a, .tourcontent.list:active div.tourhoteldesc a{color:#fff !important;}
.tourcontent.list:hover div.icon i, .tourcontent.list:active div.icon i{color:#234772 !important;}
.tourcontent.list:hover a.btnprimary, .tourcontent.list:active a.btnprimary{background-color:#fff !important; color:#234772;}
.tourcontent div.title{width:calc(100% - 20px); padding-left:10px; 
height:40px; background-color:var(--primary-back-color); color:#fff; 
line-height:40px; border-radius:var(--border-radius); padding-right:10px; }
.tourcontent div.title.left{width:calc(80% - 20px) !important; float:left;}
.tourcontent div.titleairline{float:left; width:20%; height:40px;}
.tourcontent div.titleairline img{width:60%;}
.tourcontent div.no{width:auto; height:30px; margin-top:5px; line-height:30px; 
padding-left:10px; padding-right:10px; border-radius:var(--border-radius); background-color:#fff; color:#234772;}
.tourimages{width:250px; margin-right:20px;}
.tourcontent div.images{ overflow:hidden; border-radius:var(--border-radius);}
.tourcontent div.tourtable{width:calc(100% - 270px);}
.tourdetail div.tourtable {width:100% !important;}
.tourdetail div.image{width:100%; height:350px; overflow:hidden; border-radius:var(--border-radius); position:relative;}
.tourdetail div.tourtitle{background-color:var(--primary-back-color) !important; color:#fff !important;}
.tourcontent div.tourtable div.dates{width:100%;}
.tourcontent div.tourtable div.dates div.icon{width:calc(25% - 20px); margin-right:10px; 
background-color:#f8f8f8; border-radius:var(--border-radius); 
text-align:left; padding-top:10px; padding-bottom:10px; padding-left:10px;}
.tourcontent div.tourtable div.dates div.icon i{color:#008a29;}
.tourcontent div.tourtable div.dates div.date{width:calc(50% - 10px); margin-right:10px; background-color:#f8f8f8; border-radius:var(--border-radius); text-align:center; padding-top:10px; padding-bottom:10px;}
.tourcontent div.tourtable div.dates div.date.two{width:calc(75% - 10px);}
.tourcontent div.tourtable  strong.day{color:#008a29;}
.tourcontent div.tourtable div.dates div.track{width:25%; background-color:#f1f1f1; border-radius:var(--border-radius); text-align:center; padding-top:10px; padding-bottom:10px;}
.tourcontent div.tourtable div.dates div.track.day{background-color:#008a29; color:#fff;}
.tourcontent div.tourtable div.tourtitle{padding-left:10px; height:40px; 
line-height:40px; width:calc(100% - 10px); background-color:#f8f8f8; 
color:#234772; border-radius:var(--border-radius);}
.tourcontent div.tourtable div.tourhotel div.button a{color:#234772; }
.tourcontent div.tourtable div.tourhotel div.image{width:120px; height:120px; float:left; margin-bottom:20px; overflow:hidden; border-radius:var(--border-radius); margin-right:10px;}
.tourcontent div.tourtable div.tourhotel div.tourhoteldesc{width:calc(100% - 200px); height:auto; float:left;}
.tourcontent div.tourtable div.tourhotel div.hotellist{width:calc(50% - 10px); margin-right:10px;}

.tourcontent div.tourtable div.tourprice{width:calc(100% - 20px); height:auto; 
  background-color:var(--primary-back-color); color:#fff; padding:10px 10px 0 10px;
  border-radius:var(--border-radius);}
.tourcontent div.tourtable div.tourprice div.text{margin-bottom:10px;}
.tourcontent div.tourtable div.tourprice div.prices{width:25%; 
text-align:center; height:30px; line-height:30px; color:#fff; margin-bottom:10px; float:left; font-size:20px;}
.tourcontent div.tourtable div.tourprice div.prices.white{background-color:#fff;
color:#234772; border-radius:var(--border-radius); font-size:15px;}
.tourtable div.iframe, .tourtable iframe{width:100%; margin-bottom:10px;}
.tourtable div.gallerie{width:100%; height:auto;}
.tourtable div.gallerie div.column{width:calc(25% - 10px); margin-right:10px; margin-bottom:10px; float:left;}
.tourcontent div.airline{width:100%; height:auto;}
.tourcontent div.airline img{height:30px;}
.tourcontent div.button .fright:nth-child(1){margin-left:10px;}

.comments{width:calc(100% - 40px); height:calc(200px - 40px); cursor:pointer; display:block; padding:20px; background-color:#f8f8f8; border:1px #f1f1f1 solid;}
.comments div.comment-star{width:100%; overflow:hidden; margin-bottom:10px; text-align:center;}
.comments .comment-name{margin-bottom:20px; font-size:20px;}

.umre-categorie{width:calc(100% - 40px); height:auto; padding:20px; position:relative; color:#fff; border-radius:10px; overflow:hidden;}
.umre-categorie .col-md-4:nth-child(3){margin-right:0 !important;}
.umre-categorie a{display:block;}
.umre-categorie.blue a, .umre-categorie.brown a, 
.umre-categorie.gold a{color:#fff;}
.umre-categorie.blue{background-color:#234772;border:1px #234772 solid;}
.umre-categorie.brown{background-color:#4C2A11;border:1px #4C2A11 solid;}
.umre-categorie.gold{background-color:#CCA051;border:1px #CCA051 solid;}
.umre-categorie.gold{background-color:#CCA051;border:1px #CCA051 solid;}
.umre-categorie.gold{background-color:#CCA051;border:1px #CCA051 solid;}
.umre-categorie.gold{background-color:#CCA051;border:1px #CCA051 solid;}
.umre-categorie div.title{font-size:17px; margin-top:10px;}
.umre-categorie div.fleft{float:left; width:calc(100% - 106px);}
.umre-categorie div.fright{float:right;width:100px; height:100px; border:3px #fff solid; border-radius:100px; overflow:hidden;}
.umre-categorie div.fright div.images{width:100px; height:100px;}
.umre-categorie.blue div.button{color:#234772;}
.umre-categorie.brown div.button{color:#4C2A11;}
.umre-categorie.gold div.button{color:#CCA051;}
.umre-categorie div.button{width:35px; height:35px; text-align:center; line-height:35px; position:absolute; left:20px; bottom:20px; border-radius:5px;background-color:#fff;}
.umre-categorie:hover.blue, .umre-categorie:active.blue{background-color:#fff;}
.umre-categorie:hover.blue a, .umre-categorie:active.blue a{color:#234772;}
.umre-categorie:hover.blue div.button, .umre-categorie:active.blue div.button{color:#fff; background-color:#234772; padding-left:5px;}

.umre-categorie:hover.brown, .umre-categorie:active.brown{background-color:#fff;}
.umre-categorie:hover.brown a, .umre-categorie:active.brown a{color:#4C2A11;}
.umre-categorie:hover.brown div.button, .umre-categorie:active.brown div.button{color:#fff; background-color:#4C2A11; padding-left:5px;}

.umre-categorie:hover.gold, .umre-categorie:active.gold{background-color:#fff;}
.umre-categorie:hover.gold a, .umre-categorie:active.gold a{color:#CCA051;}
.umre-categorie:hover.gold div.button, .umre-categorie:active.gold div.button{color:#fff; background-color:#4C2A11; padding-left:5px;}

.callme div.phone, .callme div.whatsapp{position:fixed; 
bottom:20px; z-index:10002;}
.callme div.phone a, .callme div.whatsapp a{display:block; width:60px; 
height:60px; line-height:62px; text-align:center; transition:all .5s ease; 
border-radius:50px; color:#fff; font-size:20px;}
.callme div.phone{left:20px; }
.callme div.whatsapp{right:20px; }
.callme div.phone a{background-color:var(--primary-back-color);border:1px #234772 solid;}
.callme div.phone a span{width:20px; height:20px; margin-top:15px;}
.callme div.whatsapp a{background-color:var(--primary-back-color); border:1px #234772 solid;}
.callme div.phone a:hover, .callme div.phone a:active{background-color:var(--white-back-color); color:#234772;}
.callme div.phone a:hover span{background-image:url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjMDA5NGZmIiBkPSJNMTY0LjkgMjQuNmMtNy43LTE4LjYtMjgtMjguNS00Ny40LTIzLjJsLTg4IDI0QzEyLjEgMzAuMiAwIDQ2IDAgNjRDMCAzMTEuNCAyMDAuNiA1MTIgNDQ4IDUxMmMxOCAwIDMzLjgtMTIuMSAzOC42LTI5LjVsMjQtODhjNS4zLTE5LjQtNC42LTM5LjctMjMuMi00Ny40bC05Ni00MGMtMTYuMy02LjgtMzUuMi0yLjEtNDYuMyAxMS42TDMwNC43IDM2OEMyMzQuMyAzMzQuNyAxNzcuMyAyNzcuNyAxNDQgMjA3LjNMMTkzLjMgMTY3YzEzLjctMTEuMiAxOC40LTMwIDExLjYtNDYuM2wtNDAtOTZ6Ii8+PC9zdmc+')}
.callme div.whatsapp a:hover, .callme div.whatsapp a:active{background-color:var(--white-back-color); color:#234772;}
.callme div.whatsapp a span{width:23px; height:23px; margin-top:13px; margin-left:3px;}
.callme div.whatsapp a:hover span{background-image:url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBmaWxsPSIjMDNmZjM2IiBkPSJNMzgwLjkgOTcuMUMzMzkgNTUuMSAyODMuMiAzMiAyMjMuOSAzMmMtMTIyLjQgMC0yMjIgOTkuNi0yMjIgMjIyIDAgMzkuMSAxMC4yIDc3LjMgMjkuNiAxMTFMMCA0ODBsMTE3LjctMzAuOWMzMi40IDE3LjcgNjguOSAyNyAxMDYuMSAyN2guMWMxMjIuMyAwIDIyNC4xLTk5LjYgMjI0LjEtMjIyIDAtNTkuMy0yNS4yLTExNS02Ny4xLTE1N3ptLTE1NyAzNDEuNmMtMzMuMiAwLTY1LjctOC45LTk0LTI1LjdsLTYuNy00LTY5LjggMTguM0w3MiAzNTkuMmwtNC40LTdjLTE4LjUtMjkuNC0yOC4yLTYzLjMtMjguMi05OC4yIDAtMTAxLjcgODIuOC0xODQuNSAxODQuNi0xODQuNSA0OS4zIDAgOTUuNiAxOS4yIDEzMC40IDU0LjEgMzQuOCAzNC45IDU2LjIgODEuMiA1Ni4xIDEzMC41IDAgMTAxLjgtODQuOSAxODQuNi0xODYuNiAxODQuNnptMTAxLjItMTM4LjJjLTUuNS0yLjgtMzIuOC0xNi4yLTM3LjktMTgtNS4xLTEuOS04LjgtMi44LTEyLjUgMi44LTMuNyA1LjYtMTQuMyAxOC0xNy42IDIxLjgtMy4yIDMuNy02LjUgNC4yLTEyIDEuNC0zMi42LTE2LjMtNTQtMjkuMS03NS41LTY2LTUuNy05LjggNS43LTkuMSAxNi4zLTMwLjMgMS44LTMuNyAuOS02LjktLjUtOS43LTEuNC0yLjgtMTIuNS0zMC4xLTE3LjEtNDEuMi00LjUtMTAuOC05LjEtOS4zLTEyLjUtOS41LTMuMi0uMi02LjktLjItMTAuNi0uMi0zLjcgMC05LjcgMS40LTE0LjggNi45LTUuMSA1LjYtMTkuNCAxOS0xOS40IDQ2LjMgMCAyNy4zIDE5LjkgNTMuNyAyMi42IDU3LjQgMi44IDMuNyAzOS4xIDU5LjcgOTQuOCA4My44IDM1LjIgMTUuMiA0OSAxNi41IDY2LjYgMTMuOSAxMC43LTEuNiAzMi44LTEzLjQgMzcuNC0yNi40IDQuNi0xMyA0LjYtMjQuMSAzLjItMjYuNC0xLjMtMi41LTUtMy45LTEwLjUtNi42eiIvPjwvc3ZnPg==')}
.callmetwo{width:100%; height:60px; background-color:var(--white-back-color); position:fixed; left:0; bottom:0; right:0; z-index:10003;}
.callmetwo div.phone, .callmetwo div.gsm, .callmetwo div.whatsapp, 
.callmetwo div.mail{float:left; width:25%;}
.callmetwo div.icon a{display:block; width:100%; height:60px; text-align:center; line-height:70px; color:#333333;}
.callmetwo div.icon a:hover, .callmetwo div.icon a:active{background-color:var(--primary-back-color); display:block;}
.callmetwo div.icon a:hover i, .callmetwo div.icon a:active i{color:#fff;}
.callmetwo div.whatsapp i{font-size:23px;}
.callmetwo i{font-size:20px;}

.accordionmenu{width:100%; height:40px; cursor:pointer; line-height:40px; border-radius:var(--border-radius); border:1px #f1f1f1 solid; 
               background-color:#f8f8f8; color:#234772;}
.accordionmenu div.text{float:left; padding-left:20px;}
.accordionmenu div.icon{float:right; padding-right:20px;}
.accordionmenu:hover, .accordionmenu:active, 
.accordionmenu.active{background-color:var(--primary-back-color);}
.accordionmenu:hover div.text, .accordionmenu:active div.text, 
.accordionmenu:hover div.icon, .accordionmenu:active div.icon,
.accordionmenu.active div.text, .accordionmenu.active div.icon{color:#fff;}
.accordioncontent{width:100%; height:auto; display:none; border-bottom:1px #f1f1f1 solid; transition: max-height 0.5s ease-in-out !important; border-left:1px #f1f1f1 solid; border-right:1px #f1f1f1 solid;}
.accordioncontent div.row{padding:20px; margin:0 !important;}

.editor{line-height:25px;}
.editor strong.title{font-size:20px; margin-bottom:10px; color:var(--primary-text-color)}
.editor .textprimary{color:var(--primary-text-color);}
.editor div.lines{width:100px; height:2px; overflow:hidden; background-color:var(--primary-back-color);}
.editor div.icon {width:100%; margin-bottom:10px; overflow:hidden;}
.editor div.icon img{width:auto; height:10px;}
.editor ul{list-style-type:decimal; margin:20px;}
.editor ul li{float:none; margin-bottom:10px;}
.editor img.fullwidth{width:100%; margin-bottom:10px;}
.editor img.float-left, .editor img.float-right{width:50%; margin-bottom:10px;}
.editor img.float-left{float:left; margin-right:10px;}
.editor img.float-right{float:right; margin-left:10px;}
.editor div.imagelist ul{list-style-type:none; }
.editor div.imagelist ul li{float:left; width:calc(25% - 10px); background-color:#333333; margin-right:10px;}
.editor div.imagelist ul li img{width:100%; }

.contacts div.accordioncontent {padding:20px !important; width:calc(100% - 40px); 
  border:1px #f1f1f1 solid;}
.contacts div.accordioncontent div.icon{width:35px; height:35px; margin-right:10px; background-color:var(--primary-back-color); color:var(--white-text-color); float:left; border-radius:var(--border-radius);}
.contacts div.accordioncontent div.text{float:left; width:calc(100% - 80px); padding-top:7px;}
.contacts div.maps, .contacts div.maps iframe{width:100%; height:250px; overflow:hidden;}
.contactform{width:calc(100% - 60px); padding:30px; color:#fff; border-radius:var(--border-radius);}
.contactform div.titles{font-size:20px; margin-bottom:10px;}
.contactform div.shortdesc{margin-bottom:20px;}
.filterbox{width:100%; height:auto; background-color:var(--gray-back-color); border-radius:5px; overflow:hidden; margin-bottom:20px; display:block;}
.filterbox div.filter{padding:20px 20px 0 20px;}

.actionlists div.contenttable{display:flex;  flex-wrap: wrap;}
.actionlists div.contenttable img{width:100%;}
.actionlists .contenttable div.text{padding-top:40px;}
.actionlists .contenttable div.text div.titles{font-size:30px;}

.actionlists .contenttable:nth-child(2n+1) .col-md-6:first-child {order: 1;}
.actionlists .contenttable:nth-child(2n+1) .col-md-6:last-child {order: 2;}
.actionlists .contenttable:nth-child(2n+2) .col-md-6:first-child {order: 2;}
.actionlists .contenttable:nth-child(2n+2) .col-md-6:last-child div.text{padding-right:50px;}
.actionlists .contenttable:nth-child(2n+2) .col-md-6:last-child {order: 1;}

.singlemenu ul li{float:none;}
.singlemenu ul li a{height:30px; line-height:30px;}
.singlemenu ul li a i{margin-right:5px;}
.singlemenu ul li a:hover, .singlemenu ul li a:active{padding-left:10px;}

.categorie-stars{position:absolute; left:20px; top:20px;}
.categorie-stars img{height:15px;}

.products{width:100%; height:auto; display:block; overflow:hidden; margin-top:20px;}
.products div.content div.row{margin:0 20px 20px 0 !important;}
.products div.content div.col-md-4{width:calc(32.8% - 10px);}
.products div.rightcategori{width:25%; float:left;}
.products div.content{float:left; width:75%;}
.products div.rightcategori div.box{width:100%; height:auto; border-radius:var(--border-radius); 
border:1px var(--border-color) solid; margin-bottom:20px;}
.products div.rightcategori div.box div.title{width:100%; height:50px; 
background-color:var(--primary-back-color); cursor:pointer; line-height:50px; 
color:var(--white-text-color);}
.products div.rightcategori div.box div.title i{display:none;}
.products div.rightcategori div.box div.title.open i.fa-angle-up{display:block;}
.products div.rightcategori div.box div.title.close i.fa-angle-down{display:block;}
.products div.rightcategori div.box div.title:hover,
.products div.rightcategori div.box div.title:active{background-color:var(--white-back-color); 
color:var(--primary-text-color);}
.products div.rightcategori div.box div.title:hover div.fleft:nth-child(2) div.icon,
.products div.rightcategori div.box div.title:active div.fleft:nth-child(2) div.icon{
background-color:var(--primary-back-color); color:var(--white-text-color);}
.products div.rightcategori div.box div.title div.fleft:nth-child(1){
margin-left:10px; width:calc(100% - 65px);}
.products div.rightcategori div.box div.title div.fleft:nth-child(2){
margin-left:10px;width:40px; height:50px;}
.products div.rightcategori div.box div.title div.fleft:nth-child(2) div.icon
{background-color:var(--white-back-color); text-align:center; 
 color:var(--primary-text-color); width:30px; height:30px;
 border-radius:30px; transition:display 0.5s ease-in;}
.products div.rightcategori div.box div.title div.fleft:nth-child(2) div.icon i
{margin-top:8px; transition:display 0.5s ease-in;}
.products .boxes{height:400px !important; border-radius:var(--border-radius);}
.products .boxes div.button{width:100%; height:auto; overflow:hidden; position:absolute; left:0; right:0; bottom:0;}
.products .boxes div.button div.fleft{width:calc(50% - 1px);}
.products .boxes div.button div.line{float:left; width:1px; height:40px; background-color:#d1d1d1;}
.products .boxes div.button a{width:100%; text-align:center; line-height:40px; height:40px; display:inline-block;}
.products .boxes div.button a.btndetail:hover, 
.products .boxes div.button a.btndetail:active{display:block; background-color:var(--primary-back-color); color:var(--white-text-color);}
.products .boxes div.button a.btnwhatsapp{color:#25D366;}
.products .boxes div.button a.btnwhatsapp:hover, 
.products .boxes div.button a.btnwhatsapp:active{display:block; background-color:#25D366;  color:var(--white-text-color);}

.products div.rightcategori div.box div.list{overflow: hidden; max-height:auto; 
transition: max-height 0.3s ease-out;}
.products div.rightcategori div.box div.list ul li{float:none;}
.products div.rightcategori div.box div.list ul li a{color:var(--black-text-color); 
display:block; width:calc(100% - 30px); padding:15px; }
.products div.rightcategori div.box div.list ul li a:hover, 
.products div.rightcategori div.box div.list ul li a:active{ 
background-color:var(--gray-back-color);}
.product-video iframe{width:100%; height:400px;}
.subcategorie div.box{width:100%;}
.subcategorie div.box div.title{width:calc(100% - 40px); padding:20px; 
background-color:var(--primary-back-color); color:var(--white-back-color); 
cursor:pointer;}
.subcategorie div.box div.title:hover, 
.subcategorie div.box div.title:active{background-color:var(--white-back-color);
color:var(--primary-text-color);}
.subcategorie div.box div.title:hover > i, 
.subcategorie div.box div.title:active > i{color:var(--primary-text-color);}
.subcategorie div.box div.list{width:100%; height:auto; padding:0 20px 0 20px;
background-color:var(--primary-back-color); overflow:hidden; max-height:auto; 
transition: max-height 0.3s ease-out;}
.subcategorie div.box div.list ul li{float:left; margin:0 20px 20px 0;}
.subcategorie div.box div.list ul li a{color:var(--white-text-color); width:auto;display:inline-block;}
.subcategorie div.box div.list ul li a:hover, 
.subcategorie div.box div.list ul li a:active{opacity:0.8;}

.product_detail div.rightcontent{width:calc(100% - 40px); padding:20px; 
border-radius:var(--border-radius); background-color:var(--gray-back-color);
border:1px var(--gray-dark-back-color); border-radius:var(--border-radius);}
.product_detail div.rightcontent div.list{width:100%; overflow:hidden; margin-bottom:10px;}
.product_detail div.rightcontent div.list ul li{float:left;}
.product_detail div.rightcontent div.list ul li:nth-child(1){width:80px;}
.product_detail div.rightcontent div.list ul li:nth-child(2){margin-right:5px; width:20px; text-align:center;}
.product_detail div.rightcontent div.list div.campprice{color:#909090; margin-bottom:-10px; font-size:18px; text-decoration:line-through;}
.product_detail div.rightcontent div.list div.price{font-size:22px;}
.product_detail div.rightcontent div.list div.price span{font-size:13px;}
.product_detail div.rightcontent div.button div.fleft:nth-child(1){margin-right:10px;}

.product_detail div.description{width:100%; border:1px var(--gray-dark-back-color) solid; border-radius:var(--border-radius);}
.product_detail div.description div.titles{width:calc(100% - 30px); overflow:hidden; padding:15px; 
background-color:var(--gray-back-color); display:block; overflow:hidden;}
.product_detail div.description div.content{padding:15px; width:calc(100% - 30px); max-height:300px; overflow:hidden; transition: max-height 0.3s ease-out;}
.product_detail .table tbody:nth-child(even) {background-color: var(--gray-back-color);}
.product_detail .table tbody:nth-child(odd) {background-color: var(--white-back-color);}
.product_detail .table tbody tr{height:auto !important; line-height:normal;}
.product_detail .table tbody tr td{padding:10px 0 10px 0;}
.product_detail .table tbody tr td.left{text-align:left !important;}

.brandlist{width:100%;}
.brandlist a{width:100%; height:60px; line-height:60px; text-align:center; display:block;}
.brandlist a img{height:60px;}
.bgwhite .brandlist a{border-top:1px var(--primary-back-color) solid; border-bottom:1px var(--primary-back-color) solid;}
.bgsecond .brandlist a{border-top:1px var(--primary-back-color) solid; border-bottom:1px var(--primary-back-color) solid;}
.bgprimary .brandlist a{border-top:1px var(--white-back-color) solid; border-bottom:1px var(--white-back-color) solid;}

.SeeAllContent{width:100%; height:40px; line-height:40px; text-align:center; cursor:pointer;}

.technicallist{width:100%; height:auto;}
.technicallist div.icon{width:50px; height:50px;display:block; margin-right:5px; overflow:hidden;}
.technicallist div.text{width:calc(100% - 60px); padding-top:15px;}

.content-text, .content-text-bottom {width: 100%;text-align: center;font-size: 25px;font-family: 'Times New Roman'; margin-bottom:20px;}
.ContentNone{width:100%; height:auto; text-align:center; background-color:#fff; padding:50px 0 50px 0;}
.tags a{width:auto; height:auto; padding:5px 10px; display:inline-block; 
 color:#333; margin-left:5px; background-color:var(--white-back-color); border:1px var(--gray-back-color) solid; border-radius:var(--border-radius);}
.tags.full a{width:100% !important; display:block !important;}
.tags a:hover, .tags a:active{background-color:var(--primary-back-color); color:var(--white-back-color);}
.copyright{width:100%; text-align:center; height:40px; line-height:40px;}

