/*
Theme Name: Offline Sharks Lead Gen Theme
Author: Offline Sharks
Version: 3.30
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. <a target="_blank" href="http://themepluginserver.nickponte.com/leadgen-theme-changelog/">Theme change log</a><br>  <a href="https://offlinesharks.com/software-terms-of-service/" target="_blank">Terms of Service</a>

Tags: one-column, two-columns, right-sidebar,left-sidebar, flexible-content, accessibility-ready, custom-colors, custom-logo, editor-style, featured-images, theme-options, translation-ready

*/

body,
p {
	color: #707070
}

a,
a:hover {
	color: #008ed6
}

#cp-top,
.backtotop {
	background: #008ed6
}

#cp-top.active,
a {
	transition: all .5s ease
}

#cp-top ul li a,
a,
a:focus {
	text-decoration: none
}

#cp-top ul,
.copyright-section ul,
.widget ul,
ul.links {
	list-style: none
}

a,
abbr,
acronym,
address,
applet,
b,
big,
blockquote,
body,
caption,
center,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
u,
ul,
var {
	background: 0 0;
	border: 0;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	outline: 0;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
	-ms-hyphens: none;
	-o-hyphens: none
}

body {
	background: #fff;
	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,
h2 {
	font-size: 2em
}

h3 {
	font-size: 1.6em
}

h4 {
	font-size: 1.4em
}

h5,
h6 {
	font-size: 1.2em
}

blockquote,
p {
	font-size: 1em
}

p {
	font-family: Open Sans, Arial, Helvetica;
	margin: 0 0 20px
}

a:focus {
	color: #000;
	outline: 0
}

a:hover {
	text-decoration: underline
}

hr {
	border-color: #e1e1e1;
	margin: 30px 0 25px;
	background: #e1e1e1
}

blockquote {
	margin: 0 0 30px;
	quotes: "\201C""\201D""\2018""\2019"
}

blockquote:before {
	color: #ccc;
	content: open-quote;
	font-size: 4em;
	line-height: .1em;
	margin-right: .25em;
	vertical-align: -30px
}

blockquote p {
	display: block;
	font-size: inherit;
	font-style: italic
}

ol,
ul {
	margin: 0 0 15px 18px
}

ol li,
ul li {
	font-size: 1em
}

ol li li,
ol li p,
ul li li,
ul 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: #fff;
	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 {
	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
}

#cp-top {
	padding: 0 20px
}

#cp-top.active {
	position: fixed;
	width: 100%;
	z-index: 99999999;
	top: 0
}

#cp-top .inner {
	padding: 10px 0
}

#cp-top ul {
	margin: 0;
	float: right
}

#cp-top ul li a {
	color: #fff;
	display: block;
	padding: 2px
}

#cp-top ul li a:hover,
#cp-top ul li.info 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 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;
	text-decoration: none!important
}

#cp-header a.logo img {
	height: 50px;
	width: auto
}

#cp-header a.logo span {
	display: block;
	font-weight: 900;
	color: #fff;
	text-transform: uppercase
}

#cp-header a.logo span.cp-sitename {
	margin: 0 0 10px;
	font-size: 1.4em
}

#cp-header a.logo span.cp-tagline {
	font-weight: 300;
	font-size: .9em;
	letter-spacing: 2px
}

@media(min-width:993px) {
	.navbar-header {
		float: none
	}
	.main-nav .navbar-right {
		float: none!important
	}
	.main-nav {
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-ms-flex-pack: start;
		justify-content: flex-start;
		display: flex;
		position: relative;
		align-items: center
	}
	.main-nav .navbar-collapse {
		display: -ms-flexbox!important;
		display: flex!important;
		justify-content: flex-end!important;
		align-items: center;
		flex-basis: 100%
	}
	.main-nav .navbar-nav {
		-ms-flex-direction: row;
		flex-direction: row;
		display: flex
	}
}

.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;
	font-size: .8em;
	padding: 0 2px
}

