.logo {

   padding-top: 0px;

}



body {

font-size: 16px;
}



h1, h2, h3, h4, h5, h6 {

    color: #004282;

}



.header .header-wrapper {

    padding: 12px 0;

}



.padre {

   display: table;

    height: 39px;

    margin-bottom: 20px;

}

.hijo {

    display: table-cell;

    vertical-align: top;

}



.btn-theme-transparent, .btn-theme-transparent:focus, .btn-theme-transparent:active {

color: #000;

font-size: 16px;

font-weight: bold;
}



.btn i.fa.fa-phone {

    font-size: 20px;

}



.header-search, .header-cart {

    top: 15px !important;

}



.top-bar-right i.fa.fa-map-marker {

    font-size: 20px;

}



.btn-theme-transparent:hover {

background-color: #fff;

color: #000;
}



.btn-theme-transparent, .btn-theme-transparent:focus, .btn-theme-transparent:active, .btn-title-more {

background-color: rgba(5, 69, 136, 0.07);

border-color: #000;
}



.sf-menu a {

    color: #ffffff;

}



.top-bar {

    font-size: 16px;

    background-color: #3ca798;

}



.header-style-2 .header .navigation-wrapper {

    background-color: #004282;

}



.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu li.sfHover > a, .sf-menu li.active {

    background-color: #3ca798;

    color: #ffffff;

}



.main-slider .caption-title {

    color: #ffffff;

    font-size: 25px;

}



.main-slider .alt .caption-subtitle {

    color: #ffffff;

}



.main-slider .alt .caption-subtitle span:before, .main-slider .alt .caption-subtitle span:after {

    background-color: #ffffff;

}



.main-slider .btn-theme {

    border-color: #004282;

    background-color: #004282;

    color: #ffffff;

}



.caption-content {

    padding-left: 20px;

}



.footer-meta {

    padding: 10px 0;

    background-color: #3ca798;

    border-top: solid 1px #0d0f28;

}



.footer-meta .copyright {

    color: #ffffff;

}



.footer-widgets .widget-title {

    color: #ffffffdb;

}



.footer,.footer a {

    color: #ffffffbf;

}



.social-icons a {

    border: solid 1px #3ca798;

    color: #3ca798;

}



.contact-info .media .fa {

    color: #004282;

    font-weight: bold;

}



.footer .contact-info .media .fa {

    padding: 0;

    width: 40px;

    height: 40px;

    font-size: 22px;

    line-height: 40px;

    border-radius: 20px;

    margin-right: 15px;

    text-align: center;

    background-color: #d3d3d333;

    color: #3ca798;

}



.footer a:hover, .footer a:active, .footer a:focus {

    color: #3ca798;

}



.widget-categories ul li {

    border-bottom: dashed 1px rgba(211, 213, 215, 0.31);

}



.thumbnail.category.hover .btn-theme, .thumbnail.category:hover .btn-theme {

    border-color: #3ca798;

    background-color: #3ca798;

    color: #ffffff;

}



.tabs li.active a {

    color: #004282;

    background-color: transparent;

}



.breadcrumb {

    background-color: transparent;

}



.breadcrumb>.active {

    color: #3ca798;

}



h1.entry-title,.breadcrumb li a {

    color: #fff;

}

h1, .h1 {

    font-size: 28px;

}



.breadcrumb li {

    font-size: 18px;

}



.block-title {

color: #7a7a7a;

font-size: 37px;

line-height: 35px;

text-transform:  none;

font-family:  Gravity;

font-weight:  300;

margin-top:  0px;
}



.btn-theme-dark, .btn-theme-dark:focus, .btn-theme-dark:active {

    background-color: #004282;

    border-color: #004282;

}



.form-control:focus {

    border-color: #004282b8;

}



.clientes img {

    width: 100%;

}



.clientes #partner div a {

    display: block;

    text-align: center;

    border: solid 3px #f3f4f6;

    background-color: #f3f4f6;

    padding: 6px;

    margin: 1px;

    -webkit-transition: all 0.65s ease-in-out;

    transition: all 0.65s ease-in-out;

    margin-bottom: 20px;

}



.clientes #partner div a:hover {

    border: solid 3px #0042828f;

}



.thumbnail.category .caption-title {

    line-height: 30px;

}



.sf-menu.nav > li > a:hover, .sf-menu.nav > li > a:focus {

    background-color: #3ca798;

}



