body,html{width:100%;height:100%}body{font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;/*font-family:Merriweather,'Helvetica Neue',Arial,sans-serif*/}hr{max-width:50px;border-width:3px;border-color:#f05f40}hr.light{border-color:#fff}a{color:#f05f40;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}a:hover{color:#f05f40}h1,h2,h3,h4,h5,h6{font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}.bg-primary{background-color:#f05f40!important}.bg-dark{background:url(/img/bg-punto.png) top left repeat #656565 !important}.text-faded{color:rgba(255,255,255,.7)}section{padding:4rem 0}.section-heading{margin-top:0}::-moz-selection{color:#fff;background:#212529;text-shadow:none}::selection{color:#fff;background:#212529;text-shadow:none}img::selection{color:#fff;background:0 0}img::-moz-selection{color:#fff;background:0 0}
#mainNav{
border-bottom:1px solid rgba(33,37,41,.1);
background: #00a4e4;
font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;
-webkit-transition:all .2s;
-moz-transition:all .2s;
transition:all .2s;
}
#mainNav .navbar-brand{font-weight:700;text-transform:uppercase;color:#fff;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}
#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#fff}
#mainNav .navbar-nav>li.nav-item>a.nav-link,
#mainNav .navbar-nav>li.nav-item>a.nav-link:focus,
#mainNav .navbar-nav>li.nav-item>.popup-gallery a.nav-link,
#mainNav .navbar-nav>li.nav-item>.popup-gallery a.nav-link:focus
{font-size:.9rem;font-weight:700;text-transform:uppercase;color:#212529}
#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,
#mainNav .navbar-nav>li.nav-item>a.nav-link:hover,
#mainNav .navbar-nav>li.nav-item>.popup-gallery a.nav-link:focus:hover,
#mainNav .navbar-nav>li.nav-item>.popup-gallery a.nav-link:hover
{color:#fff}
#mainNav .navbar-nav>li.nav-item>a.nav-link.active,
#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active,
#mainNav .navbar-nav>li.nav-item>.popup-gallery a.nav-link.active,
#mainNav .navbar-nav>li.nav-item>.popup-gallery a.nav-link:focus.active
/*, .popup-gallery .navbar-light .navbar-nav .nav-link.js-scroll-trigger:focus.active*/
{color:#f05f40!important;background-color:transparent}
#mainNav .navbar-nav>li.nav-item>a.nav-link.active:hover,
#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active:hover,
#mainNav .navbar-nav>li.nav-item>.popup-gallery a.nav-link.active:hover,
#mainNav .navbar-nav>li.nav-item>.popup-gallery a.nav-link:focus.active:hover
/*, .popup-gallery .navbar-nav .nav-link.js-scroll-trigger:focus.active:hover*/
{background-color:transparent}
@media (min-width:992px){
#mainNav{border-color:transparent;background-color:transparent}
#mainNav .navbar-brand{color:rgba(255,255,255,.7)}#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#fff}
#mainNav .navbar-nav>li.nav-item>a.nav-link,
#mainNav .navbar-nav>li.nav-item>.popup-gallery a.nav-link
{padding:.5rem 1rem}
#mainNav .navbar-nav>li.nav-item>a.nav-link,
#mainNav .navbar-nav>li.nav-item>a.nav-link:focus,
#mainNav .navbar-nav>li.nav-item>.popup-gallery a.nav-link,
#mainNav .navbar-nav>li.nav-item>.popup-gallery a.nav-link:focus
{color:rgba(255,255,255,.7)}
#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,
#mainNav .navbar-nav>li.nav-item>a.nav-link:hover,
#mainNav .navbar-nav>li.nav-item>.popup-gallery a.nav-link:focus:hover,
#mainNav .navbar-nav>li.nav-item>.popup-gallery a.nav-link:hover
{color:#fff}
#mainNav.navbar-shrink{border-bottom:1px solid rgba(33,37,41,.1);background-color:#fff}
#mainNav.navbar-shrink .navbar-brand{color:#f05f40}
#mainNav.navbar-shrink .navbar-brand:focus,#mainNav.navbar-shrink .navbar-brand:hover{color:#f05f40}
#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus{color:#212529}
#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus:hover,
#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:hover,
#mainNav.navbar-shrink .navbar-nav>li.nav-item>.popup-gallery a.nav-link:focus:hover,
#mainNav.navbar-shrink .navbar-nav>li.nav-item>.popup-gallery a.nav-link:hover
{color:#fff}
}
header.masthead{
padding-top:10rem;
padding-bottom:calc(10rem - 56px);
background-image:url(../../img/icd-header.jpg);
background-position:center 0px;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
}
header.masthead.dwdi{background-image:url(../img/header-wdi.webp);}
header.masthead.inglesd{background-image:url(../img/header-inglesd.webp);}
header.masthead.arabs{background-image:url(../img/header-arabs.webp);}
header.masthead.inglestel{background-image:url(../img/header-inglestel.jpg);}
header.masthead hr{margin-top:30px;margin-bottom:30px}
header.masthead h1{font-size:2rem}
header.masthead p{font-weight:300}
@media (min-width:768px){
header.masthead p{font-size:1.15rem}
}
@media (max-width:992px){
header.masthead{background-position: -430px center;}
header.masthead.dwdi{background-position: center 30px;}
}
@media (min-width:993px){
header.masthead{height:100vh;min-height:650px;padding-top:0;padding-bottom:0;}
header.masthead h1{font-size:3rem}
}
@media (min-width:1200px){
header.masthead h1{font-size:4rem;}
}
@media (max-width: 456px){
header.masthead.dwdi{
padding-top: 3rem;
padding-bottom: calc(6rem - 100px);
background-position: center 70px;
}
header.masthead.dwdi p{
width: 91%;
max-width: 300px;
}
}
.service-box{max-width:400px}
.portfolio-box{position:relative;display:block;max-width:650px;margin:0 auto}
.portfolio-box .portfolio-box-caption{position:absolute;bottom:0;display:block;width:100%;height:100%;text-align:center;opacity:0;color:#fff;background:rgba(240,95,64,.9);-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content{position:absolute;top:50%;width:100%;transform:translateY(-50%);text-align:center}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{padding:0 15px;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:14px;font-weight:600;text-transform:uppercase}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:18px}
.portfolio-box:hover .portfolio-box-caption{opacity:1}
.portfolio-box:focus{outline:0}
.service-box h3{line-height:25px;}
.service-box p{line-height:18px;}
@media (min-width:768px){
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:16px}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:22px}
}
.text-primary{color:#f05f40!important}
.btn{font-weight:700;text-transform:uppercase;border:none;border-radius:300px;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}
.btn-xl{padding:1rem 2rem}
/*
.btn-primary{background-color:#f05f40;border-color:#f05f40}
.btn-primary:active,.btn-primary:focus,.btn-primary:hover{color:#fff;background-color:#ee4b28!important}
.btn-primary:active,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(240,95,64,.5)!important}*/