@charset "UTF-8";
/* CSS Document 
Authors: Rajnish Bharti
Company: Designers Up North
Version: 1.0
Client: Luxury Trains
Font use 
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Nunito Sans', sans-serif;
font-family: 'Quicksand', sans-serif;
font-family:'Google Sans' , Arial,Helvetica,sans-serif;
font-family: 'Open Sans', sans-serif;
*/


/*-------------------------------------- 
	Header 

--------------------------------------*/
.display-mobile-menu{
    display: none;
}
.header-top{
	background: #ab2a2f;
    padding-bottom: 12px;
    border-bottom: 1px solid rgb(111, 139, 168);
    padding-top: 5px;
}
.header-top .logo {
    margin-top: 25px;
    float: left;
    padding: 0;
    margin: 0;
}
.header-top .header-top-right{
	text-align:center;
	color:#fff;
	display:table;
	float:right;
	padding-top:20px;
	font-family:'Google Sans' , Arial,Helvetica,sans-serif;
	font-size:16px;
}
.header-top .header-mailus{
	float:left;
	padding-right:20px;
}
.header-top .header-callus{
	float:left;
}

.header-nav{
	background:#ab2a2f;
}
.nav > li{
	padding-left:0px;
	padding-right:0px;
}
/*desk nav start here*/
.dropdown-2:hover {
  color: #ab2a2f;
  background-color: #fff;
  border-radius: 0px;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #ab2a2f;
  border-color: #ab2a2f;
}
  
  .dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #ffffff;
  background-color:#ab2a2f;
}
  
  .dropdown-menu > li > a:hover small{
  	color:#fff;
  }
  /*** hover color change End ****/
  
.dropdown:hover a .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.dropdown-menu-2 .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}
.dropdown-menu-2 li:hover .sub-menu {
    visibility: visible;
}
.dropdown-2:hover .dropdown-menu-2 {
    display: block;
    border:none;
    border-radius: 0px;
    -webkit-box-shadow: 3px 11px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 3px 11px 12px rgba(0, 0, 0, 0.175);
}
.nav-tabs .dropdown-menu-2, .nav-pills .dropdown-menu-2, .navbar .dropdown-menu-2 {
    margin-top: 0;
}
.offer-nav {
    background: url(../gif/special.gif) no-repeat top;
    color: #fed339;
    
}
.special {
    background: #F58220;
    color: #fff!important;
    border-radius: 4px 4px 0 0;
}
header{
    margin-top:-6px;
}
marquee {
    background: #5f0903;
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    padding-top: 2px;
    padding-bottom: 0px;
    margin: 0;
    position: relative;
    top: 0;
    word-spacing: 1px;
    z-index: 1;
    line-height: 20px;
}
/*banner*/
.mob2{
	display:none;
}

/*overview section*/
section.overview{
	padding:35px 0;
	background: #fff;
	font-family:'Google Sans' , Arial,Helvetica,sans-serif;
}
section.overview h1{
	font-size:32px;
	padding-bottom:20px;
	color: #222;
	margin: 0 0 10px 0;
	background:url(../png/h1row.png) no-repeat center bottom;
}
section.overview h1 span{
    letter-spacing: 4px;
    color: #f58220;
    font-family: 'Google Sans' , Arial,Helvetica,sans-serif;
    display: block;
    font-size: 19px;
    font-weight: 400;
    text-transform: capitalize;
    font-style: italic;
}

.headings h1, .headings h2 {
  margin: 0;
  font-size: 24px !important;
  line-height: 0.9;
  display: inline-block;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 16px;
}

.headings h1:after, .headings h2:after {
  content: '';
  height: 3px;
  width: 89px;
  background: var(--themColor);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0px;
  border-radius: 4px;
}
section.overview .article-center{
	margin:0 70px;
	/* text-align:center; */
}
section.overview p{
    font-family: 'Google Sans' , Arial,Helvetica,sans-serif;
}

/*journey section*/

section.journey{
	padding:35px;
	background:#f2f3f3;
    font-size: 16px;
    font-family: 'Google Sans' , Arial,Helvetica,sans-serif;
    letter-spacing: 0.5px;
}

section.journey h2{
	font-size:30px;
	padding-bottom:0px;
	font-family: 'Roboto Condensed', sans-serif;
	color:#000000;
	text-align:center;
	margin: 0 0 5px 0;
	text-transform: capitalize;
}
section.journey h2 span{
	color:#f58220;
}
section.journey .article-center{
	margin:0 70px;
	text-align:center;
}
section.journey p{
    font-size: 16px;
    font-family: 'Google Sans' , Arial,Helvetica,sans-serif;
    letter-spacing: 0.5px;
    color:#544d4d;
    line-height:25px;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    padding: 5px 0;
}

/* effect start*/

.article-attraction {
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0 0px 0px 0;
}
.article-attraction figcaption {
	position: absolute;
	background:#000000ba;
    color: #cfcfcf;
    font-size: 16px;
    font-family: 'Google Sans' , Arial,Helvetica,sans-serif;
    letter-spacing: 0.5px;
	padding: 10px;
	margin:0 0px;
	line-height:20px;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
}
.cap-bot{height:200px;}
.cap-bot img{overflow:hidden;}
.popupeffect:hover figcaption {
	opacity: 10;
	bottom: 20px;
	background: #777;
}
.article-attraction:hover:before {
	opacity: 0;
}

.article-attraction .art-col:before {
	bottom: 10px;
	left: 10px;
}
.article-attraction .art-col figcaption {
	left: 0;
	bottom: -50%;
	min-height:186px;
	font-weight:normal;
}
.article-attraction .art-col:hover figcaption {
	bottom: 0%;
	background:rgba(252, 252, 252, 0.89);
	margin:0 0px;
	color:#000;
}
.article-attraction .art-col:hover figcaption .discr-article{
	color:#990000
}

.train-box{
	box-shadow: 0px 0px 1px 1px rgba(119, 119, 119, 0.2);
	margin:25px 0 0 0;
}
.discr-article{    
	color: #fff;
    font-size:21px;
    padding-bottom: 11px;
    font-family: 'Roboto Condensed', sans-serif;
    text-align: center;
    margin-bottom: 10px;
    border-bottom: solid 1px #777;
}
.art-col figcaption span strong{ 
	color:#ac1818; 
	display:block; 
}
.more-view{
	background: #ae1819;
    padding: 5px 8px;
    display: table;
    margin: 6px auto 0 auto;
    color: #fff;
	border-radius: 18px;
}
.dc-tag{
	position: absolute;
    top:20px;
    width:140px;
    height:40px;
    line-height:33px;
    padding-left: 15px;
    color:#fff;
    background:url(../png/dc-tag.png) no-repeat;
}
/* effect end*/


/*Explore about train*/
section.explore{
	padding:35px 0;
}
section.explore h2{
	font-size:25px;
    padding-bottom: 0px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #000000;
    text-align:left;
    margin: 0 0 5px 0;
    text-transform: capitalize;
}
section.explore h2 span{
	color: #f58220;
}
section.explore p{
    font-family: 'Google Sans' , Arial,Helvetica,sans-serif;
    font-size: 16px;
    letter-spacing: 0.5px;
    color: #464141;
    line-height: 25px;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    padding: 5px 0;
}
section.explore .train-gallery{
	padding-top:25px;
}
section.explore .train-gallery img{
	width: 100%;
}
.owl-prev {
	width: 15px;
	height: 100px;
	position: absolute;
	top: 46%;
	margin-left: -20px;
	display: block!IMPORTANT;
	border:0px solid black;
	}
.owl-next {
		width: 15px;
		height: 100px;
		position: absolute;
		top: 46%;
		right: -25px;
		display: block!IMPORTANT;
		border:0px solid black;
	}
	.owl-buttons div{ /* left arrow */
    width: 55px; /* width background image */
    height: 0 !important;
    padding-top: 33px !important; /* height background image */
    overflow: hidden !important;
} 
.owl-buttons .owl-prev{ 
	background-image: url("../png/next-arrow.png"); 
	background-repeat:no-repeat;    
	float: left; 
	margin-left:15px; 
}
.owl-buttons .owl-next{ /* right arrow */
    float: right;
    background-image:url("../png/previous-arrow.png") !important;
    background-repeat:no-repeat;  
	margin-right:15px;
}

section.explore .trainparts{
	margin: 10px 15px 0 15px
}
section.explore .trainparts .trainparts_box .train-circule{
    width:52px;
    height: 52px;
    border-radius:47px;
    background: #f1f1f1;
    text-align: center;
    border: solid 1px #ccc;
    line-height: 52px;
    position: absolute;
    top: 13px;
    left:40%;
}
section.explore .trainparts .main_holder{
	margin-top:40px;
	display:block;
}
section.explore .trainparts .main_holder a{
	text-decoration:none;
}
section.explore .trainparts p {
    font-size: 13px;
    text-align:center;
    font-weight:300;
    color:#000;
    margin: 0;
    padding: 0;
}
section.explore .trainparts .trainparts_box{
	border:solid 1px #ccc;
	height:100px;
	transition: background 0.5s ease;
}
section.explore .trainparts .trainparts_box h3{
    color:#2f2b2b;
    padding-top: 15px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}
section.explore .trainparts p{
	font-size: 12px;
    text-align: center;
    color: #aa1717;
    font-weight: 600;
}
section.explore .trainparts .trainparts_box:hover{
	background: #aa1717;
	border: solid 1px #aa1717;
}
section.explore .trainparts .trainparts_box:hover h3{
	color:#fff;
}
section.explore .trainparts .trainparts_box:hover p{
	color:#fff;
}
section.explore .trainparts .trainparts_box:hover .train-circule{
    width: 52px;
    height: 52px;
    border-radius: 47px;
    background: #ffffff;
    text-align: center;
    border: solid 1px #aa1717;
    line-height: 52px;
    position: absolute;
}


    /*Blog Section Start here*/
.blog_section{
   background:#f6eee1;
   padding: 50px 0;
}
.blog_page_section{
  padding: 50px 0;
}
.blog_section p{
    font-size:13px;
    line-height: 22px;
}

h4.hdng-destination{
    font-size: 25px;
    padding-bottom: 10px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #000000;
    text-align: left;
    margin: 0 0 10px 0;
    text-transform: capitalize;
    text-align: center;
}
h4.hdng-destination span{
   color:rgb(158, 44, 34);
}
.image_blog_main {
    margin: 0;
    padding: 0;
    width: 100%;
    height:184px;
    margin-bottom: 10px;
    width: 100%;
    overflow: hidden;
}
.image_blog_main img{
  width:100%;
}
.blog_right{
    margin: 0;
    padding: 0;
    background-color: #f3f3f3;
    float: left;
    border: solid 4px #d4cece;
}
.blog_right ul{
    margin:0;
    padding: 0;
}
.blog_right li {
    background-color:#ffffff;
    float: left;
    padding: 9px 7px;
    width: 100%;
    border-bottom: solid 1px #d4cece;
    list-style: none;
    line-height: 18px;
}
.blog_right li:last-child{
    border-bottom:none!important;
}
.blog_right li img {
    float: left;
    margin: 0 20px 0 0;
    padding: 0;
    width: 128px;
}
.blog_right ul li b a {
    display: block;
    color: #132838;
    margin: 0px 0 0;
    padding: 0;
    line-height: normal;
    font-size: 15px;
}

