p, li, span, td { font-size: 18px; line-height: 32px;}


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

#Top_bar .container { max-width: 100% !important;}
 #Top_bar .container > div.column.one{ margin: 0 !important;width: 100%;}
#Top_bar .top_bar_left { width: 100% !important;}
#Top_bar .logo {margin: 8px 2% 8px 1% !important; height: 90px; width: 21.6%; max-width: 300px;}
#Top_bar .menu_wrapper{float: none !important;margin: 0px ;position: absolute;left: calc(57% - 430px);}
#Top_bar .menu > li > a span{ padding: 0 10%;}
#Top_bar .menu > li > a { padding: 40px 0 37px!important;}

#rev_slider_2_1 .uranus.tparrows { width: 50px; height: 50px; background: rgba(255,255,255,0); top: 78% !important; border: 1px solid #fff; left: auto !important; right: calc(50% - 654px);}


/*.redes-reloj { display: table;position: absolute;right: 0; width: 434px;}*/
.redes-reloj { display: inline-block; position: absolute; right: 20px; margin: 0; top: 50%; transform: translate(0, -50%);}
.redes-reloj .redes{ display: table-cell; vertical-align: middle; padding: 0 2px 0 10px;}
.redes-reloj .redes .iconosRedes{ overflow: hidden;margin-bottom: 8px;}
.redes-reloj .redes .iconosRedes a{ display: block; background: url("../images/iconosHeader.png") no-repeat 0 0; margin-right: 6px; height: 26px; /*transition: all 0.1s;*/ float: left;}
.redes-reloj .redes .iconosRedes a[title='Facebook']{ background-position: 0 0; width: 22px;}
.redes-reloj .redes .iconosRedes a[title='Twitter']{ background-position: -22px 0; width: 32px;}
.redes-reloj .redes .iconosRedes a[title='Google']{ background-position: -54px 0; width: 42px;}
.redes-reloj .redes .iconosRedes a[title='LinkedIn']{ background-position: -96px 0; width: 29px;} 
.redes-reloj .redes .iconosRedes a[title='Pinterest']{ background-position: -128px 0; width: 22px;}
.redes-reloj .redes .iconosRedes a[title='Facebook']:hover{ background-position: 0 -26px; width: 22px;}
.redes-reloj .redes .iconosRedes a[title='Twitter']:hover{ background-position: -22px -26px; width: 32px;}
.redes-reloj .redes .iconosRedes a[title='Google']:hover{ background-position: -54px -26px; width: 42px;}
.redes-reloj .redes .iconosRedes a[title='LinkedIn']:hover{ background-position: -96px -26px; width: 29px;} 
.redes-reloj .redes .iconosRedes a[title='Pinterest']:hover{ background-position: -128px -26px; width: 22px;}
.redes-reloj .redes .idiomas{text-align: right; }
.redes-reloj .redes .idiomas a{ color: #FFF; margin: 0 8px; float: right;}
a.esp { background: url(../images/esp.png) no-repeat center center;width: 26px; height: 28px; display: block; float: left;}
a.eng { background: url(../images/eng.png) no-repeat center center;width: 26px; height: 28px; display: block;}
.redes-reloj .reloj {display: table-cell; padding: 8px 14px;background-color: rgba(0, 8, 22, 0.5);}
.redes-reloj .reloj h4{ color: #FFF;font-size: 18px;line-height: 22px; margin: 0;text-transform: uppercase;font-weight: normal; font-family: 'Avenir LT Std 65 Light' !important;}
#Top_bar .menu > li > a span:not(.description){font-family: 'Avenir LT Std 65 Light' !important;}
.redes-reloj .reloj strong{ font-family: 'Avenir LT Std 95 Black' !important;}
.redes-reloj .reloj > p{ color: #fff;text-align: center;font-size: 14px;line-height: 20px;margin: 0;}
.redes-reloj .reloj .relojDigital {display: table;margin: auto;}
.redes-reloj .reloj .relojDigital div{}
.redes-reloj .reloj .relojDigital div:first-child{color:#fff;font-size: 28px;text-align: center;display: table-cell;line-height: 48px;}
.redes-reloj .reloj .relojDigital div:first-child .hora{font-size: 28px;}
.redes-reloj .reloj .relojDigital div:first-child .separacion{}
.redes-reloj .reloj .relojDigital div:first-child .minutos{}
.redes-reloj .reloj .relojDigital div:last-child { display: table-cell;vertical-align: middle;}
.redes-reloj .reloj .relojDigital div:last-child .amPM{color: #fff;text-transform: uppercase;display: block;font-size: 14px;line-height: 18px;}
.redes-reloj .reloj .relojDigital div:last-child .iconoLuzNatural{ width: 15px; height: 15px;display: block; float: right; background-size: 100% !important;}
.redes-reloj .reloj .relojDigital div:last-child .iconoLuzNatural.dia{ background: url("../images/icoLuzSol.png") no-repeat; }
.redes-reloj .reloj .relojDigital div:last-child .iconoLuzNatural.noche{ background: url("../images/icoLuzLuna.png") no-repeat;}

.footer_copy {text-align: center !important;}
.sub-menu {
	opacity: 1 !important;
}
#Top_bar .menu > li ul li a {
    color: #fff;
}
#Top_bar .menu > li ul li a {
	background: #4f4e4e !important;
}

#Top_bar .menu > li ul li a:hover {
	background: #333333 !important;
}

#Top_bar .menu li ul li a span {
	color: #FFF;
}
#text-3 .textwidget img {
    width: 300px;
}
#backSec {
    padding-top: 80px;
    padding-bottom: 80px;
}
.header-transparent #Top_bar.is-sticky .menu > li > a span:not(.description) {
	/*font-weight: bold;*/
}
#Top_bar.is-sticky #logo {
    padding: 5px 0!important;
    height: 65% !important;
    line-height: 0px!important;
}
#Top_bar .menu li ul li a {
    padding: 10px 15px 10px 15px;
    display: block;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    line-height: 20px;
}
.is-sticky .sub-menu {
	opacity: 1;
}
#Top_bar .menu li ul { 
    left: -43px;
}
#menu-menufooter {
	text-align:left;
}
/* ------------- About Us ---------------------- */
#aboutUs .one-third.column {
    width: 33%;
}
#aboutUs .one.column {
    width: 100%;
}
#aboutUs .column, .columns {
    float: left;
    margin: 2px;
}
#aboutUs .two-third.column {
    width: 66%;
}
/* ---------------- Sticky Header -------------------*/
#Top_bar.is-sticky { 
	height: inherit !important;
	padding-bottom: 17px;
	/*opacity: 0.7 !important;*/
}
#menu > ul > li > a {
	font-size: 16.5px !important;
}
.sticky-tb-color #Top_bar.is-sticky {
    background-color: rgba(0, 8, 22, 0.8) !important;
}

