/* =============================================================================
   HTML5 CSS Reset Minified - Eric Meyer
   ========================================================================== */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
li{list-style:none}


/* FONTS */
@font-face {
    font-family: 'Caviar Dreams';
    font-style: normal;
    font-weight: normal;
    src: local('Caviar Dreams'), url('../fonts/CaviarDreams.woff') format('woff');
}
@font-face {
    font-family: 'Caviar Dreams Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Caviar Dreams Bold'), url('../fonts/CaviarDreams_Bold.woff') format('woff');
}



/* =============================================================================
   My CSS
   ========================================================================== */

/* ---- base ---- */

html,body{ 
	background:#222;
	background:transparent;
	color:#fff;
	height:100%;
	width:100%;
}

html{
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body{
  font:normal 100% Kanit, Arial, Helvetica, sans-serif;
}

canvas{
  display:block;
  vertical-align:bottom;
}

/* ---- particles.js container ---- */

#particles-js{ 
	background-color: #000;
	background-image: url('');
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	height: 100%;
	margin-left: -15px;
	margin-right: -15px;
	position: absolute;
	width: 100%;
	z-index: 1;
	background-color: rgba(0,0,0,0.7);
}


/* ---- HOME ---- */
.featured-title{
	float:left;
	height: auto;
	position:relative;
	width:100%;
	z-index:7;
}
	.featured-title img{
		display: block;
		float: none;
		margin: 160px auto 80px;
		max-width: 300px;
		text-align: center;
		width: 100%;
	}
	
	.featured-title h1{
		float: left;
		font-size: 2.7em;
		font-weight: 500;
		font-weight: 100;
		line-height: 1em;
		margin: 0 0 25px 0;
		text-align: center;
		text-shadow:1px 1px 1px #999;
		width: 100%;
		letter-spacing:0.5px;
	}
	.featured-title h1 span{
	    color: #ea0026;
		color: #FF2F06;
		color: #FF2A00;
		text-shadow:1px 1px 1px #888;
		text-shadow:1px 1px 1px orangered !important;
		color: #f95800;
		float: left;
		text-shadow:1px 1px 1px #222;
		width: 100%;
	}

	.typed_wrap{
		color: #ccc;
		float: left;
		font-size: 1.6em;
		font-weight:300;
		margin: 50px 0 45px 0;
		text-align:center;
		width: 100%;
	}
		.typed_wrap h2{
			font-weight:200;
		}
		.typed_wrap span{
			color: #fff;
			color:#f95800;
			font-size: 0.9em;
			font-weight: 300;
		}
	
	
	
	.typed_wrap {
    margin: 30px 0 45px 0;
	}
	
	.typed_wrap .title-news{
		color:#fff;
		font-size:1em;
		font-weight:400;
		margin-bottom:12px;
	}
	.typed_wrap .link-news{
		color:#fff;
		float:left;
		width: 90%;
		font-size: 18px;
		margin: 0 5% 3px;
	}
	.typed_wrap .link-news:hover{
		color:#fff;
	}
	.typed_wrap .link-news:visited{
		color:#fff;
	}
	.container-fluid {
    overflow: hidden;
	}
	
/* HEADER */
.row-first{
	border-bottom:1px solid #111;
}
.topbar-transparent {
    color: #fff;
    background: transparent;  
	background: rgba(0,0,0,0.2);
	/*border-bottom: 1px solid #444;*/
    padding: 6px 0;
	position: absolute;
	width: 100%;
	z-index: 1000 !important;
}

.top-info {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0 0 3px 0;
}		
.top-info li {
    display: inline-block;
	position:relative;
}
.top-info a:after {    
	background: none repeat scroll 0 0 transparent;
	background: #fff;
	bottom: 0;
	content: "";
	display: block;
	height: 1.5px;
	margin-top:2px;
	position: relative;
	transition: width 0.3s ease 0s, left 0.3s ease 0s;
	width: 0;
}
.top-info a:hover:after { 
	width: 100%; 
	left: 0; 
}

.top-info .info-icon {

    color: #2154cf;
    display: inline-block;
    position: relative;
    margin-right: 10px;
	top: 1px;
    margin-right: 5px;
}		
.top-info i {
    color: #fff;
    font-weight: 300;
    font-size: 1em;
}	

.top-info .fa, .top-info .fab, .top-info .fal, .top-info .far, .top-info .fas{
	font-weight:300;
}

.top-info .info-wrapper:after {
    position: absolute;
    content: '';
    background: rgba(255, 255, 255, 0.9);
    right: -9px;
    width: 1px;
    height: 15px;
    top: 5px;
}
.info-wrapper-last:after{
	height:0;
	display:none;
}
.top-info .info-wrapper {
    display: inline-block;
    margin-right: 15px;
    position: relative;
    padding-right: 10px;
}
.top-info p {
	color:#fff;
    color: rgba(255,255,255,0.9);
    font-weight: 200;
    font-size: 1em;
}
.top-info li .info-wrapper p {
    font-size: 0.95em;
    margin-bottom: 0;
    line-height: normal;
    font-weight: 200;
    color: #fff;
}
.top-info li:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
}
.text-lg-right {
    text-align: right !important;
}
.top-social {
    list-style: none;
    margin: 0;
    padding: 0;
}
.top-social li{
	float:right
}
.topbar-transparent li a {
    color: #fff;
	font-size: 0.97em;
}
.top-social-divider{
	background: rgba(255, 255, 255, 0.9);
	float:right;
	height: 15px;
	margin: 4px 8px 0;
	width: 1px;
}
.top-social-mail{
	margin: 0 7px;
}
.top-social-mail i{
	margin: 0 1px 0 0;
}
.top-social-mail a{
	font-weight:300 !important;
	margin: 0 !important;
}
.top-social a {
    color: #fff;
	font-size: 1em;
    margin-left: 15px;
	margin: 0 7px;
	font-weight:300;
}
#top-bar a:hover{
	text-decoration:none !important;
}
#top-bar a:active{
	text-decoration:none;
}
#top-bar a:visited{
	text-decoration:none;
}


.header{
	float:left;width:100%;background:#000;
	position: relative;z-index: 1;background: #000;box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.10);padding-bottom: 40px;
	display:table;height:100%;height:100vh;
	background-image: url(../images/slider.jpg);
	background-size: cover;
}

#particles-js{
	position: absolute;
	width: 100%;
	height: 100vh;
	height:100%;
	top: 0;
	left: 15px;
	right: 15px;
	z-index: 6;
}


/* Menu */

.nav-icon span {
    background: #fff;
}
/* Nav Icon */

/*------------------------ 2.2 Full Menu ------------------------*/

.full-menu{
    background: #fff;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 4;
    transform: translateX(100%);
    transition: all ease 0.4s 0.6s;
}

.full-menu .full-inner{
    height: 100%;
}

.full-menu .full-inner nav{
    text-align: left;
    padding-left: 5%;
    display: table;
    height: 100%;
}

.full-menu .full-inner nav ul{
    display: table-cell;
    vertical-align: middle;
}

.full-menu .full-inner nav ul li{
    list-style: none;
    overflow: hidden;
}

.full-menu .full-inner nav ul li a{
    color: #4f535f;
	color: #fff;
	text-shadow:1px 1px 1px #333;
    font-size: 40px;
    font-weight: 900;
    text-decoration: none;
    transform: translateY(47px);
    display: block;
    transition: all ease 0.4s 0.0s;
}

.full-menu .full-inner .full-contact ul{
    display: table-cell;
    vertical-align: middle;
}


.full-menu .full-inner .full-contact ul li{
    list-style: none;
    transform: translateY(25px);
    opacity: 0;
    transition: all ease 0.4s 0.3s;
}


.full-menu .full-inner .full-contact ul li.title{
    font-size: 30px;
    font-weight: 900;
}

.full-menu .full-inner .full-contact ul li{
    font-size: 20px;
    color: #fff;
    font-weight: 600;
}

