/* Minification failed. Returning unminified contents.
(1824,26): run-time error CSS1035: Expected colon, found 'padding'
(2291,1): run-time error CSS1019: Unexpected token, found '@import'
(2291,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700)'
 */
@font-face {
    font-family: primary;
    font-style: normal;
    font-weight: bold;
    src: url('/Content/fonts/IRANSansWeb_Medium.eot');
    src: url('/Content/fonts/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('/Content/fonts/IRANSansWeb_Medium.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('/Content/fonts/IRANSansWeb_Medium.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('/Content/fonts/IRANSansWeb_Medium.ttf') format('truetype');
}




body {
    font-family: primary,Tahoma,"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.5;
    background: url(../Content/shattered.png);
}

a {
    color: #2f2f2f;
    -moz-transition: 200ms color;
    -o-transition: 200ms color;
    -webkit-transition: 200ms color;
    transition: 200ms color;
}

    a:hover {
        text-decoration: none;
    }


#mainNav {
    /*height: 80px;*/
    margin-bottom: 0;
}

#menuNav.navbar {
    border-radius: 0;
    box-shadow: 0 0 1px rgba(50,50,50,.75);
    margin: 0;
    border: 0;
    /*background-color: inherit;*/
    -moz-transition: background-color .5s;
    -o-transition: background-color .5s;
    -webkit-transition: background-color .5s;
    transition: background-color .5s;
    z-index: 999;
}


    #menuNav.navbar .nav.navbar-nav > li > a {
        color: inherit;
        position: relative;
        /*padding-top: 30px;*/
        /*padding-bottom: 30px;*/
        -webkit-transition: padding .5s;
        transition: padding .5s;
        font-weight: 300;
        font-size: 15px;
    }

        #menuNav.navbar .nav.navbar-nav > li > a:focus {
            background: 0 0;
        }

        #menuNav.navbar .nav.navbar-nav > li > a .fa {
            color: #3498db;
        }

        #menuNav.navbar .nav.navbar-nav > li > a .caret {
            border-bottom-color: #3498db;
            border-top-color: #3498db;
        }

        #menuNav.navbar .nav.navbar-nav > li > a:hover {
            /*padding-top: 40px;
            padding-bottom: 20px;*/
            background: rgba(0,0,0,.05);
        }

    #menuNav.navbar .nav.navbar-nav > li.active > a {
        background: #3498db;
        color: #fff;
    }

        #menuNav.navbar .nav.navbar-nav > li.active > a .fa {
            color: #8bc4ea;
        }

        #menuNav.navbar .nav.navbar-nav > li.active > a .caret {
            border-bottom-color: #fff;
            border-top-color: #fff;
        }

    #menuNav.navbar .nav.navbar-nav > li.open > a {
        /*padding-top: 40px;
        padding-bottom: 20px;*/
        background-color: #196090;
        color: #fff;
    }

        #menuNav.navbar .nav.navbar-nav > li.open > a .fa {
            color: #8bc4ea;
        }

        #menuNav.navbar .nav.navbar-nav > li.open > a .caret {
            border-bottom-color: #fff;
            border-top-color: #fff;
        }

    #menuNav.navbar .nav.navbar-nav > li.open .dropdown-menu {
        -webkit-transform: scale(1,1);
        -ms-transform: scale(1,1);
        transform: scale(1,1);
        visibility: visible;
    }

    #menuNav.navbar .nav.navbar-nav > li .dropdown-menu {
        display: block;
        visibility: hidden;
        border: 0;
        background-color: #196090;
        color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: -webkit-transform .5s;
        -moz-transition: -moz-transform .5s;
        -o-transition: -o-transform .5s;
        transition: transform .5s;
        -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
        transform-origin: left top;
        -webkit-transform: scale(1,0);
        -ms-transform: scale(1,0);
        transform: scale(1,0);
        border-radius: 0;
    }

        #menuNav.navbar .nav.navbar-nav > li .dropdown-menu li a {
            color: #fff;
            -webkit-transition: background .3s;
            transition: background .3s;
        }

            #menuNav.navbar .nav.navbar-nav > li .dropdown-menu li a:hover {
                background-color: #DADCDC !important;
                border-radius: 5px;
                padding: 5px;
            }

        #menuNav.navbar .nav.navbar-nav > li .dropdown-menu li form {
            padding: 10px 20px;
            width: 300px;
        }

        #menuNav.navbar .nav.navbar-nav > li .dropdown-menu li.active a {
            background-color: #217dbb;
        }

        #menuNav.navbar .nav.navbar-nav > li .dropdown-menu .divider {
            background-color: #16527a;
        }



.navbar .navbar-brand img {
    height: 70px;
    margin: 5px 10px -10px 10px;
    border: 0;
    padding: 0;
    vertical-align: top;
    transition: margin .5s;
}

.navbar form {
    padding-top: 15px;
    transition: padding .5s;
}


#menuNav.navbar.affix {
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.8;
}

#menuNav .navbar-brand {
}

#menuNav.navbar.affix .navbar-brand {
    display: block;
    font-weight: 400;
    color: black;
    font-size: 26px;
}

#menuNav.navbar.affix .nav.navbar-nav > li > a, .navbar.affix .nav.navbar-nav > li > a:hover {
}

#menuNav.navbar.affix .navbar-brand img {
    height: 40px;
    margin: -10px 10px -10px 10px;
    border: 0;
    padding: 0;
    vertical-align: top;
}

#menuNav.navbar.affix form {
    padding-top: 5px;
}

.navbar-brand {
    padding-bottom: 4px;
}



.mainWrapper {
    margin-top: 10px;
    min-height: 70vh;
}



.btnk {
    font-size: 11px;
    padding: 4px;
    margin: 2px;
}






#topNavBar.navbar {
    /*-webkit-box-shadow: 0 0 0 #fff !important;
    box-shadow: 0 0 0 #fff !important;*/
    border: 0;
    background-color: #f5f5f5;
    margin-bottom: 0;
    padding-bottom: 20px;
}

nav#topNavBar {
    border-radius: 0;
}



    nav#topNavBar .navbar-header {
        min-height: 80px;
    }


#topNavBar #frmSearch {
    padding-top: 25px;
}

