@import url('../css/custom.css');
@import url('../css/owl.carousel.css');
@import url('../css/owl.theme.default.css');
@import url('../css/font-icons.css');
/* @import url('../css/widget.css'); */
@import url('../css/sponser-widget.css');
@import url('../css/newstyle.css');
@import "https://fonts.googleapis.com/css?family=Lato|Montserrat:500,700";
body {
font-family: lato, sans-serif;
font-weight: 400;
font-size: 13px;
line-height:1.3;
overflow-x: hidden
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0;
font-family: montserrat, sans-serif;
font-weight: 700
}
h1 {
font-size: 3em
}
h3 {
font-size: 1.6em;
line-height: 1.4em
}
p {
font-size: 14px;
font-family: lato, sans-serif;
margin: 0;
line-height: 24px;
font-weight: 400
}
a {
color: #444;
/*-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear*/
cursor:pointer;
}
a:hover, a:focus {
	color: #03a9f4
}
img {
	max-width: 100%
}
ul {
	margin: 0;
	padding: 0
}
ul li {
	list-style: none;
	margin: 0
}
ol {
	list-style: none
}
a:hover, a:focus {
	text-decoration: none;
	outline: none
}
.center {
	text-align: center
}
.btn i {
	margin-right: 5px;
	margin-left: 5px
}
::selection {
	background: #03a9f4;
	color: #fff
}
::-moz-selection {
background:#03a9f4;
color:#fff
}
.block-title {
	margin: 0 0 20px
}
h3.block-title {
	font-size:18px;
	color: #555;
	text-transform: uppercase;
	padding-bottom: 5px
}
.btn {
	padding: 10px 22px;
	/*color: #fff;*/
	border-radius: 4px;
	position: relative;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.1), 0 2px 5px 0 rgba(0,0,0,.15);
	border: none
}
.btn:focus, .btn:hover {
	color: #fff;
	outline: none;
/*	box-shadow: 0 5px 11px 0 rgba(0,0,0,.15), 0 4px 15px 0 rgba(0,0,0,.15)*/
}
.btn-common, .btn-primary {
	background: #03a9f4;
	color:#fff;
}
.btn-common:hover, .btn-primary:hover {
	background: #17bdff;
	color:#fff;
}
.fileinput-remove-button {
	background: #d9534f
}
.btn-danger:hover, .fileinput-remove-button:hover {
	background: #ed6763
}
.fileinput-upload {
	background: #5cb85c
}
.fileinput-upload:hover {
	background: #70cc70
}
.btn-border {
	background: #4285f4;
	padding: 16px 36px!important;
	text-transform: uppercase;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.18), 0 2px 5px 0 rgba(0,0,0,.15)
}
.btn-border:hover {
	opacity: .8;
	color: #fff;
	box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15)
}
.btn-search {
	padding: 12px;
	border-radius: 0
}
.btn-sm {
	font-size: 13px;
	padding: 4px 8px;
	line-height: 1.5;
	margin-bottom: 5px;
	border: none
}
.btn-xs {
	border-radius: 0;
	font-size: 12px;
	line-height: 1.5;
	padding: 1px 5px
}
.btn-rm {
	padding: 10px 21px;
	margin-top: 30px;
	text-transform: capitalize
}
.btn-post {
	padding: 10px 16px
}
/*a:not([href]):not([tabindex]) {
	color: #fff
}
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
	color: #fff
}*/
.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-danger.dropdown-toggle:focus {
	box-shadow: none
}
#color-style-switcher .bottom a i {
	color: #03a9f4
}
/*.wrapper {
	padding:60px 0;
}*/
.section {
	padding: 60px 0
}
.section-title {
	font-size: 24px;
	letter-spacing: .1em;
	padding: 20px 0;
	text-transform: uppercase;
	font-weight:600;
	color:#151515;
	text-align: center;
}
.title-2 {
	border-bottom: 1px solid #e6e6e6;
	font-size: 15.5px;
	margin-bottom: 10px;
	padding: 15px 0;
	width: 100%;
	display: flex;
	align-items: center;
	text-transform: uppercase;
	color: #03a9f4
}
#content {
	padding:120px 0
}
.main-container {
	padding:120px 0px 0px 0px;
}
section{padding:30px 0;}

.tbtn {
	color: #fff!important;
	font-size: 30px;
	height: 42px;
	width: 105px;
	padding: 8px 15px;
	cursor: pointer;
	position: fixed;
	background: #e74c3c;
	z-index: 999;
	top: 124px;
	left: 0
}
.page-header {
	padding: 40px 0;
	margin-top: 77px;
	border-top: 1px solid #eee
}
.page-header .page-title {
	font-size: 30px;
	line-height: 38px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	text-align: center
}
.breadcrumb-wrapper {
	text-align: center
}
.breadcrumb {
	font-size: 14px;
	color: #3498db;
	border-radius: 0;
	background: #f7f7f7;
	padding: 5px 15px;
	position: absolute;
	z-index: 1;
	margin-top: 64px
}
.breadcrumb a {
	color: #444
}
.breadcrumb a:hover {
	color: #03a9f4
}
.no-padding {
	padding: 0!important
}
select.form-control {
	border: 0;
	outline: 1px solid #ddd;
	box-shadow: 0 1px 1px rgba(0,0,0,.075);
	border-radius: 0;
	height: 46px !important;
}
select.form-control:focus {
	border: 0;
	outline: 1px solid #ddd;
	background-color: #fff;
	box-shadow: 0 1px 1px rgba(0,0,0,.075)
}
#loader {
	position: fixed;
	background: #fff;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999999
}
.sk-folding-cube {
	margin: 0 auto;
	top: 50%;
	width: 50px;
	height: 50px;
	position: relative;
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg)
}
.sk-folding-cube .sk-cube {
	float: left;
	width: 50%;
	height: 50%;
	position: relative;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}