.header-search span {

    font-size: 20px;

    line-height: 25px !important;

    color: #3ca798;;

    font-weight: bold;

    margin-left: 10px;

    vertical-align: middle;

}



.header-search .size-icon {

    line-height: 25px !important;

    font-size: 25px !important;

    padding-right: 5px;

    padding-left: 5px;

    border: solid 1px #3ca798;

    color: #3ca798;

}



.social-icons a:hover {

    background-color: #004282;

    color: #ffffff;

}



.product-single .owl-theme .owl-controls .owl-nav [class*=owl-] {

    color: #004282;

    border: solid 3px #004282;

}

.product-single .owl-theme .owl-controls .owl-nav [class*=owl-]:hover {

    background: #004282;

    color: #ffffff;

}



.product-single .product-thumbnails a {

    display: block;

    margin: 10px 10px 0 0;

    border: 3px solid #e9e9e9;

    padding: 10px;

}



.owl-carousel .owl-item img {

    border: 3px solid #e9e9e9;

}



.nav ul {

    min-width: 200px;

}



.thumbnail.productos .media {

    padding: 4px;

    box-shadow: 0px 2px 8px 0px #9E9E9E;

}



img.iconpdf {

    width: 62px;

    vertical-align: middle;

}





i.fa.fa-play {

    width: 70px;

    height: 70px;

    line-height: 72px;

    background: #ffffff;

    color: #f40f0f;

    border-radius: 50%;

    padding-left: 4px;

    transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

}



a.popup-youtube {

    width: 90px;

    height: 90px;

    padding: 8px;

    background: #e4e4e482;

    border: 2px solid #dedede;

    display: inline-block;

    margin: 0 auto;

    border-radius: 50%;

    left: 0;

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    z-index: 9999;

    font-size: 20px;

}



.play-video-2{

    margin-top: 45px;

    position: relative;

}



.content2{

    margin-top: 20px;

}



.play-video-2 .video-info a:hover i {

    background: #f40f0f;

    color: #ffffff;

}



.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {

    background-color: rgb(0, 66, 130);

    border-color: #004282;

    color: #ffffff;

}



.pagination>li:first-child>a, .pagination>li:first-child>span {

    margin-left: 0;

    border-top-left-radius: 0px;

    border-bottom-left-radius: 0px;

}



.pagination>li:last-child>a, .pagination>li:last-child>span {

    border-top-right-radius: 0px;

    border-bottom-right-radius: 0px;

}



.message-box h2 {

color: #7a7a7a;

font-size: 32px;

line-height: 35px;

text-transform: none;

font-family: Gravity;

font-weight: 300;

margin-top: 0px;

position: fixed;

top: 50%;

left: 50%;    /* bring your own prefixes */

transform: translate(-50%, -50%);

text-align:  center;
}



@media (max-width: 480px){

    .header-cart {

        width: 100%;

    }

    .header .header-wrapper {

        text-align: center;

    }



    .header-wrapper .social-icons {

        margin: -10px 0 20px 0 !important;

        line-height: 30px !important;

        overflow: hidden !important;

        display: inline-block !important;

        text-align: center !important;

    }



    .logo {

        padding-top: 0;

        margin-bottom: 0px;

    }



    .header-style-2 .header .header-cart {

        height: 46px;

    }





    a.menu-toggle.btn.btn-theme-transparent{

        position: relative;

        right: -151px;

        top: -65px;

    }



    .breadcrumb li {

        font-size: 15px;

    }



    h1, .h1 {

        font-size: 22px;

    }

}

@media (min-width: 1023px){

    .header-style-2 .header .header-search {

        left: auto;

        right: -102px;

    }

}


/* Custom Styles for Recrear */

/* Mobile Menu */
.header .header-cart {
  z-index: 2;
}

.menu-toggle {
    display: inline-block;
}

.navigation {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 250px;
    z-index: 11000;
    border-left: solid 1px #232323;
    background-color: #232323;
}

.navigation.opened {
    right: 0;
    overflow-y: scroll;
}

.navigation.closed {
    right: -250px;
}

.menu-toggle-close {
    display: block;
    width: 100%;
    text-align: right;
}

.menu-toggle-close .fa {
    display: inline-block;
    text-align: center;
    width: 30px;
    height: 30px;
    font-size: 15px;
    line-height: 28px;
    color: #ffffff !important;
    background-color: #232323;
    border: solid 1px #ffffff;
    border-radius: 15px;
}

