/*========================================================================
		Coco is HTML template that suitable for all type of business, 
		such as: Creative agency,Freelancer,Application Developer,
		Mobile Application,Hosting Company, and still designing other template.
	
	Table of Contents:

	1) General
	2) header
	3) hello
	4) about
	5) services
	6) works
	7) pricing
	8) facts
	9) clients 
	10) words
	11) blog
	12) contact
	etc...
	========================================================================*/
/* ------------- Common Style ---------- */
/*.clearfix{
	overflow: hidden;
}*/
.text-indent{text-indent: -999999px;}
.selectnav {display:none;}
#nav {display:block}
.fix {overflow:hidden}
.floatleft {float:left}
.floatright {float:right}
.alignleft {float:left;margin-right:10px;}
.alignright {float:right;margin-left:10px;}
.aligncenter {display:block;margin:0 auto}
a, a:active, a:focus, a:active {text-decoration:none !important}
img {max-width:100%}
h1, h2, h3, h4, h5, h6 {font-weight:normal;margin:0 0 15px;}
.column {width:980px; margin:45px auto;display:block;transition: all 0.9s ease 0s;-moz-transition: all 0.9s ease 0s;-webkit-transition: all 0.9s ease 0s;-o-transition: all 0.9s ease 0s;padding:20px;background:#fff;}
.mainmenu #nav li ul {transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;}
ul {margin:0;padding:0;list-style:none}
li{list-style: none;}
.full-width{width: 100%;margin: 0 auto;}
.navbar-default {
background-color: transparent;
border-color: transparent;
}

.navbar-default .navbar-nav>li>a {
font-family: ralewayregular;
color: #fff;
margin-top: 40px;
}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:active,.navbar-default .navbar-nav>li>a:focus{
	color: #fff;
}
/* ------------- Header Style ---------- */

.header-area {
padding-bottom: 75px;
padding-top: 115px;
}
.header-logo-center-top{

}
.welcome-row{
	padding-top: 60px;
}
.welcome-text{
	font-family: ralewaythin;
	font-size: 16px;
	color: #fff;
}
.span-strong{
	font-family: ralewayextrabold;
	font-size: 16px;
	color: #fff;
}
.welcome-left-section{
	padding-top: 54px;
}
.welcome-description {
font-family: ralewaythin;
font-size: 38px;
color: #fff;
line-height: 1.1em;
letter-spacing: 2px;
margin-top: 20px;
}
.welcome-description2 {
    font-family: ralewaythin;
    font-size: 28px;
    color: #fff;
    line-height: 1.1em;
    letter-spacing: 2px;
    margin-top: 20px;
    margin-bottom: 35px;
}
.love-sign{
	color: #fdbe00;
	font-size: 50px;
}
.stop-sign{
	color: #fdbe00;
	font-size: 15px;
}
.go{
	width: 30px;
	display: block;
	margin: auto;
	color: #fff;
}
.go-text{
	font-family: ralewaybold;
	text-align: center;
	font-size: 16px;
}
.go:hover,.go:active,.go:visited,.go:focus{
	color: #fff;
}
.down-arrow {
color: #fff;
text-align: center;
font-size: 38px;
display: block;
margin: auto;
margin-top: -17px;
width: 30px;
}
.welcome-right-section{
	
}

/* ------------- Quality Style ---------- */

.quality-area{
	padding-top: 65px;
	padding-bottom:  90px;
}
.quality-heading {
font-family: ralewayregular;
font-size: 20px;
color: #555555;
text-align: center;
display: block;
margin: auto;
max-width: 910px;
letter-spacing: 1px;
padding-bottom: 80px;
}
.quality{
	text-align: center;
}
.quality-heading-text {
	padding-top: 25px;
	font-family: ralewaysemibold;
	font-size: 16px;
}
.quality-text-promo{
font-family: ralewayregular;
letter-spacing: 0;
line-height: 1.5em;
padding-bottom: 75px;
}
.quality-text{
	font-family: ralewayregular;
	font-size: 14px;
	color: #888a8a;
}

/* ------------- We-do Style ---------- */
.we-do-area {
padding-top: 100px;
padding-bottom: 150px;
}
.we-do-heading{
	font-family: open_sansextrabold;
	font-size: 30px;
	text-align: center;
	color: #fff;
	padding-bottom: 10px;
}
.we-do-text {
max-width: 956px;
display: block;
font-family: ralewaylight;
font-size: 18px;
color: #879cb0;
text-align: center;
margin: auto;
line-height: 1.6em;
padding-bottom: 50px;
}
.roket{
	width: 103px;
	height: 148px;
	margin: auto;
	background: url(../images/roket.png) no-repeat;
}
.we-do-content {
min-height: 1841px;
background: url(../images/shape.png) no-repeat 113px 0px;
max-width: 1140px;
margin: auto;
margin-top: 20px;
}
.we-do-first-left{
	min-height: 310px;
	margin-top: 138px;
}
.we-do-second-right {
min-height: 310px;
margin-top: 180px;
padding-left: 50px;
}
.we-do-third-left{
	min-height: 310px;
	margin-top: 200px;
}
.we-do-link {
padding: 5px 10px 5px 10px;
border-radius: 2px;
display: block;
width: 205px;
font-family: ralewaybold;
font-size: 15px;
text-align: center;
}
.we-do-link:hover,.we-do-link:visited,.we-do-link:focus,.we-do-link:active {
color: #fff;
}
.we-do-content-heading{
	display: block;
	max-width: 425px;
	font-family: ralewaysemibold;
	font-size: 21px;
	padding-top: 30px;
}
.we-do-content-paragraph {
display: block;
max-width: 530px;
font-family: ralewaylight;
font-size: 16px;
color: #879cb0;
padding-top: 15px;
padding-bottom: 15px;
}
.read-more {
font-family: ralewaysemibold;
font-size: 14px;
padding: 5px 15px 5px 15px;
background: #fff;
color: #000;
border-radius: 2px;
}
.read-more:hover,.read-more:active,.read-more:visited,.read-more:focus{
	color: #000;
}
.we-do-first-right{
	margin-top: 115px;
}
.we-do-second-left{
	margin-top: 88px;	
}
.we-do-third-right{
	margin-top: 159px;
}
.title-image-odd{
	position: absolute;
	top: 94px;
	left: 70px;
}
.title-image-even{
	position: absolute;
	top: 94px;
	right: 70px;
}
.we-do-panels {
margin-top: 378px;
width: 100%;
position: relative;
overflow: hidden;
}
.we-do-last-panel-one{
	position: relative;
	max-width: 680px;
	margin: auto;
	z-index: 1;
}
.we-do-last-panel-two {
max-width: 680px;
min-height: 345px;
position: absolute;
margin-top: -227px;
}
.we-do-last-panel-three {
max-width: 680px;
min-height: 345px;
position: absolute;
right: 0px;
margin-top: -227px;
}
.we-do-last-panel-one:hover{
	z-index: 2;
    -webkit-transform: scale(1.10);
    -moz-transform: scale(1.10);
    -o-transform: scale(1.10);
    -ms-transform: scale(1.10);
    transform: scale(1.10);
        -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.we-do-last-panel-two:hover{
	z-index: 2;
    -webkit-transform: scale(1.10);
    -moz-transform: scale(1.10);
    -o-transform: scale(1.10);
    -ms-transform: scale(1.10);
    transform: scale(1.10);
        -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.we-do-last-panel-three:hover{
	z-index: 3;
    -webkit-transform: scale(1.10);
    -moz-transform: scale(1.10);
    -o-transform: scale(1.10);
    -ms-transform: scale(1.10);
    transform: scale(1.10);
        -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
/* ------------- How-we-do Style ---------- */
.how-we-do-area{
	padding-top: 100px;
	padding-bottom: 120px;
}
.how-we-do-heading{
	font-family: ralewayextrabold;
	font-size: 30px;
	text-align: center;
	color: #555555;
}
.image-margin-left img {
margin-left: 16px;
}
.image-margin-right img {
margin-left: -5px;
}
.step1-text-left-title {
max-width: 240px;
font-family: open_sanssemibold;
display: block;
font-size: 18px;
display: block;
margin: auto;
margin-top: 30px;
margin-bottom: 11px;
}
.step1-text-right-title {
position: absolute;
max-width: 240px;
font-family: open_sanssemibold;
display: block;
font-size: 24px;
display: block;
float: left;
margin-top: 50px;
left: 30px;
}
.step-text-left{
	font-family: ralewaylight;
	max-width: 295px;
	display: block;
	position: absolute;
	right: 30px;
	text-align: justify;
	color: #777777;
	line-height: 1.5;
	top: 8px;

}
.step-text-right {
font-family: ralewaylight;
max-width: 295px;
display: block;
text-align: center;
color: #777777;
line-height: 1.5;
font-size: 13px;
}
.number1 {
font-family: open_sanssemibold_italic;
font-size: 16px;
letter-spacing: -2px;
color: #000;
}



/* ------------- Works portfolio ---------- */
.portfolio-area{
	padding-top: 100px;
	padding-bottom: 120px;
}
.port-image {
width: 18%;
margin-right: 14px;
margin-bottom: 10px;
float: left;
}
.portfolio{
	width: 100%;
	min-height: 519px;
	margin-top: 50px;
	margin: auto;
	margin-top: 50px;
}
#options{
	text-align: center;
}
.loadmore {
display: block;
width: 200px;
padding: 15px 50px 15px 50px;
font-family: open_sansbold;
font-size: 14px;
text-align: center;
margin: auto;
color: #fff;
border-radius: 3px;
margin-top: 60px;
}
.loadmore:hover,.loadmore:visited,.loadmore:active,.loadmore:focus{
color: #fff;
}
.button-iso{
font-family: open_sansbold;
font-size: 12px;
padding: 15px 25px 15px 25px;
background: #eff3f3;
border: none;
border-radius: 3px;
color: #2c3e50;
margin-right: 10px;
margin-left: 10px;
}
.button-iso:hover,.button-iso:visited,.button-iso:active,.button-iso:focus{
	background: #f7c640;
	color: #fff;
}
.is-checked {
	background: #f7c640;
	color: #fff;
}

/* ------------- Color Style ---------- */
.count-area {
padding-top: 90px;
padding-bottom: 110px;
}
.count-text {
max-width: 800px;
display: block;
font-family: ralewaylight;
font-size: 16px;
color: #777777;
text-align: center;
margin: auto;
line-height: 1.6em;
padding-bottom: 50px;
}
.work-done-counter {
font-family: nexa_boldregular;
font-size: 60px;
color: #fff;
}
.work-done {
text-align: center;
min-width: 220px;
float: left;
margin-top: 20px;
}
.work-done-title {
font-family: open_sanssemibold;
font-size: 12px;
margin-top: -5px;
padding-bottom: 28px;
color: #fff;
}
.works-count{
	width: 97%;
	margin: auto;
}

.talent-heading-text {
max-width: 800px;
display: block;
font-family: ralewaylight;
font-size: 16px;
color: #879cb0;
text-align: center;
margin: auto;
line-height: 1.6em;
padding-bottom: 50px;
}
.shirt-icon{
	text-align: center;
}
.line-vertical{
	text-align: center;
	height: 55px;
	background: #ff5c26;
	width: 3px;
	display: block;
	margin: auto;
	margin-top: -3px;
}
.right-team {
background: url(../images/team-bg.png) no-repeat 40px 0px;
width: 554px;
height: 238px;
border-left: 3px solid #ff5c26;
margin-left: -1px;
float: right;
margin-bottom: 40px;
}
.left-team {
background: url(../images/team-bg-left.png) no-repeat 38px 0px;
width: 554px;
height: 238px;
margin-right: -2px;
margin-top: 40px;
border-right: 3px solid#ff5c26;
margin-left: 0px;
float: left;
}
.point-left {
background: url(../images/point.png) no-repeat;
width: 23px;
height: 24px;
position: absolute;
left: -13px;
top: 19px;
}
.point-right {
background: url(../images/point.png) no-repeat;
width: 23px;
height: 24px;
position: absolute;
right: -13px;
top: 19px;
z-index: 1;
}
.name{
	font-family: ralewaybold;
	font-size: 16px;
	color: #2c3e50;
}
.social{width: 100%;}
.social li {
	float: left;
	display: block;
	margin-right: 5px;
}
.social-image{
	width: 25px;
	height: 25px;
	display: block;
}
.team-people-left {
width: 300px;
float: left;
padding-left: 78px;
padding-top: 23px;
}
.team-people-right{
	width: 180px;
	float: left;
	}
.team-people-left-float-right {
width: 318px;
float: right;
padding-left: 0px;
padding-top: 23px;
}
.team-people-left-float-left{
	width: 180px;
	float: left;
	}
.team-people-right img{
	position: absolute;
	right: 0px;
	top: 2px;
}
.team-people-left-float-left img{
	position: absolute;
	left: 0px;
	top: 2px;
}
.position {
font-family: ralewayregular;
font-size: 14px;
color: #ff5c26;
margin-top: -5px;
margin-bottom: 15px;
}
.short-desc{
	font-family: ralewaylight;
	font-size: 13px;
	width: 210px;
}

.facebook{
	background: url(../images/facebook.png) no-repeat;
}
.twitter{
	background: url(../images/twitter.png) no-repeat;
}
.google{
	background: url(../images/google.png) no-repeat;
}
.pinterest{
	background: url(../images/pinterest.png) no-repeat;
}
.drribble{
	background: url(../images/dribble.png) no-repeat;
}
.linkedin{
	background: url(../images/linkedin.png) no-repeat;
}
.beh{
	background: url(../images/beh.png) no-repeat;
}
.last-box{
	height: 305px;
}
.morepeople {
font-family: ralewaybold;
background: #ff5c26;
padding: 13px 20px 11px 20px;
border-radius: 26px;
color: #fff;
text-align: center;
width: 158px;
margin: auto;
display: block;
font-size: 12px;
}
.morepeople:hover,.morepeople:visited,.morepeople:active,.morepeople:focus{
	color: #fff;
}
.talent-area {
padding-top: 81px;
padding-bottom: 100px;
}
.price-upper-left {
text-align: center;
background: #fff url(../images/pr-bg1.png) no-repeat 0px -7px;
min-height: 325px;
color: #fff;
padding: 50px 45px 30px 45px;
width: 300px;
float: right;
margin-top: 60px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
}
.price-lower-left {
text-align: center;
background: #5399c7;
color: #000;
padding: 15px 45px 35px 45px;
width: 300px;
background: #fff;
float: right;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}
.price-upper-middle {
text-align: center;
background: #fff url(../images/pr-bg.png) no-repeat -19px 0px;
min-height: 375px;
color: #fff;
padding: 50px 45px 30px 45px;
max-width: 375px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
}
.price-lower-middle {
text-align: center;
background: #5399c7;
color: #000;
padding: 15px 45px 35px 45px;
max-width: 375px;
background: #fff;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}
.price-upper-right {
text-align: center;
background: #fff url(../images/pr-bg2.png) no-repeat 0px -7px;
min-height: 325px;
color: #fff;
padding: 50px 45px 30px 45px;
max-width: 300px;
margin-top: 60px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
}
.price-lower-right {
text-align: center;
background: #5399c7;
color: #000;
padding: 15px 45px 35px 45px;
max-width: 300px;
background: #fff;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}
.pricing-heading{
font-family: ralewayregular;
font-size: 18px;
margin-bottom: 45px;
}
.start-from{
	font-family: ralewayregular;
	font-size: 14px;
}
.price {
font-family: ralewaybold;
font-size: 68px;
margin-top: -20px;
margin-left: -14px;
margin-bottom: 20px;
}
.price-middle {
font-family: ralewaybold;
font-size: 100px;
margin-top: -20px;
margin-left: -14px;
margin-bottom: 20px;
}
.dolar {
font-size: 30px;
font-family: arvoitalic;
margin-right: -11px;
}
.dolar-middle {
font-size: 50px;
font-family: arvoitalic;
margin-right: -22px;
}
.price-description{
	color: #c5d9e9;
}
.price-description-middle{
	color: #bdebcd;
}
.price-description-right{
	color: #f5c4c0;
}
.price-heading-text {
max-width: 800px;
display: block;
font-family: ralewaylight;
font-size: 16px;
color: #879cb0;
text-align: center;
margin: auto;
line-height: 1.6em;
padding-bottom: 80px;
}
.features{
	font-family: ralewaysemibold;
	font-size: 16px;
	margin-bottom: 30px;
	color: #333333;
}
.feature-list{
	font-family: ralewayregular;
	font-size: 14px;
	margin-bottom: 15px;
	color: #777777;
}
.price-more-left {
font-family: ralewaysemibold;
background: #ff5c26;
padding: 13px 20px 11px 20px;
border-radius: 25px;
color: #fff;
text-align: center;
width: 130px;
margin: auto;
display: block;
font-size: 12px;
background: #5399c7;
margin-top: 30px;
}
.price-more-left:hover,.price-more-left:visited,.price-more-left:active,.price-more-left:focus{
	color: #fff;
}
.price-more-middle {
font-family: ralewaysemibold;
background: #ff5c26;
padding: 13px 20px 11px 20px;
border-radius: 25px;
color: #fff;
text-align: center;
width: 130px;
margin: auto;
display: block;
font-size: 12px;
background: #2ecc71;
margin-top: 30px;
}
.price-more-left:hover,.price-more-left:visited,.price-more-left:active,.price-more-left:focus{
	color: #fff;
}
.price-more-right {
font-family: ralewaysemibold;
background: #ff5c26;
padding: 13px 20px 11px 20px;
border-radius: 25px;
color: #fff;
text-align: center;
width: 130px;
margin: auto;
display: block;
font-size: 12px;
background: #e74c3c;
margin-top: 30px;
}
.price-more-left:hover,.price-more-left:visited,.price-more-left:active,.price-more-left:focus{
	color: #fff;
}
.accr {
width: 100%;
max-height: 100px;
overflow: hidden;
cursor: pointer;
transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;
}
.accr:hover{
max-height: 500px;
}
.open{
	max-height: 500px;
}
.close-icon {
position: absolute;
top: 105px;
right: 15px;
cursor: pointer;
width: 58px;
height: 58px;
}
.accr-left {
max-width: 552.5px;	
float: left;
}
.accr-right {
max-width: 552.5px;
min-height: 100px;
padding: 25px 40px 20px 40px;
float: left;
}
.bottom-social {
width: 25%;
float: left;
display: block;
text-align: center;
color: #fff;
margin-top: 7px;
margin-bottom: 6px;
}
.bottom-social:hover,.bottom-social:visited,.bottom-social:active,.bottom-social:focus{
	color: #fff;
}
.date{
	font-family: ralewayregular;
	font-size: 12px;
	color: #000;
}
.accr-title {
font-family: ralewaysemibold;
font-size: 20px;
color: #fff;
margin-top: -8px;
margin-bottom: 22px;
}
.accr-desc {
font-family: ralewaylight;
font-size: 13px;
color: #fff;
line-height: 1.7em;
}
.sl1 {
font-family: ralewaysemibold;
font-size: 10px;
padding: 3px 6px 3px 6px;
background: #fff;
width: 82px;
border-radius: 4px;
margin-right: 30px;
}
.sl1:hover,.sl1:active,.sl1:visited,.sl1:focus{
	color: #2ecc71;

}
.sl2{
	font-family: ralewaylight;
	font-size: 12px;
}
.sl3{
		font-family: ralewaylight;
	font-size: 12px;
}
.sl4{
		font-family: ralewaylight;
	font-size: 12px;
}
.subscribe {
text-align: center;
max-width: 600px;
margin: auto;
margin-top: 100px;
}
.subs-form {
width: 50%;
float: left;
text-align: center;
height: 60px;
font-family: ralewayregular;
font-size: 14px;
border: 8px solid #eff3f3;
background: #eff3f3 url(../images/search-bg.png) no-repeat;
background-position: 35px center;
background-repeat: no-repeat;
color: #a9cf6a;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
}
.load-btn {
width: 50%;
float: left;
text-align: left;
height: 60px;
font-family: ralewayregular;
border: none;
font-size: 14px;
color: #fff;
padding-top: 20px;
background: #a9cf6a;
padding-left: 43px;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
}
.refresh {
display: block;
margin-top: -21px;
margin-left: 151px;
}
.load-btn:hover,.load-btn:active,.load-btn:visited,.load-btn:focus{
	color: #fff;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #879cb0;
    font-family: ralewayregular;
    font-size: 14px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #879cb0;
   opacity:  1;
   font-family: ralewayregular;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #879cb0;
   opacity:  1;
   font-size: 14px;
   font-family: ralewayregular;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #879cb0;
   font-family: ralewayregular;
   font-size: 14px;
}
.blog-area {
padding-top: 140px;
padding-bottom: 80px;
}
/* ------------- logos Style ---------- */

.logos-area {
padding-top: 72px;
padding-bottom: 22px;
}
.up{
	margin-top: -20px;
}

.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
min-height: 70px;
}
.owl-carousel .owl-item img{
	vartical-align: middle;
}
.comma{
width: 93px;
height: 85px;
display: block;
margin: auto;
background: url(../images/comma.png) no-repeat;
}
.testimonial-image{
	margin: auto;
	max-width: 700px;
	margin-top: 34px;
	display: block;

}
.testi-single-image{
		width: 100px;
	height: 100px;
	float: left;
}
.testi-single-image img{
	width: 80px;
	height: 80px;
}
.testi-single-image img:hover {
    -webkit-transform: scale(1.10);
    -moz-transform: scale(1.10);
    -o-transform: scale(1.10);
    -ms-transform: scale(1.10);
    transform: scale(1.10);
        -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
	margin: auto;
}
#content2 , #content3 , #content4 , #content5 , #content6 , #content7 {
 display: none;
}

#image4:hover #content1{
display: block;
}


.testi-content {
margin: auto;
text-align: center;
margin-top: 25px;
max-width: 915px;
}
.review{
	font-family: open_sanslight_italic;
	font-size: 16px;
	line-height: 1.7em;
	text-align: center;
	color: #bcc3ca;
	max-width: 970px;
}
.self-position {
font-family: ralewaysemibold;
font-size: 16px;
max-width: 223px;
color: #fff;
text-align: center;
margin: auto;
margin-top: 13px;
}
.testi-area {
padding-top: 90px;
padding-bottom: 70px;
}
.self-span{
	font-family: ralewaylight;
}

/* ------------- Contact Style ---------- */
.contact-area{
padding-top: 130px;
}
.how-we-do-heading2 {
font-family: ralewayextrabold;
font-size: 30px;
text-align: center;
color: #555555;
padding-bottom: 14px;
}
.inputfield {
width: 32%;
background: transparent;
float: left;
border: 3px solid #f0f0f0;
margin-right: 1%;
font-family: ralewayregular;
font-size: 14px;
color: #879cb0;
height: 50px;
margin-bottom: 20px;
border-radius: 50px;
text-align: center;
}
.inputfieldmessage {
width: 98%;
background: transparent;
float: left;
border: 3px solid #f0f0f0;
margin-right: 1%;
font-family: ralewayregular;
font-size: 14px;
color: #879cb0;
height: 200px;
margin-bottom: 20px;
text-align: center;
border-radius: 25px;
}
.inputbtn {
border: none;
font-family: ralewayextrabold;
font-size: 12px;
padding-top: 15px;
padding-bottom: 15px;
width: 98%;
color: #fff;
border-radius: 25px;
}
.info-panel1{
	width: 20%;
	text-align: center;
	float: left;
	color: #fff;
    height: 190px;
    padding-top: 41px;
    position: relative;
}
.info-panel2{
    width: 20%;
    text-align: center;
    float: left;
    color: #fff;
    height: 190px;
    padding-top: 41px;
    position: relative;
}
.info-panel4{
    width: 20%;
    text-align: center;
    float: left;
    color: #fff;
    height: 190px;
    padding-top: 41px;
    position: relative;
}
.info-panel5{
    width: 20%;
    text-align: center;
    float: left;
    color: #fff;
    height: 190px;
    padding-top: 41px;
    position: relative;
    cursor: pointer;
}
.info-panel-middle{
    width: 20%;
    text-align: center;
    float: left;
    color: #fff;
    height: 190px;
    padding-top: 32px;
    position: relative;
    cursor: pointer;
}
.info-panel4:hover {
box-shadow: 4px -2px 46px -2px #000;
-webkit-box-shadow: 4px -2px 46px -2px #000;
-moz-box-shadow: 4px -2px 46px -2px #000;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
z-index: 9;
}
.info-panel-middle:hover {
box-shadow: 4px -2px 46px -2px #000;
-webkit-box-shadow: 4px -2px 46px -2px #000;
-moz-box-shadow: 4px -2px 46px -2px #000;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
z-index: 9;
}
.info-panel5:hover {
box-shadow: 4px -2px 46px -2px #000;
-webkit-box-shadow: 4px -2px 46px -2px #000;
-moz-box-shadow: 4px -2px 46px -2px #000;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
z-index: 9;
}
.info-panel2:hover {
box-shadow: 4px -2px 46px -2px #000;
-webkit-box-shadow: 4px -2px 46px -2px #000;
-moz-box-shadow: 4px -2px 46px -2px #000;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
z-index: 9;
}
.info-panel1:hover {
box-shadow: 4px -2px 46px -2px #000;
-webkit-box-shadow: 4px -2px 46px -2px #000;
-moz-box-shadow: 4px -2px 46px -2px #000;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
z-index: 9;
}
.info-panel-middle:hover .triangle-down-3{
    display: block;
    transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;
}
.info-panel1:hover .triangle-down-1{
    display: block;
    transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;
}
.info-panel2:hover .triangle-down-2{
    display: block;
    transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;
}
.info-panel4:hover .triangle-down-4{
    display: block;
    transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;
}
.info-panel5:hover .triangle-down-5{
    display: block;
    transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;
}
.info-title {
color: #1d6696;
margin-top: 20px;
margin-bottom: 7px;
font-family: ralewaybold;
}
.email{
	color: #fff;
}
.contact-info {
margin-top: 80px;
height: 190px;
}
.email:hover,.email:focus,.email:active,.email:visited{
	color: #fff;
}
/* ------------- footer Style ---------- */
.footer-social{
	max-width: 630px;
	margin: auto;
}
.social-link{
	margin-left: 25px;
	margin-right:25px;
	width: 40px;
	height: 40px;
	float: left;
}
.social-area {
padding-top: 60px;
padding-bottom: 50px;
}
.footer-area {
    padding-top: 30px;
    padding-bottom: 20px;
    min-height: 10%
}
.footer-text{
	max-width: 462px;
	text-align: center;
	margin: auto;
}
.footer-text{
font-family: ralewaybold;
font-size: 12px;
color: #fff;
}
.hilight-text{
	font-family: ralewaybold;
	font-size: 12px;
	color: #000;
}

.divider{
    width: 160px;
    height: 20px;
    text-align: center;
    background: url(../images/divider.png) no-repeat;
    margin: auto;
    margin-bottom: 30px;
}
.divider-yellow{
    width: 160px;
    height: 20px;
    text-align: center;
    background: url(../images/divider-yellow.png) no-repeat;
    margin: auto;
    margin-bottom: 30px;
}
.divider-green{
    width: 160px;
    height: 20px;
    text-align: center;
    background: url(../images/divider-green.png) no-repeat;
    margin: auto;
    margin-bottom: 30px;
}
.divider-blue{
    width: 160px;
    height: 20px;
    text-align: center;
    background: url(../images/divider-blue.png) no-repeat;
    margin: auto;
    margin-bottom: 30px;
}
.part{
    width: 20%;
    float: left;
}
.quality-text {
font-family: ralewayregular;
font-size: 14px;
color: #888a8a;
width: 180px;
text-align: center;
margin: auto;
}

.left-part {
max-width: 380px;
float: left;
margin-top: -40px;
}
.center-part{
    max-width: 305px;
    margin: auto;
    
}
.right-part{
    max-width: 380px;
    float: right;
margin-top: -40px;
}
.mobile-center {
margin-top: -98px;
position: absolute;
}
.team-work-bg {
background: url(../images/team-work-bg.png) no-repeat;
max-width: 1140px;
margin: auto;
min-height: 392px;
position: relative;
}
.full-work-container{
    margin-top: 139px;
}
.list-icon1{
    background: url(../images/custom/new-idea.png) no-repeat;
    position: absolute;
    width: 90px;
    height: 90px;
    right: 0px;
    z-index: 999;
}
.list-icon2{
    background: url(../images/custom/improvement.png) no-repeat;
    position: absolute;
    width: 90px;
    height: 90px;
    right: 0px;
    z-index: 999;
}
.list-icon3{
    background: url(../images/custom/diversify.png) no-repeat;
    position: absolute;
    width: 90px;
    height: 90px;
    right: 0px;
    z-index: 999;
}
.list-icon-right1{
    background: url(../images/custom/feature.png) no-repeat;
    position: absolute;
    width: 90px;
    height: 90px;
    left: 0px;
    z-index: 999;
}
.list-icon-right2{
    background: url(../images/custom/review.png) no-repeat;
    position: absolute;
    width: 90px;
    height: 90px;
    left: 0px;
    z-index: 999;
}
.list-icon-right3{
    background: url(../images/custom/test.png) no-repeat;
    position: absolute;
    width: 90px;
    height: 90px;
    left: 0px;
    z-index: 999;
}
.work-list{
    width: 300px;
    position: relative;
    min-height: 171px;
    /*padding-left: 15px;*/
}
.work-list-right {
width: 300px;
position: relative;
min-height: 171px;
padding-left: 107px;
}
.work-list-last {
    width: 300px;
    position: relative;
    min-height: 171px;
    margin-top: 30px;
    /*padding-left:15px;*/
}
.work-list-last-right{
    width: 300px;
    position: relative;
    min-height: 171px;
    margin-top: 30px;
    padding-left: 107px;
}
.list-title{
font-family: ralewayregular;
font-size: 18px;
}
.list-title-span{
    font-family: ralewaythin;
    font-size: 18px;
}
.list-desc{
    color: #98a9b9;
    width: 180px;
}

.how-do-panel {
text-align: center;
}

.done{
    /*margin-top: -39px;*/
}

/* ------------- Color Style ---------- */

.bright-red{
background: #e74c3c; 
}
.talent-image-bg-red{
    background: #fd5f42;
}
.bright-red-color{
	color: #e74c3c;
}
.red-text{
	color: #fd5f42;
}
.red-text-facts{
	color: #e74c3c;
}
.yellow-color{
	color: #fcb84b; 
}
.yellow-text{
	color: #fbb941;
}
.yellow-text2{
	color: #f7c640;
}
.light-green-text {
	color: #26cbbe;
}
.blue-text{
	color: #2b82c9;
}
.light-ovile-text{
	color: #2cca90;
}

.white{
	background: #eff3f3;
}
.white-text-color{
	color: #fff;
}
.yellow-background-color{
	background: #fcb84b;
}
.yellow-load-more{
	background: #f7c640;
}
.desaturated-blue{
	background: #2c3e50;
}
.green-background{
	background: #22c48a;
}
.green-text{
	color: #26cbbe;
}
.green-text-price {
	color: #2ecc71;
}
.dark-moderate-cyan{
	background: #49a0ae;
}
.black-text{
	color: #000;
}
.dark-color{
	color: #555555;
}
.soft-blue{
background: #5cace2;
}
.desaturated-violet{
	background: #a469bd;
}
.blog-bg-color-light-green{
	background: #2ecc71;
}
.blog-bg-color-light-violet{
	background: #a469bd;
}
.blog-bg-color-light-olive{
	background: #16a085;
}
.blog-bg-color-light-blue{
	background: #5399c7;
}
.blog-bg-color-light-orange{
	background: #f39c12;
}
.blog-bg-color-light-red{
	background: #e74c3c;
}
.blog-bg-color-light-green-text{
	color: #2ecc71;
}
.blog-bg-color-light-violet-text{
	color: #a469bd;
}
.blog-bg-color-light-olive-text{
	color: #16a085;
}
.blog-bg-color-light-blue-text{
	color: #5399c7;
}
.blog-bg-color-light-orange-text{
	color: #f39c12;
}
.blog-bg-color-light-red-text{
	color: #e74c3c;
}
.dark-blue{
	background: #182430;
}
.desaturated-violet-text{
    color: #a469bd;
}
.dark-red{
	background: #c0392b;
}
.light-yellow{
    color: #efc043;
}
.dark-green-text{
    color: #2ecc71;
}
.Strong-cyan{
    background: #26cbbd;
}
.Strong-cyan-text{
    color: #26cbbd;
}
.strong-green-text{
    color: #2eb56b;
}
.position-bg-red{
    background: #e1553a;
}
.talent-bg-yellow{
    background: #f6c640;
}
.position-bg-yellow{
    background: #e1a72c;
}
.talent-bg-green{
    background: #26cbbd;
}
.position-bg-green{
    background: #21ac99;
}
.talent-bg-blue{
    background: #3b99d7;
}
.position-bg-blue{
    background: #2f80b7;
}
.talent-light-green{
    background: #a9cf6a;
}
.light-green-text{
    color: #a7cc69;
}
.position-light-green{
    background: #98be58;
}
.address-last-green{
    background: #a9cf6a;
}
/* Back to top
--------------------------------------------------------------------------------------------------------*/
#backtotop {
  height: auto;
  position: fixed;
  right: 30px;
  bottom: 81px;
  display: none;
  z-index: 30;
}
#backtotop ul {
padding: 15px 0px;
}
#backtotop ul li a {
background: url(../images/bg-up.png) center 48% no-repeat #fff;
background-size: 22px 15px;
display: block;
width: 50px;
height: 50px;
float: right;
right: 10px;
text-indent: -9000px;
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
.header-only{
	height: 120px;
	position: fixed;
	z-index: 999999;
}
.header-color{
    background-color:black;
    opacity:0.5;
}
.header-body{
	/*margin-bottom: -20px;*/
    height:inherit;
}
#owl-demo .item{
  margin: 10px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}
