@charset "UTF-8";

/*********************************
*    Designed By Novin Vision    *
*    www.novinvision.com         *
**********************************/

body,
html,
html>body>form {
    position: relative;
    height: 100%;
    width: 100%;
}

html[mode="design"],
html[mode="design"]>body,
html[mode="design"]>body>form,
html[mode="design"]>body header {
    position: static !important;
}

body {
    padding: 0;
    margin: 0;
    background: #ffffff;
    font-weight: 200;
    font-family: Arial, Helvetica, Tahoma;
}

a {
    color: #df0022;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #333;
    outline: none;
}

p a:hover,
p a:focus {
    color: #df0022;
    border-bottom: 1px solid #df0022;
}

p {
    text-align: justify;
    line-height: 25px;
}

.fa {
    vertical-align: middle;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4 {
    font-weight: 200;
}

h2,
.h2 {
    line-height: 45px;
}


/* Custom Boostrap elements */

.btn,
.btn:hover,
.btn:focus {
    -webkit-transition: all ease 0.3s 0.1s;
    -moz-transition: all ease 0.3s 0.1s;
    transition: all ease 0.3s 0.1s;
    outline: none;
}

.btn {
    font-weight: 200;
    border-width: 2px;
    padding: 5px 12px;
}

.btn-lg {
    padding: 10px 15px;
}

.btn-default,
.btn-default:hover,
.btn-default:focus {
    border-color: #fff;
}

.btn-dark {
    border: 2px solid #333;
    background-color: #333;
    color: #fff;
}

.btn-dark:hover,
.btn-dark:focus {
    border: 2px solid #333;
    background-color: #494949;
    color: #fff;
}

.btn-border.btn-dark {
    background-color: transparent;
    padding: 4px 12px;
}

.btn-gray {
    background-color: #eee;
    color: #333;
}

.btn-gray:hover {
    background-color: #e9e9e9;
}

.btn-danger,
.btn-primary {
    border-color: #df0022;
}

.btn-danger:hover,
.btn-primary:hover {
    background-color: #E4364F;
    border-color: #df0022;
}

.text-danger {
    color: #df0022;
}

.sepratorwithtext {
    display: flex;
}

.sepratorwithtext>.line {
    flex: 1;
    background-color: #eee;
    height: 5px;
    margin: 12px 0;
}

input,
textarea,
select {
    padding: 5px;
    color: #333;
    border: 1px solid #ccc;
    width: 100%;
    margin: 5px 0;
    font-weight: 200;
}

input:focus,
textarea:focus,
select:focus {
    outline: none;
}

label {
    display: block;
    font-weight: 200;
    margin: 8px 5px 0 0;
    vertical-align: middle;
    margin-left: 5px;
    cursor: pointer;
}

.text-center .img-responsive {
    display: block;
    margin: 0 auto;
}

.form-custom-rs {
    width: 550px;
    margin: 0 auto;
    max-width: 100%;
}

.form-custom-rs .sfRadioList input[type="radio"],
.form-custom-rs .sfRadioList input[type="checkbox"],
.form-custom-rs .sfRadioList label {
    width: auto;
    display: inline-block;
    vertical-align: middle;
}

.form-custom-rs .QapTcha {
    margin: 15px auto 0 auto;
    display: block;
    width: 300px;
    text-align: center;
    max-width: 100%;
}

.form-custom-rs .QapTcha #TxtStatus {
    width: 100%;
    font-size: 14px;
}

.form-custom-rs .sfFormSubmit {
    text-align: center;
}

.form-custom-rs input[type="submit"] {
    display: inline-block;
    background-color: #eee;
    border: 1px solid #eee;
    padding: 8px 25px;
    width: auto;
    margin: 5px;
    cursor: pointer;
    -webkit-transition: all ease 0.3s delay;
    -moz-transition: all ease 0.3s delay;
    transition: all ease 0.3s delay;
}

.form-custom-rs input[type="submit"]:hover {
    background-color: #f9f9f9;
}

.form-custom-rs .captchaContainer br {
    display: none;
}

.form-custom-rs .sfError {
    text-align: center;
    background-color: rgb(223, 0, 34);
    color: #fff;
    padding: 5px 15px;
    margin: 5px 0;
    font-size: 12px;
    border-radius: 5px;
}


/* .form-custom-rs .sfFormSubmit.btn {
    display: block;
    background-color: none;
    padding: 0;
    margin: 0;
    border: 0;
} */

.form-custom-rs input[type="file"] {
    width: auto !important;
    max-width: 100% !important;
}

.form-custom-rs ul.ruInputs>li {
    margin: 0;
    padding: 0;
}

.form-custom-rs ul.ruInputs>li:before {
    display: none;
    margin: 0;
    padding: 0;
}

.form-custom-rs ul.ruInputs li input {
    width: auto;
    margin: 0;
}

.form-custom-rs .RadUpload {
    max-width: 100%;
}

.form-custom-rs .ruFileWrap {
    overflow: unset !important;
    height: auto !important;
    display: block;
}

.form-custom-rs .ruFileWrap>span {
    height: 30px;
}

.form-custom-rs .ruFileWrap .ruFakeInput,
.form-custom-rs .ruFileWrap .ruBrowse {
    display: none;
}

.form-custom-rs .ruFileWrap .ruFileInput {
    opacity: 1;
    border: 0;
}

.form-custom-rs input.ruFileInput {
    font: 14px arial !important;
    position: unset !important;
}

filed-required {}

.filed-required .sfTxtLbl:after {
    content: "*";
    color: #DF0022;
    vertical-align: -webkit-baseline-middle;
    margin: 0px 3px;
}


/* ----- OWL Carousel ----- */

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-item>img {
    display: block;
    margin: 0 auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

.no-js .owl-carousel {
    display: block;
}

.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.owl-height {
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("../script/hiweb-v/img/owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}

.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}

.owl-theme .owl-nav [class*='owl-']:hover {
    background: #869791;
    color: #FFF;
    text-decoration: none;
}

.owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default;
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px;
}

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791;
}