#Top_bar.is-sticky .menu > li > a:after {
    top: auto;
	bottom: 37px !important;
}
#Top_bar.is-sticky #logo img:not(.svg) {
    max-height: 100% !important;
    width: 100% !important;
    height: 100% !important;
    margin-left: -1px;
}
#Top_bar.is-sticky #logo {
    height: 65%!important;
	position: absolute;
    top: 59%;
    transform: translateY(-49%);
}
.menuo-no-borders #Top_bar .menu > li > a span:not(.description) {
    color: #FFF !important;
}
#Top_bar .menu > li.current-menu-item > a {
    color: #FFF !important;
}

/* ------------------------ Our Services Home ------------------------- */

.column_image .image_frame a{text-align: center;}

#service .one-fifth.column {
	width: 20%;
	margin: 0px 0%; 
}

.paddneft {
	width: 50% !important;
    margin: 0px 0% !important;
    position: absolute;
    top: 51%;
    transform: translateY(-49%);
    float: right !important;
    right: 0px;
}
.gris-fondo {
   background: #F9F9F9 !important;
	padding: 30px 6% 40px !important;
    width: 38% !important;
	margin: 0px !important;
}
.line-about {
    margin: 0px !important;    
}
.no-margin-half {
    width: 50% !important;
    margin: -30px 0px 30px 0px !important
}
.left-imageabout {
    width: 56% !important;
    margin-right: 9.6666% !important;
}
.column_placeholder {
    margin: 0 1% -24px;
}

/* ------------------------ Footer ------------- */

#Footer .widgets_wrapper {
    background: #0D0D0D;
}

/* ---------------------- Why Costa Rica? ------------------- */

.spacesdot {
    width: 50% !important;
    margin: 0px 0% !important;
   position: absolute;
    top: 51%;
    transform: translateY(-49%);
}
.spacesdot p {
    padding: 0px 10% !important;
}
#backSec {
	margin-top: -21px;
}
.spacesdot h2 {
    padding: 0px 14% !important;
}
.mgsBig {
    width: 50% !important;
    margin: 0 0% 0px !important;
    float: right !important;
}

.mgsBigIz {
    width: 50% !important;
    margin: 0 0% 0px !important;
    float: left !important;
}
.spacesdotder {
    width: 50% !important;
    margin: 0px 0% !important;
    position: absolute;
    top: 51%;
    transform: translateY(-49%);
    float: right !important;
    right: 0px;
}

.spacesdotder p {
    padding: 0px 10% !important;
}
.spacesdotder h2 {
    padding: 0px 10% !important;
}

#Top_bar .menu li ul li {
    list-style-image: none !important;	
}

.nopd {
    padding: 50px 12%;
}

/* ----------------------- Estilo Listas -Our services- ----------------------- */

li {
    list-style-image: url('https://www.arweb.com/wp-content/uploads/2017/04/checked-data-1.png');	
}

#CreativeBox li{
	color: #58595b !important;
	text-align:left;
	margin: 0px 11%;
	font-size: 21px;
	line-height: 40px;
}


/* ---------------------------- Estilo Formulario ---------------------------------- */

