/*-------------------------------------------------
 =  Table of Css

 1.Isotope                              
 2.Header                          
 3.General code                   
 4.Content - home section                              
 5.Content - about section                              
 6.content - portfolio section                               
 7.content - testimonial section 
 8.content - team section                               
 9.content - client section                               
 10.content - services section                                
 11.content - blog section                                 
 12.content - tweet section                                 
 13.content - contact section                             
 14.Single post                            
 15.Project details                             
 16.Footer    
-------------------------------------------------*/
body {
			background: #ffffff;
		}

		* {
			padding: 0;
			margin: 0;
		}

		#logo {
			background: #fff;
			text-align: center;
			margin-bottom: 120px;
			padding: 20px 0;
		}

		#logo img {
			max-width: 100%;
		}

		.versions {
			max-width: 1140px;
			min-height: 550px;
			margin: 0 auto;
			border-bottom: 1px solid #454748;
		}
    
li{display: block;}
		.version-choose {
position: relative;
width: 50%;
float: left;
text-align: center;
}

		.version-choose h1 {
			color: #252525;
			font-size: 28px;
			text-align: center;
			margin: 20px 0;
			font-family: arial;
			text-transform: uppercase;
			font-weight: 400;
		}

		.version-choose img {
			width: 100%;
		}

		.version-choose a {
			display: inline-block;
			text-decoration: none !important;
		    transition: all 0.17s ease-in-out;
		    -moz-transition: all 0.17s ease-in-out;
		    -webkit-transition: all 0.17s ease-in-out;
		    -o-transition: all 0.17s ease-in-out;
		}
        .version-choose p {
color: #252525;
font-size: 18px;
font-family: 'Roboto', sans-serif;
margin-bottom: 40px;
}.version-choose a {
display: inline-block;
text-decoration: none !important;
color: #fff;
font-size: 14px;
font-family: 'Roboto', sans-serif;
background: #252525;
padding: 15px 46px;
text-transform: uppercase;
transition: all 0.17s ease-in-out;
-moz-transition: all 0.17s ease-in-out;
-webkit-transition: all 0.17s ease-in-out;
-o-transition: all 0.17s ease-in-out;
}
		.version-choose:hover a {
			transform: scale(1.2);
			-webkit-transform: scale(1.2);
			-moz-transform: scale(1.2);
			-o-transform: scale(1.2);
		}

		.version-choose a:hover {
			opacity: 0.7;
		}

		.left .version-choose:before {
			position: absolute;
			content: '';
			width: 81px;
			height: 70px;
			top: -35px;
			left: -35px;
			background: url('images/demo4.png') center center no-repeat;
		}
        
		.right .version-choose:before {
			position: absolute;
			content: '';
			width: 81px;
			height: 70px;
			top: -35px;
			right: -35px;
			background: url('images/demo5.png') center center no-repeat;
		}

		@media screen and (max-width: 1000px) {
			#logo {
				margin-bottom: 60px;
			}

			.version-choose {
				float: none;
				text-align: center !important;
				margin-bottom: 40px;
				width: 100%;
			}
		}
/* Drop-Down */
.menu li {
	position: relative;
}
.menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 100;
	width: 175px;
}

.menu li:hover > ul {
	display: block;
}
.menu ul {
	background-color: #fff;
	z-index: 999;
	border-radius: 0 0 3px 3px;
    padding: 0;
	margin: 0 0 0 0;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}
