@charset "UTF-8";

/* -------------- ON Desktop And Larges --------------  */

@media (min-width:768px) {
    header .navbar .navbar-brand,
    header .navbar .navbar-brand:hover,
    header .navbar .navbar-brand:focus {
        padding: 20px 20px;
    }
    header.affix .navbar .navbar-brand {
        padding: 8px 20px;
    }
    header .navbar .navbar-collapse,
    header .navbar .navbar-nav>li.horizontal>.dropdown-menu {
        padding-left: 200px;
    }
    header .navbar .navbar-nav>li>.dropdown-menu {
        padding: 0;
        border: 0;
        margin: 0;
        background: #333;
        background-color: rgba(51, 51, 51, 0.85);
        transform: translateY(-20px);
        -webkit-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        transition: all ease 0.3s;
        display: block;
        top: -500%;
        z-index: -1;
    }
    header .navbar .navbar-nav>li:hover>.dropdown-menu {
        top: 100%;
        transform: translateY(0px);
        -webkit-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        transition: all ease 0.3s;
        border-radius: 0;
    }
    header .navbar .navbar-nav>li.horizontal {
        position: static;
    }
    header .navbar .navbar-nav>li.horizontal>.dropdown-menu {
        display: block;
        visibility: hidden;
        background: #333;
        background-color: rgba(51, 51, 51, 0.85);
        left: 0;
        right: 0;
        z-index: -1;
        top: -100%;
        -webkit-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        transition: all ease 0.3s;
    }
    header .navbar .navbar-nav>li.horizontal:hover>.dropdown-menu {
        visibility: visible;
        top: 100%;
        -webkit-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        transition: all ease 0.3s;
    }
    header .navbar .navbar-nav>li.horizontal>.dropdown-menu>li {
        display: inline-block;
    }
    header .navbar .navbar-nav>li.horizontal>.dropdown-menu>li>a {
        color: #fff;
        font-weight: 200;
        padding: 15px 15px;
    }
    header .navbar .navbar-nav>li.horizontal>.dropdown-menu>li>a:hover,
    header .navbar .navbar-nav>li.horizontal>.dropdown-menu>li>a:focus {
        background: #f4f4f4;
        color: #333;
        -webkit-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        transition: all ease 0.3s;
    }
    header .contactitem {
        top: 90px;
    }
    .svgmap svg {
        max-width: 70%;
    }
}


/* -------------- On Small Devices ------- */

@media (max-width:1140px) {
    header .navbar .navbar-brand,
    header .navbar .navbar-brand:hover,
    header .navbar .navbar-brand:focus {
        padding: 20px 15px;
    }
    header.affix .navbar .navbar-brand {
        padding: 15px 15px;
    }
    header .navbar .navbar-brand img {
        max-width: 120px;
    }
    header .navbar .navbar-collapse,
    header .navbar .navbar-nav>li.horizontal>.dropdown-menu {
        padding-right: 140px;
    }
    header .navbar .navbar-nav>li.nav-customitem.nohover>a {
        padding-right: 5px;
        padding-left: 5px;
    }
    header .navbar .navbar-nav>li.nav-customitem>a {
        padding-right: 10px;
        padding-left: 10px;
    }
}


/* -------------- ON Mobile --------------  */

