:root {
    font-size: 16px
}

html {
    overflow-x: hidden
}

body {
    font-family: 'Open Sans',sans-serif;
    background: #fff;
    line-height: 1.7rem;
    letter-spacing: .3px
}

b,strong {
    font-family: 'Open Sans',sans-serif;
}
h1,h2,h3,h4,h5,h6 {
    margin: 0 0 .5em 0
}

h2 {
    font-size: 1.65em
}

h2.major {
    font-size: 1.65em;
    text-align: center;
    margin: 0 0 3em 0
}

.h1-rand {
    font-size: 1.65em;
    text-align: center;
    margin: 0 0 3em 0
}

h2.major span {
    top: -.775em;
    padding: 0 1.5em 0 1.5em
}

.h1-rand span {
    top: -.775em;
    padding: 0 1.5em 0 1.5em
}

h3 {
    font-size: 1.25em
}

h4 {
    font-size: 1.25em
}
a {
    color: #383CC1;
	text-decoration: underline;
}

hr {
    border-top: 1.3px solid rgba(51,51,51,.2)
}

h1,.heading1 {
    font-family: 'Open Sans Condensed',sans-serif;
    font-size: 28px;
    color: #333;
    margin-bottom: 10px
}

h2,.heading2 {
    font-family: 'Open Sans Condensed',sans-serif;
    font-size: 24px;
    color: #333;
    margin-bottom: 10px
}

h3,.heading3 {
    font-family: 'Open Sans Condensed',sans-serif;
    font-size: 20px;
    color: #333;
    margin-bottom: 10px
}

input[type=button],input[type=submit],input[type=reset],.button {
    font-size: .8em;
    padding: .85em 1.85em
}

input[type=button].big,input[type=submit].big,input[type=reset].big,.button.big {
    font-size: 1.65em;
    padding: .85em 1.85em
}

ul.actions {
    text-align: center;
    margin: .5em;
	display: block;
}

ul.pagination {
    text-align: right;
    margin: .5em;
	display: block;
}
.box.highlight .special {
    margin: 0 0 4em 0
}

.box.highlight h2 {
    font-size: 3em;
    margin: 0 0 .75em 0
}

.box.highlight header>p {
    font-size: 1.65em;
    margin: 0 0 1.5em 0
}

.box.feature {
    text-align: center
}

.box.post header {
    margin: 0 0 2.5em 0
}

.box.post h3 {
    font-size: 3em;
    margin: 0 0 .5em 0
}

.box.post header>p {
    font-size: 1.65em;
    margin: 0 0 .5em 0
}

.box.post ul.meta {
    margin: 0 0 .5em 0
}

.box.post-summary h3 {
    line-height: 1em;
    margin: 0 0 .75em 0
}

.box.post-summary .meta {
    margin: 0;
    line-height: 1em
}

.box.page-content header {
    margin: 0 0 .5em 0
}

.box.page-content h2 {
    margin: 0 0 .5em 0;
	font-weight: 550;
}

.box.page-content header>p {
    font-size: 1.1em;
    margin: 0 0 .5em 0
}

.box.page-content ul.meta {
    margin: 0 0 .5em 0
}

.sidebar {
    padding-top: .5em
}

.homepage .sidebar {
    padding-top: 0
}

.sidebar h2.major {
    text-align: left;
    margin: 0 0 1em 0
}

.sidebar h2.major span {
    padding-left: 0
}

.content-left {
    padding-right: 2em
}

.content-right {
    padding-left: 0;
	padding-right: 0;
	margin: -5px;
}

.stickynav {
position:relative;
z-index:2;
font-size:17px;
color:#f1f1f1;
width:100%;
padding:0;
letter-spacing:1px;
font-family:"Segoe UI",Arial,sans-serif;
}
.stickynav a{
padding:10px 10px 9px 10px;
}
#stickynav {
    
    z-index: 10;
    background-color: rgba(255,255,255,.95);
    background-image: url(../../../resource/new/css/images/overlay.png);
    width: 100%;
    height: 3.25em;
    line-height: 2.5em;
    text-align: center;
    font-family: 'Open Sans Condensed',sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    cursor: default;
}

