/*
	Theme Name: TrendyStuff
	Theme URI: http://premiumlayers.net/demo/wp/trendystuff/
	Author: PremiumLayers
	Author URI: http://themeforest.net/user/premiumlayers/portfolio
	Description: A fully responsive ultra-customizable Worpdress theme. 
	Version: 1.5.1
	License: GNU General Public License
	License URI: license.txt
	Tags: threaded-comments, theme-options, sticky-post, full-width-template, flexible-header, featured-images, custom-menu, custom-header, custom-colors, custom-background
	Text Domain: trendystuff
*/

/*------------------------------------------------------------------
[TABLE OF CONTENTS]

	1. Global Styles
	2. Header 
		2.1. Menu Styles 
	3. Slider
	4. Services 
	5. Blog Styles 
	6. Portfolio 
		6.1. Portfolio 2 

	7. Pricing Table  
	8. Clients 
	9. Promo Box 
	10. Icons Wrap 
	11. Newsletter 
	12. Toggle Styles 
	13. Skills Bar 
	14. Team 
	15. Testimonials  
	16. Timeline 
	17. Contact Page 
	18. Twitterfeed 
	19. Info Wrap 
	20. Footer 
	21. Sidebar 
	22. Subpage Extras 
	
-------------------------------------------------------------------*/
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/eot/IRANSansWeb(FaNum)_Black.eot');
	src: url('../fonts/eot/IRANSansWeb(FaNum)_Black.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff2/IRANSansWeb(FaNum)_Black.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/IRANSansWeb(FaNum)_Black.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/IRANSansWeb(FaNum)_Black.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/eot/IRANSansWeb(FaNum)_Bold.eot');
	src: url('../fonts/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff2/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/IRANSansWeb(FaNum)_Bold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/IRANSansWeb(FaNum)_Bold.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/eot/IRANSansWeb(FaNum)_Medium.eot');
	src: url('../fonts/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff2/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/IRANSansWeb(FaNum)_Medium.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/IRANSansWeb(FaNum)_Medium.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/eot/IRANSansWeb(FaNum)_Light.eot');
	src: url('../fonts/eot/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff2/IRANSansWeb(FaNum)_Light.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/IRANSansWeb(FaNum)_Light.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/IRANSansWeb(FaNum)_Light.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 200;
	src: url('../fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot');
	src: url('../fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff2/IRANSansWeb(FaNum)_UltraLight.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/IRANSansWeb(FaNum)_UltraLight.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/IRANSansWeb(FaNum)_UltraLight.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/eot/IRANSansWeb(FaNum).eot');
	src: url('../fonts/eot/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff2/IRANSansWeb(FaNum).woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/IRANSansWeb(FaNum).woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/IRANSansWeb(FaNum).ttf') format('truetype');
}

.screen-reader-text {
	visibility: hidden;
	display: none;
}

/* 1. Global Styles */

body {
	font-family: IRANSans;
	color: #000;
	background: #fdad00;
}

p {
	line-height: 1.6em;
}

a,
a:hover,
a:focus,
a:active,
a.active {
	outline: 0;
	color: #404040;
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	
}

.body {
	

	background: transparent;
}


.ts-main-left {
	width: 73.5%;
	background: #fff;
	padding: 40px 40px 40px 40px;
}

.ts-main-right {
	width: 26.5%;
	padding: 0;
}

/* 2. Header */
.main-wrap.container {padding:0}
header {
}

.logo h3 {
	margin: 0;
}

.ts-social {
	padding: 0;
	display: table;
	float: right;
	margin: 0;
}

.ts-social li {
	float: left;
	list-style: none;
	margin-left: 10px;
}

.ts-social li a {
	width: 35px;
	height: 35px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: solid 1px #e5e5e5;
	display: table;
	text-align: center;
	line-height: 33px;
	position: relative;
	z-index: 77;
	transition: .4s;
	/*color: #;*/
}

.ts-social li a:hover span {
	-webkit-animation: toTopFromBottom 0.3s forwards;
	-moz-animation: toTopFromBottom 0.3s forwards;
	animation: toTopFromBottom 0.3s forwards;
}

@-webkit-keyframes toTopFromBottom {
	49% {
		-webkit-transform: translateY(-100%);
	}

	50% {
		opacity: 0;
		-webkit-transform: translateY(100%);
	}

	51% {
		opacity: 1;
	}
}

@-moz-keyframes toTopFromBottom {
	49% {
		-moz-transform: translateY(-100%);
	}

	50% {
		opacity: 0;
		-moz-transform: translateY(100%);
	}

	51% {
		opacity: 1;
	}
}

@keyframes toTopFromBottom {
	49% {
		transform: translateY(-100%);
	}

	50% {
		opacity: 0;
		transform: translateY(100%);
	}

	51% {
		opacity: 1;
	}
}

.ts-social li a:hover {
	background: #3db7f0;
	border: solid 1px transparent;
	color: #fff;
	transition: .4s;
}

/* 2.1. Menu Styles */

#nav_menu {
}

#nav_menu,
#nav_menu ul,
#nav_menu ul li,
#nav_menu ul li a,
#nav_menu #menu-button {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: 1;
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#nav_menu:after,
#nav_menu > ul:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

#nav_menu #menu-button {
	display: none;
}

#nav_menu {
	width: auto;
	line-height: 1;
	margin: 40px 0px 25px;
	position: relative;
	z-index: 99999;
}

#nav_menu > ul {
	width: 100%;
	display: table;
	height: 130px;
}

#nav_menu > ul > li {
	float: left;
	width: 20%;
	text-align: center;
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
	border-right: 1px solid #3f4a59;
	position: relative;
}


#nav_menu > ul > li:last-child {
	border-right: none;
}

#nav_menu > ul > li a i {
	width: 44px;
	height: 43px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: solid 1px rgba(255,255,255,0.1);
	display: block;
	line-height: 41px;
	color: #fff;
	text-align: center;
	font-size: 16px;
	display: table;
	margin: 0 auto 15px;
	box-shadow: 0 0 0 30px transparent;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: box-shadow .6s ease-in-out;
	-moz-transition: box-shadow .6s ease-in-out;
	-o-transition: box-shadow .6s ease-in-out;
	-ms-transition: box-shadow .6s ease-in-out;
	transition: box-shadow .6s ease-in-out;
}

#nav_menu > ul > li a:hover i {
	border: solid 1px rgba(255,255,255,0.2);
	background: rgba(255,255,255,0.2);
	box-shadow: 0 0 0 0 rgba(255,255,255,0.3);
	-webkit-transition: box-shadow .4s ease-in-out;
	-moz-transition: box-shadow .4s ease-in-out;
	-o-transition: box-shadow .4s ease-in-out;
	-ms-transition: box-shadow .4s ease-in-out;
	transition: box-shadow .4s ease-in-out;
}

#nav_menu > ul > li a span {
	font-size: 8px;
	position: relative;
	top: -4px;
}

#nav_menu.align-center > ul {
	font-size: 0;
	text-align: center;
}

#nav_menu.align-center > ul > li {
	display: inline-block;
	float: none;
}

#nav_menu.align-center ul ul {
	text-align: left;
}

#nav_menu.align-right > ul > li {
	float: right;
}

#nav_menu.align-right ul ul {
	text-align: right;
}

#nav_menu > ul > li > a {
	padding: 28px 0px 26px;
	font-size: 14px;
	font-weight:700;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	background: #424242;
	transition: .4s;
	position: relative;
	z-index: 15;
}

#nav_menu > ul > li:hover > a,
#nav_menu > ul > li.active > a {
	color: #424242;
	background: #fdad00;
	border: none;
	transition: .5s;
}

#nav_menu > ul > li:hover,
#nav_menu > ul > li.active {
	border: none;
}

#nav_menu ul ul {
	position: absolute;
	left: -9999px;
	background: rgba(98,104,112,0.7);
	opacity: 0.9;
	padding: 0;
	width: 100px;
	min-width: 230px;
	max-width: 400px;
	transition: .3s;
	top: 150px;
	border-top: 1px solid #626c79;
}

#nav_menu li:hover > ul {
	left: auto;
	top: 100% !important;
	transition: .3s;
	z-index:99999;
}

#nav_menu.align-right li:hover > ul {
	right: 0;
}

#nav_menu ul ul ul {
	margin-left: 100%;
	top: -1px;
	background: rgba(0,0,0,0.7);
	min-width: 150px;
	max-width: 400px;
	top: -15px;
	transition: .3s;
}

#nav_menu ul ul li:hover > ul {
	left: auto;
	top: 0px !important;
	transition: .3s;
}

#nav_menu.align-right ul ul ul {
	margin-left: 0;
	margin-right: 100%;
}

#nav_menu ul ul li a {
	text-transform: none;
	padding: 0 25px;
	font-size: 15px;
	line-height: 60px;
	text-align: left;
	margin: 0px;
	text-decoration: none;
	color: #fff;
	border-bottom: 1px solid #626870;
	-webkit-transition: color .2s ease;
	-moz-transition: color .2s ease;
	-ms-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease;
}

#nav_menu ul ul li:last-child a {
	border-bottom: none;
}

#nav_menu ul ul li:hover > a,
#nav_menu ul ul li a:hover {
	color: #ffffff;
	background: #56616f;
}

#nav_menu ul li:nth-child(6) ul ul {
	margin-left: -230px;
	top: -1px;
	background: rgba(0,0,0,0.7);
	min-width: 230px;
	max-width: 400px;
	top: -15px;
	transition: .3s;
}

/* 3. Slider */

.slider {
	margin-bottom: 40px;
}

.flexslider .slides > li {
	position: relative;
}

.flex-caption {
	background: rgba(0,0,0,0.5);
	width: 100%;
	text-align: center;
	font-size: 19px;
	color: #fff;
	position: absolute;
	bottom: 0px;
	right: 0;
	left: 0;
	padding: 19px 0 57px;
	-webkit-animation: slideIn;
	-moz-animation: slideIn;
	-o-animation: slideIn;
	animation: slideIn;
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-o-animation-duration: 2s;
	animation-duration: 2s;
}

@-webkit-keyframes slideIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-moz-keyframes slideIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-o-keyframes slideIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes slideIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.home-slider-nav {
	padding: 0;
	display: table;
	margin: -36px auto 0;
	position: relative;
	z-index: 999;
}

.home-slider-nav li {
	margin: 6px 1px 0;
	list-style: none;
	float: left;
	font-family: Open Sans, Arial;
	color: #fff;
	width: 36px;
	height: 30px;
	background: #3db7f0;
	text-align: center;
	line-height: 28px;
	transition: .4s;
	position: relative;
	cursor: pointer;
}

.home-slider-nav li.flex-active {
	height: 36px;
	margin: 0px 1px 0;
	transition: .4s;
	line-height: 32px;
}

.home-slider-nav li.flex-active:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 18px 9px;
	border-color: #3db7f0 transparent;
	display: block;
	width: 0;
	z-index: 1;
	top: -9px;
	left: 0px;
}

/* 4. Services */

#services {
	padding: 20px 0;
}

.service-content {
	width: 235px;
	height: 235px;
	background: transparent;
	border: 10px solid #f5f5f5;
	border-radius: 50%;
	display: table;
	padding: 40px 0 0;
	margin: 0 auto;
	transition: .4s;
	cursor: pointer;
}

.service-content:hover {
	background: #3db7f0;
	border: 10px solid #3db7f0;
	transition: .4s;
}

#services ul {
	padding: 0;
	margin: 0 -20px;
}

#services ul li {
	width: 33.3333%;
	float: left;
	list-style: none;
}

.service-content i {
	width: 62px;
	height: 62px;
	border-radius: 50%;
	background: transparent;
	line-height: 62px;
	border: 1px solid #d6d6d6;
	text-align: center;
	color: #01b9eb;
	font-size: 28px;
	margin: 0 auto 25px;
	display: table;
}

.service-content:hover i {
	border: 1px solid #fff;
	color: #FFF;
}

.service-content h4 {
	font-size: 14px;
	font-weight: bold;
	color: #3c3c3c;
	text-align: center;
}

.service-content:hover h4 {
	color: #fff;
}

.service-content p {
	font-size: 13px;
	color: #949494;
	text-align: center;
	margin: 0;
}

.service-content:hover p {
	color: #fff;
}

/* 4.1. Services 2 */

#services2 {
	padding: 0 0 25px;
}

.services2-content i {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: #fff;
	line-height: 54px;
	color: #01b9eb;
	font-size: 26px;
	margin: 0 auto;
	display: table;
	float: left;
	text-align: center;
	transition: .4s;
	padding-top: 5px;
	position: relative;
	border: 1px solid #e1e1e1;
	overflow: hidden;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}

.services2-content i:after {
	display: none;
}

#services2 ul li:hover i {
	font-size: 30px;
	color: #fff;
	background: #3db7f0;
	border: 1px solid #3db7f0;
	transition: 0.4s;
}

#services2 ul {
	padding: 0;
}

#services2 ul li {
	float: left;
	width: 50%;
	list-style: none;
	padding-right: 20px;
	cursor: pointer;
	margin-bottom: 15px;
}

.s2c-inner {
	margin-left: 85px;
}

.s2c-inner h4 {
	font-size: 15px;
	color: #000000;
	margin: 5px 0 0;
	transition: .4s;
}

.s2c-inner p {
	font-size: 13px;
	color: #9a9a9a;
	line-height: 16px;
	margin: 0px;
	padding-top: 5px;
}

#services2 ul li:hover h4 {
	color: #3db7f0;
	transition: .4s;
}

#verticalTab {
	background: #fff;
	overflow: hidden;
	border: 1px solid #eeeeee;
}

/* 5. Blog Styles */


.hb-info {
	cursor: pointer;
}

.hb-meta {
	font-family: Roboto;
	font-size: 13px;
	color: #9c9c9c;
	font-weight: 300;
	text-align: center;
	transition: .4s;
	position: relative;
	z-index: 55;
}

.hb-meta i {
	width: 57px;
	height: 57px;
	background: #fff;
	color: #0E0E0E;
	font-size: 15px;
	border-radius: 50%;
	text-align: center;
	line-height: 57px;
	display: table;
	margin: -28px auto -7px;
	position: relative;
	z-index: 99;
	transition: .4s;
	z-index: -1;
}

.hb-info:hover .hb-meta i {
	color: #fff;
	background: #3db7f0;
	transition: .4s;
	transform: scale(1.2);
	font-size: 18px;
}

