@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.woff2') format('woff2'),
         url('../fonts/opensans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'beyond_wonderlandregular';
    src: url('../fonts/beyond_wonderland-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

p:empty{
	display: none !important;
}
.overlay {
    background: rgba(0,0,0,0.3);
}
div.overlay1{
	position: absolute;
    content: " ";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    z-index: 3;
}
header{
	position: relative;
	z-index: 10;
	padding-top: 30px;
}
header span.icon-menu-outline{
	display: none;
}
div.slider{
	position: relative;
	z-index: 1;
}
.bx-wrapper .bx-pager{
	display: none;
}
header div.left h1{
	width: 200px;
}
header div.left h1 a{
	display: block;
}
header div.left h1 a img{
	display: block;
	width: 65%;
}
header div.right{
	width: 70%;
	text-align: right;
	margin-top: 43px;
}
header div.right nav{
	float: right;
	width: 100%;
}
header div.right nav ul{
	width: 100%;
}
header div.right nav ul li{
	margin-right: 30px;
	text-align: center;
	display: inline-block;
}
header div.right nav ul li:last-child{
	margin-right: 0;
}
header div.right nav ul li a{
	color: #fff;
    font-family: 'open_sansregular';
    text-transform: capitalize;
    font-size: 20px;
}
div.mobile-menu{
	display: none;
}
div.content{
	text-align: center;
}
body{
	position: relative;
}
.bx-viewport, .bx-wrapper{
    position:relative;
    width:100%;
    height:100% !important;
    top:0;
    left:0;
}
.slider, .slider div{
    height: 100% !important;;
}
.slider div{
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
.bx-wrapper .bx-viewport{
    border: none !important;
}
#top::before{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	content: " ";
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	z-index: 9;
}
#top{
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}
#top div.sliding-content div{
	
}
#top div.sliding-content div.one{
	background-image: url('../images/shopping2.jpg');
}
#top div.sliding-content div.two{
	background-image: url('../images/shopping3.jpg');
}
#top div.sliding-content div.three{
	background-image: url('../images/shopping1.jpg');
}
div.empty{
	content: " ";
	width: 100%;
}
#middle{
	position: relative;
	z-index: 20;
	background: #fff
}
#icon-card{
	position: relative;
	z-index: 20;
	background: #fff
}
#price-plan{
	position: relative;
	z-index: 20;
	background: #fff
}
#banner2{
	position: relative;
	z-index: 20;
	background: #fff
}
#banner4{
	position: relative;
	z-index: 20;
	background: #fff
}
#counterlist1{
	position: relative;
	z-index: 20;
	background: #fff
}
#query{
	position: relative;
	z-index: 20;
	background: #fff
}
#testimonials{
	position: relative;
	z-index: 20;
	background: #fff
}
#map{
	position: relative;
	z-index: 20;
	background: #fff
}
#gallery{
	position: relative;
	z-index: 20;
	background: #fff
}
footer{
	position: relative;
	z-index: 20;
	background: #fff
}
#spotlight{
	position: relative;
	z-index: 10;
}
#top div.sliding-content{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#spotlight div.content h5{
	color: #fff;
	font-size: 45px !important;
    font-family: 'open_sansbold';
}
#spotlight div.content p{
	margin: 30px 0;
	color: #fff;
	font-size: 18px !important;
    font-family: 'open_sansregular';
    text-align: center;
}
#spotlight a.button{
	display: inline-block;
	padding: 15px 50px;
	border: 2px solid #fff;
	border-radius: 50px;
	color: #fff;
}
#top .bx-wrapper{
	position: absolute;
	top: 0;
}
#home nav {
	line-height: 62px;
}
#home nav ul{
	float: right;
}
#home nav ul li{
	display: block; 
	text-align: center;
	float: left;
	padding-top: 5px; 
	padding-left: 35px; 
	padding-right: 35px;
}
#home nav ul li a{
	display: block;
	color: #000;  
	text-transform: capitalize; 
	font-size: 20px; 
	font-family: 'open_sansregular';
}
.bx-wrapper{
	margin-bottom: 0 !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: 0 !important;
}
h2.f-z-100{
	color: #dedede !important;
	letter-spacing: 20px;
}
.l-s-5{
	letter-spacing: 5px;
}
/*count-down*/
.countdown.styled {
	width: 100%;
	height: 100px;
}
.countdown.styled div {
	float: left;
	width: 23.5%;
	font-size: 40px;
	font-family: 'open_sansbold';
	border-radius: 5px;
	border: 3px solid #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 0;
	text-align: center;
	margin-right: 2%;
}
.countdown.styled div:last-child {
	margin-right: 0;
}
.countdown.styled div span {
	display: block;
	font-size: 21px;
	font-family: 'open_sanssemibold';
	text-transform: capitalize;
	text-align: center;
	border: 1px solid #dedede;
	padding: 20px 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 7px;
}
h1,h2,h3,h4,h5,h6{
    font-family: 'open_sansbold' !important;
    font-size: 35px !important;
    letter-spacing: 5px !important;
}
.countdown.styled div:hover span,.countdown.styled div:hover{
	color: #0091da;
}
.countdown.styled div:hover span{
	border: 1px solid #0091da;
}
/*count-down*/
.bg1{
	background: #08588b;
}
.bg2{
	background: #0091da;
}
.t-c-g{
	color: #0091da !important;
}
.t-c-g-1{
	color: #08588b !important;
}
.b-c-g{
	background: #0091da;
}
.border-color-blue-1000{
	border-bottom: 3px solid #0091da;
}
.border-color-black{
	border: 1px solid #95989a;
	border-top: 0 !important;
}
.border-color-light-blue-1000{
	border: 3px solid #0091da;
}
.w-23-0-5-p{
	width: 23.05%;
}
.b-c-rgb{
	background: rgba(35,158,220,0.5);
}
.next-event{
	margin-top: -20%;
}
.location{
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	background: rgba(255,255,255,0.4);
}
#price-plan li .top h5{
	left: 0;
	bottom: -17%;
}
#our-partners ul li:nth-child(4n){
	margin-right: 0 !important;
}
#price-plan ul li:nth-child(3n){
	margin-right: 0 !important;
}
ul#accordion li{
	width: 100%;
	margin-bottom: 1%;
	text-align: left;
	position: relative;
}
ul#accordion li h4{
	font-size: 20px;
	width:100%;
	height: 65px;
	line-height: 65px;
	padding-left: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'open_sanslight';
}
ul#accordion li h4 b{
	background: #cfcfcf;
}

ul#accordion li h4 span{
	float: right;
	width:110px;
	max-width: 15%;
	text-align: center;
	cursor:pointer;
}
ul#accordion li h4.active span i{
	 -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}
ul#accordion li div.content{
	padding: 1% 1%;
	display: none;
}
ul#accordion div.top{
	position: relative;
	display: none;
}
ul#accordion li.active div.top{
	display: block;
}
#clients ul li:nth-child(2n){
	background: #d5d5d5;
}
#clients ul li div{
	height: 200px;
	padding: 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#clients ul li img{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}