input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea, .woocommerce .quantity input.qty {
	border:2px solid #3c3838 !important;
	font-size: 15px !important;
	color: #58595b !important;
}
input[type="date"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, select:focus, textarea:focus {
	border-color: transparent !important;
}
a.button_theme, a.tp-button.button_theme, button, input[type="submit"], input[type="reset"], input[type="button"] {
    background-color: #0095eb;
    color: #fff;
    font-size: 17px;
    padding: 10px 55px;
}
input[type="submit"] {
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
}


/* ------------------------- Otros ------------------------------*/

.desktop{ display: block;}
.movil{ display: none;}




/*---------------------------------------------*/
/*---------------- Responsive -----------------*/
/*---------------------------------------------

@media (max-width: 1352px) {
	.redes-reloj { position: relative; right: auto;margin: auto; width: 497px;}
	.redes-reloj .redes .iconosRedes { margin-bottom: 0px; float: left;}
	.redes-reloj .redes .iconosRedes a { margin-right: 2px;}
	.redes-reloj .redes .idiomas { text-align: center; display: inline-block;}
	.redes-reloj .redes .idiomas a {margin: 0 4px;}

	.redes-reloj .reloj {padding: 2px 14px;}
	.redes-reloj .reloj h4 { font-size: 14px; line-height: 18px; width: 96px; float: left;}
	.redes-reloj .reloj > p { display: none;}
	.redes-reloj .reloj .relojDigital { float: left;}
	.redes-reloj .reloj .relojDigital div:first-child { font-size: 38px;}
	.redes-reloj .reloj .relojDigital div:last-child .amPM { font-size: 14px; line-height: 16px;}

	#Top_bar .logo { margin: 0px 0% 8px 20%; height: auto; width: 14%; max-width: 300px;}
	.header-transparent #Top_bar #logo {padding: 0 0 !important;height: auto !important;line-height: normal !important;}
	#Top_bar .menu_wrapper { float: none !important; margin: 0; position: relative; left: 50%; transform: translate(-50%, 0%) !important;width: 55%;}
	#Top_bar .menu > li > a { padding: 2px 0 !important;}
	#Top_bar .menu > li > a span:not(.description) { line-height: 34px; padding: 0 10px;}
	

}*/



@media (max-width: 1239px) {

	#Top_bar #menu ul li a { color: #5f5f5f;}
	
	/* ----------- Why Costa Rica? */
	.spacesdot {     
	width: 100% !important;
    margin: 0px 0% !important;
    position: inherit !important;
    padding: 60px 0px;
	top: 0%;
    transform: translateY(0%);
	}
	.spacesdot h2{     
	font-size: 26px !important;
    padding: 0px 19% !important;
	}
	.spacesdot p{     
    font-size: 19px !important;
    padding: 0px 12% !important;
	}
	.mgsBig {
    width: 100% !important;
    margin: 0 0% 0px !important;
    float: right !important;
	}
	.mgsBigIz{
    width: 100% !important;
    margin: 0 0% 0px !important;
	}
	
	.spacesdotder {     
	width: 100% !important;
    margin: 0px 0% !important;
    position: inherit !important;
    padding: 60px 0px;
	top: 0%;
    transform: translateY(0%);
	}
	.spacesdotder h2{     
	font-size: 26px !important;
    padding: 0px 19% !important;
	}
	.spacesdotder p{     
    font-size: 19px !important;
    padding: 0px 12% !important;
	}
	.nopd .mcb-wrap{
	    padding: 39px 2%;	
	}
	#menu {
		width: 80%;
	}
	#Top_bar.is-sticky .logo {
		position: absolute;
		top: 31px;
	}
	#Top_bar.is-sticky .menu > li > a:after {
		top: 34px !important;
	}
	.logo {
		z-index: 3000 !important;
	}
	.redes-reloj {
		float: right !important; 
	}
	#Top_bar .menu_wrapper {
		width: 100%;
		/*float: right !important;*/
		margin: initial;
		margin: inherit;
		position: initial;
		position: inherit;
	}
	#Top_bar .menu > li > a, #Top_bar #menu ul li.submenu .menu-toggle {
		color: #000 !important;
	}
	#Top_bar .logo {
		margin: 14px 0% 8px 1.5%;
	}


}


@media (max-width: 1169px) {
	/*#rev_slider_2_1 .uranus.tparrows { right: -68px;}*/
}


