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

Fonts

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

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');

@import url('font-awesome.min.css');

@font-face {

    font-family: 'TacticSans Bld';

    src: url('../fonts/TacticSans-Bld.eot');

    src: url('../fonts/TacticSans-Bld.eot?#iefix') format('embedded-opentype'),

        url('../fonts/TacticSans-Bld.woff2') format('woff2'),

        url('../fonts/TacticSans-Bld.woff') format('woff'),

        url('../fonts/TacticSans-Bld.ttf') format('truetype'),

        url('../fonts/TacticSans-Bld.svg#TacticSans-Bld') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'TacticSans Med';

    src: url('../fonts/TacticSans-Med.eot');

    src: url('../fonts/TacticSans-Med.eot?#iefix') format('embedded-opentype'),

        url('../fonts/TacticSans-Med.woff2') format('woff2'),

        url('../fonts/TacticSans-Med.woff') format('woff'),

        url('../fonts/TacticSans-Med.ttf') format('truetype'),

        url('../fonts/TacticSans-Med.svg#TacticSans-Med') format('svg');

    font-weight: normal;

    font-style: normal;

}





body {

	font-family: 'Open Sans', sans-serif;

	margin: 0 !important;

}

.container {

	max-width: 1200px;

	margin: 0 auto;

}

h2 {

	font-family: 'TacticSans Bld';

	font-weight: normal;

}

.entry-content {

	margin-top: 0 !important;

}

#main-content .type-page {

	margin-bottom: 0 !important;

}

a:focus {
    outline: none !important;
}

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

Header css

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

.site-header {

	padding: 20px 0;

	padding-bottom: 0;

	z-index: 999;

	position: relative;

}



/*----------------- Logo -----------------*/

.site-branding {

	display: inline-block;

	width: auto;

	padding-left: 35px;

	vertical-align: middle;

}

.logo_container img {

	max-width: 400px;

	width: auto;

}



/*----------------- Menu -----------------*/

.header-menu {

	width: calc(100% - 440px);

	padding-right: 45px;

	float: none;

	display: inline-block;

	text-align: right;

}

.header-menu ul {

	display: inline-block;

}

.header-menu ul li {

	padding: 0 20px;

	float: none;

	display: inline-block;

	vertical-align: middle;

}

.header-menu ul li a {

	font-size: 16px;

	font-weight: 600;

	color: #000;

	text-transform: uppercase;

	transition: all .5s ease;

}

.header-menu ul li a:hover, .header-menu ul li a:focus, .header-menu ul li.current_page_item  a {

	color: #02707c;

}

.header-menu ul li.quote-btn a {

	color: #fff;

	background: #02707c;

	border: 1px solid #02707c;

	padding: 15px;

	vertical-align: ;

	font-family: 'TacticSans Med';

	font-weight: normal;

	font-size: 15px;

	border-radius: 5px;

	line-height: 15px;

	transition: all .5s ease;

}

.header-menu ul li.quote-btn a:hover, .header-menu ul li.quote-btn a:focus {

	background: transparent;

	color: #02707c;

}



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

Banner slider

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

#rev_slider_1_1_forcefullwidth {

	margin-top: -200px !important;

}

.banner-subtitle .tp-caption {

	color: #b0785b !important;

}

.tp-parallax-wrap {

	position: relative !important;

	top: 40% !important;

	display: block !important;

}

.tp-loop-wrap {

	position: relative !important;

}

.tp-mask-wrap {

	position: relative !important;

}

.tp-caption {

	display: inline-block !important;

}

.banner-subtitle {

	margin-bottom: 18px;

}

.tp-parallax-wrap.banner-title {

	margin-bottom: 30px;

}

.banner-title .tp-caption {

	font-family: 'TacticSans Bld' !important;

	font-weight: normal !important;

	width: 700px !important;

	white-space: normal !important;

	word-break: break-all !important;

}

.banner-btn {

	margin-top: 50px;

}

.banner-btn .tp-caption {

	background: #02707c !important;

	border: 1px solid #02707c !important;

	padding: 22px 28px !important;

	font-family: 'TacticSans Med' !important;

	border-radius: 5px !important;

	transition: all .5s ease !important;

}

.banner-btn .tp-caption:hover {

	background: transparent !important;

	color: #02707c !important;

}



.tp-bullet {

	background: transparent !important;

	border: none !important;

	box-shadow: none !important;

}





.custom-1.tp-bullets{

	background-color: transparent;

}

.custom-1 .tp-bullet {

	width: 50px;

	color: #2e2a28;

	font-size: 18px;

	font-weight: 400 !important;

	display: inline-block !important;

	margin-bottom: 28px !important;

	position: relative;

	font-family: 'Open Sans', sans-serif;

	left: auto !important;

	right: 50px !important;

}

.tp-bullet.selected{

	color: #02707c;

}





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