#topNavBar.navbar .navbar-brand {
    height: auto;
    display: block;
}

    #topNavBar.navbar .navbar-brand h1 {
        padding-top: 10px;
        /*padding-bottom: 30px;*/
        -moz-transition: padding .5s,font-size .1s;
        -o-transition: padding .5s,font-size .1s;
        -webkit-transition: padding .5s,font-size .1s;
        transition: padding .5s,font-size .1s;
        color: black;
        font-size: 36px;
        line-height: 0;
        margin: 0;
        word-wrap: break-word;
    }

    #topNavBar.navbar .navbar-brand h2 {
        padding-top: 5px;
        -moz-transition: padding .5s,font-size .1s;
        -o-transition: padding .5s,font-size .1s;
        -webkit-transition: padding .5s,font-size .1s;
        transition: padding .5s,font-size .1s;
        color: #666;
        font-size: 13px;
        line-height: 0;
        margin: 0;
        margin-top: 5px;
    }




@media only screen and (max-width: 480px) {
    #mainSlideShow {
        /*height: 160px;*/
    }
    ul#ui-id-1 {
    width: 260px !important;
 
}
}


#mainSlideShow .carousel {
}

    #mainSlideShow .carousel .container {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
    }

#mainSlideShow .carousel-control {
        background: none repeat scroll 0 0;
    border-radius: 0;
    font-family: 'Lato',sans-serif;
    font-size: 8px;
    font-weight: 500;
    color: #1f1d1d;
    height: 36px;
    width: 26px;
    text-shadow: 0 0 0 rgba(0,0,0,0);
    opacity: .7;
    top: 45%;
}


    #mainSlideShow .carousel-control:hover {
        color: #3498DB;
    }


    #mainSlideShow .carousel-control.left {
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0) 0, rgba(0, 0, 0, 0) 0);
        background-repeat: repeat-x;
    }

    #mainSlideShow .carousel-control span {
        margin-top: -15px;
    }

    #mainSlideShow .carousel-control.left span {
        margin-left: -10px;
    }


    #mainSlideShow .carousel-control.right {
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.0) 0);
        background-repeat: repeat-x;
        /*left: auto;*/
        /*right: 0;*/
    }

#mainSlideShow .carousel .item {
}

#mainSlideShow .carousel img {
    /*width: 100%;
    height: 360px !important;*/
    border-radius: 0px;
}

#mainSlideShow .carousel-caption {
    background-color: transparent;
    position: static;
    padding: 0 7%;
    margin-bottom: 12%;
    text-align: justify;
    line-height: 1.6em;
    text-shadow: 2px 2px 3px #000,0 0 5px #3498db;
    /*font-size: 10px !important;*/
}

    #mainSlideShow .carousel-caption h1 {
        line-height: 1.6em;
    }

    #mainSlideShow .carousel-caption .lead {
        display: block;
        margin: 0;
        line-height: 1.6em;
        color: #fff;
        /*text-shadow: 0 1px 1px rgba(0,0,0,.4);*/
        font-size: 22px;
        width: 70%;
        word-wrap: break-word;
    }

    #mainSlideShow .carousel-caption .btn {
        margin-top: 10px;
    }


.site-news h2 {
    font-size: 18px;
    text-align: center;
}


.site-news img {
    max-height: 190px;
}






#push {
    height: 200px;
}

#footer {
    background-color: #172838;
    margin-top: -170px;
    border-top: 3px solid #279FBB;
    z-index: 0;
    color: white;
    padding-bottom: 7px;
}

    #footer a {
        color: #cce5f6;
    }

.icon-linemessenger {
    background: url(../Content/Icons/line.png) no-repeat;
}

.icon-instageram {
    background: url(../Content/Icons/instagram.png) no-repeat;
}

.icon-telegram {
    background: url(../Content/Icons/telegram.png) no-repeat;
}


.social-icons li {
    list-style: none;
    display: inline-block;
    margin-right: 15px;
}

#footer .social-icons li a {
    display: block;
    opacity: 0.7;
    width: 32px;
    height: 32px;
    -moz-transition: .5s ease-out opacity;
    -o-transition: .5s ease-out opacity;
    -webkit-transition: .5s ease-out opacity;
    transition: .5s ease-out opacity;
}

    #footer .social-icons li a:hover {
        opacity: 1;
    }

.px {
    height: 50vh;
    background: url(../Design/4.jpg) no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

#petra a {
    /*padding-top: 30px;*/
    transition: padding-top .5s;
}


    #petra a:hover {
        /*padding-top: 200px;*/
    }


.project-item img {
    height: 200px !important;
}

.project-item h3 {
    font-size: 18px;
    text-align: center;
    line-height: 1.6em;
}

@media (min-width: 0px) and (max-width:479px) {
    .project-item {
        width: 400px;
    }
}


@media (min-width: 480px) and (max-width: 768px) {
    .project-item {
    }
}


@media (min-width: 768px) and (max-width: 980px) {
    .project-item {
        width: 320px;
    }
}

@media (min-width: 980px) and (max-width: 1200px) {
    .project-item {
        width: 235px;
    }
}

@media (min-width: 1200px) {
    .project-item {
        width: 277px;
    }
}


.img-holder {
    background-image: url('../Design/ulsan refinery.jpg');
}


.nav-tabs.nav-justified > .active:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 10px solid transparent;
    border-top-color: #fff;
    bottom: -20px;
    left: 46%;
}


.nav-tabs.nav-justified > li > a {
    border-bottom: none;
}

.nav-tabs.nav-justified > .active a {
    border: 0;
}


.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
    border: 0;
}









.bgParallax {
    color: #FFF;
    margin: 0 auto;
    width: 100%;
    /*max-width: 1920px;*/
    position: relative;
    /*min-height: 100%;*/
    -ms-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}


.carousel-clients div {
    text-align: center;
}

#myTab li a {
}




.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}

    .isotope .isotope-item {
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform, opacity;
        transition-property: transform, opacity;
    }

        /**** disabling Isotope CSS3 transitions ****/

        .isotope.no-transition,
        .isotope.no-transition .isotope-item,
        .isotope .isotope-item.no-transition {
            -webkit-transition-duration: 0s;
            -moz-transition-duration: 0s;
            transition-duration: 0s;
        }

    /* End: Recommended Isotope styles */

    /* disable CSS transitions for containers with infinite scrolling*/
    .isotope.infinite-scrolling {
        -webkit-transition: none;
        -moz-transition: none;
        transition: none;
    }