#owl-demo2 .item{
  margin: 10px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}
.owl-theme .owl-controls .owl-buttons div {
color: #FFF;
display: inline-block;
zoom: 1;
margin: 5px;
padding: 0;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: #869791;
filter: Alpha(Opacity=50);
opacity: 1;
}
.owl-buttons{
    margin-top: 80px;
}
.slider-line{
    max-width: 1180px;
    margin: auto;
    margin-top: -38px;
}
.talent-content-image {
position: relative;
width: 220px;
height: 450px;
border-radius: 15px;
cursor: pointer;
margin: 20px;
 text-align: center;
}
.talent-content-image:hover{
  box-shadow: 1px 2px 19px 8px #b1b4b4;
-webkit-box-shadow: 1px 2px 19px 8px #b1b4b4;
-moz-box-shadow: 1px 2px 19px 8px #b1b4b4;
transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;
 
}
.talent-content-image:hover .talent-social {
background: url(../images/social.png) no-repeat 0px -29px;
transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;
}
.tanent-prople-identity{
    text-align: center;
    min-height: 75px;
    color: #fff; 
}
.talent-people-name {
font-family: ralewaybold;
font-size: 14px;
padding-top: 18px;
}
.talent-people-position {
font-family: ralewayregular;
font-size: 12px;
margin-top: -5px;
}
.talent-people-content {
text-align: center;
max-width: 184px;
margin: auto;
font-size: 13px;
margin-top: 22px;
line-height: 1.7em;
}
.talent-social {
background: url(../images/social.png) no-repeat;
width: 150px;
height: 29px;
margin: auto;
margin-top: 18px;
}
.talent-social-link {
width: 26px;
height: 27px;
margin-right: 2px;
float: left;
display: block;
margin-left: 2px;
}
.talent-people-image img{
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.blog-panel {
max-width: 382px;
min-height: 424px;
float: left;
margin-left: 10px;
margin-right: 10px;
border-radius: 24px;
float: left;
}
.blog-panel-cotainer{
    max-width: 1205px;
    margin: auto;
    margin-top: 35px;
}
.blog-panel-image img{
border-top-right-radius: 10px;
border-top-left-radius: 10px;
}
.blog-panel-title{
    font-family: ralewaymedium;
    font-size: 14px;
    max-width: 300px;
    color: #000;
    margin: 30px;
    display: block;
}
.blog-panel-title:hover,.blog-panel-title:visited,.blog-panel-title:active,.blog-panel-title:focus {
    color: #000;
}
.blog-desc{
    font-family: ralewaylight;
    max-width: 322px;
    margin-left: 30px;
    margin-top: -10px;
}
.blog-attributes {
    font-family: latobold;
height: 45px;
margin-top: 25px;
position: absolute;
}
.blog-date {
float: left;
width: 140px;
height: 44px;
background: url(../images/date-bg.png) no-repeat;
text-align: center;
padding-top: 10px;
}
.blog-comment {
float: left;
height: 44px;
width: 100px;
background: url(../images/comment-bg.png) no-repeat;
text-align: center;
padding-top: 10px;
padding-left: 25px;
}
.blog-love{
    float: left;
    height: 44px;
    width: 100px;
    background: url(../images/love-bg.png) no-repeat;
    text-align: center;
    padding-top: 10px;
    padding-left: 25px;
}
.blog-read-more{
    float: left;
    width: 40px;
    height: 44px;
    background: url(../images/read-more.png) no-repeat;
}
.read-more-blog-link{
    display: block;
    width: 40px;
    height: 44px;
}
.testimonial-panel1 {
width: 380px;
min-height: 182px;
float: left;
margin-left: 10px;
margin-right: 10px;
float: left;
background: url(../images/testi-bg1.png) no-repeat;

}
.testimonial-panel2 {
width: 380px;
min-height: 182px;
float: left;
margin-left: 10px;
margin-right: 10px;
float: left;
background: url(../images/testi-bg2.png) no-repeat;
}
.testimonial-panel3 {
width: 380px;
min-height: 182px;
float: left;
margin-left: 10px;
margin-right: 10px;
float: left;
background: url(../images/testi-bg3.png) no-repeat;
}
.testimonial-content {
font-family: ralewayregular;
font-size: 14px;
color: #fff;
max-width: 313px;
line-height: 1.7em;
margin-top: 30px;
margin-left: 34px;
position: relative;
}
.people-part {
width: 155px;
position: absolute;
margin-top: 49px;
margin-left: 163px;
color: #000;
}
.people-part2 {
width: 155px;
position: absolute;
margin-top: 49px;
margin-left: 63px;
color: #000;
}
.people-part3 {
width: 155px;
position: absolute;
margin-top: 49px;
margin-left: 63px;
color: #000;
}
.people-part-left{
    width: 100px;
    float: left;
    font-family: open_sansregular;
}
.people-part-right {
width: 55px;
float: left;
padding-left: 10px;
padding-right: 10px;
}
.web1{
    margin-top: -10px;
}
.web1 a:hover{
    color: #26cbbe;
}
.web2{
    margin-top: -10px;
}
.web2 a:hover{
    color: #fd5f42;
}
.web3{
    margin-top: -10px;
}
.web3 a:hover{
    color: #2cca90;
}
.test-area {
padding-top: 100px;
padding-bottom: 120px;
}
.info-desc{
    max-width: 182px;
    margin: auto;
}
.triangle-down-3 {
width: 0;
height: 0;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-top: 48px solid #22C48A;
position: absolute;
text-align: center;
margin-left: 44%;
margin-right: 44%;
margin-top: 10px;
}
.triangle-down-4 {
width: 0;
height: 0;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-top: 48px solid #5CACE2;
position: absolute;
text-align: center;
margin-left: 44%;
margin-right: 44%;
margin-top: 28px;
display: none;
}
.triangle-down-5 {
width: 0;
height: 0;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-top: 48px solid #A9CF6A;
position: absolute;
text-align: center;
margin-left: 44%;
margin-right: 44%;
margin-top: 32px;
display: none;
}
.triangle-down-1 {
width: 0;
height: 0;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-top: 48px solid #E74C3C;
position: absolute;
text-align: center;
margin-left: 44%;
margin-right: 44%;
margin-top: 32px;
display: none;
}
.triangle-down-2 {
width: 0;
height: 0;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-top: 48px solid #FCB84B;
position: absolute;
text-align: center;
margin-left: 44%;
margin-right: 44%;
margin-top: 32px;
display: none;
}
.mobile-design{
    font-family: ralewaybold;
}
.slider-read-more{
    display: block;
    font-family: ralewaymedium;
    width: 150px;
    height: 45px;
    text-align: center;
    font-size: 14px;
    float: left;
    padding-top: 12px;
    margin-right: 10px;
    border-radius: 25px;
}

.slider-read-more:hover,.slider-read-more:focus,.slider-read-more:active,.slider-read-more:visited{
    color: #e74c3c;
}
.slider-contactus{
    display: block;
    font-family: ralewaymedium;
    width: 150px;
    height: 45px;
    text-align: center;
    font-size: 14px;
    float: left;
    padding-top: 12px;
    border-radius: 25px;
}
.slider-contactus:hover,.slider-contactus:hover,.slider-contactus:hover,.slider-contactus:hover{
color: #e74c3c;
}
.owl-pagination {
position: absolute;
margin-top: -120px;
text-align: left;
padding-left: 15px;
height: 22px;
}
.buttons{
    margin-top: 40px;
}
.owl-theme .owl-controls .owl-page span {
display: block;
width: 10px;
height: 10px;
margin: 5px 7px;
filter: Alpha(Opacity=100);
opacity: .5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #B43023;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span,.owl-theme .owl-controls.clickable .owl-page:active span, .owl-theme .owl-controls.clickable .owl-page:focus span {
filter: Alpha(Opacity=100);
opacity: 1;
background: #FCB84B;
}
input:focus {outline: none; }
.logo-green{
	display: none;
}
.logo-blue{
	display: none;
}
.logo-white{
	display: none;
}
.logo-yellow{
	display: none;
}
#map {
height: 800px;
width: auto;
}
.price-more-middle:hover,.price-more-middle:visited,.price-more-middle:active,.price-more-middle:focus {
color: #fff;
}
.price-more-right:hover,.price-more-right:visited,.price-more-right:active,.price-more-right:focus {
color: #fff;
}
.bright-red-bg2{
	background: #E74C3C;
}

.list-item-title {
    font-family: ralewaylight;
    font-size: 14px;
    color: #fff;
}

.badge-img {
    /*position: absolute;
    top: 35%;
    left: 25%*/
}