@import url('https://fonts.googleapis.com/css?family=Rancho');
@import url('https://fonts.googleapis.com/css?family=Concert+One|Courgette|Patrick+Hand|Rancho');
html,body{font-size:100%;/*background:url(../images/bg2.jpg) repeat;*/font-family:'Lato',sans-serif!important;line-height:160%}
.head{padding:0 10px 10px;background-color:#fff;height:123px;}
.m{margin:10px}
.logo{padding:0; z-index:4;}
.logo img{padding:0px 4px 4px 50px;}
.menu{padding:0;margin:50px 0 0}
.state{padding:10px 0 0 0;color: #000000;font-weight:normal;text-align:center;font-size:16PX;line-height:25px;margin:0;}
.state a{color: #000000;text-decoration: none;}
/*:root{
    --color_1: #eb3b5a;
    --color_2: #78172d;
    --color_3: #8854d0;
    --color_4: #20bf6b;
}*/
#youtube1{margin:0;position:relative;padding-bottom:56%;padding-top:.3%;height:0;overflow:hidden}
#youtube1 iframe{border-right-color:#1px double #033;position:absolute;top:0;left:0;width:100%!important;height:100%!important}

.black{color:#333}
.blue{color:#e26811; font-size:17px}
.carousel-inner > .item > img{width:100%}
.padding{padding-top:2%;padding-bottom:3%}
.five{color:#006BB6;font-size:130%;margin-bottom:5px; background-image: linear-gradient(to bottom,#6cbf22 0%,#5daf13 100%); color:#FFF; padding:5px 10px}
.five-1{color:#fff;font-size:20px;margin-bottom:5px; color:#FFF; padding:0px 0px}
.res{    background: rgb(1, 61, 122);background-repeat:repeat-x;border-radius:0;border:0;color:#fff;padding:0;margin:0 auto}
.co{padding:.5em 10px} .n{padding:0 10px 0 0; margin:10px 0 0}
.res .margin{margin-top:18px}
.res .p{color:#fff;       background-image: linear-gradient(to bottom,rgb(91, 88, 99) 9%,#7b7981 100%);display:block;margin:0;text-align:center;line-height:62px;font-size: 19px;}
.section{background-position:no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.bg{background:#000000;}

<!--atart--dropdoun-->
#accordion-first .accordion-group {
    margin-bottom: 10px;
}

#accordion-first .accordion-heading, #accordion-first .accordion-toggle:hover, #accordion-first .accordion-heading .accordion-toggle.active {
    background: none repeat scroll 0% 0% transparent;
}
#accordion-first .accordion-heading {
    border-bottom: 0px none;
    font-size: 14px;
	border: 1px solid #ccc;
}

#accordion-first .accordion-heading .accordion-toggle  {
    display: block;
    cursor: pointer;
    padding: 0px 1px 13px 0px;
    color: #222;
    outline: medium none !important;
    text-decoration: none;
	
}

#accordion-first .accordion-heading .accordion-toggle .active em{background-color: #F7C221;}

 #accordion-first .accordion-heading .accordion-toggle > em {
    
    border-radius:0px;
    color: #E21B22;
    font-size: 14px;
    height: 32px;
    line-height:50px;
    margin-right: 10px;
    text-align: center;
    width: 32px;}
	
	<!--end-dropdoun-->
	.accordion_item {
display: inline-block;
width: 100%;
border-bottom: 1px solid #ccc;
padding: 12px 18px 12px 18px;
background: #9e9008;
}
.accordion_title {
font-size: 16px;
font-weight: bold;
text-transform:capitalize;
color: #fff;
line-height: 140%;
display: block;
position: relative;
cursor: pointer;
padding: 8px 40px 8px 8px;
}
.accordion_title:after {
content: "";
width: 0;
height: 0;
top: 50%;
right: 15px;
border: 6px solid transparent;
border-top-color: #fff;
margin-top: -3px;
position: absolute;
display: inline-block;
transition: border 400ms 
ease;
}
.accordion_item.active {
    background: grey;
}
.accordion_content {
display: none;
padding: 15px;
background: #fff;
color: #333;
}
.accordion_item {
display: inline-block;
width: 100%;
border-bottom: 1px solid #ccc;
padding: 12px 18px 12px 18px;
background: #918F94;
}
.head-aa {
    color: #fff;
    font-size: 20px;
	text-align:left;
    text-transform: uppercase;
}
<!--Start-dropdown-->
.dropdown {
   position: relative;
   display: inline-block;
}
.bott-1 { width:100%; border-bottom:1px dashed #ccc; margin:2em 0 0 0;}
.mar-pad { margin:0 auto;}
.dropdown-content {
   display: none;
   position: absolute;
   background-color: #f9f9f9;
   min-width: 160px;
   text-transform:capitalize;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index:3000
}

.dropdown-content a {
   color: black;
   padding: 12px 16px;
   text-decoration: none;
   display: block;
}

.dropdown-content a:hover {background-color: #666}

.dropdown:hover .dropdown-content {
   display: block;
}

.dropdown:hover .dropbtn {
   background-color: #3e8e41;
}
<!--end-dropdown-->
@media (max-width:991px) {
.navbar-fixed-top{position:static}
.navbar-default .navbar-nav > li > a{border-top-left-radius:0;border-top-right-radius:0;margin:0}
.menu{padding:0;margin:0}.logo{ text-align:center}
}
@media (min-width:992px) and (max-width:1199px) {
.nav > li > a{padding:10px 12px}.menu{padding:0;margin:47px 0 0}
}
@media (min-width:768px) and (max-width:991px) {
.nav > li > a{padding:10px 21px;}
.navbar-default .navbar-nav > li > a{margin:0 1px}
.head{height:auto;}
.navbar-fixed-top{position:static}
}
@media (min-width:768px) and (max-width:1024px) {
.state {
    padding: 10px 0 0 0;
    color: #000;
    font-weight: normal;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-size: 13px;
}
}
@media (min-width:1024px) and (max-width:1025px) {
.navbar-nav {
    float: left;
    margin: 0;
    margin-top: -35px;
}
}
@media (min-width:1200px) {
.nav > li > a{padding:10px 17px}
.nav{margin:-2.0% 0 0}
}
footer{font-size:13px;text-align:center;}
footer a{ color:#14488F;}
footer a:hover{ color:#14488F;}
.gallery{background: #044b78;  color:#ddd;border-top: 1px solid #9C9C9C;}
.gallery a{color:#FFF}
.gallery a:hover{color:#FFE600}
.gallery h4{color:#ffd204;font-size: 20px;
    text-transform: uppercase;}.box h4{color:#007662}
.dd{ z-index:1; margin-top:30px; margin-left:50px;}
.cap{padding:5px;color:#fff;text-align: center; background-color:#044b78; border-top:2px dotted #999;}
.cap a{color:#fff}
.social{margin:0;padding:0}
em.left{margin-left:10px}
.social ul li{margin:5px 0;list-style:none outside none;display:inline-block}
.social em{width:31px;height:31px;color:#fff;font-size:16px;text-align:center;padding-top:10px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;transition:all ease .3s;-moz-transition:all ease .3s;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-ms-transition:all ease .3s;margin-right:0}
.social em:hover{background-color:#909AA0;transition:all ease .3s;-moz-transition:all ease .3s;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-ms-transition:all ease .3s}
.social .fa-facebook{background:#4060A5}
.social .fa-google-plus{background:#e64522}
.social .fa-youtube{background:#FF1F25}
.social .fa-pinterest{background:#66F}
.social .fa-android{background:#AAD20C;}
.social .fa-apple{background:#928E8E;}
.social .fa-twitter{background:#03C2FB;}
.bullet li{display:block}
.bullet li:before{content:"\f0da";font-family:'FontAwesome';font-size:12px;float:left;margin-top:1px;margin-left:-15px;color:#999}
ul{list-style:none;margin:0;padding:0}
.carousel-control.left,.carousel-control.right{background-image:none}
.img-responsive{width:100%;height:auto}
.back-to-top{cursor:pointer;position:fixed;bottom:70px;right:20px;display:none}
.ekko-lightbox-container{position:relative}
.ekko-lightbox-nav-overlay{position:absolute;top:0;left:0;z-index:100;width:100%;height:100%}
.ekko-lightbox-nav-overlay a{z-index:100;display:block;width:49%;height:100%;font-size:30px;color:#fff;text-shadow:2px 2px 4px #000;opacity:0;filter:dropshadow(color=#000,offx=2,offy=2);-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}
.ekko-lightbox-nav-overlay a:empty{width:49%}
.ekko-lightbox a:hover{text-decoration:none;opacity:1}
.ekko-lightbox .glyphicon-chevron-left{left:0;float:left;padding-left:15px;text-align:left}
.ekko-lightbox .glyphicon-chevron-right{right:0;float:right;padding-right:15px;text-align:right}
.ekko-lightbox .modal-footer{text-align:left}
.modal-backdrop.in{-webkit-opacity:.95;-moz-opacity:.95;opacity:.95;background-color:#333}
.ekko-lightbox .modal-content{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border:none;background-color:transparent}
.ekko-lightbox .modal-header{border:0;padding-left:0;padding-right:0}
.ekko-lightbox .modal-header .close{-webkit-opacity:.5;-moz-opacity:.5;opacity:.5;color:#fff;text-shadow:0;font-weight:100;margin-top:5px}
.ekko-lightbox .modal-header .close:hover{-webkit-opacity:1;-moz-opacity:1;opacity:1}
.ekko-lightbox .modal-header h4.modal-title{font-weight:100;color:#fff;padding:0}
.ekko-lightbox .modal-body{padding:0}
.ekko-lightbox .modal-footer{-webkit-opacity:.9;-moz-opacity:.9;opacity:.9;border:0;color:#fff;font-weight:100;padding:0}
.ekko-lightbox-nav-overlay a{-webkit-opacity:.9;-moz-opacity:.9;opacity:.9;text-shadow:none}
.parallax {
    background-color: transparent;
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
    overflow: hidden;
}
.section {
    position: relative;
    background-color: #FFF;
    overflow: hidden;
}
.section .container {
    z-index: 2;
}
.mild-dark-overlay {
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.4);
}
.box{ background-color: rgba(0, 0, 0, 0.73); color:#fff; padding:0%; }
.videoWrapper{position:relative;padding-bottom:56.25%;padding-top:1px;height:0}
.videoWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.banner-bottom-grd{-webkit-transform:scale(1.3);transform:scale(1);-webkit-transition:all .7s ease;transition:all .7s ease;}
.banner-bottom-grd:hover{background:#494949;-webkit-transform:scale(1);transform:scale(1.1)}
.banner-bottom-grd h4 {color:#fffc03;text-align:center;}
.banner-bottom-grd h4 i{color:#fff;font-size:4.5em;margin:0 0 0.2em; display:block;}
.banner-bottom-grd h4 .fa { padding-right:0;}
.banner-bottom-grd p{margin:0 0 0.5em;color:#fff; text-align:center;}
.back{background:#f95c06}.back,.back1{ padding:1.5em;}
.back1{background:#0f2956}
.txtcolor{color:#FFE602;text-align: center;}
.txtbox {border-collapse:collapse;}
.panel-default,.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color:#333333;
	margin: 1% 0;
padding: 2px 0;
padding-left:5px;
}
.panel-group .panel-heading {
    border-bottom: 0;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}
.


.cls


element.style {
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd;
}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 1px solid #ddd;
}
.panel-body {
    padding: 15px;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;}
.amenities .description {
    display: block;
    margin: 5px 0;
    padding: 5px;
    height: auto;
    border-bottom: 1px dotted #000;
    border-top: 1px dotted #000;
}
.icon-color{color:#082c5a}
.txt-decorn{margin-top: -23px;border-bottom:2px dashed #FF6600;color: #454242; }
.txtcolor1{font-size:20px; color:#FF3300}
@media (min-width:320px) and (max-width:480px) {
.head{height:auto;}
.navbar-fixed-top{position:static}
h1 {
    font-size: 30px;
    text-transform: uppercase;
    font-family: 'helvetica_neuebold_condensed';
    font-weight: 500;
    text-align: center; line-height:1.1;
}
}
.ask {
/*    border: 1px solid #000;
*/    width: 204px;
    float: left;
    height: auto;
    margin-right: 24px;
    padding: 5px;
/*    background-image: linear-gradient(to bottom,#FFFFFF 0%,#FFFFFF 100%);
*/    text-align: center;
    color: #FFF;
    font-size: 14px;
    box-shadow: 5px 5px 10px grey;
}
.content {
    background: #fff;
}
.col {
    display: block;
    float: left;
/*    margin: 1% 0 1% 1.6%;
*/}

/*.span_1_of_3 {
    width: 31.2%;
}
*/.view {
   width: 95%;
   margin-bottom: 20px;
   float: left;
   border: 5px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   box-shadow: 0px 0px 5px #aaa;
   -webkit-box-shadow: 0px 0px 5px #aaa;
   -o-box-shadow: 0px 0px 5px #aaa;
   -moz-box-shadow: 0px 0px 5px #aaa;
   cursor: default;
}
.view .mask, .view .content {
   width: 300px;
   
   position: absolute;
   overflow: hidden;
   top:-25px;
   left:20px;
}
.view img {
   display: block;
   position: relative;
}
.effect img {
   opacity:1;
   -moz-transform:scale(1,1);
   -webkit-transform:scale(1,1);
   -o-transform:scale(1,1);
   -ms-transform:scale(1,1);
   transform:scale(1,1);
   -webkit-transition: all 0.2s ease-in;
   -moz-transition: all 0.2s ease-in;
   -o-transition: all 0.2s ease-in;
   -ms-transition: all 0.2s ease-in;
   transition: all 0.2s ease-in;
}
.effect .mask {
   opacity:0;
   overflow:visible;
   border-color:rgba(0,0,0,0.7) transparent transparent transparent;
   border-style:solid;
   border-width:150px;
   width:0;
   height:0;
   -moz-transform:translateY(-125px);
   -webkit-transform:translateY(-125px);
   -o-transform:translateY(-125px);
   -ms-transform:translateY(-125px);
   transform:translateY(-125px);
   -moz-transition: -moz-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
   -webkit-transition: -webkit-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
   -o-transition: -o-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
   -ms-transition: -ms-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
   transition: transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
}
.effect:hover img {
	opacity:0.7;
   -moz-transform:scale(2,2);
   -webkit-transform:scale(2,2);
   -o-transform:scale(2,2);
   -ms-transform:scale(2,2);
   transform:scale(2,2);
}
.effect:hover .mask {
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.effect:hover a.info {
	opacity:1;
   -moz-transform:translateY(100px);
   -webkit-transform:translateY(100px);
   -o-transform:translateY(100px);
   -ms-transform:translateY(100px);
   transform:translateY(100px);
}
.bggrey{ background:#fff;}
p.para{
	font-size: 17px;
	line-height: 1.5em;
	color: #FFDE03;
	margin-bottom: 10px;
}
.h-text{
	padding: 20px;
}
p.light {
	font-size:15px;
	line-height: 1.8em;
	color:#999;
	margin-bottom: 10px;
}
.bgstay{ background:#333333;}
.fac{font-size: 16px;
    color: #fff;
    font-weight: 500;
    line-height: 1.1;
    text-transform: none;
    padding-top: 25px;
}
.dropdown { position: relative; display: inline-block; } .bott-1 { width:100%; border-bottom:1px dashed #ccc; margin:2em 0 0 0;} .mar-pad { margin:0 auto;} .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 129px; text-transform:capitalize; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index:3000 } .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; } .dropdown-content a:hover {background-color: #C8140D; color:#fff;} .dropdown:hover .dropdown-content { display: block; } .dropdown:hover .dropbtn { background-color: #3e8e41; } 
.box1 {
    color: #fff;
    padding-top: 1%;
}
.color-strip {
    margin: 20px 0 30px;
    max-width: 100%;
    height: 2px;
    border-top: 0;
    background: #c4e17f;
    border-radius: 5px;
    background-image: linear-gradient(to right,#969494,#969494 12.5%,#969494 12.5%,#969494 25%,#969494 25%,#969494 37.5%,#969494 37.5%,#969494 50%,#969494 50%,#969494 62.5%,#969494 62.5%,#969494 75%,#969494 75%,#969494 87.5%,#969494 87.5%,#969494);
}
.news:hover img {
    box-shadow: 0 10px 6px -6px #000;
}
.news img {
    transition: all .7s ease;
}
.title-4{
	font-size: 18px;
    text-transform: uppercase;
    color: #fff; font-weight:500;
}
.gpdn{
	padding-top: 10px;
}
.title-2{
	font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    color: #FFFCFB;
}

.one_fourth {
/*    width: 25%;
*/    padding: 25px 10px 20px 10px;
    height: auto;
    float: left;
    margin: 0;
    animation-fill-mode: both;
    transition: all 0.3s ease-in 0s;
}
.arrow_box {
    width: 47%;
    position: relative;
    border: 5px solid #fff;
    border-radius: 4px;
    height: 80px;
    color: #727272;
    text-align: center;
    margin: 0 auto 32px auto;
}
.arrow_box {
    display: block;
}
.arrow_box img {
    font-size: 50px;
    color: #272727;
}
.fa-cog2 {
    background: rgba(0, 0, 0, 0) url("file://///neham/D/Neha Mene/Sub-Pages/Shravani/bwplusorangecounty/New/images/set2.png") no-repeat local 53px 16px;
display: block;
    margin: auto;
    padding: 30px;
}
.one_fourth h2 {
    font-family: 'Lato',sans-serif!important;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 4px;
    text-transform: capitalize;
    font-weight: normal;
    letter-spacing: 1px;
    color: #0b0b0d;
    text-align: center;
}
.one_fourth:hover {
    background: #b8b1a5 !important;
}
.arrow_box:before {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 16px;
    margin-left: -16px;
}

.arrow_box:after, .arrow_box:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.arrow_box:after {
    border-color: rgba(249, 249, 249, 0);
    border-top-color: #a8d063;
    border-width: 10px;
    margin-left: -10px;
}

.arrow_box:after, .arrow_box:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.text-jstfy{ text-align:justify;}
#fifth{
	background:#403b3c4f;;
	margin: 0 auto;
	padding: 0px 0 0 0;
}
.tanjible_seo{ margin:auto; margin-top:0px; width:85%;}
.tanjible_seo h3{
	 font-size:2em; font-weight:bold; color:#FFFFFF; line-height:35px; margin:0; padding:0;letter-spacing: 8px; text-align:center;  font-family: 'Rancho', cursive; text-transform:uppercase;
	}
	.tanjible_seo h3 span{ font-size:.3em; font-weight:normal;}
	.tanjible_seo h3 strong{font-family: 'helvetica_neueultraLtCn';}
	.tanjible_seo ul{ margin:10px 0 0 0px; padding:0; clear:both;}
	.tanjible_seo li{ float:left;position:relative;list-style:none; margin-top:10px;padding-bottom:0px; background:#fff;animation-fill-mode: both;
transition: all 1s ease-in 0s;margin-bottom: 50px;}
		.tanjible_seo li span.srko{ position:absolute; width:70px; background:#485150; top:10px; left:10px; color:#fff; text-align:center; border-radius:3px; font-family: 'helvetica_neueultraLtCn'; letter-spacing:2px; font-weight:bold; font-size:13px; padding:5px;}
	.tanjible_seo li img{ width:100%; height:200px; opacity:1; animation-fill-mode: both; margin-top:10px;
transition: all 1s ease-in 0s;}
	.tanjible_seo li:hover img{opacity:1;}
	.tanjible_seo li h4{ color:#006BB6; font-weight:bold; font-size:18px; margin:-5px 0 0 0;
	padding:0 0 0 10px; border-bottom:1px solid #a8d063; line-height:40px; font-family: 'helvetica_neuebold_condensed'; text-align:center; text-transform:uppercase;}	
	.tanjible_seo li:hover h4{color:#fff;  border-bottom:1px solid #fff;}
	.tanjible_seo li em{ color:#625e5e;}
	.tanjible_seo li a{ text-decoration:none;}
	.tanjible_seo li:hover{ background:#a6a6a6;}
	.tanjible_seo li:hover .ohijaan{color:#666;}
	.tanjible_seo li:hover .bwetuon,.tanjible_seo li:hover .bwetuon a{background:#fff; color:#006BB6;}
	.ohijaan{ color:#333; padding:0 10px; font-size:14px; line-height:24px; position:relative; height: 78px; border-radius:0 0 3px 3px; margin:0; }
	.bwetuon{ width:100%; height:30px; background:#333; color:#fff; text-transform:uppercase; font-size:15px; text-align:center; font-family: 'helvetica_neuebold_condensed'; margin:auto;font-weight: 600;}
	.bwetuon a, .bwetuon a:hover{ color:#fff;}
.title-4{color: #fff;
    font-size: 20px;
    text-transform: uppercase;font-weight: 500;
    line-height: 1.1;}
.bold{ font-weight:600;}


:root{
    --color_1: #eb3b5a;
    --color_2: #013d7a;
    --color_3: #8854d0;
    --color_4: #20bf6b;
}
.serviceBox{
    font-family: 'Titillium Web', sans-serif;
    text-align: center;
    padding: 30px 9px 0;
    position: relative;
}
.serviceBox:before,
.serviceBox:after{
    content: "";
    background: var(--color_1);
    width: 25px;
    height: 15px;
    opacity: 0;
    transform: translateX(-50%);
    position: absolute;
    top: 50px;
    left: 50%;
    -webkit-clip-path: polygon(100% 30%, 100% 66%, 50% 100%, 0 66%, 0 30%, 50% 60%);
    clip-path: polygon(100% 30%, 100% 66%, 50% 100%, 0 66%, 0 30%, 50% 60%);
    transition: all 0.3s;
}
.serviceBox:hover:before{
    opacity: 1;
    top: 151px;
}
.serviceBox:hover:after{
    opacity: 1;
    top: 160px;
}
.serviceBox .service-icon{
    color: #fff;
    background: var(--color_1);
    font-size: 40px;
    line-height: 100px;
    width: 100px;
    height: 100px;
    margin: 0 auto 50px;
    border-radius: 50%;
    box-shadow: inset 0 0 15px rgba(0,0,0,0.2);
    position: relative;
    transition: all 0.3s;
}
.serviceBox .service-icon:before,
.serviceBox .service-icon:after{
    content: "";
    border: 2px solid var(--color_1);
    border-left: 2px dashed var(--color_1);
    border-right: 2px dashed var(--color_1);
    border-radius: 50%;
    position: absolute;
    top: -10px;
    left: -10px;
    bottom: -10px;
    right: -10px;
    transition: all 0.3s;
}
.serviceBox .service-icon:after{
    transform: rotate(-45deg);
    top: -20px;
    left: -20px;
    bottom: -20px;
    right: -20px;
}
.serviceBox:hover .service-icon:before{ transform:rotate(-40deg); }
.serviceBox:hover .service-icon:after{ transform:rotate(40deg); }
.serviceBox .service-icon i.fa{ transition: all 0.3s; }
.serviceBox:hover .service-icon i.fa{ transform: rotateX(360deg); }
.serviceBox .title{
    color: var(--color_1);
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 5px;
}
.serviceBox .description{
    color: #606060;
    font-size: 15px;
    text-align: center;
    line-height: 25px;
}
.serviceBox.orange:before,
.serviceBox.orange:after{
    background: var(--color_2);
}
.serviceBox.orange .service-icon{ background-color:#ffd204; }
.serviceBox.orange .service-icon:before,
.serviceBox.orange .service-icon:after{
    border-color: var(--color_2);
}
.serviceBox.orange .title{ color: #013d7a; }
.serviceBox.purple:before,
.serviceBox.purple:after{
    background: var(--color_3);
}
.serviceBox.purple .service-icon{ background: var(--color_3); }
.serviceBox.purple .service-icon:before,
.serviceBox.purple .service-icon:after{
    border-color: var(--color_3);
}
.serviceBox.purple .title{ color: var(--color_3); }
.serviceBox.green:before,
.serviceBox.green:after{
    background: var(--color_4);
}
.serviceBox.green .service-icon{ background: var(--color_4); }
.serviceBox.green .service-icon:before,
.serviceBox.green .service-icon:after{
    border-color: var(--color_4);
}
.serviceBox.green .title{ color: var(--color_4); }
@media only screen and (max-width:990px){
    .serviceBox{ margin: 0 0 30px; }
}

.accordion {
  background-color: #ddd;
  font-family:"MS Serif", "New York", serif
  color: #444;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: center;
  outline: none;
  font-size: 24px;
  transition: 0.4s;
}

.fa-amenity {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.3rem;
    margin: 0 2rem;
    right: 100%;
    top: 17px;
    margin-right: 15px;
    color: #78172d;
}

.sul li::before {
  content: "\2022";
  color: #78172d;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
  size:10px;
}

.text-cols {
    padding-top: 1em;
}
.row {
    display: flex;
    justify-content: space-between;
    max-width: 1400px;
    margin: 0 auto;
}

.row1 {
    
    justify-content: space-between;
    max-width: 1400px;
    margin: 0 auto;
}



.text-cols .col-2 {
    width:30%;
    min-height: auto;
}

.accordion1 {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active, .accordion1:hover {
  background-color: #ccc; 
}

.panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}

#youtube1 {
margin: 0 auto;
position: relative;
padding-bottom: 49%;
padding-top: 1%;
height: 0;
overflow: hidden;
width: 80%;
}

/* Amenities page css
--------------------------------------------------------------------------------------------------------------------------------------------------------------
 */


.main-timeline{ font-family: 'Roboto', sans-serif; }
.main-timeline:after{
    content: '';
    display: block;
    clear: both;
}
.main-timeline .timeline{
    width: 90%;
    padding: 0 0 0 50px;
    margin: 0 0 30px;
    float: left;
}
.main-timeline .timeline-content{
    color: #555;
    background-color: #fff;
    border-radius: 30px;
    display: block;
    position: relative;
}
.main-timeline .timeline-content:hover{ text-decoration: none; }
.main-timeline .timeline-content:before {
    content: '';
    background: linear-gradient(45deg,#dedede,#cecece);
    height: 111px;
    width: 111px;
    border-radius: 50% 0 50% 50%;
    transform: translateY(-50%) rotate(45deg);
    position: absolute;
    left: -40px;
    top: 50%;
    bottom: -10px;
    z-index: 1;
}
.main-timeline .timeline-icon {
    color: #fff;
    background: linear-gradient(105deg,#989898,#989898);
    font-size: 37px;
    text-align: center;
    line-height: 100px;
    height: 91px;
    width: 91px;
    border-radius: 50%;
    box-shadow: 0 0 0 8px #fff inset, 0 0 5px #333;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: -30px;
    z-index: 1;
}
.main-timeline .inner-content{
    background-color: #f5f5f5;
    padding: 15px 30px 15px 130px;
    border-radius: 30px;
}
.main-timeline .title{
    color: #013d79;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 10px;
}
.main-timeline .description{
    color: #555;
    font-size: 14px;
    letter-spacing: 1px;
    margin: 0;
}
.main-timeline .timeline:nth-child(even){
    width: 90%;
    padding: 0 0 0 50px;
    margin: 0 0 30px;
    float: left;
}
.main-timeline .timeline:nth-child(even) .timeline-content:before{
    transform: translateY(-50%) rotate(225deg);
    left: auto;
    right: -40px;
}
.main-timeline .timeline:nth-child(even) .timeline-icon{
    left: auto;
    right: -30px;
}
.main-timeline .timeline:nth-child(even) .inner-content{ padding: 15px 130px 15px 30px; }
.main-timeline .timeline:nth-child(4n+2) .timeline-content:before{ background: linear-gradient(45deg,#FF4EF7,#C620C1); }
.main-timeline .timeline:nth-child(4n+2) .timeline-icon{ background: linear-gradient(105deg,#FF4EF7,#C620C1); }
.main-timeline .timeline:nth-child(4n+2) .title{ color: #C620C1; }
.main-timeline .timeline:nth-child(4n+3) .timeline-content:before{ background: linear-gradient(45deg,#013d79,#013d79); }
.main-timeline .timeline:nth-child(4n+3) .timeline-icon{ background:linear-gradient(105deg,#003b75,#003b75); }
.main-timeline .timeline:nth-child(4n+3) .title{ color: #4a4a4a; }
.main-timeline .timeline:nth-child(4n+4) .timeline-content:before{ background: linear-gradient(45deg,#0083ED,#00A7DB); }
.main-timeline .timeline:nth-child(4n+4) .timeline-icon{ background: linear-gradient(105deg,#0083ED,#00A7DB); }
.main-timeline .timeline:nth-child(4n+4) .title{ color: #0083ED; }
@media screen and (max-width:768px){
    .main-timeline .timeline,
    .main-timeline .timeline:nth-child(even){
        width: 100%;
        padding: 60px 0 0 0;
        float: none;
    }
    .main-timeline .timeline-icon,
    .main-timeline .timeline:nth-child(even) .timeline-icon{
        transform: translateY(0) translateX(-50%);
        left: 50%;
        top: -40px;
    }
    .main-timeline .timeline-content:before,
    .main-timeline .timeline:nth-child(even) .timeline-content:before{
        transform: translateY(0) translateX(-50%) rotate(135deg);
        left: 50%;
        top: -50px;
    }
    .main-timeline .inner-content,
    .main-timeline .timeline:nth-child(even) .inner-content{
        text-align: center;
        padding: 115px 20px 20px;
    }

}
@media (min-width:769px) and (max-width:1024px) {

    .main-timeline .timeline,
    .main-timeline .timeline:nth-child(even){
        width: 100%;
        padding: 60px 0 0 0;
        float: none;
    }
    .main-timeline .timeline-icon,
    .main-timeline .timeline:nth-child(even) .timeline-icon{
        transform: translateY(0) translateX(-50%);
        left: 25%;
        top: -40px;
    }
    .main-timeline .timeline-content:before,
    .main-timeline .timeline:nth-child(even) .timeline-content:before{
        transform: translateY(0) translateX(-50%) rotate(135deg);
        left: 25%;
        top: -50px;
    }
    .main-timeline .inner-content,
    .main-timeline .timeline:nth-child(even) .inner-content{
        text-align: left;
        padding: 115px 20px 20px;
    }
}
@media screen and (max-width:567px){
    .main-timeline .title{ font-size: 18px; }
}
License Terms

/*-----------------------------------------------------------------------------------------------------------------------------------------*/

.list-sty{
	fonr-size:22px;
	line-height:2.2;
	list-style-type:circle;
}

.h2-sty{
	background-color:#e6e6e6;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	    font-size: 20px;
    text-align: left;
}

.mile-color{color:#888;}

.border-sty{ border-right:2px dotted #999;}

@media screen and (max-width:768px){ .border-sty{ border-right:none}}

.add-sty{font-size:18px; line-height:1.8;}

.aa-1{font-size: 26px;
    text-transform: inherit;
    font-weight: bold;
    color: #000000;}