@media (max-width: 959px) {

	/*#rev_slider_2_1 .uranus.tparrows { right: -58px;}*/
	
	/* About us */
	.logosdeabout {
		margin-top: 50px;
	} 
	#aboutUs .one-third.column {
		width: 32.5%;
	}
	#aboutUs .one.column {
		width: 100%;
	}
	#aboutUs .column, .columns {
		float: left;
		margin: 2px;
	}
	#aboutUs .two-third.column {
		width: 65.5%;
	}
	#Top_bar .logo { 
		margin: 5px 0% 10px 1%; 
		min-width: 257px;
	}
	#clients .one-fifth.column {
		width: 19% !important;
		margin-left: 3% !important;
		margin-right: 3% !important;
		clear: none;
	}
	#menu {
		clear: both;
	}
	#Top_bar.is-sticky .logo {
		position: absolute;
		top: 31px;
	}
	#Top_bar .menu_wrapper {
		width: 91.5% !important;
		float: right !important;
	}
	#Top_bar.is-sticky .menu > li > a:after {
		top: 34px !important;
	}
	.responsivelogos {
		margin-top: 20px;
		position: relative;
		top: 17px;
	}
	.redes-reloj .reloj {
		padding: 11px 14px 11px;
	}
	.logo {
		z-index: 3000 !important;
	}
	#menu {
		width: 100%;
	}
	#centertx h1 {
		padding-top:35px !important;
		font-size: 30px !important;
		line-height: 30px !important;
	}
	#Top_bar.is-sticky {
		padding-bottom: 0px !important;
	}
	#backSec {
		padding-top: 40px !important;
		padding-bottom: 20px !important;
	}
	#menu ul {
		margin: 0 auto !important;
		text-align: center !important;
	}
	.redes-reloj {
		float: right !important; 
	}
	#Top_bar .menu_wrapper {
		width: 80%;
	}
	#Top_bar .menu > li > a, #Top_bar #menu ul li.submenu .menu-toggle {
		color: #000 !important;
	}
	.secondfoot {
		text-align: center;
		font-size: 0.95em;
		clear: both;
		line-height: 40px;
	}
	#textinlinetop {
		    white-space: normal !important;
		left: -11px;
		text-align: right !important;
		width: 400px !important;
		min-width: 390px !important;
		max-width: 390px !important;
		float: right !important;
		right: 0px !important;
		left: -15px !important;
	}
	#slide-4-layer-27 {
		left: 97px;
	}
	#textinlinetop { 
		left: -11px;
	}
	#slide-14-layer-43 {
		left: -11px;
	}
	#floatingtextt {
		left: -17px;
	}
	#slide-4-layer-28{
		left: -16px;
	}
	#slide-4-layer-28 h1{
		font-size:30px !important;
	}
	#slide-4-layer-28{
		font-size:30px !important;
		top: -22px;
	}
	#slide-4-layer-31 {
		left: -11px;
	}
	#slide-4-layer-34 {
		left:-10px;
	}
	#slide-4-layer-33 {
		left: -10px;
	}
	
	/* ---------- */
	
	#slide-8-layer-40 {
		left:-10px;
	}
	#slide-8-layer-28  {
		left:-10px;
	}
	#slide-8-layer-28  h1{
		font-size:30px !important;
	}
	#slide-8-layer-28  {
		font-size:30px !important;
	}
	#floatingtextt2 {
		left:-10px;
	}
	#slide-8-layer-34 {
		left:-10px;
	}
	#slide-8-layer-33 {
		left: -10px;
	}
	
	/* ---------- */ 
	#slide-14-layer-40 {
		left:-10px;
	}
	#slide-14-layer-28  {
		left:-10px;
	}
	#slide-14-layer-28  h1{
		font-size:30px !important;
	}
	#slide-14-layer-28 {
		font-size:20px !important;
	}
	#floatingtextt24 {
		left:-10px;
	}
	#slide-14-layer-34 {
		left:-10px;
	}
	#slide-14-layer-33 {
		left: -10px;
	}
	#slide-14-layer-27 {
		left: 100px;
	}
		
	/* ---------- */ 
	#slide-16-layer-40 {
		left:-10px;
	}
	#slide-16-layer-28  {
		left:-10px;
	}
	#slide-16-layer-28  h1{
		font-size:30px !important;
	}
	#slide-16-layer-28 {
		font-size:20px !important;
	}
	#textRight2 {
		left:-10px;
	}
	#slide-16-layer-34 {
		left:-10px;
	}
	#slide-16-layer-33 {
		left: -10px;
	}
	#slide-16-layer-27 {
		left: 100px;
	}
	
	/* --------- */
	#slide-20-layer-3 h1{
	    font-size: 30px !important;
	}
	#floatingtexttweb h1{
	    font-size: 30px !important;
		line-height: 30px !important;
		padding-top: 44px !important;
	}
	#floatingtexttweb {
	    font-size: 30px !important;
	}
	#slide-22-layer-3 h1{
	    font-size: 30px !important;
	}
	#floatingtextt2 h1{
	    font-size: 30px !important;
		line-height: 30px !important;
		margin-top: 46px !important;
	}
	#floatingtextt2 h1{
	    font-size: 30px !important;
	}
	
	#floatledr  h1{
	    font-size: 30px !important;
	}
	#floatledr  {
	    font-size: 30px !important;
	}
	
	/* ---- */
	#slide-20-layer-3 {
	    font-size: 20px !important;
	}
	#slide-16-layer-45 {
		left:10px;
	}
	#floatledr  {
		left:-10px;
	}
	#slide-20-layer-28  h1{
		font-size:30px !important;
	}
	#slide-20-layer-28 {
		font-size:20px !important;
	}
	#textRight2 {
		left:-10px;
	}
	#slide-20-layer-34 {
		left:-10px;
	}
	#slide-20-layer-33 {
		left: -10px;
	}
	#slide-20-layer-27 {
		left: 100px;
	}
	#slide-13-layer-3 {
		font-size:30px;
	}
	/* ---- */
	#floatingtexttweb {
	    font-size: 20px !important;
		line-height: 30px !important;
	}
	#slide-22-layer-3 {
	    font-size: 20px !important;
	}
	#floatingtextt2 {
	    font-size: 20px !important;
	}
	#floatingtextt2 {
	    font-size: 20px !important;
	}
	.spacesdot .espe {
		padding: 0px !important;
	}
	/* --------- */
	.nomovillg img{
		display: none !important;
	}
	#service {
		padding-top: 0px !important;
	}
	.nopd {
	    padding: 39px 2%;	
	}
	#Top_bar .menu li ul {
		left: -45px;
	}
	#Top_bar.is-sticky #logo {
		height: 50px !important;
	}
	#text-3 .textwidget img {
		width: 230px !important;
	}
	
} /* -------------- Fin responsive Tablet --------------------- */


@media (max-width: 778px) {
	/*.home #mfn-rev-slider { padding-top: 48%;margin-bottom: 40px; background-image: url(../images/header_movil.jpg);background-position: center; background-size: cover;}*/
}




