/*
    <!--پیشگامان نگاه نوین-->
    <!--DesignedBy: PNNJ-->
    <!--Version: 1.0-->

*/
/*-----------------------------------------------------------------------------------*/
/*	PNNJ
/*-----------------------------------------------------------------------------------*/

@font-face {
    font-family: Shabnam-en;
    src: url('../fonts/en/Shabnam.eot');
    src: url('../fonts/en/Shabnam.eot?#iefix') format('embedded-opentype'), url('../fonts/en/Shabnam.woff') format('woff'), url('../fonts/en/Shabnam.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: Shabnam-en;
    src: url('../fonts/en/Shabnam-Bold.eot');
    src: url('../fonts/en/Shabnam-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/en/Shabnam-Bold.woff') format('woff'), url('../fonts/en/Shabnam-Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: Shabnam-en;
    src: url('../fonts/en/Shabnam-Light.eot');
    src: url('../fonts/en/Shabnam-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/en/Shabnam-Light.woff') format('woff'), url('../fonts/en/Shabnam-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: Shabnam-fa;
    src: url('../fonts/fa/Shabnam.eot');
    src: url('../fonts/fa/Shabnam.eot?#iefix') format('embedded-opentype'), url('../fonts/fa/Shabnam.woff') format('woff'), url('../fonts/fa/Shabnam.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: Shabnam-fa;
    src: url('../fonts/fa/Shabnam-Bold.eot');
    src: url('../fonts/fa/Shabnam-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/fa/Shabnam-Bold.woff') format('woff'), url('../fonts/fa/Shabnam-Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: Shabnam-fa;
    src: url('../fonts/fa/Shabnam-Light.eot');
    src: url('../fonts/fa/Shabnam-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/fa/Shabnam-Light.woff') format('woff'), url('../fonts/fa/Shabnam-Light.ttf') format('truetype');
    font-weight: 300;
}


h1,
h2,
h3,
h4,
h5,
h6,
.navbar .navbar-nav {
    font-family: Shabnam-fa;
}

body {
    font-family: Shabnam-fa;
    text-align: right;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6,
.navbar .navbar-nav {
    direction: rtl;
}

img {
    vertical-align: middle;
    max-width: 100%;
}

ul {
    padding: 0 0 0 0;
    list-style: none;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    float: right;
}

.logo-font {
    font-family: 'Shabnam-fa', cursive, sans-serif;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

:focus {
    outline: 0 !important
}

.fit-vids-style {
    display: none
}

figure {
    margin: 0;
    padding: 0;
}

    figure img {
        width: 100%;
        height: auto;
    }

iframe {
    border: none
}

::selection {
    background: #0035d5; /* Safari */
    color: #ffffff;
}

::-moz-selection {
    background: #fefac7; /* Firefox */
    color: #555555;
}
/*-----------------------------------------------------------------------------------*/
/*	GENERAL
/*-----------------------------------------------------------------------------------*/
body {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    font-family: 'Shabnam-fa';
    overflow-x: hidden;
    background-color: #FFF;
    color: #0f0f0f;
    font-size: 11px;
    font-weight: 500;
}

.container {
    padding-right: 0;
    padding-left: 0;
}

body,
li,
address {
    line-height: 25px
}

input,
button,
select,
textarea {
    /* font-family: 'Raleway', sans-serif; */
    /* font-size: 14px; */
    /* font-weight: 500; */
}

a {
    color: #001A66;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
}

    a:hover,
    a:focus {
        color: #3e75ce;
        text-decoration: none;
    }

.colored {
    /* color: #001A66 */
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    color: #0f0f0f;
    margin-bottom: 10px;
    font-weight: 800;
}

h1 {
    font-size: 26px;
    line-height: 30px;
}

h2 {
    font-size: 22px;
    line-height: 28px;
}

h3 {
    font-size: 18px;
    line-height: 22px;
}

h4 {
    font-size: 16px;
    margin-bottom: 8px;
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

.page-title {
    /* min-height: 91px; */
}

    .page-title h1 {
        font-size: 22px;
        font-weight: normal;
        margin: 4px 0 0 0;
    }

h3.post-title {
    font-size: 16px
}

h1.post-title {
    font-size: 22px;
    line-height: 28px;
}

.post-title a {
    color: #616161
}

    .post-title a:hover {
        color: #001A66
    }

.classic-blog .post-title {
    margin: 0 0 3px 0
}

.upper {
    text-transform: uppercase
}

.section-title {
    margin-bottom: 40px
}

    .section-title h2 {
        font-weight: 800;
        text-transform: lowercase;
        font-size: 20px;
        color: #909090;
        margin-bottom: 0;
    }

    .section-title .icon {
        display: inline-block;
        font-size: 18px;
        line-height: 21px;
        width: 130px;
        margin: 0 auto;
        position: relative;
        color: #909090;
    }

        .section-title .icon:before {
            display: inline-block;
            content: "";
            border-bottom: 1px solid #909090;
            position: absolute;
            left: 0;
            top: 10px;
            width: 50px;
        }

        .section-title .icon:after {
            display: inline-block;
            content: "";
            border-bottom: 1px solid #909090;
            position: absolute;
            right: 0;
            top: 10px;
            width: 50px;
        }

.light-wrapper {
    /* background: #f7f7f7; */
    /* border-bottom: 1px solid #e3e3e3; */
    /* background: #f7f7f7 url(../images/sports.png); */
}

.dark-wrapper {
    background: #f9f9f9;
    border-bottom: 1px solid #e3e3e3;
}

.black-wrapper {
    background: #001961;
    color: #ffffff;
    box-shadow: 1px -8px 25px rgba(28,76,156,.1);
}

    .black-wrapper .lead {
        color: #cacaca
    }

    .black-wrapper a {
        color: #ffffff;
    }

        .black-wrapper a:hover {
            color: #001A66
        }

    .black-wrapper h1,
    .black-wrapper h2,
    .black-wrapper h3,
    .black-wrapper h4,
    .black-wrapper h5,
    .black-wrapper h6 {
        color: #ffffff;
        padding-bottom: 8px;
        margin-bottom: 8px;
        border-bottom: 1px dashed #0035d5;
    }

    .black-wrapper .section-title h2,
    .black-wrapper .section-title .icon {
        color: #9b9b9b
    }

        .black-wrapper .section-title .icon:before,
        .black-wrapper .section-title .icon:after {
            border-color: #636363
        }

.widget-title {
    font-size: 14px;
    margin: 0 0 20px 0;
}

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

    .footer-menu li {
        display: inline;
        padding-left: 10px;
    }

        .footer-menu li:before {
            display: inline-block;
            content: "|";
            padding-left: 12px;
            color: white;
        }

        .footer-menu li:first-child:before {
            display: none
        }

.sub-footer {
    background: #0035d5;
    background-image: url(../images/transparent-bg.png), linear-gradient(to right,#072c5c, #0035d5);
    padding: 10px 0;
}

    .sub-footer p {
        padding: 0;
        margin: 0;
        color: white;
    }

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

    footer .post-list li {
        margin-top: 19px;
        padding-top: 20px;
        border-top: 1px solid #434343;
    }

        footer .post-list li:first-child {
            border-top: none;
            margin: 0;
            padding: 0;
        }

        footer .post-list li h6 {
            font-size: 14px;
            line-height: 25px;
            font-weight: normal;
            letter-spacing: normal;
            text-transform: none;
            margin: 0;
        }

        footer .post-list li em {
            color: #838383;
            font-size: 12px;
            font-style: normal;
        }

.tagcloud {
    line-height: 25px
}

.color-wrapper {
    background: #001A66
}

    .color-wrapper,
    .color-wrapper p {
        color: #FFF
    }

        .color-wrapper h1,
        .color-wrapper h2,
        .color-wrapper h3,
        .color-wrapper h4,
        .color-wrapper h5,
        .color-wrapper h6 {
            color: #FFF
        }

.inner {
    padding-top: 50px;
    padding-bottom: 50px;
}

.page-title .inner {
    padding-top: 26px;
    padding-bottom: 26px;
}

.lead {
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
}

.thin {
    width: 80%;
    margin: 0 auto;
}

ul {
    padding: 0;
    margin: 0;
}

ol {
    padding: 0 20px 0 0;
}

ul.circled {
    padding: 0;
    list-style: none;
}

    ul.circled li:before {
        content: '\e800';
        margin-right: 10px;
        font-weight: normal;
        vertical-align: top;
        padding-top: 1px;
        display: inline-block;
        font-family: 'fontello-circle';
        color: #001A66;
        font-size: 8px;
    }

blockquote {
    border-left: 2px solid #dadada;
    padding: 0 20px;
}

    blockquote p {
        font-size: 20px;
        line-height: 32px;
    }

    blockquote small {
        color: #001A66
    }

hr {
    border: 0;
    border-bottom: 1px solid #dadada;
    margin: 60px 0;
}

.map iframe {
    display: block;
    max-width: 100%;
}

.dropcap {
    font-weight: 800;
    display: block;
    float: left;
    font-size: 49px;
    padding: 0;
    margin: 0;
    margin: 12px 8px 0 0;
    text-transform: uppercase;
}
/*-----------------------------------------------------------------------------------*/
/*	HEADER
/*-----------------------------------------------------------------------------------*/
.navbar-header {
    float: none !important;
    background: #ffffff;
    box-shadow: 0 8px 15px rgba(28, 76, 156, 0.07);
    position: relative;
    display: inline-block;
    width: 100%;
}

.navbar .container {
    padding: 0
}

.navbar {
    margin: 0;
    border-radius: 0;
    border: none;
    position: relative;
    z-index: 8000;
    min-height: inherit;
}

.navbar-brand {
    padding: 0;
    padding-top: 30px;
}

.navbar-header .container {
}

.navbar.black .navbar-header {
    background: #2c2c2c;
}

.navbar-collapse {
    width: auto;
    padding: 0;
    border: none;
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.navbar-nav {
    margin: 0
}

    .navbar-nav > li {
        margin-right: 15px;
    }

        .navbar-nav > li > a {
            font-size: 12px;
            text-transform: uppercase;
            color: #474747;
            color: #575757;
            padding: 22px 14px;
        }

.nav > li > a:focus {
    background: none;
}

.nav > li > a:hover {
    background: none;
    color: #001A66;
}

.nav > li.active > a {
    background: none;
    color: #001A66;
}

.navbar .dropdown-menu {
    padding: 0;
    margin: 0;
    min-width: 190px;
    /* background-color: #00054d; */
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    /* border-top: 2px solid #001A66 !important; */
}

.navbar.black .dropdown-menu {
    background: #292929;
}

.navbar .dropdown-menu .dropdown-menu {
    border: none !important
}

.navbar .dropdown-menu:not(.yamm-dropdown-menu) li {
    /* background: #ffffff; */
    border: none;
    display: flex;
    width: 100%;
    border-top: 1px solid rgb(243 243 243);
}

    .navbar .dropdown-menu:not(.yamm-dropdown-menu) li:first-child {
        border: none
    }

    .navbar .dropdown-menu:not(.yamm-dropdown-menu) li a {
        padding: 7px 15px;
        line-height: 2em;
        /* color: #838586; */
        font-size: 12px;
        text-transform: uppercase;
        /* font-weight: 800; */
        width: 100%;
        text-align: right;
    }

        .navbar .dropdown-menu:not(.yamm-dropdown-menu) li a:hover,
        .navbar .dropdown-menu:not(.yamm-dropdown-menu) li a.active {
            filter: none;
            text-align: right;
            background-color: #2e353d;
            color: #FFF;
        }

.navbar.black .dropdown-menu:not(.yamm-dropdown-menu) li a:hover,
.navbar.black .dropdown-menu:not(.yamm-dropdown-menu) li a.active {
    background: #292929;
}

.navbar .nav .open > a,
.navbar .nav .open > a:hover,
.navbar .nav .open > a:focus {
    background: none;
    color: #001A66;
}

.navbar .nav > li > .dropdown-menu:not(.yamm-dropdown-menu):after {
    display: none
}

.navbar .nav > li > .dropdown-menu:not(.yamm-dropdown-menu):before {
    display: none
}

.navbar .dropdown-menu:not(.yamm-dropdown-menu) > li > a:hover,
.navbar .dropdown-menu:not(.yamm-dropdown-menu) > li > a:focus,
.navbar .dropdown-submenu:hover > a,
.navbar .dropdown-submenu:focus > a,
.navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a,
.navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a:hover,
.navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a:focus {
    color: #ffffff;
    background-color: #00279f;
    border-color: #0035d5;
}

.btn.responsive-menu {
    padding: 8px 13px;
    margin: 0;
    display: none;
    font-size: 15px;
    line-height: 10px;
}
/*-----------------------------------------------------------------------------------*/
/*	MEGA MENU
/*-----------------------------------------------------------------------------------*/
.yamm .nav,
.yamm .dropup,
.yamm .dropdown,
.yamm .collapse {
    position: static
}

.yamm .navbar-inner,
.yamm .container {
    position: relative
}

.yamm .dropdown-menu {
    left: auto
}

    .yamm .dropdown-menu > li {
        display: block
    }

.yamm .nav.pull-right .dropdown-menu {
    right: 0
}

.yamm .yamm-content {
    padding: 30px;
    *zoom: 1;
    color: #cacaca;
}

    .yamm .yamm-content:before,
    .yamm .yamm-content:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .yamm .yamm-content:after {
        clear: both
    }

.yamm.navbar .nav > li > .dropdown-menu:after,
.yamm.navbar .nav > li > .dropdown-menu:before {
    display: none
}

.yamm .yamm-content img {
    width: 100%
}

.yamm .yamm-content a {
    color: #cacaca
}

.yamm .yamm-content h1,
.yamm .yamm-content h2,
.yamm .yamm-content h3,
.yamm .yamm-content h4,
.yamm .yamm-content h5,
.yamm .yamm-content h6 {
    color: #FFF
}

.yamm .yamm-content h4 {
    margin-bottom: 15px
}

.yamm .yamm-content ul.circled li:before {
    color: #cacaca
}

.yamm .yamm-content a:hover {
    color: #001A66
}

.yamm .dropdown.yamm-fullwidth .dropdown-menu {
    width: 100%;
    left: 0;
    right: 0;
}
/*-----------------------------------------------------------------------------------*/
/*	BASIC/SIMPLE MENU
/*-----------------------------------------------------------------------------------*/
.offset {
    display: block;
}

.navbar.basic.default {
    width: 100%;
    position: fixed;
    top: 0;
    /* background: url(/Content/BasicTemplate/images/bak.jpg) repeat-x #FFFFFF; */
    background-position: top center;
}

.navbar.basic.fixed {
    position: fixed;
    left: 0;
    padding: 0;
    margin: 0;
    width: 100%;
}

    .navbar.basic.fixed .navbar-brand {
        padding-top: 14px
    }

        .navbar.basic.fixed .navbar-brand img {
            height: 30px
        }

    .navbar.basic.fixed .navbar-nav > li > a {
        padding: 19px 10px
    }

.navbar.basic .navbar-collapse {
    max-height: inherit;
    padding-right: 20px;
}
/*-----------------------------------------------------------------------------------*/
/*	DIVIDERS
/*-----------------------------------------------------------------------------------*/
.divide0 {
    width: 100%;
    height: 0px;
}

.divide2 {
    width: 100%;
    height: 2px;
}

.divide3 {
    width: 100%;
    height: 3px;
}

.divide5 {
    width: 100%;
    height: 5px;
}

.divide10 {
    width: 100%;
    height: 10px;
}

.divide15 {
    width: 100%;
    height: 15px;
}

.divide20 {
    width: 100%;
    height: 20px;
}

.divide25 {
    width: 100%;
    height: 25px;
}

.divide30 {
    width: 100%;
    height: 30px;
}

.divide35 {
    width: 100%;
    height: 35px;
}

.divide40 {
    width: 100%;
    height: 40px;
}

.divide45 {
    width: 100%;
    height: 40px;
}

.divide50 {
    width: 100%;
    height: 50px;
}

.divide55 {
    width: 100%;
    height: 55px;
}

.divide60 {
    width: 100%;
    height: 60px;
}

.divide65 {
    width: 100%;
    height: 65px;
}

.divide70 {
    width: 100%;
    height: 70px;
}

.divide75 {
    width: 100%;
    height: 75px;
}

.divide80 {
    width: 100%;
    height: 80px;
}

.divide85 {
    width: 100%;
    height: 85px;
}

.rm0 {
    margin-right: 0px
}

.rm1 {
    margin-right: 1px
}

.rm2 {
    margin-right: 2px
}

.rm5 {
    margin-right: 5px
}

.rm10 {
    margin-right: 10px
}

.rm15 {
    margin-right: 15px
}

.rm20 {
    margin-right: 20px
}

.rm25 {
    margin-right: 25px
}

.rm30 {
    margin-right: 30px
}

.rm40 {
    margin-right: 40px
}

.rm50 {
    margin-right: 50px
}

.lm0 {
    margin-left: 0px
}

.lm1 {
    margin-left: 1px
}

.lm5 {
    margin-left: 5px
}

.lm7 {
    margin-left: 7px
}

.lm10 {
    margin-left: 10px
}

.lm15 {
    margin-left: 15px
}

.lm20 {
    margin-left: 20px
}

.lm25 {
    margin-left: 25px
}

.lm30 {
    margin-left: 25px
}

.lm40 {
    margin-left: 40px
}

.rp5 {
    padding-right: 5px
}

.rp10 {
    padding-right: 10px
}

.rp15 {
    padding-right: 15px
}

.rp20 {
    padding-right: 20px
}

.rp30 {
    padding-right: 30px
}

.rp50 {
    padding-right: 50px
}

.lp0 {
    padding-left: 0px
}

.lp10 {
    padding-left: 10px
}

.lp20 {
    padding-left: 20px
}

.lp30 {
    padding-left: 30px
}

.tp0 {
    padding-top: 0 !important
}

.tp3 {
    padding-top: 3px
}

.tp5 {
    padding-top: 5px
}

.tp10 {
    padding-top: 10px
}

.tp20 {
    padding-top: 20px
}

.tp30 {
    padding-top: 30px
}

.tm4 {
    margin-top: 4px
}

.tm5 {
    margin-top: 5px
}

.tm7 {
    margin-top: 7px
}

.tm10 {
    margin-top: 10px
}

.tm15 {
    margin-top: 15px
}

.tm20 {
    margin-top: 20px
}

.mbm1 {
    margin-bottom: -1px
}

.bp0 {
    padding-bottom: 0 !important
}

.bp10 {
    padding-bottom: 10px !important
}

.bm0 {
    margin-bottom: 0 !important
}

.bm5 {
    margin-bottom: 5px !important
}

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

.bm15 {
    margin-bottom: 15px !important
}

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

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

.bp50 {
    padding-bottom: 50px
}
/*-----------------------------------------------------------------------------------*/
/*	BUTTON
/*-----------------------------------------------------------------------------------*/

.btn,
.parallax .btn-submit,
.btn-submit {
    /* color: #fff; */
    margin-bottom: 10px;
    /* margin-right: 5px; */
    padding: 10px 20px 10px 20px;
    /* font-weight: 800; */
    font-size: 11px;
    text-shadow: none;
    border: none;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -webkit-border-radius: 3px;
    border-radius: 6px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: inline-block;
}

.btn-large {
    padding: 13px 23px 13px 23px
}

.btn.btn-green {
    background: #1abb9c
}

.btn.btn-blue {
    background: #001A66
}

.btn.btn-red {
    background: #e8554e
}

.btn.btn-orange {
    background: #ee7757
}

.btn.btn-purple {
    background: #9b59b6
}

.btn.btn-pink {
    background: #d487be
}

.btn.btn-navy {
    background: #34495e
}

.btn.btn-gray {
    background: #95a5a6;
    color: white;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.parallax .btn-submit:hover {
    /* color: #fff !important; */
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active {
    background: #17a78b !important
}

.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active {
    background: #387eaa !important
}

.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active {
    background: #cf4c45 !important
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active {
    background: #d96c4f !important
}

.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active,
.btn-purple.active {
    background: #8a4fa2 !important
}

.btn-pink:hover,
.btn-pink:focus,
.btn-pink:active,
.btn-pink.active {
    background: #bd78a9 !important
}

.btn-navy:hover,
.btn-navy:focus,
.btn-navy:active,
.btn-navy.active {
    background: #2c3e50 !important
}

.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active,
.btn-gray.active {
    background: #697374 !important;
}

.color-wrapper .btn {
    background: #FFF !important;
    color: #616161 !important;
}

    .color-wrapper .btn:hover {
        background: #e9e9e9 !important
    }

.share .btn {
    background: none;
    padding: 8px 17px;
}

    .share .btn:hover {
        color: #FFF !important
    }

.btn.share-facebook {
    color: #3d5b9b !important;
    border: 2px solid #3d5b9b !important;
}

    .btn.share-facebook:hover {
        background: #334c8e !important;
        border: 2px solid #334c8e !important;
    }

.btn.share-twitter {
    color: #5aa8cd !important;
    border: 2px solid #5aa8cd !important;
}

    .btn.share-twitter:hover {
        background: #499ac8 !important;
        border: 2px solid #499ac8 !important;
    }

.btn.share-googleplus {
    color: #3b3b3b !important;
    border: 2px solid #3b3b3b !important;
}

    .btn.share-googleplus:hover {
        background: #2e2e2e !important;
        border: 2px solid #2e2e2e !important;
    }

.btn.share-pinterest {
    color: #c53942 !important;
    border: 2px solid #c53942 !important;
}

    .btn.share-pinterest:hover {
        background: #bc2d32 !important;
        border: 2px solid #bc2d32 !important;
    }

.btn-border-dark {
    background: none !important;
    border: 2px solid #616161;
    color: #616161 !important;
}

    .btn-border-dark:hover {
        background: none !important;
        border: 2px solid #387eaa;
        color: #387eaa !important;
    }

.btn-border-light {
    background: none !important;
    border: 2px solid #9b9b9b;
    color: #9b9b9b !important;
}

    .btn-border-light:hover {
        background: none !important;
        border: 2px solid #387eaa;
        color: #387eaa !important;
    }

.connect .btn {
    border: none !important
}

    .connect .btn:hover {
        border: none !important
    }

    .connect .btn i {
        padding-right: 3px;
        font-size: 13px;
    }

    .connect .btn.share-facebook {
        color: #FFF !important;
        background: #3d5b9b !important;
    }

        .connect .btn.share-facebook:hover {
            background: #334c8e !important
        }

    .connect .btn.share-twitter {
        color: #FFF !important;
        background: #5aa8cd !important;
    }

        .connect .btn.share-twitter:hover {
            background: #499ac8 !important
        }
/*-----------------------------------------------------------------------------------*/
/*	SOCIAL ICONS
/*-----------------------------------------------------------------------------------*/
.social {
    padding: 0;
    margin: 0;
    font-size: 0;
    height: 28px;
}

.image-caption .social {
    height: 33px
}

.social li {
    display: inline-block;
    font-family: 'fontello-social';
    margin-right: 5px;
}

.text-center .social li {
    margin: 0 2px
}

.member .social {
    margin: 10px 0
}

.social li a {
    display: table
}

    .social li a i {
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        color: #aaa;
        background: none;
        border: 1px solid #aaa;
        width: 28px;
        height: 28px !important;
        line-height: 1;
        font-size: 14px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -webkit-transition: all 200ms ease-in;
        -o-transition: all 200ms ease-in;
        -moz-transition: all 200ms ease-in;
    }

.social .icon-s-pinterest {
    border-color: #d8545d;
    color: #d8545d;
}

.social .icon-s-rss {
    border-color: #faaa5e;
    color: #faaa5e;
}

.social .icon-s-facebook {
    border-color: #677fb5;
    color: #677fb5;
}

.social .icon-s-twitter {
    border-color: #70c2e9;
    color: #70c2e9;
}

.social .icon-s-flickr {
    border-color: #ff3ba4;
    color: #ff3ba4;
}

.social .icon-s-dribbble {
    border-color: #e299c2;
    color: #e299c2;
}

.social .icon-s-behance {
    border-color: #42a9fb;
    color: #42a9fb;
}

.social .icon-s-linkedin {
    border-color: #3daccf;
    color: #3daccf;
}

.social .icon-s-vimeo {
    border-color: #42b5d4;
    color: #42b5d4;
}

.social .icon-s-youtube {
    border-color: #d5615c;
    color: #d5615c;
}

.social .icon-s-skype {
    border-color: #5ecbf3;
    color: #5ecbf3;
}

.social .icon-s-tumblr {
    border-color: #829fb9;
    color: #829fb9;
}

.social .icon-s-delicious {
    border-color: #6194dc;
    color: #6194dc;
}

.social .icon-s-500px {
    border-color: #3bbbe6;
    color: #3bbbe6;
}

.social .icon-s-grooveshark {
    border-color: #f88e3b;
    color: #f88e3b;
}

.social .icon-s-forrst {
    border-color: #5f9864;
    color: #5f9864;
}

.social .icon-s-digg {
    border-color: #507faa;
    color: #507faa;
}

.social .icon-s-blogger {
    border-color: #fd893f;
    color: #fd893f;
}

.social .icon-s-klout {
    border-color: #e16747;
    color: #e16747;
}

.social .icon-s-dropbox {
    border-color: #6ba3c5;
    color: #6ba3c5;
}

.social .icon-s-github {
    border-color: #6c93bb;
    color: #6c93bb;
}

.social .icon-s-songkick {
    border-color: #ff3b60;
    color: #ff3b60;
}

.social .icon-s-posterous {
    border-color: #efd57c;
    color: #efd57c;
}

.social .icon-s-appnet {
    border-color: #3daad5;
    color: #3daad5;
}

.social .icon-s-gplus {
    border-color: #bc7067;
    color: #bc7067;
}

.social .icon-s-stumbleupon {
    border-color: #f07356;
    color: #f07356;
}

.social .icon-s-lastfm {
    border-color: #cd443d;
    color: #cd443d;
}

.social .icon-s-spotify {
    border-color: #9acf48;
    color: #9acf48;
}

.social .icon-s-instagram {
    border-color: #b99682;
    color: #b99682;
}

.social .icon-s-evernote {
    border-color: #9fdc82;
    color: #9fdc82;
}

.social .icon-s-paypal {
    border-color: #5b85a8;
    color: #5b85a8;
}

.social .icon-s-picasa {
    border-color: #b088c1;
    color: #b088c1;
}

.social .icon-s-soundcloud {
    border-color: #ff8b45;
    color: #ff8b45;
}

.social a:hover .icon-s-pinterest {
    background-color: #d8545d
}

.social a:hover .icon-s-rss {
    background-color: #faaa5e
}

.social a:hover .icon-s-facebook {
    background-color: #677fb5
}

.social a:hover .icon-s-twitter {
    background-color: #70c2e9
}

.social a:hover .icon-s-flickr {
    background-color: #ff3ba4
}

.social a:hover .icon-s-dribbble {
    background-color: #e299c2
}

.social a:hover .icon-s-behance {
    background-color: #42a9fb
}

.social a:hover .icon-s-linkedin {
    background-color: #3daccf
}

.social a:hover .icon-s-vimeo {
    background-color: #42b5d4
}

.social a:hover .icon-s-youtube {
    background-color: #d5615c
}

.social a:hover .icon-s-skype {
    background-color: #5ecbf3
}

.social a:hover .icon-s-tumblr {
    background-color: #829fb9
}

.social a:hover .icon-s-delicious {
    background-color: #6194dc
}

.social a:hover .icon-s-500px {
    background-color: #3bbbe6
}

.social a:hover .icon-s-grooveshark {
    background-color: #f88e3b
}

.social a:hover .icon-s-forrst {
    background-color: #5f9864
}

.social a:hover .icon-s-digg {
    background-color: #507faa
}

.social a:hover .icon-s-blogger {
    background-color: #fd893f
}

.social a:hover .icon-s-klout {
    background-color: #e16747
}

.social a:hover .icon-s-dropbox {
    background-color: #6ba3c5
}

.social a:hover .icon-s-github {
    background-color: #6c93bb
}

.social a:hover .icon-s-songkick {
    background-color: #ff3b60
}

.social a:hover .icon-s-posterous {
    background-color: #efd57c
}

.social a:hover .icon-s-appnet {
    background-color: #3daad5
}

.social a:hover .icon-s-gplus {
    background-color: #bc7067
}

.social a:hover .icon-s-stumbleupon {
    background-color: #f07356
}

.social a:hover .icon-s-lastfm {
    background-color: #cd443d
}

.social a:hover .icon-s-spotify {
    background-color: #9acf48
}

.social a:hover .icon-s-instagram {
    background-color: #b99682
}

.social a:hover .icon-s-evernote {
    background-color: #9fdc82
}

.social a:hover .icon-s-paypal {
    background-color: #5b85a8
}

.social a:hover .icon-s-picasa {
    background-color: #b088c1
}

.social a:hover .icon-s-soundcloud {
    background-color: #ff8b45
}

.social a:hover a:hover i {
    background-color: #FFF
}

.social a:hover i {
    color: #FFF
}

.black-wrapper .social li a:hover i {
    /* color: #FFF */
}
/*-----------------------------------------------------------------------------------*/
/*	REVOLUTION SLIDER
/*-----------------------------------------------------------------------------------*/
.fullwidthbanner-container {
    width: 100% !important;
    position: relative;
    padding: 0;
    max-height: 600px !important;
    overflow: hidden !important;
}

.revolution {
    background: #FFF;
}

    .revolution ul {
        visibility: hidden;
        margin: 0;
        list-style: none;
    }

.tp-caption.bold {
    font-size: 35px;
    line-height: 1;
    font-weight: 800;
    color: #F3F3F3;
}

.tp-caption.lite {
    font-size: 28px;
    line-height: 1;
    color: #FFF;
    font-weight: normal;
}

    .tp-caption.lite.small {
        font-size: 22px;
        line-height: 35px;
        color: #cfcfcf;
    }

.tp-caption.dark {
    color: #515151
}

.tp-caption.opacity-bg {
    background: rgba(0,0,0,0.3);
    color: #FFF !important;
    padding: 10px 15px;
    font-size: 30px;
    line-height: 1;
    font-weight: 800;
    color: #F3F3F3;
}

.tp-caption a.btn {
    color: #fff
}

.tp-leftarrow.default,
.tp-rightarrow.default {
    z-index: 100;
    cursor: pointer;
    position: relative;
    top: 50% !important;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    background: rgba(0,0,0,0.2);
    color: #f7f7f7;
    line-height: 1;
    font-size: 20px;
    padding: 11px 18px;
    width: auto;
    height: auto;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.tparrows:before {
    font-family: 'fontello';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
}

.tp-leftarrow.default:before {
    content: '\e75d'
}

.tp-rightarrow.default:before {
    content: '\e75e'
}

.tparrows:hover {
    background: rgba(0,0,0,0.4)
}

.tp-bullets.simplebullets.round .bullet {
    width: 12px;
    height: 12px;
    margin-left: 4px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    background: rgba(0,0,0,0.2);
}

    .tp-bullets.simplebullets.round .bullet.selected,
    .tp-bullets.simplebullets.round .bullet:hover {
        background: rgba(0,0,0,0.4)
    }

.tp-bullets.hidebullets {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.tp-loader {
    background: url(style/images/loading.gif) no-repeat;
    background-color: #fff;
    margin: -15px -15px;
    top: 50%;
    left: 50%;
    z-index: 1000;
    position: absolute;
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
    .tp-loader {
        background-image: url(style/images/loading@2x.gif)
    }
}

.tp-bannertimer {
    width: 100%;
    height: 10px;
    background: url(style/images/timer.png);
    position: absolute;
    z-index: 200;
}
/*-----------------------------------------------------------------------------------*/
/*	SERVICES TABS
/*-----------------------------------------------------------------------------------*/
.tab-block {
    display: none
}

.services .etabs {
    padding: 0;
    overflow: inherit;
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
}

.services,
.services .etabs {
    text-align: center
}

    .services .tab {
        display: inline-block;
        position: relative;
    }

        .services .tab .pin {
            content: "";
            width: 9px;
            height: 9px;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            background: #dadada;
            display: inline-block;
            z-index: 200;
            position: relative;
            -webkit-transition: all 200ms ease-in;
            -o-transition: all 200ms ease-in;
            -moz-transition: all 200ms ease-in;
        }

        .services .tab .root:before {
            content: "";
            display: inline-block;
            border-bottom: 1px solid #dadada;
            width: 50%;
            height: 0px;
            position: absolute;
            top: 12px;
            left: 0;
        }

        .services .tab .root:after {
            content: "";
            display: inline-block;
            border-bottom: 1px solid #dadada;
            width: 50%;
            height: 0px;
            position: absolute;
            top: 12px;
            right: 0;
        }
/* Firefox Fix */
@-moz-document url-prefix() {
    .services .tab .root:before,
    .services .tab .root:after {
        margin-top: 1px
    }
}

.services .tab:first-child .root:before {
    display: none
}

.services .tab:last-child .root:after {
    display: none
}

.services .tab a {
    display: block
}

.services .tab .icon {
    display: table;
    margin: 10px auto 0;
    position: relative;
}

    .services .tab .icon i.icn {
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        width: auto;
        height: 60px;
        color: #bababa;
        line-height: 1;
        font-size: 50px;
        text-transform: uppercase;
        -webkit-transition: all 200ms ease-in;
        -o-transition: all 200ms ease-in;
        -moz-transition: all 200ms ease-in;
    }

.services .tab:hover .icon i.icn,
.services .tab.active .icon i.icn {
    color: #001A66
}

.services .tab:hover .pin,
.services .tab.active .pin {
    background-color: #001A66
}

.services .tab h4 {
    text-transform: uppercase;
    font-size: 14px;
    color: #bababa;
    font-weight: 800;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
}

.services .tab:hover h4,
.services .tab.active h4 {
    color: #001A66
}

.services .tab h4 {
    margin: 0
}

.services.tabs .panel-container {
    width: 70%;
    margin: 0 auto 30px;
}

.services.tab-container .panel-container p {
    margin: 0;
    padding-bottom: 10px;
}
/*-----------------------------------------------------------------------------------*/
/*	TABS ON TOP
/*-----------------------------------------------------------------------------------*/
.tabs-top .etabs {
    margin: 0;
    padding: 0;
    overflow: inherit;
}

.tabs-top.center .etabs {
    text-align: center
}

.tabs-top .tab {
    margin: 0;
    padding: 0;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin-right: 3px;
}

    .tabs-top .tab a {
        padding: 9px 20px;
        display: block;
        color: #9a9a9a;
        font-size: 13px;
        font-weight: 800;
        border: 1px solid #b5b5b5;
        text-transform: uppercase;
    }

        .tabs-top .tab a:hover,
        .tabs-top .tab.active a {
            color: #001A66;
            border-color: #001A66;
        }

.tabs-top.tab-container .panel-container {
    position: relative;
    z-index: 1;
    display: block;
}

    .tabs-top.tab-container .panel-container p {
        margin: 0;
        padding-bottom: 10px;
    }

    .tabs-top.tab-container .panel-container .tab-block {
        padding-top: 10px;
        padding-bottom: 0;
    }
/*-----------------------------------------------------------------------------------*/
/*	TESTIMONIALS
/*-----------------------------------------------------------------------------------*/
#testimonials {
    text-align: center;
    width: 80%;
    margin: 0 auto;
}

    #testimonials .author {
        font-style: normal;
        font-size: 14px;
        color: #001A66;
        display: block;
    }

    #testimonials div {
        font-size: 18px;
        margin-bottom: 10px;
        line-height: 32px;
        font-weight: 300;
        position: relative;
    }

    #testimonials .tab {
        border: none;
        margin: 0;
        display: inline;
    }

    #testimonials .etabs {
        padding: 0;
        margin: 0;
        height: 12px;
    }

    #testimonials .tab a {
        padding: 0;
        text-indent: -99999px;
        width: 10px;
        height: 10px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background: none;
        border: 1px solid #aaa;
        display: inline-block;
    }

        #testimonials .tab a.active,
        #testimonials .tab a:hover {
            border: 1px solid #FFF;
            background: none;
            position: relative;
            z-index: 3;
        }

    #testimonials .panel-container {
        border: none
    }

    #testimonials.tab-container .panel-container div {
        padding-top: 15px
    }
/*-----------------------------------------------------------------------------------*/
/*	COLUMN TESTIMONIALS
/*-----------------------------------------------------------------------------------*/
.arrow-box {
    position: relative;
    background: #fff;
    border: 1px solid #dadada;
    padding: 20px 20px 10px 20px;
    text-align: center;
}

    .arrow-box:after,
    .arrow-box:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow-box:after {
        border-color: rgba(255, 255, 255, 0);
        border-top-color: #fff;
        border-width: 8px;
        margin-left: -8px;
    }

    .arrow-box:before {
        border-color: rgba(218, 218, 218, 0);
        border-top-color: #dadada;
        border-width: 9px;
        margin-left: -9px;
    }

.col-testimonials .author {
    margin-top: 10px;
    color: #001A66;
    font-weight: 800;
    display: inline-block;
}

    .col-testimonials .author em {
        font-weight: 500;
        font-size: 12px;
        color: #7a7a7a;
        display: block;
        font-style: normal;
        margin-top: -5px;
    }

.col-testimonials .arrow-box .quote {
    text-align: justify;
}

    .col-testimonials .arrow-box .quote:before {
        font-family: 'fontello';
        content: '\275e';
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        font-size: 25px;
        margin-left: 10px;
        float: right;
        display: block;
        color: #dadada;
    }
/*-----------------------------------------------------------------------------------*/
/*	ACCORDION / TOGGLE
/*-----------------------------------------------------------------------------------*/
.panel-group .panel {
    margin-bottom: 10px;
    background: none;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.panel-heading {
    padding: 0;
    /* background: none !important; */
    border: 0 !important;
}

    .panel-heading .panel-title {
        color: #9a9a9a;
        font-size: 13px;
        font-weight: 800;
        border: 1px solid #b5b5b5;
        text-transform: uppercase;
    }

.panel-title > a {
    display: block;
    color: #9a9a9a;
    padding: 13px 15px;
}

    .panel-title > a:hover {
        color: #001A66
    }

.panel-default > .panel-heading + .panel-collapse .panel-body {
    border: 0
}

.panel-default > .panel-heading + .panel-collapse {
    border: 1px solid #b5b5b5;
    border-top: none;
}
/*-----------------------------------------------------------------------------------*/
/*	SERVICES ICONS
/*-----------------------------------------------------------------------------------*/
.col-services .row {
    text-align: right;
}

.col-services .icon {
    display: table
}

.col-services .row .icon {
    float: left;
    margin-right: 20px;
}

.col-services .row .text {
    overflow: hidden
}

.col-services .icon i.icn {
    color: #001A66;
    line-height: 1;
    font-size: 50px;
    text-transform: uppercase;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
}

.col-services-2 .col:hover .icon-border i {
    background-color: #001A66;
    color: #FFF;
}
/*-----------------------------------------------------------------------------------*/
/*	OWL CAROUSEL
/*-----------------------------------------------------------------------------------*/
.carousel-th .item {
    margin: 0 10px 1px 10px
}

.owl-clients .item img {
    max-width: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
}

.owl-clients .item:hover img {
    max-width: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.owl-carousel {
    position: relative
}

    .owl-carousel .owl-controls {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        pointer-events: none;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        -webkit-transition: all 200ms ease-in;
        -o-transition: all 200ms ease-in;
        -moz-transition: all 200ms ease-in;
    }

    .owl-carousel:hover .owl-controls {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }

    .owl-carousel .owl-controls .owl-prev {
        position: absolute;
        top: 103px;
        left: 23px;
        pointer-events: auto;
    }

    .owl-carousel .owl-controls .owl-next {
        position: absolute;
        top: 103px;
        right: 23px;
        pointer-events: auto;
    }

    .owl-carousel .owl-controls .owl-prev,
    .owl-carousel .owl-controls .owl-next {
        z-index: 1;
        cursor: pointer;
        -webkit-transition: all 200ms ease-in;
        -o-transition: all 200ms ease-in;
        -moz-transition: all 200ms ease-in;
        background: rgba(0,0,0,0.3);
        color: #f7f7f7;
        line-height: 1;
        font-size: 18px;
        padding: 12px;
        width: auto;
        height: auto;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

        .owl-carousel .owl-controls .owl-prev:hover,
        .owl-carousel .owl-controls .owl-next:hover {
            background: rgba(0,0,0,0.5)
        }

.owl-portfolio-slider {
    padding-bottom: 15px;
    display: none;
}

.owl-clients,
.owlcarousel {
    display: none
}

.owl-slider-wrapper {
    position: relative;
    margin-bottom: 20px;
}

    .owl-slider-wrapper .item img {
        display: block;
        width: 100%;
        height: auto;
    }

    .owl-slider-wrapper .owl-custom-nav {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        pointer-events: none;
    }

        .owl-slider-wrapper .owl-custom-nav .slider-prev {
            position: absolute;
            top: 50%;
            left: 20px;
            margin-top: -23px;
            pointer-events: auto;
        }

        .owl-slider-wrapper .owl-custom-nav .slider-next {
            position: absolute;
            top: 50%;
            right: 20px;
            margin-top: -23px;
            pointer-events: auto;
        }

        .owl-slider-wrapper .owl-custom-nav .slider-prev,
        .owl-slider-wrapper .owl-custom-nav .slider-next {
            z-index: 1;
            cursor: pointer;
            -webkit-transition: all 200ms ease-in;
            -o-transition: all 200ms ease-in;
            -moz-transition: all 200ms ease-in;
            background: rgba(0,0,0,0.3);
            color: #f7f7f7;
            line-height: 1;
            font-size: 18px;
            padding: 12px 17px;
            width: auto;
            height: auto;
            -webkit-border-radius: 3px;
            border-radius: 3px;
        }

            .owl-slider-wrapper .owl-custom-nav .slider-prev:before,
            .owl-slider-wrapper .owl-custom-nav .slider-next:before {
                font-family: 'fontello';
                font-style: normal;
                font-weight: normal;
                speak: none;
                display: inline-block;
                text-decoration: inherit;
                text-align: center;
            }

            .owl-slider-wrapper .owl-custom-nav .slider-prev:before {
                content: '\e75d'
            }

            .owl-slider-wrapper .owl-custom-nav .slider-next:before {
                content: '\e75e'
            }

            .owl-slider-wrapper .owl-custom-nav .slider-prev:hover,
            .owl-slider-wrapper .owl-custom-nav .slider-next:hover {
                background: rgba(0,0,0,0.5)
            }

    .owl-slider-wrapper .owl-controls {
        margin-top: 30px;
        text-align: center;
        position: relative;
    }

        .owl-slider-wrapper .owl-controls .owl-page {
            display: inline-block;
            zoom: 1;
            *display: inline;
        }

    .owl-slider-wrapper .owl-controls {
        margin: -40px 0 0 0
    }

        .owl-slider-wrapper .owl-controls .owl-pagination .owl-page span {
            display: block;
            margin: 0 2px;
            width: 12px;
            height: 12px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            -webkit-transition: all 200ms ease-in;
            -o-transition: all 200ms ease-in;
            -moz-transition: all 200ms ease-in;
            background: rgba(0,0,0,0.3);
            border: none;
        }

        .owl-slider-wrapper .owl-controls .owl-pagination .owl-page.active span,
        .owl-slider-wrapper .owl-controls .owl-pagination .owl-page:hover span {
            background: rgba(0,0,0,0.5);
            border: none;
        }

    .owl-slider-wrapper .owl-custom-nav,
    .owl-slider-wrapper .owl-controls {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        -webkit-transition: all 200ms ease-in;
        -o-transition: all 200ms ease-in;
        -moz-transition: all 200ms ease-in;
    }

    .owl-slider-wrapper:hover .owl-custom-nav,
    .owl-slider-wrapper:hover .owl-controls {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }

#owl-gallery .item {
    margin: 0 10px
}

    #owl-gallery .item img {
        display: block;
        width: 100%;
        height: auto;
    }

#owl-gallery .owl-controls {
    margin: 10px 0 0 0
}

#owl-gallery .owl-pagination {
    height: 12px
}
/* preloading images */
.owl-item.loading {
    min-height: inherit;
    background: none;
}
/*-----------------------------------------------------------------------------------*/
/*	CAPTION & OVERLAY
/*-----------------------------------------------------------------------------------*/
.image-caption {
    width: 100%;
    padding: 15px 20px;
    background: #FFF;
    border: 1px solid #e3e3e3;
    border-top: none;
    position: relative;
}

.owl-blog .image-caption,
.grid-blog .post .image-caption {
    padding-bottom: 10px
}

.owlcarousel .image-caption h3, .item .image-caption h3, .grid-blog .image-caption h3 {
    margin: 0;
    padding: 0;
    font-size: 12px;
    text-align: right;
}

.image-caption h5 a {
    color: #616161
}

.image-caption h3 a:hover {
    color: #001A66
}

.image-caption:before {
    content: "";
    display: block;
    position: absolute;
    top: -8px;
    margin-left: 20px;
    width: 8px;
    height: 8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    z-index: 100;
}

.black-wrapper .image-caption {
    background: #152636;
    border: none;
    padding: 15px 20px;
}

    .black-wrapper .image-caption:before {
        border-bottom: 8px solid #3a3a3a
    }

    .black-wrapper .image-caption h3 a {
        color: #cacaca
    }

        .black-wrapper .image-caption h3 a:hover {
            color: #001A66
        }

.icon-overlay {
    display: block;
    overflow: hidden;
    position: relative;
}

    .icon-overlay img {
        display: block;
        max-width: 100%;
        -webkit-backface-visibility: hidden;
        -o-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .icon-overlay a:hover img {
        -o-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    .icon-overlay a .icn-more {
        opacity: 0;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        height: 100%;
        position: absolute;
        text-decoration: none;
        width: 100%;
        z-index: 100;
        background: #222;
        background-color: rgba(63,141,191, 0.92);
        overflow: hidden;
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -o-transition: all 0.25s;
        transition: all 0.25s;
    }

    .icon-overlay a:hover .icn-more {
        opacity: 1;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }

    .icon-overlay a .icn-more:before {
        font-style: normal;
        display: inline-block;
        text-decoration: inherit;
        position: absolute;
        text-align: center;
        line-height: 1;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        color: #FFF;
        top: 50%;
        left: 50%;
        z-index: 2;
        border: 1px solid #FFF;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
        -webkit-transition: -webkit-transform 0.25s ease-in-out;
        -moz-transition: -moz-transform 0.25s ease-in-out;
        -o-transition: -o-transform 0.25s ease-in-out;
        transition: transform 0.25s ease-in-out;
    }

    .icon-overlay.medium .icn-more:before {
        font-size: 16px;
        padding-top: 8px;
        width: 34px;
        height: 34px;
        margin: -17px 0 0 -17px;
    }

    .icon-overlay.small .icn-more:before {
        font-size: 15px;
        top: 50%;
        margin: -6px 0 0 -6px;
    }

    .icon-overlay a:hover .icn-more:before {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }

    .icon-overlay a:hover .icn-more:before {
        top: 50% !important
    }

.sidebox .post-list .icon-overlay a .icn-more:before {
    border: none
}

/*-----------------------------------------------------------------------------------*/
/*	FANCYBOX
/*-----------------------------------------------------------------------------------*/
#fancybox-thumbs ul li img {
    max-width: none
}

.info.hidden {
    display: none
}

.fancybox-wrap {
    background: #FFF !important
}

.fancybox-title,
.fancybox-error {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 24px !important;
}

    .fancybox-title h2,
    .fancybox-title h3 {
        color: #616161;
        margin-bottom: 10px;
        line-height: 22px;
        font-size: 18px;
    }

.fancybox-skin {
    color: #616161 !important
}

.fancybox-title-inside-wrap {
    padding: 20px !important
}

.fancybox-nav span {
    width: 36px !important;
    height: 36px !important;
    margin-top: -18px !important;
}

.fancybox-close {
    top: 10px !important;
    right: 10px !important;
    width: 36px !important;
    height: 36px !important;
}

    .fancybox-close:before,
    .fancybox-prev span:before,
    .fancybox-next span:before {
        font-family: 'fontello';
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        margin-right: 0 !important;
        margin-top: 6px !important;
        text-align: center;
        width: 36px !important;
        font-size: 20px !important;
    }
/* Firefox Fix */
@-moz-document url-prefix() {
    .fancybox-close:before,
    .fancybox-prev span:before,
    .fancybox-next span:before {
        margin-top: 5px !important
    }
}

.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
    background: rgba(0,0,0,0.5) !important;
    color: #f7f7f7 !important;
    text-align: center !important;
    -webkit-transition: all 200ms ease-in !important;
    -o-transition: all 200ms ease-in !important;
    -moz-transition: all 200ms ease-in !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
    opacity: 0;
}

    .fancybox-close:hover,
    .fancybox-prev span:hover,
    .fancybox-next span:hover {
        background: rgba(0,0,0,0.7) !important
    }

.fancybox-wrap:hover .fancybox-close,
.fancybox-wrap:hover .fancybox-prev span,
.fancybox-wrap:hover .fancybox-next span {
    opacity: 1
}

.fancybox-prev span:before {
    content: '\e75d'
}

.fancybox-next span:before {
    content: '\e75e'
}

.fancybox-close:before {
    content: '\2715'
}

#fancybox-loading {
    margin-top: -12px !important;
    margin-left: -12px !important;
    background: #000 !important;
    padding: 8px;
    opacity: 1 !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
}

    #fancybox-loading div {
        width: 24px !important;
        height: 24px !important;
        background-image: url(style/images/fancy-loading.gif) !important;
    }

.fancybox-overlay {
    background: rgba(27,27,27,0.94) !important
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.33);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.33);
    box-shadow: 0 0 5px rgba(0,0,0,0.33);
}
/*-----------------------------------------------------------------------------------*/
/*	BLOG
/*-----------------------------------------------------------------------------------*/
.latest-blog-wrapper {
    /* overflow: hidden */
}

.latest-blog {
    /* margin-right: -30px; */
    /* margin-bottom: -50px; */
}

    .latest-blog .post {
        float: right;
        background-color: white;
        color: #00b540;
        display: inline-block;
        position: relative;
        border-radius: 15px;
        padding: 15px;
        box-shadow: 0 8px 25px rgba(28,76,156,.1);
    }

        .latest-blog .post:after {
            content: '';
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }

        .latest-blog .post figure {
            width: 100px;
            float: right;
            position: relative;
            margin-left: 25px;
            display: inline-block;
        }

        .latest-blog .post .post-content {
            overflow: hidden;
        }

    .latest-blog .post-title {
        margin: 0
    }

.meta,
.more {
    font-size: 12px;
    color: #9f9f9f;
    display: block;
    text-align: justify;
    /* margin-bottom: 7px; */
}

.more {
    margin: 0;
    color: #001A66;
}

.classic-blog .meta {
    margin-bottom: 12px
}

.items .meta,
.owl-portfolio .meta {
    margin-bottom: 0
}

.meta a {
    color: #9f9f9f
}

    .meta a:hover {
        color: #001A66
    }

.meta span:before {
    display: inline-block;
    content: "|";
    padding: 0 10px 0 7px;
}

.meta span:first-child:before {
    display: none;
    padding: 0;
}

a.more:after {
    content: "→";
    padding-left: 5px;
}

.meta.tags a:before {
    content: "#";
    display: inline-block;
}

.grid-blog .post {
    margin-bottom: 30px
}

    .grid-blog .post .date {
        display: inline
    }

.grid-blog:before,
.grid-blog:after {
    display: table;
    content: "";
    line-height: 0;
}

.grid-blog:after {
    clear: both
}

.grid-blog .post {
    float: left;
    min-height: 1px;
    position: relative;
}

.grid-blog.col3 {
    margin-left: -20px;
    margin-bottom: -20px;
}

    .grid-blog.col3 .post {
        width: 310px;
        margin-left: 20px;
        margin-bottom: 20px;
    }

.grid-blog.col2 {
    margin-left: -30px;
    margin-bottom: -30px;
}

    .grid-blog.col2 .post {
        width: 470px;
        margin-left: 30px;
        margin-bottom: 30px;
    }

.row .grid-blog.col2 {
    margin-left: -20px;
    margin-bottom: -20px;
}

    .row .grid-blog.col2 .post {
        width: 308px;
        margin-left: 20px;
        margin-bottom: 20px;
    }

.single figure {
    margin-bottom: 10px
}

.classic-blog figure.main,
.classic-blog iframe,
.classic-blog .owl-slider-wrapper.main {
    margin-bottom: -1px;
    display: block;
}

.classic-blog .post-content.image-caption,
.about-author.image-caption {
    border: 1px solid #e3e3e3;
    padding: 25px;
}

    .classic-blog .post-content.image-caption:before,
    .about-author.image-caption:before {
        display: none
    }

.classic-blog .post {
    margin-bottom: 50px
}

.classic-blog.single .post {
    margin: 0
}

.format-chat ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .format-chat ul li strong {
        text-transform: uppercase;
        color: #616161;
    }

.format-link .post-title a:after {
    display: inline-block;
    content: "→";
    padding-left: 10px;
}
/*-----------------------------------------------------------------------------------*/
/*	PAGINATION
/*-----------------------------------------------------------------------------------*/
.pagination {
    display: block
}

    .pagination ul {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        list-style: none;
        padding: 0;
        margin: 0;
        margin-top: 40px;
    }

        .pagination ul > li {
            display: inline-block;
            margin-right: 2px;
        }

            .pagination ul > li > a,
            .pagination ul > li > span {
                float: none;
                border: none;
                color: #9b9b9b;
                font-weight: 800;
                text-transform: uppercase;
                padding: 9px 15px;
                border: 2px solid #9b9b9b;
                -webkit-border-radius: 3px;
                border-radius: 3px;
            }

                .pagination ul > li > a:hover,
                .pagination ul > li > a:focus,
                .pagination ul > .active > a,
                .pagination ul > .active > span {
                    color: #001A66;
                    border: 2px solid #001A66;
                }

            .pagination ul > li:first-child > a,
            .pagination ul > li:last-child > a {
            }
/*-----------------------------------------------------------------------------------*/
/*	NAVIGATION
/*-----------------------------------------------------------------------------------*/
.navigation a {
    color: #9b9b9b;
    font-weight: 800;
    text-transform: uppercase;
    padding: 5px 10px 4px;
    border: 2px solid #9b9b9b;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
}

    .navigation a:hover {
        color: #001A66;
        border: 2px solid #001A66;
    }
/*-----------------------------------------------------------------------------------*/
/*	AUTHOR
/*-----------------------------------------------------------------------------------*/
.about-author {
}

    .about-author .author-image {
        width: 120px;
        float: left;
        margin-right: 20px;
        display: block;
    }

    .about-author .author-details {
        overflow: hidden
    }

        .about-author .author-details .social {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
/*-----------------------------------------------------------------------------------*/
/*	COMMENTS
/*-----------------------------------------------------------------------------------*/
#comments {
    margin: 0 0 80px 0;
    position: relative;
}

    #comments ol.commentlist {
        list-style: none;
        margin: -20px 0 0 0;
        padding: 0;
    }

        #comments ol.commentlist li {
            padding: 30px 0 0 0;
            background: none;
        }

            #comments ol.commentlist li:first-child {
                border: none;
                margin: 0;
            }

    #comments .user {
        float: left;
        width: 70px;
        height: 70px;
        margin-right: 20px;
        position: relative;
    }

    #comments .message {
        overflow: hidden
    }

    #comments .image-caption {
        border: 1px solid #e3e3e3
    }

        #comments .image-caption:before {
            display: none
        }

    #comments ul.children {
        margin: 0;
        overflow: inherit;
        padding: 0 0 0 55px;
        list-style: none;
    }

    #comments ol.commentlist ul.children li {
        padding-right: 0;
        border: none;
    }

    #comments .info h2 {
        font-size: 16px;
        margin: 0;
        display: inline;
        margin-right: 5px;
    }

    #comments .info {
        margin-bottom: 12px
    }

        #comments .info h2 a {
            color: #616161
        }

            #comments .info h2 a:hover {
                color: #001A66
            }

        #comments .info .meta {
            display: block;
            margin: -3px 0 -4px 0;
        }

            #comments .info .meta .date {
                display: inline
            }

    #comments a.reply-link {
        display: inline;
        color: #9f9f9f;
    }

        #comments a.reply-link:hover {
            color: #001A66
        }

        #comments a.reply-link:before {
            display: inline-block;
            content: "|";
            padding: 0 10px 0 7px;
            color: #9f9f9f;
        }

