html {
    margin: 0
}


body {
    /*font-family: 'Open Sans', sans-serif;*/
    background-color: #fff;
    margin: 0;
    padding: 0;
    /*font-size: 14px;
    line-height: 28px;*/
    color: #444;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility
}


    body .h1, body .h2, body .h3, body .h4, body .h5, body .h6, body h1, body h2, body h3, body h4, body h5, body h6 {
        text-rendering: optimizelegibility;
        /*font-family: Lato, sans-serif;*/
        color: #2a2a2a;
        font-weight: bold;
    }


a {
    color: #3498db;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}


    a:hover {
        text-decoration: none
    }


hr.medium {
    margin-top: 40px;
    margin-bottom: 40px
}


hr.tall {
    margin-top: 60px;
    margin-bottom: 60px
}


hr.dotted {
    border-top: 3px dotted #eee
}


hr.dashed {
    border-top: 3px dashed #eee
}


hr.double {
    border-top: 3px double #eee
}


img.pull-left {
    margin: 0 20px 10px 0
}


img.pull-right {
    margin: 0 0 10px 20px
}


section {
    background-color: #fff
}


body.boxed {
    background-color: #3498db;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat
}


    body.boxed section, body.wide section {
        background-color: #fff
    }


    body.boxed .wrapper {
        max-width: 1170px;
        margin: 50px auto
    }


@media only screen and (max-width:992px) {
    body.boxed .wrapper {
        margin-top: 0;
        margin-bottom: 0
    }
}


::selection {
    background-color: #3498db;
    color: #fff
}


::-moz-selection {
    background-color: #3498db;
    color: #fff
}


::-o-selection {
    background-color: #3498db;
    color: #fff
}


::-ms-selection {
    background-color: #3498db;
    color: #fff
}


::-webkit-selection {
    background-color: #3498db;
    color: #fff
}


.form-control {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    behavior: url(img/PIE.htc);
    box-shadow: none
}


label {
    color: #222
}


.color-theme {
    color: #3498db
}


.bg-fixed {
    background-repeat: no-repeat;
    background-attachment: fixed !important;
    background-position: center
}


.image-v1 {
    background: url(../img/background_v1.jpg) center center no-repeat;
    -moz-background-size: cover;
    background-size: cover
}


.image-v2 {
    background: url(../img/background_v2.jpg) center center no-repeat;
    -moz-background-size: cover;
    background-size: cover
}


.image-v3 {
    background: url(../img/background_v3.jpg) center center no-repeat;
    -moz-background-size: cover;
    background-size: cover
}


.image-v4 {
    background: url(../img/background_v4.jpg) center center no-repeat;
    -moz-background-size: cover;
    background-size: cover
}


.image-v8 {
    background: url(../img/contruction/bg1.jpg) center center no-repeat;
    -moz-background-size: cover;
    background-size: cover
}


.darken {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/trans-dot.png) top left
}


.clearfix {
    clear: both
}


.dropcap {
    float: left;
    color: #3498db;
    padding: 5px 0;
    font-size: 45px;
    line-height: 30px;
    margin: 0 5px 0 0
}


.dropcap-square {
    float: left;
    background-color: #3498db;
    color: #fff;
    padding: 8px;
    font-size: 45px;
    line-height: 30px;
    margin: 0 5px 0 0
}


.dropcap-rounded {
    float: left;
    background-color: #3498db;
    color: #fff;
    padding: 8px;
    font-size: 45px;
    line-height: 30px;
    margin: 0 5px 0 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    behavior: url(img/PIE.htc)
}


.dropcap-circle {
    float: left;
    background-color: #3498db;
    color: #fff;
    padding: 6px;
    font-size: 45px;
    line-height: 30px;
    margin: 0 5px 0 0;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    behavior: url(img/PIE.htc)
}


.banner-v1 {
    background: url(../img/banner/banner_v1.jpg) center center no-repeat;
    -moz-background-size: cover;
    background-size: cover
}


.banner-v2 {
    background: url(../img/banner/banner_v2.jpg) center center no-repeat;
    -moz-background-size: cover;
    background-size: cover
}


.banner-v3 {
    background: url(../img/banner/banner_v3.jpg) center center no-repeat;
    -moz-background-size: cover;
    background-size: cover
}


.banner-v4 {
    background: url(../img/banner/banner_v4.jpg) center center no-repeat;
    -moz-background-size: cover;
    background-size: cover
}


.banner-v5 {
    background: url(../img/banner/banner_v5.jpg) center center no-repeat;
    -moz-background-size: cover;
    background-size: cover
}


.banner-v6 {
    background: url(../img/banner/banner_v6.jpg) center center no-repeat;
    -moz-background-size: cover;
    background-size: cover
}


.banner-v7 {
    background: url(../img/banner/banner_v7.jpg) center center no-repeat;
    -moz-background-size: cover;
    background-size: cover
}


.banner-v8 {
    background: url(../img/banner/banner_v8.jpg) center center no-repeat;
    -moz-background-size: cover;
    background-size: cover
}


.banner-v9 {
    background: url(../img/banner/banner_v9.jpg) center center no-repeat;
    -moz-background-size: cover;
    background-size: cover
}


.banner-v10 {
    background: url(../img/banner/banner_v10.jpg) center center no-repeat;
    -moz-background-size: cover;
    background-size: cover
}


.static-banner {
    position: relative;
    width: 100%;
    height: 780px;
    display: table
}


    .static-banner .banner-content {
        display: table-cell;
        vertical-align: middle
    }


        .static-banner .banner-content h1 {
            font-size: 75px;
            color: #fff;
            font-weight: 700;
            text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)
        }


        .static-banner .banner-content p {
            font-size: 24px;
            color: #fff;
            text-shadow: 1px 1px 1px rgba(0, 0, 0, .3)
        }


.static-banner-full {
    position: relative;
    width: 100%;
    height: 100vh;
    display: table
}


    .static-banner-full .banner-content {
        display: table-cell;
        vertical-align: middle
    }


        .static-banner-full .banner-content h1 {
            font-size: 75px;
            color: #fff;
            font-weight: 700;
            text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)
        }


        .static-banner-full .banner-content p {
            font-size: 24px;
            color: #fff;
            line-height: 31px;
            text-shadow: 1px 1px 1px rgba(0, 0, 0, .3)
        }


@media (max-width:480px) {
    .static-banner .banner-content h1, .static-banner-full .banner-content h1 {
        font-size: 48px
    }
}


.btn-banner {
    width: 64px;
    height: 64px;
    line-height: 64px;
    font-size: 32px;
    border: 2px solid #fff;
    display: inline-block;
    text-align: center;
    margin-top: 50px;
    background: rgba(0, 0, 0, .05)
}


    .btn-banner i {
        color: #fff
    }


    .btn-banner:hover {
        background-color: rgba(255, 255, 255, .3)
    }


.video-banner {
    position: relative;
    background: #000
}


.fullscreen-bg__video {
    width: 100%;
    height: 100%
}


.video-content {
    position: absolute;
    top: 30%;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    display: table-cell;
    vertical-align: middle
}


    .video-content h1 {
        font-size: 75px;
        color: #fff;
        font-weight: 700;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)
    }


    .video-content p {
        font-size: 24px;
        color: #fff;
        margin-bottom: 50px;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, .3)
    }


@media (max-width:768px) {
    .video-content h1 {
        font-size: 50px
    }


    .video-content p {
        margin-bottom: 20px
    }
}


@media (max-width:568px) {
    .video-content h1 {
        font-size: 26px
    }


    .video-content p {
        font-size: 16px
    }


    .video-content .btn-banner {
        width: 36px;
        height: 36px;
        line-height: 36px;
        font-size: 21px
    }
}


.flexslider .slides > li {
    position: relative
}


.flex-caption {
    bottom: 30px;
    background-color: rgba(0, 0, 0, .6);
    color: #fff;
    margin: 0;
    padding: 25px 25px 25px 30px;
    position: absolute;
    left: 30px;
    width: 295px
}


    .flex-caption h3 {
        color: #fff;
        letter-spacing: 1px;
        margin-bottom: 8px;
        text-transform: uppercase
    }


    .flex-caption p {
        font-size: 14px !important;
        line-height: 22px;
        font-weight: 300;
        color: #fff
    }


.color-white {
    color: #fff !important
}


.color-black {
    color: #3a3a3a
}


.btn, .btn-group-sm > .btn, .btn-sm {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    behavior: url(img/PIE.htc)
}


.btn-theme {
    background-color: #3498db;
    color: #fff
}


    .btn-theme .open > .dropdown-toggle.btn-theme, .btn-theme.active, .btn-theme:active, .btn-theme:focus, .btn-theme:hover {
        background-color: rgba(46, 141, 239, .85);
        color: #fff !important
    }


.btn-white {
    background-color: #fff;
    color: #3a3a3a
}


    .btn-white .open > .dropdown-toggle.btn-white, .btn-white.active, .btn-white:active, .btn-white:focus, .btn-white:hover {
        color: #fff;
        background-color: rgba(46, 141, 239, .85)
    }


.btn-green {
    background-color: #2ecc71;
    color: #fff
}


    .btn-green .open > .dropdown-toggle.btn-green, .btn-green.active, .btn-green:active, .btn-green:focus, .btn-green:hover {
        color: #fff;
        background-color: rgba(0, 166, 0, .85)
    }


    .btn-green.raised {
        box-shadow: 0 3px 0 0 #007300
    }


        .btn-green.raised.active, .btn-green.raised:active {
            box-shadow: none;
            margin-bottom: -3px;
            margin-top: 3px
        }


.btn-blue {
    background-color: #3498db;
    color: #fff
}


    .btn-blue .open > .dropdown-toggle.btn-blue, .btn-blue.active, .btn-blue:active, .btn-blue:focus, .btn-blue:hover {
        color: #fff;
        background-color: rgba(46, 141, 239, .85)
    }


    .btn-blue.raised {
        box-shadow: 0 3px 0 0 #1173d9
    }


        .btn-blue.raised.active, .btn-blue.raised:active {
            box-shadow: none;
            margin-bottom: -3px;
            margin-top: 3px
        }


.btn-orange {
    background-color: #e74c3c;
    color: #fff
}


    .btn-orange .open > .dropdown-toggle.btn-orange, .btn-orange.active, .btn-orange:active, .btn-orange:focus, .btn-orange:hover {
        color: #fff;
        background-color: rgba(220, 87, 46, .85)
    }


    .btn-orange.raised {
        box-shadow: 0 3px 0 0 #b8431f
    }


        .btn-orange.raised.active, .btn-orange.raised:active {
            box-shadow: none;
            margin-bottom: -3px;
            margin-top: 3px
        }


.btn-red {
    background-color: #bf1e4b;
    color: #fff
}


    .btn-red .open > .dropdown-toggle.btn-red, .btn-red.active, .btn-red:active, .btn-red:focus, .btn-red:hover {
        color: #fff;
        background-color: rgba(191, 30, 75, .85)
    }


    .btn-red.raised {
        box-shadow: 0 3px 0 0 #93173a
    }


        .btn-red.raised.active, .btn-red.raised:active {
            box-shadow: none;
            margin-bottom: -3px;
            margin-top: 3px
        }


.btn-light {
    background-color: #ecf0f1;
    color: #3a3a3a
}


    .btn-light .open > .dropdown-toggle.btn-light, .btn-light.active, .btn-light:active, .btn-light:focus, .btn-light:hover {
        color: #3a3a3a;
        background-color: rgba(236, 240, 241, .85)
    }


    .btn-light.raised {
        box-shadow: 0 3px 0 0 #cfd9db
    }


        .btn-light.raised.active, .btn-light.raised:active {
            box-shadow: none;
            margin-bottom: -3px;
            margin-top: 3px
        }


.btn-purple {
    background-color: #a700ae;
    color: #fff
}


    .btn-purple .open > .dropdown-toggle.btn-purple, .btn-purple.active, .btn-purple:active, .btn-purple:focus, .btn-purple:hover {
        color: #fff;
        background-color: rgba(167, 0, 174, .85)
    }


    .btn-purple.raised {
        box-shadow: 0 3px 0 0 #76007b
    }


        .btn-purple.raised.active, .btn-purple.raised:active {
            box-shadow: none;
            margin-bottom: -3px;
            margin-top: 3px
        }


.btn-aqua {
    background-color: #27d7e7;
    color: #fff
}


    .btn-aqua .open > .dropdown-toggle.btn-aqua, .btn-aqua.active, .btn-aqua:active, .btn-aqua:focus, .btn-aqua:hover {
        color: #fff;
        background-color: rgba(39, 215, 231, .85)
    }


    .btn-aqua.raised {
        box-shadow: 0 3px 0 0 #16b6c5
    }


        .btn-aqua.raised.active, .btn-aqua.raised:active {
            box-shadow: none;
            margin-bottom: -3px;
            margin-top: 3px
        }


.btn-brown {
    background-color: #9c8061;
    color: #fff
}


    .btn-brown .open > .dropdown-toggle.btn-brown, .btn-brown.active, .btn-brown:active, .btn-brown:focus, .btn-brown:hover {
        color: #fff;
        background-color: rgba(156, 128, 97, .85)
    }


    .btn-brown.raised {
        box-shadow: 0 3px 0 0 #7d664d
    }


        .btn-brown.raised.active, .btn-brown.raised:active {
            box-shadow: none;
            margin-bottom: -3px;
            margin-top: 3px
        }


.btn-dark-blue {
    background-color: #2672ec;
    color: #fff
}


    .btn-dark-blue .open > .dropdown-toggle.btn-dark-blue, .btn-dark-blue.active, .btn-dark-blue:active, .btn-dark-blue:focus, .btn-dark-blue:hover {
        color: #fff;
        background-color: rgba(38, 114, 236, .85)
    }


    .btn-dark-blue.raised {
        box-shadow: 0 3px 0 0 #125acd
    }


        .btn-dark-blue.raised.active, .btn-dark-blue.raised:active {
            box-shadow: none;
            margin-bottom: -3px;
            margin-top: 3px
        }


.btn-light-green {
    background-color: #79d5b3;
    color: #fff
}


    .btn-light-green .open > .dropdown-toggle.btn-light-green, .btn-light-green.active, .btn-light-green:active, .btn-light-green:focus, .btn-light-green:hover {
        color: #fff;
        background-color: rgba(121, 213, 179, .85)
    }


    .btn-light-green.raised {
        box-shadow: 0 3px 0 0 #52c99d
    }


        .btn-light-green.raised.active, .btn-light-green.raised:active {
            box-shadow: none;
            margin-bottom: -3px;
            margin-top: 3px
        }


.btn-dark-red {
    background-color: #a10f2b;
    color: #fff
}


    .btn-dark-red .open > .dropdown-toggle.btn-dark-red, .btn-dark-red.active, .btn-dark-red:active, .btn-dark-red:focus, .btn-dark-red:hover {
        color: #fff;
        background-color: rgba(161, 15, 43, .85)
    }


    .btn-dark-red.raised {
        box-shadow: 0 3px 0 0 #720b1f
    }


        .btn-dark-red.raised.active, .btn-dark-red.raised:active {
            box-shadow: none;
            margin-bottom: -3px;
            margin-top: 3px
        }


.btn-teal {
    background-color: #00a0b1;
    color: #fff
}


    .btn-teal .open > .dropdown-toggle.btn-teal, .btn-teal.active, .btn-teal:active, .btn-teal:focus, .btn-teal:hover {
        color: #fff;
        background-color: rgba(0, 160, 177, .85)
    }


    .btn-teal.raised {
        box-shadow: 0 3px 0 0 #00727e
    }


        .btn-teal.raised.active, .btn-teal.raised:active {
            box-shadow: none;
            margin-bottom: -3px;
            margin-top: 3px
        }