Title and Sub titles

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

.sec-subtitle {

	color: #b0785b;

	font-weight: 600;

	font-size: 18px;

	line-height: 35px;

	margin-bottom: 0 !important;

	text-transform: uppercase;

}

.sec-title {

	font-size: 38px;

	color: #000;

	max-width: 650px;

	margin-top: 10px !important;

}





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

RECENT WORKS

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

.recently-projects-nav {

	display: inline-block;

}

/*----------------- Tab -----------------*/

.tab-label {

	color: #797979;

	text-decoration: none;

	font-size: 20px;

	text-transform: uppercase;

	font-weight: 400;

	margin: 0 20px;

	margin-bottom: 50px !important;

	margin-top: 15px;

	display: inline-block;

}

.tab-label:first-child {

	margin-left: 0;

}

.tab-label.active, .tab-label:hover, .tab-label:focus, .tab-label:active {

	color: #02707c;

}

/*----------------- View project link -----------------*/

.view-all-link {

	display: inline-block;

	float: right;

	margin-top: 15px;

}

.view-all-link a {

	font-size: 18px;

	color: #b0785b;

	text-transform: uppercase;

	text-decoration: none;

	line-height: 30px;

	transition: all .5s ease;

}

.view-all-link a::after {

	content: "\f178";

	font-family: fontAwesome;

	margin-left: 18px;

	font-size: 24px;

	vertical-align: middle;

}

.view-all-link a:hover {

	color: #02707c;

}

/*----------------- Project list -----------------*/

.project-details {

	width: calc(33.33% - 27px);

	display: inline-block;

	vertical-align: top;

	margin-right: 35px;

	margin-bottom: 35px;

	position: absolute;

}

.active-div .project-details {

	position: relative;

}

.project-details:nth-child(3n){

	margin-right: 0;

}

.project-banner img {

	width: 100%;

	height: 330px;

	object-fit: cover;

}

.description {

	position: absolute;

	bottom: 20px;

	width: calc(100% - 30px);

	background: rgba(0,0,0,.8);

	left: 15px;

	right: 15px;

	padding: 25px 15px;

	transform: scale(0);

	transition: all .5s ease;

}

.project-details:hover .description {

	transform: scale(1);

}

.description span {

	display: block;

	color: #fff;

	font-size: 13px;

	text-transform: uppercase;

}

.description a {

	font-size: 18px;

	text-transform: uppercase;

	color: #fff;

	text-decoration: none;

	font-family: 'TacticSans Bld' !important;

	margin-top: 4px;

	display: inline-block;

	transition: all .5s ease;

}

.description a::after {

	content: "\f178";

	font-family: fontAwesome;

	margin-left: 18px;

	font-size: 24px;

	vertical-align: middle;

	color: #fff;

	position: absolute;

	right: 15px;

	transition: all .5s ease;

	line-height: 24px;

}

.description a:hover, .description a:hover::after {

	color: #02707c;

}





.recently-projects {

	opacity: 0;

	visibility: hidden;

	transform: scale(0);

	transition: all .5s ease;

}

.recently-projects.active-div {

	opacity: 1;

	visibility: visible;

	display: block;

	transform: scale(1);

}



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

About Us

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

.left-col-cls {

	width: 40%;

	display: inline-block;

}

.right-col-cls {

	width: calc(60% - 5px);

	display: inline-block;

	vertical-align: top;

	padding-left: 60px;

}
.left-col-big {

	width: 60%;

	display: inline-block;

}

.right-col-small {

	width: calc(40% - 5px);

	display: inline-block;

	vertical-align: top;

	padding-left: 60px;

}

.about-sec h2 {

	color: #fff;

}

.about-sec h3 {

	color: #dfe3ec;

}

.left-col-cls p, .left-col-big p {

	color: #b8bdc8;

	font-size: 22px;

}

.left-col-cls a {

	background: #fff;

	border: 1px solid #fff;

	padding: 22px 35px;

	font-family: 'TacticSans Med';

	border-radius: 5px;

	transition: all .5s ease;

	font-size: 16px;

	line-height: 16px;

	color: #02707c;

	text-transform: uppercase;

	text-decoration: none;

}

.left-col-cls a:hover {

	background: transparent;

	color: #fff;

}



.right-col-cls h4, .in-col-4 h4 {

	color: #fff;

	font-family: 'TacticSans Med';

	font-size: 21px;

	font-weight: normal;

	margin-bottom: 0;

}

.right-col-cls p, .in-col-4 p {

	color: #b8bdc8;

	font-size: 14px;

	line-height: 24px;

}



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

Expert in field

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

.expert-in-feild-sec p {

	color: #2e2a28;

	font-size: 21px;

}

.expert-in-feild-sec .in-col-2 {

	padding: 0 40px;

}



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

TESTIMONIALS

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

.client-slide {

	padding-top: 40px;

}

