a:hover,a:focus{
	text-decoration:none;
}
.section_title{
	font-size:2.6em;
	color:#333;
}
.table-view{
	height:100%;
	width:100%;
	display:table;
}
.cell-view{
	display:table-cell;
	vertical-align:middle;
}
.row.no-gutters {
   margin-right: 0;
   margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
   padding-right: 0;
   padding-left: 0;
}

.media{
	position:relative;
	padding-top:30px;
	padding-left:30px;
	overflow:hidden;
	margin-top:30px;
}
.media:after{
	position:absolute;
	border:1px solid #f16236;
	content:"";
	width:calc(100% - 30px);
	height:calc(100% - 30px);
	top:0px;
	left:0px;
	z-index:0;
}
.media .figure,.media .media-content{
	z-index:1;
}
.media figure{
	z-index:1;
	position:relative;
	margin:0;
	overflow:hidden;
}
.media figure:after,.media figure:before{
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	height:100%;
	width:100%;
	content:"";
	background:rgba(0,0,0,.5);
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	
} 
.media figure:after{
	transform:translate(100%, -100%);
}
.media figure:before{
	transform:translate(-100%, 100%);
}
.media:hover figure:after,.media:hover figure:before{
	background:rgba(0,0,0,.2);
}
.media:hover figure:before{
	transform:translate(-50%, 50%);
}
.media:hover figure:after{
	transform:translate(50%, -50%);
}
.contact-options{
	position:absolute;
	top:0;
	right:0;
	z-index:1;
}
.contact-options span{
	display: inline-block;
    height: 36px;
    width: 36px;
    text-align: center;
    padding: 0px 0 0;
    background: #20a1a0;
    color: #fff;
    line-height: normal;
    font-size: 24px;
    border-radius: 50% 0% 50% 50%;
    transition: .4s;
	cursor:pointer;
}
.contact-options span i{
	transition: .4s;
}
.media-content{
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin: auto;
	bottom:0;
	width:100%;
	height:100%;
	*background:rgba(0,0,0,.6);
	transition:.3s;
}
.media figure img{
	width:100%;
}
.service-post-content{
	padding: 0px;
}
.sp-content{
	vertical-align:middle;
}


.service-post-title h2, .service-post-title h1{
	color: #222;
    position: relative;
    padding-bottom: 14px;
    margin-top: 0;
    text-transform: uppercase;
	padding-left:30px;
	font: 700 32px/36px 'Raleway', sans-serif;
    letter-spacing: 1.0px;
}
.service-post-title h2:after, .service-post-title h1:after{
	content:"";
	height:80%;
	width:5px;
	left:0;
	top:0;
	background:#F16236;
	position:absolute;
}
.service-post-title h2:before, .service-post-title h1:before{
	content:"";
	height:60%;
	width:3px;
	left:12px;
	top:20%;
	background:#F16236;
	position:absolute;
}
.service-post-title p{
	color:#666;
	font-size:20px;
	font-weight:400;
}
.service-post-wrapper{
	padding:70px 0;
}
.service-post-detail{
	overflow:hidden;
}
.service-post-detail ul{
	margin:20px 0 0;
}
.service-post-detail ul li{
	margin:16px -2px;
	position:relative;
	display:inline-block;
	padding:0;
	vertical-align:top;
	width:50%;
}
.service-post-detail ul li a{
	display: block;
    padding: 0;
    position: relative;
    font-size: 24px;
    color: #333;
    line-height: normal;
}
.service-post-detail ul li a i{
	position: static;
    left: 0;
    top: 0;
    margin: 0 12px 20px 0;
    font-size: 56px;
    display: block;
    *color: #F16236;
    color: #20a1a0;
    transition: .3s;
	float:left;
	
}
.service-post-detail ul li a:hover{
	*background:#8F1800;
	color:#f16236;
}
.service-post-detail ul li a:hover i{
	color:#f16236;
}
.service-post-detail ul li a small{
	display: block;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 400;
    color: #999;
}
.animated-panel{
	position:absolute;
	bottom:0;
	width:100%;
	left:0;
	bottom: 5%;
}
.custom-panel{
	width: 109%;
    height: auto;
    margin: 0 auto;
    padding: 26px 0;
    background: rgba(241, 98, 54,.8);
    display: block;
    border-radius: 0;
    opacity: 1;
    transition: .8s;
    position: absolute !important;
   bottom:0;
    *transform: translateY(-164%) rotate(-15deg);
    transform: rotate(-4deg) !important;
    left: -24px;
}
.custom-panel:before,.custom-panel:after{
	content: "";
    position: absolute;
    height: 104%;
    width: 60px;
    top: -5px;
    background: rgba(241, 98, 54,.8);
	display:none;
}
.custom-panel:before{
	left: -29px;
    transform: rotate(-5deg);
}
.custom-panel:after{
	right: -29px;
    transform: rotate(5deg);
}