.well {
    box-shadow: none;
    /*border: 1px solid #ebebeb;*/
}

#slideShow {
    margin-bottom: 35px;
}

.product-category-widget {
    margin-bottom: 10px;
    list-style: none;
    padding-right: 0;
}


    .product-category-widget li {
        padding-bottom: 7px;
        padding-top: 7px;
        border-bottom: 1px solid #ebebeb;
    }


        .product-category-widget li:last-child {
            border-bottom: 0;
        }

.aside-panels .panel-default {
    border-color: #ebebeb;
}


.post-category .media-left img {
    width: 64px;
    height: 64px;
}

.post-category h3.media-heading {
    font-size: 13px;
    line-height: 1.4em;
}

/* widget slideshow */

.container-widget {
}

    .container-widget.carousel {
    }

        .container-widget .carousel .container {
            position: absolute;
            right: 0;
            bottom: 0;
            left: 0;
        }

    .container-widget .carousel-control {
        background: none repeat scroll 0 0;
        /*background-color: #fff;*/
        font-family: 'Lato', sans-serif;
        font-size: 66px;
        color: #2c3e50;
        /*height: 58px;*/
        width: 35px;
        /*margin-top: 320px;*/
        text-shadow: 0 0 0 rgba(0, 0, 0, 0.0);
        z-index: 1;
        opacity: .7;
        top: 30%;
    }

        .container-widget .carousel-control:hover, .carousel-control:focus {
            color: #3498DB;
        }


        .container-widget .carousel-control.left {
            background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0) 0, rgba(0, 0, 0, 0) 0);
            background-repeat: repeat-x;
            left: -10px;
            border-radius: 5px 0 0 5px;
        }



        .container-widget .carousel-control.right {
            background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.0) 0);
            background-repeat: repeat-x;
            /*left: auto;*/
            right: -10px;
            border-radius: 0 5px 5px 0;
        }

    .container-widget .carousel .item {
        /*height: 120px*/
    }

    .container-widget .carousel img:not(.img-special) {
        width: 100%;
        height: 120px !important;
        width: 120px;
        margin: auto;
    }


/* product widget */

.defaultPrd figure {
    min-height: 130px;
}

figure {
    min-height: 160px;
}

#resultDiv .product-widget {
    text-align: center;
    height: 360px;
}


.product-widget {
    text-align: center;
    min-height: 200px;
}

    .product-widget .product-name {
        /*width: 170px;*/
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        /*white-space: nowrap;*/
        overflow: hidden;
        display: block;
        font-weight: 500;
        margin-bottom: 10px;
        font-size: 14px;
        max-height: 67px;
    }

.price span {
    font-size: 14px;
    letter-spacing: normal;
    margin-left: 3px;
}

    .price span strong {
        font-weight: 100;
    }

.product-widget a {
    display: block;
    padding: 3px 0 3px 0;
}

.product-widget img:not(.img-special) {
    width: 180px;
    height:auto;
    margin: 0 auto;
}

.product-widget .product-price {
}

.price-number {
    letter-spacing: 1px;
}

.product-widget label.product-status {
    font-size: 12px;
}

div.tooltip.product-widget {
    font-family: inherit;
    font-size: 16px;
}

.panel {
    margin-bottom: 10px;
}


.panel-title {
    border-bottom: 2px solid #2e6da4;
    display: inline-block;
    line-height: 33px;
    height: 35px;
    margin-bottom: 0;
    font-size: 16px;
    color: #666;
}

.page-wrapper {
    background-color: #fff;
}

.separator {
    height: 1px;
    margin: 15px;
    background-color: #ccc;
}

.groups-list input[type="checkbox"] {
}

.groups-list label {
    padding-bottom: 15px;
    padding-right: 20px;
    font-size: 11px;
    /* padding-right: 25px; */
}

#sortFilters {
}

#searchFiltersDiv {
    border-bottom: 1px solid #ebebeb;
    box-shadow: 0 8px 10px -12px #666;
    padding-bottom: 15px;
    margin-bottom: 10px;
}

#searchProductFrm {
    padding-top: 10px;
    min-height: 64vh;
}

    #searchProductFrm #sortFilters label {
        margin-top: 5px;
        margin-left: 10px;
    }

    #searchProductFrm #sortFilters select {
        margin-bottom: 5px;
        margin-left: 10px;
    }

.products-list {
z-index:1;
}

    .products-list .product-widget a {
        height: 330px;
        border: 1px solid #ebebeb;
        border-top-width: 2px;
        margin-bottom: 20px;
        padding: 10px;
        -moz-transition: 100ms border-color;
        -o-transition: 100ms border-color;
        -webkit-transition: 100ms border-color;
        transition: 100ms border-color;
        box-shadow: 0 8px 10px -2px #ebebeb;
    }

        .products-list .product-widget a:hover {
            border-color: #ccc;
        }