.full-menu .full-inner .full-contact ul li .social{
    margin-top: 10px;
}

.full-menu .full-inner .full-contact ul li .social a{
    font-size: 13px;
    color: #4f535f;
    text-decoration: none;
    margin-right: 10px;
}

.full-menu .full-inner .full-contact ul li .social a i:hover{
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}


/* Full Menu Animate */

.full-open .full-menu{
    transform: translateX(0);
    transition-delay: 0s;
}

.full-open .full-menu .full-inner nav ul li a{
    text-decoration: none;
    transform: translateY(0);
    transition: transform ease 0.7s 0.5s;
}

.full-open .full-menu .full-inner nav ul li a:hover{
	color: #f95800;
    transition: all ease 0.3s;
}

.full-open .full-menu .full-inner .full-contact ul li:nth-child(1){
	color: #f95800;
    transform: translateY(0);
    opacity: 1;
    transition: all ease 0.7s 1.0s;
}
.full-menu .full-inner .full-contact .title {
    color: #ea0026;
}


.full-open .full-menu .full-inner .full-contact ul li:nth-child(2){
    transform: translateY(0);
    opacity: 1;
    transition: all ease 0.7s 1.2s;
}
.full-open .full-menu .full-inner .full-contact ul li:nth-child(3){
    transform: translateY(0);
    opacity: 1;
    transition: all ease 0.7s 1.4s;
}


	
/* Nav Icon */

.nav-icon span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #000;
	background: #fff;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.nav-icon:hover span:nth-child(3){
    width: 100%;
}

.nav-icon span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.nav-icon span:nth-child(2) {
  top: 7px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.nav-icon span:nth-child(3) {
  top: 14px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;    
  width: 60%;
  right: 0 !important;
}

/* Full Menu When Open */

.full-menu {
    background: #1f1f1f;
}
.full-menu .full-inner .full-contact {
    background: #000000;
}

.full-open .nav-icon span {
    width: 85%; 
}

.full-open:hover span:nth-child(3){
    width: 85%;
}

.full-open .nav-icon span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 8px;
}

.full-open .nav-icon span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

.full-open .nav-icon span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 16px;
  left: 8px;
}


.nav-icon {
    float: right;
    width: 30px;
    height: 18px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
	z-index: 1000 !important;
	margin: 5px 10px 5px;
}




/* SERVICES */


.feature-section-two:before {

    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background: #f7f7fa;

}

.feature-section-two {
	background: #000;
	display: block;
    position: relative;
}		

.sec-title.centered {
    text-align: center;
}
.sec-title {
	color:#fff;
    position: relative;
    margin-bottom: 50px;
}


.sec-title.centered h1::after, .sec-title.centered h1::before {
    right: 0;
    margin: 0 auto;
}
.sec-title h1:after {
    position: absolute;
    left: 20px;
    bottom: 0px;
    width: 60px;
    height: 2px;
    content: "";
    background: #f95800;
}
.sec-title h1:before {
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 60px;
    height: 2px;
    content: "";
    background: #f95800;
}

.sec-title h1 {
    font-size: 2.5em;
    font-weight: 400;
    line-height: 1.1em;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: #fff;
}
.services-block-two {
    position: relative;
    border-radius: 10px !important;
}
.services-block-two .inner-box {
    position: relative;
    background: #fff;
    padding: 25px 25px 25px;
    transition: .7s ease;
    margin: 20px 0;
    box-shadow: 0px 15px 39px 0px rgba(8, 18, 109, 0.1);
    border-radius: 10px;
    box-shadow: 0px 0px 5px #fff;
	text-align:center;	
}
.services-block-two .inner-box:hover {
    background: #3648b2;
}

.services-block-two .inner-box:hover h4 {
	color: #fff;
}
.services-block-two .inner-box:hover .text {
	color: #fff;
}
.services-block-two .inner-box:hover .read-more-btn a {
	color: #fff;
}

.services-block-two .read-more-btn a:hover {
	color: #ff4747 !important;
}


.services-block-two .icon {
    position: relative;
    font-size: 2em;
    color: #ff4747;
    margin-bottom: 10px;
	text-align: center;
}

.services-block-two .icon img{
	max-width: 100px;
	}
.services-block-two h4 {
	color: #222;
    position: relative;
    font-size: 1.2em;
    font-weight: 700;
    margin-bottom: 10px;
    transition: .5s ease;
    font-family: kanit;
    font-weight: 400 !important;
}
.services-block-two .text {
	color: #555;
    position: relative;
    margin-bottom: 15px;
    transition: .5s ease;
}
.text {
    font-size: 1em;
    color: #808080;
}
.services-block-two .read-more-btn a {
    position: relative;
    font-size: 1em;
    font-weight: 600;
    color: #212333;
	display: inline-block;
	
}
.services-block-two .read-more-btn a span {
    position: relative;
    margin-left: 6px;
    top: 1px;
}

/* SERVICES MOBILE PHONE */
/* SERVICES MOBILE PHONE */
/* SERVICES MOBILE PHONE */

.page-section-pb {
    padding: 0 0 100px;
}
.sec-relative {
    position: relative;
}
.white-bg {
    background: #000;
	background: #fff;
}
.sec-relative .side-content-image {
    position: absolute;
    right: 0;
    bottom: 0;
}
.side-content-image {
    position: fixed;
    bottom: 0;
    background: #2046f2;
}
.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.mb-3, .my-3 {
    margin-bottom: 1rem !important;
}
.section-title {
    margin-bottom: 35px;
    margin-top: 40px;
	font-family:Kanit, Arial, Sans;
}

.divisor{
	background: orangered;
	display:block;
	height:2px;
	margin:25px auto 5px !important;
	width:50px;
}
.divisor-2{
	background: orangered;
	display:block;
	height:2px;
	margin:0px auto;
	width:70px;
}
.divisor-3{
	float:left;margin:0 0 5px 0 !important;width: 85%;
}
/*
.section-title:after {
    position: absolute;
    bottom: 10px;
    width: 69px;
	left: 48%;
    height: 2px;
    content: "";
    background: orangered;
}
.section-title:before {
    position: absolute;
    left: 49%;
    bottom: 15px;
    width: 49px;
    height: 2px;
    content: "";
    background: orangered;
}
*/
.text-center {
    text-align: center !important;
}
.section-title span {
	color:#fff;
    display: block;
    font-size: 2em;
    font-weight: 300;
    margin-bottom: 0;
}
.section-title h3 {
	color:#fff;
    font-size: 2em;
    font-style: normal;
    font-weight: 300;
    line-height: 1em;
	letter-spacing: 0.5px;
}


.text-md-right {
    text-align: right !important;
}
.feature-box-02 {
    margin-top: 3rem !important;
	margin-bottom: 3em;
}

