/*--A Design by W3layouts 
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/
/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.txt-jst{text-align:justify;}/* text align justify */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%; display:block;}
/*end reset*/
body{
	background:#ffffff;
	font-family: Century Schoolbook, 'Roboto', sans-serif;	
}
body a{
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.header-top{
	display:none;
}
.header-left{
	width:20%;
	float:left;
	background:#242b2e;
	min-height: 972px;
}
.header-left1{
	min-height: 1290px;
}
.header-left2{
	min-height: 1022px;
}
.header-left3{
	min-height:1618px;
}
.logo{
	background:#fff;
	padding: 2em;
}
.top-nav ul li {
	list-style:none;
}
.top-nav ul li  a {
	display:block;
	outline: none;
	color: #fff;
	text-decoration: none;
	font-size: 1.3em;
	padding: 1em;
	text-align: right;
	background:#30383b;
}
.top-nav ul li  a.black{
	background:#30383c;
}
.top-nav ul li  a.black1{
	background: rgb(51,58,62);
	background: -moz-linear-gradient(top,  rgba(51,58,62,1) 0%, rgba(46,54,58,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,58,62,1)), color-stop(100%,rgba(46,54,58,1)));
	background: -webkit-linear-gradient(top,  rgba(51,58,62,1) 0%,rgba(46,54,58,1) 100%);
	background: -o-linear-gradient(top,  rgba(51,58,62,1) 0%,rgba(46,54,58,1) 100%);
	background: -ms-linear-gradient(top,  rgba(51,58,62,1) 0%,rgba(46,54,58,1) 100%);
	background: linear-gradient(to bottom,  rgba(51,58,62,1) 0%,rgba(46,54,58,1) 100%);
}
.top-nav ul li  a.black2{
	background: rgb(51,59,62);
	background: -moz-linear-gradient(top,  rgba(51,59,62,1) 0%, rgba(46,54,58,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,59,62,1)), color-stop(100%,rgba(46,54,58,1)));
	background: -webkit-linear-gradient(top,  rgba(51,59,62,1) 0%,rgba(46,54,58,1) 100%);
	background: -o-linear-gradient(top,  rgba(51,59,62,1) 0%,rgba(46,54,58,1) 100%);
	background: -ms-linear-gradient(top,  rgba(51,59,62,1) 0%,rgba(46,54,58,1) 100%);
	background: linear-gradient(to bottom,  rgba(51,59,62,1) 0%,rgba(46,54,58,1) 100%);
}
.top-nav ul li  a.black3{
	background: rgb(51,58,62);
	background: -moz-linear-gradient(top,  rgba(51,58,62,1) 0%, rgba(46,54,58,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,58,62,1)), color-stop(100%,rgba(46,54,58,1)));
	background: -webkit-linear-gradient(top,  rgba(51,58,62,1) 0%,rgba(46,54,58,1) 100%);
	background: -o-linear-gradient(top,  rgba(51,58,62,1) 0%,rgba(46,54,58,1) 100%);
	background: -ms-linear-gradient(top,  rgba(51,58,62,1) 0%,rgba(46,54,58,1) 100%);
	background: linear-gradient(to bottom,  rgba(51,58,62,1) 0%,rgba(46,54,58,1) 100%);
}
.top-nav ul li  a.black4{
	background: rgb(50,58,62);
	background: -moz-linear-gradient(top,  rgba(50,58,62,1) 0%, rgba(46,54,58,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(50,58,62,1)), color-stop(100%,rgba(46,54,58,1)));
	background: -webkit-linear-gradient(top,  rgba(50,58,62,1) 0%,rgba(46,54,58,1) 100%);
	background: -o-linear-gradient(top,  rgba(50,58,62,1) 0%,rgba(46,54,58,1) 100%);
	background: -ms-linear-gradient(top,  rgba(50,58,62,1) 0%,rgba(46,54,58,1) 100%);
	background: linear-gradient(to bottom,  rgba(50,58,62,1) 0%,rgba(46,54,58,1) 100%);
}
.top-nav ul li  a:hover,.top-nav ul li.active a {
	background: #23aeac;
}
ul.social-in {
  text-align: right;
  padding: 2em 1em 2em 0;
}
ul.social-in li{
	display: inline-block;	
}
ul.social-in li  i{
	background: url(../images/img-sprite.png)no-repeat -411px -9px;
	width: 28px;
	height: 28px;
	display: inline-block;
	margin: 0 3px;
	
}
ul.social-in li  i.gmail{
	background-position: -74px -8px;
}
ul.social-in li  i.twitter{
	background-position:-145px -9px;
}