@media only screen and (max-width: 500px) {
    .products-list .product-widget a {
        height: 320px !important;
    }
}

    .pagination {
        padding-right: 0;
        margin-top: 0;
        margin-bottom: 0;
    }

        .pagination > li > a,
        .pagination > li > span {
            float: right;
            padding: 5px 10px;
            font-size: 14px;
            line-height: 1.5;
        }

        .pagination > li:first-child > a,
        .pagination > li:first-child > span {
            margin-left: 0;
            border-bottom-right-radius: 4px;
            border-top-right-radius: 4px;
            border-bottom-left-radius: 0;
            border-top-left-radius: 0;
        }

        .pagination > li:last-child > a,
        .pagination > li:last-child > span {
            margin-right: -1px;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
            border-bottom-right-radius: 0;
            border-top-right-radius: 0;
        }


    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        background-image: none;
    }



    #productPage .product-images {
        border: 1px solid #ebebeb;
    }

        #productPage .product-images a.product-thumbnail {
            display: block;
            text-align: center;
        }

        #productPage .product-images .product-thumbnail img {
            width: 300px;
        }

    #productPage .panel {
        border-radius: 0;
    }

    #productPage div.product-name {
        min-height: 20px;
        padding: 10px;
        margin-bottom: 20px;
        border: 1px solid #e3e3e3;
        border-radius: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
        box-shadow: inset 0 1px 1px #000000;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
        background-image: none;
    }

    .product-name h1 {
        font-size: 20px;
        margin-bottom: 20px;
        text-align: center;
    }

    .product-name h2 {
        font-size: 13px;
        text-align: center;
        margin-bottom: 20px;
        margin-top: -5px;
    }

    #productPage div.product-price {
        margin-top: 35px;
        margin-bottom: 35px;
    }

        #productPage div.product-price .product-price-name {
            font-size: 18px;
            font-weight: bold;
        }

        #productPage div.product-price .product-price {
            font-size: 21px;
            letter-spacing: 1px;
            font-weight: bold;
            color: #3ab525;
        }

    #productPage div.product-tabs .nav-tabs > li {
        /*border-radius: 0;*/
    }

    #productPage div.product-tabs ul.nav {
        background-color: #ebebeb;
    }

    #productPage div.product-tabs .nav-tabs > li > a {
        border-radius: 0;
        /*font-size: 16px;*/
        border-top-width: 3px;
    }

        #productPage div.product-tabs .nav-tabs > li > a:hover {
            /*border-color: transparent;*/
            /*background-color: #ccc;*/
            color: #2e6da4;
        }

    #productPage div.product-tabs .nav-tabs > li.active {
        border-radius: 0;
    }

        #productPage div.product-tabs .nav-tabs > li.active > a {
            color: #3498db;
            border-top: 3px solid #3498db;
        }

            #productPage div.product-tabs .nav-tabs > li.active > a:hover {
                color: #3498db;
                border-top: 3px solid #3498db;
                /*background-color: #fff;*/
            }


    #productPage div.product-tabs .tab-pane {
        padding: 20px 10px 25px 10px;
        overflow-x: scroll;
        line-height: 2;
        /*font-family: 'Samim';*/
    }


    text {
        font-family: primary,"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
    }



    #productImages {
    }

        #productImages .carousel {
        }

            #productImages .carousel .container {
                position: absolute;
                right: 0;
                bottom: 0;
                left: 0;
            }

        #productImages .carousel-control {
            background: none repeat scroll 0 0;
            /*background-color: #fff;*/
            font-family: 'Lato', sans-serif;
            font-size: 56px;
            color: #2c3e50;
            /*height: 58px;*/
            width: 35px;
            /*margin-top: 320px;*/
            text-shadow: 0 0 0 rgba(0, 0, 0, 0.0);
            z-index: 1;
            opacity: .7;
            top: 20%;
        }

            #productImages .carousel-control:hover, .carousel-control:focus {
                color: #3498DB;
            }


            #productImages .carousel-control.left {
                background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0) 0, rgba(0, 0, 0, 0) 0);
                background-repeat: repeat-x;
                left: -10px;
                border-radius: 5px 0 0 5px;
            }



            #productImages .carousel-control.right {
                background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.0) 0);
                background-repeat: repeat-x;
                /*left: auto;*/
                right: -10px;
                border-radius: 0 5px 5px 0;
            }

        #productImages .carousel .item {
            /*height: 120px*/
        }

        #productImages .carousel img {
            /*height: 120px !important;*/
            width: 100%;
        }


    .product-images-gallery a {
        cursor: zoom-in;
    }

    .product-section {
        background-color: #fff;
        margin-bottom: 10px;
        box-shadow: 0 4px 3px #cbcbcb;
    }


    .ui-autocomplete {
        z-index: 9999999;
        font-family: inherit !important;
    }

        .ui-autocomplete .ui-menu-item img {
            width: 55px;
            height: 45px;
            margin-left: 7px;
        }

    .ui-autocomplete-category {
        font-weight: bold;
        padding: .2em .4em;
        margin: .2em 0 .2em;
        line-height: 1.5;
    }

    .sidebar-header {
        height: 35px;
    }

        .sidebar-header span {
            font-size: 16px;
            border-bottom: 2px solid #2e6da4;
            display: inline-block;
            line-height: 30px;
            height: 35px;
            margin-bottom: 0;
            color: #666;
        }

    .post-wrapper {
        background-color: #fff;
        min-height: 60vh;
    }

    .post-content {
        line-height: 1.8;
    }

    .panel-footer {
        padding: 10px 15px 10px 15px;
        border-top: 1px solid #ddd;
        background-color: #fff;
    }

        .panel-footer a {
            color: #3498db;
            font-size: 13px;
            transition: color 200ms;
        }

            .panel-footer a:hover {
                color: #666;
                font-size: 13px;
            }


    .panel-default > .panel-heading {
        background-image: none;
        border-bottom: 2px solid #ebebeb;
    }


    /* Product Page */


    .highcharts-yaxis-title {
        font-family: inherit !important;
        direction: rtl;
    }

    .highcharts-tooltip span {
        font-family: primary,"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif !important;
        direction: rtl;
        text-align: right;
    }

    .highcharts-legend-item span {
        font-family: 'WeblogmaYekan',"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif !important;
        direction: rtl;
    }

    .mfp-with-zoom .mfp-container,
    .mfp-with-zoom.mfp-bg {
        opacity: 0;
        -webkit-backface-visibility: hidden;
        /* ideally, transition speed should match zoom duration */
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .mfp-with-zoom.mfp-ready .mfp-container {
        opacity: 1;
    }

    .mfp-with-zoom.mfp-ready.mfp-bg {
        opacity: 0.8;
    }

    .mfp-with-zoom.mfp-removing .mfp-container,
    .mfp-with-zoom.mfp-removing.mfp-bg {
        opacity: 0;
    }


    /* END Product Page */


    .page-wrapper {
        background-color: #fff;
    }


    .tags {
        list-style: none;
        margin: 0;
        overflow: hidden;
        padding: 0;
    }

        .tags li {
        }

    .tag {
        background: #eee;
        border-radius: 3px 0 0 3px;
        color: #999;
        display: inline-block;
        height: 26px;
        line-height: 26px;
        padding: 0 20px 0 23px;
        position: relative;
        margin: 0 0 10px 0;
        text-decoration: none;
        -webkit-transition: color 0.2s;
        font-size: 13px;
    }

        .tag a {
            display: block;
            color: #999;
        }

        .tag::before {
            background: #fff;
            border-radius: 10px;
            box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
            content: ' ';
            height: 6px;
            right: 10px;
            position: absolute;
            width: 6px;
            top: 10px;
        }

        .tag::after {
            background: #fff;
            border-bottom: 13px solid transparent;
            border-right: 10px solid #eee;
            border-top: 13px solid transparent;
            content: ' ';
            position: absolute;
            left: 0;
            top: 0;
        }

        .tag:hover {
            background-color: #3498DB;
        }

            .tag:hover > a {
                color: #fff;
            }

            .tag:hover::after {
                border-right-color: #3498DB;
            }

    .post-content {
        min-height: 70vh;
        padding: 0 10px 0 10px;
    }

        .post-content .thumbnail {
            border: none;
            margin-top: 25px;
        }

            .post-content .thumbnail img {
                max-height: 350px;
                border: 1px solid #ebebeb;
            }


        .post-content .post-text {
          line-height: 2.4em;
    font-size: 14px;
        }

    .post-text img {
        max-width: 100%;
    height: auto !important;
    }

    .ui-autocomplete {
        z-index: 9999999;
        font-family: inherit !important;
    }

        .ui-autocomplete .ui-menu-item img {
            width: 55px;
            height: 45px;
            margin-left: 7px;
        }

    .ui-autocomplete-category {
        font-weight: bold;
        padding: .2em .4em;
        margin: .2em 0 .2em;
        line-height: 1.5;
    }

    ul.ui-autocomplete {
        list-style: none;
        padding-right: 1px;
        font-size: 14px;
    }

        ul.ui-autocomplete li {
            list-style: none;
            margin-bottom: 7px;
        }

    .ui-widget-content a {
        display: block;
        width: 90%;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
    }


    .post-list-item {
        margin-bottom: 25px;
        padding-top: 15px;
        border-bottom: 1px solid #ccc;
    }

        .post-list-item:last-child {
            border-bottom: none;
        }

        .post-list-item h4 {
            margin-bottom: 15px;
        }

        .post-list-item img {
            margin-bottom: 25px;
            width: 100%;
            max-height: 150px;
        }


    .imgbasket {
        width: auto !important;
        /*float:left;*/
    }



    .brandlistlogo {
        width: 50px !important;
        height: 50px !important;
    }

    .fa-stack[data-count]:after {
        position: absolute;
        right: -10%;
        top: -5%;
        content: attr(data-count);
        font-size: 45% !important;
        padding: .6em;
        border-radius: 999px;
        line-height: .75em;
        color: white;
        background: rgba(255,0,0,.85);
        text-align: center;
        min-width: 2em;
        font-weight: bold;
    }

    @media only screen and (max-width: 768px) {
        .mpadding50 {
            padding-right: 50px;
            padding-left: 50px;
            padding-top: 20px;
            padding-bottom: 20px;
        }
        /*.brandimg img {
          padding-right: 30px;
        padding-left: 30px;
        padding-top:10px;
        padding-bottom:10px;
    }*/
        #resultDiv .product-widget {
            text-align: center;
        }
    }

    @media only screen and (max-width: 700px) {
        #resultDiv .product-widget {
            text-align: center;
            height: 420px !important;
        }
    }

    @media only screen and (max-width: 650px) {
        #resultDiv .product-widget {
            text-align: center;
            height: 400px !important;
        }
    }

    @media only screen and (max-width: 500px) {
        #resultDiv .product-widget {
            text-align: center;
            height: 360px !important;
        }
    }


    @media only screen and (max-width: 480px) {

        input[type=number] {
            padding: 0px;
        }

        #frmSubmitFactor input[type=text] {
            width: 100% !important;
        }

        #frmSubmitFactor textarea {
            width: 100% !important;
        }

        #frmSubmitFactor button {
            width: 100% !important;
        }


        #resultDiv .product-widget {
            text-align: center;
            height: 330px !important;
        }

        figure {
            min-height: 80px;
        }

        .brandimg img {
            padding: 0px;
        }

        .mpadding50 {
            padding-right: 30px;
            padding-left: 30px;
            padding-top: 10px;
            padding-bottom: 10px;
        }

        #mainSlideShow {
            height: unset !important;
        }



        #productPage .product-images .product-thumbnail img {
            height: 200px;
            width: 200px;
        }

        div#bx-pager a {
            font-size: 10px !important;
        }

        .mihelp {
            height: 120px;
        }

        .bx-viewport {
            height: 135px;
        }

        .dmtbx_slider img {
            height: 135px;
            width: 100%;
            margin-left: -38px;
        }

        #mainSlideShow .carousel img {
        }

        .product-widget .product-name {
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            overflow: hidden;
            display: block;
            font-weight: 500;
            margin-bottom: 10px;
            font-size: 12px;
            max-height: 32px;
        }
    }

    .img-responsive {
        width: 100%;
    }

    .product-widget:hover {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }

    .product-widget {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }

    .menubtn {
        position: fixed;
        z-index: 30;
        width: 100%;
        background-color: #222d32 !important;
        background-image: none;
        border-radius: 0px;
    }

    @media only screen and (max-width: 860px) {

        .tab-content img {
            width: 100% !important;
            text-align: center;
        }
    }

    .tab-content img {
        text-align: center;
    }

    .navbar-default {
        background-image: unset !important;
    }

    .carousel-indicators {
        display: none;
        z-index: 1 !important;
    }

    .tooltip {
        font-family: primary,Tahoma,"Helvetica Neue", Helvetica, Arial, sans-serif !important;
    }

    .sharediv span {
        text-align: center;
    }

    .a2a_default_style a {
        margin: 2px;
    }

    .userbt form {
        padding: 0px;
        float: left;
    }

    #main-menu .mega-menu {
        z-index: 50;
        background-color: #f5f5f5;
    }

    .sm-blue a {
        font-size: 13px !important;
    }

    .img-special {
        position: absolute !important;
    }

    #homeText h3 img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
    }

    #homeText p img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
    }

    #homeText a:hover {
        color: #3498db;
        transition: 0.3s;
    }

    #productImages .carousel {
        border: 1px solid #e3e3e3;
        margin-top: 10px;
    }

    .footers {
        border-bottom: 2px solid #3498DB;
        line-height: 1.6em;
        font-size: 14px;
        margin: 15px 0px;
        padding: 5px;
    }

    .fs12 {
        font-size: 12px;
    }

    .pr9 {
        padding-right: 9px;
    }

    .eimg {
        cursor: pointer;
        background-color: #cabfbf;
        border-radius: 10px;
        margin: 5px;
        z-index: 50;
        padding: 4px;
        height: 100px
    }

    .mt15 {
        margin-top: 15px !important;
        margin-bottom: 10px;
    }

    .mt20 {
        margin-top: 20px;
    }

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

    .pt10 {
        padding-top: 10px;
    }

    .mb10 {
        margin-bottom: 10px;
    }

    .mp0 {
        padding-bottom: 0;
        padding-top: 0;
    }

    .copyline {
        border-top: 1px solid #CCE5F6;
    }

    .p5 {
        padding: 5px;
    }

    .m0 {
        margin-bottom: 0;
    }

    .pstyle {
        padding-bottom: 0;
        padding-top: 0;
        height: 35px;
    }

    .dh2 {
        font-size: 15px;
        padding-left: 4px;
    }

    .dh22 {
        font-size: 13px;
        padding-top: 0px;
        width: 200px;
    }

    .sks {
        margin-top: 30px;
        font-size: 1.5em
    }

    .dinlineb {
        display: inline-block;
    }

    .red {
        color: red
    }

    .gray {
        color: gray;
    }

    .fs12 {
        font-size: 12px;
    }

    .fs13 {
        font-size: 13px;
    }

    .fs14 {
        font-size: 14px;
    }

    .fs15 {
        font-size: 15px;
    }

    .fs16 {
        font-size: 16px;
    }

    .fs18 {
        font-size: 18px;
    }

    .ppcolor {
        color: #78ae00
    }

    .h1div {
        font-size: 17px;
        text-align: center;
        padding-top: 10px;
    }

    .wborder {
        border: 1px dashed red
    }

    @media only screen and (max-width: 400px) {

        .wborder {
            font-size: 10px;
        }
    }

    .fixphone {
        display: none;
    }

    @media only screen and (max-width: 800px) {
        #homeText p img {
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 50%;
            height: auto !important;
        }

        .fixphone {
            display: block;
            position: fixed;
            left: 10px;
            top: 10px;
            color: red !important;
            border: 1px red dashed;
            padding: 3px;
            z-index: 99;
            background-color: #a9f9b1;
        }

            .fixphone a i {
                padding: 4px 0px 6px 6px;
                font-size: 14px;
            }

            .fixphone a {
                color: red !important;
            }
    }

    .ui-autocomplete {
        width: fit-content !important;
        background-color padding: 0px 10px;
        border: 1px solid;
        padding: 10px 0px;
        background-color: #fff;
        border-radius: 5px;
        cursor: pointer;
    }

    .hm5 li {
        margin: 5px 0px;
    }

    .catdesc {
        line-height: 2.5;
    }

        .catdesc img {
            width: auto !important;
            height: auto !important;
        }

    .container-fluid {
        max-width: 1350px !important;
    }

    .brandimg img {
        width: 100px;
        height: 100px;
        margin: 0 auto;
    }