.comment-form-wrapper p {
    padding-bottom: 20px
}

.blog.no-sidebar #comments .meta {
    text-align: left
}
/*-----------------------------------------------------------------------------------*/
/*	STEPS
/*-----------------------------------------------------------------------------------*/
.steps {
    margin: 0 auto;
    width: 700px;
    overflow: hidden;
    list-style: none;
    padding: 0;
    position: relative;
}

.timeline-border {
    position: absolute;
    top: 0;
    left: 50%;
    border-left: 1px solid #dadada;
    height: 100%;
}

.step {
    width: 700px;
    float: right;
    text-align: left;
    margin: 0 0 10px;
    padding: 10px 0 0 405px;
    position: relative;
}

    .step.even {
        float: left;
        text-align: right;
        padding: 10px 405px 0 0;
    }

    .step h5 {
        color: #001A66
    }

    .step .icon-border {
        position: relative;
        margin-left: 10px;
    }

    .step.even .icon-border {
        margin-right: 10px
    }

    .step .icon-border:before {
        content: "";
        display: block;
        width: 65px;
        border-bottom: 1px solid #dadada;
        position: absolute;
        top: 35px;
        left: -65px;
    }

    .step.even .icon-border:before {
        left: auto;
        right: -65px;
    }

.icon-border {
    display: inline-block
}

    .icon-border i {
        font-family: "piconsthin";
        font-weight: normal;
        font-style: normal;
        line-height: 1;
        text-align: center;
        color: #001A66;
        font-size: 40px;
        padding: 0;
        margin: 0 0 10px 0;
        display: table;
        width: 70px;
        height: 70px;
        border: 2px solid #001A66;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -webkit-transition: all 200ms ease-in;
        -o-transition: all 200ms ease-in;
        -moz-transition: all 200ms ease-in;
    }