.menu  ul li a:after {
	content: '';
	display: block;
	width: 0px;
	height: 3px;
	background:transparent;
	margin-top: 0px;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	position:absolute;
	top:0px;
}
.menu > ul li:hover > a {
	border-bottom: 0;
	background: transparent;
}
.menu ul li {
    display: inline-flex;
	margin: 0;
	padding: 0;
	width: 100%;
	margin-left:0px;
	border-top:0px!important;
	white-space:nowrap;
}
.menu ul li a {
	color: #afb4b9;
	font-size: 12px;
	line-height: 18px;
	padding: 10px 16px !important;
	border: 0;
	text-transform:none;
	font-weight:normal;
	margin-left:0px;
	border-top:0px!important;
}
.menu ul li a:last-child {
	border-radius: 0 0 3px 3px;
}
.menu ul li {
	border-top: 1px solid #eff4f7!important;
}
.menu ul li:first-child {
	border: 0!important;
}
.menu ul li a:hover {
	color: #9ba0a5;
	border: 0;
	border-top:0px!important;
}
.menu ul li a {
	-webkit-transition: background-color 50ms ease-in-out;
	-moz-transition: background-color 50ms ease-in-out;
	-o-transition: background-color 50ms ease-in-out;
	-ms-transition: background-color 50ms ease-in-out;
	transition: background-color 50ms ease-in-out;
}
.menu ul ul {
	border: 1px solid #e0e0e0;
	border-radius: 0 3px 3px 3px;
	margin: -1px 0 0 0;
}
/*-------------------------------------------------------*/
/* 1. Isotope filtering
/*-------------------------------------------------------*/
.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope, .isotope .isotope-item {/* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:-moz-transform, opacity;
    transition-property:transform, opacity;
}

/*-------------------------------------------------*/
/* =  Header
/*-------------------------------------------------*/

header {
    z-index: 99999;
}

.navbar {
    width: 100%;
	margin-bottom: 0;
    background: #fff;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    border-bottom: 1px solid #d1d1d1;
}

.navbar-nav.navbar-right:last-child {
    margin-right: 0;
}

.navbar.active {
    opacity: 0.95;
}

.navbar-brand {
    padding: 17px 15px;
    height: auto;
}

.innher-header {
    padding: 0 15px;
}

.navbar-nav {
    margin-top: 40px;
/*    margin-bottom: 35px;*/
}

.navbar-default .navbar-nav > li {
    margin-left: 22px;
}

.navbar-default .navbar-nav > li:first-child {
    margin-left: 0px;
}

.navbar-default .navbar-nav > li > a {
    color: #818181;
    font-size: 13px;
    font-family: 'Arial', sans-serif;
    font-weight: 300;
    padding: 0;
    position: relative;
    text-transform: uppercase;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.navbar-default .navbar-nav > li > a.active,
.navbar-default .navbar-nav > li > a:hover {
    color: #FECB00;
}

/*-------------------------------------------------*/
/* =  General 
/*-------------------------------------------------*/

#container {
    opacity: 0;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

#container.active {
    opacity: 1;
}


.preloader {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 128px;
    height: 128px;
    margin-top: -56px;
    margin-left: -50px;
/*    -webkit-backface-visibility: hidden;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;*/
}

.preloader img {
    -webkit-backface-visibility: hidden;
}

/*-------------------------------------------------*/
/* =  content - home section
/*-------------------------------------------------*/

#home-section {
/*    background: url('../upload/photo1.jpg');*/
/*    position: relative;*/
margin:90px auto 0 auto;
}

.home-section2 {
    background: url('../upload/photo2.jpg') !important;
}

/*#home-section:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/pattern.png');
}*/

a.discover {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 50%;
    margin-left: -95px;
    width: 190px;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    color: #fff !important;
    background: #f13f0f;
    padding: 16px 5px;
    text-align: center;
    text-decoration: none!important;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

a.discover:hover {
    opacity: 0.8;
}

#home-section .flexslider {
    top: 50%;
    margin-top: -90px;
    position: absolute;
    width: 100%;
    z-index: 99;
}

.flexcaption {
    max-width: 1170px;
    padding: 0 15px;
    margin: 0 auto;
    text-align: center;
}

.flexcaption h1 {
    color: #ffffff;
    font-size: 72px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0 0 20px;
}

.flexcaption h1 span {
    display: inline-block;
    font-weight: bold;
}

.flexcaption h1 span.diff-color {
    color: #2bb6b6;
}

.flexcaption div {
    width: 170px;
    height: 1px;
    margin: 0 auto 30px !important;
    text-align: center;
    position: relative;
}

.flexcaption div:after {
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 5px;
    left: 0;
    content: '';
}

.flexcaption div span {
   width: 10px;
   height: 10px;
   border: 3px solid #8a8a8a;
   display: block;
   margin: auto;
   background: #fff;
   border-radius: 50%;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -o-border-radius: 50%;
   z-index: 2;
   position: relative;
}

.flexcaption > p {
    color: #c8c8c8;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 27px;
    margin: 0 auto 25px;
}

/*-------------------------------------------------*/
/* =  content - about section
/*-------------------------------------------------*/

.section {
    margin-bottom: 100px;
}

#about-section {
    text-align: center;
}

.title-section {
    margin-bottom: 65px;
    text-align: center;
}

.title-section h1 {
    color: #252525;
    font-size: 26px;
    font-family: 'Arial', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0 0 20px;
}

.title-section div.dotted-line {
    width: 170px;
    height: 1px;
    margin: 0 auto 25px;
    text-align: center;
    position: relative;
}

.title-section div.dotted-line:after {
    width: 100%;
    height: 1px;
    background: #252525;
    position: absolute;
    top: 5px;
    left: 0;
    content: '';
}

.title-section div.dotted-line span {
   width: 10px;
   height: 10px;
   border: 3px solid #fff;
   display: block;
   margin: auto;
   background: #252525;
   border-radius: 50%;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -o-border-radius: 50%;
   z-index: 2;
   position: relative;
}

.title-section p {
    color: #818181;
    font-size: 17px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 25px;
    margin: 0;
}

.title-section.white h1 {
    color: #fff;
}

.title-section.white div.dotted-line:after {
    background: #fff;
}

.title-section.white div.dotted-line span {
   border: 3px solid #8a8a8a;
   background: #fff;
}

.title-section.white p {
    color: #fff;
}

.services-box {
/*    padding-bottom: 80px;*/
    border-bottom: 1px solid #dddddd;
}

.services-post {
/*    margin-bottom: 30px;*/
}