.btn-dark {
    background-color: #2b2b2b;
    color: #fff
}


    .btn-dark .open > .dropdown-toggle.btn-teal, .btn-dark.active, .btn-dark:active, .btn-dark:focus, .btn-dark:hover {
        color: #fff;
        background-color: rgba(43, 43, 43, .85)
    }


    .btn-dark.raised {
        box-shadow: 0 3px 0 0 #121212
    }


        .btn-dark.raised.active, .btn-dark.raised:active {
            box-shadow: none;
            margin-bottom: -3px;
            margin-top: 3px
        }


.btn-theme-transparent {
    border: 1px solid #3498db;
    color: #3498db;
    background-color: transparent
}


    .btn-theme-transparent .open > .dropdown-toggle.btn-theme-transparent, .btn-theme-transparent.active, .btn-theme-transparent:active, .btn-theme-transparent:focus, .btn-theme-transparent:hover {
        color: #fff;
        background-color: #3498db
    }


.btn-white-transparent {
    border: 1px solid #fff;
    color: #fff;
    background-color: transparent
}


    .btn-white-transparent .open > .dropdown-toggle.btn-white-transparent, .btn-white-transparent.active, .btn-white-transparent:active, .btn-white-transparent:focus, .btn-white-transparent:hover {
        color: #fff;
        background-color: #3498db
    }


.btn-green-transparent {
    border: 1px solid #2ecc71;
    color: #2ecc71;
    background-color: transparent
}


    .btn-green-transparent .open > .dropdown-toggle.btn-green-transparent, .btn-green-transparent.active, .btn-green-transparent:active, .btn-green-transparent:focus, .btn-green-transparent:hover {
        color: #fff;
        background-color: #2ecc71
    }


.btn-blue-transparent {
    border: 1px solid #3498db;
    color: #3498db;
    background-color: transparent
}


    .btn-blue-transparent .open > .dropdown-toggle.btn-blue-transparent, .btn-blue-transparent.active, .btn-blue-transparent:active, .btn-blue-transparent:focus, .btn-blue-transparent:hover {
        color: #fff;
        background-color: #3498db
    }


.btn-orange-transparent {
    border: 1px solid #e74c3c;
    color: #e74c3c;
    background-color: transparent
}


    .btn-orange-transparent .open > .dropdown-toggle.btn-orange-transparent, .btn-orange-transparent.active, .btn-orange-transparent:active, .btn-orange-transparent:focus, .btn-orange-transparent:hover {
        color: #fff;
        background-color: #e74c3c
    }


.btn-red-transparent {
    border: 1px solid #bf1e4b;
    color: #bf1e4b;
    background-color: transparent
}


    .btn-red-transparent .open > .dropdown-toggle.btn-red-transparent, .btn-red-transparent.active, .btn-red-transparent:active, .btn-red-transparent:focus, .btn-red-transparent:hover {
        color: #fff;
        background-color: #bf1e4b
    }


.btn-light-transparent {
    border: 1px solid #ecf0f1;
    color: #ecf0f1;
    background-color: transparent
}


    .btn-light-transparent .open > .dropdown-toggle.btn-light-transparent, .btn-light-transparent.active, .btn-light-transparent:active, .btn-light-transparent:focus, .btn-light-transparent:hover {
        color: #3a3a3a;
        background-color: #3498db
    }


.btn-purple-transparent {
    border: 1px solid #a700ae;
    color: #a700ae;
    background-color: transparent
}


    .btn-purple-transparent .open > .dropdown-toggle.btn-purple-transparent, .btn-purple-transparent.active, .btn-purple-transparent:active, .btn-purple-transparent:focus, .btn-purple-transparent:hover {
        color: #fff;
        background-color: #a700ae
    }


.btn-aqua-transparent {
    border: 1px solid #27d7e7;
    color: #27d7e7;
    background-color: transparent
}


    .btn-aqua-transparent .open > .dropdown-toggle.btn-aqua-transparent, .btn-aqua-transparent.active, .btn-aqua-transparent:active, .btn-aqua-transparent:focus, .btn-aqua-transparent:hover {
        color: #fff;
        background-color: #27d7e7
    }


.btn-brown-transparent {
    border: 1px solid #9c8061;
    color: #9c8061;
    background-color: transparent
}


    .btn-brown-transparent .open > .dropdown-toggle.btn-brown-transparent, .btn-brown-transparent.active, .btn-brown-transparent:active, .btn-brown-transparent:focus, .btn-brown-transparent:hover {
        color: #fff;
        background-color: #9c8061
    }


.btn-dark-blue-transparent {
    border: 1px solid #2672ec;
    color: #2672ec;
    background-color: transparent
}


    .btn-dark-blue-transparent .open > .dropdown-toggle.btn-dark-blue-transparent, .btn-dark-blue-transparent.active, .btn-dark-blue-transparent:active, .btn-dark-blue-transparent:focus, .btn-dark-blue-transparent:hover {
        color: #fff;
        background-color: #2672ec
    }


.btn-light-green-transparent {
    border: 1px solid #79d5b3;
    color: #79d5b3;
    background-color: transparent
}


    .btn-light-green-transparent .open > .dropdown-toggle.btn-light-green-transparent, .btn-light-green-transparent.active, .btn-light-green-transparent:active, .btn-light-green-transparent:focus, .btn-light-green-transparent:hover {
        color: #fff;
        background-color: #79d5b3
    }


.btn-dark-red-transparent {
    border: 1px solid #a10f2b;
    color: #a10f2b;
    background-color: transparent
}


    .btn-dark-red-transparent .open > .dropdown-toggle.btn-dark-red-transparent, .btn-dark-red-transparent.active, .btn-dark-red-transparent:active, .btn-dark-red-transparent:focus, .btn-dark-red-transparent:hover {
        color: #fff;
        background-color: #a10f2b
    }


.btn-teal-transparent {
    border: 1px solid #00a0b1;
    color: #00a0b1;
    background-color: transparent
}


    .btn-teal-transparent .open > .dropdown-toggle.btn-teal-transparent, .btn-teal-transparent.active, .btn-teal-transparent:active, .btn-teal-transparent:focus, .btn-teal-transparent:hover {
        color: #fff;
        background-color: #00a0b1
    }


.btn-dark-transparent {
    border: 1px solid #2b2b2b;
    color: #2b2b2b;
    background-color: transparent
}


    .btn-dark-transparent .open > .dropdown-toggle.btn-dark-transparent, .btn-dark-transparent.active, .btn-dark-transparent:active, .btn-dark-transparent:focus, .btn-dark-transparent:hover {
        color: #fff;
        background-color: #2b2b2b
    }


.btn-social {
    position: relative;
    padding-left: 44px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 10px;
    min-width: 200px
}


ul.social-vlist > li {
    display: block;
    margin-bottom: 6px
}


.btn-social, .btn-social-icon {
    -webkit-transition-property: scale;
    -webkit-transition-duration: .2s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition: all .2s ease-in-out
}


    .btn-social-icon:hover, .btn-social:hover {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05)
    }


    .btn-social :first-child {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 32px;
        line-height: 34px;
        font-size: 1.6em;
        text-align: center;
        border-right: 1px solid rgba(0, 0, 0, .2)
    }


    .btn-social.btn-lg {
        padding-left: 61px
    }


        .btn-social.btn-lg :first-child {
            line-height: 45px;
            width: 45px;
            font-size: 1.8em
        }


    .btn-social.btn-sm {
        padding-left: 38px
    }


        .btn-social.btn-sm :first-child {
            line-height: 28px;
            width: 28px;
            font-size: 1.4em
        }


    .btn-social.btn-xs {
        padding-left: 30px
    }


        .btn-social.btn-xs :first-child {
            line-height: 20px;
            width: 20px;
            font-size: 1.2em
        }


.btn-social-icon {
    position: relative;
    padding-left: 44px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 34px;
    width: 34px;
    padding-left: 0;
    padding-right: 0
}


    .btn-social-icon :first-child {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        line-height: 34px;
        font-size: 1.6em
    }


    .btn-social-icon.btn-lg {
        padding-left: 61px
    }


        .btn-social-icon.btn-lg :first-child {
            line-height: 45px;
            width: 45px;
            font-size: 1.8em
        }


    .btn-social-icon.btn-sm {
        padding-left: 38px
    }


        .btn-social-icon.btn-sm :first-child {
            line-height: 28px;
            width: 28px;
            font-size: 1.4em
        }


    .btn-social-icon.btn-xs {
        padding-left: 30px
    }


        .btn-social-icon.btn-xs :first-child {
            line-height: 20px;
            width: 20px;
            font-size: 1.2em
        }


    .btn-social-icon :first-child {
        border: none;
        text-align: center;
        width: 100% !important
    }


    .btn-social-icon.btn-lg {
        height: 45px;
        width: 45px;
        padding-left: 0;
        padding-right: 0
    }


    .btn-social-icon.btn-sm {
        height: 30px;
        width: 30px;
        padding-left: 0;
        padding-right: 0
    }


    .btn-social-icon.btn-xs {
        height: 22px;
        width: 22px;
        padding-left: 0;
        padding-right: 0
    }


.btn-bitbucket {
    color: #fff;
    background-color: #205081;
    border-color: rgba(0, 0, 0, .2)
}


    .btn-bitbucket.active, .btn-bitbucket:active, .btn-bitbucket:focus, .btn-bitbucket:hover, .open .dropdown-toggle.btn-bitbucket {
        color: #fff;
        background-color: #183c60;
        border-color: rgba(0, 0, 0, .2)
    }


    .btn-bitbucket.active, .btn-bitbucket:active, .open .dropdown-toggle.btn-bitbucket {
        background-image: none
    }


    .btn-bitbucket.disabled, .btn-bitbucket.disabled.active, .btn-bitbucket.disabled:active, .btn-bitbucket.disabled:focus, .btn-bitbucket.disabled:hover, .btn-bitbucket[disabled], .btn-bitbucket[disabled].active, .btn-bitbucket[disabled]:active, .btn-bitbucket[disabled]:focus, .btn-bitbucket[disabled]:hover, fieldset[disabled] .btn-bitbucket, fieldset[disabled] .btn-bitbucket.active, fieldset[disabled] .btn-bitbucket:active, fieldset[disabled] .btn-bitbucket:focus, fieldset[disabled] .btn-bitbucket:hover {
        background-color: #205081;
        border-color: rgba(0, 0, 0, .2)
    }


.btn-youtube, .btn-youtube.active, .btn-youtube:active, .btn-youtube:focus, .btn-youtube:hover, .open .dropdown-toggle.btn-youtube {
    color: #fff;
    background-color: #b00;
    border-color: rgba(0, 0, 0, .2)
}


    .btn-youtube.active, .btn-youtube:active, .open .dropdown-toggle.btn-youtube {
        background-image: none
    }


    .btn-youtube.disabled, .btn-youtube.disabled.active, .btn-youtube.disabled:active, .btn-youtube.disabled:focus, .btn-youtube.disabled:hover, .btn-youtube[disabled], .btn-youtube[disabled].active, .btn-youtube[disabled]:active, .btn-youtube[disabled]:focus, .btn-youtube[disabled]:hover, fieldset[disabled] .btn-youtube, fieldset[disabled] .btn-youtube.active, fieldset[disabled] .btn-youtube:active, fieldset[disabled] .btn-youtube:focus, fieldset[disabled] .btn-youtube:hover {
        background-color: #b00;
        border-color: rgba(0, 0, 0, .2)
    }


.btn-dropbox {
    color: #fff;
    background-color: #1087dd;
    border-color: rgba(0, 0, 0, .2)
}


    .btn-dropbox.active, .btn-dropbox:active, .btn-dropbox:focus, .btn-dropbox:hover, .open .dropdown-toggle.btn-dropbox {
        color: #fff;
        background-color: #0d70b7;
        border-color: rgba(0, 0, 0, .2)
    }


    .btn-dropbox.active, .btn-dropbox:active, .open .dropdown-toggle.btn-dropbox {
        background-image: none
    }


    .btn-dropbox.disabled, .btn-dropbox.disabled.active, .btn-dropbox.disabled:active, .btn-dropbox.disabled:focus, .btn-dropbox.disabled:hover, .btn-dropbox[disabled], .btn-dropbox[disabled].active, .btn-dropbox[disabled]:active, .btn-dropbox[disabled]:focus, .btn-dropbox[disabled]:hover, fieldset[disabled] .btn-dropbox, fieldset[disabled] .btn-dropbox.active, fieldset[disabled] .btn-dropbox:active, fieldset[disabled] .btn-dropbox:focus, fieldset[disabled] .btn-dropbox:hover {
        background-color: #1087dd;
        border-color: rgba(0, 0, 0, .2)
    }


.btn-facebook {
    color: #fff;
    background-color: #3b5998;
    border-color: rgba(0, 0, 0, .2)
}


    .btn-facebook.active, .btn-facebook:active, .btn-facebook:focus, .btn-facebook:hover, .open .dropdown-toggle.btn-facebook {
        color: #fff;
        background-color: #30487b;
        border-color: rgba(0, 0, 0, .2)
    }


    .btn-facebook.active, .btn-facebook:active, .open .dropdown-toggle.btn-facebook {
        background-image: none
    }


    .btn-facebook.disabled, .btn-facebook.disabled.active, .btn-facebook.disabled:active, .btn-facebook.disabled:focus, .btn-facebook.disabled:hover, .btn-facebook[disabled], .btn-facebook[disabled].active, .btn-facebook[disabled]:active, .btn-facebook[disabled]:focus, .btn-facebook[disabled]:hover, fieldset[disabled] .btn-facebook, fieldset[disabled] .btn-facebook.active, fieldset[disabled] .btn-facebook:active, fieldset[disabled] .btn-facebook:focus, fieldset[disabled] .btn-facebook:hover {
        background-color: #3b5998;
        border-color: rgba(0, 0, 0, .2)
    }


.btn-flickr {
    color: #fff;
    background-color: #ff0084;
    border-color: rgba(0, 0, 0, .2)
}


    .btn-flickr.active, .btn-flickr:active, .btn-flickr:focus, .btn-flickr:hover, .open .dropdown-toggle.btn-flickr {
        color: #fff;
        background-color: #d6006f;
        border-color: rgba(0, 0, 0, .2)
    }


    .btn-flickr.active, .btn-flickr:active, .open .dropdown-toggle.btn-flickr {
        background-image: none
    }


    .btn-flickr.disabled, .btn-flickr.disabled.active, .btn-flickr.disabled:active, .btn-flickr.disabled:focus, .btn-flickr.disabled:hover, .btn-flickr[disabled], .btn-flickr[disabled].active, .btn-flickr[disabled]:active, .btn-flickr[disabled]:focus, .btn-flickr[disabled]:hover, fieldset[disabled] .btn-flickr, fieldset[disabled] .btn-flickr.active, fieldset[disabled] .btn-flickr:active, fieldset[disabled] .btn-flickr:focus, fieldset[disabled] .btn-flickr:hover {
        background-color: #ff0084;
        border-color: rgba(0, 0, 0, .2)
    }