.step:hover .icon-border i {
    background-color: #001A66;
    color: #FFF;
}

.icon-border i:before {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
/*-----------------------------------------------------------------------------------*/
/*	PROGRESS BAR
/*-----------------------------------------------------------------------------------*/
.progress-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .progress-list p {
        margin-bottom: 5px
    }

    .progress-list li {
        margin-bottom: 20px
    }

        .progress-list li em {
            padding-left: 8px;
            color: #001A66;
            font-style: normal;
        }

            .progress-list li em:before {
                content: "-";
                padding-right: 10px;
                display: inline-block;
            }

.progress.plain {
    height: 15px;
    margin-bottom: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background: #eaeaea;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

    .progress.plain .bar {
        float: left;
        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
        width: 0;
        height: 100%;
        font-size: 12px;
        color: #ffffff;
        text-align: center;
        text-shadow: none;
        background: #001A66;
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
/*-----------------------------------------------------------------------------------*/
/*	SIDEBAR
/*-----------------------------------------------------------------------------------*/
.sidebar {
    /* padding-left: 25px !important */
}

    .sidebar.left-sidebar {
        padding: 15px !important;
        padding-top: 0 !important;
    }

.sidebox {
    margin-top: 50px;
    display: block;
}

    .sidebox h3 {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .sidebox:first-child {
        margin: 0
    }

    .sidebox .post-list {
        padding: 0;
        margin: 0;
    }

        .sidebox .post-list:after {
            content: '';
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }

        .sidebox .post-list li {
            clear: both;
            margin-bottom: 15px;
            display: block;
            overflow: hidden;
        }

        .sidebox .post-list h6 {
            font-size: 14px;
            line-height: 25px;
            margin: 0;
            font-weight: normal;
            text-transform: none;
            letter-spacing: normal;
            font-weight: 500;
        }

    .sidebox a {
        color: #7a7a7a
    }

        .sidebox a:hover {
            color: #001A66
        }

    .sidebox .post-list .icon-overlay {
        float: left;
        width: 70px;
        height: 70px;
    }

    .sidebox .post-list .meta {
        margin-left: 85px;
        overflow: hidden;
        margin-bottom: 0;
    }

        .sidebox .post-list .meta em {
            font-size: 12px;
            color: #9f9f9f;
            font-style: normal;
            font-weight: 500;
        }

            .sidebox .post-list .meta em:before {
                display: none
            }

    .sidebox.widget form {
        margin: 0
    }

    .sidebox.widget .searchform input {
        margin: 0
    }

.widget .list {
    list-style: none;
    margin: 0;
}

.border-list {
    list-style: none;
    margin: 0;
    padding: 0;
    color: #9a9a9a;
    background: #FFF;
    border: 1px solid #e3e3e3;
}

    .border-list li {
        border-top: 1px solid #e3e3e3;
        position: relative;
    }

        .border-list li a {
            display: block;
            padding: 8px 15px;
            color: #7a7a7a;
        }

            .border-list li a:hover {
                color: #001A66
            }

        .border-list li:after {
            font-family: 'fontello';
            font-style: normal;
            font-weight: normal;
            speak: none;
            display: block;
            text-decoration: inherit;
            content: "\e762";
            display: block;
            position: absolute;
            right: 12px;
            top: 8px;
            font-size: 17px;
            -webkit-transition: all 200ms ease-in;
            -o-transition: all 200ms ease-in;
            -moz-transition: all 200ms ease-in;
        }

        .border-list li:hover:after {
            color: #001A66
        }

        .border-list li:first-child {
            border-top: none
        }
/*-----------------------------------------------------------------------------------*/
/*	FORMS
/*-----------------------------------------------------------------------------------*/
.forms {
    position: relative;
    padding: 0;
    width: 100%;
}

.form-container .response {
    display: none
}

.forms ol {
    margin: 0;
    padding: 0;
}

    .forms ol li {
        line-height: auto;
        list-style: none;
    }

.forms li.hidden-row {
    display: none
}

input,
textarea,
.uneditable-input {
    /* width: 100% */
}

    select,
    textarea,
    input[type="text"],
    input[type="password"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="date"],
    input[type="month"],
    input[type="time"],
    input[type="week"],
    input[type="number"],
    input[type="email"],
    input[type="url"],
    input[type="search"],
    input[type="tel"],
    input[type="color"],
    .uneditable-input {
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -webkit-text-size-adjust: 100%;
        padding: 0 10px;
        margin-bottom: 15px;
        font-size: 13px;
        line-height: 25px;
        color: #7a7a7a;
        border: 1px solid #dadada;
        resize: none;
        vertical-align: middle;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        background: #FFF;
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-transition: all 200ms ease-in;
        -o-transition: all 200ms ease-in;
        -moz-transition: all 200ms ease-in;
        border-radius: 5px;
        background: #ffffff;
        height: 40px;
        padding-right: 30px;
        border-color: #e1e1e1;
    }

        textarea:focus,
        input[type="text"]:focus,
        input[type="password"]:focus,
        input[type="datetime"]:focus,
        input[type="datetime-local"]:focus,
        input[type="date"]:focus,
        input[type="month"]:focus,
        input[type="time"]:focus,
        input[type="week"]:focus,
        input[type="number"]:focus,
        input[type="email"]:focus,
        input[type="url"]:focus,
        input[type="search"]:focus,
        input[type="tel"]:focus,
        input[type="color"]:focus,
        .uneditable-input:focus {
            border: 1px solid #b3b3b3;
            background: #FFF;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

textarea {
    height: 100%;
    padding: 5px 10px;
    margin-bottom: 15px;
    min-height: 150px;
    resize: vertical;
}

.btn-submit {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    width: auto;
}

.forms li.error input,
.forms li.error textarea {
    border: 1px solid #b54d4d
}

.forms span.error {
    display: none
}

.forms .button-row span.error {
    padding: 0;
    display: none;
}

.forms .button-row p.forgot {
    padding: 6px 0 0 10px;
    overflow: hidden;
    display: inline-block;
}

.forms label {
    display: block;
    float: left;
    width: 95px;
    padding-top: 7px;
    font-size: 13px;
    clear: both;
}

.comment-form div label {
    position: absolute;
    top: 0;
    left: 0;
}

.form-container:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

::-webkit-input-placeholder {
    color: #cacaca !important
}

:-moz-placeholder {
    color: #cacaca !important
}

::-moz-placeholder {
    color: #cacaca !important
}

:-ms-input-placeholder {
    color: #cacaca !important
}

input:focus::-webkit-input-placeholder {
    color: transparent !important
}

input:focus:-moz-placeholder {
    color: transparent !important
}

input:focus::-moz-placeholder {
    color: transparent !important
}

input:focus:-ms-input-placeholder {
    color: transparent !important
}

.newsletter {
    position: relative;
    margin: 0 auto;
}

    .newsletter input[type="email"] {
        background: #282828;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #434343;
        height: 40px;
        color: #cacaca !important;
    }

        .newsletter input[type="email"]:focus {
            background: #282828;
            border: 1px solid #5a5a5a;
        }

    .newsletter .btn-submit {
        position: absolute;
        right: 0;
        top: 0;
        color: #FFF !important;
        margin: 0;
        height: 40px;
        padding: 0 15px;
        font-size: 16px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;
    }
/*-----------------------------------------------------------------------------------*/
/*	PARALAX
/*-----------------------------------------------------------------------------------*/
.parallax {
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden;
    color: #d9d9d9;
}

    .parallax a {
        color: #d9d9d9
    }

        .parallax a:hover {
            color: #001A66
        }

    .parallax h1,
    .parallax h2,
    .parallax h3,
    .parallax h4,
    .parallax h5,
    .parallax h6 {
        color: #f0f0f0
    }

    .parallax .section-title h2 {
        color: #b0b0b0
    }

    .parallax .section-title .icon:before,
    .parallax .section-title .icon:after {
        border-color: #797979
    }

    .parallax input,
    .parallax textarea {
        background: #333;
        background: rgba(255,255,255,0.15);
        color: #d9d9d9;
        border: none;
    }

        .parallax input:focus,
        .parallax textarea:focus {
            background: #222;
            background: rgba(255,255,255,0.22);
            border: none;
        }

    .parallax.mobile {
        background-attachment: scroll !important
    }

    .parallax.contact {
        background-image: url(style/images/art/parallax1.jpg)
    }

    .parallax.testimonials {
        background-image: url(style/images/art/parallax2.jpg)
    }

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

    .contact-info i {
        margin-right: 7px
    }

.black-wrapper .contact-info i {
    color: #0035d5;
}
/*-----------------------------------------------------------------------------------*/
/*	GO TO TOP
/*-----------------------------------------------------------------------------------*/
#scrollUp {
    bottom: 20px;
    right: 20px;
    text-decoration: none;
    background: rgba(0,0,0,0.3);
    color: #f7f7f7;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: background 200ms linear;
    -moz-transition: background 200ms linear;
    transition: background 200ms linear;
    -webkit-backface-visibility: hidden;
    line-height: 1;
    font-size: 20px;
    padding: 9px 10px 10px 10px;
}

    #scrollUp:hover {
        background: rgba(0,0,0,0.5)
    }
/*-----------------------------------------------------------------------------------*/
/*	PRICING TABLE
/*-----------------------------------------------------------------------------------*/
.pricing {
    overflow: hidden;
    text-align: center;
    padding-bottom: 10px;
    display: block;
}

    .pricing ul {
        padding: 0
    }

    .pricing .btn {
        margin: 0
    }

    .pricing .plan {
        border: 1px solid #dadada
    }

        .pricing .plan h3 {
            font-size: 18px;
            line-height: 45px;
            margin: 0;
            padding: 5px 0;
            background: #fff;
            color: #5c5c5c;
        }

        .pricing .plan h4 {
            padding: 20px 0;
            margin: 0;
            background: #f5f5f5;
        }

            .pricing .plan h4 span {
                color: #001A66
            }

            .pricing .plan h4 .amount {
                display: block;
                text-align: center;
            }

            .pricing .plan h4 .amount {
                font-size: 45px;
                padding-bottom: 10px;
            }

                .pricing .plan h4 .amount span {
                    vertical-align: super;
                    font-size: 20px;
                    font-weight: 300;
                }

        .pricing .plan li:nth-child(2n) {
            background: #f5f5f5
        }

        .pricing .plan ul {
            margin: 0;
            list-style: none;
        }

            .pricing .plan ul li {
                background: #fff;
                padding: 15px 0;
            }

        .pricing .plan h3 {
            text-transform: uppercase
        }

    .pricing .select {
        background: #f5f5f5;
        padding: 18px 0;
    }
/*-----------------------------------------------------------------------------------*/
/*	PORTFOLIO
/*-----------------------------------------------------------------------------------*/
.items {
    list-style: none
}

.items {
    margin: 0;
    *zoom: 1;
    padding: 0;
}

    .items:before,
    .items:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .items:after {
        clear: both
    }

    .items li {
        float: left;
        min-height: 1px;
        position: relative;
    }

    .items.col4 {
        margin-left: -17px;
        margin-bottom: -17px;
    }

        .items.col4 li {
            width: 312px;
            margin-left: 17px;
            margin-bottom: 17px;
        }

    .items.col3 {
        margin-left: -17px;
        margin-bottom: -17px;
    }

        .items.col3 li {
            width: 312px;
            margin-left: 17px;
            margin-bottom: 17px;
        }

    .items li img {
        display: block;
        width: 100%;
    }

.filter {
    padding: 0;
    margin-bottom: 20px;
}

.filter {
    list-style: none;
    margin: 0 0 30px 0;
}

    .filter li {
        display: inline;
        font-weight: 800;
        font-size: 13px;
        text-transform: uppercase;
        line-height: 1;
        margin-right: 10px;
    }

        .filter li a {
            color: #9b9b9b;
            padding: 10px 12px;
            border: 2px solid transparent;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            letter-spacing: 1px;
        }

            .filter li a.active,
            .filter li a:hover {
                border: 2px solid #9b9b9b
            }

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

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

    .isotope .item {
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform, opacity;
        -ms-transition-property: -ms-transform, opacity;
        -o-transition-property: top, left, opacity;
        transition-property: transform, opacity;
    }

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

    .item-details li {
        margin-top: 9px;
        padding-top: 10px;
        border-top: 1px solid #dadada;
    }

        .item-details li:first-child {
            padding: 0;
            margin: 0;
            border: none;
        }

        .item-details li span {
            font-weight: 800;
            color: #616161;
            margin-right: 5px;
        }
/*-----------------------------------------------------------------------------------*/
/*	TOOLTIP
/*-----------------------------------------------------------------------------------*/
.tooltip-inner {
    color: #fff;
    background-color: #001A66;
    padding: 5px 12px;
}

.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
    border-top-color: #001A66
}

.tooltip.right .tooltip-arrow {
    border-right-color: #001A66
}

.tooltip.left .tooltip-arrow {
    border-left-color: #001A66
}

.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #001A66
}
/*-----------------------------------------------------------------------------------*/
/*	FEATURES
/*-----------------------------------------------------------------------------------*/
.font-icons {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .font-icons li {
        display: inline-block;
        font-size: 25px;
        margin-bottom: 10px;
        padding: 0 10px;
    }

.alert .close {
    line-height: 28px;
    float: left;
}

.retina-icons-code i {
    font-size: 18px
}

.retina-icons-code tr td:first-child,
.retina-icons-code tr th:first-child {
    text-align: center
}

.retina-icons-code code {
    color: #888;
    background: none;
    white-space: normal;
}

.table-bordered {
    border: 1px solid #dedede;
    border-left: none;
    background: #fff;
}

    .table-bordered th,
    .table-bordered td {
        border-left: 1px solid #dedede
    }

.retina-icons-code td {
    vertical-align: middle !important
}

.table th,
.table td {
    border-top: 1px solid #dedede
}

.picons-list .font-icons li {
    font-size: 50px;
    margin-bottom: 40px;
    padding: 0 20px;
}

.picons-list .retina-icons-code i {
    font-size: 40px;
    line-height: 1;
    margin-top: 5px;
    display: block;
}
/*-----------------------------------------------------------------------------------*/
/*	BOX LAYOUT
/*-----------------------------------------------------------------------------------*/
@media (min-width: 1270px) {
    .box-layout {
        background: transparent url(style/images/bg/bg1.jpg) repeat fixed;
        padding: 0;
    }

        .box-layout .body-wrapper {
            position: relative;
            width: 1270px;
            margin: 0 auto;
            -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.17);
            -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.17);
            box-shadow: 0 0 3px 0 rgba(0,0,0,0.17);
        }

            .box-layout .body-wrapper .navbar-header {
                width: 1270px;
            }

        .box-layout .navbar.basic.fixed {
            left: inherit;
            top: 0;
        }
}
/*-----------------------------------------------------------------------------------*/
/*	RESPONSIVE
/*-----------------------------------------------------------------------------------*/
@media (min-width: 1200px) {
    .container {
        padding-right: 0;
        padding-left: 0;
    }

    .navbar .container {
        padding-right: 0;
        padding-left: 0;
    }

    .latest-blog .post {
        width: 100%;
    }

    .items.col4 {
        margin-left: -18px;
        margin-bottom: -18px;
    }

        .items.col4 li {
            width: 279px;
            margin-left: 18px;
            margin-bottom: 18px;
        }

    .items.col3 {
        margin-left: -21px;
        margin-bottom: -21px;
    }

        .items.col3 li {
            width: 376px;
            margin-left: 21px;
            margin-bottom: 21px;
        }

    .grid-blog.col3 {
        margin-left: -24px;
        margin-bottom: -24px;
    }

        .grid-blog.col3 .post {
            width: 374px;
            margin-left: 24px;
            margin-bottom: 24px;
        }

    .row .grid-blog.col2 {
        margin-left: -30px;
        margin-bottom: -30px;
    }

        .row .grid-blog.col2 .post {
            width: 370px;
            margin-left: 30px;
            margin-bottom: 30px;
        }

    .sidebar {
        /* padding-left: 35px !important */
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
    .navbar.basic.fixed .navbar-brand img {
        width: auto
    }
}

@media (min-width: 993px) {
    .navbar .dropdown-submenu > a:after {
        display: none
    }

    .navbar .dropdown-submenu > .dropdown-menu:not(.yamm-dropdown-menu) {
        margin-top: 0;
        border-radius: 0 0 5px 5px;
        box-shadow: 0 8px 25px rgba(28, 76, 156, 0.29);
    }

    .dropdown-submenu {
        position: relative
    }

        .dropdown-submenu > .dropdown-menu:not(.yamm-dropdown-menu) {
            top: 100%;
            right: 0;
            margin-top: -6px;
            margin-right: -1px;
            /* border-right: 1px solid rgba(0, 0, 0, 0.2) !important; */
        }

        .dropdown-submenu:hover > .dropdown-menu:not(.yamm-dropdown-menu) {
            display: block
        }

        .dropdown-submenu > a:after {
            display: block;
            content: " ";
            float: right;
            width: 0;
            height: 0;
            margin-top: 5px;
            margin-right: -10px;
        }

        .dropdown-submenu:hover > a:after {
        }

        .dropdown-submenu.pull-left {
            float: none
        }

            .dropdown-submenu.pull-left > .dropdown-menu:not(.yamm-dropdown-menu) {
                left: -100%;
                margin-left: 10px;
            }

    .open > .dropdown-menu,
    .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu {
        animation-name: slidenavAnimation;
        animation-duration: .3s;
        animation-iteration-count: 1;
        animation-timing-function: ease;
        animation-fill-mode: forwards;
        -webkit-animation-name: slidenavAnimation;
        -webkit-animation-duration: .3s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-timing-function: ease;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-name: slidenavAnimation;
        -moz-animation-duration: .3s;
        -moz-animation-iteration-count: 1;
        -moz-animation-timing-function: ease;
        -moz-animation-fill-mode: forwards;
    }

    @keyframes slidenavAnimation {
        from {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    @-webkit-keyframes slidenavAnimation {
        from {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }
}

@media (max-width: 991px) {
    .navbar.black .dropdown-menu,
    .navbar.black .dropdown-menu:not(.yamm-dropdown-menu) li a:hover,
    .navbar.black .dropdown-menu:not(.yamm-dropdown-menu) li a.active {
        background: none;
    }

    #hdr-info {
        margin-top: -11px !important;
    }

    .navbar-header .container {
        /* background: #112D5A; */
        padding: 0;
        border-radius: 8px;
    }

    .btn.responsive-menu {
        display: block
    }

    .yamm .nav,
    .yamm .dropup,
    .yamm .dropdown,
    .yamm .collapse {
        position: relative
    }

    .yamm .dropdown-menu {
        position: relative;
        left: inherit;
        top: inherit;
        float: none;
        width: auto;
        display: block !important;
        background: none;
    }

    .navbar-nav > li > a,
    .navbar-nav > li:first-child > a,
    .navbar .dropdown-menu:not(.yamm-dropdown-menu) li {
        border: none
    }

        .navbar-nav > li > a,
        .navbar .dropdown-menu:not(.yamm-dropdown-menu) li a {
            border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important
        }

    .navbar .nav .open > a,
    .navbar .nav .open > a:hover,
    .navbar .nav .open > a:focus {
        background: none;
        border: none;
    }

    .navbar-nav > li > a,
    .navbar .dropdown-menu:not(.yamm-dropdown-menu) li a,
    .navbar .dropdown-menu:not(.yamm-dropdown-menu) li a:hover,
    .navbar .dropdown-menu:not(.yamm-dropdown-menu) li a.active {
        padding: 12px 10px !important;
    }

    .navbar-nav > li > a {
        color: #001A66
    }

    .navbar .dropdown-menu:not(.yamm-dropdown-menu) li a {
        color: #cacaca
    }

    .navbar .dropdown-menu:not(.yamm-dropdown-menu) {
        padding-left: 0;
    }

        .navbar .dropdown-menu:not(.yamm-dropdown-menu) a {
            text-transform: none !important;
            font-size: 13px !important;
        }

    .yamm .yamm-content {
        padding: 12px 0;
        font-size: 13px;
    }

    .navbar.basic .btn.responsive-menu {
        margin: 10px 0;
    }

    .navbar-header {
        float: left;
        width: 100%;
    }

        .navbar-header:after {
            content: '';
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }

    .navbar.basic.default,
    .navbar.basic.fixed {
        position: relative
    }

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

    .login-box {
        display: inline-block;
        width: 100%;
        float: none !important;
        text-align: center;
        padding: 17px;
    }

    .offset {
        display: none
    }

    .navbar.basic .container {
        width: 100%;
        padding: 0;
        border-radius: 0;
    }

    .navbar.basic .navbar-collapse {
        width: 100%;
        float: none !important;
        margin: 0;
        background: #f1f1f1;
    }

    .navbar.basic .navbar-nav {
        width: 720px;
        margin: 0 auto;
        padding: 0;
    }

    .navbar.basic .basic-wrapper {
        width: 720px;
        margin: 0 auto;
        display: block;
    }

    .navbar.basic.default .navbar-brand img,
    .navbar.basic.fixed .navbar-brand img {
        height: auto
    }

    .navbar.basic .navbar-brand {
        padding-top: 20px !important
    }

    .onepage .navbar.basic.default {
        position: absolute;
    }

    .onepage .navbar.basic.fixed {
        position: fixed;
    }

    .onepage .offset {
        display: block;
    }
}

@media (max-width: 969px) {
    .yamm .dropdown.yamm-fullwidth .dropdown-menu {
        width: 100%
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .navbar .container,
    .container {
        padding-right: 15px;
        padding-left: 15px;
    }

    .navbar-nav > li > a {
        padding: 15px 18px
    }

    .navbar.basic .navbar-nav > li {
        margin-left: 10px
    }

        .navbar.basic .navbar-nav > li > a {
            padding: 30px 5px
        }

    .latest-blog {
        margin: 0 0 -50px 0
    }

        .latest-blog .post {
            float: none;
            width: 100%;
            margin-bottom: 30px;
            margin-right: 0;
        }

    .tabs-top .etabs {
        margin-bottom: -8px
    }

    .tabs-top .tab {
        margin-bottom: 8px
    }

    .items.col4 {
        margin-left: -16px;
        margin-bottom: -16px;
    }

        .items.col4 li {
            width: 352px;
            margin-left: 16px;
            margin-bottom: 16px;
        }

    .items.col3 {
        margin-left: -16px;
        margin-bottom: -16px;
    }

        .items.col3 li {
            width: 352px;
            margin-left: 16px;
            margin-bottom: 16px;
        }

    .grid-blog.col3 {
        margin-left: -16px;
        margin-bottom: -16px;
    }

        .grid-blog.col3 .post {
            width: 352px;
            margin-left: 16px;
            margin-bottom: 16px;
        }

    .row .grid-blog.col2 {
        margin-left: 0;
        margin-bottom: -30px;
    }

        .row .grid-blog.col2 .post {
            width: 100%;
            float: none;
            margin-left: 0;
            margin-bottom: 30px;
        }

    .classic-blog .post {
        margin-bottom: 30px
    }
}

@media (max-width: 767px) {
    .navbar .container,
    .container {
        padding-right: 20px;
        padding-left: 20px;
    }

    .navbar-light .navbar-nav .nav-link {
        width: 100% !important;
    }

    [class*="col-"] {
        /* margin-bottom: 30px; */
    }

    #scrollUp {
        display: none !important
    }

    footer .inner {
        padding-bottom: 40px
    }

    .sub-footer p.pull-left,
    .sub-footer ul.pull-right {
        float: none !important;
        text-align: center;
    }

    .sub-footer p {
        margin-bottom: 20px
    }

    .footer-menu li {
        padding: 0 5px
    }

    img {
        max-width: 100%;
        height: auto;
        margin-left: 15px;
    }

    .tp-bullets {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
        -moz-opacity: 0 !important;
        -khtml-opacity: 0 !important;
        opacity: 0 !important;
    }

    .tp-caption .btn-large {
        padding: 6px 14px 7px 14px !important;
        font-size: 11px;
    }

    .thin {
        width: 100%
    }

    #testimonials {
        width: 100%
    }

        #testimonials .tab {
            display: inline-block !important
        }

    .sidebar {
        margin-top: 70px;
        /* padding-left: 15px !important; */
    }

    .navbar.basic .navbar-nav {
        width: 100%;
        margin: 0 auto;
        padding-left: 20px;
        padding-right: 20px;
    }

    .navbar.basic .basic-wrapper {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        margin: 0 auto;
        display: block;
    }

    .navbar.basic .navbar-nav > li {
        margin-left: 0
    }

    .yamm .yamm-content.row {
        margin-bottom: -30px
    }

    .about-author .author-image {
        display: none
    }

    .tab {
        display: block !important;
        margin: 0 !important;
    }

    .tabs-top .tab {
        margin-bottom: 8px !important
    }

    .tabs-top .etabs {
        margin-bottom: -8px
    }

    .services .etabs,
    .services.tabs .panel-container {
        width: 100%
    }

    .services,
    .services .etabs {
        text-align: center
    }

        .services .tab a {
            display: inline
        }

        .services .tab {
            margin: 0;
            padding: 0;
            display: block;
            zoom: 1;
            border: none;
            position: relative;
        }

            .services .tab a {
                padding: 9px 20px;
                display: block;
                color: #9a9a9a;
                font-size: 13px;
                font-weight: 800;
                border: 1px solid #b5b5b5;
                text-transform: uppercase;
                margin: 0 0 8px 0;
            }

                .services .tab a:hover,
                .services .tab.active a {
                    border-color: #001A66
                }

            .services .tab h4 {
                color: #9a9a9a;
                -webkit-transition: all 200ms ease-in;
                -o-transition: all 200ms ease-in;
                -moz-transition: all 200ms ease-in;
            }

            .services .tab.active a {
                background-color: #fff
            }

            .services .tab:hover h4,
            .services .tab.active h4 {
                color: #001A66
            }

            .services .tab h4 {
                margin: 0;
                display: inline;
                font-size: 14px;
            }

            .services .tab .icon {
                display: none
            }

        .services.tab-container .panel-container p {
            margin: 0;
            padding-bottom: 10px;
        }

        .services .tab .pin,
        .services .tab .root:before,
        .services .tab .root:after {
            display: none
        }

    .steps {
        width: 100%
    }

    .timeline-border {
        display: none
    }

    .step {
        width: 100%;
        float: none;
        text-align: center;
        margin: 0 0 30px;
        padding: 0;
        position: relative;
    }

        .step.even {
            float: none;
            text-align: center;
            padding: 0;
        }

        .step .icon-border:before,
        .step .icon-border:after {
            display: none
        }

    .col-services,
    .col-services-2 {
        margin: 0 !important
    }

    .latest-blog {
        margin: 0 0 -50px 0
    }

        .latest-blog .post {
            float: none;
            width: 100%;
            margin-bottom: 20px;
            margin-right: 0;
        }

    .items,
    .grid-blog.col3,
    .row .grid-blog.col2 {
        margin-left: 0 !important;
        margin-bottom: -30px !important;
    }

        .items li,
        .grid-blog.col3 .post,
        .row .grid-blog.col2 .post {
            width: 100% !important;
            float: none !important;
            margin-left: 0 !important;
            margin-bottom: 30px !important;
        }

    .filter {
        margin: 0;
        text-align: center;
    }

        .filter li {
            margin-bottom: 30px;
            display: inline-block;
        }

    .classic-blog .post {
        margin-bottom: 30px
    }

    .page-title h1,
    .page-title .navigation {
        float: none !important
    }

    .page-title .navigation {
        margin-top: 10px
    }

    .navigation a {
        padding: 4px 9px 3px
    }

    [class*="col-"].lp30 {
        padding-left: 15px
    }

    #comments .user {
        display: none
    }

    #comments ul.children {
        padding: 0 0 0 20px
    }

    #comments .arrow-box {
        margin-left: 0
    }

    .panel-title {
        line-height: 18px
    }

    .navbar.basic .navbar-nav {
        width: 100%;
        margin: 0 auto;
        padding-left: 0px;
        padding-right: 0px;
    }

    .navbar.basic .basic-wrapper {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        margin: 0 auto;
        display: block;
    }

    .navbar.basic .navbar-nav > li {
        margin-left: 0;
        width: 100%;
    }

    .yamm .yamm-content.row {
        margin-bottom: -30px
    }

    .about-author .author-image {
        display: none
    }

    .onepage .navbar.basic .navbar-collapse .navbar-nav {
        max-height: 230px !important;
        overflow-y: scroll;
    }

    .idea-winner-box {
        flex-direction: column;
    }

        .idea-winner-box .festival-img, .idea-winner-box .festival-canidates {
            display: flex;
            -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
            max-width: 100% !important;
        }

            .idea-winner-box .festival-img::before {
                transform: initial !important;
                transform-origin: initial !important;
                border-radius: initial !important;
            }

    .vjs-head .widget {
        height: auto !important;
    }
}