.clients-list img {

	width: 90px;

	height: 90px;

	border-radius: 50%;

	object-fit: cover;

}

.clients-list p {

	color: #2e2a28;

	font-size: 21px;

	line-height: 35px;

	padding-right: 50px;

	margin-bottom: 0;

	margin-top: 15px;

	padding-bottom: 10px !important;

}

.clients-list h3 {

	color: #000;

	font-size: 20px;

	text-transform: uppercase;

	font-family: 'TacticSans Bld';

	font-weight: normal;

	margin-bottom: 0;

}

.clients-list h3::before {

	color: #02707c;

	content: "\f10e";

	font-family: fontAwesome;

	margin-right: 15px;

}

.clients-list h6 {

	color: #2e2a28;

	font-size: 16px;

	margin-top: 5px;

	font-weight: normal;

	text-transform: uppercase;

	margin-left: 32px;

}



.slick-arrow {

	font-size: 35px;

	color: #2e2a28;

	position: absolute;

	right: 0;

	top: -75px;

	cursor: pointer;

	transition: all .5s ease;

}

.slick-arrow:hover {

	color: #02707c;

}

.fa.fa-long-arrow-left.slick-arrow {

	right: 60px;

}



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

Our Experts

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

.our-experts-sec {

	display: inline-block;

}

.our-experts-sec h2 {

	display: inline-block;

}

.expert-sec {

	width: 25%;

	float: left;

	position: relative;

}

.expert-sec::before {

	content: "";

	background: #000;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	position: absolute;

	opacity: 0;

	transition: all .5s ease;

}

.expert-sec:hover::before {

	opacity: .3;

}

.expert-dec {

	position: absolute;

	bottom: 0;

	width: 100%;

	padding: 35px 30px;

	opacity: 0;

	transition: all .5s ease;

}

.expert-sec:hover .expert-dec {

	opacity: 1;

}

.expert-sec img {

	vertical-align: bottom;

}

.expert-dec h4 {

	font-family: 'TacticSans Med';

	font-size: 28px;

	color: #fff;

	margin-bottom: 0;

	margin-top: 0;

}

.expert-dec span {

	font-size: 20px;

	color: #fff;

	display: block;

}

.expert-dec i {

	font-size: ;

	color: #fff;

	margin-right: 18px;

	margin-top: 10px;

	font-size: 18px;

}



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

Footer css

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

.site-footer {

	background: #02707c;

	padding: 80px 15px;

}

/*----------------- logo -----------------*/

.logo {

	text-align: center;

}

.logo img {

	max-width: 430px;

	width: 100%;

}



.footer-column {

	width: calc(30% - 3px);

	display: inline-block;

	vertical-align: top;

}

.footer-column h2 {

	color: #fff;

	font-size: 24px;

	text-transform: uppercase;

	padding: 15px 0;

}

.footer-column:nth-child(2) {

	width: 38%;

	padding-right: 35px;

}

/*----------------- column 1 -----------------*/

.footer-column .menu {

	list-style: none;

	padding-left: 0;

	margin-left: 0;

}

.footer-column .menu li {

	width: calc(50% - 3px);

	display: inline-block;

}

.footer-column .menu a {

	color: #dbdbdb;

	text-decoration: none;

	font-size: 18px;

	margin-bottom: 15px;

	display: inherit;

}

.footer-column .menu a:hover {

	text-decoration: underline;

}

/*----------------- column 2 -----------------*/

.footer-post ul li {

	border-bottom: 0;

	padding-bottom: 25px;

}

.footer-post a img.rpwe-thumb {

	padding: 0 !important;

	border: none !important;

	margin: 0;

	height: 60px;

	margin-right: 15px;

}

.footer-post .rpwe-title{

	margin-bottom: 6px !important;

}

.footer-post .rpwe-title a {

	font-size: 17px;

	color: #dbdbdb;

	font-weight: 600;

	line-height: 20px;

}

.footer-post a:hover {

	text-decoration: underline;

}

.footer-post .rpwe-time {

	font-size: 12px;

	color: #dbdbdb;

	float: left;

	padding-left: 0;

}

.footer-post .rpwe-summary {

	width: 100%;

	text-align: right;

	font-size: 0 !important;

	line-height: 19px;

}

.footer-post a.more-link {

	font-size: 13px;

	color: #fff;

	font-weight: 600;

	text-transform: uppercase;

	vertical-align: middle;

}

.footer-post .rpwe-summary::after {

	content: "\f178";

	font-family: fontAwesome;

	margin-left: 8px;

	font-size: 20px;

	vertical-align: middle;

	color: #fff;

}

/*----------------- Social icons -----------------*/

.social-icon {

	text-align: center;

	padding-top: 25px;

}

.social-icon a {

	font-size: 22px;

	color: #fff;

	margin-left: 15px;

	margin-right: 15px;

	transition: all .5s ease;

}