.btn-github {
    color: #fff;
    background-color: #444;
    border-color: rgba(0, 0, 0, .2)
}


    .btn-github.active, .btn-github:active, .btn-github:focus, .btn-github:hover, .open .dropdown-toggle.btn-github {
        color: #fff;
        background-color: #303030;
        border-color: rgba(0, 0, 0, .2)
    }


    .btn-github.active, .btn-github:active, .open .dropdown-toggle.btn-github {
        background-image: none
    }


    .btn-github.disabled, .btn-github.disabled.active, .btn-github.disabled:active, .btn-github.disabled:focus, .btn-github.disabled:hover, .btn-github[disabled], .btn-github[disabled].active, .btn-github[disabled]:active, .btn-github[disabled]:focus, .btn-github[disabled]:hover, fieldset[disabled] .btn-github, fieldset[disabled] .btn-github.active, fieldset[disabled] .btn-github:active, fieldset[disabled] .btn-github:focus, fieldset[disabled] .btn-github:hover {
        background-color: #444;
        border-color: rgba(0, 0, 0, .2)
    }


.btn-google-plus {
    color: #fff;
    background-color: #dd4b39;
    border-color: rgba(0, 0, 0, .2)
}


    .btn-google-plus.active, .btn-google-plus:active, .btn-google-plus:focus, .btn-google-plus:hover, .open .dropdown-toggle.btn-google-plus {
        color: #fff;
        background-color: #ca3523;
        border-color: rgba(0, 0, 0, .2)
    }


    .btn-google-plus.active, .btn-google-plus:active, .open .dropdown-toggle.btn-google-plus {
        background-image: none
    }


    .btn-google-plus.disabled, .btn-google-plus.disabled.active, .btn-google-plus.disabled:active, .btn-google-plus.disabled:focus, .btn-google-plus.disabled:hover, .btn-google-plus[disabled], .btn-google-plus[disabled].active, .btn-google-plus[disabled]:active, .btn-google-plus[disabled]:focus, .btn-google-plus[disabled]:hover, fieldset[disabled] .btn-google-plus, fieldset[disabled] .btn-google-plus.active, fieldset[disabled] .btn-google-plus:active, fieldset[disabled] .btn-google-plus:focus, fieldset[disabled] .btn-google-plus:hover {
        background-color: #dd4b39;
        border-color: rgba(0, 0, 0, .2)
    }


.btn-instagram {
    color: #fff;
    background-color: #517fa4;
    border-color: rgba(0, 0, 0, .2)
}


    .btn-instagram.active, .btn-instagram:active, .btn-instagram:focus, .btn-instagram:hover, .open .dropdown-toggle.btn-instagram {
        color: #fff;
        background-color: #446a89;
        border-color: rgba(0, 0, 0, .2)
    }


    .btn-instagram.active, .btn-instagram:active, .open .dropdown-toggle.btn-instagram {
        background-image: none
    }


    .btn-instagram.disabled, .btn-instagram.disabled.active, .btn-instagram.disabled:active, .btn-instagram.disabled:focus, .btn-instagram.disabled:hover, .btn-instagram[disabled], .btn-instagram[disabled].active, .btn-instagram[disabled]:active, .btn-instagram[disabled]:focus, .btn-instagram[disabled]:hover, fieldset[disabled] .btn-instagram, fieldset[disabled] .btn-instagram.active, fieldset[disabled] .btn-instagram:active, fieldset[disabled] .btn-instagram:focus, fieldset[disabled] .btn-instagram:hover {
        background-color: #517fa4;
        border-color: rgba(0, 0, 0, .2)
    }


.btn-linkedin {
    color: #fff;
    background-color: #007bb6;
    border-color: rgba(0, 0, 0, .2)
}


    .btn-linkedin.active, .btn-linkedin:active, .btn-linkedin:focus, .btn-linkedin:hover, .open .dropdown-toggle.btn-linkedin {
        color: #fff;
        background-color: #005f8d;
        border-color: rgba(0, 0, 0, .2)
    }


    .btn-linkedin.active, .btn-linkedin:active, .open .dropdown-toggle.btn-linkedin {
        background-image: none
    }


    .btn-linkedin.disabled, .btn-linkedin.disabled.active, .btn-linkedin.disabled:active, .btn-linkedin.disabled:focus, .btn-linkedin.disabled:hover, .btn-linkedin[disabled], .btn-linkedin[disabled].active, .btn-linkedin[disabled]:active, .btn-linkedin[disabled]:focus, .btn-linkedin[disabled]:hover, fieldset[disabled] .btn-linkedin, fieldset[disabled] .btn-linkedin.active, fieldset[disabled] .btn-linkedin:active, fieldset[disabled] .btn-linkedin:focus, fieldset[disabled] .btn-linkedin:hover {
        background-color: #007bb6;
        border-color: rgba(0, 0, 0, .2)
    }


.btn-pinterest {
    color: #fff;
    background-color: #cb2027;
    border-color: rgba(0, 0, 0, .2)
}


    .btn-pinterest.active, .btn-pinterest:active, .btn-pinterest:focus, .btn-pinterest:hover, .open .dropdown-toggle.btn-pinterest {
        color: #fff;
        background-color: #a81a20;
        border-color: rgba(0, 0, 0, .2)
    }


    .btn-pinterest.active, .btn-pinterest:active, .open .dropdown-toggle.btn-pinterest {
        background-image: none
    }


    .btn-pinterest.disabled, .btn-pinterest.disabled.active, .btn-pinterest.disabled:active, .btn-pinterest.disabled:focus, .btn-pinterest.disabled:hover, .btn-pinterest[disabled], .btn-pinterest[disabled].active, .btn-pinterest[disabled]:active, .btn-pinterest[disabled]:focus, .btn-pinterest[disabled]:hover, fieldset[disabled] .btn-pinterest, fieldset[disabled] .btn-pinterest.active, fieldset[disabled] .btn-pinterest:active, fieldset[disabled] .btn-pinterest:focus, fieldset[disabled] .btn-pinterest:hover {
        background-color: #cb2027;
        border-color: rgba(0, 0, 0, .2)
    }


.btn-tumblr {
    color: #fff;
    background-color: #2c4762;
    border-color: rgba(0, 0, 0, .2)
}


    .btn-tumblr.active, .btn-tumblr:active, .btn-tumblr:focus, .btn-tumblr:hover, .open .dropdown-toggle.btn-tumblr {
        color: #fff;
        background-color: #1f3346;
        border-color: rgba(0, 0, 0, .2)
    }


    .btn-tumblr.active, .btn-tumblr:active, .open .dropdown-toggle.btn-tumblr {
        background-image: none
    }


    .btn-tumblr.disabled, .btn-tumblr.disabled.active, .btn-tumblr.disabled:active, .btn-tumblr.disabled:focus, .btn-tumblr.disabled:hover, .btn-tumblr[disabled], .btn-tumblr[disabled].active, .btn-tumblr[disabled]:active, .btn-tumblr[disabled]:focus, .btn-tumblr[disabled]:hover, fieldset[disabled] .btn-tumblr, fieldset[disabled] .btn-tumblr.active, fieldset[disabled] .btn-tumblr:active, fieldset[disabled] .btn-tumblr:focus, fieldset[disabled] .btn-tumblr:hover {
        background-color: #2c4762;
        border-color: rgba(0, 0, 0, .2)
    }


.btn-twitter {
    color: #fff;
    background-color: #2ba9e1;
    border-color: rgba(0, 0, 0, .2)
}


    .btn-twitter.active, .btn-twitter:active, .btn-twitter:focus, .btn-twitter:hover, .open .dropdown-toggle.btn-twitter {
        color: #fff;
        background-color: #1c92c7;
        border-color: rgba(0, 0, 0, .2)
    }


    .btn-twitter.active, .btn-twitter:active, .open .dropdown-toggle.btn-twitter {
        background-image: none
    }


    .btn-twitter.disabled, .btn-twitter.disabled.active, .btn-twitter.disabled:active, .btn-twitter.disabled:focus, .btn-twitter.disabled:hover, .btn-twitter[disabled], .btn-twitter[disabled].active, .btn-twitter[disabled]:active, .btn-twitter[disabled]:focus, .btn-twitter[disabled]:hover, fieldset[disabled] .btn-twitter, fieldset[disabled] .btn-twitter.active, fieldset[disabled] .btn-twitter:active, fieldset[disabled] .btn-twitter:focus, fieldset[disabled] .btn-twitter:hover {
        background-color: #2ba9e1;
        border-color: rgba(0, 0, 0, .2)
    }


.btn-vk {
    color: #fff;
    background-color: #587ea3;
    border-color: rgba(0, 0, 0, .2)
}


    .btn-vk.active, .btn-vk:active, .btn-vk:focus, .btn-vk:hover, .open .dropdown-toggle.btn-vk {
        color: #fff;
        background-color: #4a6a89;
        border-color: rgba(0, 0, 0, .2)
    }


    .btn-vk.active, .btn-vk:active, .open .dropdown-toggle.btn-vk {
        background-image: none
    }


    .btn-vk.disabled, .btn-vk.disabled.active, .btn-vk.disabled:active, .btn-vk.disabled:focus, .btn-vk.disabled:hover, .btn-vk[disabled], .btn-vk[disabled].active, .btn-vk[disabled]:active, .btn-vk[disabled]:focus, .btn-vk[disabled]:hover, fieldset[disabled] .btn-vk, fieldset[disabled] .btn-vk.active, fieldset[disabled] .btn-vk:active, fieldset[disabled] .btn-vk:focus, fieldset[disabled] .btn-vk:hover {
        background-color: #587ea3;
        border-color: rgba(0, 0, 0, .2)
    }


.call-to-action-small {
    padding: 15px 30px;
    font-size: 16px;
    font-weight: 700
}


    .call-to-action-small i {
        padding: 0 0 0 15px
    }


.call-to-action-medium {
    padding: 16px 40px;
    font-size: 20px;
    font-weight: 700
}


    .call-to-action-medium i {
        padding: 0 0 0 15px
    }


.call-to-action-large {
    padding: 20px 40px;
    font-size: 24px;
    font-weight: 700
}


    .call-to-action-large i {
        padding: 0 0 0 15px
    }


.square {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    behavior: url(img/PIE.htc)
}


.radial {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    behavior: url(img/PIE.htc)
}

/*khodam comment kardam*/
/*a.btn-more {
    color: #3a3a3a;
    position: relative
}


    a.btn-more:after {
        top: -3px;
        right: -20px;
        font-size: 12px;
        content: "\f18e";
        font-weight: 400;
        display: inline-block;
        font-family: FontAwesome;
        position: absolute;
        color: #3498db
    }


    a.btn-more:hover:after {
        right: -35px;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }*/


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


    .tags li {
        display: inline-block;
        margin: 4px 0
    }


        .tags li a {
            background-color: #f6f6f6;
            color: #818181;
            padding: 4px 6px
        }


            .tags li a:hover {
                background-color: #3498db;
                color: #fff
            }


.separator {
    height: 1px;
    background-color: #3498db;
    margin-bottom: 20px;
    width: 30px
}


    .separator.small {
        width: 20px
    }


    .separator.medium {
        width: 30px
    }


    .separator.large {
        width: 50px
    }


    .separator.full {
        width: 100%
    }


    .separator.center {
        margin: 0 auto
    }


.heading i {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    behavior: url(img/PIE.htc);
    height: 36px;
    width: 36px;
    border: 1px solid #3498db;
    line-height: 36px;
    color: #3498db;
    text-align: center;
    margin-bottom: 10px
}


.heading span {
    font-weight: 300
}


.heading .separator {
    margin-bottom: 10px
}


.heading-block {
    background-color: #3498db;
    padding: 10px;
    display: inline-block;
    color: #fff
}


.heading-border {
    border: 2px solid #3498db;
    padding: 10px;
    display: inline-block
}


.heading-dotted {
    border: 2px dotted #3498db;
    padding: 10px;
    display: inline-block
}


.margin-b-10 {
    margin-bottom: 10px !important
}


.margin-b-20 {
    margin-bottom: 20px !important
}


.margin-b-30 {
    margin-bottom: 30px !important
}


.nav-spacer {
    padding-top: 150px !important
}


.no-margin {
    margin: 0 !important
}


.no-padd {
    padding: 0
}


.padd-5 {
    padding: 5px
}


.padd-10 {
    padding: 10px
}


.padd-20 {
    padding: 20px
}


.padd-30 {
    padding: 30px
}


.padd-40 {
    padding: 40px
}


.padd-50 {
    padding: 50px
}


.padd-60 {
    padding: 60px
}


.padd-70 {
    padding: 70px
}


.padd-80 {
    padding: 80px
}


.padd-90 {
    padding: 90px
}


.padd-tb-10 {
    padding: 10px 0
}


.padd-tb-20 {
    padding: 20px 0
}


.padd-tb-30 {
    padding: 30px 0
}


.padd-tb-40 {
    padding: 40px 0
}


.padd-tb-50 {
    padding: 50px 0
}


.padd-tb-60 {
    padding: 60px 0
}


.padd-tb-70 {
    padding: 70px 0
}


.padd-tb-80 {
    padding: 80px 0
}


.padd-tb-90 {
    padding: 90px 0
}


.padd-lr-10 {
    padding: 0 10px
}


.padd-lr-20 {
    padding: 0 20px
}


.padd-lr-30 {
    padding: 0 30px
}


.padd-lr-40 {
    padding: 0 40px
}


.padd-lr-50 {
    padding: 0 50px
}


.padd-lr-60 {
    padding: 0 60px
}


.padd-t-10 {
    padding-top: 10px
}


.padd-t-20 {
    padding-top: 20px
}


.padd-t-30 {
    padding-top: 30px
}


.padd-t-40 {
    padding-top: 40px
}


.padd-t-50 {
    padding-top: 50px
}


.padd-t-60 {
    padding-top: 60px
}


.padd-b-10 {
    padding-bottom: 10px
}


.padd-b-20 {
    padding-bottom: 20px
}


.padd-b-30 {
    padding-bottom: 30px
}


.padd-b-40 {
    padding-bottom: 40px
}


.padd-b-50 {
    padding-bottom: 50px
}


.padd-b-60 {
    padding-bottom: 60px
}


@media (max-width:552px) {
    .padd-90 {
        padding: 90px 30px
    }
}


@media (max-width:979px) {
    .mvs-10 {
        padding: 10px
    }


    .mvs-20 {
        padding: 20px
    }


    .mvs-30 {
        padding: 30px
    }


    .mvs-40 {
        padding: 40px
    }


    .mvs-50 {
        padding: 50px
    }
}


.bg-white {
    background-color: #fff !important;
    color: #3a3a3a !important
}


    .bg-white > i {
        color: #3a3a3a !important
    }