#stickynav ul {
    position: relative;
    z-index: 10;
}

#stickynav li {
    display: inline-block;
    margin: 0 .5em 0 .5em;
    top: 0;
    position: relative;
    -moz-transition: top .15s ease-in-out;
    -webkit-transition: top .15s ease-in-out;
    -o-transition: top .15s ease-in-out;
    -ms-transition: top .15s ease-in-out;
    transition: top .15s ease-in-out
}

#stickynav li>ul {
    display: none;
}

#stickynav li a,#stickynav li span {
    position: relative;
    display: block;
    text-decoration: none;
    color: #6b7770;
    top: -6px;
    padding: 8px 10px 10px 10px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    outline: 0;
    -moz-transition: background-color .075s ease-in-out,color .075s ease-in-out;
    -webkit-transition: background-color .075s ease-in-out,color .075s ease-in-out;
    -o-transition: background-color .075s ease-in-out,color .075s ease-in-out;
    -ms-transition: background-color .075s ease-in-out,color .075s ease-in-out;
    transition: background-color .075s ease-in-out,color .075s ease-in-out
}
.mobilemenu {
 padding: 1px 1px 1px 1px; 
 margin: 0;	
 font-weight: 700;	
}  
#stickynav li:hover,#stickynav li.active {
    top: 3px
}

#stickynav li:hover a,#stickynav li:hover span,#stickynav li.active a,#stickynav li.active span {
    background: #c1cac5;
    color: #fff
}

#stickynav li.current a {
    background: #92B558;
    color: #fff
}
/*
.mobilemenu{
	position: relative;
    display: block;
    text-decoration: none;
    color: #6b7770;
    padding: 0px 0em 0em 1px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    outline: 0;
    -moz-transition: background-color .075s ease-in-out,color .075s ease-in-out;
    -webkit-transition: background-color .075s ease-in-out,color .075s ease-in-out;
    -o-transition: background-color .075s ease-in-out,color .075s ease-in-out;
    -ms-transition: background-color .075s ease-in-out,color .075s ease-in-out;
    transition: background-color .075s ease-in-out,color .075s ease-in-out
}
*/
.dropotron:hover ul {
    display: block;
}
.dropotron {
    background: #6b7770;
    color: #fff;
    border-radius: 6px;
    line-height: 2.75em;
    text-align: center;
    font-family: 'Open Sans Condensed',sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    padding: 1em 0;
    min-width: 14em;
    margin-top: -1em;
    box-shadow: 0 1em 2em 0 rgba(0,0,0,.1);
	list-style-type: none;
		
}

.dropotron li>a,.dropotron li>span {
    display: block;
    color: #d7dad8;
    text-decoration: none;
    padding: 0 1.25em;
}

.dropotron li:hover>a,.dropotron li:hover>span,.dropotron li.active>a,.dropotron li.active>span {
    color: #fff;
    background: #7b8780
}

.dropotron li:first-child {
    border-top: 0
}

.dropotron.level-0 {
    margin-top: 1em;
    font-size: .9em;
	margin-left: -3em;
}

.dropotron.level-0:before {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -1em;
    top: -.65em;
    border-bottom: solid 1em #6b7770;
    border-left: solid 1em transparent;
    border-right: solid 1em transparent
}
.intro_note{
	position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
	color: black;
    background-color: rgba(248, 249, 250,0.5); 
    border-color: #badbcc;
}
.intro_note ul{
	list-style-type: none;
}

#footer {
    text-align: center;
    /*padding: 8em 0 8em 0*/
}

#footer h2.major {
    margin: 0 0 1em 0
}

#copyright {
    margin: 4em 0 0 0
}

.main-h1 {
    font-size: 2em;
    margin: 20px 20px .5em 0;
	font-weight: 550;
    text-transform: uppercase;
}

.vil-sidebar {
    height: 100%;
    width: 250px;
    background-color: rgba(253,253,253,.95);
    position: fixed!important;
    overflow: auto;
	z-index: 100;
}
@media (min-width: 993px) {
    .vil-modal-content {
        width:900px
    }

    .vil-hide-large {
        display: none!important
    }

    .vil-sidebar.vil-collapse {
        display: block!important
    }
}