@media (max-width: 767px) {	
	
	.desktop{ display: none;}
	.movil{ display: block;}

	#rev_slider_2_1 .uranus.tparrows { right: -58px;top: 82% !important;}

	#Top_bar .logo { 
		min-width: 240px; 
		float: none; 
		margin: 12px auto; 
		margin-top: 40px !important;
	}


	.redes-reloj { right: auto; background: #000; width: 496px; padding-left: calc(50% - 248px); padding-right: calc( 50% - 248px);}
	#Top_bar a.responsive-menu-toggle { top: -24px !important;}
	#Top_bar #menu ul li a { color: #000 !important;}
	#slide-4-layer-27 {
		left: 20px;
	}
	#floatingtextt {
		left: -17px;
	}
	#slide-4-layer-28{
		left: -16px;
	}
	#slide-4-layer-28 h1{
		font-size:20px !important;
	}
	#slide-4-layer-28{
		font-size:20px !important;
	}
	#slide-4-layer-31 {
		left: -11px;
	}
	#slide-4-layer-34 {
		left:-10px;
	}
	#slide-4-layer-33 {
		left: -10px;
	}
	/* --------------- Acomodar Iconos ---------------------- */
	#localization .one-fourth {
		width: 48% !important;
		clear: none !important;
		margin-left: 1%;
		margin-right: 1%;
		float: left;
	}
	#creativestaff .one-fourth {
		width: 48% !important;
		clear: none !important;
		margin-left: 1%;
		margin-right: 1%;
		float: left;
		}
	#creativeweb .one-fourth {
		width: 48% !important;
		clear: none !important;
		margin-left: 1%;
		margin-right: 1%;
		float: left;
	}
	#digitalmarketing  .one-fourth {
		width: 48% !important;
		clear: none !important;
		margin-left: 1%;
		margin-right: 1%;
		float: left;
	}
	#graphicdesign  .one-fourth {
		width: 48% !important;
		clear: none !important;
		margin-left: 1%;
		margin-right: 1%;
		float: left;
	}
	
	/* ---------- */
	#floatingtexttweb h1 {
		padding-top: 0px !important;
	}
	#centertx h1 {
		padding-top: 0px !important;
		font-size: 20px !important;
	}
	#Top_bar .menu_wrapper {
		float: none !important;
	}
	/* ---------- */
	#certi .paddneft h2 {
		font-size: 40px;
		margin-right: 17px !important;
	}
	#certi .paddneft p {
		margin-right: 0px;
		padding-left: 50px;
	}
	#slide-8-layer-40 {
		left:-10px;
	}
	#slide-8-layer-28  {
		left:-10px;
	}
	#slide-8-layer-28  h1{
		font-size:20px !important;
	}
	#slide-8-layer-28  {
		font-size:20px !important;
	}
	#floatingtextt2 {
		left:-10px;
	}
	#slide-8-layer-34 {
		left:-10px;
	}
	#slide-8-layer-33 {
		left: -10px;
	}
	
	/* ---------- */ 
	#slide-14-layer-40 {
		left:-10px;
	}
	#slide-14-layer-28  {
		left:-10px;
	}
	#slide-14-layer-28  h1{
		font-size:20px !important;
	}
	#slide-14-layer-28 {
		font-size:20px !important;
	}
	#floatingtextt24 {
		left:-10px;
	}
	#slide-14-layer-34 {
		left:-10px;
	}
	#slide-14-layer-33 {
		left: -10px;
	}
	#slide-14-layer-27 {
		left: 100px;
	}
		
	/* ---------- */ 
	#slide-16-layer-40 {
		left:-10px;
	}
	#slide-16-layer-28  {
		left:-10px;
	}
	#slide-16-layer-28  h1{
		font-size:20px !important;
	}
	#slide-16-layer-28 {
		font-size:20px !important;
	}
	#textRight2 {
		left:-10px;
	}
	#slide-16-layer-34 {
		left:-10px;
	}
	#slide-16-layer-33 {
		left: -10px;
	}
	#slide-16-layer-27 {
		left: 100px;
	}
	#floatledr  h1{
	    font-size: 20px !important;
	}
	
	/* --------- */
	#slide-20-layer-3 h1{
	    font-size: 20px !important;
	}
	#floatingtexttweb h1{
	    font-size: 20px !important;
	}
	#floatingtexttweb {
	    font-size: 20px !important;
	}
	#slide-22-layer-3 h1{
	    font-size: 20px !important;
	}
	#floatingtextt2 h1{
	    font-size: 20px !important;
	}
	#floatingtextt2 h1{
	    font-size: 20px !important;
	}
	/* ---- */
	#slide-20-layer-3 {
	    font-size: 20px !important;
	}
	#floatingtexttweb {
	    font-size: 20px !important;
	}
	#slide-22-layer-3 {
	    font-size: 20px !important;
	}
	#floatingtextt2 {
	    font-size: 20px !important;
	}
	#floatingtextt2 {
	    font-size: 20px !important;
	}
	#text-3 .textwidget img{
		width: 230px !important;
	}
	
}

@media (max-width: 640px) {
	#rev_slider_2_1 .uranus.tparrows { width: 30px !important; height: 30px !important;}
	#rev_slider_2_1 .uranus.tparrows::before { width: 30px !important; height: 30px !important; line-height: 30px !important; font-size: 22px !important;}
	.tp-rightarrow.tparrows.uranus{transform: matrix(1, 0, 0, 1, -72, -32) !important;}

}

