body{
	font-family: 'Open Sans', sans-serif;
	line-height: 26px;
	padding: 0 !important;
}

#wrapper{
	width: 100%;
	margin: 0;
	min-width: 980px;
	position: relative;
	background: #fff;
}

h1, h2, h3, h4, h5, h6{color: #1c1c1a;}

a,a:hover,a:focus{color: #404040;}

input::-webkit-input-placeholder { /* WebKit browsers */
	color: #999;
    opacity: 1;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #999;
    opacity: 1;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #999;
	opacity: 1;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
	opacity: 1;
	color: #999;
}

/*----------Helpers----------*/
:focus{outline:0 !important;}
.bd-n{border: none !important;}
.bg-n{background: transparent none !important;}
.mb-0{margin-bottom: 0 !important;}
.mb-1{margin-bottom: 1px !important;}
.mb-8{margin-bottom: 8px !important;}
.mb-20{margin-bottom: 20px !important;}
.mb-25{margin-bottom: 25px !important;}
.mb-28{margin-bottom: 28px !important;}
.mb-29{margin-bottom: 29px !important;}
.mb-30{margin-bottom: 30px !important;}
.mb-31{margin-bottom: 31px !important;}
.mb-39{margin-bottom: 39px !important;}
.mb-40{margin-bottom: 40px !important;}
.mb-41{margin-bottom: 41px !important;}
.mb-42{margin-bottom: 42px !important;}
.mb-50{margin-bottom: 50px !important;}
.mb-54{margin-bottom: 54px !important;}
.mb-70{margin-bottom: 70px !important;}
.mb-71{margin-bottom: 71px !important;}
.mb-90{margin-bottom: 90px !important;}

.mr-20{margin-right: 20px !important;}

.pt-26{padding-top: 26px !important;}
.pt-27{padding-top: 27px !important;}
.pt-29{padding-top: 29px !important;}
.pt-31{padding-top: 31px !important;}
.pt-32{padding-top: 32px !important;}
.pt-33{padding-top: 33px !important;}
.pt-34{padding-top: 34px !important;}
.pt-35{padding-top: 35px !important;}
.pt-38{padding-top: 38px !important;}
.pt-41{padding-top: 41px !important;}
.pt-42{padding-top: 42px !important;}
.pt-44{padding-top: 44px !important;}
.pt-45{padding-top: 45px !important;}
.pt-46{padding-top: 46px !important;}
.pt-47{padding-top: 47px !important;}
.pt-50{padding-top: 50px !important;}
.pt-54{padding-top: 54px !important;}
.pt-60{padding-top: 60px !important;}
.pt-67{padding-top: 67px !important;}

.ml--30{margin-left: -30px !important}

.pr-20{padding-right: 20px !important;}

.pl-0{padding-right: 0px !important;}

.pb-4{padding-bottom: 4px !important;}
.pb-19{padding-bottom: 19px !important;}
.pb-20{padding-bottom: 20px !important;}
.pb-39{padding-bottom: 39px !important;}
.pb-36{padding-bottom: 36px !important;}
.pb-40{padding-bottom: 40px !important;}
.pb-42{padding-bottom: 42px !important;}
.pb-43{padding-bottom: 43px !important;}
.pb-48{padding-bottom: 48px !important;}
.pb-50{padding-bottom: 50px !important;}
.pb-54{padding-bottom: 54px !important;}
.pb-67{padding-bottom: 67px !important;}
.pb-73{padding-bottom: 73px !important;}
	
.bd-grey-b{border-bottom: 1px solid #e3e3e3;}

/*----------Header----------*/
header{
	background: #fefefe; /* Old browsers */
	background: -moz-linear-gradient(top,  #fefefe 0%, #f9f9f9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fefefe 0%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fefefe 0%,#f9f9f9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fefefe 0%,#f9f9f9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fefefe 0%,#f9f9f9 100%); /* W3C */
}

.header{
	width: 1000px;
	/*position: relative;*/
	margin: 0 auto;
	height: 92px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.logo{
	background: transparent url('../img/green-theme/logo.png') 0 0 no-repeat;
	width: 131px;
	height: 40px;
	display: block;
	text-indent: -999em;
	position: absolute;
	left: 0;
	top: 26px;
}

header .search{
	position: absolute;
	right: 0;
	top: 31px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #d9d9d9 !important;
	overflow: hidden;
}

.search input,
.search input[type="search"]{
	background: #f7f7f7 none;	
	padding: 0 11px;
	width: 103px;
	height: 29px;
	border: none !important;
	color: #a8a8a8;
	font-size: 12px;
	line-height: 29px;	
	-webkit-box-shadow: inset 0 1px 1px rgba(233,233,233,0.8);
	-moz-box-shadow: inset 0 1px 1px rgba(233,233,233,0.8);
	box-shadow: inset 0 1px 1px rgba(233,233,233,0.8);	
	float:left;
	margin: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.search input:focus,
.search input[type="search"]:focus{
	color: #404040;
}

.search button{
	background: transparent url('../img/green-theme/search-bg.png') 100% 0 no-repeat;
	width: 32px;
	height: 29px;
	padding: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	border: none !important;
	float:left;
	margin: 0;
	display: block;
	text-indent: -999em;
}

.bxslider li:after{
	background: url("../img/img-slider-pattern.png") repeat scroll 0 0 transparent;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
    content: '';
}

.search button:hover,
.active.search button{
	background-position: 100% -29px;
}

header input:focus,
header input[type="search"]:focus{
	background:#fff none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/*----------Head-menu----------*/
.head-menu{
	/*position: absolute;*/
	margin: 0;
	top: 0;
	padding: 0;
	right: 0px;
}

.head-menu li{
	float:left;
	padding: 0;
	text-transform: uppercase;
	list-style: none;
	position: relative;
}

.head-menu li a, .head-menu li button{
	padding: 37px 20px 35px;
	display: block;
	color: #34495e;
	background: transparent none;
	position: relative;
	z-index: 2;
	-webkit-transition:color 0.35s;
	-moz-transition:color 0.35s;
	-ms-transition:color 0.35s;
	-o-transition:color 0.35s;
	transition:color 0.35s;
}

.head-menu li.open a,
.head-menu li.active a,
.head-menu li.open button,
.head-menu li.active button
{
	text-decoration: none;
	color: #28cdac;
	font-weight: 700;
	opacity: 1;}
	
.head-menu li:hover a,
.head-menu li.hover a{
	text-decoration: none;
	color: #28cdac;
	opacity: 1;
}

.head-menu li i{
	background: transparent url('../img/green-theme/head-menu-a-hover.png') 0 0 repeat-x;
	position: absolute;
	height: 100%;
	width: 100%;
	display: block;
	top: 0;
	left: 0;
	opacity: 0;
}

.head-menu li.open i,
.head-menu li.active i,
.head-menu li:hover i,
.head-menu li.hover i{
	opacity: 1;
}

/*----------Dropdown----------*/
.dropdown-menu{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding: 0;
	margin: 0;
	border: 1px solid #e3e3e3;
	border-bottom: none;
	display: none;
}

.head-menu li.open .dropdown-menu,
.head-menu li.hover .dropdown-menu,
.head-menu li:hover .dropdown-menu{
	display: block;
}

.dropdown-menu li{
	float:none;
	text-transform: none;
}

.dropdown-menu li:hover,
.dropdown-menu li.hover{
	background: #fefefe; /* Old browsers */
	background: -moz-linear-gradient(top,  #fefefe 0%, #f9f9f9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fefefe 0%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fefefe 0%,#f9f9f9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fefefe 0%,#f9f9f9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fefefe 0%,#f9f9f9 100%); /* W3C */
}

.head-menu .dropdown-menu a,
.head-menu .dropdown-menu li button,
.head-menu .open .dropdown-menu a,
.head-menu .active .dropdown-menu a,
.head-menu :hover .dropdown-menu a,
.head-menu .hover .dropdown-menu a{
	background: transparent none;
	padding: 0 37px 0 32px;
	line-height: 35px;
	border-bottom: 1px solid #e3e3e3;
	color: #a8a8a8;
	font-size: 12px;
	display: block;
}

.dropdown-menu li:hover a,
.dropdown-menu li.active a,
.dropdown-menu li.hover a,
.dropdown-menu li:hover button,
.dropdown-menu li.active button,
.dropdown-menu li.hover button
{
	background: transparent url('../img/dropdown-li-hover.png') 17px 15px no-repeat !important;
	color: #404040 !important;
}

/*----------Slider----------*/
.swipe{
	width: 100%;
	margin: 0 auto;
	position: relative;
	height: auto;
	overflow: hidden;
	visibility: visible;
}

.swipe div{
	float:left;
	width: 100%;
	position: relative;
}

.home-slide.swipe img{width: 100%;}

/*----------Content----------*/
.content-wrapper{
	background: #fff none;
	min-width: 980px;
}

.content-wrapper.portfolio-slide{
	background: #f6f6f6 none;
	border-bottom: 1px solid #e3e3e3;
	margin-bottom: 1px;
}

.content{
	width: 940px;
	margin: 0 auto;
}

.content-swipe{
	width: 960px;
}

.content-separator {
    border-bottom: 1px solid #e3e3e3;
    padding: 0 0 27px;
}

h3.page-title{
	font-weight: 600;
	font-size: 18px;
	line-height: 18px;
	color: #1c1c1a;
	text-transform: uppercase;
	border-bottom: 1px solid #e3e3e3;
	padding: 0 0 27px;
	margin: 0 0 30px;
}

h3.section-title {
	font-weight: 600;
	font-size: 18px;
	line-height: 18px;
	color: #1c1c1a;
	text-transform: uppercase;
	border-top: 1px solid #999999;
    padding: 30px 0 0px;
    margin: 27px 0 27px;
}

.sub-title {
    border-bottom: 1px solid #e3e3e3;
    margin: 0 0 27px;
}

.content-wrapper.services,
.content-wrapper.services.about-us{
	background: #f9f9f9 url('../img/about-us-bg.png') 0 100% repeat-x !important;  
	overflow: hidden;
	position: relative;
}

.serv{
	margin: 0 auto;
	width: 940px;
	padding: 0;
	height: 100%;
	display: flex;
}

.serv li{
	list-style: none;
	width: 305px;
	float: left;
	position: relative;
}

.serv li .wing {
	content: "";
	position: absolute;
	top: 0;
	height: 100%;
	width: 1680px;
	background-repeat: repeat-x;
	background-position: 0 700px;
	-webkit-transition:background-position 0.3s;
	-moz-transition:background-position 0.3s;
	-ms-transition:background-position 0.3s;
	-o-transition:background-position 0.3s;
	transition:background-position 0.3s;
}

.serv .first .wing {
	left: -1680px;
}

.serv .last .wing {
	right: -1680px;
}

.serv li a:hover + .wing,
.serv li a.selected + .wing {
	/*background-image: url('../img/green-theme/about-serv-hover-bg.png');*/
	background-position: 0 100%;
}

.serv li.item-2,
.serv li.idea{width: 330px;}
.serv li.user{width: 330px;}
.serv li.support{width: 330px;}
.serv h3{
	font-weight: bold;
	color: #fff;
	font-size: 16px;
	margin: 0 0 16px;
	overflow: hidden;
	height: 48px;
	line-height: 24px;
	display: table-cell;
	vertical-align: middle;
	padding: 0 0 0 70px;
	-webkit-transition:background-position 0.5s;
	-moz-transition:background-position 0.5s;
	-ms-transition:background-position 0.5s;
	-o-transition:background-position 0.5s;
	transition:background-position 0.5s;
}

.serv .project h3{background: transparent url('../img/green-theme/h264-h265-rtsp-player.png') 0 -3px no-repeat;padding: 0 0 0 61px !important;}
.serv .idea h3{background: transparent url('../img/green-theme/rtsp-server-deploy.png') 0 -2px no-repeat;padding: 0 0 0 49px !important;}
.serv .user  h3{background: transparent url('../img/green-theme/user-ico.png') 0 -2px no-repeat;padding: 0 0 0 49px !important;}
.serv .support  h3{background: transparent url('../img/green-theme/support-ico.png') 0 -2px no-repeat;padding: 0 0 0 49px !important;}
.serv .framework h3{background: transparent url('../img/green-theme/web-page-integration.png') 0 -3px no-repeat;padding: 0 0 0 56px !important;}

.serv span{
	color: #fff;
	line-height: 24px;
	display: block;
	background: transparent url('../img/green-theme/serv-span-bd.png') 0 0 repeat-x;
	padding: 15px 0 0;
	margin: 11px 0 0;
}

.serv a{
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 30px 25px 46px;
	background: transparent url('../img/about-serv-link-bg.png') 0 700px repeat-x;
	-webkit-transition:background-position 0.3s;
	-moz-transition:background-position 0.3s;
	-ms-transition:background-position 0.3s;
	-o-transition:background-position 0.3s;
	transition:background-position 0.3s;
}

.serv .serv-link{
	/*background: transparent url('../img/about-serv-link-bg.png') 50% 1000% repeat-x;*/
	height: 100%;
    box-sizing: border-box;
	cursor: pointer;
}

.serv .project a{
	padding: 30px 25px 46px 0;
}

.serv .framework a{
	padding: 30px 0 46px 25px;
}
.serv .support a{
	padding: 30px 0 46px 25px;
}

.about-us-title{
	background: transparent url('../img/about-us-title-bg.png') 0 50% repeat-x;
	color: #1c1c1a;
	font-size: 16px;
	margin: 0;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 27px;
}

.about-us-title span{
	display: inline-block;
	background: #fff none;
	padding-right: 15px;
}

/*----------Accordion----------*/
.content-wrapper.in-shadow{
	background-image: url('../img/content-shadow.png');	
	background-repeat: repeat-x;
	background-position: 0 0;	
}

.accordion-group{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: none;
	margin: 0 0 19px;
}

.accordion-group.active{
	margin-bottom: 0;
}

.accordion-group.active.mb-0{
	margin-bottom: -19px !important;
}

.accordion-inner{
	border: none;
}

.accordion-heading .accordion-toggle{
	background: transparent url('../img/green-theme/accordion-heading-bg.png') 0 0 no-repeat;
	width: 100%;
	height: 43px;
	padding: 0 0 0 57px;
	display: table-cell;
	vertical-align: middle;
	line-height: 20px;
	overflow:hidden;
	font-size: 14px;
	color: #1c1c1a !important;
	text-decoration: none;
	-webkit-transition: background-position 0.35s;
	-moz-transition: background-position 0.35s;
	-ms-transition: background-position 0.35s;
	-o-transition: background-position 0.35s;
	transition: background-position 0.35s;
}

.accordion-heading .accordion-toggle span{
	border: 1px solid #ebeaea;
	display: table-cell;
	height: 41px;
	width: 387px;
	vertical-align: middle;
	line-height: 20px;
	padding-left: 14px;
	-webkit-transition: all 0s ease 0.35s;
	-moz-transition: all 0s ease 0.35s;
	-ms-transition: all 0s ease 0.35s;
	-o-transition: all 0s ease 0.35s;
	transition: all 0s ease 0.35s;
}

.accordion.w-100pr .accordion-heading .accordion-toggle span{
	width: 940px;
}

.accordion-group.active > .accordion-heading .accordion-toggle span{
	border-bottom: 1px solid transparent;
	-webkit-transition:all 0s ease 0s;
	-moz-transition:all 0s ease 0s;
	-ms-transition:all 0s ease 0s;
	-o-transition:all 0s ease 0s;
	transition:all 0s ease 0s;
}

.accordion-group.active > .accordion-heading .accordion-toggle {
	background-position: 0 -43px;	
}

.accordion-heading{
	position: relative;
	z-index: 2;
}

.accordion-inner {
	margin-left: 57px;
	border: 1px solid #ebeaea;
	border-top: none;
	font-size: 14px;
	line-height: 22px;
	color: #a8a8a8;
}

.accordion {
    margin-top: 20px;
}

.accordion-body {
    margin-top: 20px;
    margin-bottom: 20px;
}

.collapse{
	top: -19px;
}

/*----------Slider-testimonials----------*/
.slide-control{
	position: relative;
	float:right;
	right: 0;
}

.pull-top,
#column3 .carousel-control,
.thumb-info .carousel-control,
.slide-control .carousel-control{
	margin: 0;
	top: 0;
	right: 22px;
	left: auto;
	background: #00d0a7 url('../img/slide-control-sprite.png') -6px -6px no-repeat;
	width: 5px;
	height: 9px;
	padding: 6px 8px;
	display: block;
	border: 1px solid #ebeaea;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	opacity: 1;
	text-indent: -999em;
	-webkit-transition: background-color 0.35s;
	-moz-transition: background-color 0.35s;
	-ms-transition: background-color 0.35s;
	-o-transition: background-color 0.35s;
	transition: background-color 0.35s;
}

.pull-top,
#column3 .carousel-control,
.thumb-info .carousel-control{
	padding: 12px 14px;
	right: 62px;
	border-width: 3px;
	top: 50%;
	margin: -19px 0 0;
}

.our-skill .slide-control .carousel-control{
	top: -2px;
}

.carousel-control{
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.pull-top,
#column3 .carousel-control.left,
.thumb-info .carousel-control.left{
	border-right: none;
	background-position: 0 0;	
}

#column3 .carousel-control.right,
.thumb-info .carousel-control.right,
.slide-control .carousel-control.right{
	right: 0;
	background-position: -39px -6px;	
	border-left-width: 1px;	
}

#column3 .carousel-control.right,
.thumb-info .carousel-control.right{right: 25px;background-position: -33px 0;}

.thumb-info .carousel-control.right,
.thumb-info .carousel-control.left{
	background-color: transparent;
	background-image: url('../img/slide-control-sprite-portf.png');	
}

.pull-top:hover,
#column3 .carousel-control:hover,
.thumb-info .carousel-control:hover,
.slide-control .carousel-control:hover{
	background-position: -6px -39px;
	background-color: #23b99b;	
}

.pull-top:hover,
#column3 .carousel-control:hover,
.thumb-info .carousel-control:hover{background-position: 0 -33px;}

#column3 .carousel-control.right:hover,
.thumb-info .carousel-control.right:hover,
.slide-control .carousel-control.right:hover{
	background-position: -39px -39px;
	background-color: #28CDAC;
}

#column3 .carousel-control.right:hover,
.thumb-info .carousel-control.right:hover{background-position: -33px -33px;}

.thumb-info .carousel-control.right:hover,
.thumb-info .carousel-control.left:hover{
	background-color: #fff !important;
}

/*----------Seminars----------*/
.sem-bd{
	border: 1px solid #ebeaea;
}

.semin .sem-head{
	border-bottom: 1px solid #ebeaea;
	padding: 19px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}
.sem-head{
	background:transparent url('../img/footer-pattern.png') 0 0 repeat;
}
.semin .sem-bl{
	padding:19px 20px 53px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.time-sem{
	float:right;
	line-height: 38px;
	color: #404040;
	font-size: 14px;
	background: transparent url('../img/time-sem-bg.png') 0 8px no-repeat;
	padding-left: 31px;
	position: relative;
	top: -7px;
}

.semin .logo-sem{
	float:left;
	width: auto;
	height: 38px;
	width: 169px;
	overflow: hidden;
}

.sem-title{
	font-size: 16px;
	line-height: 30px;
	color: #404040;
	margin: 0 0 13px;
	font-weight: 100;
}

.sem-bl p {
	font-size: 14px;
	color: #787878;
	line-height: 20px;
	margin: 0 0 28px;
	font-weight: 300;
}

.register-sem{
	float:left;
	border: 1px solid #ebeaea;
	line-height: 36px;
	height: 36px;
	padding-bottom: 0;
	padding: 0 32px;
	text-align: center;
	color: #404040 !important;
	font-size: 14px;
	background: transparent none;
	display: block;
	text-decoration: none;
}

.register-sem:hover{
	background: #f9f9f9;
	text-decoration: none;
}

.sem-link{
	font-size: 14px;
	line-height: 24px;
	color: #404040 !important;
	float:right;
	background: transparent url('../img/green-theme/sem-link-bd.png') 100% 0 no-repeat;
	padding-top: 8px;
	position: relative;
	top: -4px;
	text-decoration: underline;
}

/*----------Showcase----------*/
.content-wrapper.showcase{
	background: #f9f9f9 none;
	border-top: 1px solid #fff;
}

.page-title.showcase-ico{
	padding:13px 0 27px 40px;
	background: transparent url('../img/showcase-ico.png') 0 0 no-repeat;
	margin-bottom: 29px;
	border-bottom-style: dotted;
}

.get-in a{
	background: #1ABC9C none;
	padding: 0 60px;
	color: #fff !important;
	border: 3px solid #ebeaea;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	text-shadow: 0 1px 1px rgba(5,160,129,0.7);
	text-decoration: none !important;
}

.get-in a:hover{
	background:#28CDAC none;
}

.thumbnails{
	background: #ebeaea none;
	padding: 0 0 8px;
	-webkit-box-shadow: 0 0 7px rgba(43,43,43,0.1);
	-moz-box-shadow: 0 0 7px rgba(43,43,43,0.1);
	box-shadow: 0 0 7px rgba(43,43,43,0.1);
	border: none;
	overflow: hidden;
	margin: 0;
}

.span6 .thumbnails{width: 460px;}

.thumbnail{
	padding: 0;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	position: relative;
}

.thumb-img{
	border: 1px solid #fff;
	padding: 0;
	display: block;
	position: relative;	
	z-index: 2;
	overflow:hidden;
}

.span4 .thumb-img{
	height: 183px;
	width: 298px;
}

.span6 .thumb-img{
	width: 458px;
	height: 286px;
}

.thumb-info{
	background: transparent url('../img/thumb-img-bg.png') 0 0 no-repeat;
	padding: 8px 0 0;
	overflow: hidden;
	width: 460px;
}

.portf-works-2cols .thumb-info{
	background: transparent url('../img/thumb-img-bg-span6.png') 0 0 no-repeat;
}

.thumbnail .info-ico{
	position: absolute;
	width: 52px;
	border-right:1px solid #fff;
	height: 100%;
	display: block;
	top: 0;
	left: 0;
        background: transparent url(../img/play-ico.png) 15px 25px no-repeat;

}

.thumbnail .info-ico img{
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto !important;
	margin: -11px 0 0 -12px;
}

.thumbnail .work-info{
	display: block;
	padding-left: 67px;
	position: relative;
	background: #fafafa; /* Old browsers */
	background: -moz-linear-gradient(top,  #fafafa 0%, #f5f4f4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#f5f4f4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fafafa 0%,#f5f4f4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fafafa 0%,#f5f4f4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fafafa 0%,#f5f4f4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fafafa 0%,#f5f4f4 100%); /* W3C */
	text-decoration: none;
	overflow: hidden;
}

.thumbnail .work-info h3{
	font-weight: 400;
	line-height: 22px;
	margin: 13px 0 4px;
	font-size: 12px;
	text-transform: uppercase;
}

.thumbnail .work-info h3.branding{color: #0096db;}
.thumbnail .work-info h3.artwork{color: #fbbc24;}
.thumbnail .work-info h3.paintings{color: #1abc9c;}
.thumbnail .work-info h3.sketches{color: #f36100;}
.thumbnail .work-info h3.photos{color: #a9a700;}
.thumbnail .work-info h3.videos{color: #c14949;}

.thumbnail .work-info span{
	display: block;
	color: #c2c2c2;
	font-size: 12px;
	width: 70%;
	margin-bottom: 14px;
	padding-left: 15px;
	#background: transparent url('../img/thumb-category-sprite.png') 0 300px no-repeat;
}

.thumbnail .work-info .branding{background-position: -95px 7px;}
.thumbnail .work-info .artwork{background-position: -75px -11px;}
.thumbnail .work-info .paintings{background-position: -55px -29px;}
.thumbnail .work-info .sketches{background-position: -35px -47px;}
.thumbnail .work-info .photos{background-position:-15px -65px;}
.thumbnail .work-info .videos{background-position:0 -78px;}

.thumbnail .h-block{
	position: absolute;
	left: 1px;
	top: 1px;
	z-index: 1;
	padding: 18px 15px 0 45px;
	width: 238px;
	height: 165px;
}

.span6 .thumbnail .h-block{
	width: 380px;
	height: 251px;
	padding: 35px 15px 0 63px;
}

.portf-works-2cols .thumbnail .h-block{	
	width: 380px;
	height: 251px;
	padding: 35px 15px 0 63px;
}

.thumbnail .h-block.artwork{background: #fbbc24 none;}
.thumbnail .h-block.paintings{background: #1abc9c none;}
.thumbnail .h-block.photos{background: #a9a700 none;}
.thumbnail .h-block.branding{background: #0096db none;}
.thumbnail .h-block.sketches{background: #f36100 none;}
.thumbnail .h-block.videos{background: #c14949 none;}

.thumbnail.active .h-block{
	z-index: 3;
}

.thumbnail .h-block h4{
	color: #fff;
	font-weight: 600;
	line-height: 24px;
	margin: 0;
	padding: 0 0 0 15px;
	text-transform: uppercase;
	font-size: 14px;
}

.span6 .thumbnail .h-block h4{
	font-size: 18px;
}

.thumbnail .h-block p{
	color: #fff;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
	height: 80px;
	padding: 0 0 0 15px;
	display: table-cell;
	vertical-align: middle;
}

.span6 .thumbnail .h-block p{
    height: 146px;    
}

.thumbnail .h-block .l-button,
.thumbnail .h-block .z-button{
	width: 38px;
	height: 38px;
	display: block;
	background: transparent url('../img/links-button-sprite.png') 0 0 no-repeat;
	float:left;
	text-indent: -999em;
	position: relative;
	margin: 0 10px 0 0;
}

.thumbnail .h-block .l-button:hover,
.thumbnail .h-block .z-button:hover{
	background: none;
}

.thumbnail .h-block .z-button{margin: 0 10px 0 15px;}

.thumbnail .h-block i{
	width: 38px;
	opacity: 0;
	height: 38px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background: transparent url('../img/links-button-sprite.png') 0 0 no-repeat;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.thumbnail .artwork .z-button{background-position: 0 0;}
.thumbnail .artwork .z-button i{background-position: -38px 0;}
.thumbnail .artwork .l-button{background-position: 0 -38px;}
.thumbnail .artwork .l-button i{background-position: -39px -38px;}

.thumbnail .paintings .z-button{background-position: -76px 0;}
.thumbnail .paintings .z-button i{background-position: -114px 0;}
.thumbnail .paintings .l-button{background-position: -78px -38px;}
.thumbnail .paintings .l-button i{background-position: -117px -38px;}

.thumbnail .branding .z-button{background-position: 0 -76px;}
.thumbnail .branding .z-button i{background-position: -38px -76px;}
.thumbnail .branding .l-button{background-position: 0 -114px;}
.thumbnail .branding .l-button i{background-position: -39px -114px;}

.thumbnail .photos .z-button{background-position: 0 -152px;}
.thumbnail .photos .z-button i{background-position: -77px -152px;}
.thumbnail .photos .l-button{background-position: -38px -152px;}
.thumbnail .photos .l-button i{background-position: -115px -152px;}

.thumbnail .sketches .z-button{background-position: -76px -76px;}
.thumbnail .sketches .z-button i{background-position: -114px -76px;}
.thumbnail .sketches .l-button{background-position: -78px -114px;}
.thumbnail .sketches .l-button i{background-position: -117px -114px;}

.thumbnail .videos .z-button{background-position: 0 -190px;}
.thumbnail .videos .z-button i{background-position: -77px -190px}
.thumbnail .videos .l-button{background-position: -38px -190px}
.thumbnail .videos .l-button i{background-position: -115px -190px}

.thumbnail .h-block .l-button:hover i,
.thumbnail .h-block .z-button:hover i{
	opacity: 1;
}

/*----------Home-blog----------*/
.content-wrapper.home-blog{
	border-top: 1px solid #e3e3e3;
	margin: 0 0 1px;
	background: #f9f9f9 none;
}

.clients .page-title,
.home-blog .page-title{
	border-bottom-style: dotted;
}

.home-blog .page-title{padding-bottom: 26px;margin-bottom: 29px;}

.page-title .href-blog{
	background: transparent url('../img/sep-url.gif') 0 5px no-repeat;
	padding-left: 14px;
	margin-left: 7px;
	color: #404040;
	text-transform: none;
	font-size: 14px;
	text-decoration: none;
	position: relative;
	font-weight: normal;
	line-height: 16px;
	top: -2px;
}

.page-title .href-blog:hover{
	color: #1ABC9C;
	text-decoration: underline;
}

.post .p-title{
	font-size: 18px;
	line-height: 22px;
	color: #1c1c1a;
	margin: 0 0 16px;
	font-weight: normal;
}

.blog .post .p-title {
	padding-left: 35px;
}

.post .p-title a{
	color: #1c1c1a;
	display: block;
	-webkit-transition:color 0.35s;
	-moz-transition:color 0.35s;
	-ms-transition:color 0.35s;
	-o-transition:color 0.35s;
	transition:color 0.35s;
	text-decoration: none;
}

.post:hover .p-title a,
.post .p-title a:hover{
	color: #787878;
}

.post .p-title.standart,
.post .p-title.video,
.post .p-title.gallery{
	background: transparent url('../img/post-title-ico.png') 0 0 no-repeat;
}

.post .p-title.standart a,
.post .p-title.video a,
.post .p-title.gallery a{
	padding-left: 32px;
}

.blog .post .p-title a{
	padding-left: 0;
}

.post .p-title.standart{background-position: -22px -25px;}
.post .p-title.video{background-position: 0 -53px;}
.post .p-title.gallery{background-position: -44px 1px;}

.comm-info,
.post .p-info{
	padding:7px 0px 8px;
	display: inline-block;
	margin: 0 0 16px;
	background: #F9F9F9;	
	-webkit-transition:background-color 0.35s;
	-moz-transition:background-color 0.35s;
	-ms-transition:background-color 0.35s;
	-o-transition:background-color 0.35s;
	transition:background-color 0.35s;
}

/* .posts .post .p-info:hover,
.posts .post .p-info.hover{
	background: #fff;
}
*/
.comm-info{
	background: none;
	padding: 0;
	margin: 0;
	position: relative;
	top:-5px;
	border:none;
}

.comm-user,
.comm-date,
.p-info .p-user,
.p-info .comm-time,
.p-info .p-comments,
.p-info .p-date{
	color: #1c1c1a;
	font-size: 12px;
	line-height: 24px;
	padding-left: 28px;
	display: inline-block;
	background: transparent url('../img/post-info-ico.png') 0 0 no-repeat;
}

.comm-date,
.p-info .p-date{background-position: -58px 3px;}

.comm-user,
.p-info .p-user{background-position: 0 -55px;}
.p-info .p-comments{background-position: -29px -24px;}

.hover .p-info .p-comments,
.p-info .p-comments:hover{
	color: #1C1C1A;
	text-decoration: underline;
	-webkit-transition:color 0.35s;
	-moz-transition:color 0.35s;
	-ms-transition:color 0.35s;
	-o-transition:color 0.35s;
	transition:color 0.35s;
}

.comm-info .separator,
.p-info .separator{
	background: transparent url('../img/sep-url.gif') 0 7px no-repeat;
	display: block;
	width: 1px;
	display: inline-block;
	margin: 0 13px;
	line-height: 24px;
	height: 18px;
}

.post .p-img{
	margin: 0 0 50px;
	display: block;
	position: relative;
}

.post .p-img .hover-bl{
	background: transparent url('../img/p-img-hover-bg.png') 0 0 repeat;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 99;
	opacity: 0;
	filter:alpha(opacity=0);
	-webkit-transition:opacity 0.35s;
	-moz-transition:opacity 0.35s;
	-ms-transition:opacity 0.35s;
	-o-transition:opacity 0.35s;
	transition:opacity 0.35s;
}

.post:hover .p-img .hover-bl{
	opacity: 1;
	filter:alpha(opacity=100);
}

.blog .post .p-img{
	border: 1px solid #fff;
	margin: 0 0 23px;
}

.blog .post .p-img img{
	width: 100%;
	display: block !important;
}

.post .p-content{
	line-height: 26px;
	color: #a8a8a8;
}

/*----------Clients-slider----------*/
.clients-slider-bg{
	background: #fff none;
	-webkit-box-shadow: inset 0 1px 4px rgba(216,216,216,0.5);
	-moz-box-shadow: inset 0 1px 4px rgba(216,216,216,0.5);
	box-shadow: inset 0 1px 4px rgba(216,216,216,0.5);
	width: 587px;
	position: absolute;
	padding: 0 56px;
	right: 0;
	top: 48px;
	height: 14px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.clients-slider-handler {
	width: 587px;
	height: 14px;
	background: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	position: relative;
}

.clients-slider-handler a {
	width: 112px;
	height: 14px;
	display: block;
	background: #1ABC9C;
	padding: 0;
	position: absolute;
	border: none;
	margin: 0 0 0 -56px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	top: 0;
}

.clients-list { 
	width:100%; 
	margin: 0 auto; 
	position: relative; 
}

.viewer {  
	margin:0 auto; 
	overflow:hidden; 
	position:relative; 
}

.content-conveyor { 
	width:100%;  
	position:relative; 
}

.content-conveyor .item { 
	float:left;
	width: 180px;
	height: 100px;
	padding-right: 10px;
}
.content-conveyor .item-last {
  padding-right: 0;
}

.content-conveyor .item img {
	width: 100%;
	display: block;
}

.content-conveyor .item a{
	display: block;
	border: 1px solid #e5e6e5;
	opacity: 0.45;
	-webkit-transition:opacity 0.35s;
	-moz-transition:opacity 0.35s;
	-ms-transition:opacity 0.35s;
	-o-transition:opacity 0.35s;
	transition:opacity 0.35s;
}

.content-conveyor .item a:hover{
	opacity: 1;
}

.page-title.clients-ico{
	background: transparent url('../img/clients-ico.png') 0 0 no-repeat;
	padding:2px 0 30px 49px;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 31px;
}

.content-wrapper.clients{
	background: #fff none;
	margin: 0 0 8px;
	border-top: 1px solid #e3e3e3;
}

.wrapper-content{
	position: relative;
	overflow: hidden;
}

.wrapper-content .top-shadow,
.wrapper-content .bottom-shadow{
	width: 100%;
	position: absolute;
	z-index: 20;
	height: 4px;
	background: transparent url('../img/top-bottom-shadow.png') 0 0 repeat-x;
	top: 0;
	left: 0;
}

.wrapper-content .bottom-shadow{
	background-position: 0 -4px;
	top: auto;
	bottom: 0;
}

/*----------Blog----------*/
/*----------Blog-single----------*/
.p-title-bg{
	background: transparent url('../img/footer-pattern.png') 0 0 repeat;
	overflow: hidden;
}

.p-title-bg h3{
	height: 128px;
	line-height: 124px;
	float:right;
	margin: 0;
	display: table-cell;
	vertical-align: middle;
	padding-left: 44px;
	color: #000;
	font-size: 20px;
	text-transform: uppercase;
}

.p-title-bg h3.blog-ico{background: transparent url('../img/blog-ico.png') 0 50% no-repeat;}
.p-title-bg h3.page-404-ico{background: transparent url('../img/page-404-ico.png') 0 50% no-repeat;}
.p-title-bg h3.price-ico{background: transparent url('../img/price-ico.png') 0 49% no-repeat;}
.p-title-bg h3.portfolio-ico{background: transparent url('../img/portfolio-ico.png') 0 50% no-repeat;}
.p-title-bg h3.contact-ico{background: transparent url('../img/contact-ico.png') 0 50% no-repeat;}
.p-title-bg h3.about-ico{background: transparent url('../img/about-ico.png') 0 50% no-repeat;}

.blog{
	background: #f9f9f9 none;
	overflow: hidden;
	margin: 0;
}

.blog .p-content p{
	margin: 0 0 22px;
}

.contact-us,
.posts{
	width: 940px;
	overflow: hidden;
	float:left;
	padding: 0 0 50px;
	border-bottom: 1px solid #f6f6f6;
	margin: 0;
}

.posts{width: 940px;}

.posts{padding: 0 0 22px;}

.contact-us.pull-right,
.posts.pull-right{float:right;}

.posts.center{
	width: 419px;
	margin-left: 20px;
}

.pager-bg{
	padding: 0 0 27px;
	background: transparent url('../img/bd-bottom-pager.png') 0 100% repeat-x;
	overflow: hidden;
	margin: 0 0 27px;
}

.pager-bg .page-title{
	border: none;
	float:left;
	padding: 0;
	margin: 0;
}

.pager-bg .pager-list{
	float:right;
	margin: 0;
	padding: 0;
}

.pager-bg .pager-list li{
	float:left;
	list-style: none;
	font-size: 12px;
	line-height: 20px;
}

.pager-bg .pager-list a{
	color: #404040;
	float:left;
	text-decoration: none;
}

.pager-bg .pager-list a:hover{
	text-decoration: underline;
	color: #404040;
}

.pager-bg .pager-list .url-home a{
	color: #a8a8a8;
}

.pager-bg .pager-list .sep{
	display: inline-block;
	line-height: 20px;
	text-indent: -999em;
	height: 20px;
	width: 3px;
	background: transparent url('../img/pager-separator.png') 0 9px no-repeat;
	margin: 0 15px;
}

.z-image{
	display: block;
	height: 100%;
	position: relative;
}

.z-image i{
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent url('../img/z-button-hover.png') 50% 50% no-repeat;
	z-index: 9;
	display: block;
	opacity: 0;
	top: 0;
	left: 0;
	-webkit-transition:opacity 0.35s;
	-moz-transition:opacity 0.35s;
	-ms-transition:opacity 0.35s;
	-o-transition:opacity 0.35s;
	transition:opacity 0.35s;
}

.z-button:hover i,
.z-image:hover i{
	opacity: 1
}

.z-image.vimeo i,
.z-image.youtube i{
	background-image: url('../img/video-h-ico.png');
}

/*----------Comments----------*/
.comment {
	border-bottom: 1px dotted #ddd;
	padding: 27px 0 23px;
}

.comments .avatar{
	float:left;
	border: 3px solid #ebeaea;
	width: 55px;
	height: 55px;
	overflow: hidden;
	margin: 0 20px 0 0;
}

.t-comm{
	background: transparent url('../img/t-comm-bd.png') 0 14px repeat-x;
	font-size: 18px;
	color: #1c1c1a;
	line-height: 26px;
	font-weight: normal;
	margin: 0 0 7px;
}

.t-comm span{
	display: inline-block;
	background: #f9f9f9 none;
	padding: 0 15px 0 0;
}

.t-comm span i {
	font-style: normal;
	color: #1ABC9C;
}

.comm-text p{
	margin: 0 0 10px 81px;
	color: #a8a8a8;
	line-height: 24px;
}

.comment .reply-comm{
	margin: 0 0 4px 61px;
	padding: 22px 20px 8px;
	background: #f4f4f4 none;
}

form.contact-form,
form.add-comment{
	border: 1px solid #ebeaea;
	padding: 22px 20px 25px;
	margin: 0;
}

.contact-form input,
.contact-form input[type="text"],
.contact-form textarea,
.add-comment input,
.add-comment input[type="text"],
.add-comment textarea{
	background: #fff none;
	padding: 0 10px;
	height: 36px;
	width: 287px;
	border: 1px solid #d9d9d9;
	-webkit-box-shadow: inset 0 1px 1px rgba(233,233,233,0.8);
	-moz-box-shadow: inset 0 1px 1px rgba(233,233,233,0.8);
	box-shadow: inset 0 1px 1px rgba(233,233,233,0.8);
	line-height: 36px;	
}	

.contact-form textarea,
.add-comment textarea{
	width: 616px;
	height: 106px;
	resize:none;
	line-height: 24px;
	margin-bottom: 13px;
}

.contact-form input:focus,
.contact-form input[type="text"]:focus,
.contact-form textarea:focus,
.add-comment input:focus,
.add-comment input[type="text"]:focus,
.add-comment textarea:focus{
	background: #fff;
}

.contact-form .control-group,
.add-comment .control-group{
	float:left;
	margin: 0 0 12px;
}

.control-label{
	color: #1c1c1a;
	line-height: 16px;
	padding-left: 11px;
	margin: 0 0 10px;
}

.control-label span{
	color: #a8a8a8;
}

.alert{
	padding: 0 15px 0 47px;
	background: #fff;
	border: 1px solid #d9d9d9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	color: #3f3f3f;
	font-size: 14px;
	line-height: 36px;
	margin: 0 0 13px;
}

.alert button.close{
	float:left;
	right: auto;
	left: 15px;
	top: 50%;
	height: 18px;
	width: 17px;
	margin: -9px 0 0;
	display: block;
	text-indent: -999em;
	opacity: 1;
	background: transparent url('../img/green-theme/contact-error-close.png') 0 0 no-repeat;
	position: absolute;
}

.purch{
	background: #1ABC9C none;
	padding: 0 40px;
	font-weight: 600;
	color: #fff;
	line-height: 40px;
	display: block;
	border: none;
	width: auto;
}

.control-group.error .checkbox, 
.control-group.error .radio, 
.control-group.error input, 
.control-group.error select, 
.control-group.error textarea {
    color: #B94A48;
    border-color: #B94A48;
}

.send-comm,
.read-more{
	display: inline-block;
	text-decoration: none !important;
	padding: 0 37px;
	background: #f9f9f9;
	color: #404040 !important;
	font-size: 12px;
	line-height: 31px;
	height: 31px;
	border: 1px solid #ebeaea;
}

.send-comm{
	height: 47px;
	font-size: 16px;
	padding: 0 57px;
}

.read-more:hover,
.send-comm:hover{
	background: #fff none;
	color: #404040;
}

.purch{
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.post.bd-bottom{
	background: transparent url('../img/bd-bottom-pager.png') 0 100% repeat-x;
	padding:0 0 28px;
	margin: 0 0 26px;
}

.post.bd-dotted{
	border-bottom: 1px dotted #ddd;
	padding:0 0 28px;
	margin: 0 0 26px;
}

.pagination{
	height: 39px;
}

.pagination ul{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: 2px solid #f0f0f0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.pagination ul > li > a, 
.pagination ul > li > span{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	line-height: 33px;
	padding: 0;
	width: 33px;
	text-align: center;
	color: #404040;
	background: #fefefe; /* Old browsers */
	background: -moz-linear-gradient(top,  #fefefe 0%, #f9f9f9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fefefe 0%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fefefe 0%,#f9f9f9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fefefe 0%,#f9f9f9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fefefe 0%,#f9f9f9 100%); /* W3C */
	font-weight: 300;
	position: relative;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	border-color: #f0f0f0;
}

.pagination ul > li > a:hover, 
.pagination ul > li > a:focus, 
.pagination ul > .active > a, 
.pagination ul > .active > span{
	color: #404040;
	background: #fff;
}

.pagination ul > .active > a, 
.pagination ul > .active > a:hover, 
.pagination ul > .active > a:focus, 
.pagination ul > .active > span{
	background: #28CDAC;
	color: #fff;
}

.pagination .next-p i,
.pagination .prev-p i{
	display: block;
	width: 33px;
	height: 33px;
	background: transparent url('../img/pagination-arrow.png') 14px 12px no-repeat;
}

.pagination .prev-p:hover i{
	background-position: -47px 12px;	
}

.pagination .next-p i{background-position: 14px -45px;}
.pagination .next-p:hover i{background-position: -47px -45px;}

.pagination .disabled .prev-p:hover i,
.pagination .disabled .prev-p i{
	background-position: 14px 12px;
}

.pagination .disabled .next-p:hover i,
.pagination .disabled .next-p i{
	background-position: 14px -45px;	
}

.p-img iframe{display: block;}


/*----------Blog-aside----------*/
aside{
	width: 240px;
	float:right;
	overflow: hidden;
	display: block;
}

aside.pull-left{
	float:left;
}

aside .bd-nav{
	border: 1px solid #ebeaea;
	padding: 10px 19px 6px;
	margin: 0 0 30px;
	background: #fff;
}

aside .bd-nav.bg-t{
	background:transparent none;
}

aside .nav-title{
	color: #1c1c1a;
	font-size: 16px;
	line-height: 26px;
	border-bottom: 1px solid #e3e3e3;
	text-transform: uppercase;
	font-weight: 600;
	padding: 0 0 10px;
	margin: 0 0 5px;
}

.adress,
.bl-categ{
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.adress li,
.bl-categ li{
	line-height: 33px;
	color: #a8a8a8;
	list-style: none;
}

.adress li{
	border-bottom: 1px dotted #dedede;
	color: #3f3f3f;
	line-height: 20px;
	font-size: 12px;
	padding: 6px 0 7px;
}

.adress li span{color: #a8a8a8;}
.adress li a{color: #3f3f3f !important;}

.adress li:last-child{border: none;}

.bl-categ li a{
	color: #a8a8a8;
	padding: 0 0 0 15px;
	background: transparent url('../img/categ-sprite.png') -4px 13px no-repeat;
	position: relative;
	display: block;
	border-bottom: 1px dotted #dedede;
	text-decoration: none;
	-webkit-transition:color 0.35s;
	-moz-transition:color 0.35s;
	-ms-transition:color 0.35s;
	-o-transition:color 0.35s;
	transition:color 0.35s;	
}

.bl-categ li:last-child a{border: none;}

.bl-categ li a.active,
.bl-categ li a:hover{color: #404040;}

.bl-categ li a i{
	display: block;
	position: absolute;
	opacity: 0;
	background: transparent url('../img/categ-sprite.png') 0 -7px no-repeat;
	position: absolute;
	top: 13px;
	left: 0;
	width: 4px;
	height: 7px;
	z-index: 2;
	-webkit-transition:opacity 0.35s;
	-moz-transition:opacity 0.35s;
	-ms-transition:opacity 0.35s;
	-o-transition:opacity 0.35s;
	transition:opacity 0.35s;
}

.bl-categ li a:hover i{opacity: 1;}

aside .tabbable{margin-bottom: 22px;}

aside .nav-tabs{
	margin: 0;
	padding: 0;
	border: none;
}

.tab-content{
	border: 1px solid #ebeaea;
	padding: 2px 20px 2px;
	background: #fff;
		/*overflow: scroll;*/
		/*height: 300px;*/
}

aside .nav-tabs li a{
	border: 1px solid #ebeaea;
	background: #f9f9f9 none;
	color: #404040 !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	line-height: 25px;
	padding: 8px 19px;
	display: block;
	margin: 0 -1px 0 0;
}

aside .nav-tabs li a:hover{
	border-color: #ebeaea;
	text-decoration: underline;	
	background: #f9f9f9 none;
}

aside .nav-tabs li.active a{
	color: #a8a8a8 !important;
	background: #fff none !important;
	border: 1px solid #ebeaea;
	border-bottom: 1px solid #fff !important;
}

aside .nav-tabs li.active a:hover{
	border-color: #ebeaea;
	border-bottom: 1px solid #fff;
	text-decoration: none;
	background: #fff;
}

aside .pop-post{
	margin: 0;
	padding: 0;
}

aside .pop-post li{
	list-style: none;
	border-bottom: 1px dotted #dedede;
	padding:7px 0 10px;
}

aside .pop-post li:last-child{border: none;}

aside .pop-post span{
	color: #3f3f3f;
	font-size: 12px;
	line-height: 24px;
}

aside .pop-post .user{
	display: inline-block;
	background: transparent url('../img/sep-url.gif') 8px 7px no-repeat;
	padding: 0 0 0 16px;
}

aside .pop-post a{
	color: #3f3f3f !important;
	text-decoration: none;
	font-size: 12px;
	line-height: 24px;
}

aside .pop-post a:hover{
	text-decoration: underline;	
}

aside .pop-post p{
	font-size: 12px;
	margin: 0;
	line-height: 20px;
	color: #787878;
}

.nav-accordion {
	margin-bottom: 30px;
}

.nav-accordion .collapse{
	top: 0;
}

.nav-accordion .accordion-group {
	border-bottom: 1px dotted #dedede;
	margin: 0;
}

.nav-accordion .accordion-heading .accordion-toggle{
	padding-left: 21px;
	line-height: 39px;
	background: transparent url('../img/nav-acc-sprite.png') -9px 20px no-repeat !important;
	color: #3f3f3f;
	position: relative;
	display: block;
	height: 39px;
}

.nav-accordion .active .accordion-heading .accordion-toggle{
	background: transparent url('../img/nav-acc-sprite.png') -9px 20px no-repeat !important;
	color: #3f3f3f;
}

.nav-accordion .accordion-heading .accordion-toggle i{
	background: transparent url('../img/nav-acc-sprite.png') 0 -9px no-repeat !important;
	position: absolute;
	display: block;
	width: 9px;
	height: 9px;
	top: 16px;
	left: 0;
	opacity:1;
	z-index: 2;
}

.nav-accordion .active .accordion-heading .accordion-toggle i{
	opacity: 0;
}

.nav-accordion .accordion-inner{
	border: none;
	padding: 0 0 10px 21px;
	margin: 0;
	line-height: 20px;
	color: #787878;
}

/*----------Portfolio-page----------*/
.portfolio{
	background: #f6f6f6 none;
	padding-bottom: 37px;
	margin-bottom: 1px;
	border-bottom: 1px solid #e3e3e3;
}

.portfolio.portfolio-single{
	padding-bottom: 2px;
}

.port-like{
	background: #f9f9f9 none;
	padding: 38px 0 37px;
	margin-bottom: 1px;
}

.portfolio.bd-b{
	border-bottom: 1px solid #e3e3e3;
}

.portfolio .pager-bg{
	padding: 0 0 29px;
	margin: 0;
}

.portfolio .pager-list{
	padding-top: 10px;
}

.cat-list{
	float:left;
	margin: 0;
}

.cat-list ul li a{
	width: auto;
	padding: 0 15px;
	text-transform: uppercase;
	display: block;
	font-size: 12px;
	font-weight: normal;
}

.cat-list ul > .active.all > a, 
.cat-list ul > .active.all > a:hover, 
.cat-list ul > .active.all > a:focus, 
.cat-list ul > .active.all > span{
	background: #fff none !important;
	color: #1ABC9C;
}
.cat-list ul > .active.artwork > a, 
.cat-list ul > .active.artwork > a:hover, 
.cat-list ul > .active.artwork > a:focus, 
.cat-list ul > .active.artwork > span,
.cat-list ul > .artwork > a:hover, 
.cat-list ul > .artwork > a:focus{
	background: #fbbc24 none;
	color: #fff;
}
.cat-list ul > .active.paintings > a, 
.cat-list ul > .active.paintings > a:hover, 
.cat-list ul > .active.paintings > a:focus, 
.cat-list ul > .active.paintings > span,
.cat-list ul > .paintings > a:hover, 
.cat-list ul > .paintings > a:focus{
	background: #1abc9c none;
	color: #fff;
}
.cat-list ul > .active.photos > a, 
.cat-list ul > .active.photos > a:hover, 
.cat-list ul > .active.photos > a:focus, 
.cat-list ul > .active.photos > span,
.cat-list ul > .photos > a:hover, 
.cat-list ul > .photos > a:focus{
	background: #a9a700 none;
	color: #fff;
}
.cat-list ul > .active.sketches > a, 
.cat-list ul > .active.sketches > a:hover, 
.cat-list ul > .active.sketches > a:focus, 
.cat-list ul > .active.sketches > span,
.cat-list ul > .sketches > a:hover, 
.cat-list ul > .sketches > a:focus{
	background: #f36100 none;
	color: #fff;
}
.cat-list ul > .active.branding > a, 
.cat-list ul > .active.branding > a:hover, 
.cat-list ul > .active.branding > a:focus, 
.cat-list ul > .active.branding > span,
.cat-list ul > .branding > a:hover, 
.cat-list ul > .branding > a:focus{
	background: #0096db none;
	color: #fff;
}
.cat-list ul > .active.videos > a, 
.cat-list ul > .active.videos > a:hover, 
.cat-list ul > .active.videos > a:focus, 
.cat-list ul > .active.videos > span,
.cat-list ul > .videos > a:hover, 
.cat-list ul > .videos > a:focus{
	background: #c14949 none;
	color: #fff;
}

.portf-works{padding-bottom: 10px;}

.portf-works .span4,
.portf-works .span6{
	margin-bottom: 20px !important;
}

.portfolio-item{
	margin-bottom: 20px;
	float: left;
}
.showcase .portf-works .span4{margin-bottom: 0 !important;}

.portf-works .h-block{	
	display: none;
}

.get-in{
	width: 100%;
}

.get-in .bd-white{	
	-webkit-box-shadow: 0 0 4px rgba(119,119,119,0.1);
	-moz-box-shadow: 0 0 4px rgba(119,119,119,0.1);
	box-shadow: 0 0 4px rgba(119,119,119,0.1);
	overflow: hidden;
	background: #fff;
	padding: 15px 0 19px;
}

.get-in .can-do,
.get-in .like-works{
	display: block;
	background: #fff;
	line-height: 79px;
	height: 79px;
	width: 252px;
	float:left;
	text-align: center;
	font-size: 22px;
	color: #333;
	font-weight: 400;
}

.get-in .can-do{
	width: 434px;
	border-left-color: #fff;
	font-weight: 300;
	padding-left: 1px;
	background: #fff url('../img/get-in-bg.png') 0 26px no-repeat;
}

.get-in a{
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	line-height: 47px;
	height: 47px;
	width: 222px;
	padding: 0;
	font-weight: 600;
	font-size: 16px;
	background: #28cdac;
	border-bottom: 3px solid #28cdac;
	font-weight: normal;
	margin-top: 18px;
	text-shadow: none;
}

.get-in a:hover{
	border-color: #23c3a3;
	background-color: #30d6b5;
}

.get-in a span{
	background: transparent url('../img/get-in-ico.png') 51px 14px no-repeat;
	display: block;
	padding-left: 82px;	
}

/*----------Portfolio-1-column----------*/
.portf-descript .description{
	border-bottom: 1px dotted #dbdbdb;
	padding: 0 0 18px;
	margin: 0 0 12px;
	clear:both;
	display: inline-block;
}

.portfolio-single .portf-descript .description{
	border-bottom: none;
}

.portf-descript .description.bd-n{
	border: none;
	padding: 0;
	margin-bottom: 2px;
}

.photo-bl{
	float:left;
	width: 560px;
	margin-right: 20px;
}

.descript-bl{
	width: 320px;
	padding: 17px 19px 13px;
	margin: 0;
	float:left;
	background: transparent none;
	border: 1px solid #ebeaea;
}

.photo-bl .thumb-info{
	width: 560px;
	background: transparent url('../img/thumb-img-bg-560.png') 0 0 no-repeat;
}

.photo-bl .work-info{
	position: relative;
}
.portf-works-3cols .portfolio-item{
	width: 300px;
}
.portf-works-2cols .portfolio-item {
	width: 458px;
}
.portf-works-2cols .thumb-img{
	height: 286px;
}
.portf-works-2cols .thumb-img img{
	min-height: 100%;
	max-width: 1000%;
}
.portf-works-3cols .thumb-img{
	height: 183px;
}

.portf-works-3cols .thumb-img img{
	min-height: 100%;
	max-width: 1000%;
}

.portfolio-item{
	margin-bottom: 20px;
	float: left;
	visibility: hidden;
}

.portf-works-ready .portfolio-item {
	visibility: visible;
}

.carousel {
	margin: 0;
}

.descript-bl .det-title,
.descript-bl .desc-title{
	font-size: 14px;
	line-height: 20px;
	border-bottom: 1px solid #e3e3e3;
	color: #404040;
	text-transform: uppercase;
	font-weight: 400;
	margin: 0 0 9px;
	padding: 0 0 15px 30px;
	background: transparent url('../img/descript-icons.png') -98px 3px no-repeat;
}

.descript-bl .det-title{
	background-position: -47px -46px;
	color: #1c1c1a;
	margin-bottom: 4px;
}

.descript-bl p{
	font-size: 12px;
	line-height: 24px;
	border-bottom: 1px solid #e3e3e3;
	padding: 0 0 13px;
	margin-bottom: 13px;
}

.descript-bl .inform{
	margin: 0 0 13px;
	padding: 0;
	overflow: hidden;
}

.descript-bl .inform li{
	display: block;
	padding-left: 27px;
	font-size: 12px;
	color: #a8a8a8;
	line-height: 39px;
	list-style: none;
	border-bottom: 1px dotted #e3e3e3;
	background: transparent url('../img/descript-icons.png') 0 -87px no-repeat;
}

.descript-bl .l-project,
.descript-bl .learn-more{
	padding: 0 24px;
	display: block;
	font-size: 12px;
	border: none;
	text-decoration: none !important;
	float:left;
	margin: 0 12px 0 0;
	background: transparent none;
	border: 1px solid #ebeaea;
	color: #404040 !important;
	height: 31px;
	line-height: 31px;
}
.descript-bl .learn-more:hover,
.descript-bl .l-project:hover{
	background: #fff;
}

/*----------Portfolio-single----------*/
#column3 {
	position: relative;
	padding-top: 117px;
	margin: 0 0 20px;
}

.content-swipe #column3{
	margin-bottom: 8px;
}

.row-fluid.portf-works{
	width: 940px;
	padding: 0 10px;
}

#column3 .carousel-control{
	top:50px;
	left: 10px;
	margin: 0;
}

#column3 .carousel-control.right{left: 46px;}

.carousel-title{
	color: #a8a8a8;
	position: absolute;
	left:97px;
	top: 50px;
	line-height:18px;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 14px;
}

.portfolio-pager{
	margin: 0;
	padding: 0;
	float:left;
	border: 3px solid #f0f0f0;
}

.portfolio-pager li{
	float: left;
	list-style: none;
	color: #a8a8a8;
}

.portfolio-pager li a{
	display: block;
	color: #a8a8a8;
	background: #fefefe; /* Old browsers */
	background: -moz-linear-gradient(top,  #fefefe 0%, #f9f9f9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fefefe 0%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fefefe 0%,#f9f9f9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fefefe 0%,#f9f9f9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fefefe 0%,#f9f9f9 100%); /* W3C */
	height: 33px;
	line-height: 33px;
	font-size: 12px;
	padding: 0 14px 0 33px;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
}	

.portfolio-pager li a i{
	background: transparent url('../img/slide-control-sprite.png') -14px -12px no-repeat;
	display: block;
	width: 6px;
	height: 9px;
	position: absolute;
	top: 12px;
	left: 14px;
}

.portfolio-pager li a.next{
	padding: 0 33px 0 14px;
	border-left: 1px solid #f0f0f0;	
}
.portfolio-pager li a.next i{
	background-position: -46px -12px;
	left: auto;
	right: 15px
}

.portfolio-pager li a:hover{
	background: #28cdac;
	color: #fff;
}

.portfolio-pager li a:hover i{
	background-position: -14px -45px;	
}
.portfolio-pager li a.next:hover i{
	background-position: -46px -45px;	
}

/*----------Contact-page----------*/
.contact-map{
	width: 100%;
	height: 336px;
	border: 1px solid #fff;
	margin: 0 0 35px;
}

/*----------Sitemap----------*/
.sitemap{
	padding: 0;
	margin: 0;
}

.sitemap li{
	list-style: none;	
	line-height: 24px;	
	font-weight: bold;
	font-size: 16px;
}

.sitemap li li{
	background: transparent url('../img/sitemap-arrow.png') 0 0 no-repeat;
	padding-left: 20px;
	font-weight: normal;
}

.sitemap li li:last-child{
	background: transparent url('../img/sitemap-arrow-last.png') 0 0 no-repeat;
}

/*----------Pricing-page----------*/
.content-wrapper.prices.col-4
.content-wrapper.prices.col-3{
	background: #fcfcfc none;
}
.content-wrapper.prices.col-4{
	padding-bottom: 43px;
}

.pricing-table .span3{
	padding-bottom: 8px;
	background: #fff url('../img/price-span3-bg.png') 0 100% no-repeat;
}
.pricing-table .span4{
	padding-bottom: 11px;
	background: #fff url('../img/price-span4-bg.png') 0 100% no-repeat;
}

.pricing-table .block{
	border: 1px solid #ebeaea;
	text-align: center;
	padding-top: 77px;
	position: relative;
}

.pricing-table h3{
	background: #fff url('../img/price-h3-bg.png') 0 100% repeat-x;
	padding-bottom: 7px;
	height: 70px;
	line-height: 70px;
	color: #000;
	font-size: 16px;
	color: #1c1c1a;
	margin: 0;
	font-weight: 600;
	text-transform: uppercase;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.pricing-table.hover-p-second .hover h3{
	color: #fff;
	background-color: #28CDAC;
}

.pricing-table .price{
	line-height: 48px;
	border-bottom: 1px solid #e3e3e3;
	display: block;
	width: 100%;
	font-weight: bold;
	color: #1c1c1a;
	font-size: 18px;
}

.pricing-table .price span{
	color: #a8a8a8;
	font-weight: 300;
	font-size: 14px;
}

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

.pricing-table li{
	line-height: 46px;	
	list-style: none;
	padding: 0;
	background: #fcfcfc none;
	font-size: 14px;
	color: #323232;
}

.pricing-table li:nth-child(2n+2){
	border-top: 1px dotted #e3e3e3;
	border-bottom: 1px dotted #e3e3e3;
	background: #fff none;
}

.pricing-table a{
    line-height: 47px;
    height: 47px;
    color: #28CDAC;
    display: block;
    width: 100%;
    background: #fff;
    font-weight: 600;
    text-decoration: none;
    border-top: 1px solid #e3e3e3;

}

.pricing-table-inverse a:hover {
	color: #fff;
	background: #28CDAC;

}

.pricing-table-base a:hover,
.pricing-table-inverse a:hover  {
	color: #fff;
	background-color: #28CDAC;
}

.pricing-table-base a:hover {
	color: #fff;
	background: #28CDAC;

}

/*----------Paddle-pricing-table----------*/
.paddle-pricing-table {
	width: 100%;
	max-width: 100%;
}

.paddle-pricing-table thead th  {
	text-align: center;
	vertical-align: middle;
	width: 300px;
	background-color: #d4edda;
}

.paddle-pricing-table td {
	text-align: center;
	vertical-align: middle;
	width: 300px;
}

.paddle-pricing-table .colorize {
	background: #f5f5f5 none;
}

/*----------About-us----------*/
.about-us{
	display: table;
	width: 100%;
}
.about-us .serv a{
	padding:  35px 25px 46px;
}

/*.about-us .serv li:first-child a{padding-left: 0;}*/
/*.about-us .serv li:last-child a{padding-right: 0;}*/

.about-us .serv h3{
	color: #1c1c1a;
	padding: 0 0 0 60px;
}
.about-us .serv .serv-link{
}


.about-us .serv .serv-link:hover,
.about-us .serv .selected {
	/*background-position: 50% 100%;*/
	/*-webkit-transition: background 0.3s;*/
	/*-moz-transition: background 0.3s;*/
	/*-ms-transition: background 0.3s;*/
	/*-o-transition: background 0.3s;*/
	/*transition: background 0.3s;*/
	border-bottom: 3px solid #28CDAC;
	background: #fff;
}
.about-us .serv span{
	color: #a8a8a8;
	background: transparent url('../img/about-serv-span-bd.png') 0 0 repeat-x;
}

.about-us .item-1 h3{background: transparent url('../img/green-theme/user-ico.png') 0 0 no-repeat;padding: 0 0 0 60px !important;}
.about-us .item-1 a:hover h3{background-position: 0 -48px;}
.about-us .item-2 h3{background: transparent url('../img/green-theme/dashboard-ico.png') 0 0 no-repeat;padding: 0 0 0 60px !important;}
.about-us .item-2 a:hover h3{background-position: 0 -48px;}
.about-us .item-3 h3{background: transparent url('../img/green-theme/support-ico.png') 0 0 no-repeat;padding: 0 0 0 60px !important;}
.about-us .item-3 a:hover h3{background-position: 0 -48px;}

.skills-info h3{
	background: transparent url('../img/skills-info-ico.png') 0 4px no-repeat;
	line-height: 26px;
	margin: 0 0 14px;
	font-size: 16px;
	font-weight: 300;
	color: #1c1c1a;
	text-transform: uppercase;
	padding:0 0 4px 40px;
}

.skills-info p{
	line-height: 24px;
	font-size: 14px;
	color: #a8a8a8;
	margin: 0 0 20px;
	font-weight: 300;
}

.content-wrapper.our-skill {
	padding-bottom: 16px;
	position: relative;
	z-index: 2;
}

.our-skill .page-title{
	margin: 0;
	padding: 5px 0 22px;
	border: none;
}

.skill-title{
	font-size: 14px;
	font-weight: 300;
	line-height: 24px;
	color: #1c1c1a;
	margin: 0 0 7px;
	text-transform: uppercase;
}

.skill-title span{
	float: right;
}

.swipe .skill-wrap,
.skill-wrap{
	background: #f7f7f7 none;
	width: 455px;
	border: 0;
	height: 14px;
	margin: 0 0 19px;
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 1px rgba(233,233,233,0.8);
	-moz-box-shadow: inset 0 1px 1px rgba(233,233,233,0.8);
	box-shadow: inset 0 1px 1px rgba(233,233,233,0.8);
}

.skill-wrap .s-cont{
	background: #e0e0e0 none;
	height: 100%;
	width: 0;
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
	-webkit-transition: width .5s, background-color .35s;
	-moz-transition: width .5s, background-color .35s;
	-ms-transition: width .5s, background-color .35s;
	-o-transition: width .5s, background-color .35s;
	transition: width .5s, background-color .35s;
}

.swipe-wrap .skill-wrap .s-cont{	
	background: #28CDAC none;
}

.skill-wrap.full .s-cont{
	width: 100%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.workers .pagination ul > li > a:hover, 
.workers .pagination ul > li > a:focus, 
.pagination ul > .workers .active > a, 
.pagination ul > .active > span{
	background: #28CDAC none;
	color: #fff;
}

.content-wrapper.workers{
	background: #f9f9f9 url('../img/workers-shadow-bg.png') 0 0 repeat-x;
	margin-bottom: 1px;
	padding: 50px 0 30px;
	position: relative;
	z-index: 2;
}

.clearfix.bd-bottom{
	background: transparent url('../img/bd-bottom-workers.png') 0 100% repeat-x;
	padding-bottom: 23px;
}

/*----------Workers----------*/
.worker{
	border: 1px solid #ebeaea;
	border-bottom-width: 8px;
	background: #fff none;
	margin: 0 0 20px;
}

.w-img{
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #ebeaea;
}

.w-link{
	overflow: hidden;
	display: block;
	padding: 13px 19px 9px;
	text-decoration: none !important;
	background: #f9f9f9; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 100%); /* W3C */
}

.w-link .name{
	display: block;
	background: transparent url('../img/w-name-ico.png') 0 4px no-repeat;
	padding: 0 0 4px 28px;
	color: #3f3f3f;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
}

.w-link .work{
	color: #a8a8a8;
	font-size: 14px;
	line-height: 24px;
	padding: 0 0 0 27px;
}

.w-info{
	padding: 7px 19px 14px;
	background: #f9f9f9 url('../img/w-link-bg.png') 0 0 repeat-x;
}

.worker:hover .w-link { background: #fff; }
.worker:hover .w-info{background-color: #fff;}

.worker:hover .skill-wrap .s-cont{background: #28CDAC none;}

.w-info p{
	font-size: 12px;
	line-height: 24px;
	color: #3f3f3f;
	margin: 0;
	border-bottom: 1px solid #e3e3e3;
	padding: 11px 0 12px;
}

.w-info .w-skill{
	font-size: 14px;
	font-weight: 600;
	color: #1c1c1a;
	background: transparent url('../img/w-skill-title-ico.png') 0 15px no-repeat;
	padding:12px 0 10px 33px;
	margin: 0;
	line-height: 24px;
	border-bottom: 1px solid #e3e3e3;
}

.w-skills{
	margin: 0;
	padding: 8px 0 14px;
	overflow: hidden;
}

.w-skills li{
	list-style: none;
	display: block;
	padding-top: 3px;
	border-bottom: 1px dotted #e3e3e3;
}

.w-skills .skill-title{
	text-transform: none;
	margin-bottom: 8px;
}

.w-skills .skill-wrap{
	height: 9px;
	width: 255px;
	margin-bottom: 12px;
}

.w-social{
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.w-social li{
	display: block;
	list-style: none;
	margin-right: 6px;
	float:left;
}

.w-social a{
	width: 28px;
	height: 27px;
	overflow: hidden;
	display: block;
	opacity: 0.3;
	background: transparent url('../img/workers-social-icons.png') 0 0 no-repeat;
	-webkit-transition: opacity 0.35s;
	-moz-transition: opacity 0.35s;
	-ms-transition: opacity 0.35s;
	-o-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

.w-social .behance a{background-position: 0 0;}
.w-social .dribbble a{background-position: -28px 0;}
.w-social .deviant a{background-position: -56px 0;}
.w-social .flickr a{background-position: -84px 0;}

.w-social li a:hover{
	opacity: 1;
}

.swipe .news-content{
	float:left;
	width: 375px;
}

.news-content h3{
	margin: 0;
	font-size: 16px;
	line-height: 26px;
	color: #1c1c1a;
	font-weight: 400;
	position: relative;
	top: -8px;
}
.news-content p{
	color: #a8a8a8;
	font-size: 14px;
	line-height: 22px;
	margin: 0;
}

.content-wrapper.like-about{
	background: #f9f9f9 none;
	border-top: 1px solid #e3e3e3;
	margin-bottom: 1px;
	padding: 10px 0;
}


/*----------404-page----------*/
.page-404{
	background: #fcfcfc none;
	padding-bottom: 110px;
}

.content-404{text-align: center;}

.content-404 h3{
	font-size: 200px;
	color: #1c1c1a;
	text-align: center;
	margin: 0 0 50px;
	line-height: 200px;
}

.content-404 p{
	font-size: 24px;
	color: #1c1c1a;
	line-height: 24px;
	text-align: center;
	margin: 0;
	font-weight: 300;
}



/*----------Idea----------*/
.com-idea{
	background: transparent url('../img/idea-pattern.png') 0 0 repeat;
	border-bottom: 1px solid #efefef;
}

.com-idea.bd-n {
	background: #fefefe;
	border: none;
}

.com-idea-bg {
	background: #fdfdfd none;
	/*height: 0;*/
	overflow: hidden;
	/*-webkit-transition: height 0.35s;*/
	/*-moz-transition: height 0.35s;*/
	/*-ms-transition: height 0.35s;*/
	/*-o-transition: height 0.35s;*/
	/*transition: height 0.35s;*/
}

.service-comment{
	/*position: absolute;*/
	/*left: 50%;*/
	/*margin-left: -470px;*/
    padding: 0px 0 51px;
	/*opacity: 0;*/
    z-index: 0;
	-webkit-transition: opacity 0.25s;
	-moz-transition: opacity 0.25s;
	-ms-transition: opacity 0.25s;
	-o-transition: opacity 0.25s;
	transition: opacity 0.25s;
}

.service-comment.show {
	opacity: 1;
    z-index: 1;
}

.cont-id{
	padding-top: 18px;
}
.cont-id td{
line-height: 39px;
}
.q-image,
.idea-image{
	overflow: hidden;
	width: 232px;
	height: 232px;
	position: relative;
	-webkit-border-radius: 167px;
	-moz-border-radius: 167px;
	border-radius: 167px;
	padding: 2px;
	float: left;
}

.q-image{
	float: none;
	margin: 0 auto;
}

.q-image img,
.idea-image img{
	-webkit-border-radius: 167px;
	-moz-border-radius: 167px;
	border-radius: 167px;
	width: 230px;
	height: 230px;
	position: relative;
	z-index: 1;
}

.q-image i,
.idea-image i{
	-webkit-border-radius: 167px;
	-moz-border-radius: 167px;
	border-radius: 167px;
	width: 234px;
	height: 234px;
	display: block;
*	background: transparent url('../img/img-idea-i.png') 0 0 no-repeat;
	position: absolute;
	top: 0;
	left: -1px;
	z-index: 9;
}

.com-idea h3.idea-title{
	margin: 0 0 14px 282px;
	font-size: 24px;
	line-height: 24px;
	font-weight: 300;
	color: #404040;
}
.com-idea h3.user-title{
	margin: 0 0 14px 282px;
	font-size: 24px;
	line-height: 24px;
	font-weight: 300;
	color: #404040;
}
.com-idea p{
	margin: 0 0 14px 282px;
	font-size: 16px;
	line-height: 24px;
	color: #787878;
	font-weight: 300;
}


/*----------Question----------*/
.question-bl{
	background: #fff url('../img/q-shadow.png') 0 0 repeat-x;;
	position: relative;
	overflow: hidden;
	padding: 38px 0;
	border-bottom: 1px solid #e3e3e3;
	text-align: center;
}

.question-bl .swipe > div {
	text-align: left;
}

.q-image{
	margin-bottom: 33px;
	display: inline-block;
}

.quest-title{
	text-align: center;
	background: transparent url('../img/quest-t-bg.png') 50% 50% no-repeat;
	line-height: 24px;
	margin: 0 0 45px;
	font-size: 18px;
	color: #404040;
	font-weight: 600;
	text-transform: uppercase;
}

.quest-title span{
	display: inline-block;
	background: #fff;
	padding: 0;
}

.swipe-wrap{
	margin: 0 0 8px;
	padding: 0;
}

.question-bl .swipe-wrap{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.swipe-wrap .quest-t{
	background: transparent url('../img/q-title-ico.png') 50% 0 no-repeat;
	font-size: 24px;
	line-height: 24px;
	margin: 0 0 13px;
	padding-top: 57px;
	text-align: center;
	font-weight: 300;
}

.swipe-wrap .usnwer{
	font-size: 16px;
	line-height: 22px;
	margin: 0;
	color: #787878;
	text-align: center;
}

.question-bl .q-nav{
	position: relative;
	display: inline-block;
}

.question-bl .carousel-control{
	display: inline-block;
	height: 28px;
	width: 28px;
	line-height: 31px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	font-size: 16px;
	margin-right: 11px;
	background: transparent none;
	position: relative;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	padding: 0;
	margin: 0 8px 0 0;
	font-family: 'OpenSans',sans-serif;
	left: 0;
	right: 0;
	color: #28cdac;
	border: 1px solid #39d1b3;
	opacity: 1;
}

.question-bl .carousel-control:last-child{margin-right: 0;}

.question-bl .carousel-control:hover,
.question-bl .carousel-control.active{
	background: transparent none;
	color: #e0e0e0 !important;
	border: 1px solid #e7e7e7 !important;	
}

/*----------Testimonials----------*/
.testimonials{
	background: #f9f9f9;
	border-top: 1px solid #e3e3e3;
	margin-bottom: 1px;
	padding: 41px 0 32px;
}

.test-title{
	text-align: center;
	font-size: 18px;
	background: transparent url('../img/test-title-bg.png') 50% 50% no-repeat;
	line-height: 18px;
	color: #404040;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0 0 48px;
}

.test-title span{
	display: inline-block;
	padding: 0 10px;
	background: #f9f9f9;
}

.testimonials .content{
	position: relative;
}

.testimonials .swipe{
	width: 469px;
	margin: 0 auto;
}

.testimonials .t-nav{
	position: absolute;
	z-index: 99;
	width: 547px;
	margin: 0 auto;
	left: 50%;
	height: 16px;
	margin: 0 0 0 -274px;
	top: 175px;
}

.testimonials .bx-testim{
	margin: 0;
	overflow: hidden;
	padding: 0;
}

.testimonials .bx-testim li{
	list-style: none;
	overflow: hidden;
}

.testimonials .bx-wrapper .bx-controls .bx-pager{
	display: none;
}

.testimonials .bx-wrapper {
	width: 469px;
	margin: 0 auto;
	background: none;
}

.testimonials .bx-wrapper .bx-viewport {
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.testimonials .t-nav .carousel-control{
	display: block;
	width: 10px;
	height: 16px;
	background: transparent url('../img/green-theme/test-arrow-sprite.png') 0 0 no-repeat;
	margin: 0;
	top: 0;
	left: 0;
	padding: 0;
	border: none;
	opacity: 1;
	margin: 0;
	text-indent: -999em;
}

.testimonials .t-nav .carousel-control{background-position: 0 0;}
.testimonials .t-nav .carousel-control:hover{background-position: 0 -16px;}

.testimonials .t-nav .carousel-control.next{
	left: auto;
	right: 0;
	background-position: -10px 0;
}

.testimonials .t-nav .carousel-control.next:hover{background-position: -10px -16px;}

.testimonials .bx-wrapper .bx-controls{
	position: absolute;
	margin: 0;
	left: 0;
	top: 0;
	width: 100%;
}

.testimonials .img{
	margin-bottom: 21px;
	display: block;
}

.testimonials .us-name{
	text-align: center;
	margin: 0 0 2px;
	color: #404040;
	font-size: 18px;
	line-height: 20px;
	font-weight: 400;
}

.testimonials .us-info{
	display: block;
	font-size: 14px;
	color: #404040;
	line-height: 20px;
	text-align: center;
	font-weight: 300;
	background: transparent url('../img/us-info.png') 50% 100% no-repeat;
	padding-bottom: 13px;
}

.testimonials-text{
	background: #f9f9f9;
	margin-bottom: 1px;
	overflow: hidden;
	border-top: 1px solid #e3e3e3;
	text-align: center;
	padding: 34px 0 38px;
}

.testim-t-list{
	position: relative;
	overflow: hidden;
}

.testim-t-list .test-t-title{
	font-size: 24px;
	line-height: 24px;
	margin: 0 0 13px;
	color: #404040;
	font-weight: 300;
}

.swipe.testim-t-list p{
	font-size: 16px;
	line-height: 22px;
	color: #787878;
	margin: 0 0 24px;
}

.visit-proj-b{
	display: inline-block;
	padding: 0 47px;
	line-height: 45px;
	font-size: 16px;
	color: #404040 !important;
	height: 45px;
	border: 1px solid #dcdcdc;
	background: transparent;
	text-decoration: none;
}

.visit-proj-b:hover{
	text-decoration: none;
	background: #fff;
	color: #404040;
}

/*----------Twotter-block----------*/
.twitter{
	background: #28cdac;
	position: relative;
	overflow: visible;
	-webkit-box-shadow: inset 0 0 4px #009275;
	-moz-box-shadow: inset 0 0 4px #009275;
	box-shadow: inset 0 0 4px #009275;
	padding-top: 41px;
}

.twitter .twit-ico{
	display: block;
	position: absolute;
	left: 50%;
	margin: 0 0 0 -33px;
	top: -33px;
	background: transparent url('../img/green-theme/twit-ico.png') 0 0 no-repeat;
	width: 67px;
	height: 53px;
}

.twitter p{
	color: #fff;
	font-size: 16px;
	margin: 0;
	line-height: 22px;
}

.twitter p a{
	color: #404040 !important;
	text-decoration: underline;
}

.swipe .twit-sl-nav{
	display: block;
	overflow: hidden;
	width: 54px;
	margin: 0 auto;
	padding: 16px 0 33px;
	float: none;
}

.twit-sl-nav .carousel-control{
	display: block;
	position: relative;
	background: transparent url('../img/green-theme/twit-arrow-sprite.png') 0 0 no-repeat;
	width: 23px;
	height: 23px;
	left: 0;
	top: 0;
	margin: 0;
	border: none;
	padding: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	float: left;
	text-indent: -999em;
	opacity: 1;
}

.twit-sl-nav .carousel-control{background-position: 0 0;}
.twit-sl-nav .carousel-control:hover{background-position: 0 -23px;}

.twit-sl-nav .carousel-control.next{
	background-position: -23px 0;
	right: 0;
	left: auto;
	margin: 0 0 0 8px;
}
.twit-sl-nav .carousel-control.next:hover{background-position: -23px -23px;}

/*----------Footer----------*/
footer{
	background: transparent url('../img/footer-pattern.png') 0 0 repeat;
	overflow: hidden;
	padding: 0 0 0px;
}

.footer{
	overflow: hidden;
}

footer .content{
	overflow: hidden;
	position: relative;
}

.f-title{
	background: transparent url('../img/f-title-bd.png') 0 100% repeat-x;
	color: #1c1c1a;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 41px;
	margin: 0 0 23px;
}

.f-title span{
	border-bottom: 5px solid #c2c2c2;
	padding: 0 0 4px;
}

.footer p{
	font-size: 12px;
	line-height: 20px;
	color: #343434;
	margin: 0 0 16px;
}

.footer .news-block{
	width: 232px;
	float:left;
	margin-right: 58px;
}

.footer .cont-block{
	width: 297px;
	float:left;
	margin-right: 58px;
}

.footer .inst-block{
	width: 295px;
	float:left;
}

.news-mail{
	overflow: hidden;
	clear:both;
	margin-bottom: 14px;
}

.news-mail input,
.news-mail input[type="text"]{
	background: #f7f7f7 none;
	width: 130px;
	border: 1px solid #d9d9d9;
	border-right:none;
	padding: 0 10px;
	line-height: 36px;
	font-size: 12px;
	color: #a8a8a8;
	height: 36px;
	float:left;
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(233,233,233,0.8);
	-moz-box-shadow: inset 0 1px 1px rgba(233,233,233,0.8);
	box-shadow: inset 0 1px 1px rgba(233,233,233,0.8);
	-webkit-transition: background 0.35s;
	-moz-transition: background 0.35s;
	-ms-transition: background 0.35s;
	-o-transition: background 0.35s;
	transition: background 0.35s;
	margin: 0;
}

.news-mail.active input,
.news-mail.active input[type="text"]{
	background: #fff none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: #404040;
}

.news-mail button{
	display: block;
	float: left;
	background: #fefefe; /* Old browsers */
	background: -moz-linear-gradient(top,  #fefefe 0%, #f9f9f9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fefefe 0%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fefefe 0%,#f9f9f9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fefefe 0%,#f9f9f9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fefefe 0%,#f9f9f9 100%); /* W3C */
	border: 1px solid #d9d9d9;
	height: 38px;
	line-height: 36px;
	font-size: 12px;
	color: #333333;
	width: 81px;
	padding: 0;
	text-align: center;
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}

.news-mail.active button,
.news-mail button:hover{
	color: #fff; 
	background: #28CDAC none;
}

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

.social li{
	float:left;
	list-style: none;
	margin: 0 13px 0 0;
	display: block;
}

.social li:last-child{margin: 0;}

.social a{
	width: 36px;
	height: 35px;
	display: block;
	text-indent: -999em;
	background: transparent url('../img/footer-social-icons.png') 0 0 no-repeat;
	opacity: 0.3;
	-webkit-transition: opacity 0.35s;
	-moz-transition: opacity 0.35s;
	-ms-transition: opacity 0.35s;
	-o-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

.social .twit a{background-position: 0 0;}
.social .face a{background-position: -35px 0;}
.social .in a{background-position: -70px 0;}
.social .you a{background-position: -107px 0;}
.social .skype a{background-position: -142px 0;}

.social a:hover{
	opacity: 1;
}

.cont-list{
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.cont-list li{
	list-style: none;
	background: transparent url('../img/footer-cont-icons.png') -181px 13px no-repeat;
	padding: 0 0 0 50px;
}

.cont-list li.item1{background-position: -181px 5px;}
.cont-list li.item2{background-position: -119px -46px;}
.cont-list li.item3{background-position: -57px -108px;}
.cont-list li.item4{background-position: 1px -165px;}

.cont-list li p{
	margin: 0;
	line-height: 20px;
	font-size: 12px;
	color: #343434;
}

.cont-list li a{
	color: #343434;
}
 
.cont-list li > div{
	border-bottom: 1px dotted #c2c2c2;
	overflow: hidden;
	padding: 13px 0 14px;
}

.cont-list li:last-child > div{border: none;}

.cont-list li:first-child > div{padding-top: 0;}

.find-us{
	text-decoration: underline;
}

.inst-photo{
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.inst-photo li{
	float:left;
	list-style: none;
	display: block;
	margin: 0 17px 17px 0;
}

.inst-photo li:nth-child(4n+4){
	margin-right: 0
}

.inst-photo a{
	display: block;
	width: 61px;
	height: 61px;
}

.content-conveyor .item a img,
.inst-photo li a img{ 
	filter: url(desaturate.svg#greyscale);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}

.content-conveyor .item a:hover img,
.inst-photo li a:hover img{ 
	filter: none;
	-webkit-filter: none;
	-moz-filter: none;
	-ms-filter: none;
	-o-filter: none;
	filter: none;
}

.pull-top{
	position: fixed;
	background-image: url('../img/slide-control-sprite-90rad.png');
	border: 3px solid #1abc9c;
	text-indent: -999em;
	display: none;
	bottom: 80px;
	top: auto;
	right: 30px;
	z-index: 9999;
	background-position: -33px 0px;
}

.pull-top:hover{
	background-position: 0 0;
}


/*----------Media----------*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .f-title span{padding: 0 0 5px;}

    .search input[type="search"]{line-height: 30px;}
    .news-mail input[type="text"]{line-height: 38px;}
}


/*----------Transition----------*/
.visit-proj-b,
.question-bl .carousel-control,
.pricing-table a,
.pricing-table li,
.pricing-table h3,
.portfolio-pager li a,
.descript-bl .l-project,
.descript-bl .learn-more,
.nav-accordion .accordion-heading .accordion-toggle i,
aside .nav-tabs li a,
.pagination ul > li > a, 
.pagination ul > li > span,
.send-comm,
.read-more,
.purch,
.post .p-img .hover-bl,
.page-title .href-blog,
.get-in a,
.register-sem,
.dropdown-menu li,
.head-menu li i,
.search button,
.search input,
.search input[type="search"],
.news-mail button{
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	-ms-transition: all 0.35s;
	-o-transition: all 0.35s;
	transition: all 0.35s;
}




/*----------Color-blue----------*/
.color-blue a,.color-blue a:hover,.color-blue a:focus{color: #0096db;}

.color-blue .head-menu li.open > a, 
.color-blue .head-menu li.active > a, 
.color-blue .head-menu li:hover > a, 
.color-blue .head-menu li.hover > a{color: #0096db;}

.color-blue .bxslider1  .purch{
	background-color: #0096db;	
	text-shadow: 0 0 1px rgba(5,123,178,0.7);
}

.color-blue .twitter{
	-webkit-box-shadow: inset 0 0 4px #016492;
	-moz-box-shadow: inset 0 0 4px #016492;
	box-shadow: inset 0 0 4px #016492;
}

.color-blue .question-bl .carousel-control{
	border-color: #0096db;
	color: #0096db;
}

.color-blue .search button{background-image: url('../img/blue-theme/search-bg.png');}
.color-blue .serv li a:hover + .wing, .color-blue .serv li a.selected + .wing{background-image: url("../img/blue-theme/about-serv-hover-bg.png");}
.color-blue .about-us .serv .serv-link{background-image: url("../img/blue-theme/about-serv-link-bg.png");}
.color-blue .logo{background-image: url('../img/blue-theme/logo.png');}
.color-blue .head-menu li i{background-image: url('../img/blue-theme/head-menu-a-hover.png');}
.color-blue .testimonials .t-nav .carousel-control{background-image: url("../img/blue-theme/test-arrow-sprite.png");}
.color-blue .accordion-heading .accordion-toggle{background-image: url("../img/blue-theme/accordion-heading-bg.png");}
.color-blue .twitter .twit-ico{background-image: url("../img/blue-theme/twit-ico.png");}
.color-blue .sem-link{background-image: url("../img/blue-theme/sem-link-bd.png");}
.color-blue .twit-sl-nav .carousel-control{background-image: url("../img/blue-theme/twit-arrow-sprite.png");background-color: transparent !important;}
.color-blue .about-us .item-1 h3{background-image: url("../img/blue-theme/dashboard-ico.png");}
.color-blue .about-us .item-2 h3{background-image: url("../img/blue-theme/about-serv-item2.png");}
.color-blue .about-us .item-3 h3{background-image: url("../img/blue-theme/about-serv-item3.png");}
.color-blue .serv .project h3{background-image: url("../img/blue-theme/serv-project-ico.png");}
.color-blue .serv .idea h3{background-image: url("../img/blue-theme/serv-idea-ico.png");}
.color-blue .serv .framework h3{background-image: url("../img/blue-theme/serv-framework-ico.png");}
.color-blue .alert button.close{background-image: url("../img/blue-theme/contact-error-close.png");}
.color-blue .arrow-ico{background-image: url('../img/blue-theme/slider-2-icon.png');}

.color-blue .get-in a{
	background-color: #0096db;
	border-color: #0096db;
}

.color-blue .portfolio-pager li a:hover,
.color-blue .bxslider .purch:hover:hover,
.color-blue .pricing-table-base a:hover, 
.color-blue .pricing-table-inverse a:hover + h3,
.color-blue .get-in a:hover{background-color: #00a2ed;}

.color-blue .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active,
.color-blue .bxslider .purch:hover:hover{
	border-color: #00a2ed;
}
.color-blue .t-comm span i,
.color-blue .cat-list ul > .active.all > a, 
.color-blue .cat-list ul > .active.all > a:hover, 
.color-blue .cat-list ul > .active.all > a:focus, 
.color-blue .cat-list ul > .active.all > span,
.color-blue .pricing-table-inverse a:hover,
.color-blue .pricing-table-base a:hover + h3{
	color: #00a2ed;
}

.color-blue .page-title .href-blog:hover{	
	color: #0096db;
}

.color-blue .get-in a,
.color-blue .worker:hover .skill-wrap .s-cont,
.color-blue .workers .pagination ul > li > a:hover, 
.color-blue .workers .pagination ul > li > a:focus, 
.color-blue .pagination ul > .workers .active > a, 
.color-blue .pagination ul > .active > span,
.color-blue .pagination ul > .active > a, 
.color-blue .pagination ul > .active > a:hover, 
.color-blue .pagination ul > .active > a:focus, 
.color-blue .pagination ul > .active > span,
.color-blue .news-mail.active button, 
.color-blue .news-mail button:hover,
.color-blue .twitter,
.color-blue .clients-slider-handler a,
.color-blue .pull-top:hover, 
.color-blue #column3 .carousel-control:hover, 
.color-blue .thumb-info .carousel-control:hover, 
.color-blue .slide-control .carousel-control:hover,
.color-blue .swipe-wrap .skill-wrap .s-cont{
	background-color: #0096db;
}

.color-blue .bxslider .prev:hover, .color-blue .bxslider .next:hover{
	background-color: #0096db;
}



/*----------Color-red----------*/
.color-red a,.color-red a:hover,.color-red a:focus{color: #fb915e;}

.color-red .head-menu li.open > a, 
.color-red .head-menu li.active > a, 
.color-red .head-menu li:hover > a, 
.color-red .head-menu li.hover > a{color: #fb915e;}

.color-red .bxslider1  .purch{
	background-color: #fb915e;	
	text-shadow: none;
}

.color-red .twitter{
	-webkit-box-shadow: inset 0 0 4px #d5d5d5;
	-moz-box-shadow: inset 0 0 4px #d5d5d5;
	box-shadow: inset 0 0 4px #d5d5d5;
}

.color-red .question-bl .carousel-control{
	border-color: #fb915e;
	color: #fb915e;
}

.color-red .search button{background-image: url('../img/red-theme/search-bg.png');}
.color-red .serv li a:hover + .wing, .color-red .serv li a.selected + .wing{background-image: url("../img/red-theme/about-serv-hover-bg.png");}
.color-red .about-us .serv .serv-link{background-image: url("../img/red-theme/about-serv-link-bg.png");}
.color-red .logo{background-image: url('../img/red-theme/logo.png');}
.color-red .head-menu li i{background-image: url('../img/red-theme/head-menu-a-hover.png');}
.color-red .testimonials .t-nav .carousel-control{background-image: url("../img/red-theme/test-arrow-sprite.png");}
.color-red .accordion-heading .accordion-toggle{background-image: url("../img/red-theme/accordion-heading-bg.png");}
.color-red .twitter .twit-ico{background-image: url("../img/red-theme/twit-ico.png");}
.color-red .sem-link{background-image: url("../img/red-theme/sem-link-bd.png");}
.color-red .twit-sl-nav .carousel-control{background-image: url("../img/red-theme/twit-arrow-sprite.png");background-color: transparent !important;}
.color-red .about-us .item-1 h3{background-image: url("../img/red-theme/about-serv-item1.png");}
.color-red .about-us .item-2 h3{background-image: url("../img/red-theme/about-serv-item2.png");}
.color-red .about-us .item-3 h3{background-image: url("../img/red-theme/about-serv-item3.png");}
.color-red .serv .project h3{background-image: url("../img/red-theme/serv-project-ico.png");}
.color-red .serv .idea h3{background-image: url("../img/red-theme/serv-idea-ico.png");}
.color-red .serv .framework h3{background-image: url("../img/red-theme/serv-framework-ico.png");}
.color-red .alert button.close{background-image: url("../img/red-theme/contact-error-close.png");}
.color-red .arrow-ico{background-image: url('../img/red-theme/slider-2-icon.png');}

.color-red .get-in a{
	background-color: #fb915e;
	border-color: #fb915e;
}

.color-red .portfolio-pager li a:hover,
.color-red .bxslider .purch:hover:hover,
.color-red .pricing-table-base a:hover, 
.color-red .pricing-table-inverse a:hover + h3,
.color-red .get-in a:hover{background-color: #ffa377;}

.color-red .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active,
.color-red .bxslider .purch:hover:hover{
	border-color: #ffa377;
}
.color-red .t-comm span i,
.color-red .cat-list ul > .active.all > a, 
.color-red .cat-list ul > .active.all > a:hover, 
.color-red .cat-list ul > .active.all > a:focus, 
.color-red .cat-list ul > .active.all > span,
.color-red .pricing-table-inverse a:hover,
.color-red .pricing-table-base a:hover + h3{
	color: #ffa377;
}

.color-red .page-title .href-blog:hover{	
	color: #fb915e;
}

.color-red .get-in a,
.color-red .worker:hover .skill-wrap .s-cont,
.color-red .workers .pagination ul > li > a:hover, 
.color-red .workers .pagination ul > li > a:focus, 
.color-red .pagination ul > .workers .active > a, 
.color-red .pagination ul > .active > span,
.color-red .pagination ul > .active > a, 
.color-red .pagination ul > .active > a:hover, 
.color-red .pagination ul > .active > a:focus, 
.color-red .pagination ul > .active > span,
.color-red .news-mail.active button, 
.color-red .news-mail button:hover,
.color-red .clients-slider-handler a,
.color-red .pull-top:hover, 
.color-red #column3 .carousel-control:hover, 
.color-red .thumb-info .carousel-control:hover, 
.color-red .slide-control .carousel-control:hover,
.color-red .swipe-wrap .skill-wrap .s-cont{
	background-color: #fb915e;
}

.color-red .twitter p{
	color: #404040;
}

.color-red .twitter{
	background-color: #f9f9f9;
}

.color-red .bxslider .prev:hover, .color-red .bxslider .next:hover{
	background-color: #fb915e;
}



/*----------Color-yellow----------*/
.color-yellow a,.color-yellow a:hover,.color-yellow a:focus{color: #ffd060;}

.color-yellow .head-menu li.open > a, 
.color-yellow .head-menu li.active > a, 
.color-yellow .head-menu li:hover > a, 
.color-yellow .head-menu li.hover > a{color: #ffd060;}

.color-yellow .bxslider1  .purch{
	background-color: #ffd060;	
	text-shadow: none;
}

.color-yellow .twitter{
	-webkit-box-shadow: inset 0 0 4px #d5d5d5;
	-moz-box-shadow: inset 0 0 4px #d5d5d5;
	box-shadow: inset 0 0 4px #d5d5d5;
}

.color-yellow .question-bl .carousel-control{
	border-color: #ffd060;
	color: #ffd060;
}

.color-yellow .search button{background-image: url('../img/yellow-theme/search-bg.png');}
.color-yellow .serv li a:hover + .wing, .color-yellow .serv li a.selected + .wing{background-image: url("../img/yellow-theme/about-serv-hover-bg.png");}
.color-yellow .about-us .serv .serv-link{background-image: url("../img/yellow-theme/about-serv-link-bg.png");}
.color-yellow .logo{background-image: url('../img/yellow-theme/logo.png');}
.color-yellow .head-menu li i{background-image: url('../img/yellow-theme/head-menu-a-hover.png');}
.color-yellow .testimonials .t-nav .carousel-control{background-image: url("../img/yellow-theme/test-arrow-sprite.png");}
.color-yellow .accordion-heading .accordion-toggle{background-image: url("../img/yellow-theme/accordion-heading-bg.png");}
.color-yellow .twitter .twit-ico{background-image: url("../img/yellow-theme/twit-ico.png");}
.color-yellow .sem-link{background-image: url("../img/yellow-theme/sem-link-bd.png");}
.color-yellow .twit-sl-nav .carousel-control{background-image: url("../img/yellow-theme/twit-arrow-sprite.png");background-color: transparent !important;}
.color-yellow .about-us .item-1 h3{background-image: url("../img/yellow-theme/about-serv-item1.png");}
.color-yellow .about-us .item-2 h3{background-image: url("../img/yellow-theme/about-serv-item2.png");}
.color-yellow .about-us .item-3 h3{background-image: url("../img/yellow-theme/about-serv-item3.png");}
.color-yellow .serv .project h3{background-image: url("../img/yellow-theme/serv-project-ico.png");}
.color-yellow .serv .idea h3{background-image: url("../img/yellow-theme/serv-idea-ico.png");}
.color-yellow .serv .framework h3{background-image: url("../img/yellow-theme/serv-framework-ico.png");}
.color-yellow .alert button.close{background-image: url("../img/yellow-theme/contact-error-close.png");}
.color-yellow .arrow-ico{background-image: url('../img/yellow-theme/slider-2-icon.png');}

.color-yellow .get-in a{
	background-color: #ffd060;
	border-color: #ffd060;
}

.color-yellow .portfolio-pager li a:hover,
.color-yellow .bxslider .purch:hover:hover,
.color-yellow .pricing-table-base a:hover, 
.color-yellow .pricing-table-inverse a:hover + h3,
.color-yellow .get-in a:hover{background-color: #ffd777;}

.color-yellow .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active,
.color-yellow .bxslider .purch:hover:hover{
	border-color: #ffd777;
}
.color-yellow .t-comm span i,
.color-yellow .cat-list ul > .active.all > a, 
.color-yellow .cat-list ul > .active.all > a:hover, 
.color-yellow .cat-list ul > .active.all > a:focus, 
.color-yellow .cat-list ul > .active.all > span,
.color-yellow .pricing-table-inverse a:hover,
.color-yellow .pricing-table-base a:hover + h3{
	color: #ffd777;
}

.color-yellow .page-title .href-blog:hover{	
	color: #ffd060;
}

.color-yellow .get-in a,
.color-yellow .worker:hover .skill-wrap .s-cont,
.color-yellow .workers .pagination ul > li > a:hover, 
.color-yellow .workers .pagination ul > li > a:focus, 
.color-yellow .pagination ul > .workers .active > a, 
.color-yellow .pagination ul > .active > span,
.color-yellow .pagination ul > .active > a, 
.color-yellow .pagination ul > .active > a:hover, 
.color-yellow .pagination ul > .active > a:focus, 
.color-yellow .pagination ul > .active > span,
.color-yellow .news-mail.active button, 
.color-yellow .news-mail button:hover,
.color-yellow .clients-slider-handler a,
.color-yellow .pull-top:hover, 
.color-yellow #column3 .carousel-control:hover, 
.color-yellow .thumb-info .carousel-control:hover, 
.color-yellow .slide-control .carousel-control:hover,
.color-yellow .swipe-wrap .skill-wrap .s-cont{
	background-color: #ffd060;
}

.color-yellow .twitter p{
	color: #404040;
}

.color-yellow .twitter{
	background-color: #f9f9f9;
}

.color-yellow .bxslider .prev:hover, .color-yellow .bxslider .next:hover{
	background-color: #ffd060;
}
 .get-in img{
margin-right:60px;
}
.nborder{
border-top: 0px !important;}
.feat{
background: transparent url('../img/skills-info-ico.png') 0 4px no-repeat;
 padding: 0 0 4px 40px;
}
.complementary {
 padding: 0 0 0 15px;  
 margin: 60px 0 20px;  
 border-left: 5px solid #eeeeee;
}
.h1-reg{
 text-align:center;
 margin: 0 0 60px;
}
#parent {
line-height: 5em;
margin-bottom:28.666%;
}
#parent img{
margin: 10px 0 0 100px;
max-width: 70%;
vertical-align: middle;
}

#parent0 {
line-height: 25em;
}
#parent0 img{
margin: 10px 0 0 100px;
max-width: 70%;
vertical-align: middle;
}

.thumbnail .work-info:hover {   
    display: block;
    padding-left: 67px;
    position: relative;
    background: #46dec0;
    background: -moz-linear-gradient(top, #46dec0 0%, #1abc9c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#46dec0), color-stop(100%,#1abc9c));
    background: -webkit-linear-gradient(top, #46dec0 0%,#1abc9c 100%);
    background: -o-linear-gradient(top, #46dec0 0%,#1abc9c 100%);
    background: -ms-linear-gradient(top, #46dec0 0%,#1abc9c 100%);
    background: linear-gradient(to bottom, #46dec0 0%,#1abc9c 100%);
    text-decoration: none;
    overflow: hidden;
}

.thumbnail .work-info h3.gray{
    color: #656464;
} 



.thumbnail .work-info .gray{
background-position: -55px -29px;
}
.dushbord, .dashboard{
    list-style: none;
    border-bottom: 1px dotted #dedede;
    padding: 7px 0 10px;
}
.dashboard menu {
	list-style: none;
}

.block li a,.pricing-table-inverse li a:hover {
    color: #1c1c1a;
    background: #fff;
}

[hidden] {
	display: none !important;
}

.download-links ul {
	list-style: none;
	display: flex;
	margin: 10px auto;
	/*justify-content: center; */
}
.download-links li {
	margin: 0 10px;
	width: 250px ;
}
.download-links {
	margin: 20px auto;
}
.domain_form{
	display: flex;
	align-items: center;
	margin: 20px 0;
}
.domain_form input {
	margin: 0 10px;
}
.btn.btn-flat.btn-green {
	background: #28CDAC none;
	color: #fff;
	border: 0;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
}
.btn.btn-flat.btn-green:hover {
    transition: all 0.35s;
    background: #1ABC9C none;
}
.btn.btn-flat.btn-default {
	background: #ececec;
}
.btn.btn-flat.btn-default :hover{
	background: #fdfdfd;
}
.btn.btn-flat {
	border-radius: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 7px 20px;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"], .uneditable-input {
	border: 1px solid #ebeaea;
	padding: 6px;
	box-sizing: border-box;
	height: auto;
	border-radius: 0;
}

.fa.icon {
	border: 1px solid #ebeaea;
	padding: 6px;
	box-sizing: border-box;
	height: auto;
	border-radius: 0;
	min-width: 32px;
	min-height: 32px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin: 2px;
	cursor: pointer;
}
.fa.icon:hover {
	text-decoration: none;
}
.fa.icon.danger {
	background: #bd362f;
	color: #fff;
}
.domain_list h2 {
	font-size: 16px;
	text-transform: lowercase;
	line-height: normal;
}
.domain_list > li {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.domain_list > li menu {
	display: flex;
	align-items: center;
}
p.errors {
    color: red;
    font-size: 12px;
}

.watermark {
    position: absolute;
    padding: 7px;
    opacity: 0.5;
    width: inherit;
    height: inherit;
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    transform:rotate(-3deg);
    -webkit-transform:rotate(-3deg);
}

.watermarked_links {
    position: relative;
    pointer-events: none;
    font-weight: bold;
    opacity: 0.3;
    z-index: 2;
}

.activation_instruction_img {
	display: block;
	padding: 20px;
}

input[type=checkbox] {
	margin-top: 0;
}

#cookie-banner {
	display: none;
	bottom: 0px;
    padding: 0px;
    position: fixed;
    background-color: rgb(45, 46, 56);
    color: rgb(176, 176, 195);
    left: 0px;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
	z-index: 200;
	padding: 20px;
	justify-content: center;
}

#cookie-banner a {
	color: inherit;
}

#cookie-banner button {
	margin-left: 20px;
}

.subtitle {
	margin-top: 30px;
}

ol li {
	margin: 10px;
}