ul.social-in li  i.pin{
	background-position:-215px -8px;
}
ul.social-in li  i.dribble{
	background-position: -280px -9px;
}
ul.social-in li  i.behance{
	background-position:-347px -9px;
}
ul.social-in li  i:hover{
	background-position: -444px -9px;
}
ul.social-in li  i.gmail:hover{
	
	background-position:-109px -9px;
}
ul.social-in li  i.twitter:hover{
	background-position: -180px -8px;
}

ul.social-in li  i.pin:hover{
	background-position:-247px -8px;
}
ul.social-in li  i.dribble:hover{
	background-position: -313px -9px;
}
ul.social-in li  i.behance:hover{
	background-position: -379px -8px;
}

p.footer-class{
	color:#ffff;
	font-size:0.87em;
	text-align:right;
	padding: 0 1em 0 0;
}
p.footer-class a{
	color:#fff;
	text-decoration:none;	
}
p.footer-class a:hover{
	color:#6b7072;	
}
/*--content--*/
.content{
	float:left;
	width:80%;
	position: relative;
}
.content-grid{
	float:left;
	width:25%;
}
/*--------------------------------------*/
.b-link-stripe{
	position:relative;
	display:inline-block;
	vertical-align:top;
	overflow:hidden;
	width: 100%;
}
.b-link-stripe .b-wrapper{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	text-align:center;
	color:#ffffff;
	overflow:hidden;
	
}
/*	Animation effects*/
.b-animate-go{
	text-decoration:none;
}
.b-animate{
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	visibility: hidden;
}
.b-animate img{
	margin-top: 4%;
	display: -webkit-inline-box;
}
.b-animate span{
	display:block;
	font-size: 1.7em;
	padding-top: 2em;
	display: block;
	font-weight: 300;
}
.b-animate p{
	padding: 0.2em 0 1em;
	color: #fff;
	font-size: 1em;
	font-weight: 400;
	border-bottom:1px solid #fff;
	display: inline-block;
	margin:0 0 1em;
}
.b-animate i{
	background:url(../images/ar.png) no-repeat 0px 0px;
	width:70px;
	height:70px;
	display:block;
	margin:0 auto;
}
/* lt-ie9 */
.b-animate-go:hover .b-animate{
	visibility:visible;
}
.b-from-left{
	position: relative;
	left: -100%;
	background:rgba(45, 184, 183, 0.81);
	background-size: 100% 100%;
	top: 0px;
	margin: 0;
	min-height: 243px;
}
.b-animate-go:hover .b-from-left{
	left:0;
}
ul.social{
	background: rgba(55, 53, 52, 0.73);
	padding: 1.5em 5em 1.5em 1.5em;
	text-align:left;  
}
ul.social li{
	list-style:none;
}
ul.social li span,ul.social li a{
	font-size:1em;
	color:#fff;
	margin: 0 0 0.5em;
	display: block;
}
ul.social li a:hover{
	text-decoration:none;
	color:#1ab5b3;
}
ul.social li  i{
	  background: url(../images/img-sprite.png)no-repeat -39px -49px;
	width: 23px;
	height: 23px;
	display: inline-block;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	vertical-align: middle;
	margin:0 13px 0 0;
}
ul.social li  i.mes{
	background-position: -72px -50px;
}
ul.social li  i.down{
	background-position:-108px -49px;
}
.arrow {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
    z-index: 9;
}
.arrow img{
	margin: 0 0 0 70%;
}
.arrow-at img{
	margin:0;
}
/*--work--*/

