#content-region-2,
.comment-box p,
.home-slider .carousel-inner,
.recent p,
.tab-content p {
	overflow: hidden
}

.btn,
::selection {
	text-shadow: none
}

.blog-post-header-cent,
.blog-post-info,
.services-box,
.services-box i,
.slider-text,
.slider-text h1,
.social-btn li a i,
.widget-search .search-form i,
h3.heading-sec,
h3.page-tree-text {
	text-align: center
}

body {
	font-family: 'Open Sans', sans-serif !important;
	background: #fff;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	cursor: default;
	font-size: 14px;
	font-weight: 400;
	color: #0b0b0b
}

.slider-text p,
h3.subtitle {
	font-family: 'Open Sans', sans-serif;
	font-style: italic
}

html {
	-webkit-text-size-adjust: none
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0
}

a,
a:hover {
	text-decoration: none
}

a.hover-color {
	-webkit-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	transition: all .2s ease-in
}

a.hover-color:hover {
	color: #0FAF97 !important
}

img {
	max-width: 100%;
	height: auto;
	-webkit-transition: all .4s ease-in;
	-moz-transition: all .4s ease-in;
	-ms-transition: all .4s ease-in;
	-o-transition: all .4s ease-in;
	transition: all .4s ease-in
}

p.lead {
	font-weight: 400
}

.space-10 {
	width: 100%;
	height: 10px;
	clear: both
}

.space-20 {
	width: 100%;
	height: 20px;
	clear: both
}

.space-30 {
	width: 100%;
	height: 30px;
	clear: both
}

.space-40 {
	width: 100%;
	height: 40px;
	clear: both
}

.space-50,
.space-70 {
	width: 100%;
	height: 50px;
	clear: both
}

.margin-btm-20 {
	margin-bottom: 20px
}

.margin-btm-40 {
	margin-bottom: 40px
}

.padding-40 {
	padding: 40px 0
}

input[type=submit] {
	-webkit-appearance: none
}

::-moz-selection {
	color: #fff;
	text-shadow: none;
	background-color: #0FAF97
}

::selection {
	color: #fff;
	background-color: #0FAF97
}

blockquote,
p {
	margin: 0;
	margin-left: 2px;
	line-height: 22px;
	font-size: 16px;
	font-weight: 400
}

.p-news {
	padding-bottom: 10px;
	text-align: justify
}

.p-news-ital {
	text-align: justify;
	font-style: italic
}

.p-sm-s {
	line-height: 22px;
	color: #3f6673;
	font-size: 11px
}

blockquote {
	font-style: italic
}

fieldset,
iframe {
	border: 0;
	margin: 0;
	padding: 0
}

.responsive-video {
	width: 100%;
	position: relative;
	padding: 50.25% 0 0
}

.responsive-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.form-box {
	padding: 15px;
	background: #fff;
	box-shadow: 0 1px 2px #999;
	-webkit-box-shadow: 0 1px 2px #999
}

.form-control,
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
select,
textarea {
	display: inline-block;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	border: 1px solid #ddd;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .1) inset;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .1) inset;
	font-size: 12px;
	color: #3d3d3d;
	height: 40px;
	background: #FFF;
	-webkit-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	transition: all .2s ease-in
}

.navbar .dropdown-menu li a,
.services-box i {
	-o-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in
}

.form-control:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=color]:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=time]:focus,
input[type=week]:focus,
textarea:focus {
	border: 1px solid #b3b3b3;
	background: #FFF;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	font-weight: inherit
}

h1 {
	font-size: 46px;
	line-height: 50px;
	margin-bottom: 20px
}

h2 {
	font-size: 35px;
	line-height: 40px;
	margin-bottom: 10px
}

h3 {
	font-size: 28px;
	line-height: 34px;
	margin-bottom: 8px
}

h4 {
	font-size: 19px;
	line-height: 28px;
	margin-bottom: 4px;
	font-weight: 600
}

h5 {
	font-size: 15px;
	line-height: 24px
}

h6 {
	font-size: 14px;
	line-height: 21px
}

em {
	font-style: italic
}

strong {
	font-weight: 700
}

small {
	font-size: 80%
}

h3.subtitle {
	font-weight: 800;
	font-size: 18px;
	color: #b3b3b3
}