#events ul li:hover,#coming-events ul li:hover{
	background: #efefef;
}
#price-plan ul li li{
	font-size: 16px;
	font-family: 'open_sanslight';
}
#price-plan ul li:nth-child(2n) h5{
	background: url(../images/bg-3.png) no-repeat right center / cover !important;
}
#price-plan ul li:nth-child(3n) h5{
	background: url(../images/bg-1.png) no-repeat right center / cover !important;
}
#events ul li:nth-child(1n) .button,#coming-events ul li:nth-child(1n) .button{
	background: #f59b00 !important;
}
#events ul li:nth-child(2n) .button,#coming-events ul li:nth-child(2n) .button{
	background: #ff6f00 !important;
}
#events ul li:nth-child(3n) .button,#coming-events ul li:nth-child(3n) .button{
	background: #3fbc71 !important;
}
.address i{
	color: #000;
}
#price-plan ul li.bd-1,#price-plan ul li .top{
	border-color: #afb1b3 !important;
}
#price-plan ul li:nth-child(2n) .button{
	background: #08588b !important;
}
.slick-prev,.slick-next,#testimonials .slick-prev,#testimonials .slick-next  {
	background: none !important;
	width: 50px;
	height: 50px;
	text-align: center;
}
.slick-prev i,.slick-next i{
	color: #0091da !important;
	vertical-align: middle;
	font-size: 50px;
}
#testimonials .slick-prev,#testimonials .slick-next  {
	background: #d9d9d9 !important;
	border-radius: 50%;
	width: 80px;
	height: 80px;
}
#testimonials .slick-prev i,#testimonials .slick-next i{
	line-height: 80px;
	font-size: 65px;
	color: #958989;
}


.member-list-1{
	text-align: center;
	padding: 50px 0;
}
.member-list-1 .top{
	margin-bottom: 40px;
}
.member-list-1 .top h3{
	font-family: 'open_sanssemibold';
	font-size: 40px;
}
.member-list-1 section.bottom ul{
	float: left;
	width: 100%;
	margin-bottom: -40px;
}
.member-list-1 section.bottom ul .card{
	float: left;
	width: 33.33%;
	text-align: center;
	margin-bottom: 40px;
}
.member-list-1 section.bottom ul .card .image{
	width: 190px;
	height: 190px;
	margin: 0 auto;
	border-radius: 50%;
}
.member-list-1 section.bottom ul .card .image img{
	width: 100%;
	border-radius: 50%;
	display: block;
}
.member-list-1 section.bottom ul .card.active{

}
.member-list-1 section.bottom ul .card.active .image{

}
.member-list-1 section.bottom ul .card.active h4{
	color: #0091da;
}
.member-list-1 section.bottom ul .card h4{
	font-family: 'open_sanssemibold';
	margin: 15px 0 5px;
	font-size: 24px !important;
}
.member-list-1 section.bottom ul .card p{
	font-family: 'open_sansregular';
	color: #707070;
	font-size: 14px;
}
.member-list-1 section.bottom a.button{
	display: inline-block;
	background-color: #141414;
	color: #fff;
	border-radius: 30px;
	font-size: 15px;
	margin-top: 40px;
	padding: 20px 40px;
}
.circle__spin {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 200px;
    height: 200px;
}
.circle__spin svg {
    width: 100%;
    height: 100%;
}
.circle__spin circle {
    stroke-width: 6; /* control the dashes width */
    stroke-dasharray: 70, 50; /* control the dashes spacing */
    fill: none;
    stroke: #707070;
}
.member-list-1 section.bottom ul .card.active div.circle .circle__spin circle{
	stroke: #0091da;
}
div.circle{
	position: relative;
}
li.active .circle__spin svg {
    animation: spin 10s linear infinite;
}
@keyframes spin {
    100% {
        transform: rotateZ(360deg);
    }
}



ul li div.hover{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 5px;
}
ul li div.hover div.main{
	position: absolute;
	z-index: 2;
	top: 0;
	right: 100%;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 22% 10px 0;
	transition:all 0.8s ease;
	-moz-transition:all 0.8s ease;
	-webkit-transition:all 0.8s ease;
	background: rgba(35,158,220,0.8);
	height: 100%;
	border-radius: 5px;
	text-align: center;
}
ul li:hover div.hover div.main{
	right: 0;
}
ul li div.hover.one{
	left: 0;
}
ul li div.hover div.main.one{
	top: 0;
	left: 100%;
}
ul li:hover div.hover div.main.one{
	left: 0;
}
ul li div.hover div.main.one i{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 20%;
	height: 50px;
}
form p{
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative;
}
form .message{
	margin-bottom: 30px;
}
form input,form textarea{
	border: 1px solid #BDBDBD !important;
	width: 100%;
	padding: 5px 5px 5px 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 60px;
	border: 1px solid #BDBDBD;
}
form textarea{
	height: 150px;
	resize: none;
}
form .submit{
	text-transform: capitalize;
	font-size: 22px;
	color: #fff;
	font-family: 'open_sanssemibold';
	float: left;
	width: 250px; 
	padding-top: 20px;
	padding-bottom: 20px;
	cursor: pointer;
	border: none !important;
	height: auto !important;
	display: block;
	text-align: center;
	border-radius: 10px;
	margin: 0 auto !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	cursor: pointer;
	background: #0091da;
}
span.wpcf7-not-valid-tip {
    font-size: 11px !important;
    position: absolute !important;
}
div.wpcf7-response-output{
	margin: 3em 0.5em 1em
}
#testimonials{
	background-color: #fff !important;
}
#enquiry form p{
	width: 82%;
	float: left;
	position: relative;
	margin: 0 0 0 0;
}
#enquiry form input{
	 height: 70px; 
	 color: #fff;
	 background: #fff;
	 font-family: 'open_sanssemibold';
	 border: none !important;
}
#enquiry form .submit{
	height: 70px !important;
	width: 100%;
	background: #fff;
	color:#fff ;
	font-family: 'open_sanssemibold';
	font-weight: bold;
	border-left: 1px solid #d8d8d8 !important;
	cursor: pointer;
	padding-left: 5px !important;
	font-size: 16px;
}
#enquiry form .ajax-loader{
	position: absolute;
}
#enquiry div.wpcf7-response-output{
	position: absolute;
	bottom: -87px;
	width: 90%;
}
#enquiry .wrapper{
	position: relative;
}
#enquiry form input{
	color: #000 !important;
}
#enquiry form input[type="text"]{
    font-family: 'open_sanslight';
    font-weight: bold;
}
#enquiry form .w-18-p i{
	color: #e8e8e8;
	line-height: 73px;
	left: 0;
	right: 0;
	cursor: ;
}
#enquiry form .submit{
	width: 100% !important;
	border-radius: 0 !important;
}
#enquiry p:nth-child(2){
	text-align: center !important; 
	float: right !important; 
	width: 18% !important;
	position: relative !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 3.8% !important;
}
#enquiry p:nth-child(2) #elp_btn_widget{
	font-size: 20px; 
	color: #fff; 
	text-transform: capitalize;
	height: 70px;
	width: 100%; 
	cursor: pointer;
	border-left: 2px solid #e8e8e8 !important;
}
.elp_msg {
    font-size: 9px !important;
    display: inline-block !important;
}
/*form style ends here*/
/*tab*/
.tabbed.first {
  width: 100%;
  margin: 50px auto;
}

.tabbed.first > input {
  display: none;
}

.tabbed.first > label {
  display: block;
  float: left;
  padding: 12px 0px;
  margin-right: 0px;
  cursor: pointer;
  transition: background-color .3s;
  font-family: 'open_sanssemibold';
  width: 10%;
  text-align: center;
  font-size: 16px;
}

.tabbed.first > label:hover,
.tabbed.first > input:checked + label {
  background: #0091da;
  color: #fff;
}

.tabs {
  clear: both;
  perspective: 600px;
}

.tabs > li {
  width: 100%;
  position: absolute;
  line-height: 1.4em;
  opacity: 0;
  transform: rotateX(-20deg);
  transform-origin: top center;
  transition: opacity .3s, transform 1s;
  z-index: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#tab-nav-1:checked ~ .tabs > li:nth-of-type(1),
#tab-nav-2:checked ~ .tabs > li:nth-of-type(2),
#tab-nav-3:checked ~ .tabs > li:nth-of-type(3),
#tab-nav-4:checked ~ .tabs > li:nth-of-type(4),
#tab-nav-5:checked ~ .tabs > li:nth-of-type(5),
#tab-nav-6:checked ~ .tabs > li:nth-of-type(6),
#tab-nav-7:checked ~ .tabs > li:nth-of-type(7),
#tab-nav-8:checked ~ .tabs > li:nth-of-type(8),
#tab-nav-9:checked ~ .tabs > li:nth-of-type(9),
#tab-nav-10:checked ~ .tabs > li:nth-of-type(10){
  transform: rotateX(0);
  opacity: 1;
  z-index: 1;
}