.brandimg2 img {
        width: 270px;
        height: 270px;
        margin: 5px auto;
    }

.price {
    height: 50px;
   
}
.product-widget .product-name {
    margin-top: 5px;
    height: 45px;
}

.product-widget img {
 
    max-height: 180px;
 
}





.box {
    background: #fff;
    transition: all 0.2s ease;
    border: 2px dashed #dadada;
    margin-top: 10px;
    box-sizing: border-box;
    border-radius: 5px;
    background-clip: padding-box;
    padding: 0 20px 20px 20px;
    min-height: 340px;
}

    .box:hover {
        border: 2px solid #525C7A;
    }

    .box span.box-title {
        color: #fff;
        font-size: 24px;
        font-weight: 300;
        text-transform: uppercase;
    }

    .box .box-content {
        padding: 16px;
        border-radius: 0 0 2px 2px;
        background-clip: padding-box;
        box-sizing: border-box;
    }

        .box .box-content p {
            color: #515c66;
            text-transform: none;
        }
h5.tag-title {
    line-height: 1.5;
}

#back2Top {
    width: 52px;
    padding: 0px;
    padding-top: 8px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate( 270deg );
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate( 270deg );
    position: fixed;
    bottom: 6px;
    border-radius: 78px;
    border: 1px solid;
    right: 29px;
    background-color: #ffffff4f !important;
    color: #f10405 !important;
    text-align: center;
    font-size: 40px;
    text-decoration: none;
    text-align: center;
    margin: 0 auto;
    -moz-transition: 200ms color;
    -o-transition: 200ms color;
    -webkit-transition: 200ms color;
    transition: 200ms color;
}

    #back2Top:hover {
        -moz-transition: 200ms color;
        -o-transition: 200ms color;
        -webkit-transition: 200ms color;
        transition: 200ms color;
        background-color: #26de704f !important;
        color: #28d42d !important;
    }

