/* templatemo.com 396 smoothy */

/* 
Smoothy Template 
http://www.templatemo.com/preview/templatemo_396_smoothy 
*/
html, body {
	font-family: 'Roboto', "Trebuchet MS", Arial, Helvetica, sans-serif; 
	padding: 0; 
	margin: 0; 
	color: #8a8a8a;
}

a {color: #8a8a8a}
a:hover {
	color:#72b842;
	text-decoration: none
}

p {color: #777}

.height10 { height: 10px}
.height20 { height: 20px}

.noPadding {padding: 0}
.pad20 {padding:15px 0 0 95px !important}

.mt10 {margin: 30px 0 10px 40px}
.mt10b {margin-top:10px!important}

.sp_3 {
    float: left;
    list-style: none;
    width: 325px;
}
.sp_3 p {margin: 7px 0 0 45px}
.sp_3 span {
    background: url("../images/sprite_3.png") no-repeat scroll 0 0 / auto 100% !important;
    height: 46px !important;
    /*margin-bottom: 30px;*/
    width: 40px !important;
}
.sp_3 span.sp_3_1 {background-position: -47px 0 !important}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: 400;
}

h1 {
	color: #fff;
    float: left;
    font-size: 2.5em;
    font-weight: 600;
    padding: 10px 0 0 105px
}
	
h2	{
	color: #333;
	font-size: 24px
}

.templatemo_reasonbg h2,
.templatemo_planos h2,
.secHeader li, .secHeader p {color: #fff}

img {
  	max-width: 100%;
  	height: auto;
  	width:100%;
}
.clear	{clear: both}

.yellow {background:#FFFBD6}
.green {
	background:#99CC66;
	padding: 70px 0 40px
}
.yellow-green {
	background: #fffbd6; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZiZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM5OWNjNjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #fffbd6 50%, #99cc66 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(50%,#fffbd6), color-stop(50%,#99cc66)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #fffbd6 50%,#99cc66 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #fffbd6 50%,#99cc66 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #fffbd6 50%,#99cc66 50%); /* IE10+ */
	background: linear-gradient(to right,  #fffbd6 50%,#99cc66 50%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbd6', endColorstr='#99cc66',GradientType=1 ); /* IE6-8 */
}

.sprite_1 {
	background: url(../images/sprite_1.png) no-repeat 0 0;
	background-size: auto 100px;
}

.mWrapper {
  	width: 100%;
  	background-color: white;
  	z-index: 5000;
}

.templatemo_top	{
	position: fixed;
	z-index: 5000;
	background: #fff;
	width: 100%;
}
.templatemo_slider {
	position: relative;
	top: 80px;
}
.logo {
	padding: 0 0 0 15px;
	width: auto;
}
.main-logo {
    background: #72b842;
	height:80px;
	max-width:none;
	width:auto;
}
.mainMenu ul {
	float: right;
	padding-left: 0;
	margin-bottom: 0;
	line-height: 60px;
}
.mainMenu li {
	list-style-type: none;
	display: inline-block;
}
.mainMenu li a {
	display: block;
	text-transform: uppercase;
	color: #939393;
}

#top-menu {background: white}
#top-menu ul {float: right}
#top-menu li {
    float: left;
	line-height: 60px;
	display: inline-block;
}
#top-menu a {
    display: block;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    transition: 1s all ease;
    color: #666;
    text-decoration: none;
	font-size: 14px;
}
#top-menu a:hover {
    color: #fff;
	background: #72b842;
}
#top-menu li.active a {
    color: #fff;
	background: #72b842;
	line-height: 60px;
	font-size: 14px;
}

.btn-primary {
	background-color: #72b842;
	border-color: #5ea32e;
}
.btn-primary:hover {
	background-color: #5aa625;
	border-color: #5ea32e;
}

.templatemo_caption p {
	background: rgba(0, 0, 0, .32);
	color: #fff;
	font-size: 12px;
	padding: 10px
}
.templatemo_caption	{
	position: absolute;
    text-align: left;
    text-shadow: none;
    top: 250px;
    width: 610px;
    z-index: 8;
}

