/*!
Theme Name: Zan Business
Theme URI: https://them.es/starter
Author: YanSoftware
Author URI: https://yansoftware.com.do/
Description: ss
Version: 3.0.3
Requires at least: 5.0
Tested up to: 5.8
Requires PHP: 7.2
License: GPL version 2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0
Tags: custom-background, custom-colors, featured-images, flexible-header, microformats, post-formats, rtl-language-support, theme-options, translation-ready, accessibility-ready
Text Domain: zan-business
*/

/* Don't overwrite this file. Compile "/assets/main.(less|scss)" to "/assets/css/main.css" */


/* From http://codex.wordpress.org/CSS */

/*
        BODY DEFAULT
*/

body {
    font-family: 'Varela Round', sans-serif;
}

a {
    text-decoration: none!important;
}

/*
        MAIN MENU
*/

.main-menu {
    font-weight: bold;
}

.main-menu .navbar .navbar-nav .nav-item {
    margin-left: 20px;
    font-size: 16px;
}

.main-menu .navbar .navbar-nav .nav-item a {
    transition: 0.6s;
}

.main-menu .navbar .navbar-nav .nav-item .active {
    color: #0092c4;
}

.main-menu .navbar .navbar-nav .nav-item a:hover {
    color: #0092c4;
    transition: 0.6s;
}

.main-menu .navbar .navbar-brand {
    font-size: 24px;
}

.main-menu .navbar .navbar-brand .name-first {
    color: #0092c4;
}

.main-menu .navbar .navbar-brand .name-last {
    color: #00b6f2;
}

/*
        NAV TOP
*/

.nav-top {
    background-color: #1a1a1a;
    color: #fff;
}

.nav-top .list-inline .list-inline-item {
    float: left;
}

.nav-top .left-top .list-inline {
    position: relative;
    height: 60px;
    line-height: 60px;
    margin: 0px;
    font-size: 12px;
    color: #fff;
}

.nav-top .left-top .list-inline .list-inline-item {
    margin-right: 30px;
    max-height: 60px;
}

.nav-top .left-top .list-inline .list-inline-item .fa {
    font-size: 18px;
    margin-right: 5px;
    vertical-align: middle;
	margin-top: -2px;
}

.nav-top .left-top .list-inline .list-inline-item a {
    color: #fff;
    transition: 0.6s;
}

.nav-top .left-top .list-inline .list-inline-item a:hover {
    color: #0092c4;
    transition: 0.6s;
}

.nav-top .social .list-inline .list-inline-item {
    border-right: 1px solid rgba(255, 255, 255, .1);
    font-size: 14px;
    margin: 0px;
    margin-right: 0px;
    width: 40px;
    height: 60px;
    position: relative;
    display: inline-block;
    text-align: center;
    line-height: 60px;
}

.nav-top .social .list-inline .list-inline-item a, .nav-top .social .list-inline .list-inline-item a:hover {
    color: #fff;
}

.nav-top .social .list-inline .list-inline-item::after {
    transition: all .4s;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
}

.nav-top .social .list-inline .list-inline-item:first-child {
    border-left: 1px solid rgba(255, 255, 255, .1);
}

.nav-top .social .list-inline .facebook::after {
    background-color: #3b5999;
}

.nav-top .social .list-inline .facebook {
    --hover: #3b5998;
}

.nav-top .social .list-inline .twitter::after {
    background-color: #1DA1F2;
}

.nav-top .social .list-inline .twitter {
    --hover: #1DA1F2;
}

.nav-top .social .list-inline .instagram::after {
    background-color: #FCAF45;
}

.nav-top .social .list-inline .instagram {
    --hover: #FCAF45;
}

.nav-top .social .list-inline .whatsapp::after {
    background-color: #25D366;
}

.nav-top .social .list-inline .whatsapp {
    --hover: #25D366;
}

.nav-top .social .list-inline .list-inline-item:hover, .social .list-inline .list-inline-item:focus {
    box-shadow: inset 0 -4.25em 0 0 var(--hover);
}

.nav-top .social .list-inline .list-inline-item {
    transition: 0.5s;
}

/*
        section-contact
*/

.section-contact {
    margin-top: 60px;
}

.section-contact .icon {
    text-align: center;
}

.section-contact .icon .lni {
    border-radius: 50%;
    border: 8px solid black;
    padding: 30px;
    font-size: 40px;
    color: #444
}

.section-contact .icon .lni-facebook {
    border-color: #3b5999;
}

.section-contact .icon .lni-twitter {
    border-color: #1DA1F2;
}

.section-contact .icon .lni-instagram {
    border-color: #FCAF45;
}