h3.heading-sec,
h4.heading-mini {
	font-weight: 600;
	color: #000;
	text-transform: uppercase
}

h4.heading-mini {
	font-size: 18px;
	margin-bottom: 30px
}

h4.heading-light {
	font-size: 18px;
	font-weight: 400;
	color: #fff
}

h3.heading-sec {
	display: block;
	margin-bottom: 40px;
	font-size: 23px
}

.header-main {
	width: 100%
}

.navbar-default {
	background-color: #fff;
	border-color: #eee;
	-webkit-box-shadow: 0 5px 6px -6px #ccc;
	-moz-box-shadow: 0 5px 6px -6px #ccc;
	box-shadow: 0 5px 6px -6px #ccc;
	width: 100%;
	padding: 10px 0
}

.navbar {
	border-radius: 0;
	margin-bottom: 0
}

.navbar-brand {
	color: #555 !important;
	font-weight: 700;
	font-size: 25px;
	text-transform: uppercase
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
	color: #fff
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
	background-color: #fff;
	color: #0FAF97
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
	color: #0FAF97;
	background-color: transparent
}

.navbar-default .navbar-nav>li>a {
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase
}

.sticky-nav {
	width: 100%;
	z-index: 999
}

.navbar .dropdown-menu {
	padding: 0;
	margin: 0;
	min-width: 190px;
	background-color: #fff;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border-top: 2px solid #0FAF97 !important
}

.navbar .dropdown-menu li a {
	color: #888;
	padding: 9px 20px;
	border-bottom: 1px solid #e7e7e7;
	font-weight: 400;
	font-size: 13px;
	text-transform: uppercase;
	-webkit-transition: all .2s ease-in;
	transition: all .2s ease-in
}

.navbar .dropdown-menu li:last-child a {
	border-bottom: none
}

.navbar .dropdown-menu li a:hover {
	background: #0FAF97;
	color: #fff
}

.top-bar {
	background-color: #f9f9f9
}

.top-bar .info {
	margin: 0
}

.top-bar .info li {
	display: table-cell;
	vertical-align: middle;
	height: 40px;
	color: #fff;
	font-weight: 400;
	font-size: 14px
}

.top-bar .info li a {
	color: #fff;
	margin-right: 10px
}

.top-bar-a {
	background-color: rgba(0, 188, 212, 0.1)
}

.slider-reg {
	width: 100%
}

.main-flex-slider {
	position: relative
}

.main-flex-slider .flex-control-nav {
	bottom: 30px;
	margin: 0;
	height: 14px;
	z-index: 10
}

.main-flex-slider .flex-control-paging li a {
	background-color: #fff !important
}

.main-flex-slider .flex-control-paging li a.flex-active {
	background-color: #0FAF97 !important
}

.slider-overlay {
	background: rgba(0, 0, 0, .4);
	background-repeat: repeat;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0
}

.portfolio-sec,
.widget-search .search-form {
	position: relative
}

.slider-text h1 {
	color: #fff;
	margin-top: 150px;
	font-size: 50px;
	font-weight: 800;
	margin-bottom: 15px;
	text-transform: uppercase
}

@media(max-width:1024px) {
	.slider-text h1 {
		margin-top: 100px
	}
}

.slider-text p {
	color: #fff;
	font-size: 20px
}

.slide-btn {
	margin-top: 40px;
	font-family: 'Open Sans', sans-serif !important;
	font-style: normal !important
}

.error-text h3,
.form-btm-link span,
h3.page-tree-text {
	font-family: 'Open Sans', sans-serif;
	font-style: italic
}

.slide-btn .btn-white {
	padding: 14px 25px
}

.services-box {
	margin-bottom: 10px;
	padding: 15px 10px
}

.services-box i {
	color: #0FAF97;
	font-size: 24px;
	margin-bottom: 15px;
	width: 70px;
	height: 70px;
	line-height: 70px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	border: 2px solid #0FAF97;
	-webkit-transition: all .2s ease-in;
	transition: all .2s ease-in
}

.services-box h1 {
	font-size: 20px;
	margin-bottom: 0;
	color: #333
}

.services-box:hover i {
	border-color: #0FAF97;
	background-color: #0FAF97;
	color: #fff
}

.services-icon i {
	color: #0FAF97;
	width: 80px;
	line-height: 80px;
	height: 80px;
	font-size: 34px;
	text-align: center;
	background-color: #fff;
	border-radius: 50%;
	-webkit-border-radius: 50%
}