.social-icon a:hover {

	color: #783f21;

}

/*----------------- copyright text -----------------*/

.copyright-txt {

	font-size: 16px;

	color: #dbdbdb;

	text-align: center;

	padding-top: 25px;

}







/*----------------- background image for inner pages -----------------*/

.home .bg-img-cls {

	display: none;

}

.bg-img-cls {

	background: url(http://staging.sherrilowery.com/wp-content/uploads/2019/03/banner-background.jpg);

	height: 400px;

	background-size: 100%;

	background-position: center;

	margin-top: -112px;

	position: relative;

}

.bg-img-cls::before {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

	background: #fff;

	opacity: .5;

}



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

About page

----------------------------------------*/
.about-page-cls{
	padding-top: 54px;
}
.about-page-cls .left-col-cls p, .about-page-cls .left-col-big p {

	color: #2e2a28;

}
.about-right-img{
	position: relative;
	margin-bottom: 20px;
}
.about-right-img:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: -30px;
    border: 5px solid #b0785b;
    left: -30px;
    z-index: -1;
    -webkit-box-shadow: 0 0px 4px 4px rgba(77, 77, 77, .15);
    box-shadow: 0 0px 4px 4px rgba(77, 77, 77, .15);
}
.about-right-img::after {
    content: "";
    position: absolute;
    left: 0;
    right: 1px;
    top: 0;
    bottom: 1px;
    border-color: transparent #02707c #02707c transparent;
    border-style: solid;
    border-width: 5px;
}
.in-col-2 {

	width: calc(50% - 3px);

	display: inline-block;

	vertical-align: top;

}

.in-col-4{
	width: calc(25% - 4px);
	display: inline-block;
	vertical-align: top;
}
.in-col-4 h4{
	width: 90%;
    min-height: 50px;
}
.about-testimonial {
    text-align: center;
}
.about-testimonial .sec-title{
	max-width: 100%;
}
.about-testimonial .about-client .slick-arrow{
	top: 50%;
}
.about-testimonial .about-client .fa.fa-long-arrow-left.slick-arrow{
	right: 100%;
	left: 0;
}
.about-testimonial .about-client .clients-list{
	padding: 0 150px;
}
.about-testimonial .about-client .clients-list p{
	padding-right: 0;
}
.about-testimonial .about-client .clients-list img{margin: 0 auto;}
a.btn-more {
    border: none;
    background: #02707c;
    color: #fff;
}
a.btn-more:hover, a.btn-more:focus {
	background: #fff;
    color: #02707c;
}
@media only screen and (min-width: 1350px){
	.et_pb_row {
	     padding:0 !important; 
	}
}
.pd-50{padding: 50px 0 !important;}
.pd-100{padding: 100px 0 !important;}
.about-sec-bg{
	background-size: cover;
	background-position: center center;
}
.et_pb_row_0.et_pb_row {
    padding-bottom: 0px !important;
}