.sk-folding-cube .sk-cube:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #03a9f4;
	-webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
	animation: sk-foldCubeAngle 2.4s infinite linear both;
	-webkit-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	transform-origin: 100% 100%
}
.sk-folding-cube .sk-cube2 {
	-webkit-transform: scale(1.1) rotateZ(90deg);
	transform: scale(1.1) rotateZ(90deg)
}
.sk-folding-cube .sk-cube3 {
	-webkit-transform: scale(1.1) rotateZ(180deg);
	transform: scale(1.1) rotateZ(180deg)
}
.sk-folding-cube .sk-cube4 {
	-webkit-transform: scale(1.1) rotateZ(270deg);
	transform: scale(1.1) rotateZ(270deg)
}
.sk-folding-cube .sk-cube2:before {
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}
.sk-folding-cube .sk-cube3:before {
	-webkit-animation-delay: .6s;
	animation-delay: .6s
}
.sk-folding-cube .sk-cube4:before {
	-webkit-animation-delay: .9s;
	animation-delay: .9s
}
@-webkit-keyframes sk-foldCubeAngle {
0%, 10% {
-webkit-transform:perspective(140px) rotateX(-180deg);
transform:perspective(140px) rotateX(-180deg);
opacity:0
}
25%, 75% {
-webkit-transform:perspective(140px) rotateX(0deg);
transform:perspective(140px) rotateX(0deg);
opacity:1
}
90%, 100% {
-webkit-transform:perspective(140px) rotateY(180deg);
transform:perspective(140px) rotateY(180deg);
opacity:0
}
}
@keyframes sk-foldCubeAngle {
0%, 10% {
-webkit-transform:perspective(140px) rotateX(-180deg);
transform:perspective(140px) rotateX(-180deg);
opacity:0
}
25%, 75% {
-webkit-transform:perspective(140px) rotateX(0deg);
transform:perspective(140px) rotateX(0deg);
opacity:1
}
90%, 100% {
-webkit-transform:perspective(140px) rotateY(180deg);
transform:perspective(140px) rotateY(180deg);
opacity:0
}
}
#hero-area {
	background: url(../img/bg/bg1.jpg) no-repeat;
	background-size: cover;
	color: #fff;
	overflow: hidden;
	position: relative
}
#hero-area .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.6)
}
#hero-area .contents {
	padding: 170px 0 180px
}
#hero-area .contents .head-title {
	font-size: 50px;
	font-weight: 300;
	color: #fff;
	white-space: nowrap;
	line-height: 58px;
	margin-bottom: 15px
}
#hero-area .contents p {
	font-size: 14px;
	color: #fff;
	font-weight: 400;
	line-height: 26px
}
#search-bg-color {
	margin-top: 40px;
	top: 0;
	z-index: 99
}
#search-bg-color .search-bar {
	background: rgba(151,151,151,.33)
}
#search-bg-color .search-bar .form-group {
	margin: 0
}
#hero-area .contents .head-title {
	font-size: 50px;
	font-weight: 300;
	color: #fff;
	white-space: nowrap;
	line-height: 58px;
	margin-bottom: 15px
}
.search-bar .search-form {
	width: 100%;
	float: left
}
.search-bar fieldset {
	background: #fff;
	overflow: hidden;
	padding: 0 190px 0 0;
	border-radius: 4px
}
.search-bar fieldset {
	margin: 0;
	border: 0;
	padding: 0;
	width: 100%;
	float: left;
	position: relative
}
.search-bar .form-group:first-child {
	border: 0
}
.search-bar .form-group {
	float: left;
	width: 25.33%;
	padding: 0 0 0 10px;
	background: #fff;
	border-radius: 0;
	border-left: 1px solid #f1f1f1
}
.search-bar .form-group .form-control {
	position: relative;
	z-index: 1;
	border: 0;
	height: 60px;
	border-radius: 0;
	font-size: 16px;
	line-height: 30px;
	padding: 15px 15px 15px 0;
	box-shadow: none
}
.search-bar .form-group .form-control, .search-bar .form-group .tg-select select {
	border: 0;
	height: 60px;
	border-radius: 0;
	font-size: 16px;
	line-height: 30px;
	padding: 15px 15px 15px 0;
	background: #fff;
	border-bottom: 1px solid #f1f1f1;
}
.search-bar .form-group .form-control, .search-bar .form-group .tg-select select:focus {
	outline: none
}
.search-bar .tg-select {
	color: #666;
	float: left;
	width: 100%;
	position: relative;
	text-transform: uppercase
}
.search-bar .tg-select i {
	font-size: 15px;
	position: absolute;
	top: 22px;
	background-color: transparent;
	color: #444;
	right: 20px;
	z-index: 99
}
.search-bar .tg-select select {
	z-index: 1;
	width: 100%;
	position: relative;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none
}
.search-bar .tg-select select option {
	color: #666
}
.search-bar .tg-inputwithicon {
	position: relative
}
.search-bar .tg-inputwithicon i {
	top: 0;
	left: 0;
	z-index: 2;
	color: #363b4d;
	position: absolute
}
.search-bar .tg-inputwithicon i {
	left: 20px;
	color: #666;
	font-size: 20px;
	line-height: 60px
}
.search-bar .btn-common {
	top: 5px;
	padding: 0;
	z-index: 2;
	width: 215px;
	border-radius: 4px;
	border: none;
	cursor: pointer;
	line-height: 48px;
	text-align: center;
	position: relative;
	letter-spacing: .5px;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out
}
.search-bar .btn-common i {
	font-size: 20px;
	vertical-align: middle
}
.search-button {
	background: #03a9f4;
	padding-bottom: 40px
}
.feature-bg {
	background: #03a9f4
}
.text-wrapper {
	height: 100%;
	display: table;
	padding-left: 140px
}
.text-wrapper>div {
	vertical-align: middle;
	display: table-cell
}
.feature-thumb {
	padding: 40px 0
}
.feature-item {
	padding: 30px
}
.feature-item .icon {
	float: left;
	border: 1px solid #fff;
	width: 80px;
	height: 80px;
	text-align: center;
	border-radius: 50%;
	transition: all .6s ease;
	-moz-transition: all .6s ease;
	-webkit-transition: all .6s ease
}
.feature-item .icon i {
	font-size: 36px;
	color: #fff;
	line-height: 80px
}
.feature-content {
	color: #fff;
	margin-left: 100px
}
.feature-content h3 {
	color: #fff;
	text-transform: uppercase;
	font-size: 18px
}
.feature-item:hover .icon {
	background: #fff
}
.feature-item:hover .icon i {
	color: #03a9f4
}
.owl-nav {
	position: relative;
	top: -140px;
	left: 0
}
.owl-nav div.owl-prev {
	float: left;
/*	margin-left: -45px*/
}
.owl-nav div.owl-next {
	float: right!important;
/*	margin-right: -45px*/
}
.owl-nav div {
	width: 40px;
	height: 40px;
	display: block!important;
	background:rgba(85,85,85,0.6);
	text-align: center;
	color:#fff;
	line-height:2.8;
	display: inline-block;
	opacity: 1!important;
	border-radius: 0!important;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.18), 0 2px 5px 0 rgba(0,0,0,.15);
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out
}
.owl-nav div i {
	color: #fff;
	font-size: 16px;
	line-height: 40px
}
.owl-nav div:hover {
	background:rgba(3,169,244,0.8);
	box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15)
}
.section-intro {
	text-align: center;
	width:100%;
}
.section-intro .overlay {
	background: rgba(0,0,0,.5) repeat;
	width: 100%;
	height: 100%
}
.section-intro .main-text {
	padding: 10px 15px 86px;
	text-transform: uppercase;
	border: 1px solid #eee;
}
.section-intro .main-text .intro-title {
	font-size: 36px;
	font-weight: 300;
	color:#151515;
	white-space: nowrap;
	line-height: 58px
}
.section-intro .main-text .intro-title span {
	color: #03a9f4
}
.section-intro .main-text .sub-title {
	font-size: 14px;
	color:#151515;
	padding: 15px 0;
	line-height: 24px;
	text-transform: capitalize;
	margin-bottom: 15px
}
#search-row-wrapper {
/*	background: url(../img/bg/counter-bg.jpg) center center no-repeat;*/
	background-size: cover;
/*	color: #fff;*/
	text-align: center
}
#search-row-wrapper .overlay {
	background: rgba(0,0,0,.49);
	width: 100%;
	height: 100%
}
#search-row-wrapper .search-inner {
	/*margin-top: 77px;*/
	padding: 40px 15px;
}
.search-bar .form-group {
	margin: 0 0 0 12px
}
.search-bar .btn-group, .search-bar .btn-group-vertical {
	margin: 0
}
.search-bar .btn-select {
	padding: 12px;
	border-radius: 0;
	color: #555;
	background: #fff;
	text-transform: none
}
.search-bar .dropdown-menu li a:hover, .search-bar .dropdown-menu li a:focus, .search-bar .dropdown-menu li a:active {
	background-color: #03a9f4;
	color: #fff;
	border-radius: 0
}
.search-bar .btn-group.bootstrap-select.dropdown-product ul.dropdown-menu.inner {
	display: none
}
.search-bar .btn-group.bootstrap-select.dropdown-product.open ul.dropdown-menu.inner {
	display: block;
	z-index: 9999
}
.search-bar .open .dropdown-menu {
	margin-top: 0
}
.search-bar .btn-group .dropdown-menu, .search-bar .btn-group-vertical .dropdown-menu {
	border-radius: 0;
	text-transform: none
}
.search-bar-nostyle {
	padding: 0;
	background: 0 0
}
.input-group-addon {
	border: none;
	background: 0 0
}
.search-category .search-category-container {
	border: none;
	padding: 0;
	position: relative;
	border-radius: 0;
	border: none!important;
	background: #fff
}
.input-group-addon {
	padding: 0!important
}
.styled-select select {
	background: 0 0;
	font-size: 14px;
	line-height: 18px;
	border-radius: 0;
	height: 44px;
	-webkit-appearance: none;
	-webkit-border-radius: 0
}
.styled-select {
	position: relative;
	margin-bottom: 0
}
.styled-select:before {
	content: "\f0c9";
	font-family: FontAwesome;
	color: #555;
	right: 0;
	padding: 15px;
	position: absolute;
	z-index: 9999;
	cursor: pointer
}
.styled-select .bs-caret {
	display: none
}
.location-select:before {
	content: "\f278"
}
.default-select:before {
	content: "\f0d7"
}
.search-category select {
	padding: 12px;
	border: none;
	background: 0 0;
	font-size: 14px;
	font-weight: 400;
	color: #333
}
select>opation:focus {
	box-shadow: none;
	border: none
}
.category-box {
	background-color: #fff;
	margin: 30px 0;
/*	height: 280px;
	box-shadow: 1px 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);*/
	border-radius: 0;
	position: relative;
/*	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear*/
}
/*.category-box:hover {
	box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15)
}*/
.blog-details a{color:#0c00ff;}
.category-box .icon {
	text-align: center;
	position: absolute;
	top: -25px;
	margin: 0 auto;
	width: 100%
}
.category-box .icon i {
	display: inline-block;
	font-size: 22px;
	width: 52px;
	height: 52px;
	color: #fff;
	line-height: 48px;
	box-shadow: 3px 6px 6px rgba(0,0,0,.25)
}
.category-box .category-header {
	width: 100%;
	background-color: #f8f8f8;
	display: inline-block;
	text-align: center;
	padding: 11px 8px 11px;
	border-bottom: 1px solid #eee;
/*	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;*/
	margin-bottom:10px;
}
.category-box .category-header h4 {
	font-size: 15px;
	color: #444
}
.category-box .category-header:hover {
background-color:#03a9f4;overflow:hidden;
/*box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15)*/;
border-bottom: none;
}
.category-box .category-header:hover h4 {
	color: #fff
}
.category-box .category-content li {
	float: left;
	font-size: 13px;
	line-height:1.2;
    padding:4px;
/*	width: 100%;*/
}
.category-box .category-content li a {
	float: left;
	color: #0f6db8;
	margin-left:4px;
	/*white-space: nowrap;
    width: 202px;
    overflow: hidden;
    text-overflow: ellipsis;*/
}
.category-box .category-content li a:hover {
	color: #03a9f4
}
.category-box .category-counter {
	margin-right: 15px
}
.category-counter {
	font-size: 12px;
	color: #888;
	float: right;
}
.border-1 {
	border-bottom: 2px solid #3498db
}
.border-2 {
	border-bottom: 2px solid #ff5353
}
.border-3 {
	border-bottom: 2px solid #1dd2af
}
.border-4 {
	border-bottom: 2px solid #fe4080
}
.border-5 {
	border-bottom: 2px solid #24a69a
}
.border-6 {
	border-bottom: 2px solid #8e4162
}
.border-7 {
	border-bottom: 2px solid #9a63c1
}
.border-8 {
	border-bottom: 2px solid #03a9f4
}
.color-1 {
	background-color: #3498db!important
}
.color-2 {
	background-color: #ff5353!important
}
.color-3 {
	background-color: #1dd2af!important
}
.color-4 {
	background-color: #fe4080!important
}
.color-5 {
	background-color: #24a69a!important
}
.color-6 {
	background-color: #8e4162!important
}
.color-7 {
	background-color: #9a63c1!important
}
.color-8 {
	background-color: #03a9f4!important
}
.features {
	background: url(../img/bg/bg.jpg) center center no-repeat;
	padding: 60px 0;
	margin: 30px 0
}
.features-box {
	margin-top: 15px;
	margin-bottom: 15px
}
.features-box .features-icon {
	float: left;
	padding: 2px
}
.features-box .features-icon i {
	color: #03a9f4;
	font-size: 30px
}
.features-box .features-content {
	/*padding-left: 50px*/
 text-align:center;
}
.features-box .features-content h4 {
	font-size: 18px;
	margin-bottom: 5px;
	font-weight: 600;
/*	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out*/
}
.features-box .features-content p {
	color: #888
}
.featured-lis {
	margin-top: 30px
}
#new-products .product-item {
	padding: 0 5px;
	text-align: center
}
#new-products .product-item .carousel-thumb {
	display: block;
	border: 1px solid #ddd;
	padding: 10px;
	margin-bottom: 10px;
	position: relative;
	z-index: 99;
	overflow: hidden;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}
