/*
Theme Name: Wired IT Theme
Author: Wired IT
Author URI: https://www.wiredit.mx/
Description: Template Wired IT 2021
Version: 1.0
*/

/* Fonts */
/*
@font-face{font-family: 'Nombre_Font';src: url('../fonts/Nombre_Font.eot');src: url('../fonts/Nombre_Font.eot?#iefix') format('embedded-opentype'),url('../fonts/Nombre_Font.woff2') format('woff2'),url('../fonts/Nombre_Font.woff') format('woff'),url('../fonts/Nombre_Font.ttf') format('truetype'),url('../fonts/Nombre_Font.svg#Nombre_Font') format('svg');font-weight: normal;font-style: normal;}
*/
@font-face {
    font-family: 'Bangla MN';
    src: url('/assets/fonts/Bangla-MN/light/BanglaMN.eot');
    src: url('/assets/fonts/Bangla-MN/light/BanglaMN.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Bangla-MN/light/BanglaMN.woff2') format('woff2'),
        url('/assets/fonts/Bangla-MN/light/BanglaMN.woff') format('woff'),
        url('/assets/fonts/Bangla-MN/light/BanglaMN.ttf') format('truetype'),
        url('/assets/fonts/Bangla-MN/light/BanglaMN.svg#BanglaMN') format('svg');
    font-display: swap;
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'KonkretGroteskPro-Thin';
    src: url('/assets/fonts/KonkretGroteskPro/Thin/KonkretGroteskPro-Thin.eot');
    src: url('/assets/fonts/KonkretGroteskPro/Thin/KonkretGroteskPro-Thin.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/KonkretGroteskPro/Thin/KonkretGroteskPro-Thin.woff2') format('woff2'),
        url('/assets/fonts/KonkretGroteskPro/Thin/KonkretGroteskPro-Thin.woff') format('woff'),
        url('/assets/fonts/KonkretGroteskPro/Thin/KonkretGroteskPro-Thin.ttf') format('truetype'),
        url('/assets/fonts/KonkretGroteskPro/Thin/KonkretGroteskPro-Thin.svg#Konkret Grotesk Pro Thin') format('svg');
    font-display: swap;
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'KonkretGroteskPro-Light';
    src: url('/assets/fonts/KonkretGroteskPro/Light/KonkretGroteskPro-Light.eot');
    src: url('/assets/fonts/KonkretGroteskPro/Light/KonkretGroteskPro-Light.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/KonkretGroteskPro/Light/KonkretGroteskPro-Light.woff2') format('woff2'),
        url('/assets/fonts/KonkretGroteskPro/Light/KonkretGroteskPro-Light.woff') format('woff'),
        url('/assets/fonts/KonkretGroteskPro/Light/KonkretGroteskPro-Light.ttf') format('truetype'),
        url('/assets/fonts/KonkretGroteskPro/Light/KonkretGroteskPro-Light.svg#Konkret Grotesk Pro Light') format('svg');
    font-display: swap;
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeue Thin';
    src: url('/assets/fonts/HelveticaNeue/Thin/HelveticaNeue-Thin.eot');
    src: url('/assets/fonts/HelveticaNeue/Thin/HelveticaNeue-Thin.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/HelveticaNeue/Thin/HelveticaNeue-Thin.woff2') format('woff2'),
        url('/assets/fonts/HelveticaNeue/Thin/HelveticaNeue-Thin.woff') format('woff'),
        url('/assets/fonts/HelveticaNeue/Thin/HelveticaNeue-Thin.ttf') format('truetype'),
        url('/assets/fonts/HelveticaNeue/Thin/HelveticaNeue-Thin.svg#HelveticaNeue') format('svg');
    font-display: swap;
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue Ultra Light';
    src: url('/assets/fonts/HelveticaNeue/Light/HelveticaNeue-Light.eot');
    src: url('/assets/fonts/HelveticaNeue/Light/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/HelveticaNeue/Light/HelveticaNeue-Light.woff2') format('woff2'),
        url('/assets/fonts/HelveticaNeue/Light/HelveticaNeue-Light.woff') format('woff'),
        url('/assets/fonts/HelveticaNeue/Light/HelveticaNeue-Light.ttf') format('truetype'),
        url('/assets/fonts/HelveticaNeue/Light/HelveticaNeue-Light.svg#HelveticaNeue') format('svg');
    font-display: swap;
	font-weight: normal;
	font-style: normal;
}