.bg-gray {
    background: #f7f7f7 !important;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}


    .bg-gray > i {
        color: #3a3a3a !important
    }


.bg-light-dark {
    background-color: #2a2a2a !important;
    color: #818181 !important
}


    .bg-light-dark > i {
        color: #fff !important
    }


    .bg-light-dark strong {
        color: #818181 !important
    }


    .bg-light-dark h1, .bg-light-dark h2, .bg-light-dark h3, .bg-light-dark h4, .bg-light-dark h5, .bg-light-dark h6 {
        color: #f7f7f7 !important
    }


    .bg-light-dark a, .bg-light-dark p {
        color: #818181
    }


    .bg-light-dark .icon-holder {
        background-color: #2b2b2b
    }


    .bg-light-dark .checkbox label, .bg-light-dark .radio label, .bg-light-dark label {
        color: #818181
    }


    .bg-light-dark .form-control {
        background-color: #2b2b2b;
        border: 1px solid #2b2b2b;
        color: #fff
    }


.bg-theme {
    background-color: #3498db !important;
    color: #fff
}


    .bg-theme h1, .bg-theme h2, .bg-theme h3, .bg-theme h4, .bg-theme h5, .bg-theme h6, .bg-theme p, .bg-theme > i {
        color: #fff !important
    }


.bg-dark {
    position: relative;
    background-color: #222 !important;
    color: #aaa !important
}

    /* ino khodam comment kardam chon span hameja sefid shode bood*/
    /*.bg-dark span, .bg-dark > i {
        color: #fff !important
    }*/


    .bg-dark hr {
        border-top: 1px solid #818181
    }


    .bg-dark strong {
        color: #fff !important
    }


    .bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5, .bg-dark h6 {
        color: #f7f7f7 !important
    }


    .bg-dark p {
        color: #818181
    }


    .bg-dark .icon-holder {
        background-color: #373737
    }


    .bg-dark .team {
        border: none
    }


    .bg-dark .blog-post-item {
        border-bottom: none
    }


        .bg-dark .blog-post-item h3 a {
            color: #fff !important
        }


    .bg-dark .checkbox label, .bg-dark .radio label, .bg-dark label {
        color: #818181
    }


    .bg-dark .form-control {
        background-color: #373737;
        border: 1px solid #373737;
        color: #fff
    }


    .bg-dark .pricing-tables, .bg-dark .pricing-tables.style2 {
        border: none
    }


        .bg-dark .pricing-tables.style2 .heading .highlights span {
            color: #fff !important
        }


        .bg-dark .pricing-tables.style2 .heading span {
            color: #3a3a3a !important
        }


    .bg-dark .tags li a {
        background-color: #373737
    }


    .bg-dark .testimonial4 p {
        color: #fff
    }


    .bg-dark .panel .form-control {
        background-color: #fff;
        border: 1px solid #ccc;
        color: #555
    }


    .bg-dark .panel-title {
        color: #3a3a3a !important
    }


.bg-green {
    background-color: #2ecc71 !important;
    color: #fff
}


    .bg-green h1, .bg-green h2, .bg-green h3, .bg-green h4, .bg-green h5, .bg-green h6, .bg-green p, .bg-green > i {
        color: #fff !important
    }


.bg-blue {
    background-color: #3498db !important;
    color: #fff
}


    .bg-blue h1, .bg-blue h2, .bg-blue h3, .bg-blue h4, .bg-blue h5, .bg-blue h6, .bg-blue p, .bg-blue > i {
        color: #fff !important
    }


.bg-orange {
    background-color: #e74c3c !important;
    color: #fff
}


    .bg-orange h1, .bg-orange h2, .bg-orange h3, .bg-orange h4, .bg-orange h5, .bg-orange h6, .bg-orange p, .bg-orange > i {
        color: #fff !important
    }


.bg-red {
    background-color: #bf1e4b !important;
    color: #fff
}


    .bg-red h1, .bg-red h2, .bg-red h3, .bg-red h4, .bg-red h5, .bg-red h6, .bg-red p, .bg-red > i {
        color: #fff !important
    }


.bg-light {
    background-color: #ecf0f1 !important;
    color: #3a3a3a
}


    .bg-light h1, .bg-light h2, .bg-light h3, .bg-light h4, .bg-light h5, .bg-light h6, .bg-light p, .bg-light > i {
        color: #3a3a3a !important
    }


.bg-purple {
    background-color: #a700ae !important;
    color: #fff
}


    .bg-purple h1, .bg-purple h2, .bg-purple h3, .bg-purple h4, .bg-purple h5, .bg-purple h6, .bg-purple p, .bg-purple > i {
        color: #fff !important
    }


.bg-aqua {
    background-color: #27d7e7 !important;
    color: #fff
}


    .bg-aqua h1, .bg-aqua h2, .bg-aqua h3, .bg-aqua h4, .bg-aqua h5, .bg-aqua h6, .bg-aqua p, .bg-aqua > i {
        color: #fff !important
    }


.bg-brown {
    background-color: #9c8061 !important;
    color: #fff
}


    .bg-brown h1, .bg-brown h2, .bg-brown h3, .bg-brown h4, .bg-brown h5, .bg-brown h6, .bg-brown p, .bg-brown > i {
        color: #fff !important
    }


.bg-dark-blue {
    background-color: #2672ec !important;
    color: #fff
}


    .bg-dark-blue h1, .bg-dark-blue h2, .bg-dark-blue h3, .bg-dark-blue h4, .bg-dark-blue h5, .bg-dark-blue h6, .bg-dark-blue p, .bg-dark-blue > i {
        color: #fff !important
    }


.bg-light-green {
    background-color: #79d5b3 !important;
    color: #fff
}


    .bg-light-green h1, .bg-light-green h2, .bg-light-green h3, .bg-light-green h4, .bg-light-green h5, .bg-light-green h6, .bg-light-green p, .bg-light-green > i {
        color: #fff !important
    }


.bg-dark-red {
    background-color: #a10f2b !important;
    color: #fff
}


    .bg-dark-red h1, .bg-dark-red h2, .bg-dark-red h3, .bg-dark-red h4, .bg-dark-red h5, .bg-dark-red h6, .bg-dark-red p, .bg-dark-red > i {
        color: #fff !important
    }


.bg-teal {
    background-color: #00a0b1 !important;
    color: #fff
}


    .bg-teal h1, .bg-teal h2, .bg-teal h3, .bg-teal h4, .bg-teal h5, .bg-teal h6, .bg-teal p, .bg-teal > i {
        color: #fff !important
    }


.list-inline {
    margin: 0
}


.list-block {
    margin: 0 0 20px;
    padding: 0;
    list-style: none
}


    .list-block li {
        margin-bottom: 10px
    }


        .list-block li a {
            color: #818181
        }


            .list-block li a:hover {
                color: #3498db
            }


        .list-block li i {
            margin-right: 10px;
        }


.image-list img {
    width: 80px;
    float: left
}


.image-list .image-list-content {
    margin-left: 90px
}


.tweets {
    list-style: none;
    padding: 0
}


    .tweets li {
        margin-bottom: 20px;
        position: relative;
        padding-left: 35px
    }


        .tweets li i {
            position: absolute;
            top: 4px;
            left: 0;
            width: 25px;
            height: 25px;
            text-align: center;
            color: #777
        }


        .tweets li p {
            margin-bottom: 5px
        }


            .tweets li p a {
                color: #3498db
            }


.icon-holder {
    position: relative;
    display: inline-block;
    vertical-align: top;
    background-color: #f7f7f7;
    text-align: center
}


    .icon-holder:hover {
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        background-color: #3498db;
        color: #fff
    }


        .icon-holder:hover i {
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            color: #fff
        }


    .icon-holder.facebook {
        background-color: #3b5998;
        border: none
    }


        .icon-holder.facebook i {
            color: #fff
        }


        .icon-holder.facebook:hover {
            background-color: #2d4373
        }


    .icon-holder.twitter {
        background-color: #00aced;
        border: none
    }


        .icon-holder.twitter i {
            color: #fff
        }


        .icon-holder.twitter:hover {
            background-color: #0087ba
        }


    .icon-holder.pinterest {
        background-color: #cb2027;
        border: none
    }


        .icon-holder.pinterest i {
            color: #fff
        }


        .icon-holder.pinterest:hover {
            background-color: #9f191f
        }


    .icon-holder.vk {
        background-color: #45668e;
        border: none
    }


        .icon-holder.vk i {
            color: #fff
        }


        .icon-holder.vk:hover {
            background-color: #344d6c
        }


    .icon-holder.youtube {
        background-color: #b00;
        border: none
    }


        .icon-holder.youtube i {
            color: #fff
        }


        .icon-holder.youtube:hover {
            background-color: #800
        }


    .icon-holder.behance {
        background-color: #4caccf;
        border: none
    }


        .icon-holder.behance i {
            color: #fff
        }


        .icon-holder.behance:hover {
            background-color: #3193b7
        }


    .icon-holder.instagram {
        background-color: #517fa4;
        border: none
    }


        .icon-holder.instagram i {
            color: #fff
        }


        .icon-holder.instagram:hover {
            background-color: #406582
        }


    .icon-holder.google {
        background-color: #c63d2d;
        border: none
    }


        .icon-holder.google i {
            color: #fff
        }


        .icon-holder.google:hover {
            background-color: #9c3024
        }


    .icon-holder.linkedin {
        background-color: #007bb6;
        border: none
    }


        .icon-holder.linkedin i {
            color: #fff
        }


        .icon-holder.linkedin:hover {
            background-color: #005983
        }


    .icon-holder.flickr {
        background-color: #ff0084;
        border: none
    }


        .icon-holder.flickr i {
            color: #fff
        }


        .icon-holder.flickr:hover {
            background-color: #cc006a
        }


    .icon-holder.foursquare {
        background-color: #0072b1;
        border: none
    }


        .icon-holder.foursquare i {
            color: #fff
        }


        .icon-holder.foursquare:hover {
            background-color: #00517e
        }


    .icon-holder.yahoo {
        background-color: #720e9e;
        border: none
    }


        .icon-holder.yahoo i {
            color: #fff
        }


        .icon-holder.yahoo:hover {
            background-color: #500a6f
        }


    .icon-holder.dribbble {
        background-color: #ea4c89;
        border: none
    }


        .icon-holder.dribbble i {
            color: #fff
        }


        .icon-holder.dribbble:hover {
            background-color: #e51e6b
        }


    .icon-holder.wordpress {
        background-color: #21759b;
        border: none
    }


        .icon-holder.wordpress i {
            color: #fff
        }


        .icon-holder.wordpress:hover {
            background-color: #185571
        }


    .icon-holder.stumbleupon {
        background-color: #eb4823;
        border: none
    }


        .icon-holder.stumbleupon i {
            color: #fff
        }


        .icon-holder.stumbleupon:hover {
            background-color: #c93412
        }


    .icon-holder.soundcloud {
        background-color: #ff3a00;
        border: none
    }


        .icon-holder.soundcloud i {
            color: #fff
        }


        .icon-holder.soundcloud:hover {
            background-color: #cc2e00
        }


    .icon-holder.skype {
        background-color: #12a5f4;
        border: none
    }


        .icon-holder.skype i {
            color: #fff
        }


        .icon-holder.skype:hover {
            background-color: #0986ca
        }


    .icon-holder.vine {
        background-color: #00bf8f;
        border: none
    }


        .icon-holder.vine i {
            color: #fff
        }


        .icon-holder.vine:hover {
            background-color: #008c69
        }


    .icon-holder.twitch {
        background-color: #4e3380;
        border: none
    }


        .icon-holder.twitch i {
            color: #fff
        }


        .icon-holder.twitch:hover {
            background-color: #38245c
        }


    .icon-holder.github {
        background-color: #3193b7;
        border: none
    }


        .icon-holder.github i {
            color: #fff
        }


        .icon-holder.github:hover {
            background-color: #26738f
        }


    .icon-holder.spotify {
        background-color: #679400;
        border: none
    }


        .icon-holder.spotify i {
            color: #fff
        }


        .icon-holder.spotify:hover {
            background-color: #446100
        }


    .icon-holder.google-plus {
        background-color: #9c3024;
        border: none
    }


        .icon-holder.google-plus i {
            color: #fff
        }


        .icon-holder.google-plus:hover {
            background-color: #73231a
        }


    .icon-holder.tumblr {
        background-color: #32506d;
        border: none
    }


        .icon-holder.tumblr i {
            color: #fff
        }


        .icon-holder.tumblr:hover {
            background-color: #22364a
        }


    .icon-holder.lastfm {
        background-color: #d51007;
        border: none
    }


        .icon-holder.lastfm i {
            color: #fff
        }


        .icon-holder.lastfm:hover {
            background-color: #a40c05
        }


    .icon-holder.small {
        width: 24px;
        height: 24px;
        line-height: 24px;
        font-size: 14px
    }


    .icon-holder.medium {
        width: 32px;
        height: 32px;
        line-height: 32px;
        font-size: 16px
    }


    .icon-holder.large {
        width: 46px;
        height: 46px;
        line-height: 46px;
        font-size: 18px
    }


    .icon-holder.extra-large {
        width: 64px;
        height: 64px;
        line-height: 64px;
        font-size: 24px
    }


    .icon-holder i {
        color: #555
    }


    .icon-holder.light {
        background-color: #fff;
        border: 1px solid #3498db
    }


        .icon-holder.light:hover {
            background-color: #3498db
        }


            .icon-holder.light:hover i {
                color: #fff
            }


        .icon-holder.light i {
            color: #2b2b2b
        }


    .icon-holder.dark {
        background-color: #2b2b2b;
        border: none
    }


        .icon-holder.dark:hover {
            background-color: #050505
        }


        .icon-holder.dark i {
            color: #fff
        }


    .icon-holder.theme {
        background-color: #3498db;
        border: none
    }


        .icon-holder.theme:hover {
            background-color: #127be8
        }


        .icon-holder.theme i {
            color: #fff
        }


.circle {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    behavior: url(img/PIE.htc)
}


.rounded {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    behavior: url(img/PIE.htc)
}


.top-header {
    background-color: #fff;
    padding: 8px 0;
    color: #444;
    border-bottom: 1px solid #eee
}


    .top-header a {
        color: #444;
    }


    .brand-holder.bg-dark, .brand-holder.bg-light-dark, .top-header.bg-dark, .top-header.bg-light-dark {
        border-bottom: 1px solid #2b2b2b;
    }


        .brand-holder.bg-dark a, .brand-holder.bg-light-dark a {
            color: #fff
        }


@media (max-width:992px) {
    .brand-holder {
        text-align: center
    }


        .brand-holder .logo {
            margin: 0 0 10px;
            display: block
        }
}


.top-address {
    padding: 0;
    margin: 0;
    list-style: none
}


    .top-address li {
        display: inline-block;
        padding: 5px 10px;
        font-size: 16px
    }


        .top-address li i {
            padding: 0 10px 0 0
        }


.logo-center {
    text-align: center;
    padding: 35px;
    background: #f9f9f9
}


.logo-left {
    padding: 30px 0
}


@media (max-width:767px) {
    .logo.pull-left, .top-address.pull-right {
        float: none !important;
        text-align: center
    }


    .logo-left .logo {
        padding: 20px 0
    }
}


@-webkit-keyframes fadeInDownMenuTop {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 7%, 0);
        -moz-transform: translate3d(0, 7%, 0);
        transform: translate3d(0, 7%, 0)
    }


    100% {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        -moz-transform: none;
        transform: none
    }
}


@keyframes fadeInDownMenuTop {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 7%, 0);
        -moz-transform: translate3d(0, 7%, 0);
        transform: translate3d(0, 7%, 0)
    }


    100% {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        -moz-transform: none;
        transform: none
    }
}


.navbar {
    margin-bottom: 0;
    border: none
}


.navbar-nav > li > a {
    text-transform: uppercase;
    color: #444;
    font-weight: bold;
}


.navbar-brand {
    font-size: 30px;
    text-transform: uppercase;
    color: #3a3a3a;
    padding: 7px 15px;
}


    .navbar-brand span {
        color: #3498db
    }