.tabbed.hidden {
	width: 100%;
	margin: 5% auto;
}
.tabbed.hidden .tabs small {
	display: block;
	padding: 12px 0px;
	cursor: pointer;
	transition: background-color .3s;
	text-align: center;
	font-size: 16px;
	font-family: 'open_sanssemibold';
	width: 180px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #0091da;
	color: #fff;
}
.tabbed small b,.tabbed > label b{
	font-size: 12px;
	font-family: 'open_sanslight';
	display: block;
	margin-top: 5px;
	color: #fff;
}
.tabs {
	clear: both;
}
.tabs div.content {
	width: 100%;
	border: 2px solid #0091da;
	border-top: 7px solid #0091da;
}
.tabs div.content .main{
	border-top: 1px solid #000 !important;
}
.tabs div.content .main:nth-child(1){
	border-top: 0 !important;
}
.tabs div.content h4{
	font-size: 29px;
	font-family: 'open_sansregular';
	margin-top: 10px;
}
.tabs div.content h4 b{
	margin-top: 20px;
	color: #0091da;
	display: inline-block;
	font-family: 'open_sanssemibold';
}
.tabs div.content h3{
	font-size: 23px;
	font-family: 'open_sansregular';
	margin-bottom: 10px;
}
.tabs div.content h5,.tabs div.content h6{
	font-size: 16px;
	font-family: 'open_sanslight';
}
.tabs div.content h5{
	margin-bottom: 7px;
}
.tabs div.content i{
	color: #08588b;
	margin-right: 10px;
}
/*tabs*/
#middle .slick-dots,#testimonials .slick-dots {
	display: none !important;
}
#event-shedule .slick-prev,#event-shedule .slick-next {
	display: none !important;
}
#testimonials .slick-prev {
    left: -81px;
}
#testimonials .slick-next {
    right: -81px;
}
/*pop-up*/
/* COLORS
========================================== */
/* MIXINS
========================================== */
/* KEYFRAMES
========================================== */
@-webkit-keyframes float {
  0% {
    transform: translatey(0px);
    transform: translatex(0px);
  }
  50% {
    transform: translatey(-30px);
    transform: translatex(20px);
  }
  100% {
    transform: translatey(0px);
    transform: translatex(0px);
  }
}
@-moz-keyframes float {
  0% {
    transform: translatey(0px);
    transform: translatex(0px);
  }
  50% {
    transform: translatey(-30px);
    transform: translatex(20px);
  }
  100% {
    transform: translatey(0px);
    transform: translatex(0px);
  }
}
@-o-keyframes float {
  0% {
    transform: translatey(0px);
    transform: translatex(0px);
  }
  50% {
    transform: translatey(-30px);
    transform: translatex(20px);
  }
  100% {
    transform: translatey(0px);
    transform: translatex(0px);
  }
}
@keyframes float {
  0% {
    transform: translatey(0px);
    transform: translatex(0px);
  }
  50% {
    transform: translatey(-30px);
    transform: translatex(20px);
  }
  100% {
    transform: translatey(0px);
    transform: translatex(0px);
  }
}
.pop-up form p{
	margin-bottom: 10px !important;
	margin-bottom: 0 !important;
	text-align: left;
	width: 48% !important;
}
.pop-up form p input{
	text-align: left !important;
}
.pop-up form p input.submit{
	border-radius: 0 !important;
}
.pop-up {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.9);
  -moz-transform: translate(-50%, -50%) scale(0.9);
  -ms-transform: translate(-50%, -50%) scale(0.9);
  -o-transform: translate(-50%, -50%) scale(0.9);
  transform: translate(-50%, -50%) scale(0.9);
  overflow-y: auto;
  box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.4);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 100;
  background-color: #ffffff;
  width: 100%;
  height: 100%;

}
@media (min-width: 768px) {
  .pop-up {
    width: calc(100% - 40px);
    height: auto;
    max-width: 900px;
  }
}
.pop-up .content {
  width: 100%;
  max-width: 900px;
  overflow: hidden;
  text-align: center;
  position: relative;
  min-height: 100vh;
}
@media (min-width: 768px) {
  .pop-up .content {
    min-height: inherit;
  }
}
.pop-up .content .container {
  padding: 100px 20px 140px;
}
@media (min-width: 568px) {
  .pop-up .content .container {
    padding: 50px 20px 80px;
  }
}
@media (min-width: 768px) {
  .pop-up .content .container {
    padding: 70px 0px 90px;
    max-width: 520px;
    margin: 0 auto;
  }
}
.pop-up .content .close {
  position: absolute;
  top: 20px;
  left: 20px;
  font-size: 1.1rem;
  letter-spacing: 0.05rem;
  color: #3e4146;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.pop-up .content .close:hover {
  cursor: pointer;
  color: #f66867;
}
.pop-up .content .dots .dot {
  position: absolute;
  border-radius: 100%;
  z-index: 11;
}
.pop-up .content .dots .dot:nth-of-type(1) {
  top: -80px;
  right: -80px;
  width: 160px;
  height: 160px;
  background-color: #689bf6;
  -webkit-animation: float 6s ease-in-out infinite;
  -moz-animation: float 6s ease-in-out infinite;
  -o-animation: float 6s ease-in-out infinite;
  animation: float 6s ease-in-out infinite;
}
@media (min-width: 768px) {
  .pop-up .content .dots .dot:nth-of-type(1) {
    top: -190px;
    right: -190px;
    width: 380px;
    height: 380px;
  }
}
.pop-up .content .dots .dot:nth-of-type(2) {
  bottom: -120px;
  left: -120px;
  width: 240px;
  height: 240px;
  background-color: #d72c70;
  -webkit-animation: float 8s ease-in-out infinite;
  -moz-animation: float 8s ease-in-out infinite;
  -o-animation: float 8s ease-in-out infinite;
  animation: float 8s ease-in-out infinite;
}
.pop-up .content .dots .dot:nth-of-type(3) {
  bottom: -50px;
  right: -50px;
  width: 100px;
  height: 100px;
  background-color: #85c226;
  -webkit-animation: float 4s ease-in-out infinite;
  -moz-animation: float 4s ease-in-out infinite;
  -o-animation: float 4s ease-in-out infinite;
  animation: float 4s ease-in-out infinite;
}
.pop-up .content .title h1 {
  text-align: center;
  color: #f66867;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 2.8rem;
  letter-spacing: 0.05rem;
}
.pop-up .content img {
  width: 100%;
  max-width: 220px;
  display: inline-block;
  margin: 30px 0 40px 0;
  opacity: 0;
  -webkit-transform: translateX(60px);
  -moz-transform: translateX(60px);
  -ms-transform: translateX(60px);
  -o-transform: translateX(60px);
  transform: translateX(60px);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  -webkit-backface-visibility: hidden;
}
@media (min-width: 768px) {

	.pop-up .content img {
	    max-width: 300px;
	}
}
.pop-up .content .subscribe h1 {
  font-size: 1.5rem;
  color: #3e4146;
  line-height: 130%;
  letter-spacing: 0.07rem;
  margin-bottom: 30px;
}
.pop-up .content .subscribe h1 span {
  color: #f66867;
}
.pop-up .content .subscribe form {
  overflow: hidden;
}
.pop-up .content .subscribe form input {
  width: 100%;
  float: left;
  padding: 15px 20px;
  text-align: center;
  font-family: inherit;
  font-size: 1.1rem;
  letter-spacing: 0.05rem;
  outline: 0;
}
.pop-up .content .subscribe form input[type=email] {
  border: 1px solid #bec1c5;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
@media (min-width: 768px) {
  .pop-up .content .subscribe form input[type=email] {
    margin-bottom: 0px;
    width: 100%;
    border-right-width: 0px;
  }
}
.pop-up .content .subscribe form input[type=email]:focus {
  border-color: #3e4146;
}
.pop-up .content .subscribe form input[type=submit] {
  background-color: #0091da;
  color: #ffffff;
  border: 1px solid #0091da;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
@media (min-width: 768px) {
  .pop-up .content .subscribe form input[type=submit] {
    width: 180px;
  }
}
.pop-up .content .subscribe form input[type=submit]:hover {
  cursor: pointer;
  background-color: #08588b;
  border-color: #08588b;
}
.pop-up.open {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}
.pop-up.open img {
  opacity: 1;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
}
.pop-up.open span.wpcf7-not-valid-tip {
	bottom: 0 !important;
}
#events .slick-list,#coming-events .slick-list{
	padding: 20px 20px !important;
}
#testimonials div.left  {
	margin: 70px 0;
}
#testimonials div.left div {
	width: 100% !important;
}
#testimonials div.left div h3{
	text-align: center;
}
#testimonials ul li div.conten {
	width: 100%;
	text-align: center;
}
#testimonials ul li div.conten h3{
	margin-bottom: 30px;
	font-size: 30px;
}
/*responsive designs starts here*/
@media all and (max-width:1600px){
	#home nav ul li {
	    padding-left: 25px;
	    padding-right: 25px;
	}
	#home nav ul li a {
		font-size: 16px;
	}
	header .w-25-p {
	    width: 20%;
	}
	header .f-z-25 {
	    font-size: 20px;
	}
	.f-z-100 {
	    font-size: 85px !important;
	}
	.w-34-p {
	    width: 56% !important;
	}
}
@media all and (max-width:1280px){
	.w-61-p {
	    width: 69% !important;
	}
	#home nav ul li {
	    padding-left: 20px;
	    padding-right: 20px;
	}
	.f-z-35 {
	    font-size: 30px !important;
	}
	.countdown.styled div span {
		padding: 10px 5px;
		font-size: 18px;
	}
	.countdown.styled div {
		font-size: 30px;
	}
	.f-z-40 {
	    font-size: 35px !important;
	}
	.f-z-45 {
	    font-size: 25px !important;
	}
	.f-z-60 {
	    font-size: 55px !important;
	}
	#price-plan li .top h5 {
	    bottom: -19.6%;
	}
	.p-r-13-2-5-p {
	    padding-right: 5.25% !important;
	}
	.p-l-13-2-5-p {
	    padding-left: 5.25% !important;
	}
	#contact .w-50-p {
	    width: 100%;
	    height: auto !important;
	}
	#contact .p-r-3-p {
	    padding-right: 5% !important;
	}
	footer .w-25-p {
	    width: 33.33%;
	}
	#enquiry p:nth-child(2) {
	    margin-top: 4.6% !important;
	}
	#enquiry p:nth-child(2) {
		width: 21% !important;
	}
	#enquiry form p {
	    width: 79%;
	}
}
@media all and (max-width:980px){
	.f-z-22 {
    	font-size: 19px !important;
	}
	.p-b-20 {
	    padding-bottom: 15px !important;
	}
	.p-t-20 {
	    padding-top: 15px !important;
	}
	.countdown.styled div span {
		font-size: 16px;
	}
	.tabbed small {
		font-size: 14px;
	}
	.tabbed small b {
	    font-size: 10px;
	}
	#map .h-200 {
	    height: 180px !important;
	}
	#map .w-200 {
	    width: 180px !important;
	}
	#map .p-t-50 {
	    padding-top: 47px !important;
	}
	.f-z-45 {
	    font-size: 35px !important;
	}
	#price-plan li .top h5 {
	    bottom: -22%;
	}
	.f-z-60 {
	    font-size: 45px !important;
	}
	#price-plan .p-b-12-p {
	    padding-bottom: 16%;
	}
	#price-plan .w-70-p {
	    width: 90% !important;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	}
	#testimonials .slick-next {
	    right: 43% !important;
	}
	#testimonials .slick-prev {
	    left: 37% !important;
	}
	#testimonials .slick-prev,#testimonials .slick-next {
		top: 96% !important;
	}
	#testimonials div.w-67-p {
	    padding: 0 !important;
	}
	#coming-events .w-250,#events .w-250{
	    width: 180px !important;
	}
	#enquiry form p {
	    width: 75%;
	}
	#enquiry p:nth-child(2) {
		width: 25% !important;
		font-size: 16px;
		margin-top: 5.8% !important;
	}
	.f-z-25 {
	    font-size: 20px !important;
	}
	footer .p-r-7-p {
	    padding-right: 2% !important;
	}
	.member-list-1{
		padding: 40px 0;
	}
	.member-list-1 .top{
		margin-bottom: 30px;
	}
	.member-list-1 section.bottom a.button{
		margin-top: 30px;
	}
}
@media all and (max-width:900px){
	header div.w-25-p{
		display: none !important;
	}
	#home header nav {
		display: none;
	}
	#home header nav li{
		float: none !important;
	}
	.sidenav {
		display:  block !important;
	    height: 100%;
	    width: 0;
	    position: fixed;
	    z-index: 4;
	    top: 0;
	    right: 0;
	    background: #0091da;
	    overflow-x: hidden;
	    transition: 0.5s;
	    padding-top: 60px;
	}
	.sidenav a {
	    padding: 8px 8px 8px 32px;
	    text-decoration: none;
	    font-size: 20px;
	    color: #FFFFFF;
	    display: block;
	    transition: 0.3s;
	    font-family: 'open_sanssemibold';
	}
	.openmenu{
		color: #000;
		display:  block !important;
		font-size: 35px;
		cursor: pointer;
		position:  absolute;
		top: 27px;
		right: 5%;
		background: url(../images/menu.png);
		width: 32px;
		height: 31px;
	}
	.sidenav a:hover, .offcanvas a:focus{
    	color: #FDBE00;
	}
	.sidenav .closebtn {
	    position: absolute;
	    top: 0;
	    right: 25px;
	    font-size: 50px;
	    margin-left: 50px;
	}
	#middle .left.w-49-p {
	    width: 100% !important;
	    margin-bottom: 3%;
	}
	#middle .right.w-48-p{
		width: 100% !important;
	}
	.f-z-22 {
	    font-size: 17px !important;
	}
	.w-70-p {
	    width: 90% !important; 
	}
	.m-l-37-p {
	    margin-left: 32% !important;
	}
	.w-34-p {
	    width: 68% !important;
	}
	#query .w-49-p {
	    width: 100% !important;
	    padding: 5% 5% !important;
	}
	#query div.right.w-49-p {
		display: none;
	}
	#testimonials div.w-250 {
	    width: 100% !important;
	}

	

	#enquiry {
		display: none;
		padding: 5% 0;
	}
	#enquiry .w-50-p {
	    width: 100% !important;
	    padding: 0 !important;
	    margin-top: 40px;
	}
	#enquiry .w-48-p {
	    width: 100%;
	}
	#enquiry form p {
		float: none !important;
		margin: 0 auto;
		width: 80% !important;
	}
	#enquiry form p input,#enquiry p:nth-child(2) #elp_btn_widget {
		height: 55px;
		font-size: 18px;
		padding: 5px 5px 5px 5px;
		border: 1px solid #0091da !important;
		text-align: center;
	}
	#enquiry p:nth-child(2){
		width: 160px !important;
		float: none !important;
		margin: 15px auto 0!important;
	}
	#map_canvas2{
		height: 300px !important;
	}
	.f-z-24 {
	    font-size: 20px !important;
	}
	.f-z-21 {
	    font-size: 18px !important;
	}
	#testimonials .slick-prev, #testimonials .slick-next {
	    display: none !important;
	}
	#coming-events .w-32-p,#events .w-32-p {
	    padding: 25px 20px !important;
	    margin-right: 1% !important;
	}
}
@media all and (max-width:800px){
	.f-z-100 {
	    font-size: 75px !important;
	}
	.f-z-40 {
	    font-size: 30px !important;
	}
	.w-34-p {
	    width: 78% !important;
	}
	.m-l-37-p {
	    margin-left: 21% !important;
	}
	.tabs .w-15-p {
	    width: 20% !important;
	}
	.tabs .w-69-p {
		width: 60% !important;
	}
	.tabs div.content h3 {
	    font-size: 18px;
	}
	.tabs div.content h5, .tabs div.content h6 {
	    font-size: 14px;
	}
	.tabs div.content h4 {
	    font-size: 20px;
	}
	.tabs .w-105{
		width: 100% !important;
		height: auto !important;
	}
	#our-partners ul{
		margin-bottom: -4% !important;
	}
	.w-23-0-5-p {
	    width: 48% !important;
	    margin-right: 4% !important;
	    margin-bottom: 4% !important;
	}
	#our-partners ul li:nth-child(2n){
		margin-right: 0 !important;
	}
	#price-plan ul.left{
		margin-bottom: -4%;
	}
	#price-plan .w-32-p {
	    width: 48% !important;
	    margin-right: 4% !important;
	    margin-bottom: 4% !important;
	}
	#price-plan li.w-32-p:nth-child(2n){
		margin-right: 0 !important;
	}
	.f-z-30 {
	    font-size: 25px !important;
	}
	.f-z-16,p {
	    font-size: 15px !important;
	}
	footer .about,footer .address{
		width: 49%;
	}
	footer .logo{
		width: 100% !important;
		margin-top: 2%;
	}
	footer .w-250 {
	    width: 180px !important;
	}
	.tabbed > label {
		font-size: 13px !important;
	}
	.tabbed > label b {
		font-size: 11px !important;
	}
	.member-list-1 .top h3{
		font-size: 30px;
	}
	.member-list-1 section.bottom ul .card .image{
		width: 150px;
		height: 150px;
	}
	.circle__spin circle{
	    stroke-dasharray: 45, 50;
	}
	
}
@media screen and (max-width: 700px) {
  .tabbed.hidden {
		display: block !important;
  }
  .tabs div.content {
   		width: 100%;
   		-webkit-box-sizing: border-box;
   		-moz-box-sizing: border-box;
   		box-sizing: border-box;
   }
   .tabbed.first > label {
   		width: 20% !important;
   		padding: 5px 0px;
   		-webkit-box-sizing: border-box;
   		-moz-box-sizing: border-box;
   		box-sizing: border-box;
   		background: #08588b;
   		border-left: 2px solid #fff;
   		border-bottom: 2px solid #fff;
   		color: #fff;
   }
}
@media all and (max-width:640px){
	.w-70-p {
	    width: 100% !important;
	}
	.w-34-p {
	    width: 100% !important;
	}
	.m-l-37-p {
	    margin-left: 0% !important;
	}
	.next-event {
	    margin-top: -30%;
	}
	.member-list-1 section.bottom ul .card{
		width: 50%;
	}
	#middle .bottom div{
		float: none !important;
		margin: 0 auto !important;
		text-align: center;
	}
	#middle .bottom div.w-105{
		margin-bottom: 3% !important;
	}
	.f-z-40 {
	    font-size: 25px;
	}
	.m-t-25 {
	    margin-top: 15px !important;
	}
	#middle .bottom br{
		display: none !important;
	}
	.f-z-45 {
	    font-size: 30px !important;
	}
	#map .p-t-50 {
	    padding-top: 39px !important;
	}
	#map .w-200 {
	    width: 150px !important;
	}
	#map .h-200 {
	    height: 150px !important;
	}
	.f-z-60 {
	    font-size: 40px !important;
	}
	.f-z-30 {
	    font-size: 20px !important;
	}
	.material-icon.f-z-30{
		font-size: 30px !important;
	}
	#price-plan li .top h5 {
	    bottom: -20%;
	}
	.f-z-24 {
	    font-size: 17px !important;
	}
	#price-plan ul.left{
		margin-bottom: -2% !important;
	}
	#price-plan .w-32-p {
	    width: 49% !important;
	    margin-right: 2% !important;
	    margin-bottom: 2% !important;
	}
	#gallery .w-20-p {
	    width: 33.33% !important;
	}
	#gallery li.w-20-p:nth-child(10){
		display: none;
	}
	ul li div.hover div.main.one i {
		width: 40%;
	}
	.f-z-50 {
	    font-size: 30px !important;
	}
	ul#accordion li h4 {
	    font-size: 17px;
	}
	#testimonials div.w-33-p {
	    float: none !important;
	    margin: 0 auto;
	    width: 100% !important;
	}
	#testimonials div.w-67-p {
	    width: 100% !important;
	    margin-top: 3% !important;
	    text-align: center;
	    padding-bottom: 0 !important;
	}
	#testimonials .slick-prev, #testimonials .slick-next {
	    display: none !important;
	}
	footer .f-z-15 {
	    font-size: 13px !important;
	}
	.rp-640-pt{
		padding-top: 40px !important;
	}
	.rp-640-pb{
		padding-bottom: 0 !important;
	}
	.slick-dots{
		display: none !important;
	}
	#testimonials div.left div h3 {
		text-align: center;
	}
}
@media all and (max-width:480px){
	.circle__spin {
		display: none;
	}
	#middle .right .button.w-48-p{
		width: 70%;
		padding-top: 15px !important;
		padding-bottom: 15px !important;
	}
	#middle .right .button.first{
		display: none !important;
	}
	h4.p-r-35 {
	    padding-right: 75px !important;
	}
	h2.f-z-100 {
	    letter-spacing: 15px;
	    font-size: 55px !important;
	}
	#middle .slick-prev, #middle .slick-next {
		display: none !important;
	}
	#middle .p-l-50 {
	    padding-left: 20px;
	}
	#middle .p-r-50 {
	    padding-right: 20px;
	}
	.countdown.styled div span {
		font-size: 12px;
	}
	.countdown.styled div {
		font-size: 25px;
	}
	.f-z-35 {
  		font-size: 25px !important;
	}
	.f-z-45 {
	    font-size: 25px !important;
	}
	.w-250 {
	    width: 180px !important;
	}
	.w-250.p-t-20 {
	    padding-top: 10px !important;
	}
	.w-250.p-b-20 {
	    padding-bottom: 10px !important;
	}
	.m-b-20 {
	    margin-bottom: 15px !important;
	}
	#price-plan .w-32-p {
	    width: 80% !important;
	    margin: 0 auto 4% !important;
	    float: none;
	}
	#price-plan li.w-32-p:nth-child(2n){
		margin: 0 auto 4% !important;
	}
	#price-plan .p-b-12-p {
	    padding-bottom: 10% !important;
	}
	#price-plan .p-t-12-p {
	    padding-top: 5% !important;
	}
	.f-z-60 {
	    font-size: 35px !important;
	}
	.f-z-30 {
	    font-size: 16px !important;
	}
	#price-plan li .top h5 {
	    bottom: -26%;
	}
	#coming-events .w-32-p,#events .w-32-p {
	    padding: 25px 20px !important;
	    margin-right: 0 !important;
	}
	#events .slick-list,#coming-events .slick-list{
	    padding: 20px 0px !important;
	}
	.p-b-15 {
	    padding-bottom: 10px !important;
	}
	.p-t-15 {
	    padding-top: 10px !important;
	}
	footer .about, footer .address {
	    width: 100%;
	    text-align: center !important;
	    margin-bottom: 25px;
	}
	footer .logo{
		margin-top: 0 !important;
	}
	footer i{
		float: none !important;
		display: block !important; 
	}
	footer .f-z-15 {
	    font-size: 11px !important;
	}
	i.m-l-10 {
	    margin-left: 0px !important;
	}
	.tabs .w-15-p{
		width: 30% !important;
		float: none !important;
		margin: 10px auto 0 !important;
	}
	.tabs .w-69-p {
	    width: 100% !important;
	    text-align: center;
	    margin-top: 25px;
	}
	.tabs div.content h4 b {
		margin-top: 0;
	}
	.tabbed > label b{
		display: none;
	}
	.tabbed.first > label{
		padding: 10px 0;
	}
	#enquiry form p {
		width: 100% !important;
	}
	footer .material-icon.f-z-30 {
		height: auto;
	}
	.member-list-1 section.bottom ul .card{
		width: 50%;
	}
	.circle__spin {
	    width: 165px;
	    height: 165px;
	}
	.member-list-1 {
	    text-align: center;
	    padding: 30px 0;
	}
		#single-content-card-1 {
	    padding: 30px 0;
	}
	.member-list-1 section.bottom ul .card{
		margin-bottom: 25px;
	}
	.member-list-1 section.bottom ul{
		margin-bottom: -15px;
	}
	.member-list-1 section.bottom a.button{
		margin-top: 20px;
	}
	.member-list-1 .top{
		margin-bottom: 20px;
	}
	#testimonials ul li div.conten h3 {
	    margin-bottom: 30px;
	    font-size: 26px;
	}
	#testimonials ul li div.conten {
		padding-bottom: 10px;
	}
	#gallery ul{
		float: none;
	}
	#gallery ul li.w-20-p {
		float: none;
		margin: 0 auto 10px;
		width: 80%
	}
	#gallery ul li:last-child() {
		margin-bottom: 0;
	}
}
@media all and (max-width:360px){
	.member-list-1 section.bottom ul .card {
		width: 100%;
		height: auto !important;
	}
	#testimonials ul li div.conten h3 {
	    margin-bottom: 30px;
	    font-size: 22px;
	}
       #testimonials ul li div.conten {
	    padding-left : 10px;
            padding-right: 10px;
	}
       #testimonials ul li div.conten p {
	    text-align: justify;
	}
	h2.f-z-100 {
	    letter-spacing: 5px;
	    font-size: 45px !important;
	}
	.countdown.styled div span {
		font-size: 10px;
	}
	.countdown.styled div {
		font-size: 20px;
	}
	#middle .m-t-20 {
	    margin-top: 15px !important;
	}
	.l-s-5 {
	    letter-spacing: normal !important;
	}
	.countdown.styled {
	    height: 80px;
	}
	.f-z-45 {
		font-size: 20px !important;
	}
	#map .h-200 {
	    height: 100px !important;
	}
	#map .w-200 {
	    width: 100px !important;
	}
	#map .p-t-50 {
	    padding-top: 20px !important;
	}
	#map .f-z-100{
		font-size: 60px !important;
	}
	#price-plan .w-32-p {
	    width: 100% !important;
	}
	#price-plan li .top h5 {
	    bottom: -27%;
	}
	footer .f-z-15 {
	    font-size: 9px !important;
	}
	.pop-up .content .subscribe form input.submit {
		width: 160px !important;
		height: 50px !important;
	}
	.pop-up .content .subscribe form input{
		height: 40px !important;
		font-size: 14px;
	}
	.member-list-1 section.bottom ul .card .image{
		width: 120px;
		height: 120px;
	}
	.circle__spin circle{
    stroke-dasharray: 45, 30;
	}
	.circle__spin {
	    width: 140px;
	    height: 140px;
	}
	.member-list-1 {
	    text-align: center;
	    padding: 30px 0;
	}
		#single-content-card-1 {
	    padding: 30px 0;
	}
}
/*responsive designs ends here*/