.hb-info:hover .hb-meta {
	color: #fff;
	transition: .4s;
}

.hb-inner {
	background: transparent;
	padding: 15px 17px;
	transition: .4s;
}

.hb-inner h4 {
	font-size: 17px;
	text-align: center;
	margin: 10px 0 0px;
	color: #3c3c3c;
	font-weight: 600;
	position: relative;
	transition: .4s;
}

.hb-inner h4 a {
	color: #3c3c3c;
	transition: .4s;
}

.hb-info:hover h4 a {
	color: #fff;
	transition: .4s;
}

.hb-info img {
	width: 100%;
}

.hb-inner p {
	font-size: 14px;
	text-align: center;
	color: #717171;
	transition: .4s;
}

.hb-info:hover p {
	color: #fff;
	transition: .4s;
}

.hb-info:hover .sep {
	background: #fff;
	transition: .4s;
}

.hb-info:hover .hb-inner {
	background: #3db7f0;
	transition: .4s;
}

.blog-content {
	margin-bottom: 0px;
}

.blog-content .col-md-4 ,
.blog-content .col-md-6 {
	margin-bottom: 38px;
}

#m-blog-content {
	padding: 25px 0px 35px;
}

#m-blog-content h4.post-title {
	font-size: 23px;
	font-weight: 700;
	color: #3db7f0;
	margin: 15px 0 0;
}

#m-blog-content p {
	color: #717171;
	font-size: 15px;
	
	margin-bottom: 16px;
}

/* 5.1. Comments */

.sub-comment1 {
	padding-left: 100px;
}

.sub-comment2 {
	padding-left: 200px;
}

.sub-comment3 {
	padding-left: 300px;
}

.comments-wrap h5 {
	font-weight: 400;
	font-size: 22px;
	color: #000;
	margin: 25px 0 25px;
}

.comments-wrap ul {
	padding: 0px;
}

.comments-wrap ul li {
	list-style: none;
	margin: 0 0 35px;
	display: table;
	width: 100%;
	position: relative;
}

.comments-wrap ul li img {
	float: left;
}

.comments-inner {
	margin-left: 100px;
}

.comment-author {
	font-family: Roboto;
	font-size: 14px;
	color: #3c3c3c;
	font-weight: 400;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 10px;
	display: table;
	margin-bottom: 10px;
}

.comment-author span {
	color: #d1d1d1;
	margin-left: 10px;
	position: relative;
}

.comment-author span:before {
	content: "/";
	color: #d1d1d1;
	position: relative;
	left: -5px;
	font-size: 16px;
}

.comments-inner {
	position: relative;
}

.comments-inner p {
	font-size: 15px;
	color: #a3a3a3;
	line-height: 18px;
}

.sub-comment1 .comments-inner:before, 
.sub-comment2 .comments-inner:before,
.sub-comment3 .comments-inner:before {
	content: "";
	width: 40px;
	height: 40px;
	border: 1px solid #dddddd;
	border-width: 0 0 1px 1px;
	position: absolute;
	left: -160px;
}

.article-comment-form h5 {
	font-size: 22px;
	color: #000;
	margin: 25px 0 25px;
	font-weight: 400;
}

.article-comment-form form input ,
.comment-form form input {
	height: 60px;
	border: 1px solid #eaeaea;
	width: 100%;
	padding: 15px 20px;
	padding-left: 77px;
	color: #555;
	margin-bottom: 10px;
}

.article-comment-form form span.form-icon ,
.comment-form form span.form-icon {
	height: 60px;
	border-right: 1px solid #eaeaea;
	width: 60px;
	text-align: center;
	display: table;
	margin: 0px 0px -60px;
	position: relative;
	padding: 16px 14px 0;
}

.article-comment-form form span.form-icon i ,
.comment-form form span.form-icon i {
	height: 30px;
	border: 1px solid #3db7f0;
	width: 30px;
	text-align: center;
	line-height: 28px;
	color: #3db7f0;
	font-size: 12px;
	border-radius: 50%;
}

.article-comment-form form textarea ,
.comment-form form textarea {
	height: 130px;
	border: 1px solid #eaeaea;
	width: 100%;
	padding: 12px 17px;
	color: #555;
	margin-bottom: 10px;
}

.article-comment-form button ,
.comment-form button {
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
	border: 2px solid #3db7f0;
	background: #3db7f0;
	transition: 0.3s;
	width: 100%;
}

.article-comment-form button:hover ,
.comment-form button:hover {
	color: #3db7f0;
	border: 2px solid #3db7f0;
	background: #fff;
	transition: 0.3s;
}

.less38 {
	margin-top: -38px !important;
}

/* 6. Portfolio */


.hw-info {
	position: relative;
	cursor: pointer;
}

.hw-info h4 {
	font-family: Open Sans;
	font-size: 18px;
	color: #fff;
	font-weight: 400;
	padding: 18px 22px;
	background: rgba(0,0,0,0.5);
	position: absolute;
	top: 30px;
	left: 30px;
	opacity: 1;
	visibility: visible;
	transition: .4s;
}

.hw-trigger {
	width: 46px;
	height: 46px;
	text-align: center;
	background: #fff;
	display: table;
	position: absolute;
	right: 0px;
	bottom: 0px;
	transition: .5s;
}

.hw-trigger:after {
	content: "\f067";
	font-family: FontAwesome;
	font-size: 16px;
	color: #6F6F6F;
	padding-top: 12px;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	transition: .4s;
}

.hw-info:hover .hw-trigger {
	background: #3db7f0;
	transition: .5s;
}

.hw-info img {
	width: 100%;
}

.hw-info:hover .hw-trigger:after {
	color: #fff;
}

.active .hw-trigger, .current .hw-trigger {
	background: #3db7f0;
	transition: .5s;
	right: 30px;
}

.active .hw-trigger:after , .current .hw-trigger:after {
	content: "\f068";
	color: #fff;
	transition: .4s;
}

.current h4, .active h4 {
	opacity: 0;
	visibility: hidden;
	transition: .4s;
}

.hw-expand {
	padding: 30px 15px;
	background: #fff;
	display: none;
	border: 1px solid #dfe5eb;
	border-top: none;
}

.hw-expand h3 {
	font-size: 22px;
	font-family: Open Sans;
	color: #626262;
	font-weight: 400;
	margin: 0 0 15px;
}

.hw-expand p {
	font-size: 13px;
	color: #717171;
	line-height: 26px;
	margin-bottom:20px;
}

.shots-wrap {
	border: 1px solid #dfe5eb;
	display: table;
}

.shots-wrap li img {
	width: 100%;
}

.shots-wrap {
	border: 1px solid #DFE5EB;
	display: table;
	margin-top: 25px;
}

.shots-wrap h5 {
	height: 53px;
	padding: 0 20px;
	line-height: 53px;
	background: #3db7f0;
	font-size: 16px;
	font-family: Open Sans;
	color: #fff;
	font-weight: 400;
}

.shots-wrap ul {
	margin: 0px !important;
	padding: 11px 11px 11px;
	display: table;
}

.shots-wrap ul li {
	margin: 0 !important;
	float: left!important;
	padding: 8px!important;
	list-style: none!important;
	width: 33.33333%!important;
}

.shots-wrap ul li span {
	position: relative;
	display: table;
	width:100%;
}

.shots-wrap ul li span a {
	position: relative;
	display: table;
	width:100%;
}

.shots-wrap ul li a:before {
	content: "\f00e";
	background: rgba(61,183,240,0.8);
	font-size: 28px;
	color: #fff;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-family: FontAwesome;
	padding-top: 30%;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	transition: .4s;
}

.shots-wrap ul li:hover a:before {
	opacity: 1;
	visibility: visible;
	transition: .4s;
}

/* 6.1. Portfolio 2 */


.isotope-item {z-index: 2;}
.isotope-hidden.isotope-item {pointer-events: none; z-index: 1;}
.isotope, .isotope .isotope-item {
	-webkit-transition-duration: 1200ms;
	-moz-transition-duration: 1200ms;
	-ms-transition-duration: 1200ms;
	-o-transition-duration: 1200ms;
	transition-duration: 1200ms;
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity;
}
.home-works2 {
	padding: 20px 15px;
}

.project-2 .hw-info {
	width: 50%;
	float: left;
}

#project-2 {
	padding: 0px;
	
}

#project-2 li {
	float: left;
	width: 46%;
	margin: 0 2%;
	padding: 0 0 40px;
	list-style: none;
}

#project-2 li .hw-expand {
	position: absolute;
	z-index: 88;
	border: 1px solid #dfe5eb;
	border-top: none;
	width:46%;
}

#project-2 .shots-wrap {
	margin-top: 20px;
	display: table;
	width: 100%;
}

/* 7. Pricing Table */

#m-pricing {
	padding: 25px 0px;
}

.mp-icon {
	width: 53px;
	height: 53px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #3db7f0;
	border: 1px solid #3db7f0;
	margin: 0 auto -17px;
	position: relative;
	z-index: 1;
}

.mp-icon:before {
	content: "\f01a";
	color: #fff;
	font-family: 'FontAwesome';
	font-size: 24px;
	position: absolute;
	width: 100%;
	height: 100%;
	line-height: 51px;
	text-align: center;
	top: 0;
	left: 0;
	right: 0;
}

.pricing-table {
	position: relative;
	z-index: 10;
}

.pricing-table:hover .mp-icon {
	background-color: #fff;
	border: 1px solid #e5e5e5;
}

.pricing-table:hover .mp-icon:before {
	content: "\f0ab";
	color: #3db7f0;
}

.mp-title {
	background: #3db7f0;
	line-height: 60px;
	text-align: center;
	font-size: 21px;
	color: #fff;
	border: 1px solid #3db7f0;
	border-bottom: 1px solid #64c5f3;
}

.mp-price {
	height: 74px;
	background: #3db7f0;
	padding: 0px 20px;
	font-size: 50px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	border: 1px solid #3db7f0;
	border-top: none;
}

.mp-price small {
	font-size: 24px;
	color: #fff;
	font-weight: 400;
	margin-right: 5px;
	position: relative;
	top: -6px;
}

.mp-price span {
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	display: inline-block;
	line-height: 13px;
	position: relative;
	top: -13px;
	left: 5px;
	text-align: left;
}

.mp-price span em {
	font-style: normal;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	display: block;
}

.pricing-table {
	cursor: pointer;
}

.pricing-table:hover .mp-title ,
.pricing-table:hover .mp-price {
	background: #fff;
	border-color: #e3e3e3;
	color: #3db7f0;
}

.pricing-table:hover .mp-price ,
.pricing-table:hover .mp-price small ,
.pricing-table:hover .mp-price span,
.pricing-table:hover .mp-price span em {
	color: #3db7f0;
}

.pricing-table ul {
	padding: 0px;
	margin: 0px;
}

.pricing-table ul li {
	list-style: none;
	line-height: 46px;
	border: 1px solid #e3e3e3;
	border-width: 0 1px 1px 1px;
	font-size: 13px;
	color: #000;
	font-weight: 300;
	width: 100%;
	display: table;
	padding: 0 15px;
}

.pricing-table:hover ul li, 
.pricing-table:hover .mp-btn {
	border-color: #e3e3e3;
}

.pricing-table ul li i {
	font-size: 15px;
	color: #4a5768;
	margin-right: 10px;
}

.pricing-table:hover ul li i {
	color: #3db7f0;
}

.mp-btn {
	border: 1px solid #e3e3e3;
	border-width: 0 1px 1px 1px;
	padding: 20px;
}

.mp-btn a {
	background: transparent;
	border: solid 1px #e3e3e3;
	height: 45px;
	line-height: 45px;
	text-align: center;
	display: table;
	width: 100%;
	border-radius: 5px;
	font-size: 14px;
	text-transform: uppercase;
	color: #000;
}

.pricing-table:hover .mp-btn a {
	border-color: #3db7f0;
	background: #3db7f0;
	color: #fff;
}

.mp-title ,
.mp-price ,
.mp-price small ,
.mp-price span,
.mp-price span em ,
.mp-btn a
.pricing-table:hover .mp-title ,
.pricing-table:hover .mp-price ,
.pricing-table:hover .mp-price small ,
.pricing-table:hover .mp-price span,
.pricing-table:hover .mp-price span em ,
.pricing-table:hover .mp-btn a {
	transition: 0.3s;
}

/* 8. Clients */

.logo-slider  {
	padding: 25px 5px;
}

.logo-slider  .item {
	border: 1px solid #ececec;
	height: 110px;
	margin: 0 10px;
	transition: .3s;
	cursor: pointer;
}

.logo-slider  .item img {
	display: table;
	margin: 0 auto;
	padding: 45px 0;
	opacity: 0.1;
	transition: .3s;
}

.logo-slider  .item:hover {
	border: 1px solid #ececec;
	transition: .3s;
}

.logo-slider  .item:hover img {
	opacity: 1;
	transition: .3s;
}

.logo-slider  .owl-prev {
	width: 33px;
	height: 33px;
	border: 1px solid #e5e5e5;
	border-radius: 50%;
	opacity: 1;
	background: #fff;
	position: relative;
	float: left;
	font-size: 0px;
	left: 28px;
	line-height: 29px;
	position: absolute;
	top: 50%;
	margin-top: -17px;
}

.logo-slider  .owl-next {
	width: 33px;
	height: 33px;
	border: 1px solid #e5e5e5;
	border-radius: 50%;
	opacity: 1;
	background: #fff;
	position: relative;
	float: right;
	font-size: 0px;
	right: 28px;
	line-height: 29px;
	position: absolute;
	top: 50%;
	margin-top: -17px;
}

.logo-slider .owl-prev:before {
	content: "\f104";
	font-family: FontAwesome;
	font-size: 18px;
	color: #9f9f9f;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}

.logo-slider  .owl-next:before {
	content: "\f105";
	font-family: FontAwesome;
	font-size: 18px;
	color: #9f9f9f;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}

.logo-slider  .owl-buttons {
}

.logo-slider  .owl-prev:hover ,
.logo-slider  .owl-next:hover {
	background: #3db7f0;
	color: #fff;
	border-color: #3db7f0;
}

.logo-slider  .owl-prev:hover:before ,
.logo-slider .owl-next:hover:before {
	color: #fff;
}

.logo-slider {
	position: relative;
}

/* 9. Promo Box */

.promo-box {
	padding: 15px 0px 25px;
}

#promo-box {
	background: #3db7f0;
	padding: 35px;
	-webkit-box-shadow: inset 0 0 0 1px #fff;
	-moz-box-shadow: inset 0 0 0 1px #fff;
	box-shadow: inset 0 0 0 1px #fff;
	border: solid 17px #3db7f0;
}

#promo-box h4 {
	color: #fff;
	font-size: 19px;
	font-weight: 400;
	text-align: center;
	text-transform: uppercase;
	margin: 0 0 21px;
}