#home .table{
	width: unset !important;
margin-right: 10%;
}
#home p{
	margin: 10px 10% 10px;
    border: 1px solid #c5c5c5;
    padding: 5px;
}
#home ul{
	    margin-right: 10%;

}
#home ul li {
    padding: 5px;
}

.post-list .box{
height: 313px;
}

div#homeText a {
    color: #ff0000;
}

.post-content a {
    color: #ff0000;
}
.catdesc a {
    color: #ff0000;
}


    @media only screen and (max-width: 1000px) {
       
.catdesc img {

    max-width: 100%;
}
        }
/* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules)
   You need this once per page no matter how many menu trees or different themes you use.
-------------------------------------------------------------------------------------------*/

.sm{box-sizing:border-box;position:relative;z-index:9999;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:default;}
.sm::after{content:"";display:block;height:0;font:0px/0 serif;clear:both;overflow:hidden;}
.sm *,.sm *::before,.sm *::after{box-sizing:inherit;}




.main-nav {
  position: relative;
  background-color: #616161;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

.main-nav:after {
  clear: both;
  content: "\00a0";
  display: block;
  height: 0;
  font: 0px/0 serif;
  overflow: hidden;
}

.nav-brand {
  float: left;
  margin: 0;
}

.nav-brand a {
  display: block;
  padding: 10px 10px 10px 20px;
  color: #fff;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: normal;
  line-height: 29px;
  text-decoration: none;
}

#main-menu {
  clear: both;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

@media (min-width: 768px) {
  #main-menu {
    float: right;
    clear: none;
  }
}


