body { margin: 0; padding: 0; font-family:Raleway;}
img { border: 0; }
ul { list-style: none; margin: 0px; padding: 0px; }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }
.over-flow { overflow: hidden; }
h1, h2, h3, h4, h5 { margin: 0px; padding: 0px; }
a { text-decoration: none; border: none; }
hr { color: #f8f8f8; }
a:link { text-decoration: none; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; line-height: normal; outline: 0;  text-decoration: none; }

.container1 { max-width:1320px !important; padding: 0px 15px; margin: 0 auto; }
.container { max-width:1280px !important; padding: 0px 15px; margin: 0 auto; }
.containers { max-width:1200px !important; padding: 0px 15px; margin: 0 auto; }
.min-header { width: 100%; top: 0px; z-index: 9; background: #fff; }
.banner{padding-top: 0px; overflow: hidden; position: relative;}
.left-mneu { float: left; width: 45%; text-align: left; }
.right-mneu { float: right;/* width: 45%;*/ text-align: right; }

.blog_heading p{display:block; padding:10px 0px; line-height:26px;}

.private h3 {
    font-size: 35px;
    color: #e84365; 
}

.privacy strong {
    font-size: 22px;
    color: #e84365;
    padding: 15px 0px;
    font-weight: 500;
    display: block;
}
.privacy p{font-size:18px; color:#000 !important; padding:0px 0px 15px 0px; line-height:26px; text-align:justify;}

.blog_heading ol li a{font-size:16px; padding:4px 0px; display:block;}

ul.ullist { padding-left: 30px; }
.ullist li { list-style: disc; padding:10px 0px;}

.blog_heading h2{
    font-size:20px;
    font-weight: 600;
    margin: 0px;
}

.logo22 {
    display: none;
}
.mobiles { display: none;}
.windows { display: block;}

.videos{overflow: hidden; position: relative; height:auto;}
.bgcolor{background: rgba(0, 0, 0, 0.4); position:absolute; top:0px; bottom:0px; width:100%; left:0px; right:0px; display:table;  text-align:center; height:100%;}

.whatsapp-icon{position:absolute; top:48%; right:0%;  background: #fff; border-radius: 30px 0px 0px 30px; padding:10px 15px 10px 15px; transition: all 1.1s ease;}
.whatsapp-no a span{ font-size:20px; color: #e84365; right:0%; padding: 0px 0px 0px 9px; display:inline-block; font-weight:400; font-family: Raleway;}
.whatsapp:hover > .whatsapp-no a span{right:0px; transition: all 1.1s ease; width:auto;}
#fixed-social { position: fixed; top:48%; right: 0px; z-index:999;}
#fixed-social a{color:#fff; display:block;  position:relative; text-align:center; margin-bottom: 1px; width: 50px; height:50px; 
 background: #ff9c00; line-height: 50px; border-left:1px solid #fff;}
#fixed-social a:hover > span{visibility: visible; right: 50px; opacity: 1; top:0%;}
#fixed-social a span{line-height: 40px; right:70px; position: absolute; text-align: center; width: 210px; visibility: hidden; transition-duration: 0.5s; z-index: 1; background: #ff9c00; padding: 5px 10px; color:#fff; letter-spacing:1px; font-size: 20px; font-weight: 400; border-radius: 30px 0px 0px 30px; opacity: 0; font-family: Playball;}
.fixed-facebook { background-color: #00AAE5;}
.fixed-facebook span { background-color: #00AAE5;}
.sections2 { background: #f9f9f9; padding:0px 0px 30px 0px; margin-bottom: 20px;}

ul.bullet{padding-left: 0px;}
.bullet li{display:inline-block; width:48%; font-size: 16px; color: #000; padding: 15px 0px 15px 18px; font-weight: 500; background: url(../images/right-arrow.png)no-repeat left;}
.bullet li:hover{color: #e84365;}

/*============================================================================*/

/*.spider {
  border: 30px solid transparent;
  border-image-source: url(../images/unnamed.png);
  border-image-slice: 46 49;
  border-image-repeat: round;
}*/

.banner-content {width:50%;  margin: 0 auto; display:table-cell; vertical-align:middle;}
.banner-content strong{font-size: 22px; display: inline-block; padding: 8px 12px; margin: 0 auto; text-align: center; text-transform: uppercase; color: #fff; font-weight: 200; font-family: Roboto; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.banner-content h2{font-size:60px; color: #fff; text-align: center; padding: 20px 0px; font-family: Playball; line-height:70px;}
.popup-btn{ background: #e84365; padding: 12px 30px; font-size: 16px; color: #fff; border-radius: 30px; font-weight: 500; display: inline-block; margin-top: 15px; border:none;}
.popup-btn:hover { background: #0a57a2; }
.aboutus { padding:55px 0px 55px 30px; border-left: 2px solid #f39c12; text-align: left; }
.aboutus h2 { font-size: 60px; letter-spacing: 5px; color: #111; font-weight: 500; font-family: Playball; display: block; text-align: left; padding-top: 10px; padding-bottom: 10px; }
.aboutus p { font-size: 16px; text-align: justify; color: #333; line-height: 24px; font-weight: 400; padding: 5px 0px; margin-bottom: 16px; }
.aboutus a { font-size: 14px; color: #fff; background: #e84365; padding: 12px 35px; display: inline-block; margin-bottom: 20px; border-radius: 0px;}
.aboutus a:hover { background: #f39c12;}
.padding { display: block; padding: 30px 0px; }
.padding2 { display: block; padding: 40px 0px 80px 0px; background: #fff; }

.paddings-n { display: block; padding:20px 0px; background: #fcfcfc; margin-bottom:15px; border:1px solid#f1f1f1;}

.sections1 { background: #f9f9f9; padding:15px 0px 30px 0px; text-align: center; }
.resort h1 { font-size:50px; letter-spacing:3px; color: #111; padding:15px 0px 5px 0px; font-family: Playball; }
.sections1 p { font-size: 16px; color: #333; text-align: center; padding: 20px 55px; color: #000; line-height: 25px; }
.sections1 a { display: inline-block; margin: 20px 0px; background: #e84365; padding: 15px 35px; font-size: 16px; color: #fff; border-radius: 0px; }
.sections1 a:hover { background: #0a57a2; }

.border { border-top-width: 1px; border-top-style: solid; border-top-color: #000; width: 100px; height: 1px; margin: 15px auto; }
.columns h4 { font-size:50px; color: #111; padding: 15px 0px; font-family: Playball; text-align: center; letter-spacing:3px; }
.border2 { border-top-width: 1px; border-top-style: solid; border-top-color: #000; width: 100px; height: 1px; margin: 5px auto 35px auto; }
.parallaxs { background: url(../images/parallax.jpg) no-repeat; background-size: cover; width: 100%; background-attachment: fixed; height: 500px; text-align: center; display: table; }
.parallax { display: table-cell; vertical-align: middle; height: 500px; text-align: center; }
.parallax h4 { font-size: 70px; font-weight: 400; color: #fff; display: block; text-align: center; padding: 30px 0px 50px 0px; font-family: Playball; letter-spacing: 3px; }
.parallax a { font-size: 14px; background: #a8206c; padding: 12px 25px; color: #fff; font-weight: 400; text-transform: uppercase; }

.columnss { position: relative; }
.firstcol { width: 33.15%; display: inline-block; float: left; overflow: hidden; }
.hover img { width: 100%; }
.firstcol2 { width: 33.15%; display: inline-block; padding-top:0%; position: absolute; left: 0px; right: 0px; margin: 0 auto; overflow: hidden; }
.hover img { width: 100%; }
.firstcol3 { width: 33.15%; display: inline-block; float: right; overflow: hidden; }
.hover img { width: 100%; }
.firstcol4 { width: 33.15%; display: inline-block; float:left; overflow: hidden; }
.hover img { width: 100%; }

.hover2 { overflow: hidden; }



.popup { position: fixed; top: 100%; width: 100%; height: 100%; z-index: 10001; }
.popup.active { top: 0; background-color: rgba(3, 3, 3, 0.98); transition: background-color .6s,opacity .6s; }
.popup .main-btn-rect { padding: 8px 90px; margin: 0 auto; display: block; }
.popup .popup-content { position: absolute; top: 50%; left: 50%; max-height: 568px; min-width: 350px; margin-top: 150px; padding: 27px 5px; background-color: #FFFFF0; color: #070000; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transition: margin .6s; -webkit-transition: margin .6s; -moz-transition: margin .6s; -o-transition: margin .6s; }
.popup.active .popup-content { margin-top: 0px; }
.popup-content h6 { display: table; font-size:16px; letter-spacing:2px; text-align: center; margin: 10px auto 20px; font-family: Playball; text-transform: uppercase; font-weight:600; }

.send-form input{width:100%; padding:10px 12px 10px 35px; border-radius:0px; border:1px solid #ccc; position:relative; box-shadow:none;}
.send-form textarea{width:100%; padding:8px 12px 8px 35px; border-radius:0px; border:1px solid #ccc; position:relative; resize:none; box-shadow:none;}
.send-form label i { position: absolute; top:13px; left: 10px;}

.main-btn-rect,
.main-btn-circle{
	position: relative;
	margin: 0;
	color: #FFFFF0;
	background:#a8206c;
	text-transform: uppercase;
	font-size:16px; border:none;
	letter-spacing:1px;	
	outline: none;
	cursor: pointer;
	z-index: 100;
}
.main-btn-rect {
	padding:8px 30px;
	line-height:24px;
}
.main-btn-rect:before, 
.main-btn-rect:after{
  position: absolute;
  content: '';
  top:0;
  width: 0%;
  height: 100%;
  background-color: rgba(255, 255, 240, 0.2);
  -webkit-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
}
.main-btn-rect:before {
  left: 0;
}
.main-btn-rect:after {
  right: 0;
}
.main-btn-rect:hover:before, 
.main-btn-rect:hover:after{
  width: 50%;
}
.main-btn-circle{
	height: 40px;
	width: 40px;
	-webkit-border-radius: 50%;
	border-radius: 100%;
	line-height: 40px;
  -webkit-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
}
.main-btn-circle:hover{   
  -webkit-box-shadow: inset 2px 1px 0px 20px rgba(255, 255, 240, 0.2);
  -moz-box-shadow: inset 2px 1px 0px 20px rgba(255, 255, 240, 0.2);
  box-shadow: inset 2px 1px 0px 20px rgba(255, 255, 240, 0.2);
}


.form-group { position: relative; width: 90%; margin: 0px auto; }
form#send input, form#send textarea { position: relative; margin-bottom: 32px; width: 100%; height: 29px; font-family: 'RobotoLight', sans-serif; text-indent: 20px; background-color: transparent; outline: 0; border: none; border-bottom: 1px solid #070000; -webkit-transition: border 0.6s; -o-transition: border 0.6s; transition: border 0.6s; }
form#send input:focus,
form#send textarea:focus { border-bottom: 1px solid rgb(63, 173, 168); }
form#send label { position: absolute; top: 0; line-height: 28px; -webkit-transition: color .5s; -o-transition: color .5s; transition: color .5s; }
form#send input:focus + label,
form#send textarea:focus + label { color: rgb(63, 173, 168); }
form#send .txt { line-height: 22px; left: 2px; }
form#send .main-btn-rect { position: relative; display: block; padding: 12px 80px; margin: 0px auto; font-size: 14px; }
form#send .main-btn-rect i { margin-right: 5px; }
.popup .fade-out { position: absolute; top: -20px; right: -20px; text-align: center; font-size: 15px; }

.firstcol strong {background:#f9f9f9; letter-spacing:2px; text-align: center; font-size:40px; color: #e84365; padding: 50px 10px; font-family: Playball; font-weight: 300; display: block;}
.firstcol2 strong {background:#f9f9f9; letter-spacing:2px; text-align: center; font-size:40px; color: #e84365; padding: 50px 10px; font-family: Playball; font-weight: 300; display: block; }
.firstcol3 strong {background:#f9f9f9; letter-spacing:2px; text-align: center; font-size:40px; color: #e84365; padding: 50px 10px; font-family: Playball; font-weight: 300; display: block; }
.firstcol4 strong {background:#f9f9f9; letter-spacing:2px; text-align: center; font-size:40px; color: #e84365; padding:40px 10px; font-family: Playball; font-weight: 300; display: block; line-height:40px;}

.firstcol strong:hover{background:#fff;}
.firstcol2 strong:hover{background:#fff;}
.firstcol3 strong:hover{background:#fff;}
.firstcol4 strong:hover{background:#fff;}

.hover { overflow: hidden; }
.hover img { transition: all 1.5s ease; overflow: hidden;}
.hover:hover img { transform: scale(1.1); }

.testimonial_para p { text-align: center; font-size: 16px; color: #ddd; line-height: 24px; font-weight: 500; margin: 15px 0px 0px 0px;}
.testimonial_para h4 { font-size: 16px; padding: 15px; color: #fff; font-weight: 300; font-family: Roboto; text-align: center;}
.padding3 { background: url(../images/testimonial.jpg) no-repeat; background-size: 100% 100%; padding: 50px 0px;}
.columns2 h4 { font-size: 40px; color: #fff; padding: 15px 0px; font-family: Playball; text-align: center; letter-spacing: 10px;}
.border3 { border-top-width: 1px; border-top-style: solid; border-top-color: #fff; width: 100px; height: 1px; margin: 5px auto 35px auto;}

.middle { width: 80%; margin: 0 auto; text-align: center;}
.jack img { width: 150px; text-align: center; margin: 0 auto;}

.gallery{-webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-width:33%; -moz-column-width:33%; column-width:33%;}
.gallery .pics{-webkit-transition: all 350ms ease; transition: all 350ms ease;}
.gallery .animation { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); padding-bottom: 12px;}

.gallery img{width: 100%;}

.prev, .next{cursor:pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -50px; color: white; font-weight: 100; font-size:30px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; -webkit-user-select: none; font-family: 'Playfair Display', serif;}
.next{right: 0; border-radius: 3px 0 0 3px;}
.prev{left: 0; border-radius: 3px 0 0 3px;}

.animation { overflow: hidden; }
.animation img { transition: all 1.5s ease; }
.animation:hover img { transform: scale(1.1); }
.aboutfooter img { width: 200px; }
.aboutfooter p { font-size: 15px; font-weight: 200; color: #f9f9f9; padding: 15px 0px; line-height: 25px; }
.footerheading strong { font-size: 22px; text-align: center; color: #fff; display: block; padding: 5px 0px; font-weight: 500; }
.listing li a { font-size: 15px; color: #fff; display: block; padding: 5px 0px; font-weight: 400; }
.listing li a img { padding-right: 5px; width: 16px; }
.footerheading p { display: block; padding: 15px 0px; }
.rounded-icon img { float: left; padding-right: 10px; }
.rounded-icon a { font-size: 16px; color: #fff; font-weight: 300; line-height: 18px; }
.columns4 { text-align: center; }
.columns4 img { margin-bottom: 20px; }

.footerheading { text-align: center; }
.footerheading p { font-size: 18px; color: #ddd; display: block; padding: 20px 0px; font-weight: 200; height: 100px; }
    .footerheading li a{ font-size: 18px; color: #ddd; display: block; padding:0px 0px; font-weight: 200; height:81px; }
.paddings5 { padding: 30px; border: 1px dashed #3d3a41; background:#222;}

.followus { text-align: center; display: block; padding: 25px 0px 2px; }
.followus li { display: inline-block; }
.followus li a i { background: #fff; font-size: 16px; color: #000; border-radius: 30px; margin: 2px; width: 50px; height: 50px; line-height: 50px; }
.followus li a i:hover { background: #e84365; color:#fff;}

.testimonial_subtitle{color: #0aaa7a; font-size: 12px;}
.testimonial_btn{background-color: #373d4b !important; color: #fff !important;}
.seprator{height: 2px; width: 56px; background-color: #0aaa7a; margin: 7px 0 10px 0;}

/*============================================================================*/

.fade-carousel { position: relative; height: 680px; }
.fade-carousel .carousel-inner .item { height: 100vh; }
.fade-carousel .carousel-indicators > li { margin: 0 2px; background-color: #f39c12; border-color: #f39c12; opacity: .7; }
.fade-carousel .carousel-indicators > li.active { width: 10px; height: 10px; opacity: 1; }
.hero { position: absolute; top: 50%; left: 75%; z-index: 3; color: #fff; text-align: center; text-transform: uppercase; -webkit-transform: translate3d(-50%,-50%,0); -moz-transform: translate3d(-100%,-100%,0); -ms-transform: translate3d(-100%,-100%,0); -o-transform: translate3d(-100%,-100%,0); transform: translate3d(-100%,-100%,0); }

.hero h1 { font-size: 4em; font-weight: bold; margin: 0; padding: 0; color: #fff; }
.hero p { font-size: 16px; font-weight: 400; margin: 0; padding: 15px 0px; color: #fff; line-height: 35px; }
.fade-carousel .carousel-inner .item .hero { opacity: 0; -moz-transition: 2s all ease-in-out .1s; -ms-transition: 2s all ease-in-out .1s; -o-transition: 2s all ease-in-out .1s; transition: 2s all ease-in-out .1s; }
.fade-carousel .carousel-inner .item.active .hero { opacity: 1; -webkit-transition: 2s all ease-in-out .1s; -moz-transition: 2s all ease-in-out .1s; -ms-transition: 2s all ease-in-out .1s; -o-transition: 2s all ease-in-out .1s; transition: 2s all ease-in-out .1s; }
.overlay { position: absolute; width: 100%; height: 100%; z-index: 2; background-color: #080d15; opacity: .7; }


.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { width: 30px; height: 30px; margin-top: 0px; font-size: 30px; }

.btn.btn-lg { padding: 10px 40px; }
.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus { color: #f5f5f5; background-color: #e84365; border-color: #0a57a2; outline: none; margin: 20px auto; border-radius: 0px; }
.overlay { position: absolute; width: 100%; height: 100%; z-index: 2; background-color: #080d15; opacity: .7; }


.fade-carousel .slides .slide-1,
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3 { height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.fade-carousel .slides .slide-1 { background-image: url(../images/1.html); }
.fade-carousel .slides .slide-2 { background-image: url(../images/2.html); }
.fade-carousel .slides .slide-3 { background-image: url(../images/4.html); }
.fade-carousel .slides .slide-4 { background-image: url(../images/5.html); }
.fade-carousel .slides .slide-5 { background-image: url(../images/6.html); }

/*=================================== RESORT CSS START  ===================================*/
.ovrly010 img { display: block; padding: 15px 0px 15px 15px; overflow:hidden; transition: all 1.1s ease;}
.ovrly08 img { display: block; padding: 15px 15px 15px 0px; overflow:hidden; transition: all 1.1s ease;}
.ovrly011 img { display: block; padding: 15px 0px 15px 15px; overflow:hidden; transition: all 1.1s ease;}
.ovrly012 img { display: block; padding: 15px 15px 15px 0px; overflow:hidden; transition: all 1.1s ease;}
.ovrly013 img { display: block; padding: 15px 0px 15px 15px; overflow:hidden; transition: all 1.1s ease;}
.ovrly014 img { display: block; padding: 15px 15px 15px 0px; overflow:hidden; transition: all 1.1s ease;}

.ovrly010:hover img{transform: scale(0.96);}
.ovrly08:hover img{transform: scale(0.96);}
.ovrly011:hover img{transform: scale(0.96);}
.ovrly012:hover img{transform: scale(0.96);}
.ovrly013:hover img{transform: scale(0.96);}
.ovrly014:hover img{transform: scale(0.96);}

.ovrly09 img{display:block; padding:15px 16px; overflow:hidden; transition: all 1.1s ease;}
.ovrly09:hover img{transform: scale(0.96);}

.ovrly08 {width:100%; position: relative; z-index:1;}
.ovrly08.overlay-grid-7::before { border: 4px double #a8206c; }
.overlay-grid-7::before { position: absolute; content: ""; height: 100%; width: 80%; z-index: -1; right: 0;}
.ovrly010 { width: 100%; position: relative; z-index: 1; }
.ovrly010.overlay-grid-8::before { border: 4px double #a8206c;}
.overlay-grid-8::before { position: absolute; content: ""; height: 100%; width: 80%; z-index: -1; left: 0;}
.ovrly011 { width: 100%; position: relative; z-index: 1;}
.ovrly011.overlay-grid-9::before { border: 4px double #0a57a2;}
.overlay-grid-9::before { position: absolute; content: ""; height: 100%; width: 80%; z-index: -1; left: 0;}
.ovrly012 { width: 100%; position: relative; z-index: 1; }
.ovrly012.overlay-grid-10::before { border: 4px double #f39c12; }
.overlay-grid-10::before { position: absolute; content: ""; height: 100%; width: 80%; z-index: -1; right: 0; }
.ovrly013 { width: 100%; position: relative; z-index: 1; }
.ovrly013.overlay-grid-11::before { border: 4px double #000; }
.overlay-grid-11::before { position: absolute; content: ""; height: 100%; width: 80%; z-index: -1; left: 0; }
.ovrly014 { width: 100%; position: relative; z-index: 1; }
.ovrly014.overlay-grid-12::before { border: 4px double #e84365; }
.overlay-grid-12::before { position: absolute; content: ""; height: 100%; width: 80%; z-index: -1; right: 0;}

.about_content-n { display: table-cell; vertical-align: middle; height:388px;}
.about_content-n strong { font-size: 25px; color: #a8206c; padding: 8px 0px; display: block; font-weight: 400;}
.about_content-n p { font-size:18px; color: #000; display: inline-block; text-align: justify; padding: 10px 0px; font-weight:400; line-height: 35px;}
    .about_content-n span { font-size:18px; color: #000; display: inline-block; text-align: justify; padding: 10px 0px; font-weight:400; line-height: 35px; }
.about_content-n .about_content_heading { font-size: 25px; letter-spacing: 1px; font-weight: 500; }
.about_content-n h1 { font-size:18px; color: #000; display: inline; text-align: justify; font-weight:400; line-height: 35px;}

/*=================================== RESORT CSS END  ===================================*/

/*=================================== POOLSIDE CSS START  ===================================*/

.ovrlys1 { overflow: hidden;}
.ovrlys2 { overflow: hidden;}
.ovrlys3 { overflow: hidden;}
.ovrlys4 { overflow: hidden;}

.ovrlys1 img { display: block; padding: 15px 15px 15px 15px; position:relative; overflow:hidden; transition: all 1.1s ease;}
.ovrlys2 img { display: block; padding: 15px 15px 15px 15px; position:relative; overflow:hidden; transition: all 1.1s ease;}
.ovrlys3 img { display: block; padding: 15px 15px 15px 15px; position:relative; overflow:hidden; transition: all 1.1s ease;}
.ovrlys4 img { display: block; padding: 15px 15px 15px 15px; position:relative; overflow:hidden; transition: all 1.1s ease;}

.ovrlys1:hover img{transform: scale(0.90);}
.ovrlys2:hover img{transform: scale(0.90);}
.ovrlys3:hover img{transform: scale(0.90);}
.ovrlys4:hover img{transform: scale(0.90);}

.relative{position:relative;}

.ovrlys1 { width: 100%; position: relative; z-index: 1; }
.ovrlys1.overlay-grid-15::before { border: 4px double #a8206c; }
.overlay-grid-15::before { position: absolute; content: ""; height:53%; width:100%; z-index: -1; bottom:0;}
.ovrlys2 { width: 100%; position: relative; z-index: 1; }
.ovrlys2.overlay-grid-16::before { border: 4px double #000dff; }
.overlay-grid-16::before { position: absolute; content: ""; height:53%; width:100%; z-index: -1; top:0; }
.ovrlys3 { width: 100%; position: relative; z-index: 1; }
.ovrlys3.overlay-grid-17::before { border: 4px double #0a57a2; }
.overlay-grid-17::before { position: absolute; content: ""; height:53%; width:100%; z-index: -1; bottom:0; }
.ovrlys4 { width: 100%; position: relative; z-index: 1; }
.ovrlys4.overlay-grid-18::before { border: 4px double #f39c12; }
.overlay-grid-18::before { position: absolute; content: ""; height:53%; width:100%; z-index: -1; top:0; }

.about_content-n1{display:table-cell; vertical-align: middle; height:303px; padding:10px 25px;  margin:0px 15px;}
.about_content-n1 strong{font-size: 25px; color: #a8206c; padding: 8px 0px; display: block; font-weight: 400;}
.about_content-n1 p{font-size: 16px; color: #444; display: block; text-align:justify; padding: 10px 0px; font-weight: 500; line-height: 24px;}
.firstbox { padding: 20px; margin:11px 0px 28px 0px; background: #fcfcfc; border: 1px solid#f1f1f1; }

/*=================================== POOLSIDE CSS START  ===================================*/

/*=================================== BANQUETS CSS START  ===================================*/

.banquet img{height:550px; overflow:hidden; transition: all 1.5s ease;}
.about_content2 { display: table-cell; vertical-align: middle; height:548px; background:#f9f9f9; padding:15px 50px;}
.about_content2:hover { background: #f1f1f1; transition: all 1.5s ease;}
.about_content2 strong{font-size: 25px; color: #a8206c; padding: 8px 0px; display: block; font-weight: 400;}
.about_content2 p{font-size:18px; color: #000; display: block; text-align: justify; padding: 10px 0px; font-weight:400; line-height:35px;}
.containerss{width: 100%; padding: 0px 20px;}
.containerss .col-md-6 {padding: 0px;}
.banquet{height:550px; overflow:hidden;}
.banquet img{transition: all 1.5s ease;}
.banquet:hover img{transform: scale(1.05);}
.skt-builder-block-wrapper { background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden; }
.skt-builder-container { box-sizing: border-box; margin: 0 auto; max-width: 1170px; padding-left: 15px; padding-right: 15px; }
.skt-builder-home-section4-block .title-border { padding-bottom: 30px; text-align: center; }
.skt-builder-home-section4-block .skt-builder-block-title h2 { text-shadow: 0 10px 10px rgba(79, 79, 79, 0.4); }
.skt-builder-block-title h2 { font-weight: 400; font-style: italic;  font-family: Playball; padding-top:60px;}
.skt-builder-block-description { margin-bottom: 40px; }
.headingseperator h3{font-family: Playball; font-size:51px; color:#fff; font-weight:100; margin:-35px 0 0px 0; position:absolute; left:0; right:0;  font-family: Playball;}
.skt-builder-home-section4-block .skt-builder-block-description p { font-size: 29px; font-family: 'Playfair Display'; font-style: italic; }
.skt-builder-block-wrapper p { line-height: 1.6; margin: 0 0 20px; }
.skt-builder-home-section4-block .view-all-btn { margin: 0 auto; margin-top: -55px; position: relative; z-index: 999; -moz-transform: skew(-13deg); text-align:center;}
.skt-builder-home-section4-block-458 .title-border::before { border-color: #fff;}
.title-border:before { width: 37%; border-bottom: solid #ffffff 1px; content: ''; position: absolute; top: 0; left: 0; }
.title-border { border: solid 1px #ffffff; border-top: none; width: 80%; margin: 0 auto; top: -30px; padding: 0 40px; position: relative; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; box-sizing: border-box; }
.title-border:after { width:37%; border-bottom: solid #ffffff 1px; content: ''; position: absolute; top: 0; right: 0; }
.skt-builder-home-section4-block-458 .view-all-btn a:hover { color: #fff !important; background: #ff5f6a !important; }
.view-all-btn a { display: inline-block; font: 400 18px/100% 'Playfair Display'; padding: 13px 28px; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transform: skew(-13deg); -moz-transform: skew(-13deg); -ms-transform: skew(-13deg); -o-transform: skew(-13deg); transform: skew(-13deg); }

/*=================================== BANQUETS CSS END  ===================================*/

/*=================================== LAWNS CSS START  ===================================*/

.bg{background: url(../images/lawnbg1.jpg) no-repeat center top; background-size: cover; background-attachment:fixed; padding:50px 10px; margin: 0px 0px; height: 500px;}
.bg2{background:url(../images/lawnbg2.jpg) no-repeat center top; background-size: cover; background-attachment:fixed; padding:50px 10px; margin: 0px 0px; height: 500px;}
.bg3{background:url(../images/lawnbg3.jpg) no-repeat center top; background-size: cover; background-attachment:fixed; padding:50px 10px; margin: 0px 0px; height: 500px;}
.bg4{background:url(../images/lawnbg4.jpg) no-repeat center top; background-size: cover; background-attachment:fixed; padding:50px 10px; margin: 0px 0px; height: 400px;}
.bg5{background:url(../images/lawnbg5.jpg) no-repeat center top; background-size: cover; background-attachment:fixed; padding:50px 10px; margin: 0px 0px; height: 400px;}
.topbox2 h4{font-size: 25px; color:#000;  display: block; text-transform: capitalize; font-weight:400; margin:20px 0;}

/*=================================== LAWNS CSS END  ====================================*/

/*=================================== blog CSS START  ===================================*/
.blogs{padding: 50px 0;}
.blog_heading{     padding: 30px 40px;
background: #ffffff;
box-shadow: 0 0 15px #dedede;
/* border: 2px solid #e84365; */
margin-bottom: 50px;
word-spacing: 7px;  
}
.blog_heading h1{ font-size: 22px;
font-weight: 600; 
margin:0px;
}
.blog_h1 {
    padding:10px 0px;
    text-align: left;
    font-size: 22px;
font-weight: 600; 
margin:0px;
}
.blog_heading img{display:block; padding:10px 0px;}
.blogs_btn-read:hover{color:#000;}

.blog_heading span {
    color: #292020ed;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 16px;
    display: inline-block;
}
    .blog_details p{text-align: justify;
    letter-spacing: 1px;
    font-size: 15px;
    color: #292020ed;
    line-height: 20px;
}
.latest_posts{
  background: #ffffff;
  box-shadow: 0 0 15px #dedede;
}
.latest_posts h1{
  font-size: 30px;
  font-weight: 600;
  text-transform: uppercase;
  color: #e84365;
  text-align: center;
  padding: 20px 0;
}
.latest{margin-bottom:10px;}
.post{padding:15px;}

/*=================================== blog CSS END  ====================================*/

@media screen and (min-width: 980px) {
.hero { width: 980px;}
}
@media screen and (max-width: 640px) {
.hero h1 { font-size: 4em; }
}


/*=================*/

.navigation li:last-child { padding-right: 0px; }
.navigation li { float: none; padding: 12px 16px; display: inline-block; }
.logo { position: absolute; top: 0px; left: 47.6%; z-index: 999; margin: 0px 0px 0px -54px; }
.navigation li:first-child { padding-left: 0px; }
#top-header { padding: 3px 0px; position: relative; }
.callus { padding-left: 0px; font-size: 15px; color: #333; line-height: 31px; float: left; font-weight:600; font-style:inherit;} 
.callus strong { font-weight: 500; color: #e84365; padding-right: 5px; }
.callus2 strong { font-weight: 500; color: #e84365; padding-right: 5px; }
.callus2 { padding-left: 0px; text-align: right; font-size: 15px; color: #111; line-height: 31px; float: left; font-weight: 400;}

.socialN-icon{text-align:right;}

.logo img{width:157px;}
.socialN-icon { float: right; text-align: right; position: relative; z-index:9; }
.socialN-icon input { border: 1px solid#c0c0c0; padding: 9px 10px; color: #000 !important; position: relative; margin: 0px; outline: none; width: 200px; z-index: 999999 !important; }
.socialN-icon.wow.fadeInRight.animated > ul { margin: 0; }
.socialN-icon li { padding: 0px 0px 0 3px; display: inline-block; }
.socialN-icon li:hover { opacity: 0.8; }
.socialN-icon li img { border-radius: 32px; }
.search { position: absolute; right: 0px; top: 0px; display: none; z-index: 9999; }
.navigation { position: relative; margin: 0px 0px 0px 0px; z-index: 9; border-top: 1px solid#f894a9; border-bottom: 2px solid #e84365; padding: 3px 0px;}
.navigation li a { font-size: 15px; color: #111; text-transform: uppercase; font-weight: 500; padding:15px 0px; font-family: Raleway; transition: all 0.5s;}
.navigation li a:hover { color: #e84365;}
.navigation li a.active { color: #e84365;}
.aboutsection { text-align: center; display: block; padding: 15px 0px; width: 100%;}
.section-separator i { color: #2f4a76; padding: 0 10px; }
.readmore a:hover { background: #ff427f; transition-duration:7s;}
.roundscrical { width: 250px; height: 250px; border-radius: 100%; border: 3px solid#f894a9; overflow: hidden; text-align: center; display: inline-block; margin-top: 30px; transition-duration: 2s; }
.storybox:hover > .roundscrical { background: #4d9845; transform: rotateY(180deg); cursor: pointer; border: 3px solid#0a57a2; }
.roundscrical img { width: 100%; height: 100%; }
.storybox { text-align: center; display: block; }
.search { position: absolute; right: 0px; top: 0px; display: none; z-index: 9999; }
.search a { position: absolute; right: 12px; top: 8px; z-index: 999999; }
.w-overlay { width: 100%; height: 100%; background: rgba(255,255,255,0.6); position: fixed; top: 0; left: 0; display: none; z-index: 9; }
.navigation li:hover > .mpic1 { display: block !important; transition-duration: 2s; }
.droupmenu { display: none; }
#m1 { left: 0px; width: 1000px; display: block; }
.mpic1 { background: url(../img/mbg2.html) no-repeat 95% 60px #fff; transition: all 2s ease-in-out; }
.menus { position: absolute; top: 46px; z-index: 100; background: #fff; z-index: 99; width: 200px; display: none; padding:7px 0px 10px 0px; border-top: 0 none; box-shadow: 0px 2px 5px 0px rgba(105,112,113,.5); border-bottom: 0px solid #fff; }
.menus ul { float: left; width: 90%; border-right: 1px solid #ccc; }
.menus p { font-size: 15px; color: #0a57a2; font-weight: 600; margin-bottom: 5px; }
.navigation li > .menus li { font-size: 10px !important; color: #222 !important; font-weight: 400; display: block; padding:8px 15px; }
.menus li a { font-size: 14px !important; }
.menus ul:last-child { border: none; }
.top-icon { position: absolute; top: -15px; left:12%; }
.storybox h3 { font-size: 15px; color: #0a57a2; margin: 10px 0px 5px 0px; font-weight: 500; text-align: center; font-family: Roboto; line-height: 18px; }
.storybox p { font-size: 15px; color: #333; margin: 0px 0px; text-align: center; font-family: Raleway; padding: 0px 20px; }
.owl-carousel.owl-drag .owl-item { overflow: hidden; }
.home-demo .item:hover > .back-col { transition-duration: 1s; position: absolute; top: 0px; left: 0; background: rgba(144, 173, 45, 0.3); }
.back-col { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; padding: 20px; background: rgba(0, 0, 0, 0.2); text-align: center; }
.back-col a h4 { font-size: 20px; color: #fff; text-align: center; padding-top: 54%; font-weight: 400; font-family: Roboto; }
.home-demo .item:hover > .back-col2 { transition-duration: 1s; position: absolute; top: 0px; right: 0; background: rgba(144, 173, 45, 0.3); }
.back-col2 { position: absolute; top: 0px; right: 0px; width: 100%; height: 100%; padding: 20px; background: rgba(0, 0, 0, 0.2); text-align: center; }
.back-col2 a h4 { font-size: 20px; color: #fff; text-align: center; padding-top: 54%; font-weight: 400; font-family: Roboto; }
.owl-item active { width: 350px !important;}
/* HOME BLOCKS */
.way_book_section { position: relative; background-color: #666; background-attachment: fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 80px 0; margin-bottom: 30px;}
.way_book_section img { width: 100%; }
.overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #063258; opacity: 0.8; z-index: 0; height: 680px; }
.way_book_section > .container { position: relative;}
.way_book_outer { overflow: hidden;}
.way_book { margin: 0 -20px; padding: 0;}
.way_book > li { list-style: none; width: 25%; float: left; padding: 0 20px;}
.way_book > li > div { position: relative;}
.box_icon { width: 40px; height: auto; margin: 0 auto 20px;}
.box_icon img { max-width: 100%; max-height: 100%;}
.way_book > li p { color: #fff; opacity: 0.8;}
.way_book > li h4, .way_book > li p { color: #fff;}
.way_book > li > div .block_link { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.way_book_section .heading1, .way_book_section .subhead { color: #fff;}
.newsletter_input .scuccess-msg { color: #B3D968; padding-top: 5px; padding-left: 60px;}
.box_icon span { background: #126ec6; border-radius: 50%; width: 40px; height: 40px; line-height: 40px; display: block;}
/*.way_book > li > div:hover span{background:#ff0000 !important;}*/
.heading1 { font-size: 45px; color: #0a57a2; font-weight: 500; font-family: Playball; display: block; text-align: center; padding-top: 30px;}
.subhead { display: block; margin: 20px 0px 40px 0px; line-height: 28px;}
#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 { display: none; padding: 25px 0px; }
.nbs-flexisel-container { position: relative; max-width: 100%; }
.nbs-flexisel-ul { position: relative; width: 99999px; margin: 0px; padding: 0px; list-style-type: none; text-align: center; overflow: auto; margin-top: 30px; }
.nbs-flexisel-inner { position: relative; overflow: hidden; float: left; width: 100%; background: #fff; }
.nbs-flexisel-item { float: left; margin: 0px; padding: 0px; cursor: pointer; position: relative; line-height: 0px; }
.nbs-flexisel-item img { max-width: 100%; cursor: pointer; position: relative; margin-top: 10px; margin-bottom: 10px; }
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right { position: absolute; cursor: pointer; z-index: 4; top: 13%; transform: translateY(-50%); background: url(../images/Right.html) no-repeat; height: 35px; width: 36px; font-size: 0px; }
.nbs-flexisel-nav-left { position: absolute; cursor: pointer; z-index: 4; top: 13%; transform: translateY(-50%); background: url(../images/left.html) no-repeat; height: 35px; width: 36px; font-size: 0px; }
.nbs-flexisel-nav-left { left: 47%; }
.nbs-flexisel-nav-left:before { content: "<"; }
.nbs-flexisel-nav-left.disabled { opacity: 0.4; }
.nbs-flexisel-nav-right { right: 47%; }
.nbs-flexisel-nav-right:before { content: ">"; }
.nbs-flexisel-nav-right.disabled { opacity: 0.4; }

.footer { padding: 30px 0px; margin-top: 0px; background: #302d34; }
.companys { text-align: left; }
.companys h3 { font-size: 18px; color: #fff; display: block; margin: 6px 0px; font-weight: 400; font-family: Roboto; }
.companys li { display: block; padding: 2px 0px; text-align: left; }
.companys li a { text-align: center; color: #fff; font-size: 15px; font-weight: 400; font-family: Roboto; }
.iconss:nth-child(4n+4) li { display: inline; float: left; }
.companys p { display: block; padding: 2px 0px; text-align: left; margin: 10px 0px; color: #fff; font-weight: 400; font-family: Roboto; }
.companys2 a { display: block; padding: 2px 0px; text-align: left; margin: 10px 0px; color: #fff; font-weight: 400; font-family: Roboto; font-size: 13px; }
.companys2 h3 { font-size: 18px; color: #fff; display: block; margin: 6px 0px; }
.companys2 li { display: inline-block; padding: 2px 0px; text-align: left; }
.companys2 li a { text-align: center; color: #fff; font-size: 15px; }
.companys2 p { display: block; padding: 2px 0px; text-align: left; margin: 10px 0px; color: #fff; line-height: 28px; }
#newsletter-container { background: #fff; padding:12px 0px; margin-bottom: 30px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#newsletter-container h3 { font-size: 25px; line-height: 46px; color: #333; text-transform: uppercase; margin: 0; float: left; width: 60%; font-weight: 600; font-family: Playball; letter-spacing: 5px; }
.companys li a:hover { color: #000; }
.companys p i { font-size: 25px; color: #000; }
#newsletter-container form { float: right; }
#newsletter-container input[type=text] { height: 46px; width: 400px; vertical-align: top; margin-right: 0px; border-radius: 0px; border: 1px solid #ff5586; background: #fff; line-height: 20px; padding: 5px 10px 5px 20px; color: #727b7c; display: inline-block; border-radius: 30px; }
input, select, textarea { outline: 0;}
#newsletter-container .btn { padding: 13px 20px; font-size: 17px; line-height: 20px; position: absolute; border: none; border-radius: 30px; right: 1%; }
.btn-custom-3 { color: #fff; background-color: #fb3a72; border-color: #5c5f5e; border: 1px solid #fff;}
.btn-custom-3:hover { color: #fff; background-color: #0a57a2; border-color: #fff; }

.copy-right { padding: 20px 0px; text-align: center; font-size: 14px; color: #999; background: #2a272d; border-top: 1px solid #413d46; }

#cssmenu{display:none;}
.sticky{display:block;}


#hamburger { width: 30px; position: relative; margin: auto; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }

#hamburger span { display: block; position: absolute; height: 5px; width: 100%; background: #333; border-radius: 9px; opacity: 1; left: 7px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }

#hamburger span:nth-child(1) { top: 0px; }

#hamburger span:nth-child(2) { top: 11px; }

#hamburger span:nth-child(3) { top: 22px; }

#hamburger.open span:nth-child(1) { top: 11px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }

#hamburger.open span:nth-child(2) { opacity: 0; left: -30px; }

#hamburger.open span:nth-child(3) { top: 11px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

.sitenavigation ul { margin: 0; padding: 0; float: right; }
.sitenavigation li { list-style-type: none; padding: 0; margin: 0; display: inline-block; margin-left: -4px; line-height: 20px; }
.sitenavigation li.nav-dropdown:hover > a { background-color: #CCC !important; color: #000; }
.sitenavigation li a { color: #758283; text-decoration: none; display: block; padding: 11px 14px; font-size: 0.9375em; -webkit-tap-highlight-color: transparent; }
.sitenavigation li a.nav-path-selected, .sitenavigation li a.linkclicked { color: white; background-color: #ECECEC; }
.sitenavigation li a.nav-selected { background-color: #777; color: #000; }
.sitenavigation li a:hover { background-color: #CCC !important; color: #000; }
.sitenavigation li.clicked > ul { display: block; }
.sitenavigation li ul { display: none; position: absolute; min-width: 200px; max-width: 300px; padding: 0; margin: 0; }
.sitenavigation li ul a { background-color: #dfdfdf; font-size: 0.8125em; }
.sitenavigation li ul li { float: none; display: block; margin: 0; }
.sitenavigation li ul ul { left: 100%; margin-top: -40px; }
.sitenavigation li ul ul a { background-color: lightgray; }
.sitenavigation .nav-dropdown:hover > a, .sitenavigation .nav-dropdown.clicked > a { background-color: #ECECEC; }

.no-js .sitenavigation li:hover > ul { display: block !important; }

.menu-icon { display: none; }


nav { position: relative; margin: 0 auto; }
.menu { margin: 0; padding: 0; }
.menu ul { margin: 0; padding: 0; }
#cssmenu,
.menu,
.menu li,
.menu li a,
#head-mobile { border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#cssmenu:after,
#cssmenu > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
#cssmenu #head-mobile { display: none; }
#cssmenu { background:#e84365; display: none; z-index:99999;}
#cssmenu > ul > li { float: left; }
#cssmenu > ul > li > a { padding:11px 17px; font-size: 14px; letter-spacing: 1px; text-decoration: none; color: #fff; text-transform: uppercase; font-weight: 500; }
#cssmenu > ul > li:hover > a,
#cssmenu ul li.active a { color: #fff; }
#cssmenu > ul > li:hover,
#cssmenu ul li.active:hover,
#cssmenu ul li.active,
#cssmenu ul li.has-sub.active:hover{-webkit-transition: background .1s ease; -ms-transition: background .1s ease; transition: background .1s ease; }
#cssmenu > ul > li.has-sub > a { padding-right: 30px; }
#cssmenu > ul > li.has-sub > a:after { position: absolute; top: 22px; right: 11px; width: 8px; height: 2px; display: block; background: #ddd; content: ''; }
#cssmenu > ul > li.has-sub > a:before { position: absolute; top: 19px; right: 14px; display: block; width: 2px; height: 8px; background: #ddd; content: ''; -webkit-transition: all .1s ease; -ms-transition: all .1s ease; transition: all .1s ease; }
#cssmenu > ul > li.has-sub:hover > a:before { top: 23px; height: 0; }
#cssmenu ul ul { position: absolute; left: -9999px; }
#cssmenu ul ul li { height: 0; -webkit-transition: all .1s ease; -ms-transition: all .1s ease; background: #333; transition: all .1s ease; }
#cssmenu ul ul li:hover { }
#cssmenu li:hover > ul { left: auto; }
#cssmenu li:hover > ul > li { height: 35px; }
#cssmenu ul ul ul { margin-left: 100%; top: 0; }
#cssmenu ul ul li a { border-bottom: 1px solid rgba(150, 150, 150, 0.15); padding:9px 15px; width: 170px; font-size: 13px; text-transform: uppercase; text-decoration: none; color: #ddd; font-weight: 500; }
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a { border-bottom: 0; }
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover { color: #fff; }
#cssmenu ul ul li.has-sub > a:after { position: absolute; top: 16px; right: 11px; width: 8px; height: 2px; display: block; background: #ddd; content: ''; }
#cssmenu ul ul li.has-sub > a:before { position: absolute; top: 13px; right: 14px; display: block; width: 2px; height: 8px; background: #ddd; content: ''; -webkit-transition: all .1s ease; -ms-transition: all .1s ease; transition: all .1s ease; }
#cssmenu ul ul > li.has-sub:hover > a:before { top: 17px; height: 0; }
#cssmenu ul ul li.has-sub:hover,
#cssmenu ul li.has-sub ul li.has-sub ul li:hover { background: #363636; }
#cssmenu ul ul ul li.active a { border-left: 1px solid #333; }
#cssmenu > ul > li.has-sub > ul > li.active > a,
#cssmenu > ul ul > li.has-sub > ul > li.active > a { border-top: 1px solid #333; }


@media screen and (max-width: 1440px) {
    .banner { padding-top: 0px; overflow: hidden; position: relative; height: 590px; }

}

@media screen and (max-width: 1280px) {
    .navigation li a { font-size: 14px; }
    .navigation li { float: none; padding: 12px 10px; display: inline-block; }
    .banner-content { width: 50%; margin: 0 auto; display: table-cell; vertical-align: middle; }
    .bgcolor { height: 100%; }
    .banner { padding-top: 0px; overflow: hidden; position: relative; height: 530px; }
    .aboutus { padding: 22px 0px 22px 30px; }
    .section h4 { font-size: 50px; letter-spacing: 5px; color: #111; padding: 5px 0px; font-family: Playball; }
    .parallax h4 { font-size: 50px; }
    columns h4 { font-size: 50px; color: #111; padding: 10px 0px; }
}

@media screen and (max-width: 1200px) {
    .navigation li a { font-size: 14px; }
    .navigation li { float: none; padding: 12px 10px; display: inline-block; }
    .banner-content { position: absolute; top:20%; width: 70%; }
    .aboutus { padding: 22px 0px 22px 30px; }
    .section h4 { font-size: 50px; letter-spacing: 5px; color: #111; padding: 5px 0px; font-family: Playball; }
    .parallax h4 { font-size: 50px; }
    columns h4 { font-size: 50px; color: #111; padding: 10px 0px; }
}

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

.navigation li a { font-size: 14px; }
.navigation li { float: none; padding: 12px 10px; display: inline-block; }
.banner-content { position: absolute; top: 18%; width:70%; }
.aboutus h2 { font-size: 40px; padding: 0px; }
.aboutus p { margin-bottom: 0px; }
.section h4 { font-size: 40px; }
.firstcol strong { font-size: 40px; padding: 40px 10px; }
.firstcol2 strong { font-size: 40px; padding: 40px 10px; }
.firstcol3 strong { font-size: 40px; padding: 40px 10px; }
.firstcol4 strong { font-size: 35px; padding: 40px 10px; }
.parallax h4 { font-size: 50px; }
.columns h4 { font-size: 50px; }
#newsletter-container h3 { font-size: 20px; width: 55%; letter-spacing: 3px;}
.footerheading p { font-size: 16px; }
#newsletter-container { padding: 16px 0px;}

}


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

.navigation li a { font-size: 14px; }
.navigation li { float: none; padding: 12px 10px; display: inline-block; }
.banner-content { position: absolute; top: 16%; width: 80%; }
.aboutus h2 { font-size: 40px; padding: 0px; }
.aboutus p { margin-bottom: 0px; }
.section h4 { font-size: 40px; }
.firstcol strong { font-size: 40px; padding: 40px 10px; }
.firstcol2 strong { font-size: 40px; padding: 40px 10px; }
.firstcol3 strong { font-size: 40px; padding: 40px 10px; }
.firstcol4 strong { font-size: 35px; padding: 40px 10px; }
.parallax h4 { font-size: 50px; }
.columns h4 { font-size: 50px; }
#newsletter-container h3 { font-size: 20px; width: 55%; letter-spacing: 3px;}
.footerheading p { font-size: 16px; }
#newsletter-container { padding: 16px 0px;}

}


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

.navigation li a { font-size: 13px; }
.navigation li { float: none; padding: 12px 10px; display: inline-block; }
.banner-content { position: absolute; top: 16%; width: 80%; }
.aboutus h2 { font-size: 40px; padding: 0px; }
.aboutus p { margin-bottom: 0px; }
.section h4 { font-size: 40px; }
.firstcol strong { font-size: 40px; padding: 40px 10px; }
.firstcol2 strong { font-size: 40px; padding: 40px 10px; }
.firstcol3 strong { font-size: 40px; padding: 40px 10px; }
.firstcol4 strong { font-size: 35px; padding: 40px 10px; }
.parallax h4 { font-size: 50px; }
.columns h4 { font-size: 50px; }
#newsletter-container h3 { font-size: 20px; width: 55%; letter-spacing: 3px;}
.footerheading p { font-size: 16px; }
#newsletter-container { padding: 16px 0px;}

}


@media screen and (max-width: 992px) {
.sticky { display: none; }
header { max-width: 1000px; margin-left: auto; margin-right: auto; }

.navbar { width: 100%; background-color: #f9f9f9; border: thin solid #ededed; height: 44px; }
.navbar .logo { padding: 11px; font-size: 0.9375em; font-weight: 800; float: left; }
#cssmenu { display: block; }

.logo { position: absolute; top: 0; left: 0; width: 100%; height: 46px; text-align: center; padding: 10px 0 0 0; float: none; }
.logo2 { display: none; }

#top-header { background: #000; }
.logo { display: none; }
.logo22 { display: block; }
.logo22 { text-align: center; margin: 0 auto; }
.logo22 img { display: block; margin: 0 auto; width: 180px; }
.callus { float: none; text-align: center; display: block; line-height:24px; color:#fff;}
.socialN-icon { float: none; display: block; text-align: center; }
.callus2 { float: none; text-align: center; display: block;  line-height:24px; color:#fff;}
.callus strong{font-weight:500; color:#fff; padding-right:5px; }
.callus2 strong{font-weight:500; color:#fff; padding-right:5px; }

.content { position: absolute; top:16%; width:70%;}
.banner-content strong { font-size: 20px;}
.banner-content h2 { font-size: 30px;}
.aboutus { padding: 0px 0px 0px 0px; border-left: none; text-align: left;}
.aboutus h2 { font-size: 50px; padding: 0px;}
.section h4 { font-size: 40px; padding: 0px; }
.section p { padding: 10px 25px; }
.firstcol strong { padding: 10px 10px; font-size: 35px; }
.firstcol2 strong { padding: 10px 10px; font-size: 35px; }
.firstcol3 strong { padding: 10px 10px; font-size: 35px; }
.firstcol4 strong { padding: 10px 10px; font-size: 30px; }
.parallax h4 { font-size: 40px; }
.columns h4 { font-size: 40px; }
#newsletter-container h3 { font-size:25px; width: 100%; letter-spacing:3px; padding:15px 0px;}
#newsletter-container form { float: none; }
#newsletter-container input[type=text] { width: 100%; }
#newsletter-container { background: #fff; padding: 0px 0px 25px; }

nav { width: 100%; }
#cssmenu { width: 100%; }
#cssmenu ul { width: 100%; display: none; }
#cssmenu ul li { width: 100%; border-top: 1px solid #f55a7a; }
#cssmenu ul li:hover { background: #363636; }
#cssmenu ul ul li,
#cssmenu li:hover > ul > li { height: auto; }
#cssmenu ul li a,
#cssmenu ul ul li a { width: 100%; border-bottom: 0; }
#cssmenu > ul > li { float: none; }
#cssmenu ul ul li a { padding-left: 25px; }
#cssmenu ul ul li { background: #10956d!important; }
#cssmenu ul ul li:hover { background: #363636!important; }
#cssmenu ul ul ul li a { padding-left: 35px; }
#cssmenu ul ul li a { color: #fff; background: none; }
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.active > a { color: #fff; }
#cssmenu ul ul,
#cssmenu ul ul ul { position: relative; left: 0; width: 100%; margin: 0; text-align: left; }
#cssmenu > ul > li.has-sub > a:after,
#cssmenu > ul > li.has-sub > a:before,
#cssmenu ul ul > li.has-sub > a:after,
#cssmenu ul ul > li.has-sub > a:before { display: none; }
#cssmenu #head-mobile { display: block; padding: 11px 15px; color: #fff; font-size: 22px; font-weight: 400; }
.button {position:relative; right: 0; left: 0; top:-46px; cursor: pointer; z-index: 12399994; }
.button:after { position: absolute; top: 23px; right: 20px; display: block; height: 10px; width: 28px; border-top: 2px solid #dddddd; border-bottom: 2px solid #dddddd; content: ''; }
.button:before { -webkit-transition: all .1s ease; -ms-transition: all .1s ease; transition: all .1s ease; position: absolute; top: 14px; right: 20px; display: block; height: 2px; width: 28px; background: #ddd; content: ''; }

/*.button.menu-opened:after { -webkit-transition: all .1s ease; -ms-transition: all .1s ease; transition: all .1s ease; top: 23px; border: 0; height: 2px; width: 19px; background: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.button.menu-opened:before { top: 23px; background: #fff; width: 19px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }*/

#cssmenu .submenu-button { position: absolute; z-index: 99; right: 0; top: 0; display: block; border-left: 1px solid #444; height:32px; width: 46px; cursor: pointer; }
#cssmenu .submenu-button.submenu-opened { background: #0aaa7a; }
#cssmenu ul ul .submenu-button { height: 34px; width: 34px; }
#cssmenu .submenu-button:after { position: absolute; top:14px; right:18px; width:10px; height: 2px; display: block; background: #fff; content: ''; }
#cssmenu ul ul .submenu-button:after { top: 15px; right: 13px; }
#cssmenu .submenu-button.submenu-opened:after { background: #fff; }
#cssmenu .submenu-button:before { position: absolute; top:10px; right:22px; display: block; width: 2px; height:10px; background: #fff; content: ''; }
#cssmenu ul ul .submenu-button:before { top: 12px; right: 16px; }
#cssmenu .submenu-button.submenu-opened:before { display: none; }
#cssmenu ul ul ul li.active a { border-left: none; }
#cssmenu > ul > li.has-sub > ul > li.active > a,
#cssmenu > ul ul > li.has-sub > ul > li.active > a { border-top: none; }

.page-breadcrumb { position: static; }
.paddings { padding: 20px 0px; }
.topbox2 { text-align: center; width: 100%; }
.about_content2 { height: auto; padding: 5px 15px; }
.banquet { height: auto; margin:15px 0px;}
.about_content2 { margin: 15px 0px; display:block;}
.banquet img { height:auto;}
.breadcrumb li a { font-size: 16px; }
.breadcrumb li { font-size:16px; }
.topbox2 p { padding-top: 0px; }
.topbox2 h4 { font-size: 18px; margin-bottom:15px;}
.topbox2 p { font-size: 15px; line-height: 22px; }
.about_content-n1 { padding: 10px 0px; height:auto;}
.firstbox { padding: 0px 20px 20px 20px; }
.about_content-n { height: auto; padding:0px;}
.about_content-n strong { font-size: 22px; padding:16px 0px 0px;}
.inner-container { width: 97%; }
.about-us { height: 200px; }
.mission { height: auto; }
.space-small { padding: 20px 0px 0px 0px; }
.contactform { width: 90%; }
.contactform strong { font-size: 18px; color: #a8206c; padding: 0px 0px 15px; font-weight: 500; line-height: 24px; }
.contact-form input { margin-bottom: 15px; padding: 10px; }
.contact-block { padding: 10px; height: auto; margin-bottom:15px;}
.page-breadcrumb .breadcrumb { padding: 0px 15px; display:block;}
.about_content2 strong { font-size: 20px; }
.about_content2 p { font-size: 15px; line-height:22px;}

}


@media screen and (max-width: 767px) {
    .bullet li { width: 100%; font-size:16px;}

    .banner { height: auto; }
    .videos { height: auto; }

.carousel-control.left { display: none; }
.carousel-control.right { display: none; }
.min-header { position: static !important; }

.page-breadcrumb { position: static; }
.paddings { padding: 20px 0px; }
.topbox2 { text-align: center; width: 100%; }
    .topbox_para {width:100%; }
.about_content2 { height: auto; padding: 5px 15px; }
.banquet { height: auto; margin:15px 0px;}
.about_content2 { margin: 15px 0px; display:block;}
.banquet img { height:auto;}
.breadcrumb li a { font-size: 16px; }
.breadcrumb li { font-size:16px; }
.topbox2 p { padding-top: 0px; }
.topbox2 h4 { font-size: 18px; margin-bottom:15px;}
.topbox2 p { font-size: 15px; line-height: 22px; }
.about_content-n1 { padding: 10px 0px; height:auto;}
.firstbox { padding: 0px 20px 20px 20px; }
.about_content-n { height: auto; padding:0px;}
.about_content-n strong { font-size: 22px; padding:16px 0px 0px;}
.inner-container { width: 97%; }
.about-us { height: 200px; }
.mission { height: auto; }
.space-small { padding: 20px 0px 0px 0px; }
.contactform { width: 90%; }
.contactform strong { font-size: 18px; color: #a8206c; padding: 0px 0px 15px; font-weight: 500; line-height: 24px; }
.contact-form input { margin-bottom: 15px; padding: 10px; }
.contact-block { padding: 10px; height: auto; margin-bottom:15px;}
.page-breadcrumb .breadcrumb { padding: 0px 15px; display:block;}
.about_content2 strong { font-size: 20px; }
.about_content2 p { font-size: 15px; line-height:22px;}
    .topbox_para span { line-height: 22px; font-size: 15px; }
.bg { height: 200px;}
.bg2{ height: 200px;}
.bg3{ height: 200px;}
.bg4{ height: 200px;}
.bg5{height: 200px;}
 .columnss { position: relative; padding: 0px 30px; }
    .firstcol{margin-bottom: 20px; display:block;}
    .firstcol2{margin-bottom: 20px; display:block; }
    .firstcol3{margin-bottom: 20px; display:block; }
    .firstcol4{margin-bottom: 20px; display:block; }


.banner-content { position: absolute; top: 10%; width:88%; display:none;}
.banner-content strong { font-size: 12px; }
.banner-content h2 { font-size: 18px; color: #fff; text-align: center; padding: 10px 0px; font-family: Playball; }
.popup-btn { background: #e84365; padding: 8px 30px 11px; font-size: 13px; color: #fff; border-radius: 30px; font-weight: 500; display: inline-block; margin-top: 5px; }
.aboutus { padding: 0px 0px 0px 0px; border-left: none; text-align: left; }
.aboutus h2 { font-size: 40px; padding: 0px; }
.padding { display: block; padding: 10px 0px; }
.section h4 { font-size: 30px; letter-spacing: 2px; color: #111; padding: 0px 0px; font-family: Playball; }
.section { background: #f7f3f3; padding: 20px 0px; }
.section p { font-size: 16px; color: #333; text-align: justify; padding: 0px 15px; color: #000; line-height: 22px; }
.firstcol { width: 100%; display: block; float: none; overflow: hidden; }
.firstcol2 { width: 100%; display: block; padding-top: 0px; position: static; left: 0px; right: 0px;  overflow: hidden; }
.firstcol3 { width: 100%; display: block; float: none; overflow: hidden; }
.firstcol4 { width: 100%; display: block; float: none; overflow: hidden; }

.firstcol strong { letter-spacing: 2px; text-align: center; font-size: 30px; color: #e84365; padding: 10px 10px; font-family: Playball; font-weight: 300; display: block; }
.firstcol2 strong { letter-spacing: 2px; text-align: center; font-size: 30px; color: #e84365; padding: 10px 10px; font-family: Playball; font-weight: 300; display: block; }
.firstcol3 strong { letter-spacing: 2px; text-align: center; font-size: 30px; color: #e84365; padding: 10px 10px; font-family: Playball; font-weight: 300; display: block; }
.firstcol4 strong { letter-spacing: 2px; text-align: center; font-size: 30px; color: #e84365; padding: 10px 10px; font-family: Playball; font-weight: 300; display: block; line-height:33px;}
.padding2 { display: block; padding: 20px 0px 20px 0px; }
.mobiles { display: block; }
.windows { display: none; }
.parallax h4 { font-size: 50px; }
.columns h4 { font-size: 40px; color: #111; padding: 15px 0px; font-family: Playball; text-align: center; letter-spacing: 3px; }
.columns2 h4 { font-size: 35px; letter-spacing: 3px; }
.padding3 { padding: 0px; }
.middle { width: 100%; }
.testimonial_para p { font-size: 15px; line-height: 22px; }
.testimonial_para h4 { font-size: 14px; letter-spacing: 2px; }
.jack img { width: 110px; }
#newsletter-container h3 { font-size: 16px; width: 100%; letter-spacing: 0px; }
#newsletter-container form { float: none; }
#newsletter-container input[type=text] { width: 100%; }
.columns4 img { margin-bottom: 20px; width: 200px; }
.paddings5 { padding: 0px; border: none; }
.footerheading p { height: auto; padding: 12px 0px; }
.followus { padding-top: 5px; }
.footer { padding: 20px 0px; }

#top-header { background: #000; }
.logo { display: none; }
.logo22 { display: block; }
.logo22 { text-align: center; margin: 0 auto; }
.logo22 img { display: block; margin: 0 auto; width: 180px; }
.callus { float: none; text-align: center; display: none; line-height:24px; color:#fff;}
.socialN-icon { float: none; display: block; text-align: center; }
.callus2 { float: none; text-align: center; display: none;  line-height:24px; color:#fff;}

.callus strong{font-weight:500; color:#fff; padding-right:5px; }
.callus2 strong{font-weight:500; color:#fff; padding-right:5px; }



}

@media (max-width: 640px) {
.flex-viewport { max-height: 250px; }
.middle-box22.wow.fadeInDown.animated li:first-child { padding-top: 22px; }
}

@media (max-width: 360px) {
.flex-viewport { max-height: 130px; }
.middle-box22.wow.fadeInDown.animated li:first-child { padding-top: 13px; }
}

@media (max-width: 480px) {
.flex-viewport { max-height: 170px; }
.listing-box-events { width: 100%; }
}

@media (max-width: 320px) {
.flex-viewport { max-height: 145px; }
.middle-box22.wow.fadeInDown.animated li:first-child { padding-top: 10px; }
}


/* ----------------THANKS PAGE---------------- */

.thanks-block .jumbotron{
  background: #e9c0c82e;
  margin: 0;
  padding: 100px 0;
}
.thanks-block h1{
  color:#e84365
}