@media (max-width: 992px) {
    .vil-sidebar.vil-collapse {
        display:none
    }
	.vil-main {
        margin-left: 0!important;
        margin-right: 0!important
    }

    .vil-auto {
        max-width: 100%
    }
}
	
.vil-btn{padding: 4px 16px;}

.arrow {
  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
a:hover,a:active{
	color:#4CAF50
}
table.vil-table-all{margin:20px 0}
.top {
position:relative;
background-color:#ffffff;
height:68px;
padding-top:20px;
line-height:50px;
overflow:hidden;
z-index:2;
}
.close {
  position: absolute;
  right: 5px;
  top: 5px;	
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1;
  color: #000;
  opacity: .5;
  border: 0;
}

#leftnav h2 {
font-size:21px;
padding-left:16px;
margin:-4px 0 4px 0;
width:204px;
}
#leftnav a {
	font-family:'Open Sans Condensed',"Times New Roman",sans-serif;
	text-decoration:none;
	display:block;
	padding-left:6px;
	transition: all .25s ease-in;
}
#leftnav a:hover,#leftnav a:focus {
	color:white;
	background-color:#6b7770;
	margin-left:10px
}
#leftnav a.active {
	background-color:#92B558;
	color:#ffffff
}
#leftnav a.activesub:link,#leftnav a.activesub:visited {
	background-color:#92B558;
	color:white;
}
#leftnav a.activesub:hover,#leftnav a.activesub:active {
	background-color:#92B558;
	color:white;
}
#leftside {
position:absolute;
top:0;
padding-top:0;
padding-bottom:100px;  
padding-left: 10px;	
height:100%;
width:250px;
background-color:transparent;	
z-index: 20;	
}
#leftsideinner {
height:100%;
width:100%;
overflow-y:scroll;
overflow-x:hidden;
padding-top:5px;
padding-bottom: 35px;
}
#main {
	padding:12px
}
#spaceforad {
	height:90px; 
	overflow:hidden;
	display: none;/*Space for ad*/
}
#right {
	text-align:center;
	padding:5px 0px 5 0;
	margin:0 -5px 0 0px;
}
#right a {
	text-decoration:none;
}
#right a:hover {
	text-decoration:underline;
}
#skyscraper {
	min-height:600px;
	display: none;
}
.sidesection {
	margin-bottom:32px;
	padding: 10px;
}
.ref_overview{
	display:none;
}
.tut_overview{
 display :none;
 margin-left:10px;
 background-color :#ddd;
 line-height:1.8em;
}
#leftnav a.activesub:link,#leftnav a.activesub:visited {background-color:#ddd;color:#000;}
#leftnav a.activesub:hover,#leftnav a.activesub:active {background-color:#ccc;color:#000;}
#leftnav a.active_overview:link,#leftnav a.active_overview:visited {background-color:#ccc;color:#000;}
.vil-example{background-color:#f1f1f1;padding:0.01em 16px;margin:20px 0;box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important}	
@media only screen and (max-width: 768px) {
    ul.stickynav {
        flex-wrap:nowrap;
        overflow-x: scroll;
        /*height: 48px;*/
        padding: 0 7px;
		font-size: 14px;
    }
}
@media only screen and (max-width: 768px) {
    .stickynav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    }

}

@media only screen and (min-width: 768px) {
    ul.stickynav {
        height:48px
    }

    ul.stickynav a {
        font-size: 16px;
        padding: 0 10px
    }
}

ul.stickynav li {
    display: flex;
    align-items: center;
    margin: 0 4px;
    margin-bottom: 6px
}

ul.stickynav li:hover a {
    color: #6b7770;
    text-decoration: none
}

ul.stickynav a {
    font-family: manrope,sans-serif;
    font-weight: 900;
    color: #333;
    position: relative;
    display: block;
    white-space: nowrap;
    cursor: pointer
}

ul.stickynav li.first {
    margin-left: 0
}

@media only screen and (min-width: 768px) {
    ul.stickynav li.first a {
        padding-left:0
    }
}