.templatemo_slidetitle	{
	font-size: 1em;
	background: #fff;
	padding: 5px 8px;
	color: #202224;
	float: left;
	margin-bottom: -10px;
	-webkit-box-shadow: 1px 3px 13px 0 rgba(158, 158, 158, .75);
	-moz-box-shadow:    1px 3px 13px 0 rgba(158, 158, 158, .75);
	box-shadow:         1px 3px 13px 0 rgba(158, 158, 158, .75);
}

.templatemo_lightgrey_about	{padding: 130px 0 50px}

.templatemo_lightgrey {
	background-color: #e9e9e9;
	padding: 70px 0;
}

.templatemo_paracenter {text-align: center}
#templatemo_contact h2, #templatemo_contact h5 {color: #fff}

.templatemo_about_box {
	background: #F0E8DD;
	border-radius: 5px;
	font-size:15px;
	padding: 20px 0;
	text-align: center;
}

.square_coner {
	margin: 0 auto;
	width: 100px;
	margin-bottom: 20px;
}

.texts-a {
    display: block;
    height: 100px;
    padding: 30px;
    width: 100px
}

.texts-a_2 { background-position: -451px 0}
.texts-a_3 { background-position: -300px 0}
.texts-a_4 { background-position: -150px 0}

.hover-box {
    position: absolute;
    top: 0;
    left: 4%;
    width: 92%;
    height: 100%;
	border-radius: 5px;
    background: #72b842;
    visibility: hidden\0/;
    opacity: 0\0/;
    transition:		 	all .25s ease-in-out;
    -moz-transition:	all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: 		all .25s ease-in-out;
    -webkit-transform: 	rotateY(-90deg) scale(.8);
    -moz-transform: 	rotateY(-90deg) scale(.8);
    -ms-transform: 		rotateY(-90deg) scale(.8);
    -o-transform: 		rotateY(-90deg) scale(.8);
    transform: 			rotateY(-90deg) scale(.8);
}

.project-post:hover .hover-box {
    visibility: visible;\0/;
    opacity: 1\0/;
    -webkit-transform: 	rotateY(0deg) scale(1);
    -moz-transform:		rotateY(0deg) scale(1);
    -ms-transform: 		rotateY(0deg) scale(1);
    -o-transform: 		rotateY(0deg) scale(1);
    transform: 			rotateY(0deg) scale(1);
}

.inner-hover-box p {
	color: #fff;
	padding: 15px 10px;
}

.templatemo_reasonbg {
	background: #F0E8DD;
	padding:100px 0 75px;
}

.templatemo_reasonbg p {
	color: #1a1a1a;
    font-size: 16px;
    line-height: 25px;
    padding: 0 60px;
    text-align: left;	
}

.yellow .col-md-4 > ul {padding: 0}

.col-md-8.green img {padding:20px 0 20px 20px}
.col-md-8.green:after {
	border-color: transparent #99cc66 transparent transparent;
    border-style: solid;
    border-width: 50px 55px 50px 0;
    content: "";
    height: 0;
    left: -55px;
    position: absolute;
    top: 400px;
    width: 0
}

.secHeader {margin-bottom: 30px}

h1.special{
	color: #4d4d4d;
    font-size: 3em;
    padding: 305px 0 20px 2px;
    text-transform: uppercase;
}
h1.big {
	color: #fff;
	float:none;
    font-size: 5em;
    margin-bottom: 0;
    padding: 0 0 0 100px;
    text-transform: uppercase;
}
h2.big {
	color: #fff;
    font-size: 1.45em;
    margin: 0;
    padding: 0 0 0 104px;
}
.star {
	background: url("../images/star.png") no-repeat scroll 0 0 / contain rgba(0, 0, 0, 0);
    display: inline-block;
    height: 26px;
    margin: 0 10px 0 0;
    width: 26px;
}

.templatemo_portfolio {
	padding: 80px 0;
	text-align: center;
}

.templatemo_portfolio p { padding-bottom: 50px; }

.portfolio-thumb { overflow: hidden; position: relative; }
.portfolio-thumb img { width: 100%; height: auto; }