.services-text h4 {
	color: #fff;
	margin-bottom: 15px
}

.features h3 {
	font-weight: 800;
	color: #fff
}

.features p {
	color: #fff
}

#content-region-1 {
	background-color: #000
}

#content-region-2 {
	padding: 80px 0;
	width: 100%
}

.portfolio-sec {
	border: 1px solid #eee;
	color: #000;
	background-color: #fff
}

.portfolio-thumnail img {
	width: 100%;
	height: auto
}

.portfolio-desc {
	padding: 10px 0
}

h4.portfolio-post-title {
	margin-bottom: 5px;
	font-size: 15px;
	font-weight: 800;
	letter-spacing: 2px
}

.portfolio-post-cat {
	display: block;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 10px;
	color: #999
}

.portfolio-desc .theme-btn-default {
	margin-bottom: -50px
}

.flexslider {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-o-box-shadow: none !important
}

.portfolio-single-desc h3 {
	color: #000;
	font-size: 23px;
	font-weight: 800
}

.portfolio-filters {
	margin-bottom: 30px;
	list-style: none;
	padding: 0
}

.portfolio-filters li {
	display: inline-block;
	border: 1px solid #eee;
	padding: 10px 16px;
	cursor: pointer;
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 5px
}

.portfolio-filters li.active {
	background-color: #0FAF97;
	color: #fff;
	border-color: #0FAF97
}

#grid .mix {
	display: none;
	opacity: 0
}

.news-sec {
	border: 1px solid #eee;
	color: #000;
	background-color: #fff
}

.blog-post-title {
	margin-bottom: 5px
}

.blog-post-title a {
	font-size: 15px;
	font-weight: 800;
	letter-spacing: 2px;
	color: #000
}

.news-desc {
	padding: 10px 20px
}

.news-post-cat {
	display: block;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 10px;
	color: #999;
	margin-bottom: 10px
}

.news-desc p {
	color: #3d3d3d
}

.news-thumnail img {
	opacity: .8;
	filter: alpha(opacity=80)
}

.news-thumnail img:hover {
	opacity: 1;
	filter: alpha(opacity=100)
}

.blog-post-section {
	padding: 3px 3px 20px
}

.blog-post-section-bord {
	padding: 15px 15px;
	border: 2px solid #eee;
	border-radius: 3px
}

.blog-post-section-hr {
	padding: 3px 5px;
	border-bottom: 1px solid #62a7d9;
	margin-bottom: 10px
}

.blog-post-section-news {
	padding: 3px 5px;
	border-top: 1px solid #62a7d9;
	border-bottom: 1px solid #62a7d9;
	margin-bottom: 10px
}

.blog-post-img {
	margin-bottom: 30px
}

.blog-post-header h3 {
	font-weight: 600;
	font-size: 24px;
	text-transform: uppercase;
	margin-bottom: 10px
}

.blog-post-detail,
.blog-post-info,
.blog-post-more,
.sidebar-box {
	margin-bottom: 15px
}

.blog-post-header h3 a {
	color: #000
}

.blog-post-info span {
	font-weight: 600;
	font-size: 11px;
	text-transform: uppercase;
	color: #999
}

.blog-post-info span a {
	color: #666
}

.sidebar-box h4 {
	color: #000;
	font-size: 13px;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 15px;
	margin-left: 2px
}

.sidebar-box h4:first-letter {
	border-bottom: 3px solid #0FAF97
}

/*.comment-box, .comment-form-wrapper, .post-comment-wrapper {
	border-bottom:1px solid #eee}*/
.widget-search .search-form i {
	position: absolute;
	top: 0;
	right: 10px;
	line-height: 38px;
	color: #999
}

.cat-list {
	padding: 0;
	list-style: none
}

.cat-list li {
	padding: 3px 0
}

.cat-list li a {
	color: #555;
	font-weight: 800;
	font-size: 12px;
	text-transform: uppercase
}

.recent {
	width: 100%;
	float: left
}

.recent a:focus,
a:hover {
	background-color: #F2F5F9
}

.recent span img {
	float: left;
	margin-right: 10px;
	margin-bottom: 1px;
	margin-left: 10px;
	width: 138px;
	height: 138px
}