.custom-panel h3{
	margin:0;
	padding:0;
	font-size:24px;
	font-weight:600;
	padding-left:10%;
}
.custom-panel h3,.custom-panel p{
	color:#fff;
}
.lead{
	font-size:3em;
	font-weight:600;
}
.custom-panel a.custom-btn{
	background:#fff !important; 
	color:#333;
}
.custom-panel a.custom-btn:hover{
	background:#333 !important; 
	color:#fff;
}
.lead span{
	font-size:18px;
	font-weight:400;
	text-transform:capitalize;
}
.packages-board{
	position: absolute;
    width: 75%;
    right: 0;
    bottom: 10px;
    background: #f16236;
    padding: 6px 0;
    text-align: center;
    color: #fff;
	z-index:1;
	transition:all .4s ease-in-out;
}

.packages-board.b2{
	bottom: 58px;
	width: 70%;
}
.packages-board:hover{
	width: 82%;
}
.packages-board.b2:hover{
	width: 75%;
}
.packages-board:before{
	content: "";
    border-left: 22px solid transparent;
    border-bottom: 45px solid #f16236;
    position: absolute;
    top: 0;
    left: -22px;
}
.packages-board a{
	color: #fff;
    font-size: 22px;
    font-weight: 600;
    display: block;
    padding: 0  20px;
    font-weight: 400;
    width: 100%;
    text-align: left;
}
.packages-board a:hover{
	opacity:.7;
}
.packages-board a i{
	font-size:20px;
	line-height:normal;
}
.our_services .service-post-wrapper:nth-child(2n + 1){
	background:#f1f1f1;
}
.our_services .service-post-wrapper:nth-child(2n ) .media{
	margin-left:30px;
}
.our_services .service-post-wrapper:nth-child(2n + 1) .media{
	padding-left:0;
	padding-right:30px;
	margin-right:30px;
}
.our_services .service-post-wrapper:nth-child(2n + 1) .media:after {
    position: absolute;
    border: 1px solid #f16236;
    content: "";
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    top: 0px;
    left: auto;
    right: 0px;
    z-index: 0;
}
.our_services .service-post-wrapper:nth-child(2n + 1) .packages-board{
	left:0;
	right:auto;
}
.our_services .service-post-wrapper:nth-child(2n + 1) .packages-board:before{
	content: "";
    border-right: 22px solid transparent;
    border-bottom: 45px solid #f16236;
    position: absolute;
    border-left: 0px solid transparent;
    top: 0;
    right: -22px;
    left: auto;
}

.slider-section:before {
    background: url('data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAD0lEQVQImWNgQAUzyeAAAE32AmW31qMZAAAAAElFTkSuQmCC') rgba(0, 0, 0, 0);
    content: "";
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    position: absolute;
}

.why-choose-section{
	position:relative;
	background:#000;
}
.why-choose-section .container {
	position:relative;
	z-index:1;
}
.why-choose-section:after{
	*background:url(../images/stats.jpg) no-repeat fixed center center /cover;
	background:#0ec5c2;
	content:"";
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	opacity:1;
}
.why-choose-section  .section_title {
	color: #333;
    line-height: normal;
    font-size: 42px;
    margin: 0 0 20px 0;
}
.title-bar {
	position:relative;
	background:#0ec5c2;
	padding-right:40px;
}

.title-bar:before {
	content:"";
	height:100%;
	position:absolute;
	left:-200%;
	width:200%;
	background:#0ec5c2;
}
.title-bar p{
	font-size:20px;
}
.title-bar .btns_wcs{
	margin-top:20px;
}
.title-bar .btns_wcs a {
	vertical-align: top;
    padding: 12px 26px !important;
    border-radius: 0;
    line-height: normal;
    text-transform: uppercase;
    font-weight: 600;
    border: 0;
	color:#fff;
}
.title-bar .btns_wcs a + a{
	background:#333;
}
.stats_state{
	padding-top:60px;
	padding-bottom:60px;
}
.locate-btn{
	position:absolute;
	bottom:0;
	height:60px;
	width:35px;
	border-radius:50px;
	background:rgba(14,197,194,.7);
	color:#fff;
	font-size:30px;
	text-align:center;
	z-index:2;
	right:0;
	left:0;
	margin:0 auto 30px;
	padding:10px 0;
	transition:.3s;
	animation: MoveUpDown 2s linear infinite;
}
@keyframes MoveUpDown {
  0%, 100% {
    bottom: 0;
  }
  50% {
    bottom: 10px;
  }
}