/*banner2 section starts here*/

section#banner2 div.right{
	width: 50%;
	overflow: hidden;
}
section#banner2 div.right img{
	width: 100%;
	display: block;
}
section#banner2 div.left{
	background:  #3F51B5;
	color: #fff;
	width: 50%;
	padding: 70px 66px;
	text-align: left;
}
section#banner2 div.left h2{
	letter-spacing: 5px;
    font-family: 'open_sansbold';
	font-weight: bold;
	font-size: 30px !important;
}
section#banner2 div.left h5{
	letter-spacing: 5px;
    font-family: 'open_sansbold';
	font-weight: bold;
	margin-top: 5px;
}
section#banner2 div.left p{
	font-size: 15px;
	margin: 30px 0;
}
section#banner2 div.left a.button{
	display: inline-block;
	border: 1px solid #fff;
	color: #fff;
	border-radius: 15px;
	padding: 10px 35px;
	font-weight: bold;
}
section#banner4{
	/*padding: 5% 0;*/
}
section#banner4 div.left{
	width: 50%;
	overflow: hidden;
}
section#banner4 div.left img{
	width: 100%;
	display: block;
}
section#banner4 div.right{
	background:  #2196F3;
	color: #fff;
	width: 50%;
	padding: 70px 66px;
	text-align: right;
}
section#banner4 div.right h2{
	letter-spacing: 5px;
    font-family: 'open_sansbold';
	font-weight: bold;
	font-size: 30px !important;
}
section#banner4 div.right h5{
	letter-spacing: 5px;
    font-family: 'open_sansbold';	
    font-weight: bold;
	margin-top: 5px;
}
section#banner4 div.right p{
	font-size: 15px;
	margin: 30px 0;
}
section#banner4 div.right a.button{
	display: inline-block;
	border: 1px solid #fff;
	color: #fff;
	border-radius: 15px;
	padding: 10px 35px;
	font-weight: bold;
}
#counterlist1{
	padding: 50px 0;
}
#counterlist1 .top{
	margin-bottom: 40px;
}
#counterlist1 .top h3{
	letter-spacing: 5px;
	font-size: 30px !important;
	text-align: center;
    font-family: 'open_sansbold';
	color: #141414;
}
#counterlist1 ul{
	float: left;
	width: 100%;
	margin-bottom: -5%;
}
/*Counterlist section cards*/
#counterlist1 ul li.card{
	float: left;
	width: 21%;
	margin-right: 5%;
	box-shadow: 0px 3px 6px 0 rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 2%;
	border-radius: 14px;
	margin-bottom: 5%;
}
#counterlist1 ul li.card:nth-child(4n){
	margin-right: 0;
}
/*Counterlist section card heading*/
#counterlist1 ul li.card h4.count{
	letter-spacing: 5px;
	text-align: center;
	font-size: 30px;
	margin-bottom: 4%;
	color: #0091da;
    font-family: 'open_sansbold';
}
#counterlist1 ul li.card h6{
	letter-spacing: 0px !important;
	text-align: center;
	font-size: 20px !important;
	color: #606060;
    font-family: 'open_sansbold';
}
#counterlist1 .top span{
	margin: 10px auto 0 ;
}