#promo-box a {
	display: table;
	height: 46px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #fff;
	color: #fff;
	padding: 0 15px;
	line-height: 46px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 auto;
}

#promo-box a:hover {
	background: #fff;
	color: #3db7f0;
}

/* 10. Icons Wrap */

#icons-wrap {
	padding: 25px 0px;
}

#icons-wrap ul {
	padding: 0px;
	margin: 0 -2%;
}

#icons-wrap ul li {
	float: left;
	list-style: none;
	width: 29.33333%;
	font-family: Roboto;
	font-size: 15px;
	color: #a1a1a1;
	padding-left: 58px;
	position: relative;
	font-weight: 300;
	height: 45px;
	border: 1px solid rgba(0,0,0,0.1);
	border-left: none;
	border-bottom: none;
	margin: 0 2% -1px;
	display: inline-block;
	line-height: 45px;
	transition: 0.3s;
	overflow: hidden;
	z-index: 11;
}

#icons-wrap ul li i {
	font-size: 20px;
	color: #fff;
	position: absolute;
	top: 0px;
	left: 0px;
	transition: 0.3s;
	background: #3db7f0;
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
}

#icons-wrap ul li:before {
	content: "";
	background: #3db7f0;
	position: absolute;
	width: 0%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	transition: .4s;
	z-index: -1;
}

#icons-wrap ul li:hover {
	transition: 0.3s;
	color: #fff;
	cursor: pointer;
}

#icons-wrap ul li:hover:before {
	width: 100%;
	transition: .4s;
}

.has-bdr {
	border-bottom: 1px solid rgba(0,0,0,0.1) !important;
}

/* 11. Newsletter */

.newsletter {
	background: url(images/xtra/3.jpg) no-repeat;
	background-size: 100% auto;
	padding: 30px;
	margin: 15px 0px 55px;
}

.newsletter form input {
	height: 55px;
	border: none;
	border-top: 3px solid #fff;
	text-align: center;
	background: transparent;
	color: #fff;
	font-size: 15px;
	width: 100%;
}

.newsletter form input:focus {
	outline: 0;
	color: #fff;
	background: transparent;
}

.newsletter form {
	padding: 0 30px;
}

.newsletter form button {
	background: #3db7f0;
	font-size: 17px;
	color: #fff;
	text-align: center;
	padding: 20px 30px;
	width: 100%;
	border: none;
	display: table;
}

.newsletter form button i {
	display: block;
	margin-bottom: 3px;
}

.newsletter form button:hover {
	background: #000;
	color: #fff;
}

/* 12. Toggle Styles */

.toggle-wrap {
	padding: 25px 30px;
}

#toggle-view {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	border: 1px solid #dbdbdb;
	background: #fff;
}

#toggle-view li {
	border-bottom: 1px solid #dbdbdb;
	position: relative;
	cursor: pointer;
	margin: 0;
}

#toggle-view li:last-child {
	border-bottom: none;
}

#toggle-view h3 {
	margin: 0px;
	font-size: 14px;
	color: #414141;
	padding: 20px 15px;
	height: 50px;
}

#toggle-view h3 i {
	color: #3DB7F0;
	font-size: 20px;
	margin: -5px 6px -5px 1px;
	position: relative;
	top: 2px;
}

#toggle-view span {
	position: absolute;
	right: 5px;
	top: 0px;
	font-size: 43px;
	width: 50px;
	height: 50px;
	border-left: 1px solid #dbdbdb;
	text-align: center;
	padding: 0;
	margin: 0;
	background: url(images/plus.png) no-repeat center center;
}

#toggle-view .panel {
	padding: 20px;
	display: none;
	border-top: 1px solid #dbdbdb;
	margin: 0 !important;
	border-bottom: none !important;
}

.panel-body p {
	color: #a4a4a4;
	line-height: 24px;
}

#toggle-view span img {
	position: relative;
	top: -9px;
}

.minus-ico {
	background: url(images/minus.png) no-repeat center center !important;
}

.plus-ico {
	background: url(images/plus.png) no-repeat center center !important;
}

.panel-body i {
	width: 68px;
	height: 68px;
	background: #3db7f0;
	font-size: 30px;
	line-height: 68px;
	text-align: center;
	border-radius: 50%;
	color: #fff;
	float: left;
	margin-right: 20px;
}

/* 13. Skills Bar */

.jCProgress {
	position: relative;
	z-index: 99999999;
}

.jCProgress > div.percent {
	font-size: 34px;
	color: #3db7f0;
	position: absolute;
	margin-top: 27px;
	margin-left: 28px;
	width: 195px;
	background: #FFF;
	height: 195px;
	border-radius: 50%;
	line-height: 192px;
	padding-left: 65.5px;
	font-weight: 300;
	border: 1px solid #fff;
	z-index: 99999;
}

.jCProgress > div.percent:before {
	content: "%";
	font-size: 34px;
	color: #3db7f0;
	right: 65.5px;
	position: absolute;
	font-weight: 300;
	z-index: 9999;
}

canvas {
	width: 218px !important;
	height: 218px !important;
	position: relative;
	z-index: 9999;
	margin: 16px;
	border-radius: 50% !important;
	z-index: 999;
}

.ms-wrap {
	padding: 5px 0px 0px;
}

.skill-wrap {
	width: 238px;
	height: 238px;
	border: 1px solid #e7e7e7;
	display: table;
	border-radius: 50%;
	background: #fff;
	transition: .3s;
}

#skill1, #skill2, #skill3 {
	margin: -16px -7px -5px;
	width: 218px;
	height: 218px;
	position: relative;
	top: 10px;
	display: table;
}

.skill-wrap:hover {
	transition: .3s;
	border: 1px solid #3db7f0;
	background: #3db7f0;
	cursor: pointer;
}

.skill-wrap:hover div.percent {
	font-size: 34px;
	color: #fff;
	background: #3db7f0;
	border-color: #3db7f0;
}

.skill-wrap:hover div.percent:before {
	content: "%";
	color: #fff;
}

.jCProgress {
	position: relative;
	z-index: 99999999;
	margin: 0 !important;
}

.round-skills h4 {
	text-align: center;
	color: #919191;
	margin: 20px 0 0;
}

.m-skills {
	padding: 15px 0px 5px;
}

.fs-wrap {
	margin-bottom: 19px;
}

.fs-wrap h4 {
	margin: 0 0 10px;
	font-size: 14px;
	color: #000;
	font-weight: 300;
}

.fs-wrap h4 span {
	float: right;
}

.fs-bar {
	padding: 7px;
	border: 1px solid #e5e5e5;
	display: table;
	width: 100%;
}

.fs-bar span {
	background: #3db7f0;
	height: 4px;
	display: table;
	width: 0px;
	transition: 1s;
}

/* 14. Team */

.m-team {
	padding: 45px 0px 0px;
}

.si-thumb {
	width: 235px;
	height: 315px;
	position: relative;
	margin: 0 auto 20px;
	overflow: hidden;
	cursor: pointer;
}

.si-thumb img {
	margin-top: 0px;
	transition: .4s;
}

.si-thumb h4 {
	background: transparent;
	border: 1px solid #ebebeb;
	color: #000000;
	font-size: 18px;
	text-align: center;
	padding: 22px 20px;
	position: absolute;
	top: auto;
	left: 0;
	right: 0;
	bottom: 0;
	transition: .4s;
	height: 81px;
}

.si-thumb h4 span {
	display: block;
	font-size: 14px;
	font-weight: 400;
	margin-top: 2px;
}

.si-thumb h4:before {
	content: "";
	width: 2px;
	height: 11px;
	background: #3db7f0;
	position: absolute;
	top: -30px;
	right: 0px;
	left: 0px;
	margin: 0 auto;
	transition: .4s;
	visibility: visible;
	opacity: 1;
	transition: .4s;
}

.si-thumb h4:after {
	visibility: hidden;
	opacity: 0;
	transition: .4s;
}

.si-thumb:hover img {
	margin-top: 81px;
	transition: .4s;
}

.si-thumb:hover h4 {
	background: #50a5d8;
	border: 1px solid #50a5d8;
	color: #fff;
	font-size: 18px;
	text-align: center;
	padding: 22px 20px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	transition: .4s;
}

.si-thumb:hover .si-social {
	bottom: 0;
	transition: .4s;
}

.si-thumb:hover h4:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 11px 11px 0;
	border-color: #50a5d8 transparent;
	display: block;
	width: 0;
	z-index: 1;
	bottom: -11px;
	left: 0;
	right: 0;
	margin: 0 auto;
	visibility: visible;
	opacity: 1;
	transition: .4s;
}

.si-thumb:hover h4:before {
	visibility: hidden;
	opacity: 0;
	transition: .4s;
}

.si-social {
	background: #4a5768;
	padding: 10px 15px;
	display: table;
	width: 100%;
	position: absolute;
	bottom: -100px;
	left: 0;
	right: 0;
	transition: .4s;
}

.si-social ul {
	padding: 0;
	display: table;
	margin: 0 auto;
}

.si-social li {
	float: left;
	list-style: none;
	margin-left: 10px;
}

.si-social li a {
	width: 31px;
	height: 31px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: table;
	text-align: center;
	line-height: 31px;
	color: #fff;
	position: relative;
	z-index: 88;
}

.f-social li a ,
.si-social li a {
	box-shadow: 0 0 0 1px rgba(255,255,255,0.1);
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.f-social li a:after ,
.si-social li a:after {
	content: "";
	position: absolute;
	top: -1%;
	left: -1%;
	right: 0;
	width: 102%;
	height: 102%;
	top: 0px;
	left: 0px;
	padding: 0px;
	z-index: -1;
	background: #3db7f0;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
	-moz-transition: -moz-transform 0.2s, opacity 0.3s;
	transition: transform 0.2s, opacity 0.3s;
	z-index: -1;
	border-radius: 50%;
}

.f-social li a:after ,
.si-social li a:after {
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-ms-transform: scale(1.4);
	transform: scale(1.4);
	opacity: 0;
}

.f-social li a:hover:after ,
.si-social li a:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	top: 0%;
	left: 0%;
	right: 0;
	width: 100%;
	height: 100%;
}

.f-social li a:hover ,
.si-social li a:hover {
	box-shadow: 0 0 0 1px #3db7f0;
	background: #3db7f0;
	color: #fff;
}

/* 15. Testimonials  */

#m-testimonials {
	padding: 25px 0px 15px;
}
.test-shortcode .owl-controls {
position: absolute;
top: 50%;
width: 100%;
margin-top: -70px;}
.test-shortcode {position:relative; width:100%}
.test-shortcode  .owl-controls {}
.test-shortcode .item {
	background: url(images/xtra/2.jpg) no-repeat center top;
	background-size: auto 100%;
	padding: 100px 0;
}

.test-shortcode img {
	-webkit-box-shadow: 0 0 0 2px rgba(238,238,238,0.12);
	-moz-box-shadow: 0 0 0 2px rgba(238,238,238,0.12);
	box-shadow: 0 0 0 2px rgba(238,238,238,0.12);
	border: solid 12px rgba(0,118,249,0);
	width: 163px;
	height: 163px;
	margin: 2px auto 13px;
	display: table;
	border-radius: 50%;
}

.test-shortcode p {
	font-size: 19px;
	color: #fff;
	font-weight: 600;
	text-align: center;
	line-height: 26px;
	padding: 0 15%;
	text-shadow: 3px 4px 5px rgba(0,0,0,.1);
}

.test-shortcode i {
	font-size: 20px;
	color: #fff;
	display: table;
	margin: 17px auto 13px;
	font-weight: 300;
	text-shadow: 3px 4px 5px rgba(0,0,0,.1);
}

.test-shortcode cite {
	font-style: normal;
	font-size: 16px;
	color: #fff;
	font-weight: 300;
	text-align: center;
	width: 100%;
	display: table;
}

.test-shortcode cite span {
	font-weight: 700;
}

.test-shortcode .owl-prev {
	width: 30px;
	height: 120px;
	border-radius: 0px;
	opacity: 1;
	background: #fff;
	position: relative;
	float: left;
	font-size: 0px;
	right: 5px;
	line-height: 120px;
	transition: .4s;
}

.test-shortcode .owl-next {
	width: 30px;
	height: 120px;
	border-radius: 0px;
	opacity: 1;
	background: #fff;
	position: relative;
	float: right;
	font-size: 0px;
	right: -5px;
	line-height: 120px;
	transition: .4s;
}

.test-shortcode .owl-prev:before {
	content: "\f104";
	font-family: FontAwesome;
	font-size: 18px;
	color: #000;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}

.test-shortcode .owl-next:before {
	content: "\f105";
	font-family: FontAwesome;
	font-size: 18px;
	color: #000;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}

.test-shortcode .owl-buttons {
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -70px;
}

.test-shortcode .owl-prev:hover ,
.test-shortcode .owl-next:hover {
	background: #3db7f0;
	color: #fff;
	transition: .4s;
}

.test-shortcode .owl-prev:hover:before ,
.test-shortcode .owl-next:hover:before {
	color: #fff;
}

/* 16. Timeline */

#timeline-wrap {
	padding: 10px 0px 25px;
	overflow: hidden;
}

#timeline {
	width: 100%;
	overflow: hidden;
	list-style: none;
	position: relative;
	z-index: 1;
	padding: 0;
}

#timeline:before {
	content: "";
	width: 33px;
	height: 33px;
	border: 1px solid #e2e2e2;
	position: absolute;
	bottom: 6px;
	right: -0px;
	left: 0px;
	margin: 0 auto;
	border-radius: 50%;
	transition: 0.4s;
	background: #fff;
	z-index: 999;
}

#timeline:after {
	content: "";
	width: 1px;
	height: 98%;
	background: #e2e2e2;
	position: absolute;
	bottom: 0px;
	top: 1%;
	right: 0px;
	left: 0px;
	margin: 0 auto;
	z-index: -1;
}

#timeline li {
	position: relative;
	clear: both;
	float: left;
	width: 42.5%;
	padding: 15px 25px 20px;
	background: #fff;
	border: 1px solid #e5e5e5;
	text-align: right;
	margin: 0px 0px -53px !important;
	transition: 0.3s;
	cursor: pointer;
}