.main-nav .navbar-nav li a {
	background: 0 0;
	color: rgba(255, 255, 255, .9);
	padding: 34px 20px;
	line-height: 1;
	text-decoration: none;
	transition: all .1s ease;
	display: block
}

.main-nav .navbar-nav li a:hover,
.main-nav .navbar-nav li.current-menu-item a {
	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: 700
}

.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;
	min-width: 250px;
	left: 0;
	top: 150px;
	margin: 0;
	z-index: 999;
	pointer-events: none;
	max-width: 100%
}

.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;
	position: relative
}

.main-nav .nav ul li a {
	color: #fff;
	padding: 10px;
	font-weight: 400;
	font-size: 1em;
	border: none!important
}

.main-nav .nav ul li a:hover,
.main-nav .nav ul li.current-menu-item a {
	color: #fff;
	text-decoration: underline;
	border: none
}

.main-nav .nav ul li:hover>a {
	text-decoration: underline
}

.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 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: 0;
	pointer-events: inherit!important
}

.main-nav .nav li:last-child ul li ul,
.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 {
	left: -100%;
	margin-left: -20px
}

.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
}

@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 !important;
	}
	#cp-header.active .main-nav .navbar-nav li li a:hover,
	#cp-header.active .main-nav .navbar-nav li li.current-menu-item a {
		color: #fff !important;
		text-decoration: underline
	}
	#cp-header.active .main-nav .navbar-nav li a:hover {
		color: #000!important
	}
	#cp-header.active a.logo span {
		color: #000
	}
}

.toggle-down {
	display: none
}

.global-btn,
.global-link {
	display: inline-block;
	font-weight: 600;
	text-transform: uppercase
}

.global-btn {
	margin: 15px 5px 0;
	background: #008ed6;
	border: 1px solid #008ed6;
	padding: 14px 30px;
	border-radius: 4px;
	color: #fff
}

.global-btn i,
.global-link 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: 0 0;
	border: 1px solid #999
}

.global-btn.btn-solid:hover {
	border-color: #fff
}

.global-btn.btn-light {
	background: #fff;
	color: #008ed6;
	border: none
}

.global-link {
	font-size: .9em
}

.global-link:hover {
	text-decoration: none;
	color: #008ed6
}

#cp-branding {
	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 h3:after,
.cp-banner-content h1:after {
	display: block;
	background: #008ed6;
	bottom: 0;
	content: '';
	left: 0
}

.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: 700;
	margin: 0 0 10px;
	position: relative;
	padding: 0 0 15px
}

.cp-banner-content .main-form-title h3:after {
	height: 4px;
	width: 50px;
	position: absolute;
	margin: 0 auto;
	right: 0
}

.cp-banner-content button.global-btn {
	margin: 0;
	font-weight: 700
}

.main-text {
	position: relative;
	margin: 0 0 20px
}

.main-text input {
	padding: 14px;
	width: 100%;
	border: 1px solid #ddd;
	box-shadow: 0 0 4px #eee;
	font-size: 1.1em;
	font-weight: 400;
	outline: 0;
	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 {
	color: #333
}

.main-text inpu.main-text input::-moz-placeholder {
	color: #333
}

.main-text input:-ms-input-placeholder {
	color: #333
}

.main-text input:-moz-placeholder {
	color: #333
}

.cp-banner-content .main-textarea {
	position: relative;
	margin: 0 0 20px
}

.cp-banner-content .main-textarea textarea {
	padding: 14px;
	width: 100%;
	font-size: 1.1em;
	font-weight: 400;
	outline: 0;
	color: #333;
	border-radius: 5px;
	resize: none;
	height: 120px;
	border: 1px solid #ddd;
	box-shadow: 0 0 4px #eee
}

.cp-banner-content .main-textarea textarea:focus {
	box-shadow: 0 0 10px #eee;
	border-color: #008ed6
}

.cp-banner-content .main-textarea i {
	position: absolute;
	right: 14px;
	top: 17px;
	font-size: 1.3em;
	color: #aaa
}

.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: 700
}

.cp-banner-content h1 span {
	display: block;
	font-weight: 300;
	font-size: .6em
}