/* Icons */
.services-post a {
    display: inline-block;
    width: 90px;
    height: 90px;
    text-decoration: none;
    border: 1px solid #818181;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    text-align: center;
    margin-bottom: 35px;
    position: relative;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}
.services-post i {
cursor:default;
    display: inline-block;
    width: 90px;
    height: 90px;
    text-decoration: none;
    border: 1px solid #818181;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    text-align: center;
    margin-bottom: 35px;
    position: relative;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}
.services-post a:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent;
    bottom: -10px;
    left: 50%;
    margin-left: -5px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}
.stk2ItemsBlock{
    /*border-bottom: 1px solid #dddddd;*/
padding-bottom: 80px;
}
.services-post i {
cursor:default
    color: #252525;
    font-size: 60px;
    line-height: 90px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}
.services-post a i {
    color: #252525;
    font-size: 60px;
    line-height: 90px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}
.services-post:hover a {
    border: 1px solid #FECB00;
    background: #FECB00;
}
.services-post:hover i {
    border: 1px solid #252525;
    background: #252525;
	color:#FFF;
}
.services-post:hover a:after {
    border: 5px solid #FECB00;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent;
}

.services-post:hover a i {
    color: #fff;
	cursor:default;
}

.services-post h2 {
    color: #252525;
    font-size: 20px;
    font-family: 'Arial', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0 0 20px;
}

.services-post p {
    color: #818181;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 24px;
    margin: 0;
}

/*-------------------------------------------------*/
/* =  content - portfolio section
/*-------------------------------------------------*/


ul.filter {
    padding: 0;
    text-align: center;
    margin-bottom: 45px;
}

ul.filter li {
    list-style: none;
    display: inline-block;
    margin-left: 12px;
}

ul.filter li:first-child {
    margin-left: 0px;
}

ul.filter li a {
    display: inline-block;
    color: #818181;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    position: relative;
    text-decoration: none;
    padding: 6px 11px;
    border: 1px solid #818181;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -o-border-radius: 1px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

ul.filter li a:hover,
ul.filter li a.active {
    color: #f13f0f; 
    border: 1px solid #f13f0f; 
}

.portfolio-container {
    width: 1144px;
    margin-left: -2px;
}

.portfolio-container .work-post {
    margin: 2px;
    width: 282px;
    position: relative;
    overflow: hidden;
}

.portfolio-container .work-post:hover {
    overflow: visible;
}

.portfolio-container .work-post img {
    width: 100%;
}

.hover-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(241,63,15,0.87);
    text-align: center;
    text-decoration: none !important;
    text-align: left; 
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    opacity: 0;
    visibility: hidden;
}

.work-post:hover .hover-box {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
}

.inner-hover {
    position: relative;
    height: 70px;
    top: 50%;
    margin-top: -35px;
    width: 100%;
    padding: 0 45px;
}

.inner-hover h2 {
    color: #fff;
    font-size: 24px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0 0 20px;
    transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    -webkit-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
    transform: rotate(90deg) scale(0.2);
    -webkit-transform: rotate(90deg) scale(0.2);
    -moz-transform: rotate(90deg) scale(0.2);
    -o-transform: rotate(90deg) scale(0.2);
}

.inner-hover span {
    display: inline-block;
    background: #fff;
    padding: 5px 12px;
    color: #4c4c4c;
    font-size: 11px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    -webkit-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
    transform: rotate(90deg) scale(0.2);
    -webkit-transform: rotate(90deg) scale(0.2);
    -moz-transform: rotate(90deg) scale(0.2);
    -o-transform: rotate(90deg) scale(0.2);
}

.work-post:hover .inner-hover h2,
.work-post:hover .inner-hover span {
    transform: rotate(0deg) scale(1);
    -webkit-transform: rotate(0deg) scale(1);
    -moz-transform: rotate(0deg) scale(1);
    -o-transform: rotate(0deg) scale(1);
}

/*-------------------------------------------------*/
/* =  content - testimonial section
/*-------------------------------------------------*/

#testimonial-section {
    background: url('../upload/back.jpg');
    padding: 160px 0;
    position: relative;
    text-align: center;
}

#testimonial-section:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/pattern.png');
}

#testimonial-section .container {
    z-index: 2;
    position: relative;
}

.testimonial ul li p {
    color: #fff;
    font-size: 36px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 60px;
    margin: 0 0 20px;
}

.testimonial ul li p span {
    color: #f13f0f;
}

.testimonial ul li > span {
    color: #fff;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
}

/*-------------------------------------------------*/
/* =  content - team section
/*-------------------------------------------------*/

.team-box {
    padding-bottom: 50px;
	margin-bottom: 50px;
   /* border-bottom: 1px solid #dddddd;*/
}

.staff-post {
    margin-bottom: 15px;
    text-align: center;
}

.staff-post-gal {
    position: relative;
}

.hover-team {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,204,0,0.87);
    opacity: 0;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
}

.staff-post:hover .hover-team {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
}

.staff-post img {
    width: 100%;
}

.staff-post-content {
    padding: 20px 10px;
}