ul.stickynav li.selected {
    border-bottom: 6px solid #6b7770;
    color: #6b7770;
    margin-bottom: 0
}

ul.stickynav li.selected a {
    color: #6b7770;
    font-family: manrope bold,sans-serif
}

ul.stickynav .dropdown:hover .dropdown-menu {
    display: block
}

ul.stickynav ul.dropdown-menu a {
    padding: 5px 17px;
    line-height: 30px;
    color: #333;
    font-family: 'Open Sans',sans-serif
}

ul.stickynav ul.dropdown-menu a:hover {
    border-bottom: 6px solid #6b7770;
    color: #6b7770
}

.align-horizontal {
    display: table-cell;
    vertical-align: middle
}

.clickable {
    color: #6b7770
}

.clickable:hover {
    cursor: pointer;
    text-decoration: underline
}

.no-hover,.no-hover:hover {
    color: inherit;
    text-decoration: none
}

.font-regular {
    font-size: 1rem;
    letter-spacing: normal;
    line-height: normal
}

.font-smaller {
    font-size: 14px;
    letter-spacing: normal;
    line-height: normal
}

.font-smallest {
    font-size: 12px;
    letter-spacing: normal;
    line-height: normal
}

@media only screen and (max-width: 576px) {
    .font-smaller-mobile {
        font-size:14px;
        letter-spacing: normal;
        line-height: normal
    }

    .card-image-rounded {
        border-radius: 3px 3px 0 0
    }

    .font-smallest-mobile {
        font-size: 12px;
        letter-spacing: normal;
        line-height: normal
    }
}

@media only screen and (min-width: 576px) {
    .card-image-rounded {
        border-radius:3px 0 0 3px
    }
}


.navbar-primary.sticky-top {
    z-index: 11
}

textarea {
    background: rgba(216,216,216,.19);
    border-radius: 3px;
    border: 1px solid rgba(202,202,202,.29);
    padding: 16px 20px
}

.tagline {
    font-size: 22px;
    font-family: manrope,sans-serif;
    font-weight: 900;
    font-style: italic;
    margin-bottom: 20px
}

.light-background {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.5);
    border-radius: 3px;
    transition: background 200ms ease-in-out
}

.light-background:hover {
    background: rgba(0,0,0,.6)
}

.category {
    margin-bottom: 0;
    font-family: manrope bold,sans-serif;
    font-size: 13px;
    color: #f86960!important;
    margin-right: 1rem;
    text-transform: uppercase
}

.morelinkSmall {
    font-family: manrope bold,sans-serif
}

select {
    border-radius: 3px;
    background-color: #fff;
    width: auto;
    height: 48px;
    cursor: pointer
}

.align-line-center {
    display: flex;
    align-items: center
}

button.dropdown-toggle {
    border-radius: 3px;
    box-shadow: inset 0 -1px 4px 0 rgba(176,176,176,.5)
}

.dropdown-item {
    cursor: pointer;
    letter-spacing: normal;
    line-height: normal;
    font-size: 14px
}

.divider {
    height: 4px;
    width: 4px;
    background: #979797;
    border: 1px solid #979797;
    border-radius: 50%;
    margin: 0 6px;
    display: inline-block
}

.arrow-down {
    content: url("../../../res/PNG/arrow_drop_down.png");
    height: 20px;
    margin-left: 4px;
    position: absolute;
    display: inline-block;
    transition: transform .2s;
	color:red
}

.white-tooltip {
    z-index: 1;
    opacity: 1!important
}

.white-tooltip .tooltip-inner {
    background-color: #fff!important;
    color: #000;
    border: 1px solid rgba(202,202,202,.29);
    box-shadow: 0 2px 4px 0 rgba(178,178,178,.5);
    text-align: left;
    font-size: 10px
}

.white-tooltip .tooltip-inner a {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .22px
}

.white-tooltip .arrow::before {
    border-top-color: #fff
}

.nohover:hover {
    text-decoration: none
}

.img-rounded {
    border-radius: 3px
}

.qsimg{
	float: right;
}