#new-products .product-item .carousel-thumb img {
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}
#new-products .product-item .carousel-thumb .overlay {
	position: absolute;
	background-color: rgba(255,255,255,.8);
	text-align: center;
	top: 0;
	left: 0;
	z-index: 999;
	bottom: -1px;
	right: 0;
	opacity: 0;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
#new-products .product-item .carousel-thumb .overlay i {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	cursor: pointer;
	visibility: visible;
	width: 40px;
	height: 40px;
	background: #03a9f4;
	color: #fff;
	font-size: 18px;
	line-height: 40px;
	margin: -20px auto;
	box-shadow: 3px 6px 6px rgba(0,0,0,.25);
	opacity: 0;
	z-index: 99;
	-webkit-transform: scale(.2);
	-moz-transform: scale(.2);
	-ms-transform: scale(.2);
	-o-transform: scale(.2);
	transform: scale(.2);
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}
#new-products .product-item .carousel-thumb:hover img {
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}
#new-products .product-item .carousel-thumb:hover {
	border-color: #03a9f4
}
#new-products .product-item .carousel-thumb:hover .overlay {
	opacity: 1;
	visibility: visible
}
#new-products .product-item .carousel-thumb:hover i {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
#new-products .product-item .item-name {
	font-size: 14px;
	line-height: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
#new-products .product-item .price {
	color: #444;
	display: block;
	font-size: 16px;
	font-weight: 700;
	padding-top: 7px
}
#new-products .owl-controls .owl-buttons {
	position: relative;
	top: -175px;
	left: 0
}
#new-products .owl-controls .owl-buttons div.owl-prev {
	float: left;
	margin-left: -45px
}
#new-products .owl-controls .owl-buttons div.owl-next {
	float: right!important;
	margin-right: -45px
}
.owl-theme .owl-controls .owl-buttons div {
	width: 40px;
	height: 40px;
	display: block!important;
	background: #03a9f4!important;
	text-align: center;
	display: inline-block;
	opacity: 1!important;
	border-radius: 0!important;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.18), 0 2px 5px 0 rgba(0,0,0,.15);
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out
}
.owl-theme .owl-controls .owl-buttons div:hover {
	box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
	opacity: .8!important
}
.owl-theme .owl-controls .owl-buttons div i {
	color: #fff;
	font-size: 16px;
	line-height: 32px
}
.location {
	margin-top: 50px
}
.localtion-list {
	border: 1px solid #eee;
	padding: 15px;
	box-shadow: 1px 1px 3px 0 #f1f1f1
}
.localtion-list .cat-list {
	margin: 0;
	padding: 0
}
.localtion-list .cat-list li {
	line-height: 24px
}
.localtion-list .cat-list li a {
	font-size: 13px;
	color: #888
}
.localtion-list .cat-list li a:hover {
	color: #03a9f4;
	margin-left: 5px
}
.newletter {
	background: #fff
}
.main-heading h4 {
	color: #444;
	margin-bottom: 30px;
	text-transform: uppercase
}
.subscribe {
	margin-top: 40px;
	width: 100%
}
.subscribe .form-control {
	float: left;
	width: 75%;
	height: 52px;
	margin-right: 5px
}
.widget-title {
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee
}
.widget-title:before {
	content: "";
	position: absolute;
	border-bottom: 3px solid #03a9f4;
	width: 50px;
	bottom: -1px;
	left: 0
}
.widget-title i {
	display: inline-block;
	margin-right: 15px;
	font-size: 16px;
	color: #03a9f4
}
.widget-title h4 {
	font-size: 16px;
	display: inline-block;
	text-transform: uppercase
}
.inner-box {
	padding: 30px;
	margin-bottom: 30px;
	box-shadow: 0 0 10px rgba(175,175,175,.23)
}
.categories-list ul {
	margin: 0
}
.categories-list ul li a {
	padding: 10px;
	margin-bottom: 5px;
	display: block;
	font-size: 13px;
	color: #444;
	border-bottom: 1px solid #eee
}
.categories-list ul li a:hover {
	color: #03a9f4
}
.categories-list ul li a i {
	margin-right: 5px
}
.categories-list ul li:last-child a {
	border: none
}
.advimg .featured-list li {
	width: 62px;
	height: 62px;
	margin-right: 0
}
.product-filter {
	height: 40px
}
.product-filter .grid-list-count {
	float: left;
	margin-right: 25px
}
.product-filter .grid-list-count a {
	margin-right: 10px
}
.product-filter .short-name {
	margin: 0;
	display: inline-block;
	color: #999
}
.product-filter .short-name span {
	float: left;
	margin-right: 5px
}
.product-filter .short-name .name-ordering {
	float: left
}
.product-filter .Show-item {
	float: right
}
.product-filter .Show-item span {
	color: #888;
	display: inline-block;
	line-height: 20px;
	margin-right: 5px
}
.product-filter .Show-item .woocommerce-ordering {
	float: right
}
.product-filter .button, .product-filter select {
	font-size: 14px;
	font-weight: 400;
	color: #333
}
.adds-wrapper {
	background: #fff;
	clear: both;
	display: inline-block;
	height: auto;
	width: 100%
}
.adds-wrapper .item-list {
	padding: 15px 30px;
	border: 1px solid #eee;
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	overflow: hidden;
	clear: both;
	margin-bottom: 15px;
	box-shadow: 1px 1px 3px 0 #f1f1f1;
	-webkit-transition: background .25s ease-in 0s;
	-moz-transition: background .25s ease-in 0s;
	-ms-transition: background .25s ease-in 0s;
	-o-transition: background .25s ease-in 0s;
	transition: background .25s ease-in 0s
}

.adds-wrapper .item-list:hover {
	background: #f6f6f5
}
.adds-wrapper .add-title {
	font-size: 16px;
	padding-bottom: 10px
}
.adds-wrapper .info {
	display: block;
	clear: both;
	font-size: 12px;
	color: #888;
	margin-bottom:4px;
}
.adds-wrapper .add-type {
	color: #03a9f4;
	background: #eee;
	border: 1px solid #ddd;
	display: inline-block;
	height: 25px;
	line-height: 18px;
	padding: 3px;
	text-align: center;
	width: 25px
}
.adds-wrapper .price-box {
	padding: 0
}
.adds-wrapper .price-box .item-price {
font-size:18px;
line-height: 28px;
font-weight: 400;
padding-bottom: 15px;
}
.pagination-bar {
padding-bottom: 35px;
margin-top: 35px
}
.pagination {
margin: 0
}
.pagination .page-item .page-link {
	border: 0;
	border-radius: 30px!important;
	border: 1px solid #eee;
	transition: all .3s;
	padding: 0 11px;
	margin: 0 3px;
	min-width: 30px;
	height: 30px;
	line-height: 30px;
	color: #999;
	font-weight: 400;
	font-size: 12px;
	text-transform: uppercase;
	background: 0 0
}
.pagination .page-item .page-link:hover {
	background-color: #03a9f4;
	color: #fff
}
.pagination .page-item .page-link:focus {
	box-shadow: none!important
}
.pagination .page-item .active {
	background-color: #03a9f4;
	border-color: #03a9f4;
	color: #fff
}
.post-promo {
	background: #e5e5e5;
	border: 1px solid #ddd;
	padding: 30px
}
.post-promo h2 {
	font-size: 24px;
	font-weight: 400;
	margin-bottom: 10px
}
.post-promo h5 {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 20px
}
.ad-detail-content {
	margin-top: 30px
}
.ad-detail-content p {
	margin-bottom: 20px;
	color: #888
}
.ad-detail-content blockquote {
	padding: 15px;
	background: #eee;
	border-left: 3px solid #03a9f4
}
.Ads-Details {
	background: #f7f7f7;
	padding: 30px;
	border: 1px solid #e3e3e3
}
.Ads-Details .list-circle li {
	margin-left: 20px
}
.posting .alert {
	margin-bottom: 0
}
.posting .postin-title {
	font-weight: 400;
	font-size: 22px;
	line-height: 30px
}
.posting .alert-success {
	color: #fff;
	background-color: #03a9f4;
	border-color: #eee;
	border-radius: 0;
	padding: 20px
}
.posting p {
	margin-left: 25px
}
.box-notification-content {
	padding: 15px 15px 15px 20px;
	margin-top: 20px;
	margin-bottom: 40px;
	width: auto;
	font-size: 13px;
	background: #fffbcc;
	border: 1px solid #f2eec0;
	color: #8f8838
}
.box-error-content {
	background: #ffcece;
	border: 1px solid #efbfbf;
	color: #833;
	padding: 15px 15px 15px 20px;
	margin-top: 10px;
	margin-bottom: 30px;
	width: auto;
	font-size: 13px
}
.box-download-content {
	background: #e3f4de;
	border: 1px solid #cddcc9;
	color: #98c58a;
	padding: 15px 15px 15px 20px;
	margin-top: 10px;
	margin-bottom: 30px;
	width: auto;
	font-size: 13px
}
.box-information-content {
	background: #d5eaf5;
	border: 1px solid #c5d9e3;
	color: #2f81b0;
	padding: 15px 15px 15px 20px;
	margin-top: 10px;
	margin-bottom: 30px;
	width: auto;
	font-size: 13
}
.collapse-box {
	margin-bottom: 15px
}
.collapset-title {
	border-top: 1px solid #eee;
	color: #444;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1px;
	margin-bottom: 0;
	margin-top: 0;
	padding-bottom: 10px;
	padding-top: 15px;
	text-transform: uppercase
}
.no-border {
	border: none
}
.user-panel-sidebar ul {
	padding: 0
}
.user-panel-sidebar ul li a {
	background: #fff;
	display: block;
	color: #444;
	font-size: 12px;
	letter-spacing: .5px;
	line-height: 26px;
	padding: 5px 10px;
	text-align: left;
	border-bottom: 1px solid #eee
}
.user-panel-sidebar ul li a:hover, .user-panel-sidebar ul li a:active, .user-panel-sidebar ul li.active a {
	background-color: #03a9f4;
	color: #fff
}
.user-panel-sidebar ul li a:hover .badge, .user-panel-sidebar ul li a:focus .badge, .user-panel-sidebar ul li.active a .badge {
	color: #fff
}
.user-panel-sidebar ul li:last-child a {
	border-bottom: none
}
.collapse-box .badge {
	float: right;
	background-color: transparent;
	color: #888;
	font-size: 11px;
	line-height: 20px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}