.recent p {
	margin: 0;
	margin-top: 5px;
	line-height: 20px;
	font-size: 16px;
	font-weight: 600
}

.recent p a {
	color: #555
}

.recent .recent-date {
	font-size: 10px;
	color: #999;
	font-weight: 800;
	text-transform: uppercase
}

.recent-sm {
	width: 100%
}

.recent-sm a:focus,
a:hover {
	background-color: #F2F5F9
}

.recent-sm span img {
	float: left;
	margin-right: 5px;
	margin-bottom: 1px;
	margin-left: 5px;
	width: 70px;
	height: 70px
}

.recent-sm span img:hover {
	opacity: 0.8;
	filter: alpha(opacity=80)
}

.recent-sm p {
	margin: 0;
	line-height: 18px;
	font-size: 13px;
	font-weight: 400;
	height: 72px;
	overflow: hidden
}

.recent-sm p a {
	color: #555
}

.recent-sm .recent-sm-date {
	font-size: 10px;
	color: #999;
	font-weight: 800;
	text-transform: uppercase
}

.recent-sm-txt {
	width: 100%
}

.recent-sm-txt a:focus,
a:hover {
	background-color: #F2F5F9
}

.recent-sm-txt span img {
	float: left;
	margin-right: 5px;
	margin-bottom: 1px;
	margin-left: 5px;
	width: 70px;
	height: 70px
}

.recent-sm-txt span img:hover {
	opacity: 0.8;
	filter: alpha(opacity=80)
}

.recent-sm-txt p {
	margin: 0;
	line-height: 18px;
	font-size: 13px;
	font-weight: 400;
	height: 55px;
	overflow: hidden
}

.recent-sm-txt p a {
	color: #555
}

.recent-sm-txt .recent-sm-date {
	font-size: 10px;
	color: #999;
	font-weight: 800;
	text-transform: uppercase
}

.sidebar-box .social-btn li a i {
	background-color: #000;
	color: #fff
}

.comment-box span,
.comment-form-wrapper h3,
.post-comment-wrapper h3 {
	color: #9a9a9a
}

.post-comment-wrapper {
	padding: 20px 0;
	display: block;
	clear: both
}

.post-comment-wrapper h3 {
	font-size: 20px;
	margin-bottom: 20px
}

.comment-box {
	margin: 15px 0;
	padding: 10px 0;
	border-bottom: 1px solid #eee
}

.comment-box img {
	float: left;
	margin-right: 15px;
	width: 50px;
	height: 50px
}

.comment-box span {
	font-size: 12px;
	font-weight: 600;
	display: block;
	color: #2b587a;
	margin-bottom: 5px
}

.comment-box p {
	font-size: 12px;
	font-weight: 400;
	display: block;
	margin-bottom: 5px
}

.p-sm-com {
	line-height: 17px;
	color: #3f6673;
	font-size: 12px
}

.vk-header {
	background: #dae2e8;
	padding: 4px 4px 4px 6px;
	margin-bottom: 10px
}

.vk-header-text {
	padding: 2px 3px 1px;
	line-height: 100%;
	color: #45688e;
	font-weight: 700
}

.comment-form-wrapper {
	padding: 40px 0
}

.comment-form-wrapper h3 {
	font-size: 20px;
	margin-bottom: 20px
}

.comment-form-wrapper .form-control {
	margin-bottom: 15px
}

.btn {
	font-weight: 700;
	font-size: 10px;
	text-transform: uppercase;
	-webkit-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	transition: all .2s ease-in;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	display: inline-block;
	letter-spacing: 1px
}

.btn:focus,
.btn:hover {
	color: #fff;
	outline: 0
}

.btn-white {
	background-color: transparent;
	color: #fff;
	border-radius: 0;
	border: 2px solid #fff
}

.btn-white:hover {
	background-color: #fff;
	color: #222
}

.btn-big {
	font-size: 18px;
	padding: 10px 50px
}

.theme-btn-default {
	background-color: #fff;
	border: 1px solid #eee;
	color: #555
}

.theme-btn-default:hover {
	color: #fff;
	background-color: #000;
	border-color: #000
}

.theme-btn-color {
	background-color: #fff;
	border: 1px solid #62a7d9;
	color: #62a7d9
}

.theme-btn-color:hover {
	color: #fff;
	background-color: #62a7d9;
	border-color: #62a7d9
}