.blog_section h5 img{padding-right:15px;}
.blog_section ul li p {
    color: #4f4f4f;
    display: block;
    font-family: 'Google Sans' , Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    text-align: left;
}
.blog_section span.calander{
    font-size: 11px;
}
.left_bg{
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    border: solid 4px #d4cece;
    padding: 0 10px 10px 10px!important;
}
.left_bg h5{
    padding-bottom: 0;
    margin-bottom:0;
}
.left_bg b a {
    color: #07253f;
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 500;
    font-size: 20px;
    margin: 0 0 7px 0;
    padding: 9px 28px 0px 0;
}
.explore_blog a{
    color: #fff;
    display: table;
    margin:35px auto 0;
    background: #9e2c22;
    border-bottom: 3px solid #880f42;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    font-family: 'Quicksand', sans-serif;
    padding: 5px 25px 5px 25px;
    border-radius: 40px;

}
/* Blog Section End here*/


/*why Choose us*/

section.why-choose-us{
	background:#fff;
	padding:35px 0;
}
section.why-choose-us h2{    
	font-size: 25px;
    padding-bottom: 0px;
    font-family:'Roboto Condensed', sans-serif;
    color: #000000;
    text-align: left;
    margin: 0 0 10px 0;
    text-transform: capitalize;
}
section.why-choose-us h2 span{
	color:#e17227;
}
section.why-choose-us .choose-us-sec ul{
	margin: 0;
	padding: 0;
	list-style:none;
}
section.why-choose-us .choose-us-sec ul li{
    list-style: none;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 25px;
    background: url(../png/list-cheack.png) no-repeat 0 4px;
    }
section.why-choose-us .choose-us-sec ul li h3{ 
    font-size: 16px;
    margin: 15px 0 0px 0;
    color: #383434;
    font-weight: 600;
    font-family: 'Google Sans' , Arial,Helvetica,sans-serif;
	}
	section.why-choose-us .choose-us-sec ul li p{
	font-family: 'Google Sans' , Arial,Helvetica,sans-serif;
    padding-bottom: 0;
    line-height: 25px;
    font-size: 14px;
    margin-top: 8px;
    color: #222;
	}

.group-rate {
    float: left;
    width: 100%;
    padding-top: 10px;
}
.group-rate h3 {
    display: table;
    float: left;
    padding: 0 15px;
    margin-top:0px;
}
.group-rate h3 big {
    display: block;
    width: 100%;
    color:#666;
    text-align: center;
}
.group-rate h3 small {
	color:#383434; 
	font-weight: bold;
}
.art-col img{}
/*tetimonials*/
.review-section{padding-left: 75px;}
.review-section img{
	display:table; 
	margin:auto;
}
.review-section img.img-circle{
	background:#ccc;
}
.review-section h3{
	font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    color: #000;
    margin-top: 10px;
    font-weight: bold;
    text-align: center;;
}
.review-section p.testimonial-text{
	font-family: 'Quicksand', sans-serif;
    font-style: italic;
    color: #615a5a;
    font-weight: 500;
    text-align: center;
}

.review-section .guest-review-name{
	font-weight: bold;
	color:#000;
	/*float:right; */
	text-align:center;}
/*.review-section span.rate{
	float: left;
	color:#e58627;
}*/
.review-section span.rate{
	float: none;
    color: #e58627;
    text-align: center;
    display: table;
    margin: 15px auto 0 auto;
}
.more-reviews{
	clear: both;
    background: #fff;
    display: table;
    padding: 4px 8px;
    color: #000;
    border-radius: 4px;
    border: solid 2px #777;
    margin: auto;
}
.more-reviews a{
	color:#000;
}
/*why choose end here*/

/*footer start here*/