#timeline li:last-child {
	margin: 0px 0px 0px !important;
}

#timeline li:nth-of-type(odd),
#timeline li:nth-of-type(even) {
	margin: -10px 0 0 0;
}

#timeline li:nth-of-type(even) {
	float: right;
	text-align: left;
}

#timeline li:nth-of-type(even):after {
	background: -moz-linear-gradient(0,#f43059,#d8d566);
	background: -webkit-gradient(linear,left top,right top,from(#f43059),to(#d8d566));
	left: auto;
	right: 100%;
}

#timeline .t-time {
	font-size: 16px;
	color: #000;
	font-weight: 400;
	position: relative;
}

#timeline .t-left .t-time:before {
	content: "";
	width: 30px;
	height: 2px;
	background: #3db7f0;
	position: absolute;
	right: 0;
	bottom: -13px;
}

#timeline .t-right .t-time:before {
	content: "";
	width: 30px;
	height: 2px;
	background: #3db7f0;
	position: absolute;
	left: 0;
	bottom: -13px;
}

#timeline .t-time span {
	font-size: 13px;
	color: #000;
	display: block;
}

#timeline p {
	font-size: 13px;
	color: #a6a6a6;
	font-weight: 300;
	margin: 0px;
	padding: 22px 0 0;
	line-height: 18px;
}

.t-left {
	position: relative;
}

.t-left:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 10px 0 11px 10px;
	border-color: transparent #3db7f0;
	display: block;
	width: 0;
	z-index: 1;
	right: -10px;
	top: 13px;
}

.t-left:before {
	content: "";
	width: 33px;
	height: 33px;
	border-radius: 50%;
	border: 1px solid #e2e2e2;
	position: absolute;
	top: 6px;
	right: -23%;
	transition: 0.4s;
	background: #fff;
	z-index: 999;
}

.t-right:before {
	content: "";
	width: 33px;
	height: 33px;
	border-radius: 50%;
	border: 1px solid #e2e2e2;
	position: absolute;
	top: 6px;
	left: -23%;
	transition: 0.4s;
	background: #fff;
	z-index: 999;
}

.t-left:hover:before ,
.t-right:hover:before {
	content: "";
	width: 33px;
	height: 33px;
	border: 10px solid #3db7f0;
	transition: 0.4s;
}

.t-right {
	position: relative;
}

.t-right:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 10px 11px 10px 0;
	border-color: transparent #3db7f0;
	display: block;
	width: 0;
	z-index: 1;
	left: -10px;
	top: 13px;
}

#timeline li:hover {
	background: #3db7f0;
	transition: 0.3s;
}

#timeline li:hover .t-time ,
#timeline li:hover .t-time span ,
#timeline li:hover p {
	color: #fff;
	transition: 0.3s;
}

#timeline .t-right:hover .t-time:before ,
#timeline .t-left:hover .t-time:before {
	background: #fff;
	transition: 0.3s;
}

/* 17. Contact Page */

.gmap {
	padding: 0px;
}

.gmap div {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

#map {
	display: block;
	width: 100%;
	height: 380px;
	margin: 0 auto;
}

#map.large {
	height: 380px;
}

#map img {
	max-width: none !important;
	height: auto;
}

.c-info h4 {
	font-size: 23px;
	font-weight: 700;
	color: #3db7f0;
	margin: 15px 0 0;
}

.c-info p {
	color: #717171;
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 16px;
}

.cf-info {
}

.cf-info h3 {
	font-size: 16px;
	text-transform: uppercase;
	color: #000;
	font-weight: 400;
	margin: 0 0 15px !important;
}

.cf-info p {
	font-size: 14px;
	color: #717171;
	font-weight: 300;
	line-height: 22px;
	margin: 0 0 25px;
}

.cf-info ul {
	padding: 8px 34px 0px;
	border: 5px solid #3DB7F0;
	margin-right: 35px;
	margin-top: -50px;
	margin-bottom: 50px;
	background: #fff;
}

.cf-info ul li {
	color: #000;
	list-style: outside none none;
	transition: all 0.3s ease 0s;
	cursor: pointer;
	display: table;
	width: 100%;
	height: 50px;
	line-height: 40px;
	padding-left: 65px;
	margin: 25px 0;
	position: relative;
}

.cf-info ul li:last-child {
	margin-bottom: 20px;
}

.cf-info ul li span {
	width: 34px;
	height: 36px;
	transform: rotate(45deg);
	background: #fff;
	color: #3db7f0;
	display: table;
	float: left;
	padding: 10px;
	margin: 0;
	transition: .3s;
	border: 1px solid #ededed;
	line-height: 0px;
	position: absolute;
	left: 0;
	right: 0;
}

.cf-info ul li span i {
	transform: rotate(-45deg);
	display: table;
	font-size: 18px;
}

.cf-info ul li h5 {
	font-family: Roboto;
	font-size: 15px;
	color: #000;
	margin: 0;
	font-weight: 400;
	text-align: center;
	transition: .3s;
}

.cf-info ul li:hover {
}

.cf-info ul li:hover  span {
	background: #3db7f0;
	color: #fff;
	transition: .3s;
	border: 1px solid #3db7f0;
}

.cf-info ul li:hover h5 {
	color: #fff;
	transition: .3s;
}

.contact-info {
	padding: 25px 15px;
}

.statusMessage,.successmessage,.errormessage {
	display: none;
	margin: auto;
	width: 100%;
	height: auto;
	background: rgba(255,255,255,0.1);
	margin: 0 auto 15px;
	padding: 20px;
	border-radius: 5px;
}

.statusMessage p {
	margin: 0;
	color: #888;
}

.successmessage p {
	margin: 0;
	color: #888;
}

.success-ico {
	background: url(images/success.png);
	width: 30px;
	height: 30px;
	float: left;
	margin-right: 15px;
	position: relative;
	top: -3px;
}

.error-ico {
	background: url(images/error.png);
	width: 30px;
	height: 30px;
	float: left;
	margin-right: 15px;
	position: relative;
	top: -3px;
}

.errormessage p {
	margin: 0;
	color: #888;
}

/* 18. Twitterfeed */

#twitterfeed {
	padding: 30px 0px;
	background: #3B4653;
	margin: 0px;
}

#twitterfeed i {
	width: 62px;
	height: 62px;
	border-radius: 50%;
	background: transparent;
	line-height: 62px;
	border: 1px solid #fff;
	text-align: center;
	color: #fff;
	font-size: 28px;
	margin: 0 auto 25px;
	display: table;
}

#tweetfeed p {
	font-size: 13px;
	color: #FFF;
	text-align: center;
	margin: 0px;
	padding: 0 25px;
}

#index_noside #tweetfeed p {
	font-size: 13px;
	color: #fff;
	text-align: center;
	margin: 0;
	padding: 0 15%;
}

#tweetfeed p a {
	color: #3db7f0;
}

#tweetfeed p span {
}

#tweetfeed p span a {
	color: #7fcaed;
}

#tweetfeed .owl-prev ,
#tweetfeed .owl-next {
	background: transparent;
	opacity: 1;
	font-size: 0;
	border-radius: 0;
	position: relative;
	width: 48px;
	height: 48px;
	overflow: hidden;
}

#tweetfeed .owl-prev {
	float: left;
	margin-left: -4px;
}

#tweetfeed .owl-next {
	float: right;
	margin-right: -4px;
}

#tweetfeed .owl-prev:before {
	content: "\f104";
	font-family: FontAwesome;
	font-size: 18px;
	color: #FFF;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0;
	background: transparent;
	z-index: 77;
	text-align: left;
	padding: 2px 8px;
}

#tweetfeed .owl-prev:after {
	content: "";
	background: none repeat scroll 0% 0% #3DB7F0;
	position: absolute;
	top: -33px;
	right: 14px;
	left: auto;
	width: 140%;
	height: 140%;
	transform: rotate(45deg);
	z-index: 11;
}

#tweetfeed .owl-next:before {
	content: "\f105";
	font-family: FontAwesome;
	font-size: 18px;
	color: #fff;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: transparent;
	z-index: 77;
	padding: 2px 8px;
	text-align: right;
}

#tweetfeed .owl-next:after {
	content: "";
	background: #3db7f0;
	position: absolute;
	top: -33px;
	right: -32px;
	left: auto;
	width: 140%;
	height: 140%;
	transform: rotate(45deg);
	z-index: 11;
}

#tweetfeed .owl-controls {
	margin-top: 10px;
	text-align: center;
	position: absolute;
	top: -138px;
	width: 100%;
}

/* 19. Info Wrap */

.info-wrap {
	background: #4a5768;
	margin: 0;
	padding: 35px 35px;
}

.info-wrap h5 {
	font-size: 20px;
	color: #fff;
	margin-bottom: 16px;
	font-weight: 400;
	padding-left: 28px;
	position: relative;
}

.info-wrap h5:before {
	width: 15px;
	height: 15px;
	border: 2px solid #fff;
	content: "";
	position: absolute;
	left: 0;
	top: 3px;
}

/* 19.1. Contact tabs */

#tabwrap {
	overflow: hidden;
	width: 100%;
	min-height: 100px;
}

#tabs {
	padding: 0;
	margin: 0;
}

#tabs li {
	list-style: outside none none;
	display: inline-block;
	border: medium none;
	width: 33.3333%;
	margin: 0px -1.7px -5px;
	position: relative;
}

#tabs li a {
	float: left;
	display: block;
	padding: 0;
	color: #9e9e9e;
	width: auto;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	text-transform: uppercase;
	background: #40a4d5;
	display: table;
	width: 101%;
	height: 115px;
	padding-top: 27px;
	position: relative;
}

#tabs li a i {
	width: 62px;
	height: 62px;
	border-radius: 50%;
	background: transparent;
	line-height: 60px;
	border: 1px solid rgba(255,255,255,0.3);
	text-align: center;
	color: #fff;
	font-size: 28px;
	margin: 0 auto;
	display: table;
}

#tabs li a:hover {
	color: #1f1f1f;
}

#tabs li:nth-child(2) a {
	background: #40A4D5;
}

#tabs li:nth-child(3) a {
	background: #4291ba;
}

#tabs li.current a {
	/*background: #3db7f0;*/
	color: #fff;
}

#tabs li.current:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 9px 10px 0;
	border-color: #3db7f0 transparent;
	display: block;
	width: 0;
	z-index: 1;
	bottom: -9px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

#content > div {
	clear: both;
	padding: 20px 20px;
	line-height: 19px;
	color: #666;
	display: none;
	background: #fbfbfb;
	font-family: Roboto;
	font-size: 13px;
	color: #4a5768;
	font-weight: 400;
}

#content > div p {
	padding-left: 25px;
	position: relative;
}

#content > div i {
	font-size: 18px;
	position: absolute;
	top: 3px;
	left: 0;
	color: #3db7f0;
}

#content .current {
	display: block;
}

#content #home.first {
	display: block;
}

#content p {
	margin: 0;
}

/* 19.2. Flickr Gallery */

.flickr-gallery {
	background: #5C6877;
	position: relative;
	display: block;
	height: 175px;
	padding: 0px;
	width:100%;
}

.thumbs {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.thumbs a {
	list-style: none;
	float: left;
	margin: 0 7.5px;
	width: 87px;
	height: 84px;
	border-radius: 50%;
	padding: 10px;
	background: #6d7785;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.thumbs a:hover {
	background: #535d6b;
	cursor: pointer;
}

.thumbs img {
	display: block;
	width: 67px;
	height: 64px;
	border-radius: 50%;
}

.thumbs a img {
	border: none;
}

.thumbs {
	margin: 0px;
	overflow: hidden;
}

#flickr_slider {
	padding: 45px 15px 41px;
}

#flickr_slider .owl-item {
	padding: 0;
	margin: 0;
}

#flickr_slider .owl-prev {
	position: absolute;
	top: -5px;
	left: -10%;
	right: 0;
	background: rgba(255,255,255,0.1);
	height: 30px;
	border-radius: 0px;
	opacity: 1;
	font-size: 0px;
	width: 120%;
}

#flickr_slider .owl-prev:before {
	width: 100%;
	height: 30px;
	content: "\f106";
	font-family: FontAwesome;
	font-size: 18px;
	color: #FFF;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	opacity: 0.3;
}

#flickr_slider .owl-next {
	position: absolute;
	bottom: 5px;
	left: -10%;
	right: 0;
	background: rgba(255,255,255,0.1);
	height: 30px;
	border-radius: 0px;
	opacity: 1;
	font-size: 0px;
	width: 120%;
}

#flickr_slider .owl-next:before {
	width: 100%;
	height: 30px;
	content: "\f107";
	font-family: FontAwesome;
	font-size: 18px;
	color: #FFF;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0.3;
}

#flickr_slider .owl-next:hover, #flickr_slider .owl-prev:hover {
	background: rgba(255,255,255,0.4);
	transition: .4s;
}

#flickr_slider .owl-next:hover:before, #flickr_slider .owl-prev:hover:before {
	opacity: 1;
	transition: .4s;
}

/* 19.3. Vertical Tab */

#vertical-tabs {
	padding: 25px 0px;
}

#verticalTab2 {
	overflow: hidden;
	background: #fff;
}

#verticalTab2 .resp-tabs-list {
	float: left;
	width: 16% !important;
}

#verticalTab2 .resp-tabs-list li {
	padding: 14px 0px !important;
	height: 110px;
	background: #3db7f0;
	border: none !important;
	border-bottom: 1px solid #4a5768 !important;
}

#verticalTab2 .resp-tabs-list li img {
	width: 81px;
	height: 81px;
	padding: 10px;
	border-radius: 50%;
	background: rgba(0,0,0,0.1);
	margin: 0 auto;
}

#verticalTab2 li.resp-tab-active {
	padding: 0px 0px !important;
	border-right: 1px solid #fff !important;
}

#verticalTab2 li.resp-tab-active img {
	width: 100% !important;
	height: 100% !important;
	padding: 0px !important;
	border-radius: 0% !important;
	background: transparent;
	margin: 0 auto;
}

#verticalTab2 .resp-tabs-container {
	float: right;
	width: 84%;
}

.btn-bdr {
	display: table;
	height: 46px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #3db7f0;
	color: #3db7f0;
	padding: 0 25px;
	line-height: 46px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}

#verticalTab2 .resp-tabs-container h4 {
	color: #4a5768;
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 14px;
}