/* Mega menus */


/* make mega menus take the full width of .main-nav */

#main-menu,
#main-menu > .has-mega-menu {
  position: static !important;
}

#main-menu .mega-menu {
  margin-left: 0 !important;
  right: 0 !important;
  width: auto !important;
  max-width: none !important;
}

#main-menu > .has-mega-menu .scroll-up,
#main-menu > .has-mega-menu .scroll-down {
  margin-left: 0 !important;
}


/* clear any floats inside the mega menus */

#main-menu .mega-menu > li {
  overflow: auto;
}


/* reset mega menu list/link styles (which are inherited from the SmartMenus core/theme styles) */

#main-menu .mega-menu {
  color: #353451;
}

#main-menu .mega-menu ul {
  position: static;
  display: block;
  margin: 0.83em 0;
  border: 0;
  padding: 0 0 0 20px;
  width: auto;
  background: transparent;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#main-menu .mega-menu ul li {
  display: list-item;
  list-style-type: disc;
  border: 0;
}

.col-menu .h6m {
    font-size: 16px;
    margin: 15px -15px 0px 0;
    color: #1a54da;
}
#main-menu .mega-menu a {
  display: inline;
  border: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  font-size:14PX;
  margin-top:5px;
  -moz-transition: .5s ease-out opacity;
    -o-transition: .5s ease-out opacity;
    -webkit-transition: .5s ease-out opacity;
    transition: .5s ease-out opacity;
}

#main-menu .mega-menu a:hover {
  color:#2266ba;
   -moz-transition: .5s ease-out opacity;
    -o-transition: .5s ease-out opacity;
    -webkit-transition: .5s ease-out opacity;
    transition: .5s ease-out opacity;
}

/* simple columns inside the mega menus */

#main-menu .mega-menu .column-1-3 {
  padding: 0 20px;
}

@media (min-width: 768px) {
  #main-menu .mega-menu .column-1-3 {
    float: left;
    width: 33.33%;
  }
}


/* Sample image placeholder */

.mega-menu-sample-image {
  margin: 0.83em 0;
  border: 1px solid;
  height: 80px;
  line-height: 80px;
  text-align: center;
}


/* Mobile menu top separator */

#main-menu:before {
  content: '';
  display: block;
  height: 1px;
  font: 1px/1px sans-serif;
  overflow: hidden;
  background: #4b4a73;
}

@media (min-width: 768px) {
  #main-menu:before {
    display: none;
  }
}


/* Mobile menu toggle button */

.main-menu-btn {
  float: right;
  margin: 10px;
  position: relative;
  display: inline-block;
  width: 29px;
  height: 29px;
  text-indent: 29px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* hamburger icon */

.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
  position: absolute;
  top: 50%;
  left: 2px;
  height: 2px;
  width: 24px;
  background: #fff;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.main-menu-btn-icon:before {
  content: '';
  top: -7px;
  left: 0;
}

.main-menu-btn-icon:after {
  content: '';
  top: 7px;
  left: 0;
}


/* x icon */

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
  height: 0;
  background: transparent;
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}


/* hide menu state checkbox (keep it visible to screen readers) */

#main-menu-state {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}


/* hide the menu in mobile view */

#main-menu-state:not(:checked) ~ #main-menu {
  display: none;
}

#main-menu-state:checked ~ #main-menu {
  display: block;
}

@media (min-width: 768px) {
  /* hide the button in desktop view */
  .main-menu-btn {
    position: absolute;
    top: -99999px;
  }
  /* always show the menu in desktop view */
  #main-menu-state:not(:checked) ~ #main-menu {
    display: block;
  }
}


@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700);