@media (min-width:1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1280px;
        width: 100%;
    }
}
/*-----------------------------------------------------------------------------------*/
/*	Blue Style
/*-----------------------------------------------------------------------------------*/

a {
    color: #385b7f;
}

.colored {
    /* color: #001A66 */
}

.post-title a:hover {
    color: #001A66
}

.black-wrapper a:hover {
    color: #0035d5;
    padding-right: 7px;
}

.color-wrapper {
    background: #001A66
}

ul.circled li:before {
    color: #001A66;
}

blockquote small {
    color: #001A66
}

.nav > li > a:hover,
.nav > li.current > a, .nav > li > a.active {
    color: #ffffff;
    background-color: #0035d5;
    /* border-top: 2px solid #ff5252; */
    /* padding: 19px 14px; */
    /* box-shadow: inset 0px 2px #ff5252; */
}

.navbar .dropdown-menu {
    border-top: 3px solid #0062cc !important;
    background-color: #fff;
    border: none;
}

.navbar .nav .open > a,
.navbar .nav .open > a:hover,
.navbar .nav .open > a:focus {
    color: #868686;
    background-color: white;
    /* border-top: 2px solid #ff5252; */
    padding: 19px 14px;
    box-shadow: inset 0px 2px #ff5252;
}

.navbar .dropdown-menu:not(.yamm-dropdown-menu) > li > a:hover,
.navbar .dropdown-menu:not(.yamm-dropdown-menu) > li > a:focus,
.navbar .dropdown-submenu:hover > a,
.navbar .dropdown-submenu:focus > a,
.navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a,
.navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a:hover,
.navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a:focus {
    color: #ffffff;
}