#benefit{
	position: relative;
    z-index: 20;
    background: #fff;
    text-align: center;
}
#benefit section.top span{
    margin: 5px auto 0;
}
#benefit section.bottom{
	margin-top: 40px;
}
#benefit section.bottom div.left{	
	width: 50%;
}
#benefit section.bottom div.right{
	width: 50%;
}
#benefit section.bottom div.bd{
	border-right: 2px solid #0091da;
}	
#benefit section.bottom div.common{
}
#benefit section.bottom div.common div:last-child{
	margin: 0;
}
#benefit section.bottom div.left span,#benefit section.bottom div.right  span{	
	font-size: 30px;	
	color: #28CC8B;
}
#benefit section.bottom div.left p,#benefit section.bottom div.right p{
	width: 88%;	
	text-align: left;
}

/*Responsive Design Starts here*/


/*style for #benefit starts from here*/
@media all and (max-width: 1280px){
	
}
@media all and (max-width: 1200px){		
	#benefit section.bottom div.left p, #benefit section.bottom div.right p {
    	width: 85%;    
	}

	#singlecontentcard2{
		background-position: -215px -1px;
	}
	section#banner2 div.left h2{
		font-size: 35px !important;
	}
	section#banner4 div.right h2{
		font-size: 35px !important;

	}
	#counterlist1 .top h3{
		font-size: 35px !important;
	}
	#benefit section.bottom div.common span {
	    font-size: 30px;
	    width: 15%;
	    color: #28CC8B;
	}
	#benefit section.bottom div.common p {
	    width: 70%;
	    text-align: left;
	}
}
@media all and (max-width: 980px){
	#benefit {
		padding-bottom: 30px; 
	}
	#benefit section.top h3{
		font-size: 30px !important;
	}
	#benefit section.bottom div.common h4{
		font-size: 25px !important;
		text-align: left;
	}
	#benefit section.bottom div.left div.common,#benefit section.bottom div.right div.common {    
    	padding: 0 10% 0 10%;
	}	
	#benefit section.bottom div.left span,#benefit section.bottom div.right  span{	
		font-size: 20px;	
	}
	
}
@media all and (max-width: 768px){
	#benefit section.bottom div.common {
    	
	}
}
@media all and (max-width: 640px){
	#benefit {
    	padding-bottom: 20px;
	}
	#benefit section.top h3{
	}
	#benefit section.bottom{
		margin-top: 20px;
	}
	#benefit section.bottom div {
	    width: 100%;
	    margin-bottom: 20px;
	}
	#benefit section.bottom div.left {
	    width: 100%;
	}
	#benefit section.bottom div.right{
		width: 100%;
		margin-bottom: 0;
	}
	#benefit section.bottom div.bd{
		border: none;
	}
	#benefit section.bottom div h4 {
    	font-size: 25px !important;
	}
	#benefit section.bottom div.common p {
	    width: 80%;
	    text-align: left;
	}
}
@media all and (max-width: 480px){
	#benefit {
    	padding-bottom: 10px;
	}
	#benefit section.top h3{
		font-size: 20px !important;
	}
	#benefit section.bottom div {
	    width: 100%;
	    margin-bottom: 25px;
	}
	#benefit section.bottom div h4 {
    	font-size: 20px !important;
	}
}
@media all and (max-width: 360px){
	#benefit {
		padding-bottom: 0;
	}
	#benefit section.top h3 {
    	font-size: 18px !important;
	}
	#benefit section.bottom {
    	margin-top: 15px;
	}
	#benefit section.bottom div.common {
    	margin: 10px auto;
	}
	#benefit section.bottom div h4 {
    	font-size: 18px !important;
	}
}
@media all and (max-width: 480px){

}
@media all and (max-width: 1095px){
	#counterlist1{
		padding: 40px 0;
	}
	#counterlist1 .top{
		margin-bottom: 30px;
	}
}
@media all and (max-width: 992px){
	#counterlist1 .top h3{
		font-size: 30px;
	}
}
@media all and (max-width: 850px){
	#counterlist1 ul li.card:nth-child(2n){
		margin-right: 0;
	}
	#counterlist1 ul li.card{
		width: 45%;
		margin-bottom: 4%;
		margin-right: 10%;
	}
}
@media all and (max-width: 484px){
	#counterlist1{
		padding: 30px 0;
	}
}
@media all and (max-width: 400px){
	#counterlist1 ul li.card{
		
	}
}
@media all and (max-width: 400px){
	#counterlist1 ul li.card h4.count{
		font-size: 15px !important;
	}
	#counterlist1 ul li.card h6{
		font-size: 15px !important;
	}
	#counterlist1 ul li.card{
		padding: 15px;
	}
	#counterlist1 .top{
		margin-bottom: 20px;
	}
}