.table-search .control-label {
	line-height: 16px;
	padding-right: 0
}
.searchpan input#filter {
	font-size: 12px;
	height: 30px
}
.clear-filter {
	font-size: 11px
}
.add-img-td img {
	width: 100%
}
.table-action {
	display: block;
	margin-bottom: 15px
}
table.add-manage-table>tbody>tr>td, table.add-manage-table>tbody>tr>th {
	vertical-align: middle
}
.table>thead>tr>th {
	border-bottom: none;
	color: #03a9f4
}
.table>thead>tr>th:nth-of-type(3n+1) {
	text-align: center
}
.table-striped>tbody>tr:nth-of-type(2n+1) {
	background: #f3f3f3!important
}
.ads-details-td h4 {
	font-size: 15px;
	margin-bottom: 6px
}
.ads-details-td strong {
	font-size: 13px;
	color: #444
}
.ads-details-td sapn {
	color: #888
}
.add-image i {
	padding-right: 3px
}
.price-td {
	text-align: center;
	color: #888
}
.add-img-selector {
	width: 2%
}
.add-img-td {
	width: 20%
}
.ads-details-td {
	width: 60%
}
.price-td {
	width: 16%
}
.action-td {
	width: 10%
}
.photo-count {
	background: none repeat scroll 0 0 #ccc;
	border: 0;
	border-radius: 0;
	font-size: 12px;
	opacity: .9;
	padding: 0 3px;
	position: absolute;
	right: 4px;
	top: 5px
}
.usearadmin {
	float: left
}
.user-content {
	margin-left: 90px
}
.userimg {
	border: 1px solid #eee;
	display: inline-block;
	width: 75px;
	padding: 3px;
	margin-right: 5px
}
.usearadmin h3 {
	font-size: 18px;
	text-transform: uppercase
}
.welcome-msg {
	margin-bottom: 30px
}
.pt {
	margin-top: 15px
}
.box-title h2 {
	margin: 15px 0;
	padding: 0;
	font-size: 18px;
	line-height: normal;
	font-weight: 500;
	text-transform: uppercase
}
.sell-your-item {
	color: #9a9a9a;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: .54px;
	padding: 20px 15px;
	position: absolute;
	right: 5px;
	text-align: center;
	text-transform: uppercase;
	top: 5px
}
.f-category {
	border: 1px solid #eee;
	margin-top: -1px;
	background: #fff;
	padding: 15px;
	text-align: center;
	overflow: hidden;
	display: block;
	margin-right: -1px;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear
}
.f-category .icon {
	border-bottom: 10px
}
.f-category .icon i {
	font-size: 40px
}
.f-category h6 {
	color: #444;
	font-size: 14px;
	letter-spacing: 0;
	margin: 10px 0
}
.f-category img {
	display: inline-block;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear
}
/*.f-category:hover {
	background:rgba(206,206,206,0.5);
}
.f-category:hover .icon i {
	color: #fff
}
.f-category:hover h6 {
	color: #fff
}*/