.staff-post-content h3 {
    color: #252525;
    font-size: 20px;
    font-family: 'Arial', sans-serif;
    text-transform: uppercase;
	text-align: left;
    font-weight: 300;
    margin: 0 0 5px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.staff-post-content span {
color: #818181;
font-size: 14px;
font-family: "Arial",sans-serif;
font-weight: 300;
line-height: 24px;
margin: 0px;
text-align: left;
}


.staff-post-content span a {
color:#fecb00;
}
.staff-post:hover .staff-post-content h3 {
    /*color: #FECB00;*/
}

ul.staf-social {
    visibility: hidden;
    display: block;
    padding: 0;
    width: 100%;
    position: relative;
    top: 50%;
    margin-top: -10px;
    left: 0;
}

ul.staf-social li {
    display: inline-block;
    margin-left: 11px;
}

ul.staf-social li:first-child {
    margin-left: 0px;
}

ul.staf-social li a {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #ffffff;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    text-align: center;
    text-decoration: none;
}

ul.staf-social li a i {
    display: inline-block;
    line-height: 30px;
    font-size: 14px;
    color: #616161;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    -webkit-backface-visibility: hidden;
}

ul.staf-social li a:hover i {
    color: #fff;
}

ul.staf-social li a:hover {
    background: #252525;
}

.statistic-box {
    padding-top: 100px;
    padding-bottom: 35px;
    text-align: center;
}

.statistic-counter p {
    color: #252525;
    font-size: 16px;
    font-family: 'Arial', sans-serif;
    font-weight: 300;
    margin: 0;
}

.statistic-counter p span.timer {
    display: inline-block;  
    color: #FECB00;
    font-size: 102px;
    font-family: 'Arial', sans-serif;
    font-weight: 300;
    margin-bottom: 10px;
    line-height: 90px;
}

/*-------------------------------------------------*/
/* =  content - client section
/*-------------------------------------------------*/

#client-section {
    position: relative;
    padding: 105px 0;
}
#team-section {
position: relative;
padding:60px 0;
}
#client-section:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 500px;
    /*background: url('../images/pattern.png');*/
}

#client-section .container {
    position: relative;
    z-index: 2;
}

#customElement {
    width: 100%;
    height: 530px;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
}

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

ul.client-list li {
    list-style: none;
    float: left;
    width: 12%;
}