@media (max-width: 510px) {
	.nopd {
		padding: 30px 1% !important;
	}
	/* ------------------- Responsive de los slides ------------------- */
	#slide-4-layer-27 {
		left: 20px;
	}
	.responsiveimae {
		padding-top: 50px;
	}
	.gris-fondo {
		padding: 0px !important;
		background: transparent;
	}
	#textinlinetop { 
		margin: 0 auto !important;
		left: -70px !important;
	}
	#slide-4-layer-27 {
		left: 40px;
	}
	#Footer .widgets_wrapper .column{
		width: 49%!important;
		clear: none !important;
	}
	#text-3 {
		width: 200%;
	}
	#Footer .widgets_wrapper .column{
		width: 49%!important;
		clear: none !important;
	}
	#floatingtextt {
		left: -17px;
		top: -51px;
		font-size: 12px !important;
	}
	#floatingtextt p{
		font-size: 10px !important;
		line-height: 20px !important;
		top: 40px;
		position: relative;
	}
	#slide-4-layer-28 {
		left: -16px;
		top: -70px;
	}
	#slide-4-layer-28 h1{
		font-size: 20px !important;
		float: right;
		position: relative;
		top: -69px;
		left: -94%;
	}
	#slide-4-layer-28{
		font-size:20px !important;
	}
	#slide-4-layer-25 h1{
		top: -50px;
		left: -19px;
	}
	#textinlinetop {
		    font-size: 11px !important;
		text-align: center !important;
		top: -121px;
		line-height: 15px !important;
		left: -10px !important; 
	}
	/* ----- Botones del slider ---- */
	#slide-4-layer-31 {
		left: -11px;
		font-size: 12px !important;
		padding: 10px 15px !important;
		min-width: initial !important;
		max-width: none !important;
		min-height: initial !important;
		max-height: none !important;
		top: 70px;
	}
	#slide-14-layer-43 {
		font-size: 12px !important;
		padding: 10px 15px !important;
		min-width: initial !important;
		max-width: none !important;
		min-height: initial !important;
		max-height: none !important;
		left: -11px;
	}
	#floatledr {
		left: -10px;
		width: 300px;
	}
	#floatledr  h1 {
		top: -30px !important;
		line-height: 20px !important;
		POSITION: relative;
	}
	#slide-8-layer-40 {
		left: -11px;
		font-size: 12px !important;
		padding: 10px 15px !important;
		min-width: initial !important;
		max-width: none !important;
		min-height: initial !important;
		max-height: none !important;		
	}
	#slide-14-layer-40 {
		left: -11px;
		font-size: 12px !important;
		padding: 10px 15px !important;
		min-width: initial !important;
		max-width: none !important;
		min-height: initial !important;
		max-height: none !important;		
	}
	#slide-14-layer-28 h1 {
		white-space: normal !important;
		max-width: 93% !important;
		min-width: 93% !important;
	}
	#slide-16-layer-40 {
		left: -11px;
		font-size: 12px !important;
		padding: 10px 15px !important;
		min-width: initial !important;
		max-width: none !important;
		min-height: initial !important;
		max-height: none !important;		
	}
	/* ----------- FN ---------- */
	#slide-4-layer-34 {
		left:-10px;
	}
	#slide-4-layer-33 {
		left: -10px;
	}
	
	/* ---------- */
	
	#slide-8-layer-40 {
		left:-10px;
	}
	#slide-8-layer-28  {
		left:-10px;
	}
	#slide-8-layer-28  h1{
		font-size:20px !important;
	}
	#slide-8-layer-28  {
		font-size:20px !important;
	}
	#floatingtextt2 {
		left:-10px;
	}
	#slide-8-layer-34 {
		left:-10px;
	}
	#slide-8-layer-33 {
		left: -10px;
	}
	
	/* ---------- */ 
	#slide-14-layer-40 {
		left:-10px;
	}
	#slide-14-layer-28  {
		left:-10px;
		top: -30px;
	}
	#slide-14-layer-28  h1{
		font-size:20px !important;
		left: 20px !important;
		right: 0px;
		position: relative;
		line-height: 25px !important;
	}
	#floatingtextt24 p {
		text-align: right !important;
		font-size: 10px !important;
		white-space: normal !important;
	}
	#textRight2 p {
		font-size: 10px !important;
		top: -30px;
		position: relative;
	}
	.redes-reloj .redes .iconosRedes a[title="Twitter"] {
		margin-top: 2px;
	}
	.redes-reloj .redes .iconosRedes a[title~="Goggle"] {
		margin-top: 2px;
	}
	
	#floatingtextt2 p {
		font-size: 10px !important;
		white-space: normal !important;
	}
	#slide-14-layer-28 {
		font-size: 20px !important;
		max-width: 180px !important;
		min-width: 180px !important;
		float: right !important;
	}
	#floatingtextt24 {
		left:-10px;
	}
	#floatledr h1 {
		white-space: normal !important;
	}
	#slide-14-layer-34 {
		left:-10px;
	}
	#slide-14-layer-33 {
		left: -10px;
	}
	#slide-14-layer-27 {
		left: 40px;
	}
		
	/* ---------- */ 
	#slide-16-layer-40 {
		left:-10px;
	}
	#slide-16-layer-28  {
		left:-10px;
	}
	#slide-16-layer-28  h1{
		font-size:20px !important;
	}
	#slide-16-layer-28 {
		font-size:20px !important;
	}
	#textRight2 {
		left:-10px;
	}
	#slide-16-layer-34 {
		left:-10px;
	}
	#slide-16-layer-33 {
		left: -10px;
	}
	#slide-16-layer-27 {
		left: 100px;
	}
	#slide-4-layer-27 img{
		justify-content: center;
		margin: 0px;
		position: absolute;
		left: 50%;
		transform: translate(59%, 0%);
	}
	
	/* --------- */
	#slide-20-layer-3 h1{
	    font-size: 20px !important;
	}
	#floatingtexttweb h1{
	    font-size: 20px !important;
	}
	#floatingtexttweb {
	    font-size: 20px !important;
	}
	#slide-22-layer-3 h1{
	    font-size: 20px !important;
	}
	#floatingtextt2 h1{
	    font-size: 20px !important;
	}
	#floatingtextt2 h1{
	    font-size: 18px !important;
	}
	/* ---- */
	#slide-20-layer-3 {
	    font-size: 20px !important;
	}
	#floatingtexttweb {
	    font-size: 20px !important;
	}
	#slide-22-layer-3 {
	    font-size: 20px !important;
	}
	#floatingtextt2 {
	    font-size: 20px !important;
	}
	#floatingtextt2 {
	    font-size: 20px !important;
	}
	.paddneft {
		width: 50% !important;
		margin: 0px 0% !important;
		position: inherit;
		top: 0%;
		transform: translateY(0%) !important;
		float: right !important;
		right: 0px;
	}
	.menuo-no-borders #Top_bar .menu > li > a span:not(.description) {
    color: #000;
	}
	#clients .one-fifth.column {
		clear: none !important;
		margin-left: 2%;
		margin-right: 2%;
		width: 44% !important;	
	}
	.btnCont {
		width: 60%;
	}
	#clients .espaciobottm {
		margin-bottom: 40px !important;
	}
	.redes-reloj { width: 298px; padding-left: calc(50% - 148px); padding-right: calc( 50% - 148px);}
	#menu {width: 75%;
    margin: 0 auto;}
	.redes-reloj .reloj h4{ display: none;}
	.redes-reloj .reloj { padding: 2px 6px;}
	.redes-reloj .reloj .relojDigital div:first-child { font-size: 24px; line-height: 28px;}
	.redes-reloj .reloj .relojDigital div:last-child .amPM { font-size: 8px; line-height: 10px;}
	.redes-reloj .reloj .relojDigital div:last-child .iconoLuzNatural { width: 14px; height: 14px;background-size: 100% !important;}

	.redes-reloj .redes .iconosRedes a {height: 18px;}
	.redes-reloj .redes .iconosRedes a[title="Facebook"] { background-position: 0 0; width: 16px !important;background-size: 614%;}
	.redes-reloj .redes .iconosRedes a[title="Twitter"] { background-position: -15px 0; width: 20px !important; background-size: 480%;}
	.redes-reloj .redes .iconosRedes a[title="Google"] {background-position: -38px 0; width: 22px !important;background-size: 436%;}
	.redes-reloj .redes .iconosRedes a[title="LinkedIn"] {background-position: -76px 0; width: 20px; background-size: 574%;}
	.redes-reloj .redes .iconosRedes a[title="Pinterest"] { background-position: -95px 0; width: 18px !important; background-size: 620%;}

	.redes-reloj .redes .iconosRedes a[title="Facebook"]:hover { background-position: 0 -18px; width: 16px !important;}
	.redes-reloj .redes .iconosRedes a[title="Twitter"]:hover { background-position: -15px -18px; width: 20px !important; }
	.redes-reloj .redes .iconosRedes a[title="Google"]:hover {background-position: -38px -18px; width: 22px !important;}
	.redes-reloj .redes .iconosRedes a[title="LinkedIn"]:hover {background-position: -76px -18px; width: 20px; }
	.redes-reloj .redes .iconosRedes a[title="Pinterest"]:hover { background-position: -95px -18px; width: 18px !important; }
}