.cp-banner-content h1:after {
	height: 4px;
	width: 50px;
	position: absolute
}

.cp-banner-content .main-content p {
	margin: 0;
	color: #fff!important;
	font-size: 1.2em
}

.hasbg .section-title h2,
.hasbg p {
	color: #fff
}

.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) center center/cover no-repeat
}

.hasbg:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .75)
}

.hasbg .inner,
h2 {
	position: relative
}

.section-title h2:after,
h2:after {
	content: '';
	height: 4px;
	width: 50px;
	background: #008ed6;
	left: 0;
	display: block;
	bottom: 0
}

.hasbg .inner {
	z-index: 10
}

h2 {
	padding: 0 0 30px;
	margin: 0 0 30px
}

h2:after {
	position: absolute
}

.hasbg h2 span {
	display: block;
	color: #fff!important
}

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 {
	position: absolute;
	right: 0;
	margin: 0 auto
}

.light-text {
	font-weight: 300
}

.content-box {
	position: relative
}

.content-box-image {
	background: url(images/holder.png) center center/cover no-repeat;
	position: absolute;
	width: 50%;
	top: 0;
	right: 0;
	height: 100%!important
}

.content-box-image.cbi-left {
	left: 0;
	right: initial
}

.content-box-entry {
	padding: 80px
}

.bgcolor {
	background: #008ed6
}

.bgcolor .global-btn {
	color: #008ed6
}

.bgcolor2 {
	background: #8BC34A
}

.bgcolor2 .global-btn {
	color: inherit
}

.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
}

#page-banner:after,
.content-box-entry h2:after {
	content: '';
	position: absolute;
	left: 0
}

.content-box-entry h2:after {
	display: block;
	height: 4px;
	width: 50px;
	background: #fff;
	bottom: 0
}

.content-box-entry .global-btn {
	margin: 20px 0 0
}

#footer {
	padding: 80px 0 0
}

.footer-content .row {
	display: flex;
	justify-content: center
}

.footer-content .row .col-md-4 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
	float: none
}

.footer-info {
	display: table;
	width: 100%;
	margin: 0 0 50px;
	text-align: center
}

.footer-info .nofloat {
	display: block;
	vertical-align: middle;
	float: none!important;
	position: relative;
	width: 100%;
	margin: 0 0 10px
}

.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
}

.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: auto;
	max-width: 200px
}

.copyright-section ul {
	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
}

.blog-item-entry {
	background: #f7f7f7;
	padding: 20px;
	text-align: center
}

.blog-item-entry p {
	margin: 0
}

.blog-item-entry .date {
	color: #fff!important;
	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;
	color: #fff!important
}

.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 {
	position: relative;
	padding-top: 100px;
	padding-bottom: 140px;
	background: #fff
}

#contactform {
	display: block;
	width: 100%;
	margin: 50px auto 0;
	text-align: left
}

#contactform label {
	position: relative;
	z-index: 13;
	padding-left: 10px;
	line-height: 50px
}

#contactform input,
#contactform select,
#contactform textarea {
	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: #666;
	background: #fff;
	border: 2px solid #eee
}

#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 select:focus,
#contactform textarea:focus {
	border: 2px solid #bba454;
	background-color: #fff;
	color: #1a1a1a
}

#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: .2em;
	line-height: 0;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	padding: 10px 20px;
	color: #fff;
	background: #bba454;
	-webkit-border-radius: 2px;
	border-radius: 2px
}

#contactform input.submit:hover {
	color: #fff;
	background: #1a1a1a
}

#contactform input[type=submit][disabled] {
	color: #fff;
	background: #bba454
}

#contactform span.required {
	color: red
}

.error_message {
	display: block;
	padding: 5px;
	background: #fbe3e4;
	color: #8a1f11;
	border: 1px solid #fbc2c4
}

#map {
	height: 500px;
	max-width: 100%
}

.info-window p {
	margin: 0 0 5px;
	font-family: open sans;
	font-weight: 400
}

.info-window h3 {
	margin: 10px 0 12px;
	font-size: 1.4em;
	font-weight: 400
}