.left-arrow,.right-arrow,.hometextimage,.search-icon,.region-icon,.starting-location-icon {
    display: inline-block;
    background: url("#") no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left
}

.left-arrow {
    width: 42px;
    height: 42px;
    background-position: 0 0;
    left: 5px;
    opacity: .8
}

.right-arrow {
    width: 42px;
    height: 42px;
    background-position: 0 -42px;
    right: 5px;
    opacity: .8
}

.hometextimage {
    background-position: 0 -84px;
    width: 24px;
    height: 30px;
    vertical-align: middle
}

.search-icon {
    background-position: 0 -114px;
    width: 20px;
    height: 20px
}
.spriteMisc {
    background-image: url("#");
    background-repeat: no-repeat;
    display: inline-block;
    position: relative;
    top: 4px
}

.sprite-fbLogin_resized {
    background-position: 0 -367px;
    width: 25px;
    height: 25px;
    left: -3px
}

.sprite-googleLogin {
    background-position: -25px -367px;
    width: 20px;
    height: 20px;
    left: -10px
}
.facebook-logo {
    background-position: 0 -180px;
    width: 30px;
    height: 30px
}

.instagram-logo {
    background-position: -30px -180px;
    width: 30px;
    height: 30px
}

.twitter-logo {
    background-position: -60px -180px;
    width: 30px;
    height: 30px
}

.google-play {
    background-position: -90px -180px;
    width: 20px;
    height: 20px
}

.login {
    background-position: -26px -210px;
    width: 22px;
    height: 20px
}

.blog {
    background-position: -89px -210px;
    width: 20px;
    height: 20px
}

.glyphicon {
    height: 20px;
    width: 20px;
    display: inline-block;
    background-image: url("#")
}

.icon-svg {
    display: inline-block;
    vertical-align: middle;
    shape-rendering: geometricPrecision;
    text-rendering: geometricPrecision;
    image-rendering: optimizeQuality;
    fill-rule: evenodd;
    clip-rule: evenodd
}

.icon-logo {
    width: 48px;
    height: 24px
}

.icon-download,.icon-download-white {
    width: 16px;
    height: 16px
}

.icon-share {
    width: 16px;
    height: 16px
}

.icon-arrows {
    width: 25px;
    height: 21px
}

.icon-location {
    width: 20px;
    height: 20px
}

.icon-twitter-logo {
    width: 33px;
    height: 33px
}

.icon-insta-logo {
    width: 33px;
    height: 33px
}

.icon-facebook-logo {
    width: 33px;
    height: 33px
}


.icon-search {
	content: url("../../../res/SVG/search.svg");
    width: 22px;
    height: 22px;
}
.icon-close {
	content: url("../../../res/SVG/close.svg");
    width: 20px;
    height: 20px;
}

.icon-search-red {
    width: 18px;
    height: 18px
}

.icon-user {
    width: 17px;
    height: 20px
}

.icon-email {
    width: 18px;
    height: 14px
}

.icon-link_external {
    width: 19px;
    height: 19px	
}
.sub_img{
	width: 30px; 
	heigh: 30px;
}
nav.navbar {
    letter-spacing: normal;
    line-height: normal;
    border: solid 1px rgba(202,202,202,.29);
    border-top: 0;
    padding-top: 0;
    padding-bottom: 0
}

nav.navbar .navbar-brand {
    margin-right: 95px
}

nav.navbar .navbar-brand img {
    height: 55px
}

nav.navbar .form-inline .form-control {
    height: 50px;
    width: 400px;
    border-radius: 3px;
    box-shadow: inset 0 -1px 3px 0 rgba(176,176,176,.5);
    border: none;
    padding-left: 40px
}

nav.navbar .form-inline img,nav.navbar .form-inline .icon-search {
    position: absolute;
    margin-left: 10px;
	margin-top: -30px;
}

nav.navbar .navbar-nav .nav-link {
    color: #6b7770;
    padding: 0 15px;
    font-weight: 900;
	text-decoration: none
}