@media (max-width: 375px) {
	#slide-4-layer-28 h1 {
		left: -60%;
	}
	#textinlinetop {
		font-size: 11px !important;
		text-align: center !important;
		top: -121px;
		line-height: 15px !important;
		left: -9px !important;
		width: 280px !important;
		max-width: 280px !important;
		min-width: 280px !important;
	}
}


/***************************************************
***********Estilos Maico*****************
****************************************************/

.msacwl-carousel-slide a{
	height: inherit;
	height: initial;
}

.msacwl-gallery-slider .slick-dots, .msacwl-gallery-carousel .slick-dotsm, .msacwl-gallery-caption, .slick-dots{
	display: none!important;
}

.tr-menu.header-fixed #Top_bar:not(.is-sticky){
	background-color: rgba(0, 8, 22, 0.8) !important;
	height: 107px;
}

.header-fixed #Top_bar .menu > li > a span{
	border-color:rgba(0,0,0,0.03);
	text-transform: uppercase;
}

@media handheld, only screen and (max-width: 1280px), only screen and (max-device-width: 1280px){
	#Top_bar .menu > li > a span:not(.description){padding:0 5px;font-size: 14px;}
	#Top_bar .menu_wrapper { left: calc(62% - 430px)}

}


@media handheld, only screen and (max-width: 1239px), only screen and (max-device-width: 1239px){
	.header-fixed #Top_bar .logo{
		width: 19%;
	}

	#Top_bar .menu_wrapper{
		/*margin-top: 31px!important;*/
	}
}