.navbar-v1 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    behavior: url(img/PIE.htc);
    border-bottom: 1px solid #eee;
    background: #fff
}


    .navbar-v1 .navbar-nav > .active > a, .navbar-v1 .navbar-nav > .active > a:focus, .navbar-v1 .navbar-nav > .active > a:hover, .navbar-v1 .navbar-nav > li > a:hover {
        color: #3498db;
        background: 0 0
    }


    .navbar-v1 .navbar-nav > .open > a, .navbar-v1 .navbar-nav > .open > a:focus, .navbar-v1 .navbar-nav > .open > a:hover {
        background: 0 0
    }


    .navbar-v1 .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-v1 .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #fff;
        background: #1a1a1a;
    }


    .navbar-v1.dark-style {
        background: #212121;
        border-bottom: none
    }


        .navbar-v1.dark-style .navbar-nav > li > a {
            color: #aeaeae;
            background: 0 0
        }


        .navbar-v1.dark-style .navbar-nav > .open > a, .navbar-v1.dark-style .navbar-nav > .open > a:focus, .navbar-v1.dark-style .navbar-nav > .open > a:hover {
            color: #aeaeae
        }


        .navbar-v1.dark-style .navbar-nav > .active > a, .navbar-v1.dark-style .navbar-nav > .active > a:focus, .navbar-v1.dark-style .navbar-nav > .active > a:hover {
            color: #3498db;
            background: 0 0
        }


    .navbar-v1 .dropdown-menu > li > a {
        color: #777
    }


@media (min-width:1200px) {
    .navbar-transparent li.dropdown: hover > .dropdown-cart, .navbar-transparent li.dropdown:hover > .dropdown-menu, .navbar-transparent li.dropdown:hover > .dropdown-search, .navbar-v1 li.dropdown:hover > .dropdown-cart, .navbar-v1 li.dropdown:hover > .dropdown-menu, .navbar-v1 li.dropdown:hover > .dropdown-search {
        display: block;
        -webkit-animation-duration: .33s;
        animation-duration: .33s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: fadeInDownMenuTop;
        animation-name: fadeInDownMenuTop
    }
}


@media (min-width:1200px) {
    .navbar-transparent {
        background: 0 0;
        padding: 20px 0;
        border: none
    }


        .navbar-transparent .navbar-nav > li > a {
            color: #fff
        }


            .navbar-transparent .navbar-nav > li > a:focus, .navbar-transparent .navbar-nav > li > a:hover {
                background: 0 0 !important;
                color: #3498db
            }


        .navbar-transparent .navbar-nav > .active > a, .navbar-transparent .navbar-nav > .active > a:focus, .navbar-transparent .navbar-nav > .active > a:hover {
            color: #fff !important;
            background: 0 0 !important;
            font-weight: 700
        }


        .navbar-transparent .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-transparent .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-transparent .navbar-nav > .open > a, .navbar-transparent .navbar-nav > .open > a:focus, .navbar-transparent .navbar-nav > .open > a:hover {
            background: 0 0 !important
        }
}


@media (max-width:1200px) {
    .navbar-transparent {
        background: #2b2b2b;
        border: none
    }
}


@media (min-width:1200px) {
    .navbar .dropdown-menu {
        padding: 0;
        margin: 0;
        min-width: 210px;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        top: 100;
        background-color: #242424;
    }


        .navbar .dropdown-menu li a {
            font-size: 13px;
            color: #aeaeae;
            padding: 9px 15px;
            line-height: 1.42857143;
            text-transform: capitalize
        }


            .navbar .dropdown-menu li a:hover {
                background-color: transparent;
                color: #3498db
            }


    .dropdown-cart .table > tbody > tr > td, .dropdown-cart .table > tbody > tr > th, .dropdown-cart .table > tfoot > tr > td, .dropdown-cart .table > tfoot > tr > th, .dropdown-cart .table > thead > tr > td, .dropdown-cart .table > thead > tr > th {
        color: #fff;
        border: none
    }
}


@media (max-width:1200px) {
    .navbar-v1 {
        padding: 10px 0
    }


    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 13px
    }


    .dropdown-submenu > .dropdown-menu {
        display: block;
        margin-left: 15px;
        padding-left: 20px
    }


    .yamm-content h4.heading {
        color: #777 !important
    }


    .yamm-content .nav > li > a {
        color: #777;
        background: 0 0
    }


        .yamm-content .nav > li > a:hover {
            color: #3498db
        }
}


.dropdown-submenu {
    position: relative
}


    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: 0;
        margin-left: 0
    }


    .dropdown-submenu:hover > .dropdown-menu {
        display: block
    }


    .dropdown-submenu > a:after {
        top: 11px;
        right: 9px;
        font-size: 12px;
        content: "\f105";
        position: absolute;
        font-weight: 400;
        display: inline-block;
        font-family: FontAwesome
    }


    .dropdown-submenu.pull-left, .dropdown-submenu.pull-left > .dropdown-menu {
        float: none
    }


@media (max-width:1200px) {
    .navbar-header {
        float: none
    }


    .navbar-left, .navbar-right {
        float: none !important
    }


    .navbar-toggle {
        display: block
    }


    .navbar-collapse {
        border: none;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
    }


    @media (max-width: 1200px) {
        .navbar-nav {
            height: 370px;
            max-height: 370px;
            width: 100%;
            overflow-y: auto !important;
            -webkit-overflow-scrolling: touch;
        }
    }




    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
        background: rgba(0, 0, 0, .8) !important;
        padding: 10px 0 !important
    }


        .navbar-fixed-top .navbar-nav > li > a:hover {
            background: 0 0 !important;
            color: #3498db !important
        }


    .navbar-collapse.collapse {
        display: none !important;
        border-color: transparent
    }


    .navbar-nav {
        float: none !important;
        margin-top: 7.5px
    }


        .navbar-nav > li {
            float: none
        }


            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px
            }


    .collapse.in {
        display: block !important
    }
}


.navbar-toggle {
    background-color: #3498db !important;
    border-color: transparent !important
}


    .navbar-toggle:hover {
        background-color: #2b2b2b !important
    }


    .navbar-toggle .icon-bar {
        height: 3px;
        background-color: #fff !important
    }


.navbar-scroll {
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    background-color: rgba(0, 0, 0, .9);
    padding: 10px 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999
}


    .navbar-scroll .navbar-nav > li > a {
        color: #fff
    }


.navbar-scroll2 {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding: 10px 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .3)
}


.yamm-content {
    padding: 25px;
    box-sizing: border-box
}


    .yamm-content h4.heading {
        text-transform: uppercase;
        padding: 0 14px;
        font-size: 14px;
        font-weight: 700;
        color: #fff
    }


.dropdown-menu.dropdown-cart {
    padding: 10px;
    min-width: 320px
}


    .dropdown-menu.dropdown-cart table {
        margin-bottom: 0
    }


.menu-cart span.badge {
    background: #3498db;
    vertical-align: text-bottom;
    line-height: 14px
}


.dropdown-menu.dropdown-search {
    padding: 10px;
    min-width: 320px
}


.navbar-onepage {
    background: 0 0;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    padding: 20px 0;
    border: none
}


    .navbar-onepage .navbar-nav > li > a {
        color: #fff;
        text-transform: uppercase;
        font-size: 15px;
        font-weight: 700;
        margin: 0 4px
    }


        .navbar-onepage .navbar-nav > li > a:focus, .navbar-onepage .navbar-nav > li > a:hover {
            color: #fff;
            background: 0 0
        }


        .navbar-onepage .navbar-nav > li > a.active {
            color: #3498db
        }


    .navbar-onepage .navbar-brand {
        font-size: 24px;
        font-weight: 700;
        color: #fff
    }


        .navbar-onepage .navbar-brand:hover {
            color: #3498db
        }


    .navbar-onepage.has-bg {
        background: rgba(0, 0, 0, .6);
        padding: 10px 0
    }


.bannercontainer {
    width: 100%;
    position: relative;
    padding: 0
}


    .bannercontainer .banner {
        width: 100%;
        position: relative
    }


.page-title {
    position: relative;
    border-top: none
}


    .page-title h1, .page-title h2, .page-title h3, .page-title h4, .page-title h5 {
        color: #fff;
        margin: 10px 0;
        font-size: 22px;
        text-transform: capitalize;
        font-weight: bold
    }


    .page-title p {
        font-size: 15px;
        color: #fff
    }


    .page-title .breadcrumb {
        margin: 12px 0 0;
        background: 0 0
    }


        .page-title .breadcrumb > .active {
            color: #3498db !important
        }


        .page-title .breadcrumb > li a {
            color: #fff
        }


            .page-title .breadcrumb > li a:hover {
                color: #444
            }


        .page-title .breadcrumb > li + li:before {
            color: #fff
        }


    .page-title.bg-dark h1, .page-title.bg-dark h2, .page-title.bg-dark h3, .page-title.bg-dark p {
        color: #fff !important;
        margin: 20px 0
    }


    .page-title.bg-dark .breadcrumb > li a, .page-title.bg-dark .breadcrumb > li a:hover, .page-title.bg-dark .breadcrumb > li + li:before {
        color: #444
    }


    .page-title.bg-gray h1, .page-title.bg-gray h2, .page-title.bg-gray h3, .page-title.bg-gray p, .page-title.bg-white h1, .page-title.bg-white h2, .page-title.bg-white h3, .page-title.bg-white p {
        color: #444;
        margin: 20px 0;
        text-transform: capitalize
    }


    .page-title.bg-gray .breadcrumb > li a, .page-title.bg-gray .breadcrumb > li a:hover, .page-title.bg-gray .breadcrumb > li + li:before, .page-title.bg-white .breadcrumb > li a, .page-title.bg-white .breadcrumb > li a:hover, .page-title.bg-white .breadcrumb > li + li:before {
        color: #444
    }


.img-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .3
}


.breadcrumb {
    margin: 0
}


    .breadcrumb > .active {
        color: #888 !important
    }


    .breadcrumb a {
        color: #3a3a3a
    }


        .breadcrumb a:hover {
            color: #3498db
        }


.gallery {
    margin: 0;
    padding: 0;
    list-style: none
}


    .gallery li {
        width: 46.9%;
        border: 2px solid #818181;
        overflow: hidden;
        margin: 4px;
        float: left
    }


.gallery-box {
    position: relative;
    overflow: hidden
}


    .gallery-box:hover img {
        -webkit-transition: all .6s ease-in-out;
        -moz-transition: all .6s ease-in-out;
        -o-transition: all .6s ease-in-out;
        transition: all .6s ease-in-out
    }


    .gallery-box:hover i {
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }


.gallery-hover {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    visibility: visible;
    opacity: 0;
    background-color: rgba(0, 0, 0, .6);
    z-index: 998;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    overflow: hidden
}


    .gallery-hover:hover {
        display: block;
        opacity: 1
    }


    .gallery-hover i {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -15px 0 0 -15px;
        font-size: 28px;
        color: #fff !important;
        width: 28px;
        height: 28px;
        line-height: 28px;
        text-align: center;
        display: inline-block;
        background-color: #3498db;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        -o-border-radius: 50px;
        border-radius: 50px;
        behavior: url(img/PIE.htc)
    }


        .gallery-hover i.small {
            font-size: 10px
        }


.footer.bg-dark .btn-more, .footer.bg-dark label, .footer.bg-dark span, .footer.bg-light-dark .btn-more, .footer.bg-light-dark label, .footer.bg-light-dark span {
    color: #818181 !important
}


.footer.bg-dark .separator {
    background-color: #373737
}


.footer.bg-light-dark .separator {
    background-color: #2b2b2b
}


.footer-sub a {
    color: #818181
}


    .footer-sub a:hover {
        text-decoration: underline
    }


.copyright a {
}


@media (max-width:979px) {
    .footer-sub {
        text-align: center
    }


        .footer-sub .pull-right {
            float: none !important
        }


    .copyright {
        padding: 10px 0
    }
}


#widget-map {
    height: 250px;
    width: 100%
}


#contact-map {
    height: 450px;
    width: 100%
}


.tab-style1 .nav-tabs {
    border-bottom: 1px solid #3498db
}


    .tab-style1 .nav-tabs > li a {
        color: #3a3a3a;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        behavior: url(img/PIE.htc)
    }


        .tab-style1 .nav-tabs > li a:focus, .tab-style1 .nav-tabs > li a:hover {
            background: #3498db;
            color: #fff;
            border: 1px solid #3498db
        }


        .tab-style1 .nav-tabs > li a i {
            margin-right: 10px
        }


    .tab-style1 .nav-tabs > li.active > a {
        background: #3498db;
        color: #fff;
        border: 1px solid #3498db;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        behavior: url(img/PIE.htc)
    }


.tab-style1 .tab-content {
    padding: 25px 10px;
    background-color: #fff
}


.tab-style2 .nav-tabs > li a {
    color: #3a3a3a;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    behavior: url(img/PIE.htc)
}


    .tab-style2 .nav-tabs > li a i {
        margin-right: 10px
    }


.tab-style2 .nav-tabs > li.active > a {
    background: #f5f5f5;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    behavior: url(img/PIE.htc)
}


.tab-style2 .tab-content {
    padding: 25px 10px;
    background: #f5f5f5;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd
}


.tab-style3 .nav-tabs {
    background-color: #f5f5f5
}


    .tab-style3 .nav-tabs > li a {
        color: #3a3a3a
    }


        .tab-style3 .nav-tabs > li a:focus, .tab-style3 .nav-tabs > li a:hover {
            background-color: #fff;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -o-border-radius: 0;
            border-radius: 0;
            behavior: url(img/PIE.htc)
        }


        .tab-style3 .nav-tabs > li a i {
            margin-right: 10px
        }


    .tab-style3 .nav-tabs > li.active > a {
        background-color: #fff;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        behavior: url(img/PIE.htc)
    }


.tab-style3 .tab-content {
    padding: 25px 10px;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background-color: #fff
}


.tab-style4 .nav-tabs > li a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    behavior: url(img/PIE.htc);
    color: #3a3a3a
}


    .tab-style4 .nav-tabs > li a i {
        margin-right: 10px
    }


.tab-style4 .nav-tabs > li.active > a {
    background: #fff;
    color: #3a3a3a;
    border-top: 2px solid #3498db
}


.tab-style4 .tab-content {
    padding: 25px 10px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #fff
}


.nav-pills > li > a {
    padding: 5px 10px
}


.pills-style1 .nav-pills li a {
    color: #3a3a3a;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    behavior: url(img/PIE.htc)
}


    .pills-style1 .nav-pills li a i {
        margin-right: 10px
    }


.pills-style1 .nav-pills li.active > a {
    background-color: #3498db;
    color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    behavior: url(img/PIE.htc)
}


.pills-style1 .tab-content {
    padding: 25px
}


.pills-style2 .nav-pills {
    padding: 0;
    background: #f9f9f9;
    color: #3a3a3a;
    min-height: 300px
}


    .pills-style2 .nav-pills li a {
        color: #3a3a3a;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        behavior: url(img/PIE.htc)
    }


        .pills-style2 .nav-pills li a:focus, .pills-style2 .nav-pills li a:hover {
            color: #3a3a3a
        }


        .pills-style2 .nav-pills li a i {
            margin-right: 10px
        }


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


.pills-style2 .tab-content {
    background: #fff;
    min-height: 300px;
    padding: 25px;
    border: 1px solid #f9f9f9
}


.pills-style3 .nav-pills {
    padding: 0;
    background: #2b2b2b;
    color: #fff;
    min-height: 300px
}


    .pills-style3 .nav-pills li a {
        color: #fff;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        behavior: url(img/PIE.htc)
    }


        .pills-style3 .nav-pills li a:focus, .pills-style3 .nav-pills li a:hover {
            color: #3a3a3a
        }


        .pills-style3 .nav-pills li a i {
            margin-right: 10px
        }


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