.theme-btn-color-gr {
	background-color: #e62929;
	border: 1px solid #e62929;
	border-radius: 20px;
	color: #fff
}

.theme-btn-color-gr:hover {
	color: #fff;
	background-color: #ff1b1b;
	border-color: #ff1b1b
}

.testimonials p.testi-text {
	color: #fff;
	font-size: 20px;
	font-weight: 300;
	margin-bottom: 20px
}

.testimonials span.testi-person {
	font-weight: 400;
	color: #fff
}

#footer {
	background-color: #3c4e52;
	padding: 5px 0 30px
}

.footer-col h3 {
	font-size: 13px;
	font-weight: 800;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 30px
}

.footer-col h3:first-letter {
	border-bottom: 5px solid #0FAF97
}

.footer-col p {
	font-size: 14px;
	color: #b3b3b3
}

.post-list li a {
	color: #b3b3b3;
	font-weight: 400;
	font-size: 13px;
	display: block;
	padding: 8px 0;
	border-bottom: 1px solid #444
}

.footer-col form .form-control {
	background-color: #111;
	border: none;
	color: #fff;
	margin-bottom: 15px
}

.footer-col form .form-control:focus {
	background-color: #333;
	border: none
}

.footer-col form textarea {
	background-color: #111;
	border: none;
	color: #fff
}

.footer-col form textarea:focus {
	background-color: #333;
	border: none
}

.footer-col .social-btn li a i {
	color: #fff;
	border: 2px solid #fff
}

.footer-col .social-btn li a i:hover {
	background-color: #0FAF97;
	border-color: #0FAF97
}

.footer-bottom {
	border-top: 1px solid #fff;
	padding-top: 10px
}

.footer-bottom span {
	color: #fff;
	font-weight: 800
}

.social-btn li a i {
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 50%;
	margin-bottom: 5px
}

.page-tree-bg {
	padding: 10px 0
}

h3.page-tree-text {
	color: #fff;
	margin: 0
}

.pagination li a {
	color: #999
}

.pagination li a:hover {
	color: #fff;
	background-color: #0FAF97;
	border-color: #0FAF97
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	z-index: 2;
	color: #fff;
	background-color: #0FAF97;
	border-color: #0FAF97;
	cursor: default
}

.icon-list li {
	padding: 5px 0
}

.icon-list li i {
	color: #0FAF97;
	margin-right: 10px
}

.person-section {
	border: 5px solid #eee;
	border-radius: 3px
}

.person-section-hr {
	/* border: 1px solid #cadeed; */
	background-color: #fff;
	margin-bottom: 20px;
	margin-left: 30px;
	margin-right: 30px;
	padding-bottom: 10px
}

@media(max-width:1024px) {
	.person-section-hr {
		margin-left: 4px;
		margin-right: 4px
	}
}

.person-section-hr:hover {
	opacity: 0.85;
	filter: alpha(opacity=85)
}

.person-section-nr {
	background-color: #fff;
	margin-bottom: 20px;
	padding-bottom: 10px
}

.person-section-nr:hover {
	opacity: 0.85;
	filter: alpha(opacity=85)
}

.person-section-sm {
	padding: 9px 7px;
	background-color: #fff;
	border-top: 1px solid #62a7d9;
	border-bottom: 1px solid #62a7d9;
	margin-bottom: 4px
}

.person-desc {
	padding-top: 8px;
	/* padding-left: 1px; */
	height: 93px;
	overflow: hidden
}

.person-desc h3 {
	color: #000;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 14px;
	margin-bottom: 2px
}

.person-desc span {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 10px;
	color: #3d3d3d;
	margin-left: 10px
}

.person-desc p {
	text-align: left
}

.team.social-btn li a i {
	color: #3d3d3d;
	border: 2px solid #3d3d3d
}

.hire-sec .services-icon i {
	background-color: #0FAF97;
	color: #fff
}

.hire-sec .services-text .heading-mini {
	margin-bottom: 10px;
	color: #333
}

.process-box {
	text-align: center;
	padding: 30px 0
}

.process-box h2 {
	font-size: 25px
}

.process-box i {
	font-size: 54px;
	color: #0FAF97;
	margin-bottom: 20px
}

h3.heading-progress {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 3px
}

