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

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

.logo {

   padding-top: 0px;

}



body {

    font-size: 15px;

}



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: #004482;

    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: #054588;

    border-color: #004282;

    color: #ffffff;

}



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

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

    border-color: #e9e9e9;

}



.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: #004282;

}



.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 {

    text-transform: inherit;

}

/* Home Styles */

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

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

.main-slider .btn-theme {
    display: 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;
}

/* End of Home Styles */

@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: 766px) and (max-width: 769px){

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

        right: 33px;

    }

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

        position: absolute;

        right: -607px;

        top: 34px;

    }

    .product-single .product-thumbnails a {

        padding: 1px;

    }
}

@media (min-width: 1023px){

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

        left: auto;

        right: -102px;

    }

}