nav.navbar .navbar-nav .nav-link.nav-login {
    color: #6b7770
}
@media only screen and (min-width: 1400px){
	.navbar-brand{
		margin-left: 100px;
	}
}
@media only screen and (max-width: 768px) {
    nav.navbar .navbar-brand {
        margin-right:0;
        padding: 0
    }

    nav.navbar .navbar-brand img {
        height: 50px;
		width: 180px;
    }
	nav.navbar .form-inline .form-control {
       width: 7.2em;
       height: 2.5em;
	}
    /*
    nav.navbar .form-inline .icon-search {
       width: 1.6em;
       height: 1.5em;
       background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='red' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z' /></svg>");
       background-repeat: no-repeat;
    }
*/
    nav.navbar .navbar-toggler {
        border: none;
        padding: 0
    }

    nav.navbar .navbar-toggler-icon {
        width: 1.6em;
        height: 1.5em;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.4%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }
}

@media only screen and (min-width: 576px) and (max-width:1200px) {
    nav.navbar .navbar-brand img {
        height:45px
    }

    nav.navbar .form-inline .form-control {
        width: 150px;
        height: 45px
    }
}

@media only screen and (min-width: 1200px) {
    nav.navbar .navbar-brand img {
        height:50px
    }

    nav.navbar .form-inline .form-control {
        width: 300px;
        height: 45px
    }
}

.translucent-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    z-index: 11
}

.sidenav {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 0;
    z-index: 111;
    background: #fff;
    transition: .3s;
    overflow-x: hidden
}
.sidenav .close-btn {
    position: absolute;
    right: 25px;
    top: 15px;
    color: #333;
    font-size: 1.6em
}

.sidenav .navbar-brand img.large {
    height: 55px
}

.sidenav .hamburger-div {
    padding: 15px 16px;
    border-bottom: 1px solid rgba(202,202,202,.29);
    font-size: 14px
}

.sidenav .hamburger-div .login-link {
    color: #f86960
}

.sidenav .sidenav-footer {
    padding: 30px 16px 20px;
    text-align: center;
    color: #949494;
    font-size: 12px
}

.sidenav .sidenav-footer .spriteMisc {
    opacity: 1
}

.sidenav .spriteMisc {
    opacity: .6;
    margin-right: 8px
}

.sidenav .google-play-link {
    background: #f0f0f0;
    font-size: 14px;
    line-height: 1.6em
}

.sidenav .hamburger-sub-div-container {
    display: none;
    height: 0;
    transition: height .3s linear
}

.sidenav .hamburger-sub-div {
    padding: 10px 16px 10px 30px;
    font-size: 14px
}

.sidenav .hamburger-div.active>.hamburger-sub-div-container,.sidenav .hamburger-sub-div.active>.hamburger-sub-div-container {

    display: block;
    height: auto
}

.sidenav .hamburger-sub-div>.hamburger-sub-div-container>.hamburger-sub-div {
    padding: 5px 10px 5px 30px
}

.sidenav .hamburger-sub-div a {
    color: #333
}

.sidenav .hamburger-div.active>span>.arrow-down,.sidenav .hamburger-sub-div.active>span>.arrow-down {
    transform: rotateZ(180deg)
}

.sidenav .hamburger-div svg.icon-svg {
    margin-right: .5rem
}

nav.navbar.navbar-transparent {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10
}

nav.navbar.navbar-transparent .navbar-nav a.nav-link {
    color: #fff
}

@media only screen and (min-width: 768px) {
    nav.navbar.navbar-homepage.sticky-top {
        background:#fff
    }
}

@media only screen and (max-width: 576px) {
    nav.navbar.navbar-homepage {
        position:absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 10
    }

    nav.navbar.navbar-homepage .navbar-nav a.nav-link {
        color: #fff
    }
}

.dropdown-menu.multi-column {
    width: 420px;
	background-color: rgba(193, 202, 197,0.9);
	height: 350px;
	right: -200px;
}

.dropdown-menu.multi-column .dropdown-menu {
    display: block!important;
    /*position: absolute!important;*/
    margin-right: 0!important;
    border: none!important;
    box-shadow: none!important;
    min-width: 100px;
    font-size: 14px!important
}