.feature-box-02 {
	padding-bottom: 10px;background: rgba(0,0,0,0.02);padding: 20px 13px 20px 20px;border-radius: 10px;border-bottom: 2px solid #FD6A02;border-style: solid;box-shadow: 1px 0px 2px #999;
}
.feature-box-02-right{
	padding: 20px 20px 20px 13px;
}
.feature-box-02 .icon {
    float: left;
    border-radius: 90px;
    height: 60px;
    width: 60px;
    line-height: 68px;
    text-align: center;
    margin-right: 20px;
    background: #2046f2;
    color: #ffffff;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
.feature-box-02.right .icon {
    float: right;
    border-radius: 90px;
    margin-left: 20px;
    height: 60px;
    width: 60px;
    line-height: 68px;
    text-align: center;
    margin-right: 0px;
}


.feature-box-02 .icon .fa{
text-align: center;
vertical-align: top;
margin-top: 22px;

}
.feature-box-02 .info {
    display: table-cell;
}
.feature-box-02 .info h5 {
    color:#222;
	font-size: 1.2em;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.feature-box-02 .info p {
	color:#eee;
	color:#444;
	font-weight:200;
	font-size: 1em;
	}
	
	.feature-box-02 .info {
    text-align: center;
}
	.feature-box-02 .icon {	
    height: 50px !important;
    width: 50px !important;
    line-height: 48px;
	margin-left:5px !important;
	margin-right: 5px !important;
}
.feature-box-02 .icon .fa {
    margin-top: 16px;
}
	
	
.text-md-right {
    text-align: right !important;
}
.d-lg-block {
    display: block !important;
}
.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.button.border-bule {
	    background: #2046f2;
    padding: 10px 30px;
    color: #ffffff;
    border: 2px solid #2046f2;
    text-transform: uppercase;
    font-weight: 400;
    display: inline-block;
    border-radius: 30px;
    text-align: center;
    background: transparent;
    border: 2px solid #2046f2;
    color: #2046f2;
}


/* SERVICES MOBILE PHONE */
/* SERVICES MOBILE PHONE */
/* SERVICES MOBILE PHONE */



.main{
	display:table;
	float:left;
	width:100%;
}


.servicios{
	background:#222;padding:20px 0;border-top:1px solid #999;
	float:left;
	/*overflow: hidden;*/
}

.modal-fade{
	color:#222;
}
.modal-content{
	color:#222;
}

/************ BADGES ****************/
.main-wrapper {
  width: 90%;
  max-width: 900px;
  margin: 3em auto;
  text-align: center;
}

.badge {
  position: relative;
  margin: 1.5em 0;
  width: 100%;
  height: auto;
  display: inline-block;
  top: 0;
  transition: all 0.2s ease;
}

.badge:before, .badge:after {
  position: absolute;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  background: inherit;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.badge:before {
  transform: rotate(60deg);
}
.badge:after {
  transform: rotate(-60deg);
}
.badge{
	transition: 0.5s;
}
.badge:hover {
  top: -15px;
  text-decoration:none;	
}
.badges-list{
	float:left;
	margin-bottom: 50px;
	padding:0 10%;
	width:100%;
	z-index: 1000 !important;	
}
.link-badge{
	display:inline-block;
	float:left;
	position:relative;
	text-decoration:none;
	z-index: 1000 !important;
	transition: 0.5s;
}
.link-badge img{
	display:block;
	width:100%;
	transition: 0.5s;
}

.badge a{
cursor:pointer;
}
.badge .circle {
  width: 60px;
  height: 60px;
  position: absolute;
  background: #fff;
  z-index: 10;
  border-radius: 50%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.badge .circle i.fa {
  font-size: 2em;
  margin-top: 8px;
}
.badge .font {
  display: inline-block;
  margin-top: 1em;
}
.badge .ribbon {
  position: absolute;
  border-radius: 4px;
  padding: 4px 5px 4px;
  width: 100px;
  z-index: 11;
  color: #fff;
  bottom: 12px;
  left: 50%;
  margin-left: -55px;
  height: 15px;
  font-size: 1.1em;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27);
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
  background: linear-gradient(to bottom right, #444 0%, #111 100%);
  cursor: pointer;
  transition:0.5s;
  font-family:Kanit, Arial, Sans;
  font-weight: 300 !important;
  text-transform: none;
  letter-spacing: 0.50px;
    width: 170%;
    bottom: 13%;
    left: 11%;
    height: 50px;
    line-height: 18px;
	
background: linear-gradient(to bottom right, #666, #000);
	background-size: 150% 150%;
	-webkit-animation: Gradient 15s ease infinite;
	-moz-animation: Gradient 15s ease infinite;
	animation: Gradient 15s ease infinite;	
}
.badge:hover .ribbon {
  background: linear-gradient(to bottom right, #333 0%, #000 100%);
}
.yellow {
  background: linear-gradient(to bottom right, #ffeb3b 0%, #fbc02d 100%);
  color: #ffb300;
}

.orange {
	background: linear-gradient(to bottom right, #ffc107 0%, #f57c00 100%);
	color: #f68401;
}

.pink {
  background: linear-gradient(to bottom right, #F48FB1 0%, #d81b60 100%);
  color: #dc306f;
}

.red {
  background: linear-gradient(to bottom right, #f4511e 0%, #b71c1c 100%);
  color: #c62828;
}

.purple {
  background: linear-gradient(to bottom right, #ab47bc 0%, #4527a0 100%);
  color: #7127a8;
}

.teal {
  background: linear-gradient(to bottom right, #4DB6AC 0%, #00796B 100%);
  color: #34a297;
}

.blue {
  background: linear-gradient(to bottom right, #4FC3F7 0%, #2196F3 100%);
  color: #259af3;
}

.blue-dark {
  background: linear-gradient(to bottom right, #1976D2 0%, #283593 100%);
  color: #1c68c5;
}

.green {
  background: linear-gradient(to bottom right, #cddc39 0%, #8bc34a 100%);
  color: #7cb342;
}

.green-dark {
  background: linear-gradient(to bottom right, #4CAF50 0%, #1B5E20 100%);
  color: #00944a;
}

.silver {
  background: linear-gradient(to bottom right, #E0E0E0 0%, #BDBDBD 100%);
  color: #9e9e9e;
}

.gold {
  background: linear-gradient(to bottom right, #e6ce6a 0%, #b7892b 100%);
  color: #b7892b;
}


/*
.badge {
margin: 1em 5.5em 15px;
width: 10em;
height: 16em;
}
*/
.half-badge{
	margin: 1em 6em 30px;
width: 5em;
height: 16em;
}
.main-wrapper {
	width: 90%;
	max-width: unset;
	width: 90%;	
	max-width: 100%;
	float: left;
	margin: 0 5%;
  }
.badge .circle i.fa {
  font-size: 1.8em;
  margin-top: 8px;
  margin-top: 19px;
}
.badge .circle {
    top: -60px;
	}

	
	
@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

/******************* BADGES *********************/


/******************* ANIMATION BACK *********************/
.servicios {
	/*background: linear-gradient(45deg,
		#06112b,
		#031920,
		#050a12,
		#07101e);*/
		background: linear-gradient(45deg,
		#000,
		#111,
		#050a12,
		#07101e);
	background-size: 400% 400%;
	-webkit-animation: Gradient 25s ease infinite;
	-moz-animation: Gradient 25s ease infinite;
	animation: Gradient 25s ease infinite;
}

@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

/******************* ANIMATION BACK *********************/


.section-about{
	background: #222;border-top:1px solid #666;margin-bottom: 20px;
	float: left;
	width: 100%;
}.contact-box .contact-info .text-white .far{	font-size: 0.9em;	margin-right: 3px;	margin-top:1px;}.contact-box .contact-info .text-white span{	font-weight: 300 !important;	margin-top: -1px !important;}
.bt-about{
	border:1px solid orangered;
}

/***************** FEATURED ********************/
.section-block-bg {
    padding: 40px 0px;
}
.pr-30-md {
    padding-right: 30px;
}
.pr-30-md .section-heading {
    margin-bottom: 10px;
}
.mt-30 {
    margin-top: 30px;
}
.mt-25 {

    margin-top: 25px;

}
.mt-20 {

    margin-top: 20px;

}
.section-block-bg .section-heading span {

    position: relative;
    font-size: 1.2em;
    font-weight: 100;
    color: #d21e2b;
    margin-bottom: 0;
	color:#fff;
}
.section-block-bg .section-heading h2 {

    position: relative;
    font-size: 1.6em;
    font-weight: 300;
    color: #fff;
    line-height: 100%;
	padding-bottom:5px;
    margin-bottom: 10px;

}
.section-block-bg .section-heading h4 {

    position: relative;
    font-size: 3em;
    font-weight: 600;
    color: #fff;
    line-height: 160%;
    margin-bottom: 10px;

}
.section-heading-line-left {

    content: '';
    display: block;
    width: 100px;
    height: 3px;
    background: #d21e2b;
    border-radius: 25%;
    margin-top: 15px;
    margin-bottom: 5px;

}

.section-block-bg .text-content{
	float:left;
	margin-top: 20px;
	width:100%;
}
.section-block-bg  .text-content p {

    font-size: 1em;
    font-weight: 300;
    color: #fff;
    line-height: 1.7em;
    margin-bottom: 15px;
	width:100%;

}
.white-list {

    padding-left: 0px;

}


.white-list li {

    list-style-type: none;
    color: #fff;
    font-size: 1em;
    font-weight: 300;
    margin-top: 15px;

}
.white-list li i {

    color: orangered;
    padding-right: 15px;

}
.section-block-bg .primary-button {

    background: orangered;
    color: #fff;
    font-size: 1em;
    font-weight: 500;
    border-radius: 50px;
    padding: 10px 15px 10px 15px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;

}
.section-block-bg .button-md {
    display: inline-block;
    font-size: 1em;
    font-weight: 300;
    padding: 11px 25px 12px 25px;
}
.section-about .button-md a{
	color:#fff;
}
.section-block-bg .feature-box {
    position: relative;
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    text-align: center;
    margin: 20px 0px 10px 0px;
    -webkit-box-shadow: 2px 2px 20px 0px rgba(50, 50, 50, 0.21);
    -moz-box-shadow: 2px 2px 20px 0px rgba(50, 50, 50, 0.21);
    box-shadow: 2px 2px 20px 0px rgba(50, 50, 50, 0.21);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.section-block-bg .feature-box i {
    color: orangered;
    font-size:2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
	margin-top: 20px;
}
.section-block-bg .feature-box h4 {

    color: #111;
    font-size: 1em;
    font-weight: 400;
    line-height: 170%;
    margin: 0;
	text-align:left;

}
.section-block-bg  .feature-box p {
    color: #555;
    font-size: 0.95em;
    font-weight: 300;
    line-height: 140%;
	text-align:left;
	}
	
.section-block-bg .feature-box{
	float:left;
}
.section-block-bg .feature-box div{
	float:left;
}

/***************** FEATURED ********************/

/***************** SERVICES ********************/
.section-services {
	background-image: url(../images/fondo-servicios.jpg);
    /*background-attachment: fixed;*/
    background-size: 100% auto;
	background-repeat:no-repeat;
	float:left;
	width:100%;
}
.section-services .section-title{
	text-align:center;
	text-shadow:1px 1px 1px #111;
}
.green .content {
    background-color: rgba(127,185,14,0.95);
	background-color: rgba(100,185,14,0.92);
	background-color: rgba(0,0,0,0.9);
	
	/* ORANGE */
	/*
	background-color: rgba(255,152,0,0.95);
	*/
	/* GRADIENT ORANGE */
	/*
	background: rgba(255,140,0,1);
	background: -moz-linear-gradient(top, rgba(255,140,0,1) 0%, rgba(255,92,10,0.90) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,140,0,1)), color-stop(100%, rgba(255,92,10,0.90)));
	background: -webkit-linear-gradient(top, rgba(255,140,0,1) 0%, rgba(255,92,10,0.90) 100%);
	background: -o-linear-gradient(top, rgba(255,140,0,1) 0%, rgba(255,92,10,0.90) 100%);
	background: -ms-linear-gradient(top, rgba(255,140,0,1) 0%, rgba(255,92,10,0.90) 100%);
	background: linear-gradient(to bottom, rgba(255,140,0,1) 0%, rgba(255,92,10,0.90) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8c00', endColorstr='#ff5c0a', GradientType=0 );
	*/
	float:left;
	padding: 30px 0 60px;
	width:100%;
}

.green .content .container {
	float:left;
	margin:0 10%;
	width:80%;
}
.section-services .border-title {
    display: block;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 65px;
    line-height: normal;
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
	text-align: center;
}
.section-services .border-title:after {
    content: "";
    background-repeat: no-repeat;
    height: 22px;
    position: absolute;
    display: inline-block;
    width: 100%;
    background-image: url(../images/border-title-bg.png);
}
.section-services h2.border-title:after {
    bottom: -50px;
    width: 210px;
}
.section-services .border-title.aligncenter:after {
    background-position: center;
    right: 0;
    left: 0;
    margin: 0 auto;
}
.section-services .column{
	float:left;
	margin:0;
	padding:0;
}
.dt-sc-ico-content.type1:hover {
    background: rgba(0,0,0,0.1);
}
.section-services .column.first .dt-sc-ico-content.type1:before {
    content: none;
}
/*
.section-services .column .dt-sc-ico-content.type1:before {
    border-right: 1px dashed rgba(255,255,255,0.5);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
}
*/
.section-services .column .dt-sc-ico-content.type1:last-child {
    border-bottom: 0;
    margin-top: 1px;
}
.section-services .column .dt-sc-ico-content.type1 {
    position: relative;
    float: left;
    
    overflow: hidden;
}
.services-list{
	border-bottom: 1px dashed rgba(255,255,255,0.5);
	float: left;
	width: 100%;
}
.section-services .services-top{
	border-right: 1px dashed rgba(255,255,255,0.5);
}
.section-services .services-top-last{
	border-right: 0px !important;
}
.section-services .services-bottom{
	border-right: 1px dashed rgba(255,255,255,0.5);
}
.section-services .services-bottom-last{
	border-right: 0px !important;
}
.section-services .dt-sc-ico-content.type1 {
    padding: 40px 20px;
    text-align: center;
}
.section-services .dt-sc-ico-content.type1 h5 {
	font-size: 1.25em;
    font-weight: lighter;
    line-height: 28px;
    margin-bottom: 20px;
	text-shadow: 1px 1px 1px #333;
}
.section-services .dt-sc-ico-content a {
    color: #ffffff;
}
.section-services .dt-sc-ico-content.type1 i.special:after {
    box-shadow: 2px 2px rgba(255,255,255,0.6);
    -webkit-box-shadow: 2px 2px rgba(255,255,255,0.6);
    -moz-box-shadow: 2px 2px rgba(255,255,255,0.6);
    -ms-box-shadow: 2px 2px rgba(255,255,255,0.6);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    top: 0;
    left: -1px;
    padding: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.section-services .dt-sc-ico-content.type1 i {
	line-height: 68px;
	font-size: 26px;
    color: rgba(255,255,255,0.6);
}
.section-services .dt-sc-ico-content.type1 {
    text-align: center;
}
.section-services  p {
	color:#fff;
    font-size: 1em;
    line-height: 28px;
    font-weight: lighter;
    margin-bottom: 10px;
	min-height: 85px;
}
.dt-sc-ico-content.type1:hover i.special:after {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}
a, a:hover, body:hover #header, body #header, #header, .dt-sc-portfolio .fig-overlay, .dt-sc-portfolio:hover .fig-overlay, .dt-sc-portfolio .fig-overlay a span, .dt-sc-portfolio:hover .fig-overlay a span, .dt-sc-portfolio .fig-overlay p, .dt-sc-portfolio:hover .fig-overlay p, .dt-sc-portfolio figcaption i, .dt-sc-portfolio:hover figcaption i, #header ul li, #header ul li.active, #header ul li:hover, #header ul li.active span, #header ul li span, .dt-sc-ico-content.type1, .dt-sc-ico-content.type1:hover, .dt-sc-ico-content.type1 .special::after, .dt-sc-ico-content.type1:hover .special::after, .dt-sc-ico-content.type1 i span, .dt-sc-ico-content.type1:hover i span, .contact:hover .view-map, .view-map, .dt-sc-portfolio .fig-overlay a span::after, .dt-sc-portfolio:hover .fig-overlay a span::after, .dt-sc-entry-meta .date:hover::after, .dt-sc-entry-meta .date::after, .dt-sc-blog-entry:hover .dt-sc-entry-thumb p.author, .dt-sc-entry-thumb p.tags, .dt-sc-blog-entry:hover .dt-sc-entry-thumb p.tags, .dt-sc-entry-thumb img, .dt-sc-entry-thumb img:hover, .dt-sc-button i.fa, .dt-sc-button:hover i.fa, .dt-sc-ico-content.type2 i, .dt-sc-ico-content.type2:hover i, .dt-sc-ico-content.type2::after, .dt-sc-ico-content.type2:hover::after, .dt-sc-ico-content.type2::before, .dt-sc-ico-content.type2:hover::before, .dt-sc-ico-content.type3 i, .dt-sc-ico-content.type3:hover i, .dt-sc-ico-content.type3:hover, .dt-sc-ico-content.type3, .dt-sc-ico-content.type3 i, .dt-sc-ico-content.type3:hover i, .dt-sc-tb-content li i, .dt-sc-pr-tb-col.selected .dt-sc-tb-content li i, .dt-sc-pr-tb-col:hover .dt-sc-tb-content li i, .dt-sc-tb-content li.pr-cross::before, .dt-sc-pr-tb-col.selected li.pr-cross::before, .dt-sc-pr-tb-col:hover li.pr-cross::before, .dt-sc-pr-tb-col.selected li.pr-cross::before, #commentform p.form-submit input[type="submit"], #commentform p.form-submit:hover input[type="submit"], .post-nav-container .next-post::after, .post-nav-container .next-post:hover::after, .post-nav-container .prev-post::before, .post-nav-container .prev-post:hover::before, .post-nav-container .prev-post:hover span, .post-nav-container .next-post:hover span, .post-nav-container .prev-post span, .post-nav-container .next-post span, .carousel-arrows a i, .carousel-arrows a i:hover, .dt-sc-portfolio:hover figure img, .dt-sc-portfolio figure img, .post-nav-container .prev-post a::before, .post-nav-container .prev-post a::after, .post-nav-container .next-post a::before, .post-nav-container .next-post a::after, .post-nav-container .prev-post:hover a::before, .post-nav-container .prev-post:hover a::after, .post-nav-container .next-post:hover a::before, .post-nav-container .next-post:hover a::after, .view-map-1, .contact:hover .view-map-1, .dt-sc-tabs-frame-content .dt-sc-team figure p.icon-links a i:hover, .dt-sc-team figure p.icon-links a i, .widget ul li::before, .widget ul li:hover::before, .widget ul li, .widget ul li:hover, a.open-menu p, a.open-menu:hover p, a.open-menu.type3 span, a.open-menu.type4 span, a.open-menu.type3:hover span, a.open-menu.type4:hover span, #header nav ul li img, #header nav ul li.active img, #header nav ul li:hover img, .dt-sc-contact form.dt-sc-enquiry-form input.submit, .dt-sc-contact form.dt-sc-enquiry-form input.submit:hover, .dt-sc-team figure, .dt-sc-team:hover figure {
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.dt-sc-ico-content.type1 i {
    width: 70px;
    height: 70px;
    border: 1px solid rgba(255,255,255,0.6);
    border-radius: 50%;
    line-height: 75px;
    font-size: 30px;
    margin-bottom: 20px;
    color: rgba(255,255,255,0.6);
    position: relative;
}

/***************** SERVICES ********************/

/***************** CONTACT ********************/
#contacto{
	float:left;
	width:100%;
}

/***************** CONTACT ********************/
/* FOOTER */
.footer {
	background:#222 !important;
	float:left;
	width:100%;
	padding-top:40px;
    position: relative;
    z-index: 4;
}
	.footer-top {
		position: absolute;
		top: -60px;
		z-index: 1;
		margin: 0 auto;
		width: 100%;
	}
		.footer-top-bg {
			background: #0f2765;
			margin: 0;
			color: #fff;
		}
		.footer-top .footer-box {
			padding: 30px 45px 20px;
			min-height: 120px;
		}
		.footer-top .footer-box i {
			float: left;
			font-size: 2em;
			margin-top: 0px;
			background: rgba(0, 0, 0, 0.3);
			text-align: center;
			width: 65px;
			height: 65px;
			line-height: 65px;
			border-radius: 100%;
		}
		.footer-top .footer-box .footer-box-content {
			margin-left: 90px;
		}
		.footer-top .footer-box .footer-box-content h3 {
			margin-top: 6px;
			margin-bottom: 2px;
			font-size: 1.3em;
			color: #fff;
		}
		.footer-top .footer-box .footer-box-content p {
			margin: 0;
			font-size: 1em;
		}
	.footer-main.bg-overlay:after {
    background-color: rgba(0, 8, 29, 0.9);
	}
	.bg-overlay:after {
		background-color: rgba(0, 0, 0, 0.75);
		z-index: 0;
		position: absolute;
		content: '';
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}

	.footer-main {
		background-size: cover;
		background-position: 100%;
		color: #8c93a5;
		position: relative;
		padding: 120px 0 20px;
	}

	.footer p, .footer li{
		font-weight:200;
	}




.copyright {
    background: #00081d;
    color: #8c93a5;
    padding: 30px 0;
    font-size: 0.95em;
}

.footer-menu {
    float: right;
}
.footer-menu ul li {
    display: inline-block;
    padding-left: 8px;
}
.footer-menu ul li a {
    color: #8c93a5;
    padding: 0;
        padding-right: 0px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: inline-block;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    line-height: 10px;
    padding-right: 10px;
    margin-right: 5px;
}

.footer-menu-last a{
	border-right: 0 !important;
}


#back-to-top {
    bottom: 25px;
	display: block;
    position: fixed;
    right: 25px;
    top: auto;
    z-index: 2000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;

}
#back-to-top .btn.btn-primary {
	background:#f95800;
	border: #f93800 1px solid;
    font-size: 1.3em;
    padding: 6px 15px;
    width: 44px;
    height: 44px;
    line-height: 30px;
    border-radius: 100%;
}

#whatsapp {
	display: block;
	position: fixed;
	bottom: 30px !important;
	left: 30px;
	z-index: 10;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	display:inline;
}
#whatsapp img {
	width: 63px;
	height: 63px;
	float:left;
}
/* FOOTER */



/***************************
	       Footer
***************************/
.blue-bg {
    background: #2046f2;
	background: #264dff;
}
.pb-4, .py-4 {
    padding-bottom: 1.5rem !important;
}
.contact-box .contact-info .text-white{
	font-weight:200;
	text-shadow: 1px 1px 1px #444;
}
.contact-box .contact-info h5{
    font-size: 1.1em;
    font-weight: 300;
	font-weight: 300 !important;
	text-shadow: 1px 1px 1px #222;
}
.footer { background: #2046f2; color: #fff; padding: 70px 0 0; }
.footer h5, .footer h6 { color: #fff; }

/*footer topbar*/
.footer.footer-topbar img { height: 70px; }
.footer .footer-nav { margin-top: 8px; }
.footer .footer-nav ul li { display: inline-block; }
.footer .footer-nav ul li a { text-transform: uppercase; font-weight: normal; font-family: 'Poppins', sans-serif; color: #fff; margin: 0 5px; }
.footer .footer-nav ul li a:hover { color: rgba(255, 255, 255, 0.65); }
.footer.footer-topbar hr { margin-bottom: 60px; border-color: #4d6bf5; }
.footer.footer-topbar .social { float: right; }
.footer .social ul { background: #ffffff; display: inline-block; border-radius: 30px; padding: 0px 10px;margin-top: 10px; }
.footer .social ul li { display: inline-block; }
.footer .social ul li a { display: block; padding: 0px; text-align: center; display: inline-block; text-align: center; }
.footer .social ul li a i { font-size: 1em; width: 45px; height: 45px; line-height: 45px; text-align: center; background: transparent; color: #2046f2; display: inline-block; float: none; }
.footer .social ul li a i:hover { color: #353535; }
.footer .featured-links ul li { display: block; border-bottom: 0px; line-height: 24px; padding: 5px 0; }
.footer .featured-links ul li a i { padding-right: 10px; }
.footer .featured-links ul li a { color: #fff; }
.footer .featured-links ul li a:hover { color: rgba(255, 255, 255, 0.65); }
.contact-box .contact-icon { display: table-cell; padding-right: 20px; }
.contact-box .contact-icon i { background: transparent; line-height: normal; font-size: 2em; }
.contact-box .contact-info { display: table-cell; vertical-align: top; }


.contact-box .contact-icon {
    display: block;
    padding-right: 10px;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
.contact-box .contact-info {
    display: block;
    vertical-align: top;
    width: 100%;
    text-align: center;
}
.contact-box .contact-icon i {
    background: transparent;
    line-height: normal;
    font-size: 2em;
}


/*footer bottom*/
.footer .copyright { background: rgba(18, 57, 231, 1); padding: 22px 0 22px; }
.footer .copyright ul li a { color: #fff; text-transform: capitalize; }
.footer .copyright ul li a:hover { color: rgba(255, 255, 255, 0.65); }

/* Footer light */
.footer.light { background: #fff; color: #353535; position: relative; }
.footer.light h6 { color: #2046f2; }

/*footer light topbar*/
.footer.light .footer-nav ul li a { color: #353535; }
.footer.light .footer-nav ul li a:hover { color: #2046f2; }
.footer.footer-topbar hr { border-color: #d9d9d9; }
.footer.light .social ul { background: #f6f7f8; }
.footer.light .social ul li a i { color: #353535; }
.footer.light .social ul li a i:hover { color: #2046f2; }
.footer.light .featured-links ul li a { color: #353535; }
.footer.light .featured-links ul li a:hover { color: #2046f2; }
.footer.light .footer-contact { box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1); margin-bottom: 80px; margin-top: -220px; padding: 60px 0; }
.footer.light .contact-box { text-align: center; }
.footer.light .contact-box .contact-icon { display: block; padding-right: 0; color: #2046f2; }
.footer.light .contact-box .contact-info { display: block; }
.footer.light .contact-box .contact-info .section-title { margin-bottom: 0px; }
.footer.light .contact-box .contact-info h5 { color: #353535; }

/*footer light bottom*/
.footer.light .copyright { background: #f6f7f8; }
.footer.light .copyright ul li a { color: #353535; }
.footer.light .copyright ul li a:hover { color: #4d6bf5; }

/* Footer dark */
div#main { z-index: 1; position: relative; }

/*Footer dark topbar*/
.footer-dark { padding: 70px 0px 0px; }
.footer-dark { position: fixed; left: 0; bottom: 0; width: 100%; z-index: 0; }
.footer-dark .footer-logo img { height: 50px; }
.footer-dark .addresss-icon { float: left; font-size: 2em; margin-right: 20px; }
.footer-dark .addresss-info { display: table-cell; vertical-align: middle; }
.footer-dark .addresss-info h6 { text-transform: inherit; font-weight: normal; font-family: 'Poppins', sans-serif; }
.footer-dark .footer-nav { margin-top: 8px; }
.footer-dark .footer-nav ul li { display: block; margin-bottom: 10px; }
.footer-dark .footer-nav ul li a { color: #aaaaaa; }
.footer-dark .footer-nav ul li a:hover { color: #fff; }
.footer-dark .footer-nav ul li a i { padding-right: 10px; }
.footer.footer-topbar hr { border-color: rgba(0, 0, 0, 0.1); }

/*Footer form*/
.form.white .form-control { box-shadow: none; border: 1px solid transparent; background: #252525; width: 100%; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
.form.white .form-control:focus { background: transparent; border: 1px solid #252525; }
.form.white .form-group { margin-bottom: 20px; }
.form.white .button:hover { color: #2046f2; background: #ffffff; border-color: #ffffff; }

/*footer bottom*/
.footer-dark .copyright { background: #222528; padding: 30px 0 20px; }
.footer-dark .copyright ul li a { color: #aaaaaa; text-transform: capitalize; }
.footer-dark .copyright ul li a:hover { color: #fff; }

/* Footer BG */
.footer.footer-bg h6 { color: #fff; }
.contact-box.top .section-title { margin-bottom: 0px; }
.footer.footer-bg.footer-topbar .top { margin-top: 25px; }
.footer.footer-topbar .top { margin-bottom: 25px; }
.footer.footer-bg .footer-nav ul li a:hover { color: #2046f2; }
.footer.footer-bg .featured-links ul li a:hover { color: #2046f2; }
.footer.footer-bg .social ul li a i { color: #353535; }
.footer.footer-bg .social ul li a i:hover { color: #2046f2; }

/*footer BG bottom*/
.footer.footer-bg .copyright { background: transparent; border-top: 1px solid #2b2621;background: #111; }
.footer .copyright ul li a:hover { color: rgba(255, 255, 255, 0.65); }



/* DISCOVER MORE */

.edina_tm_discover_wrap {
    bottom: 40px;
    display: block;
    left: 0;
    height: 20px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    transform: rotate(-90deg);
    width: 25px;
    z-index: 6000 !important;
}


.edina_tm_discover_wrap a{
	letter-spacing:1px;
	text-decoration: none;
	color: #fff;
	position: relative;
	display: block;
	font-family: 'Montserrat', Helvetica, sans-serif;
 font-size: 12px;
 font-weight: 400;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.edina_tm_discover_wrap a:hover{color: #ed2629;}
.edina_tm_discover_wrap a:hover:before{color: #ed2629;}
.edina_tm_discover_wrap a:before{
    bottom: 0;
    color: #fff;
    content: '\f104';
    left: 0;
    font-family: xcon;
    font-size: 24px;
    position: absolute;
    -webkit-animation: secdownmoving 1000ms linear 0s infinite;
    -o-animation: secdownmoving 1000ms linear 0s infinite;
    animation: secdownmoving 1000ms linear 0s infinite;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;	
}
@keyframes secdownmoving{
    0%{
        -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
    }
    50%{
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    100%{
        -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
    }
}
/* DISCOVER MORE */

/* BACKTOP */

a.backtotop {
 display: block;
 position: fixed;
 bottom: 4.5rem;
 right: -4.5rem;
 width: 4.5rem;
 z-index: 5000;
 color: #fff;
 text-align: center;
 line-height: 1;
 transition: color .7s cubic-bezier(0.54, 0.18, 0.36, 0.81), right .7s cubic-bezier(0.54, 0.18, 0.36, 0.81);
}
a.backtotop:hover,
a.backtotop:focus {
 color: #fff;
}
a.backtotop span {
 display: block;
 white-space: nowrap;
 font-family: 'Montserrat', Helvetica, sans-serif;
 font-size: 12px;
 font-weight: 400;
 letter-spacing: 0;
 transform: translate(0,-47px) rotate(-90deg);
}
a.backtotop.active {
 right: 0;
}
/* BACKTOP */



.button-close{
	margin-bottom:30px;
}

/*************** MOBILE MENU **************************/
.mobile-wrapper {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}


.mobile-content {
  background: aliceblue;
  display: block;
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.mobile-content nav {
  background: #fff;
  border-bottom: 1px solid #ddd;
  height: 60px;
  position: relative;
}
.mobile-content .nav-links {
  display: block;
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
}
.mobile-content .nav-links:before {
  background: rgba(0, 0, 0, 0.5);
  content: '';
  height: 100vh;
  left: 0;
  top: 0;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  transition: all .3s;
}
.mobile-content .nav-links li {
  border-bottom: 1px solid #ddd;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-20px);
  transition: all .3s;
}
.mobile-content .nav-links li a {
  background: #fff;
  color: #404040;
  display: block;
  font-size: 1.3em;
  font-weight: 700;
  padding: 12px 20px;
  text-align: left;
  width: 100%;
  transition: all .3s;
}
.mobile-content .nav-links li a:hover {
  color: coral;
}

.mobile-content input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.mobile-content input[type="checkbox"]:checked + label {
  border: 4px solid silver;
  border-radius: 50%;
  height: 28px;
  top: 16px;
  left: 18px;
  width: 28px;
  transform: rotate(-135deg);
}
.mobile-content input[type="checkbox"]:checked + label::before {
  background: silver;
  top: 8px;
  left: 4px;
  width: 12px;
}
.mobile-content input[type="checkbox"]:checked + label::after {
  background: silver;
  opacity: 1;
  top: 8px;
  left: 4px;
  visibility: visible;
  width: 12px;
}
.mobile-content input[type="checkbox"]:checked + label:hover {
  border-color: coral;
}
.mobile-content input[type="checkbox"]:checked + label:hover::before, input[type="checkbox"]:checked + label:hover::after {
  background: coral;
}
.mobile-content input[type="checkbox"]:checked ~ .nav-links::before {
  opacity: 1;
  visibility: visible;
}
.mobile-content input[type="checkbox"]:checked ~ .nav-links li {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.mobile-content input[type="checkbox"]:checked ~ .nav-links li:nth-child(1) {
  transition-delay: 0s;
}
.mobile-content input[type="checkbox"]:checked ~ .nav-links li:nth-child(2) {
  transition-delay: 0.1s;
}
.mobile-content input[type="checkbox"]:checked ~ .nav-links li:nth-child(3) {
  transition-delay: 0.2s;
}
.mobile-content input[type="checkbox"]:checked ~ .nav-links li:nth-child(4) {
  transition-delay: 0.3s;
}

.mobile-content label {
  background: none transparent;
  border: 4px solid coral;
  border-left: 0 solid transparent;
  border-right: 0 solid transparent;
  cursor: pointer;
  display: block;
  height: 24px;
  position: absolute;
  top: 18px;
  left: 20px;
  width: 24px;
  transition: all .2s;
}
.mobile-content label:before {
  background: coral;
  content: '';
  height: 4px;
  left: 0;
  position: absolute;
  top: 6px;
  width: 24px;
  transition: all .2s;
}
.mobile-content label:after {
  background: coral;
  content: '';
  height: 4px;
  left: 0;
  position: absolute;
  top: 6px;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  transform: rotate(90deg);
  transition: all .2s;
}

/*************** SECTIONS **************************/

.container-fluid-section{
	border-top:3px solid orangered;
}
.container-fluid-section  .topbar-transparent{
	background:#222;
	float:left;
	padding:18px 0 15px;
	position: relative;
	width:100%;
}
.container-fluid-section .servicios{
	border-top:0;
	float:left;
	width:100%;
}
.menu-desktop{
	display:block;
}
.menu-desktop ul{
	float:right;
	margin-top:13px;
	text-align:right;
}
.menu-desktop ul li a{
	font-size:1.1em;
}
.menu-responsive{
	display:none;
}
.container-fluid-section .row-main{
	display:block;
}

/*************** SECTIONS**************************/

/*************** PORTFOLIO ************************/
.portfolio .project-details li i.fa {
    margin-right: 15px;
    background: rgba(255,255,255,.2);
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
	margin-top:10px;
}
.portfolio .project-details span{
	font-weight:200;
}
.portfolio .project-details li ul li{
	font-weight:200;
	padding-left:50px;
}
.project-details li a{
	color:#fff;
	font-weight:400 !important;
}
 .project-details-light span{
	 font-weight: 300;
}
 .project-details-light li{
	 font-weight: 300;
	 margin-bottom: 12px;
}

/*************** PORTFOLIO ************************/

/*************** SECTIONS SERVICES ************************/

.logo-section{
	display: block;
	float:left;
	float: none;
	margin: 0 auto;
	max-width:100%;
	position: relative;
	width:250px;
	z-index:100;
}
.top-social-sections{
	z-index: 3000;
}
.full-menu-sections{
	z-index: 2000;
}
.menu-desktop-sections{
	z-index: 1000;
}
.page-title-sections{
	width: 100%;
	z-index:1000;
}
	.page-title-sections .titlebar{
		display: block;
		height: 100%;
		padding: 60px 0 0;
		text-align: center;
		z-index:1000;
	}
	.page-title-sections .titlebar h1{
		color: #fff;"
		font-family: inherit;
		font-size: 3.5em;
		font-weight: 500;
		line-height: 1.2;			
		margin-bottom: .5rem;
		margin-top: 0;		
	}
	.page-title-sections .titlebar span{
		color: #ea0026;
		color:#f95800;	
	}
	.page-title-sections .titlebar hr{
		background: #454545;
		border-top: 1px solid rgba(0;0;0;.1);
		height: 1px;
		margin: 3rem auto;
		max-width: 70%;
	}
	
.portfolio-sections{
	float:left;
	width:100%;
}
	.portfolio-sections .portfolio-inner{
		border-top:1px solid #111;
		background:#090909;
		float:left;
		padding:40px;	
		width:100%;
	}
		.portfolio-sections .portfolio-image{
			float:left;
			margin-bottom:40px;
			padding:40px;
			width:100%;
		}
			.portfolio-sections .portfolio-image img{
				border:5px solid #fff;
				float:left;
				height:auto;
				border-radius:4px;
				margin: -30px 0 0;
				width:100%;
			}
			
			.portfolio-sections .portfolio-image video{
				border:5px solid #fff;
				float:left;
				height:auto;
				border-radius:4px;
				width:100%;
			}
				.portfolio-sections .portfolio-investigacion video{
					background:url('../images/investigacion.jpg');
					background-size: cover;
				}
				.portfolio-sections .portfolio-diagnosticos video{
					background:url('../images/diagnosticos.jpg');
					background-size: cover;
				}
				.portfolio-sections .portfolio-innovacion video{
					background:url('../images/innovacion.jpg');
					background-size: cover;
				}
				.portfolio-sections .portfolio-marketing video{
					background:url('../images/marketing.jpg');
					background-size: cover;
				}
				.portfolio-sections .portfolio-marketing-digital video{
					background:url('../images/marketing-digital.jpg');
					background-size: cover;
				}
				.portfolio-sections .portfolio-comunicacion video{
					background:url('../images/comunicacion.jpg');
					background-size: cover;
				}
				.portfolio-sections .portfolio-social video{
					background:url('../images/social.jpg');
					background-size: cover;
				}
				.portfolio-sections .portfolio-diseno video{
					background:url('../images/diseno.jpg');
					background-size: cover;
				}
		.portfolio-sections .portfolio-content{
			float:left;
			margin-bottom: 30px;
			padding:0 10px;
			text-shadow:1px 1px 1px #111;
			width:100%;
		}
			.portfolio-sections .portfolio-content h5{
				font-size:1.7em;
				font-weight:300;
				margin-bottom: 10px;
			}
			.portfolio-sections .portfolio-content p{
				font-size:1.05em;
				font-weight:200;
				line-height:1.4em;
				margin-bottom: 10px;
			}
			.portfolio-sections .portfolio-content h6{
				font-size:1.2em;
				font-weight:400;
				line-height:1.4em;
				margin-top: 15px;
			}
			.portfolio-sections .portfolio-content  .project-details a{
				font-weight:300;
			}
			
			
			
			
/*************** SECTIONS SERVICES ************************/

/*************** SECTIONS ABOUT US ************************/
.container-fluid-section .section-about {
    margin-bottom: 0;
}
/*************** SECTIONS ABOUT US ************************/


/*************** SECTIONS ************************/
.portfolio-sections-content{
	float:left;
	height:auto;
	width:100%;
}
.portfolio-sections-content img{
	border:1px solid #ccc;
	display:block;
	float:none;
	height:auto;
	margin:0 auto 20px;
	position:relative;
	width:60%;
}
/*************** SECTIONS ************************/
/*************** MOBILE MENU **************************/

#lz_overlay_wm{
	left: 25px !important;
}

@media (min-width: 1400px) { 
	.top-info p {
		font-size: 1.1em;
	}
	.top-info li .info-wrapper p {
		font-size: 1.1em;
	}
	.top-social .social-icon i {
		font-size: 1.3em;
	}
	.badge .ribbon {
		font-size: 1.25em;
	}
	.section-block-bg .text-content p {
		font-size: 1em;
	}
	.section-block-bg .feature-box p {
		font-size: 1em;
	}
}
@media (max-width: 1399px) { 
	.top-info p {
		font-size: 1em;
	}
	.top-social .social-icon i {
		font-size: 0.95em;
	}
	.badge .ribbon {
		font-size: 1.25em;
		font-weight: 500;
		letter-spacing: 1px;
	}
	.section-block-bg .text-content p {
		font-size: 1em;
	}
	.section-block-bg .feature-box p {
		font-size: 1em;
	}
}

@media (min-width: 1200px) { 
	.container {
		max-width: 90%;
	} 
}


@media (min-width: 768px) and (max-width: 991.98px) { 
	.typed_wrap h2 {
		font-size: 1em;
	}
	
}


@media (max-width: 1000px) { 
	.badges-list {
		padding: 0 2%;
	}
	.section-services .column .dt-sc-ico-content.type1 {
		border-bottom: 0;
	}
	
	.green .content .container {
		float:left;
		margin:0%;
		max-width: 100% !important;
		width:100%;
	}
	.footer.footer-bg .copyright {

		text-align: center;

	}
	.footer-menu {
		float: none;
		display: block;
		text-align: center;
	}
	.footer-menu .nav{
		display:block;
	}
	
	/*************** SECTIONS ************************/
	.portfolio-sections-content img{
		width:75%;
	}
	/*************** SECTIONS ************************/
}


	
	

@media (max-width: 767.98px) { 
	.badges-list {
		padding: 0 10%;
	}
	.portfolio-sections .portfolio-image img{
		margin: 0 0 20px 0;
	}
	.topbar-transparent {
    padding: 6px 10%;
	}
	.menu-desktop{
		display:none;
	}
	.menu-responsive{
		display:block;
	}
	#particles-js{
	width: 100%;
	height:100%;
	}
	.header{
		background-image: url(../images/slider2.jpg);
		background-position:top right;
		background-size: cover;
	}
	.nav-icon {
		float: none;
		margin: 9px auto;
		display: block;
		float: none;
		right: 10px;
		top:10px;
		margin: 0;
		position: fixed;
		z-index: 5000 !important;
	}
	.full-menu .full-inner nav ul {
		display: table-cell;
		vertical-align: top;
		padding-top: 50px;
		padding-left: 15px;
	}

	.full-menu .full-inner nav ul li a {
        font-size: 32px;
    }

    .full-menu .full-inner .full-contact ul li.title {
        font-size: 26px;
    }

    .full-menu .full-inner .full-contact ul li {
        font-size: 16px;
    }
	
	.featured-title img {
    margin: 150px auto 40px;
	max-width: 280px !important;
	}
	.col-top-social{
		display:none;
		display:block;
	}
	
	.col-top-social .top-social-divider, .col-top-social .top-social-mail{
	display:none !important;
	}	
	.col-top-social  .top-social-links{
		display: block;
		float: none;
		margin: 0 auto;
	}
	.container {
    max-width: 90% !important;
	}
	.typed_wrap h2 {
		font-size: 0.9em;
	}
    .col-top-social{
		text-align: center !important;
	}
	.top-info{
		display: block;
		float: none;
		margin: 0 auto;
		position: relative;		
		text-align: center;
	}
	.featured-title img {
		width: 80%;
	}
	.featured-title h1 {
		font-size: 2.4em;
	}
	.contact-box-int{
	margin-bottom:40px;	margin-bottom:0;
	}
	.contact-box-int .fa-instagram, .contact-box-int .fa-facebook{
		font-size:15px;
	}
	.footer-about-us{
		margin-bottom: 50px;
	}
	.footer-service-box{
		margin-bottom:40px;
	}
	
	.footer-empty-box{
		display:none;
	}
	.footer.footer-topbar img {
		margin: 0 auto 20px;
		display: block;
		text-align: center;
	}
	.footer-social-box{
		float:fl;position: relative;text-align: center;margin: 0 auto;display: block;width: 100%;
	}
	.footer.footer-topbar .social {
		float: left;
		margin: 0 auto;
		display: block;
		position: relative;
		width:100%;
	}
	.footer .social ul {
		position:relative;
		float: none;
		display: block;
		margin: 0 auto;
		width: auto;
		width: max-content;
	}
	
	.section-services .column .dt-sc-ico-content.type1 {
		border-bottom: 1px dashed rgba(255,255,255,0.5);
	}
	.section-services p {
		min-height: unset;
	}
	.section-services .dt-sc-ico-content.type1 {
		padding: 30px 10px 25px;
	}
	.column.first .dt-sc-ico-content.type1:before {
		content: none;
	}
	.column .dt-sc-ico-content.type1:before {
		border: none;
	}
	.section-services .column .dt-sc-ico-content.type1::before {
		border-right: none;
	}
	.section-services .column .dt-sc-ico-content.type1:last-child {
		border-bottom: 1px dashed rgba(255,255,255,0.5);
	}
	.section-services .services-top{
	border-bottom: 1px dashed rgba(255,255,255,0.5);
	border-right: 0px;
	}
	.section-services .services-bottom{
		border-right: 0px;
	}
	.services-list{
	border-bottom: 0px !important;
	}

	/* SECTION SERVICES */
	.page-title-sections .titlebar {
    padding: 50px 0 0;
	}
	.page-title-sections .titlebar h1{
		font-size: 2.2em;
		line-height: 1.1;			
	}
	.portfolio-sections .portfolio-inner {
		padding: 20px;
	}
	.portfolio-sections .portfolio-image {
		float: left;
		margin-bottom: 40px;
		min-height: unset;
		padding: 0;
	}
	.portfolio-sections .portfolio-content {
		padding: 0;
	}
	/* SECTION SERVICES */
	.section-block-bg .button-md {
		margin: 10px auto 30px;
		display: block;
	}
	.section-services {
    background-size: 200% auto;
	}
	/*************** SECTIONS ************************/
	.portfolio-sections-content img{
		width:70%;
	}
	/*************** SECTIONS ************************/
	.contact-box-int {
		margin: 10px 0;
	}
}

@media (max-width: 575.98px) { 
	#inicio{
		padding:0;
	}
	.section-block-bg .feature-box h4 {
    line-height: 130%;
    margin: 10px 0;
    text-align: center;
	}
	.section-block-bg .feature-box p {
	margin-bottom:20px;
	text-align:center;
	}
	.section-title h3 {
    line-height: 31px;
	}
	.section-title span {
    margin-bottom: 0;
    line-height: 30px;
	}
	.featured-title h1 {
		font-size: 3em;
	}
	.featured-title img {
    width: 55%;
	}
	.featured-title h1 {
		font-size: 1.8em;
	}
	.footer-menu{
		display:none;
	}
	/*************** SECTIONS ************************/
	.portfolio-sections-content img{
		width:90%;
		max-width:90%;
	}
	/*************** SECTIONS ************************/	

}

@media (max-width: 480px) { 
	.featured-title img {
	margin-top:150px;
	width: 66%;
    max-width: 70% !important;
	}
	.portfolio-inner .portfolio-image video{
		min-height:186px;
	}
	/*************** SECTIONS ************************/
	.portfolio-sections-content img{
		width:96%;
		max-width:96%;
	}
	/*************** SECTIONS ************************/
}
@media (max-width: 400px) { 
	.featured-title img {
    max-width: 90% !important;
	}
}