#page-banner {
	padding: 300px 20px 230px;
	position: relative;
	text-align: center
}

#page-banner:after {
	width: 100%;
	height: 100%;
	top: 0;
	background: rgba(0, 0, 0, .6);
	display: block
}

#page-banner h1,
#page-banner h2 {
	color: #fff;
	position: relative;
	z-index: 10
}

.bcrumb,
.bcrumb a {
	color: rgba(255, 255, 255, .9)
}

#page-banner h1:after,
#page-banner h2:after {
	display: none
}

.bcrumb {
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
	z-index: 10;
	font-weight: 700
}

.bcrumb a {
	font-weight: 400
}

.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: 1px solid #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-form span,
.widget .widget-title {
	letter-spacing: 1.5px;
	text-transform: uppercase
}

.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 .contact-form-title h3:after,
.side-form .main-form-title h3:after {
	content: '';
	display: block;
	background: #fff;
	bottom: 0;
	left: 0
}

.side-form .main-form-title h3 {
	font-weight: 700;
	margin: 0 0 20px;
	position: relative;
	padding: 0 0 15px;
	color: #fff
}

.side-form .main-form-title h3:after {
	height: 4px;
	width: 50px;
	position: absolute;
	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: 0;
	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: 700;
	margin: 0 0 25px;
	position: relative;
	padding: 0 0 20px;
	text-align: left
}

.owl-dots,
.side-form h3,
.side-form span,
.side-icon-title,
.wp-pagenavi {
	text-align: center
}

.side-form .contact-form-title h3:after {
	height: 4px;
	width: 50px;
	position: absolute;
	right: 0
}

.side-form span.wpcf7-not-valid-tip,
.widget_meta {
	display: none
}

.side-form .main-text {
	margin: 0 0 15px
}

.side-form .global-btn {
	margin: 0;
	background: 0 0;
	border: 2px solid #fff
}

.side-form .global-btn:hover {
	background: #23527c;
	border-color: #23527c
}

.col-content {
	padding: 0 15px
}

.sidebar.sidebar-blog {
	background: 0 0;
	padding: 0
}

.widget {
	margin: 0 0 30px
}

.widget ul {
	margin: 0
}

.widget ul li {
	clear: both;
	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: 0;
	color: #008ed6
}

.widget .widget-title {
	color: #3e4451;
	font-size: 1em;
	position: relative;
	padding: 0 0 15px;
	margin: 0 0 25px
}

.widget .widget-title:after,
.widget .widget-title:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0
}

.widget .widget-title:after {
	border-top: solid 2px #008ed6;
	width: 40px
}

.widget .widget-title:before {
	border-top: solid 2px #eee;
	width: 100%
}

.sidebar aside:last-child .widget {
	margin: 0
}

.side-form h3 {
	margin: 0 0 10px;
	color: #fff;
	font-size: 1.4em
}

.side-form p.label {
	margin: 0 0 10px;
	color: #222;
	padding: 0
}

.side-form span {
	color: #C90;
	display: block;
	font-size: .9em;
	font-weight: 400
}

.side-icon-title {
	position: relative;
	width: 110px;
	margin: 0 auto 20px
}

.side-icon-title i {
	font-size: 2em;
	color: #C90;
	position: relative
}

.side-area textarea,
.side-text input {
	border: 1px solid navy;
	font-size: 1.3em
}

.side-icon-title:after,
.side-icon-title:before {
	position: absolute;
	content: '';
	width: 30px;
	height: 2px;
	background-color: #C90;
	top: 50%;
	margin-top: 0
}

.side-icon-title:before {
	left: 0
}

.side-icon-title:after {
	right: 0
}

.side-area textarea,
.side-select select,
.side-text input {
	width: 100%;
	font-weight: 400;
	outline: 0
}

.side-area textarea,
.side-select,
.side-text input {
	padding: 10px;
	background: #fff
}

.side-text {
	margin: 0 0 15px
}

.side-text input {
	color: navy
}

.side-text input::-webkit-input-placeholder {
	color: #7a7a7a
}

