@charset "utf-8";
/*Start: Reset CSS*/

* { margin: 0px; padding: 0px; border: 0px; outline: none; box-sizing: border-box; list-style:none; text-decoration: none; font-family: nobel, sans-serif;}
.clearfix:after { content: "."; display: block; font-size:0; height: 0; clear: both; visibility: hidden;}
.clearfix { display: block; }
*+html .clearfix { display: inline-block; }
.flr{float:right;}
.fll{float:left;}
body{overflow-x:hidden;}

.loader{ width:100%; height: 100vh; position: fixed; overflow: hidden; background: #124587; z-index: 99999; top: 0px; left: 0px;}
.loader .text{ position:absolute; transform: translate(-50%,-50%); top: 50%; width:100%; text-align: center;left: 50%; font-size: 3vw; color: #fff;}
.bannerV{ width:100%; height: 100vh; position: fixed; z-index: 999; top: 0px; left: 0px;}
.bannerV video{ width:100%; height: 100vh; object-fit: cover;  position: relative}
.skip-intro{position:absolute; bottom: 110px; right: 10px; color:black; border: 1px solid #000;}
#banner{ background:#404257; }
header{padding: 20px 65px; display: block; background:#35374d; position: fixed; top: 0px;left: 0px; width:100%;  z-index: 996; height: 110px; }
.nav{ float:right; font-size:16px;color: #fff; padding-top: 20px; }
.nav a{ font-size:16px;color: #fff; padding: 0px 10px; text-transform: uppercase;}
nav.mobile{display:none;}
.whatsappcall{float: right; padding-left: 50px;}
.whatsappcall .text1{ font-size:12px; color: #fff;font-weight: 300; display: block; text-transform: uppercase; line-height: 10px;}
.whatsappcall .text2{ font-size:30px; color: #e5c850; font-weight: 600;display: block; cursor: default;}

#sliderOuter	{ background:url(../images/bgImages.jpg) no-repeat; padding: 150px 0px 150px 0px; position: relative; height: 100vh}
#sliderOuter .sliderinner{position:relative;}
#sliderOuter .whatsapBanner{position:absolute; top: 40%; right: 5%; width:50%; color: #000; }
#sliderOuter span{display:block;}
#sliderOuter .text1{font-size: 30px;font-weight: 600;}
#sliderOuter .text2{font-size: 22px;font-weight: 400; }
#sliderOuter .text3{font-size: 30px;font-weight: 600; color: #8d2f87; cursor: default;}
#sliderOuter .text4{font-size: 30px;font-weight: 600; color: #8d2f87; cursor: default; display: none;}

#sliderOuter .slick-slide img{width:100% !important; padding-right: 20px !important;}
#sliderOuter .slick-prev, #sliderOuter .slick-next{border-radius:50%; height: 50px; width:50px; top:110% !important; border:2px solid #c6c6cd; color:#c6c6cd;}
#sliderOuter .slick-prev:hover, #sliderOuter .slick-next:hover{border:2px solid #fff; color: #fff; background: #fff;}
#sliderOuter .slick-prev:hover:before, #sliderOuter .slick-next:hover:before{color:#668aba}

#sliderOuter .slick-prev{left:48%; margin-left: -25px;}
#sliderOuter .slick-next{right:48%; margin-right: -25px;}
#sliderOuter .slick-disabled:hover{ background:none;}

.section2 {background:url(../images/Bg2.png) no-repeat 100% 100%; background-size: contain;}
.section2 .wrapper{ width:50%; margin: 0 auto; text-align: center; padding: 8% 0px;}
.post h2{ font-size: 1.875VW; color: #000; margin-bottom: 10px; font-family: nobel, sans-serif; font-weight: 700; text-transform: uppercase;}
.post h3{ font-size: 18px; color: #5888b8; margin-bottom: 10px; font-family: nobel, sans-serif; font-weight: 700; text-transform: uppercase;}

.post h2 span.highlight{ position: relative; display: inline-block; z-index: 1; font-family: nobel, sans-serif; font-weight: 700;}

.post h2 span.highlight:after{ height: 14px; bottom: 18px;   display: block; width:100%;    margin: 0 auto; background: #ffea7e;    content: '';  

position: relative; z-index: -1;}

.post p{ font-size:22px; font-family: nobel, sans-serif; font-weight: 400; margin-bottom: 20px;line-height: 1.3em;}
.post p .highlight{font-size:26px; color: #124587; font-weight: 600;}
.post p .color{color:#164685; font-weight: 600; cursor: default;}
.post p .para{display:block;}

.section3{background:#f0f0f0;	}
.section3 .wrapper{ width:86%; margin: 0 auto; padding: 8% 0 3% 0; }
.section3 .wrapper .text{width:50%; margin: 0 auto;text-align: center}
.section3 p{ font-size:18px;}

.tabList1 li  { display:none;}
.list1 li {width:calc(98%/3); margin-right:calc(2%/3); float:left; position: relative; overflow: hidden; margin-bottom: 10px; }
.list1 li .share{ background:rgba(48, 181, 155, 0.86); position: absolute; top: -100%; left: 0px; height: 100%; width:100%; z-index: 99; transition:top  .3s linear; text-align: center;}
.list1 li:hover .share{top:0px; transition:top .3s linear;}


.list1 li .share a{ font-size:12px; color: #fff; display: inline-block; }
.list1 li .icons{position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%); width:100%;}
.list1 li .icons span{display:inline-block; color: #fff; font-size: 14px; text-transform: uppercase; }
.list1 li .icons img{ display: inline-block; vertical-align: middle;}

.list1 li .img img{ width:100%; object-fit: cover; display: block;}

.section4{background:#dee7f1}
.section4 .column1{width:50%; height: calc(100vh - 110px);}
.section4 p { font-size: 18px;}
.mailMsg a { color: #009ddc}
.section4 .column2{width:50%; }
#parentSec h2{text-transform:none;} 
.section4 h4{font-size: 26px; margin-bottom: 15px; font-weight: 400;}
.section4 .img img{ width:100%; object-fit: cover;  height: calc(100vh - 110px) ; display: block;}
.section4 .text{padding:10% 4%; background: #bae2d9;}
.section4 .text h3{ font-size: 36px;}
.button1{ background:#5888b8; padding: 8px 20px; font-size: 18px; color: #fff;font-family: nobel, sans-serif; font-weight: 400; display: inline-block; 

text-transform: uppercase;}
.button3{  padding: 5px 20px; border:2px solid #909090; font-size: 18px; color: #606060; font-family: nobel, sans-serif; font-weight: 400; display: 

inline-block; text-transform: uppercase;}

.section5 { width: 100%; background: url(../images/secBgNew.jpg) no-repeat 50% 50%; background-size: cover;  }
.section5 .wrapper{ width:32%; margin: 0 auto; padding: 10% 0%; }
.section5 h2{ text-align:center;}
.section5 h5{font-size:1.45vw; color: #5888b8; font-weight: 700; margin-bottom: 45px; text-align: center;}
.section5 .img{ width:80%; display: block; margin: 0 auto; margin: 40px 0;}
.section5 .button2{background:#265281; padding: 10px 20px;}


.section6 .post h2{margin-bottom: -5px; position: relative; color: #000}

.section6 .post p{margin-bottom:40px; color: #000}

.tabsOut a span{ border: 2px solid #000; color: #000; font-size: 18px; text-transform: uppercase; padding: 10px 20px; display: inline-block;}
.tabsOut p { text-align:center; padding-bottom: 40px; padding-top: 20px;}
.tabsOut a .m-active{border:2px solid #5888b8; color: #5888b8;}

/*//popup csss start*/
html, body {
  height: 100%;
  
}

.overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(51, 51, 51, 0.5);
  z-index: -1;
  opacity: 0;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.overlay.is-active {
  opacity: 1;
  z-index: 1000;
}

.popup {
  position: fixed;
  width: 100%;
  height: 100vh;
  left: 0%;

  z-index: -1;
  opacity: 0;
 
  top:0%;
  -moz-transform: translate3d(0, -700px, 0);
  -ms-transform: translate3d(0, -700px, 0);
  -webkit-transform: translate3d(0, -700px, 0);
  transform: translate3d(0, -700px, 0);
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.popup.is-active {
  opacity: 1;
  z-index: 1001;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.popup .popup-i {
  position: relative;
  
}
.popup .popup__close {
  position: absolute;
  top: 30px;
  right: 30px; z-index: 9999;
}
.popup .popup__close:hover {
  cursor: pointer;
}
.popup .popup__title {
  color: #c71b31;
  line-height: 1.2;
  margin-top: 0;
}


/*popup css end*/


.closeBtn {
position: absolute;
right: 50px;
top: 50px;
cursor: pointer; width:50px; height: 50px; display: inline-block; border: 2px solid #fff;  border-radius: 50%; color: #fff; font-size: 30px; line-height: 

50px; text-align: center}
.twocolumn1{position:relative; background: #3a3c52; padding-top: 5%;}
.twocolumn1 .headSec{width:100%;   text-align: center; padding-top: 5%; margin-bottom: 25px;}

.twocolumn1 h2{ text-align: center; font-size: 36px; color: #fff; text-transform: uppercase;}
.twocolumn1 .column1{ width:50%; float: left;  padding: 0% 2% 0 2%; height: 100vh}
.twocolumn1 .column2{ width:50%; float: left;  padding: 5% 2% 0 2%; height: 100vh} 
.twocolumn1 .selectedBG{width:90%; margin: 0 auto; height: 783px; object-fit: cover; background-size: cover; position: relative; border: 4px solid #fff;}
.twocolumn1 .bg1{ background:url(../images/create-bg1.jpg) 0px 0px no-repeat; background-size: cover;}
.twocolumn1 .bg2{ background:url(../images/create-bg2.jpg) 0px 0px no-repeat; background-size: cover;}
.twocolumn1 .bg3{ background:url(../images/create-bg3.jpg) 0px 0px no-repeat; background-size: cover;}
.twocolumn1 .bg4{ background:url(../images/create-bg4.jpg) 0px 0px no-repeat; background-size: cover;}

.twocolumn1 .texts{position:absolute; top: 0px;left: 0px; width:100%; height: 100%; border: 4px solid #fff;}

.twocolumn1 .singlebigtext{ font-size:32vw; display: block; color: #fff; text-align: center; line-height: 1.1em;}
.twocolumn1 .word{font-size:30px; color: #022d64; display: block; text-align: center; position:absolute; width:100%; bottom:5%; text-transform: 

capitalize;}

.list2 li{margin-bottom:30px;}
.form {width:80%; margin: 0 auto;}
.form .select1{ border:0px; border-bottom: 2px solid #868794; color: #868794;font-size: 15px; background: none; width:80%; display: inline-block; height: 

30px;line-height: 30px; text-transform: uppercase;}
.form .input1{ text-transform: uppercase; border:0px; border-bottom: 2px solid #868794;color: #868794; font-size: 15px; width:80%; display: inline-block; 

height: 30px;line-height: 30px; 
				background: none; }
.form .selectbg{ text-transform: uppercase; width:calc(92%/4); height: 150px; float: left; margin-right: calc(8%/4);  object-fit: cover; cursor: pointer;  

border:4px solid #3a3c52; background-size: cover;}
.form .activebg{border:6px solid #fff;}
.form .selectbg1{ background:url(../images/create-bg1-sm.jpg) center center no-repeat;}
.form .selectbg2{ background:url(../images/create-bg2-sm.jpg) center center no-repeat;}
.form .selectbg3{ background:url(../images/create-bg3-sm.jpg) center center no-repeat;}
.form .selectbg4{ background:url(../images/create-bg4-sm.jpg) center center no-repeat;}

.form h4{ font-size:18px; color: #868794; margin-bottom: 15px; text-transform: uppercase;}
.form h5{ font-size:15px; color: #fff; margin-bottom: 25px; }

.slick-lightbox-slick-iframe{width:100% !important; height: 100vh; object-fit: cover;}
 .slick-lightbox-slick-item-inner{max-height:100% !important; max-width: 100%  !important; width:100% !important; height:100% !important;}

.createAfterForm   {display:none;}
.downloadonly{display:none;}
.downloadonly h2{text-transform:none;}
.twocolumn1.downloadonly .column1, .downloadonly .column2{padding-top:1%;}
.downloadonly p{ color:#fff; font-size: 16px;}
.downloadonly .miscallSec{padding-top:10%; color: #fff; font-weight: 700;}
.downloadonly .miscallSec span{display:block;}
.downloadonly .miscallSec .text1{ font-size:16px; text-transform: uppercase;}
.downloadonly .miscallSec .text2{ font-size:40px;  }
.downloadonly .miscallSec .text3{ font-size:16px; }

.button2 { border: 1px solid #fff; padding: 5px 20px; font-size: 18px; color: #ffff; text-transform: uppercase;}

.createownform .column2{ width:100%; float: none; margin: 0 auto;}
.createownform  .form{ width:50%; margin: 0 auto;}
.createownform .form h5{text-align:center;}
.createownform .form .input1{width:100%;}
.tac{text-align:center;}

.section6{background: url(../images/section6FooterBg.png) no-repeat 0 100% #a2ddef; padding: 5% 0px; background-size: contain;}
.section6 .wrapper{ width:80%; margin: 0 auto;}
.section6 h2, .section6 p{ text-align: center; color:#fff;}


.font3{font-family: 'Open Sans', sans-serif;}
.font2{font-family: 'Lato', sans-serif;}
.font4{font-family: 'Playfair Display', serif;}
.font5{font-family: 'Merriweather', serif;}
.font1{font-family: 'Roboto', sans-serif;}

.slick-initialized .slick-slide{height:auto;}

/*TEXT ANIMATION*/
.ml10 {
  position: relative;
  font-weight: 900;
  font-size: 4em;
}

.ml10 .text-wrapper {
  position: relative;
  display: inline-block;
  padding-top: 0.2em;
  padding-right: 0.05em;
  padding-bottom: 0.1em;
  overflow: hidden;
}

.ml10 .letter {
  display: inline-block;
  line-height: 1em;
  transform-origin: 0 0; 
}
    
#sliderOuter .slick-slide{height: auto;}
footer { padding:50px 0px 20px 0px;  font-size: 16px;  background: #000; color: #fff;}
footer p{margin-bottom:30px; font-size: 14px; text-align: center; text-transform: uppercase; font-weight: 300;}
footer a, footer span{color:#fff; letter-spacing: 1px; font-size: 16px; padding: 0px 5px; text-transform: uppercase; position: relative;z-index: 10;}
footer a img{vertical-align: middle;}
footer span.text{ text-align: right; position: relative; text-transform:capitalize; display: block; top: -22px; font-size: 14px; padding-right: 30px; z-index: 1;}
.slick-prev, .slick-next{z-index:990;}

.Cwrapper{ text-align: center; background: url(../images/cBg.jpg) 100% 100% no-repeat; padding-bottom: 12%; background-size: contain;}
.Cwrapper .wrapperinner{width:50%; margin: 0 auto;}
#Cbanner{background:#404257; text-align: center; padding: 10% 0px; margin-bottom: 70px; margin-top: 110px;}

#Cbanner h2, #Cbanner p{color:#fff; text-align: center;}

#Cbanner p{width:25%; margin: 0 auto;}

.slick-lightbox-close{top:5px !important; right: 165px!important}
.slick-lightbox-close:before{font-size:40px !important;}

.loader .text{display:none; }

.Cwrapper.post h2{padding-top:30px;}

.juicer-feed .j-paginate { border: 2px solid #516e77; padding: 5px 20px; font-size: 18px; color: #000; text-transform: uppercase; font-family: nobel, 

sans-serif;}
.j-paginate.juicer-button {font-family: nobel, sans-serif; font-weight: normal;}
.juicer-feed .j-paginate { width: 165px;}
.juicer-feed .j-paginate:hover { background: none; color: #000; } 

.list1 li .icons span.iconMsg { border: none !important; display: block; text-align: center; padding: 8px 15px;}
.loadMore { border: 2px solid #000; color: #000; font-size: 18px; text-transform: uppercase; padding: 10px 20px; display: inline-block;}	
p.btnSecton { padding: 0; margin-top: 70px;}
p.quoteSection { position: relative; font-family: nobel, sans-serif; width: 65%; font-weight: 600; font-style: italic; margin:36px 0}
p.quoteSection::before { background: url(../images/arrowBefore.png) no-repeat; position: absolute; top: 0; left: -35px; content: ''; width: 28px; height: 

20px;}
.icon2 { position: relative; top: 10px;}


.bannerD { display: block !important}
.bannerM { display: none}

.juicer-feed .feed-item .j-message, .juicer-feed .feed-item .j-message p{text-align: left !important;}
.downloadonly .button3{border:1px solid #edd87c; color: #edd87c; margin-left: 20px;}

.popupAlertBg { width: 100%; height:100%; position: fixed; top:0; left:0; background:rgba(000,000,000,0.5); z-index:10002}
.popupAlert { width: 370px; position: fixed; top: 50%; left: 50%; margin-left: -185px; display: none; background: #35374d; z-index: 10003; padding: 50px; box-sizing: border-box;border: 6px solid white;}
.popupAlertClose { float: right; cursor: pointer; position: relative; top: -40px; right: -34px; color: #fff;}
.popupAlert p { color:#fff;}

.tdownloadall {background: #265281;padding: 10px 20px;border: 1px solid #fff;font-size: 18px;color: #ffff;text-transform: uppercase;}


@media screen and (max-width:1366px){
	
	#sliderOuter .slick-prev{left:49%; margin-left: -25px;}
	#sliderOuter .slick-next{right:49%; margin-right: -25px;}
	.post h2{ font-size:2vw;}
	.post h2 span.highlight:after{height:12px; bottom:14px;}
	/*#sliderOuter{padding:0px 0px 75px 0px;}*/
	#sliderOuter .slick-prev, #sliderOuter .slick-next{width:35px; height: 35px;}
	.list1 li .icons img{width:25px;}
	.section2 .wrapper{ width:75%;}
	
	.twocolumn1 .selectedBG{ height: 420px;}

	.form .selectbg{height:120px; }
	.twocolumn1 .singlebigtext{ font-size:24vw;}
	.twocolumn1 .word{font-size:24px;}
	.section3 .wrapper .text{width:65%;}
	footer a, footer span{font-size:14px;}
	footer a img{z-index:1; position: relative;}
	footer p{font-size:12px;}
	#Cbanner p{width:35%;}
	.Cwrapper .wrapperinner{width:60%}
	.section6 .post p{ font-size: 16px; }
	
	.section4 .text{padding:4%;}
	p.quoteSection{width:100%;}
	.section5 .wrapper{padding:5% 0px;}
	
}

@media screen and (max-width:667px){
	.scrollHeight { height: 600px; overflow-y: scroll;}
	.twocolumn1 .selectedBG{height:370px;}
.bannerD { display: none !important}
.bannerM { display: block}
	.twocolumn1.padding{padding-top:30%;}
	
	.nav{display:none;}
	.post h2{font-size:5vw;}
	.loader .text{font-size:5vw;}
	header{ padding:2%; text-align: left; height: auto;}
	.nav{padding-bottom:15px; position: relative; z-index: 990;}
	.nav a {font-size:12px;}
	
	.post h2 span.highlight:after{height:8px; bottom: 10px;}
	.section3 .wrapper, .section2 .wrapper{width:94%;}
	.post p{ font-size:16px; line-height: 20px;}
	.post p .highlight{font-size:18px;}
	.section4 h4{font-size:5vw;}
	.section3 .wrapper .text{ width:100%;}
	.section5 .wrapper{width:80%; padding: 20% 0px;}
	.section5 .img{width:90%}
	.section5 h5{font-size:4vw;}
	.section4 .column1{width:100%;}
	.section4 .column2{width:100%;}
	.list1 li{ width:100%; margin: 0px; margin-bottom: 14px; padding-bottom: 56px; }
	.list1 li .share{height:56px; top: auto; bottom: 1px; padding: 2% 0px;}
	.list1 li:hover .share{top:auto!important;}
	.list1 li .icons img{width:18px;}
	.list1 li .icons span{ font-size:10px;}
	.createownform .form{width:90%; }
	.createownform .column2{padding-top:15%; }
	.twocolumn1{background:#35374d; height: 100vh; }
	.twocolumn1 .column2, .twocolumn1 .column1{width:100%; float:none; height: auto; padding-top: 5%;}
	.twocolumn1 h2{ font-size:16px;}
	.form {width:90%; padding-bottom: 20px;}
	.form .selectbg{height:80px;}
	.popup .popup__close{width:25px; height: 25px; display: inline-block;}
	.popup .popup__close img{width:100%;}

	.popup .popup__close{top:10px;right: 5px;}
	.form .select1, .form .input1{font-size:12px; height: 25px; line-height: 25px;}
	.form h5{margin-bottom:10px;font-size:14px;}
	.twocolumn1 .word{font-size:20px; bottom: 15%;}
	.twocolumn1 .singlebigtext{font-size:55vw}
	.list2 li{margin-bottom:12px;}
	#sliderOuter .slick-prev, #sliderOuter .slick-next{top:115% !important; width:26px;height: 26px;}
	.slick-prev:before, .slick-next:before{font-size:14px !important;}
	.post p .para{display:inline;}
	.button3,.button2{font-size:14px;}
	footer span.text{display:block; top: auto; text-align: center; padding-top: 10px;}
	
	#Cbanner{margin-top:60px; margin-bottom: 30px;}
	#Cbanner p{width:90%; font-size: 14px; line-height: 1.2em;}
	.Cwrapper .wrapperinner{width:85%;}
	
	.popup.is-active{overflow-y:scroll;}
	.slick-lightbox-close{top:40px !important; right: 25px !important;}
	.logo { display:inline-block; width:40%; position: relative; top: -7px;}
	.logo2{ display:inline-block; width:40%; position: relative; top: -7px;}
	.logo img {width:100%;}
	.logo2 img{width:80%;}
	.burger {width: 20px; height: 20px; position: fixed; top: 15px; right: 10px; border-radius: 4px; z-index: 9999;}
#sliderOuter	{ background:#404257; padding: 150px 0px 150px 0px; position: relative; height: auto}
.burger span {
  margin-bottom: 9px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -1.5px;
}

.burger span, .burger span::before, .burger span::after {
  display: block;
  width: 20px;
  height: 1px;
  background-color: #fff;
  outline: 1px solid transparent;
  -webkit-transition-property: background-color, -webkit-transform;
  -moz-transition-property: background-color, -moz-transform;
  -o-transition-property: background-color, -o-transform;
  transition-property: background-color, transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.btnDownload { margin: 20px 0;}

.burger span::before, .burger span::after {
  position: absolute;
  content: "";
}

.burger span::before { top: -7px; }

.burger span::after { top: 7px; }

.burger.clicked span { background-color: transparent; }

.burger.clicked span::before {
  -webkit-transform: translateY(7px) rotate(45deg);
  -moz-transform: translateY(7px) rotate(45deg);
  -ms-transform: translateY(7px) rotate(45deg);
  -o-transform: translateY(7px) rotate(45deg);
  transform: translateY(7px) rotate(45deg);
}

.burger.clicked span::after {
  -webkit-transform: translateY(-7px) rotate(-45deg);
  -moz-transform: translateY(-7px) rotate(-45deg);
  -ms-transform: translateY(-7px) rotate(-45deg);
  -o-transform: translateY(-7px) rotate(-45deg);
  transform: translateY(-7px) rotate(-45deg);
}

.burger.clicked span:before, .burger.clicked span:after { background-color: #000; }

.burger:hover { cursor: pointer; }
	
	
	nav.mobile { height: 100vh;
  background-color: #efd775;
  position: fixed;
  z-index: 9998;
  top: 0;
  right: 0;
  
  max-width: 515px;
  width: 100%;
  text-align: center; overflow: hidden; display: flex;
    align-items: center;
    justify-content: center;
  
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

nav.mobile.show {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
}

nav.mobile.show ul.main li {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 1;
}
	nav.mobile.show ul.main li.social a{display:inline-block; margin: 0px 5px;}
nav.mobile.show ul.main li:nth-child(1) { transition-delay: 0.15s; }

nav.mobile.show ul.main li:nth-child(2) { transition-delay: 0.3s; }

nav.mobile.show ul.main li:nth-child(3) { transition-delay: 0.45s; }

nav.mobile.show ul.main li:nth-child(4) { transition-delay: 0.6s; }

nav.mobile.show ul.main li:nth-child(5) { transition-delay: 0.75s; }

nav.mobile.show ul.main li:nth-child(6) { transition-delay: 0.9s; }

nav.mobile.show ul.main li:nth-child(7) { transition-delay: 1.05s; }

nav.mobile.show ul.main li:nth-child(8) { transition-delay: 1.2s; }

nav.mobile.show ul.main li:nth-child(9) { transition-delay: 1.35s; }

nav.mobile.show .about, nav.mobile.show .social, nav.mobile.show ul.sub {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  transition-delay: .85s;
}


nav.mobile ul.main { list-style-type: none; }

nav.mobile ul.main li {
  margin-bottom: 20px;
  -webkit-transform: translateX(40px);
  -moz-transform: translateX(40px);
  -ms-transform: translateX(40px);
  -o-transform: translateX(40px);
  transform: translateX(40px);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

nav.mobile ul.main li:last-of-type { margin-bottom: 0px; }

nav.mobile ul.main li a {
  color: #000;
   font-family: nobel, sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 16px;
  display: block;
  letter-spacing: 1px;
  font-weight: 600;
  padding: 10px 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

nav.mobile ul.main li a span { color: #b7ac7f; }

nav.mobile ul.main li a:hover { color: #1A1A1A; }

nav.mobile .about {
  margin-top: 40px;
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

nav.mobile .about p {
  color: #ffffff;
  
  font-size: 1.05rem;
  letter-spacing: 0.5px;
  line-height: 170%;
}



nav.mobile ul.sub {
  list-style-type: none;
  margin-top: 40px;
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

nav.mobile ul.sub li { margin-bottom: 10px; }

nav.mobile ul.sub li:last-of-type { margin-bottom: 0px; }

nav.mobile ul.sub li a {
  color: #ffffff;
  font-family: nobel, sans-serif;
  letter-spacing: 1px;
  font-size: 0.9rem;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

nav ul.sub li a:hover { color: #b7ac7f; }
	nav.mobile{ width:65%; }
	footer p{width:90%; margin: 0 auto; margin-bottom: 10px;}
	footer a, footer span, footer p, footer span.text{font-size:10px; line-height: 1.5em;}
	footer { padding: 30px 0px 20px}
	.downloadonly p { color:#fff; font-size: 12px;}
p.quoteSection { width: 100%;}
p.btnSecton { margin-top: 30px;}
.section2 .wrapper { padding: 20% 0px;}
.section3 .wrapper { padding: 20% 0px; }
.section4 .column1 { height: auto;}
.section5 {background: #f0f0f0; height: auto;}

	p.quoteSection{padding:0px 5%;}
	p.quoteSection::before{left:-12px;}
	.section6{padding:20% 0px;}
	.twocolumn1 .singlebigtext { font-size: 65vw; }
    .list1 li .icons span.iconMsg { padding-top: 6px;}
    span.iconMsg1 { padding-top: 3px;}
	.tabsOut a span{ font-size:14px; padding: 5px 10px;}
	#sliderOuter .whatsapBanner{top:7%; left: 4%; width:88%;}
	#sliderOuter .text1{font-size:20px;}
	#sliderOuter .text2{font-size:16px;}
	#sliderOuter .text3{font-size:26px;}
	.whatsappcall{ float:none; width:100%; text-align: center; padding: 0px; background: #35374d;}
	#sliderOuter .text3{display:none;}
	#sliderOuter .mobileSld{display:none !important;}
	#sliderOuter .text4{display:block;}
	}

@media screen and (max-width:375px){
	.list1 li .icons span{font-size:10px;}
	.twocolumn1{overflow-y:scroll;}
	
}



@media screen and (max-width:320px){
	.twocolumn1.padding{ padding-top:20%;}
	.twocolumn1 .singlebigtext { font-size: 70vw; }
	.form h4{ font-size:14px; margin-bottom: 10px;}
	.twocolumn1 .column2, .twocolumn1 .column1{ padding-top: 5%;}
	
}