/* -----------------------------------------------------

Add here all your CSS customizations 

Note: IE9 doesn't support transitions and animations

-------------------------------------------------------*/

#section-7 {
    position: relative;
    background-color: #d41247 !important;
    padding: 2% !important;
    overflow: hidden;
}

#section-7 blockquote {
    padding: 5px 20px;
    margin: 0;
    font-size: 22px;
    line-height: 30px;
    border: none;
}

#section-7 blockquote .small, blockquote footer, blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #989898;
}

#section-7 .owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {
    background: rgba(212, 18, 71, 1);
}



#cd-logo img {
    display: block;
    max-height: 85px;
}

.bg-main {
    background-color: #d41247 !important;
}


.divider {
    background-color: #d41247;
}


.info-box:hover .info-box-icon {
    box-shadow: inset 0px -75px rgba(212, 18, 71, 0.82);
}

a {
  
    color: #d41247;
}

#accordion .panel-title a:hover, #accordion .panel-title a:focus {
    color: #d41247;
}

.btn-danger {
    color: #FFF;
    background-color: #d41247;
    box-shadow: inset 0px -3px rgba(0, 0, 0, 0.1);
}



.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse:focus, .btn-inverse.disabled, .btn-inverse[disabled] {
    color: #FFF;
    background-color: #000;
    box-shadow: inset 0px -65px #d41247;
}


.contact-section .social-icons a:hover {
    color: #FFF;
    box-shadow: inset 0px -62px #d41247;
}


.contact-section .social-icons a {
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    background-color: #FFF;
    margin: 5px 5px 5px 0;
    text-align: center;
    font-size: 28px;
    color: #000;
    box-shadow: inset 0px 0px #d41247;}


.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger:focus, .btn-danger.disabled, .btn-danger[disabled] {
    color: #FFF;
    background-color: #b50e3b;
    box-shadow: inset 0px -65px rgba(0, 0, 0, 0.1);
}

#cd-menu-trigger .cd-menu-icon {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    margin-top: -1.5px;
    margin-left: -10px;
    width: 20px;
    height: 3px;
    background-color: #d41247;
}


#cd-lateral-nav a:hover {
    background-color: #d41247;
    color: #FFF;
    text-decoration: none;
}

#cd-lateral-nav .social-icons a:hover {
    background-color: transparent;
    color: #d41247;
}

a:hover, a:focus {
    color: #d41247;
    text-decoration: underline;
}

#cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after {
    background-color: #d41247;
}


#preloader .pulse {
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin-top: -40px;
    margin-left: -40px;
    border-radius: 40px;
    background-color: #d41247;
    -webkit-animation: scaleout 1.0s infinite ease;
    animation: scaleout 1.0s infinite ease;
}

.scrolltotop {
    position: fixed;
    display: none;
    bottom: 15px;
    right: 15px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    background-color: #FFF;
    text-align: center;
    font-size: 24px;
    color: #d41247;
    text-decoration: none;
    z-index: 9999;
}

.scrolltotop:hover, .scrolltotop:focus {
    color: #b50e3b;
}

.info-box-icon {
    display: inline-block;
    width: 65px;
    height: 65px;
    line-height: 63px;
    margin-right: 12px;
    text-align: center;
    font-size: 21px;
    color: #FFF;
    background-color: rgba(255, 255, 255, 0.16);
    border-radius: 50%;
    box-shadow: inset 0px 0px rgba(212, 18, 71, 0.82);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn-inverse {
    color: #FFF;
    background-color: #000;
    box-shadow: inset 0px 0px #d41247;
}


::selection {
    color: white; 
     background: #d41247;
}

.intro-caption {
    position: absolute;
    bottom: 150px;
    left: 80px;
    z-index: 3;
}


.btn-lg {
    padding: 14px 30px;
    font-size: 20px;
}


#cd-top-nav {
    position: absolute;
    top: 30px;
    right: 120px;
    height: 100%;
}

#cd-top-nav a {
    display: inline-block;
    padding: 8px;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    color: #fff;
    font-weight: bold;
}

#cd-top-nav a:hover {
    color: #fff;
}
.panel {
    margin-bottom: 20px;
    background-color: rgba(255,255,255, .5) !important;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-heading {
    position: relative;
    padding-top: 25px;
}

.vsc .container-fluid {margin-top: 130px;}


@media only screen and (min-width: 769px) {
.vsc  .col-md-6 {
    width: 400px;
	float: right;
}}


@media only screen and (max-height: 745px) {.intro-caption {
  display: none !important;
}}

@media only screen and (max-width: 400px) {.intro-caption {
  display: none !important;
}}

#section-3 {
   background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}


#section-7 {
   background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}