.side-text input::-moz-placeholder {
	color: #7a7a7a
}

.side-text input:-ms-input-placeholder {
	color: #7a7a7a
}

.side-text input:-moz-placeholder {
	color: #7a7a7a
}

.side-area textarea {
	color: navy;
	resize: none
}

.side-area textarea::-webkit-input-placeholder {
	color: #7a7a7a
}

.side-area textarea::-moz-placeholder {
	color: #7a7a7a
}

.side-area textarea:-ms-input-placeholder {
	color: #7a7a7a
}

.side-area textarea:-moz-placeholder {
	color: #7a7a7a
}

.side-form label {
	color: #fff;
	margin: 0 0 10px
}

.side-select {
	margin: 0 0 15px;
	border: 4px solid #fcc476
}

.side-select select {
	border: none;
	background: 0 0;
	color: #7a7a7a
}

.side-form input.wpcf7-not-valid {
	border-color: #C90
}

.sidebar div.wpcf7-response-output {
	margin: 20px 0 0;
	border: 4px solid #C90;
	padding: 15px
}

.search-widget,
ul.links {
	margin: 0 0 20px
}

.search-text {
	position: relative;
	background: #fff;
	border: 3px solid #fcc476;
	padding: 10px
}

.search-text input {
	width: 90%;
	border: none;
	outline: 0
}

.search-text button {
	position: absolute;
	right: 6px;
	top: 6px;
	background: 0 0;
	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: 400;
	position: relative;
	padding: 0 0 10px
}

.blog-post h3,
.content-section h5,
.content-section h6 {
	font-size: 1.2em
}

.content-section h1:after,
.content-section h2:after,
.content-section h3:after {
	content: "";
	border-top: solid 2px #008ed6;
	width: 40px;
	position: absolute;
	left: 0;
	bottom: 0
}

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-post {
	margin: 0 0 40px;
	padding: 20px
}

.blog-post img {
	margin: 0 auto 20px
}

.blog-post .info,
.blog-post h3 {
	margin: 0 0 10px
}