/*Counterlist1 Section ends here*/

/*style for #icon-card starts from here*/

section#icon-card{
	padding: 0 0 50px;
}
section#icon-card section.top{
	
}
section#icon-card section.top h3{
	letter-spacing: 5px;
	font-size: 40px;
	text-align: center;
	font-weight: bold;
	font-family: 'open_sansbold';
}
section#icon-card section.top span{
	margin-bottom: 40px;
}
section#icon-card section.top ul{
	float: left;
	width: 100%;
	margin-bottom: -2%;
}
section#icon-card section.top li::before{
	position: absolute;
	width: 100%;
	height: 100%;
	content: " ";
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
	z-index: 2;
}
section#icon-card section.top li{
	width: 32%;
	display: block;
	float: left;
	margin: 0 2% 2% 0;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
}
section#icon-card section.top li:nth-child(3n){
	margin-right: 0;
}
section#icon-card section.top li div.image{
	
}
section#icon-card section.top li div.image img{
	display: block;
}
section#icon-card section.top li h6{	
	letter-spacing: 5px;
	font-size: 30px;
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
	z-index: 3;
	color: #fff;
}
section#icon-card section.top li{
	
}


@media only screen and (max-width:1280px){
	section#icon-card{
		padding: 50px 0;
	}
}
@media only screen and (max-width:1200px){
	section#icon-card section.top li{
		width: 49%;
	}
	section#icon-card section.top li:nth-child(2n){
		margin-right: 0;
	}
	section#icon-card section.top li:nth-child(3n){
		margin-right: 2%;
	}
	section#icon-card section.top li:last-child{
		margin-right: 0;
	}
}
@media all and (max-width: 980px){
	section#banner4 div.left, section#banner2 div.right {
		display: none;
	}
	section#banner4 div.right, section#banner2 div.left, section#banner div.right{
		width: 100%;
		height: auto !important;
	}
	section#banner2{
		padding: 10px 0 0;
	}
	section#banner4 div.left, section#banner2 div.right {
		display: none;
	}
	section#banner4 div.right, section#banner2 div.left, section#banner div.right{
		width: 100%;
		height: auto !important;
	}
	section#banner2{
		padding: 10px 0 0;
	}
	section#icon-card{
		padding: 40px 0;
	}
	section#icon-card section.top h3{
		margin-bottom: 30px;
	}
	section#icon-card section.top h3{
		font-size: 35px;
	}
	section#icon-card section.top li h6{
		font-size: 22px !important;
	}
}
@media only screen and (max-width:768px){
	section#icon-card section.top h3{
		font-size: 30px !important;
	}
	section#icon-card section.top li h6{
		
	}
	section#icon-card section.top li{
		
	}
	section#icon-card section.top li h6{
		font-size: 20px !important;
	}
	section#banner2 div.left h2{
		font-size: 30px !important;
	}
	section#banner4 div.right h2{
		font-size: 30px !important;
	}
	#counterlist1 .top h3{
		font-size: 30px !important;
	}
}
@media all and (max-width: 640px){
	section#banner4 div.left img, section#banner4 div.left picture {
		height: auto !important;
		width: 100%;
	}
	section#banner2 div.left p{
		font-size: 14px;
	}
	section#banner2 div.left h5{
		font-size: 14px !important;
	}
	section#banner4 div.right p{
		font-size: 14px;
	}
	section#banner4 div.right h5{
		font-size: 14px !important;
	}
	section#banner2{
		padding: 25px 0 0;
	}
	section#banner2 div.left{
		width: 100%;
		height: auto !important;
    	text-align: center;
	}
	section#banner2 div.right img{
		height: auto !important;
	}
	section#banner2 div.right {
		display: none;
	}
	section#full-widget ul li{
		width: 100%;
		height: auto !important;
	} 
	section#banner3 div.right{
		width: 100%;
		height: auto !important;
		text-align: center;
	}
	section#banner4 div.left{
		display: none;	
	}
	section#banner4 div.right{
		width: 100%;
		display: block;
		height: auto !important;
		text-align: center;
	}
	section#banner4 div.left img, section#banner4 div.left picture {
		height: auto !important;
		width: 100%;
	}
	section#banner2 div.left p{
		font-size: 14px;
	}
	section#banner2 div.left h5{
		font-size: 14px !important;
	}
	section#banner4 div.right p{
		font-size: 14px;
	}
	section#banner4 div.right h5{
		font-size: 14px !important;
	}
	section#banner2{
		padding: 25px 0 0;
	}
	section#banner2 div.left{
		width: 100%;
		height: auto !important;
    	text-align: center;
	}
	section#banner2 div.right img{
		height: auto !important;
	}
	section#banner2 div.right {
		display: none;
	}
	section#full-widget ul li{
		width: 100%;
		height: auto !important;
	} 
	section#banner3 div.right{
		width: 100%;
		height: auto !important;
		text-align: center;
	}
	section#banner4 div.left{
		display: none;	
	}
	section#banner4 div.right{
		width: 100%;
		display: block;
		height: auto !important;
		text-align: center;
	}
	section#icon-card section.top h3{
		font-size: 25px !important;
	}
	section#icon-card section.top li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	section#icon-card section.top li:last-child{
		margin-bottom: 0;
	}
	section#icon-card section.top li{
		padding: 0 80px 0 0;
	}
	section#icon-card section.top li h6{
		font-size: 30px !important;
	}
}
@media all and (max-width: 480px){
	section#banner2 div.left p{
		text-align: justify;
	}
	section#banner4 div.right p{
		text-align: justify;
	}
	section#banner2{
		padding: 25px 0 0;
	}
	section#banner2 div.left{
		width: 100%;
		height: auto !important;
    	text-align: center;
    	padding-top: 35px;
    	padding-bottom: 40px;
    	padding-left: 35px;
    	padding-right: 35px;
	}
	section#banner4{/*
		padding: 25px 0;*/
	}
	section#banner4 div.left{
		width: 100%;
		height: auto !important;		
	}
	section#banner4 div.right{
		width: 100%;
		display: block;
		height: auto !important;
		text-align: center;
		padding-top: 35px;
    	padding-bottom: 40px;
    	padding-left: 35px;
    	padding-right: 35px;
	}
	section#banner4 div.right img{
		height: auto !important;
	}
	section#banner2 div.left p{
		text-align: justify;
	}
	section#banner4 div.right p{
		text-align: justify;
	}
	section#banner2{
		padding: 25px 0 0;
	}
	section#banner2 div.left{
		width: 100%;
		height: auto !important;
    	text-align: center;
    	padding-top: 35px;
    	padding-bottom: 40px;
    	padding-left: 35px;
    	padding-right: 35px;
	}
	section#banner4{/*
		padding: 25px 0;*/
	}
	section#banner4 div.left{
		width: 100%;
		height: auto !important;		
	}
	section#banner4 div.right{
		width: 100%;
		display: block;
		height: auto !important;
		text-align: center;
		padding-top: 35px;
    	padding-bottom: 40px;
    	padding-left: 35px;
    	padding-right: 35px;
	}
	section#banner4 div.right img{
		height: auto !important;
	}
	section#icon-card section.top h3{
		margin-bottom: 25px;
	}
	section#icon-card section.top li{
		margin-bottom: 20px;
	}
	section#icon-card section.top li:last_child{
		margin-bottom: 0;
	}
	section#icon-card section.top h3{
		font-size: 30px !important;
	}
	section#icon-card section.top li{
		width: 80%;
	}
	section#icon-card section.top li div.image{
		
	}
	section#icon-card section.top li h6{
		
	}
	section#icon-card section.top li{
		padding: 0;
		width: 100%;
	}
	
}
@media all and (max-width: 400px){
	section#banner2 div.left p {
		font-size: 15px;
	}
	section#banner4 div.right p{
		font-size: 15px;
	}
}
@media all and (max-width: 360px){
	section#banner2{
		padding: 35px 0 0;
	}
	section#banner2 div.left{
		width: 100%;
		height: auto !important;
	}
	section#banner2 div.left a.button{
		font-size: 15px;
		padding: 5px 20px;
	}
	section#banner2 div.left{
		padding: 12% 12%;
	}
	section#banner4 div.right{
		padding: 12% 12%;
	}
	section#banner4 div.right p{
		text-align: justify;
	}
	section#icon-card section.top h3{
		font-size: 20px !important;
	}
	section#icon-card section.top li h6{
		font-size: 17px !important;
	}
	
}
@media all and (max-width: 330px){
	section#banner2 div.left{
		padding: 12% 12%;
	}
	section#banner4 div.right{
		padding: 12% 12%;
	}
	section#banner4 div.right p{
		text-align: justify;
	}
}
@media only screen and (max-width:320px){
	section#icon-card section.top h3{
		font-size: 19px !important;
	}
	section#icon-card section.top li h6{
		font-size: 15px;
	}
}
@media all  and (max-width: 1280px){
	section#spotlight{
		position: relative;
	}
	section#spotlight header div.left{
		width: 30%;
	}
	section#spotlight header div.right{
		width: 50%;
	}
	section#spotlight header div.right nav{
		margin-top: 40px;
	}
	section#spotlight div.content p{
		font-size: 25px;
	}
	section#spotlight div.content{
		
	}
	section#spotlight div.content h5{
		font-size: 35px;
	}
}
@media all  and (max-width: 980px){

	body{
		position: relative;
	}
	header nav.menu{
		display: none;
	}
	.mobile-menu-overlay{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		min-height: 100vh;
		background: rgba(120,120,120,.8);
		z-index: 2;
		display: none;
	}
	div.mobile-menu{
		display: block;
		padding-top: 30px;
		width: 100%;
		max-width: 300px;
		min-height: 100vh;
		background: #fff;
		position: fixed;
		top: 0;
		right: -300px;
		-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.46);
		-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.46);
		box-shadow: 0 1px 5px rgba(0, 0, 0, 0.46);
		z-index: 3;
		transition: .3s;
		z-index: 90;
	}
	div.mobile-menu ul li{
		display: block;
		text-align: left;
		border-bottom: 1px solid #EEE;
		line-height: 50px;
	}
	div.mobile-menu ul li a{
		color: #000;
		font-size: 15px;
		text-transform: capitalize;
		font-family: 'montserratbold';
		padding: 0 30px;
	}
	.mobile-menu ul li a:hover{
		color: #56D5C4;
	}
	header span.icon-menu-outline{
		display: block;
		float: right;
		cursor: pointer;
		font-size: 20px;
		color: #fff;
		margin-top: 40px;
	}
	span.icon-menu-outline:hover{
		color: rgba(120,120,120,.8);
	}
	.icon-cancel-circled{
		font-size: 25px;
		position: fixed;
		z-index: 100;
		top: 20px;
		right: 20px;
		cursor: pointer;
		display: none;
		transition: .3s;
	}
	.icon-cancel-circled:hover{
		color: #56D5C4;
	}
	section#spotlight header div.right{
		width: 60%;
	}
	section#spotlight header div.left{
		width: 40%;
	}
}

@media all  and (max-width: 768px){
	/*section#spotlight header div.left h1{
		width: 65%;
	}*/
	section#spotlight header {
	    padding: 50px 50px;
	}
	section#spotlight div.content{
	    
	}
	section#spotlight div.content p{
		font-size: 23px;
	}
}
@media all  and (max-width: 640px){
}
@media all  and (max-width: 480px){
	section#spotlight div.content p{
		font-size: 16px !important;
	}
	section#spotlight div.content h5{
		font-size: 20px !important;
	}
	section#spotlight1 header,section#spotlight2 header{
		padding: 25px 45px;
	}
	section#spotlight header{
		padding: 30px 20px 0;
	}
	/*section#spotlight header div.left{
		width: 100%;
	}*/
}