.sm-blue {
    background: transparent;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

    .sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active {
        padding: 10px 20px;
        /* make room for the toggle button (sub indicator) */
        padding-right: 58px;
        color: #fff;
        font-family: primary, "Arial Narrow", Arial, Helvetica, sans-serif;
        font-size: 13px;
        line-height: 23px;
        text-decoration: none;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    }

        .sm-blue a.current {
            background: #006892;
            background-image: linear-gradient(to bottom, #006188, #006f9c);
            color: #fff;
        }

        .sm-blue a.disabled {
            color: #f5f5f5;
        }

        .sm-blue a .sub-arrow {
            position: absolute;
            top: 50%;
            margin-top: -17px;
            left: auto;
            right: 4px;
            width: 34px;
            height: 34px;
            overflow: hidden;
            font: bold 16px/34px monospace !important;
            text-align: center;
            text-shadow: none;
            background: rgba(0, 0, 0, 0.1);
            border-radius: 4px;
        }

            .sm-blue a .sub-arrow::before {
                content: '+';
            }

        .sm-blue a.highlighted .sub-arrow::before {
            content: '-';
        }


    .sm-blue > li:last-child > a.highlighted, .sm-blue > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted {
        border-radius: 0;
    }

    .sm-blue ul {
        background: #fff;
    }

        .sm-blue ul ul {
            background: rgba(102, 102, 102, 0.1);
        }

        .sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active {
            background: transparent;
            color: #2b82ac;
            font-size: 13px;
            text-shadow: none;
            border-left: 8px solid transparent;
        }

            .sm-blue ul a.current {
                background: #006892;
                background-image: linear-gradient(to bottom, #006188, #006f9c);
                color: #fff;
            }

            .sm-blue ul a.disabled {
                color: #b3b3b3;
            }

        .sm-blue ul ul a,
        .sm-blue ul ul a:hover,
        .sm-blue ul ul a:focus,
        .sm-blue ul ul a:active {
            border-left: 16px solid transparent;
        }

        .sm-blue ul ul ul a,
        .sm-blue ul ul ul a:hover,
        .sm-blue ul ul ul a:focus,
        .sm-blue ul ul ul a:active {
            border-left: 24px solid transparent;
        }

        .sm-blue ul ul ul ul a,
        .sm-blue ul ul ul ul a:hover,
        .sm-blue ul ul ul ul a:focus,
        .sm-blue ul ul ul ul a:active {
            border-left: 32px solid transparent;
        }

        .sm-blue ul ul ul ul ul a,
        .sm-blue ul ul ul ul ul a:hover,
        .sm-blue ul ul ul ul ul a:focus,
        .sm-blue ul ul ul ul ul a:active {
            border-left: 40px solid transparent;
        }

        .sm-blue ul li {
            border-top: 1px solid rgba(0, 0, 0, 0.05);
        }

            .sm-blue ul li:first-child {
                border-top: 0;
            }

@media (max-width: 768px) {
    #main-menu .mega-menu > li {
    overflow: auto;
    padding: 20px !important ;
}
}
@media (min-width: 768px) {
    /* Switch to desktop layout
  -----------------------------------------------
     These transform the menu tree from
     collapsible to desktop (navbar + dropdowns)
  -----------------------------------------------*/

    /* start... (it's not recommended editing these rules) */


    

    .sm-blue ul {
        position: absolute;
        width: 12em;
    }

    .sm-blue li {
        float: left;
    }

    .sm-blue.sm-rtl li {
        float: right;
    }

    .sm-blue ul li, .sm-blue.sm-rtl ul li, .sm-blue.sm-vertical li {
        float: none;
    }

    .sm-blue a {
        white-space: nowrap;
    }

    .sm-blue ul a, .sm-blue.sm-vertical a {
        white-space: normal;
    }

    .sm-blue .sm-nowrap > li > a, .sm-blue .sm-nowrap > li > :not(ul) a {
        white-space: nowrap;
    }

    /* ...end */
    .sm-blue {
        border-radius: 8px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    }

        .sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
            padding: 13px 24px;
            color: #fff;
        }

            .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
                background: #2b82ac;
                background-image: linear-gradient(to bottom, #2d89b4, #297ca3);
            }

            .sm-blue a.current {
                background: #006892;
                background-image: linear-gradient(to bottom, #006188, #006f9c);
                color: #fff;
            }

            .sm-blue a.disabled {
                background: #3092c0;
                background-image: linear-gradient(to bottom, #3298c8, #2e8cb8);
                color: #f5f5f5;
            }

            .sm-blue a .sub-arrow {
                top: auto;
                margin-top: 0;
                bottom: 2px;
                left: 50%;
                margin-left: -5px;
                right: auto;
                width: 0;
                height: 0;
                border-width: 5px;
                border-style: solid dashed dashed dashed;
                border-color: #f5f5f5 transparent transparent transparent;
                background: transparent;
                border-radius: 0;
            }

                .sm-blue a .sub-arrow::before {
                    display: none;
                }


        

            .sm-blue > li:first-child {
                border-left: 0;
            }

        .sm-blue ul {
            border: 1px solid #a8a8a8;
            padding: 7px 0;
            background: #fff;
            box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);
        }

            .sm-blue ul ul {
                background: #fff;
            }

            .sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {
                border: 0 !important;
                padding: 9px 23px;
                background: transparent;
                color: #2b82ac;
                border-radius: 0 !important;
            }

                .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {
                    background: #3092c0;
                    background-image: linear-gradient(to bottom, #3298c8, #2e8cb8);
                    color: #fff;
                }

                .sm-blue ul a.current {
                    background: #006892;
                    background-image: linear-gradient(to bottom, #006188, #006f9c);
                    color: #fff;
                }

                .sm-blue ul a.disabled {
                    background: #fff;
                    color: #b3b3b3;
                }

                .sm-blue ul a .sub-arrow {
                    top: 50%;
                    margin-top: -5px;
                    bottom: auto;
                    left: auto;
                    margin-left: 0;
                    right: 10px;
                    border-style: dashed dashed dashed solid;
                    border-color: transparent transparent transparent #f5f5f5;
                }

            .sm-blue ul li {
                border: 0;
            }

        .sm-blue .scroll-up,
        .sm-blue .scroll-down {
            position: absolute;
            display: none;
            visibility: hidden;
            overflow: hidden;
            background: #fff;
            height: 20px;
        }

        .sm-blue .scroll-up-arrow,
        .sm-blue .scroll-down-arrow {
            position: absolute;
            top: -2px;
            left: 50%;
            margin-left: -8px;
            width: 0;
            height: 0;
            overflow: hidden;
            border-width: 8px;
            border-style: dashed dashed solid dashed;
            border-color: transparent transparent #2b82ac transparent;
        }

        .sm-blue .scroll-down-arrow {
            top: 6px;
            border-style: solid dashed dashed dashed;
            border-color: #2b82ac transparent transparent transparent;
        }

        .sm-blue.sm-rtl.sm-vertical a .sub-arrow {
            right: auto;
            left: 10px;
            border-style: dashed solid dashed dashed;
            border-color: transparent #f5f5f5 transparent transparent;
        }


        

        .sm-blue.sm-rtl > li:last-child {
            border-left: 0;
        }

        .sm-blue.sm-rtl ul a .sub-arrow {
            right: auto;
            left: 10px;
            border-style: dashed solid dashed dashed;
            border-color: transparent #f5f5f5 transparent transparent;
        }

        .sm-blue.sm-vertical {
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
        }

            .sm-blue.sm-vertical a {
                padding: 9px 23px;
            }

                .sm-blue.sm-vertical a .sub-arrow {
                    top: 50%;
                    margin-top: -5px;
                    bottom: auto;
                    left: auto;
                    margin-left: 0;
                    right: 10px;
                    border-style: dashed dashed dashed solid;
                    border-color: transparent transparent transparent #f5f5f5;
                }

            .sm-blue.sm-vertical > li {
                border-left: 0 !important;
            }

            .sm-blue.sm-vertical ul a {
                padding: 9px 23px;
            }
}

#main-menu .mega-menu ul li {
        margin-top: 5px;
}

/*# sourceMappingURL=sm-blue.css.map */

.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8;-ms-filter:alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}