.blog-post h3 {
	font-weight: 400;
	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 i {
	margin: 0 5px 0 0;
	color: #008ed6
}

.btn-more,
.btn-more:hover span {
	color: #fff
}

.btn-more {
	display: block;
	background: #84D605;
	padding: 12px 30px;
	position: relative;
	transition: all .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;
	background: #028c55
}

.btn-more span {
	margin-bottom: 0!important;
	position: relative;
	width: 100%;
	z-index: 10;
	display: inline-block;
	color: #fff;
	transition: all .25s ease
}

.btn-more:hover:after {
	right: 0
}

.btn-more:after {
	transition: all .5s ease
}

.wp-pagenavi {
	border-top: solid 1px #ebebeb;
	padding: 30px 0 0
}

.wp-pagenavi a,
.wp-pagenavi span {
	border: 1px solid #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 input,
.comments-area textarea {
	border: 1px solid #ddd;
	padding: 10px
}

.comments-area label {
	display: block;
	margin: 0 0 4px;
	font-weight: 400;
	font-size: .9em
}

.comments-area textarea {
	width: 100%;
	resize: none;
	display: block
}

.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: 0
}

.blog-page li .media-body {
	padding-right: 0
}

.blog-page li .des p {
	font-size: 13px
}

.title-news {
	font-size: 30px
}

.news-content-detail .news-image-block {
	margin-right: 0;
	width: 100%;
	margin-bottom: 40px
}

.news-author {
	height: auto
}

.news-author .des p {
	font-size: 13px
}

.comments-area {
	margin: 0 0 3.5em
}

.comment-list+.comment-respond,
.comment-navigation+.comment-respond {
	padding-top: 1.75em
}

.comment-reply-title,
.comments-title {
	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,
.comment-list .children {
	margin: 0;
	list-style: none
}

.comment-list svg {
	display: none
}

.comment-metadata .edit-link,
.comment-reply-link,
.pingback .edit-link {
	display: inline-block
}

.comment-list .pingback,
.comment-list .trackback,
.comment-list article {
	border-top: 1px solid #d1d1d1;
	padding: 1.75em 0
}

.comment-list .children>li {
	padding-left: .875em
}

.comment-author {
	color: #1a1a1a;
	margin-bottom: .4375em
}

.comment-author .avatar {
	float: left;
	height: 28px;
	margin-right: .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:focus,
.comment-metadata a:hover,
.pingback .comment-edit-link:focus,
.pingback .comment-edit-link:hover {
	color: #007acc
}

.comment-metadata .edit-link:before,
.pingback .edit-link:before {
	content: "\002f";
	display: inline-block;
	opacity: .7;
	padding: 0 .538461538em
}

.comment-content ol,
.comment-content ul {
	margin: 0 0 1.5em 1.25em
}

.comment-content li>ol,
.comment-content li>ul {
	margin-bottom: 0
}

.comment-reply-link {
	border: 1px solid #d1d1d1;
	color: #fff;
	background: #ccc;
	font-size: 13px;
	font-size: .8em;
	line-height: 1;
	margin-top: 1.1538461538em;
	padding: .5384615385em .5384615385em .4615384615em;
	border-radius: 0
}

.panel-group .panel-heading.active i.fa-plus,
.panel-group i.fa-minus {
	display: none
}

.comment-reply-link:focus,
.comment-reply-link:hover {
	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: 400;
	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
}

.panel-title {
	font-weight: 600;
	font-size: 1em
}

.panel-title a:hover {
	text-decoration: none;
	color: #3cc47c
}

.panel-group .panel-heading {
	position: relative;
	padding-left: 30px;
	border: none;
	background: 0 0
}

.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-minus {
	display: block
}

.panel-group .panel {
	box-shadow: none;
	border: none
}

.panel-group .panel-body {
	border: none!important;
	padding: 0 0 0 30px
}

.cp-testi-wrapper {
	position: relative;
	display: block;
	padding: 30px 40px 40px
}

.cp-testimoni-box blockquote {
	margin: 0 0 20px;
	border: none;
	position: relative;
	padding: 0 35px;
	font-style: italic;
	font-size: 1.2em
}

.cp-testimoni-box blockquote:after,
.cp-testimoni-box blockquote:before {
	position: absolute;
	color: #a5a5af;
	font-style: normal;
	font-size: 20px;
	line-height: 16px;
	font-family: FontAwesome
}

.cp-testimoni-box blockquote:before {
	content: "\f10d";
	left: 0;
	top: -10px
}

.cp-testimoni-box blockquote:after {
	content: "\f10e";
	right: 0;
	bottom: -10px
}

.cp-testimoni-box blockquote.quote-lg:after,
.cp-testimoni-box blockquote.quote-lg:before {
	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 0 -2px rgba(0, 0, 0, .1);
	-moz-box-shadow: 10px 10px 0 -2px rgba(0, 0, 0, .1);
	box-shadow: 10px 10px 0 -2px rgba(0, 0, 0, .1);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.cp-testimoni-avatar,
.cp-testimoni-box:before {
	position: absolute;
	border-radius: 50%;
	overflow: hidden
}

.cp-testimoni-box:before {
	display: block;
	font-family: FontAwesome;
	content: "\f10d";
	width: 80px;
	height: 80px;
	padding: 20px;
	color: #fff;
	right: 0;
	top: 0;
	text-align: center;
	font-size: 26px;
	line-height: 42px;
	background: #008ed6
}

.cp-testimoni-author {
	padding-left: 35px
}

.cp-testimoni-author strong {
	color: #008ed6
}

.cp-testimoni-avatar {
	background: #fff;
	width: 100px;
	height: 100px;
	left: 0;
	bottom: 0;
	padding: 10px;
	border: 1px solid #eaeaea!important
}

.cp-testimoni-avatar img {
	border-radius: 50%
}

.owl-nav {
	display: none
}

.owl-dots {
	margin: 20px 0 0
}

.owl-dots .owl-dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #ddd;
	border-radius: 50%;
	margin: 0 2px
}

.search-form .screen-reader-text,
.search-form label {
	display: none
}

.owl-dots .owl-dot.active,
.owl-dots .owl-dot:hover {
	background: #008ed6
}

.grid-content {
	padding: 0 20px;
	text-align: justify
}

.grid-item,
.tagcloud a {
	padding: 10px
}

.search-form {
	position: relative
}

.search-form input {
	border: 1px solid #eee;
	padding: 10px;
	width: 100%;
	outline: 0
}

.search-form button {
	position: absolute;
	background: 0 0;
	border: none;
	outline: 0;
	top: 10px;
	right: 10px
}

.search-form button svg {
	width: 15px;
	height: 15px
}

.tagcloud a {
	display: inline-block;
	background: #eee;
	color: #7a7a7a;
	border-radius: 4px;
	margin: 0 2px 4px
}

.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, .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::after,
.gallery-overlay i::before {
	content: "";
	background-color: #f4c026;
	position: absolute;
	left: 50%;
	top: 50%
}

.gallery-overlay i::before {
	width: 25px;
	height: 1px;
	-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;
	-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
}

.footer-menu {
	padding: 20px 0;
	background: #f7f7f7
}

.footer-menu .widget {
	padding: 0;
	margin: 0
}

.footer-menu ul {
	list-style: none;
	margin: 0;
	text-align: center
}

.footer-menu ul ul {
	display: none
}

.footer-menu ul li {
	display: inline-block;
	padding: 0;
	position: relative
}

.footer-menu ul li a {
	padding: 0 30px;
	display: block;
	text-transform: uppercase;
	font-weight: 600;
	font-size: .9em
}

.footer-menu ul li:after {
	content: '/';
	position: absolute;
	top: -2px;
	right: 0
}

.antispam,
.footer-menu ul li:last-child:after {
	display: none
}

@media (max-width:992px) {
	#cp-container .col-md-9.pull-right,
	.content-box .pull-right {
		float: none!important
	}
	h1,
	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
	}
	.copyright-section,
	.copyright-section ul,
	.footer-info,
	.services-content,
	.services-item {
		text-align: center
	}
	#cp-header a.logo img {
		max-width: 240px;
		height: auto!important
	}
	.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 .nav i.fa-chevron-up,
	.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 .navbar-nav li a {
		padding: 0;
		border: none
	}
	.main-nav .nav ul {
		opacity: 1;
		top: 0;
		position: relative;
		background: 0 0!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 .active>i.fa-chevron-up {
		display: block
	}
	.cp-banner-content .main-form-title br,
	.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;
		line-height: 44px;
		width: 44px;
		text-align: center;
		cursor: pointer;
		z-index: 10;
		margin: 0
	}
	#cp-branding,
	#page-banner,
	.cp-section {
		background-attachment: scroll!important
	}
	.main-nav .nav li:hover ul {
		opacity: 1;
		top: 0
	}
	.main-nav .nav ul li a {
		color: #8b898b;
		padding: 10px 5px 0
	}
	.main-nav .nav ul li a:hover {
		color: #008ed6
	}
	.main-nav .navbar-nav li.nav-phone a {
		padding: 0
	}
	.main-nav .nav li ul li ul {
		position: relative!important;
		top: 0!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:last-child ul li ul,
	.main-nav .nav li:nth-last-child(2) ul li ul {
		right: 100%;
		margin-left: 0;
		opacity: 1!important
	}
	.cp-banner-content {
		position: relative;
		top: 0;
		transform: translateY(0);
		left: 0;
		margin-top: 105px
	}
	#cp-branding {
		height: initial;
		padding: 100px 20px
	}
	.cp-banner-content h1 {
		font-size: 2.5em
	}
	.cp-section {
		padding: 50px 20px!important
	}
	.nopadding {
		padding: 0!important
	}
	.copyright-section,
	.display-table,
	.footer-content .row,
	.footer-info .nofloat,
	.footer-logo img,
	.toggle-down {
		display: block
	}
	.main-content {
		padding: 40px 0 30px!important
	}
	.content-box-image {
		height: 350px!important;
		position: relative;
		width: 100%
	}
	.big-box .content-box-entry,
	.content-box-entry {
		padding: 40px
	}
	.footer-info {
		margin: 0 0 30px
	}
	.footer-info i {
		margin: 0 0 10px
	}
	.footer-logo img {
		margin: 0 auto
	}
	.copyright-section {
		margin: 0 0 20px;
		height: 100%!important
	}
	.services-content {
		padding: 0 0 60px
	}
	.services-content h2:after {
		right: 0;
		margin: 0 auto
	}
	.services-wrap {
		padding: 0;
		margin: 0
	}
	.services-item {
		margin: 0 0 30px
	}
	.services-title i {
		margin: 0 0 15px
	}
	.blog-item {
		padding: 0
	}
	#footer .section-title {
		padding: 0 20px
	}
	#page-banner {
		padding: 270px 20px 100px
	}
	.content-section,
	.left-content,
	.right-content {
		padding: 0 0 40px
	}
	.col-content {
		padding: 0
	}
	.video-item {
		padding: 0 0 30px
	}
	.gallery-grid-item {
		width: 33.3333%
	}
	.footer-content .row .col-md-4 {
		display: block;
		max-width: 100%;
		flex: 0 0 100%
	}
}

