#services-section{width:100%; margin:0px 0; background:url(../images/services-bg.jpg) no-repeat scroll 0 0 / cover; padding:60px 40px; position:relative; text-align:center; background-attachment:fixed;}
#services-section:before { background:#000; content:""; height:100%; left:0; opacity:0.7; position:absolute; top:0; width:100%;}
#services-section h1{ color:#fff; font-weight:300; font-size:36px;}
#services-section h2{ color:#FFf; font-weight:700; font-size:35px; margin:0px 0 0 0; text-transform:uppercase;}
#services-section p{ color:#707070; font-weight:300; font-size:14px; line-height:20px; margin:20px 0 0 0;}
#services-section .image{ position:relative; overflow:hidden;}
#services-section .image .overlay{ position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.5); left:0; bottom:-100%; color:#fff; transition:all 0.5s ease 0s;}
#services-section .image .overlay a{font-family: 'Roboto Condensed', sans-serif; display:inline-block; background:#22316C; color:#fff; width:90px; height:90px; border-radius:10%; text-align:center; line-height:90px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
#services-section ul li:hover .overlay{ bottom:0;}
#services-section .text{ padding:20px;}
#services-section ul{ list-style:none; margin:10px 0 0 0; text-align:left;}
#services-section ul li{ width:22%; float:left; background:#fff; margin:10px 2% 10px 10px; padding:0px;}
#services-section ul li:nth-child(3n+0){ margin:10px 20px 10px 0px;}
#services-section ul li img{ width:100%; }

/* MEDIA SCREEN QUERYS * -------------------------- */

@media screen and (max-width: 1024px) {
.content{ padding:0 10px;}
#services-section h1{ font-size:34px;}
#services-section p{ font-size:13px;}

#services-wrap p{ font-size:14px; line-height:22px;}

.google-maps{ padding-bottom:40%;}
.cap-input { float: right;margin-top: 20px;width: 207px !important}

}

@media screen and (max-width: 768px) {
#services-section ul li{ width:48%; float:left; background:#fff; margin:30px 4% 0 0; padding:0px;}
#services-section ul li:nth-child(3n+0){ margin:30px 4% 0 0;}
#services-section ul li:nth-child(2n+0){ margin:30px 0 0 0;}

#services-wrap{ text-align:center;}
#services-wrap .left{width:100%; float:none; background:#fff;}
#services-wrap .right{width:100%; float:none; background:#fff;}
#services-wrap .left img, #services-wrap .right img{width:50%; margin:0 auto;}
.google-maps{ padding-bottom:40%;}
.cap-input { float: right;margin-top: 20px;width: 286px !important}

}

@media screen and (max-width: 640px) {
#services-section h2{font-size:18px;}

#services-wrap .left img, #services-wrap .right img{width:75%; margin:0 auto;}


}

@media screen and (max-width: 480px) {
#services-section h1{font-size:30px;}
#services-section ul li{ width:80%; float:none; margin:30px auto 0 auto; padding:0px;}
#services-section ul li:nth-child(3n+0){ margin:30px auto 0 auto;}
#services-section ul li:nth-child(2n+0){ margin:30px auto 0 auto;}

}



@media screen and (max-width: 360px) {
#services-section h1{font-size:26px;}
#services-section ul li{ width:100%; }


}

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

#work-section h2{font-size:16px;}

}






.container-fluid {
	padding-left: 0px;
	padding-right: 0px;
}
.container-fluid.margintop {
	margin-top: 95px;
}