.more-cars .list-group {
display: -ms-flexbox;
display:inline-block;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
}
.more-cars .list-group-item {
display:inline-block;
padding: .75rem 1.40rem;
margin-right: 4px;
border: 1px solid #2196F3;
margin-bottom: 7px;
}
.more-cars .list-group-item a{color:#2196F3;}
.more-cars .list-group-item:first-child {
border-top-right-radius: 0px;
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-left-radius:0px;
}

.more_vehicles ul{
overflow: hidden;
padding-left: 0px;
margin-bottom:20px;
}
.more_vehicles ul li{
margin: 0;
padding: 0px;
color: #555;
font-size: 14px;
float:left;
list-style:none;
/*padding-left:16px;*/
width:100%;
height: 27px;
}
.more_vehicles ul li a{display:block;}
/*.more_vehicles ul li:first-child {padding-left:0px;}*/
.more_vehicles ul li a {
color: #555;
opacity: 0.8;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.more_vehicles ul li a:hover{color: #2c72e1;}

.icon-img {
    margin-bottom: 20px;
}

.f-category .icon-img img{
		max-width:250px;
		display: block;
    object-fit: contain;
    /* max-width: 100%; */
    width: auto;
    margin-left: auto;
    margin-right: auto;
    height: 100px;
}
.i-category {
	padding: 30px 15px
}
.item-list.make-grid {
	float: left;
	clear: none;
	width: 25%;
    height: 415px;
	margin-right: 16px
}
.item-list.make-grid .photobox, .item-list.make-grid .add-desc-box, .item-list.make-grid .price-box {
	flex: 100%;
	max-width: 100%;
	clear: both
}
.item-list.make-grid .add-desc-box {
	padding: 10px 0
}
.item-list.make-grid .price-box {
	text-align: left;
	padding-left: 0;
	padding-right: 0
}
.ads-details-wrapper h2 {
font-size: 22px;
line-height: 1.4;
    margin-bottom: 10px;
}
.ads-details-wrapper .item-intro {
	margin-bottom: 15px
}
.ads-details-wrapper .item-intro .poster {
	color: #999;
	font-size: 12px
}
.ads-details-wrapper .owl-dots {
	text-align: center;
	margin-top: 10px
}
.ads-details-wrapper .owl-dots .owl-dot {
	display: inline-block
}
.ads-details-wrapper .owl-dots span {
	display: block;
	width: 12px;
	height: 12px;
	margin: -5px 8px;
	filter: alpha(opacity=50);
	opacity: 1;
	border-radius: 30px;
	background: #f1f1f1;
	border: 2px solid #fff;
	box-shadow: 0 0 3px rgba(66,68,67,.55);
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out
}
.ads-details-wrapper .owl-dots span:hover {
	background: #03a9f4
}
.ads-details-wrapper .owl-dots .active span {
	background: #03a9f4!important
}
.ads-details-info h4 {
	font-size: 15px;
	padding: 10px 0
}
.list-border li {
	line-height: 30px
}
.fallback-inner {
	background: #f1f1f1;
	text-align: center;
	padding: 50px
}
.fallback-inner .query-input {
	margin-bottom: 30px
}
.fallback-inner .buttons {
	margin-bottom: 30px
}
.fallback-content h2 {
	font-size: 26px;
	line-height: 38px
}
.app {
	background: url(../img/bg/app-bg.jpg) fixed;
	background-size: cover;
	color: #fff;
	padding: 80px 0;
	position: relative
}
.app::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(55,66,73,.6);
	z-index: 99
}
.app .app-inner h2 {
	font-size: 45px;
	font-weight: 100;
	line-height: 55px;
	color: #fff;
	margin-bottom: 15px
}
.app .app-inner .description {
	margin-bottom: 30px
}
.app .app-inner .description h4 {
	color: #fff;
	font-size: 15px;
	font-weight: 400
}
.app .app-inner .description p {
	color: #fff
}
.app .app-inner .btn {
	margin-right: 20px
}
.back-to-top {
	display: none;
	position: fixed;
	bottom: 18px;
	right: 15px
}
.back-to-top i {
	display: block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	color: #fff;
	font-size: 22px;
	text-align: center;
	background-color: #03a9f4;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear
}
.image-preview-input {
	position: relative;
	overflow: hidden;
	margin: 0;
	color: #333;
	background-color: #fff;
	border-color: #ccc
}
.image-preview-input input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0)
}
.sidebar-box {
	width: 100%;
	display: inline-block;
	box-shadow: 0 0 10px rgba(175,175,175,.23);
	margin-bottom: 30px
}
.sidebar-box .user {
	text-align: center;
	width: 100%;
	padding: 30px 20px 50px;
	position: relative;
	margin-bottom: 5px;
	background: #03a9f4
}
.sidebar-box .user figure {
	margin: 0;
	position: relative;
	border-radius: 50%;
	background-clip: padding-box;
	border: 5px solid #03a9f4;
	bottom: -38px;
	float: left;
	height: 80px;
	width: 80px;
	left: 38%;
	position: absolute;
	-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.1), 0 3px 3px 0 rgba(0,0,0,.1);
	box-shadow: 0 0 0 0 rgba(0,0,0,.1), 0 3px 3px 0 rgba(0,0,0,.1)
}
.sidebar-box .user figure img {
	border-radius: 50%;
	border: 2px solid #fff
}
.sidebar-box .user .usercontent {
	padding: 15px 0 0
}
.sidebar-box .user .usercontent h3 {
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	line-height: 16px;
	margin-bottom: 8px
}
.sidebar-box .user .usercontent h4 {
	color: #f1f1f1;
	font-size: 14px;
	font-weight: 400;
	line-height: 14px
}
.sidebar-box .navdashboard {
	padding-top: 50px
}
.sidebar-box .navdashboard ul {
	width: 100%
}
.sidebar-box .navdashboard ul li {
	margin: 0;
	width: 100%;
	float: left;
	position: relative;
	line-height: 48px;
	border-bottom: 1px solid #f1f1f1
}
.sidebar-box .navdashboard ul li a {
	color: #444;
	width: 100%;
	float: left;
	line-height: inherit
}
.sidebar-box .navdashboard ul li a span {
	text-align: left
}
.sidebar-box .navdashboard ul li a i {
	width: 58px;
	display: inline-block;
	font-size: 20px;
	text-align: center;
	vertical-align: middle
}
.sidebar-box .navdashboard ul li a:focus, .sidebar-box .navdashboard ul li a:hover, .sidebar-box .navdashboard ul li a.active {
	background: #03a9f4;
	color: #fff
}
.sidebar-box .navdashboard ul li a:focus i, .sidebar-box .navdashboard ul li a:hover i, .sidebar-box .navdashboard ul li a.active i {
	color: #fff
}
#editor {
	position: relative
}
#editor .panel-default .panel-heading {
	padding: 10px;
	border-radius: 4px;
	background: 0 0;
	border: none
}
#editor .note-editor.note-frame {
	border: 1px solid #ddd
}
#editor .btn {
	color: #444
}
#editor .popover {
	display: none
}
.note-Top {
	display: none
}
.tg-fileuploadlabel {
	width: 100%;
	padding: 30px;
	color: #363b4d;
	font-size: 14px;
	line-height: 17px;
	margin: 0 0 10px;
	cursor: pointer;
	border-radius: 5px;
	border: 3px dashed #eaedef;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center
}
.tg-fileuploadlabel span {
	display: block;
	margin-bottom: 15px
}
.tg-fileuploadlabel span:first-child {
	font-size: 18px;
	font-weight: 500;
	line-height: 22px
}
.tg-fileuploadlabel span:first-child(2) {
	padding: 15px 0
}
.tg-fileuploadlabel span:first-child(4) {
	color: #363b4d;
	font-size: 13px;
	line-height: 16px;
	margin: 30px 0 0
}
.tg-fileuploadlabel input[type=file].fileinput {
	display: none
}
.tg-fileuploadlabel .btn {
	color: #fff;
	padding: 10px 50px;
	position: relative;
	text-align: center;
	margin-bottom: 20px;
	overflow: hidden;
	border-radius: 23px;
	display: inline-block;
	vertical-align: middle;
	text-transform: capitalize
}
#tg-photogallery {
	display: none
}
.tg-inputwithicon .tg-select {
	color: #666;
	width: 100%;
	position: relative;
	text-transform: uppercase
}
.tg-inputwithicon .tg-select i {
	font-size: 15px;
	position: absolute;
	top: 16px;
	background-color: transparent;
	color: #444;
	right: 15px;
	z-index: 99
}
.tg-inputwithicon .tg-select select {
	border: 0;
	border-radius: 0;
	font-size: 14px;
	width: 100%;
	font-weight: 400;
	color: #333;
	background: #fff;
	z-index: 1;
	width: 100%;
	position: relative;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none
}
#carousel-area {
	overflow: hidden;
	background: #2c3e50;
	margin-top: 75px
}
#carousel-area .carousel-inner .carousel-item {
	opacity: .3;
	width: 100%;
	overflow: hidden;
	transition-property: opacity;
	transition-duration: 1s
}
#carousel-area .carousel-inner .active {
	opacity: 1
}
#carousel-area .carousel-inner .active.left, #carousel-area .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1
}
#carousel-area .carousel-inner .next.left, #carousel-area .carousel-inner .prev.right {
	opacity: 1
}
#carousel-area .carousel-control {
	z-index: 2
}
#carousel-area .carousel-item img {
	position: relative;
	width: 100%;
	max-height: 670px
}
#carousel-area .carousel-item .carousel-caption {
	top: 30%;
	right: 10%;
	left: 10%;
	padding-top: 0;
	padding-bottom: 0;
	text-shadow: none
}
#carousel-area .carousel-item .carousel-caption h2 {
	font-size: 50px;
	margin-bottom: 20px;
	text-transform: uppercase
}
#carousel-area .carousel-item .carousel-caption p {
	color: #fff;
	font-size: 16px;
	font-weight: 400
}
#carousel-area .carousel-item .carousel-caption .btn {
	margin: 30px 0
}
#carousel-area .active {
	opacity: 1
}
#carousel-area .active.left, #carousel-area .active.right {
	left: 0;
	opacity: 0;
	z-index: 1
}
#carousel-area .carousel-control {
	z-index: 10;
	font-size: 50px;
	top: 50%
}
#carousel-area .carousel-control-prev-icon {
	left: 5%
}
#carousel-area .carousel-control-next-icon {
	right: 5%;
	background-position: -150px 0!important
}
#carousel-area .carousel-indicators {
	bottom: 5px
}
#carousel-area .carousel-indicators li {
	border-radius: 0;
	width: 32px;
	height: 5px;
	margin: 0 5px;
	background: rgba(253,254,255,.8);
	cursor: pointer;
	border: none;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out
}
#carousel-area .carousel-indicators li:hover, #carousel-area .carousel-indicators li.active {
	opacity: 1;
	background: #03a9f4
}
#carousel-area:hover .carousel-control {
	display: block
}
#carousel-area i {
	margin-right: 5px
}
.services-item {
	background: #fff;
	margin: 15px 0;
	padding: 30px;
	border-radius: 4px;
	text-align: left;
	box-shadow: 0 0 40px 0 rgba(0,0,0,.1);
	transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-webkit-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s
}
.services-item .icon i {
	font-size: 42px;
	color: #03a9f4
}
.services-item .services-content h3 {
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 10px
}
.services-item .services-content h3 a {
	font-size: 18px;
	color: #585b60
}
.services-item .services-content h3 a:hover {
	color: #03a9f4
}
.services-item:hover {
	box-shadow: 0 20px 30px 0 rgba(0,0,0,.08)
}
#service {
	position: relative
}
.container-outside {
	position: absolute;
	top: 0;
	right: 0;
	width: 47.1%;
	height: 100%;
	background: #03a9f4;
	overflow: hidden
}
.heading {
	padding-left: 30px
}
.d-table {
	display: table;
	width: 100%;
	height: 100%
}
.dt-cell {
	display: table-cell;
	vertical-align: middle
}
.skill-area img {
	border-radius: 4px
}
.skills-section {
	margin-top: 30px
}
.skills-section .progress-box h5 {
	color: #222;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600
}
.skills-section .progress {
	background: #f9f9f9;
	height: 10px;
	margin-bottom: 30px
}
.skills-section .progress .progress-bar {
	background: #03a9f4
}
.navbar-brand {
	position: relative;
	padding-top:12px;
}
.top-nav-collapse {
	background: #fff;
	/*z-index: 999999;*/
	top: 0!important;
	box-shadow: 0 3px 6px 3px rgba(0,0,0,.06);
	background: #fff!important;
	-webkit-animation-duration: 1s;
	animation-duration: 1s
}
.top-nav-collapse .navbar-brand {
	top: 0
}
.top-nav-collapse .navbar-brand img {
    width: 80%;
    margin-top: 2px;
}
.top-nav-collapse .navbar-nav .nav-link {
	color: #585b60!important;
	margin-top: 0!important;
	margin-bottom: 0!important
}
.top-nav-collapse .navbar-nav .nav-link:hover {
	cursor: pointer;
	color: #03a9f4!important;
	border-color: #03a9f4!important
}
.top-nav-collapse .navbar-nav .nav-link:hover {
	color: #03a9f4!important
}
.navbar-expand-lg .navbar-toggler {
	background: 0 0;
	border: 1px solid #03a9f4;
	color: #03a9f4;
	border-radius: 4px;
	cursor: pointer
}
/*.navbar-brand img {
	width: 70%
}*/
.top-nav-collapse .navbar-nav li.active a.nav-link {
	color: #03a9f4!important;
	border-color: #03a9f4
}
.bg-inverse {
	background: #fff
}
.navbar-expand-lg .navbar-nav .nav-link i {
	font-size: 14px;
	margin-left: 5px;
	vertical-align: middle
}
.navbar-expand-lg .navbar-nav .nav-link {
	color: #333;
	font-weight: 400;
	cursor: pointer;
	position: relative;
	text-transform: uppercase;
	background: 0 0;
	-moz-transition: color .3s linear;
	-webkit-transition: color .3s linear;
	-o-transition: color .3s linear;
	transition: color .3s linear
}
.navbar-expand-lg .navbar-nav li a:hover, .navbar-expand-lg .navbar-nav li .active>a, .navbar-expand-lg .navbar-nav li a:focus {
	color: #fff;
	outline: none
}
.navbar-expand-lg .navbar-nav .active>.nav-link, .navbar-expand-lg .navbar-nav .nav-link.active, .navbar-expand-lg .navbar-nav .nav-link.open, .navbar-expand-lg .navbar-nav .open>.nav-link {
	color: #03a9f4!important;
	width: 100%
}
.navbar-expand-lg .navbar-nav .nav-link:hover, .navbar-expand-lg .navbar-nav .nav-link:hover::before, .navbar-expand-lg .navbar-nav .nav-link:focus {
	color: #03a9f4;
	width: 100%;
	transition: width 1s;
	-webkit-transition: width 1s;
	-ms-transition: width 1s
}
.navbar-header {
	position: relative;
	padding: 10px 0;
	float: left;
	margin: 0!important
}
.navbar-expand-lg .navbar-nav {
	position: relative;
	-moz-transition: color .3s linear;
	-webkit-transition: color .3s linear;
	-o-transition: color .3s linear;
	transition: color .3s linear
}
.navbar-expand-lg .navbar-nav .nav-link {
	color: #444;
	line-height: normal;
	border-radius: 4px;
	padding: 30px 10px;
	font-size: 14px;
	outline: 0;
	letter-spacing: .3px;
	-moz-transition: color .3s linear;
	-webkit-transition: color .3s linear;
	-o-transition: color .3s linear;
	transition: color .3s linear
}
.navbar-expand-lg .navbar-nav>li a:hover, .navbar-expand-lg .navbar-nav>li a.active, .navbar-expand-lg .navbar-nav>li a:focus {
	color: #3498db
}
.navbar-expand-lg .navbar-nav>li a i {
	margin-right: 3px
}
.navbar {
	padding: 0
}
.navbar li.active a.nav-link {
	color: #preset
}
.navbar .theme-header {
	width: 100%
}
.dropdown-toggle::after {
	display: none
}
.dropdown-menu {
	margin: 0;
	padding: 0;
	display: none;
	position: absolute;
	z-index: 99;
	min-width: 180px;
	border: none;
	background-color: #fff;
	border-top: 1px solid #03a9f4;
	white-space: nowrap;
	border-radius: 0;
	-webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,.08);
	-moz-box-shadow: 0 5px 20px 0 rgba(0,0,0,.08);
	box-shadow: 0 5px 20px 0 rgba(0,0,0,.08);
	animation: fadeIn .4s;
	-webkit-animation: fadeIn .4s;
	-moz-animation: fadeIn .4s;
	-o-animation: fadeIn .4s;
	-ms-animation: fadeIn .4s
}
.dropdown:hover .dropdown-menu {
	display: block;
	position: absolute;
	text-align: left;
	top: 100%;
	animation: fadeIn .4s;
	-webkit-animation: fadeIn .4s;
	-moz-animation: fadeIn .4s;
	-o-animation: fadeIn .4s;
	-ms-animation: fadeIn .4s;
	background: #fff
}
.dropdown .dropdown-menu .dropdown-item {
	width: 100%;
	padding: 10px 20px;
	border-radius: 0;
	font-size: 14px;
	margin: 0;
	color: #444;
	text-decoration: none;
	display: inline-block;
	float: left;
	letter-spacing: .5px;
	clear: both;
	position: relative;
	outline: 0;
	transition: all .3s ease-in-out;
	-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
}
.dropdown .dropdown-item:focus, .dropdown .dropdown-item:hover, .dropdown .dropdown-item.active {
	background: #03a9f4;
	color: #fff!important
}
.dropdown-item.active, .dropdown-item:active {
	background: 0 0
}
.fadeInUpMenu {
	-webkit-animation-name: fadeInUpMenu;
	animation-name: fadeInUpMenu
}