.dropdown-menu.multi-column .dropdown-menu a {
    font-size: 14px!important
}

.dropdown-menu.multi-column .dropdown-menu svg.icon-svg {
    margin-right: .5rem
}

.dropdown-toggle::after {
    display: none
}

/*@media only screen and (min-width: 768px) {
    nav.navbar-primary ul.nav {
        height:60px
    }
}*/

nav.navbar-primary .dropdown-item {
    line-height: 1.6rem;
    font-weight: 400;
    padding: 5px 15px
}

nav.navbar-primary ul.nav li:hover a {
    color: #333!important
}

@media only screen and (max-width: 768px) {
    .destination-atf .atf-details {
        padding:10px 15px 0
    }
}

ul.nav li:hover a {
    color: #c1cac5;
    text-decoration: none
}

ul.nav a {
    font-family: manrope,sans-serif;
    font-weight: 700;
    color: #333;
    position: relative;
    display: block;
    white-space: nowrap;
    cursor: pointer
}

ul.nav li.first {
    margin-left: 0
}

@media only screen and (min-width: 768px) {
    ul.nav li.first a {
        padding-left:0
    }
}

ul.nav li.selected {
    border-bottom: 6px solid #6b7770;
    color: #6b7770;
    margin-bottom: 0
}

ul.nav li.selected a {
    color: #6b7770;
    font-family: manrope bold,sans-serif
}

ul.nav .dropdown:hover .dropdown-menu {
    display: block
}

ul.nav ul.dropdown-menu a {
    padding: 5px 17px;
    line-height: 30px;
    color: #c1cac5;
    font-family: manrope,sans-serif
}

ul.nav ul.dropdown-menu a:hover {
    border-bottom: 6px solid #6b7770;
    color: #6b7770
}
/*End*/
.vilex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-wrap: wrap-reverse;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1
}

.vilex.has-modal {
    z-index: 2
}
.vilex::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: -.9rem;
    left: 0;
    margin: -.3rem;
    border-radius: 10px;
    overflow: hidden;
    z-index: -1;
    background: rgba(49, 98, 155,0.1);
    -webkit-clip-path: inset(2rem 0 2rem 2rem round 10px);
    clip-path: inset(2rem 0 2rem 2rem round 10px);
    contain: strict;
    -webkit-transition: -webkit-clip-path 0.3s ease 0.1s;
    transition: -webkit-clip-path 0.3s ease 0.1s;
    transition: clip-path 0.3s ease 0.1s;
    transition: clip-path 0.3s ease 0.1s, -webkit-clip-path 0.3s ease 0.1s
}

@media (prefers-reduced-motion: reduce) {
    .vilex::after {
        -webkit-transition: none;
        transition: none
    }
}

.vilex:hover::after,.vilex:focus::after,.vilex:active::after {
    -webkit-clip-path: inset(0 0 0 0 round 10px);
    clip-path: inset(0 0 0 0 round 10px);
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.vilcode {
    
    position: relative;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid;
	border-color: #c1cac5;	
    overflow: hidden;
    background: rgba(255,255,255,1.00);
    
}
@media(max-width: 767px) {
    .vilcode {
    padding: 5px;
    
}
}
.flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
}
.noselect {
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
		-webkit-tap-highlight-color: transparent;
}

.editbtn {
	width: 130px;
	height: 35px;
	margin-top: 3px;
	cursor: pointer;
	border: none;
	border-radius: 25px;
	/*background-color: #50d8d7;
	background-image: linear-gradient(316deg, #50d8d7 0%, #923993 74%);*/
	background-color: #758a7e;
	/*background-image: linear-gradient(316deg, #009688 0%, #2F4F4F 90%);*/
	transition: 500ms;
}

.editbtn::after {
	width: 125px;
	height: 33px;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	content: 'Show Ans »';
	font-size: 15px;
	color: #eee;
	border-radius: 25px;
	background-color: #171c19;
	transition: 500ms;
}

.editbtn:hover::after {
	font-size: 20px;
	background-color: transparent;
}

.editbtn:hover {
	transform: scale(0.9);
}

.editbtn:focus {
	outline: none;
}