.yamm .yamm-content a:hover {
    color: #001A66
}




.btn-border-dark:hover {
    border: 2px solid #387eaa;
    color: #387eaa !important;
}

.btn-border-light:hover {
    border: 2px solid #387eaa;
    color: #387eaa !important;
}

.services .tab:hover .icon i.icn,
.services .tab.active .icon i.icn {
    color: #001A66
}

.services .tab:hover .pin,
.services .tab.active .pin {
    background-color: #001A66
}

.services .tab:hover h4,
.services .tab.active h4 {
    color: #001A66
}

.tabs-top .tab a:hover,
.tabs-top .tab.active a {
    color: #001A66;
    border-color: #001A66;
}

#testimonials .author {
    color: #001A66;
}

.col-testimonials .author {
    color: #001A66;
}

.panel-title > a:hover {
    color: #001A66
}

.col-services .icon i.icn {
    color: #001A66;
}

.col-services-2 .col:hover .icon-border i {
    background-color: #001A66;
}

.image-caption h5 a:hover {
    color: #001A66
}

.black-wrapper .image-caption h3 a:hover {
    color: #001A66
}

.more {
    margin: 0;
    color: #001A66;
}

.meta a:hover {
    color: #001A66
}

.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
    color: #001A66;
    border: 2px solid #001A66;
}

.navigation a:hover {
    color: #001A66;
    border: 2px solid #001A66;
}

#comments .info h2 a:hover {
    color: #001A66
}

#comments a.reply-link:hover {
    color: #001A66
}

.step h5 {
    color: #001A66
}

.icon-border i {
    color: #001A66;
    border: 2px solid #001A66;
}

.step:hover .icon-border i {
    background-color: #001A66;
}

.progress-list li em {
    color: #001A66;
}

.progress.plain .bar {
    background: #001A66;
}

.sidebox a:hover {
    color: #001A66
}

.border-list li a:hover {
    color: #001A66
}

.border-list li:hover:after {
    color: #001A66
}

.parallax a:hover {
    color: #001A66
}

.pricing .plan h4 span {
    color: #001A66
}

.tooltip-inner {
    color: #fff;
    background-color: #001A66;
    padding: 5px 12px;
}

.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
    border-top-color: #001A66
}

.tooltip.right .tooltip-arrow {
    border-right-color: #001A66
}

.tooltip.left .tooltip-arrow {
    border-left-color: #001A66
}

.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #001A66
}

@media (max-width: 991px) {
    .navbar-nav > li > a {
        color: #001A66
    }
}

@media (max-width: 767px) {
    .services .tab a:hover,
    .services .tab.active a {
        border-color: #001A66
    }

    .services .tab:hover h4,
    .services .tab.active h4 {
        color: #001A66
    }
}

.icon-overlay a .icn-more {
    background-color: rgba(51, 60, 69, 0.5);
}
/*-----------------------------------------------------------------------------------*/
/*	Personal Style
/*-----------------------------------------------------------------------------------*/

.vjs-slider .swiper-slide img {
    width: 100%;
    height: auto;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: none;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: none;
}

    .swiper-button-next i, .swiper-button-prev i {
        color: #5d5d5d;
        font-size: 20px;
        z-index: 1;
    }

.vjs-head {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 30px;
    /*background: url("../images/slimvideo.png");*/
    /*background-position:center;*/
    /*background-repeat:repeat-x;*/
    /*background-size:50%;*/
}

.mt-50 {
    margin-top: 50px;
}

.navbar-nav > li {
    float: right;
    display: flex;
}

.dir-rtl {
    direction: rtl;
}

.article-titr li.article-heading {
    padding: 8px;
    margin-bottom: 7px;
    color: #9a9a9a;
    font-size: 10px;
    font-weight: 800;
    width: 100%;
    position: relative;
    background: white;
    border: 1px solid #b5b5b5;
    display: inline-block;
}

    .article-titr li.article-heading img {
        float: right;
        max-width: 61px;
        margin: -8px;
        margin-left: 15px;
    }

.body-wrapper {
    background-color: #ffffff;
    overflow: hidden;
}

.no-padding {
    padding: 0 !important;
}

.bak-eslimi {
    background-image: url(../images/transparent-bg.png), linear-gradient(to right,#072c5c, #0035d5);
    position: relative;
    display: inline-block;
    width: 100%;
    border-radius: 15px;
    padding-top: 50px;
    padding-bottom: 50px;
}

header {
    /* border-bottom: 3px solid #91ab2f; */
    /* height: 80px; */
    /* background: #303644 url(../images/header-pattern.jpg) repeat center; */
}

.navbar.basic.fixed header {
    display: none;
}

.navbar.basic.fixed .navbar-header {
    margin-top: 0;
    background: #8e8e8e;
    background: -moz-linear-gradient(top, #8e8e8e 2%, #949494 51%);
    background: -webkit-linear-gradient(top, #8e8e8e 2%, #949494 51%);
    background: linear-gradient(to bottom, #2f3d5d 2%, #2f3d5d 51%);
    border-radius: 8px;
    position: relative;
    display: inline-block;
    width: 100%;
    border-radius: 0px;
}

.beta-badge {
    font-size: 10px;
    color: red;
    line-height: 15px;
    border-radius: 5px;
    border: 1px solid #4A90E2;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
    height: 25px;
    margin-left: 20px;
    margin-top: 3px;
    margin-bottom: 5px;
}

.logo-vj img {
    height: 52px;
    max-width: 100%;
}

.latest-news-widget .tab-pane {
    height: 300px;
    width: 100%;
    /* border: 2px solid #00F; */
    overflow: auto;
    /* margin-bottom: 30px; */
}

.widget.title-a > h1, .widget.title-a > h2, .widget.title-a > h3, .widget.title-a > h4, .widget.title-a > h5, .widget.title-a > h6 {
    background-color: #f7f7f7;
    border-bottom: 2px solid #0035d5;
    color: #0035d5;
    margin: 0;
    padding: 15px;
    font-size: 14px;
}

.widget {
    background-color: #FFF;
    border-radius: 15px;
    margin-bottom: 15px;
    overflow: hidden;
}

    .widget.widget-bordered {
        border: 1px solid;
        border: none;
        box-shadow: 0 8px 25px rgba(28,76,156,.1);
    }

.padding-x {
    padding: 10px !important;
}

.widget .list {
    padding: 10px;
}

.widget .latest-news time {
    width: 40px;
    text-align: center;
    color: #333;
    background: #e3e3e3;
    margin: 2px 0 0 3px;
    padding: 0 3px;
    display: inline-block;
}

    .widget .latest-news time.special {
        color: white;
        background: #00b540;
    }

.latest-news .tab-content a:visited {
    color: #858585;
}

.widget h3.with-bg {
    background: #ffffff url(../images/tab-header.png) no-repeat left;
    display: inline-block;
    width: 100%;
}

.col-pad-8 [class*="col-"] {
    float: right;
    padding-left: 15px;
    padding-right: 15px;
}

.course-item .course-details {
    text-align: center;
}

    .course-item .course-details p {
        margin-bottom: 0;
    }

.course-item {
    text-align: center;
    padding: 15px;
}

    .course-item .course-img {
        display: inline-block;
        text-align: center;
        position: relative;
        margin-bottom: 11px;
        /* border-radius: 100%; */
        /* border: 1px solid gray; */
        /* padding: 14px; */
    }

        .course-item .course-img img {
            width: 100%;
            max-width: 100px;
        }

    .course-item .course-details .course-link {
        color: #3e75ce;
    }

.text-white {
    color: white;
}

.section-title.text-white h2, .section-title.text-white span, .section-title.text-white .icon:before, .section-title.text-white .icon:after {
    color: white !important;
    border-color: white;
}

.latest-course-registration .reg-course-item {
    background-color: white;
    text-align: center;
    color: gray;
    position: relative;
    overflow: hidden;
    display: inline-block;
    border-radius: 15px;
    padding: 10px;
    width: 100%;
    height: 100%;
    margin-bottom: 6px;
    box-shadow: 0 8px 25px rgba(28,76,156,.1);
}

.reg-course-img {
    /* display: flex; */
    /* float: right; */
}

.reg-course-img {
    display: inline-block;
    text-align: center;
    position: relative;
    border-radius: 100%;
    /* border: 1px solid gray; */
    /* padding: 14px; */
    width: 100px;
    margin-bottom: 10px;
    height: 100px;
}

    .reg-course-img img {
        max-width: 100px;
        width: 100%;
    }

.reg-course-details {
    display: inline-block;
    /* float: left; */
    width: 100%;
    /* margin-right: 15px; */
}

    .reg-course-details a {
        color: gray;
    }

    .reg-course-details .reg-course-body {
        text-align: center;
        padding-bottom: 10px;
    }

        .reg-course-details .reg-course-body p {
            margin: 0;
        }

            .reg-course-details .reg-course-body p.title {
                margin: 0;
                /* width: 100%; */
                overflow: hidden;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

.course-price {
    background-color: #009d3c;
    color: white;
    text-align: center;
    border-radius: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.btn-round {
    border-radius: 200px;
}

.btn-white {
    background-color: white;
    color: #009d3c !important;
}

    .btn-white:hover {
        background-color: #009d3c;
        color: white;
    }

.latest-course {
    margin-bottom: 10px;
}

#meet-team .team-member {
    padding: 15px;
    background: #fff;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    /* border: 1px solid #D2D6D5; */
    transition: border-color 400ms;
    -webkit-transition: border-color 400ms;
    /* min-height: 460px; */
    margin-bottom: 15px;
    border-radius: 15px;
    height: 100%;
    border: 1px solid #f3f3f3;
    box-shadow: 0 8px 25px rgba(28,76,156,.1);
    padding-bottom: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
}

    #meet-team .team-member .team-img {
        margin: -15px -15px 0 -15px;
    }


.team-img img {
    /* padding: 2px; */
    object-fit: cover;
}

#meet-team .team-member .team-info {
    padding-bottom: 10px;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 10px;
}

#meet-team .article-post p {
    text-align: justify;
    margin: 0 4% 0 10px;
}

#meet-team .team-member p {
    text-indent: 15px;
}

#meet-team .team-info h4 {
    color: #313131;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
}

    #meet-team .team-info h4 a {
        color: #313131;
        line-height: 1.7em;
        text-align: justify;
        /* width: 100%; */
        display: inline-block;
    }

#meet-team .team-info .pnnj-num {
    font-size: 12px;
    letter-spacing: 0.4px;
}

#meet-team .article-post p {
    text-align: justify;
    margin: 0 4% 0 10px;
}

#meet-team .team-member p {
    text-indent: 15px;
}

#meet-team .social-icons > li > a {
    margin-top: 5px;
}

.detail-btn:hover {
    background: #388d7d !important;
    color: white;
}

#meet-team .social-icons > li {
    display: inline-block;
}

#meet-team .social-icons {
    /* list-style: none; */
    /* padding: 0; */
    margin: 0;
    position: relative;
    display: inline-block;
    /* left: 15px; */
    /* bottom: 15px; */
}

.fixbottom-share {
    /* position: absolute; */
    /* width: 100%; */
    /* height: 33px; */
    bottom: 0;
    left: 0;
    right: 0;
    text-align: left;
}

.share-icon {
    display: none;
}

.share-btn {
    display: block;
    min-width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    background: #fda401;
    border-radius: 3px;
    direction: rtl;
    /* padding: 0 13px; */
    margin-top: 1px;
}

.share-box ul {
    list-style: none;
    padding: 0px;
}

.social-icon-detail {
    min-width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    /* background: #ffffff; */
    border-radius: 3px;
    direction: rtl;
    margin-top: 1px;
    border-radius: 3px;
}

.share-btn {
    display: block;
    min-width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    background: #00b540;
    border-radius: 3px;
    direction: rtl;
    /* padding: 0 13px; */
    margin-top: 1px;
}

.share-box:hover > .share-icon {
    display: block !important;
    position: absolute;
    bottom: 0px;
}

.detail-btn {
    padding: 0 7px;
}

#meet-team {
    padding-bottom: 5%;
    /* background: #f8f8f8; */
    width: 100%;
}

.team-info .pnnj-num {
    color: #3e75ce;
}

.logo-vezarat-keshvar {
    max-height: 80px;
    padding: 10px;
}

.iran-flag {
    position: absolute;
    left: 0;
    max-height: 100px;
    padding: 10px;
}

.form-control-feedback {
    width: 40px;
    height: 40px;
    line-height: 40px !important;
    top: 0;
}

.has-feedback .form-control {
    padding-right: 42.5px;
}