.footer {
	color: #a1a5a2;
	background:#232323;
	padding-top:25px;
	font-family: 'Open Sans', sans-serif;
}
.footer-center{text-align:center; font-size:12px; color:#a1a5a2;}
.foot-cant-box{text-align:right; padding:8px;}
.align-right{text-align:right;}
.list-image-box{float:left; padding-right:20px;}
.list-cant-box{float:left; line-height:22px; font-size:14px; }
.footer .left{width:50%; margin-left:3%; float:left;}
.footer .right{width:44%; margin-right:3%; float:right; text-align:right;}
.footer .right .cant{ text-align:left; }
.footer a {
	color: #a1a5a2;
    font-size: 15px;
    line-height: 24px;
}
.footer h5{padding-bottom:0px; color:#CCC; font-size:15px; font-weight:bold;}
.footer p{font-size:15px; line-height:25px;  color: #a1a5a2;}
.footer .image-box{background:#FFF; width:250px; border-radius:4px;}
.footer .image-box img{width:250px; height:auto;}
.bottom-footer {
    background: #211f1f;
    text-align: center;
    color: #ccc;
    font-size: 13px;
    padding:15px;
}
.right-line {
    border-right: 1px groove rgb(204, 204, 204);
    margin-bottom: 8px;
}
.member-of {
    border-top: 1px solid rgb(102, 102, 102);
    margin: 15px 0 0;
    padding-top: 8px;
}
.golden-colour {
    color: #fff;
    font-size: 15px;
    font-weight: normal;
}
h5 {
	padding-bottom: 10px;
	font-family:"franklin-gothic-urw",Verdana,sans-serif;
	font-size: 17px;
	font-weight: 400;
}
.ac_bookNowBtn {
    display: none;
}
section#offers{
	outline:none;
}
section.overview.bg_info .common-arrow.full ul li{
    width:100%; 
    float: none;
}
/*footer end here*/
/*=============================MEDIA QUERY START HERE==============================*/
@media only screen and (max-width: 1024px) {
.article-attraction .art-col figcaption{
	padding:8px;
    bottom: -58%;
	}
.discr-article{
	height:45px;
	}
	.journey-container .col-lg-4:first-child .article-attraction .art-col figcaption .discr-article{
		padding-top:10px;
	}
		.journey-container .col-lg-4:nth-child(2) .article-attraction .art-col figcaption .discr-article{
		padding-top:10px;
	}
}

@media only screen and (max-width: 1000px) {
.dek-header{
	display:none;
}
img.mob1 {
    display:none;
}
img.mob2 {
    display:block;
}

/*overview section*/
section.overview .article-center{
	margin-left:0; 
	margin-right: 0
}
section.overview p{
	font-size:14px;
	line-height:24px;
}
section.overview h1{    
	font-size: 25px;
}
section.overview h1 span{
	letter-spacing: 2px;
	font-size: 18px;
}
/*about train*/
section.explore h2{ 
	text-align:center;
	 }
section.explore h2 span{
	display:block;
}
section.explore .trainparts .trainparts_box .train-circule{
	top:8px;
}
section.explore .train-gallery{
	padding-top:35px;
}
/*about train end*

/*journey section*/
section.journey{
	padding-left:0;
	padding-right:0;
}
section.journey .article-center{
	margin-left:0; 
	margin-right: 0
}
section.journey h2{
	font-size: 25px;
}
section.journey h2 span{
	display:block;
}
section.journey p{
	font-size: 16px;
}
section.journey .article-attraction .art-col figcaption{
	bottom: -56%;
}
	.journey-container .col-lg-4:first-child .article-attraction .art-col figcaption .discr-article{
		padding-top:0px;
	}
		.journey-container .col-lg-4:nth-child(2) .article-attraction .art-col figcaption .discr-article{
		padding-top:0px;
	}
	section.journey .article-attraction .art-col figcaption{
		bottom:-55%;
	}
	.discr-article{
		font-size:18px;
		height: auto;
	}
/*why choose us*/
.review-section{padding-left:0;}
.group-rate{
	margin: auto;
    display: table;
    float: none;
    width: auto;
}
.group-rate h3 small{
	display:none;
}
.group-rate h3 big{
	padding-right:25px;
	font-size:19px;
}
.group-rate h3:last-child big{padding-right:25px;}
.group-rate h3{padding:0;}
section.why-choose-us .review-section{
	padding-top: 35px;
}
/*why choose end here*/
/*footer start here*/
#colophon{padding-bottom: 30px;}
.hide-footer {
    display: none;
}
.ac_bookNowBtn {
    position: fixed;
    background-color: #880f42;
    width: 100%;
    bottom: 0;
    text-align: center;
    line-height: 32px;
    z-index: 2;
    display: block;
    padding-bottom: env(safe-area-inset-bottom);
}
.ac_bookNowBtn a{
    color:#fff;
    font-synthesis: 20px;
}
}
/* inner itinerary page*/
span.locations {
    font-weight:normal;
    font-size: 17px;
}
span.blue-color strong{    color: rgb(23, 100, 167);}
span strong{
	font-size: 18px;
    color: rgb(245, 130, 32);
}
section.bg_iti {
    
    background: #f3f2f2;
    
}
section.overview-iti .article-left {
    margin: 0 70px;
    text-align:left;
}
.tr-list{
	text-align:left;
}
.tr-list strong{
	text-align: center;
    display: block;
    font-size: 18px;
    padding-bottom: 10px;
    color: #ae1819;

}
p.ipanel-intro{
	text-align:center;
}
.tr-list ul{
    margin: 0;
    padding: 0;
}
.tr-list ul li {
    margin: 3px 0 5px 0;
    padding: 0 0 0px 21px;
    width: 50%;
    float: left;
    color: #000;
    font-size: 14px;
    background-size: 11px;
    list-style: none;
    background-image: url(../png/right-arrow.png);
    background-repeat: no-repeat;
    background-position: 1px 8px;
}
.inner-banner{
	height: 380px;
	overflow: hidden;
}
.callaction {
    padding-top: 35px;
}
.callaction .tailorButtonspa a {
	background-color:#1a5d88;
    text-decoration: none;
    display: table;
   border-radius: 5px;
    clear: both;
    line-height: 17px;
    color: #ffffff;
    margin: 0 auto;
    font-size: 16px;
    font-weight: normal;
    padding: 6px 10px 0px 14px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    text-transform: capitalize;
}
.callaction .tailorButtonspa a span {
	font-size:11px;
}
.callaction .tailorButtonspa a b {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #1a5d88;
    position: relative;
    top: -14px;
    margin-left: 12px;
    right: 2px;
    float: right;
    border-radius: 50%;
    background: #fff;
   }
   .callaction .tailorButtonspa a b i{
        margin-top: 7px;
   }
.callaction .tailorButtonspa a:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#871111+0,be1818+100 */
    background:#f58220; /* Old browsers */
}
.callaction .tailorButtonspa a:hover b{
    color:#f58220;
}
.breadcrumb-linkbx{
	background: #77777740;
}
.breadcrumb-linkbx a{
	color: #020100;
}
.itinerary_section{ padding:25px 0; }
.itinerary_section h2{
	font-family: 'Roboto Condensed', sans-serif;
    font-size: 25px;
    color: #272424;
    padding-bottom: 5px;
    border-bottom: solid 2px #272424;
    margin-bottom: 25px;
}
.itinerary_section h2 span{
	color:#cc1d10;
}
.day-text{
	font-size: 16px;
    font-family: 'Google Sans' , Arial,Helvetica,sans-serif;
    letter-spacing: 0.5px;
    color: #333;
    line-height: 28px;
    background: #f3f2f2;

    line-height: 24px;
    margin: 15px 0;
    width: 100%;
  /*  float: left;*/
    padding: 10px 15px;
    display: block;
      color: #333;
    border:solid 1px #cccccc75;
}
.day-head-h3 {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0;
    color:#0e4394;
    margin-bottom: 0;
    font-family: 'Roboto Condensed', sans-serif;
    display: table;
    width: 100%;
}
.day-head-h3 strong{ 
	font-weight: normal;
    font-size: 18px;
    letter-spacing: 0.8px;
 }
 .day-head-h3 strong span{
 color:#ae1819; }
.day-head-h3 label{
    text-align: center;
    float: right;
    line-height: 25px;
    position: relative;
    right: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 28px;
    font-size: -19px;
    width: 35px;
    height: 28px;
    background: #3d3d3d;
    color: var(--textColor);
}
.day_content{
 border-top: dashed 1px #444;
 padding-top: 10px;
 padding-bottom: 15px;
}
.dc_2, .dc_3, .dc_4, .dc_5, .dc_6, .dc_7, .dc_8 {
	display:none;
}
.dh_8 h3.day-head-h3{
	border: none;
}

.train-hd {
	font-family: 'Roboto Condensed', sans-serif;
    font-size: 25px;
    padding-bottom: 5px;
    border-bottom: solid 2px #1a5d88;
    margin-bottom: 25px;
    color: #1a5d88;
}
.table2 thead th, .table2 tfoot td {
    background-color: #1A5D88 !important;
    color: rgb(255, 255, 255);
    font-family:'Google Sans' , Arial,Helvetica,sans-serif;
    font-size: 21px;
    padding: 7px 20px;
    text-align: center;
    font-weight: normal;
}
.table2 tbody td {
    /*background-color: rgb(240, 240, 240);*/
  
    border-right: 1px solid rgb(153, 153, 153);
    color: rgb(51, 51, 51);
    letter-spacing: 0;
    font-size: 16px;
    padding: 10px;
    text-shadow: -1px 1px 1px rgb(255, 255, 255);
}
.link {
    background: #3D3D3D!important;
    border-radius: 2px;
    text-shadow: none;
    color: #fff;
    text-align: right;
    cursor: pointer;
    font-size: 13px;
    padding: 3px 12px;
}
a.link:focus{
    color: #fff;
}

.table2 tbody tr:nth-child(even){ 
background: #fff;
border-bottom:solid 1px #ccc;
  }
.table2 tbody tr:nth-child(odd){  
background: #fbf6f6;
 border-bottom: solid 1px #ccc; }
/*inner itinerary page end*/
.table2 tbody td:first-child{
 	border-left: 1px solid rgb(153, 153, 153);
}
.price-bg {
    padding: 25px 0;
     
}
.price-bg h3{
    color:#1562af;
    font-size: 18px;
    font-weight: bold;
}
.price-bg .table-bordered tbody td{
	font-family:'Google Sans' , Arial,Helvetica,sans-serif;
    font-size: 15px;
    letter-spacing: 0.8px;
    padding: 7px 20px;}
.price-bg thead {
    background: #1A5D88;
    color: #fff;
}
.price-bg thead span{font-size: 14px;}
.price-bg tbody tr:nth-child(even){ 
background: #fff;
border-bottom: solid 1px #ccc;
 border-bottom: solid 1px #ccc  }
.price-bg tbody tr:nth-child(odd){ 
	background: #fbf6f6; }
p {
  line-height: 25px;
  letter-spacing: 0.75px;
  word-spacing: 0.75px;
  margin-bottom:10px;
  padding: 10px 0 0;
  font-size: 14px;
  color: #3e3e3e;
  font-family: 'Google Sans', Arial, Helvetica, sans-serif;
}
/*inner itinerary page end*/
.price-bg tbody td:first-child{
 	border-left: 1px solid rgb(153, 153, 153);
}
.prchd{
	font-family: 'Roboto Condensed', sans-serif;
    font-size: 25px;
    padding-bottom: 5px;
    border-bottom: solid 2px #1a5d88;
    margin-bottom: 25px;
    color: #1a5d88;
}
.prchd strong{font-weight:normal;}
.prchd p{
	font-size:15px;
	color: #cc1d10;
}
section.overview .prchd p{
    font-size: 15px;
    color: #cc1d10;
    line-height: 15px;
    padding-top: 0;
}
a.tourinqbtt {
    background-color: rgb(243, 71, 23);
    background-image: url(../png/white-link-arrow.png);
    background-position: 8px center;
    background-repeat: no-repeat;
    border: 2px solid rgb(221, 221, 221);
    /* text-decoration: none; */
    border-radius: 29px;
    max-width: 280px;
    clear: both;
    color: #ffffff;
    display: inline-block;
    float: right;
    font-family: inherit;
    font-size: 17px;
    font-weight: normal;
    min-height: 25px;
    padding: 6px 10px 6px 32px;
    text-align: left;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    text-transform: capitalize;
    margin-bottom: 15px;
}

section.overview.bg_info ul{
    margin: 0;
    padding: 0;
    padding-left:25px;
}
section.overview.bg_info ul li {
    margin: 3px 0 5px 0;
    padding: 0 0 0px 0px;
    font-size: 14px;
    background-size: 11px;
    list-style: disc;
    margin-bottom: 18px;
    line-height: 25px;
}
section.overview.bg_info ul li:last-child{
  margin-bottom:0px;
}
section.overview.bg_info ul li:last-child a{
  border-bottom:0px;
}

.schdule_section{
	padding-bottom: 25px;
}
.common-arrow h3 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 22px;
    padding-bottom: 5px;
    color: #fb1808;
    margin-top: 25px;
    float: left;
    width: 100%;
}
.common-arrow.full h3{
    float:none;
}
section.overview.bg_info .common-arrow.full ul strong span{
    color:#000;
}
strong.blue-color.alter-blue {
    color: #cc3236;
}
.common-arrow h2{
   font-size: 25px;
    text-align: left;
    float: left;
    width: 100%;
    color: #1a5d88;
    padding-bottom: 10px;
    /*border-bottom: solid 1px #ccc;*/
}
.common-arrow h3 strong{
    font-weight:normal;
}
/* destination Page start here*/
ul.sidebar-menu {
    background: #F2F2F2;
    padding: 15px 0;
}
ul.sidebar-menu li {
    position: relative;
    float: none!important;
    width: 100%!important;
    background: none;
    background-image: none!important;
}
ul.sidebar-menu li:before {
    content: "";
    position: absolute;
    left: -1px;
    top: 14px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 6px;
    border-color: transparent transparent transparent transparent;
    o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
ul.sidebar-menu li a {
    color: #333;
    letter-spacing: 0.5px;
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    border-bottom: 1px dashed #E4E4E4;
    display: block;
    padding: 12px 12px;
    margin: 0px;
    position: relative;
}
ul.sidebar-menu li.active:before, ul.sidebar-menu li:hover:before {
    border-color: transparent transparent transparent #ab2a2f;
}

.heading-side-bar{
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 22px;
    padding-left: 25px;
    margin-bottom: 0px;
    padding-top: 15px;
    padding-bottom:15px;
    font-size: 16px;
    background: #ab2a2f;
}
/* .heading-side-bar:after{
    display: block;
    margin-top: 12px;
    content: "";
    width: 35px;
    height: 3px;
    background: #f4b843;
} */
.destiBlock img{
    width: 100%
}
.destiTitle {
    /* padding: 0px; */
    position: relative;
    bottom: 35px;
    width: 100%;
    line-height: 34px;
    padding-left: 10px;
}
a:hover, a:focus{
    text-decoration: none;
}
.destiTitle .bg-dest{
    background-color: rgba(0,0,0,0.7);
    font-size: 18px;
    padding: 0 15px 2px 15px;
    font-size: 18px;
    display: table;
    color: #fff;
    margin: auto;
    width: 90%;
    text-align: center;
    border-radius: 6px 6px 0 0;
}
section.overview .article-left.destination_details li{
    width:100%;
    float: none;
}
section.overview .article-left.destination_details h2 {
  font-size: 19px;
  padding-bottom: 5px;
  margin-bottom: 0px;
  color: #ab2a2f;
}
section.overview .article-left.destination_details h3{
    font-size: 18px;
    color: #000;
}
section.overview .article-left.destination_details ul.dest_page_li{
    margin-left: 15px;
}
section.overview .article-left.destination_details{
    line-height: 25px;
}

.navbar-nav > li:first-child a{
  padding-left:0; 
  padding-right: 10px;
}
/*offers section start here*/
.offers{background: #f7f4ed; margin:25px 0;}
.offers h1{text-align:center; display: table; border-bottom: solid 2px #777; padding-bottom: 10px; 
  margin:20px auto 20px auto;}
.offers p{ font-size: 18px;
    padding-top: 0;
    padding-bottom: 30px;
    text-align: center;
    width: 70%;
    margin: 0 auto;
    line-height: 32px;
    font-style: italic;
    color: #444;}
.offers .link {
    background: #003787!important;
    border-radius: 2px;
    color: #fff;
    text-align: right;
    cursor: pointer;
    font-size: 13px;
    padding: 3px 10px;
}
.offers .common-arrow{    
  padding: 50px 35px;
  background:url(../png/page-devider.png) no-repeat center top;
 /* border-top: solid 1px #ccc;*/
}
.offers .common-arrow ul li {
    background:none;
    list-style:outside;
    margin: 0;
    text-align: justify;
    padding:5px 0 5px 0px;
    color: #504848;
    font-family: inherit;
    font-size: 14px;
    line-height: 22px;
}
.offers h2{font-size: 23px; text-decoration: underline; text-align: center;}
.off-tab{ width:100%; border: solid 1px #dbd3bc; margin-bottom: 25px;}
.off-tab caption{ font-size:22px; background:#0e6760 !important; color:#fff;  caption-side:top; text-align:center; padding:7px 0;}
.off-tab tr th{ background:#7a021b; color:#fff; padding:5px; border:1px solid #7a021b; text-align:center; font-weight:normal; font-size:17px; }
.off-tab tr td{padding: 8px 5px;
    text-align: center;
    font-size: 15px;
    font: 1.3em/25px;
    padding-left: 20px;}
.off-tab tr:nth-child(2n){background-color:#dbd3bc;}
.off-tab tr{background-color:#fff;}
/*a.offer-nav{
    display:none!important;
}*/
.offer-nav{background:url(../gif/special.gif) no-repeat top; color:#fed339;}


@media only screen and (max-width: 600px){

  .navbar-inverse {
      top: 26px;
  }
  .animated-arrow{
        top: 25px;
  }
  marquee{
    position:fixed;
  }
}



@media only screen and (max-width: 414px) {

	section.journey .article-attraction .art-col figcaption {
    bottom: -49%;
	}
	
    a.vlightbox1 {
    width: 98%;
    }
    section.explore .trainparts .trainparts_box .train-circule {
    top: -29px;
    }
}
@media only screen and (max-width:375px) {

    section.journey .article-attraction .art-col figcaption {
    bottom: -56%;
    }
}
@media only screen and (max-width: 414px) {
    .price-bg-box{
        width:100%;
        overflow-x:scroll;
    }
    section.explore .trainparts .trainparts_box .train-circule{
      top: -29px;
    }
    section.explore .trainparts .trainparts_box:hover .train-circule{
      top: -29px;  
    }
    section.journey .article-attraction .art-col figcaption {
    bottom: -50;
    }
    .tr-list ul li{
    width:100%;
    }
    .tr-list strong{
        text-align:left;
    }
    .schedule-s span{
        display: none;
    }
    .schedule-s span{
        display: none;
    }
    .col-lg-6.col-md-12.col-sm-12.placeholder{
        float: left;
        width:45%;
        overflow:hidden;
        margin-left:1%;
    }
    select#monselecter {
        margin-top: -21px;
    }
    .schedule-s select{
        width:100%;
    }
    .bc{
     padding-left: 10px;   
    }


}

@media only screen and (min-device-width : 320px) and (max-device-width : 768px) {
    span.cont{display:none;}
    .nav-expanded #overlapblackbg {
    /* background: #000; */
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    background-color: rgba(0, 0, 0, 0.45);
    cursor: pointer;
}
    .navbar-inverse{
        top:0;
        }
    /* body{
        padding-top: 50px;
    } */
   
    .inner-banner{
      height:auto;
    }
    .price-bg-box{
       overflow-x: scroll;
    }
    .schdule_section-box{
        width:100%;
        overflow-x:scroll;
    }
    .table thead > tr > td{
        vertical-align: middle;
        padding-top: 0;
        padding-bottom:0;
    }
    .table thead > tr > td.sharing-heading{
    vertical-align: middle;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: normal;
    line-height: 14px;
    }

    .table thead > tr > td.twin-header{
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: normal;
    line-height: 14px;
    }
    section.overview.bg_info ul li{
        width:100%;
    }
    span.callus {
        border: solid 1px #fff;
        padding: 2px 2px;
        margin-right: 10px;
        font-size: 14px;
        border-radius: 17px;
        width: 28px;
        text-align: center;
        height: 28px;
        display: inline-block;
        margin-left:20px;  
        margin-top:8px; 
        float: left;
}
#nav-close {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 300;
    font-size: 16px;
    padding-right: 10px;
    width: 40px;
    float: left;
    background: #a51414;
    padding-right: 15px;
}
.main-menu li span.callus a{
    padding:0;

}
.main-menu li span.mailus a{
    padding:0;
}


.main-menu li span.callus a:hover{
    background:none;
}
.main-menu li span.mailus a:hover{
    background:none;
}
span.callus i {
  color: var(--headingColor);
  line-height: 24px;
  font-size: 18px;
}
span.mailus {
    border: solid 1px #fff;
    padding: 2px 2px;
    margin-right: 10px;
    font-size: 14px;
    border-radius: 17px;
    width: 28px;
    text-align: center;
    height: 28px;
    display: inline-block;
    float: left;
    margin-top:8px;
}
span.mailus i{
    color: #fff;
}
.get-touch {
    font-size: 17px;
    text-align: center;
    line-height: 19px;
    font-weight: 500;
    color: #fff;
     line-height:24px;
    padding: 15px 15px 0 15px;
    font-family: 'Roboto Condensed', sans-serif;
}
li.get_touch_us {
    text-align: center;
}



/*
 * Plugin: Web Slide Navigation System
 * Demo Link: http://webslidemenu.uxwing.com/
 * Author: UXWing
 * License: http://codecanyon.net/licenses/standard
*/

/*--------------------------------------------------------------------------
[Table of contents]

01 Base CSS
02 Desktop CSS
03 Tab CSS
04 Mobile CSS
05 Additional Themes (Optionnal)
--------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------
|  01  Base CSS
--------------------------------------------------------------------------*/

.wsmenu html, .wsmenu body, .wsmenu iframe, .wsmenu h1, .wsmenu h2, .wsmenu h3, .wsmenu h4, .wsmenu h5, .wsmenu h6 {
  margin: 0px;
  padding: 0px;
  border: 0px;
  font: inherit;
  vertical-align: baseline;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  font-family: Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  font-smoothing: antialiased;
  font-smooth: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: subpixel-antialiased !important;
  font-smoothing: subpixel-antialiased !important;
  font-smooth: subpixel-antialiased;
}

.wsmenu .cl {
  clear: both;
}

.wsmenu img, object, embed, video {
  border: 0 none;
  max-width: 100%;
}

.wsmenu a:focus {
  outline: none !important;
}

.wsmenu:before, .wsmenu:after {
  content: "";
  display: table;
}

.wsmenu:after {
  clear: both;
}

/*--------------------------------------------------------------------------
|  02 Desktop CSS
--------------------------------------------------------------------------*/

.wsmobileheader {
  display: none;
}

#overlapblackbg {
  display: none;
}

.bigmegamenu {
  position: relative;
}

.wsmenu {
  font-family: Helvetica, sans-serif;
  color: #fff;
  font-size: 13px;
  padding: 0px;
  width: 70%;
  float: right;
  -webkit-border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
}

.wsmenu-list {
  text-align: left;
  margin: 0 auto 0 auto;
  width: 100%;
  display: table;
  padding: 0px;
}

.wsmenu-list>li {
  text-align: center;
  display: table-cell;
}

.wsmenu-list li:first-child a {
  -webkit-border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
}

.wsmenu-list li:last-child a {
  -webkit-border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  border-right: 0px solid;
}

.wsmenu-list>li>a .fa {
  display: inline-block;
  font-size: 14px;
  line-height: inherit;
  margin-right: 4px;
}

.wsmenu-list li ul li a .fa.fa-angle-double-right {
  font-size: 12px;
  margin: 0 3px 0 -4px;
}

.wsmenu-list li a .arrow:after {
  border-left: 4px solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  border-top: 4px solid #b3b3b3;
  content: "";
  float: right;
  height: 0;
  margin: 0 0 0 9px;
  position: absolute;
  text-align: right;
  top: 22px;
  width: 0;
}

.wsmenu-list>li>a {
  display: block;
  color: #E5E5E5;
  padding: 0px 14px;
  line-height: 48px;
  text-decoration: none;
  position: relative;
}

.wsmenu-list li a:hover .arrow:after {
  border-top-color: #b3b3b3
}

.wsmenu-list li a.active .arrow:after {
  border-top-color: #b3b3b3
}

.wsmenu-list li:hover>a .arrow:after {
  border-top-color: #b3b3b3
}

.megamenu iframe {
  width: 100%;
  margin-top: 10px;
  min-height: 200px;
}

.megamenu video {
  width: 100%;
  margin-top: 10px;
  min-height: 200px;
}

.wsmenu-list li:hover .megamenu {
  opacity: 1;
}

.megamenu {
  width: 100%;
  left: 0px;
  position: absolute;
  top: 48px;
  color: #000;
  z-index: 1000;
  margin: 0px;
  text-align: left;
  padding: 10px 0px;
  font-size: 15px;
  border: solid 1px #eeeeee;
  background-color: #fff;
  opacity: 0;
  -o-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%;
  -o-transition: -o-transform 0.3s, opacity 0.3s;
  -ms-transition: -ms-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
}

.megamenu .title {
  border-bottom: 1px solid #CCC;
  font-size: 14px;
  padding: 9px 5px 9px 0px;
  font-size: 17px;
  color: #424242;
  margin-bottom: 7px;
  text-align: left;
  height: 39px;
  margin: 0px 0px 0px 0px;
}

.link-list li {
  display: block;
  text-align: center;
  white-space: nowrap;
  text-align: left;
}

.link-list li a {
  line-height: 18px;
  border-right: none;
  text-align: left;
  padding: 6px 0px;
  background: #fff !important;
  background-image: none !important;
  color: #666666 !important;
  border-right: 0 none !important;
  display: block;
  border-right: 1px solid #e7e7e7;
  background-color: #fff;
  color: #424242;
}

.link-list .fa {
  font-size: 11px;
}

.megacollink {
  width: 23%;
  float: left;
  margin: 0% 1%;
  padding: 0px;
}

.megacollink li {
  display: block;
  text-align: center;
  white-space: nowrap;
  text-align: left;
}

.megacollink li a {
  line-height: 18px;
  border-right: none;
  text-align: left;
  padding: 8px 0px;
  background: #fff !important;
  background-image: none !important;
  color: #666666 !important;
  border-right: 0 none !important;
  display: block;
  border-right: 1px solid #e7e7e7;
  background-color: #fff;
  color: #424242;
}

.megacollink .fa {
  font-size: 11px;
}

.megacolimage {
  width: 31.33%;
  float: left;
  margin: 0% 1%;
}

.typographydiv {
  width: 100%;
  margin: 0% 0%;
}

.typographylinks {
  width: 25%;
  float: left;
  margin: 0% 0%;
}

.typographylinks ul {
  padding: 0px;
}

.mainmapdiv {
  width: 100%;
  display: block;
  margin: 0% 0%;
}

.wsmenu-list .ad-style {
  width: 28%;
  float: right;
}

.wsmenu-list .ad-style a {
  border: none !important;
  padding: 0px !important;
  margin: 0px !important;
  line-height: normal !important;
  background-image: none !important;
}

.mobile-sub .megamenu .ad-style a:hover {
  background-color: transparent !important;
}

.wsmenu-list .megamenu li:hover>a {
  background: transparent !important;
}

.wsmenu-list .megamenu li a:hover {
  background: transparent !important;
  text-decoration: underline;
}

.wsmenu-list .megamenu li .fa {
  margin-right: 5px;
  text-align: center;
  width: 18px;
}

.mrgtop {
  margin-top: 15px;
}

.show-grid div {
  padding-bottom: 10px;
  padding-top: 10px;
  background-color: #dbdbdb;
  border: 1px solid #e7e7e7;
  color: #6a6a6a;
  margin: 2px 0px;
}

.halfmenu {
  width: 40%;
  right: auto !important;
  left: auto !important;
}

.halfmenu .megacollink {
  width: 48%;
  float: left;
  margin: 0% 1%;
}

.halfdiv {
  width: 35%;
  right: 0px !important;
  left: auto;
}

.menu_form {
  width: 100%;
  display: block;
}

.menu_form input[type="text"] {
  width: 100%;
  border: 1px solid #e2e2e2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #000;
  font-size: 13px;
  padding: 8px 5px;
  margin-bottom: 8px;
}

.menu_form textarea {
  width: 100%;
  border: 1px solid #e2e2e2;
  border-radius: 5px;
  color: #000;
  font-size: 13px;
  padding: 8px 5px;
  margin-bottom: 8px;
  min-height: 122px;
}

.menu_form input[type="submit"] {
  width: 25%;
  display: block;
  height: 28px;
  float: right;
  border: solid 1px #ccc;
  margin-right: 15px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.menu_form input[type="button"] {
  width: 25%;
  display: block;
  height: 28px;
  float: right;
  border: solid 1px #ccc;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.megamenu .left.carousel-control {
  padding-top: 20%;
}

.megamenu .right.carousel-control {
  padding-top: 20%;
}

.carousel-inner .item img {
  width: 100%;
}

.megamenu .carousel-caption {
  bottom: 0px;
  background-color: rgba(0, 0, 0, 0.7);
  font-size: 13px;
  height: 31px;
  left: 0;
  padding: 7px 0;
  right: 0;
  width: 100%;
}

.wsmenu-list li>.wsmenu-submenu {
  transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform: rotateX(-75deg);
  -o-transform: rotateX(-75deg);
  -moz-transform: rotateX(-75deg);
  -webkit-transform: rotateX(-75deg);
  visibility: hidden;
}

.wsmenu-list li:hover>.wsmenu-submenu {
  transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  opacity: 1;
  visibility: visible;
}

.wsmenu-submenu li>.wsmenu-submenu-sub {
  transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform: rotateX(-75deg);
  -o-transform: rotateX(-75deg);
  -moz-transform: rotateX(-75deg);
  -webkit-transform: rotateX(-75deg);
  visibility: hidden;
}

.wsmenu-submenu li:hover>.wsmenu-submenu-sub {
  transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  opacity: 1;
  visibility: visible;
}

.wsmenu-submenu-sub li>.wsmenu-submenu-sub-sub {
  transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform: rotateX(-75deg);
  -o-transform: rotateX(-75deg);
  -moz-transform: rotateX(-75deg);
  -webkit-transform: rotateX(-75deg);
  visibility: hidden;
}

.wsmenu-submenu-sub li:hover>.wsmenu-submenu-sub-sub {
  transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  opacity: 1;
  visibility: visible;
}

.wsmenu-list li>.megamenu {
  transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform: rotateX(-75deg);
  -o-transform: rotateX(-75deg);
  -moz-transform: rotateX(-75deg);
  -webkit-transform: rotateX(-75deg);
  visibility: hidden;
}

.wsmenu-list li:hover>.megamenu {
  transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  opacity: 1;
  visibility: visible;
}

.wsmenu-submenu {
  position: absolute;
  top: 48px;
  z-index: 1000;
  margin: 0px;
  padding: 2px;
  border: solid 1px #eeeeee;
  background-color: #fff;
  opacity: 0;
  -o-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%;
  -o-transition: -o-transform 0.3s, opacity 0.3s;
  -ms-transition: -ms-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
}

.wsmenu-submenu li a {
  background: #fff !important;
  background-image: none !important;
  color: #666666 !important;
  border-right: 0 none !important;
  text-align: left;
  display: block;
  line-height: 22px;
  padding: 6px 12px;
  text-transform: none;
  font-size: 13px;
  letter-spacing: normal;
  border-right: 0px solid;
}

.wsmenu-submenu li {
  position: relative;
  margin: 0px;
  padding: 0px;
}

.wsmenuexpandermain {
  display: none;
}

.wsmenu-list li:hover .wsmenu-submenu {
  display: block;
}

.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub {
  min-width: 220px;
  position: absolute;
  left: 100%;
  top: 0;
  margin: 0px;
  padding: 0px;
  opacity: 0;
  -o-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%;
  -o-transition: -o-transform 0.4s, opacity 0.4s;
  -ms-transition: -ms-transform 0.4s, opacity 0.4s;
  -moz-transition: -moz-transform 0.4s, opacity 0.4s;
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
}

.wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub {
  opacity: 1;
  list-style: none;
  padding: 2px;
  border: solid 1px #eeeeee;
  background-color: #fff;
}

.wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub {
  display: block;
}

.wsmenu-submenu-sub {
background-color:#f1f1f1!important;
}
.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub .wsmenu-submenu-sub-sub {
  min-width: 220px;
  position: absolute;
  left: 100%;
  top: 0;
  margin: 0px;
  padding: 0px;
  opacity: 0;
  -o-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%;
  -o-transition: -o-transform 0.4s, opacity 0.4s;
  -ms-transition: -ms-transform 0.4s, opacity 0.4s;
  -moz-transition: -moz-transform 0.4s, opacity 0.4s;
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
}

.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub {
  opacity: 1;
  list-style: none;
  padding: 2px;
  border: solid 1px #eeeeee;
  background-color: #fff;
}

.wsmenu-submenu li {
  position: relative;
  padding: 0px;
  margin: 0px;
  display: block;
}

.wsmenu-click {
  display: none;
}

.wsmenu-click02 {
  display: none;
}

.wsmenu-list li:hover>a {
  background-color: rgba(0, 0, 0, 0.08) !important;
  text-decoration: none;
}

.wsmenu-list>li>a:hover {
  background-color: rgba(0, 0, 0, 0.08) !important;
  text-decoration: none;
}

.wsmenu-list>li>a.active {
  background-color: rgba(0, 0, 0, 0.08) !important;
  text-decoration: none;
}

.wsmenu-submenu>li>a:hover {
  background-color: rgba(0, 0, 0, 0.08) !important;
  border-radius: 0px !important;
  text-decoration: none;
  text-decoration: none;
}

.typography-text {
  padding: 0px 0px;
  font-size: 14px;
}

.typography-text ul {
  padding: 0px 0px;
  margin: 0px;
}

.typography-text p {
  text-align: justify;
  line-height: 24px;
  color: #656565;
}

.typography-text ul li {
  display: block;
  padding: 2px 0px;
  line-height: 22px;
}

.typography-text ul li a {
  color: #656565;
}

.hometext {
  display: none;
}

.wsmenu-submenu .fa {
  margin-right: 7px;
  margin-top:9px;
}

.wsmenu-submenu  .wsmenu-rotate {
    margin-top:3px!Important;
}

/*--------------------------------------------------------------------------
|  03 Tab CSS
--------------------------------------------------------------------------*/

@media only screen and (min-width:780px) and (max-width:1064px) {

  .wsmenu-list>li>a>.fa {
    display: none !important;
  }
  .hometext {
    display: block !important;
  }
}

@media only screen and (min-width: 911px) {

  .wsmenu-list li:hover>.wsmenu-submenu {
    display: block !important;
  }
  .wsmenu-submenu li:hover>.wsmenu-submenu-sub {
    display: block !important;
  }
  .wsmenu-submenu-sub li:hover>.wsmenu-submenu-sub-sub {
    display: block !important;
  }
  .wsmenu-list li:hover>.megamenu {
    display: block !important;
  }
}

/*--------------------------------------------------------------------------
|  04 Mobile CSS
--------------------------------------------------------------------------*/

@media only screen and (max-width: 910px) {
    .wsoffcanvasopener #overlapblackbg {
    display: block !important;
}
     .display-mobile-menu{
        display:block;
    }
  .wsoffcanvasopener .wsmenu {
    top: 0;
    z-index: 10000000;
    right: 0px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }
  .wsmenucontainer.wsoffcanvasopener {
    display: block;
    margin-left: 240px;
  }
  .wsmobileheader {
    display: block !important;
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }
  .wsmenu-list>li:hover>a {
    background-color: rgba(0, 0, 0, 0.08) !important;
    text-decoration: none;
  }
  .hometext {
    display: inline-block !important;
  }
  .megacollink {
    width: 96% !important;
    margin: 0% 2% !important;
  }
  .megacolimage {
    width: 90% !important;
    margin: 0% 5% !important;
  }
  .typographylinks {
    width: 98% !important;
    margin: 0% 1% !important;
  }
  .typographydiv {
    width: 86% !important;
    margin: 0% 7% !important;
  }
  .mainmapdiv {
    width: 90% !important;
    margin: 0% 5% !important;
  }
  #overlapblackbg {
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    display: none;
    background-color: rgba(0, 0, 0, 0.45);
    cursor: pointer;
  }
  .wsoffcanvasopener #overlapblackbg {
    display: block !important;
  }
  .wsmenu-submenu>li:hover>a {
    background-color: #7b7b7b;
    color: #fff;
  }
  .wsmenu>.wsmenu-list>li>a.active {
    color: #fff;
    background: #414241!important;
  }
  .wsmenu>.wsmenu-list>li>a:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.08);
  }
  .wsmenu-list li:hover .wsmenu-submenu {
    display: none;
  }
  .wsmenu-list li:hover .wsmenu-submenu .wsmenu-submenu-sub {
    display: none;
  }
  .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub {
    display: none;
    list-style: none;
    padding: 2px;
    border: solid 1px #eeeeee;
    background-color: #fff;
  }
  .wsmenu-list li:first-child a {
    -webkit-border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
  }
  .wsmenu-list li:last-child a {
    -webkit-border-radius: 0px 4px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    border-right: 0px solid;
  }
  .innerpnd {
    padding: 0px !important;
  }
  .typography-text {
    padding: 10px 0px;
  }
  
.ws-activearrow .fa-plus:before {
    content: "\f068"!important;
}
  
.fa-plus.wsmenu-rotate:before {
    content: "\f068";
}
  
  
  
  
  
  .wsmenucontainer {
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }
  .wsmenu-click {
    height: 43px;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    cursor: pointer;
    width: 45px;
  }
  .wsmenu-click i {
    display: block;
    height: 43px;
    background: #011001;
    border: solid 1px #777;
    border-bottom: none;
    border-top: none;
    width: 45px;
    font-size: 25px;
    line-height: 39px;
    margin-top: 0px;
    margin-right: 0px;
    background-size: 21px;
    font-weight: normal;
    font-size: 15px;
    color: #fff;
    float: right;
  }
  .show-logo {
    color: #E4B83B;
}
  .wsmenu-click02 {
    height: 43px;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    cursor: pointer;
    width: 100%;
    z-index:2;
  }
  .wsmenu-click02 i {
    display: block;
    height: 23px;
    width: 25px;
    margin-top: 11px;
    margin-right: 8px;
    background-size: 25px;
    font-size: 17px;
    color: rgba(0, 0, 0, 0.25);
    float: right;
  }
  .ws-activearrow>i {
    transform: rotate(180deg);
  }
  .wsmenu-rotate {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .wsmenu-submenu-sub {
    width: 100% !important;
    position: static !important;
    left: 100% !important;
    top: 0 !important;
    display: none;
    margin: 0px !important;
    padding: 0px !important;
    border: solid 0px !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .wsmenu-submenu-sub li {
    margin: 0px 0px 0px 21px !important;
    padding: 0px;
    position: relative;
    background-color: #f1f1f1;
  }
  .wsmenu-submenu-sub a {
    display: block;
    padding: 10px 25px 10px 25px;
    border-bottom: solid 1px #ccc;
    font-weight: normal;
  }
  .wsmenu-submenu-sub li a.active {
    color: #000 !important;
  }
  .wsmenu-submenu-sub li:hover>a {
    background-color: #333333 !important;
    color: #fff;
  }
  .wsmenu-list>li>a .fa {
    margin-right: 6px;
  }
  .wsmenu-submenu-sub-sub {
    width: 100% !important;
    position: static !important;
    left: 100% !important;
    top: 0 !important;
    display: none;
    margin: 0px !important;
    padding: 0px !important;
    border: solid 0px !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .wsmenu-submenu-sub-sub li {
    margin: 0px 0px 0px 0px !important;
  }
  .wsmenu-submenu-sub-sub a {
    display: block;
    color: #000;
    padding: 10px 25px;
    background: #000 !important;
    border-bottom: solid 1px #ccc;
    font-weight: normal;
  }
  .wsmenu-submenu-sub-sub li a.active {
    color: #000 !important;
  }
  .wsmenu-submenu-sub-sub li:hover>a {
    background-color: #606060 !important;
    color: #fff;
  }
  .wsmenu {
    position: relative;
  }
  .wsmenu .wsmenu-list {
    height: 100%;
    background:#414241;
    overflow-y: auto;
    display: block !important;
  }
  .wsmenu .wsmenu-list>li {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    float: none;
    border-right: none;
    background-color: transparent;
    position: relative;
    white-space: inherit;
    border-bottom: 1px solid;
    border-bottom-color: #4e4e4d;
  }
  .wsmenu>.wsmenu-list>li>a {
    font-family:'Google Sans' , Arial,Helvetica,sans-serif;
    padding: 9px 32px 9px 17px;
    font-size: 16px;
    text-align: left;
    border-right: solid 0px;
    background-color: transparent;
    color: #fff;
    line-height: 25px;
     position: static;
  }
  .wsmenu>.wsmenu-list>li a.offer-nav {
    background: #1a5d88;
    color: #fed339;
}
  .wsmenu>.wsmenu-list>li>a>.fa {
    font-size: 16px;
    color: #fff;
  }
  .wsmenu .wsmenu-list li a .arrow:after {
    display: none !important;
  }
  .wsmenu .wsmenu-list li ul li a .fa.fa-caret-right {
    font-size: 12px !important;
    color: #8E8E8E;
  }
  .mobile-sub .wsmenu-submenu {
    transform: none !important;
    opacity: 1 !important;
    display: none;
    position: relative !important;
    top: 0px;
    background-color: #fff;
    border: solid 1px #ccc;
    padding: 0px;
    visibility: visible !important;
  }
  .mobile-sub .wsmenu-submenu li{
      border-bottom: 1px solid #bfcabf;
  }
  .mobile-sub .wsmenu-submenu li a {
    background: #f5fdf5;
    font-size: 15px;
    padding: 9px 10px;
    color: #111!important;
    font-family: 'Google Sans' , Arial,Helvetica,sans-serif;
  
 
  }
  .mobile-sub .wsmenu-submenu li a small {
    font-size: 12px;
    font-weight: 700;
    color: #1a5d88;
}
  .mobile-sub .wsmenu-submenu li a:hover {
    background-color: #e7e7e7 !important;
    color: #666666;
    text-decoration: underline;
  }
  .mobile-sub .wsmenu-submenu li:hover>a {
    background-color: #e7e7e7 !important;
    color: #666666;
  }
  .mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li:after, .mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li:before {
    left: 0;
    content: "";
}
  .mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li:before {  
    position: absolute;
    top: -20px;
    height: 40px;
    width: 1px;
    border-left: 1px dashed #444;
  }
  .mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li:after {
    position: absolute;
    top: 20px;
    width: 20px;
    border-bottom: 1px dashed #444;
}

.mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li a:before {
    content: "";
    position: absolute;
    top: 18px;
    left: 18px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #444;
}

  .mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li a {
    line-height: 25px;
    height: 36px;
    background-color: #f1f1f1 !important;
    border-bottom: none;
    padding-left: 15px;
    position: unset;
    margin-left: 20px;
  }
  .mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li .wsmenu-submenu-sub-sub li a {
    line-height: 20px;
    height: 36px;
    background-color: #e7e7e7 !important;
    border-bottom: none !important;
    padding-left: 38px;
    color: #8e8e8e;
  }
  .wsmenu-list .megamenu {
    background-color: #fff;
    color: #666666;
    display: none;
    position: relative !important;
    top: 0px;
    padding: 0px;
    border: solid 0px;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .wsmenu-list li:hover .megamenu {
    display: none;
    position: relative !important;
    top: 0px;
  }
  .megamenu .title {
    color: #666666;
    font-size: 15px !important;
    padding: 10px 8px 10px 0px;
  }
  .halfdiv .title {
    padding-left: 0px;
  }
  .megamenu>ul {
    width: 100% !important;
    margin: 0px;
    padding: 0px;
    font-size: 13px !important;
  }
  .megamenu>ul>li>a {
    padding: 9px 14px !important;
    line-height: normal !important;
    font-size: 13px !important;
    background-color: #e7e7e7 !important;
    color: #666666;
  }
  .megamenu>ul>li>a:hover {
    background-color: #000000 !important;
  }
  .ad-style {
    width: 100% !important;
  }
  .megamenu ul li.title {
    line-height: 26px;
    color: #666666;
    margin: 0px;
    font-size: 15px;
    padding: 7px 0px !important;
    border-bottom: 1px solid #ccc;
    background-color: transparent !important;
  }
  .halfdiv {
    width: 100%;
    display: block;
  }
  .halfmenu {
    width: 100%;
    display: block;
  }
  .menu_form {
    padding: 10px 10px 63px 10px;
    background-color: #e7e7e7;
  }
  .menu_form input[type="button"] {
    width: 46%;
  }
  .menu_form input[type="submit"] {
    width: 46%;
  }
  .menu_form textarea {
    min-height: 100px;
  }
  .wsmenu {
    width: 21em;
    right: -275px;
    height: 100%;
    position: fixed;
    top:0px;
    margin: 0;
    background-color: #fff;
    border-radius: 0px;
    z-index: 102;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    border: none !important;
    background-color: #fff !important;
  }
  .animated-arrow {
    position: fixed;
    right: 0;
    top:-7px;
    z-index: 102;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }
  .callusicon {
    color: #c9c9c9;
    font-size: 25px;
    height: 25px;
    position: fixed;
    right: 15px;
    top: 13px;
    transition: all 0.4s ease-in-out 0s;
    width: 25px;
    z-index: 102;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }
  .callusicon:focus, callusicon:hover {
    color: #fff !important;
  }
  .wsoffcanvasopener .callusicon {
    display: none !important;
  }
  .smallogo {
    width: 100%;
    display: block;
    text-align: center;
    padding-top: 9px;
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 52px;
    background: #262626;
    background: -moz-linear-gradient(top, #262626 0, #1c1c1c 50%, #262626 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #262626), color-stop(50%, #1c1c1c), color-stop(100%, #262626));
    background: -webkit-linear-gradient(top, #262626 0, #1c1c1c 50%, #262626 100%);
    background: -o-linear-gradient(top, #262626 0, #1c1c1c 50%, #262626 100%);
    background: -ms-linear-gradient(top, #262626 0, #1c1c1c 50%, #262626 100%);
    background: linear-gradient(to bottom, #262626 0, #1c1c1c 50%, #262626 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#262626', endColorstr='#262626', GradientType=0);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .5);
  }
  .wsoffcanvasopener .animated-arrow {
    left: 240px;
  }
  .animated-arrow {
    cursor: pointer;
    padding: 17px 35px 21px 11px;
    margin: 11px 15px 0 0px;
    background: #07253f;
    border: solid 2px #777;
    border-radius: 8px;
  }
  .animated-arrow span, .animated-arrow span:before, .animated-arrow span:after {
    cursor: pointer;
    height: 3px;
    width: 23px;
    background: #fff;
    position: absolute;
    display: block;
    content: '';
  }
  .animated-arrow span:before {
    top: -7px;
  }
  .animated-arrow span:after {
    bottom: -7px;
  }
  .animated-arrow span, .animated-arrow span:before, .animated-arrow span:after {
    transition: all 500ms ease-in-out;
  }
  .wsoffcanvasopener .animated-arrow span {
    background-color: transparent;
  }
  .wsoffcanvasopener .animated-arrow span:before, .animated-arrow.active span:after {
    top: 7px;
  }
  .wsoffcanvasopener .animated-arrow span:before {
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    bottom: 0px;
  }
  .wsoffcanvasopener .animated-arrow span:after {
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  .wsmenu-list li>.wsmenu-submenu {
    transform: none !important;
    -o-transform: none !important;
    -moz-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    -o-transform: none !important;
    -moz-transform: none !important;
    -webkit-transform: none !important;
    visibility: visible !important;
  }
  .wsmenu-list li:hover>.wsmenu-submenu {
    transform: none !important;
    -o-transform: none !important;
    -moz-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    -o-transform: none !important;
    -moz-transform: none !important;
    -webkit-transform: none !important;
    visibility: visible !important;
  }
  .wsmenu-submenu li>.wsmenu-submenu-sub {
    transform: none !important;
    -o-transform: none !important;
    -moz-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    -o-transform: none !important;
    -moz-transform: none !important;
    -webkit-transform: none !important;
    visibility: visible !important;
  }
  .wsmenu-submenu li:hover>.wsmenu-submenu-sub {
    transform: none !important;
    -o-transform: none !important;
    -moz-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    -o-transform: none !important;
    -moz-transform: none !important;
    -webkit-transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  .wsmenu-submenu-sub li>.wsmenu-submenu-sub-sub {
    transform: none !important;
    -o-transform: none !important;
    -moz-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    -o-transform: none !important;
    -moz-transform: none !important;
    -webkit-transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  .wsmenu-submenu-sub li:hover>.wsmenu-submenu-sub-sub {
    transform: none !important;
    -o-transform: none !important;
    -moz-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    -o-transform: none !important;
    -moz-transform: none !important;
    -webkit-transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  .wsmenu-list li>.megamenu {
    transform: none !important;
    -o-transform: none !important;
    -moz-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    -o-transform: none !important;
    -moz-transform: none !important;
    -webkit-transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  .wsmenu-list li:hover>.megamenu {
    transform: none !important;
    -o-transform: none !important;
    -moz-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    -o-transform: none !important;
    -moz-transform: none !important;
    -webkit-transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/*--------------------------------------------------------------------------
|  05 Additional Themes (Optionnal)
--------------------------------------------------------------------------*/

.gry {
  background: #424242;
  color: #fff;
}

.orange {
  background: #ff670f;
  color: #fff;
}

.blue {
  background: #4A89DC;
  color: #fff;
}

.green {
  background: #74a52e;
  color: #fff;
}

.red {
  background: #DA4B38;
  color: #fff;
}

.yellow {
  background: #F6BB42;
  color: #fff;
}

.purple {
  background: #967ADC;
  color: #fff;
}

.pink {
  background: #ee1289;
  color: #fff;
}

.chocolate {
  background: #934915;
  color: #fff;
}

.gry>.wsmenu-list>li>a {
  color: #424242;
  border-right: 1px solid rgba(0, 0, 0, 0.10);
}

.gry>.wsmenu-list>li>a {
  background-color: #fff !important;
}

.gry>.wsmenu-list>li>a>.arrow:after {
  border-top-color: #E5E5E5 !important;
}

.gry>.wsmenu-list>li:hover>a {
  background: #424242 !important;
  color: #fff !important;
}

.gry>.wsmenu-list>li>a:hover {
  background: #424242 !important;
  color: #fff !important;
}

.gry>.wsmenu-list>li>a.active {
  background: #424242 !important;
  color: #fff !important;
}

.gry>.wsmenu-submenu>li>a:hover {
  background: #424242;
  border-radius: 0px !important;
  color: #fff;
}

.gry .wsmenu-list li a:hover .arrow:after {
  border-top-color: #fff;
}

.gry .wsmenu-list li a.active .arrow:after {
  border-top-color: #fff;
}

.gry .wsmenu-list li:hover>a .arrow:after {
  border-top-color: #fff;
}

.orange>.wsmenu-list>li>a {
  color: #424242;
  border-right: 1px solid rgba(0, 0, 0, 0.10);
}

.orange>.wsmenu-list>li>a {
  background-color: #fff !important;
}

.orange>.wsmenu-list>li>a>.arrow:after {
  border-top-color: #E5E5E5 !important;
}

.orange>.wsmenu-list>li:hover>a {
  background: #ff670f !important;
  color: #fff !important;
}

.orange>.wsmenu-list>li>a:hover {
  background: #ff670f !important;
  color: #fff !important;
}

.orange>.wsmenu-list>li>a.active {
  background: #ff670f !important;
  color: #fff !important;
}

.orange>.wsmenu-submenu>li>a:hover {
  background: #ff670f;
  border-radius: 0px !important;
  color: #fff;
}

.orange .wsmenu-list li a:hover .arrow:after {
  border-top-color: #fff;
}

.orange .wsmenu-list li a.active .arrow:after {
  border-top-color: #fff;
}

.orange .wsmenu-list li:hover>a .arrow:after {
  border-top-color: #fff;
}

.blue>.wsmenu-list>li>a {
  color: #424242;
  border-right: 1px solid rgba(0, 0, 0, 0.10);
}

.blue>.wsmenu-list>li>a {
  background-color: #fff !important;
}

.blue>.wsmenu-list>li>a>.arrow:after {
  border-top-color: #E5E5E5 !important;
}

.blue>.wsmenu-list>li:hover>a {
  background: #4A89DC !important;
  color: #fff !important;
}

.blue>.wsmenu-list>li>a:hover {
  background: #4A89DC !important;
  color: #fff !important;
}

.blue>.wsmenu-list>li>a.active {
  background: #4A89DC !important;
  color: #fff !important;
}

.blue>.wsmenu-submenu li>a:hover {
  background: #4A89DC !important;
  border-radius: 0px !important;
  color: #fff !important;
}

.blue .wsmenu-list li a:hover .arrow:after {
  border-top-color: #fff;
}

.blue .wsmenu-list li a.active .arrow:after {
  border-top-color: #fff;
}

.blue .wsmenu-list li:hover>a .arrow:after {
  border-top-color: #fff;
}

.green>.wsmenu-list>li>a {
  color: #424242;
  border-right: 1px solid rgba(0, 0, 0, 0.10);
}

.green>.wsmenu-list>li>a {
  background-color: #fff !important;
}

.green>.wsmenu-list>li>a>.arrow:after {
  border-top-color: #E5E5E5 !important;
}

.green>.wsmenu-list>li:hover>a {
  background: #74a52e !important;
  color: #fff !important;
}

.green>.wsmenu-list>li>a:hover {
  background: #74a52e !important;
  color: #fff !important;
}

.green>.wsmenu-list>li>a.active {
  background: #74a52e !important;
  color: #fff !important;
}

.green>.wsmenu-submenu>li>a:hover {
  background: #74a52e !important;
  border-radius: 0px !important;
  color: #fff !important;
}

.green .wsmenu-list li a:hover .arrow:after {
  border-top-color: #fff;
}

.green .wsmenu-list li a.active .arrow:after {
  border-top-color: #fff;
}

.green .wsmenu-list li:hover>a .arrow:after {
  border-top-color: #fff;
}

.red>.wsmenu-list>li>a {
  color: #424242;
  border-right: 1px solid rgba(0, 0, 0, 0.10);
}

.red>.wsmenu-list>li>a {
  background-color: #fff !important;
}

.red>.wsmenu-list>li>a>.arrow:after {
  border-top-color: #E5E5E5 !important;
}

.red>.wsmenu-list>li:hover>a {
  background: #DA4B38 !important;
  color: #fff !important;
}

.red>.wsmenu-list>li>a:hover {
  background: #DA4B38 !important;
  color: #fff !important;
}

.red>.wsmenu-list>li>a.active {
  background: #DA4B38 !important;
  color: #fff !important;
}

.red>.wsmenu-submenu>li>a:hover {
  background: #DA4B38 !important;
  border-radius: 0px !important;
  color: #fff !important;
}

.red .wsmenu-list li a:hover .arrow:after {
  border-top-color: #fff;
}

.red .wsmenu-list li a.active .arrow:after {
  border-top-color: #fff;
}

.red .wsmenu-list li:hover>a .arrow:after {
  border-top-color: #fff;
}

.yellow>.wsmenu-list>li>a {
  color: #424242;
  border-right: 1px solid rgba(0, 0, 0, 0.10);
}

.yellow>.wsmenu-list>li>a {
  background-color: #fff !important;
}

.yellow>.wsmenu-list>li>a>.arrow:after {
  border-top-color: #E5E5E5 !important;
}

.yellow>.wsmenu-list>li:hover>a {
  background: #F6BB42 !important;
  color: #fff !important;
}

.yellow>.wsmenu-list>li>a:hover {
  background: #F6BB42 !important;
  color: #fff !important;
}

.yellow>.wsmenu-list>li>a.active {
  background: #F6BB42 !important;
  color: #fff !important;
}

.yellow>.wsmenu-submenu>li>a:hover {
  background: #F6BB42 !important;
  border-radius: 0px !important;
  color: #fff !important;
}

.yellow .wsmenu-list li a:hover .arrow:after {
  border-top-color: #fff;
}

.yellow .wsmenu-list li a.active .arrow:after {
  border-top-color: #fff;
}

.yellow .wsmenu-list li:hover>a .arrow:after {
  border-top-color: #fff;
}

.yellow>.wsmenu-list li a .fa {
  color: #424242 !important;
}

.purple>.wsmenu-list>li>a {
  color: #424242;
  border-right: 1px solid rgba(0, 0, 0, 0.10);
}

.purple>.wsmenu-list>li>a {
  background-color: #fff !important;
}

.purple>.wsmenu-list>li>a>.arrow:after {
  border-top-color: #E5E5E5 !important;
}

.purple>.wsmenu-list>li:hover>a {
  background: #967ADC !important;
  color: #fff !important;
}

.purple>.wsmenu-list>li>a:hover {
  background: #967ADC !important;
  color: #fff !important;
}

.purple>.wsmenu-list>li>a.active {
  background: #967ADC !important;
  color: #fff !important;
}

.purple>.wsmenu-submenu>li>a:hover {
  background: #967ADC !important;
  border-radius: 0px !important;
  color: #fff !important;
}

.purple .wsmenu-list li a:hover .arrow:after {
  border-top-color: #fff;
}

.purple .wsmenu-list li a.active .arrow:after {
  border-top-color: #fff;
}

.purple .wsmenu-list li:hover>a .arrow:after {
  border-top-color: #fff;
}

.pink>.wsmenu-list>li>a {
  color: #424242;
  border-right: 1px solid rgba(0, 0, 0, 0.10);
}

.pink>.wsmenu-list>li>a {
  background-color: #fff !important;
}

.pink>.wsmenu-list>li>a>.arrow:after {
  border-top-color: #E5E5E5 !important;
}

.pink>.wsmenu-list>li:hover>a {
  background: #ee1289 !important;
  color: #fff !important;
}

.pink>.wsmenu-list>li>a:hover {
  background: #ee1289 !important;
  color: #fff !important;
}

.pink>.wsmenu-list>li>a.active {
  background: #ee1289 !important;
  color: #fff !important;
}

.pink>.wsmenu-submenu>li>a:hover {
  background: #ee1289 !important;
  border-radius: 0px !important;
  color: #fff !important;
}

.pink .wsmenu-list li a:hover .arrow:after {
  border-top-color: #fff;
}

.pink .wsmenu-list li a.active .arrow:after {
  border-top-color: #fff;
}

.pink .wsmenu-list li:hover>a .arrow:after {
  border-top-color: #fff;
}

.chocolate>.wsmenu-list>li>a {
  color: #424242;
  border-right: 1px solid rgba(0, 0, 0, 0.10);
}

.chocolate>.wsmenu-list>li>a {
  background-color: #fff !important;
}

.chocolate>.wsmenu-list>li>a>.arrow:after {
  border-top-color: #E5E5E5 !important;
}

.chocolate>.wsmenu-list>li:hover>a {
  background: #934915 !important;
  color: #fff !important;
}

.chocolate>.wsmenu-list>li a:hover {
  background: #934915 !important;
  color: #fff !important;
}

.chocolate>.wsmenu-list>li a.active {
  background: #934915 !important;
  color: #fff !important;
}

.chocolate>.wsmenu-submenu>li a:hover {
  background: #934915 !important;
  border-radius: 0px !important;
  color: #fff !important;
}

.chocolate .wsmenu-list li a:hover .arrow:after {
  border-top-color: #fff;
}

.chocolate .wsmenu-list li a.active .arrow:after {
  border-top-color: #fff;
}

.chocolate .wsmenu-list li:hover>a .arrow:after {
  border-top-color: #fff;
}

.tranbg {
  background-color: transparent !important;
}

.whitebg {
  background-color: #fff !important;
}

.whitebg:hover {
  color: #000 !important;
}

.blue-grdt {
  background: #5999ee;
  background: -moz-linear-gradient(top, #5999ee 0%, #4a89dc 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5999ee), color-stop(100%, #4a89dc));
  background: -webkit-linear-gradient(top, #5999ee 0%, #4a89dc 100%);
  background: -o-linear-gradient(top, #5999ee 0%, #4a89dc 100%);
  background: -ms-linear-gradient(top, #5999ee 0%, #4a89dc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5999ee', endColorstr='#4a89dc', GradientType=0);
  color: #fff;
}

.gry-grdt {
  background: #565656;
  background: -moz-linear-gradient(top, #565656 0%, #424242 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #565656), color-stop(100%, #424242));
  background: -webkit-linear-gradient(top, #565656 0%, #424242 100%);
  background: -o-linear-gradient(top, #565656 0%, #424242 100%);
  background: -ms-linear-gradient(top, #565656 0%, #424242 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#424242', GradientType=0);
  color: #fff;
}

.green-grdt {
  background: #86ba3d;
  background: -moz-linear-gradient(top, #86ba3d 0%, #74a52e 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #86ba3d), color-stop(100%, #74a52e));
  background: -webkit-linear-gradient(top, #86ba3d 0%, #74a52e 100%);
  background: -o-linear-gradient(top, #86ba3d 0%, #74a52e 100%);
  background: -ms-linear-gradient(top, #86ba3d 0%, #74a52e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86ba3d', endColorstr='#74a52e', GradientType=0);
  color: #fff;
}

.red-grdt {
  background: #f05c48;
  background: -moz-linear-gradient(top, #f05c48 0%, #da4b38 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f05c48), color-stop(100%, #da4b38));
  background: -webkit-linear-gradient(top, #f05c48 0%, #da4b38 100%);
  background: -o-linear-gradient(top, #f05c48 0%, #da4b38 100%);
  background: -ms-linear-gradient(top, #f05c48 0%, #da4b38 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f05c48', endColorstr='#da4b38', GradientType=0);
  color: #fff;
}

.orange-grdt {
  background: #fc7d33;
  background: -moz-linear-gradient(top, #fc7d33 0%, #ff670f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fc7d33), color-stop(100%, #ff670f));
  background: -webkit-linear-gradient(top, #fc7d33 0%, #ff670f 100%);
  background: -o-linear-gradient(top, #fc7d33 0%, #ff670f 100%);
  background: -ms-linear-gradient(top, #fc7d33 0%, #ff670f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc7d33', endColorstr='#ff670f', GradientType=0);
  color: #fff;
}

.yellow-grdt {
  background: #ffcd67;
  background: -moz-linear-gradient(top, #ffcd67 0%, #f6bb42 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffcd67), color-stop(100%, #f6bb42));
  background: -webkit-linear-gradient(top, #ffcd67 0%, #ff670f 100%);
  background: -o-linear-gradient(top, #ffcd67 0%, #f6bb42 100%);
  background: -ms-linear-gradient(top, #ffcd67 0%, #f6bb42 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcd67', endColorstr='#f6bb42', GradientType=0);
  color: #fff;
}

.purple-grdt {
  background: #a98ded;
  background: -moz-linear-gradient(top, #a98ded 0%, #967adc 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a98ded), color-stop(100%, #967adc));
  background: -webkit-linear-gradient(top, #a98ded 0%, #967adc 100%);
  background: -o-linear-gradient(top, #a98ded 0%, #967adc 100%);
  background: -ms-linear-gradient(top, #a98ded 0%, #967adc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a98ded', endColorstr='#967adc', GradientType=0);
  color: #fff;
}

.pink-grdt {
  background: #fb3ea4;
  background: -moz-linear-gradient(top, #fb3ea4 0%, #f21b8f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fb3ea4), color-stop(100%, #f21b8f));
  background: -webkit-linear-gradient(top, #fb3ea4 0%, #f21b8f 100%);
  background: -o-linear-gradient(top, #fb3ea4 0%, #f21b8f 100%);
  background: -ms-linear-gradient(top, #fb3ea4 0%, #f21b8f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb3ea4', endColorstr='#f21b8f', GradientType=0);
  color: #fff;
}

.whitebg>.wsmenu-list>li>a {
  color: #424242;
  border-right: 1px solid rgba(0, 0, 0, 0.10);
}

.whitebg>.wsmenu-list>li>a {
  background-color: #fff !important;
}

.whitebg>.wsmenu-list>li>a>.arrow:after {
  border-top-color: #E5E5E5 !important;
}

.red-grdt>.wsmenu-list>li>a {
  color: #fff !important;
}

.red-grdt>.wsmenu-list>li>a {
  background-color: transparent !important;
}

.red-grdt>.wsmenu-list>li>a>.arrow:after {
  border-top-color: #fff !important;
}

.gry-grdt>.wsmenu-list>li>a {
  color: #fff !important;
}

.gry-grdt>.wsmenu-list>li>a {
  background-color: transparent !important;
}

.gry-grdt>.wsmenu-list>li>a>.arrow:after {
  border-top-color: #fff !important;
}

.blue-grdt>.wsmenu-list>li>a {
  color: #fff !important;
}

.blue-grdt>.wsmenu-list>li>a {
  background-color: transparent !important;
}

.blue-grdt>.wsmenu-list>li>a>.arrow:after {
  border-top-color: #fff !important;
}

.green-grdt>.wsmenu-list>li>a {
  color: #fff !important;
}

.green-grdt>.wsmenu-list>li>a {
  background-color: transparent !important;
}

.green-grdt>.wsmenu-list>li>a>.arrow:after {
  border-top-color: #fff !important;
}

.orange-grdt>.wsmenu-list>li>a {
  color: #fff !important;
}

.orange-grdt>.wsmenu-list>li>a {
  background-color: transparent !important;
}

.orange-grdt>.wsmenu-list>li>a>.arrow:after {
  border-top-color: #fff !important;
}

.yellow-grdt>.wsmenu-list>li>a {
  color: #424242 !important;
}

.yellow-grdt>.wsmenu-list>li>a {
  background-color: transparent !important;
}

.yellow-grdt>.wsmenu-list>li>a>.arrow:after {
  border-top-color: #424242 !important;
}

.yellow-grdt>.wsmenu-list li a .fa {
  color: #424242 !important;
}

.purple-grdt>.wsmenu-list>li>a {
  color: #fff !important;
}

.purple-grdt>.wsmenu-list>li>a {
  background-color: transparent !important;
}

.purple-grdt>.wsmenu-list>li>a>.arrow:after {
  border-top-color: #fff !important;
}

.pink-grdt>.wsmenu-list>li>a {
  color: #fff !important;
}

.pink-grdt>.wsmenu-list>li>a {
  background-color: transparent !important;
}

.pink-grdt>.wsmenu-list>li>a>.arrow:after {
  border-top-color: #fff !important;
}

@media only screen and (max-width: 780px) {
  .red-grdt>.wsmenu-list>li>a>.fa {
    color: #fff !important;
  }
  .blue-grdt>.wsmenu-list>li>a>.fa {
    color: #fff !important;
  }
  .orange-grdt>.wsmenu-list>li>a>.fa {
    color: #fff !important;
  }
  .green-grdt>.wsmenu-list>li>a>.fa {
    color: #fff !important;
  }
  .purple-grdt>.wsmenu-list>li>a>.fa {
    color: #fff !important;
  }
  .pink-grdt>.wsmenu-list>li>a>.fa {
    color: #fff !important;
  }
  .gry>.wsmenu-submenu>li:hover>a {
    background-color: #424242 !important;
    color: #fff;
  }
  .gry>.wsmenu .wsmenu-list>li>a.active {
    color: #fff;
    background-color: #424242;
  }
  .gry>.wsmenu .wsmenu-list>li>a:hover {
    color: #fff;
    background-color: #424242;
  }
  .orange>.wsmenu-submenu>li:hover>a {
    background-color: #ff670f !important;
    color: #fff;
  }
  .orange>.wsmenu>.wsmenu-list>li>a.active {
    color: #fff;
    background-color: #ff670f;
  }
  .orange>.wsmenu>.wsmenu-list>li>a:hover {
    color: #fff;
    background-color: #ff670f;
  }
  .blue>.wsmenu-submenu>li:hover>a {
    background-color: #4A89DC !important;
    color: #fff;
  }
  .blue>.wsmenu>.wsmenu-list>li>a.active {
    color: #fff;
    background-color: #4A89DC;
  }
  .blue>.wsmenu>.wsmenu-list>li>a:hover {
    color: #fff;
    background-color: #4A89DC;
  }
  .green>.wsmenu-submenu>li:hover>a {
    background-color: #74a52e !important;
    color: #fff;
  }
  .green>.wsmenu>.wsmenu-list>li>a.active {
    color: #fff;
    background-color: #74a52e;
  }
  .green>.wsmenu>.wsmenu-list>li>a:hover {
    color: #fff;
    background-color: #74a52e;
  }
  .red>.wsmenu-submenu>li:hover>a {
    background-color: #DA4B38 !important;
    color: #fff;
  }
  .red>.wsmenu>.wsmenu-list>li>a.active {
    color: #fff;
    background-color: #DA4B38;
  }
  .red>.wsmenu>.wsmenu-list>li>a:hover {
    color: #fff;
    background-color: #DA4B38;
  }
  .yellow>.wsmenu-submenu>li:hover>a {
    background-color: #F6BB42 !important;
    color: #fff;
  }
  .yellow>.wsmenu .wsmenu-list>li>a.active {
    color: #fff;
    background-color: #F6BB42;
  }
  .yellow>.wsmenu .wsmenu-list>li>a:hover {
    color: #fff;
    background-color: #F6BB42;
  }
  .purple>.wsmenu-submenu>li:hover>a {
    background-color: #967ADC !important;
    color: #fff;
  }
  .purple>.wsmenu>.wsmenu-list>li>a.active {
    color: #fff;
    background-color: #967ADC;
  }
  .purple>.wsmenu>.wsmenu-list>li>a:hover {
    color: #fff;
    background-color: #967ADC;
  }
  .pink>.wsmenu-submenu>li:hover>a {
    background-color: #ee1289 !important;
    color: #fff;
  }
  .pink>.wsmenu>.wsmenu-list>li>a.active {
    color: #fff;
    background-color: #ee1289;
  }
  .pink>.wsmenu>.wsmenu-list>li>a:hover {
    color: #fff;
    background-color: #ee1289;
  }
  .chocolate>.wsmenu-submenu>li:hover>a {
    background-color: #934915 !important;
    color: #fff;
  }
  .chocolate>.wsmenu>.wsmenu-list>li>a.active {
    color: #fff;
    background-color: #934915;
  }
  .chocolate>.wsmenu>.wsmenu-list>li>a:hover {
    color: #fff;
    background-color: #934915;
  }
  .tranbg {
    background-color: #fff !important;
  }
  .tranbg>.wsmenu-list>li>a {
    color: #000 !important;
  }
  .bottom-footer {
    font-size:11px;
  }
}


/*====================== mobile side menu end here======================*/