/*faq*/
.accordion-left{padding-right: 20px;}
.accordion-right{padding-left: 20px;}
.accordion ul {
  list-style: none;
  perspective: 900;
  padding: 0;
  margin: 0;
}
.accordion ul li {
  position: relative;
  padding: 0;
  margin: 0;
}
.accordion ul li h2{
	color: #000;
	font-size: 20px;
	background: #f5f6fa;
	padding: 15px;
	margin: 0;
}
.accordion ul li br{
	display: none;
}
.accordionul li:nth-of-type(1) {
  animation-delay: 0.5s;
}
.accordion ul li:nth-of-type(2) {
  animation-delay: 0.75s;
}
.accordion ul li:nth-of-type(3) {
  animation-delay: 1s;
}
.accordion ul li:last-of-type {
  padding-bottom: 0;
}
.accordion ul li i {
  position: absolute;
  transform: translate(-25px, 0);
  margin-top: 24px;
  right: 0;
}
.accordion ul li i:before, .accordion ul li i:after {
  content: "";
  position: absolute;
  background-color: #000;
  width: 3px;
  height: 9px;
}
.accordion ul li i:before {
  transform: translate(-2px, 0) rotate(45deg);
}
.accordion ul li i:after {
  transform: translate(2px, 0) rotate(-45deg);
}
.accordion ul li input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
}
.accordion ul li input[type=checkbox]:checked ~ div.ans {
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  transform: translate(0, 50%);
}
.accordion ul li input[type=checkbox]:checked ~ i:before {
  transform: translate(2px, 0) rotate(45deg);
}
.accordion ul li input[type=checkbox]:checked ~ i:after {
  transform: translate(-2px, 0) rotate(-45deg);
}
.accordion ul li p:last-of-type{
	padding-bottom: 0;
}
.accordion ul li .ans {
    border: 3px solid #f5f6fa;
    margin: 0;
    font-size: 18px;
}
.accordion ul li .ans p{padding: 20px;margin: 0;color: #2e2a28;}
.transition, .ans ,p, ul li i:before, ul li i:after {
  transition: all 0.25s ease-in-out;
}

.flipIn, h1, ul li {
  animation: flipdown 0.5s ease both;
}
@keyframes flipdown {
  0% {
    opacity: 0;
    transform-origin: top center;
    transform: rotateX(-90deg);
  }
  5% {
    opacity: 1;
  }
  80% {
    transform: rotateX(8deg);
  }
  83% {
    transform: rotateX(6deg);
  }
  92% {
    transform: rotateX(-3deg);
  }
  100% {
    transform-origin: top center;
    transform: rotateX(0deg);
  }
}

/*----------------- Counter -----------------*/

.count {

	text-align: center;

	width: calc(25% - 5px);

	display: inline-block;

	padding-top: 50px;

	padding-bottom: 50px;

	vertical-align: top;

}

.count h2 {

	color: #fff;

	font-size: 65px;

	margin: 0;

	line-height: 60px;

}

.count p {

	font-size: 16px;

	max-width: 200px;

	color: #fff;

	text-transform: uppercase;

	margin: 0 auto;

	margin-top: 19px;

}



/*----------------- Bg image section -----------------*/

.about-img-cls {

	position: relative;

}

.about-img-cls::before {

	content: "";

	background: #000;

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	width: 100%;

	height: 100%;

	opacity: .5;

}

.about-img-cls .left-col-cls {

	width: 100%;

	text-align: center;

	position: relative;

	z-index: 99;

}

.about-img-cls .sec-title {

	margin: 0 auto;

}



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

Services page

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

.service-sec img {

	max-width: 60px;

}

.service-page-cls .in-col-2 {

	vertical-align: middle;

}

.services-btn-cls a {

	background: #02707c;

	border: 1px solid #02707c;

	padding: 22px 35px;

	font-family: 'TacticSans Med';

	border-radius: 5px;

	transition: all .5s ease;

	font-size: 16px;

	line-height: 16px;

	color: #fff;

	text-transform: uppercase;

	text-decoration: none;

}

.services-btn-cls a:hover {

	background: transparent;

	color: #02707c;

}
.pd-150{padding: 150px 0 !important}
.our-service .in-col-3{
	width: calc(33% - 3px);
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
.our-service .in-col-3 h4{
    font-family: 'TacticSans Med';
    font-size: 21px;
    font-weight: normal;
    margin-bottom: 0;
}
.our-service .in-col-3 h4 a{
	color: #000;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.our-service .in-col-3 h4 a:hover, .our-service .in-col-3 h4 a:focus{
	color: #000;
	text-decoration: none;
}
.our-service .in-col-3 p{
    color: #2e2a28;
    font-size: 14px;
    line-height: 24px;
}
a.read-more {
    color: #000;
    font-size: 30px;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
a.read-more:hover, a.read-more:focus{
	color: #02707c;
}
.service-team .sec-title{
	margin: 10px auto 0;
    text-align: center;
    max-width: 100%;
    color: #fff;
}
#modal-panel{text-align: center;}
a.button-play {
    background: #fff;
    padding: 21px 27px;
    border-radius: 50%;
    color: #000;
    font-size: 20px;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
a.button-play:hover{
	color: #026f7c;
}
.team-service , .services{
	padding: 0 !important;
}
.services{
	margin-top: -100px;
	text-align: center;
}
.services .in-col-3{
	width: 31%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-right: 35px;
}
.services .in-col-3:last-child{
	margin-right: 0;
}
.service-box{
	background: #02707c;
	text-align: left;
	padding: 30px 30px 10px;
	-webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.service-box:hover{
	transform: translateY(-10px);
}
.service-box h1{
    font-size: 30px;
    font-family: 'TacticSans Bld';
    font-weight: normal;
    color: #b8bdc8;
    margin: 0;
}
.service-box h2{
	font-size: 22px;
	margin: 35px 0 !important;
}
.service-box h2 a, .service-box h2 a:hover, .service-box h2 a:focus{
	color: #fff;
	text-decoration: none;
}
.service-box p{
	color: #b8bdc8;
}
.skill-counter{
	text-align: center;
	display: inline-block;
    width: 100%;
}
.skill-counter ul{
	margin: 0;
	padding: 0;
}
.skill-counter h2{
	color: #000;
}
.chart-container .pr-chart-ctrl {
    display:block; 
    float:left; 
    width:25%;
}

.chart-container .pr-chart-ctrl .pr-chart {
    display:block; position:relative; width:100%; margin:0 0 40px 0; text-align:center; margin-top: 30px;
}
.chart-container .pr-chart-ctrl .pr-chart canvas {
display:block; margin:0 auto; padding:0; vertical-align:center;
}
.chart-container .pr-chart-ctrl .pr-chart i {
    position:absolute; 
    top:0; 
    left:0; 
    width:100%; 
    height:200px; 
    line-height:200px; 
    font-size:40px; 
    font-family: 'TacticSans Bld';
    font-style:normal; 
    color: #2e2a28;
}
.chart-container .pr-chart-ctrl p{margin:0;padding: 0 10px 1em 10px;color: #2e2a28;}


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

Blog listing page

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

.blog-listing {

	padding: 100px 0;

}

.blog-left-content {

	width: calc(70% - 5px);

	display: inline-block;

}

.post-sidebar {

	width: 30%;

	display: inline-block;

	vertical-align: top;

	padding-left: 20px;

}

.blog-list {

	width: calc(50% - 3px);

	display: inline-block;

	vertical-align: top;

	padding-right: 40px;

	margin-bottom: 60px;

}

.blog-list img {

	width: 100%;

	height: 250px;

	object-fit: cover;

}

.blog-list h3 {

	margin-bottom: 0;

}

.blog-list h3 a, .widgettitle, .single-post-title, #reply-title.comment-reply-title span {

	font-size: 24px;

	color: #000;

	max-width: 650px;

	margin-top: 10px !important;

	font-family: 'TacticSans Bld';

	font-weight: normal;

	text-decoration: none;

	transition: all .5s ease;

}

.blog-list h3 a:hover {

	color: #02707c;

}

.blog-list h6 {

	margin: 0;

	margin-top: 10px !important;

	display: inline-block;

	color: #9e9c9c;

	font-weight: 500;

	font-size: 13px;

}

.read-more-btn a, .form-submit input {

	background: #02707c;

	border: 1px solid #02707c !important;

	padding: 11px 16px;

	font-family: 'TacticSans Med';

	border-radius: 5px;

	transition: all .5s ease;

	font-size: 14px;

	line-height: 16px;

	color: #fff;

	text-transform: uppercase;

	text-decoration: none;

}

.read-more-btn a:hover, .form-submit input:hover {

	background: transparent;

	color: #02707c;

}

/*----------------- Sidebar -----------------*/



/*search*/

.widget_search {

	display: inline-block;

	width: 100%;

}

.widget_search input {

	height: 45px;

	border-radius: 0;

	width: calc(100% - 100px);

	float: left;

	padding-left: 10px;

	padding-right: 10px;

	border-top-left-radius: 5px;

	border-bottom-left-radius: 5px;

}

.widget_search #searchsubmit {

	width: 100px;

	background: #02707c;

	border-color: #02707c;

	color: #fff;

	font-size: 14px;

	font-family: 'TacticSans Med';

	font-weight: normal;

	transition: all .5s ease;

	border-radius: 0;

	border-top-right-radius: 5px;

	border-bottom-right-radius: 5px;

}

.widget_search #searchsubmit:hover {

	background: #b0785b;

	border-color: #b0785b;

}

/*recent post*/

#sidebar-post {

	position: relative;

}

#sidebar-post a {

	color: #000;

}

#sidebar-post img {

	border-radius: 5px;

}