.form-control {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ffffff;
    height: 40px;
    padding-right: 30px;
    border-color: #e1e1e1;
    color: #777777;
    font-size: 13px;
    position: relative;
    -webkit-appearance: none;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    box-shadow: none;
}

.has-feedback {
    position: relative;
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}

.breadcrumb-container {
    background-color: #0035d50f;
}

.breadcrumb {
    background-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-bottom: 0;
    font-size: 12px;
    padding-left: 0;
    color: #0035d5;
}

.blogpost {
    margin: 0 0 25px;
    background-color: white;
    border: 1px solid #e4e4e4;
    border-radius: 6px;
    padding: 10px 20px;
    position: relative;
    text-align: justify;
    display: inline-block;
    width: 100%;
}

.sidebar .block {
    margin-bottom: 10px;
    background-color: white;
    border: none;
    box-shadow: 0 8px 25px rgba(28,76,156,.1);
    border-radius: 15px;
    padding: 15px;
}

.gray-bg {
    /* background-color: #ececec; */
}

.main-container {
    padding: 50px 0;
}

.widget .blogpost {
    margin: 0;
    background-color: transparent;
    border: none;
}

footer .widget {
    background-color: transparent;
}

.mt-20 {
    margin-top: 20px;
}

.btn-sm {
    padding: 5px 15px;
    font-size: 12px;
    line-height: 1.46666667;
    border-radius: 3px;
    margin: 5px 0;
}

.margin-clear {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.hvr-shutter-out-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.blogpost .post-info > span {
    margin-right: 5px;
    display: inline-block;
}

header.vj-header-top {
    height: 150px;
    /* background: #303644 url(../images/header-pattern.jpg) repeat center; */
}

.logo-vj {
    max-height: 58px;
    padding-top: 5px;
    padding-right: 15px;
    font-size: 11px;
}

#hdr-info {
    margin-top: 55px;
}

.header-top {
    background: #d4d4d4 none repeat scroll 0 0;
    position: relative;
}

.header-top-left {
    margin: 5px 0 0 0;
    text-align: left;
    float: left;
    padding: 0 0 2px 8px;
}

.header-top-right {
    margin: 5px 0 0 0;
    text-align: right;
    float: right;
    /* padding: 0 10px 0 0; */
}

.header-top .account li {
    display: inline;
    padding-right: 10px;
}

.header-top a {
    color: #0035d5;
    font-size: 12px;
}

    .header-top a:hover {
        color: #009d3c;
    }

.widget-box {
    padding: 15px;
}

.default-tb-pad {
    padding-top: 40px;
    display: block;
}

.checkbox {
    display: inline-block;
}

.sidebar-iran-flag img {
    display: inline-block;
    max-width: 95%;
    margin-bottom: 2em;
    margin-top: 2em;
}

.text-justify {
    text-align: justify;
}

.latest-course-registration .swiper-button-prev {
    height: 300px !important;
    top: 0 !important;
    bottom: 0 !important;
    margin: 0 !important;
    background: #fff0 !important;
    border-radius: 100%;
    width: 50px !important;
}

.latest-course-registration .swiper-button-next {
    height: 300px !important;
    top: 0 !important;
    bottom: 0 !important;
    margin: 0 !important;
    background: #fff0 !important;
    border-radius: 100%;
    width: 50px !important;
}

.latest-course-registration .swiper-button-next {
    left: 10px !important;
}

.latest-course-registration .swiper-button-prev {
    right: 10px !important;
}

    .latest-course-registration .swiper-button-next:before, .latest-course-registration .swiper-button-prev:before {
        position: absolute;
        content: '';
        background: rgb(255, 255, 255);
        height: 50px;
        width: 50px;
        margin: auto 0;
        top: 0px;
        bottom: 0;
        border-radius: 100%;
        box-shadow: 2px 0px 10px 0px rgba(0, 0, 0, 0.32);
    }

.latest-course-registration .swiper-container {
    /* padding-top: 25px; */
    /* padding-bottom: 16px; */
}

.latest-course-registration .swiper-button-next-child {
    /* height: 50px; */
    /* width: 50px; */
    /* display: inline-block; */
    /* background: #ffffff; */
    /* left: -2px; */
    /* position: inherit; */
    /* box-sizing: border-box; */
    /* cursor: inherit; */
}

.latest-course-registration .swiper-button-next:after, .latest-course-registration .swiper-button-prev:after {
    height: 20px;
    width: 20px;
    top: 47%;
}

.latest-course-registration .swiper-button-next:after {
    position: absolute;
    content: '';
    height: 15px;
    width: 15px;
    border-bottom: 2px solid #747474;
    border-left: 2px solid #747474;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 20px;
    margin: auto 0;
}

.latest-course-registration .swiper-button-prev:after {
    position: absolute;
    content: '';
    height: 15px;
    width: 15px;
    border-top: 2px solid #747474;
    border-right: 2px solid #747474;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 20px;
    margin: auto 0;
}

ul.home-side-access li img {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    z-index: 2;
    -webkit-text-fill-color: white;
    color: white;
    align-content: center;
    align-items: center;
    justify-self: center;
}

ul.home-side-access li {
    margin-bottom: 8px;
}

    ul.home-side-access li:hover {
    }

    ul.home-side-access li a {
        display: block;
        text-align: center;
        padding: 15px;
        position: relative;
        overflow: hidden;
        display: flex;
        border-radius: 15px;
        flex-direction: column;
        color: #4d4d4d;
        background-color: #ffffff;
        -moz-box-shadow: inset 0 8px 25px rgba(28,76,156,.1);
        /* -webkit-box-shadow: inset 0 8px 25px rgba(28,76,156,.1); */
        /* box-shadow: inset 0 0px 20px rgba(28, 76, 156, 0.1); */
        /* background-color: white; */
        /* border: 1px solid #5b5b5b1a; */
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        border-color: #ecebf0;
        align-content: center;
        align-items: center;
        justify-self: center;
    }

/* -------------------------------- 

Basic Style

-------------------------------- */
.cd-breadcrumb, .cd-multi-steps {
    width: 90%;
    max-width: 855px;
    padding: 0.5em 1em;
    margin: 10px auto;
    border-radius: .25em;
}

    .cd-breadcrumb:after, .cd-multi-steps:after {
        content: "";
        display: table;
        clear: both;
    }

    .cd-breadcrumb li, .cd-multi-steps li {
        display: inline-block;
        float: right;
        margin: 0.5em 0;
    }

        .cd-breadcrumb li::after, .cd-multi-steps li::after {
            /* this is the separator between items */
            display: inline-block;
            content: '\00bb';
            margin: 0 .6em;
            color: #959fa5;
        }

        .cd-breadcrumb li:last-of-type::after, .cd-multi-steps li:last-of-type::after {
            /* hide separator after the last item */
            display: none;
        }

        .cd-breadcrumb li > *, .cd-multi-steps li > * {
            /* single step */
            display: inline-block;
            font-size: 1rem;
            color: #2c3f4c;
        }

        .cd-breadcrumb li.current > *, .cd-multi-steps li.current > * {
            /* selected step */
            color: #09afdf;
        }

.no-touch .cd-breadcrumb a:hover, .no-touch .cd-multi-steps a:hover {
    /* steps already visited */
    color: #96c03d;
}

.cd-breadcrumb.custom-separator li::after, .cd-multi-steps.custom-separator li::after {
    /* replace the default arrow separator with a custom icon */
    content: '';
    height: 16px;
    width: 16px;
    background: url(../img/cd-custom-separator.svg) no-repeat center center;
    vertical-align: middle;
}

.cd-breadcrumb.custom-icons li > *::before, .cd-multi-steps.custom-icons li > *::before {
    /* add a custom icon before each item */
    content: '';
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-right: .4em;
    margin-top: -2px;
    background: url(../img/cd-custom-icons-01.svg) no-repeat 0 0;
    vertical-align: middle;
}

.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(2) > *::before {
    /* change custom icon using image sprites */
    background-position: -20px 0;
}

.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(3) > *::before {
    background-position: -40px 0;
}

.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(4) > *::before {
    background-position: -60px 0;
}

.cd-breadcrumb.custom-icons li.current:first-of-type > *::before, .cd-multi-steps.custom-icons li.current:first-of-type > *::before {
    /* change custom icon for the current item */
    background-position: 0 -20px;
}

.cd-breadcrumb.custom-icons li.current:nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(2) > *::before {
    background-position: -20px -20px;
}

.cd-breadcrumb.custom-icons li.current:nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(3) > *::before {
    background-position: -40px -20px;
}

.cd-breadcrumb.custom-icons li.current:nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(4) > *::before {
    background-position: -60px -20px;
}

@media only screen and (min-width: 768px) {
    .cd-breadcrumb, .cd-multi-steps {
        padding: 0 1.2em;
    }

        .cd-breadcrumb li, .cd-multi-steps li {
            margin: 1.2em 0;
        }

            .cd-breadcrumb li::after, .cd-multi-steps li::after {
                margin: 0 1em;
            }

            .cd-breadcrumb li > *, .cd-multi-steps li > * {
                font-size: 10px;
                font-style: normal;
            }
}

/* -------------------------------- 

Triangle breadcrumb

-------------------------------- */
@media only screen and (min-width: 768px) {
    .cd-breadcrumb.triangle {
        /* reset basic style */
        background-color: transparent;
        padding: 0;
    }

        .cd-breadcrumb.triangle li {
            position: relative;
            padding: 0;
            margin: 4px 4px 4px 0;
        }

            .cd-breadcrumb.triangle li:last-of-type {
                margin-right: 0;
            }

            .cd-breadcrumb.triangle li > * {
                position: relative;
                padding: 1em .8em 1em 2.5em;
                color: #2c3f4c;
                background-color: #edeff0;
                /* the border color is used to style its ::after pseudo-element */
                border-color: #edeff0;
            }

            .cd-breadcrumb.triangle li.current > * {
                /* selected step */
                color: #ffffff;
                background-color: #96c03d;
                border-color: #96c03d;
            }

            .cd-breadcrumb.triangle li:first-of-type > * {
                padding-left: 1.6em;
                border-radius: .25em 0 0 .25em;
            }

            .cd-breadcrumb.triangle li:last-of-type > * {
                padding-right: 1.6em;
                border-radius: 0 .25em .25em 0;
            }

    .no-touch .cd-breadcrumb.triangle a:hover {
        /* steps already visited */
        color: #ffffff;
        background-color: #2c3f4c;
        border-color: #2c3f4c;
    }

    .cd-breadcrumb.triangle li::after, .cd-breadcrumb.triangle li > *::after {
        /* 
    	li > *::after is the colored triangle after each item
    	li::after is the white separator between two items
    */
        content: '';
        position: absolute;
        top: 0;
        left: 100%;
        content: '';
        height: 0;
        width: 0;
        /* 48px is the height of the <a> element */
        border: 24px solid transparent;
        border-right-width: 0;
        border-left-width: 20px;
    }

    .cd-breadcrumb.triangle li::after {
        /* this is the white separator between two items */
        z-index: 1;
        -webkit-transform: translateX(4px);
        -moz-transform: translateX(4px);
        -ms-transform: translateX(4px);
        -o-transform: translateX(4px);
        transform: translateX(4px);
        border-left-color: #ffffff;
        /* reset style */
        margin: 0;
    }

    .cd-breadcrumb.triangle li > *::after {
        /* this is the colored triangle after each element */
        z-index: 2;
        border-left-color: inherit;
    }

    .cd-breadcrumb.triangle li:last-of-type::after, .cd-breadcrumb.triangle li:last-of-type > *::after {
        /* hide the triangle after the last step */
        display: none;
    }

    .cd-breadcrumb.triangle.custom-separator li::after {
        /* reset style */
        background-image: none;
    }

    .cd-breadcrumb.triangle.custom-icons li::after, .cd-breadcrumb.triangle.custom-icons li > *::after {
        /* 50px is the height of the <a> element */
        border-top-width: 25px;
        border-bottom-width: 25px;
    }

    @-moz-document url-prefix() {
        .cd-breadcrumb.triangle li::after,
        .cd-breadcrumb.triangle li > *::after {
            /* fix a bug on Firefix - tooth edge on css triangle */
            border-left-style: dashed;
        }
    }
}
/* -------------------------------- 

Custom icons hover effects - breadcrumb and multi-steps

-------------------------------- */
@media only screen and (min-width: 768px) {
    .no-touch .cd-breadcrumb.triangle.custom-icons li:first-of-type a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:first-of-type em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:first-of-type a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:first-of-type em::before {
        /* change custom icon using image sprites - hover effect or current item */
        background-position: 0 -40px;
    }

    .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(2) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(2) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(2) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(2) em::before {
        background-position: -20px -40px;
    }

    .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(3) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(3) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(3) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(3) em::before {
        background-position: -40px -40px;
    }

    .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(4) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(4) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(4) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(4) em::before {
        background-position: -60px -40px;
    }
}
/* -------------------------------- 

Multi steps indicator 

-------------------------------- */
@media only screen and (min-width: 768px) {
    .cd-multi-steps {
        /* reset style */
        background-color: transparent;
        padding: 0;
        text-align: center;
    }

        .cd-multi-steps li {
            position: relative;
            float: none;
            margin: 1em 0px 1em 10px;
        }

            .cd-multi-steps li:last-of-type {
                margin-right: 0;
            }

            .cd-multi-steps li::after {
                /* this is the line connecting 2 adjacent items */
                position: absolute;
                content: '';
                height: 4px;
                background: #edeff0;
                /* reset style */
                margin: 0;
            }

            .cd-multi-steps li.visited::after {
                background-color: #ff9d00;
            }

            .cd-multi-steps li > *, .cd-multi-steps li.current > * {
                position: relative;
                color: #2c3f4c;
            }

        .cd-multi-steps.custom-separator li::after {
            /* reset style */
            height: 4px;
            background: #edeff0;
        }

        .cd-multi-steps.text-center li::after {
            width: 100%;
            top: 50%;
            left: 100%;
            -webkit-transform: translateY(-50%) translateX(-1px);
            -moz-transform: translateY(-50%) translateX(-1px);
            -ms-transform: translateY(-50%) translateX(-1px);
            -o-transform: translateY(-50%) translateX(-1px);
            transform: translateY(-50%) translateX(-1px);
        }

        .cd-multi-steps.text-center li > * {
            z-index: 1;
            padding: .6em 1em;
            border-radius: .25em;
            background-color: #edeff0;
        }

    .no-touch .cd-multi-steps.text-center a:hover {
        background-color: #2c3f4c;
    }

    .cd-multi-steps.text-center li.current > *, .cd-multi-steps.text-center li.visited > * {
        color: #ffffff;
        background-color: #96c03d;
    }

    .cd-multi-steps.text-center.custom-icons li.visited a::before {
        /* change the custom icon for the visited item - check icon */
        background-position: 0 -60px;
    }

    .cd-multi-steps.text-top li, .cd-multi-steps.text-bottom li {
        width: 80px;
        text-align: center;
    }

        .cd-multi-steps.text-top li::after, .cd-multi-steps.text-bottom li::after {
            /* this is the line connecting 2 adjacent items */
            position: absolute;
            right: 40%;
            /* 40px is the <li> right margin value */
            width: calc(100% + 30px);
        }

        .cd-multi-steps.text-top li > *::before, .cd-multi-steps.text-bottom li > *::before {
            /* this is the spot indicator */
            content: '';
            position: absolute;
            z-index: 1;
            left: 50%;
            right: auto;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
            height: 12px;
            width: 12px;
            border-radius: 50%;
            background-color: #edeff0;
        }

        .cd-multi-steps.text-top li.visited > *::before,
        .cd-multi-steps.text-top li.current > *::before, .cd-multi-steps.text-bottom li.visited > *::before,
        .cd-multi-steps.text-bottom li.current > *::before {
            background-color: #ff9d00;
        }

    .no-touch .cd-multi-steps.text-top a:hover, .no-touch .cd-multi-steps.text-bottom a:hover {
        color: #ff9d00;
    }

        .no-touch .cd-multi-steps.text-top a:hover::before, .no-touch .cd-multi-steps.text-bottom a:hover::before {
            box-shadow: 0 0 0 3px rgba(255, 157, 0, 0.3);
        }

    .cd-multi-steps.text-top li::after {
        /* this is the line connecting 2 adjacent items */
        bottom: 4px;
    }

    .cd-multi-steps.text-top li > * {
        padding-bottom: 20px;
    }

        .cd-multi-steps.text-top li > *::before {
            /* this is the spot indicator */
            bottom: 0;
        }

    .cd-multi-steps.text-bottom li::after {
        /* this is the line connecting 2 adjacent items */
        top: 3px;
    }

    .cd-multi-steps.text-bottom li > * {
        padding-top: 20px;
    }

        .cd-multi-steps.text-bottom li > *::before {
            /* this is the spot indicator */
            top: 0;
        }
}
/* -------------------------------- 

Add a counter to the multi-steps indicator 

-------------------------------- */
.cd-multi-steps.count li {
    counter-increment: steps;
    /* line-height: 5px; */
    font-style: normal;
}

    .cd-multi-steps.count li > *::before {
        content: counter(steps) " - ";
    }

@media only screen and (min-width: 768px) {
    .cd-multi-steps.text-top.count li > *::before,
    .cd-multi-steps.text-bottom.count li > *::before {
        /* this is the spot indicator */
        content: counter(steps);
        height: 26px;
        width: 26px;
        line-height: 26px;
        font-size: 1.4rem;
        color: #ffffff;
        font-style: initial;
    }

    .latest-blog .post {
        height: 100%;
    }

    .cd-multi-steps.text-top.count li:not(.current) em::before,
    .cd-multi-steps.text-bottom.count li:not(.current) em::before {
        /* steps not visited yet - counter color */
        color: #2c3f4c;
    }

    .cd-multi-steps.text-top.count li::after {
        bottom: 11px;
    }

    .cd-multi-steps.text-top.count li > * {
        padding-bottom: 34px;
    }

    .cd-multi-steps.text-bottom.count li::after {
        top: 11px;
    }

    .cd-multi-steps.text-bottom.count li > * {
        padding-top: 34px;
    }
}
/* End BreadCrumb */
.errormsg {
    color: red;
}

ul.home-side-access li:nth-child(1) a {
    /* background-color: #46b29e; */
    /* color: #4d4d4d; */
}

ul.home-side-access li:nth-child(2) a {
    /* background-color: #efca58; */
    /* color: #ffffff; */
}

ul.home-side-access li:nth-child(3) a {
    /* background-color: #e27b47; */
    /* color: #ffffff; */
}

ul.home-side-access li:nth-child(4) a {
    /* background-color: #ee3a59; */
    /* color: #ffffff; */
}

ul.home-side-access li a:before {
    /* background-image: url(../images/side-eslimi-ptrn.png); */
    content: "";
    /* opacity: 0.5;
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1; */
}

ul.home-side-access li a:hover {
}

ul.home-side-access li .detail-box {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-bottom: 3px;
}