ul.client-list li a {
    display: inline-block;
    width: 90%;
    text-align: center;
    border: 1px solid transparent;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

ul.client-list li a:hover {
    border: 1px solid #fff;
}

ul.client-list li a img {
    max-width: 100%;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

ul.client-list li a:hover img {
    opacity: 0.90;
}

/*-------------------------------------------------*/
/* =  content - services section
/*-------------------------------------------------*/
#services-section{
    text-align: center;
}
.services-box1 .services-post a {
    width: 60px;
    height: 60px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
}

.services-box1 .services-post a i {
    font-size: 28px;
    line-height: 60px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

.services-box1 .services-post a:after {
    height: 64px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
}
.services-box1 {
    padding-bottom: 80px;
    border-bottom: 1px solid #dddddd;
    text-align: center;
}

.services-box2 {
    padding-bottom: 80px;
    border-bottom: 1px solid #dddddd;
    text-align: center;
}

.services-box2 .services-post a {
    width: 140px;
    height: 140px;
}

.services-box2 .services-post {
    background: #f7f7f7;
    padding: 30px;
    border: 1px solid transparent;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.services-box2 .services-post:hover {
    background: #fff;
    padding: 30px;
    border: 1px solid #FECB00;
}

.services-box2 .services-post a:after {
    display: none;
}

.services-box2 .services-post a i {
    font-size: 60px;
    line-height: 140px;
}

.services-box2 .services-post:hover a {
    border: 1px solid #FECB00;
    background: #FECB00;
}

.services-box2 .services-post:hover a i {
    color: #fff;
}

.services-box2 .services-post h2 {
    font-size: 24px;
}

.services-box2 .services-post span {
    display: block;
    color: #a0a0a0;
    font-size: 11px;
    font-family: 'Arial', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 2px;
}


/*-------------------------------------------------*/
/* =  content - blog section
/*-------------------------------------------------*/

.blog-box {
    width: 100%;
    margin-left: -2px;
}

.blog-post {
    width: 282px;
    margin: 1px;
    position: relative;
    overflow: hidden;
}

.blog-post.scnd-size {
    width: 569px;
}

.blog-post img {
    width: 100%;
}

/* Blog BW images*/
.blog-post.steven {
filter: grayscale(100%);
-webkit-filter: grayscale(100%); /* For Webkit browsers */
filter: gray; /* For IE 6 - 9 */
-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}

.blog-post.stodd{
filter: grayscale(100%);
-webkit-filter: grayscale(100%); /* For Webkit browsers */
filter: gray; /* For IE 6 - 9 */
-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}

.blog-post.steven:hover {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}

.blog-post.stodd:hover {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}
.post-date {
    position: absolute;
    top: 0;
    left: 0;
    width: 46px;
    height: 42px;
    background: rgba(241,63,15,0.6);
    text-align: center;
    padding-top: 3px;
    z-index: 2;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
	display:none;
}

.post-date p {
    color: #fff;
    font-size: 14px;
    font-family: 'Arial', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0;
    line-height: 18px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
	display:none;
}

.post-date p span {
    display: block;
	display:none;
}

.blog-post:hover .post-date {
    background: #fff;
	display:none;
}

.blog-post:hover .post-date p {
    color: #FECB00;
	display:none;
}

.blog-post:hover .hover-post {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: rgba(255,204,0,0.87);*/
    padding: 55px 60px;
    visibility: visible\0/;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -ms-transform: rotateX(0deg) rotateY(0deg);
    -o-transform: rotateX(0deg) rotateY(0deg);
    transform: rotateX(0deg) rotateY(0deg);

}

.hover-post h2 {
    color: #fff;
    font-size: 24px;
    font-family: 'Arial', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0 0 20px;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.hover-post h2 a {
    color: #fff;
    font-size: 24px;
    font-family: 'Arial', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0 0 2px;
    text-decoration: none;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.hover-post h2 a:hover {
    opacity: 0.7;
	filter: grayscale(0%);
-webkit-filter: grayscale(0%);
/*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
*/
}


.hover-post p {
    color: #fff;
    font-size: 14px;
    font-family: 'Arial', sans-serif;
    font-weight: 400;
    margin: 0;
    line-height: 24px;
    max-height: 96px;
    overflow: hidden;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
	display:none;
}

.blog-post:hover .hover-post h2,
.blog-post:hover .hover-post p {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
	filter: grayscale(0%);
-webkit-filter: grayscale(0%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}

/*-------------------------------------------------*/
/* =  content - tweet section
/*-------------------------------------------------*/

#tweet-section {
    padding: 110px 0;
    text-align: center;
    background: url('../upload/back2.jpg') 0px 0px;
    position: relative;
    overflow: hidden;
}

#tweet-section:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/pattern.png');
}

#tweet-section .container {
    position: relative;
    z-index: 2;
}

span.tweet-icon {
    display: inline-block;
    width: 88px;
    height: 88px;
    text-align: center;
    background: rgba(255,255,255,0.53);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    margin-bottom: 45px;
}

span.tweet-icon i {
    line-height: 88px;
    font-size: 36px;
    color: #000;
}

ul.bxslider li p {
    color: #fff;
    font-size: 36px;
    font-family: 'Arial', sans-serif;
    font-weight: 300;
    margin: 0 0 22px;
}

ul.bxslider li p a {
    color: #FECB00;
    text-decoration: none;
}

ul.bxslider li span {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-family: 'Arial', sans-serif;
    font-weight: 300;
    text-transform:uppercase;
    margin: 0 0 45px;
}

/*-------------------------------------------------*/
/* =  content - contact section
/*-------------------------------------------------*/

.map {
    height: 470px;
}

.contact-box {
    padding: 75px 0;
}

.contact-box h2 {
    color: #252525;
    font-size: 18px;
    font-family: 'Arial', sans-serif;
    font-weight: 400;
    margin: 0 0 25px;
    text-transform: uppercase;
}

.contact-box p {
    color: #818181;
    font-size: 14px;
    font-family: 'Arial', sans-serif;
    font-weight: 300;
    margin: 0 0 30px;
    line-height: 24px;
}

.contact-list {
    margin: 0;
    padding: 0;
}

.contact-list li {
    margin-bottom: 22px;
    list-style: none;
}

.contact-list li span {
    float: left;
    width: 37px;
    height: 37px;
    border: 1px solid #818181;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    text-align: center;
}

.contact-list li span i {
    font-size: 14px;
    line-height: 37px;
    color: #333333;
}

.contact-list li p {
    margin-left: 60px;
    line-height: 37px;
}

#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form textarea,
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form textarea {
    height:45px;
    color: #818181;
    font-size: 14px;
    font-family: 'Arial', sans-serif;
    font-weight: 300;
    border: 1px solid #dddddd;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    outline: none;
    width: 100%;
    padding: 14px 20px;
    display: block;
    margin-bottom: 15px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;  
}

#contact-form textarea,
.comment-form textarea {
    height: 258px;
}

#contact-form button,
.comment-form button {
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-family: Courier New;
    padding: 12px 0;
    background: #FECB00;
    margin-bottom: 15px;
    border: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

#contact-form button i,
.comment-form button i {
    color: #fff;
    font-size: 24px;
}

#contact-form button:hover,
.comment-form button:hover {
    opacity: 0.8;
}

#contact-form .message,
.comment-form .message {
    height:20px;
    font-size:13px;
    font-family: 'Open Sans', sans-serif;
    float: none;
    margin-top: 5px;
}

#contact-form .message.error,
.comment-form .message.error {
    color:#eb2c06;
}

#contact-form .message.success,
.comment-form .message.success {
    color:#1e9397;
}
#contact-form li{
    display: inherit;
}

/*-------------------------------------------------*/
/* =  Single post
/*-------------------------------------------------*/

#singlepost-section {
    padding: 75px 0 0;
}
.itemAuthorName{margin: 0;}
.post-head {
    overflow: hidden;
    padding-bottom: 30px;
/*    margin-bottom: 30px;*/
    border-bottom: 1px solid #252525;
}

.post-head h1 {
    float: left;
    color: #252525;
    font-size: 28px;
    font-family: 'Arial', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    margin: 5px 0 0 0;
}

ul.navigate-posts {
    float: right;
    padding: 0;
    margin: 0;
}

ul.navigate-posts li {
    display: inline-block;
    margin-left: 30px;
}

ul.navigate-posts li a {
    display: inline-block;
}

ul.navigate-posts li a i {
    font-size: 24px;
    color: #252525;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

ul.navigate-posts li a.show-post i {
    font-size: 18px;
}

ul.navigate-posts li a:hover i {
    color: #FECB00;
}

ul.tag-post {
    padding: 0;
    margin: 0;
/*    margin-bottom: 30px;*/
}

ul.tag-post li {
    display: inline-block;
    margin-right: 15px;
}

ul.tag-post li a {
    display: inline-block;
    color: #818181;
    font-size: 14px;
    font-family: 'Arial', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

ul.tag-post li a i {
    font-size: 15px;
    margin-right: 8px;
}

ul.tag-post li a:hover {
    color: #FECB00;
}

#singlepost-section .flexslider {
    margin-bottom: 30px;
}

#singlepost-section .flexslider .flex-control-nav {
    bottom: 30px;
}

#singlepost-section p {
    color: #818181;
    font-size: 14px;
    font-family: 'Arial', sans-serif;
    font-weight: 300;
    line-height: 24px;
/*    margin: 0 0 30px;*/
}

.share-box {
    padding: 20px 0;
/*    border-top: 1px solid #dfdfdf;*/
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 30px;
    overflow: hidden;
}

.share-box span {
    display: inline-block;
    float: left;
    color: #818181;
    font-size: 14px;
    font-family: 'Arial', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    margin-right: 20px;
}

ul.share-icons {
    padding: 0;
    margin: 0;
    float: left;
}

ul.share-icons li {
    display: inline-block;
    margin-left: 30px;
}

ul.share-icons li a {
    display: inline-block;
}

ul.share-icons li a i {
    font-size: 18px;
    color: #929292;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

ul.share-icons li a:hover i {
    color: #252525;
}

.autor-post {
    overflow: hidden;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 30px;
    padding-top: 20px;
    margin-bottom: 30px;
	/*Hide autor on K2 post */
	display: none;
}

.autor-post img {
    float: left;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    max-width: 100px;
    border: 1px solid #dfdfdf;
    padding: 5px;
}

.autor-content {
    margin-left: 130px;
}

.autor-content h4 {
    color: #818181;
    font-size: 14px;
    font-family: 'Arial', sans-serif;
    font-weight: 300;
    margin: 0 0 20px;
}

.autor-content h4 span {
    color: #252525;
    text-transform: uppercase;
}

.autor-content p {
    color: #818181;
    font-size: 14px;
    font-family: 'Arial', sans-serif;
    font-weight: 300;
    line-height: 24px;
    margin: 0 0 20px;
}

.comment-section {
    padding-top: 10px;
}

.comment-section h2 {
    color: #818181;
    font-size: 14px;
    font-family: 'Arial', sans-serif;
    font-weight: 300;
    margin: 0 0 40px;
    text-transform: uppercase;
}

.comment-tree {
    padding: 0;
    margin: 0;
}

.comment-tree li {
    list-style: none;
    margin-bottom: 40px;
    overflow: hidden;
}

.comment-tree li img {
    float: left;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    max-width: 100px;
    border: 1px solid #dfdfdf;
    padding: 5px;
}

.comment-content {
    margin-left: 130px;
    padding-bottom: 35px;
    border-bottom: 1px solid #eeeeee;
}

.comment-content h6 {
    color: #252525;
    font-size: 14px;
    font-family: 'Arial', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    margin: 10px 0 20px;
}

.comment-content h6 span {
    float: right;
    color: #818181;
}

.comment-content h6 span a {
    color: #818181;
    text-transform: capitalize;
}

.comment-content p {
    margin: 0 !important;
}
div.itemCommentsForm form input.inputbox,div.itemCommentsForm form textarea.inputbox{
    width: 100% !important;
    margin: 9px 0;
}
.comment-form {
    max-width: 570px;
}

.comment-form h2 {
    color: #252525;
    font-size: 14px;
    font-family: 'Arial', sans-serif;
    font-weight: 300;
    margin: 0 0 30px;
    text-transform: uppercase;
}

/*-------------------------------------------------*/
/* =  project-details
/*-------------------------------------------------*/

.project-details {
    padding-top: 6px;
}

.project-details h2 {
    color: #252525;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0 0 25px;
}

.project-details ul.project-list {
    padding: 0;
    margin: 0 0 30px;
}

.project-details ul.project-list li {
    list-style: none;
    margin-bottom: 16px;
    color: #818181;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.project-details ul.project-list li span {
    color: #252525;
}

.project-details ul.project-list li a {
    color: #818181;
}

.project-details .share-box {
    padding: 0;
    border: none;
}

.project-details ul.share-icons li {
    margin-left: 0;
    margin-right: 30px;
}

/*-------------------------------------------------*/
/* =  content - price section
/*-------------------------------------------------*/

#price-section {
    padding-top: 80px;
}

ul.pricing-table {
    width: 100%;
    padding: 0;
    margin: 0;
    margin-bottom: 15px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out; 
}

ul.pricing-table:hover {
    box-shadow: 0 0 15px #e2e2e2;
}

ul.pricing-table li {
    width: 100%;
    list-style: none;
    text-align: center;
    padding: 27px 0;
    border: 1px solid #dbdbdb;
    border-top: none;
    background: #fff;
}

ul.pricing-table li p {
    color: #818181;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    margin: 0;
}

ul.pricing-table li.title {
    background: #f8f8f8;
}

ul.pricing-table li.price {
    background: #f8f8f8;
}

ul.pricing-table li.title p {
    color: #252525;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0;
}

ul.pricing-table li.price p {
    color: #252525;
    text-transform: uppercase;
}

ul.pricing-table li.price p span {
    display: block;
    color: #252525;
    font-size: 60px;
    line-height: 60px;
}

ul.pricing-table li:first-child {
    border-top: 1px solid #dbdbdb;
}

ul.pricing-table li.button-sign {
    padding: 20px 0;
}

ul.pricing-table li a {
    display: inline-block;
    padding: 16px 45px;
    color: #252525;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    background: transparent;
    text-transform: uppercase;
    margin: 0;
    text-decoration: none;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

ul.pricing-table:hover li a {
    color: #fff;
    background: #f13f0f;
}

/*-------------------------------------------------*/
/* =  footer
/*-------------------------------------------------*/


footer {
    text-align: center;
    background: #FECB00;
    padding: 15px 0 5px 0;
}

footer h1 {
    color: #ffffff;
    font-size: 24px;
    font-family: 'Arial', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0 0 20px;
}

footer p {
    color: #000;
    font-size: 12px;
    font-family: 'Arial', sans-serif;
    font-weight: 400;
    margin: 0 0 20px;
}

footer ul.social-icons {
    padding: 0;
    margin: 0;
}

footer ul.social-icons li {
    display: inline-block;
    margin-left: 6px;
}

footer ul.social-icons li a {
    display: inline-block;
    width: 36px;
    height: 36px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    background: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    text-decoration: none;
}

footer ul.social-icons li a i {
    font-size: 17px;
    color: #818181;
    margin-left: 3px;
    line-height: 36px;
    -webkit-backface-visibility: hidden;
}

footer ul.social-icons li a:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
}

footer ul.social-icons li a:hover i {
    color: #414141;
}

a:link {
    color: #333;
}

itemView .itemAuthorBlock,
.itemView .itemAuthorContent {
    display:none;
}


/*---------------SLIDER-------------------------*/
@import url(http://fonts.googleapis.com/css?family=Arial:300);
html {
  background: none;
  height: 100%;
  width: 100%;
  font-family: roboto;
  font-weight: 300;
}


.alfa {
background-image: url(http://electrabattery.com/slider/electra-full.jpg); 
width: 970px;
height: 470px;
/*border: 20px solid #F0E5AB;
  border-radius: 3px;*/
/*box-shadow: 0 0 1px #999, -2px 2px 3px rgba(0,0,0,.2);*/
padding: 0;
margin: 1rem auto;
position: relative;
overflow: hidden;
}

.bravo {
background-image: url(http://electrabattery.com/slider/electra-inside.jpg); 
height: 470px;
resize: horizontal; 
position: absolute; 
top: 0; left: 0; 
min-width: 0;
max-width: 970px; 
-moz-box-sizing: border-box; 
box-sizing: border-box; 
}

.bravo:before {
 content: '\0000a0 \0000a0 \0000a0 \0000a0';
/*background: rgba(0,0,0,.7);*/
background-image: url(http://electrabattery.com/images/slider.png);
font-size: 36px; 
color: white; 
top: -5px; right: -19px;
height: 100%;
line-height: 486px;  
position: absolute; 
}

.charly{  
resize: horizontal; 
opacity: 0; 
position: relative; 
top: 50%;
left: 0px; 
margin-right: 0px;  
width: 485px; height: 15px; 
max-width: 970px; min-width: 15px; 
outline: 0 solid transparent; 
cursor: default;
/*cursor: all-scroll;*/
transform: scaley(35);
transform-origin: center center;
animation: delta 5s 1 normal ease-in-out 1s;
}
@keyframes delta {
30% {width: 500px}
60% {width: 150px}
80% {width: 250px}
}
h1 {
  text-align: center;
  color: #2FB4E1;
  font-size: 2rem;
  line-height: 2rem;
  margin: 0;
}

/*Left center and right divs */
#divcontainer {
padding-top:50px;
    width:100%;
    text-align:center;
}

#divleft {
margin-top:30px;
    float:left;
    width:30%;
	text-align: left;
	color: #818181;
font-size: 14px;
font-family: "Arial",sans-serif;
line-height: 24px;
}

#divcenter {
    display: inline-block;
    margin:0 auto;
    width:40%;
}

#divright {
margin-top:30px;
    float:right;
    width:30%;
	text-align: right;
	color: #818181;
font-size: 14px;
font-family: "Arial",sans-serif;
line-height: 24px;
}

/*Accordion Tabs */

/*  Basic stucture
=====================*/
#accordion{width:100%;border-left:1px solid #DDD;border-right:1px solid #DDD;border-bottom:1px solid #DDD;}
#accordion ul{list-style:none;margin:0;padding:0;}
.accordion{display:none;}
.accordion:target{display:block;}
#accordion ul li a{text-decoration:none;display:block;padding:10px;}
.accordion{padding:0;}





/*  Colors 
====================*/
#accordion ul{
/*box-shadow*/
/*-webkit-box-shadow:0 4px 10px #BDBDBD;
   -moz-box-shadow:0 4px 10px #BDBDBD;
        box-shadow:0 4px 10px #BDBDBD;
/*border-radius*/
/*-webkit-border-radius:5px;
   -moz-border-radius:5px;
        border-radius:5px;*/
}
#accordion ul li {
border-top:1px solid #FFF;
}
#accordion ul li a{
background: none repeat scroll 0% 0% #FECB00;
border-top:1px solid #FFF;
color:#000;
}
.accordion{
color:#999;
}
.accord {
background:#fdfdfd;
/*padding:4px;*/
}

