/*
Theme Name: Offline Sharks Lead Gen Theme
Author: Offline Sharks
Version: 1.4
Author URI: http://offlinesharks.com
Description: Completely custom Wordpress theme built by OfflineSharks. What makes this theme special is that it was created by Offline Marketers and is designed specifically for Offline Marketers. This theme is crafted using the Bootstrap framework and has custom dynamic functions, fields, and content boxes on each page. We recommend using this theme to generate leads, prospects, and sales for any business.

Tags: one-column, two-columns, right-sidebar, flexible-content, accessibility-ready, custom-colors, custom-logo, editor-style, featured-images, theme-options, translation-ready

*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	background:transparent;
	border:0;
	vertical-align:baseline;
	margin:0;
	padding:0;
	outline: none;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
	-ms-hyphens: none;
	-o-hyphens: none;
}

body {
	background: #fff;
	color: #707070;
	font-family: Open Sans,Arial,Helvetica;
	line-height: 1.6;
}

.clear {
	clear:both;
}

.inner{max-width:1200px;margin:0 auto;}
h1,h2,h3,h4,h5,h6 {
	line-height:1.2;
	color:#222;
	font-weight: 700;
	margin:0 0 30px;
	font-family: Montserrat,Arial,Helvetica;
}
h1{font-size: 2em;}
h2{
	font-size: 2em;
}
h3
{
	font-size: 1.6em;
}
h4{
	font-size: 1.4em;
}
h5,h6{
	font-size: 1.2em;
}
p {
	font-family:Open Sans,Arial,Helvetica;
	font-size:1em;
	color:#707070;
	margin:0 0 20px;

}
a{
	color: #008ed6;
	text-decoration: none;
	transition: all 0.5s ease;
}
a:focus{text-decoration:none;color: #000;}
a:hover{
	color: #008ed6;
	text-decoration: underline;
}
a:focus{outline: none;}
hr{border-color: #e1e1e1;margin: 30px 0 25px;background: #e1e1e1;}

blockquote {
  margin:0 0 30px;
  quotes: "\201C""\201D""\2018""\2019";
  font-size: 1em;
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -30px;
}
blockquote p {
  display: block;
  font-size: inherit;
  font-style:  italic;
}


ul,ol
{
	margin: 0 0 15px 18px;
}
ul li,ol li{font-size: 1em;}
ul li li,ol li li,ul li p,ol li p{font-size: inherit;}
img.aligncenter{display: block;margin:0 auto 20px;}
img.alignleft{display: block;float: left;margin:0 20px 20px 0;}
img.alignright{display: block;float: right;margin:0 0 20px 20px;}
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ffffff;
	z-index: 9999;
}

#status {
	width: 200px;
	height: 200px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url('images/status.gif');
	background-repeat: no-repeat;
	background-position: center;
	margin: -100px 0 0 -100px;
}
.backtotop{background:#008ed6;display:block;text-align:center;width:50px;height:50px;line-height:60px;position:fixed;z-index:999;bottom:60px;right: 0;}
.backtotop i{font-size:2.5em;color: #fff;}

/**header**/

#cp-top{padding:0 20px;background: #008ed6;}
#cp-top.active{position:fixed;width:100%;z-index:99999999;transition:all .5s ease;top:0;}
#cp-top .inner{padding:10px 0;}
#cp-top ul{list-style:none;margin:0;float:right;}

#cp-top ul li a{color:#fff;display:block;padding:2px;text-decoration:none;}
#cp-top ul li a:hover{color: rgba(255,255,255,.5);}
#cp-top ul li{float:left;margin:0 0 0 5px;font-size:1.1em;}
#cp-top ul li.info{margin-right: 10px;border-right: solid 1px rgba(255,255,255,.2);padding-right: 15px;}
#cp-top ul li.info.phone{border: none;margin-right: 10px;padding-right: 0;}
#cp-top ul li.info a:hover{color: rgba(255,255,255,.5);}
#cp-top ul li.info i{margin:0 4px 0 0;}
#cp-top ul li.phone i{font-size:1.3em;position:relative;top:2px;}
#cp-top ul li.social a{display:block;background:#444;width:28px;text-align:center;border-radius:360px;font-size:.8em;height:28px;line-height:24px;}#cp-top ul li.social a:hover{background:#555;}

#cp-header{padding: 0;position: fixed;width: 100%;top:0;z-index: 100;border-bottom: solid 1px rgba(255,255,255,.1);}
#cp-header.active-nav{background: rgba(0,0,0,.9);border-color: transparent;}


#cp-header .dark{display: none;}


