html, body{height: auto;min-height:100%;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
:focus{outline:none;}
ul,ol{list-style:none;text-align:center;overflow:auto;margin:0;padding:0;}
table,img{border:0;}
img{max-width:100%;}
table{border-spacing:0;border-collapse:collapse;width:100%;padding:0;}
td{margin:0;padding:0;}
input[type=submit],input[type=button]{cursor:pointer;background:#F97F34;color:#FFF;border:0;font-size:1.1em;border-bottom:2px solid #DB5D2F;line-height:1.2em;vertical-align:middle;padding:7px 15px;} .input[type=submit]:hover,input[type=button]:hover{background:#DB5D2F;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;transition:all .5s linear;cursor:pointer;}
.clear{display:block;height:1px;width:100%;clear:both;}
input,textarea,select{font-family:'Montserrat';}
a {color: #1f2732;text-decoration: none;}
body{background-color: #fff;color: #0e0e0e;font-family: 'Montserrat';font-size:13px;line-height:22px;margin:0;} #wrapper{width: 100%;margin:auto;min-height: 100%;padding-top: 96px;}
#open-menu {position: absolute;display: none;height: 36px;width: 36px;cursor: pointer;background-size: contain;right: 5%;top: 10px;border-radius: 3px;-moz-border-radius: 3px;margin: 0;-webkit-border-radius: 3px;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;transition: all .3s linear;}
#open-menu:hover{}
section h1{
}
section h2{
}
.center_content{max-width: 1400px;margin:auto;overflow: visible;}
.c-whats {
    position: fixed;
    bottom: 15px;
    right: 15px;
    background: #1f2732c7;
    width: 64px;
    height: 64px;
    text-align: center;
    line-height: 64px;
    font-size: 3.5em;
    border-radius: 100%;
    color: #ffffff;
}
header{
    width: 100%;
    height: 96px;
    margin: auto;
    overflow: visible;
    background: #1f2732;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
}
header .logo_container{
    width: 20%;
    float: left;
}
header #logo{background: url(../images/logo.png) no-repeat center center;background-size:contain;width: 100%;height: 96px;text-indent:-9999px;display: block;margin: 0px auto;}

nav {}
#navbar{list-style:none;margin: 0 auto;padding: 28px 0;width: 100%;display: table;-webkit-transition: padding-bottom 0.5s;transition: padding-bottom 0.5s;}
#navbar li{display: inline-block;margin: 0 10px;text-transform:uppercase;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;transition: all .3s linear;z-index: 9;white-space: nowrap;}
#navbar li a:after{
    color: #fff;
    content: "\f111";
    font-family: FontAwesome;
    font-size: 5px;
    margin-left: 0;
    position: relative;
    right: -25px;
    top: -3px;
 }
#navbar li:last-child > a:after{
    display: none;
}
#navbar li:hover{cursor:pointer;}
#navbar li a{color: #FFFFFF;text-decoration:none;display: inline-block;padding: 10px 15px;font-size: 1.1em;}
#navbar li:hover a{color: #00d191;}
header,header .center_content #logo,header nav,header #navbar{
	transition:0.3s;
	-moz-transition:0.3s;
	-webkit-transition:0.3s;
}
header.fixed,header.fixed .center_content #logo,header.fixed nav{
    height: 60px;
}
header.fixed #navbar{
    padding: 1% 0;
}
h1 {font-family: 'Montserrat';text-transform: uppercase;}
footer {width: 100%;margin: auto;display: block;clear: both;background: #1f2732;overflow:auto;color: #cccccc;padding: 15px 0;font-size: 1.1em;text-align: center;font-weight: 300;}
footer .column.three{
    background: none;
    border: 0;
    text-align: center;
}
.center {
max-width: 1200px;
margin: auto;
}
footer h3 {color: #FFFFFF;
margin: 0;
font-size: 1em;
font-family: 'Montserrat';}
footer a {color: #009668;text-decoration: underline;margin: 3px 0;font-weight: 300;}
footer b {font-weight: 100;font-size: 1em;color: #00A5B9;}
footer .logo_footer{
    background: url(../images/logo.png) no-repeat center center;
    background-size: contain;
    width: 100%;
    height: 80px;
    display: block;
    margin: 0px auto;
    }
    .section_center {
    width: 100%;
    max-width: 1400px;
    margin: auto;
}
.circles{
    text-align: center;
    margin: 50px 0;
    clear: both;
}
.circles .circle{
    display: inline-block;
    width: 33%;
    color: #00b589;
    vertical-align: top;
}
.circles .circle h3{
    font-size: 1.5em;
    font-family: 'Montserrat';
    color: #00d191;
    margin: 25px 0;
}
.circles .circle p{
    font-size: 1.3em;
    color: #2b2b2b;
    width: 80%;
}
.circles .circle i{
    width: 150px;
    font-size: 7em;
    color: #fff;
    height: 150px;
    line-height: 150px;
    text-align: center;
    border-radius: 100%;
    background: #00b589;
    position:relative;
    transition:0.5s;
    -moz-transition:0.5s;
    -webkit-transition:0.5s;
}
.circles .circle i:before{
	z-index:2;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.circles .circle i:after{
	content: "";
	background: rgb(31, 39, 50);
	position: absolute;
	left: 50%;
	top: 50%;
	right: 50%;
	bottom: 50%;
	-moz-transition: 0s;
	-webkit-transition: 0s;
	-o-transition: 0s;
	transition: 0s;
	z-index: 1;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.circles .circle:hover > i:after{ top:0; bottom:0; left:0; right:0;}

.circles.c2 .circle h3{
    color: #fff;
}
.circles.c2 .circle i{
    background: #FFF;
    color: #2bb78c;
}

.circles.c2 .circle p{}
.section h1 {font-size: 3em;text-align: center;margin: 50px 0;color: #00b085;font-weight: 600;}
.section h2 {

color: #1f2732;

font-size: 2em;

margin: 35px 0;

text-align: center;

font-weight: 600;

display: block;

line-height: normal;
}
.section {overflow: hidden;margin: auto;width: 100%;}
.section.main{background: url(../images/desarrolloweb.png) no-repeat #00b589;background-size: 1400px;background-position: center center;height: 500px;}
.section.main .content-main{
    float: right;
    width: 50%;
    text-align: left;
    margin-top: 80px;
}
.section.main h1{
    font-size: 3.3em;
    color: #fff;
    max-width: 600px;
    line-height: normal;
    text-align: left;
    margin: 0;
}
.section.main h2{
    font-size: 2.5em;
    text-align: left;
    line-height: normal;
    color: #1f2732;
}
.section.main a.action{
    display: block;
    background: #00b589;
    width: 200px;
    text-align: center;
    color: #fff;
    border-radius: 15px;
    font-size: 1.5em;
    font-weight: 600;
    padding: 15px;
    border: 3px solid #fff;
    letter-spacing: 2px;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}
.section.main a.action:hover{
    background: #067b5f;
}

.section.white {background: #fff;}
.section.green {background: #2bb78c;color: #fff;}
.section.gray {background: #f3f3f3;}
.section.blue {background: #fff;}
h2,h3 {font-family: 'Montserrat';font-weight: 400;text-transform: uppercase;}
h3{
    font-size: 3em;
    text-align: center;
    margin: 50px 0;
    color: #00b085;
    font-weight: 600;
}
.column {width: 98%;margin: 10px auto;padding: 10px 20px;cursor:default;overflow: auto;}
.back{background: #FAFAFA;}
.column.single .img{ float:left;  max-width: 33%;}
.column.single h2 , .column.single p{ float: right; width: 65%;}
.column.two{margin: 0px 1% 2%;width: 48%;}
.column.two.left{float:left;background: #f1f1f1;}
.column.two.right{float:right;border: 0;background: #5ecaaf;}
.column.two p.text{
    color: #000;
    text-align: center;
}
.column.three{margin: 15px .5% 20px .5%;width: 31%;display: inline-block;vertical-align: top;}
.column.customer_info {
    border-bottom: 1px solid #DDD;
    margin-bottom: 35px;
    padding-bottom: 25px;
}
p {margin: 15px auto;font-size: 1.4em;font-weight: 300;color: #666;}
#pedir-presupuesto{padding: 35px 0;text-align: center;}
#pedir-presupuesto h3{color: #18ac83;font-size: 3em;margin: 15px 0;line-height: 1em;font-family: 'Montserrat';}
#pedir-presupuesto span{font-size: 2em;font-weight: 400;max-width: 100%;color: #1c8464;display: block;line-height: 1.6em;margin: 25px auto 15px;font-family: 'Montserrat';}
#pedir-presupuesto a{color: #01ac83;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;padding: 15px 50px;font-size: 2.3em;margin: 20px 0;font-family: 'Montserrat';font-weight: 900;display: inline-table;border: 2px solid #01ac83;}
.section#clientes h2{
    font-size: 2em;
    color: #1f2732;
    margin-top: 50px;
}
.clientes_content{
    width: 96%;
    position: relative;
    margin: auto;
    margin-bottom: 60px;
}
.clientes_lista {list-style: none;padding: 0;margin: 0 auto;text-align:center;width: auto;}
.clientes_lista li {display: inline-block;width: 16.6666666%;text-align: center;margin: 0;padding: 15px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;color: #000;-webkit-margin-before: 0;-webkit-margin-after: 0;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 0;}
.clientes_lista span {font-size: 1.1em;font-weight: 300;display: block;margin: 10px 0;}
.clientes_lista li b {display: block;width: 180px;height: 70px;background: url(../images/customer.png) no-repeat #FFF;cursor: pointer;text-indent: -9999px;margin: auto;border: 1px solid #e6e6e6;border-radius: 10px;}
.merkabici b {background-position: -185px -2px !important;}
.merkamovil b {background-position: -185px -77px !important;}
.eWadoo b {background-position: -185px -756px !important;}
.tanuncios b {background-position: -185px -153px !important;}
.masqmoviles b {background-position: -185px -304px !important;}
.cerr b {background-position: -185px -229px !important;}
.digitalshop b {background-position: -185px -606px !important;}
.milantiguo b {background-position: -185px -380px !important;}
.marchasyrutas b {background-position: -185px -680px !important;}
.tomobila b {background-position: -185px -454px !important;}
.exito{
	display: block;
	width: 400px;
	border: 1px solid #090;
	background: #CF9;
	color: #090;
	padding: 5px;
	margin-bottom: 15px;
}
.error{
	border:1px solid #f00 !important;
}
label {
	font-size: 1.2em;
	color: #000000;
	display: inline-block;
	height: 46px;
	float: left;
	line-height: 46px;
	font-weight: 300;
	width: 30%;
}
input[type=text] {font-family: 'Montserrat', Arial, sans-serif;max-width: 100%;padding: 15px 10px;border: 0;border-bottom: 2px solid #2e947b;display: inline-block;margin-bottom: 10px;background: #5ecaaf;color: #fff;font-size: 1.5em;width: 100%;font-weight: 600;text-align: center;}
input:focus,textarea:focus {border-bottom: 2px solid #146954;}
form#contact_form {
	margin: 20px auto;
	max-width: 400px;
}
form#contact_form ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #2b846d;
  opacity: 1; /* Firefox */
}

form#contact_form :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #2b846d;
}

form#contact_form ::-ms-input-placeholder { /* Microsoft Edge */
  color: #2b846d;
}
textarea {
	font-family: 'Montserrat', Arial, sans-serif;
	color: #fff;
	font-size: 1.5em;
	font-weight: 600;
	width: 100%;
	resize:none;
	height:150px;
	padding: 15px 10px;
	border: 0;
	display: inline-block;
	background: #48b197;
	text-align: center;
	border-bottom: 2px solid #2e947b;
}
.enviar {
    display: block;
    width: 100%;
    margin: 20px auto;
    text-align: center;
    background: #ff784d;
    height: 46px;
    border-bottom: 2px solid #d44518;
    color: #FFF;
    font-size: 1.6em;
    line-height: 46px;
    border-radius: 5px;
    font-weight: 300;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    font-family: 'Montserrat';
}
.enviar:hover {
    background: #f16538;
}
.anim {
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.left{
	float:left;
	width: 48%;
	display:block;
}
.right {
float: right;
width: 50%;
padding-left: 20px;
display: block;
border-left: 1px dotted #999;
}
.img img {opacity: 1;margin: auto;display: block;max-width: 100%;background: #FFF;}
.script_more_info {
    background-color: #FF9800;
    color: #FFF;
    font: bold 1.3em 'Montserrat', sans-serif;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 10px 20px;
    display: inline-block;
    margin: 20px 15px;
    border-bottom: 2px solid #d08415;
    min-width: 250px;
    text-align: center;
}
.script_demo {
    background-color: #2bb78c;
    color: #FFF;
    font: bold 1.3em 'Montserrat', sans-serif;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 10px 20px;
    display: inline-block;
    margin: 20px 15px;
    border-bottom: 2px solid #1c8464;
    min-width: 250px;
    text-align: center;
}
p strong {color: #00b085;font-weight: 400;}
.hidden{ display:none; visibility: hidden;}
#send_response {
background: #F77A7A;
width: 97%;
margin-top: 10px;
height: auto;
font-weight: 300;line-height: 32px;
font-size: 1.2em;
color: #FFF;
text-indent: 15px;
border-radius: 3px;
-moz-border-radius: 3px;-webkit-border-radius: 3px;}
#send_response.valid {background: #FF9800;}
footer img {
	max-width: 90%;
	margin: 57px auto 0;
	display: block;
}
.section_img{ margin:auto; display:block; max-width:100%}
ul.list{
    text-align: inherit;
    list-style: inherit;
    padding: 0 30px;
    margin: initial;
    width: 90%;
    margin: auto;
}
ul.list.pr{margin-bottom: 40px;list-style: none;}
ul.list li{
    font-weight: 300;
    font-size: 1.3em;
}
ul.list.pr li{
    float: left;
    width: 33%;
    text-align: center;
    font-weight: 300;
    color: #00a572;
    font-size: 1.4em;
    padding: 3px 0;
}
ul.list li h4{
    color: #0a8c64;
    font-weight: 400;
    font-family: 'Montserrat';
}
.button_center{text-align:center;overflow: auto;margin-bottom: 50px;}
label.terms{
    float: none;
    width: 100%;
    height: 32px;
    font-size: 1em;
    line-height: 32px;
    margin: auto;
    display: block;
    color: #fff;
}
label.terms input[type=checkbox]{
    vertical-align: middle;
    margin: 5px 5px 5px 10px;
}
.legal{
    width: 90%;
    margin: 15px auto;
}
.legal p{
    color: #010101;
    line-height: 1.7rem;
}
.legal h4{
    text-transform: uppercase;
    font-size: 1.2em;
}
.legal ul,
.legal ol{
    text-align: left;
    list-style: initial;
    padding: 0 25px;
}
/***** Media Queries *****/
@media screen and (max-width: 1200px) {
	header .logo_container{
    width: 20%;
 }
 header #logo {
    width: 90%;
}
	#navbar{}
	#navbar .li_sep{ display:none}
	header{
}
	header h1{
    margin-top: 150px;
}
	header.fixed #navbar{
    padding: 0;
 }
	#navbar li{
    margin: 0;
}
#navbar li a:after {
    right: -17px;
    top: -3px;
}
.section.main{
    background-size: 1000px;
    height: 400px;
}
.section.main h1{
    font-size: 3em;
}

.section.main .content-main{
    margin-top: 50px;
}
.section.main h2{
    font-size: 2em;
}
.circles{
    margin: 50px 0 0px;
}
	#wrapper, header, footer, .center, .section,#navbar{width:100%;margin:auto;}
	#navbar li a {
    padding: 10px 15px;
}
	.section h2{font-size: 1.5em;}
	.column.three{
    width: 32%;
 
}
.clientes_lista li{
    min-width: 182px;
}
footer{padding: 15px;}
.column.single .img{
    padding: 30px 0;
}
header.page h1{
    font-size: 2.5em;
    line-height: 1.1em;
}
header.page h2{
    margin-top: 15px;
    font-size: 2em;
}
input[type=text],textarea{
    max-width: 70%;
    width: 100%;
}
}
@media screen and (max-width: 1020px){
	#wrapper{ padding-top: 60px}
	header{
    height: 60px;
}
header #logo{
    height: 60px;
}
header .logo_container{
    width: 30%;
    float: none;
    margin: auto;
}
	#open-menu {float: left;display: block;height: 40px;width: 40px;background-size: contain;position: relative;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;font-size: 3em;color: #fff;line-height: 40px;text-align: center;top: 10px;cursor: pointer;left: 15px;}
nav {
    width: 100%;
    float: none;
    position: absolute;
    margin: 0;
    top: 60px;
    height: auto;
}
#navbar {
    position: absolute;
    font-size: 1.4em;
    display: none;
    background: #1f2732;
    padding: 0;
    border-top: 1px solid #161d25;
}
#navbar li {
    width: 100%;
    margin: 0;
    padding: 10px 0;
    margin: 0 !important;
    border-bottom: 1px solid #161d25;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
#navbar li a {
    padding: 0;
    line-height: 2.2em;
}
#navbar li a:after {
	display:none;
}
.section.main{
    background-size: 800px;
    height: 350px;
}
.section.main h1{
    font-size: 2em;
}

.section.main .content-main{
    margin-top: 50px;
    padding-right: 25px;
}
.section.main h2{
    font-size: 1.6em;
}
}
@media screen and (max-width: 767px) {
	header{
    height: 60px;
}
header #logo{
    height: 60px;
}
header .logo_container{
    width: 40%;
}
	#open-menu {
		font-size: 2.5em;
		}
	nav {
    width: 100%;
    float: none;
    position: absolute;
    margin: 0;
    top: 60px;
    height: auto;
}
#navbar {
    padding-top: 0;
    position: absolute;
    font-size: 1.4em;
    display: none;
}
header.fixed #navbar{ padding:0}
header.fixed nav{ height:auto}
.section.main{
    background-size: 700px;
    height: 350px;
}
.section.main h1{
    font-size: 1.9em;
}

.section.main .content-main{
    margin-top: 50px;
    padding-right: 25px;
}
.section.main h2{
    font-size: 1.5em;
}
.section.main a.action{
    font-size: 1.3em;
    padding: 10px;
    margin: auto;
}
h3{font-size: 2.1em;line-height: 1.1em;}
header{
    height: 60px;
}	header #logo{
    max-width: 100%;
 }
	#navbar li a {padding: 0 6px 0 6px;line-height: 2em;}
	.section h2{font-size: 1.8em;}
	.column.three{
    width: 99%;
	}
	.column.three .img {
float: left;
margin-right: 2%;
}
	.column.single p{
	}
.column.two{
    width: 96%;
    margin: 0 auto 15px auto;
    float: none !important;
}
header h1{
    margin-top: 30px;
    font-size: 2em;
}
header h2{
    font-size: 1.6em;
    margin-bottom: 50px;
}
.circles .circle{
    width: 100%;
    margin-bottom: 50px;
    vertical-align: top;
}
.circles .circle i{
    width: 150px;
    height: 150px;
    line-height: 150px;
    font-size: 6em;
}
.circles .circle h3{
    font-size: 1.2em;
}
}
@media screen and (max-width: 620px) {
	#wrapper{
    padding-top: 60px;
}
	.header_content .logo_container{
    width: 50%;
}
input[type=text], textarea{
    max-width: 100%;
}
p{font-size: 1.2em;}
#navbar{
    font-size: 1.2em;
}
#navbar li{
    padding: 5px 0;
}
	header h1{
    FONT-SIZE: 1.7em;
    line-height: 1.1em;
}
	header h2{}
	.circles .circle{
    width: 100%;
    margin-bottom: 50px;
    vertical-align: top;
}
#pedir-presupuesto h3{font-size: 2em;margin: 0;line-height: 1em;}
#pedir-presupuesto span{font-size: 1.5em;line-height: 1.3em;}
#pedir-presupuesto a{padding: 15px 30px;font-size: 2em;}

	.circles .circle i{
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 4em;
 }
	.circles .circle h3{
		font-size: 1em;
		margin: 5px;
	}
.nm{ display:none;}
.column{
    padding: 0;
}
.section.main{
    background: url(../images/desarrolloweb_mobile.png) no-repeat #00b589;
    background-size: 450px;
    height: 550px;
    background-position: center top;
}
.section.main h1{
    font-size: 2em;
    text-align: center;
}

.section.main .content-main{
    float: none;
    width: 90%;
    text-align: center;
    padding: 0;
    margin: 250px auto 0;
}
.section.main h2{
    font-size: 1.6em;
    text-align: center;
}
.section h1{
    margin: 30px 0;
    font-size: 2em;
}
.column.single .img{
    float: none;
    width: auto;
    max-width: 100%;
    margin-top: 0;
}
form#contact_form{
    max-width: 90%;
}
header{
    height: 60px;
}	header #logo{
    max-width: 100%;
    margin: 0 auto;
    float: inherit;
}
.script_more_info{
    float: none;
    margin: 25px auto;
    display: table;
}
.script_demo{
    float: none;
    margin: 10px auto;
    display: table;
}
.img img{ max-width:100%;}
	.section h2{font-size: 1.8em;}
	.column.three{
    width: 99%;
	}
	.column.three .img {
clear: both;
float: none;
margin: 2% auto;
}
	.column.single h2, .column.single p{
    width: 100%;
	
    float: none;
    max-width: 90%;
}
.share{
    margin-top: 15px;
}
}