/*--- slider-css --*/
.slider {
	position: relative;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.callbacks_tabs a:after {
	content: "\f111";
	font-size: 0;
	font-family: FontAwesome;
	visibility: visible;
	display: block;
	height: 8px;
	width: 22px;
	display: inline-block;
	background:#b6b6b6;
}
.callbacks_here a:after{
	background:#1ab5b3;
}
.callbacks_tabs a{
	visibility:hidden;
}
.callbacks_tabs li{
	display:inline-block;
}
ul.callbacks_tabs.callbacks1_tabs {
	position: absolute;
	bottom: 14px;
	z-index: 999;
	right: 13px;
}
.work-top h2{
	font-size: 1.8em;
	font-weight: 300;
	padding: 0.5em 0;
}
.work-top h2 a{
	color: #000;
	text-decoration:none;
}
.work-top h2 a:hover{
	color: #1ab5b3;
}
.work-top p{
	color:#a3a3a3;
	font-size: 1.1em;
	line-height: 1.7em;
	font-weight: 300;
	padding: 0 0 1em;
}
.work-top p span{
	padding:1.3em 0 0;
	display: block;
}
.projects {
	border-top: 1px solid #D5D3D3;
    padding: 1em 0 0em;
}
.projects h3,.info h3,.tags h3,.gallery h3,.feature h3{
	color:#000;
	font-size:1.8em;
	font-weight:300;
	padding: 0 0 0.7em;
}
.info ,.tags,.gallery,.feature {
  padding: 0em 0 1.5em;
}

.projects ul li{
	display:inline-block;
	width:33.33%;
	float:left;
}
ul.likes li{
	list-style:none;
	border-bottom: 1px solid #D5D3D3;
	padding: 0.3em 0;
}
ul.likes li a,ul.likes li span{
	font-size:1em;
	color:#848484;
	margin: 0 0 0.5em;
	display: block;
}
ul.likes li a:hover{
	text-decoration:none;
	color:#1ab5b3;
}
ul.likes li  i{
	background: url(../images/img-sprite.png)no-repeat -14px -91px ;
	width: 40px;
	height: 40px;
	display: inline-block;
	vertical-align: middle;
	margin:0 13px 0 0;
}
ul.likes li  i.like{
	background-position:  -139px -91px ;
}
ul.likes li  i.dec{
	background-position:  -182px -91px ;
}
ul.likes li  i.comment{
	background-position:  -97px -91px ;
}
ul.tag li{
	display:inline-block;
}
ul.tag li a{
	color: #a3a3a3;
	font-size: 0.8em;
	padding: 0.8em;
	border: 1px solid #D5D3D3;
	border-radius: 12px;
	margin: 0 0.5em 0 0;
}
ul.tag li a:hover{
	color: #1ab5b3;
	border: 1px solid #1ab5b3;
}
ul.gallery-grid li{
	float:left;
	width:11.5%;
	display:inline-block;
	margin:1% 1% 0 0;
}
ul.feature-grid li{
	list-style:none;
}
ul.feature-grid li a{
	color:#848484;
	font-size:1em;
	padding:0.5em 0;
	display:block;
}
ul.feature-grid li a:hover{
	color:#1ab5b3;
}
ul.feature-grid li i{
	background: url(../images/img-sprite.png)no-repeat -188px -52px ;
	width: 18px;
	height: 18px;
	display: inline-block;
	vertical-align: middle;
	margin:0 13px 0 0;
}
/*--about--*/
.about{
	padding:1.5em;
	background:#fff;
	margin:1.5em;
}
.about-top,.about-in{
	float:left;
	width:47.9%;
}
.about-top {
  border-right: 1px solid #D5D3D3;
  padding: 0 2% 0 0;
}
.about-in {
    padding: 0 0 0 2%;
}
.about-top h2{
	font-size: 1.8em;
	font-weight: 300;
	padding: 0.5em 0;
}
.about-top h2 a{
	color: #000;
	text-decoration:none;
}
.about-top h2 a:hover{
	color: #1ab5b3;
}
.about-top p{
	color:#a3a3a3;
	font-size: 1.1em;
	line-height: 1.7em;
	font-weight: 300;
	padding: 0 0 1em;
}
.about-top p span{
	padding:2em 0 0;
	display: block;
}

.test {
  padding: 1.5em 0;
}
.our{
	float:left;
	width: 31.3%;
	margin: 3% 3% 0 0;
	position:relative;
}
.our:nth-child(4),.our:nth-child(7){
	margin:3% 0 0;
}
.our-grid h5{
	float:left;
	color:#000;
	font-size:1em;
}
.our-grid span{
	float:right;
	color:#000;
	font-size:1em;
}
.design label{
	width:88%;
	float:left;
	height:30px;
	display:block;
	background:#e2e1dd;
	border:1px solid #e2e1dd;
}
.design b{
	width:11%;
	float:left;
	height:30px;
	display:block;
	background:#fff;
	border:1px solid #E2E0E0;
}

.in-at{
	float:left;
	width:12%;
}
.in-at img{
	width:100%;
}
h4.author{
	  float: LEFT;
  width: 79.38%;
  font-size: 1em;
  background: #00BAB7;
  color: #fff;
  padding: 1.5em;
  font-style: italic;
}
.test-top p{
	color:#a3a3a3;
	font-size: 1.1em;
	line-height: 1.7em;
	font-weight: 300;
	padding:  1.5em;
}
.test-top{
	border:1px solid #E2E0E0;
}
.simple{
	  background: #1ab5b3;
  padding: 4em 0 0;
  text-align: center;
  width: 100%;
  height: 112px;
  position: absolute;
  top: 0;
  display:none;
}
.simple h4{
	color:#fff;
	font-size: 1.1em;
  text-transform: uppercase;
  font-weight: 600;
}
.simple p{
	color:#fff;
	font-size:0.9em;
	font-size:300;
	padding:0.2em 0 0;
}
.our:hover .simple{
	display:block;
}

/*--blog--*/


/*--404--*/


/*--single--*/
.single{
  padding: 1.5em;
  background: #fff;
  margin: 1.5em;
}
.single-top {
  border-right: 1px solid #D5D3D3;
  padding: 0 2% 0 0;
}
.single-top, .single-in {
  float: left;
  width: 47.9%;
}
.single-in {
  padding: 0 0 0 2%;
}
.single-top h2 {
  color: #000;
  font-size: 1.8em;
  font-weight: 300;
  padding: 0.5em 0;
}
.single-top p {
  color: #a3a3a3;
  font-size: 1.1em;
  line-height: 1.7em;
  font-weight: 300;
  padding: 0 0 1em;
}
.single-top p span {
  padding: 2em 0 0;
  display: block;
}
.comment-grid-top h3,.top-single h3{
	color:#000;
	font-size:1.7em;
	font-weight: 300;
}
.top-comment-left{
	float: left;
	width: 17%;
}
.top-comment-right{
	float: right;
	width:82%;
}
.left-single{
	width:19%;
}
.right-single{
	width:79%;
}
.left-single1{
	width:24%;
}
.right-single1{
	width:76%;
}
.top-comment-right ul {
	border-bottom: 1px solid #D5D3D3;
	  display: inline-block;
}
.top-comment-right ul li{
	display: inline-block;
	color:#D0CECE;
	padding: 0.3em;
}
.top-comment-right p{
	color: #8F8E8E;
	font-size:1.3em;
	padding:0;
}
.top-comment-right ul li span a{
	color:#000;
	text-decoration:none;
}
.top-comment-right ul li span{
	font-size:1em;
}
.top-comment {
  padding: 0 0 0 14% ;
}
.top-com {
  padding: 0 0 0 28% ;
}
.comments-top-top label{
	background:url(../images/li.png)no-repeat 1px 2px;
	width:45px;
	height:45px;
	display:block;
	position: absolute;
	top: 134%;
}
label.arrow-in {
  left: 3%;
}
.comments-top-top {
  position: relative;
  margin: 1em 0 2em;
}
.your-single {
  border: 1px solid #e2e2e2;
  position: relative;
  margin: 0.8em 0;
}
.your-single i {
    background: url(../images/img-sprite.png)no-repeat -9px -86px ;
  width: 50px;
  height: 50px;
  display: inline-block;
  float:left;
   border-right: 1px solid #e2e2e2;
}
.your-single i.email {
    background-position: -51px -86px ;
}
.your-single i.website {
    background-position: -93px -86px ;
}
.your-single input[type="text"],.grid-single-in textarea {
  background: none;
  width: 66%;
  outline: none;
  border: none;
  padding:1em 0.8em;
  font-size: 1em;
  color: #fff;
  margin: 0 0 0 2%;
  float:left;  
}
.grid-single-in textarea{
  border: 1px solid #e2e2e2;
 resize:none;
  margin: 0.7em 0 0.5em;
  width:89%;
   font-size: 1.3em;
    padding: 0.8em;
}
.grid-single-in input[type="submit"] {
  width: 100%;
  font-size: 1.1em;
  background: #1ab5b3;
  padding: 0.7em 1em;
  text-align: center;
  color: #fff;
  border: none;
  outline: none;
  margin: 0 auto;
  -webkit-appearance: none;
  font-weight: 700;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -moz-transition: 0.5s all;
  cursor:pointer;
}
.grid-single-in input[type="submit"]:hover {
	background:#242b2e;
}
.grid-single,.grid-single-in  {
  width: 49%;
  float: left;
}
.grid-single {
  margin: 0 2% 0 0;
}
.archive{
	padding:0.7em 0 0;
}
.archive h3{
	color:#000;
	font-size:1.8em;
	font-weight:300;
	padding: 0 0 0.3em;
}
ul.archive-grid li{
	list-style:none;
}
ul.archive-grid li a{
	color:#848484;
	font-size:1em;
	padding:0.5em;
	display:block;
}
ul.archive-grid li a:hover{
	color:#1ab5b3;
}
/*--contact--*/

}