.portfolio-thumb .overlay-p {
	background-color: #72b842;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%;
	-webkit-transition: all .2s ease-in-out;
 	-moz-transition: 	all .2s ease-in-out;
 	-ms-transition: 	all .2s ease-in-out;
 	-o-transition: 		all .2s ease-in-out;
 	transition: 		all .2s ease-in-out;
}

.portfolio-thumb .overlay-p a {
	color: white;
    position: relative;
    text-align: center;
    width: 100%
}
.portfolio-thumb .overlay-p a ul {
	margin: 0;
    padding: 0;
    text-align: center
}
.portfolio-thumb .overlay-p a ul li	{
	list-style: none;
    margin: 0;
    padding: 50px;
    width: 100%
}
.portfolio-thumb .overlay-p a ul li.fsmall{ font-size: .7em; }

.portfolio-item {
	height: 128px;
    margin-bottom: 20px;
    overflow: hidden;
}
.portfolio-item:hover .overlay-p { visibility: visible; opacity: 1; }

.portfolio-title { width: 100%; text-align: center; }
.portfolio-title a { color: #38e395; font-size: 18px; text-transform: uppercase; }


.templatemo_planos {
	background: #4d4d4d;
    color: #fff;
    padding: 0 0 70px;
    text-align: center;
    width: 100%;
}
.templatemo_planos p {padding-bottom: 50px}
.templatemo_wrapperblogbox	{float: left}
.templatemo_wrapperblogbox a.fa	{ 
	padding: 8px;
	background: #c6cfd3;
	color: #fff;
	margin: 0;
	text-align: left;
	float: left;
	font-size: 18px;
}

.templatemo_wrapperblogbox a.fa:hover {background: #72b842}

.templatemo_wrapperblogbox .tooltip1, .templatemo_wrapperblogbox .tooltip2, .templatemo_wrapperblogbox .tooltip3, .templatemo_wrapperblogbox .tooltip4 {
    display: inline;
    position: relative;
	opacity: 1.0;
	filter:alpha(opacity=100);
}

.templatemo_wrapperblogbox .tooltip1:hover:after, .templatemo_wrapperblogbox .tooltip2:hover:after,
.templatemo_wrapperblogbox .tooltip3:hover:after, .templatemo_wrapperblogbox .tooltip4:hover:after {
    background: #72b842;
    top: 33px;
    color: #fff;
    content: attr(title);
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
	font-size: 14px;
	white-space: nowrap;
}
.templatemo_wrapperblogbox .tooltip1:hover:after {left: 0}
.templatemo_wrapperblogbox .tooltip2:hover:after {left: -33px}
.templatemo_wrapperblogbox .tooltip3:hover:after {left: -63px}
.templatemo_wrapperblogbox .tooltip4:hover:after {left: -94px}

.templatemo_wrapperblogbox img, .templatemo_planostext {width: 100%}

.templatemo_planostext span.left	{
	text-align: left;
	width: 70%;
	float: left;
}
.templatemo_planostext span.right	{
	text-align: right;
	width: 30%;
	float: left;
}
.templatemo_planostext span.right a i {
	padding-left: 5px;
	font-size: 9px;
	color: #fff;
}
.templatemo_planostext span.right a:hover i {color: #72b842}

.templatemo_partner	{
	background:url(../images/big_sprite_1.jpg) no-repeat center top / 100% auto #cd6334;
	height: 300px;
    padding: 100px 0 0;
}

.templatemo_partner_1 {background:url(../images/big_sprite_2.jpg) no-repeat center -70px / 100% auto #72b842;height: 365px;}    
.templatemo_partner_2 {background:url(../images/big_sprite_3.jpg) no-repeat center -2px / 100% auto #d2c0a6;height: 330px;}
.templatemo_partner_3 {background:url(../images/big_sprite_4.jpg) no-repeat center top / 100% auto #62b0ba;height: 310px;}
.templatemo_partner_no {background: none; padding-bottom:0}

.templatemo_partner_o,
.templatemo_partner_v,
.templatemo_partner_g,
.templatemo_partner_c {height: 200px;}

.templatemo_partner_o {background: #cd6334}
.templatemo_partner_ol {background: #D97043}
.templatemo_partner_v { background: #72B842}
.templatemo_partner_vl { background: #80C452}
.templatemo_partner_g { background: #D2C0A6}
.templatemo_partner_gl {background: #cfbea6}
.templatemo_partner_c { background:#62B0BA}
.templatemo_partner_cl {
	background: #73bbc4; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzczYmJjNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4OWQ2ZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #73bbc4 0%, #89d6e0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#73bbc4), color-stop(100%,#89d6e0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #73bbc4 0%,#89d6e0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #73bbc4 0%,#89d6e0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #73bbc4 0%,#89d6e0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #73bbc4 0%,#89d6e0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73bbc4', endColorstr='#89d6e0',GradientType=0 ); /* IE6-8 */
}

.bg-img {
	background: url("../images/desarrollo_3.png") no-repeat 230px 210px / 60% auto;
    height: 690px;
} 

.secHeader-v {padding: 90px 0 0 15px}
.secHeader-v p {
	font-size: 1.2em;
    padding-left: 95px
}
.secHeader span {
	background: url("../images/sprite_2.png") no-repeat 0 0 / auto 100%;
    display: inline-block;
    float: left;
    height: 70px;
    width: 70px;
}

.secHeader_sp1{ background-position:-164px 0 !important}
.secHeader_sp2{ background-position:-247px 0 !important}
.secHeader_sp3{ background-position:-82px 0 !important}

.secHeader .templatemo_clientimage {padding: 30px}
.secHeader .templatemo_clientimage h2 {
	left: 60px;
    padding: 0;
    position: relative;
    top: -37px;
}
.secHeader .templatemo_clientimage img {height:50px; width:50px}

#templatemo_inmo .templatemo_clientimage {
    padding: 70px 30px 0;
}
#templatemo_turi .templatemo_clientimage {
	    padding: 10px 30px 0;
}

#templatemo_turi .secHeader .templatemo_clientimage img, #templatemo_inmo .secHeader .templatemo_clientimage img {
    height: 30px;
    width: 30px;
}

#templatemo_contact {
	background: url(../images/contact_bg.jpg) no-repeat center center;
	background-size:cover;
}

#prev {
  width: 35px;
  height: 50px;
  position: absolute;
  top: -30%;
  left:0;
  text-indent: -9999px;
  background: url(../images/prev.png)0px -50px no-repeat;
}

#next {
  width: 35px;
  height: 50px;
  position: absolute;
  top: -30%;
  right: 0;
  text-indent: -9999px;
  background: url(../images/next.png)0 -50px no-repeat;
}

#prev:hover, #next:hover {background-position: 0 0}

.partnerWrap {
  margin: 50px 0;
  position: relative;
}
.slideshow { 
  margin: auto;
  width: 80%;
}
.slideshow img { padding: 2px }

.templatemo_clientwrapper {
	float: none;
    margin: 40px auto 0;
    width: 500px;
}

.templatemo_clientimage {padding-top: 80px}

.templatemo_clientimage img{
	width: 80px;
	height: 80px;
	border-radius: 150px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
}
.templatemo_clientimage img:hover { border: 2px solid #333537 }

.templatemo_clientdes {
  position: absolute;
  top: 0;
  bottom: 50px;
  left: 0;
  right: 0;
  color: #fff;
  visibility: hidden;
  opacity: 0;
  width: 100%;

}
.templatemo_clientimage:hover .templatemo_clientdes {
  visibility: visible;
  opacity: 1;

}
.templatemo_clientimage	div.fa	{font-size: 12px; position: absolute;}
.templatemo_clientimage:hover div.fa{ color: #69a541; font-size: 12px; }
.templatemo_clientimage	div.mleft1	{ left: 40%;}
.templatemo_clientimage	div.mleft2	{ left: 43%;}
.templatemo_clientimage	div.mleft3	{ left: 46%;}
.templatemo_clientimage	div.mleft4	{ left: 49%;}
.templatemo_clientimage	div.mleft5	{ left: 52%;}

.templatemo_maps {
  margin: 50px 0;
  display: block;
  overflow: hidden;
  height: 400px;
}

.fluid-wrapper {
    position: relative;
    /* padding-bottom: 56.25%;  16:9 */
    height: 0;
}
.fluid-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 400px;
    border: none;
}

.templatemo_bottom	{ 
    background: #333537;
    padding: 10px 0;
    width: 100%;
	}
.templatemo_bottom .left {
	float: left;
    margin-left: 30px;
    margin-top: 5px
}
.templatemo_bottom .right {
	float: right;
	margin-right: 5px;
}
.templatemo_bottom .right fa { padding: 15px;}
.templatemo_bottom .right div.soc {
	width: 28px;
	height: 28px;
	text-align: center;
	font-size: 16px;
	line-height: 28px;
	background: #c6cfd3;
	color: #333536;
	border-radius: 150px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
}

.templatemo_bottom .right a:hover div.soc{
	background: #72b842;
}

ul.nobullet { margin: 0; padding: 0; list-style: none }
ul.nobullet li { margin: 0; padding: 0 }

ul.list_bullet { margin: 10px 0 10px 15px; padding: 0; list-style: none }
ul.list_bullet li { color:#555; margin: 0 0 7px 0; padding: 0 0 0 20px; background: url(images/templatemo_bullet.png) no-repeat scroll 0 5px  }
ul.list_bullet li a { color: #555; font-weight: normal; text-decoration: none }
ul.list_bullet li a:hover { color: #555 }

ul.footer_gallery li { display: block; float: left; margin: 0 5px 5px 0 }
ul.footer_gallery li img { }

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-width : 480px) {
	.mainMenu li a,
	#top-menu li a {font-size: 8px}
	#top-menu li a	{ padding: 0}
	#top-menu li.active a {
    	color: #fff;
		background: #72b842;
		font-size: 8px;
	}
	.templatemo_col12	{
		width: 100%;
		margin-bottom: 5px;
	}

	.hover-box {
    	left: 3%;
    	width: 94%;
	}
	.templatemo_bottom span.left {width: 90%; margin-left: 10px;}
	.templatemo_bottom span.right {width: 90%; float: left; margin: 10px;}
}
@media (max-width:600px){
	.templatemo_caption {display: none}
}
@media(min-width:500px) and (max-width: 650px){
	.hover-box {
    	left: 5%;
    	width: 90%;
	}
}
@media(max-width:767px){
	.templatemo_col9	{ padding: 0;}
	.templatemo_slider	{ top: 130px;}
	.templatemo_lightgrey_about	{ padding-top: 150px;}
	.templatemo_portfolio	{ padding-top: 130px; }
	.templatemo_planos	{ padding-top: 130px;}
	.templatemo_partner	{ padding-top: 130px;}
	.templatemo_lightgrey	{ padding-top: 130px;}
	.templatemo_margintop10	{margin-top: 10px;}

	.logo {text-align: center}
	.socials ul {float: none;text-align: center}
	.mainMenu ul {
		float: none;
		text-align: center;
		line-height: 40px;
	}
	.mainMenu li a {padding: 8px 7px}
	
	#top-menu ul {
		float: none;
		text-align: center;
		line-height: 40px;
		margin-left: 15px;
	}
	#top-menu li {
    	float: left;
		line-height: 40px;
	}
	#top-menu li a {
		padding: 8px 7px;
	}
	#top-menu li.active a {
		color: #fff;
		background: #72b842;
		line-height: 40px;
	}
	
  .teamInfo ul li {width: 50%}
  
  .imgWrp {height: 220px}
  .imgWrp:hover {
      height: 220px;
      opacity: 1;
      margin-top: 0;
  }
  .txtarea {
    margin: 20px 0;
  }
  .info3 {
    margin-bottom: 30px;
  }
}

@media(min-width:768px){
	.rmargin	{ right: 10%;}
   .socials ul {
    float: none;
    text-align: center;
  }
  .imgWrp {
    height: 160px;
  }
  .imgWrp:hover {
      height: 160px;
      opacity: 1;
      margin-top: 0;
  }
  .txtarea {
    margin: 20px 0;
  }
  #box-img_testimonial a {
    width: 40px;
  }
  .opener span:before,
  .opener span:after {
    width: 30%;
  }
  .info3 {margin-bottom: 30px}

}
@media(min-width:600px) and (max-width:769px){
	.main-logo {height:61px}
	.templatemo_container, .logo {padding: 0}
	
	.templatemo_slider {top:60px}
	
	#top-menu ul {float:none}
	.templatemo_top .templatemo_col8 {
	    clear: none;
    	float: right;
    	margin: 0 32px 0 0;
    	padding: 0 7px;
    	width: inherit;
	}
	.templatemo_top .templatemo_col8 {
		float: right;
		margin: 0 auto;
		}
		
	/*#top-menu li {
		display: inline-block;
		float: none;
		margin: 0;
	}*/

	#top-menu li, #top-menu li.active a {line-height:40px}
	#top-menu a, #top-menu a:active {font-size: 13px!important}

	.templatemo_container .mainMenu li a {padding: 11px 10px 10px}
	h1.special {padding:40px 0 0}

	.templatemo_partner {
		padding:40px 0 0;
		height: 160px;
	}
	
	.yellow-green {background: #fffbd6}
	.yellow-green ul {clear: both}
	.green {padding: 0 40px 0 0;}
	.col-md-8.green img {padding:20px}

.templatemo_caption h1 {
	margin-top:-25px;
	padding:0 0 0 35px;
}
	h1.big {
		font-size:3.5em;
		padding: 0 0 0 35px
	}
	
	h2.big {padding:0 0 0 37px}

	.pad20 {padding: 15px 0 0 !important;}

	.templatemo_partner_o,
	.templatemo_partner_v,
	.templatemo_partner_g,
	.templatemo_partner_c {
		height: 180px;
	}

	.secHeader-v {padding: 65px 0 0 15px}
	.secHeader-v h2.big {margin-left: 95px}


	.templatemo_partner_1,
	.templatemo_partner_2,
	.templatemo_partner_3,
	.col-md-8.green::after {display: none}

	.bg-img {height: 520px}

	templatemo_portfolio .container .templatemo_col12 {width: 50%}
	.portfolio-thumb img {
		height: auto;
		width: 100%;
	}

	#templatemo_contact {margin-left:-25px}

	.templatemo_slidetitle { font-size: .8em;}
	.templatemo_caption	{ font-size: 12px; top: 20.5%;  width: 90%; margin-left: 5%; }
	.rmargin	{ right: 3%; }
	.btn	{ font-size: 12px; padding: 3px 5px;}
	
	.col-xs-7.col-sm-7.col-md-2.templatemo_col12 {width: 33%;}
	.item.project-post {margin-bottom: 20px;}
	
	.btn-primary {
		bottom:-340px;
		position: absolute}
}
@media(max-width:1200px) {
	.templatemo_caption {top:200px}
	h1.big{ font-size:3.5em}
	.portfolio-item {height: 95px}
	.portfolio-thumb .overlay-p a ul li {padding: 35px;}
}
@media(min-width:769px) and (max-width:992px){
	.templatemo_slidetitle { font-size: .8em;}
	.templatemo_caption	{ font-size: 12px; margin-left: 15%; top: 18%;}
	.btn { font-size: 13px; padding: 3px 5px;}
	.templatemo_container {
	width: 100%;
	}
	
	.templatemo_container .mainMenu li a {padding: 10px}
	.templatemo_margintop10	{margin-top: 10px}
}

@media(min-width:992px) {
  .imgWrp {
    height: 190px;
    opacity: .5;
  }
  .imgWrp:hover {
      height: 220px;
      opacity: 1;
      margin-top: -15px;
  }
  .txtarea { margin: 0}
  
  #box-img_testimonial a {
    width: 50px;
  }
  .opener span:before,
  .opener span:after {
    width: 45%;
  }
  .socials ul {float: right}
}

@media only screen 
and (min-device-width : 320px) 
and (max-width : 540px)	{
	.templatemo_clientwrapper	{font-size: 12px; width: 320px;}
	.templatemo_clientwrapper .next{margin-top: 20px;}
	.templatemo_marginleft50	{margin-left: 50px;}
	.templatemo_clientimage	div.fa	{display: none;}
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	#slider-direction-nav,
	#slider-control-nav { opacity: 1; }
	.portfolio-thumb .overlay-p a ul li {padding:35px}
}