﻿@charset "utf-8";

@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 200;
    src: local('Titillium WebThin'), local('TitilliumWeb-Thin'), url(https://fonts.gstatic.com/s/titilliumweb/v4/anMUvcNT0H1YN4FII8wpr8iECVzy6_x5mCR1UJr_CgI.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 200;
    src: local('Titillium WebThin'), local('TitilliumWeb-Thin'), url(https://fonts.gstatic.com/s/titilliumweb/v4/anMUvcNT0H1YN4FII8wprwWgvz7nq97YPMIWeoEnHDE.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 300;
    src: local('Titillium WebLight'), local('TitilliumWeb-Light'), url(https://fonts.gstatic.com/s/titilliumweb/v4/anMUvcNT0H1YN4FII8wpr9INifKjd1RJ3NxxEi9Cy2w.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 300;
    src: local('Titillium WebLight'), local('TitilliumWeb-Light'), url(https://fonts.gstatic.com/s/titilliumweb/v4/anMUvcNT0H1YN4FII8wpr4-67659ICLY8bMrYhtePPA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 400;
    src: local('Titillium Web'), local('TitilliumWeb-Regular'), url(https://fonts.gstatic.com/s/titilliumweb/v4/7XUFZ5tgS-tD6QamInJTcSo_WB_cotcEMUw1LsIE8mM.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 400;
    src: local('Titillium Web'), local('TitilliumWeb-Regular'), url(https://fonts.gstatic.com/s/titilliumweb/v4/7XUFZ5tgS-tD6QamInJTcZSnX671uNZIV63UdXh3Mg0.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 600;
    src: local('Titillium WebSemiBold'), local('TitilliumWeb-SemiBold'), url(https://fonts.gstatic.com/s/titilliumweb/v4/anMUvcNT0H1YN4FII8wpr_SNRT0fZ5CX-AqRkMYgJJo.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 600;
    src: local('Titillium WebSemiBold'), local('TitilliumWeb-SemiBold'), url(https://fonts.gstatic.com/s/titilliumweb/v4/anMUvcNT0H1YN4FII8wpr46gJz9aNFrmnwBdd69aqzY.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 700;
    src: local('Titillium WebBold'), local('TitilliumWeb-Bold'), url(https://fonts.gstatic.com/s/titilliumweb/v4/anMUvcNT0H1YN4FII8wpr-y7CP8YvcHYdGV61pt7QTE.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 700;
    src: local('Titillium WebBold'), local('TitilliumWeb-Bold'), url(https://fonts.gstatic.com/s/titilliumweb/v4/anMUvcNT0H1YN4FII8wprxP6Eu1_xfSBSoi9uie1FdE.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 900;
    src: local('Titillium WebBlack'), local('TitilliumWeb-Black'), url(https://fonts.gstatic.com/s/titilliumweb/v4/anMUvcNT0H1YN4FII8wpr4raJW_TPRbuWfMPkVNer-Y.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 900;
    src: local('Titillium WebBlack'), local('TitilliumWeb-Black'), url(https://fonts.gstatic.com/s/titilliumweb/v4/anMUvcNT0H1YN4FII8wpr6C95lFCEhr9IpXC9cjRuaU.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
    font-family: 'Titillium Web';
    font-style: italic;
    font-weight: 200;
    src: local('Titillium WebThin Italic'), local('TitilliumWeb-ThinItalic'), url(https://fonts.gstatic.com/s/titilliumweb/v4/RZunN20OBmkvrU7sA4GPPqpbFSWqYj1iKTbak9LyLSk.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Titillium Web';
    font-style: italic;
    font-weight: 200;
    src: local('Titillium WebThin Italic'), local('TitilliumWeb-ThinItalic'), url(https://fonts.gstatic.com/s/titilliumweb/v4/RZunN20OBmkvrU7sA4GPPk94s9wFhqwla9v9ys0uYos.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
    font-family: 'Titillium Web';
    font-style: italic;
    font-weight: 300;
    src: local('Titillium WebLight Italic'), local('TitilliumWeb-LightItalic'), url(https://fonts.gstatic.com/s/titilliumweb/v4/RZunN20OBmkvrU7sA4GPPoJk2PUjA3BuZ7-sn6ahBAU.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Titillium Web';
    font-style: italic;
    font-weight: 300;
    src: local('Titillium WebLight Italic'), local('TitilliumWeb-LightItalic'), url(https://fonts.gstatic.com/s/titilliumweb/v4/RZunN20OBmkvrU7sA4GPPpqmdMmZ3RU_nSyRBdIw_WA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
    font-family: 'Titillium Web';
    font-style: italic;
    font-weight: 400;
    src: local('Titillium WebItalic'), local('TitilliumWeb-Italic'), url(https://fonts.gstatic.com/s/titilliumweb/v4/r9OmwyQxrgzUAhaLET_KO86gOKNGPbHY3c2d_06TbvM.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Titillium Web';
    font-style: italic;
    font-weight: 400;
    src: local('Titillium WebItalic'), local('TitilliumWeb-Italic'), url(https://fonts.gstatic.com/s/titilliumweb/v4/r9OmwyQxrgzUAhaLET_KO6qVnG43xFTRN40gwdrG-aE.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
    font-family: 'Titillium Web';
    font-style: italic;
    font-weight: 600;
    src: local('Titillium WebSemiBold Italic'), local('TitilliumWeb-SemiBoldItalic'), url(https://fonts.gstatic.com/s/titilliumweb/v4/RZunN20OBmkvrU7sA4GPPjAIC19vemm8z_7Iwl5FvF4.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Titillium Web';
    font-style: italic;
    font-weight: 600;
    src: local('Titillium WebSemiBold Italic'), local('TitilliumWeb-SemiBoldItalic'), url(https://fonts.gstatic.com/s/titilliumweb/v4/RZunN20OBmkvrU7sA4GPPqnxEWeSxeYH5Yv0OHgSghs.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
    font-family: 'Titillium Web';
    font-style: italic;
    font-weight: 700;
    src: local('Titillium WebBold Italic'), local('TitilliumWeb-BoldItalic'), url(https://fonts.gstatic.com/s/titilliumweb/v4/RZunN20OBmkvrU7sA4GPPuYclYpgUtTrKfkc3EPvFuo.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Titillium Web';
    font-style: italic;
    font-weight: 700;
    src: local('Titillium WebBold Italic'), local('TitilliumWeb-BoldItalic'), url(https://fonts.gstatic.com/s/titilliumweb/v4/RZunN20OBmkvrU7sA4GPPrVtATvrkhG8cpz4A3QpLk8.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/*
=====================================================================================================================================================
DEFAULT STYLE
=====================================================================================================================================================
*/

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    *:before, *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }


body, html, form, section {
    height: 100%;
}

html {
    font-size: 16px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/*@media (min-width: 1920px) {
    .container {
        width: 1920px !important;
    }
}*/

@media (max-width:767px) {
    html {
        font-size: 12px;
    }
}

body {
    font-family: "Segoe UI" !important;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    color: #646464;
    background-color: #fff;
    padding-top: 100px;
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    color: #000;
    text-decoration: none;
}

    a:hover, a:focus {
        color: #000;
        text-decoration: underline;
    }

    a:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

p {
    margin: 0 0 15px;
    text-align: justify;
}


body {
    opacity: 0;
}

@media (min-width: 1500px) {
    .container {
        width: 1440px;
    }
}

/*
=====================================================================================================================================================
COMMON STYLE
=====================================================================================================================================================
*/



body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #eee;
    cursor: pointer;
}

body::-webkit-scrollbar {
    width: 10px;
    cursor: pointer;
}

body::-webkit-scrollbar-thumb {
    background-color: #333;
}

    body::-webkit-scrollbar-thumb:hover {
        background-color: #000;
    }

/* GO To Top Style  */
.scrollup {
    position: fixed;
    bottom: 5px;
    right: 30px;
    display: none;
    z-index: 1;
    font-size: 30px;
    width: 40px;
    height: 40px;
    border-radius: 25px;
    line-height: 32px;
    text-align: center;
    /*text-shadow: 2px 4px 1px #000;*/
    padding-right: 0;
    padding-left: 6px;
    padding-top: 1px;
}

.scrollup {
    -webkit-animation: moveFromBottom 1000ms ease;
    -moz-animation: moveFromBottom 1000ms ease;
    -ms-animation: moveFromBottom 1000ms ease;
}

a.scrollup {
    background: #fa413b;
    color: #fff !important;
}

    a.scrollup:hover {
        background: #fa413b;
        color: #fff !important;
    }


/* spacer Styles */
.spacer1 {
    clear: both;
    width: 100%;
    height: 10px;
}

.spacer2 {
    clear: both;
    width: 100%;
    height: 20px;
}

.spacer3 {
    clear: both;
    width: 100%;
    height: 30px;
}

.spacer4 {
    clear: both;
    width: 100%;
    height: 40px;
}

.spacer5 {
    clear: both;
    width: 100%;
    height: 50px;
}


/* Spacing, Border, Shadow Styles */
.border_panel {
    border: 1px solid #ddd !important;
    padding: 15px;
}

.border {
    border: 1px solid #ccc !important;
}

.no-border {
    border: none !important;
}

.no-border-l {
    border-left: none !important;
}

.no-border-r {
    border-right: none !important;
}

.no-border-t {
    border-top: none !important;
}

.no-border-b {
    border-bottom: none !important;
}

.border-t {
    border-top: 1px solid #ccc !important;
}

.border-b {
    border-bottom: 1px solid #ccc !important;
}

.no-border-rad {
    border-radius: 0px !important;
}

.no-shadow {
    box-shadow: none !important;
}

.no-margin {
    margin: 0 !important;
}

.no-margin-r {
    margin-right: 0 !important;
}

.no-margin-l {
    margin-left: 0 !important;
}

.no-margin-b {
    margin-bottom: 0 !important;
}

.no-margin-t {
    margin-top: 0 !important;
}

.no-margin-x {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.no-margin-y {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.marg-auto {
    margin: 0 auto !important;
}

.marg-t {
    margin-top: 30px !important;
}

.marg-b {
    margin-bottom: 20px !important;
}

.marg-ftr-t {
    margin-top: 20px !important;
}

.no-pad {
    padding: 0 !important;
}

.no-pad-l {
    padding-left: 0 !important;
}

.no-pad-r {
    padding-right: 0 !important;
}

.no-pad-t {
    padding-top: 0 !important;
}

.no-pad-b {
    padding-bottom: 0 !important;
}

.no-pad-x {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.no-pad-y {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.pad-t {
    padding-top: 40px !important;
}

.pad-b {
    padding-bottom: 40px !important;
}

.pad-t-nav {
    padding-top: 10px !important;
}


/* Hr Line Style  */
hr.solid {
    border: 0;
    border-top: 1px solid #ccc;
}

hr.dotted {
    border: 0;
    border-top: 1px dotted #666;
    background: #292929;
}

hr.dashed {
    border: 0;
    border-top: 1px dashed #ccc;
    background: #fff;
}

hr.double {
    border: 0;
    border-top: 1px dashed #ccc;
    background: #999;
}


.err {
    font-size: 12px;
    color: #c80000;
}

.text-initial {
    text-transform: initial !important;
}

.list {
    padding: 0;
    margin: 0 0 20px 20px;
}

    .list li {
        margin-bottom: 5px;
    }

.list-inline {
    margin-left: 0px !important;
}

    .list-inline li {
        margin-bottom: 5px !important;
    }

.list-unstyled li {
    margin-bottom: 5px !important;
}

.list-col-2 li {
    width: 48%;
    float: left;
}

    .list-col-2 li:nth-child(odd) {
        margin-right: 10px !important;
    }

.list-col-3 li {
    width: 31%;
    float: left;
}

    .list-col-3 li:nth-child(1n+1) {
        margin-right: 15px !important;
    }

.list-bullet {
    padding: 0;
    margin: 0 0 20px 0;
    float: left;
    width: 100%;
    display: block;
}

    .list-bullet li {
        list-style: none;
        padding: 7px 20px;
        margin: 0px;
        position: relative;
    }

        .list-bullet li:before {
            content: "\f00c";
            font-family: FontAwesome;
            position: absolute;
            left: 0px;
            top: auto;
        }

.img-border {
    border: 1px solid #e7e7e7;
    max-width: 100%;
}

.fa-icon {
    padding-left: 25px !important;
    position: relative;
}

    .fa-icon > .fa {
        position: absolute;
        top: 2px;
        margin-left: -23px !important;
    }

.fa-icon-40 {
    padding-left: 50px !important;
    position: relative;
    vertical-align: middle;
    line-height: normal;
    padding-top: 5px;
}

    .fa-icon-40 > .fa {
        position: absolute;
        top: 2px;
        margin-left: -50px !important;
    }


@media (max-width: 640px) {
    .list-col-2 li {
        width: 100%;
    }

        .list-col-2 li:nth-child(2n+1) {
            margin-right: 0px !important;
        }

    .list-col-3 li {
        width: 100%;
    }

        .list-col-3 li:nth-child(1n+1) {
            margin-right: 0px !important;
        }
}

/*  Transition style */
a, .btn {
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

.delay-05s {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.delay-06s {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.delay-07s {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}

.delay-08s {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.delay-09s {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.delay-15s {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.delay-25s {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}

.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}


/* Social Media Style */
ul.social_media {
    margin: 0px;
    padding: 0px;
    width: 100%;
}

    ul.social_media li {
        display: inline-block;
        list-style-type: none;
        list-style-image: none;
        padding: 0px;
        margin: 0 3px 10px 0px;
        border: none;
        vertical-align: top;
    }

        ul.social_media li a {
            display: block;
            font-size: 18px;
            transition: none .6s ease-in-out;
            -webkit-transition: none .6s ease-in-out;
            -moz-transition: none .6s ease-in-out;
            -o-transition: none .6s ease-in-out;
            -ms-transition: none .6s ease-in-out;
        }

            ul.social_media li a:hover {
                display: block;
            }

    ul.social_media .fa {
        padding: 0px;
        margin: 0px;
        font-weight: 500;
        color: #fff;
        width: 35px;
        height: 35px;
        line-height: 38px;
        vertical-align: middle;
        border-radius: 100%;
        text-align: center;
    }

        ul.social_media .fa:hover {
            color: #fff;
            border: transparent;
        }

.fa-facebook, .fa-google, .fa-google-plus, .fa-linkedin, .fa-youtube, .fa-youtube-play, .fa-tumblr, .fa-twitter, .fa-pinterest, .fa-instagram {
    /*background-color: rgba(0,0,0,0.5);*/
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
}

    .fa-facebook:hover {
        background: #3b5998;
    }

    .fa-google:hover {
        background: #3f85f4;
    }

    .fa-google-plus:hover {
        background: #d13f2d;
    }

    .fa-linkedin:hover {
        background: #0275b5;
    }

    .fa-youtube:hover {
        background: #ce332d;
    }

    .fa-youtube-play:hover {
        background: #ce332d;
    }

    .fa-tumblr:hover {
        background: #274152;
    }

    .fa-twitter:hover {
        background: #4dc8f1;
    }

    .fa-pinterest:hover {
        background: #cb2028;
    }

/*.fa-instagram:hover {
        background: #3e739d;
    }*/

/*  Breadcrumbs */
.breadcrumbs-panel {
    padding: 15px 0;
    margin: 30px 0 0;
    position: relative;
    border-top: 1px solid #e7e7e7;
}

.breadcrumb {
    padding: 0 !important;
    margin: 0 !important;
    background-color: transparent !important;
    position: relative;
}

    .breadcrumb li {
        padding: 0;
        margin: 0;
        list-style: none;
        font-size: 13px;
        color: #323232;
    }

        .breadcrumb li.active {
            color: #323232;
        }

    .breadcrumb a {
        color: #323232;
        text-decoration: none;
        padding: 0;
    }

        .breadcrumb a:hover {
            color: #323232;
            text-decoration: underline;
        }

@media (max-width: 767px) {
    .breadcrumb:after {
        background: none;
        position: relative;
        height: 0px;
        top: 0px;
    }
}
/* Google Map  */
.map-container {
    width: 100%;
    height: 100%;
    border: 0px;
    float: left;
    position: relative;
    padding: 7px 0;
}

    .map-container iframe {
        width: 100%;
        height: 250px;
        border: 0px;
        pointer-events: none;
        float: left;
    }

/*  Parallax Panel */
.parallax-container {
    z-index: 1;
    position: relative;
    min-height: 300px;
}

/*  Form Control / Btn */
.form-control, .btn {
    border-radius: 0px !important;
    resize: none;
    font-weight: 500 !important;
}

.form-control {
    background: #fff;
    border-color: #ccc;
}


/*  Bootsratp Grid of 5 */
.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20% !important;
        float: left;
    }
}


/*  Table Heads bg */
.th {
    background: #ffb71c;
    color: #4f2a2b;
}

.tch {
    background: #ffffff;
    color: #4f2a2b;
    font-size: 15px;
    padding: 10px !important;
}

.tc {
    background: #f5f5f5;
}

th {
    font-weight: normal;
    padding: 15px !important;
    font-size: 20px;
}

@media screen and (max-width: 767px) {
    .tab-scroll {
        overflow: scroll;
    }
}
/* .table > thead > tr > th {
    padding: 20px;
    font-size: 20px;
}*/
/*  btn-outline */
.btn-outline {
    background: none;
    border: 1px solid #000000 !important;
    color: #000000;
}

    .btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active, .open > .dropdown-toggle.btn-outline {
    }

    .btn-outline:active, .btn-outline.active {
        box-shadow: none;
    }

    .btn-outline.btn-sm {
        border-radius: 0px;
    }

/*  fa width */
.fa-20 {
    width: 20px;
    text-align: center;
}

.fa-25 {
    width: 25px;
    text-align: center;
}

.fa-30 {
    width: 30px;
    text-align: center;
}

/*text responsive align */
@media (max-width: 767px) {
    .text-xs-center {
        text-align: center;
    }

    .img-center {
        margin: 0 auto;
    }

    .text-xs-center {
        text-align: center;
    }
}

@media (min-width: 992px) {
    .text-md-right {
        text-align: right;
    }

    .text-md-center {
        text-align: center;
    }
}

@media (min-width: 1200px) {
    .text-md-right {
        text-align: right;
    }

    .text-md-center {
        text-align: center;
    }
}

@media (min-width: 768px) {
    .text-sm-center {
        text-align: center !important;
    }
}

/* hash link focus */
.anchor-focus:before {
    display: block;
    content: " ";
    height: 100px; /* Give height of your fixed element */
    margin-top: -100px; /* Give negative margin of your fixed element */
    visibility: hidden;
}

@media (max-width:991px) {
    .anchor-focus:before {
        height: 80px; /* Give height of your fixed element */
        margin-top: -80px; /* Give negative margin of your fixed element */
    }
}

/* page loader */
.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.pace-inactive {
    display: none;
}

.pace .pace-progress {
    background: #ffb71c;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 5px;
}


/*
=====================================================================================================================================================
HEADING STYLE
=====================================================================================================================================================
*/

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 600;
    line-height: 1.1;
    color: inherit;
}

    .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
        font-weight: 400;
        line-height: 1;
        color: #777;
    }

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

    .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
        font-size: 65%;
    }

.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

    .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
        font-size: 75%;
    }

.h1, h1 {
    font-size: 2.1rem;
}

.h2, h2 {
    font-size: 1.6rem;
}

.h3, h3 {
    font-size: 1.4rem;
}

.h4, h4 {
    font-size: 1.2rem;
}

.h5, h5 {
    font-size: 1rem;
}

.h6, h6 {
    font-size: 0.85rem;
}


.heading {
    text-align: left;
    position: relative;
    display: block;
    width: 100%;
    margin: 0px auto 20px;
    padding: 0px;
    float: none;
}

    .heading:after {
        content: "";
        width: 80px;
        height: 2px;
        background: #4f2a2b;
        bottom: 0;
        display: block;
    }

    .heading h2, .heading h1 {
        text-transform: uppercase;
        display: inline-block;
        font-weight: 700;
        font-size: 1.8rem;
        padding: 0px;
        margin: 0;
        color: #4f2a2b;
    }

        .heading h2 span, .heading h1 span {
            text-transform: initial;
            font-style: italic;
            font-weight: 500;
        }

visible-lg, .visible-md, .visible-sm, .visible-xs {
    display: none !important;
}

.visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
    display: none !important;
}

@media (max-width:767px) {
    .visible-xs {
        display: block !important;
    }

    table.visible-xs {
        display: table !important;
    }

    tr.visible-xs {
        display: table-row !important;
    }

    td.visible-xs, th.visible-xs {
        display: table-cell !important;
    }
}

@media (max-width:767px) {
    .visible-xs-block {
        display: block !important;
    }
}

@media (max-width:767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}

@media (max-width:767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block !important;
    }

    table.visible-sm {
        display: table !important;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    td.visible-sm, th.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-block {
        display: block !important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline {
        display: inline !important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block !important;
    }

    table.visible-md {
        display: table !important;
    }

    tr.visible-md {
        display: table-row !important;
    }

    td.visible-md, th.visible-md {
        display: table-cell !important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-block {
        display: block !important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline {
        display: inline !important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}

@media (min-width:1200px) {
    .visible-lg {
        display: block !important;
    }

    table.visible-lg {
        display: table !important;
    }

    tr.visible-lg {
        display: table-row !important;
    }

    td.visible-lg, th.visible-lg {
        display: table-cell !important;
    }
}

@media (min-width:1200px) {
    .visible-lg-block {
        display: block !important;
    }
}

@media (min-width:1200px) {
    .visible-lg-inline {
        display: inline !important;
    }
}

@media (min-width:1200px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}

@media (max-width:767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width:1200px) {
    .hidden-lg {
        display: none !important;
    }
}

.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: block !important;
    }

    table.visible-print {
        display: table !important;
    }

    tr.visible-print {
        display: table-row !important;
    }

    td.visible-print, th.visible-print {
        display: table-cell !important;
    }
}

.visible-print-block {
    display: none !important;
}

@media print {
    .visible-print-block {
        display: block !important;
    }
}

.visible-print-inline {
    display: none !important;
}

@media print {
    .visible-print-inline {
        display: inline !important;
    }
}

.visible-print-inline-block {
    display: none !important;
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important;
    }
}

@media print {
    .hidden-print {
        display: none !important;
    }
}
/*
=====================================================================================================================================================
WRAPPER
=====================================================================================================================================================
*/
.wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
    text-align: left;
    float: none;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto 0;
}
/* the bottom margin is the negative value of the footer's height */
.footer {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.footer, .push {
    min-height: 0;
    clear: both; /* .push must be the same height as .footer */
}

/*
=====================================================================================================================================================
HEADER STYLE
=====================================================================================================================================================
*/

header {
    padding: 0px;
    float: left;
    width: 100%;
    background: #fff;
    -webkit-transition: all .50s ease;
    -moz-transition: all .50s ease;
    -ms-transition: all .50s ease;
    -o-transition: all .50s ease;
    transition: all .50s ease;
}

.header {
    display: table;
    width: 100%;
    padding: 5px 0px;
    /*margin-bottom: -30px;*/
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}

    .header .hdr_left, .header .hdr_right {
        display: table-cell;
        vertical-align: middle;
    }

.hdr_left h1 {
    padding: 0;
    margin: 0;
}

.logo-inline {
    padding-left: 0;
    position: relative;
    z-index: 9;
    list-style: none;
}

    .logo-inline > li {
        display: table-cell;
        vertical-align: middle;
        padding: 0px;
        -webkit-transition: all 0.6s;
        -moz-transition: all 0.6s;
        transition: all 0.6s;
    }

    .logo-inline h2 {
        display: block;
        font-size: 24px;
        color: #4F2A2B;
        padding-left: 20px;
    }

        .logo-inline h2 small {
            display: block;
            font-size: 16px;
            color: #4F2A2B;
        }

ul {
    margin-bottom: 0px !important;
}

.header .logo img {
    height: 102px;
    border: 0.5px solid #a8a8a8;
    float: left;
    -webkit-transition: height 0.6s;
    -moz-transition: height 0.6s;
    transition: height 0.6s;
}

.hdr_right {
    text-align: right;
    -webkit-transition: display 0.6s;
    -moz-transition: display 0.6s;
    transition: display 0.6s;
}

    .hdr_right a {
        color: #000064;
        text-decoration: none;
        padding: 15px;
    }

    /*.hdr_right .list-inline li:first-child {*/
    .hdr_right .list-inline {
        width: 100%;
        color: #000064;
        font-size: 18px;
        margin-bottom: 10px;
    }

        .hdr_right .list-inline li:first-child .fa {
            margin-right: 10px;
        }

.list > li {
    display: block !important;
}

.navbar {
    margin-bottom: 0px;
}


@media (min-width:992px) {

    #headerpan #navbar {
        background: rgba(0,0,0,0.8);
    }

    #navbar {
        position: relative;
    }

    .top-nav-collapse {
        box-shadow: 0px 0px 10px #333;
    }

        .top-nav-collapse .logo img {
            height: 102px;
            /*height: 60px;*/
            border: 0.5px solid #a8a8a8;
            -webkit-transition: height 0.6s;
            -moz-transition: height 0.6s;
            transition: height 0.6s;
        }

    header .logo {
        position: absolute;
        left: -35px;
        top: -15px;
    }
    /*.top-nav-collapse .logo-inline > li:last-child, .top-nav-collapse .hdr_right {
            display: none;
        }*/

    /*.top-nav-collapse .header {
            padding-top: 5px;
            margin-bottom: -100px;
            display: inline-block;
            float: left;
        }*/
}



.header-menu {
    background: #000064;
    position: relative;
    padding: 0px 10px;
    -webkit-transition: height 0.6s;
    -moz-transition: height 0.6s;
    transition: height 0.6s;
    width: 100%;
}

.list-inline > li {
    float: right;
}

.navbar li {
    list-style-image: url(data:0);
    list-style: none;
    list-style-type: none;
}

.navbar, .navbar-nav {
    border: none !important;
    border-radius: 0px !important;
    margin: 0px !important;
}

.nav > li > a {
    line-height: 30px !important;
    font-size: 15px;
    font-weight: 600;
    display: block !important;
    text-decoration: none;
    text-transform: uppercase;
}

.navbar-nav li a:hover, .navbar-nav li a.active {
    color: #b40a0a;
    text-decoration: none !important;
}

.nav > li > a:hover, .nav > li > a:focus {
    color: #ffffff !important;
    background: #f9413b !important;
}

.nav > li:hover > a {
    color: #ffffff !important;
    background: #f9413b !important;
}

.nav > li.active > a, .nav > li.active > a:hover {
    /*color: #ffb71c;*/
    color: #ffffff;
    background: #f9413b;
}

.nav > li.active:hover > a {
    color: #fff !important;
}

.nav > li.dropdown > a {
    padding-right: 15px !important;
    line-height: 30px !important;
    margin-right: 18px;
}

    .nav > li.dropdown > a:after {
        position: absolute;
        top: auto;
        right: 0;
        display: inline-block;
        content: "\f105";
        font-family: 'FontAwesome';
        -webkit-transition: all .50s ease;
        -moz-transition: all .50s ease;
        -ms-transition: all .50s ease;
        -o-transition: all .50s ease;
        transition: all .50s ease;
    }

.nav > li.dropdown:hover > a:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
}


@media (min-width:992px) {
    .nav > li {
        display: block;
    }

        /*.nav > li:first-child {
        border-left: 2px solid #a8a7a8;
       
        }*/

        .nav > li > a {
            color: #fff;
            padding: 10px 18px !important;
            border-right: 2px solid #a8a7a8;
        }
    /*.nav > li:last-child{
              border-right: 2px solid #000064;
        }*/
    .dropdown .dropdown-menu {
        visibility: hidden !important;
        opacity: 0 !important;
    }

    .dropdown:hover .dropdown-menu {
        visibility: visible !important;
        opacity: 1 !important;
        display: block;
        padding: 0px !important;
        border: 0px solid #d3d3d3;
        -webkit-animation: fadeInDown 300ms ease;
        -moz-animation: fadeInDown 300ms ease;
        -ms-animation: fadeInDown 300ms ease;
    }

    .dropdown .dropdown-menu li {
        padding: 0px !important;
    }

        .dropdown .dropdown-menu li:hover {
            color: #000000 !important;
        }

            .dropdown .dropdown-menu li:hover > a {
                color: #000000 !important;
            }

    /*#navbar .nav > li:last-child > a {
        margin-right: 0px;
        padding: 10px 28px !important;
    }*/
}


.navbar-nav .mega-dropdown {
    position: static;
    padding: 0;
    margin: 0;
}

.navbar-nav .dropdown-menu {
    width: auto;
    left: auto !important;
    border-radius: 0px !important;
    min-width: 250px;
    background: #fff !important;
}

.navbar-nav .mega-dropdown-menu {
    left: 0 !important;
    width: 100% !important;
    border-radius: 0px !important;
}

.dropdown .dropdown-menu > li > a {
    padding: 10px !important;
    white-space: normal !important;
    background: #fff !important;
    position: relative;
    font-size: 14px;
    color: #282828;
    border-bottom: 1px solid #ddd;
}

.dropdown .dropdown-menu > li:last-child > a {
    border-bottom: 0px;
}


@media (max-width:991px) {
    body {
        padding-top: 70px;
    }

    .header {
        margin-bottom: 0px;
        padding: 0px;
    }

        .header .hdr_left {
            width: 100% auto;
        }

        .header .hdr_right {
            width: 30px;
        }

    .logo-inline h2 {
        font-size: 18px;
    }

        .logo-inline h2 small {
            font-size: 12px;
        }

    .hdr_right .list-inline {
        display: none;
    }

    .hdr_left .logo-inline {
        padding: 0;
        margin: 0;
    }

    .logo img {
        height: 60px !important;
    }

    .header-menu {
        padding-left: 00px !important;
    }

    .navbar-offcanvas {
        padding: 0px !important;
    }

    .navbar-nav > li {
        border-bottom: 1px solid #ccc;
    }

    .nav > li > a {
        padding: 10px 20px 10px 10px !important;
        /*margin-right: 10px;*/
        line-height: 30px !important;
    }

    .navbar-nav .dropdown-menu {
        min-width: 100%;
    }

    .navbar-nav .open .dropdown-menu > li > a {
        padding: 10px !important;
    }

    .nav {
        padding-left: 0 !important;
    }

    #visual_container {
        top: 0px !important;
    }
}

@media (min-width:991px) and (max-width:1200px) {
    .nav > li > a {
        padding: 10px 15px 10px 0px !important;
        font-size: 12px;
    }
}


@media (max-width:500px) {
    .logo-inline h2 {
        font-size: 12px;
        padding-left: 0px;
    }

        .logo-inline h2 small {
            font-size: 10px;
        }
}

@media (max-width:360px) {
    body {
        padding-top: 60px;
    }
}

/*
=====================================================================================================================================================
FOOTER STYLE
=====================================================================================================================================================
*/
.footer {
    font-weight: normal;
    background: #1e1e1e;
    font-size: 13px;
    color: #fff;
}

.ftr_row {
    border-bottom: 1px solid rgba(255,255,255,0.1);
    padding: 20px 0px;
}

.footer h3, .footer h4 {
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    font-size: 1rem;
}

.footer a {
    color: #ddd;
}

    .footer a:hover {
        color: #fff;
    }

.footer .btn-primary {
    color: #1e1e1e;
}


.ftr_bottom {
    background: #eeeeee;
    color: #333;
}

    .ftr_bottom a {
        color: #333;
    }

        .ftr_bottom a:hover {
            color: #000;
        }

ul.ftr_links {
    padding: 0;
    margin: 0 0 20px 0;
    list-style: none;
}

    ul.ftr_links li {
        padding: 0px;
        margin: 0 5px 8px 0;
        list-style: none;
        line-height: normal;
    }

        ul.ftr_links li a {
            position: relative;
            padding-left: 13px;
            display: inline-block;
        }

            ul.ftr_links li a:before {
                content: "\f105";
                font-family: FontAwesome;
                top: 5px;
                left: 0px;
                text-decoration: none !important;
                position: absolute;
            }

        ul.ftr_links li > a:hover:before {
            text-decoration: none !important;
        }

.ftr_copy {
    text-align: right;
}

@media (max-width:1025px) {
    .ftr_top ul.list-inline > li {
        display: table;
        width: 100%;
    }

    .ftr_top .input-group {
        float: right;
    }
}

@media (max-width:992px) {
    .ftr_bottom, .ftr_copy {
        text-align: center;
    }
}

@media (max-width:767px) {
    .ftr_top ul.list-inline {
        text-align: center !important;
        margin-bottom: 10px;
    }

    .ftr_bottom, .ftr_copy, .ftr_middle {
        text-align: center;
    }

    .ftr_top .input-group {
        float: none;
        margin: 0 auto;
    }
}

/*
=====================================================================================================================================================
HOME BODY STYLE
=====================================================================================================================================================
*/


#visual_container {
    position: relative;
    background: #323232;
    top: 20px;
}

.home_row {
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
}

.body_content {
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
}

.home_row old {
    background: rgba(244,244,244,1);
    /* Old Browsers */ background: -moz-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(255,255,255,0) 100%);
    /* FF3.6+ */ background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(244,244,244,1)), color-stop(100%, rgba(255,255,255,0)));
    /* Chrome, Safari4+ */ background: -webkit-linear-gradient(top, rgba(244,244,244,1) 90%, rgba(255,255,255,0) 100%);
    /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(244,244,244,1) 90%, rgba(255,255,255,0) 100%);
    /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(255,255,255,0) 100%);
    /* IE 10+ */ background: linear-gradient(to bottom, rgba(244,244,244,1) 0%, rgba(255,255,255,0) 100%);
    /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff', GradientType=0 );
    /* IE6-9 */
}

.home_row img {
    max-width: 100%;
}

/*.home_row .panel {
    min-height: 310px;
    margin-top: -40px;
}*/

.list-media {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .list-media li {
        padding: 15px 15px;
        margin: 0;
        border-bottom: 1px solid #ccc;
    }

        .list-media li:last-child {
            border: none;
        }

    .list-media .list-title {
        font-weight: bold;
        margin-bottom: 5px;
    }

    .list-media .list-icon {
        color: #4c3da4;
    }

.magzine-box {
    background: #ffb71c;
    display: table;
    width: 100%;
    overflow: hidden;
}

    .magzine-box .magzine-icon, .magzine-box .magzine-data {
        display: table-cell;
        vertical-align: middle;
        padding: 0px 15px 15px;
        color: #fff;
        text-align: left;
        text-transform: uppercase;
    }

    .magzine-box .magzine-icon {
        width: 145px;
        font-size: 100px;
        text-align: center;
    }

.magzine-box-sm .magzine-icon {
    width: auto;
    font-size: 60px;
    text-align: center;
}

/*
=====================================================================================================================================================
BODY STYLE
=====================================================================================================================================================
*/
/*#body {
    padding: 0 0px 30px;
}*/



/*
=====================================================================================================================================================
SECTION COMMON DATA
=====================================================================================================================================================
*/
.section_heading {
    margin-bottom: 30px;
    min-height: 50px;
    padding: 12px 20px 10px;
    position: relative;
    background: #1e1e1e;
}

    .section_heading h2, .section_heading h1 {
        text-transform: uppercase;
        display: inline-block;
        font-weight: 700;
        font-size: 20px;
        padding: 0px;
        margin: 0;
        color: #fff;
    }


.section_visual {
    padding: 0px;
    background: #4c3da4;
    position: relative;
}

.section_pic {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    position: relative;
    background-position: center !important;
}

    .section_pic img {
        max-width: 100%;
    }


@media (max-width: 991px) {
}


/*
=====================================================================================================================================================
SUB MENU
=====================================================================================================================================================
*/
.submenu {
    margin-bottom: 30px;
}

ul.leftmenu {
    text-align: left;
    padding: 0;
    margin: 0px 0 15px 0 !important;
    border: 1px solid #ccc;
    position: relative;
}

    ul.leftmenu > li {
        padding: 0;
        margin: 0;
        list-style: none;
        border-bottom: 1px solid #ccc;
        position: relative;
    }

    ul.leftmenu a {
        display: block;
        text-decoration: none !important;
        color: #333;
        position: relative;
        padding: 10px 15px;
        -webkit-transition: all .3s ease 0s;
        -o-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
    }

        ul.leftmenu a:hover {
            color: #000;
        }

    ul.leftmenu > li.active a {
        color: #4c3da4;
        padding-right: 30px;
        font-weight: bold;
    }

        ul.leftmenu > li.active a:after {
            position: absolute;
            color: #4c3da4;
            font-size: 25px;
            right: 10px;
            top: 3px;
            vertical-align: middle;
            display: inline-block;
            content: "\f105";
            font-family: 'FontAwesome';
        }



@media (max-width:991px) {
    #offcanvas-subtoggle {
        background: #ffb71c !important;
        position: relative;
        margin-top: -75px;
    }

    .navbar-offcanvas-aside {
        padding-left: 0 !important;
        padding-right: 0px !important;
    }

    ul.leftmenu {
        margin: 0 !important;
    }

    .navbar-fixed-top {
        border-bottom: 1px solid #4F2A2B !important;
    }
}

@media (min-width:992px) {

    ul.leftmenu:before, ul.leftmenu:after {
        content: "";
        position: absolute;
        background: #ccc;
    }

    ul.leftmenu:before {
        width: 100%;
        height: 8px;
        bottom: -8px;
        right: 8px;
    }

    ul.leftmenu:after {
        width: 8px;
        height: 100%;
        top: 8px;
        left: -8px;
    }
}


.navbar-fixed-top {
    top: -3px !important;
}
/*
=====================================================================================================================================================
EVENTS
=====================================================================================================================================================
*/

.event-row {
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
    padding-bottom: 15px;
}

    .event-row h3 {
        margin-top: 0px;
        margin-bottom: 15px;
    }

.pic_data {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 10px;
}

    .pic_data img {
        max-width: 40% !important;
        border: solid 1px #ccc;
        float: left;
        margin-right: 15px;
    }

/*---------------------
About Section
-----------------------*/
.d-block {
    display: block !important;
}

.ticker-list {
    list-style: none;
    padding-left: 0;
}

    .ticker-list > li {
        padding-left: 15px;
        position: relative;
        margin-bottom: 8px;
    }

.text {
    font-size: 15px;
    line-height: 1.2;
    color: #000;
}

.ticker-list > li:before {
    content: "\f111";
    position: absolute;
    top: 3px;
    font-size: 9px;
    left: 0;
    font-family: FontAwesome;
}

.text-pad {
    padding: 20px 10px 10px 10px;
}

.h2 {
    margin-top: 10px !important;
}

@media (max-width: 767px) {
    .card-row .card {
        width: 100% !important;
    }
}
/*---------------------
Footer Section
-----------------------*/
.footer-section {
    background-color: #000064; /*#333;*/
    background-repeat: no-repeat;
    background-position: center 75px;
}

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}

.footer-section .footer-top {
    padding: 20px 15px;
}



/*.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}*/
.footer-widget {
    text-transform: uppercase;
	color: #ffffff;
}

    .footer-widget .about-widget img {
        margin-bottom: 5px;
    }

    .footer-widget .about-widget p {
        margin-bottom: 5px;
    }

    .footer-widget p, .footer-widget span {
        color: #ffffff;
        font-size: 14px;
        line-height: 25px;
    }

    .footer-widget .fw-title {
        text-transform: uppercase;
        color: #fff;
        margin-bottom: 25px;
        padding-top: 10px;
        font-size: 22px;
    }

    .footer-widget .dobule-link ul a {
        display: block;
        font-size: 14px;
        color: #ffffff;
        margin-bottom: 9px;
        margin-bottom: 8px;
    }

    .footer-widget .dobule-link ul {
        display: inline-block;
        padding-right: 25px;
    }

    .footer-widget ul {
        list-style: none;
    }

    .footer-widget p i {
        padding: 0 8px;
        font-size: 20px;
		
    }

.pt-1, .py-1 {
    padding-top: .25rem !important;
}

.footer-widget .social a {
    /*background: #f9413b;*/
    color: #f9413b;
    font-size: 30px;
    margin-right: 2px;
    padding: 5px;
}

.footer-section .copyright {
    border-top: 1px solid #a7a8a7;
    padding: 15px 0;
    text-align: center;
}

    .footer-section .copyright p {
        color: #ffffff;
        margin-bottom: 0;
        text-align: center;
    }

ul, ol {
    padding: 0;
    margin: 0;
}

.footer-section .copyright a {
    color: #ffffff;
}

.footer-widget a {
    color: #fff;
}
/*---------------------
Services Section
-----------------------*/

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

    .card > hr {
        margin-right: 0;
        margin-left: 0;
    }

    .card > .list-group:first-child .list-group-item:first-child {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem;
    }

    .card > .list-group:last-child .list-group-item:last-child {
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem;
    }

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.card-title {
    margin-bottom: .75rem;
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0;
}

.card-text:last-child {
    margin-bottom: 0;
}

.card-link:hover {
    text-decoration: none;
}

.card-link + .card-link {
    margin-left: 1.25rem;
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}

    .card-header:first-child {
        border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
    }

    .card-header + .list-group .list-group-item:first-child {
        border-top: 0;
    }

.card-footer {
    padding: .75rem 1.25rem;
    /*background-color: rgba(0,0,0,.03);*/
    border-bottom: 1px solid rgba(0,0,0,.125) !important;
}

    .card-footer:last-child {
        border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px);
    }

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0;
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem;
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
}

.card-img {
    width: 100%;
    border-radius: calc(.25rem - 1px);
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px);
}

.card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .card-deck .card {
        margin-bottom: 15px;
    }

@media (min-width:576px) {
    .card-deck {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px;
    }

        .card-deck .card {
            display: -ms-flexbox;
            display: flex;
            -ms-flex: 1 0 0%;
            flex: 1 0 0%;
            -ms-flex-direction: column;
            flex-direction: column;
            margin-right: 15px;
            margin-bottom: 0;
            margin-left: 15px;
        }
}

.card-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .card-group > .card {
        margin-bottom: 15px;
    }

@media (min-width:576px) {
    .card-group {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

        .card-group > .card {
            -ms-flex: 1 0 0%;
            flex: 1 0 0%;
            margin-bottom: 0;
        }

            .card-group > .card + .card {
                margin-left: 0;
                border-left: 0;
            }

            .card-group > .card:not(:last-child) {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
            }

                .card-group > .card:not(:last-child) .card-header, .card-group > .card:not(:last-child) .card-img-top {
                    border-top-right-radius: 0;
                }

                .card-group > .card:not(:last-child) .card-footer, .card-group > .card:not(:last-child) .card-img-bottom {
                    border-bottom-right-radius: 0;
                }

            .card-group > .card:not(:first-child) {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
            }

                .card-group > .card:not(:first-child) .card-header, .card-group > .card:not(:first-child) .card-img-top {
                    border-top-left-radius: 0;
                }

                .card-group > .card:not(:first-child) .card-footer, .card-group > .card:not(:first-child) .card-img-bottom {
                    border-bottom-left-radius: 0;
                }
}

.card-columns .card {
    margin-bottom: .75rem;
}

@media (min-width:576px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }

        .card-columns .card {
            display: inline-block;
            width: 100%;
        }
}

.card-intl {
    background: #fff !important; /*#ececec   #b3e5fc*/
}

.card-dom {
    background: #a5d6a7;
}

.card-row .col-12 {
    padding-bottom: 50px;
}

.card-row .card {
    border: 0px;
    box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
    height: 100%;
    width: 90%;
    /*text-align: center;*/
}

.clshover :hover {
    box-shadow: 0px 2px 18px 0px rgba(0, 0, 100, 0.7);
}

.card-row .card-body {
    padding: 10px 15px;
    height: 134px;
    /*overflow:auto;*/
}
/*.card-row :hover {
    height: 275px;
}*/

.card-row .card-footer {
    border-top: 0px;
    text-align: center;
    margin-top: 7px;
}

.card-body p {
    margin-bottom: 0px;
    line-height: 180%;
    font-size: 25px;
}

    .card-body p a {
        color: red;
    }

.card-title {
    margin-top: 0px !important;
    color: #f9413b;
    margin-bottom: 5px;
    font-size: 25px;
    /*text-shadow: 2px 1px #999;*/
}

.card-text {
    /*font-weight: bold;*/
}
/*form coluring scrollbar*/
/* width */
::-webkit-scrollbar {
    width: 5px;
}
/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #ccc;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #999;
    }
/*form coluring scrollbar*/
/*---------------------
Gallery Home Section
-----------------------*/

.slider img {
    width: 100%;
    height: auto;
    /*padding: 5px;*/
}


.slick-dots {
    text-align: center;
    margin: 0 0 10px 0;
    padding: 0;
}

    .slick-dots li {
        display: inline-block;
        margin-left: 4px;
        margin-right: 4px;
    }

        .slick-dots li.slick-active button {
            background-color: black;
        }

        .slick-dots li button {
            font: 0/0 a;
            text-shadow: none;
            color: transparent;
            background-color: #999;
            border: none;
            width: 15px;
            height: 15px;
            border-radius: 50%;
        }

        .slick-dots li :hover {
            background-color: black;
        }

.slider div {
    padding: 5px;
}

.slider-img {
    border: 0.5px solid #ccc;
}
/* Custom Arrow */
.prev {
    color: #999;
    position: absolute;
    top: 38%;
    left: -2em;
    font-size: 1.5em;
}

    .prev :hover {
        cursor: pointer;
        color: black;
    }

.next {
    color: #999;
    position: absolute;
    top: 38%;
    right: -2em;
    font-size: 1.5em;
}

    .next :hover {
        cursor: pointer;
        color: black;
    }

@media screen and (max-width: 800px) {
    .next {
        display: none !important;
    }
}

/*---------------------
Xenium Staff Section
-----------------------*/

/* Like Slider */
ul.like_list {
    text-align: left;
    padding: 0;
    margin: 0;
}

    ul.like_list > li {
        padding: 5px;
        margin: 0;
        list-style: none;
        display: inline-block;
    }



.items_container .bx-wrapper {
    margin: 0 auto 30px !important;
}

    .items_container .bx-wrapper .bx-prev {
        left: 6px !important;
        box-shadow: 1px 2px 10px -1px rgba(0,0,0,.3);
        background-color: #000064;
        padding: 20px 0 60px;
    }



        .items_container .bx-wrapper .bx-prev:before {
            content: "\f104";
            font-family: 'FontAwesome';
            color: #fff !important;
            font-size: 30px;
        }

    .items_container .bx-wrapper .bx-next {
        right: 5px;
        box-shadow: 1px 2px 10px -1px rgba(0,0,0,.3);
        background-color: #000064;
        padding: 20px 0 60px;
    }

        .items_container .bx-wrapper .bx-next:before {
            content: "\f105";
            font-family: 'FontAwesome';
            color: #fff !important;
            font-size: 30px;
            margin-left: 5px;
        }

    .items_container .bx-wrapper .bx-controls-direction a {
        text-align: center;
        text-decoration: none;
        text-indent: 0px !important;
        z-index: 99 !important;
    }

.items_container .bx-controls-direction a.disabled {
    display: block !important;
    opacity: 0.3;
    cursor: not-allowed;
}

.margin-top {
    margin-top: 50px;
}

/*product-list*/

.prod_box {
    display: block;
    text-decoration: none;
    position: relative;
    margin-bottom: 15px;
}

.prod_box {
    -webkit-animation: fadeInUp 1000ms ease;
    -moz-animation: fadeInUp 1000ms ease;
    -ms-animation: fadeInUp 1000ms ease;
    -webkit-transition: all .50s ease;
    -moz-transition: all .50s ease;
    -ms-transition: all .50s ease;
    -o-transition: all .50s ease;
    transition: all .50s ease;
}

    .prod_box:hover {
        box-shadow: 0px 5px 5px #666;
    }

    .prod_box figure {
        text-align: center;
    }

        .prod_box figure img {
            max-width: 100%;
            position: relative;
            z-index: 0;
            /*border: 1px solid #e7e7e7;*/
        }

    .prod_box figcaption {
        /*padding: 6px;*/
        background: rgba(255,255,255,0.3);
        position: relative;
        text-align: left;
        border: 1px solid #ef3876;
        -webkit-transition: all .300s ease;
        -moz-transition: all .300s ease;
        -ms-transition: all .300s ease;
        -o-transition: all .300s ease;
        transition: all .300s ease;
        COLOR: #000;
    }

        .prod_box figcaption h2 {
            color: #fff;
            font-weight: 600;
            line-height: normal;
            margin: 0;
            background-color: #fa413c;
            height: 75px;
            line-height: 25px;
            font-size: 18px;
            padding-top: 10px;
        }

    .prod_box a {
        text-decoration: none;
        color: #646464;
    }

    .prod_box figcaption:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transform: scaleY(0);
        transform-origin: top center;
        background: #fff;
        z-index: -1;
        transition: transform 0.3s;
    }

    .prod_box:hover figcaption:after {
        transform: scaleY(1);
    }




    .prod_box .prod_price {
        font-size: 18px;
        color: #323232;
    }

        .prod_box .prod_price .strikethrough {
            font-size: 14px;
            text-decoration: line-through;
            color: #000;
            margin-left: 10px;
        }

    .prod_box .prod_cart {
        text-align: right;
    }

        .prod_box .prod_cart a {
            color: #666666;
            background: transparent !important;
        }

            .prod_box .prod_cart a .fa-heart:before {
                content: "\f004";
                color: #ed6802;
            }

            .prod_box .prod_cart a:hover {
                color: #00a65a;
                background: #fff !important;
            }

            .prod_box .prod_cart a:focus {
                color: #00a65a;
                background: #fff !important;
            }

            .prod_box .prod_cart a:active {
                color: #00a65a;
                background: #fff;
            }

            .prod_box .prod_cart a .fa {
                margin-right: 0 !important;
            }

.pic_wrap {
    position: relative;
    background: #fff;
    overflow: hidden;
}

    .pic_wrap img {
        margin: 0 auto;
        width: 100%;
    }

ul.list-table {
    padding: 0;
    margin: 0;
    list-style: none;
    display: table;
    width: 100%;
}

    ul.list-table li {
        padding: 0;
        margin: 0;
        list-style: none;
        display: table-cell;
        width: auto;
        vertical-align: middle;
    }
/*product-list*/
/* :: PRODUCTS in home page:: =================================================== */

ul.prod_list {
    padding: 0;
    margin: 0;
    list-style: none;
    float: left;
    width: 100%;
    text-align: center;
}

    ul.prod_list > li {
        padding: 0;
        margin: 0 15px 30px;
        list-style: none;
        max-width: 200px;
        display: inline-block;
        vertical-align: top;
    }

    ul.prod_list .prod_thumb {
        padding: 0px;
        margin: 0 auto;
        position: relative;
        border: 1px solid #ddd;
    }

    ul.prod_list img {
        max-width: 100%;
    }

    ul.prod_list li .prod_name {
        padding: 5px;
        text-align: center;
        background-color: #593698;
    }

        ul.prod_list li .prod_name h2 {
            font-size: 18px;
            color: #fff;
        }

    ul.prod_list li a {
        display: block;
        text-decoration: none;
    }

.prod_pic_slider, .prod_pic_slider li {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .prod_pic_slider img {
        max-width: 100%;
    }

.cont-font {
    font-size: 28px !important;
}

/*---------------------
Testimonial Section
-----------------------*/
.gallery-cell {
    width: 100%;
}

.testimonial {
    text-align: center;
    /*max-width: 850px;*/
    /*margin: 90px auto 100px auto;*/
    margin: 10px auto 10px auto;
    padding: 0 20px;
}

.testimonial-avatar {
    width: 100px;
    border-radius: 50%;
}

.testimonial-quote {
    display: block;
    font-size: 15px;
    font-weight: 300;
    padding: 10px 0;
    color: #fff;
    line-height: 25px;
}

.testimonial-author {
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}

.flickity-page-dots {
    /*bottom: 25px;*/
    bottom: 20px !important;
}

    .flickity-page-dots .dot.is-selected {
        background: #fff;
    }
/*---------------------
heading Section
-----------------------*/
.heading {
    text-align: center;
    color: #454343;
    font-size: 23px;
    font-weight: 700;
    position: relative;
    margin-bottom: 5px !important;
    text-transform: uppercase;
    z-index: 999;
}

.white-heading {
    color: #000064;
}

.heading:after {
    content: ' ';
    position: absolute;
    top: 100%;
    left: 50%;
    width: 90px;
    height: 8px;
    border-radius: 4px;
    transform: translateX(-50%);
    background: url(img/heading-line.png);
    background-repeat: no-repeat;
    background-position: center;
}

.white-heading:after {
    /*background-image: url('../images/heading-line.jpg');*/
    background-repeat: no-repeat;
    background-position: center;
}

.seemore {
    background: #fff;
    color: #000;
    font-weight: 700;
    font-size: 14px;
    padding: 10px 35px 10px 10px;
}

/*collapse*/
.collapse {
    display: none;
}

.cls-collapse.collapsed .fa-caret-up {
    display: none;
}

.cls-collapse.collapsed .fa-caret-down {
    display: inline-block;
}

.cls-collapse .fa-caret-down {
    display: none;
}

.collapse.in {
    display: block;
}
/*collapse*/
.fontsegoi {
    font-family: "Segoe UI" !important;
}