@media (max-width:767px) {
	img.alignleft,
	img.alignright {
		float: none;
		margin: 0 auto 20px
	}
	.gallery-grid-item {
		width: 50%
	}
}

@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: 0;
		font-size: 1em;
		border: none
	}
	#cp-top ul li.social {
		display: inline-block;
		margin: 10px 2px 5px
	}
}

.section-title.wow.fadeIn.animated , 
.section-title.wow.fadeIn , 
.col-md-6.content-box-wrap.wow.fadeIn , 
.content-box-image.wow.fadeIn , 
h2.wow.fadeIn , p.wow.fadeIn ,
a.global-btn.wow.fadeIn , 
a.global-btn.btn-solid.wow.fadeIn  ,
.col-md-5.wow.fadeIn , 
.col-md-7.wow.fadeIn , 
.row.wow.fadeIn , 
.gallery-grid.wow.fadeIn
{
	animation-duration: 0s !important;
    animation-delay: 0s !important;
}

@media(max-width:425px)
{
	.cp-testimoni-box
	{
		padding: 80px 10px 100px 15px !important;
	}
	.cp-testi-wrapper
	{
		padding:0 !important;
	}
	body.page-id-260 .btn-lg 
	{
    	padding: 10px 6px !important;
    	font-size: 14px !important;
	}
}