.pills-style3 .tab-content {
    background: #f9f9f9;
    min-height: 300px;
    padding: 25px
}


.pills-style4 .nav-pills {
    padding: 0;
    background: #f9f9f9;
    color: #3a3a3a;
    min-height: 300px
}


    .pills-style4 .nav-pills li a {
        color: #3a3a3a;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        behavior: url(img/PIE.htc)
    }


        .pills-style4 .nav-pills li a:focus, .pills-style4 .nav-pills li a:hover {
            color: #3a3a3a
        }


        .pills-style4 .nav-pills li a i {
            margin-right: 10px
        }


    .pills-style4 .nav-pills li.active > a {
        border-left: 2px solid #3498db;
        color: #3a3a3a;
        background: #f9f9f9
    }


.pills-style4 .tab-content {
    background: #fff;
    min-height: 300px;
    padding: 25px;
    border: 1px solid #f9f9f9
}


@media (max-width:767px) {
    .pills-style1 .nav-pills, .pills-style2 .nav-pills, .pills-style3 .nav-pills, .pills-style4 .nav-pills {
        min-height: auto
    }
}


.panel-group {
    margin: 20px 0
}


    .panel-group .panel {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        behavior: url(img/PIE.htc);
        box-shadow: none
    }


        .panel-group .panel .panel-heading {
            position: relative;
            padding: 0;
            background: #f9f9f9;
            border-color: #eee;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -o-border-radius: 0;
            border-radius: 0;
            behavior: url(img/PIE.htc)
        }


            .panel-group .panel .panel-heading a {
                position: relative;
                display: block;
                padding: 5px 15px;
                color: inherit;
                text-decoration: none
            }


                .panel-group .panel .panel-heading a:after {
                    position: absolute;
                    right: 10px;
                    top: 7px;
                    height: 20px;
                    width: 20px;
                    content: "\f068";
                    text-align: center;
                    line-height: 20px;
                    font-family: FontAwesome;
                    color: #888;
                    font-size: 12px
                }


                .panel-group .panel .panel-heading a i {
                    margin-right: 10px
                }


            .panel-group .panel .panel-heading .collapsed:after {
                font-family: fontawesome;
                content: "\f067" !important
            }


    .panel-group.accordion-style1 .panel .panel-heading {
        position: relative;
        padding: 0;
        background: #3498db;
        color: #fff
    }


        .panel-group.accordion-style1 .panel .panel-heading a {
            position: relative;
            display: block;
            padding: 5px 15px;
            color: inherit;
            text-decoration: none
        }


            .panel-group.accordion-style1 .panel .panel-heading a:after {
                position: absolute;
                right: 10px;
                top: 7px;
                height: 20px;
                width: 20px;
                content: "\f068";
                text-align: center;
                line-height: 20px;
                font-family: FontAwesome;
                color: #fff;
                font-size: 12px
            }


            .panel-group.accordion-style1 .panel .panel-heading a i {
                margin-right: 10px
            }


        .panel-group.accordion-style1 .panel .panel-heading .collapsed:after {
            font-family: fontawesome;
            content: "\f067" !important
        }


    .panel-group.accordion-style2 .panel .panel-heading {
        position: relative;
        padding: 0;
        background: #373737;
        color: #fff
    }


        .panel-group.accordion-style2 .panel .panel-heading a {
            position: relative;
            display: block;
            padding: 5px 15px;
            color: inherit;
            text-decoration: none
        }


            .panel-group.accordion-style2 .panel .panel-heading a:after {
                position: absolute;
                right: 10px;
                top: 7px;
                height: 20px;
                width: 20px;
                content: "\f068";
                text-align: center;
                line-height: 20px;
                font-family: FontAwesome;
                color: #eee;
                font-size: 12px
            }


            .panel-group.accordion-style2 .panel .panel-heading a i {
                margin-right: 10px
            }


        .panel-group.accordion-style2 .panel .panel-heading .collapsed:after {
            font-family: fontawesome;
            content: "\f067" !important
        }


    .panel-group.accordion-style3 .panel {
        background: #fff
    }


        .panel-group.accordion-style3 .panel .panel-heading {
            position: relative;
            padding: 0;
            border: 1px solid #3498db;
            background: #fff
        }


            .panel-group.accordion-style3 .panel .panel-heading a {
                position: relative;
                display: block;
                padding: 5px 15px;
                color: inherit;
                text-decoration: none
            }


                .panel-group.accordion-style3 .panel .panel-heading a:after {
                    position: absolute;
                    right: 10px;
                    top: 7px;
                    height: 20px;
                    width: 20px;
                    content: "\f068";
                    text-align: center;
                    line-height: 20px;
                    font-family: FontAwesome;
                    color: #888;
                    font-size: 12px
                }


                .panel-group.accordion-style3 .panel .panel-heading a i {
                    margin-right: 10px
                }


            .panel-group.accordion-style3 .panel .panel-heading .collapsed:after {
                font-family: fontawesome;
                content: "\f067" !important
            }


.panel, .panel .panel-heading {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    behavior: url(img/PIE.htc)
}


    .panel .panel-heading .panel-title i {
        margin-right: 7px
    }


    .panel .panel-body, .panel .panel-footer {
        color: #3a3a3a
    }


.panel-theme .panel-heading {
    background-color: #3498db
}


    .panel-theme .panel-heading .panel-title {
        color: #fff
    }


        .panel-theme .panel-heading .panel-title i {
            margin-right: 7px
        }


.panel-theme .panel-body {
    border-left: 1px solid #3498db;
    border-right: 1px solid #3498db;
    border-bottom: 1px solid #3498db
}


.panel-green .panel-heading {
    background-color: #2ecc71
}


    .panel-green .panel-heading .panel-title {
        color: #fff
    }


        .panel-green .panel-heading .panel-title i {
            margin-right: 7px
        }


.panel-green .panel-body {
    border-left: 1px solid #2ecc71;
    border-right: 1px solid #2ecc71;
    border-bottom: 1px solid #2ecc71
}


.panel-blue .panel-heading {
    background-color: #3498db
}


    .panel-blue .panel-heading .panel-title {
        color: #fff
    }


        .panel-blue .panel-heading .panel-title i {
            margin-right: 7px
        }


.panel-blue .panel-body {
    border-left: 1px solid #3498db;
    border-right: 1px solid #3498db;
    border-bottom: 1px solid #3498db
}


.panel-orange .panel-heading {
    background-color: #e74c3c
}


    .panel-orange .panel-heading .panel-title {
        color: #fff
    }


        .panel-orange .panel-heading .panel-title i {
            margin-right: 7px
        }


.panel-orange .panel-body {
    border-left: 1px solid #e74c3c;
    border-right: 1px solid #e74c3c;
    border-bottom: 1px solid #e74c3c
}


.panel-red .panel-heading {
    background-color: #bf1e4b
}


    .panel-red .panel-heading .panel-title {
        color: #fff
    }


        .panel-red .panel-heading .panel-title i {
            margin-right: 7px
        }


.panel-red .panel-body {
    border-left: 1px solid #bf1e4b;
    border-right: 1px solid #bf1e4b;
    border-bottom: 1px solid #bf1e4b
}


.panel-light .panel-heading {
    background-color: #ecf0f1
}


    .panel-light .panel-heading .panel-title {
        color: #3a3a3a
    }


        .panel-light .panel-heading .panel-title i {
            margin-right: 7px
        }


.panel-light .panel-body {
    border-left: 1px solid #ecf0f1;
    border-right: 1px solid #ecf0f1;
    border-bottom: 1px solid #ecf0f1
}


.panel-purple .panel-heading {
    background-color: #a700ae
}


    .panel-purple .panel-heading .panel-title {
        color: #fff
    }


        .panel-purple .panel-heading .panel-title i {
            margin-right: 7px
        }


.panel-purple .panel-body {
    border-left: 1px solid #a700ae;
    border-right: 1px solid #a700ae;
    border-bottom: 1px solid #a700ae
}


.panel-aqua .panel-heading {
    background-color: #27d7e7
}


    .panel-aqua .panel-heading .panel-title {
        color: #fff
    }


        .panel-aqua .panel-heading .panel-title i {
            margin-right: 7px
        }


.panel-aqua .panel-body {
    border-left: 1px solid #27d7e7;
    border-right: 1px solid #27d7e7;
    border-bottom: 1px solid #27d7e7
}


.panel-brown .panel-heading {
    background-color: #9c8061
}


    .panel-brown .panel-heading .panel-title {
        color: #fff
    }


        .panel-brown .panel-heading .panel-title i {
            margin-right: 7px
        }


.panel-brown .panel-body {
    border-left: 1px solid #9c8061;
    border-right: 1px solid #9c8061;
    border-bottom: 1px solid #9c8061
}


.panel-dark-blue .panel-heading {
    background-color: #2672ec
}


    .panel-dark-blue .panel-heading .panel-title {
        color: #fff
    }


        .panel-dark-blue .panel-heading .panel-title i {
            margin-right: 7px
        }


.panel-dark-blue .panel-body {
    border-left: 1px solid #2672ec;
    border-right: 1px solid #2672ec;
    border-bottom: 1px solid #2672ec
}


.panel-light-green .panel-heading {
    background-color: #79d5b3
}


    .panel-light-green .panel-heading .panel-title {
        color: #fff
    }


        .panel-light-green .panel-heading .panel-title i {
            margin-right: 7px
        }


.panel-light-green .panel-body {
    border-left: 1px solid #79d5b3;
    border-right: 1px solid #79d5b3;
    border-bottom: 1px solid #79d5b3
}


.panel-dark-red .panel-heading {
    background-color: #a10f2b
}


    .panel-dark-red .panel-heading .panel-title {
        color: #fff
    }


        .panel-dark-red .panel-heading .panel-title i {
            margin-right: 7px
        }


.panel-dark-red .panel-body {
    border-left: 1px solid #a10f2b;
    border-right: 1px solid #a10f2b;
    border-bottom: 1px solid #a10f2b
}


.panel-teal .panel-heading {
    background-color: #00a0b1
}


    .panel-teal .panel-heading .panel-title {
        color: #fff
    }


        .panel-teal .panel-heading .panel-title i {
            margin-right: 7px
        }


.panel-teal .panel-body {
    border-left: 1px solid #00a0b1;
    border-right: 1px solid #00a0b1;
    border-bottom: 1px solid #00a0b1
}


.progress {
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    behavior: url(img/PIE.htc)
}


    .progress .progress-bar {
        box-shadow: none
    }


    .progress.progress-border {
        border: 1px solid #eee;
        background-color: transparent
    }


        .progress.progress-border.progress-bar {
            box-shadow: none;
            background-color: rgba(46, 141, 239, .5)
        }


    .progress.progress-small {
        height: 10px
    }


        .progress.progress-small .progress-bar {
            line-height: 10px !important
        }


    .progress.progress-medium {
        height: 15px
    }


        .progress.progress-medium .progress-bar {
            line-height: 15px !important
        }


    .progress.progress-large {
        height: 20px
    }


        .progress.progress-large .progress-bar {
            line-height: 20px !important
        }


    .progress.progress-extra-large {
        height: 30px
    }


        .progress.progress-extra-large .progress-bar {
            line-height: 30px !important
        }


    .progress .progress-bar-green {
        background-color: #2ecc71
    }


    .progress .progress-bar-blue {
        background-color: #3498db
    }


    .progress .progress-bar-orange {
        background-color: #e74c3c
    }


    .progress .progress-bar-red {
        background-color: #bf1e4b
    }


    .progress .progress-bar-light {
        background-color: #ecf0f1;
        color: #3a3a3a
    }


    .progress .progress-bar-purple {
        background-color: #a700ae
    }


    .progress .progress-bar-aqua {
        background-color: #27d7e7
    }


    .progress .progress-bar-brown {
        background-color: #9c8061
    }


    .progress .progress-bar-dark-blue {
        background-color: #2672ec
    }


    .progress .progress-bar-light-green {
        background-color: #79d5b3
    }


    .progress .progress-bar-dark-red {
        background-color: #a10f2b
    }


    .progress .progress-bar-teal {
        background-color: #00a0b1
    }


.pagination li a {
    color: #3a3a3a;
    margin: 1px
}


.pagination > .active a, .pagination > .active a:focus, .pagination > .active a:hover {
    background-color: #3498db;
    border: 1px solid #3498db
}


.pager.pager-square li a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    behavior: url(img/PIE.htc)
}


.pager .disabled > a {
    background-color: #f5f5f5
}


.pager li a {
    border: 1px solid #3498db;
    color: #3a3a3a
}


    .pager li a:hover {
        background-color: #3498db;
        color: #fff
    }


span.counter {
    font-size: 26px
}


.sidebar-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #fff;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    behavior: url(img/PIE.htc)
}


    .sidebar-menu li.active a {
        background-color: #eee
    }


        .sidebar-menu li.active a:hover {
            color: #3a3a3a
        }


    .sidebar-menu li a {
        display: block;
        padding: 7px 10px;
        border-bottom: 1px solid #eee;
        color: #3a3a3a;
        font-weight: 700
    }


        .sidebar-menu li a:hover {
            background-color: #eee
        }


        .sidebar-menu li a i {
            margin-right: 10px
        }


    .sidebar-menu li ul.sub-menu {
        padding: 0;
        list-style: none
    }


        .sidebar-menu li ul.sub-menu li a {
            position: relative;
            padding-left: 50px;
            font-weight: 400
        }


            .sidebar-menu li ul.sub-menu li a:before {
                font-size: 12px;
                content: "\f105";
                font-weight: 400;
                display: inline-block;
                font-family: FontAwesome;
                position: absolute;
                top: 7px;
                left: 35px
            }


.badge {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    behavior: url(img/PIE.htc)
}


.badge-green, .label-green {
    background-color: #2ecc71
}


.badge-blue, .label-blue {
    background-color: #3498db
}


.badge-orange, .label-orange {
    background-color: #e74c3c
}


.badge-red, .label-red {
    background-color: #bf1e4b
}


.badge-light, .label-light {
    background-color: #ecf0f1;
    color: #3a3a3a
}


.badge-purple, .label-purple {
    background-color: #a700ae
}


.badge-aqua, .label-aqua {
    background-color: #27d7e7
}


.badge-brown, .label-brown {
    background-color: #9c8061
}


.badge-dark-blue, .label-dark-blue {
    background-color: #2672ec
}


.badge-light-green, .label-light-green {
    background-color: #79d5b3
}


.badge-dark-red, .label-dark-red {
    background-color: #a10f2b
}


.badge-teal, .label-teal {
    background-color: #00a0b1
}


.notification {
    margin: 20px 0;
    padding: 0;
    list-style: none
}


    .notification li {
        padding: 5px 10px
    }


        .notification li a {
            position: relative;
            border: 1px solid #eee;
            padding: 8px;
            color: #333
        }


            .notification li a:hover {
                color: #fff;
                background-color: #3498db
            }


            .notification li a i {
                margin: 10px
            }


            .notification li a span.badge {
                position: absolute;
                top: -10px;
                right: -15px
            }


blockquote {
    font-size: 14px;
    font-style: italic;
    border-left: 2px solid #eee
}


    blockquote.colored {
        border-left: 2px solid #3498db
    }


.blockquote-reverse {
    border-right: 2px solid #eee
}


.blockquote-reverse-colored {
    border-right: 2px solid #3498db;
    padding-right: 15px;
    padding-left: 0;
    text-align: right;
    border-left: 0
}