.sf-menu {
    margin-right: 0;
    padding: 15px 0 15px 0;
}

.sf-menu li {
    float: none!important;
    display: block!important;
    width: 100%!important;
    margin-bottom: 10px !important;
}

.sf-menu li a {
    float: none!important;
}

.sf-menu > li > a {
    background-color: #232323;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.sf-menu > li > a:hover {
    color: #5687bf;
    background-color: #ffffff !important;
}

@media (max-width: 480px) {
    .header-style-2 .header .header-cart {
        left: 15px;
        right: auto;
    }

    a.menu-toggle.btn.btn-theme-transparent {
        position: absolute;
        top: -12px;
        right: auto;
    }
}

/* Globals */
@font-face {
    font-family: Gravity;
    src: url('../fonts/Gravity-Book.woff');
}

@font-face {
    font-family: abeatbyKaiRegular;
    src: url('../fonts/abeatbyKaiRegular.woff');
}

/* Home */

.content-area {
    padding-bottom:0px;
}

/*Full height slider*/
.main-slider .owl-item div {
    height: 100vh;
    width: 100%;
    background-repeat: none;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
}
.owl-carousel .owl-item img {
    width: auto;
    /*height:  100%;*/
}

.main-slider .btn-theme {
    display: none;
}

p {
    font-family: Gravity;
    color: #727175;
}

.owl-carousel .owl-item img {
    border: none;
}

.main-slider .owl-theme .owl-controls .owl-nav [class*=owl-] {
    border: solid 3px #f5f5f5;
    color: #f5f5f5;
}

.main-slider .owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
    border: solid 3px #00000038;
    color: #00000038;
    background: #f5f5f5;
}

.pagecontent {
    position: absolute;
    top: 15%;
    left: 5%;
    z-index: 2;
    width: 100%;
}

.pagecontent .mainpage {
    padding-bottom: 40px;
    width:  70%;
}

.pagecontent .mainpage .main-logo {
    width: 230px;
}

.pagecontent .mainpage h4 {
    font-size: 18px;
    font-family: Gravity;
    color: #fff;
    padding: 20px 0px 0px 0px;
    margin: 10px 0px 10px 0px;
}

.pagecontent .mainpage h3 {
    font-size: 30px;
    font-family: abeatbyKaiRegular;
    color: #fff;
    background: #00000038;
    padding: 5px;
    margin:  0px;
    letter-spacing: 1px;
}

.pagecontent .menu-container {
    width: 100%;
    overflow: hidden;
}

.pagecontent .menu-container .menu {
    width: 65%;
    float: left;
}

.pagecontent .menu-container .menu .menu-item {
    margin: 36px auto 10px auto;
    width: 24%;
    float: left;
    text-align: left;
}