#sidebar-post ul li {

	margin-bottom: 25px;

}

#sidebar-post ul li:last-child {

	padding-bottom: 0;

}

#sidebar-post .rpwe-time {

	color: #9e9c9c;

	position: absolute;

	left: 75px;

}



#sidebar-post {

	margin-bottom: -10px;

	display: inline-block;

}

.widgettitle {

	font-size: 20px;

	margin-bottom: 16px;

	margin-top: 42px !important;

	padding-top: 42px !important;

	border-top: 1px solid #ddd;

}

.recent-posts-extended .widgettitle {

	font-size: 20px;

	margin-bottom: 16px;

	margin-top: 50px !important;

	padding-top: 0 !important;

	border-top: none;

}



.recent-posts-extended .widgettitle {

	margin-bottom: 30px;

}

/*categories*/

.widget_categories ul {

	margin-left: 0;

	padding-left: 0;

	font-size: 12px;

	color: #02707c;

	list-style: none;

}

.widget_categories ul li {

	padding-left: 16px;

	position: relative;

}

.widget_categories ul li::before {

	content: "\f105";

	font-family: fontAwesome;

	left: 0;

	font-size: 16px;

	position: absolute;

	vertical-align: middle;

	line-height: 35px;

}

.widget_categories li a {

	font-size: 15px;

	color: #404040;

	text-decoration: none;

	line-height: 35px;

	transition: all .5s ease;

}

.widget_categories li a:hover {

	color: #02707c;

}

/*tag*/

.widget_tag_cloud .tagcloud {

	margin-top: 10px;

	display: inline-block;

}

.widget_tag_cloud a {

	background: #e8eaed;

	color: #222a35;

	text-decoration: none;

	padding: 6px 10px;

	font-size: 12px !important;

	font-family: 'TacticSans Med';

	transition: all .5s ease;

	border-radius: 5px;

	margin-bottom: 4px;

	display: inline-block;

}