html{
	font-size:12px;
	scroll-behavior: smooth;
}

/* General */
:root{
	--main-color:#003368;
	--second-color:#0072CE;
	--third-color:#f7f7f7;
}
body, main{background: var(--third-color);}
body, a, label, select, option, input, textarea, select, option,
 p, small,  a, button, ul{font-family: 'HelveticaNeue Thin', sans-serif;}
h2{ font-family:  'KonkretGroteskPro-Thin';}
h3, h4, h5, h6, li{ font-family:'HelveticaNeue Thin';}
h1{font-family: 'Bangla MN', sans-serif;font-size:6.8rem;line-height:6rem;}
h2{font-size: 2.5rem;}
h3{font-size: 1.8rem;}
h4{font-size: 1.4rem;}
h5{font-size:1.2rem;}
h1, h2, h3, h4, h5, h6, p{margin:0 0 1.1rem;}
body, p, label, input, a, textarea{font-size: 1.47rem !important;line-height:1.7rem;}
a{display: inline-block;}
.space-170{height:12.5rem;}
.space-160{height:11.77rem;}
.space-150{height:11rem;}
.space-120{height:8.8rem;}
.space-110{height:8.1rem;}
.space-100{height:7.5rem;}
.space-90{height:6.6rem;}
.space-80{height:5.9rem;}
.space-70{height:5.2rem;}
.space-70-px{height:83px;}
.space-60{height:4.4rem;}
.space-50{height:3.7rem;}
.space-40{height:3rem;}
.space-30{height:2.2rem;}
.space-20{height:1.5rem;}
.space-10{height:.8rem;}
.w-100{width:100%;}
.mb-0{margin-bottom:0;}
.m-auto{margin:auto;}
.modal-dialog-center {margin-top: 7%;}
.justify-content-center{display: flex;justify-content: center;}
.text-black{color:black !important;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, 
.col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, 
.col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, 
.col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, 
.col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding-right:1rem;padding-left:1rem;}
.btn-main{font-weight:700;transition:.5s background, .5s color;border-radius: 2rem;background: var(--second-color);padding: .5rem 1rem;border: solid .1rem var(--second-color);color:var(--third-color) !important;}
.btn-main:hover{background: #f7f7f7;color:var(--second-color) !important;}
.btn-second{font-weight:700;transition:.5s background, .5s color;border-radius: 2rem;background:#f7f7f7;padding: .5rem 1rem;border: solid .1rem var(--second-color);color: var(--second-color) !important;}
.btn-second:hover{background: var(--second-color);color: var(--third-color ) !important;}
.btn{padding:.6rem 1rem ;}


/* Header */
#mainmenu li a{font-family:'Karla';}
header nav.mainmenu-area{background: var(--third-color) !important;z-index: 99999 !important;}
header nav.mainmenu-area.affix{box-shadow:0px -18px 30px black;}
header nav.mainmenu-area, 
header nav.mainmenu-area.affix{padding:.5rem 0;}
header nav.mainmenu-area.affix{padding:.5rem 0;}
header nav.mainmenu-area #mainmenu .menu-header{display: flex !important;float: unset !important;justify-content: end;align-items: center;padding-top: .3rem;}
header nav.mainmenu-area #mainmenu .menu-header .navbar-nav li a{background-color: transparent !important;color: black;padding:.85rem 1rem;line-height: 2rem;font-size: 1.3rem !important;}
header nav.mainmenu-area #mainmenu .menu-header .navbar-nav li a:before {display:none;}
header nav.mainmenu-area .navbar-header .logo-header > img{width: 11rem;}
/* --Buttons */
header nav.mainmenu-area #mainmenu .menu-header .list-menu2{list-style: none;margin-bottom:0 !important;padding-left: 1rem;}
header nav.mainmenu-area #mainmenu .menu-header .list-menu2 li{display:inline-block;}
header nav.mainmenu-area #mainmenu .menu-header .list-menu2 li:first-child{margin-right: 1rem;padding-right: 1rem;border-right: solid 1px #e3e3e3;}
#mainmenu li a.font-btn{font-size:1.2rem !important;}

/* Slider */
section#slider{position:relative;overflow: hidden;margin-top:5.2rem;padding: 1rem 0rem;height: 100vh;display: flex;align-items: center;}
section#slider h1 span:first-child{font-weight: 100;font-family: 'KonkretGroteskPro-Thin';}
section#slider h1 span:last-child{font-family: 'KonkretGroteskPro-Thin';}
section#slider h1 span{color:#f7f7f7 !important;}
section#slider .overlay-bg{background:linear-gradient(150deg, #004b9b 15%, #083a71 49%, #002e5f 94%);} 
section#slider .angle-bg::before, section#slider .angle-bg::after {background:transparent !important;}
section#slider .container > .row{display: flex;align-content: center;}
section#slider .container .content-text{display: flex;align-items: center;}
section#slider .content-slider{position:relative;}
section#slider .content-slider .image-slider{position:absolute;width:18rem;left: 0;right: 0;margin: auto;z-index:9;}
section#slider .content-slider #owl-slider-home .owl-item .item{position: relative;text-align: center;display: flex;justify-content: center;}
section#slider .content-slider #owl-slider-home .owl-item .item img{width: 18.1rem;}
section#slider .content-slider #owl-slider-home .owl-nav .owl-prev, section#slider .content-slider #owl-slider-home .owl-nav .owl-next{position: absolute;top: 45%;font-size:3rem;}
section#slider .content-slider #owl-slider-home .owl-nav .owl-prev{left:0;}
section#slider .content-slider #owl-slider-home .owl-nav .owl-next{right:0;}
section#slider .content-slider #owl-slider-home .owl-nav .owl-prev span{-webkit-text-stroke: 4px #004793;}
section#slider .content-slider #owl-slider-home .owl-nav .owl-next span{-webkit-text-stroke: 4px #004187;}
section#slider #slider-benefits .box-content{text-align: center;transition:.5s background-color,.5s margin-top;margin-bottom:2rem;background:rgba(189, 189, 189, 0.52);padding: .8rem;height: 14rem;}
section#slider #slider-benefits .box-content p{margin-bottom:0;}
section#slider #slider-benefits .box-content:hover{background: #15898e;box-shadow:1px 1px 25px -10px #555;margin-top:-1rem;}
section#slider .bg-footer-slider{height: 42px;position: absolute;z-index: 9999;bottom: -26px;background: rgba(247, 247, 247, 0.16);left: 0;right: 0;width: 100%;}
section#slider .subtitle{font-size: 2.7rem !important;line-height: 3.2rem !important;font-family: 'HelveticaNeue Ultra Light';left: 3px;position: relative;margin-bottom: 2.5rem;}

section#slider .img-hover{display: flex;}
section#slider .img-hover img{height: 100%;margin-top: 5px;width: 3.3rem;}
section#slider .img-hover .content{padding-left: .5rem;/*opacity:0;*/transition:.5s all;}
section#slider .img-hover .content p{font-size: 1.5rem !important;line-height: 2.2rem;font-family: 'HelveticaNeue Ultra Light';}
section#slider .img-hover .content:hover,
section#slider .img-hover:hover .content{opacity:1;}

/* --Animation */
section#slider .section-shape {bottom: -8px;left: 0;position: absolute;right: 0;z-index: 1;}
section#slider .river-wave-area {width: 100%;position: relative;bottom: 0;left: 0;z-index: 1;}
section#slider .river-wave {background: url('/assets/images/icons/wave.svg') repeat-x;position: absolute;top: -102px;width: 6400px;height: 100px;animation: river-wave 50s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;transform: translate3d(0, 0, 0);}
section#slider .river-wave:nth-of-type(2) {top: -56px;animation: river-wave 20s cubic-bezier( 0.36, 0.45, 0.63, 0.53) -.125s infinite, swell 7s ease -1.25s infinite;opacity: 1;}

/* About us */
#about-us h2{font-size: 5rem;color:var(--main-color);line-height:5.5rem;font-family: 'KonkretGroteskPro-Thin', sans-serif;font-weight: 100;}
#about-us h2 span{color:var(--main-color) !important;font-family: 'KonkretGroteskPro-Light', sans-serif;}
#about-us ul {padding-left: 0;list-style: none;}
#about-us ul li{margin-bottom: 1.6rem;font-size: 1.8rem;line-height: 2.4rem;text-align:justify;display: flex;align-items: start;flex-wrap: nowrap;}
#about-us ul li span {margin-top: 0rem;margin-right: 1rem;}
#about-us ul li span i{margin-top: .4rem;font-size: 2rem;width: 2rem;height: 2rem;color: var(--second-color);display: flex;justify-content: center;align-items: center;-webkit-text-stroke: 2px white;}

/* How does it work */
section#work .card-section{background: #f8faff;padding: 2rem;min-height: 23rem;margin-bottom: 1rem;}
section#work .card-section .number{position:relative;}
section#work .card-section .number span{color: #606087;position: relative;z-index: 9;font-size: 3rem;line-height: 3rem;top: 2rem;}
section#work .card-section .number:before{width: 4rem;height: 4rem;background: #e1ecff;border-radius: .8rem;content: '';position: absolute;left: 50%;top: 0px;z-index: 1;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);}
section#work .card-section .number:after{width: 4rem;height: 4rem;background: #c8eeeb;border-radius: .8rem;content: '';position: absolute;left: 50%;top: 0;z-index: 1;-webkit-transform: translateX(-50%) rotate(-45deg);-ms-transform: translateX(-50%) rotate(-45deg);-moz-transform: translateX(-50%) rotate(-45deg);transform: translateX(-50%) rotate(-45deg);-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
section#work .card-section:hover .number:after{transform:translateX(-50%) rotate(-245deg);}
section#work .card-section h3{color: #1d2025;font-weight: 500;font-size: 1.5rem;margin-bottom: 1rem;}

/* Service */
section#section-service .down-offset{margin-bottom:5rem !important;}
section#section-service .down-offset .screen_image{z-index: 1;}
section#section-service .down-offset > img{width: 20.4rem;z-index: 9;position: relative;}
section#section-service .down-offset .screen_image img{width: 17.8rem;}
section#section-service{background:linear-gradient(150deg, rgb(2, 52, 105) 15%, rgb(0, 51, 104) 70%, rgb(0, 51, 104) 94%);position:relative;}
section#section-service h3 span{font-size: 2.5rem;vertical-align: middle;color: #606060;padding: 0;line-height: 0;display: unset;position: relative;top: -3px;color:#f7f7f7;}
section#section-service ul{margin:2rem 0 0 0;padding-left: 3rem;}
section#section-service ul li{padding-bottom:1.1rem;}
section#section-service ul li:last-child{padding-bottom:0;}
section#section-service .title-service:after{position:absolute;content:"";left:0;bottom:0;width:4rem;height:0.2rem;background:var(--main-color);}
section#section-service .single-feature{text-align:center;background:var(--third-color);padding: .5rem;cursor: pointer;transition: all 0.4s ease-in;margin-bottom: 1rem;min-height: 11.8rem;border-radius: 1rem;margin-right: -1rem;}
section#section-service .single-feature-extra{min-height: 13.4rem !important;}
section#section-service .single-feature:hover{margin-top:-.5rem;}
section#section-service .single-feature .feature-icon .icon-shape{margin-left: auto;margin-right: auto;margin-bottom: 1rem;margin-top: 1rem;border-radius:50%;background: var(--main-color);color: #f7f7f7;font-size: 2rem;height: 3.5rem;width: 3.5rem;display: flex;justify-content: center;align-items: center;}
section#section-service .single-feature h3, section#section-service .single-feature li{color:black;font-size:1.2rem;line-height: 1.8rem;font-weight:400;}
section#section-service #feature .left-feature-area .row{border-right: solid .2rem #edf7f6;margin-right:-1rem;padding-right: 2rem;}
section#section-service .single-feature img{width: 4.4rem;}
section#section-service .single-feature img.calendar{width: 8.8rem;}

/* App screenshots */
section#app-screenshots #owl-gallery .owl-item {border: 1px solid darkgray;}
section#app-screenshots #owl-gallery .item {position:relative;}
section#app-screenshots #owl-gallery .item a{width:100%;}
section#app-screenshots #owl-gallery .item a .icon{transition:.5s all;opacity:0;display: flex;position: absolute;z-index: 9;right: 0;left: 0;bottom: 0;top: 0;justify-content: center;align-items: center;background:transparent;}
section#app-screenshots #owl-gallery .item a:hover .icon{opacity:1;background:rgba(1, 1, 1, 0.47);}
section#app-screenshots #owl-gallery .item a .icon i{background: rgba(1, 1, 1, 0.37);color: #f7f7f7;width: 4rem;height: 4rem;border-radius: 50%;font-size: 2rem;padding: 1rem;}
section#app-screenshots #owl-gallery .owl-nav .owl-prev, section#app-screenshots #owl-gallery .owl-nav .owl-next{position: absolute;top: 35%;border: solid .2rem var(--second-color);width: 3rem;height: 3rem;border-radius: 50%;background: var(--second-color);}
section#app-screenshots #owl-gallery .owl-nav .owl-prev span{padding:0.36rem .6rem;}
section#app-screenshots #owl-gallery .owl-nav .owl-next span{padding:0.36rem .8rem;}
section#app-screenshots #owl-gallery .owl-nav .owl-prev span, section#app-screenshots #owl-gallery .owl-nav .owl-next span{-webkit-text-stroke: 2px var(--second-color);color: #f7f7f7;font-size: 2rem;display: inline-block;}
section#app-screenshots #owl-gallery .owl-nav .owl-prev{left:-20px;}
section#app-screenshots #owl-gallery .owl-nav .owl-next{right:-20px;}

/* Download */
#download-app .section-bg{background: var(--main-color);}
#download-app .icon-download{width:17rem;border-radius: .5rem;}

/* Contact */
#contact .title-contact{font-weight:400;text-align: center;color: black;}
#contact h3{font-family:  'KonkretGroteskPro-Thin';}
#contact .well.well-lg{padding:3rem;border-radius:1rem !important;}
#contact .well.well-lg .table{margin-bottom: 0px !important;}
#contact .border-icon.sm{height: 3rem;width: 3rem;font-size: 1.3rem;display: flex;justify-content: center;align-items: center;color: var(--second-color);}
#contact .well.well-lg .table tbody tr{display: flex;flex-direction: row;justify-content: start;align-items: center;}
#contact iframe{height:10.8rem}
#contact .offset-top .well.well-lg{min-height:40rem;background-color:var(--third-color);}

/* Modal Cotizar */
#cotizar-modal .modal-dialog{width:50rem !important;}
#cotizar-modal .modal-dialog .modal-content {box-shadow: 0 5px 15px rgb(41, 43, 76);border-radius: 1rem !important;border: none;}
#cotizar-modal .modal-dialog .modal-content .modal-header{padding: .5rem 2rem;background: var(--main-color);color: #f7f7f7;border-top-left-radius: .8rem;border-top-right-radius: .8rem;}
#cotizar-modal .modal-dialog .modal-content .modal-header .modal-title{font-family: 'KonkretGroteskPro-Thin';font-weight: 100;font-size: 1.7rem;padding: .5rem;}
#cotizar-modal .modal-dialog .modal-content .modal-header button.close{margin-top: .4rem;opacity: .5;color: var(--main-color);font-size: 2rem;background: #f7f7f7;border-radius: 50%;display: inline-block;width: 2.5rem;height: 2.5rem;}
#cotizar-modal .modal-dialog .modal-content .modal-header button.close span{font-size: 3rem;line-height: 1.6rem;display: inline-block;}
#cotizar-modal .modal-dialog .modal-content .modal-body {background-color:var(--third-color);border-bottom-left-radius: 1rem;border-bottom-right-radius: 1rem;}
#cotizar-modal .modal-dialog .modal-content .modal-body form div.row > div{padding:0 2rem;}
#cotizar-modal .modal-dialog .modal-content .modal-body form div.row > div.col-sm-6:first-child{padding-right: 1rem;}
#cotizar-modal .modal-dialog .modal-content .modal-body form div.row > div.col-sm-6:last-child{padding-left: 1rem;}
#cotizar-modal .modal-dialog .modal-content .modal-body form .form-control{margin-bottom:0;text-align:left;}
#cotizar-modal .modal-dialog .modal-content .modal-body form div.ms-parent{width: 100%;padding: 0;}
#cotizar-modal .modal-dialog .modal-content .modal-body form div.ms-parent .ms-choice{border: none;height: 100%;}
#cotizar-modal .modal-dialog .modal-content .modal-body form div.ms-parent .ms-drop ul > li label > span:last-child{color: #575757;font-size: 1.1rem;padding-left: .2rem;position: relative;top: .2rem;font-family: 'KonkretGroteskPro-Light',sans-serif;}
#cotizar-modal .modal-dialog .modal-content .modal-body form div.ms-parent .ms-drop ul > li.ms-select-all{display:none;}
#cotizar-modal .modal-dialog .modal-content .modal-body form div.ms-parent .ms-drop .ms-no-results{color: #575757;font-size: 1.1rem;}
#cotizar-modal .modal-dialog .modal-content .modal-body form div.ms-parent .ms-choice > div{top: 0rem;width: 3rem;height: 3rem;background-size: 2.5rem;}

/* Scroll Top */
#scrollUp, #scrollUp:hover{background-color:transparent;border:none;}
#scrollUp span{font-size: 2rem;color:#d5d5d5;}

/* Formulario */
/* Visualmente si funciona pero no se va en el form con jQuery, falta validar con POST directo
.sendmail_form input[type="text"]{text-transform:capitalize;}
.sendmail_form input[type="email"]{text-transform:lowercase;}
*/
::-webkit-input-placeholder { /* WebKit browsers */text-transform:none;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */text-transform:none;}
::-moz-placeholder { /* Mozilla Firefox 19+ */text-transform:none;}
:-ms-input-placeholder { /* Internet Explorer 10+ */text-transform:none;}
::placeholder { /* Recent browsers */text-transform:none;}
.sendmail_form .invalid-feedback, .sendmail_form_2 .invalid-feedback{font-size:1rem;}
.sendmail_form span, .sendmail_form_2 span, .sendmail_form .invalid-feedback, .sendmail_form_2 .invalid-feedback{color:red;padding-top: .2rem;}
.sendmail_form .sendmail_legend, .sendmail_form_2 .sendmail_legend{font-size:.8rem;}
.sendmail_form .sendmail_ajax_loader,.sendmail_form_2 .sendmail_ajax_loader{width: 1.2rem;}
.sendmail_form .sendmail_ajax_loader,.sendmail_form_2 .sendmail_ajax_loader, .sendmail_form .invalid-feedback, .sendmail_form_2 .invalid-feedback{display:none;}
.sendmail_form .sendmail_result, .sendmail_form_2 .sendmail_result{display:none;margin-bottom:0px}
.form-control{min-height: 3.3rem;font-size: 1.2rem;padding: .5rem 1.5rem;}
.form-group{margin-bottom:1.1rem;}
.form-control:focus{box-shadow:inset 0 1px 1px var(--second-color),0 0 4px var(--second-color);}

/* Select 2 */
.ms-parent .ms-choice .placeholder{padding: .5rem 1.6rem!important;color: #555;line-height: 2.1rem;}
.select2-container--bootstrap{width: 100% !important;}
.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,
.select2-container--bootstrap .select2-results__option{text-align: left;font-size: 1rem;padding: 0.5rem 1.5rem 0 1.5rem;height: 2.6rem;margin-bottom: 0;padding-bottom: 0;width:100% !important;}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice{font-size: 1rem;}
.select2-container .select2-search--inline{width:100% !important;}

/* Single page */
#single-page h2{font-size:3rem;font-weight: 100;}

/* Newsletter */
.subscrie-form .form-control{min-height: 3.3rem;font-size: 1rem;padding: .6rem 1.5rem;}
.subscrie-form .btn{font-size: 1.2rem;min-width: 6rem;min-height: 3.3rem;border-bottom-right-radius: 1.5rem !important;border-top-right-radius: 1.5rem !important;background: var(--second-color);font-weight: 700;}

/* Footer */
.social-menu a{height: 2.5rem;width: 2.5rem;margin:0 .3rem;}
.social-menu a > span{font-size: 1.5rem;display: block;padding: .5rem 0;}
footer .copy .icon{color: #f7f7f7;font-size: 1.5rem;vertical-align: middle;}
footer ul.list-unstyled li {display: inline-block;}
footer .social-menu a{color: var(--second-color);}
footer .social-menu a:hover{background-color: var(--second-color);}

/* Animation */
@keyframes river-wave {0% {margin-left: 0;}100% {margin-left: -1600px;}}
@keyframes swell {0%, 100% {transform: translate3d(0,-20px,0);}50% {transform: translate3d(0,-15px,0);}}

/* Feature */
section#section-service h2{color:white;}

/* Footer */
footer{background:var(--main-color);}
/* footer{background:linear-gradient(150deg, #004b9b 15%, #083a71 49%, #002e5f 94%);} */
footer .copy br{display:none;}

/* Responsive */
@media (min-width:1200px){
	html {
		font-size: 1vw;
	}
	
	/* General */
	.container{width:85rem;}
}
@media (max-width:991px){
	/* Menu */
	header nav.mainmenu-area .navbar-header .logo-header > img{width: 9rem;}
	header nav.mainmenu-area #mainmenu .menu-header{padding-top:.4rem;padding-right: 1rem;}
	header nav.mainmenu-area #mainmenu .menu-header .navbar-nav li a{font-size:1rem !important;}
	/* --Buttons */
	header #mainmenu .menu-header .list-menu2{padding-left: 0;}
	header #mainmenu .menu-header .list-menu2 li a{font-size:.9rem !important;}
	header nav.mainmenu-area #mainmenu .menu-header .list-menu2 li:first-child{margin-right: .5rem;padding-right: .5rem;}
	
	/* Slider */
	section#slider{padding-top:18rem;padding-bottom:18rem;}
	section#slider .container .content-text{justify-content:center;}
	section#slider h1, section#slider .subtitle{text-align:center;}
	section#slider .img-hover .content{opacity:1;}
	
	/* Feature */
	section#section-service ul{margin:2rem 0 2rem 0;}
	section#section-service #feature .left-feature-area{border-right:0;}
	section#section-service h3, section#section-service h2{text-align:center;}
	
	/* About us */
	#about-us .space-150, #about-us .space-170{height: 5rem;}
	#about-us h2{line-height: 5rem;font-size: 4.4rem;}
	#about-us h2 br{display:none;}
	
	/* App Screenshots  */
	section#app-screenshots #owl-gallery .owl-nav .owl-prev{left: .5rem;}
	section#app-screenshots #owl-gallery .owl-nav .owl-next{right:.5rem;}
	
	/* Contact */
	#contact .title-contact{font-weight: 300;}
	
	/* Service */
	section#section-service #feature > div.row{margin: 0;}
	section#section-service .single-feature:hover{margin-top:0rem !important;}
	section#section-service #feature .right-feature-area > div:first-child .single-feature:hover{margin-top:1rem !important;}
	section#section-service #feature .right-feature-area > div:last-child .single-feature:hover{margin-top:0 !important;}
	section#section-service #feature .right-feature-area .single-feature:hover{margin-top:1rem !important;}
	section#section-service #feature .left-feature-area .row{margin-right:0;border-right:0;padding:0;}
	section#section-service #feature > div.row {margin-left: 0;}
	section#section-service #feature .right-feature-area .col-xs-12{padding-right:1rem;padding-left:0;}
	section#section-service #feature .right-feature-area > .space-70{display:none;}
	section#section-service #feature .right-feature-area .single-feature{margin-top:1rem;margin-bottom: 0;}
	section#section-service #feature .right-feature-area .single-feature:hover,
	section#section-service #feature .right-feature-area > div:last-child .single-feature:hover{margin-top:1rem !important;}
	
	
	/* footer */
	footer .copy br{display:block;}
	footer .copy, footer .terms{text-align:center;}
	footer h3{font-weight:300;}
}
@media (max-width:767px){
	/* General */
	h1{font-size: 3.3rem;line-height: 3rem;}
	h2{font-weight: 300;text-align:center;font-size:2.2rem;margin-bottom:3rem;}
	.modal-dialog-center {margin-top: 20%;}
	.justify-content-center{display: block;justify-content: center;}
	
	/* Menu */
	header nav.mainmenu-area .navbar-toggle{margin-right: .6rem !important;}
	header nav.mainmenu-area #mainmenu .menu-header{display: block !important;padding: 1rem 0;}
	header nav.mainmenu-area #mainmenu .menu-header .navbar-nav li a{font-size:1.2rem !important;padding: 1rem 1rem;}
	header nav.mainmenu-area .navbar-toggle{border:solid 1px var(--main-color);}
	header nav.mainmenu-area .navbar-toggle .icon-bar{background:var(--main-color);}
	header nav.mainmenu-area .navbar-toggle:focus .icon-bar{background-color: var(--main-color) !important;}
	header nav.mainmenu-area .navbar-header .logo-header > img{width:10rem;margin-top: 0;top: .2rem;position: relative;left: .6rem;}
	/* --Buttons */
	header #mainmenu .menu-header .list-menu2{text-align: center;}
	header #mainmenu .menu-header .list-menu2 li a{font-size:1.2rem !important;}
	header nav.mainmenu-area #mainmenu .menu-header .list-menu2{padding-left: 0;}
	
	/* Slider */
	section#slider .section-bg .parallax-image img{object-fit: cover;object-position: right;}
	section#slider #slider-benefits .box-content{display:flex;justify-content:center;align-items:center;}
	section#slider .subtitle, section#slider .img-hover .content p{font-size:1.9rem !important;}
	section#slider .img-hover{margin-bottom: 2rem;}
	section#slider .img-hover .content p {line-height: 3.2rem;}
	section#slider .img-hover .content p br, section#slider .subtitle br,
	section#slider .container > .space-80{display:none;}
	
	/* Service */
	section#section-service .single-feature,
	section#section-service .single-feature-extra{min-height: auto !important;}
	section#section-service .single-feature h3{margin-bottom: 1rem;padding-left: 0;}
	section#section-service #feature .left-feature-area,
	section#section-service #feature .right-feature-area{padding:0;}
	section#section-service h3, section#section-service h2{font-size:2.5rem;margin-bottom: 3rem;font-weight: 300;}
	section#section-service .single-feature-top{margin-top:0 !important;}
	section#section-service #feature .right-feature-area .single-feature,
	section#section-service #feature .left-feature-area .row:last-child div .single-feature{margin-top:1rem !important;}
	section#section-service #feature .left-feature-area .row:last-child div:first-child .single-feature{margin-top:0 !important;}
	/* section#section-service #feature .right-feature-area .single-feature:hover */
	section#section-service #feature .left-feature-area .row:last-child  .single-feature{margin-bottom:1rem;}
	
	/* About us */
	#about-us h2{font-size:3rem;margin-bottom: 3rem;line-height: 3.5rem;}
	#about-us ul li span i{width: 1.5rem;height: 1.5rem;font-size:1rem;-webkit-text-stroke: unset;}

	
	/* Modal */
	#cotizar-modal .modal-dialog{width:auto !important;}
	
	/* Modal Cotizar */
	#cotizar-modal .modal-dialog .modal-content .modal-body form div.row > div{padding:0 2rem !important;}
	
	/* Download */
	#download-app .section-bg img{object-fit:cover;}
	
	/* Contact */
	#contact .well.well-lg .table tbody tr td address br{display:none;}
}
@media (max-width:575px){
	/* Slider */
	section#slider{margin: 0;}
}