.pagecontent .menu-container .menu .menu-item a {
    border: 2px solid #fff;
    padding: 7px 20px;
    color: #fff;
    font-family: Gravity;
    font-size: 20px;
    cursor: pointer;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.pagecontent .menu-container .menu .menu-item a:hover {
    background: #fff;
    color: #000;
}

.pagecontent .menu-container .social-links {
    width: 30%;
    float: right;
    background: #00000038;
    padding: 10px 0px 10px 25px;
}

.pagecontent .menu-container .social-links .social-item {
    width: 30%;
    float: left;
}

.block-title span:after {
  height: 0px;
}

.page-logo {
    position: absolute;
    width: 120px;
    top: 20px;
    left: 20px;
}

@media (min-width: 320px) and (max-width: 479px) {
    .pagecontent {
        top: 50px;
        left:  0;
    }

    .pagecontent .mainpage {
        padding-bottom: 5px;
        width: 100%;
        text-align:  center;
    }

    .pagecontent .mainpage .main-logo {
        width: 80px;
    }

    .pagecontent .mainpage h4 {
        font-size: 15px;
        padding: 5px 0px 0px 0px;
        margin: 0px 0px 5px 0px;
    }

    .pagecontent .mainpage h3 {
        font-size: 19px;
        padding: 5px;
    }

    .pagecontent .menu-container {
        width: 100%;
        overflow: hidden;
    }

    .pagecontent .menu-container .menu {
        width: 100%;
        float: none;
        text-align:  center;
        overflow:  hidden;
    }

    .pagecontent .menu-container .menu .menu-item {
        margin: 5px auto 5px auto;
        width: 100%;
        text-align:  center;
    }

    .pagecontent .menu-container .menu .menu-item a {
        border: 1px solid #fff;
        padding: 5px 7px;
        font-size: 16px;
    }

    .pagecontent .menu-container .menu .menu-item a:hover {
        background: #fff;
        color: #000;
    }

    .pagecontent .menu-container .social-links {
        width: 100%;
        float: none;
        padding: 5px 0px 5px 0px;
        overflow:  hidden;
        /* display: none; */
    }

    .pagecontent .menu-container .social-links .social-item {
        width: 33%;
        float: left;
    }

    .pagecontent .menu-container .social-links .social-item a {
        width: 31%;
        display: block;
        margin: 0 auto;
    }

    .page-logo {
        width: 70px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .pagecontent {
        bottom: 0;
        left:  0;
    }

    .pagecontent .mainpage {
        padding-bottom: 5px;
        width: 100%;
        text-align:  center;
    }

    .pagecontent .mainpage .main-logo {
        width: 130px;
    }

    .pagecontent .mainpage h4 {
        font-size: 16px;
        color: #fff;
        padding: 5px 0px 0px 0px;
        margin: 0px 0px 5px 0px;
    }

    .pagecontent .mainpage h3 {
        font-size: 18px;
        padding: 5px;
    }

    .pagecontent .menu-container {
        width: 100%;
        overflow: hidden;
    }

    .pagecontent .menu-container .menu {
        width: 100%;
        float: none;
        text-align:  center;
    }

    .pagecontent .menu-container .menu .menu-item {
        margin: 10px auto 10px auto;
        width: 25%;
        text-align:  center;
    }

    .pagecontent .menu-container .menu .menu-item a {
        border: 1px solid #fff;
        padding: 5px 7px;
        font-size: 18px;
    }

    .pagecontent .menu-container .menu .menu-item a:hover {
        background: #fff;
        color: #000;
    }

    .pagecontent .menu-container .social-links {
        width: 100%;
        float: none;
        padding: 5px 0px 5px 0px;
        overflow:  hidden;
    }

    .pagecontent .menu-container .social-links .social-item {
        width: 33%;
        float: left;
    }

    .pagecontent .menu-container .social-links .social-item a {
        width: 40%;
        display: block;
        margin: 0 auto;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .pagecontent .mainpage .main-logo {
        width: 180px;
    }

    .pagecontent .mainpage h4 {
        font-size: 17px;
    }

    .pagecontent .mainpage h3 {
        font-size: 23px;
    }

    .pagecontent .menu-container {
        width: 100%;
        overflow: hidden;
    }

    .pagecontent .menu-container .menu {
        width: 61%;
    }

    .pagecontent .menu-container .menu .menu-item {
        margin: 36px auto 10px auto;
        width: 24%;
        float: left;
        text-align: left;
    }

    .pagecontent .menu-container .menu .menu-item a {
        padding: 7px 10px;
        font-size: 16px;
    }

    .pagecontent .menu-container .social-links {
        float: left;
        padding: 10px 0px 10px 10px;
    }

    .pagecontent .menu-container .social-links .social-item {
        width: 30%;
        float: left;
    }
}

.glenda-servicios .familia .big-margin {
    margin-top: 50px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .pagecontent .menu-container .social-links {
        padding: 10px 10px 10px 25px;
    }
}

@media (max-width: 912px)
{
    .block-title {
        margin-left: 0px;
        padding-top: 20px;
    }

    .glenda-servicios .familia .big-margin {
        margin-top: 10px;
    }
}

@media (max-width: 480px)
{
    .block-title {
        padding-top: 0px;
    }

    .glenda-servicios .familia .big-margin {
        margin-top: 10px;
    }
}


/* Section Contacto */
.form-contacto {
    padding-top: 50px;
}

.form-control {
    border: 2px solid #3333338f;
    color: #737475;
}

.form-button-submit {
    color: #fff;
    background: #3333338f;
}

.contact {
    color: #8f9092;
}

.contact a {
    color: #8f9092;
}

.page-section.alt-top {
    padding-top: 30px;
    padding-bottom: 0px;
}



/* Secion Servicios */
.servicios {
    padding: 0px 5px 10px 5px;
    position:  relative;
}

.servicios img {
    margin: 0 auto;
}

.servicios .titulo-servicio {
    display: block;
    padding: 10px 0px 10px 0px;
    opacity: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    background: #1b1b1ba6;
    color: #fff;
    font-family: Gravity;
    position:  absolute;
    width: 96%;
    transition: 1s ease;
    -webkit-transition: 1s ease;
    -moz-transition: 1s ease;
    -o-transition: 1s ease;
}

@media (max-width:767px) {
    .servicios .titulo-servicio {
        opacity: 1;
        width:97%;
    }
}

.servicios:hover .titulo-servicio {
    opacity: 1;
}

.glenda-servicios .row div[class*="col-"] {
    margin-top: 10px !important;
}

.glenda-servicios div[class*="col-"] {
    margin-top: 10px;
    padding: 0px 5px !important;
}

.small-margin {
    margin-top: -10px !important;
}

/* Servicios Detalle - Slider */
.iq-screenshots { overflow: hidden; position: relative; }

.screenshots-slider { display: inline-block; width: 100%; min-height: 580px; }
.slider-container { position: absolute; left: 50%; top: 50%; width: 780px; height: 580px; margin: -300px 0 0 -400px; }
.slider-container .slider-content { position: relative; left: 50%; top: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); }
.slider-container .slider-content .slider-single { position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 100%; transition: z-index 0ms 250ms; }
.slider-container .slider-content .slider-single .slider-single-image {position: relative;left: 0;top: 0;width: auto;height: 100%;box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.2);transition: 500ms cubic-bezier(0.17, 0.67, 0.55, 1.43);transform: scale(0);opacity: 0;}
.slider-container .slider-content .slider-single.preactivede .slider-single-image { transform: translateX(-50%) scale(0); }
.slider-container .slider-content .slider-single.preactive { z-index: 1; }
.slider-container .slider-content .slider-single.preactive .slider-single-image { opacity: .3; transform: translateX(-25%) scale(0.8); }
.slider-container .slider-content .slider-single.proactive { z-index: 1; }
.slider-container .slider-content .slider-single.proactive .slider-single-image { opacity: .3; transform: translateX(25%) scale(0.8); }
.slider-container .slider-content .slider-single.proactivede .slider-single-image { transform: translateX(50%) scale(0); }
.slider-container .slider-content .slider-single.active { z-index: 2; }
.slider-container .slider-content .slider-single.active .slider-single-image { opacity: 1; transform: translateX(0%) scale(1); }
.slider-container .slider-left {position: absolute;z-index: 3;display: block;right: 115%;top: 50%;color: #6f6e6e;transform: translateY(-50%);padding: 20px 15px;font-size: 60px;}
.slider-container .slider-right {position: absolute;z-index: 3;display: block;left: 115%;top: 50%;color: #6f6e6e;transform: translateY(-50%);padding: 20px 15px;font-size: 60px;}

.background {
    width: 100%;
    height: 100%;
    opacity: 1;
    margin-top: 35px;
    position:  absolute;
    left:  0;
    display: none;
}

.background2 {
    width: 100%;
    height: 100%;
    opacity: 1;
    margin-top: 35px;
    position:  absolute;
    left:  0;
}

.background2 img {
    width:  100%;
}

@media(max-width:992px) {
    .screenshots-slider { min-height: 500px; }
}

@media(max-width:979px) {
    .slider-container .slider-content { width: 70%; height: 70%; }
    .slider-container a { font-size: 40px; }
    .slider-container .slider-left { right: 90%; }
    .slider-container .slider-right { left: 90%; }
    .screenshots-slider { min-height: 420px; }
    .slider-container { width: 100%; height: 130%; left: 0; margin: -250px 0 0 0px; }
    .screenshots-slider { min-height: 330px; }
}

@media(max-width:767px) {
    .slider-container { width: 100%; height: 120%; left: 0; margin: -200px 0 0 0px; }
    .screenshots-slider { min-height: 270px; }
}

@media(max-width:479px) {
    .screenshots-slider {min-height: 200px;display:  none;}
    .slider-container { width: 100%; height: 110%; left: 0; margin: -150px 0 0 0px; }
}

/*.bg-detalle { background: rgba(74, 196, 243, 0.8); }*/
.header-style-2 .header .header-cart {
    right: 15px;
    left: auto;
}

.header-cart {
    width: 60px;
    margin: 0px 0px 0px auto;
}



.testimonio-header {
    color: #ffffff;
    font-size: 37px;
    line-height: 50px;
    text-transform: none;
    font-family: Gravity;
    font-weight: 300;
    text-align: center;
    margin-top:  0px;
}

.testimonials-section {
    margin-top: 120px;
    background: #00000061;
}