.progress {
	height: 15px;
	line-height: 10px;
	box-shadow: none;
	-webkit-box-shadow: none;
	background: #E9E9E9;
	border-radius: 0
}

.my-login-form,
.pricing-wrapper {
	border: 1px solid #eee
}

.progress-bar {
	line-height: 10px;
	background: #0FAF97;
	box-shadow: none;
	-webkit-box-shadow: none
}

.my-login-form {
	padding: 30px 20px
}

.form-btm-link a {
	color: #0FAF97
}

.form-btm-link a:hover {
	text-decoration: underline
}

.form-btm-link span {
	margin: 0 20px;
	font-size: 23px
}

.error-digit {
	font-size: 50px
}

.my-contact-form form input,
.my-contact-form textarea {
	background-color: #f7f7f7
}

#map-canvas {
	width: 100%;
	height: 400px
}

.pricing-head {
	padding: 20px 10px;
	background-color: #000;
	text-align: center
}

.pricing-head h3 {
	margin: 0;
	color: #fff
}

.pricing-rate {
	padding: 30px 10px;
	background-color: #0FAF97;
	text-align: center
}

.pricing-rate h1 {
	color: #FFF;
	margin: 0
}

.pricing-rate h1 small {
	color: #E9E9E9;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: 700
}

.pricing-desc ul {
	padding-left: 0;
	margin: 0
}

.pricing-desc ul li {
	padding: 12px 20px;
	border-bottom: 1px solid #eee
}

.pricing-select {
	padding: 10px 20px;
	text-align: center
}

.pricing-select a {
	display: block
}

.price-faq-box {
	padding: 20px 0;
	border-bottom: 1px solid #eee
}

.price-faq-box h3 {
	font-size: 20px
}

.tabs .nav-tabs {
	border-bottom: none
}

.tabs .nav-tabs li {
	margin-bottom: 0
}

@media (max-width:767px) {
	.tabs .nav-tabs li {
		width: 100%;
		float: none;
		margin-bottom: 2px
	}

	.tabs .nav-tabs li a {
		margin-right: 0 !important
	}

	.tabs .nav-tabs li.active a {
		border-bottom: 2px solid #dcdcdc !important
	}
}

.tabs .nav-tabs li a {
	background: #f7f7f7;
	margin-right: 2px;
	border-left: 1px solid #f7f7f7;
	border-right: 1px solid #f7f7f7;
	border-bottom: none !important;
	border-radius: 0;
	padding: 12px 20px;
	color: #6d6d6d;
	position: relative
}

.tabs .nav-tabs li a:after,
.tabs .nav-tabs li a:before {
	content: "";
	display: block;
	position: absolute
}

.tabs .nav-tabs li a:after {
	top: -1px;
	left: -1px;
	right: -1px;
	height: 3px
}

.tabs .nav-tabs li a:before {
	bottom: -1px;
	left: 0;
	right: 0;
	height: 1px
}

.tabs .nav-tabs li a:hover {
	border-color: #f7f7f7
}

.tabs .nav-tabs>li>a .fa {
	margin-right: 4px
}

.tabs .nav-tabs li.active a {
	color: #0FAF97;
	border-left-color: #eee;
	border-right-color: #eee;
	background: #fff
}

.tabs .nav-tabs li.active a:after {
	background: #0FAF97
}

.tabs .nav-tabs li.active a:before {
	background: #fff
}

.tabs .nav-tabs li.active a:hover {
	border-bottom-color: #fff
}

.tabs .tab-content {
	padding: 15px 8px;
	border: 1px solid #eee;
	background: #fff
}

.tabs .tab-content:after,
.tabs .tab-content:before {
	content: " ";
	display: table
}

.tabs .tab-content:after {
	clear: both
}

.tabs .tab-content p:last-child {
	margin-bottom: 0
}

@media(max-width:768px) {
	.slider-text h1 {
		margin-top: 70px;
		font-size: 2em
	}

	.slider-text p {
		display: none
	}

	.main-flex-slider .flex-control-nav {
		bottom: 10px;
		margin: 0;
		height: 14px;
		z-index: 10
	}
}

@media(max-width:433px) {
	.slider-text h1 {
		margin-top: 30px;
		font-size: 16px
	}
}

.home-slider {
	width: 100%
}

.carousel {
	position: relative
}

.home-slider .carousel-inner {
	position: relative;
	width: 100%
}