.owl-carousel.owl-carousel-withnav .owl-nav {
    position: absolute;
    top: 50%;
    bottom: 50%;
    left: 0;
    right: 0;
    height: 33px;
    margin: auto;
    overflow: hidden;
    margin-top: -15px;
    opacity: 0.1;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.owl-carousel.owl-carousel-withnav:hover .owl-nav {
    opacity: 1;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.owl-carousel.owl-carousel-withnav .owl-nav>div {
    background-color: rgba(0, 0, 0, 0.8);
    font-size: 0;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    color: #fff;
}

.owl-carousel.owl-carousel-withnav .owl-nav>div:hover {
    background-color: rgba(0, 0, 0, 1);
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.owl-carousel.owl-carousel-withnav .owl-nav>div:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
}

.owl-carousel.owl-carousel-withnav .owl-nav .owl-next:before {
    content: "\f105";
}

.owl-carousel.owl-carousel-withnav .owl-nav .owl-prev:before {
    content: "\f104";
}

.owl-carousel.owl-carousel-withnav .owl-nav .owl-next {
    float: right;
}

.owl-carousel.owl-carousel-withnav .owl-nav .owl-prev {
    float: left;
}


/* -------- Header ---------- */

header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9;
}

header .navbar {
    background: #333;
    background-color: rgba(51, 51, 51, 0.7);
    border: 0;
    margin-bottom: 0;
    border-radius: 0;
}

header .navbar .navbar-nav>li>a {
    color: #fff;
    font-size: 14px;
    padding: 20px 15px;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

header .navbar .navbar-nav>.open>a,
header .navbar .navbar-nav>.open>a:hover,
header .navbar .navbar-nav>.open>a:focus,
header .navbar .navbar-nav>li:hover>a,
header .navbar .navbar-nav>li:hover>a:focus,
header .navbar .navbar-nav>li:hover>a:hover {
    background-color: #f4f4f4;
    color: #333;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

header .navbar .navbar-nav>.open>a {
    background-color: transparent;
    color: #fff;
}

header .navbar .navbar-nav>li>.dropdown-menu .divider {
    background-color: #999;
}

header .navbar .navbar-nav>li>.dropdown-menu>li.dropdown-menu-header {
    display: none !important;
}

header .navbar .navbar-nav>li>.dropdown-menu>li>a,
header .navbar .navbar-nav>li>.dropdown-menu>li>a:last-child {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    font-weight: 200;
    border-radius: 0;
}

header .navbar .navbar-nav>li>.dropdown-menu>li>a:hover,
header .navbar .navbar-nav>li>.dropdown-menu>li>a:focus {
    background: #f4f4f4;
    color: #333;
}

header .navbar .navbar-toggle .icon-bar {
    width: 28px;
    background: #fff;
    transition: .5s ease;
}

header .navbar .navbar-toggle.collapsed .icon-bar:nth-child(2) {
    transform: rotate(0)translateY(0)translateX(0);
}

header .navbar .navbar-toggle.collapsed .icon-bar:nth-child(3) {
    opacity: 1
}

header .navbar .navbar-toggle.collapsed .icon-bar:nth-child(4) {
    transform: rotate(0)translateY(0)translateX(0);
}

header .navbar .navbar-toggle .icon-bar:nth-child(2) {
    transform: rotate(-45deg)translateY(5px)translateX(-5px);
}

header .navbar .navbar-toggle .icon-bar:nth-child(3) {
    opacity: 0
}

header .navbar .navbar-toggle .icon-bar:nth-child(4) {
    transform: rotate(45deg)translateY(-4px)translateX(-3px);
}


/* ---- Custom Nav Item ---- */

header .navbar .navbar-nav>li:hover>.dropdown-menu {
    display: block;
}

header .navbar .navbar-nav>li.nav-customitem>a {
    padding: 16px 15px;
}

header .navbar .navbar-nav>li.nav-customitem.nohover>a {
    padding: 15px;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

header .navbar .navbar-nav>li.nav-customitem.nohover>a:hover,
header .navbar .navbar-nav>li.nav-customitem.nohover>a:active,
header .navbar .navbar-nav>li.nav-customitem.nohover>a:focus {
    color: #fff;
    background-color: transparent;
    opacity: 1;
    filter: alpha(opacity=100);
}


/* ---- End Custom Nav Item ---- */

header .navbar .navbar-form {
    margin-top: 13px;
    margin-bottom: 13px;
}

header .navbar .navbar-brand,
header .navbar .navbar-brand:hover,
header .navbar .navbar-brand:focus {
    display: block;
    height: auto;
    position: absolute;
    background-color: #df0022;
    border-radius: 0 0 30px 0;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
    box-shadow: 0 0 3px #333;
}

header.affix .navbar .navbar-brand {
    padding: 8px 20px;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
    box-shadow: 0 0 5px #333;
}

header .navbar .navbar-brand img {
    height: auto;
    width: auto;
}

header .navbar .navbar-header .navbar-header-btn {
    float: right;
    margin: 7px 5px;
    color: #eee;
    display: inline-block;
    border: 2px solid #eee;
    padding: 6px 10px;
    border-radius: 5px;
}

header .navbar .navbar-header .navbar-header-btn .fa {
    font-size: 20px;
}


/* header .navbar .navbar-header .navbar-header-lang {
float: left;
margin: 10px 5px 10px 15px;
} */

header .navbar .navbar-nav .sflanguagesHorizontalList {
    list-style: none;
    padding: 14px 10px 0 14px;
    margin: 0;
}

header .navbar .navbar-nav .sflanguagesHorizontalList>li>a>span {
    display: none;
}

header .navbar .navbar-nav .sflanguagesHorizontalList>li>a {
    display: block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    opacity: 0.9;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

header .navbar .navbar-nav .sflanguagesHorizontalList>li>a:hover {
    opacity: 1;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

header .navbar .navbar-nav .sflanguagesHorizontalList>li.sflang_en>a {
    background-image: url('../img/lang_en.png');
}

header .navbar .navbar-nav .sflanguagesHorizontalList>li.sflang_fa>a {
    background-image: url('../img/lang_fa.png');
}

header .navbar-collapse-footer .sflanguagesHorizontalList {
    list-style: none;
    padding: 0;
    margin: 0;
}

header .navbar-collapse-footer .sflanguagesHorizontalList a {
    color: #ccc;
    display: block;
    padding: 10px 5px 6px 0;
}

header .navbar .navbar-toggle {
    border: 2px solid #eee;
    border-radius: 5px;
    color: #eee;
    margin: 7px 10px;
}

header .navbar .navbar-collapse .navbar-collapse-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    background-color: #282828;
}

header .navbar .navbar-collapse .navbar-collapse-footer>ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

header .navbar .navbar-collapse .navbar-collapse-footer>ul>li {
    display: block;
}

header .navbar .navbar-collapse .navbar-collapse-footer>ul>li>a {
    display: block;
    color: #cbcbcb;
    padding: 10px 5px 8px 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

header .contactitem {
    position: absolute;
    z-index: -2;
    right: 0;
    top: 70px;
    background: #333;
    background-color: rgba(51, 51, 51, 0.7);
    border-radius: 30px 0 0 30px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.contactitem a {
    padding: 8px 15px;
    display: block;
}

header.affix .contactitem {
    right: -200px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.searchmodal {
    background-color: rgba(38, 50, 56, 0.8);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    color: #fff;
    visibility: hidden;
}

.searchmodal.open {
    visibility: visible;
    display: flex;
    align-items: center;
    z-index: 99999999;
}

.searchmodal>.searchmodal-inner {
    margin: 0 auto;
    padding: 5px 15px;
}

.searchmodal>.searchmodal-inner fieldset {
    text-align: center;
}

.searchmodal>.searchmodal-inner fieldset .searchTitle {
    display: none;
}

.searchmodal>.searchmodal-inner fieldset input[type="text"] {
    font-size: 20px;
    padding: 10px 15px;
    float: right;
    display: inline-block;
    width: 550px;
    margin: 0;
    margin-left: 5px;
    border-radius: 5px;
    max-width: 100%;
    border: 2px solid #eee;
}

.searchmodal>.searchmodal-inner fieldset input[type="submit"] {
    display: inline-block;
    background-color: #df0022;
    color: #fff;
    height: 52px;
    border: 2px solid #df0022;
    width: auto;
    max-width: auto;
    float: right;
    margin: 0 auto;
    padding: 10px 15px;
    border-radius: 5px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.searchmodal>.searchmodal-inner fieldset input[type="submit"]:hover {
    background-color: #E4364F;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.searchmodal>.searchmodal-close {
    font-size: 40px;
    position: absolute;
    left: 30px;
    top: 25px;
    font-weight: 200;
    cursor: pointer;
}


/* -------- Animate ------- */

.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.animated.infinite {
    animation-iteration-count: infinite
}

.animated.hinge {
    animation-duration: 2s
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDown {
    animation-name: fadeInDown
}

@keyframes bounceInRight {
    60%,
    75%,
    90%,
    from,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        transform: translate3d(10px, 0, 0)
    }
    90% {
        transform: translate3d(-5px, 0, 0)
    }
    to {
        transform: none
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

.bounceInRight {
    animation-name: bounceInRight
}

@keyframes bounceInLeft {
    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0);
    }
    75% {
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        transform: translate3d(5px, 0, 0);
    }
    to {
        transform: none;
    }
}

.bounceInLeft {
    animation-name: bounceInLeft;
}

@keyframes bounceInDown {
    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0);
    }
    75% {
        transform: translate3d(0, -10px, 0);
    }
    90% {
        transform: translate3d(0, 5px, 0);
    }
    to {
        transform: none;
    }
}

.bounceInDown {
    animation-name: bounceInDown;
}

.zoomInBackground {
    animation-name: zoomInBackground;
    animation-duration: 15s;
}

@keyframes zoomInBackground {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.1);
    }
}

@keyframes slideInRight {
    from {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.slideInRight {
    animation-name: slideInRight
}

@keyframes slideInLeft {
    from {
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.slideInLeft {
    animation-name: slideInLeft
}

@keyframes progressbar {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

.progressbar {
    animation-name: progressbar;
    animation-duration: 1s;
}

.animated-5s {
    animation-duration: 5s;
}

.animated-delay-1s {
    animation-delay: 1s;
}

.animated-delay-2s {
    animation-delay: 2s;
}

.animated-delay-2-5s {
    animation-delay: 2.5s;
}

.continuousanimateitems>*:nth-child(1) {
    animation-delay: 2s;
}

.continuousanimateitems>*:nth-child(2) {
    animation-delay: 2.2s;
}

.continuousanimateitems>*:nth-child(3) {
    animation-delay: 2.4s;
}

.continuousanimateitems>*:nth-child(4) {
    animation-delay: 2.6s;
}

.continuousanimateitems>*:nth-child(5) {
    animation-delay: 2.8s;
}

.continuousanimateitems>*:nth-child(6) {
    animation-delay: 3s;
}

.continuousanimateitems>*:nth-child(7) {
    animation-delay: 3.2s;
}


/* --------- Content --------- */

.btn-arrow {
    text-align: left;
    position: relative;
    padding-right: 25px;
    margin: 1px 0;
}

.btn-arrow:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f105";
    position: absolute;
    right: 10px;
    top: 6px;
    font-size: 16px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.btn-arrow.btn-lg:before {
    font-size: 25px;
    top: 10px;
}

.btn-arrow:hover:before {
    right: 5px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.thumbnail {
    background-color: #eee;
    padding: 0;
    border: 0;
    position: relative;
    overflow: hidden;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    border-radius: 0;
}

.thumbnail:hover {
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.thumbnail.thumbnail-big {
    height: 560px;
    overflow: hidden;
}

.thumbnail>img {
    -webkit-transition: transform ease 0.3s;
    -moz-transition: transform ease 0.3s;
    transition: transform ease 0.3s;
}

.thumbnail:hover>img {
    transform: scale(1.02);
    -moz-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -webkit-transition: transform ease 0.3s;
    -moz-transition: transform ease 0.3s;
    transition: transform ease 0.3s;
}

.thumbnail .title {
    margin: 0;
}

.thumbnail .title a {
    color: #333;
}

.thumbnail .footer {
    display: block;
    border-top: 3px solid #fff;
    display: block;
    padding: 8px 0;
    font-size: 16px;
    font-weight: 400;
    margin: 5px 10px;
    position: absolute;
    bottom: 0;
    right: 10px;
    left: 10px;
    color: #333;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.thumbnail:hover .footer {
    color: #df0022;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.thumbnail .footer:before {
    content: "\f105";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #df0022;
    font-size: 22px;
    position: absolute;
    right: 15px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.thumbnail:hover .footer:before {
    right: 10px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.twitt {
    display: block;
    height: 240px;
    background-color: #333;
    color: #fff;
    padding: 10px;
    position: relative;
    -webkit-transition: all ease 0.5s 0.1s;
    -moz-transition: all ease 0.5s 0.1s;
    transition: all ease 0.5s 0.1s;
    margin-bottom: 10px;
}

.twitt a {
    color: #fff;
}

.twitt:hover {
    color: #fff;
    background-color: #000;
    -webkit-transition: all ease 0.5s 0.1s;
    -moz-transition: all ease 0.5s 0.1s;
    transition: all ease 0.5s 0.1s;
}

.twitt .title {
    font-weight: 500;
    margin-bottom: 5px;
    font-size: 15px;
}

.twitt .icon {
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 22px;
}

.twitt .content {
    position: absolute;
    right: 10px;
    left: 10px;
    bottom: 10px;
    line-height: 22px;
    text-align: justify;
    font-size: 13px;
    overflow: hidden;
    max-height: 190px;
}

.thumbnail-red {
    height: 240px;
    background-color: #df0022;
    color: #fff;
}

.thumbnail-red:hover {
    background-color: #E4364F;
}

.thumbnail-red .title,
.thumbnail-red .footer,
.thumbnail-red:hover .footer,
.thumbnail-red .footer:before {
    color: #fff;
}

#homebourse {
    margin-top: 60px;
    margin-bottom: 60px;
}

.bourse {
    font-size: 18px;
    margin: 15px 0;
}

.bourse .title {
    color: #df0022;
    font-weight: 600;
    font-size: 40px;
}

.bourse .body {
    margin: 5px 0;
}

.bourse .footer {
    border-top: 3px solid #df0022;
    padding: 8px 0;
    height: auto;
    overflow: hidden;
}

.bourse .footer .footer-title {
    font-weight: 600;
    color: #df0022;
    float: left;
}

.bourse .footer .footer-date {
    float: right;
    font-size: 14px;
}

.videobanner {
    position: relative;
    padding-bottom: 0;
}

.videobanner .videobanner-video {
    height: auto;
    overflow: hidden;
    min-height: 400px;
    max-height: 500px;
}

.videobanner .videobanner-video .video {
    width: 100%;
}

.videobanner .caption {
    background-color: #eee;
    padding: 30px 0 10px 0;
}

.videobanner .caption .title {
    display: block;
    color: #333;
    font-size: 24px;
    margin: 10px 0 25px 0;
    font-weight: 400;
}

.videobanner .caption .content {
    line-height: 25px;
    text-align: justify;
}

.videobanner .caption .footer {
    display: block;
    color: #333;
    margin-top: 20px;
    border-top: 3px solid #fff;
    padding: 10px 0;
    font-size: 14px;
    font-weight: 300;
    position: relative;
}

.videobanner .caption .footer:hover {
    color: #df0022;
}

.videobanner .caption .footer:before {
    content: "\f105";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    position: absolute;
    right: 15px;
    top: 8px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.videobanner .caption .footer:hover:before {
    right: 10px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.homeservices {
    padding: 50px 0;
}

.servicerow {
    text-align: center;
    margin: 10px 20px;
    color: #333;
    display: block;
}

.servicerow .title {
    font-weight: 400;
    font-size: 22px;
    margin: 15px 0;
    display: block;
    color: #333;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.servicerow:hover .title {
    color: #df0022;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.servicerow .title:after {
    content: "\f105";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: margin ease 0.3s;
    -moz-transition: margin ease 0.3s;
    transition: margin ease 0.3s;
    margin-left: 5px;
}

.servicerow:hover .title:after {
    margin-left: 10px;
    transition: margin ease 0.5s;
    -webkit-transition: margin ease 0.3s;
    -moz-transition: margin ease 0.3s;
}

.servicerow .content {
    line-height: 26px;
    text-align: justify;
    font-size: 15px;
}

.sepratorwithtext>.text {
    padding: 8px 5px;
    font-weight: 400;
    font-size: 15px;
    color: #df0022;
}

.row-fluid {
    margin-right: 0;
    margin-left: 0;
}

.row-fluid>div {
    padding: 0;
}


/* .panel-body .row-fluid {
margin: 0;
}

.panel-body .row-fluid>div {
padding: 5px;
} */

.emptyheight {
    height: 50px;
}

ul.social {
    display: inline-block;
    vertical-align: middle;
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.social>li {
    display: inline-block;
    margin: 3px 5px;
    position: relative;
    float: left;
}

ul.social>li>a {
    color: #eee;
    display: block;
    padding: 5px 0;
    height: 38px;
    text-align: center;
    width: 38px;
    border: 2px solid #eee;
    border-radius: 4px;
    font-size: 25px;
}


/* 
.searchanimation .circle {
height: 150px;
width: 150px;
max-width: 100%;
max-height: 100%;
margin: 15px auto;
text-align: center;
position: relative;
background-image: url('../img/searchanimation-bg.png');
background-size: cover;
}

.searchanimation .circle img {
position: absolute;
left: 30px;
top: 40px;
}

.panel:hover .searchanimation .circle img {
animation-name: searchanimation;
animation-duration: 1s;
animation-iteration-count: infinite;
}

@keyframes searchanimation {
0% {
    left: 30px;
    top: 40px;
}
25% {
    left: 35px;
    top: 45px;
}
50% {
    left: 30px;
    top: 50px;
}
75% {
    left: 25px;
    top: 45px;
}
100% {
    left: 30px;
    top: 40px;
}
} */

.highlight {
    background-color: rgba(51, 51, 51, 0.5);
    padding: 5px 20px;
    display: inline-block;
}

.calltoaction {
    padding: 20px 0;
}

.calltoaction.danger {
    background-color: #df0022;
    color: #fff;
}

.calltoaction a {
    color: #fff;
}

.calltoaction-boxitem {
    text-align: center;
    padding: 15px 0;
    border: 2px solid #fff;
    border-radius: 30px;
    max-width: 150px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.53s;
    margin: 0 auto 5px auto;
}

.calltoaction-boxitem:hover {
    background-color: #E4364F;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.53s;
}

.calltoaction-boxitem a {
    display: block;
}

.calltoaction-boxitem .icon {
    margin-bottom: 15px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.53s;
}

.calltoaction-boxitem:hover .icon {
    transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.53s;
}

.postpad {
    position: relative;
    margin: 15px 0;
    color: #fff;
    min-height: 200px;
}

.postpad>img {
    object-fit: cover;
    width: 100%;
    min-height: 200px;
}

.postpad .overly {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 20px 15px;
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.postpad:hover .overly {
    background: rgba(222, 0, 33, 0.7);
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.postpad .title {
    font-weight: 400;
    line-height: 35px;
    margin: 0;
}

.postpad .footer {
    position: absolute;
    bottom: 25px;
    right: 50px;
    left: 20px;
    font-size: 18px;
}

.postpad .arrow {
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: inline-block;
    font-size: 30px;
}

.insights {
    background-color: #eee;
    margin: 25px 0;
    padding: 20px;
}

.jumbotron {
    padding: 15px 30px;
    margin: 15px 0;
}

.jumbotron p {
    font-size: 15px;
    margin-bottom: 5px;
}

.jumbotron .circleicon {
    display: inline-block;
    height: 65px;
    width: 65px;
    background-color: #666;
    color: #fff;
    font-size: 29px;
    text-align: center;
    border-radius: 50%;
    padding: 12px 0;
}


/* Single Page */

.sfBreadcrumbWrp .rsmFlow {
    background-color: transparent;
    list-style: none;
    padding: 0;
    margin: 0;
}

.sfBreadcrumbWrp .rsmFlow>li {
    margin-right: 20px;
    float: left;
}

.sfBreadcrumbWrp .rsmFlow>li>a:hover,
.sfBreadcrumbWrp .rsmFlow>li>a:focus {
    background: none;
    background-color: transparent;
}

.sfBreadcrumbWrp .rsmFlow .sfBreadcrumbNodeSeparator {
    display: none;
}

.page-header {
    padding: 150px 0 60px 0;
    margin: 0;
    border-bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    background-color: #222224;
    background-image: url('../img/page-header-min.jpg');
    background-position: center center;
}

.page-header h1,
.page-header h2 {
    margin: 0;
    padding: 0;
}

.page-header h1 {
    animation-name: fadeInDown;
    animation-duration: 1s;
}

.page-header h2 {
    animation-name: fadeInUp;
    animation-duration: 1s;
}

.page-header hr {
    animation-name: progressbar;
    animation-duration: 1.5s;
    height: 3px;
    background-color: #df0022;
    margin: 20px 0 15px 0;
    border: 0;
}

.page-header a,
.page-header a:hover,
.page-header a:focus {
    color: #fff;
}

.page-subheader {
    background-color: #eee;
    position: relative;
    min-height: 75px;
    margin-bottom: 30px;
}

.page-subheader .breadcrumb,
.page-subheader .sfBreadcrumbWrp {
    margin: 10px 0;
    padding: 10px 0;
}

.page-subheader .breadcrumb>li,
.page-subheader .sfBreadcrumbWrp .rsmFlow>li {
    display: inline-block;
}

.page-subheader .breadcrumb>li>a,
.page-subheader .sfBreadcrumbWrp .rsmFlow>li>a {
    display: block;
    width: 75px;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 8px 0 0 0;
    font-size: 15px;
    color: #666;
}

.page-subheader .sfBreadcrumbWrp .rsmFlow>li>a:hover {
    background: none;
    background-color: transparent;
}

.page-subheader .breadcrumb>li:last-child>a,
.page-subheader .sfBreadcrumbWrp .rsmFlow>li:last-child>a {
    color: #333;
    width: auto;
    font-weight: 400;
}

.page-subheader .sharethis {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    min-height: 75px;
    float: left;
    z-index: 2;
}

.page-subheader .sharethis>.sharethis-btn {
    background-color: #ccc;
    cursor: pointer;
    font-size: 40px;
    text-align: center;
    width: 80px;
    vertical-align: middle;
    height: 100%;
    float: right;
    padding: 12px 0;
}

.page-subheader .sharethis.open>.sharethis-btn {
    padding: 15px 0;
}

.page-subheader .sharethis>.sharethis-btn>.fa-times,
.page-subheader .sharethis.open>.sharethis-btn>.fa-share-alt {
    display: none;
}

.page-subheader .sharethis.open>.sharethis-btn>.fa-times {
    display: block;
}

.page-subheader .sharethis>.sharethis-content {
    overflow: hidden;
    width: 0;
    float: right;
    height: 100%;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.page-subheader .sharethis.open>.sharethis-content {
    width: 240px;
    max-width: 100%;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.page-subheader .sharethis>.sharethis-content>ul,
.page-subheader .sharethis>.sharethis-content>ul>li,
.page-subheader .sharethis>.sharethis-content>ul>li>a {
    position: relative;
    height: 100%;
}

.page-subheader .sharethis>.sharethis-content>ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.page-subheader .sharethis>.sharethis-content>ul>li {
    display: inline-block;
    float: right;
    width: 80px;
}

.page-subheader .sharethis>.sharethis-content>ul>li>a {
    background-color: #333;
    display: block;
    color: #fff;
    font-size: 25px;
    text-align: center;
    -webkit-transition: all ease 0.3s 0.1s;
    -moz-transition: all ease 0.3s 0.1s;
    transition: all ease 0.3s 0.1s;
    padding: 20px 0;
}

.page-subheader .sharethis>.sharethis-content>ul>li>a:hover {
    background-color: #666;
    -webkit-transition: all ease 0.3s 0.1s;
    -moz-transition: all ease 0.3s 0.1s;
    transition: all ease 0.3s 0.1s;
}

.page-subheader .quickaccess {
    position: absolute;
    right: 80px;
    top: 0;
    bottom: 0;
}

.page-subheader .quickaccess>.dropdown>.btn {
    color: #333;
    font-size: 15px;
    padding: 25px;
}

.page-subheader .quickaccess>.dropdown>.dropdown-menu {
    background-color: #eee;
    border: 0;
    right: 0;
    left: auto;
    box-shadow: none;
    margin: 0;
    padding: 0;
}

.page-subheader .quickaccess>.dropdown>.dropdown-menu>li>a {
    padding: 15px 20px 10px 25px;
}

.page-subheader .quickaccess>.dropdown>.dropdown-menu>li>a:hover {
    background-color: #ccc;
}

.dropdown .fa,
.dropdown .caret,
.dropdown.open .fa,
.dropdown.open .caret {
    -webkit-transition: transform ease 0.3s;
    -moz-transition: transform ease 0.3s;
    transition: transform ease 0.3s;
    padding-left: 5px;
}

.dropdown.open:hover .fa,
.dropdown.open:hover .caret {
    transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.nav-tabs {
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: 0;
    border-bottom: 2px solid #df0022;
}

.nav-tabs>li {
    padding: 0;
    margin: 0;
    margin-bottom: -2px;
}

.nav-tabs>li:before {
    display: none;
}

.nav-tabs>li>a,
.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus,
.nav-tabs>li>a:active {
    border: 0;
    display: block;
    min-width: 120px;
    margin: 0;
    padding-bottom: 12px;
    border-bottom: 2px solid #df0022;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:active {
    background-color: #df0022;
    color: #fff;
    margin: 0;
    border: 0;
    border-bottom: 2px solid #333;
}

.packagetabs {
    margin: 20px 0;
}

.packagetabs>.tab-content {
    background-color: #f9f9f9;
    padding: 10px 20px;
    border-radius: 0 0 20px 20px;
}

.packagetabs .nav-tabs {
    display: flex;
}

.packagetabs .nav-tabs>li {
    flex: 1;
    padding-left: 5px;
    padding-top: 8px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.packagetabs .nav-tabs>li:last-child {
    padding-left: 0;
}

.packagetabs .nav-tabs>li>a {
    padding: 15px 8px;
    text-align: center;
    border-radius: 10px 10px 0 0;
    background-color: #263238;
    color: #fff;
    font-size: 16px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.packagetabs .nav-tabs>li.active {
    padding-top: 0;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.packagetabs .nav-tabs>li.active>a,
.packagetabs .nav-tabs>li.active>a:hover,
.packagetabs .nav-tabs>li.active>a:focus,
.packagetabs .nav-tabs>li.active>a:active {
    color: #fff;
    padding-top: 23px;
    background-color: #df0022;
    border-color: #df0022;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.packagetabs .nav-tabs>li>a>.fa {
    display: block;
    text-align: center;
    font-size: 40px;
    margin-bottom: 15px;
    height: 40px;
}


/* 
.nav-tabs-vertical {
border: 0;
padding: 25px 0;
}

.nav-tabs-vertical>li {
display: block;
width: 100%;
}

.nav-tabs-vertical>li>a,
.nav-tabs-vertical>li>a:hover,
.nav-tabs-vertical>li>a:focus,
.nav-tabs-vertical>li>a:active {
background-color: #df0022;
color: #fff;
border-radius: 0;
border: 0;
display: block;
margin: 0;
}

.nav-tabs-vertical>li.active>a,
.nav-tabs-vertical>li.active>a:hover,
.nav-tabs-vertical>li.active>a:focus,
.nav-tabs-vertical>li.active>a:active {
border: 0;
color: #333;
background-color: #eee;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
transition: all ease 0.3s;
}

.packagetabs-vertical .tab-content {
background-color: #eee;
padding: 0 15px;
} */

.owl-fullwidth-carousel {
    height: 240px;
}

.owl-fullwidth-carousel .owl-fullwidth-carousel-header {
    background-color: #df0022;
    width: 200px;
    height: 200px;
    position: absolute;
    z-index: 2;
    float: right;
    color: #fff;
    text-align: center;
}

.owl-fullwidth-carousel .owl-fullwidth-carousel-header:before {
    content: "";
    position: absolute;
    left: 200px;
    background-color: #fff;
    width: 500px;
    height: 200px;
}

.owl-fullwidth-carousel .owl-fullwidth-carousel-header:after {
    height: 30px;
    width: 30px;
    background-color: #df0022;
    position: absolute;
    left: -15px;
    display: block;
    content: "";
    transform: rotate(45deg);
    top: 50%;
    bottom: 50%;
    margin: auto;
}

.owl-fullwidth-carousel .owl-fullwidth-carousel-header>.title {
    font-size: 20px;
    margin: 25px 0 10px 0;
}

.owl-fullwidth-carousel .owl-fullwidth-carousel-header>.carousel-ctrlarea {
    position: absolute;
    left: 20%;
    right: 20%;
    margin: 0;
    z-index: 2;
}

.owl-fullwidth-carousel .owl-fullwidth-carousel-header>.carousel-ctrlarea>a {
    display: inline-block;
    font-size: 50px;
    cursor: pointer;
    color: #fff;
}

.owl-fullwidth-carousel .owl-fullwidth-carousel-header>.carousel-ctrlarea>a.owlctrl-next {
    float: right;
}

.owl-fullwidth-carousel .owl-fullwidth-carousel-header>.carousel-ctrlarea>a.owlctrl-prev {
    float: left;
}

.owl-fullwidth-carousel .owl-fullwidth-carousel-body {
    position: relative;
}

.owl-fullwidth-carousel.owl-fullwidth-carousel-withheader .owl-fullwidth-carousel-body {
    position: absolute;
    left: 0;
    width: 100%;
}

.owl-fullwidth-carousel .owl-fullwidth-carousel-item {
    display: block;
    height: 200px;
    position: relative;
    cursor: pointer;
    background-color: #eee;
}

.owl-fullwidth-carousel .owl-fullwidth-carousel-item img {
    max-width: 100%;
    max-height: 200px;
    height: auto;
    width: 100%;
    margin: 0 auto;
}

.owl-fullwidth-carousel .owl-fullwidth-carousel-item>.owl-fullwidth-carousel-item-title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 8px 12px;
    background-color: #333;
    color: #fff;
    text-align: center;
    font-size: 16px;
}

.owl-fullwidth-carousel .owl-item.active.center .owl-fullwidth-carousel-item>.owl-fullwidth-carousel-item-title {
    background-color: #df0022;
}

.owl-fullwidth-carousel .owl-fullwidth-carousel-body .owlctrl {
    display: block;
    width: 95px;
    background: #333;
    background: -webkit-linear-gradient(right, #000, transparent);
    background: -o-linear-gradient(right, #000, transparent);
    background: -moz-linear-gradient(right, #000, transparent);
    background: linear-gradient(to right, #000, transparent);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    margin: auto;
    padding: 7px 0;
    text-align: center;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    padding: 90px 15px 0 0;
    opacity: 0.8;
}

.owl-fullwidth-carousel .owl-fullwidth-carousel-body .owlctrl:hover {
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    opacity: 1;
}

.owl-fullwidth-carousel .owl-fullwidth-carousel-body .owlctrl.owlctrl-prev {
    padding: 90px 0 0 15px;
    left: auto;
    right: 0;
    background: -webkit-linear-gradient(left, transparent, #000);
    background: -o-linear-gradient(right, transparent, #000);
    background: -moz-linear-gradient(right, transparent, #000);
    background: linear-gradient(to right, transparent, #000);
}

.owl-fullwidth-carousel .owl-fullwidth-carousel-body .owlctrl .fa {
    font-size: 22px;
}

.package {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 3px 5px #b9b9b9;
    border-top: 1px solid #eee;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
    margin: 10px 0;
}

.package:hover {
    box-shadow: 0 5px 15px #999;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.package .package-title {
    text-align: center;
    padding: 15px 10px;
    font-size: 17px;
    border-bottom: 1px solid #ccc;
    font-weight: 500;
    height: 55px;
    color: #333;
}

.package.type2 .package-title {
    text-align: center;
    padding: 15px 10px;
    font-size: 17px;
    border-bottom: 1px solid #ccc;
    font-weight: 500;
    height: 55px;
    background-color: #eee;
    color: #333;
}

.package.package-imgheader>.package-title {
    border-radius: 0;
    padding: 10px 5px;
    background-color: transparent;
    color: #333;
    border-bottom: 0;
    height: 45px;
}

.package .package-body {
    padding: 8px;
    text-align: center;
    font-size: 14px;
    color: #666;
    line-height: 25px;
    position: relative;
}

.package .package-body ul {
    padding: 0;
}

.package .package-body ul li {
    margin: 3px;
}

.package .package-body ul li:before {
    display: none;
}

.package .package-body ul li .fa {
    font-size: 16px;
    vertical-align: inherit;
}

.package .package-body .package-body-price {
    text-align: center;
    padding: 5px;
    color: #de0021;
    font-weight: 500;
    font-size: 16px;
}

.package>.package-image {
    background-color: #eee;
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    transition: all ease 0.4s;
    height: 180px;
    position: relative;
    padding: 8px 0;
}

.packagetabs .tab-content .package>.package-image {
    background-color: #ccc;
}

.package:hover>.package-image {
    padding-top: 0px;
    padding-bottom: 16px;
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    transition: all ease 0.4s;
}

.package>.package-image>a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.package>.package-image img {
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    max-height: 150px;
    display: block;
    margin: auto;
    -webkit-transition: all ease 0.3s 0.1s;
    -moz-transition: all ease 0.3s 0.1s;
    transition: all ease 0.3s 0.1s;
}

.package:hover>.package-image img {
    bottom: 12px;
    -webkit-transition: all ease 0.3s 0.1s;
    -moz-transition: all ease 0.3s 0.1s;
    transition: all ease 0.3s 0.1s;
}


/* .package .package-body .package-ribbon {
background-color: rgba(255, 255, 255, 0.85);
padding: 8px;
position: absolute;
bottom: 30px;
color: #000;
left: 0;
right: 0;
font-size: 13px;
} */


/* .package .package-body .package-ribbon .package-ribbon-title {
font-size: 20px;
font-weight: 400;
}

.package .package-body .package-ribbon .package-ribbon-caption {
margin-top: 8px;
} */

.package .package-body .package-body-title {
    margin: 15px -8px;
    font-size: 18px;
    background-color: #eee;
    padding: 11px 0;
    color: #de0022;
    font-weight: 400;
}

.package.type2 .package-body .package-body-title {
    background-color: #df0022;
    color: #fff;
}

.package .package-body .package-body-content {
    height: 75px;
    margin: 10px 0;
    line-height: 25px;
}

.package-time {
    margin: 15px -8px 15px -8px;
    position: relative;
}

.package .package-time>.package-time-title {
    position: absolute;
    left: 0;
    right: 0;
    top: 8px;
    text-align: center;
}

.package .package-time>.package-time-title>.title {
    display: inline-block;
    padding: 0px 5px;
    background-color: #fff;
    border-radius: 4px;
    font-size: 16px;
    border: 1px solid #df0022;
    color: #df0022;
    height: 25px;
    font-weight: 400;
}

.package .package-time>.package-time-inner {
    display: flex;
}

.package .package-time>.package-time-inner>div {
    flex: 1;
    height: 40px;
    background-color: #eee;
    border-left: 1px solid #dddddd;
}

.package .package-time>.package-time-inner>div:last-child {
    border-left: 0;
}

.package .package-time>.package-time-inner>div.active {
    background-color: #df0022;
    border-color: #ec4861;
}

.package .package-footer {
    padding: 8px 15px;
    height: auto;
    overflow: hidden;
    border-top: 1px solid #eee;
}

.package .package-footer>.package-footer-price,
.package .package-footer>.package-footer-action {
    display: inline-block;
}


/* .package .package-footer>.package-footer-price {
margin: 3px 0;
background-color: #eee;
padding: 2px 10px;
border-radius: 4px;
font-weight: 400;
} */

.package .package-footer>.package-footer-action:last-child {
    float: right;
}


/* .package .package-footer>.package-footer-action .orderbtn {
display: inline-block;
padding: 3px 12px 3px 12px;
border: 1px solid #df0022;
color: #df0022;
border-radius: 4px;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
transition: all ease 0.3s;
position: relative;
} */

.package .package-footer>.package-footer-action .btn {
    padding: 3px 12px;
}

.package .package-footer>.package-footer-action .btn.btn-default {
    background-color: #eee;
}

.package .package-footer>.package-footer-action .btn.btn-default:hover {
    background-color: #ccc;
}


/* .package .package-footer>.package-footer-action .orderbtn.orderbtn-arrow {
padding: 3px 12px 3px 25px;
}

.package .package-footer>.package-footer-action .orderbtn:hover {
background-color: #E4364F;
color: #fff;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
transition: all ease 0.3s;
}

.package .package-footer>.package-footer-action .orderbtn span {
position: absolute;
left: 8px;
top: 6px;
-webkit-transition: left ease 0.3s 0.1s;
-moz-transition: left ease 0.3s 0.1s;
transition: left ease 0.3s 0.1s;
}

.package .package-footer>.package-footer-action .orderbtn:hover span {
left: 4px;
-webkit-transition: left ease 0.3s 0.1s;
-moz-transition: alleftl ease 0.3s 0.1s;
transition: left ease 0.3s 0.1s;
} */


/* .modal {
top: 50px;
} */

article ul,
.modal .modal-content .modal-body>ul {
    list-style: none;
    padding: 10px;
}

article ul li,
.modal .modal-content .modal-body>ul li {
    margin: 10px 0;
    padding: 0 10px;
    line-height: 22px;
    position: relative;
    text-align: justify;
}

article ul li:before,
.modal .modal-content .modal-body>ul li:before {
    content: "\f260";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin: 0 8px;
    color: #de0022;
}


/* article a:hover {
color: #df0022;
border-bottom: 1px solid #df0022;
display: inline;
} */

.modal-backdrop {
    background-color: #fff;
}

.modal .modal-header {
    background-color: #df0022;
    color: #fff;
    border-bottom: 1px solid #999;
}

.modal .modal-content {
    border: 0;
}

.modal .modal-header>.close {
    position: absolute;
    right: 5px;
    font-size: 40px;
    color: #fff;
    opacity: 0.8;
    height: 40px;
    width: 40px;
    -webkit-transition: all ease 0.3s 0.1s;
    -moz-transition: all ease 0.3s 0.1s;
    transition: all ease 0.3s 0.1s;
    top: 10px;
}

.modal .modal-header>.close:hover {
    opacity: 1;
    -webkit-transition: all ease 0.3s 0.1s;
    -moz-transition: all ease 0.3s 0.1s;
    transition: all ease 0.3s 0.1s;
}

.modal .modal-footer .primary-action {
    float: left;
}

.primaryform {
    padding: 15px;
    background-color: #37474F;
    color: #fff;
    border-radius: 5px;
    height: auto;
    overflow: hidden;
}

.primaryform>.title {
    font-size: 16px;
    margin-bottom: 20px;
    padding: 0 5px;
    text-align: center;
    position: relative;
}

.primaryform>.title:before {
    content: "";
    height: 1px;
    background-color: #df0022;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    bottom: 50%;
    z-index: 1;
}

.primaryform>.title>span {
    position: relative;
    z-index: 2;
    display: inline-block;
    padding: 5px 10px;
    background-color: #df0022;
    color: #fff;
    border-radius: 4px;
}

.primaryform .icon {
    float: left;
    width: 145px;
}

.primaryform .icon>img {
    display: block;
    margin: 0 auto;
}

.primaryform:focus .icon>img,
.primaryform:hover .icon>img {
    animation-name: primaryformfocusitemanimation;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

@keyframes primaryformfocusitemanimation {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.05)
    }
    100% {
        transform: scale(1)
    }
}

.primaryform .formarea {
    height: auto;
    overflow: hidden;
}

.primaryform .formarea .btn {
    float: right;
    height: 80px;
    margin-left: 10px;
}

.primaryform .formarea input {
    float: left;
    height: 32px;
    margin: 8px 0;
    display: block;
    width: 100%;
}

.panel-group {
    margin: 25px 0;
}

.panel-collapse>.panel-heading {
    margin: 5px 0;
}

.panel-collapse>.panel-heading>.panel-title>a {
    padding: 10px 15px;
    background-color: #ECEFF1;
    border-radius: 4px;
    display: block;
    color: #df0022;
    font-weight: 300;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.panel-collapse>.panel-heading>.panel-title>a.collapsed {
    background-color: #f9f9f9;
    color: #df0022;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.panel-collapse>.panel-heading>.panel-title>a:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f068";
    vertical-align: middle;
    margin-left: 8px;
}

.panel-collapse>.panel-heading>.panel-title>a.collapsed:before {
    content: "\f067";
}

.panel-collapse .panel-body {
    padding: 20px 15px;
    line-height: 25px;
}

.sectiontitle {
    margin: 35px 0 20px 0;
    padding: 8px 0;
    border-bottom: 1px solid #ccc;
}

.aboutvideobanner .video {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: 100%;
}

.personitem {
    position: relative;
    margin: 5px 0;
    overflow: hidden;
    cursor: default;
}

.personitem>img {
    -webkit-transition: all ease 0.5s 0.1s;
    -moz-transition: all ease 0.5s 0.1s;
    transition: all ease 0.5s 0.1s;
}

.personitem:hover>img {
    transform: scale(1.1);
    -webkit-transition: all ease 0.5s 0.1s;
    -moz-transition: all ease 0.5s 0.1s;
    transition: all ease 0.5s 0.1s;
}

.personitem>.personitem-inner {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.personitem:hover>.personitem-inner {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.personitem>.personitem-inner>.personitem-inner-content {
    position: absolute;
    left: 10px;
    top: 10px;
    right: 10px;
    bottom: 10px;
    background-color: rgba(51, 51, 51, 0.95);
    color: #fff;
    padding: 15px;
    text-align: center;
    font-size: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.personitem>.personitem-inner>.personitem-inner-content>.personitem-inner-content-title {
    text-align: center;
    font-size: 18px;
}

.personitem>.personitem-inner>.personitem-inner-content>.personitem-inner-content-subtitle {
    padding-top: 12px;
    margin-top: 12px;
    border-top: 1px solid #666;
}

.nav-tabs-center {
    border: 0;
    text-align: center;
}

.nav-tabs-center>li {
    display: inline-block;
    background-color: transparent;
    float: none;
}

.nav-tabs-center>li>a,
.nav-tabs-center>li>a:hover,
.nav-tabs-center>li>a:focus,
.nav-tabs-center>li>a:active,
.nav-tabs-center>li.active>a,
.nav-tabs-center>li.active>a:hover,
.nav-tabs-center>li.active>a:focus,
.nav-tabs-center>li.active>a:active {
    background-color: transparent;
    border-color: transparent;
    color: #df0022;
    font-weight: 400;
    text-align: center;
}

.nav-tabs-center>li.active>a,
.nav-tabs-center>li.active>a:hover,
.nav-tabs-center>li.active>a:focus,
.nav-tabs-center>li.active>a:active {
    color: #df0022;
    border-color: #df0022 !important;
}

.bourse-table table th {
    border-bottom: 0 !important;
}

.bourse-table table tbody tr td {
    text-align: center;
    padding-right: 10px;
    padding-left: 10px;
}

.bourse-table table tbody tr td:first-child,
.bourse-table table tbody tr td:nth-child(2) {
    text-align: justify;
}

*[data-scrollto] {
    cursor: pointer;
}

.svgmap svg {
    width: 100%;
    max-width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.svgmap .land {
    fill: #df0022;
    fill-opacity: 1;
    stroke: #fff;
    stroke-opacity: 1;
    stroke-width: 0.5;
    cursor: pointer;
    -webkit-transition: all ease 0.1s;
    -moz-transition: all ease 0.1s;
    transition: all ease 0.1s;
}

.svgmap .land:hover {
    fill: #333;
    -webkit-transition: all ease 0.1s;
    -moz-transition: all ease 0.1s;
    transition: all ease 0.1s;
}

.svgmap .citytitle {
    pointer-events: none;
    position: absolute;
    font-size: 15px;
    text-align: center;
    background: #37474F;
    padding: 5px 15px;
    z-index: 5;
    /* line-height: 25px; */
    margin: 0 auto;
    color: #fff;
    border-radius: 4px;
    transform: translateX(-50%);
    display: none;
    min-width: 100px;
}

.svgmap .citytitle.active {
    display: block;
}

.svgmap .citytitle:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 100%;
    width: 0;
    height: 0;
    margin-left: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #37474F;
}

.map iframe {
    width: 100%;
    border: 0;
    height: 300px;
}

.map.contactmap iframe {
    height: 400px;
    pointer-events: none;
}

.statechanger .btn,
.statechanger select {
    height: 38px;
    border: 1px solid #ccc;
    margin: 5px 0px;
    border-radius: 0;
}

.statechanger .btn {
    margin: 5px 3px;
}

.statechanger>.statechanger-notify {
    text-align: center;
    color: #df0022;
    font-weight: 400;
    padding: 5px 0;
}

.contactdetails {
    background-color: #f9f9f9;
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 5px;
    height: auto;
    overflow: hidden;
    margin: 7px 0;
}

.contactdetails>.icon,
.contactdetails>.content {
    float: left;
}

.contactdetails>.icon {
    height: 50px;
    width: 50px;
    background-color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 23px;
    padding: 15px 0 0 0;
    margin-right: 8px;
}

.contactdetails>.content {
    padding: 4px 0;
    max-width: 85%;
}

.contactdetails>.content>.title {
    font-weight: 400;
    margin-bottom: 3px;
}

.contactdetails>.content>.text {
    line-height: 25px;
}

.contactdetails.contactdetails-workhour {
    overflow: unset;
    margin-top: 25px;
}

.contactdetails.contactdetails-workhour>.icon {
    float: none;
    margin: 0 auto;
    margin-top: -30px;
    border: 1px solid #eee;
}

.contactdetails.contactdetails-workhour>.content {
    text-align: center;
    float: none;
}

.contactdetails.contactdetails-workhour>.content>.text {
    line-height: 25px;
}

.contentbanner {
    background-repeat: no-repeat;
    background-size: cover;
    margin: 25px 0 40px 0;
}

.contentbanner.contentbanner-bgcolor.contentbanner-bgcolor-gray {
    background-color: #eee;
}

.contentbanner.contentbanner-bilboard .contentbanner-inner {
    margin: 15px;
    border-radius: 0 5px 0 5px;
    padding: 25px;
}

.contentbanner .contentbanner-inner {
    background: #eee;
    background-color: rgba(238, 238, 238, 0.9);
    padding: 15px 25px;
    min-height: 350px;
}

.contentbanner .contentbanner-inner>.title {
    font-weight: 400;
    font-size: 17px;
    text-align: center;
    margin: 10px 0 20px 0;
}

.contentbanner .contentbanner-inner>form>input {
    border: 1px solid #ccc;
    padding: 8px 10px;
}

.contentbanner .contentbanner-inner>form>.btn {
    margin-top: 15px;
}

table>thead {
    background-color: #df0022;
    color: #fff;
}

table>thead>tr>th {
    font-weight: 200;
    white-space: nowrap;
    text-align: center;
}

.sfnewsList {
    height: auto;
    overflow: hidden;
}

.sfnewsList>li:before {
    content: "";
    display: none;
}

.sfnewsList>li {
    border-bottom: 1px solid #eee;
    margin: 0;
    padding: 15px;
    float: left;
    width: 50%;
    position: relative;
}

.sfnewsList>li:last-child,
.sfnewsList>li:nth-child(9) {
    border-bottom: 0;
}

.sfnewsList>li>.sfnewsTitle {
    font-size: 16px;
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
    padding-right: 105px;
    line-height: 30px;
    height: 60px;
}

.sfnewsList>li>.sfnewsMetaInfo {
    color: #333;
    position: absolute;
    right: 15px;
    top: 20px;
    padding: 0 8px;
    border-radius: 5px;
    border: 1px solid #666;
    font-size: 12px;
    background-color: #fff;
}

.sfnewsList>li .sfTxtContent {
    height: 45px;
}

.sfnewsList>li>a.sfnewsFullStory {
    display: block;
    padding: 8px 0;
    text-align: right;
}

article.news-article {
    padding: 25px 0;
}

article.news-article .sfnewsContent {
    line-height: 25px;
}

article.news-article .sfnewsAuthorAndDate {
    float: right;
    color: #333;
    padding: 5px 8px;
    border-radius: 5px;
    font-size: 12px;
}

.sf_pagerNumeric {
    display: block;
    margin: 10px 0;
    text-align: center;
}

.sf_pagerNumeric>a {
    display: inline-block;
    padding: 7px;
    border-radius: 3px;
    height: 32px;
    min-width: 32px;
    margin: 0 3px;
    color: #fff;
    background-color: #292929;
}

.sf_pagerNumeric>a.sf_PagerCurrent {
    background-color: #df0022;
}

#aboutusimageslider {
    max-width: 370px;
    margin: 0 auto;
}

.photolightboxlist {
    text-align: center;
}

.photolightboxlist>a {
    display: inline-block;
    margin: 5px 2px;
}

.numbericbox {
    margin: 10px 0;
    position: relative;
    height: 290px;
}

.numbericbox>* {
    position: relative;
    z-index: 2;
}

.numbericbox>.title {
    font-weight: 300;
    font-size: 16px;
    text-align: center;
    margin-bottom: 10px;
    color: #df0022;
}

.numbericbox>.number {
    z-index: 1;
    font-size: 100px;
    color: rgba(222, 1, 34, 0.20);
    position: absolute;
    top: 50%;
    bottom: 50%;
    right: 0;
    left: 0;
    vertical-align: middle;
    text-align: center;
    height: 110px;
    margin-top: -55px;
}

.childpage-intro>.content {
    height: 140px;
}


/* Footer */

.fixbottombar,
.fixbottombar.affix-top {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.fixbottombar.affix {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.fixbottombar .fixedbottombar-item {
    margin: 10px 0;
}

.fixbottombar .fixedbottombar-item .fixedbottombar-btn {
    display: inline-block;
    height: 50px;
    width: 50px;
    background-color: #df0022;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    font-size: 22px;
    padding-top: 13px;
    opacity: 0.8;
    box-shadow: 0 0 0px 3px rgba(0, 0, 0, 0.3);
    opacity: 0.9;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    cursor: pointer;
}

.fixbottombar .fixedbottombar-item .fixedbottombar-btn:hover {
    opacity: 1;
    box-shadow: 0 0 0px 3px rgba(0, 0, 0, 0.4);
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.tooltip>.tooltip-inner {
    background-color: #df0022;
    color: #fff;
    font-size: 13px;
    font-weight: 200;
    padding: 5px 12px;
}

.tooltip>.tooltip-arrow {
    border-left-color: #df0022 !important;
}


/* .gotoheaderbtn.affix-top,
.gotoheaderbtn {
    position: fixed;
    right: 30px;
    bottom: 30px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    z-index: 9999;
} */


/* 
.gotoheaderbtn.affix {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
} */


/* .gotoheaderbtn .gotoheaderbtn-inner {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    text-align: center;
    background-color: rgba(223, 0, 35, 0.7);
    color: #fff;
    font-size: 22px;
    padding: 10px 0;
    display: block;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.gotoheaderbtn .gotoheaderbtn-inner:hover {
    background-color: rgba(223, 0, 35, 0.9);
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
} */

footer {
    margin: 15px 0 0 0;
    background: #282828;
    color: #ccc;
    padding: 25px 0 0 0;
}

footer a {
    color: #eee;
}

footer a:hover,
footer a:focus {
    color: #fff;
    border-bottom: 0;
}

footer .contactitem {
    background-color: #333;
    border-radius: 5px;
    position: unset;
    float: right;
    margin-left: 10px;
}

footer .contactitem a {
    padding: 8px 10px;
    display: block;
}

footer .footer-top {
    position: relative;
}

footer .footer-social {
    position: absolute;
    right: 0;
    bottom: 0px;
}

footer .footer-social ul.social>li:after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 8px;
    height: 2px;
    width: 4px;
    background-color: #282828;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

footer .footer-bottom .footer-bottom-content {
    margin: 25px 0 0 0;
    padding: 10px 0 0 0;
    border-top: 3px solid #df0022;
}

.footer-bottom .footer-bottom-nav {
    margin-top: 10px;
    padding: 10px 15px;
    text-align: center;
    background-color: #333;
    cursor: pointer;
}

.footer-bottom .footer-bottom-nav .fa {
    display: none;
    font-size: 24px;
    vertical-align: bottom;
}

.footer-bottom.open .footer-bottom-nav .fa-angle-up {
    display: inline-block;
}

.footer-bottom .footer-bottom-nav .fa-angle-down {
    display: inline-block;
}

.footer-bottom.open .footer-bottom-nav .fa-angle-down {
    display: none;
}

footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

footer ul>li {
    margin: 6px 0;
}

footer .widget .widget-title {
    margin: 10px 0 15px 0;
    font-size: 16px;
    color: #fff;
}

footer .widget .RadSiteMap .rsmLink {
    padding: 0;
    color: #fff;
    background: none;
    text-decoration: none;
    display: inherit;
}

footer .enamadarea {
    float: right;
    max-width: 120px;
}

footer .footer-certificates {
    margin-right: 100px;
}

footer .footer-certificates .certificatescarousel .item {
    padding: 22px 0;
}

.tagscloud>a {
    display: inline-block;
    background-color: #ccc;
    color: #333;
    padding: 5px 10px;
    margin: 5px 3px;
}

.tagscloud>a:hover {
    color: #333;
    background-color: #eee;
}

.tagscloud.news-tags {
    float: left;
}

.tagscloud ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tagscloud ul>li:before {
    display: none;
}

.tagscloud ul>li {
    float: right;
    padding: 2px 5px;
    background-color: #eee;
    border-radius: 5px;
    font-size: 12px;
    margin: 0 2px;
}

.alert {
    border: 1px solid #ccc;
    padding: 15px;
    color: #333;
    margin: 15px auto;
    width: 1000px;
    max-width: 100%;
    border-radius: 10px;
    background-color: #eee;
}

.alert p {
    margin: 0;
}

.alert.alert-info {
    background-color: #4DD0E1;
    border-color: #4DD0E1;
}

.alert.alert-success {
    background-color: #AED581;
    border-color: #AED581;
}

.alert.alert-danger {
    background-color: #e57373;
    border-color: #e57373;
    color: #fff;
}

.alert.alert-warning {
    background-color: #FFD54F;
    border-color: #FFD54F;
}


/* .timeline .timeline-line {
    border: 8px solid #df0022;
    border-radius: 40px;
}

.timeline .timeline-line:first-child {
    border: 0;
}

.timeline .timeline-line .timeline-stepline {
    float: right;
    margin-bottom: -30px;
}

.timeline .timeline-line .timeline-stepline>.title {
    font-weight: 400;
}

.timeline .timeline-line .timeline-stepline>.circle {
    position: relative;
}

.timeline .timeline-line .timeline-stepline>.circle>.top {
    height: 20px;
    width: 20px;
    background-color: #df0022;
    margin: 0 auto;
    border-radius: 50%;
    margin-bottom: 50px;
}

.timeline .timeline-line .timeline-stepline>.circle>.top:after {
    content: "";
    width: 5px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    height: 100%;
    background-color: #df0022;
    z-index: -1;
}

.timeline .timeline-line .timeline-stepline>.circle>.bottom {
    height: 50px;
    width: 50px;
    padding: 7px;
    border: 5px solid #df0022;
    background-color: #fff;
    border-radius: 50%;
    margin: 0 auto;
}

.timeline .timeline-line .timeline-stepline>.circle>.bottom>.bottom-inner {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background-color: #e94d65;
    margin: 0 auto;
} */

.circle-timeline {
    position: relative;
    border: 5px solid #ccc;
    width: 600px;
    height: 600px;
    margin: 80px auto;
    border-radius: 50%;
}

.circle-timeline>.circle-timeline-item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #fff;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1);
    text-align: center;
    font-weight: 400;
    -webkit-transition: all ease 1s;
    -moz-transition: all ease 1s;
    transition: all ease 1s;
    color: #df0022;
    display: flex;
    align-items: center;
    align-content: flex-start;
    justify-content: center;
    cursor: pointer;
}

.circle-timeline>.circle-timeline-item>a {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
    display: block;
    color: #df0022;
    display: flex;
    align-items: center;
    align-content: flex-start;
    justify-content: center;
    cursor: pointer;
}

.circle-timeline>.circle-timeline-item.center {
    height: 470px;
    width: 330px;
    border: 0;
    box-shadow: none;
    color: #333;
    font-weight: 200;
    display: block;
    cursor: default;
    text-align: center;
    line-height: 25px;
}

.circle-timeline>.circle-timeline-item.active {
    background-color: #df0022;
    box-shadow: 0 0 0 5px rgba(222, 0, 33, 0.3);
    color: #fff;
}

.circle-timeline>.circle-timeline-item.active>a {
    color: #fff;
}

.circle-timeline>.circle-timeline-item .number {
    position: absolute;
    left: auto;
    right: auto;
    top: -20px;
    bottom: 0;
    font-size: 25px;
    text-align: center;
    color: #eee;
    z-index: -1;
    font-weight: 200;
    display: inline-block;
    background-color: #999;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #fff;
}

.circle-timeline>.circle-timeline-item.active .number {
    color: #fff;
    background-color: #df0022;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.7);
}

.circle-timeline .circle-timeline-item-time {
    position: absolute;
    left: 40px;
    right: 40px;
    bottom: 0;
    font-size: 16px;
}