.widget_tag_cloud a:hover {

	background: #02707c;

	color: #fff;

}



/*navigation*/

.blog-pagination {

	padding-left: 0;

	margin-left: 0;

	list-style: none;

	text-align: center;

}

.blog-pagination li {

	display: inline-block;

}

.blog-pagination li a {

	background: transparent;

	border: 1px solid #ddd;

	color: #02707c;

	text-decoration: none;

	width: 50px;

	display: inline-block;

	height: 45px;

	line-height: 45px;

	text-align: center;

	border-radius: 5px;

	transition: all .5s ease;

}

.blog-pagination li.active a, .blog-pagination li a:hover {

	background: #02707c;

	border: 1px solid #02707c;

	color: #fff;

}



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

Blog single page

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

#left-area .et_post_meta_wrapper img {

	width: 100%;

}

.single-post-content {

	padding: 100px 0;

}

.single-post-content #left-area {

	width: calc(70% - 5px);

	display: inline-block;

	padding-right: 40px;

}

.single-post-title {

	position: absolute;

	top: 50%;

	text-align: center;

	width: 100%;

	color: #000;

	font-size: 30px;

	max-width: 100%;

}

.entry-title.single-post-title {

	max-width: 680px;

	margin: 0 auto;

	left: 0;

	right: 0;

}

.single-post-content .et_post_meta_wrapper span, .single-post-content .et_post_meta_wrapper a {

	font-size: 15px;

	color: #404040;

	text-decoration: none;

	line-height: 35px;

	transition: all .5s ease;

}

.single-post-content .et_post_meta_wrapper a {

	color: #02707c;

}

.single-post-content .et_post_meta_wrapper .post-meta {

	padding-bottom: 0;

	margin-bottom: 0;

}

.single-post-content .entry-content p {

	line-height: 30px;

}

#reply-title.comment-reply-title {

	margin-bottom: 0 !important;

}

.comment-form .logged-in-as {

	margin-top: 0;

}

.comment-form-comment textarea {

	border: 1px solid #ddd;

	padding: 10px;

	max-width: 100%;

	width: 100% !important;

}

/*Conatct page*/
.contact-detail{
	padding: 60px 0 !important;
}
.contact-section{
	text-align: center;
}
.contact-section .sec-title{
	max-width: 750px;
    margin: 0 auto;
}
.contact-section .in-col-3{
	width: 33%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    border-right: 2px solid #026f7c;
    margin-top: 30px;
}
.contact-section .in-col-3:last-child{
	border-right: none;
}
.contact-section .in-col-3 h4{
	color: #000;
	text-transform: uppercase;
	font-family: 'TacticSans Bld';
    font-weight: normal;
    font-size: 21px;
    margin: 15px 0 0;
}
.contact-section .in-col-3 p{
	padding: 0;
    color: #2e2a28;
    font-size: 16px;
    margin: 10px 0;
}
span.icon-contact {
    min-height: 60px;
    display: inline-block;
}
a.btn-record {
    background: #026f7c;
    color: #fff;
    text-decoration: none;
    font-family: 'TacticSans Bld';
    font-weight: normal;
    font-size: 28px;
    text-transform: uppercase;
    vertical-align: middle;
    padding: 25px 40px;
    border-radius: 10px;
    display: inline-block;
    margin-top: 30px;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
a.btn-record:hover, a.btn-record:focus{
	background: #014f58
}
a.btn-record img{
	vertical-align: middle;
    height: 55px;
    margin-right: 20px;
}
.contact-section .in-col-2{
	vertical-align: middle;
}
.contact-section .in-col-2 .content-left, .contact-section .in-col-2 .content-right{
	display: inline-block;
	width: calc(50% - 35px);
    vertical-align: middle;
    text-align: left;
    margin-top: 100px;
}
.contact-section .in-col-2 .content-right{margin-left: 30px;}
.content-right .sec-subtitle{font-size: 14px;line-height: 1;}
.content-right .sec-title{font-size: 24px;color: #02707c}
.content-right p img{vertical-align: middle;margin-right: 5px;}
/*datepicker css*/
.calendar-wrapper {
  margin: 0 auto;
  padding: 0;
  position: relative;
}
.calendar-wrapper br{
	display: none;
}
.calendar-wrapper table {
  clear: both;
  width: 80%;
  border: 1px solid #969696;
  border-radius: 10px;
  color: #000;
  padding: 10px;
  margin: 0 auto
}
.calendar-wrapper td {
  height: 48px;
  text-align: center;
  vertical-align: middle;
  width: 14.28571429%;
  text-transform: uppercase;
}
.calendar-wrapper td.not-current {
  color: #c0c0c0;
}
.calendar-wrapper td.today {
  font-weight: 700;
  color: #026f7c;  
}
.calendar-wrapper thead td {
  border: none;
  color: #b0785b;
  text-transform: uppercase;
  font-size: 20px;
  text-align: left;
  padding: 20px 20px 30px;
  font-weight: 600;
}
.calendar-wrapper #btnPrev {
 right: 21%;
}
.calendar-wrapper #btnNext {
  right: 14%;
}
.calendar-wrapper #btnPrev,
.calendar-wrapper #btnNext {
  background: transparent;
  outline: none;
  font-size: 19px;
  color: #b0785b;
  cursor: pointer;
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
  transition: all 0.3s ease;
  position: absolute;
  top: 74px;
  border: 1px solid #b0785b;
  border-radius: 50%;
  padding: 4px 11px;
}
.calendar-wrapper #btnPrev:hover,
.calendar-wrapper #btnNext:hover {
  color: #fff;
  background:#b0785b;
  font-weight: bold;
}