.home-slider .carousel-inner .item {
	overflow: hidden;
	width: 100%;
	height: 550px;
	background-color: #333 !important;
	padding: 100px 0 0
}

#item-1 {
	width: 100%
}

#item-2 {
	width: 100%
}

#item-3 {
	width: 100%
}

a.carousel-control {
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	position: absolute;
	display: block;
	top: 50%;
	margin-top: -25px;
	background-image: none !important;
	font-size: 52px;
	font-weight: 300;
	cursor: pointer
}

a.carousel-control i {
	color: #fff
}

.slider-wrapper {
	margin-top: 100px
}

.slider-2img,
.slider-video-wrapper,
.slider-wrapper-2,
.slider-wrapper-3 {
	margin-top: 60px
}

.slider-wrapper h1 {
	color: #fff;
	font-weight: 300
}

.slider-wrapper p {
	color: #fff;
	font-size: 20px;
	font-weight: 300;
	margin-bottom: 30px
}

.slider-wrapper-2 h1 {
	color: #fff;
	font-weight: 300
}

.slider-wrapper-2 p {
	color: #fff
}

.slider-wrapper-3 h1 {
	color: #fff;
	font-weight: 300
}

.slider-wrapper-3 p {
	color: #fff;
	font-size: 18px;
	font-weight: 300
}

#footer-option .footer-col,
.footer-col a.tweet-day,
.footer-copyright span {
	font-size: .9em
}

.delay-1 {
	-webkit-animation-delay: .3s;
	-moz-animation-delay: none;
	animation-delay: .3s;
	-o-animation-delay: none
}

.delay-2,
.delay-3 {
	-moz-animation-delay: none
}

.delay-2 {
	-webkit-animation-delay: .6s;
	animation-delay: .6s;
	-o-animation-delay: none
}

.delay-3 {
	-webkit-animation-delay: .9s;
	animation-delay: .9s;
	-o-animation-delay: none
}

.delay-4,
.delay-5 {
	-moz-animation-delay: none
}

.delay-4 {
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
	-o-animation-delay: none
}

.delay-5 {
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
	-o-animation-delay: none
}

.delay-6 {
	-webkit-animation-delay: 1.8s;
	-moz-animation-delay: none;
	animation-delay: 1.8s;
	-o-animation-delay: none
}

@media(max-width:767px) {
	.slider-wrapper {
		text-align: center
	}

	.slider-wrapper-2,
	.slider-wrapper-3 {
		text-align: center;
		margin-top: 50px
	}

	.carousel-indicators {
		bottom: 20px
	}
}

@media(max-width:360px) {
	a.carousel-control {
		display: none
	}

	.carousel-inner .item {
		padding: 20px 0 0
	}

	.slider-wrapper,
	.slider-wrapper-2,
	.slider-wrapper-3 {
		margin-top: 20px
	}

	.carousel-indicators {
		bottom: 0
	}
}

.photo-card {
	background-color: #fff;
	width: 100%;
}

.photo-card .photo-card--img-container {
	display: block;
	position: relative;
	overflow: hidden;
	height: auto;
	background-color: #fff;
	width: 100%;
	padding-bottom: 35%;
}

.photo-card .photo-card--img {
	width: 100%;
	position: absolute;
}

.photo-card .photo-card--copyright {
	position: absolute;
	/* right: 0; */
	/* bottom: 0; */
	padding: 5px;
	background-color: rgba(34, 44, 46, 0.72);
	color: #fff;
	font-size: 31px;
	font-weight: 400;
	border-top-left-radius: 5px;
}

@media(max-width:1199px) {
	.photo-card .photo-card--copyright {
		font-size: 20px;
	}
}

@media(max-width:991px) {
	.photo-card .photo-card--copyright {
		font-size: 18px;
	}
}

@media(max-width:767px) {
	.photo-card .photo-card--copyright {
		font-size: 16px;
	}
}

@media(max-width:432px) {
	.photo-card .photo-card--copyright {
		font-size: 12px;
	}
}

.photo-card .photo-card-copyright-big {
	position: absolute;
	/* right: 0; */
	/* bottom: 0; */
	padding: 5px;
	background-color: rgba(45, 53, 54, 0.7);
	color: #fff;
	font-size: 38px;
	font-weight: 600;
	border-top-left-radius: 5px;
}