@media (max-width:768px) {
    header .navbar .navbar-collapse,
    header .navbar .navbar-nav>li.horizontal>.dropdown-menu {
        padding-right: 0;
    }
    header .navbar .navbar-brand,
    header .navbar .navbar-brand:hover,
    header .navbar .navbar-brand:focus {
        padding: 10px 20px;
    }
    header.affix .navbar .navbar-brand {
        padding: 3px 20px;
    }
    header .navbar-collapse {
        padding: 0;
    }
    .videobanner .videobanner-video {
        min-height: 100px;
        max-height: 290px;
    }
    .videobanner {
        padding-bottom: 0;
    }
    header .navbar .navbar-brand img {
        max-height: 45px;
    }
    .navbar-nav {
        margin: 0;
    }
    header .navbar .navbar-nav>li>a {
        padding: 10px 15px;
    }
    header .navbar .navbar-nav>li.horizontal>.dropdown-menu>li {
        display: block;
    }
    header .navbar .btn-important {
        width: 100%;
        display: block;
        text-align: center;
    }
    header .navbar .navbar-form {
        margin-right: 0;
        margin-left: 0;
    }
    header .container>.navbar-header,
    header .container-fluid>.navbar-header,
    header .container>.navbar-collapse,
    header .container-fluid>.navbar-collapse,
    header .container-fluid {
        margin: 0;
        padding: 0;
    }
    header .collapse,
    header .collapsing {
        position: fixed;
        width: 270px;
        max-width: 100%;
        max-width: calc(100% - 70px);
        top: 0;
        bottom: 0;
        height: 100% !important;
        background-color: #333;
        z-index: 999999;
        display: block;
        -webkit-transition: all ease 0.5s;
        -moz-transition: all ease 0.5s;
        transition: all ease 0.5s;
    }
    header .collapse {
        left: -500px;
    }
    header .collapsing,
    header .collapse.in {
        left: 0;
        -webkit-transition: all ease 0.5s;
        -moz-transition: all ease 0.5s;
        transition: all ease 0.5s;
    }
    header .navbar .nav>.dropdown>a>.fa {
        transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        float: right;
        margin: 2px 0;
        font-size: 16px;
    }
    header .navbar .nav>.dropdown {
        position: unset;
    }
    header .navbar .nav>.dropdown>.dropdown-menu {
        display: block;
        visibility: hidden;
        position: absolute;
        top: 0;
        background-color: #333;
        z-index: 9;
        right: -300px;
        left: 0;
        bottom: 0;
        padding: 0;
        border: 0;
        -webkit-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        transition: all ease 0.3s;
    }
    header .navbar .nav>.dropdown.open>.dropdown-menu {
        visibility: visible;
        right: 0;
        -webkit-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        transition: all ease 0.3s;
    }
    header .navbar .nav>.dropdown>.dropdown-menu>li.dropdown-menu-header {
        display: block !important;
        background-color: #232323;
        color: #fff;
        font-weight: 400;
        padding: 10px;
        border-bottom: 2px solid #df0022;
        cursor: pointer;
        position: relative;
    }
    header .navbar .nav>.dropdown>.dropdown-menu>li.dropdown-menu-header>.fa {
        position: absolute;
        font-size: 17px;
        top: 10px;
        right: 10px;
        color: #df0022;
        transform: translateX(-580px);
        -moz-transform: translateX(-580px);
        -webkit-transform: translateX(-580px);
        -webkit-transition: all ease 0.2s;
        -moz-transition: all ease 0.2s;
        transition: all ease 0.2s;
    }
    header .navbar .nav>.dropdown.open>.dropdown-menu>li.dropdown-menu-header>.fa {
        transform: translateX(0px);
        -moz-transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -webkit-transition: all ease 0.2s;
        -moz-transition: all ease 0.2s;
        transition: all ease 0.2s;
    }
    header .navbar .nav>.dropdown.open>.dropdown-menu>li>a {
        color: #eee;
    }
    header .navbar .nav>.dropdown.open>.dropdown-menu>li>a:focus,
    header .navbar .nav>.dropdown.open>.dropdown-menu>li>a:hover {
        background-color: #f4f4f4;
        color: #333;
    }
    header .contactitem {
        top: 60px;
    }
    header .contactitem img {
        max-height: 18px;
        width: auto;
    }
    .carousel .carousel-inner .item .carousel-caption .overly {
        padding: 100px 0 0 15px;
    }
    .carousel .carousel-inner .item .carousel-caption .overly .carousel-item-title {
        text-align: center;
    }
    .carousel .carousel-footer {
        text-align: center;
    }
    .carousel .carousel-footer .carousel-indicators {
        text-align: center !important;
    }
    .carousel .carousel-footer .carousel-ctrlarea {
        display: none;
    }
    .carousel .continuousanimateitems img {
        margin: 3px 0;
        max-height: 80px;
        width: auto;
    }
    .carousel .carousel-inner .item .carousel-caption .overly .carousel-left-bottom {
        bottom: 220px;
        left: 15px !important;
        right: 15px !important;
        text-align: center;
    }
    .carousel h1,
    .carousel .h1 {
        font-size: 28px;
        line-height: 40px;
    }
    .owl-fullwidth-carousel {
        position: relative;
        padding-top: 50px;
        padding-top: 82px;
        height: 290px;
    }
    .owl-fullwidth-carousel .owl-fullwidth-carousel-header {
        top: 0;
        left: 10px;
        right: 10px;
        width: auto;
        height: auto;
    }
    .owl-fullwidth-carousel .owl-fullwidth-carousel-header>.carousel-ctrlarea,
    .owl-fullwidth-carousel .owl-fullwidth-carousel-header:before {
        display: none;
    }
    .owl-fullwidth-carousel .owl-fullwidth-carousel-header>.title {
        margin: 10px 0;
    }
    .owl-fullwidth-carousel .owl-fullwidth-carousel-header:after {
        left: 70px;
        bottom: -15px;
        top: auto;
    }
    .page-subheader .breadcrumb,
    .page-subheader .sfBreadcrumbWrp {
        margin: 10px 0;
        padding: 10px 0;
    }
    .packagetabs .nav-tabs {
        display: block;
        border-bottom: 0;
    }
    .packagetabs .nav-tabs>li {
        flex: none;
        display: block;
        width: 100%;
        padding: 0;
        border: 0;
    }
    .packagetabs .nav-tabs>li>a {
        border-radius: 0;
        border: 0;
    }
    .packagetabs .nav-tabs>li:first-child>a {
        border-radius: 8px 8px 0 0;
    }
    .packagetabs .nav-tabs>li:last-child>a {
        border-radius: 0 0 8px 8px;
    }
    .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 {
        padding-top: 15px;
    }
    .primaryform .icon {
        display: none;
    }
    .sfnewsList>li {
        float: none;
        width: 100%;
    }
    .fixbottombar.affix-top,
    .fixbottombar {
        bottom: 15px;
    }
    .page-subheader .breadcrumb,
    .page-subheader .sfBreadcrumbWrp {
        display: none;
    }
    footer .contactitem img {
        max-height: 18px;
        width: auto;
    }
    footer .footer-certificates {
        margin-bottom: 10px;
    }
    .form-custom-rs .sf_2cols_2_50,
    .form-custom-rs .sf_colsOut.sf_2cols_1_50 {
        float: none;
        width: 100%;
    }
    .carousel-fullscreen .item .overly .fixtobottom {
        left: 20px;
    }
    .searchmodal>.searchmodal-inner fieldset input[type="text"],
    .searchmodal>.searchmodal-inner fieldset input[type="submit"] {
        margin: 0 auto;
        width: 100%;
        float: none;
    }
    .searchmodal>.searchmodal-inner fieldset input[type="text"] {
        margin-bottom: 15px;
    }
    .searchmodal>.searchmodal-inner fieldset input[type="submit"] {
        height: 40px;
    }
    footer .footer-social {
        position: unset;
        display: block;
        text-align: left;
        margin-top: 10px;
    }
    .circle-timeline>.circle-timeline-item {
        position: relative;
        height: auto;
        width: 100%;
        display: none !important;
        transform: none !important;
        border-radius: 0;
        height: 50px;
    }
    .circle-timeline,
    .circle-timeline>.circle-timeline-item.center {
        height: auto;
        width: auto;
        display: block !important;
        border-radius: 0;
        border: none;
    }
    .circle-timeline>.circle-timeline-item.center .tab-content .tab-pane {
        display: block;
        visibility: visible;
        opacity: 1;
        border-bottom: 0;
        border-right: 2px solid #263238;
        padding: 15px;
        padding-bottom: 35px;
        position: relative;
        margin: 0 -15px;
        border-bottom: 2px solid #EEE;
    }
    .circle-timeline>.circle-timeline-item.center .tab-content .tab-pane:last-child {
        border-bottom: 0;
    }
    .circle-timeline>.circle-timeline-item.center .tab-content .tab-pane .step-number {
        position: absolute;
        right: 0;
        top: 5px;
        background-color: #263238;
        border-radius: 5px 0 0 5px;
        padding: 3px 15px;
        color: #ffffff;
    }
    .circle-timeline .circle-timeline-item-time {
        position: relative;
        left: 0;
        right: 0;
    }
}


/* -------------- ON Extra Small --------------  */

@media (max-width:620px) {
    header .navbar .navbar-brand,
    header .navbar .navbar-brand:hover,
    header .navbar .navbar-brand:focus {
        padding: 10px 20px;
    }
    header.affix .navbar .navbar-brand {
        padding: 3px 20px;
    }
    .contactdetails>.icon,
    .contactdetails>.content {
        float: none !important;
        text-align: center;
        margin-right: auto;
        margin-left: auto !important;
    }
}