@media(min-width:768px) and (max-width:991px) {
#nav-main li a.nav-link {
	padding-top: 18px
}
}

@media only screen and (max-width:767px){
	.title-logo-box{
	width: 250px;
	}
	}

.navbar-toggler {
	display: none
}
.slicknav_menu {
	display: none;
	background: #fff;
	padding: 0 20px;
	text-align: left
}
.slicknav_brand {
	float: left;
	line-height: inherit;
	padding: 7px 0;
	height: auto
}
.slicknav_btn {
	margin: 14px 0;
	background-color: #03a9f4;
	padding: 8px 9px 7px
}
.slicknav_nav {
	overflow: auto;
	max-height: 350px
}
.slicknav_menu .slicknav_icon-bar {
	background: #fff
}
.slicknav_nav ul {
	margin: 0
}
.slicknav_nav a, .slicknav_nav .slicknav_row, .slicknav_nav a {
	padding: 10px 0;
	font-size: 14px;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}
.slicknav_parent ul {
	margin-left: 15px
}
.slicknav_parent ul a {
	font-size: 14px;
	text-transform: capitalize;
	border-bottom: 0;
	font-weight: 400
}
.slicknav_nav a:hover a, .slicknav_nav a:hover, .slicknav_nav .slicknav_row:hover, .slicknav_nav .slicknav_item a:hover, .slicknav_nav .slicknav_parent-link a:hover {
	background-color: transparent;
	color: #03a9f4
}
.slicknav_nav .slicknav_arrow {
	float: right;
	color: #444
}
.slicknav_nav a h3 {
	font-size: 14px;
	display: inline;
	text-transform: capitalize;
	font-weight: 500
}
.slicknav_menu li p {
	display: none
}
.sticky-menu {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: auto;
	z-index: 99;
	background-color: #fff;
	-webkit-animation: slideInDown;
	animation: slideInDown;
	-webkit-animation-duration: .6s;
	animation-duration: .6s;
	-webkit-box-shadow: 0 0 20px -7px rgba(0,0,0,.4);
	box-shadow: 0 0 20px -7px rgba(0,0,0,.4)
}

@media(max-width:991px) {
.slicknav_menu {
	display: block;
	width: 100%
}
.theme-header {
	display: none
}
.mobile-menu {
	width: 100%
}
.dropdown-menu {
	position: relative;
	background: 0 0
}
.dropdown:hover .dropdown-menu {
	position: relative;
	background: 0 0
}
.dropdown .dropdown-menu .dropdown-item {
	border-radius: 0
}
.dropdown-menu:before {
	display: none
}
.navbar-expand-lg .navbar-nav .nav-link {
	padding: 10px 15px;
	line-height: 22px
}
.top-nav-collapse .navbar-nav .nav-link {
	color: #444!important
}
}

@media(max-width:767px) {
.sticky-menu {
	margin: 0
}
}
.navbar-default {
	margin-bottom: 0;
	background: 0 0;
	border: none;
	border-radius: 0;
	border-bottom: 1px solid #ddd
}
.navbar-expand-lg .navbar-nav>li.postadd {
	padding-left: 0
}
.navbar-expand-lg .navbar-nav>li.postadd a {
box-sizing: border-box;
color: #fff;
font-size: 13px;
height: 40px;
line-height: normal;
text-transform: uppercase;
margin-top: 20px;
webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear
}
.navbar-expand-lg .navbar-nav>li.postadd a:hover {
	color: #fff;
	background: #03a9f4;
}
.navbar-expand-lg .navbar-nav>li.postadd a:focus {
	color: #fff;
	background: #03a9f4;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	background: 0 0;
	color: #3498db;
}
.navbar-default li>ul.user-menu {
	padding: 0;
	min-width: 170px;
	border-radius: 0
}
.navbar-default li>ul.user-menu li a {
	font-size: 11px;
	display: block;
	border-bottom: 1px solid #eee;
	font-weight: 400;
	padding: 6px 10px
}
.navbar-default li>ul.user-menu li a i {
	margin-right: 8px
}
.li .dropdown-menu.user-menu>.active>a, .dropdown-menu.user-menu>.active>a:focus {
	background: #ddd;
	color: #444;
	font-weight: 700
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
	background-color: #eee
}
.navbar-default .navbar-toggle {
	border-color: #eee;
	border-radius: 0
}
.title-menu {
	font-size: 15px;
	padding: 12px 15px;
	border-bottom: 1px solid #eee;
	text-transform: uppercase
}
.navmenu, .navbar-offcanvas {
	width: 180px;
	z-index: 99999
}
.navmenu-default, .navbar-default .navbar-offcanvas {
	background-color: #fff;
	border-left: 1px solid #eee
}
.navmenu-default .navmenu-nav>li>a:hover, .navbar-default .navbar-offcanvas .navmenu-nav>li>a:hover, .navmenu-default .navmenu-nav>li>a:focus, .navbar-default .navbar-offcanvas .navmenu-nav>li>a:focus {
	color: #03a9f4;
	background-color: transparent
}
.nav>li {
position: relative;
/*	display: block;
	width: 100%*/
padding: 15px 10px;
font-size: 16px;
font-weight: 600;
}
.navmenu-default .navmenu-nav>li>a, .navbar-default .navbar-offcanvas .navmenu-nav>li>a {
	color: #444;
	padding: 0 15px;
	width: 100%;
	display: inline-block;
	font-size: 12px;
	border-bottom: 1px solid #eee
}
nav#menu span.fa.fa-bars:hover {
	color: #03a9f4
}
.navmenu-default .navmenu-nav>.active>a, .navbar-default .navbar-offcanvas .navmenu-nav>.active>a, .navmenu-default .navmenu-nav>.active>a:hover, .navbar-default .navbar-offcanvas .navmenu-nav>.active>a:hover, .navmenu-default .navmenu-nav>.active>a:focus, .navbar-default .navbar-offcanvas .navmenu-nav>.active>a:focus {
	color: #03a9f4
}
.navbar .navbar-nav>li>.dropdown-menu {
	margin-top: 0
}
.close {
	background: 0 0;
	padding: 8px 12px;
	opacity: 1
}
.close i {
	background: #e74c3c;
	color: #fff;
	padding: 6px;
	font-size: 16px
}
#counter {
	background: url(../img/bg/counter-bg.jpg) center center no-repeat;
	background-size: cover;
	color: #fff;
	padding: 60px 0;
	text-align: center
}
.counting .icon {
	margin-bottom: 10px
}
.counting .icon span {
	display: inline-block;
	border: 3px solid #fff;
	text-align: center;
	width: 80px;
	background: #444;
	height: 80px;
	border-radius: 50%;
	position: relative;
	overflow: hidden;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}