/*contact form css*/
.contact-form form{
	margin-top: 30px;
}
.contact-form form .et_pb_contact_form_label, 
.contact-form form .et_pb_contact_field_options_title,
.contact-form form .et_pb_contactform_validate_field{
	display: none;
}
.contact-form form .et_pb_contact_field_0, .contact-form form .et_pb_contact_field_1{
	display: inline-block;
	width: 49%;
}
.contact-form form .et_pb_contact_field_1 {
    margin-left: 2%;
}
.contact-form form input[type="text"], 
.contact-form form input[type="email"], 
.contact-form form textarea, .contact-form form select{
	color: #000;
    border: 1px solid #ecedf1;
    border-radius: 0;
    padding: 20px;
    width: 100%;
    height: 60px;
}

.contact-form form input[type="text"]:focus, 
.contact-form form input[type="email"]:focus, 
.contact-form form textarea:focus, .contact-form form select:focus{
	outline: none;
	border: 1px solid #02707c;
}
.contact-form form .et_contact_bottom_container{
	text-align: center;
}
.contact-form form button{
	background: #026f7c;
    color: #fff;
    border: none;
    font-size: 18px;
    padding: 20px 30px;
    font-family: 'TacticSans Bld';
    font-weight: normal;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.contact-form form button:hover, .contact-form form button:focus{
	background: #014f58;
	outline: none;
}
.et_pb_contact p input[type="checkbox"] {
    float: none !important;
    position: absolute;
  	opacity: 0;
}
.et_pb_contact p input[type="checkbox"] + label{
	position: relative;
	cursor: pointer;
}
.et_pb_contact p input[type="checkbox"] + label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  background: white;
  border: 1px solid #ecedf1;
}

.et_pb_contact p input[type="checkbox"]:checked + label:after {
  content: '\f00c';
  font-family: FontAwesome;
  position: absolute;
  left: 7px;
  top: 1px;
  color: #02707c;
  font-size: 16px;
}

/*Get a quote page*/
.get-quote .sec-subtitle{text-align: center;}
.get-quote .sec-title{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.get-quote .in-col-3 {
    width: calc(33% - 3px);
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
}
.get-quote .in-col-3 .icon-left, .get-quote .in-col-3 .content-right{
	display: inline-block;
	vertical-align: top;
}
.get-quote .in-col-3 .icon-left{
	width: 10%;
	color: #02707c;
	font-size: 18px;
}
.get-quote .in-col-3 .content-right{
	width: calc(100% - 12%);
}
.get-quote .in-col-3 h4 {
    font-family: 'TacticSans Med';
    font-size: 21px;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 0;
    color: #000;
}
.get-quote .in-col-3 p {
    color: #2e2a28;
    font-size: 14px;
    line-height: 24px;
    text-align: justify;
    padding-right: 20px;
}
.get-quote-contact .et_pb_column_1 {
    width: 55%;
    vertical-align: top;
    display: inline-block;
}
.get-quote-contact .et_pb_column_2{
	width: calc(45% - 5px);
    display: inline-block;
}
.get-quote-contact .et_pb_column_2 .quote-image{
	padding-left: 4%;
}
.get-quote-contact .contact-form form {
    margin-top: 0;
    margin-bottom: 20px;
}
.get-quote-contact .contact-form form .et_pb_contact_field_0, .get-quote-contact .contact-form form .et_pb_contact_field_1 {
    margin-top: 0;
}
.get-quote-contact .contact-form form .et_pb_contact_field_2, .get-quote-contact .contact-form form .et_pb_contact_field_3{
	display: inline-block;
    width: 49%;
}
.get-quote-contact .contact-form form .et_pb_contact_field_3 {
    margin-left: 2%;
}
.get-quote-contact .contact-form form p textarea {
    min-height: 165px !important;
}
.get-quote-contact .contact-form form .et_contact_bottom_container {
    text-align: left;
}