.custom_grid .custom_grid_cell div {
	
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
 }
 
 @-webkit-keyframes fadeInRight {
	0% {
	   opacity: 0;
	   -webkit-transform: translateX(40px);
	}
	100% {
	   opacity: 1;
	   -webkit-transform: translateX(0);
	}
 }
 
 @keyframes fadeInRight {
	0% {
	   opacity: 0;
	   transform: translateX(40px);
	}
	100% {
	   opacity: 1;
	   transform: translateX(0);
	}
 }
 
 .fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
 }
.slider-section:after{
	display:none;
}
.slider-section .slide li img{
	filter: grayscale(0);
}
.slider-section .abs-caption:before {
    background: url('data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAD0lEQVQImWNgQAUzyeAAAE32AmW31qMZAAAAAElFTkSuQmCC') rgba(0, 0, 0, 0);
    content: "";
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    position: absolute;
}
.slider-section .abs-caption .grid.custom_grid{
	position:relative;
	z-index:2;
}
.choose-us-img h3,.why-choose-section .xs-content-title,.choose-us-img i,.choose-us-img span{
	color:#fff !important;
}
.why-choose-section:after{
	background: #585858;
}

.sp-content .isplhr_contact{
	*border-top:1px solid #ddd;
	padding-top:10px;
}
.sp-content .isplhr_contact .sidebar-support-wrapper .col_third:nth-child(1) h3, .sp-content .isplhr_contact .sidebar-support-wrapper .col_third:nth-child(1) p,.sp-content .isplhr_contact .sidebar-support-wrapper .col_third:nth-child(2) h3, .sp-content .isplhr_contact .sidebar-support-wrapper .col_third:nth-child(2) p{
	color:#f16236 !important;
}
.sp-content .isplhr_contact .sidebar-support-wrapper .col_third h3{
	line-height: 26px;
    margin: 0;
    padding: 0;
}
.sp-content .isplhr_contact .sidebar-support-wrapper .col_third p{
	font-size:18px !important;
	margin:0;
	padding-bottom:0;
}
.abs-responsive-slider  .owl-item .abs-caption .fadeinRight{
	opacity:0;
	transform:translateX(200px);
	transition:2s;
	transition-delay:1s;
}
.abs-responsive-slider  .owl-item.active .abs-caption .fadeinRight{
	opacity:1;
	transform:translateX(0px);
}
.our-work{
	*background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAALUlEQVQYV2NsOvsjrc6YYxYDFID4jCA2TAJGgwVBoPnc9/+1RpxgPnaV2MwEAMugIWCEWUcPAAAAAElFTkSuQmCC);
	padding:70px 0;
	background:#fff;
}
.single-port{
	border:2px solid #fff;
	padding:15px;
	background:#e8e8e8;
	overflow:hidden;
}
.single-port figure{
	margin: 0;
    height: 255px;
	position:relative;
	overflow:hidden;
}
.single-port figure:after{
	content:"";
	background:rgba(0,0,0,.6);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:1;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	z-index:0;
}

.single-port figure:before{
	content:"";
	background:rgba(241, 98, 54, .58);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:1;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	z-index:9;
	transform:translateY(50%) rotate(45deg);
	display:none;
}
.single-port figure:hover:before{
	opacity:0;
}
.single-port figure img{
	margin: 0 auto;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	transform:translate(0, 0);
}
.single-port figure:hover img{
	*transform:translate(0, -50px) ;
	*transform:rotateX(40deg) ;
	display:block;
	position:relative;
}
.port-info{
	padding:10px 15px;
	*background:rgba(0,0,0,.7);
	position:absolute;
	width:80%;
	height:auto;
	left:10%;
	
	border:1px solid #fff;
	z-index:1;
	-webkit-transition: all .7s ease-in-out;
	-moz-transition: all .7s ease-in-out;
	-o-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
	
	text-align:center;
	transform:rotate(0deg);
	bottom:40%;
	opacity:1;
	
}


.port-info h4,.port-info a{
	color:#fff;
	margin:0;
}
.port-info h4{
	font-size:18px;
	font-weight:500;
	text-transform:capitalize;
}
.view-state {
	font-size:14px;
	position: absolute;
    top: 0px;
    right: 0;
    text-align: center;
    background: #0ec5c2;
    padding: 5px 8px;
    color: #fff;
    border-radius: 50% 0% 50% 50%;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-transform:translate(100%, -100%);
	-moz-transform:translate(100%, -100%);
	-o-transform:translate(100%, -100%);
	transform:translate(0%, 0%);
	z-index:1;
}
.view-state:hover{
	color:#fff;
	opacity:.7;
}

