body{margin:0px;padding:0px;font-family: "Karla", sans-serif;font-size:16px; line-height:28px;-webkit-text-size-adjust:100%; height:100%; color:#5a5a5a; text-align:justify;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; -webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}

:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}
 
h1, h2, h3, h4, h5, h6{ font-family: "Jomolhari", serif; color:#000219;}


div,p,ul,ol,li,a,input,select,img,p,h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;list-style:none;font-size:100%;border:none;outline:none;text-decoration:none;}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}

a{ color:#e21f36; -webkit-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
a:hover{ text-decoration:underline;}
img { vertical-align: middle;}

.left{float:left;}
.right{float:right;}
.clr{clear:both;}

.clearfix{*zoom:1}
.clearfix:after{clear: both;content:"."; display:block; height:0; line-height:0; overflow:hidden; font-size:0; visibility:hidden;}


p{ font-size:15px; text-align:left; line-height:25px; margin-bottom:12px; color:#666666}
.maindiv{ max-width:100%; margin:0 auto; overflow:hidden; position:relative;}

.container{ max-width:1170px; margin:0 auto; width:100%;}

.header-wraper { margin: 0 auto; max-width: 1920px; position: relative; width: 100%; z-index: 100;}

.middle-back{ }
.middle-wraper{ padding:10px 0; transition:all 0.5s ease 0s; background: #fff; }
.middle-wraper .logo { float: left; transition: all 0.5s ease 0s; width: 20%;}
.middle-wraper .logo img{ transition:all 0.5s ease 0s; max-width: 80%;}
.middle-wraper .logo img.logo-white{ display:block;}
.middle-wraper .logo img.logo-dark{ display:none;}




.middle-wraper .nav-wraper { float:right; width: 100%; max-width:55%; margin: 10px auto 0;}

.middle-right { float: right; max-width: 25%; width: 100%; text-align:right;}

.sf-menu { float:right; }
.sf-menu > li > span { display: block; position: relative;}
.sf-menu ul { position:absolute; top:-999px; display:none; }/*offset of submenus need to match (see below)*/
.sf-menu li { position:relative; background: none;}
.sf-menu a { display: block; text-decoration: none;}
.sf-menu a:hover {text-decoration: none;}
.sf-menu > li{ position:relative;}
/*.sf-menu > li:before{ position:absolute; left:-10px; top:30px; width:6px; height:6px; border-radius:100%; content:""; background:#fff;}*/
.sf-menu > li:first-child:before{ display:none;}
/*================================>> 1 Level <<========================================*/
li.sfHover {position: relative;}
.sf-menu > li > a {vertical-align: middle; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;  -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease; z-index: 100; 	}
.sf-menu > li > a { color: #191a19; display:inline-block; font-size: 17px; font-weight:800; line-height: 15px; padding: 15px 20px; transform: translate3d(0px, 0px, 0px);text-transform:capitalize; }	

.sf-menu > li { display: inline-block; float:left; position: relative;}
.sf-menu > li + li { margin-left:0;}
.sf-menu > li:hover > a, .sf-menu > li.current > a, .sf-menu > li.sfHover > a, .sf-menu > li:hover > span, .sf-menu > li.current > span, .sf-menu > li.sfHover > span { color: #61ce70; border-bottom: 3px solid #61ce70;}
.sf-menu > li.current > a{ color: #61ce70; border-bottom: 3px solid #61ce70;}	
/*================================>> 2 Level <<========================================*/
.sf-menu > li > ul, .sf-menu > li.sfHover > ul { top:82px; box-shadow:0 0 10px rgba(0, 0, 0, 0.1);  left: 0; margin-left: 0; width: 220px; z-index:99; background: #fff ; text-align:left;}

.sf-menu > li > ul li{ }

.sf-menu > li > ul{ }

.sf-menu > li > ul > li {padding: 0 0;}
.sf-menu > li > ul > li + li {}
.sf-menu > li > ul > li > a { display: block; padding: 8px 15px; color: #5a5a5a; font-weight:500; line-height: 24px; font-size:15px; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.sf-menu li li a:hover, .sf-menu li.sfHover li.sfHover > a, .sf-menu li.sfHover li.sfHover span {  color: #fff; background:#ff7300;}
.sf-menu > li > ul > li > a.sf-with-ul:after  { position: absolute; display: block; content:"\f107"; right: -3px; text-align: center; margin-left: -10px;	top: 13px;-moz-transition: top 0.3s ease-out; -o-transition: top 0.3s ease-out; -webkit-transition: top 0.3s ease-out;overflow: hidden; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; color: #939393;}
.sf-menu > li > ul > li > a.sf-with-ul:hover:after  { color: #b8baaa;}
/*================================>> 3 Level <<========================================*/
.sf-menu li li ul { top: -7px; left: 160px; z-index:99; position: absolute;	text-align: left; padding-top: 9px;	padding-bottom: 6px; padding-left:10px;background: #50dbde; width: 120px;	-webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px;	-o-border-radius: 10px;	border-radius: 10px;}
.sf-menu li li ul:before { position: absolute; left: -8px; top: 8px; content: ""; border: 4px solid; border-color: transparent #50dbde transparent transparent;}
.sf-menu li li li {padding: 0 0;}
.sf-menu li li li a { display: block; color: #aefdff; line-height: 28px; line-height: 39px;}
.sf-menu li li li + li a { border-top: 1px solid #67e0e2;}
.sf-menu li li li a:hover {	color: #fff;}


.sticky { border-top: 0 none; left: 0; position: fixed; top: 0; transition: all 0.5s ease 0s; width: 100%; z-index: 1100; -webkit-box-shadow:2px 2px 6px rgba(0,0,0,.2); -moz-box-shadow:2px 2px 6px rgba(0,0,0,.2); box-shadow:2px 2px 6px rgba(0,0,0,.2); background:#fff;}
.sticky{}
.middle-wraper.sticky .logo img.logo-white{ }
.middle-wraper.sticky{ opacity:1;}
.middle-wraper.sticky .logo {transition:all 0.5s ease 0s;}
.middle-wraper.sticky .logo img.logo-white { }
.middle-wraper.sticky .nav-wraper{ margin-top:0; margin-bottom: 0;}
.middle-wraper.sticky .sf-menu > li > a{ color: #616161}
.middle-wraper.sticky .topsidebtn{ margin-top:10px;}

.banner-wraper{ position:relative}
.banner-wraper:before{ }
.banner-block{ position:relative;}
.banner-img-div{ background-position: center center!important; background-repeat: no-repeat!important; background-size: cover!important; padding: 160px 0px 300px 0px; position: relative; height: 670px;}
.banner-img-div:before{ position:absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: #262626; opacity: .25;}
.banner-img-div img{ max-width:100%;}

.banner-img-desc { position: absolute; width: 100%; text-align: left; top: 20%; max-width: 100%; margin: 0 auto 20px;font-weight: 700; left: 0; right: 0; z-index: 10;}

.banner-1:first-child{ }
.banner-1{ float: right; width: 100%;}
.banner-1-inner{ padding: 0 15px; text-align: left; position: relative;}
.bannerimginfo { text-align: center;}
.bannerimginfo img{ max-width: 100%;}
.bannerimginfo h1{ color: #fff; font-size: 64px; font-weight: 600; line-height: 75px}

.bannerimginfo a.themebtn{ margin-top:30px;}





.pagebtn { }
.themebtn { font-size: 18px; color: #fff; padding: 11px 30px; line-height: 24px; transition: all .5s; position: relative; cursor: pointer;	text-align: center; overflow: hidden; z-index: 1; background: #83bd75; display: inline-block; text-transform: capitalize; font-weight: 600;}
.themebtn i{position:relative;top:1px;margin-right:5px}
.themebtn:before{top:0;left:0}
.themebtn:after,.themebtn:before{content:"";position:absolute;width:0;height:100%;background-color:#5d8e51;z-index:-1;transition:all .5s}
.themebtn:after{bottom:0;right:0}
.themebtn.active{margin-left:10px;color:#fff;background-color:#8dc63f}
.themebtn:hover{color:#fff; text-decoration:none;}
.themebtn:hover:before{left:auto;right:0;width:50%}
.themebtn:hover:after{left:0;right:0;width:50%}



.about-wraper{ padding:100px 0 100px; position:relative; background: #e9efc0;}
.about-block{ position:relative; z-index: 1; display: flex; align-items: center;}
.about-1:first-child{ float:right; order: 2;}
.about-1:last-child .about-1-inner{ padding-right:80px;}
.about-1{ width:50%; float:left;}
.about-1-inner{ margin: 0 15px; text-align: left; position: relative;}

.about-1-inner h2 { font-size: 32px; color: #83bd75; text-align: left; line-height: 40px; margin-bottom: 20px; text-transform: capitalize;	font-weight: 600; font-family: "Karla", Sans-serif;}
.about-1-inner h4 { font-size: 16px; font-weight: 700; letter-spacing: 0; line-height: 26px; margin-bottom: 10px; position: relative; text-transform: capitalize; color: #83bd75; font-family: "Karla", Sans-serif;}
.about-1-inner p{ text-align:left; color: #191a19; font-weight: 400; font-size: 16px;}

.about-1-info{ }
.about-1-img{}
.about-1-img img{ max-width:100%;}

 
.thumb-counter { display: flex; 	align-items: center; position: absolute; top: 35%; 	left: 0; width: 200px; border-radius: 10px;	padding: 25px;	background: #fff; animation: updown-two 2.6s linear 0s infinite alternate; justify-content: center; right: 0; margin: auto;}
.number-1-info span { color: #191a19; display: inline-block; font-size: 70px; font-weight: 700; margin-bottom: 0; line-height: 80px;}
.number-1-info span.number-txt { display: inline-block; font-size: 15px; font-weight: 700; line-height: 21px; margin-top: 10px; text-transform: uppercase;	margin-bottom: 0; color: #191a19; width: 100%; text-align: center;}
@keyframes updown-two {
  0% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}

.about-wraper.about1-wraper{ background:#fff;}

.about-wraper.about1-wraper .about-1-inner h2{ font-family: "Jomolhari", serif; color:#191a19; font-size: 45px; line-height: 55px; margin-bottom: 20px; }
.about-wraper.about1-wraper .about-1:first-child{ float:right; order: 0; width: 40%}
.about-wraper.about1-wraper .about-1:last-child{ float:right; order: 0; width: 60%}
.about-wraper.about1-wraper .about-1-inner p{ font-family: "Jomolhari", serif; font-size: 17px; line-height: 30px; font-weight: 400; margin-bottom: 25px;}
.about-wraper.about1-wraper .about-1:last-child .about-1-inner { padding-right: 40px; padding-left: 80px;}


.keythemes-wraper{ position: relative; padding: 0 0 120px; margin-top: -150px; z-index: 10;}
.keythemes-title{ text-align: center;}
.keythemes-title h4 { color: #83bd75; font-size: 16px; background: #fff; display: inline-block; font-family: "Karla", Sans-serif; padding: 13px 30px 10px; border-radius: 5px 5px 0 0; line-height: 16px;width: 142px;}
.keythemes-row{  position: relative; }
.keythemes-block{ background: #fff; padding: 50px 50px 0px 50px; }
.keythemes-1{ float: left; width: 33.33%;}
.keythemes-1-inner{ margin: 15px;  position: relative;  transition: all 0.5s; }
.keythemes-1-info{ padding: 0 20px;}
.keythemes-1-info h3 { font-size: 19px; line-height: 26px; color: #191a19; text-align: center; font-weight: 800; margin-bottom: 0; font-family: "Karla", Sans-serif; padding: 15px 0;}
.keythemes-1-info p{ color: #fff; margin: 0; font-size: 17px;}
.keythemes-1-img{}
.keythemes-1-img img{ max-width:100%;}
.keythemes-1-info img{ max-width:90px; margin-bottom: 10px;}



.places-wraper{ position: relative; padding: 100px 0 0;}

.places-block{ position: relative; display: flex;}
.places-1{ float: left; width: 25%;}
.places-1-inner{ position: relative;}
.places-1-img{ position: relative;}
.places-1-img:before { height: 100%; width: 100%; top: 0; left: 0; position: absolute; content: ""; background: #191a19; opacity: .25;}
.places-1-img img{ max-width: 100%; width: 100%;}
.places-1-img span.spanstrok { position: absolute; top: 40px; left: 40px; display: inline-block; color: transparent; -webkit-text-stroke-width: 1px; stroke-width: 1px; -webkit-text-stroke-color: #EEEEEE; stroke: #EEEEEE; font-size: 30px; background: transparent;}
.places-1-info { position: absolute; left: 40px; bottom: 40px; width: 90%; padding-right: 40px;}
.places-1-info h4{ font-size: 30px; color: #fff; line-height: 40px; margin-bottom: 15px; text-transform: capitalize; letter-spacing: 0; font-family: "Karla", Sans-serif; font-weight: 800;}
.places-1-info p{ color: #fff;}






.section-title{ text-align:center; margin-bottom:50px; position:relative;}
.section-title h2 { font-size: 32px; color: #333; text-align: center; line-height: 40px; margin-bottom: 15px; text-transform: capitalize; letter-spacing: 0; font-family: "Karla", Sans-serif; font-weight: 800;}

.section-title h2 span{  color:#fe4614;}

.section-title h4 { position: relative; color: #83bd75; font-size: 30px; font-weight: 700; margin-bottom: 10px; text-transform: uppercase;	font-family: "Karla", Sans-serif;}
.section-title.white h2{ color:#fff;}
.section-title.white h3{ color:#fff;}
.section-title.white p{ color:#fff;}
.section-title p { text-align: center; font-size: 20px; font-weight: normal; color: #000; max-width: 1000px; margin: 0 auto;}
.sectionsubtitle{ font-size:100px; line-height: 110px; margin-bottom: 20px; font-weight: 700; color: #ff611f; font-family: 'Oswald', sans-serif; text-transform: uppercase;}
.section-title .big-title { position: relative; color: #f4f4f4; font-weight: 700; 	line-height: 1em; font-size: 72px; margin-top: -26px;	letter-spacing: 3px; text-transform: uppercase;}



.journey-wraper{position:relative; padding:100px 0; background: #F8F8F8;}
.journey-element{}
.journey-block{ text-align:center; margin-bottom:20px; position:relative; z-index: 10;}
.journey-1{ float:left; width:33.33%; margin:10px 0}
.journey-1-inner { position: relative; margin: 15px; background: #fff;}
.journey-1-img{ overflow: hidden; position: relative; border-radius: 10px;}
.journey-1-img img{ max-width: 100%;}
.journey-1-img:before{ position:absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: linear-gradient(180deg, rgba(0, 0, 0, .001) 0%, rgba(0, 0, 0, .6) 100%) repeat scroll 0 0}
.journey-1-info { text-align: center; position: relative; padding: 30px 10px 15px; background: #fff;margin: -40px 18px 0; border-radius: 10px 10px 0 0; min-height: 190px;}
.journey-1-info h4 { position: relative; font-size: 30px; font-weight: 700; line-height: 40px; color: #191a19; margin-bottom: 10px; font-family: "Karla", Sans-serif;}
.journey-1-info p { text-align: center; margin: 0 0 6px; font-size: 21px; line-height: 31px; font-weight: 700; color: #191a19;}

.journey-wraper.journey1-wraper{ }
.journey-wraper.journey1-wraper .journey-1{ width: 50%; }


.blog-wraper{position:relative; padding:100px 0;}
.blog-element{}
.blog-block{ text-align:center; margin-bottom:20px; position:relative; z-index: 10;}
.blog-1{ float:left; width:50%; margin:10px 0}
.blog-1-inner { position: relative; margin: 15px; background: #fff;}
.blog-1-img{ overflow: hidden; position: relative; border-radius: 10px;}
.blog-1-img img{ max-width: 100%;}
.blog-1-img:before{ }
.blog-1-info { text-align: center; position: relative; padding: 30px 10px 15px; background: #fff;margin: -40px 18px 0; border-radius: 10px 10px 0 0; min-height: 100%;}
.blog-1-info h3 { position: relative; font-size: 18px; font-weight: 800; line-height: 30px; color: #191a19; margin-bottom: 10px; font-family: "Karla", Sans-serif;}
.blog-1-info p { text-align: center; margin: 0 0 6px; font-size: 21px; line-height: 31px; font-weight: 700; color: #191a19;}


.stories-wraper{position:relative; padding:100px 0; background: #e9efc0;}
.stories-element{}
.stories-block{ text-align:center; margin-bottom:20px; position:relative; z-index: 10;}
.stories-1:first-child{ float:right;}
.stories-1{ float:left; width:50%; margin:10px 0}
.stories-1-inner { position: relative; margin: 15px;}
.stories-1-img{ overflow: hidden; position: relative; border-radius: 10px;}
.stories-1-img img{ max-width: 100%;}
.stories-1-img:before{ }
.stories-1-info { text-align: center; position: relative; padding: 30px 10px 15px; margin: 0 70px;}
.stories-1-info ul{}
.stories-1-info ul li{ padding: 0 0 30px; margin-bottom: 30px; border-bottom: 1px solid #191a19; position: relative;}
.stories-1-info ul li span{ display: inline-block; text-align: center;}
.stories-1-info ul li span.spannumber { color: #DCE3B2; font-family: "Karla", Sans-serif; font-size: 55px; font-weight: 600; line-height: 65px;	letter-spacing: -0.5px; position: absolute; top: 0; left: -90px;}
.stories-1-info ul li span.spantitle{ font-size: 23px; color: #83bd75; text-align: left; line-height: 30px; margin-bottom: 20px; text-transform: capitalize; font-weight: 600; font-family: "Karla", Sans-serif;}
.stories-1-info ul li span.spantxt{ color: #191a19;}

.map-wraper{}
.map-block{ background-position: center center;  background-repeat: no-repeat!important;  background-size: cover!important; position: relative; padding: 150px 0;}
.map-block:before{ position:absolute; left: 0; top: 0; width: 100%; height: 100%; background:#191a19; opacity: .5; content: "" }
.map-1{ position: relative;}
.map-1-inner{}
.map-1-info{ text-align: center;}
.map-1-info h4{ position: relative; 	color: #83bd75; font-size: 30px; font-weight: 700; margin-bottom: 15px;text-transform: uppercase;	font-family: "Karla", Sans-serif;}
.map-1-info h2{ font-size: 32px; color: #fff; text-align: center; line-height: 40px; margin-bottom: 20px; text-transform: capitalize; letter-spacing: 0; font-family: "Karla", Sans-serif; font-weight: 800; }
.map-1-info p{ text-align: center; color: #fff; font-size: 20px; max-width: 700px; margin: 0 auto; line-height: 30px;}


.formtable { border-collapse: collapse; margin: 0 10px 20px; padding: 0 10px; width: 98.3%;}
.formtable td{ border: 1px solid #5f6879; color: #a3a3a3; padding:10px; width:50%}
.formBlock { float: left; margin-bottom: 25px; padding: 0 10px; width: 50%;}
.formBlock .txtbox { background: rgba(0,0,0,.07); border-radius: 5px; color: #000; font-weight: normal; height: 60px; letter-spacing: 1px;	opacity: 1; padding: 3px 15px; width: 100%;}
.formBlock select.txtbox{ color: #a3a3a3;}
.formBlockSub { float: left; margin-top: 20px; padding: 0 10px; width: 100%; text-align:left;}
.formBlockSub .submit { background: #61ce70; border-radius: 3px; color: #fff; cursor: pointer; font-weight: bold; padding: 15px 45px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); text-transform: capitalize; font-family: 'Jost', sans-serif;}
label.error{ color:#e14434; }

.formBlock .txtbox::-webkit-input-placeholder { color: #000;opacity: 1;}

.formBlock .txtbox:-moz-placeholder { color: #000; opacity: 1;}

.formBlock .txtbox::-moz-placeholder { color: #000; opacity: 1;}

.formBlock .txtbox:-ms-input-placeholder { opacity: 1;	color: #000;}




.footer-wraper{ padding:100px 0 0; position: relative; background: #191a19;}
.footer-top{ position:relative; margin-bottom: 60px;}
.footer-logo{ max-width: 320px; }
.footer-logo img{ max-width:100%;}

.footer-txt{ font-size:18px; margin-top: 25px; color: #fff}



.footer-block{ position: relative;}
.footer-1:first-child{ width:65%}
.footer-1{ float:left; width:35%;}
.footer-1-inner{ padding:0 15px;}

.footer-info{}
.footer-info p { color: #e4e4e4; font-size: 15px; line-height: 26px; margin: 15px 0; text-align: left;}
.footer-info a { color: #f7847e; font-size: 14px; font-weight: bold; text-transform: uppercase;}
.footer-info a:hover{ text-decoration:none;}
.footer-1-inner h3 { font-size: 20px; font-weight: bold; letter-spacing: 1px; margin-bottom: 25px; position: relative; text-transform: capitalize; padding-bottom:12px; color: #fff; font-family: "Karla", sans-serif;}
.footer-1-inner h3:before{ position:absolute; left:0; bottom:0; background:#83bd75; content:""; width:40px; height:2px;}
.footer-1-inner p{ color:#fff; font-size: 16px; }
.pagelinks{}
.pagelinks li{ padding: 3px 0 3px 20px; text-align: left; position: relative; font-size: 16px;}
.pagelinks li a{ color: #fff; }
.pagelinks li a:hover{ text-decoration: none; color: #83bd75;}

.pagelinks li:before { position: absolute; left: 0; top: 3px; font-size: 6px; color:#83bd75; font-family: FontAwesome;	content: "\f04d"; -webkit-transform: rotate(45deg); transform: rotate(45deg);}



.copyright{ padding:15px 0; margin-top: 50px; position: relative; border-top: 1px solid rgba(255, 255, 255, .1); background: #83bd75;}
.copyblock{}
.copy-1{ float:left; width:100%; text-align:center; color:#fff; font-size:16px; padding: 0 15px;}
.copy-1-inner{}
.copy-1-inner a{ color:#fff;}
.copy-1:last-child{ text-align:center;}



a#backtop:before { color: #ffffff; content: "\f106"; display: block; font-family: "FontAwesome"; font-size: 20px; margin-top: 20px; text-align: center;}
a#backtop {  background:#83bd75; border-radius:50%; bottom: 15px; height: 45px; line-height: 5px; position: fixed; right: 15px; text-decoration: none; width: 45px; z-index: 9999; font-size: 20px; font-weight: 400; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;}
a#backtop:hover{ text-shadow: 0 3px 0 #000, 0 4px 2px #fff; -webkit-text-shadow: 0 3px 0 #000, 0 4px 2px #fff; background:#4e3224  ;}  

.register-wraper{ padding:100px 0; position: relative;}

.bannerinner-wraper{ background:#83bd75; padding: 40px 0;}
.bannerinner-block{}
.bannerinner-block h1{ text-align: center; color: #fff; font-size: 32px; line-height: 40px;}

.privacy-wraper{ padding: 100px 0; position: relative;}
.privacy-block{}

.privacy-block h3{ color: #83bd75;font-size: 20px; line-height: 30px;margin-bottom: 15px;}
.privacy-block p{}
.privacy-block ul{}
.privacy-block ul li{ position: relative; padding: 3px 0 3px 20px; font-size: 17px; text-align: left;}
.privacy-block ul li:before{position: absolute; left: 0; top: 3px; font-size: 6px; color:#83bd75; font-family: FontAwesome;	content: "\f04d"; -webkit-transform: rotate(45deg); transform: rotate(45deg);}

.promotion-wraper{ position: relative; padding: 70px 0; background: #f8f8f8;}
.promotion-block{ display: flex; position: relative; align-items: center;}
.promotion-1{}
.promotion-1-inner{ margin: 15px;}
.promotion-1-img{}
.promotion-1-img img{ max-width:100%;} 

.stripimg-wraper{ position: relative; padding: 50px 0; background: #fff;}
.stripimg-block{ position: relative;}
.stripimg-1{}
.stripimg-1-inner{ margin: 15px; text-align: center;}
.stripimg-1-img{}
.stripimg-1-img img{ max-width:100%;}
  
#menu-icon{ display:none;}  


@media screen and (min-width:1281px)
	
{
	.container, .site-content{ width:98%; margin:0 auto; max-width:1170px;}
	
}
/*##################################    for width 1024px  ########################################*/
@media screen and (max-width:1259px)  
{
	.container{ width:98%; margin:0 auto; max-width:1000px;}
	.sf-menu > li > a{ font-size:15px; padding: 15px 12px;}
	.lefttitme-block{ left:0;}
	.banner-img-desc{ right:0;}
	
	
	

}

/*##################################    for width 768px  ########################################*/

@media screen and (max-width:990px)
{
	.container{ width:98%; margin:0 auto; max-width:750px;}
	#menu-icon { border: 1px solid #000; border-radius: 5px; color: #fff; cursor: pointer; display: block; float: right; margin:0; width: 100px; position:relative;}
	#menu-icon i{ font-size:20px; color:#000; padding:6px; cursor:pointer;}
	#menu-icon span{ color:#000; text-transform:uppercase; font-weight:bold;} 
	.menu-container-1 { left: 8px; position: absolute; top: 75px;width: 98%;}
	.sf-menu{ float:none; display:none;}
	.breadcrum .breadCrumTP .menu-menu-1-container{ position:static;}
	.sf-menu > li > a{ color:#5a5a5a;}
	.sf-menu > li > ul, .sf-menu > li.sfHover > ul{ box-shadow:none;}
	.nav__primary{ width:100%;}
	.sf-menu > li{ width:100%;}
	.sf-menu > li + li{ margin:0;}
	.sf-menu > li > a{ padding:12px 15px; width:96%; text-align:left;}
	.sf-menu > li > ul > li > a{ width:100%; padding:8px 0;}
	.sf-menu li ul.servItem li{ width:100%;}
	.sf-menu li ul.servItem{ width:100%!important;}
	.sticky{ position:static!important}
	.sf-menu > li > ul > li strong{ display:none;}
	.sf-menu > li > ul, .sf-menu > li.sfHover > ul{ width:100%;}
	.sf-menu > li > ul{ position:static;}
	.sf-menu > li > ul:before{ display:none;}
	.sf-menu > li:hover > a, .sf-menu > li.current > a, .sf-menu > li.sfHover > a, .sf-menu > li:hover > span, .sf-menu > li.current > span, .sf-menu > li.sfHover > span{ border:none;}
	.sf-menu > li > ul, .sf-menu > li.sfHover > ul{ border:none;}
	.sf-menu > li.sfHover ul{}
	.sf-menu li ul{ display:none; padding:5px 25px;}
	.sf-menu li strong { background: url(../images/toogle-button2.png) no-repeat right -54px; height: 35px; position: absolute; right: 25px; top: 4px; width: 150px; z-index:200; cursor:pointer;}
	
    .sf-menu li strong.opened { background-position: right 7px;}
    .sf-menu > li{ background:#f9f9f9;}  
	.sf-menu li ul { background: #e4e4e4; padding: 12px 28px; max-width: 100%;}
	
	.middle-wraper .nav-wraper{ max-width:30%;}
	
	.middle-wraper .logo { width: 17%;}
	.middle-wraper .logo img{ max-width:100%;}
	.keythemes-block{ padding:15px 15px 0;}
	.about-1:last-child .about-1-inner { padding-right: 15px;}
	.places-block{ display:block}
	.places-1{ width:50%;}
	.journey-1{ width:50%;}
	.stories-1 { width: 100%;}
	
	
	
}

/*##################################    for width 600px  ########################################*/

@media screen and (max-width:767px)
{
	.container{ width:98%; margin:0 auto; max-width:600px;}
	.themebtn { font-size: 13px; color: #fff; padding: 11px 18px;}
	.middle-wraper .nav-wraper { max-width: 35%; margin-right: 6px;}
	.middle-wraper .logo { width: 20%;}
	.bannerimginfo h1{ font-size:40px; line-height: 50px;}
	.banner-img-div{ height:500px;}
	.keythemes-1 { float: left; width: 100%;}
	.about-1{ width:100%;}
	.about-1:last-child{ margin-top: 40px;}
	.about-block{ display: block;}
	.section-title{ padding:0 15px;}
	.about-wraper.about1-wraper .about-1:first-child { width: 100%;}
	.about-wraper.about1-wraper .about-1:last-child {width: 100%;}
	.about-wraper.about1-wraper .about-1:last-child .about-1-inner { padding-right: 15px; padding-left: 15px;}
	.about-wraper.about1-wraper .about-1-inner h2{ font-size:25px; line-height: 35px;}
	.journey-wraper.journey1-wraper .journey-1 { width: 100%;}
	.formBlock{ width:100%;}
	.privacy-block{ padding:0 15px;}
	
	
	
	
	
}

/*##################################    for width 480px  ########################################*/

@media screen and (max-width:580px)
{
	.container{ width:98%; margin:0 auto; max-width:440px;}
	
	#menu-icon i { font-size: 15px; padding: 8px;}
	#menu-icon span{ font-size:14px;}
	.middle-wraper .logo {width: 150px;margin: 10px 0;}
	#menu-icon{ margin:10px 0;}
	.middle-wraper{ padding:0;}
	.places-1 { width: 100%;}
	.journey-1 { width: 100%;}
	.blog-1{ width:100%;}
	.stories-1-info{ margin-right:0;}
	.map-block{ padding:100px 0;}
	.footer-1{ width:100%;}
	.footer-1:first-child{ width:100%; margin-bottom: 30px;}
	.journey-1-info{ min-height:100%;}
	.stories-1-info ul li span.spannumber{ font-size:40px; line-height: 50px; left: -60px;}
	.stories-1-info { margin-right: 0;margin-left: 50px;}
	.stories-1-info ul li span.spantitle{ text-align:center; font-size: 18px;}
	.stories-wraper{ padding:80px 0 30px;}
	.promotion-block{ display:block;}
	.promotion-1{ width:100%;}
	
	
}

/*##################################    for width 320px  ########################################*/

@media screen and (max-width:479px)
{
	.container{ width:98%; margin:0 auto;}	
	#menu-icon { margin: 0; padding: 2px; margin-top: 5px;}
	.menu-container-1{ width:95%;}
	.bannerimginfo h1{ font-size:28px; line-height: 40px;}
	.bannerimginfo a.themebtn { margin-top: 30px; padding: 7px 20px; font-size: 16px;}
	
	
	

}