.guide {
	
	padding: 35px ;
	float: left;
	width: 100%;
}
.guide .heading h3 {
	color: #ffffff;
	text-align: center;
	font-size: 32px;
	padding-bottom: 25px;
	font-family: Poppins-Regular;
	font-weight: 200;
}
.guide h3 {
	color: #ffffff;
	text-align: center;
	font-size: 32px;
	padding-bottom: 25px;
	font-family: Poppins-Regular;
	font-weight: 200;
}
.guide1 {
	background: #ffffff none repeat scroll 0 0;
	border-radius: 15px;
	box-shadow: 0 0 23px rgba(0, 0, 0, 0.2);
	margin-bottom: 23px;
	cursor: pointer;
	padding: 10px 10px 10px 10px;
}
.guide1 h3 {
	font-size: 16px;
	font-weight: bold
}
.guide1 p {
	font-size: 13px;
	color: #22316C;
	padding: 5px 0px;
	font-weight: 400
}
.guide h6 {
	text-align: center;
	padding-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
}
.guide1 > p {
	min-height: 120px;
}
.guide h5 {
	text-align: center;
	color: #fff;
	padding-bottom: 30px;
}
.guide1 img {
	color:#FF334B;
	display: inline-block;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	cursor: pointer;
}
.guide1:hover img {
	-webkit-animation-name: pulse;
	animation-name: pulse;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
@-webkit-keyframes pulse {
 25% {
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 75% {
 -webkit-transform: scale(0.8);
 transform: scale(0.8);
}
}
 @keyframes pulse {
 25% {
 -webkit-transform: scale(1.2);
 -ms-transform: scale(1.2);
 transform: scale(1.2);
}
 75% {
 -webkit-transform: scale(0.8);
 -ms-transform: scale(0.8);
 transform: scale(0.8);
}
}


.container1 {
	width: 85%!important;
}

.detailTab{width:100%;overflow:hidden;margin-top:5%;border-radius:50px; padding:30px}
.innerList>a,.innerList>p.hightlightPara{text-transform:uppercase;margin-top:1.5em }
.detailTab>ul{width:100%;float:left;}
.detailTab>ul li{width:50%;height:auto;float:left;background-color:#FF334B;border-bottom:10px solid #FFB300; border-radius: 50px;}
.detailTab>ul li:nth-child(1),.detailTab>ul li:nth-child(12),.detailTab>ul li:nth-child(13),.detailTab>ul li:nth-child(16),
.detailTab>ul li:nth-child(17),.detailTab>ul li:nth-child(20),.detailTab>ul li:nth-child(21),.detailTab>ul li:nth-child(4),
.detailTab>ul li:nth-child(5),.detailTab>ul li:nth-child(8),
.detailTab>ul li:nth-child(9){background-color:#FFB300;border-bottom:10px solid #f0efd3;}
.detailTab>ul li:hover{border-bottom:10px solid #26c7ba !important;}

@media only screen and (max-width:400px){.detailTab>ul li{width:100%}
.mainContent{padding:25% 0 0}
.headerContent>h1{font-size:1.2em}
.headerContent>p{font-size:.8em}
.buttonTab{margin-top:2%}
}
.innerList>p,.innerList>span,.sbHolder{font-family:Candara,sans-serif}
.innerList>a,.innerList>p.hightlightPara{text-transform:uppercase;margin-top:1.5em}
.innerList{padding:8% 10%}
.innerList>h3{font-size:1.6em;line-height:1.3em;color:#000;text-transform:uppercase}
.innerList>p{font-size:1em;line-height:1.4em;color:#000;margin-bottom:.8em}
.innerList>p.hightlightPara,.innerList>span{background-image:url(../clientlib-site/img/common/small-green-star-img.png);background-repeat:no-repeat;background-position:0 0;line-height:18px;padding-left:25px}
.innerList>span{font-size:.85em}
.innerList>p.hightlightPara{font-size:1em}
.innerList>a{height:42px;display:inline-table;font-size:.9em;line-height:42px;padding:0 22px;background-image:url(../clientlib-site/img/packages/green-left-img.png),url(../clientlib-site/img/packages/green-right-img.png);background-repeat:no-repeat,no-repeat;background-position:0 0,right 0;background-size:auto 42px,auto 42px;text-decoration:none;color:#282421}
.innerList>a>span{background-color:#00958a;display:block;border-radius: 10px;}
.innerList>hr{margin:0 .5em;border:0;line-height:0;font-size:0}
.innerList>a:hover{background-image:url(../clientlib-site/img/packages/black-left-img.png),url(../clientlib-site/img/packages/black-right-img.png);color:#fff}
.innerList>a:hover>span{background-color:#393633}
@media only screen and (max-width:800px){.mainContent{padding:15% 0 0}
.headerContent>h1{font-size:2em;padding:0 60px;background-size:auto 20px,auto 20px;background-position:0 .1em,right .1em}
.headerContent>p{font-size:.9em}
.dropbox{height:40px;padding:0 18px;background-size:auto 40px,auto 40px}
.innerList>h3{font-size:1.2em}
.innerList>p{font-size:.9em}
.innerList>span{font-size:.85em}
.innerList>a{height:35px;font-size:.75em;line-height:35px;padding:0 20px;background-size:auto 35px,auto 35px;margin-top:1.5em}
}

/*--- Tabbed */


* {
  margin: 0;
  padding: 0;
}



.wrapper {
  margin: 20px auto;
  width: 100%;
  font-family: sans-serif;
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  max-width: 100%;
  min-width: 340px;
  overflow: hidden;
}
.tabs li {
	
  list-style: none;
  float: left;
  width: 33.33%;
}


.tabs a {
  display: block;
  text-align: center;
  text-decoration: none;
  position: relative;
  text-transform: uppercase;
  color: #fff;
  height: 70px;
  line-height: 90px;
  background: linear-gradient(165deg, transparent 29%, #22316C 30%);
}
.tabs a:hover,
.tabs a.active {
  background: linear-gradient(165deg, transparent 29%, #fff 30%);
  color: #98927C;
}
.tabs a:before {
  content: '';
  position: absolute;
  z-index: 11;
  left: 100%;
  top: -100%;
  height: 70px;
  line-height: 90px;
  width: 0;
  border-bottom: 70px solid rgba(0, 0, 0, 0.1);
  border-right: 7px solid transparent;
}
.tabs a.active:before {
  content: '';
  position: absolute;
  z-index: 11;
  left: 100%;
  top: -100%;
  height: 70px;
  line-height: 90px;
  width: 0;
  border-bottom: 70px solid rgba(0, 0, 0, 0.2);
  border-right: 20px solid transparent;
}
.tabgroup {
  box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
}
.tabgroup div {
  padding: 5px;
  background: #fff;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}






@media (max-width: 50.25rem) {
  html {
    --wide: 0 ;
  }
}
@media (max-width: 21.75rem) {
  html {
    --narr: 1 ;
  }
}
@media (max-width: 12em) {
  html {
    font-size: 0.75em;
  }
}



html {
  --i: var(--wide, 1);
  --j: calc(1 - var(--i));
  --narr: 0;
  --k: calc(1 - var(--narr));
  font: 500 1em/ 1.25 koho, trebuchet ms, verdana, sans-serif;
  transition: .3s;
}
@media (max-width: 50.25rem) {
  html {
    --wide: 0 ;
  }
}
@media (max-width: 21.75rem) {
  html {
    --narr: 1 ;
  }
}
@media (max-width: 12em) {
  html {
    font-size: 0.75em;
  }
}



article {
  --p: var(--parity, 0);
  --q: calc(1 - var(--p));
  --s: calc(1 - 2*var(--p));
  grid-row: calc(var(--idx) + 1);
  grid-column: calc(var(--i)*var(--p) + 1);
  position: relative;
  margin-top: calc(var(--i)*-4.5rem);
  border-bottom: solid 0.75rem transparent;
  max-width: 100%;
  min-height: 13.5rem;
  background: linear-gradient(#f2f2f2, #f2f2f2) padding-box, radial-gradient(at 50% 0, rgba(0, 0, 0, 0.3), transparent 70%) 50% 100%/115% 0.75rem border-box;
  color: #222;
}
article:before {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: calc(var(--k)*(var(--q)*-0.75rem + var(--p)*-2.25rem));
  border-bottom: solid calc(var(--k)*0.75rem) transparent;
  width: calc(var(--k)*21.75rem + var(--narr)*100%);
  height: calc(4.5rem + var(--k)*0.75rem);
  border-radius: calc(var(--k)*var(--p)*2.25rem) calc(var(--k)*var(--q)*2.25rem) calc(var(--k)*var(--q)*2.25rem) calc(var(--k)*var(--p)*2.25rem) / calc(var(--k)*var(--p)*2.25rem) calc(var(--k)*var(--q)*2.25rem) calc(var(--k)*var(--q)*3rem) calc(var(--k)*var(--p)*3rem);
  background: linear-gradient(calc(var(--s)*90deg), var(--slist)) padding-box, linear-gradient(calc(var(--s)*90deg), var(--slist) 0.75rem, #e6e6e6 0) calc(var(--p)*100%) 0/ 17.25rem no-repeat border-box;
  color: #fff;
  font-size: 2rem;
  font-weight: 300;
  text-shadow: calc(var(--s)*-1px) 1px 2px rgba(0, 0, 0, 0.85);
  clip-path: polygon(calc(var(--p)*100%) 0, calc(var(--q)*100%) 0, calc(var(--q)*100%) 100%, calc(var(--q)*100% - var(--s)*4.5rem) 4.5rem, calc(var(--p)*100% + var(--s)*0.75rem) 100%, calc(var(--p)*100%) 4.5rem);
  content: attr(data-year);
}
article:after {
  position: absolute;
  top: 0;
  left: calc(var(--q)*(100% - 4.5rem) + var(--s)*7.875rem);
  border: solid 0.75rem transparent;
  padding: 0.75rem;
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
  transform: scale(var(--i));
  background: linear-gradient(calc(var(--s)*90deg), var(--slist)) content-box, linear-gradient(calc(var(--s)*90deg), var(--slist)) border-box;
  --m: var(--mid, ) linear-gradient(red, red) padding-box, linear-gradient(red, red) border-box;
  -webkit-mask: var(--m);
  -webkit-mask-composite: xor;
  mask: var(--m);
  mask-composite: exclude;
  content: "";
}
article:nth-of-type(2n) {
  --parity: 1 ;
}
article:first-of-type, article:last-of-type {
  --mid: linear-gradient(red, red) content-box ,
  ;
}

h3, p {
  padding: 0 0.75rem;
}

h3 {
  margin-top: .25em;
  font-size: 1.375em;
  font-weight: 600;
  line-height: 2;
  text-transform: uppercase;
}