.feature-box {
    margin: 15px 10px;
    padding: 30px 20px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}


    .feature-box.right {
        text-align: right
    }


        .feature-box.right i {
            float: right !important;
            margin-left: 10px
        }


    .feature-box i {
        padding: 20px;
        font-size: 24px;
        display: inline-block;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }


        .feature-box i.circle {
            -webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            -o-border-radius: 50px;
            border-radius: 50px;
            behavior: url(img/PIE.htc)
        }


        .feature-box i.square {
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -o-border-radius: 0;
            border-radius: 0;
            behavior: url(img/PIE.htc)
        }


        .feature-box i.rounded {
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px;
            behavior: url(img/PIE.htc)
        }


    .feature-box .separator {
        margin: 0 auto
    }


    .feature-box h4 {
        margin: 30px 0 15px;
        font-size: 16px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }


    .feature-box.style1 {
        text-align: center
    }


        .feature-box.style1 i {
            background: #3498db;
            color: #fff
        }


        .feature-box.style1:hover {
            background-color: #3498db
        }


            .feature-box.style1:hover i {
                background-color: #fff;
                color: #3498db
            }


            .feature-box.style1:hover h4, .feature-box.style1:hover p {
                color: #fff
            }


    .feature-box.style2 {
        text-align: center
    }


        .feature-box.style2 i {
            color: #3498db;
            border: 1px solid #3498db
        }


        .feature-box.style2:hover i {
            background-color: #3498db;
            color: #fff;
            border: 1px solid #3498db
        }


    .feature-box.style3 {
        background-color: #fff;
        border: 1px solid transparent;
        text-align: center
    }


        .feature-box.style3 i {
            background: 0 0;
            color: #2b2b2b
        }


        .feature-box.style3 h4 {
            margin: 15px 0
        }


        .feature-box.style3:hover {
            border: 1px solid #3498db
        }


            .feature-box.style3:hover i {
                color: #3498db
            }


    .feature-box.style4 {
        background-color: #fff;
        border: 1px solid #ddd;
        text-align: center;
        padding: 30px 0
    }


        .feature-box.style4 i {
            background: 0 0;
            color: #2b2b2b
        }


        .feature-box.style4 h4 {
            margin: 15px 0 20px;
            background: #eee;
            padding: 10px
        }


        .feature-box.style4 p {
            padding: 0 32px
        }


        .feature-box.style4:hover {
            border: 1px solid #3498db
        }


            .feature-box.style4:hover i {
                color: #3498db
            }


            .feature-box.style4:hover h4 {
                background-color: #3498db;
                color: #fff
            }


    .feature-box.style5 i {
        float: left;
        padding: 0 10px 10px 0
    }


    .feature-box.style5 h4 {
        margin: 0;
        padding: 5px 0 5px 37px
    }


    .feature-box.style5 p {
        clear: both
    }


    .feature-box.style5:hover {
        background-color: #f5f5f5
    }


        .feature-box.style5:hover i {
            color: #3498db
        }


    .feature-box.style6 i {
        float: left;
        padding: 10px;
        background: #3498db;
        color: #fff;
        font-size: 16px;
        line-height: 16px
    }


    .feature-box.style6 h4 {
        margin: 0;
        padding: 10px 0 20px 45px
    }


    .feature-box.style6 p {
        clear: both
    }


    .feature-box.style6:hover {
        background-color: #f5f5f5
    }


.feature-box2 {
    margin: 30px 10px
}


    .feature-box2 .icon-holder {
        float: left;
        margin: -18px 10px 0 0
    }


    .feature-box2 p {
        margin-top: 15px
    }


.feature-box4 {
    margin: 30px 10px;
    background: #f9f9f9;
    box-shadow: 2px 2px 0px rgba(0,0,0,0.07);
}


    .feature-box4 i {
        font-size: 60px;
        color: #3498db
    }


.thumbnail {
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    behavior: url(img/PIE.htc)
}


    .thumbnail.no-border {
        border: none
    }


    .thumbnail .caption a.btn {
        margin-top: 15px
    }


    .thumbnail p {
        line-height: 1.8em;
        color: #444;
    }


a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
    border-color: #3498db
}


.customNavigation {
    text-align: right
}


    .customNavigation.center {
        text-align: center !important
    }


    .customNavigation a {
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }


.zoom {
    overflow: hidden
}


    .zoom img {
        transition: all .6s ease-in-out
    }


        .zoom img:hover {
            transform: scale(1.2) rotate(1deg)
        }


.testimonial {
    background-color: #f9f9f9;
    padding: 20px;
    margin: 10px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    behavior: url(img/PIE.htc);
    box-shadow: 0 3px 0 #eee;
    border: 1px solid #eee
}


    .testimonial .image-box {
        float: left
    }


        .testimonial .image-box img {
            width: 82px;
            height: 82px
        }


    .testimonial .content-box {
        padding-left: 100px
    }


        .testimonial .content-box strong {
            display: block;
            color: #3a3a3a;
            font-style: italic
        }


        .testimonial .content-box span {
            font-size: 13px;
            font-style: italic;
            color: #818181
        }


    .testimonial.light {
        background-color: #fff !important
    }


    .testimonial.border {
        background-color: #fff !important;
        border: 1px solid #eee;
        -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .09) inset;
        box-shadow: 0 0 20px rgba(0, 0, 0, .09) inset;
        -o-box-shadow: 0 0 20px rgba(0, 0, 0, .09) inset;
        -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .09) inset
    }


    .testimonial.clear {
        background: #fff;
        border: none;
        box-shadow: none
    }


.testimonial2 {
    position: relative;
    margin: 60px 0;
    border: 1px solid #eee;
    padding: 70px 40px 40px;
    background: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    behavior: url(img/PIE.htc)
}


    .testimonial2 .image-box {
        position: absolute;
        top: -43px;
        left: 39%
    }


        .testimonial2 .image-box img {
            width: 86px;
            height: 86px;
            border: 1px solid #eee;
            padding: 2px;
            background-color: #fff
        }


    .testimonial2 .content-box i {
        color: #222;
        margin: 10px 5px 0;
        font-size: 18px
    }


    .testimonial2 .content-box strong {
        color: #3a3a3a;
        font-style: italic
    }


    .testimonial2 .content-box span {
        font-size: 13px;
        font-style: italic;
        color: #818181
    }


    .testimonial2:hover {
        border: 1px solid #3498db
    }


.testimonial3 {
    margin: 30px 0;
    position: relative
}


    .testimonial3 .content-box {
        background-color: #f6f6f6;
        padding: 20px;
        margin-bottom: 20px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        behavior: url(img/PIE.htc)
    }


        .testimonial3 .content-box i {
            color: #222;
            margin: 10px 5px 0;
            font-size: 18px
        }


    .testimonial3 .image-box {
        float: left
    }


        .testimonial3 .image-box img {
            width: 82px;
            height: 82px
        }


    .testimonial3 .info {
        float: left;
        padding: 30px 30px 30px 15px
    }


        .testimonial3 .info span {
            font-size: 13px;
            font-style: italic;
            color: #818181
        }


    .testimonial3 .arrow-down {
        width: 0;
        height: 0;
        border-left: 0 solid transparent;
        border-right: 20px solid transparent;
        border-top: 15px solid #f6f6f6;
        position: absolute;
        bottom: -13px;
        left: 37px
    }


.testimonial4 {
    text-align: center
}


    .testimonial4 .image-box img {
        width: 90px;
        height: 90px;
        margin: 0 auto
    }


    .testimonial4 .content-box {
        width: 65%;
        margin: 20px auto
    }


        .testimonial4 .content-box i {
            font-size: 18px;
            margin-right: 10px
        }


    .testimonial4 .info strong {
        color: #3a3a3a;
        font-style: italic;
        margin: 0 10px
    }


    .testimonial4 .info span {
        font-size: 13px;
        font-style: italic;
        color: #818181
    }


.bg-dark .info strong {
    color: #3498db !important
}


.bg-dark .info span {
    color: #fff !important
}


@media (max-width:767px) {
    .testimonial3 {
        margin-bottom: 140px
    }
}


.callout {
    background: #fff;
    color: #222;
    padding: 50px 30px;
    margin: 30px 0
}


    .callout h1, .callout h2, .callout h3, .callout h4, .callout h5 {
        margin-top: 0
    }


    .callout a {
        margin-top: 10px
    }


    .callout.border {
        border: 2px solid #eee
    }


    .callout.bg-dark h1, .callout.bg-dark h2, .callout.bg-dark h3, .callout.bg-dark h4, .callout.bg-dark h5 {
        color: #fff
    }


.counter-box {
    text-align: center;
    margin-bottom: 20px
}


.counter-box-light {
    padding: 20px;
    text-align: center;
    background-color: #f9f9f9;
    border: 1px solid #eee;
    box-shadow: 3px 3px 0 #eee;
    margin-bottom: 20px
}


.counter-box-dark {
    padding: 20px;
    text-align: center;
    background-color: rgba(0, 0, 0, .3);
    box-shadow: 3px 3px 0 rgba(0, 0, 0, .4);
    margin-bottom: 20px
}


#coupon {
    font-size: 36px
}


#countdown.style1 .box {
    background: rgba(0, 0, 0, .3);
    color: #fff !important;
    display: inline-block;
    padding: 40px;
    margin: 10px
}


#countdown.style1 span {
    font-size: 80px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)
}


#countdown.style2 {
    margin: 30px 0
}


    #countdown.style2 .box {
        color: #fff !important;
        display: inline-block;
        margin: 10px
    }


    #countdown.style2 span {
        font-size: 45px;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)
    }


@media (max-width:478px) {
    #countdown.style1 .box {
        padding: 20px;
        margin: 10px
    }


    #countdown.style1 span {
        font-size: 26px
    }
}


.team {
    margin: 10px 0;
    text-align: center;
    border: 1px solid #eee;
    box-shadow: 2px 2px 0px rgba(0,0,0,0.07);
}


    /*
.team img
{
	margin: 0 auto;
	-webkit-filter: grayscale(100%);
	-webkit-transition: .5s ease-in-out;
	-moz-filter: grayscale(100%);
	-moz-transition: .5s ease-in-out;
	-o-filter: grayscale(100%);
	-o-transition: .5s ease-in-out;
	
}


.team img:hover
{
	-webkit-filter: grayscale(0);
	-webkit-transition: .5s ease-in-out;
	-moz-filter: grayscale(0);
	-moz-transition: .5s ease-in-out;
	-o-filter: grayscale(0);
	-o-transition: .5s ease-in-out;
	
	}
*/


    .team .content {
        background: #fff;
        padding: 20px;
        font-size: 16px
    }


        .team .content span {
            display: block;
            font-size: 13px
        }


        .team .content ul {
            margin: 15px 0 0
        }


    .team.dark {
        border: none
    }


        .team.dark .content {
            color: #3a3a3a
        }


.team2 {
    position: relative;
    background: #fff;
    border: 1px solid #eee;
    padding: 10px;
    display: block;
    margin-bottom: 15px;
}


    .team2 .content {
        color: #222
    }


    .team2 .overlay {
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, .7);
        display: block;
        overflow: hidden;
        width: 100%;
        height: 100%;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }


        .team2 .overlay ul {
            margin: 50% 0 0;
            width: 100%;
            text-align: center
        }


    .team2:hover .overlay {
        opacity: 1
    }


.tp-caption.meduin_clarity_text {
    font-size: 22px;
    line-height: 58px;
    font-weight: 400;
    font-family: Montserrat;
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    letter-spacing: 3px;
    text-align: center;
    border-width: 0;
    border-color: #000;
    border-style: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .3)
}


.tp-caption.large_clarity_text {
    font-size: 72px;
    line-height: 72px;
    font-weight: 800;
    font-family: Montserrat;
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-width: 0;
    border-color: #000;
    border-style: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)
}


.tp-caption.small_clarity_text {
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    font-family: Raleway;
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    border-width: 0;
    border-color: #000;
    border-style: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .3)
}


.tp-caption.small_clarity_dark_text {
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    font-family: Raleway;
    color: #3a3a3a;
    text-decoration: none;
    background-color: transparent;
    text-shadow: none;
    border-width: 0;
    border-color: #000;
    border-style: none
}


.btn-rev {
    background: 0 0;
    color: #fff !important;
    border: 2px solid #fff;
    font-size: 16px !important;
    background: rgba(0, 0, 0, .1)
}


    .btn-rev:hover {
        color: #fff;
        background: #000;
        border: 2px solid #fff;
    }


#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 10002;
}


#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(../img/loading.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px
}


.scrollToTop {
    width: 42px;
    height: 42px;
    padding: 8px 10px;
    text-align: center;
    font-weight: 700;
    color: #a1a1a1;
    text-decoration: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    display: none;
    cursor: pointer;
    border: none;
    background-color: #111111;
    z-index: 1005;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    behavior: url(img/PIE.htc)
}


    .scrollToTop:focus, .scrollToTop:hover, .scrollToTop:visited {
        text-decoration: none;
        color: #fff;
    }


    .scrollToTop i {
        line-height: 24px
    }


.theme-icons {
    margin: 0 -10px 20px;
    overflow: hidden
}


.theme-icons-list {
    padding-left: 0;
    list-style: none
}


.theme-icons li {
    float: left;
    width: 16%;
    height: 100px;
    padding: 10px;
    font-size: 12px;
    line-height: 1.4;
    text-align: center;
    border: 1px solid #eee;
    margin: 2px
}


.theme-icons .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px
}


.theme-icons .icons {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 34px
}


.theme-icons .theme-icons-class {
    display: block;
    text-align: center;
    word-wrap: break-word;
    font-size: 12px
}


.owl-carousel .item {
    margin: 10px
}


.customNavigation {
    margin: 4px 15px
}


.owl-title {
    float: left;
    margin-left: 10px
}


    .owl-title h3 {
        margin: 8px 0
    }


pre.code-block {
    display: none
}


a.showcode {
    font-weight: 700;
    position: relative;
    color: #3498db
}


    a.showcode:after {
        top: -3px;
        right: -20px;
        font-size: 12px;
        content: "\f121";
        font-weight: 400;
        display: inline-block;
        font-family: FontAwesome;
        position: absolute
    }


ul#filter {
    margin: 0;
    padding: 0
}


    ul#filter li {
        display: inline-block
    }


        ul#filter li:last-child {
            border-right: none;
            margin-right: 0;
            padding-right: 0
        }


    ul#filter a {
        text-decoration: none;
        padding: 4px 10px;
        color: #444;
        margin: 5px 2px;
        display: block;
        font-size: 14px
    }


        ul#filter a:hover, ul#filter li.current a {
            color: #3498db
        }


    ul#filter li.current a {
        font-weight: 600;
        text-decoration: none;
        color: #3498db
    }


ul#portfolio {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block
}


    ul#portfolio a:hover {
        text-decoration: none
    }


    ul#portfolio img {
        margin: 15px 0
    }


    ul#portfolio h4 {
        margin-bottom: 0
    }


    ul#portfolio .item-wrapper {
        position: relative;
        text-align: center
    }


        ul#portfolio .item-wrapper .overlay {
            position: absolute;
            text-align: center;
            width: 100%;
            padding: 20px;
            color: #fff;
            zoom: 1;
            opacity: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@whole)";
            filter: alpha(opacity=0);
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            bottom: 0;
            background: url(../img/trans-dot.png) top left
        }


            ul#portfolio .item-wrapper .overlay h4 {
                color: #fff
            }


        ul#portfolio .item-wrapper:hover .overlay {
            zoom: 1;
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@whole)";
            filter: alpha(opacity=100);
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            background: url(../img/trans-dot.png) top left
        }


    ul#portfolio .info {
        text-align: center
    }


    ul#portfolio .no-padd img {
        margin: 0
    }