#verticalTab2 .resp-tabs-container p {
	color: #4a5768;
	font-size: 13px;
	font-weight: 400;
	margin-bottom: 20px;
	line-height: 21px;
	letter-spacing: -0.4px;
}

#verticalTab2 .resp-tab-content {
	display: none;
	padding: 30px 35px 3px;
}

#verticalTab3 {
	border: 1px solid #e5e5e5;
}

#verticalTab3 .resp-tabs-list li {
	border-bottom: 1px solid #cecece !important;
	width: 33.33333%;
	border-right: 1px solid #e5e5e5;
	text-align: center;
	color: #000;
}

#verticalTab3 .resp-tabs-list li:last-child {
	border-right: none;
}

#verticalTab3 .resp-tabs-list li i {
	display: block;
	margin-bottom: 10px;
	color: #3db7f0;
	font-size: 30px;
}

.img-center {
	display: table;
	margin: 0 auto;
}

#verticalTab3 .resp-tab-content {
	padding: 50px 40px 40px 40px;
}

#verticalTab3 .resp-tab-content h3 {
	font-size: 22px;
	font-weight: 300;
	color: #000;
	text-align: center;
	margin: 30px 0 25px;
}

#verticalTab3 .resp-tab-content h3 span {
	font-weight: 700;
	color: #3db7f0;
}

#verticalTab3 .resp-tab-content p {
	text-align: center;
	margin: 0;
	font-size: 14px;
}

/* 20. Footer */

footer {
	background: #3b4653;
	padding: 47px 35px 35px 35px;
	margin: 0px;
}

footer p {
	font-size: 15px;
	color: #ffffff;
	padding: 7px 0 0;
}

.f-social {
	padding: 0;
	display: table;
	float: right;
	margin: 0;
}

.f-social li {
	float: left;
	list-style: none;
	margin-left: 10px;
}

.f-social li a {
	width: 35px;
	height: 35px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: relative;
	z-index: 88;
	display: table;
	text-align: center;
	line-height: 33px;
	color: #fff;
}

.f-social li a:hover {
	color: #fff;
}

/* 21. Sidebar */

aside {
	padding: 0px;
}

.side-content {
	display: table;
	width: 100%;
	padding: 25px;
	border-bottom: 1px solid #dfe5eb;
	background: #eff2f5;
}

.side-content h5 {
	color: #39424e;
	font-size: 17px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 20px;
}

.last-widget {
	border-bottom: none;
}

.side-contact span {
	font-size: 15px;
	font-family: Open Sans;
	color: #39424e;
	display: table;
}

.side-contact span i {
	margin-right: 10px;
}

.rposts ul {
	padding: 0;
	margin: 0 -8px;
}

.rposts ul li {
	list-style: none;
	padding: 0 5px 5px 0;
	display: inline-block;
}

.rposts ul li span {
	width: 75px;
	height: 75px;
	border-radius: 50%;
	padding: 8px;
	background: #fff;
	transition: .2s;
	display: table;
	margin: 0 auto;
}

.rposts ul li img {
	border-radius: 50%;
}

.rposts ul li span:hover {
	-webkit-box-shadow: 0 0 0 0px #d2d2d2;
	-moz-box-shadow: 0 0 0 0px #d2d2d2;
	box-shadow: 0 0 0 0px #d2d2d2;
	transition: .3s;
}

.rposts ul li span:hover img {
	-webkit-box-shadow: 0 0 0 8px #d2d2d2;
	-moz-box-shadow: 0 0 0 8px #d2d2d2;
	box-shadow: 0 0 0 8px #d2d2d2;
	transition: .5s;
}

.m-tags {
}

.m-tags ul {
	padding: 0;
	margin: 0 -5px;
}

.m-tags ul li {
	float: left;
	list-style: none;
	margin: 0 5px 10px;
}

.m-tags ul li a {
	font-size: 12px;
	color: #39424e;
	padding: 5px 10px;
	border: 1px solid #dfe5eb;
	display: table;
}

.m-tags ul li a:hover {
	color: #fff;
	background: #39424e;
	transition: .6s;
}

/* 21. Extras */

.space10 {
	margin-bottom: 10px;
}

.space20 {
	margin-bottom: 20px;
}

.space30 {
	margin-bottom: 30px;
}

.space40 {
	margin-bottom: 40px;
}

.space50 {
	margin-bottom: 50px;
}

.space60 {
	margin-bottom: 60px;
}

.space70 {
	margin-bottom: 70px;
}

.space80 {
	margin-bottom: 80px;
}

.space90 {
	margin-bottom: 90px;
}

.content-head h3 {
	font-size: 24px;
	color: #000;
	text-align: center;
	font-weight: 400;
	margin: 0 0 12px;
}

.ch-white h3 {
	color: #fff !important;
}

.content-head p {
	border-bottom: 1px solid #d6d6d6;
	text-align: center;
	line-height: 0px;
	font-family: Times New Roman;
	font-style: italic;
	color: #4c545f;
	padding: 0 75px;
	display: table;
	margin: 0 auto 33px;
	font-size: 17px;
}

.content-head p span {
	padding: 0 15px;
	background: #fff;
	position: relative;
	top: 3px;
}

.ch-white p {
	color: #fff !important;
	border: none;
}

.ch-white p span {
	background: transparent !important;
}

.ch-white p {
	background: url(images/sep-dark.png) no-repeat center center !important;
}

.sep {
	width: 47px;
	height: 1px;
	background: #cecece;
	margin: 21px auto;
}

.sep1 {
	width: 100%;
	height: 1px;
	background: #3b4653;
	margin: 33px auto 26px;
}

.sep2 {
	background: rgba(0,0,0,0.3);
	width: 47px;
	height: 1px;
	margin: 20px 0;
}

.nicescroll-rails {
	position: fixed;
	top: 0px!important;
	right: 0px!important;
	z-index: 999;
	background: rgba(0,0,0,0) !important;
	padding: 0px;
}

.nicescroll-rails:before {
	content: "";
	width: 12px;
	background: rgba(0,0,0,0.1) !important;
	position: absolute;
	height: 100%;
	top: 0;
	right: 0;
	left: 0;
	z-index: -1;
}

.border-down {
	height: 40px;
	background: #FFF;
	width: 100%;
	display: table;
	position: relative;
	z-index: 99999;
}

.animated-out,.animated-in {
	-webkit-transition-timing-function: cubic-bezier(0.13,0.71,0.30,0.94);
	-moz-transition-timing-function: cubic-bezier(0.13,0.71,0.30,0.94);
	-o-transition-timing-function: cubic-bezier(0.13,0.71,0.30,0.94);
	transition-timing-function: cubic-bezier(0.13,0.71,0.30,0.94);
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
}

.animated-out {
	-webkit-transform: translateY(55px);
	-moz-transform: translateY(55px);
	-o-transform: translateY(55px);
	-ms-transform: translateY(55px);
	transform: translateY(55px);
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
}

.animated-in {
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
}

#loader {
	background:#fff url(images/loading.gif) no-repeat center center;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 100000000000;
	left: 0%;
	top: 0%;
	margin: 0;
}

/* 22. Subpage Extras */

.bread_crumbs {
	padding: 0px;
	margin: 0 auto 0;
	display: table;
	float: right;
}

.bread_crumbs li {
	float: left;
	list-style: none;
	margin: 0 15px;
	color: #000;
	font-weight: 300;
	position: relative;
}

.bread_crumbs li:before {
	content: "\f18e";
	font-family: FontAwesome;
	font-size: 13px;
	position: absolute;
	top: 2px;
	left: -20px;
	color: #4c545f;
}

.bread_crumbs li a {
	color: #4c545f;
}

.bread_crumbs li a:hover {
	color: #999;
}

.bread_crumbs li:first-child:before {
	display: none;
}

.page-header {
	background-color: #f9fafb;
	border: solid 1px #e2e6ed;
	margin: 0 0 20px 0;
	padding: 20px 10px;
}
.page-header.shop-header {margin: 0 15px 20px 15px}
.page-header-wrap .col-md-12.text-center .bread_crumbs, .col-md-12.text-center .bread_crumbs{float:none; margin-top:10px}
.page-header h3 {
	color: #4a5768;
	font-size: 18px;
	font-weight: bold;
	margin:0 0 0 15px;
}

.page-nav {
	display: table;
	padding: 20px 0 35px;
	width: 100%;
	margin: 0 15px;
}

.page-nav ul {
	padding: 0;
	margin: 0 auto;
	display: table;
}

.page-nav ul li {
	float: left;
	list-style: none;
	margin: 0 13px;
}

.page-nav ul li a {
	width: 33px;
	height: 31px;
	border: 1px solid #d6d6d6;
	transform: rotate(45deg);
	color: #000;
	display: table;
	transition: .4s;
}

.page-nav ul li a span {
	transform: rotate(-45deg);
	display: table;
	padding: 5px;
	text-align: center;
	margin: 0 auto;
	font-weight: 300;
}