#one, #two, #three, #four, #fiveq #six, #seven, #eight, #night, #ten, #eleven {
/*    margin-top: -250px;
    padding-top: 250px;*/
/*overflow: hidden;*/
}
#slidemain {
  width: 960px;
    margin: 0 auto;
}

#leftDiv {
  float: left;
  width:160px;
  background-color: none;
}

#leftDiv-phonee {
  float: left;
  width:80px;
  background-color: none;
}

#centerDiv {
  text-align:center;
  margin: 0 auto;
  background-color: none;
}

#rightDiv {
  float: right;
  text-align:right;
  width:160px;
  background-color: none;
}

#rightDiv-phonee {
  float: right;
  text-align:right;
  width:80px;
  background-color: none;
}

#slidemain-tablett{
  width: 600px;
    margin: 0 auto;
}

#slidemain-phonee{
  width: 300px;
    margin: 0 auto;
}


.garancy {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
color: #F13F0F;
background-image: url(http://electrabattery.com/slider/001b.png); 

}



/*Letter*/
/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input[type=text] {
width:280px;
background: none; vertical-align: middle; border:none; height:30px; color:#000; 
overflow-x:hidden;
overflow-y:hidden;
}
*:focus {
    outline: none;
}
iframe::-webkit-scrollbar {  
    display: none;
  }  
select {vertical-align: middle; border:none; height:34px; color:#000; }

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  


/*Definition */
.glossary-nav{
	margin-bottom: 20px;
}

.glossary-nav a.letter, .glossary-nav span{
	display: block;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 30px;
	height: 30px;
	font-weight: bold;
	font-size: 30px;
	color: #727272;
	text-align: center;
	padding: 12px;
	text-decoration: none;
}

.glossary-nav a.on{
	color:#fecb00;
	outline: 0;
}

.glossary-nav span.disabled{
	color: #9ba0a5;
	text-decoration:line-through;
}

.definitions{
	position: relative;
}

.definitions table{
	position: absolute;
	top: 0;
	left: 0;
	color : #212529;
}

.definitions.all-visible table{
	position: static;
}

.definitions table thead th{
	text-align: left;
	border-bottom: solid 1px #ccc;
	font-size: 17px;
	padding-bottom: 5px;
	
}

.definitions table thead .word {
	width: 185px;
}

.definitions table thead .spacer{
	width: 20px;
}

.definitions table thead .definition {
	width: 900px;
}

.definitions table td{
	padding: 20px 0;
}

div.view-all-wrapper{
	margin-bottom:10px;
	width: 100%;
	
}
.search {
width:80%;
margin-top:50px;
margin-left:7%;
overflow-x: hidden;
min-height: 700px;
}

#aside {
display: none;
}

.plg_content_beforeafter {
width: 50%;
margin: 0 auto;
}

.balinks {
width: 50%;
margin: 0 auto;
visibility:hidden;
}
.recaptchatable, #recaptcha_area tr, #recaptcha_area td, #recaptcha_area th {
    margin: 0px !important;
    border: 0px none !important;
    border-collapse: collapse !important;
    vertical-align: middle !important;
    min-width: 120px;
}

.recaptcha_only_if_privacy, .result-category  {
display:none;
}
.result-created {
visibility:hidden;
}