.counting .icon span i {
	color: #fff;
	display: inline-block;
	font-size: 30px;
	line-height: 80px;
	z-index: 99;
	text-shadow: 5px 5px 2px rgba(56,49,49,.5)
}
.counting .desc h3 {
	font-size: 24px;
	color: #fff
}
.counting .desc p {
	font-size: 16px
}
.counting:hover span {
	background: #03a9f4;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}
.mainHeading {
	text-align: center;
	margin-bottom: 20px
}
.mainHeading .section-title {
	font-size: 24px;
	letter-spacing: .1em;
	padding: 20px 0;
	text-transform: uppercase;
	font-weight: 400
}
#pricing-table {
	background: #fff;
	text-align: center
}
#pricing-table .title {
	padding-top: 25px;
	padding-bottom: 20px
}
#pricing-table .title h1 {
	font-size: 48px;
	color: #888;
	font-weight: 400;
	line-height: 40px
}
#pricing-table .title h3 {
	color: #444;
	text-transform: uppercase;
	font-size: 24px;
	margin-bottom: 0
}
#pricing-table .table {
	padding-bottom: 50px;
	border: 1px solid #eee;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}
#pricing-table .table .pricing-header {
	position: relative;
	padding: 30px 0;
	background: #fafafa none repeat scroll 0% 0%;
	text-align: center;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	margin-bottom: 50px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}