@media(max-width:1199px) {
	.photo-card .photo-card-copyright-big {
		font-size: 32px;
	}
}

@media(max-width:991px) {
	.photo-card .photo-card-copyright-big {
		font-size: 29px;
	}
}

@media(max-width:767px) {
	.photo-card .photo-card-copyright-big {
		font-size: 24px;
	}
}

@media(max-width:432px) {
	.photo-card .photo-card-copyright-big {
		font-size: 20px;
	}
}

.footer-col a.tweet-ac,
.footer-col a.tweet-day {
	display: block;
	color: #fff
}

#footer-option {
	background: #121214;
	border-top: 8px solid #0FAF97;
	margin-top: 50px;
	padding: 80px 0 0;
	position: relative;
	clear: both
}

#footer-option .footer-col .theme-btn-color {
	height: 34px
}

#footer-option .footer-col .form-control {
	height: 34px;
	background-color: #eee;
	color: #333;
	margin-bottom: 0
}

.footer-col .tweet-desc {
	margin: 5px 0
}

.footer-col .tweet-desc i {
	margin-right: 10px
}

.footer-col hr {
	border-color: #333
}

.footer-copyright {
	background: #0C0C0C;
	border-top: 4px solid #111;
	margin-top: 40px;
	padding: 30px 0
}

.footer-nav {
	margin: 0;
	padding: 0;
	text-align: right
}

.footer-nav li a {
	color: #fff;
	font-size: .9em
}

.footer-nav li a:hover {
	color: #0FAF97
}

@media(max-width:768px) {
	.footer-copyright .footer-logo {
		text-align: center;
		margin-bottom: 10px
	}

	.footer-copyright .footer-nav,
	.footer-copyright p {
		text-align: center
	}
}

.navbar-inverse {
	background-color: #223741;
	border: none;
	border-radius: 0;
	opacity: .95;
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, .15);
	box-shadow: 0 1px 5px rgba(0, 0, 0, .15);
	padding: 10px 0;
	width: 100%
}

.navbar-inverse .navbar-nav>li>a {
	color: #eee;
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>li>a:hover {
	background-color: transparent;
	color: #0FAF97
}

.soc-ok {
	margin-bottom: 20px;
}

.wrapper {
	overflow: hidden;
}

.price {
	font-size: 24px;
	color: #fff;
	font-weight: 700;
	max-width: 208px;
	padding: 10px 10px;
	border-radius: 5px;
	background: red;
	/* animation: flash 5s linear infinite;
	transition: all .3s linear; */
}

/* @keyframes flash {
	0% {
		color: #fff;
	}
	25% {
		color: green;
	}
	50% {
		color: #000;
	}
	100% {
		color: #0FAF97;
	}
} */

@media (max-width: 415px) {
	.footer-col.pull-right {
		float: left !important;
	}
}
@media (max-width: 514px) {
	.firstImg {
		float: unset !important;
		margin: 0 auto !important;
		display: block;
		width: 100% !important;
	}
}
@media (max-width: 800px) {
	.col-xs-11 {
		width: 100% !important;
	}
	.sidebar {
		display: none;
	}
	.col-sm-9 {
		width: 100% !important;
	}
}

.popup {
    position: fixed;
    padding: 20px;
    border-radius: 6px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .05);
    width: 300px;
    bottom: 20px;
    left: 50px;
    background-color: #fff;
    z-index: 999;
    display: none;
}

.popup a {
	color: #2bafe9;
}

.popup p {
    text-align: start !important;
    text-indent: 0;
}

.policy {
    padding: 20px;
    text-align: center;
    background-color: #fff;
    margin-top: 20px;
}

.policy a {
    font-size: 14px;
}

.popup__buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.popup__button {
    padding: 10px 0;
    flex: 0 0 48%;
    color: #fff;
    cursor: pointer;
    text-align: center;
	margin-top: 20px;
}

.popup__button:not(.active) {
    border: 1px solid #333;
    color: #333;
}

.popup__button.active {
    background-color: #2bafe9;
}

.popup .close {
    position: absolute;
    top: 5px;
    right: 15px;
}

@media screen and (max-width: 576px) {
    .popup {
        width: 250px;
        left: 10px;
    }

    .popup p {
        font-size: 12px;
    }

    .popup__button {
        font-size: 12px;
    }
}