@media(max-width:992px) and (min-width:768px)
{
	.services-item h3.col-sm-10 , .services-item .col-sm-2{
    width: 100%;
}
	body.page-id-260 .btn-lg
	{
		padding:10px 14px !important;
		font-size:16px !important;
	}
}

@media(min-width:1500px)
{
	.gallery-grid.wow.fadeIn img.img-responsive {
    width: 100% !important;
}
}

@media(max-width:992px) and (min-width:426px)
{
	body.blog .content-left {
    text-align: center !important;
}
	body.blog .blog-post h3:after{
		display:none;
	}
}

@media(max-width:320px)
{
	body.page-id-215 span.info-entry ,
	body.page-id-231 span.info-entry ,
	body.page-id-240 span.info-entry ,
	body.page-id-243 span.info-entry , 
	body.page-id-251 span.info-entry ,
	body.page-id-269 span.info-entry ,
	body.page-id-276 span.info-entry ,
	body.page-id-281 span.info-entry
	{
    	font-size: 15px !important;
}
}

@media(max-width:992px)
{
	body.page-id-243 a.btn.btn-primary.btn-sm {
    margin-bottom: 25px !important;
}
	body.page-id-276 .col-content h4 {
    text-align: center !important;
}
	body.page-id-276 .img-circle , body.page-id-276 .img-rounded
	{
		margin:0 auto !important;
	}
	body.page-id-276 .col-content .img-thumbnail 
	{
    margin: 0 auto !important;
    display: block;
}
}