.pricing-tables {
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
    text-align: center;
    margin: 20px 0
}


    .pricing-tables.highlights {
        background: #3498db
    }


        .pricing-tables.highlights .heading {
            background: #3498db;
            color: #fff
        }


            .pricing-tables.highlights .heading h3 {
                color: #fff !important
            }


    .pricing-tables.style2 {
    }


        .pricing-tables.style2 .title {
            padding: 20px 0 10px;
            color: #3a3a3a !important
        }


            .pricing-tables.style2 .title h3 {
                margin: 0;
                color: #3a3a3a !important;
                font-size: 21px
            }


        .pricing-tables.style2 .circle {
            width: 136px;
            height: 136px;
            background-color: #fff;
            line-height: 136px;
            margin: 0 auto;
            border: 2px solid #3498db
        }


            .pricing-tables.style2 .circle.highlights {
                background-color: #3498db;
                color: #fff
            }


        .pricing-tables.style2 .heading {
            padding: 10px 0;
            font-size: 26px
        }


    .pricing-tables.style3 {
        text-align: left
    }


        .pricing-tables.style3 .heading {
            text-align: left;
            padding: 20px;
            background-color: #373737;
            color: #fff
        }


            .pricing-tables.style3 .heading.highlights {
                background-color: #3498db
            }


            .pricing-tables.style3 .heading h3 {
                color: #fff !important
            }


        .pricing-tables.style3 .footer {
            text-align: left
        }


    .pricing-tables .heading {
        text-align: center;
        font-size: 32px;
        background-color: #fff;
        padding: 30px 20px !important;
        color: #3a3a3a;
        font-weight: 700
    }


        .pricing-tables .heading h3 {
            margin-top: 0;
            color: #3a3a3a !important;
            font-size: 24px;
            font-weight: 700
        }


        .pricing-tables .heading span {
            font-size: 24px;
            vertical-align: top;
            margin-right: 4px
        }


    .pricing-tables .content ul {
        padding: 0;
        margin: 0;
        list-style: none
    }


        .pricing-tables .content ul li {
            padding: 10px 20px;
            background-color: #fff;
            color: #222
        }


            .pricing-tables .content ul li i {
                margin-right: 15px;
                color: #3498db
            }


    .pricing-tables .footer {
        padding: 20px;
        background-color: #fff;
        text-align: center;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        behavior: url(img/PIE.htc)
    }


.error {
    text-align: center
}


    .error h1 {
        font-size: 130px
    }


    .error p {
        font-size: 18px
    }


.client {
    min-height: 170px;
    margin: 30px 0
}


    .client .client-logo {
        width: 200px;
        float: left;
        border: 1px solid #eee;
        padding: 20px;
        text-align: center
    }


        .client .client-logo:hover {
            border: 1px solid #3498db
        }


        .client .client-logo img {
            text-align: center;
            margin: 0 auto
        }


    .client .client-content {
        margin-left: 220px
    }


@media (max-width:767px) {
    .client .client-logo {
        float: none
    }


    .client .client-content {
        margin: 20px 0
    }
}


.client-v2 {
    margin: 0 0 30px;
    padding: 20px;
    border: 1px solid #eee
}


    .client-v2:hover {
        border: 1px solid #3498db
    }


.career {
    margin: 40px 0
}


    .career .career-title {
        margin-bottom: 10px;
        border-bottom: 1px solid #eee
    }


    .career .career-content {
        padding: 10px 0
    }


.side-menu, .side-menu a, .side-menu li, .side-menu ul {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    font-weight: 400;
    text-decoration: none;
    line-height: 1;
    position: relative
}


.side-menu {
    width: 100%
}


    .side-menu ul li {
        border-bottom: 1px solid #eee
    }


        .side-menu ul li:hover a {
            color: #3498db
        }


        .side-menu ul li a {
            font-size: 14px;
            color: #3a3a3a;
            border-top: none;
            display: block;
            padding: 12px 10px
        }


            .side-menu ul li a:hover {
                text-decoration: none
            }


        .side-menu ul li.active a {
            color: #3498db
        }


        .side-menu ul li.has-sub > a span:after {
            position: absolute;
            right: 10px;
            top: 12px;
            height: 12px;
            width: 12px;
            text-align: center;
            line-height: 20px;
            font-family: fontawesome;
            content: "\f196" !important;
            color: #3498db
        }


        .side-menu ul li.has-sub.active > a span:after {
            font-family: fontawesome;
            content: "\f147" !important;
            color: #3498db
        }


    .side-menu a {
        line-height: 1.3
    }


    .side-menu ul ul {
        display: none;
        background: #fff
    }


        .side-menu ul ul li {
            padding: 0;
            background: #f9f9f9
        }


            .side-menu ul ul li:first-child {
                border-top: 1px solid #eee
            }


            .side-menu ul ul li:last-child {
                border: none
            }


        .side-menu ul ul a {
            padding: 10px 10px 10px 25px;
            display: block;
            color: #676767;
            font-size: 13px;
            font-weight: 400
        }


            .side-menu ul ul a:before {
                content: ">";
                position: absolute;
                left: 10px;
                color: #3498db
            }


            .side-menu ul ul a:hover {
                color: #3498db
            }


.result {
    margin: 25px 0;
    display: block
}


    .result a {
        color: #3a3a3a
    }


        .result a:hover {
            color: #3498db
        }


    .result img {
        width: 125px
    }


@media (max-width:767px) {
    .invoice .text-right {
        text-align: left
    }
}


.blog-post-item {
    display: block;
    margin-bottom: 80px;
    padding-bottom: 60px;
    border-bottom: #eee 1px solid;
    position: relative
}


    .blog-post-item.grid {
        background-color: #fff;
        padding: 20px;
        margin-bottom: 30px
    }


    .blog-post-item.medium .flexslider img, .blog-post-item.medium img {
        min-height: 154px
    }


    .blog-post-item.medium h1, .blog-post-item.medium h2, .blog-post-item.medium h3, .blog-post-item.medium h4, .blog-post-item.medium h5 {
        margin-top: 0
    }


    .blog-post-item .flexslider, .blog-post-item .flexslider img {
        margin-bottom: 0
    }


    .blog-post-item h1 a, .blog-post-item h2 a, .blog-post-item h3 a, .blog-post-item h4 a, .blog-post-item h5 a {
        color: #3a3a3a;
        font-size: 22px
    }


        .blog-post-item h1 a:hover, .blog-post-item h2 a:hover, .blog-post-item h3 a:hover, .blog-post-item h4 a:hover, .blog-post-item h5 a:hover {
            color: #3498db
        }


    .blog-post-item img, .blog-post-item p {
        margin-bottom: 20px
    }


    .blog-post-item .blog-post-info {
        display: block;
        border-bottom: #eaeaea 1px dotted;
        padding-bottom: 20px;
        margin-bottom: 20px
    }


        .blog-post-item .blog-post-info li {
            margin-right: 5px
        }


            .blog-post-item .blog-post-info li a {
                color: #888;
                font-size: 13px
            }


                .blog-post-item .blog-post-info li a:hover {
                    color: #3498db
                }


            .blog-post-item .blog-post-info li i {
                color: #888;
                margin-right: 5px
            }


@media (max-width:767px) {
    .blog-post-item.medium h1, .blog-post-item.medium h2, .blog-post-item.medium h3, .blog-post-item.medium h4, .blog-post-item.medium h5 {
        margin-top: 20px
    }
}


.media, .media:first-child {
    margin-top: 30px
}


    .media .reply {
        float: right;
        font-size: 13px
    }


    .media .date {
        font-size: 12px;
        font-style: italic;
        display: block
    }


.shop-item {
    background-color: #fff;
    text-align: center;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px
}


    .shop-item:hover {
        border-bottom: 1px solid #3498db
    }


    .shop-item .shop-item-image {
        position: relative
    }


        .shop-item .shop-item-image .promo {
            position: absolute;
            top: 10px;
            left: 10px;
            opacity: 1;
            color: #fff
        }


            .shop-item .shop-item-image .promo .sale {
                background-color: #e67e22;
                -webkit-border-radius: 100px;
                -moz-border-radius: 100px;
                -o-border-radius: 100px;
                border-radius: 100px;
                behavior: url(img/PIE.htc);
                width: 47px;
                height: 46px;
                line-height: 46px;
                font-weight: 700;
                text-transform: uppercase;
                font-size: 11px;
                margin-bottom: 5px;
                text-align: center
            }


            .shop-item .shop-item-image .promo .new {
                background-color: #3498db;
                -webkit-border-radius: 100px;
                -moz-border-radius: 100px;
                -o-border-radius: 100px;
                border-radius: 100px;
                behavior: url(img/PIE.htc);
                width: 47px;
                height: 46px;
                line-height: 46px;
                font-weight: 700;
                text-transform: uppercase;
                font-size: 11px;
                margin-bottom: 5px;
                text-align: center
            }


    .shop-item.vertical {
        min-height: 306px;
        padding: 20px;
        text-align: left
    }


        .shop-item.vertical .shop-item-image {
            float: left
        }


            .shop-item.vertical .shop-item-image img {
                max-width: 200px
            }


        .shop-item.vertical .quick-info {
            margin-left: 200px
        }


            .shop-item.vertical .quick-info p {
                margin-top: 10px
            }


    .shop-item .quick-info {
        padding: 20px
    }


        .shop-item .quick-info a i {
            margin-right: 5px
        }


        .shop-item .quick-info .btn {
            margin-top: 10px
        }


        .shop-item .quick-info .cat {
            font-size: 12px;
            font-weight: 700;
            text-transform: uppercase
        }


            .shop-item .quick-info .cat a {
                border-bottom: 2px solid #f5f5f5;
                padding-bottom: 3px
            }


        .shop-item .quick-info .price {
            font-size: 18px;
            color: #3a3a3a
        }


            .shop-item .quick-info .price .del {
                text-decoration: line-through;
                color: #818181
            }


@media (max-width:520px) {
    .shop-item.vertical {
        min-height: 306px;
        padding: 20px;
        text-align: left
    }


        .shop-item.vertical .shop-item-image {
            float: none
        }


            .shop-item.vertical .shop-item-image img {
                width: 100%
            }


        .shop-item.vertical .quick-info {
            margin-left: 0;
            padding: 20px 0
        }


            .shop-item.vertical .quick-info p {
                margin-top: 10px
            }
}


.sorting {
    margin: 20px 0
}


    .sorting .type a {
        margin: 0 0 0 6px;
        color: #818181
    }


        .sorting .type a:hover {
            color: #3498db
        }


.shop-widget {
    margin: 0;
    padding: 0;
    list-style: none
}


    .shop-widget li {
        display: block;
        min-height: 116px;
        border-bottom: 1px solid #eee;
        margin: 10px 0
    }


        .shop-widget li img {
            float: left;
            width: 80px
        }


        .shop-widget li span {
            display: block;
            margin-left: 90px
        }


            .shop-widget li span.cat {
                text-transform: uppercase;
                font-size: 12px
            }


            .shop-widget li span.price {
                font-weight: 700
            }


.single-product .sku {
    color: #a1a1a1
}


.single-product .price {
    font-size: 32px;
    margin: 30px 0;
    color: #3a3a3a
}


    .single-product .price .del {
        text-decoration: line-through;
        color: #818181
    }


.single-product .rating {
    margin: 20px 0
}


.single-product .quantity {
    margin: 30px 0
}


    .single-product .quantity input {
        width: 50px
    }


.single-product a i {
    margin-right: 5px
}


.starRating:not(old) {
    display: inline-block;
    width: 7.5em;
    height: 1.5em;
    overflow: hidden;
    vertical-align: bottom
}


    .starRating:not(old) > input {
        margin-right: -100%;
        opacity: 0
    }


    .starRating:not(old) > label {
        display: block;
        float: right;
        position: relative;
        background: url(../img/shop/star-off.svg);
        background-size: contain
    }


        .starRating:not(old) > label:before {
            content: '';
            display: block;
            width: 1.5em;
            height: 1.5em;
            background: url(../img/shop/star-on.svg);
            background-size: contain;
            opacity: 0;
            transition: opacity .2s linear
        }


        .starRating:not(:hover) > :checked ~ label:before, .starRating:not(old) > label:hover:before, .starRating:not(old) > label:hover ~ label:before {
            opacity: 1
        }


.cart-img {
    width: 60px;
    vertical-align: text-top;
    margin-right: 15px
}


.cart-input {
    width: 40px;
    display: inline-block;
    margin-right: 10px
}


.checkout-process {
    padding: 0;
    list-style: none;
    margin: 40px auto
}


    .checkout-process li {
        float: left;
        margin: 10px;
        padding: 10px 20px;
        background: #fff;
        color: #aeaeae;
        min-width: 248px;
        border: 1px dashed #eee
    }


        .checkout-process li.active {
            color: #fff;
            background: #3498db;
            border: 1px solid #3498db
        }


            .checkout-process li.active h4 {
                color: #fff
            }


        .checkout-process li span {
            font-size: 36px;
            float: left
        }


        .checkout-process li h4 {
            margin-left: 56px;
            font-size: 16px;
            font-weight: 400
        }


@media (max-width:989px) {
    .checkout-process li {
        margin: 2px
    }
}


@media (max-width:589px) {
    .checkout-process li {
        margin: 2px 0;
        width: 100%
    }
}


.shipping {
    display: none
}


.cards {
    position: relative;
    overflow: hidden;
    margin-bottom: 15px
}


    .cards span {
        position: absolute;
        bottom: 20px;
        left: 20px;
        color: #fff;
        font-size: 26px;
        font-weight: 700;
        text-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
        z-index: 999
    }


    .cards img {
        transition: all .4s ease-in-out;
        -webkit-filter: grayscale(100%);
        -webkit-transition: .5s ease-in-out;
        -moz-filter: grayscale(100%);
        -moz-transition: .5s ease-in-out;
        -o-filter: grayscale(100%);
        -o-transition: .5s ease-in-out
    }


        .cards img:hover {
            transform: scale(1.2) rotate(1deg);
            -webkit-filter: grayscale(0);
            -webkit-transition: .5s ease-in-out;
            -moz-filter: grayscale(0);
            -moz-transition: .5s ease-in-out;
            -o-filter: grayscale(0);
            -o-transition: .5s ease-in-out
        }


.embed-full {
    width: 100%
}


pre {
    word-wrap: normal
}


#contactForm .error {
    text-align: left
}


    #contactForm .error p {
        font-size: 13px;
        color: red
    }


#contactForm .form-group {
    text-align: left
}


#contactForm .help-block {
    color: red;
    font-size: 13px
}






/* show-banner */


.show-banner {
    padding: 120px 0;
    text-align: center;
    background: url(../img/background_v2.jpg) center center no-repeat;
    -moz-background-size: cover;
    background-size: cover;
}

    .show-banner h1 {
        color: #fff;
        font-size: 56px;
        font-weight: bold;
        text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    }

    .show-banner h4 {
        color: #fff;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.9);
    }

.show-item {
    padding: 10px;
    margin-bottom: 20px;
}

    .show-item h4 {
        margin-bottom: 20px;
        font-size: 16px;
        color: #2ecc71;
    }

    .show-item img {
        box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
        border: 1px solid #eee;
    }

    .show-item:hover img {
        box-shadow: 4px 4px 10px rgba(0,0,0,0.3);
    }