.page-nav ul li a:hover, .page-nav ul li.active a {
	border: 1px solid #3db7f0;
	background: #3db7f0;
	color: #fff;
	transition: .4s;
}
/***************************************************************/
header{padding-bottom: 40px}
#nav_menu{margin-top: 0;}
/**********Layouts*************/
.ts-main-center {
    background: #fff;
    padding-top: 40px;
}
.woocommerce-page .ts-main-center {padding-left: 30px; padding-right: 30px; }
.outsidebar{
   background: #fff;
   padding: 40px 20px; 
}
.outsidebar-left, .outsidebar-right{
    padding: 0;
}
#nav_menu ul ul li a i{display: inline-block; margin-right: 10px;}
/**vertical menu**/
.vertical-menu-wrap, .vertmenu-container{padding: 0 15px 0 0; margin: 40px 0}
.vertical-menu-wrap .vertmenu-inner{padding-bottom: 40px;}
.vertical-menu{
	position: relative;
	width: 100%;
}
.vertical-menu .logo{
	background: #56616f;
}
.vertical-menu .logo a{
	padding: 50px 0;
	width: 100%;
	display: table;
	text-align:center;
	color:#fff;
	font-size:24px;
	font-weight:bold
}
.vertical-menu .logo a img{
	display: table;
	margin: 0 auto;
}
#cssmenu {
	width: 100%;
	color: #ffffff;
}
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: 1;
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#cssmenu > ul > li > a {
	padding: 22px 20px;
	cursor: pointer;
	z-index: 2;
	font-size: 18px;
	font-weight: 300;
	text-decoration: none;
	color: #4a5768;
	background: #d6effc;
	border-bottom: 1px solid #c2d6e0;
	position: relative;
}
#cssmenu > ul > li > a i {
	width: 46px;
	height: 46px;
	font-size: 16px;
	border-radius: 50%;
	background: transparent;
	border-bottom: 1px solid #b0c6d2;
	color: #4a5768;
	text-align: center;
	line-height: 46px;
	text-shadow: none !important;
	margin-right: 20px;
}
#cssmenu > ul > li > a:hover, #cssmenu > ul > li.active > a, #cssmenu > ul > li.open > a {
	color: #fff;
	border-bottom: 1px solid #3db4ec;
	text-shadow: none !important;
}
#cssmenu > ul > li > a:hover i, #cssmenu > ul > li.active > a i, #cssmenu > ul > li.open > a i {
	border: 1px solid #9dd9f6 !important;
	color: #fff !important;
}
#cssmenu ul ul {
	display: none;
}
#cssmenu ul ul li a {
	cursor: pointer;
	padding: 20px 20px;
	z-index: 1;
	text-decoration: none;
	font-size: 15px;
	color: #fff;
	border-bottom: 1px solid #626870;
	background: rgba(86,97,111,0.7);
	text-shadow: none !important;
	transition: .4s;
}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li.open > a, #cssmenu ul ul li.active > a {
	background: #67717d;
	border-bottom: 1px solid #67717d;
	color: #fff;
	transition: .4s;
}
#cssmenu > ul > li.active > a, #cssmenu > ul > li.open > a {
background: #3db4ec;
}
#cssmenu > ul > li.active > a:before {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 11px 0 11px 11px;
	border-color: transparent #3fb7ee;
	display: block;
	width: 0;
	z-index: 1;
	right: -11px;
	top: 37px;
}
#cssmenu > ul > li > a:hover:after {
	content: "";
	width: 100%;
	transition: .4s;
}
#cssmenu > ul > li > a:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: #3db4ec;
	width: 0%;
	height: 100%;
	z-index: -1;
	transition: .4s;
}
.holder {
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	right: 0;
}
.holder:after, .has-sub > a:after {
	content: "\f107";
	font-family: FontAwesome;
	color: #b8cfdb;
	position: absolute;
	right: 25px;
	top: 32px;
	font-size: 26px;
}
.vert-social {
	background: rgba(86,97,111,0.7);
	padding: 22px 12px;
	display: table;
	width: 100%;
}
/**********breadcrumb block**********/
.blog-content .page-header-wrap{margin-bottom: 20px;}
.page-header .col-md-6{margin-bottom: 0;}
#home-works .page-header-wrap {padding: 0 15px !important; margin-bottom: 20px;}
#home-works .page-header{padding: 20px 10px !important;}
/************go to top*******/
#topcontrol {
right: 40px!important;
bottom: 30px!important;
z-index: 99999999;
}
/********************footer********/
.footer-middle{
    padding: 47px 30px 35px 30px;
	 margin: 0px;
}
.footer-middle:empty{display:none}
.footer-middle  > div {background:#4a5768;}
.footer-widgets{padding: 0 20px;}
.footer-widgets .footer-title{
    color: #fff;
    margin-bottom: 20px;
    font-weight: 400;
    position: relative;
	font-size:20px
}
/*******************BLOG**************/
.read_more{
    font-size: 14px;
    text-align: center;
    color: #717171;
    transition: .4s;
    text-align: center;
    display: block;
    margin-top: 6px;
}
.read_more:hover{
    text-decoration: underline;
}
.blog-content .blog-inner{}
.hb-meta a{ color: #9c9c9c;}
.hb-info:hover .hb-meta a, .hb-info:hover .read_more{color: #ffffff;}
.flexpost{position: relative;}
.flexpost .slides>li{position: relative}
.flexpost .flex-direction-nav a{opacity: 1; color:#3db7f0}
.flexpost .flex-direction-nav a.flex-prev{left: 0;}
.flexpost .flex-direction-nav a.flex-next{right: 0;}

.flex-video{margin-bottom: -6px;}
.post-format-video .flex-video iframe{width: 100%;}

.article-comment-form form input.comment-button{
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    border: 2px solid #3db7f0;
    background: #3db7f0;
    transition: 0.3s;
    width: 100%;
    padding: 0;
    outline: none;
}
.article-comment-form form input.comment-button:hover{
    color: #3db7f0;
    border: 2px solid #3db7f0;
    background: #fff;
    transition: 0.3s;
}
.comments-inner a.comment-reply-link {
    float: right;
    display: inline-block;
    color: #ffffff;
    font-size: 11px;
    font-family: 'Roboto', sans-serif;
    background: #3db7f0;
    text-decoration: none;
    padding: 3px 8px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}
.comment-tree ul.children {
  margin-left: 100px;
}
.comment-tree ul.children li {
  position: relative;
  margin-bottom: 0;
}
.comment-tree ul.children li:before {
  position: absolute;
  content: '';
  width: 40px;
  height: 40px;
  top: 0;
  left: -60px;
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.com_logined_text{margin-left: 15px; }
/*********************Contact***************************/
label.error{color: #ff0000; font-family: 'Roboto', sans-serif; font-size: 11px;}
#status div.success-send{
    color: #4c545f;
    margin-bottom: 20px;
    font-style: italic;
    font-size: 17px;
}

/********************404************************/
.notfound {background:url('images/404.png') no-repeat top center; height:119px; margin-top: 40px;}
.lost {background:url('images/404_text.png') no-repeat top center; height:40px}
.notfound_description{margin:10px 0px; text-align:center}
.notfound_text a {
    display: table;
    color: #fff;
    background: #3db7f0;
    font-family: 'Roboto', sans-serif;
    padding: 8px 16px;
    font-weight: bold;
    border-radius: 6px;
    font-size: 15px;
    margin:0 auto}
.error-content {text-align:center}
.notfound_text{padding-bottom: 20px;}
.notfound_text a i{margin-right: 5px;}

/**************SEARCH******************/
.search-widget input[type="search"] {
    color: #716565;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    padding: 15px 20px;
    border: 1px solid #dcdcdc;
    width: 100%;
    outline: none;
}

.search-widget input[type="search"]:focus {
    border: 1px solid #54babb;
}

.search-widget button {
    background: #fff;
    border: none;
    float: right;
    margin-top: -35px;
    margin-right: 12px;
    position: relative;
    z-index: 2;
	outline: none;
}
mark{
	background: #3db7f0;
	color: #fff;
}
/***************************under construction************/
.under-box {
padding: 40px 0 0;

color: #fff;
}
.fullwidth-box {
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
box-sizing: content-box!important;
-moz-box-sizing: content-box!important;
-webkit-box-sizing: content-box!important;
margin-left: -36%;
padding: 40px 36% !important;
width: 100%;
position: relative;
z-index: 0;
}

.under-box h1{color: #fff; font-size: 20px;}
#uc-content{text-align:center; padding:100px 0px; font-family:'Roboto', sans-serif}
.uc-text{ font-size:26px; color:#fff; border:solid 1px #fff; padding:20px; display:inline-block; margin-bottom:40px }
.uc-maintitle {color:#1b1b1b; font-size:30px; text-align:center; font-family:'Roboto', sans-serif }
div.clock{ margin-bottom: 40px;}
div.clock div{float:left; width:120px; height:120px; margin-left:34px; border:6px solid rgba(255,255,255,0.4); border-radius:50%;  background: rgba(0,0,0,0.6); color:#fff;   -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; }
div.clock div span { display: block; font-size: 30px; margin:20px 0 0px 0px}
#uc-content .progress {height:40px; background:#333;  background: rgba(0,0,0,0.5); margin:20px 0 40px 0}
#uc-content .progress-bar.progress-trendystuff{background-color: #3db7f0; text-align:left}
.progress-bar.progress-trendystuff span{float: right; font-size: 20px; display: block; margin: -16px 6px 0 37px;}
#uc-content .progress i{font-size:20px; display:block; margin:10px 0 0 10px; text-align:left}
body.page-template-under-construction{background: url('images/uc_bg.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
body.page-template-under-construction .nicescroll-rails div{background:rgba(0,0,0,0.4) !Important}
body.page-template-under-construction .header-logo{ background: #fff;
text-align: center;
margin: 0px auto;
width: 300px;
padding: 20px;}


/*************PORTFOLIO**************/

.accordion-p .portfolio-item{margin-bottom: 40px;}
.noleftpadding{padding-left: 0;}
.norightpadding{padding-right: 0;}
.nopadding{padding: 0;}
ul.pagination-list li{
	margin-right: 4px;
}
ul.filter {
	margin-bottom: 11px;
	overflow: hidden;
	padding-left: 11px;
	margin-top: 17px;
	text-align: center;
}

ul.filter li {
    display: inline-block;
}

ul.filter li a {
    position: relative;
    display: inline-block;
    color: #6e6e6e;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    padding: 10px 15px;
    background: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
}

ul.filter li a.active,
ul.filter li a:hover {
    color: #fff;
    background: #3db7f0;
}
.portfolio-icon{
    position: absolute;
    right: 46px;
    bottom: 0;
    width: 46px;
    height: 46px;
    background: #fff;
    color: #6F6F6F;
    text-align: center;
    display: inline-block;
    transition: .5s;
}
.portfolio-icon.inner{
    right: 0;
}
.portfolio-icon:hover{
    background: #3db7f0;
    color: #fff;
    transition: .5s;
}
.hw-info.current .portfolio-icon, .accordion-section-title.active .portfolio-icon{
    right: 76px;
    transition: .5s;
}
.portfolio-icon i{
    padding-top: 16px;
}
/*****************theme widgets****************/
/*flickr*/
ul.flickr-list{
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.flickr-list li {
    display: inline-block;
}
ul.flickr-list li a {
    display: inline-block;
}
.flickr-widget a img{
    margin: 0 10px 10px 0;
    display: inline-block;
    width: 70px;
    height: 70px;
    border-radius: 100%;
    border: 5px solid #6d7785 ;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.flickr-widget a img:hover{
    border-color: #535d6b;
}
.footer-widgets .flickr-widget a img{
    width: 63px;
    height: 63px;
    margin: 0 5px 5px 0;
}
/* Contact Us Widget */
.container.contact-widget-wrapper{max-width:100% !important;}
#contactFormWidget input[type="text"],
#contactFormWidget textarea {
  float: left;
  font-size: 0.846em;
  padding: 10px 2%;
  color: #778899;
  width: 98%;
  margin-bottom: 11px;
  outline: none;
}
#wemail {margin-left:4px !Important}
#contactFormWidget .col-md-6, #contactFormWidget .col-md-12 {padding:0}

#contactFormWidget textarea {
  width: 100%;
  height: 80px;
  min-height: 80px;
  float:none;
  outline: none;
}
#contactFormWidget input[type="submit"] {
  float: right;
  position: relative;
  margin: 0 2px 0 0;
  padding:10px;
  outline: none;
}

#contactFormWidget input[type="submit"]:hover {
  opacity: 0.80;
  -moz-opacity: 0.80;
  filter:alpha(opacity=80);
}
.widgetinfo {color:#9dd55d; font-size:12px; text-transform:uppercase; font-weight: bold; margin-top:-24px}
.widgetinfo i{color:#9dd55d; margin-right:6px}
/**************social buttons*************/
ul.side-social{
    padding: 0;
    margin: 0;
}
ul.side-social li{
    float: left;
    list-style: none;
    margin: 0 10px 10px 0;
}
ul.side-social li a{
    width: 35px;
    height: 35px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #e5e5e5;
    display: table;
    text-align: center;
    line-height: 33px;
    position: relative;
    z-index: 77;
    transition: .4s;
}
ul.side-social li a:hover{
    background: #3db7f0;
    border: solid 1px transparent;
    color: #fff;
    transition: .4s;
}
ul.side-social li a:hover span{
    -webkit-animation: toTopFromBottom 0.3s forwards;
    -moz-animation: toTopFromBottom 0.3s forwards;
    animation: toTopFromBottom 0.3s forwards;
}
.f-social li a.fa-2x, .ts-social li a.fa-2x, .side-social li a.fa-2x{
    width: 50px;
    height: 50px;
}
.f-social li a.fa-2x span, .ts-social li a.fa-2x span, .side-social li a.fa-2x span{padding-top: 10px;}
.f-social li a.fa-3x, .ts-social li a.fa-3x, .side-social li a.fa-3x{
    width: 65px;
    height: 65px;
}
.f-social li a.fa-3x span, .ts-social li a.fa-3x span, .side-social li a.fa-3x span{padding-top: 10px;}
.footer-widgets .f-social li{margin: 0 10px 10px 0;}

/***********recent works********/
.footer-widgets .rposts li span{width: 65px; height: 65px;}
.footer-widgets .rposts li img{width: 55px; height: 55px}
/*********3 IN 1**********/
.widget-tab ul.nav-tabs{
    border-bottom: none;
}
.widget-tab ul.nav-tabs>li>a{
    background:  #3f4a59;
    color: #fff;
    border: none;
    padding: 10px 6px;
    border-radius: 0;
}
.widget-tab ul.nav-tabs>li>a:hover, .widget-tab ul.nav-tabs>li.active>a, .widget-tab ul.nav-tabs>li.active>a:hover,
.widget-tab ul.nav-tabs>li.active>a:focus
{
    background: #3db7f0;
    transition: .4s;
    border: none;
    border-radius: 0;
    color: #fff;
}
.widget-tab .tab-content{
    padding: 15px 10px;
    border: 1px solid #e5e5e5;
}
.tab-content .posts-thumb img, .tab-content .posts-avatar img{
    margin-right: 10px;
    border-radius: 50%;
}
.tab-content .post-content{
    display: inline-block;
}
.tab-content .post-content h4.entry-title{
    visibility: visible;
    opacity: 1;
    font-size: 15px;
    font-weight: bold;
}
.tab-content .posts-list li{
    margin-bottom: 20px;
}
.tab-content span.post-meta-author{
    display: block
}
.tab-content span.post-meta-author a{
    display: inline;
}
.footer-widgets .widget-tab ul.nav-tabs>li{margin: 0;}
/*-- Twitter feed --*/
.tweet .twitter-item{
    margin-bottom: 20px;
}
.tweet .twitter-item a{
    color: #323232;
    display: inline-block;
}
.tweet a:hover{
    color: #3db7f0;
}

.tweet .tweet-time{
    margin-top: 10px;
    color: #3db7f0;
    text-align: right;
}
.tweet .tweet-time a{color: #3db7f0;}
.tweet .twitter-item i.fa-twitter{
    float: left;
    font-size: 16px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background: #3db7f0;
    color: #fff;
    border-radius: 100%;
    margin-right: 5px;
    -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, .09);
    -moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, .09);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, .09);

}
.footer-widgets .tweet .twitter-item{color: #fff;}

/*******************************************/
.side-content{display: inline-block;}
.side-content img, .side-content select{
	max-width: 100%;
	height: auto;
}

.footer-widgets ul{
    padding: 0;
    list-style: none;    
}
.side-content ul{padding-left:20px}
.side-content li {line-height:26px} 
.side-content ul li a{display: inline-block}
.side-content  a{
    font-family: Open Sans;
    color: #39424e;
    display: table;  
}
/**tags**/
ul.wp-tag-cloud{
    padding: 0;
    margin: 0 -5px;
}
ul.wp-tag-cloud li{
    display: inline-block;
    list-style: none;
    margin: 0 5px 10px;
}
ul.wp-tag-cloud li a{
    font-size: 12px !important;
    color: #39424e;
    padding: 5px 10px;
    border: 1px solid #dfe5eb;
    display: table;
}
ul.wp-tag-cloud li a:hover{
    color: #fff;
    background: #39424e;
    transition: .6s;
}
.footer-widgets ul.wp-tag-cloud li a{color: #fff;}
/*---calendar---*/
#wp-calendar{background: #E3E3E3;  width:100%}
#wp-calendar td {padding:8px; border-bottom:solid 1px #ededed}
#wp-calendar tbody td {
    border: 1px solid #DBDBDB;
    height: inherit;
    background: #fff;
    vertical-align: middle;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-transform: uppercase;
}
#wp-calendar tr{font-size: 1em;font-weight: 500;height: 33px;}
#wp-calendar thead {background: #353535;}
#wp-calendar th{
    background: none;
    padding: 0 !important;
    vertical-align: middle;
    text-align: center;
    color: #FFF;
    border: medium none;
    text-shadow: none;
    font-weight: 300;
    font-size: 14px;
    border: 1px solid #2d2d2d;
    border-top: none;
    border-bottom: none;
    border-right: none;
    text-transform: uppercase;
}
#wp-calendar caption {
    text-align: center;font-size: 14px;
    padding: 10px;
    background: none repeat scroll 0% 0% #3DB7F0;
    text-transform: none;
    height: 41px;
    font-size: 1em;
    color: #fff;
}
#wp-calendar tfoot{
    background: #ffffff;
    border: 1px solid #DBDBDB;
}
/*************************************/
.footer-widgets ul a{
    color: #ffffff;
}

/*****************page head*****************/
#home-slider .bx-wrapper{margin-bottom: 0;}
#home-slider .bx-viewport{
    border: none;
    left: 0;
}
#home-slider .bx-wrapper img{width: 100%;}
#home-slider .bx-pager{
    font-size: 15px;
    font-family: 'Open Sans';
    font-weight: normal;
    padding: 0;
    display: table;
    margin: -36px auto 0;
    position: relative;
    z-index: 999;
    width: auto;
    bottom: 0;
}
#home-slider .bx-pager .bx-pager-item{
    
}
#home-slider .bx-wrapper .bx-pager.bx-default-pager a {
    text-indent: 0;
    display: block;
    width: 36px;
    height: 30px;
    margin: 0 ;
    outline: 0; 
    text-decoration: none;
    border-radius: 0;
    color: #fff;
    margin: 6px 1px 0;
    font-family: Open Sans, Arial;
    color: #fff;
    background: #3db7f0;
    text-align: center;
    line-height: 28px;
    transition: .4s;
    position: relative;
}
#home-slider .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{background: #3db7f0;;}
#home-slider .bx-wrapper .bx-pager.bx-default-pager a.active {
	height: 36px;
	margin: 0px 1px 0;
	transition: .4s;
	line-height: 41px;
}

#home-slider .bx-wrapper .bx-pager.bx-default-pager a.active:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 18px 9px;
	border-color: #3db7f0 transparent;
	display: block;
	width: 0;
	z-index: 1;
	top: -9px;
	left: 0px;
}
#home-slider .bx-caption {
	background: rgba(0,0,0,0.5);
	width: 100%;
	text-align: center;
	font-size: 19px;
	color: #fff;
	position: absolute;
	bottom: 0px;
	right: 0;
	left: 0;
	padding: 19px 0 57px;
	-webkit-animation: slideIn;
	-moz-animation: slideIn;
	-o-animation: slideIn;
	animation: slideIn;
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-o-animation-duration: 2s;
	animation-duration: 2s;
}
.phead .overlay-fade a{
    width: 46px;
    height: 46px;
    text-align: center;
    background: #fff;
    display: table;
    position: absolute;
    right: 50%;
    bottom: 50%;
    transition: .5s;
    opacity: 0;
}
.phead .image-overlay:hover a{
    background: #3db7f0;
    transition: .5s; 
    opacity: 1;
    color: #fff;
}
.phead .overlay-fade a i{padding-top: 8px;}