#cp-header a.logo{display: table-cell;padding:14px 0;line-height:1;height: 80px;vertical-align: middle;}
#cp-header a.logo img{height: 50px;width: auto;}
#cp-header a.logo span{display: block;font-size: 1.4em;font-weight: 900;color: #fff;padding: 15px 0;}
.main-nav .navbar-nav  li{font-size: .9em;text-transform: uppercase;font-weight: 600}
.main-nav .navbar-nav  li svg{display: none;}
.main-nav .navbar-nav  li i{margin:2px 0 0 0;font-size:.8em;padding:0 2px}
.main-nav .navbar-nav  li a{background: none;color: rgba(255,255,255,.9);padding: 34px 20px;line-height: 1;text-decoration: none;transition: all 0.1s ease;display: block;}
.main-nav .navbar-nav  li.current-menu-item a,.main-nav .navbar-nav  li a:hover{color: #008ed6;}

.main-nav .navbar-nav  li.current-menu-item li a{color: #fff;}

.main-nav .navbar-nav  li.nav-phone a i{font-size:2em;margin:0 5px 0 0;position:relative;top:4px;}
.main-nav .navbar-nav  li.nav-phone a{padding:42px 15px;font-weight: bold;}
/**dropdown**/
.main-nav .nav ul{opacity:0;position:absolute;transition: all .5s ease;background: rgba(255,255,255,1);padding:5px 15px 15px;border-radius:0;max-width: 250px;min-width: 250px;left:0;top: 150px;margin: 0;z-index: 999;pointer-events: none;}

.main-nav .nav li:hover ul{opacity:1;top: 80px;pointer-events: inherit;background: #008ed6;}
.main-nav .nav ul li{float: none;padding:0;display:block;text-align:left;}
.main-nav .nav ul li a{color: #fff;padding:10px;font-weight: normal;font-size: 1em;border: none!important;}
.main-nav .nav ul li.current-menu-item a,.main-nav .nav ul li a:hover{color: #fff;text-decoration: underline;border: none;}
.main-nav .nav ul li:hover > a{text-decoration: underline;}
/**dropdown**/

/**2nd level**/
.main-nav .nav ul{max-width: 100%;}
.main-nav .nav li ul li i{color: #fff;margin:6px 0 0;}
.main-nav .nav ul li:last-child{border: none;}
.main-nav .nav li ul li.menu-item-has-children{padding-right: 15px;}
.main-nav .nav li ul li li{font-size: 1em;}
.main-nav .nav ul li{position: relative;}
.main-nav .nav li ul i.fa-angle-right{position: absolute; top: 5px;right: 0;}
.main-nav .nav li ul li ul{left: 100%;margin-top: -5px;opacity: 0!important;pointer-events: none!important;}
.main-nav .nav li ul li:hover ul{opacity:1!important;top: 0px;pointer-events: inherit!important;}

.main-nav .nav li:nth-last-child(2) ul li ul,.main-nav .nav li:nth-last-child(3) ul li ul,.main-nav .nav li:nth-last-child(4) ul li ul,.main-nav .nav li:last-child ul li ul{
	left:-100%;
	margin-left:-20px;
}

/**2nd level**/

.main-nav .navbar-toggle{padding:0;margin: 0;top: 30px;}
.main-nav .navbar-toggle span{background: rgba(255,255,255,.8);height: 4px;border-radius: 0;width: 30px;}


/** header**/


@media(min-width: 993px){
	#cp-header.active{background: #eee;transition: all .5s ease;}
	#cp-header.active .dark{display: block;}
	#cp-header.active .light{display: none;}
	#cp-header.active .main-nav .navbar-nav  li a{color: #8a8a8a;}
	#cp-header.active .main-nav .navbar-nav  li li a{color: #fff;}
	#cp-header.active  .main-nav .navbar-nav  li.current-menu-item a{color:  #008ed6;}
	#cp-header.active  .main-nav .navbar-nav  li.current-menu-item li a{color: #fff;}
	#cp-header.active  .main-nav .navbar-nav li  li.current-menu-item a{color:  #fff;text-decoration: underline;}
	#cp-header.active  .main-nav .navbar-nav  li li a:hover{color:  #fff;text-decoration: underline;}
	#cp-header.active .main-nav .navbar-nav  li a:hover{color: #000;}
	#cp-header.active a.logo span{color: #000;}
	/*#cp-header.active a.logo{padding: 10px 0;transition: all 0.5s ease;}
	#cp-header.active a.logo img{width: 70%;height: auto;transition: all 0.5s ease;}
	
	#cp-header.active .main-nav .navbar-nav  li{padding:10px 6px;transition: all 0.5s ease;}
	#cp-header.active .header-widget-wrap{background: #f9f9f9;transition: all 0.5s ease;}
	#cp-header.active .phone-widget-content{padding: 10px;transition: all 0.5s ease;}
	*/
}	
/**active header**/

.toggle-down{display: none;}

/**end header**/

.global-btn{display: inline-block;margin: 15px 5px 0;background:  #008ed6;border: solid 1px #008ed6;padding: 14px 30px;border-radius: 4px;text-transform: uppercase;color: #fff;font-weight: 600;}
.global-btn i{margin:  0 0 0 5px;}
.global-btn:hover{background: #3bb8f7;color: #fff;text-decoration: none;border-color: #3bb8f7;}

.global-btn.full-btn{width: 100%;}
.global-btn.btn-solid{background: none;border: solid 1px #999;}
.global-btn.btn-solid:hover{border-color: #fff;}

.global-btn.btn-light{background: #fff;color: #008ed6;border: none;}

.global-link{display: inline-block;text-transform:uppercase;font-weight: 600;font-size: .9em;}
.global-link i{margin: 0 0 0 5px;}
.global-link:hover{text-decoration: none;color: #008ed6;}

#cp-branding{/* height: 100vh; */position: relative;padding: 65px 30px;}

@media(min-height: 700px){
	#cp-branding{padding: 120px 30px;}
}

#cp-branding:after{content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,.6);}

.main-form{background: #fff;padding: 40px;border-radius: 5px;}
.cp-banner-content .main-form-title{text-align: center;margin: 0 0 20px;}
.cp-banner-content .main-form-title p{color: #8b8b8b;font-size: 1em;}
.cp-banner-content .main-form-title h3{font-weight: bold;margin: 0 0 10px;position: relative;padding: 0 0 15px;}
.cp-banner-content .main-form-title h3:after{content: '';display: block;height: 4px;width: 50px;background: #008ed6;position: absolute;bottom: 0;left: 0;margin:0 auto;right: 0;}

.cp-banner-content button.global-btn{margin: 0;font-weight: bold;}
.main-text{position: relative;margin: 0 0 20px;}
.main-text input{padding: 14px;width: 100%;border: solid 1px #ddd;box-shadow: 0 0 4px #eee;font-size: 1.1em;font-weight: 400;outline: none;color: #333;border-radius: 5px;}
.main-text input:focus{box-shadow: 0 0 10px #eee;border-color: #008ed6;}
.main-text i{position: absolute; right: 14px;top: 17px;font-size: 1.3em;color: #aaa;}
.main-text inpu.main-text input.main-text inpu::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #333;
}
.main-text inpu.main-text input::-moz-placeholder { /* Firefox 19+ */
  color: #333;
}
.main-text input:-ms-input-placeholder { /* IE 10+ */
  color: #333;
}
.main-text input:-moz-placeholder { /* Firefox 18- */
  color: #333;
}

.cp-banner-content{position: relative;margin-top: 80px;z-index: 10;}

.cp-banner-content h1{color: #fff!important;font-size: 4em;position: relative;padding: 0 0 30px;margin: 0 0 30px;font-weight: bold;}
.cp-banner-content h1 span{display: block;font-weight: 300;font-size: .6em;}
.cp-banner-content h1:after{content: '';display: block;height: 4px;width: 50px;background: #008ed6;position: absolute;bottom: 0;left: 0;}
.cp-banner-content p{margin: 0;color: #fff!important;font-size: 1.2em;}

.video-item{padding:0 30px 0 0;}
.video-item iframe{border-radius: 5px;}
.video-item .embed-responsive-16by9 {
    padding-bottom: 60.85%;
}

.cp-section{padding: 80px 20px;}
.gallery-section{padding: 80px 15px;}
.nopadding{padding: 0!important;}
.grey{background: #f7f7f7;}
.hasbg{padding: 120px 20px;position: relative;background: url('images/holder.png') no-repeat center center / cover transparent;}


.hasbg:after{content: '';position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.75);}

.hasbg .section-title h2{color:#fff;}
.hasbg .inner{position: relative;z-index: 10;}
.hasbg p{color: #fff;}

h2{position: relative;padding: 0 0 30px;margin: 0 0 30px;}
h2:after{content: '';display: block;height: 4px;width: 50px;background: #008ed6;position: absolute;bottom: 0;left: 0;}

h2 span{display: block;}


.section-title{text-align: center;max-width: 700px;margin:0 auto 40px;}
.section-title h2{position: relative;padding: 0 0 30px;margin: 0 0 30px;}
.section-title h2:after{content: '';display: block;height: 4px;width: 50px;background: #008ed6;position: absolute;bottom: 0;left: 0;right: 0;margin:0 auto;}


.light-text{font-weight: 300;}

.content-box {position : relative;}

.content-box-image{background: url('images/holder.png') no-repeat center center / cover transparent;
	position: absolute;
	width: 50%; top: 0; right: 0;
	height: 100%!important;
}

.content-box-entry{padding: 80px;}
.bgcolor{background: #008ed6;}
.bgcolor .global-btn{color: #008ed6;}
.bgcolor2{background: #8BC34A;}

.bgcolor2 .global-btn{color: #8BC34A;}
.small-box .content-box-entry{padding: 40px;}
.big-box  .content-box-entry{padding: 120px;}
.content-box-entry p:last-child{margin: 0;}
.content-box-entry p{color: #fff;}
.content-box-entry h2{color: #fff;margin: 0 0 30px;position: relative;padding: 0 0 30px;}
.content-box-entry h2:after{content: '';display: block;height: 4px;width: 50px;background: #fff;position: absolute;bottom: 0;left: 0;}
.content-box-entry .global-btn{margin: 20px 0 0;}

#footer{padding: 80px 0 0;}
.footer-info{display: table;width: 100%;margin: 0 0 50px;}
.footer-info .nofloat{display: table-cell;vertical-align: middle;float: none;position: relative;}
.footer-info i{color: #008ed6;font-size: 4em;display: block;margin: 0 auto;}
.footer-info i.fa-mobile{font-size: 5em;}
.footer-info span{display: block;color: #333;}
.footer-info span strong{display: block;}
.footer-info span a{color: #333;}
.footer-info span a:hover{color: #008ed6;text-decoration: none;}

.footer-map iframe{width: 100%;height: 320px;pointer-events: none;}

.copyright{padding: 40px 20px; 20px}
.display-table{display: table;}
.copyright-section{display: table-cell;vertical-align: middle;}
.copyright-section span{font-size: .9em;}
.copyright-section p{font-size: .9em;margin: 0;}

.footer-logo img{height: 50px; width: auto;}

.copyright-section ul{list-style: none;margin: 0; text-align: right;}
.copyright-section ul li{display: inline-block;margin: 0 10px;}
.copyright-section ul li a{color: #7a7a7a;}
.copyright-section ul li a:hover{color: #000;}

.services-wrap{padding: 0 0 0 80px;margin: 0 0 40px;}
.services-item{padding:0 15px;}
.services-title {margin: 0 0 10px;}
.services-title i{color: #008ed6;font-size: 2em;}
.services-title h3{font-size: 1.1em;margin: 0;font-family: open sans;font-weight: 600;padding: 4px 0;}

.blog-item{padding:0 15px;margin: 0 0 30px;}
.blog-item-entry{background: #f7f7f7;padding: 20px;text-align: center;}
.blog-item-entry p{margin: 0;}
.blog-item-entry .date {color: #fff;margin: 0 0 15px;background: #008ed6;padding: 8px;font-size: .8em;text-transform: uppercase;letter-spacing: 1px;}
.blog-item-entry .date i{margin: 0 5px 0 0;}
.blog-item-entry h3{margin: 0 0 15px;font-weight: 600;font-family: open sans;font-size: 1.2em;}
.blog-item-entry h3 a{color: #222;}
.blog-item-entry h3 a:hover{text-decoration: none;color: #008ed6;}


/**contact**/
/* ******************** 12 - Contact ******************** */
.contact {
	position: relative;
	padding-top: 100px;
	padding-bottom: 140px;
	background: #ffffff;
}

/* Styling for the contactform */
#contactform {
	display: block;
	width: 100%;
	margin: 50px auto 0;
	text-align: left;
}

#contactform label {
	position: relative;
	z-index: 13;
	padding-left: 10px;
}

#contactform label {
	line-height: 50px;
}

#contactform input,
#contactform textarea,
#contactform select {
	display: block;
	position: relative;
	overflow: hidden;
	min-height: 50px;
	margin-top: -50px;
	line-height: 50px;
	font-size: 1em;
	padding-left: 30px;
	padding-right: 10px;
	width: 100%;
	color: #666666;
	background: #ffffff;
	border: 2px solid #eeeeee;
}

#contactform select {
	padding-right: 10px;
	margin-bottom: 20px;
}

@-moz-document url-prefix() {
	#contactform select {
		padding-top: 14px;
	}
}

#contactform textarea {
	line-height: 25px;
	width: 100%;
	min-height: 120px;
}

#contactform input.input-verify {
	padding-left: 55px;
}

#contactform input:focus,
#contactform textarea:focus,
#contactform select:focus {
	border: 2px solid #bba454;
	background-color: #ffffff;
	color: #1a1a1a;
}

/* The button */
#contactform input.submit {
	-webkit-appearance: none;
	cursor: pointer;
	margin: 20px auto 0;
	width: auto;
	height: auto;
	border: 0;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.2em;
	line-height: 0;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	padding: 10px 20px;
	color: #ffffff;
	background: #bba454;
	-webkit-border-radius: 2px;
			border-radius: 2px;
}

#contactform input.submit:hover {
	color: #ffffff;
	background: #1a1a1a;
}

#contactform input[type="submit"][disabled] {
	color: #ffffff;
	background: #bba454;
}

/* Form validation styles */
#contactform span.required {
	color: #ff0000;
}

.error_message {
	display: block;
	padding: 5px;
	background: #fbe3e4;
	color: #8a1f11;
	border: 1px solid #fbc2c4;
}

/**end contact**/
#map{height: 500px;max-width: 100%;}
.info-window p{margin: 0 0 5px;font-family: open sans; font-weight: normal;}
.info-window h3{margin: 10px 0 12px;font-size: 1.4em;font-weight: normal;}

#page-banner{padding: 300px 20px 230px;position: relative;text-align: center;}
#page-banner:after{content:'';position: absolute;width: 100%;height: 100%;top:0;left: 0;background: rgba(0,0,0,.6);rgba(0,0,0,1);display: block;}
#page-banner h1,#page-banner h2{color: #fff;position: relative;z-index: 10;}
#page-banner h1:after,#page-banner h2:after{display: none;}
.bcrumb{position: absolute;bottom:30px;left: 0;right:0;color: rgba(255,255,255,.9);z-index: 10;font-weight: bold;}
.bcrumb a{color: rgba(255,255,255,.9);font-weight: normal;}
.bcrumb i{margin:0 5px;}
.bcrumb a:hover{color: #fff;text-decoration: none;}

#cp-container{padding: 60px 20px;background: #fff;}

.left-content{padding:0 60px 0 0;}
.right-content{padding:0 0 0 60px;}

.page-with-right-sidebar .widget{margin: 0 0 50px;}
.page-with-right-sidebar .widget h4{color: #3e4451;text-transform: uppercase;font-size: .9em;letter-spacing: 1px;margin: 0 0 25px;}
.page-with-right-sidebar .widget ul{margin: 4px 0 0;list-style: none;}
.page-with-right-sidebar .widget ul li{margin: 0 0 4px;}
.page-with-right-sidebar .widget ul li a{border: solid 1px #e1e1e1;display: block;width: 100%;padding: 10px 15px;color: #3e4451;font-weight: 600;}
.page-with-right-sidebar .widget ul li a:hover,.page-with-right-sidebar .widget ul li.current-menu-item a{text-decoration: none;border-color: #008ed6;background: #008ed6;color: #fff;}

.widget ul li.menu-item i{display: none;}

.side-info{margin: 0 0 15px;}
.side-info a{display: block;position: relative;background: #f1f1f1;}
.side-info a:hover{text-decoration: none;background: #f9f9f9;}
.side-info a span.icon{width: 60px;height: 60px;background: #23527c;color: #fff;display: block;text-align: center;line-height: 70px;position: absolute;top: 0;left: 0;}
.side-info a span.icon i{font-size: 2em;}
.side-info a span.info-entry{margin: 0 0 0 75px;display: block;height: 60px;color: #3e4451;font-size: 1.2em;padding: 10px 0 0;line-height: 1.4;}
.side-info a span.info-entry span{display: block;font-size: .6em;color: #b1b1b1;text-transform:  uppercase;letter-spacing: 1px;}

.side-info div.side-info-wrap{display: block;position: relative;background: #f1f1f1;}
.side-info div.side-info-wrap:hover{text-decoration: none;background: #f9f9f9;}
.side-info div.side-info-wrap span.icon{width: 60px;height: 60px;background: #23527c;color: #fff;display: block;text-align: center;line-height: 70px;position: absolute;top: 0;left: 0;}
.side-info div.side-info-wrap span.icon i{font-size: 2em;}
.side-info div.side-info-wrap span.info-entry{margin: 0 0 0 75px;display: block;height: 60px;color: #3e4451;font-size: 1.2em;padding: 10px 0 0;line-height: 1.4;}
.side-info div.side-info-wrap span.info-entry span{display: block;font-size: .6em;color: #b1b1b1;letter-spacing: 1px;text-transform:  uppercase;}


.side-btn a{margin: 0;display: block;position: relative;font-size: 1.3em;font-weight: 800;padding: 14px 10px 14px 40px;background: #008ed6;border: none;}
.side-btn a:hover{background: #23527c;}
.side-btn a span{display: block;font-size: .6em;letter-spacing: 1px;font-weight: 300;}
.side-btn a i{position: absolute;left: 20px;font-size: 1.7em;top: 22px;}


.social-widget h4{font-size: 1em;}
.widget .side-social ul li{display: inline-block;}
.widget .side-social ul li a{border: none;background: #ddd;display: block;width: 46px;height: 46px;text-align: center;line-height: 46px;padding: 0;font-size: 1.4em;color: #3e4451;}
.widget .side-social ul li a:hover{background: #23527c;color: #fff;}

.side-form{background: #008ed6;padding: 20px;border-radius: 4px;}
.side-form .main-form-title h3{font-weight: bold;margin: 0 0 10px;position: relative;padding: 0 0 15px;color: #fff;}
.side-form .main-form-title h3:after{content: '';display: block;height: 4px;width: 50px;background: #fff;position: absolute;bottom: 0;left: 0;right: 0;margin:0 auto;}
.side-form .main-form-title p{color: #fff;}

.side-form .main-text input{border: none;box-shadow: none;}

.side-form .main-textarea{position: relative;margin: 0 0 20px;}
.side-form .main-textarea textarea{padding: 14px;width: 100%;border: none;font-size: 1.1em;font-weight: 400;outline: none;color: #333;border-radius: 5px;resize: none;height: 120px;}
.side-form .main-textarea textarea:focus{box-shadow: 0 0 10px #eee;border-color: #008ed6;}
.side-form .main-textarea i{position: absolute; right: 14px;top: 17px;font-size: 1.3em;color: #aaa;}


.side-form .contact-form-title h3{font-weight: bold;margin: 0 0 25px;position: relative;padding: 0 0 20px;text-align: left;}
.side-form .contact-form-title h3:after{content: '';display: block;height: 4px;width: 50px;background: #fff;position: absolute;bottom: 0;left: 0;right: 0;}

.side-form .main-text{margin: 0 0 15px;}
.side-form .global-btn{margin: 0;background: none;border: 2px solid #fff;}
.side-form .global-btn:hover{background: #23527c;border-color: #23527c;}

.col-content{padding: 0 15px;}

/**blog**/
/**sidebar**/
.sidebar{/* background: #143480; *//* padding: 30px; */}
.sidebar.sidebar-blog{background: none;padding: 0;}
.widget{margin: 0 0 30px;}

.widget ul{list-style: none;margin:0;}

.widget ul li{clear:both;/* border-bottom: solid 1px #121212; */position:relative;margin:0 0 10px;}

.widget ul li:last-child{border: none;}

.widget ul li a{display: block;color: #999;padding:0 0 10px;}
.widget ul li a:hover{color: #008ed6;text-decoration: none;}
.widget ul li span{display: block;position:absolute;right:0;top: 0px;color: #008ed6;}

.widget .widget-title{color: #3e4451;text-transform:uppercase;font-size:1em;letter-spacing: 1.5px;position:relative;padding: 0 0 15px;margin:0 0 25px;}

.widget .widget-title:after{content: "";border-top: solid 2px #008ed6;width: 40px;position:absolute;left: 0;bottom:0;}
.widget .widget-title:before{content: "";border-top: solid 2px #eee;width: 100%;position:absolute;left: 0;bottom:0;}

.sidebar aside:last-child .widget{margin:0;}

.side-form h3{margin: 0 0 10px;color: #fff;text-align:center;font-size: 1.4em;}

.side-form p.label{margin:0 0 10px;;color: #222;padding: 0;}
.side-form span{color: #CC9900;text-align:center;display:block;text-transform: uppercase;font-size: .9em;letter-spacing: 1.5px;font-weight: normal;}



.side-icon-title{position:relative;width:110px;margin:0 auto 20px;text-align:center;}

.side-icon-title i{font-size: 2em;color: #CC9900;position:relative;}

.side-icon-title:before {

position: absolute;

content: '';

width: 30px;

height: 2px;

background-color: #CC9900;

top: 50%;

margin-top: 0;

left:0;
}

.side-icon-title:after{

position: absolute;

content: '';

width: 30px;

height: 2px;

background-color: #CC9900;

top: 50%;

margin-top: 0;

right: 0;
}

.side-text{margin: 0 0 15px;}

.side-text input{width: 100%;padding: 10px;background: #fff;border: solid 1px #000080;outline: none;color: #000080;font-size: 1.3em;font-weight: normal;}

.side-text input::-webkit-input-placeholder { color:#7a7a7a; }

.side-text input::-moz-placeholder { color:#7a7a7a; } /* firefox 19+ */

.side-text input:-ms-input-placeholder { color:#7a7a7a; } /* ie */

.side-text input:-moz-placeholder { color:#7a7a7a; }



.side-area textarea{width: 100%;padding: 10px;background: #fff;border: solid 1px #000080;outline: none;color: #000080;font-size: 1.3em;font-weight: normal;resize: none;}

.side-area textarea::-webkit-input-placeholder { color:#7a7a7a; }

.side-area textarea::-moz-placeholder { color:#7a7a7a; } /* firefox 19+ */

.side-area textarea:-ms-input-placeholder { color:#7a7a7a; } /* ie */

.side-area textarea:-moz-placeholder { color:#7a7a7a; }



.side-form label{color: #fff;margin: 0 0 10px;}

.side-select{margin: 0 0 15px;padding: 10px;background: #fff;border: solid 4px #fcc476;}

.side-select select{border: none;background: none;color: #7a7a7a;width:100%;outline: none;font-weight: normal;}




.side-form span.wpcf7-not-valid-tip{display: none;}

.side-form input.wpcf7-not-valid{border-color: #CC9900;}



.sidebar div.wpcf7-response-output{margin:20px 0 0;border: solid 4px #CC9900;padding: 15px;}



.search-widget{margin: 0 0 20px;}

.search-text{position:relative;background: #fff;border: solid 3px #fcc476;padding:10px;}

.search-text input{border: solid 1px;width:90%;border: none;outline: none;}

.search-text button{position:absolute;right: 6px;top: 6px;background: none;border: none;font-size:1.2em;color: #FBA82D;}

.search-text button:hover{color: #bb2d2a;}



.content-section{padding: 0 60px 0 0;}

.content-section h1,.content-section h2,.content-section h3{font-size: 1.7em;color: #3e4451;font-weight: normal;position: relative;padding:0 0 10px;}
.content-section h1:after,.content-section h3:after,.content-section h2:after{content: "";border-top: solid 2px #008ed6;width: 40px;position:absolute;left: 0;bottom:0;}


.content-section h5,.content-section h6{font-size: 1.2em;}

ul.links{margin: 0 0 20px;;list-style: none;}

ul.links li{margin:0 0 5px;}

ul.links a{color: #bb2d2a;}
ul.links i{margin: 0 10px 0 0;}


.news-detail img{margin:0 auto 20px;}
.news-detail h1{margin: 0 0 15px;}
.news-detail .info{margin:0 0 20px;}
.blog-item{margin:0 15px 30px;}
.blog-item img{display: block;margin:0 auto 20px;}
.index-item img{margin-bottom:0!important;}

.blog-section .view-all{margin-top: 40px;}

/**blog**/

.blog-post{/* border-bottom: solid 1px #ebebeb; */margin:0 0 40px;padding: 20px;}

.blog-post:last-child{/* border: none; *//* margin: 0; *//* padding: 0; */}
.blog-post img{margin:0 auto 20px;}
.blog-post h3{margin: 0 0 10px;font-weight:bold;font-size: 1.2em;font-weight: normal;position: relative;padding:0 0 10px;}
.blog-post h3:after{content: "";border-top: solid 2px #008ed6;width: 40px;position:absolute;left: 0;bottom:0;}

.blog-post .global-btn{padding: 8px 15px;font-size: .8em;}

.blog-post h3 a{color: #3e4451;}

.blog-post h3 a:hover{text-decoration: none;color: #008ed6;}

.blog-post .info{margin: 0 0 10px;}

.blog-post .info i{margin:0 5px 0 0;color: #008ed6;}

.btn-more{

display: block;

background: #84D605;

color: #fff;

padding: 12px 30px;

position:relative;

transition: all 0.2s ease;

overflow:hidden;

text-transform: uppercase;

margin: 25px auto 0!important;

font-weight: 600;

border: none;

border-radius: 0;

float: left;

font-size:.9em;

letter-spacing: 1px;
}

.btn-more i{margin:0 0 0 5px;}

.btn-more:last-child{margin: 0;}

.btn-more:hover{text-decoration: none;}

.btn-more:hover{background: #028c55;}


.btn-more span {

    margin-bottom: 0 !important;

    position: relative;

    width:100%;

    z-index: 10;

    display: inline-block;

    color: #fff;

    transition: all 0.25s ease

}

.btn-more:hover span{color: #fff;}



.btn-more:hover:after {

    right: 0;

}



.btn-more:after {

    transition: all 0.5s ease

}
.wp-pagenavi{text-align: center;border-top: solid 1px #ebebeb;padding: 30px 0 0;}
.wp-pagenavi span, .wp-pagenavi a{border: solid 1px #ddd!important;color: #7a7a7a!important;padding: 6px 12px!important;}
.wp-pagenavi a:hover,.wp-pagenavi span.current{background: #3cc47c!important;color:#fff!important;text-decoration: none!important;border-color: #3cc47c!important;}


.comments-area label{display:block;margin:0 0 4px;font-weight:400;font-size:.9em;}

.comments-area textarea{width:100%;resize: none;display:block;padding:10px;border: solid 1px #ddd;}

.comments-area input{padding:10px;border: solid 1px #ddd;}

.comments-area .submit{display:block;background: #008ed6;color:#fff;border:none;padding:10px;border-radius: 4px;}

.comments-area .submit:hover{background: #23527c;}



    .blog-page .comment-list-children {

        margin-left: 50px

    }



    .blog-page li .media-left {

        padding-left: 0px

    }



    .blog-page li .media-body {

        padding-right: 0px

    }



    .blog-page li .des p {

        font-size: 13px

    }



    .title-news {

        font-size: 30px

    }



    .news-content-detail .news-image-block {

        margin-right: 0px;

        width: 100%;

        margin-bottom: 40px

    }



    .news-author {

        height: auto

    }



    .news-author .des p {

        font-size: 13px

    }



/**

 * 11.4 - Comments

 */



.comments-area {

	margin: 0 0 3.5em;

}



.comment-list + .comment-respond,

.comment-navigation + .comment-respond {

	padding-top: 1.75em;

}



.comments-title,

.comment-reply-title {

/* border-top: 4px solid #eee; */

/* font-family: Montserrat, "Helvetica Neue", sans-serif; */

font-size: 23px;

font-size: 1.2em!important;

font-weight: 700;

line-height: 1.3125;

padding-top: 1.217391304em;

margin-top: 40px;
}



.comments-title {

	margin-bottom: 1.217391304em;

}



.comment-list {

	list-style: none;

	margin: 0;

}
.comment-list svg{display: none;}



.comment-list article,

.comment-list .pingback,

.comment-list .trackback {

	border-top: 1px solid #d1d1d1;

	padding: 1.75em 0;

}



.comment-list .children {

	list-style: none;

	margin: 0;

}



.comment-list .children > li {

	padding-left: 0.875em;

}



.comment-author {

	color: #1a1a1a;

	margin-bottom: 0.4375em;

}



.comment-author .avatar {

	float: left;

	height: 28px;

	margin-right: 0.875em;

	position: relative;

	width: 28px;

}



.bypostauthor > article .fn:after {

	content: "\f304";

	left: 3px;

	position: relative;

	top: 5px;

}



.comment-metadata,

.pingback .edit-link {

	color: #686868;

	font-size: 13px;

	font-size: .8em;

	line-height: 1.6153846154;

}



.comment-metadata {

	margin-bottom: 2.1538461538em;

}



.comment-metadata a,

.pingback .comment-edit-link {

	color: #686868;

}



.comment-metadata a:hover,

.comment-metadata a:focus,

.pingback .comment-edit-link:hover,

.pingback .comment-edit-link:focus {

	color: #007acc;

}



.comment-metadata .edit-link,

.pingback .edit-link {

	display: inline-block;

}



.comment-metadata .edit-link:before,

.pingback .edit-link:before {

	content: "\002f";

	display: inline-block;

	opacity: 0.7;

	padding: 0 0.538461538em;

}



.comment-content ul,

.comment-content ol {

	margin: 0 0 1.5em 1.25em;

}



.comment-content li > ul,

.comment-content li > ol {

	margin-bottom: 0;

}



.comment-reply-link {

	border: 1px solid #d1d1d1;

	border-radius: 2px;

	color: #fff;

	background: #ccc;

	display: inline-block;

	font-size: 13px;

	font-size: .8em;

	line-height: 1;

	margin-top: 1.1538461538em;

	padding: 0.5384615385em 0.5384615385em 0.4615384615em;

	border-radius: 0;

}



.comment-reply-link:hover,

.comment-reply-link:focus {

	border-color: currentColor;

	color: #fff;

	outline: 0;

	text-decoration: none;

	background: #891d35;

}

.side-post{position: relative; min-height: 80px;margin: 0 0 30px;}
.side-post img{position: absolute;top:0;left: 0;width: 80px;}
.side-post-entry{margin: 0 0 0 100px;}
.side-post-entry h4{font-weight: normal;font-size: 1.1em;margin: 0 0 20px;}
.side-post-entry h4 a{color: #3e4451;}
.side-post-entry .date-time{font-size: .9em;color: #aaa;}
.side-post-entry i{margin: 0 5px 0 0;}
.side-post-entry h4 a:hover{text-decoration: none;color: #008ed6;}


/**end inner / blog**/

.panel-title{font-weight: 600;font-size: 1em;}
.panel-title a:hover{text-decoration: none;color: #3cc47c;}

.panel-group i.fa-minus{display: none;}

.panel-group .panel-heading{position:relative;padding-left: 30px;border: none;background: none;}

.panel-group .panel-heading h4{font-size: 1.2em;}

.panel-group .panel-heading h4 a:hover{color: #008ed6;text-decoration: none;}

.panel-group .panel-heading.active a{color: #008ed6;}

.panel-group .panel-heading i{position:absolute;left: 0;top: 13px;}

.panel-group .panel-heading.active i.fa-plus{display: none;}

.panel-group .panel-heading.active i.fa-minus{display: block;}

.panel-group .panel{box-shadow: none;border: none;}

.panel-group .panel-body{border: none!important;padding:0 0 0 30px;}


/*
Testimoni
=========================== */
.cp-testi-wrapper{
	position:relative;
	display:block;
	padding: 30px 40px 40px 40px;
}
.cp-testimoni-box blockquote{margin: 0 0 20px;border: none;position: relative;padding: 0 35px 0 35px;font-style: italic;font-size: 1.2em;}
.cp-testimoni-box p{/* margin: 0!important; */}
.cp-testimoni-box blockquote:before{
	position:absolute;
	font-family: 'FontAwesome';
	content: "\f10d";
	left:0;
	top: -10px;
	color: #a5a5af;
	font-style:normal;
	font-size: 20px;
	line-height:16px;
}

.cp-testimoni-box blockquote:after{
	position:absolute;
	font-family: 'FontAwesome';
	content: "\f10e";
	right:0;
	bottom: -10px;
	color: #a5a5af;
	font-style:normal;
	font-size: 20px;
	line-height:16px;
}

.cp-testimoni-box blockquote.quote-lg:before,
.cp-testimoni-box blockquote.quote-lg:after{
	font-size:24px;
	line-height:24px;
}

.cp-testimoni-box{
	display:block;
	border:1px solid #eaeaea;
	border-radius:5px;
	padding:40px;
	-webkit-box-shadow: 10px 10px 0px -2px rgba(0,0,0,0.1);
	-moz-box-shadow: 10px 10px 0px -2px rgba(0,0,0,0.1);
	box-shadow: 10px 10px 0px -2px rgba(0,0,0,0.1);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}


.cp-testimoni-box:before{
	position:absolute;
	display:block;
	font-family: 'FontAwesome';
	content: "\f10d";
	width:80px;
	height:80px;
	padding:20px;
	color:#fff;
	border-radius:50%;
	right:0;
	top:0;
	text-align:center;
	font-size:26px;
	line-height:42px;
	overflow:hidden;
	background: #008ed6;
}

.cp-testimoni-author{
	padding-left:35px;
}



.cp-testimoni-author strong{
	color: #008ed6;
}

.cp-testimoni-avatar{
	position:absolute;
	background:#fff;
	width:100px;
	height:100px;
	left:0;
	bottom:0;
	border-radius:50%;
	overflow:hidden;
	padding:10px;
	border: 1px solid #eaeaea!important;
}

.cp-testimoni-avatar img{
	border-radius:50%;
}

.cp-testimoni-avatar{
	border:1px solid #fff;
}

.owl-nav{display: none;}
.owl-dots{margin: 20px 0 0;text-align: center;}
.owl-dots .owl-dot{display: inline-block; width: 10px; height: 10px; background: #ddd; border-radius: 50%;margin:0 2px;}
.owl-dots .owl-dot.active,.owl-dots .owl-dot:hover{background: #008ed6;}

.grid-content{padding: 0 20px;text-align: justify;}

.search-form{position: relative;}
.search-form label{display: none;}
.search-form input{border: solid 1px #eee; padding: 10px;width: 100%;outline: none;}
.search-form button{position: absolute; background: none; border: none; outline: none; top: 10px; right: 10px;}
.search-form button svg{width: 15px;height: 15px;}
.search-form .screen-reader-text{display: none;}

.tagcloud a{display: inline-block; background: #eee; color: #7a7a7a; padding: 10px;border-radius: 4px;margin: 0 2px 4px;}

/**gallery**/
.grid-item{padding: 10px;}
.gallery-center-wrapper {
    width: 100%;
    height: 100%;
    display: table;
    position: relative;
    table-layout: fixed;
}
.gallery-center {
    display: table-cell;
    width:100%;
    vertical-align: middle;
}
.gallery-grid-item {
    position: relative;
    overflow: hidden;
    width: 25%;
    padding: 15px;
}

.gallery-grid-item a {
    display: block;
    position: relative;
    overflow: hidden;
}

.gallery-grid-item img {
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.gallery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgba(22,38,75, 0.5);
    color: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 0;
}

.gallery-overlay i {
    position: relative;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
}

.gallery-overlay i::before {
    width: 25px;
    height: 1px;
    content: "";
    background-color: #f4c026;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.gallery-overlay i::after {
    width: 1px;
    height: 25px;
    content: "";
    background-color: #f4c026;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.gallery-grid-item:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.gallery-grid-item:hover .gallery-overlay {
    opacity: 1;
}

/**end gallery**/	


/**@media 1100px**/@media ( max-width: 1300px ){

}/**end @media 1100px**/

/**@media 1100px**/@media ( max-width: 1070px ){
	
}/**end @media 1041px**/

/**@media 1100px**/@media ( max-width: 1050px ){

}/**end @media 1041px**/

/**@media 992px**/@media ( max-width: 992px ){
	h1{font-size: 1.7em;}
	h2{
		font-size: 1.7em;
	}
	h3
	{
		font-size: 1.5em;
	}
	h4{
		font-size: 1.3em;
	}
	h5,h6{
		font-size: 1.2em;
	}		
	
	#cp-header{position: absolute;}
	#cp-header .navbar-header{text-align: left;padding: 0 20px;}
	#cp-header .navbar-right{text-align: left;border-top: solid 1px rgba(2555,255,255,.1);margin: 0;}
	#cp-header a.logo img{max-width: 240px;height: auto;}
	
	
	.main-nav .nav li{border-bottom: solid 1px rgba(2555,255,255,.1);padding: 16px 20px!important;}
	.main-nav .nav li:last-child{border: none;}
	.main-nav .navbar-nav  li{display: block;}
	.main-nav .navbar-nav  li a{padding:0;border: none;}
	.main-nav .navbar-nav  li a i.fa-angle-down,.main-nav .navbar-nav  li a i.fa-angle-left,.main-nav .navbar-nav  li a i.fa-angle-right{display: none;}
	.main-nav .nav ul{opacity:1;top:0;position:relative;background: none!important;padding: 8px 0 0;display: none;transition: all 0s ease;}
	.main-nav .nav.navbar-nav ul li{border: none;padding: 2px 0!important;}
	.main-nav .nav ul li:first-child{/* border-top: solid 1px #ddd; */}
	.main-nav .nav i.fa-chevron-up{display: none;}
	.main-nav .nav .active > i.fa-chevron-up{display: block;}
	.main-nav .nav .active > i.fa-chevron-down{display: none;}
	.main-nav .nav i.toggle-down{position:absolute;top:0;right:0;background: #008ed6;color:#fff;/* height:100%; */line-height: 44px;width: 44px;text-align:center;cursor:pointer;z-index: 10;margin: 0;}
	.main-nav .nav li:hover ul{opacity:1;top: 0;}
	.main-nav .nav ul li a{color: #8b898b;padding: 10px 5px 0px;}
	.main-nav .nav ul li a:hover{color:#008ed6;}	
	.main-nav .navbar-nav  li.nav-phone a{padding: 0;}	
	
	/**2nd**/
	
	.main-nav .nav li ul li ul{position: relative!important;top:0px!important;left:0!important;margin:0!important;opacity: 1!important;}
	.main-nav .nav li li i.toggle-down{right:-20px;}
	.main-nav .nav li ul li li:last-child{border: none!important;}
	.main-nav .nav li:nth-last-child(2) ul li ul,.main-nav .nav li:last-child ul li ul{
		right:100%;
		margin-left:0;
		opacity: 1!important;

	}
	/**2nd**/	

	.cp-banner-content{position: relative;top: 0;transform: translateY(0);left: 0;margin-top: 105px;}
	#cp-branding{height: initial;padding: 200px 40px;background-attachment: scroll!important;}	
			
	#cp-branding{background-attachment: scroll!important;}	
	#cp-branding{padding: 100px 20px;}
	.cp-banner-content h1{font-size: 2.5em;}
	.cp-section{background-attachment: scroll!important;padding: 50px 20px!important;}
	.nopadding{padding: 0!important;}
	.cp-banner-content .main-form-title br{display: none;}
	.main-content{padding: 40px 0 30px!important;}

	.content-box-image{height: 350px!important;position: relative;width: 100%;}
	.content-box-entry{padding: 40px;}
	.big-box  .content-box-entry{padding: 40px;}

	.footer-info{text-align: center; margin: 0 0 30px;}
	.footer-info i{margin: 0 0 10px;}
	.footer-info .nofloat{display: block;}

	.footer-logo img{display: block;margin:0 auto;}
	.copyright-section{display: block;margin: 0 0 20px;text-align: center;height: 100%!important;}
	.copyright-section ul{text-align: center;}
	.display-table{display: block;}

	.services-content{padding:0 0 60px;text-align: center;}
	.services-content h2:after{right:0;margin:0 auto;}
	.services-wrap{padding: 0;margin: 0;}
	.services-item{text-align: center;margin: 0 0 30px;}
	.services-title i{margin: 0 0 15px;}

	.blog-item{padding: 0;}

	#footer .section-title{padding:0 20px;}

	#cp-container .col-md-9.pull-right{float: none!important;}
    #page-banner{padding: 270px 20px 100px;background-attachment: scroll!important;}
	.left-content,.content-section, .right-content{padding: 0 0 40px;}
	.col-content{padding: 0;}

	#cp-top{/* display: none; */}

	.video-item{padding: 0 0 30px;}

	.toggle-down{display: block;}

	.gallery-grid-item{width: 33.3333%;}
}/**end @media 991px**/



/**@media 1100px**/@media ( max-width: 900px ){

}/**end @media 824px**/



/**@media 800px**/@media ( max-width: 800px ){
	
}/**end @media 800px**/

@media ( max-width: 767px ){

	img.alignleft{float: none;margin:0 auto 20px;}
	img.alignright{float: none;margin:0 auto 20px;}
	.gallery-grid-item{width: 50%;}
}	/**end @media 767px**/


/**@media 660px**/@media ( max-width: 600px ){
	#cp-top ul{float: none;text-align: center;}
	#cp-top ul li{display: inline-block;float: none;}
	#cp-top ul li.separator{display: block;height: 5px;}
	#cp-top ul li.info{display: inline-block;margin:0px;font-size:1em;border: none;}
	#cp-top ul li.social{display: inline-block;margin:10px 2px 5px;}
	
	/*.cp-banner-content{margin-top: 100px;}
	.cp-banner-content h1{font-size: 1.8em;}*/
}/**end @media 600px**/



/**@media 400px**/@media ( max-width: 480px ){


}/**end @media 470px**/

/**@media 480px**/@media ( max-width: 380px ){

}