.special-tag.course-reg-tag {
    position: absolute;
    font-size: 11px;
    top: -10px;
    left: -41px;
    width: 120px;
    height: 57px;
    text-align: center;
    vertical-align: middle;
    padding-top: 0px;
    line-height: 77px;
    z-index: 1;
    background-color: #8ddb35;
    box-shadow: 0px 7px 16px 0px rgba(128, 128, 128, 0.3);
    color: white;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.special-tag {
    position: absolute;
    font-size: 11px;
    top: -10px;
    left: -41px;
    width: 120px;
    height: 57px;
    text-align: center;
    vertical-align: middle;
    padding-top: 0px;
    line-height: 77px;
    z-index: 1;
    background-color: #ff5262;
    box-shadow: 0px 7px 16px 0px rgba(128, 128, 128, 0.3);
    color: white;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

    .special-tag.end-reg-tag {
        position: absolute;
        font-size: 11px;
        top: -10px;
        left: -41px;
        width: 120px;
        height: 57px;
        text-align: center;
        vertical-align: middle;
        padding-top: 0px;
        line-height: 77px;
        z-index: 1;
        background-color: #ff7f24;
        box-shadow: 0px 7px 16px 0px rgba(128, 128, 128, 0.3);
        color: white;
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .special-tag.commingsoon-course-tag {
        position: absolute;
        font-size: 11px;
        top: -10px;
        left: -41px;
        width: 120px;
        height: 57px;
        text-align: center;
        vertical-align: middle;
        padding-top: 0px;
        line-height: 77px;
        z-index: 1;
        background-color: #3e75ce;
        box-shadow: 0px 7px 16px 0px rgba(128, 128, 128, 0.3);
        color: white;
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .special-tag.on-performing-tag {
        position: absolute;
        font-size: 11px;
        top: -10px;
        left: -41px;
        width: 120px;
        height: 57px;
        text-align: center;
        vertical-align: middle;
        padding-top: 0px;
        line-height: 77px;
        z-index: 1;
        background-color: #52b5ff;
        box-shadow: 0px 7px 16px 0px rgba(128, 128, 128, 0.3);
        color: white;
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .special-tag.finish-course-tag {
        position: absolute;
        font-size: 11px;
        top: -10px;
        left: -41px;
        width: 120px;
        height: 57px;
        text-align: center;
        vertical-align: middle;
        padding-top: 0px;
        line-height: 77px;
        z-index: 1;
        background-color: #a72f3a;
        box-shadow: 0px 7px 16px 0px rgba(128, 128, 128, 0.3);
        color: white;
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

.reg-course-details .reg-course-body .course-time {
    position: relative;
    display: flex;
    text-align: center;
    align-content: center;
    width: 100%;
    align-items: center;
    align-self: center;
    justify-content: center;
}

    .reg-course-details .reg-course-body .course-time p {
        padding: 0 5px;
    }

.course-time .start-date, .course-time .end-date {
    width: 23px;
    height: 18px;
    margin-top: -5px;
    vertical-align: middle;
}

.nav-pills.nav-stacked:not(.list-style-icons) > li > a:after {
    font-family: Font Awesome\ 5 Pro;
    content: "\f060";
    line-height: 1.9em;
    font-size: 12px;
    position: absolute;
    left: 15px;
    top: 6px;
    color: #979797;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.nav-pills.nav-stacked:not(.list-style-icons) > li.active > a:hover:after, .nav-pills.nav-stacked:not(.list-style-icons) > li.active > a:focus:after, .nav-pills.nav-stacked:not(.list-style-icons) > li > a:hover:after, .nav-pills.nav-stacked:not(.list-style-icons) > li > a:focus:after {
    color: #62a4d4;
    left: 10px;
}

.article-container {
    padding: 25px 0;
}

.mb-20 {
    margin-bottom: 20px;
}

.media, .media-body {
    /* zoom: 1; */
}

h6.media-heading {
    margin-bottom: 5px;
    line-height: 1.7em;
}

.margin-clear {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.media-left, .media-right, .media-body {
    /* display: table-cell; */
    vertical-align: top;
    text-align: justify;
}

.footer-content .media img, .block .media img {
    margin-bottom: 10px;
    max-width: 100%;
}

.overlay-container {
    position: relative;
    display: block;
    text-align: center;
    overflow: hidden;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #d6d6d6;
}

.media-left, .media > .pull-left {
    /* padding-left: 10px; */
    margin-bottom: 10px;
}

.overlay-container:hover img.media-object {
    opacity: 0.7;
}

.overlay-link {
    position: absolute;
    z-index: 10;
    top: 0;
    padding: 15px;
    bottom: 0px;
    left: 0;
    right: 0px;
    background-color: rgba(30, 30, 30, 0.5);
    overflow: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all ease-in-out 0.25s;
    -o-transition: all ease-in-out 0.25s;
    transition: all ease-in-out 0.25s;
    color: #ffffff;
}

.blogpost footer {
    font-size: 12px;
    padding: 10px;
    color: #aaa;
    border-top: 1px solid #eaeaea;
}

.blogpost.full footer {
    padding: 10px 0;
}

/* Social icons block
---------------------------------- */
.social-links {
    list-style: none;
    font-size: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-right: 0;
}

    .social-links li {
        display: inline-block;
        margin: 0 2px 2px 0;
    }

        .social-links li a {
            width: 40px;
            height: 40px;
            display: block;
            text-align: center;
            font-size: 18px;
            /* border: 1px solid #e7e7e7; */
            color: #ffffff;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
        }

            .social-links li a i {
                line-height: 40px;
            }

            .social-links li a:hover {
                background-color: transparent;
                border-color: #0c9ec7;
                color: #0c9ec7;
            }

    .social-links.animated-effect-1 li a {
        -webkit-transition: color 0.4s;
        -o-transition: color 0.4s;
        transition: color 0.4s;
        position: relative;
        z-index: 1;
    }

        .social-links.animated-effect-1 li a:hover {
            color: #ffffff !important;
            -webkit-transition: color 0.3s;
            -o-transition: color 0.3s;
            transition: color 0.3s;
        }

        .social-links.animated-effect-1 li a:after {
            pointer-events: none;
            position: absolute;
            border: none !important;
            width: 100%;
            height: 100%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            content: '';
            top: 0px;
            left: 0px;
            padding: 0px;
            z-index: -1;
            background-color: #0035d5;
            -webkit-transition: -webkit-transform 0.4s, opacity 0.4s, background-color 0.4s;
            -moz-transition: -moz-transform 0.4s, opacity 0.4s, background-color 0.4s;
            transition: transform 0.4s, opacity 0.4s, background-color 0.4s;
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
            /* opacity: 0; */
            filter: alpha(opacity=0);
        }

        .social-links.animated-effect-1 li a:hover:after {
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
            opacity: 1;
            -webkit-transition: -webkit-transform 0s, opacity 0.3s, background-color 0.3s;
            -moz-transition: -moz-transform 0s, opacity 0.3s, background-color 0.3s;
            transition: transform 0s, opacity 0.3s, background-color 0.3s;
        }

    .social-links.animated-effect-1:not(.circle) li a:after {
        -webkit-border-radius: 0%;
        -moz-border-radius: 0%;
        border-radius: 0%;
    }

.default.social-links li a {
    background-color: #09afdf;
    border: 1px solid #0c9ec7;
    color: #ffffff;
}

    .default.social-links li a:hover {
        background-color: #ffffff;
        color: #777777;
    }

.dark .social-links li a {
    background-color: rgba(0, 0, 0, 0.2);
    border: none !important;
    color: #ffffff;
}

.dark.social-links li a {
    background-color: rgba(0, 0, 0, 0.6);
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #ffffff;
}

    .dark.social-links li a:hover {
        background-color: rgba(0, 0, 0, 0.8);
    }

.colored .social-links li a {
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(0, 0, 0, 0.01);
    color: #ffffff;
}

.header-top .social-links {
    margin: 0;
    display: inline-block;
    margin-top: 2px;
}

.full-page .header .social-links {
    margin-top: 15px;
    margin-bottom: 0;
}

.footer-content .social-links li {
    margin: 0 5px 5px 0;
}

    .footer-content .social-links li a {
        color: #ffffff;
        background-color: transparent;
        /* border-color: #777777; */
    }

        .footer-content .social-links li a:hover {
            color: #fff;
            background-color: #777777;
            border-color: rgba(119, 119, 119, 0);
        }

.social-links.small li a {
    width: 30px;
    height: 30px;
    font-size: 14px;
}

    .social-links.small li a i {
        line-height: 29px;
    }

.social-links.large li a {
    width: 60px;
    height: 60px;
    font-size: 24px;
}

    .social-links.large li a i {
        line-height: 60px;
    }

.social-links.square li a,
.square {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.social-links.circle li a {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.social-links.animated-effect-1 li.twitter a {
    /* border-color: #55acee; */
}

    .social-links:not(.animated-effect-1) li.twitter a,
    .colored.social-links li.twitter a,
    .social-links.animated-effect-1 li.twitter a:after,
    .btn.twitter {
        background-color: #55acee;
        /* border-color: #55acee; */
        color: #fff;
    }

.social-links.animated-effect-1 li.skype a:hover {
    border-color: #00aff0;
}

.social-links:not(.animated-effect-1) li.skype a:hover,
.colored.social-links li.skype a,
.social-links.animated-effect-1 li.skype a:after,
.btn.skype {
    background-color: #00aff0;
    border-color: #00aff0;
    color: #fff;
}

.social-links.animated-effect-1 li.linkedin a:hover {
    border-color: #0976b4;
}

.social-links:not(.animated-effect-1) li.linkedin a:hover,
.colored.social-links li.linkedin a,
.social-links.animated-effect-1 li.linkedin a:after,
.btn.linkedin {
    background-color: #0976b4;
    border-color: #0976b4;
    color: #fff;
}

.social-links.animated-effect-1 li.googleplus a:hover {
    border-color: #dd4b39;
}

.social-links:not(.animated-effect-1) li.googleplus a:hover,
.colored.social-links li.googleplus a,
.social-links.animated-effect-1 li.googleplus a:after,
.btn.googleplus {
    background-color: #dd4b39;
    /* border-color: #dd4b39; */
    color: #fff;
}

.social-links.animated-effect-1 li.youtube a:hover {
    border-color: #b31217;
}

.social-links:not(.animated-effect-1) li.youtube a:hover,
.colored.social-links li.youtube a,
.social-links.animated-effect-1 li.youtube a:after,
.btn.youtube {
    background-color: #b31217;
    border-color: #b31217;
    color: #fff;
}

.social-links.animated-effect-1 li.flickr a:hover {
    border-color: #ff0084;
}

.social-links:not(.animated-effect-1) li.flickr a:hover,
.colored.social-links li.flickr a,
.social-links.animated-effect-1 li.flickr a:after,
.btn.flickr {
    background-color: #ff0084;
    border-color: #ff0084;
    color: #fff;
}

.social-links.animated-effect-1 li.facebook a:hover {
    border-color: #3b5998;
}

.social-links:not(.animated-effect-1) li.facebook a:hover,
.colored.social-links li.facebook a,
.social-links.animated-effect-1 li.facebook a:after,
.btn.facebook {
    background-color: #3b5998;
    border-color: #3b5998;
    color: #fff;
}

.social-links.animated-effect-1 li.pinterest a:hover {
    border-color: #cb2027;
}

.social-links:not(.animated-effect-1) li.pinterest a:hover,
.colored.social-links li.pinterest a,
.social-links.animated-effect-1 li.pinterest a:after,
.btn.pinterest {
    background-color: #cb2027;
    border-color: #cb2027;
    color: #fff;
}

.social-links.animated-effect-1 li.instagram a:hover {
    border-color: #517fa4;
}

.social-links:not(.animated-effect-1) li.instagram a:hover,
.colored.social-links li.instagram a,
.social-links.animated-effect-1 li.instagram a:after,
.btn.instagram {
    background-color: #517fa4;
    border-color: #517fa4;
    color: #fff;
}

.social-links.animated-effect-1 li.vimeo a:hover {
    border-color: #aad450;
}

.social-links:not(.animated-effect-1) li.vimeo a:hover,
.colored.social-links li.vimeo a,
.social-links.animated-effect-1 li.vimeo a:after,
.btn.vimeo {
    background-color: #aad450;
    border-color: #aad450;
    color: #fff;
}

.social-links.animated-effect-1 li.tumblr a:hover {
    border-color: #32506d;
}

.social-links:not(.animated-effect-1) li.tumblr a:hover,
.colored.social-links li.tumblr a,
.social-links.animated-effect-1 li.tumblr a:after,
.btn.tumblr {
    background-color: #32506d;
    border-color: #32506d;
    color: #fff;
}

.social-links.animated-effect-1 li.soundcloud a:hover {
    border-color: #ff3a00;
}

.social-links:not(.animated-effect-1) li.soundcloud a:hover,
.colored.social-links li.soundcloud a,
.social-links.animated-effect-1 li.soundcloud a:after,
.btn.soundcloud {
    background-color: #ff3a00;
    border-color: #ff3a00;
    color: #fff;
}

.social-links.animated-effect-1 li.foursquare a:hover {
    border-color: #0072b1;
}

.social-links:not(.animated-effect-1) li.foursquare a:hover,
.colored.social-links li.foursquare a,
.social-links.animated-effect-1 li.foursquare a:after,
.btn.foursquare {
    background-color: #0072b1;
    border-color: #0072b1;
    color: #fff;
}

.social-links.animated-effect-1 li.dribbble a:hover {
    border-color: #ea4c89;
}

.social-links:not(.animated-effect-1) li.dribbble a:hover,
.colored.social-links li.dribbble a,
.social-links.animated-effect-1 li.dribbble a:after,
.btn.dribbble {
    background-color: #ea4c89;
    border-color: #ea4c89;
    color: #fff;
}

.social-links.animated-effect-1 li.xing a:hover {
    border-color: #126567;
}

.social-links:not(.animated-effect-1) li.xing a:hover,
.colored.social-links li.xing a,
.social-links.animated-effect-1 li.xing a:after,
.btn.xing {
    background-color: #126567;
    border-color: #126567;
    color: #fff;
}

.social-links.animated-effect-1 li.behance a:hover {
    border-color: #126567;
}

.social-links:not(.animated-effect-1) li.behance a:hover,
.colored.social-links li.behance a,
.social-links.animated-effect-1 li.behance a:after,
.btn.behance {
    background-color: #053eff;
    border-color: #053eff;
    color: #fff;
}

.social-links.animated-effect-1 li.vine a:hover {
    border-color: #126567;
}

.social-links:not(.animated-effect-1) li.vine a:hover,
.colored.social-links li.vine a,
.social-links.animated-effect-1 li.vine a:after,
.btn.vine {
    background-color: #00a478;
    border-color: #00a478;
    color: #fff;
}

.social-links.animated-effect-1 li.stumbleupon a:hover {
    border-color: #126567;
}

.social-links:not(.animated-effect-1) li.stumbleupon a:hover,
.colored.social-links li.stumbleupon a,
.social-links.animated-effect-1 li.stumbleupon a:after,
.btn.stumbleupon {
    background-color: #f74425;
    border-color: #f74425;
    color: #fff;
}

.social-links .dropdown > button {
    padding: 1px 15px 0px;
    font-size: 16px;
    color: #999999;
    text-align: center;
    min-width: 0;
    margin: 0;
    background-color: transparent;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

    .social-links .dropdown > button i {
        width: 15px;
    }

.header-top:not(.dark) .social-links .dropdown.open > button > i:before {
    color: #09afdf;
}

.header-top.colored .social-links .dropdown > button > i:before,
.header-top.colored .social-links .dropdown.open > button > i:before {
    color: #ffffff;
}

.header-top .social-links .dropdown.open > button > i:before {
    content: "\f00d";
}

.social-links .dropdown-menu {
    z-index: 103;
    padding: 5px;
    min-width: 270px;
    margin-top: 6px;
    font-size: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #f2f2f2;
    border: 1px solid #D0D0D0;
    border-top: none;
}

    .social-links .dropdown-menu li a,
    .dark .social-links .dropdown-menu li a i,
    .colored .social-links .dropdown-menu li a i {
        padding: 0;
        line-height: 30px;
        color: #ffffff;
    }

        .social-links .dropdown-menu li a i {
            padding-left: 0;
        }

        .social-links .dropdown-menu li a:hover i {
            color: #ffffff;
        }
/*---------------------------------- */
.btn-tag {
    font-weight: normal;
    padding: 5px 10px;
}

textarea.form-control {
    height: 85px;
    overflow-y: auto;
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    padding: 5px 10px;
    resize: none;
    outline: none;
    overflow: hidden;
    font-size: 12px;
    border-radius: 0;
}

.btn-show-course {
    padding: 5px 10px;
    float: left;
    border-radius: 500px;
    font-size: 11px;
}

.course-container {
    padding: 25px 0;
}

.course-some-description {
    text-align: justify;
    text-indent: 20px;
    line-height: 1.7em;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-10 {
    margin-bottom: 10px;
}

.course-details .course-properties li a {
    border-radius: 0;
    padding: 10px 15px;
    display: inline-block;
}

.course-details .course-properties li {
    float: right;
}

.course-properties-details .details-title {
    padding: 10px;
    height: 100%;
}

.course-properties-details .details-value {
    padding: 10px;
    background: #fbfcff;
    border-right: 1px solid #edeff6;
    height: 100%;
}

.course-properties-details li.course-property-box {
    border-radius: 5px;
    background: #edeff6;
    overflow: hidden;
    border: 1px solid #dee2e6;
    display: flex;
    width: 100%;
    vertical-align: middle;
    margin-bottom: 5px;
    line-height: 2em;
    align-content: center;
    align-items: center;
    align-self: center;
    justify-items: center;
    vertical-align: middle;
}

.course-head-details .start-date, .course-head-details .end-date {
    width: 23px;
    height: 18px;
    margin-top: -5px;
    vertical-align: middle;
}

.course-baseindex .swiper-container {
    padding-right: 55px;
    padding-bottom: 16px;
}

.course-baseindex .swiper-category-title {
    background-color: white;
    border-radius: 5px;
    color: gray;
    position: absolute;
    top: 95px;
    padding: 6px;
    right: -100px;
    display: inline-block;
    width: 238px;
    height: 50px !important;
    text-align: center;
    z-index: 10;
    transform: rotate(-90deg);
}

    .course-baseindex .swiper-category-title:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        display: inline-block;
        width: 100%;
        height: 100%;
        text-align: center;
        z-index: 10;
        box-shadow: 0px -8px 17px #00000047;
    }

.sidebar .sidebar-latest-course {
    display: flex;
}

.sidebar-latest-course .latest-course-media-left {
    width: 30%;
    display: inline-flex;
}

    .sidebar-latest-course .latest-course-media-left .overlay-container {
        display: inline-block;
        width: 100%;
        padding-left: 10px;
    }

.sidebar-latest-course .latest-course-media-body {
    width: 70%;
    display: inline-flex;
}

    .sidebar-latest-course .latest-course-media-body .date {
        display: inline-block;
        width: 100%;
        color: #9f9f9f;
    }

    .sidebar-latest-course .latest-course-media-body .course-category {
        display: inline-block;
        width: 100%;
        color: #00b540;
    }

.widget h3.with-bg a {
    float: left;
    display: block;
    padding: 5px 15px;
    vertical-align: middle;
    line-height: 11px;
    height: 20px;
    border-radius: 100px;
    background-color: #ffffff;
    color: #696969;
}

.widget h3.with-bg span {
    float: right;
    font-size: 100%;
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
    border-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

    .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child) {
        border-radius: 4px;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

.bak-eslimi-red {
    background-image: url(../images/transparent-bg.png), linear-gradient(to right,#356a59, #3b9286);
}

.vjs-slider p.slider-description {
    position: absolute;
    display: inline-block;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 25px 20px;
    color: white;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(19,19,19,0.7458333675266982) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(19,19,19,0.7458333675266982) 100%);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(19,19,19,0.7458333675266982) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#131313",GradientType=1);
    margin: 0;
}

.article-post .article-post-image {
    width: 100%;
    height: 250px;
    overflow: hidden;
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
    /* background-position: center; */
}

#meet-team .article-post {
    margin-bottom: 15px;
}

.btn.btn-gray a {
    color: white;
}

.breadcrumb a {
    color: #0035d5;
}

    .breadcrumb a:hover {
        text-decoration: underline;
    }
/* checkmark */
.checkmark-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default radio button */
    .checkmark-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.checkmark-container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.checkmark-container input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.checkmark-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.checkmark-container .checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

p.filter-title {
    margin: 0;
}

.widget .filter-box {
    margin-bottom: 15px;
}

.course-head-details {
    display: inline-block;
    position: relative;
    width: 100%;
}

.left-special-banner {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    height: 100%;
}

    .left-special-banner .special-banner-link {
        width: 100%;
        height: 100%;
        display: inline-block;
    }

.ia-prd-cat .ia-cat-box {
    /* border-top: 2px solid; */
    /* padding-top: 2px; */
    /* padding-bottom: 10px; */
    background-color: white;
    display: inline-block;
    width: 100%;
    text-align: center;
    /* border-left: 1px solid #eee !important; */
    /* border-right: 1px solid #eee !important; */
    /* border-bottom: 1px solid #eee !important; */
    box-shadow: 0 8px 25px rgba(28,76,156,.1);
    border-radius: 15px;
}

    .ia-prd-cat .ia-cat-box.blue-border {
        /* border-color: #009d3c; */
    }

    .ia-prd-cat .ia-cat-box.orange-border {
        border-color: #ffa501;
    }

.inline-block {
    display: inline-block;
}

.ia-prd-cat .ia-cat-box .industry-enter a {
    display: block;
    height: 100px;
    padding-top: 28px;
    border-bottom: 1px solid #eee;
    font-size: 13px;
    line-height: 24px;
    font-weight: bold;
    text-align: center;
}

.ia-cat-box.blue-border .industry-enter a {
    color: #229e3f;
}

.ia-prd-cat .ia-cat-box .keyword-list {
    line-height: 22px;
    text-align: center;
    max-height: 385px;
    overflow: hidden;
}

    .ia-prd-cat .ia-cat-box .keyword-list a {
        display: inline-block;
        width: 100%;
        color: #4e4e4e;
        margin-bottom: 5px;
        margin-top: 5px;
    }

.product-label {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #fff;
    z-index: 1;
}

    .product-label .sale-flag-side {
        position: relative;
        width: auto;
        margin-bottom: 5px;
    }

        .product-label .sale-flag-side .sale-text {
            display: inline-block;
            width: 40px;
            height: 40px;
            line-height: 40px;
            border-radius: 50%;
            border: 1px dashed;
            text-align: center;
            font-size: 11px;
            text-transform: uppercase;
            direction: ltr;
            color: #d90000;
            background-color: rgba(0,0,0,0);
        }

.ia-simple-right-border {
    border-right: 1px solid #1c4c9c1a;
}

.reg-course-item {
    padding-top: 10px;
    background-color: white;
    text-align: center;
    color: gray;
    position: relative;
    overflow: hidden;
    display: inline-block;
    border-radius: 5px;
    padding: 10px;
    width: 100%;
    margin-bottom: 6px;
}

.detail-box .price {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

.detail-box .discount-price {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    text-align: center;
}

.product-label {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #fff;
    z-index: 1;
}

    .product-label .sale-flag-side {
        position: relative;
        width: auto;
        margin-bottom: 5px;
    }

        .product-label .sale-flag-side .sale-text {
            display: inline-block;
            width: 45px;
            height: 45px;
            padding-top: 4px;
            line-height: 16px;
            border-radius: 50%;
            border: 1px dashed;
            text-align: center;
            font-size: 9px;
            text-transform: uppercase;
            direction: ltr;
            color: #229e3f;
            background-color: rgba(0,0,0,0);
        }

.keyword-list .nav-tabs {
    border: none;
    padding: 10px 0;
}

    .keyword-list .nav-tabs a:hover {
        border-color: white;
    }

    .keyword-list .nav-tabs li.active a {
        border-color: white;
        color: white;
        text-align: center;
        background-color: #0035d5;
        border-radius: 500px;
    }

    .keyword-list .nav-tabs li {
        display: inline-block;
        width: calc(100% - 20px);
        float: none;
        font-size: 11px;
        text-align: center;
    }

.ia-cat-box .swiper-slide {
    width: 25%;
}

.ia-prd-cat .ia-cat-box .registration-course-swiper {
    display: block;
    height: 0;
}

    .ia-prd-cat .ia-cat-box .registration-course-swiper.active {
        display: block;
        height: auto;
    }

.social li a i.fa-instagram {
    color: #dd2a75;
    border: 1px solid #dd2a75;
}

.social li a i.fa-telegram-plane {
    color: #005aff;
    border: 1px solid #005aff;
}

.reg-item-border {
    border: 1px solid;
    border-color: #DFE0E4;
}

.mt-15 {
    margin-top: 15px;
}

.mb-15 {
    margin-bottom: 15px;
}

.login-link {
    background-color: #0035d5;
    color: white !important;
    border-radius: 4px;
    height: 38px;
}

.btn-round {
    border-width: 1px;
    padding: 11px 23px;
    line-height: 1.6em;
}

.login-box {
    display: inline-block;
    padding: 18px 15px;
}

.breadcrumb > .active {
    color: #0035d5;
}

.breadcrumb > li + li:before {
    content: "/\00a0";
    padding: 0 5px;
    color: #0035d5;
}

.stroke-bar {
    display: block;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 5px;
    content: "";
    z-index: 501;
    background-color: #0035d5;
}

.pt-30 {
    padding-top: 30px;
}

footer .sub-footer li a {
    color: #fff;
}

ul.home-side-access li .detail-box p {
    margin: 0;
    font-size: 1.3em;
    color: #025db8;
    font-weight: bold;
}

.login-box .account ul li {
    display: inline;
}

.btn-primary {
    color: #ffffff;
    background-color: #0035d5;
    border-color: #0035d5;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
        color: #ffffff;
        background-color: #0035d5;
        border-color: #0035d5;
    }

.login-link:hover, .login-link:focus, .login-link:active, .login-link.active, .open .dropdown-toggle.login-link {
    color: #ffffff;
    background-color: #0035d5;
    border-color: #0035d5;
}

.curveDownColor path {
    fill: #fff;
    stroke: #fff;
}

ul.home-side-access li a:hover .detail-box p, ul.home-side-access li a:hover {
    color: white;
}

ul.home-side-access li a:hover {
    background-color: #0035d5;
    box-shadow: 0 8px 25px rgba(28, 76, 156, 0.29);
}


ul.home-side-access li .widget-img {
    max-width: 80px;
    padding: 17px;
    margin: 0px 0 7px 0;
    width: 80px;
    height: 80px;
    border-radius: 100px;
    text-align: center;
    display: flex;
    position: relative;
    vertical-align: middle;
    z-index: 2;
    -webkit-text-fill-color: white;
    color: white;
    align-content: center;
    align-items: center;
    justify-self: center;
}

ul.home-side-access li a:hover .widget-img {
    background-color: white;
}

.navbar .round-icon {
    background-color: #0035d5;
    border-radius: 100%;
    width: 20px;
    margin-left: 2px;
    padding: 5px;
    height: 20px;
    color: white;
    font-size: 10px;
    display: inline-block;
    line-height: 1.1em;
    text-align: center;
    vertical-align: middle;
}

.bak-eslimi .widget-img {
    max-width: 80px;
    padding: 17px;
    margin: 20px auto;
    width: 80px;
    height: 80px;
    border-radius: 100px;
    display: flex;
    position: relative;
    vertical-align: middle;
    z-index: 2;
    background-color: white;
    color: white;
    align-content: center;
    align-items: center;
    text-align: center;
    justify-self: center;
}

.btn-round {
    border-radius: 100px;
}

.btn-small {
    padding: 7px 10px;
    font-size: 10px;
}

.navbar {
    padding: 0 !important;
}

.dir-rtl {
    direction: rtl;
}

.dropdown-menu {
    left: initial;
    right: 0;
    float: right;
}

.latest-course .vj-course-tab {
    border: none;
    box-shadow: 0 8px 25px rgba(28,76,156,.1);
    border-radius: 15px;
}

.vj-course-tab .tab-content {
    display: inline-block;
    position: relative;
    width: 100%;
}

.ia-prd-cat .registration-course-swiper {
    display: block !important;
    height: 0;
}

    .ia-prd-cat .registration-course-swiper.active {
        display: block !important;
        height: auto;
    }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #0035d5;
}

.badge {
    padding: .25em .4em;
    font-size: 10px;
    font-weight: normal;
}

.sidebar .nav-stacked {
    display: block;
    position: relative;
}

    .sidebar .nav-stacked li a {
        display: block;
        position: relative;
        padding: 5px 15px;
        border-radius: 6px;
    }

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.post-image img {
    max-width: 100%;
}

.sidebar-block.latest-post {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: column;
}

.latest-post .side-post .post-image {
    position: relative;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 3;
    max-width: 100%;
    padding-left: 15px;
    text-align: center;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    opacity: 0.7;
}

    .latest-post .side-post .post-image img {
        width: 80px;
        height: 80px;
        border-radius: 100%;
        object-fit: cover;
        -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.07);
        box-shadow: 0 5px 20px rgba(0,0,0,.07);
        /* Safari 6.0 - 9.0 */
    }

.latest-post .side-post .post-details {
    position: relative;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 5;
    max-width: 100%;
}

    .latest-post .side-post .post-details a {
        color: #616161;
        font-weight: normal;
        font-size: 10px;
        text-align: justify;
        line-height: 2em;
    }

.latest-post .side-post {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center !important;
    align-items: center !important;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

    .latest-post .side-post:not(:last-child) {
        border-bottom: 1px solid #80808021;
    }

    .latest-post .side-post .post-details .date {
        margin: 0;
        color: gray;
        font-size: 11px;
    }

    .latest-post .side-post:hover .post-image {
        opacity: 1;
        -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
        filter: grayscale(0%);
    }

    .latest-post .side-post:hover .post-details a {
        color: #0035d5;
    }

.special-tag.red {
    background-color: #ff5262;
}

.special-tag.green {
    background-color: #009d3c;
}

.special-tag.blue {
    background-color: #0035d5;
}

.btn-light {
    color: #212529;
    background-color: #f1f1f1;
    border-color: #f1f1f1;
}

.swiper-button-next:after, .swiper-button-prev:after {
    display: none;
}

.vjs-head .swiper-button-next i, .vjs-head .swiper-button-prev i {
    color: white;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #0035d5;
    border-color: #0035d5;
}

.navbar-light .navbar-nav .nav-link {
    color: #575757;
    font-weight: 600;
    border-bottom: 2px solid transparent;
}

.latest-course-widget .latest-course-swiper:hover .swiper-slide .course-item {
    transition: all .2s ease 0s;
    -webkit-filter: blur(5px);
    filter: blur(5px);
}

.latest-course-widget .latest-course-swiper:hover .swiper-slide:hover .course-item {
    transition: all .2s ease 0s;
    -webkit-filter: blur(0px);
    filter: blur(0px);
}

.vjs-head .widget .swiper-container {
    overflow: initial;
    width: 100%;
    height: auto;
}

.vjs-head .widget {
    height: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.vjs-slider .swiper-slide a {
    display: flex;
    width: 100%;
    /* height: 100%; */
}

.full-layout nav.navbar {
    box-shadow: 0 8px 25px rgba(28,76,156,.1);
}

.idea-winner-box {
    background-color: #fff;
    width: 100%;
    /* height: 200px; */
    box-shadow: 0 5px 25px rgba(0,0,0,.07);
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    border-radius: 15px;
    -ms-flex-wrap: wrap !important;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 15px;
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}

    .idea-winner-box .festival-img {
        position: relative;
        display: flex;
        top: 0;
        right: 0;
        bottom: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 45%;
        max-width: 45%;
        height: 100%;
        /* overflow: hidden; */
        background-position: center center;
        background-size: cover;
        border-radius: 0 5px 5px 0;
    }

        .idea-winner-box .festival-img::before, .idea-winner-box .festival-img::after {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            right: 0;
            top: 0;
        }

        .idea-winner-box .festival-img::before {
            z-index: 1;
            transform: skewX(12deg);
            transform-origin: right top;
            border-radius: 62px 0 0 0;
            box-shadow: 0 0 0 120px #fff;
            transition: all ease-in-out 0.3s;
        }

        .idea-winner-box .festival-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .idea-winner-box .festival-img::after {
            background: rgba(40,51,78,.04);
            z-index: 2;
            transform: skewX(-3deg);
            transform-origin: right bottom;
            border-radius: 47px 0 0 62px;
            transition: all ease-in-out 0.3s;
        }

    .idea-winner-box:hover .festival-img::before {
        transform: skewX(0deg);
        transition: all ease-in-out 0.3s;
    }

    .idea-winner-box:hover .festival-img::after {
        right: -7px;
        transform: skewX(7deg);
        transform-origin: left bottom;
        transition: all ease-in-out 0.3s;
    }

    .idea-winner-box .festival-canidates {
        /* position: relative; */
        display: flex;
        -ms-flex: 0 0 100%;
        flex: 0 0 55%;
        max-width: 55%;
        /* padding: 20px; */
        z-index: 3;
    }

        .idea-winner-box .festival-canidates .title {
            padding: 0;
            margin: 0 0 10px 0;
            text-align: center;
        }

.title_shortcode {
    text-align: right;
    margin: 20px auto;
}

.course-head-details li {
    display: flex;
    padding: 4px;
    align-content: center;
    align-items: center;
    align-self: center;
    vertical-align: middle;
}

.course-head-details.striped li:nth-of-type(odd) {
    background-color: rgb(0 53 213 / 0.05);
}

.festival-canidates .related-courses {
    position: relative;
    display: flex;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

    .festival-canidates .related-courses .category {
        padding: 0;
        margin: 0 0 10px 0;
        text-align: center;
        color: gray;
        font-size: 13px;
    }

    .festival-canidates .related-courses .itap-candidate li {
        border-radius: 0.1875rem;
        background-color: rgba(222, 222, 222, 0.3);
        margin-bottom: 5px;
        padding: 5px 10px;
    }

    .festival-canidates .related-courses .winner {
        text-align: center;
        border-radius: 50px;
        border: 1px solid #125b66;
        padding: 5px 10px;
        font-size: 13px;
        color: #125b66;
    }

    .festival-canidates .related-courses li p {
        margin: 0;
    }

.footer-shape {
    width: 100%;
    display: flex;
    text-align: center;
    height: 70px;
    margin-bottom: -17px;
    position: relative;
    align-items: center;
    align-content: center;
    justify-content: center;
}

    .footer-shape svg {
        height: 70px;
        display: inline-block;
    }

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem auto -1rem -1rem;
}

.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

.city-tag {
    position: absolute;
    display: flex;
}

    .city-tag .course-city {
        padding: 5px 10px;
        line-height: 1.7em;
        background-color: #f8f8f8;
        border-radius: 40px;
        z-index: 1;
    }

.currency-title {
    font-size: 10px;
}

.post-content .btn-more {
    text-align: center;
    border-radius: 50px;
    border: 1px solid #0035d5;
    padding: 5px 10px;
    font-size: 13px;
    color: #0035d5;
}

    .post-content .btn-more i {
        color: #ffd728;
    }

.md-badge {
    font-size: 12px;
    padding: 6px 10px;
}

.btn i.right-icon {
    padding-left: 5px;
}

.user-avatar {
    max-width: 200px;
    width: 170px;
    height: 170px;
    border-radius: 100%;
    margin-bottom: 15px;
    object-fit: cover;
    box-shadow: 0 5px 25px rgba(0,0,0,.07);
}

.faktor-row {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 10px;
}

.info-box {
    min-height: 100px;
    background: #fff;
    width: 100%;
    display: flex;
    align-content: center;
    align-items: center;
    margin-bottom: 20px;
    padding: 1.25rem;
    border-radius: 8px;
    -webkit-box-shadow: 0 8px 25px rgba(28,76,156,.1);
    box-shadow: 0 8px 25px rgba(28,76,156,.1);
    position: relative;
}

.info-box-icon {
    height: 50px;
    width: 50px;
    text-align: center;
    font-size: 23px;
    line-height: 56px;
    color: white;
    border-radius: 8px;
}

.info-box-content {
    padding-right: 10px;
    margin-left: inherit;
}

.info-box-number {
    font-weight: 400;
    font-size: 14px;
}

.info-box-text, .progress-description {
    display: block;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 300;
}

.floating-label-group {
    position: relative;
    margin-top: 10px;
}

.form-control {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ffffff;
    height: 40px;
    font-size: 12px;
    padding-left: 5px;
    border-color: #e1e1e1;
    color: #777777;
    position: relative;
    -webkit-appearance: none;
    /* margin-bottom: 15px; */
}

.floating-label-group .floating-label {
    color: #cccccc;
    position: absolute;
    pointer-events: none;
    top: -13px;
    padding-right: 6px;
    padding-left: 6px;
    right: 15px;
    font-size: 11px;
    opacity: 1;
    color: #404040;
    background-color: white;
    height: 20px;
    border-radius: 4px;
    transition: all 0.1s ease;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none !important;
    background-color: transparent;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.input-validation-error {
    border: 1px solid red !important;
    background-color: transparent !important;
}

select::-ms-expand {
    display: none;
}

.selectdiv {
    position: relative;
}

    .selectdiv:after {
        content: '<>';
        font: 12px "Consolas", monospace;
        color: #727272;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        right: 13px;
        /*Adjust for position however you want*/
        top: 12px;
        padding: 0 0 2px;
        /* border-bottom: 1px solid #999; */
        /*left line */
        position: absolute;
        pointer-events: none;
    }

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Add some styling */
    display: block;
    width: 100%;
    /* max-width: 320px; */
    height: 40px;
    padding-right: 25px;
    /* font-size: 16px; */
    line-height: 1.75;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    -ms-word-break: normal;
    word-break: normal;
}

    select::-ms-expand {
        display: none !important;
    }

.input-group .input-group-addon {
    font-size: 13px;
    line-height: 37px;
    color: #7a7a7a;
    border: 1px solid #dadada;
    border-right: none;
    padding: 0 13px;
    text-align: center;
    height: 40px;
    align-content: center;
    align-items: center;
    vertical-align: middle;
    -webkit-box-shadow: none;
}

.profile-image .edit-btn {
    position: absolute;
    align-content: center;
    font-size: 15px;
    display: flex;
    vertical-align: middle;
    color: white;
    width: 35px;
    height: 35px;
    top: 0;
    border-radius: 100%;
    text-align: center;
    align-items: center;
    align-self: center;
    justify-content: center;
}

.widget-box .profile-image {
    position: relative;
}

.fileupload-box {
    background-color: #ffffff;
    border: 1px solid #efefef;
    border-radius: 15px;
    box-shadow: 0 8px 25px rgba(28,76,156,.1);
    padding-top: 10px;
    margin: auto;
    margin-bottom: 15px;
    height: 100%;
    /* max-width: 300px; */
    position: relative;
    overflow: hidden;
}

    .fileupload-box .fileinput-button {
        width: 100%;
        position: relative;
        display: inline-block;
        border-radius: 4px;
        padding: 0 5px;
        text-align: center;
        background-color: initial;
        border: initial;
    }

    .fileupload-box .progress {
        margin-bottom: 0px;
        margin-top: 7px;
        position: absolute;
        bottom: 0;
        z-index: 12;
        display: inline-block;
        left: 0;
        right: 0;
        width: 100%;
        border-radius: 0;
    }

.fileinput-button #profileimage {
    width: 100%;
    max-width: 200px;
    margin: auto;
    text-align: center;
    display: inherit;
    max-height: 200px;
}

.fileinput-button #profileimage2 {
    width: 100%;
    max-width: 200px;
    margin: auto;
    text-align: center;
    display: inherit;
    max-height: 200px;
}

.fileinput-button #profileimage3 {
    width: 100%;
    max-width: 200px;
    margin: auto;
    text-align: center;
    display: inherit;
    max-height: 200px;
}

.fileinput-button #profileimage4 {
    width: 100%;
    max-width: 200px;
    margin: auto;
    text-align: center;
    display: inherit;
    max-height: 200px;
}

.fileinput-button #khedmatProfileimage {
    width: 100%;
    max-width: 200px;
    margin: auto;
    text-align: center;
    display: inherit;
    max-height: 200px;
}

.fileinput-button #morabiProfileimage {
    width: 100%;
    max-width: 200px;
    margin: auto;
    text-align: center;
    display: inherit;
    max-height: 200px;
}

.fileinput-button #davariProfileimage {
    width: 100%;
    max-width: 200px;
    margin: auto;
    text-align: center;
    display: inherit;
    max-height: 200px;
}


.fileupload-box .fileinput-button .fileinput-remove-btn i {
    background-color: #ff0000;
    border-radius: 15px;
    text-align: center;
    color: white;
    padding: 5px;
    width: 26px;
    height: 26px;
    font-size: 16px;
    /* opacity: 0.6; */
    display: inline-block;
}



.fileupload-box .fileinput-button .fileinput-remove-btn {
    cursor: pointer;
    top: 0;
    right: 0;
    position: absolute;
    margin-top: 45px;
    margin-right: 35px;
    z-index: 10;
}

.navbar-collapse .header-course-btn {
    padding: 10px 20px 10px 20px;
    font-size: 11px;
    color: white;
    margin: 0;
    display: flex;
    align-content: center;
    align-items: center;
    align-self: center;
    justify-items: center;
}

.default-content {
    padding: 25px 0;
}

.pt-0 {
    padding-top: 0 !important;
}

.fileupload-box .fileinput-button button {
    margin: 0;
}

    .fileupload-box .fileinput-button button + input {
        height: 0;
        width: 0;
        display: none;
    }

.error-page img {
    max-width: 100%;
    opacity: 0.9;
}
.fileinput-button #profileimage2.small {
    width: 100%;
    max-width: 130px;
    margin: auto;
    text-align: center;
    display: inherit;
    max-height: 130px;
}