#pricing-table .table .pricing-header .price-value {
	font-size: 64px;
	color: #03a9f4;
	position: relative;
	text-align: center;
	font-weight: 700;
	line-height: 62px
}
#pricing-table .table .pricing-header .price-value sup {
	font-size: 24px;
	position: relative;
	top: -24px;
	font-weight: 400
}
#pricing-table .table .pricing-header .price-quality {
	font-size: 14px;
	color: #888
}
#pricing-table .table .description {
	text-align: center;
	padding: 0 50px;
	margin-bottom: 50px
}
#pricing-table .table .description li {
	font-size: 14px;
	color: #888;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	margin-bottom: 10px
}
#pricing-table .table .description i {
	color: #03a9f4;
	margin-right: 5px
}
#pricing-table .table:hover {
	border: 1px solid #03a9f4;
	box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15)
}
#pricing-table .table:hover .pricing-header {
	background: #03a9f4
}
#pricing-table .table:hover .pricing-header .price-value {
	color: #fff
}
#pricing-table .table:hover .pricing-header .price-quality {
	color: #fff
}
#pricing-table #active-tb {
	border: 1px solid #03a9f4;
	box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15)
}
#pricing-table #active-tb .pricing-header {
	background: #03a9f4
}
#pricing-table #active-tb .pricing-header .price-value {
	color: #fff
}
#pricing-table #active-tb .pricing-header .price-quality {
	color: #fff
}
.post-title {
	font-size: 38px;
	font-weight: 700;
	margin-bottom: 10px
}
.post-title a {
	color: #444
}
.post-title a:hover {
	color: #03a9f4
}
.blog-post {
	margin-bottom: 40px
}
.blog-post .post-thumb {
	position: relative
}
.blog-post .post-thumb .hover-wrap {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	text-align: center;
	height: 100%;
	background: rgba(246,246,246,.5);
	opacity: 0;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease
}
.blog-post .post-thumb:hover .hover-wrap {
	opacity: 1
}
.blog-post .post-content {
	width: 100%;
	padding: 30px;
	border: 1px solid #eee
}
.blog-post .post-content .meta {
	font-size: 13px;
	margin-bottom: 10px
}
.blog-post .post-content .meta i {
	margin-right: 4px
}
.blog-post .post-content .meta .meta-part {
	display: inline-block;
	border-right: 1px solid #e2e2e2;
	margin-right: 10px;
	padding-right: 10px
}
.blog-post .post-content .meta .meta-part a {
	color: #888
}
.blog-post .post-content .meta .meta-part:last-child {
	border-right: none
}
.blog-post .post-content p {
	color: #888
}
.quote-post .quote-wrap {
	text-align: center;
	padding: 50px 0;
	font-size: 25px;
	font-style: italic;
	font-weight: 400;
	background: #f7f7f7
}
.quote-post .quote-wrap blockquote {
	border-left: none;
	font-size: 25px;
	line-height: 30px
}
.video-post .video-wrapper {
	width: 100%;
	position: relative;
	padding: 0
}
.video-post .video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border: none
}
.right-sidebar {
	padding-left: 20px
}
.search {
	width: 100%;
	margin-bottom: 0!important;
	position: relative
}
.search-btn {
	position: absolute;
	top: 12px;
	right: 30px;
	border: none;
	background: 0 0
}
.search-btn i {
	color: #888
}
#sidebar {
	margin-bottom: 30px
}
#sidebar .widget {
	border: 1px solid #eee;
	padding: 20px 28px;
	margin-bottom: 30px
}
#sidebar .posts-list li {
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #ccc
}
#sidebar .posts-list li:last-child {
	margin: 0;
	padding: 0;
	border: none
}
#sidebar .posts-list .widget-thumb {
	float: left
}
#sidebar .posts-list .widget-thumb a {
	display: block
}
#sidebar .posts-list .widget-thumb a img {
	border: 1px solid #ccc;
	padding: 3px;
	margin: 5px 15px 0 0;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out
}
#sidebar .posts-list .widget-thumb:hover img {
	border-color: #03a9f4
}
#sidebar .posts-list .widget-content a {
	font-weight: 400;
	color: #333;
	font-size: 14px
}
#sidebar .posts-list .widget-content span {
	color: #666;
	font-size: 12px;
	display: block;
	margin: 3px 0
}
#sidebar .posts-list .widget-content span i {
	padding-right: 5px
}
#sidebar .tag a {
	display: inline-block;
	font-size: 12px;
	color: #333;
	padding: 7px 12px;
	border: 1px solid #ccc;
	margin: 4px 1px;
	border-radius: 0x;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out
}
#sidebar .tag a i {
	padding-right: 5px
}
#sidebar .tag a:hover {
	border-color: #03a9f4;
	color: #fff;
	background: #03a9f4
}
.single-post p {
	margin-bottom: 20px!important
}
.single-post blockquote {
	border-left: none;
	text-align: center;
	padding: 30px;
	background: #03a9f4
}
.single-post blockquote .quote-text {
	font-size: 20px;
	font-weight: 400;
	color: #fff;
	line-height: 34px
}
.single-post blockquote p {
	margin-top: 10px;
	margin-bottom: 0!important
}
.single-post blockquote p a {
	color: #fff
}
.single-post blockquote p a:hover {
	color: #fff
}
.author .author-img {
	float: left;
	margin-right: 30px
}
.author .author-text .author-title {
	width: 100%;
	height: 34px
}
.author .author-text h3 {
	font-size: 22px;
	font-weight: 400;
	margin-bottom: 26px
}
.author .author-text p {
	color: #888;
	line-height: 26px
}
#comments h3 {
	font-size: 20px;
	font-weight: 400
}
#comments .comments-list {
	padding: 0;
	margin: 0 0 35px
}
#comments .comments-list .media {
	padding: 30px 0;
	border-bottom: 1px solid #ddd
}
#comments .comments-list .media .thumb-left {
	float: left;
	width: 200px
}
#comments .comments-list .media .thumb-left img {
	border-radius: 4px
}
#comments .comments-list .media .info-body {
	margin-left: 20px
}
#comments .comments-list .media .info-body .name {
	font-size: 16px;
	font-weight: 700;
	float: left;
	line-height: 25px;
	margin-right: 10px
}
#comments .comments-list .media .info-body .media-heading {
	display: inline-block;
	width: 100%
}
#comments .comments-list .media .info-body .comment-date {
	font-weight: 600;
	color: #888;
	margin-left: 5px;
	font-size: 12px
}
#comments .comments-list li ul {
	padding-left: 85px
}
.reply-link {
	color: #888;
	border-radius: 0;
	font-size: 14px;
	float: right;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease
}
.respond-title {
	font-size: 20px;
	font-weight: 400;
	padding: 0 0 30px
}
.main-desc {
	margin-bottom: 30px
}
.main-desc p {
	font-size: 26px;
	font-weight: 400;
	line-height: 36px
}
.projects-carousel .owl-controls .owl-buttons {
	right: 9px
}
.social-link a {
	color: #cacaca;
	text-align: center;
	width: 32px;
	border: 1px solid #cacaca;
	line-height: 32px;
	border-radius: 0;
	display: inline-block;
	height: 32px
}
.social-link .facebook:hover {
	color: #3b5998;
	border-color: #3b5998
}
.social-link .twitter:hover {
	color: #55acee;
	border-color: #55acee
}
.social-link .google:hover {
	color: #dd4b39;
	border-color: #dd4b39
}
.social-link .linkedin:hover {
	color: #007bb5;
	border-color: #007bb5
}
.head-faq {
	margin-bottom: 20px
}
.panel-group .panel {
	margin-bottom: 24px
}
.panel-default {
	border-radius: 0;
	border: none
}
.panel-default .panel-heading {
	padding: 0 30px;
	outline: medium;
	border-radius: 0;
	background: #e6e6e6;
	border: 1px solid #ccc;
	width: 100%;
	box-shadow: none
}
.panel-default .panel-heading .panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 16px;
	color: inherit
}
.panel-default .panel-heading a {
	font-size: 15px;
	font-weight: 400;
	padding: 15px 35px 15px 0;
	display: inline-block;
	width: 100%;
	color: #444;
	position: relative;
	text-decoration: none
}
.panel-default .panel-heading a:after {
	font-family: linearicons-free;
	content: "\e881";
	position: absolute;
	right: 15px;
	color: #03a9f4;
	font-size: 14px;
	font-weight: 300;
	top: 50%;
	line-height: 1;
	margin-top: -7px
}
.panel-default .panel-heading .collapsed:after {
	content: "\e882"
}
.panel-default .panel-collapse .panel-body {
	padding: 15px 30px;
	background-color: #fff;
	border: 1px solid #ccc
}
.contact-form, .information {
	margin-top: 40px
}
.contact-datails {
	margin-bottom: 12px;
	min-height: 75px;
	position: relative
}
.contact-datails .icon {
	position: absolute
}
.contact-datails .icon i {
	font-size: 18px
}
.contact-datails .info {
	padding-left: 30px
}
.contact-datails .info h3 {
	font-size: 15px;
	display: block;
	text-transform: uppercase
}
.contact-datails .info .datail {
	display: block;
	color: #888
}
.form-control {
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: 0;
	box-shadow: 0 0 1px rgba(0,0,0,.075);
	color: #444;
	display: block;
	padding:10px;
	width: 100%
}
.input-icon input {
	padding-left: 40px
}
.input-icon {
	position: relative
}
.login-form .input-icon i {
	color: #444;
	opacity: .6;
	border-right: 1px solid #ccc;
	padding-right: 10px
}
.input-icon i {
	font-size: 15px;
	left: 12px;
	line-height: 22px;
	margin-top: -11px;
	position: absolute;
	top: 50%
}
.form-control:focus, textarea:focus {
	box-shadow: none;
	border: 1px solid #03a9f4;
	outline: none
}
.has-error .form-control:focus {
	box-shadow: none
}
.addon {
	font-size: 20px;
	color: #888;
	border-radius: 0;
	width: 32px!important
}
.box {
	padding: 15px;
	border: 1px solid #ddd;
	box-shadow: 3px 3px 9px rgba(0,0,0,.075)
}
.page-login-form h3 {
	font-size: 18px;
	color: #444;
	line-height: 18px;
	padding: 15px 0 30px;
	text-transform: uppercase;
	text-align: center
}
.page-login-form .login-form .form-control {
	background: #fff!important
}
.page-login-form .log-btn {
	width: 100%;
	padding: 12px 22px;
	margin: 0 0 20px;
	letter-spacing: 1;
	text-transform: capitalize;
	font-size: 16px
}
.page-login-form .form-links {
	width: 100%;
	height: 25px
}
.page-login-form .form-links li {
	display: inline-block
}
.page-login-form .form-links li a {
	color: #999
}
.page-login-form .form-links li a:hover {
	color: #03a9f4
}
.page-login-form .checkbox {
	margin-bottom: 10px
}
.page-login-form input[type=checkbox] {
	display: none
}
.page-login-form .checkbox label {
	cursor: pointer;
	position: relative;
	padding-left: 25px;
	margin-bottom: 5px;
	color: #797979
}
.page-login-form .checkbox label:before {
	content: "\2022";
	display: inline-block;
	color: #cbcbcb;
	width: 16px;
	height: 16px;
	margin-right: 10px;
	position: absolute;
	left: 0;
	top: 5px;
	border: 1px solid #e6e6e6;
	border-radius: 8px;
	font-size: 35px;
	text-align: center;
	line-height: 10px
}
.page-login-form .checkbox input[type=checkbox]:checked+label:before {
	content: "\2022";
	color: #03a9f4;
	font-size: 35px;
	text-align: center;
	line-height: 10px
}
.page-login-form .checkbox-inline+.checkbox-inline {
	margin-left: 0
}
.table-action .checkbox {
	margin-top: 0;
	float: left
}
.subscribe .btn {
	padding: 14px 22px
}
.registration .form-group {
	margin: 0
}
.registration .form-group .lable {
	margin-bottom: 10px
}
.registration .form-group .form-control {
	background: #fff!important
}
.registration .btn {
	padding: 7px 20px;
	border: none
}
.padding-0 {
	padding: 0
}
.form-ad .checkbox label {
	margin-bottom: 0
}
.kv-file-zoom, .file-upload-indicator {
	display: none
}
.page-ads .title-2 {
	color: #03a9f4
}
.control-label {
	font-size: 14px;
	color: #555;
	font-weight: 700;
	margin-bottom: 10px
}
.btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	text-align: right;
	opacity: 0;
	background: transparent none repeat scroll 0 0;
	cursor: inherit;
	display: block
}
.file-caption {
	height: 54px
}
.mb15 {
	margin-bottom: 15px
}
.mb30 {
	margin-bottom: 30px
}
.red-bg {
	background: #d9534f
}
.red-bg .styled-select {
	color: #fff
}
.form-static {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle
}
.radio-inline {
	margin-right: 5px
}
footer .footer-Content {
background-color: #f1f1f1;
padding: 60px 0;
color: #fff;
}
.textwidget {
	font-size: 14px;
	font-weight: 300;
	line-height: 24px;
	color: #fff;
}
footer .menu {
	padding-left: 0
}
footer .menu li {
	float: left;
	width: 50%;
	padding-bottom: 10px
}
footer .menu li a {
	color: #555;
}
footer .menu li a:hover {
	color: #03a9f4
}
.twitter-content ul li {
	margin-bottom: 10px;
	padding-bottom: 10px
}
.twitter-content span {
	float: left;
	width: 224px
}
.twitter-content span a {
	color: #03a9f4
}
.featured-list {
	margin: 0;
	padding: 0;
	display: inline-block
}
.featured-list li {
	float: left;
	width: 70px;
	height: 70px;
	margin-right: 6px;
	margin-bottom: 6px;
	border: 4px solid #fff;
	overflow: hidden;
	position: relative
}
.featured-list li .hover a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(52,152,219,.8);
	z-index: 1;
	opacity: 0;
	text-align: center;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}
.featured-list li .hover a span {
	color: #fff;
	position: absolute;
	top: 32%;
	margin: 0 -15px
}
.featured-list li .hover a:hover {
	opacity: 1
}
.bottom-social-icons a {
	color: #fff;
	text-align: center;
	width: 32px;
	line-height: 32px;
	border-radius: 0;
	background: #444;
	display: inline-block;
	height: 32px;
	position: relative;
	overflow: hidden
}
#copyright {
	background-color: #ffff;
	padding: 20px 0 10px;
	color: #555;
}
#copyright p {
line-height:2.3;font-size: 14px;
}
#copyright p a {
color: #555;
padding-left: 6px;
padding-right: 6px;
}
#copyright p a:hover {
	color: #03a9f4
}
.social-icon a:hover {
	color: #fff
}
.social-icon .facebook:hover {
	background-color: #3b5998
}
.social-icon .twitter:hover {
	background-color: #55acee
}
.social-icon .dribble:hover {
	background-color: #d34836
}
.social-icon .flickr:hover {
	background-color: #ff0084
}
.social-icon .youtube:hover {
	background-color: #cc181e
}
.social-icon .google-plus:hover {
	background-color: #dd4b39
}
.social-icon .linkedin:hover {
	background-color: #007bb5
}
/** Add business logo **/
.title-logo-box{
	height: 100px;
	width: 160px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 0px;
	background-color: #fff;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	-ms-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) ;
	-webkit-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	-moz-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	-o-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	}
	
	.cs-title-logo{
		max-width: 100%;
		height: 90px;
		object-fit: contain;
		width: 100%;
	}