.section-contact .icon .lni-whatsapp {
    border-color: #25D366;
}

.contac-page .card-list-row {
    margin-top: 40px;
    margin-bottom: 40px;
}

.contac-page .card-list-row .card {
    
    padding-top: 10px;
    padding-bottom: 10px;
	min-height: 180px;
}

.contac-page .card-list-row .card:last-child {
    margin-right: 0px;
}

.contac-page .card-list-row .card .card-title {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
}

.contac-page .card-list-row .card .card-text {
    font-size: 13px;
    color: #666;
    margin-left: 10px;
}

.contac-page .card-list-row .card .card-link {
    font-size: 13px;
    color: #666;
    margin-left: 10px;
}

.contac-page .card-list-row .card .card-link:hover {
    font-size: 13px;
    color: #0092c4;
}

.contac-page .card-list-row .card .card-icon {
    font-size: 40px;
    text-align: center;
    margin-top: 10px;
}

.form-contact-page {
    margin-top: 80px;
}

.form-contact-page .form-title {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 30px;
}

.contact-map iframe{
	width: 100%;
}


/*
 * SERVICES
 * 
*/

.services .shadow,
        .subscription-wrapper {
            box-shadow: 0px 1px 20px 0px rgba(8, 18, 255, 0.1) !important
        }

        .services .icon-primary {
            color: #062caf
        }

        .services .icon-bg-circle {
            position: relative
        }

        .services .icon-lg {
            font-size: 50px
        }

        .services .icon-bg-circle::before {
            z-index: 1;
            position: relative
        }

        .services .icon-bg-primary::after {
            background: #062caf !important
        }

        .services .icon-bg-circle::after {
            content: '';
            position: absolute;
            width: 68px;
            height: 68px;
            top: -35px;
            left: 15px;
            border-radius: 50%;
            background: inherit;
            opacity: .1
        }

        .services .icon-bg-yellow::after {
            background: #f6a622 !important
        }

        .services .icon-bg-purple::after {
            background: #7952f5
        }

        .services .icon-yellow {
            color: #f6a622
        }

        .services .icon-purple {
            color: #7952f5
        }

        .services .icon-cyan {
            color: #02d0a1
        }

        .services .icon-bg-cyan::after {
            background: #02d0a1
        }

        .services .icon-bg-red::after {
            background: #ff4949
        }

        .services .icon-red {
            color: #ff4949
        }

        .services .icon-bg-green::after {
            background: #66cc33
        }

        .services .icon-green {
            color: #66cc33
        }

        .services .icon-bg-orange::after {
            background: #ff7c17
        }

        .services .icon-orange {
            color: #ff7c17
        }

        .services .icon-bg-blue::after {
            background: #3682ff
        }

        .services .icon-blue {
            color: #3682ff
        }

.services{
            margin-top: 100px;
        }

        .services .card{
            height: 300PX;
        }



/*
    FOOTER
*/

footer{
    
}

footer .footer-bottom{
    background-color: #121212;
    padding-top: 20px;
    padding-bottom: 20px;
}

footer .footer-bottom .copyright{
    background-color: #121212;
    color: #888;
    font-size: 14px;
}

footer .footer-bottom .copyright a{
    color: #0092c4;
    transition: 00.4s;
}

footer .footer-bottom .copyright a:hover{
    color: #00b6f2;
    transition: 00.4s;
}

footer .footer-bottom .social-bottom-footer{
    text-align: right;
    color: #fff;
    transition: 00.4s;

}
footer .footer-bottom .social-bottom-footer .list-inline-item{
    margin-left: 10px;
}

footer .footer-bottom .social-bottom-footer a{
    color: #fff;
    transition: 00.4s;
}

footer .footer-bottom .social-bottom-footer .instagram:hover{
    color: #FCAF45;
    transition: 00.4s;
}

footer .footer-bottom .social-bottom-footer .facebook:hover{
    color: #3b5999;
    transition: 00.4s;
}

footer .footer-bottom .social-bottom-footer .whatsapp:hover{
    color: #25D366;
    transition: 00.4s;
}

@media (max-width: 767px) {
  .carousel-inner .carousel-item > div {
      display: none;
  }
  .carousel-inner .carousel-item > div:first-child {
      display: block;
  }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
  display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {
  
  .carousel-inner .carousel-item-end.active,
  .carousel-inner .carousel-item-next {
    transform: translateX(25%);
  }
  
  .carousel-inner .carousel-item-start.active, 
  .carousel-inner .carousel-item-prev {
    transform: translateX(-25%);
  }
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start { 
transform: translateX(0);
}