@media handheld, only screen and (max-width: 1100px), only screen and (max-device-width: 1100px){
	.header-fixed #Top_bar .logo{
		width: 15%;
	}
}

@media handheld, only screen and (max-width: 1025px), only screen and (max-device-width: 1025px){

	.redes-reloj{
		display: none;
	}

	.header-fixed #Top_bar .logo {
	    width: 100% !important;
	}

	#Top_bar .menu_wrapper{
		right: inherit;
		right: initial;
		top: 76px;
	}

	#Top_bar a.responsive-menu-toggle{
		margin-top: -50px;
	}

	.header-fixed #Top_bar .logo{
		margin-right: 0;
	}

	.menuo-no-borders #Top_bar .menu > li > a span:not(.description){
		font-size: 15px;
	}

	.redes-reloj .redes{
		padding: 0;
	}

	.menu-main-menu-container{
		background: #4f4e4e!important;
	}

	.menuo-no-borders #Top_bar .menu > li > a span:not(.description){
		color: #FFF;
	}

	#Top_bar .menu > li > a{
		padding-top: 4px!important;
		padding-bottom: 4px!important;
	}

	
	
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
	#Top_bar a.responsive-menu-toggle{
		top: 50px;
	}
}

@media handheld, only screen and (max-width: 959px), only screen and (max-device-width: 959px){

	.tr-menu.header-fixed #Top_bar:not(.is-sticky){
		height: 114px;
	}

	.menuo-right #Top_bar .menu_wrapper{
		margin-top: -37px!important;
	}

	#Top_bar .menu_wrapper{
		width: 100%!important;
	}

	#Top_bar .menu li ul{
		top: 80%;
	}

	.menuo-right #Top_bar .menu_wrapper{
		margin-top: -52px !important;
	}
}

@media handheld, only screen and (max-width: 850px), only screen and (max-device-width: 850px){
	.header-fixed #Top_bar .logo{
		margin: 0!important;
		width: 30%;
	}
}


@media handheld, only screen and (max-width: 767px), only screen and (max-device-width: 767px){


	.header-fixed #Top_bar .logo{
     	margin: 0px auto!important;
     }

     .redes-reloj{
     	display: none;
     }

     #Top_bar .container > div.column.one {
		background: #000;
	}

	.header-transparent #Top_bar #logo{
		line-height: 3!important;
	}

	#Top_bar .logo{
		min-width: 320px;
	}

	#Top_bar a.responsive-menu-toggle {
	    right: 0px;
	}

	#Top_bar .menu_wrapper{
		width: 100%!important;
	}

	#Top_bar a.responsive-menu-toggle {
	    margin-top: -39px;
	}

	.mobile-sticky #Top_bar.is-sticky #logo {
	    display: block;
	    height: 50px !important;
	    line-height: 50px !important;
	    margin: 0 !important;
	    width: 144% !important;
	    background: #000;
	    padding: 10px!important;
	}

	.logo{
		z-index: 0!important;
	}

	#Top_bar.is-sticky .logo {
		background: #000;
	}


	.mobile-sticky #Top_bar.is-sticky #logo {
	    width: 250% !important;
	}

	#Top_bar.is-sticky #logo img:not(.svg){
		height: 83% !important;
		margin-left: -40px;
	}


	/****nueva diagramación: fixed*****/
	.tr-menu.header-fixed #Top_bar:not(.is-sticky) {
	    background-color: rgba(0, 8, 22, 0.8) !important;
	    height: 82px;
	    position: fixed;
	    top: 0px;
	}

	.mfn-main-slider{
		margin-top: 82px;
	}


	#Top_bar .menu_wrapper{
		top: inherit;
	}

	.menuo-right #Top_bar .menu_wrapper{
		margin-top: 12px !important;
	}

	#Top_bar a.responsive-menu-toggle.is-sticky{
		position: absolute;
	}

	#Top_bar .logo{
		height: initial;
		height: inherit;
	}

	#Top_bar .menu_wrapper{
		right: initial;
		right: inherit;
	}

	
	/****/
}

@media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 480px){

	

	#Top_bar a.responsive-menu-toggle.is-sticky {
	    
	    right: 1px;
	    top: 30px;
	}

	#Top_bar.is-sticky #logo img:not(.svg){
		height: 92% !important;
	}

}

@media handheld, only screen and (max-width: 375px), only screen and (max-device-width: 375px){
	.mobile-sticky #Top_bar.is-sticky #logo {
	    width: 130% !important;
	}

	#Top_bar.is-sticky #logo img:not(.svg){
		height: 83% !important;
		margin-left: -65px;
	}
}

@media handheld, only screen and (max-width: 320px), only screen and (max-device-width: 320px){
	.mobile-sticky #Top_bar.is-sticky #logo {
	    width: 130% !important;
	}

	#Top_bar.is-sticky #logo img:not(.svg){
		height: 83% !important;
		margin-left: -132px;
	}
}