/* ----------------------------------------------------------------
        Custom CSS

        Add all your Custom Styled CSS here for New Styles or
        Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/


.dark .slider-caption,
.dark .slider-caption h2 {
    color: #EEE;
    text-shadow: 4px 3px 5px rgba(0, 0, 0, 1);
}

/*#top-search a i {
    color: #FF5722;   
}*/

/*Dark Header*/
.dark #header:not(.transparent-header),
#header.dark:not(.transparent-header) {
    background-color: #29606C;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}


.dark #header-wrap:not(.not-dark) #primary-menu>ul>li:hover>a,
.dark #header-wrap:not(.not-dark) #primary-menu>.container>ul>li:hover>a,
.dark #header-wrap:not(.not-dark) #primary-menu>.container>ul>li.current>a {
    color: #DEEAD9;
}

.dark #header-wrap:not(.not-dark) #primary-menu>ul>li.current>a {
    color: #DEEAD9;
}

.dark #primary-menu:not(.not-dark) ul li .mega-menu-content {
    background-color: rgba(51, 51, 51, 0);
}


/* menu Bar with SearchBar Style

@media (max-width: 479px){
    .container, #header.full-header .container, .container-fullwidth {
        width: 420px !important;
    }
    
    #primary-menu ul li > a {
        font-weight: bold;
        font-size: 13px;
    }

}


@media (max-width: 400px){
    .container, #header.full-header .container, .container-fullwidth {
        width: 380px !important;
    }
    
    #primary-menu ul li > a {
        font-weight: bold;
        font-size: 13px;
    }

}

@media (max-width: 350px){
    .container, #header.full-header .container, .container-fullwidth {
        width: 310px !important;
    }
    
    #primary-menu ul li > a {
        font-weight: bold;
        font-size: 12px!important;
    }

}




@media (max-width: 991px){
    #primary-menu ul li {
        float: left; 
        margin: 0 !important;
        text-align: left !important;
        border-top: 1px solid #EEE;
    }

    #primary-menu ul li a {
        font-size: 10px;
    }

    #logo{
        text-align: left;
        height: 50px;
    }

    #logo a{
        color: #FFF!important;
        font-size: 20px;
    }

    #logo img{
        height: 50px;
    }
    
    #top-cart{
        display: none;
    }
}
*/

/* enable absolute positioning */
.inner-addon {
    position: relative;
}

/* style icon */
.inner-addon .glyphicon {
    position: absolute;
    padding: 6px 10px;
    pointer-events: none;
    color: #000;
}

/* align icon */
.left-addon .glyphicon {
    left: 0px;
}

.right-addon .glyphicon {
    right: 0px;
}

/* add padding  */
.left-addon input {
    padding-left: 30px;
}

.right-addon input {
    padding-right: 30px;
}

@media (min-width: 1200px) {
    .full-header .custom-search {
        margin-top: 32px;
        -webkit-transition: margin .4s ease, opacity .3s ease;
        -o-transition: margin .4s ease, opacity .3s ease;
        transition: margin .4s ease, opacity .3s ease;
    }

    .sticky-header .custom-search {
        margin-top: 12px;
        -webkit-transition: margin .4s ease, opacity .3s ease;
        -o-transition: margin .4s ease, opacity .3s ease;
        transition: margin .4s ease, opacity .3s ease;
    }
}

#top-cart {
    margin-right: 20px;
}

#top-cart>a>span {
    top: -20px;
    right: -14px;
    font-size: 17px;
    font-weight: 800;
    color: #FFF;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background-color: transparent;
}

#primary-menu ul li>a {
    font-weight: bold;
    font-size: 15px;
}

#top-search a,
#top-cart a,
#side-panel-trigger a {
    font-size: 35px;
    color: #DEEAD9 !important;
}

.dark #header:not(.transparent-header),
#header.dark:not(.transparent-header),
#header.dark.sticky-header:not(.transparent-header) #header-wrap:not(.not-dark) {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a8cef4+20,3690f0+75,1e69de+100 */
    background: #29606C;
    /* Old browsers */


    /*    background-color: #045fd0;*/
    /*background-color: #089de3;*/
}

input.switch-toggle-round+label:before {
    background-color: #E64765;
}

/*Hover Effect*/

.hover-effect:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    /*height: 0px;*/
    transition: all 0.7s ease;
}

.hover-effect:hover:before {
    height: 100%;
    background-color: #E6E6E6;
    /*border: 1px solid #DCDCDC;*/
}

.address {
    padding: 10px;
    border: solid 2px #deead9;
    border-radius: 5px;
    /*min-height: 250px;*/
}

.address:hover {
    border: solid 2px #06252b;
}

.address:hover .add-btn {
    background-color: #deead9;
}

.address.remove:hover {
    border: solid 2px #B94623;
}

.address.remove:hover .add-btn {
    background-color: #B94623;
}

.add-btn {
    background-color: #deead9;
    color: #06252B;
    line-height: 2.5;
    text-align: center;
    margin-top: 10px;
}

.text-decoration-none {
    text-decoration: none;
    color: #000000;
}

.zoomWindow {
    background-color: #FFFFFF;
}

.fix-cart-btn {
    position: fixed;
    right: 0;
    z-index: 10;
    bottom: 100px
}

.full-width {
    width: 100% !important;
}

.topmargin-xs {
    margin-top: 15px;
}

.bg-grey {
    background-color: #cacaca;
}

.dashed-border-radius {
    border: 1px solid #045fd0;
}

.jssocials-share-link {
    border-radius: 50%;
}



@-webkit-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@-moz-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@keyframes Gradient {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

button,
.button {
    background-color: #29606c !important;
}

button:hover,
.button:hover{
    background-color: #378c9f !important;
}

.btn-primary,
.button.button-3d {
    background-color: #29606c;
}

.btn-primary:hover,
.button.button-3d:hover {
    background-color: #378c9f !important;
}

#footer.dark,
.dark #footer {
    background-color: #06252B;
}

#logo .standard-logo img {
    padding: 15px;
}

.panel-default {
    border-color: #29606c;
}

.process-steps li.active a,
.process-steps li.ui-tabs-active a {
    background-color: #29606c !important;
}

.dark #primary-menu:not(.not-dark) ul ul li>a,
#primary-menu.dark ul ul li>a {
    color: #deead9 !important;
}

.sm-form-control {
    border: solid 2px #deead9;
}

.address:hover,
.sm-form-control:hover {
    border: solid 2px #06252b;
}

tr:hover td {
    background-color: #deead9;
}
.address:hover .add-btn{
    background-color: #378c9f;
    color: #deead9;
}