@media screen and (min-width:767px){
	.single-port figure:hover .port-info{
		transform:rotate(0deg);
		bottom:40%;
		opacity:1;
	}
	.port-info{
		opacity:0;
		bottom:-100%;
		transform:rotate(40deg);
	}
	.single-port figure .view-state{
		transform:translate(100%, -100%);
	}
	.single-port figure:hover .view-state{
		transform:translate(0, 0);
	}
	.single-port figure:after{
		opacity:0;
	}
	.single-port figure:hover:after{
		opacity:1;
	}
}
.home-contact{
	padding:70px 0;
	position:relative;
	*background:url(../images/home-hero.jpg) no-repeat center center / cover;
	background:#f1f1f1;
}
.home-contact:after{
	*background:url(../images/home-hero.jpg) no-repeat fixed center center / cover;
	height:100%;
	width:100%;
	position:absolute;
	content:"";
	left:0;
	top:0;
	z-index:0;
	opacity:.2;
	display:none;
}
.home-contact .container{
	position:relative;
	z-index:1;
}
.add-h{
	*background:#000;
}
address.address-home {
	padding-left:30px;
	position:relative;
}
address.address-home:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:2px;
	background:#f16236;
}
.home-contact h3{
	font-size: 28px;
    font-weight: 600;
    margin-bottom: 30px;
    margin-left: 20px;
	text-transform:uppercase;
}
.address-inner .form-group{
	position:relative;
	padding-left:20px;
	margin:20px 0;
}
.address-inner .form-group .board{
	padding:15px 20px;
	background:rgba(0,0,0,.6);
	color:#fff;
	display:inline-block;
}
.address-inner .form-group .mark{
	position: absolute;
    left: -51px;
    height: 42px;
    width: 42px;
    background: #f16236;
    color: #fff;
    font-size: 28px;
    padding: 6px 0;
    text-align: center;
    border-radius: 50%;
    top: 10px;
}
.address-inner .form-group p{
	font-size:18px;
	color:#fff;
}
.address-inner .form-group .board .contactnum a{
	display:block;
	font-size:18px;
	color:#fff;
	padding:5px 10px ;
	text-align:left;
}
.address-inner .form-group  span{
	display: block;
    font-size: 14px;
    background: #20a1a0;
    padding: 3px 10px;
    color: #ffffff;
    font-weight: 600;
    width: 64px;
    text-align: center;
    line-height: normal;
    margin: 0 0 2px 0;
}
.home-contact form .form-group {
	position:relative;
}
.home-contact form .form-group label{
	bottom: -8px;
    height: 1px;
    width: 0%;
    background: #f16236;
    position: absolute;
    transition: all 1s ease-in-out;
    z-index: 1;
}
.home-contact form .form-group .form-control:focus + label{
	width:100%;
}
.home-contact form .form-control{
	height:52px;
	font-size:16px;
	border-radius:0;
	border-top:0;
	border-left:0;
	border-right:0;
	border-bottom:1px solid #333;
	background:transparent;
	box-shadow:none;
	color:#333;
	font-weight:600;
	padding-bottom:5px;
}

.home-contact form  textarea.form-control::-moz-placeholder{
	color:#333;
}
.home-contact form  textarea.form-control::-webkit-placeholder{
	color:#333;
}
.home-contact form  textarea.form-control::placeholder{
	color:#333;
}
input:focus ~ .floating-label,
input:not(:focus):valid ~ .floating-label{
  top: 0px;
  bottom: 10px;
  left: 10px;
  font-size: 11px;
  opacity: 1;
   color:#333;
}
.inputText {
  font-size: 14px;
  width: 200px;
  height: 35px;
}
.floating-label {
  position: absolute;
  pointer-events: none;
  left: 12px;
  top: 18px;
  transition: all 0.2s ease-in-out;
  color:#333;
  font-weight:600;
}
.home-contact form  .custom-btn{
	border-radius:0;
}
.home-contact form  .custom-btn:hover{
	opacity:.7;
}
@media screen and (max-width:767px){
	.home-contact{
		padding:40px 0;
	}
	.home-contact h3{
		font-size:24px;
	}
}
@media screen and (max-width:575px){
	.add-h{
		padding-left:30px;
	}
	.address-inner .form-group p,.address-inner .form-group .board .contactnum a{
		font-size:15px;
		margin:0;
	}
	.address-inner .form-group .board .contactnum a span{
		font-size:12px;
	}
	.address-inner .form-group .board .contactnum a{
		padding-right:0;
		padding-left:0;
	}
	.address-inner .form-group{
		padding-left:6px;
	}
	.home-contact h3{
		margin-bottom:15px;
	}
}




































@media screen and (min-width:1350px){
	.container {
		max-width: 1280px;
	}
}
@media screen and (max-width:575px){
	.service-post-content {
		padding: 20px;
	}
	.service-post-detail ul {
		margin: 20px 0 0;
	}
	.service-post-detail ul li{
		width: 100%;
		margin: 6px 0;
		padding: 0;
	}
	.service-post-title h3{
		font-size:26px;
		padding-bottom:8px;
	}
	.service-post-title p{
		font-size:15px;
	}
}