.phead .flex-video iframe,  #home-slider iframe{width: 100%; border: none;}
/**************** Wp Default classes **********************/

.wp-caption{max-width:100%; height:auto}
.wp-caption-text{}
.sticky{border-bottom:double 5px #eee; border-top:double 5px #eee; padding-top:20px}
.gallery-caption{}
.bypostauthor{}  
.commentsectionwrap {margin-top:20px}
.main-content{min-height:200px; padding:0}
.alignleft { float: left; margin: 0 20px 10px 0;}
.alignright { float: right;  margin: 0 0 10px 20px;}
.aligncenter {display: block; margin: 0 auto;}
.alignnone { float: none; margin: 0 auto;}
/*****************************/

/**************theme test**************/
img{max-width: 100%; height: auto}
/***************tables*****************/
table{
	width: 100%;
	margin: 20px 0;
	text-align: center;
}
table thead th{
	font-size: 19px;

color: #000000;
font-weight: 300;
-webkit-font-smoothing: antialiased;
margin: 0;
text-align: center;
padding: 14px !important;
background: #3db7f0;
color: #ffffff;
font-size: 17px;
border: 1px solid #3db7f0;
border-bottom:0;
}
table td{
	padding: 14px ;
font-size: 15px;
color: #919191;

font-weight: 300;
-webkit-font-smoothing: antialiased;
line-height: 22px;
margin: 0 0 20px;
margin: 0;
background: #ffffff;
border: 1px solid #dedede ;
border-bottom:none
}
table tr:nth-child(2n+1) td {
background: #f5f5f5;
}
table th a {text-decoration:none}
table th a:hover {text-decoration:underline}

.container {max-width:100%}

/****** Woocommerce overrides ********/

.woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-range{
	background-image:url('images/price-range.png') !important;
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content, .woocommerce-page .widget_price_filter .price_slider_wrapper .ui-widget-content{
	background:#f2f2f2 !Important;
	-webkit-border-radius:0 !important;
	border-radius:0 !important;
}
.woocommerce .widget_price_filter .ui-slider-horizontal, .woocommerce-page .widget_price_filter .ui-slider-horizontal{height:0.65em !important}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range, .woocommerce-page .widget_price_filter .ui-slider-horizontal .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce .button{
	background:#20A5E8 !Important; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow:none !important;
	-webkit-border-radius:0 !important; border-radius:0 !important;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle{
	border:none !Important; width:1.1em !Important; height:1.2em !Important
}
.woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, 
.woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button,
.woocommerce #content div.product div.images img, .woocommerce div.product div.images img, .woocommerce-page #content div.product div.images img, .woocommerce-page div.product div.images img{
	background:#56616f !Important; color:#fff !important; box-shadow:none !Important; border:none !Important; text-shadow:none !Important;
}
.shop-section h1.page-title{display:none}
.woocommerce-pagination {margin:20px 0px; background:#fff; padding:8px 0px 2px 0}
.woocommerce-pagination ul li a, .woocommerce-pagination ul li span{	padding:10px 12px !Important;}
.woocommerce-pagination ul li span.current {border-color: #56616f !important; background-color:#56616f !important; color:#fff !important}
.woocommerce-pagination a.next,.woocommerce-pagination a.prev {padding:10px 8px !Important}
.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img{box-shadow:none !Important; -moz-box-shadow:none !Important; -webkit-box-shadow:none !Important;}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{background:#fafafa; padding:12px !Important; }
.woocommerce .woocommerce-ordering select, .woocommerce-page .woocommerce-ordering select{padding:4px; border:solid 1px #ccc}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{float:none !important; width:100% !Important}
.woocommerce .cart-collaterals .cart_totals table th, .woocommerce-page .cart-collaterals .cart_totals table th{width:50% !important; font-size:14px !Important; border-color:#fff !important; border-bottom:none !important}
.woocommerce .cart-collaterals .cart_totals table td{ border-bottom:none !important}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce-page form .form-row input.input-text, .woocommerce-page form .form-row textarea{padding:4px}
.woocommerce form .form-row input.input-text, .woocommerce-page form .form-row input.input-text{height:32px; border:solid 1px #eee} 
.woocommerce ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale{color:#fff}
#order_comments_field{padding:0 16px 16px 16px}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register, .woocommerce-page form.checkout_coupon, .woocommerce-page form.login, .woocommerce-page form.register{background:#fff}
#single-product-tab .tab-content {background:#fff; padding:20px; border:solid 1px #eee; border-top:none}
#single-product-tab .nav-tabs > li > a{background:#eee}
#single-product-tab .nav-tabs > li.active > a {background:#fff}
.single-product-content{padding:20px; background:#fff}
#single-product-tab .nav-tabs i {margin-right:4px}
.related.products h2{font-size:1.6em; border-bottom:dotted 1px #eee; padding-bottom:10px}
a.button.add_to_cart_button.product_type_simple{
/*padding: 20px 30px!important;*/
}
a.button.add_to_cart_button.product_type_simple {
margin-bottom: 10px;
background:transparent!important;
color:#c2c2c2!important;
border:1px solid #c2c2c2!important;
}

a.button.add_to_cart_button.product_type_simple:hover {
margin-bottom: 10px;
color:#3db7f0!important;
}
/************************************/

.side-content {
float: left;
}

.bloglisting.tabbed {
border: 0;
}

.blogTab .resp-tab-content {
padding: 30px 35px 38px;
}

.fa-lg {
font-size:inherit;
}

.resp-vtabs li.resp-tab-active {
transition: .1s;
}

.blogTab li.resp-tab-active img {
height:auto !important;
}

.blogTab .resp-tabs-list li {
overflow:hidden;
}

.rposts .side-content ul {
padding-left:0 !important;
}
p:empty{display:none}
.test-shortcode.owl-carousel .owl-item img{width:auto}
.staff-info .si-thumb h4:before{width:0; height:0}
.comment-form form textarea,.comment-form form input{
    margin-bottom: 10px !important;
}
.cart-table th, .cart-table td {
border: 1px solid rgba(100,100,100,0.1)!important;
vertical-align:middle!important;
}

.cart-table i.fa.fa-trash-o {
background: #4C4C4C;
padding: 6px;
color: #fff;
}

.panel-heading.bg-color-default.coupon.text-center {
text-align: left;
}

.panel input.btn.btn-primary.aligncenter {
float: right;
}

.panel p {
text-align:left !important;
}

.panel {
border: 1px solid rgb(236, 236, 236);
border-radius: 0;
padding: 12px;
}

td.actions {
padding: 30px!important;
background: #fff!important;
}

.actions .btn-primary {
color: #ffffff;
background-color: #3DB7F0;
border: none;
}

.cart-subtotal td {
padding: 17px!important;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
background: #FFFFFF;
/*padding: 32px !Important;
padding-bottom:22px!important;*/
border: 1px solid rgb(231, 231, 231);
}

a.button.add_to_cart_button.product_type_simple:hover {
margin-bottom: 10px;
color: #000000!important;
}


td.td-cart-image {
padding: 30px 0!important;
}

td.td-cart-image {
padding: 30px 0!important;
}
.widget_alc_blogposts ul {padding-left:0}
.topbar-sidebar #lang_sel{float:left; height:33px}
.topbar-sidebar #lang_sel a, .topbar-sidebar #lang_sel a:visited{line-height:33px; border-color:#e5e5e5}
.topbar-sidebar #lang_sel ul ul {top:33px; z-index:999999}

.bloglisting.tabbed {
border: 0;
}

.blogTab .resp-tab-content {
padding: 30px 35px 38px;
}

#flickr_slider .owl-next {
bottom: 5px;
}
.widget_alc_totalposts ul, .widget_alc_blogposts ul{padding-left:0; list-style:none}
@media screen and (min-width:1200px) and (max-width:1440px){
.service-content{width:200px; height:200px;}
}
.side-content a, .vert-social{display:block}
iframe {max-width:100%}

#topcontrol {width:45px; height:45px; background:url('images/top.png') no-repeat}



/***************** Shortcode styles ******************/
/*********************SHORTCODES***********************/
/*****title block***/
.content-head .tblock{
    color: #000;
    text-align: center;
    font-weight: 400;
    margin: 0 0 12px;
}
/**list***/
ul.iconlist{
    padding: 0px;
    margin: 0 -2%;
}
ul.iconlist li{
    list-style: none;
    font-family: Roboto;
    font-size: 15px;
    color: #a1a1a1;
    padding-left: 58px;
    position: relative;
    font-weight: 300;
    height: 45px;
    border: 1px solid rgba(0,0,0,0.1);
    border-left: none;
    border-bottom: none;
    margin: 0 2% -1px;
    line-height: 45px;
    transition: 0.3s;
    overflow: hidden;
    z-index: 11;
}
ul.iconlist li:before{
    content: "";
    background: #3db7f0;
    position: absolute;
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    transition: .4s;
    z-index: -1;
}
ul.iconlist li a{color: #a1a1a1;}
ul.iconlist li:hover a{transition: 0.3s; color: #fff;text-decoration: underline;}
ul.iconlist li:hover{
    transition: 0.3s;
    color: #fff;
    cursor: pointer;
}
ul.iconlist li:hover:before{
    width: 100%;
    transition: .4s;
}
ul.iconlist li:last-child{
    border-bottom: 1px solid rgba(0,0,0,0.1) !important;
}
ul.iconlist li i{
    font-size: 20px;
    color: #fff;
    position: absolute;
    top: 0px;
    left: 0px;
    transition: 0.3s;
    background: #3db7f0;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
}
/****iconbox-list***********/
ul.iconbox-list{
    padding: 0;
}
ul.iconbox-list li{
    list-style: none;
    padding-right: 20px;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 15px;
}
ul.iconbox-list li:hover i{
    font-size: 30px;
    color: #fff;
    background: #3db7f0;
    border: 1px solid #3db7f0;
    transition: 0.4s;
}
ul.iconbox-list li:hover h4{
    color: #3db7f0;
    transition: .4s;
}
/******progress bar********/
.progress{height: 20px}
.progress-title{
    margin: 0 0 10px;
    font-size: 14px;
    color: #000;
    font-weight: 300;
}
.progress-title span{
    float: right;
}
/************Circvle progress bar***/
.pie-wrap{display: inline-block;}
.skills{
    width: 238px;
    height: 238px;
    border: 1px solid #e7e7e7;
    display: table;
    border-radius: 50%;
    background: #fff;
    transition: .3s;
}
.pie-wrap:hover .skills{
	background: #3db7f0;
}
.percentage.easyPieChart > span, .percentage.easyPieChart {
    font-size: 34px;
    color: #3db7f0;
	text-align: center;
}
.pie-wrap:hover .percentage.easyPieChart > span{
	color:#fff !important;
}
.percentage.easyPieChart {
    margin: -16px -7px -5px;
    width: 218px !important;
    height: 218px !important;
    line-height: 218px !important;
    position: relative;
    top: 10px;
    display: table;
}
.percentage.easyPieChart > span{
	vertical-align: middle;
	margin-left: 35px;
	
}
.easyPieChart canvas {
	position: absolute;
	top: 0;
	left: 0;
}
.pie-wrap h4 {
	text-align: center;
	color: #919191;
	margin: 20px 0 0;
}
.skillShort{
    margin: -16px -7px -5px;
    width: 218px;
    height: 218px;
    position: relative;
    top: 10px;
    display: table;
}
/**********buttons***********/
.btn .icon-left{margin-right: 10px;}
.btn .icon-right{margin-left: 10px;}
.btn-trendy{ background: #3db7f0; border: none;}
.btn-trendy:hover{background: #000;}

/***vertical navigation**/
.vernav ul.nav-list li a{
    display: block;
    padding: 3px 20px 3px 0;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #7b8a8b;
    white-space: nowrap;
}
.vernav ul.nav-list li a:hover{
    text-decoration: none;
    color: #ffffff;
    background-color: #2c3e50;
}
/**********modal box************/
.modal-dialog{z-index: 9999;padding-top: 200px;}
/*********Service Block***********/
.service-content.sblock{/*margin: 0;*/}

/*************promo block******/
.promobox{
    background: #3db7f0;
    padding: 35px;
    -webkit-box-shadow: inset 0 0 0 1px #fff;
    -moz-box-shadow: inset 0 0 0 1px #fff;
    box-shadow: inset 0 0 0 1px #fff;
    border: solid 17px #3db7f0;
}
/**************social buttons*************/
ul.social-icons{
    padding: 0;
    margin: 0;
}
ul.social-icons li{
    float: left;
    list-style: none;
    margin: 0 10px 10px 0;
}
ul.social-icons li a{
    width: 35px;
    height: 35px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #e5e5e5;
    display: table;
    text-align: center;
    line-height: 33px;
    position: relative;
    z-index: 77;
    transition: .4s;
}
ul.social-icons li a:hover{
    background: #3db7f0;
    border: solid 1px transparent;
    color: #fff;
    transition: .4s;
}
ul.social-icons li:hover i{
    -webkit-animation: toTopFromBottom 0.3s forwards;
    -moz-animation: toTopFromBottom 0.3s forwards;
    animation: toTopFromBottom 0.3s forwards;
}
/**********pricing tables********/
.mp-icon:before{content: none}
.mp-icon i{
    color: #fff;
    font-size: 24px;
    position: absolute;
    width: 100%;
    height: 100%;
    line-height: 51px;
    text-align: center;
    top: 0;
    left: 0;
    right: 0;
}
.pricing-table:hover .mp-icon:before{
    content: none;
}
.pricing-table:hover .mp-icon i{color: #3db7f0;}

/*********Contact details*********/
.cf-info ul{margin-top: 0;}

/***********tabs*********/
.tabs-vertical{
    background: #fff;
    overflow: hidden;
    border: 1px solid #eeeeee;
}
.tabs-horizontal{
    border: 1px solid #e5e5e5;
}
.tabs-horizontal .resp-tabs-list li {
    border-bottom: 1px solid #cecece !important;
    width: 33.33333%;
    border-right: 1px solid #e5e5e5;
    text-align: center;
    color: #000;
}
.tabs-horizontal .resp-tabs-list li:last-child {
	border-right: none;
}
.tabs-horizontal .resp-tabs-list li i {
    display: block;
    margin-bottom: 10px;
    color: #3db7f0;
    font-size: 30px;
}
.tabs-horizontal .resp-tab-content {
    padding: 50px 40px 40px 40px;
}
.tabs-horizontal .resp-tab-content h3 {
	font-size: 22px;
	font-weight: 300;
	color: #000;
	text-align: center;
	margin: 30px 0 25px;
}

.tabs-horizontal .resp-tab-content h3 span {
	font-weight: 700;
	color: #3db7f0;
}

.tabs-horizontal .resp-tab-content p {
	text-align: center;
	margin: 0;
	font-size: 14px;
}
.resp-tabs-container{
    font-size: 15px;
    color: #717171;
    font-weight: 300;

}
/********Accordion*******/
.acc-shortcode .panel.panel-default{
    margin: 0;
    border: none;
    border: 1px solid #dbdbdb;
    border-radius: 0;
}
.acc-shortcode .panel + .panel{border-top: 0}
.acc-shortcode .panel-heading{
    margin: 0px;
    font-size: 14px;
    color: #414141;
    padding: 20px 15px;
    height: 50px;
    
    position: relative;
    cursor: pointer;
    background: none;
    border-radius: 0;
    border-color: #dbdbdb;
}
.acc-shortcode .panel-heading a{display: block}
.acc-shortcode .panel-heading a span{
    background: url(images/minus.png) no-repeat center center;
    position: absolute;
    right: 5px;
    top: 0px;
    font-size: 43px;
    width: 50px;
    height: 50px;
    border-left: 1px solid #dbdbdb;
    text-align: center;
    padding: 0;
    margin: 0;
}
.acc-shortcode .panel-heading a.collapsed span{
    background: url(images/plus.png) no-repeat center center !important;
}
.acc-shortcode .panel-title{
    font-size: 14px;
    color: #414141;
}
.acc-shortcode .panel-title i{
    color: #3DB7F0;
    font-size: 20px;
    margin: -5px 6px -5px 1px;
    position: relative;
    top: 2px;
}
.acc-shortcode .panel-body{
    color: #a4a4a4;
    line-height: 24px;
}
/**************Testimonial**************/
.test-shortcode .item{
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    padding: 100px 0;
}
.test-shortcode img{
    -webkit-box-shadow: 0 0 0 2px rgba(238,238,238,0.12);
    -moz-box-shadow: 0 0 0 2px rgba(238,238,238,0.12);
    box-shadow: 0 0 0 2px rgba(238,238,238,0.12);
    border: solid 12px rgba(0,118,249,0);
    width: 163px;
    height: 163px;
    margin: 2px auto 13px;
    display: table;
    border-radius: 50%;
}
.test-shortcode .item.color-white, .test-shortcode .item.color-white p, 
.test-shortcode .item.color-white i, .test-shortcode .item.color-white  cite{
    color: #ffffff;
}
.test-shortcode p{
   font-size: 19px;
    font-weight: 600;
    text-align: center;
    line-height: 26px;
    padding: 0 15%;
    text-shadow: 3px 4px 5px rgba(0,0,0,.1);
}
.test-shortcode i{
    font-size: 20px;
    display: table;
    margin: 17px auto 13px;
    font-weight: 300;
    text-shadow: 3px 4px 5px rgba(0,0,0,.1);
}
.test-shortcode cite{
    font-style: normal;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    width: 100%;
    display: table;
}
.test-shortcode cite span{font-weight: 700;}
.test-shortcode .owl-controls .owl-buttons{
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -70px;
}
.test-shortcode .owl-controls .owl-buttons .owl-prev{
    width: 30px;
    height: 120px;
    border-radius: 0px;
    opacity: 1;
    background: #fff;
    position: relative;
    float: left;
    font-size: 0px;
    right: 5px;
    line-height: 120px;
    transition: .4s;
}
.test-shortcode .owl-controls .owl-buttons .owl-prev:before{
    content: "\f104";
    font-family: FontAwesome;
    font-size: 18px;
    color: #000;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
.test-shortcode .owl-controls .owl-buttons .owl-next{
    width: 30px;
    height: 120px;
    border-radius: 0px;
    opacity: 1;
    background: #fff;
    position: relative;
    float: right;
    font-size: 0px;
    right: -5px;
    line-height: 120px;
    transition: .4s;
}
.test-shortcode .owl-controls .owl-buttons .owl-next:before{
    content: "\f105";
    font-family: FontAwesome;
    font-size: 18px;
    color: #000;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
.test-shortcode .owl-controls .owl-buttons .owl-next:hover,
.test-shortcode .owl-controls .owl-buttons .owl-prev:hover{
    background: #3db7f0;
    color: #fff;
    transition: .4s;
}
.test-shortcode .owl-controls .owl-buttons .owl-prev:hover:before,
.test-shortcode .owl-controls .owl-buttons .owl-next:hover:before {
    color: #fff;
}
/**********slider************/
.flex-direction-nav a:before  { font-family: "FontAwesome" !important;; font-size: 24px !important; display: inline-block; content: '\f053' !important;; line-height:1.8 !important; }
.flex-direction-nav a.flex-next:before  { content: '\f054' !important; }
.flex-control-paging{bottom: 10px;}
.flex-control-paging li a{background: rgba(61, 183, 240, 0.3);}
.flex-control-paging li a.flex-active, .flex-control-paging li a:hover{background: rgba(61, 183, 240, 0.9);}
.page-slider-wrapper{position: relative;}
.page-slider-wrapper .slides > li {position: relative;}
.page-slider-wrapper .flex-direction-nav a{opacity: 1; color:#3db7f0}
.page-slider-wrapper .flex-direction-nav a.flex-prev{left: 0;}
.page-slider-wrapper .flex-direction-nav a.flex-next{right: 0;}

.car-shortcode .item{
    border: 1px solid #ececec;
    height: auto;
    margin: 0 10px;
    transition: .3s;
    cursor: pointer;
}
.car-shortcode.logo-slider .item{
    height: 110px;
}

.car-shortcode .item:hover{
    border: 1px solid #ececec;
    transition: .3s;
}
.car-shortcode .item img{
    display: table;
    margin: 0 auto;
    transition: .3s;
}
.car-shortcode.logo-slider .item img{
    padding: 45px 0;
    opacity: 0.1;
}
.car-shortcode.logo-slider .itemhover img,
.car-shortcode .item:hover img{
    opacity: 1;
    transition: .3s;
}
.car-shortcode .owl-controls .owl-buttons .owl-prev{
    width: 33px;
    height: 33px;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    opacity: 1;
    background: #fff;
    position: relative;
    float: left;
    font-size: 0px;
    left: 28px;
    line-height: 29px;
    position: absolute;
    top: 50%;
    margin-top: -17px;
}
.car-shortcode .owl-controls .owl-buttons .owl-prev:before{
    content: "\f104";
    font-family: FontAwesome;
    font-size: 18px;
    color: #9f9f9f;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
.car-shortcode .owl-controls .owl-buttons .owl-next{
    width: 33px;
    height: 33px;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    opacity: 1;
    background: #fff;
    position: relative;
    float: right;
    font-size: 0px;
    right: 28px;
    line-height: 29px;
    position: absolute;
    top: 50%;
    margin-top: -17px;
}
.car-shortcode .owl-controls .owl-buttons .owl-next:before{
    content: "\f105";
    font-family: FontAwesome;
    font-size: 18px;
    color: #9f9f9f;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
.car-shortcode .owl-controls .owl-buttons .owl-next:hover,
.car-shortcode .owl-controls .owl-buttons .owl-prev:hover{
    background: #3db7f0;
    color: #fff;
    border-color: #3db7f0;
}
.car-shortcode .owl-controls .owl-buttons .owl-next:hover:before,
.car-shortcode .owl-controls .owl-buttons .owl-prev:hover:before{
    color: #ffffff;
}
/**************Content Slider************/
.car-shortcode.content-slider .item{border: none;}

/************blog listing*************/
.bloglisting .flex-video iframe{max-width: 100%;}
.bloglisting.tabbed{border: 1px solid #dfdfdf;}
.blogTab{
    overflow: hidden;
    background: #fff;
}
.blogTab .resp-tabs-list {
    float: left;
    width: 16% !important;
}
.blogTab .resp-tabs-list li {
    padding: 14px 0px !important;
    height: 110px;
    background: #3db7f0;
    border: none !important;
    border-bottom: 1px solid #4a5768 !important;
}
.blogTab li.resp-tab-active {
    padding: 0px 0px !important;
    border-right: 1px solid #fff !important;
}
.blogTab .resp-tabs-list li img {
    width: 81px;
    height: 81px;
    padding: 10px;
    border-radius: 50%;
    background: rgba(0,0,0,0.1);
    margin: 0 auto;
}
.blogTab li.resp-tab-active img {
    width: 100% !important;
    height: 100% !important;
    padding: 0px !important;
    border-radius: 0% !important;
    background: transparent;
    margin: 0 auto;
}
.blogTab .resp-tabs-container {
    float: right;
    width: 84%;
}
.blogTab .resp-tab-content {
    display: none;
    padding: 30px 35px 3px;
}
.blogTab .resp-tabs-container h4 {
    color: #4a5768;
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 14px;
}
.blogTab .resp-tabs-container{
    color: #4a5768;
    font-size: 13px;
    font-weight: 400;
}
.blogTab .resp-tabs-container p {
    color: #4a5768;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 21px;
    letter-spacing: -0.4px;
}
/********Timeline***/
#timeline:before{bottom: 0;}
.t-left:before{top: 1px; right: -23%;}
.t-right:before{left: -23%;}
/**************Parallax**********/
.fullsize.parallax-bg{
background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	box-sizing: content-box!important;
	-moz-box-sizing: content-box!important;
	-webkit-box-sizing: content-box!important;
    position: relative;
    z-index: 0;

}
.parallax-wrapper{
    background-position: 50% 50%;
    background-attachment:fixed;
    background-repeat: no-repeat;
    position: relative;
    -webkit-background-size: cover !important; 
    -moz-background-size: cover !important;    
    -o-background-size: cover !important;     
    background-size: cover !important;         
}
.fullsize.fullsize-background{
     background-repeat: no-repeat;
    position: relative;
    -webkit-background-size: cover !important; 
    -moz-background-size: cover !important;    
    -o-background-size: cover !important;     
    background-size: cover !important;         
}
.fullsize {color: inherit; width:100% ;}
.fullsize-background.notopborder{border-top:none}
.fullsize-background.nobottomborder{border-bottom:none}
.padding-none { padding:0 !important;}
.padding-xsmall { padding:5px 0 !important;}
.padding-small { padding:15px 0 !important;}
.padding-medium{ padding:30px 0 !important;}
.padding-large { padding: 60px 0 !important;}
.mb_YTVPlayer{display:block !Important}

/************Google Map******************/
.gm-shortcode>div{width: 100% !important;}
.gmnoprint img {
    max-width: none; 
}
/*************contact form 7**************/
span.wpcf7-form-control-wrap{position: initial;}
.wpcf7-form-control.wpcf7-submit{
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    border: 2px solid #3db7f0;
    background: #3db7f0;
    transition: 0.3s;
    width: 100%;
    padding: 0;
}
/**************Special products*****************/
ul.specprod{
	list-style: none;
}
ul.specprod li{
	height: auto;
    margin: 0 10px;
    transition: .3s;
    cursor: pointer;
}
.car-shortcode.specprod .owl-controls  .owl-prev{
    width: 33px;
    height: 33px;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    opacity: 1;
    background: #fff;
    position: relative;
    float: left;
    font-size: 0px;
    left: 28px;
    line-height: 29px;
    position: absolute;
    top: 50%;
    margin-top: -17px;
}
.car-shortcode.specprod .owl-controls  .owl-prev:before{
    content: "\f104";
    font-family: FontAwesome;
    font-size: 18px;
    color: #9f9f9f;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
.car-shortcode.specprod .owl-controls .owl-next{
    width: 33px;
    height: 33px;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    opacity: 1;
    background: #fff;
    position: relative;
    float: right;
    font-size: 0px;
    right: 28px;
    line-height: 29px;
    position: absolute;
    top: 50%;
    margin-top: -17px;
}
.car-shortcode.specprod .owl-controls  .owl-next:before{
    content: "\f105";
    font-family: FontAwesome;
    font-size: 18px;
    color: #9f9f9f;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
.car-shortcode.specprod .owl-controls  .owl-next:hover,
.car-shortcode.specprod .owl-controls  .owl-prev:hover{
    background: #3db7f0;
    color: #fff;
    border-color: #3db7f0;
}
.car-shortcode.specprod .owl-controls  .owl-next:hover:before,
.car-shortcode.specprod .owl-controls .owl-prev:hover:before{
    color: #ffffff;
}
ul.specprod li span.onsale{
	color: #fff;
	min-height: 32px;
	min-width: 32px;
	padding: 4px;
	font-size: 12px;
	font-weight: 700;
	position: absolute;
	text-align: center;
	line-height: 32px;
	top: 6px;
	left: 6px;
	margin: 0;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background: #a2c094;
	background: -webkit-gradient(linear,left top,left bottom,from(#a2c094),to(#85ad74));
	background: -webkit-linear-gradient(#a2c094,#85ad74);
	background: -moz-linear-gradient(center top,#a2c094 0,#85ad74 100%);
	background: -moz-gradient(center top,#a2c094 0,#85ad74 100%);
	text-shadow: 0 -1px 0 #85ad74;
	color: #fff;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.2),0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.2),0 1px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.2),0 1px 2px rgba(0,0,0,.2);
}
ul.specprod li span.onsale{
	z-index: 999;
	left: auto;
	margin: -6px -6px 0 0;
}
ul.bxslider{padding-left:0}
.bx-wrapper .bx-viewport{box-shadow:none !important}