@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Lato);

/*========================================================
                    Main Styles
=========================================================*/
body {
    color: #1C2126;
    font: 400 15px/26px "Lato", sans-serif;
    -webkit-text-size-adjust: none;
    background: #0e1013;
}

img {
    max-width: 100%;
    height: auto;
}

h1, h2, h3, h4, .h4 {
    text-transform: uppercase;
}

h1 {
    font: 900 80px/50px "Lato", sans-serif;
    color: #FFF;
    letter-spacing: -3.2px;
}

h1 span {
    font: 300 35px/35px "Lato", sans-serif;
    letter-spacing: -0.8px;
    margin-left: 4px;
}

h2 {
    font: 700 68px/68px "Lato", sans-serif;
}

h3 {
    font: 300 38px/42px "Lato", sans-serif;
    color: #1C2126;
}

h4, .h4 {
    font: 700 18px/18px "Lato", sans-serif;
    color: #EE4212;
}

h4 a:hover, .h4 a:hover {
    color: #1C2126;
}

h4.color-primary a:hover, .h4.color-primary a:hover {
    color: #FFF;
}

h4.color-primary--md a:hover, .h4.color-primary--md a:hover {
    color: #1C2126;
}

p a:hover, .marked-list a:hover, .list a:hover {
    text-decoration: underline;
}

p .fa, .marked-list .fa, .list .fa {
    text-decoration: none;
}

time {
    display: block;
}

a {
    font: inherit;
    color: inherit;
    text-decoration: none;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

a:focus {
    outline: none;
}

a:active {
    background-color: transparent;
}

a[href^="tel:"], a[href^="callto:"] {
    color: inherit;
    text-decoration: none;
}

strong {
    font-weight: 700;
}

.fa {
    line-height: inherit;
}

[class*='fa-']:before {
    font-weight: 400;
    font-family: "FontAwesome";
}

.page {
    overflow: hidden;
    min-height: 500px;
}

.lt-ie9 .page {
    min-width: 1200px;
}

blockquote .col-md-7 {
    padding-left: 5px;
}

address dl:before, address dl:after {
    display: table;
    content: "";
    line-height: 0;
}

address dl:after {
    clear: both;
}

address dl dt, address dl dd {
    float: left;
}

address dl dt {
    width: 22%;
}

address dl dd a:hover {
    color: #EE4212;
}

address dl *:nth-child(2n+3) {
    clear: left;
}

/*=======================================================
                       Main Layout
=========================================================*/
.row--offset {
    margin-top: 0;
}

h2 + h3, h4 + .offset-1 {
    margin-top: 7px;
}

* + .marked-list, .off, .term-list-1 dt + dd, .term-list dt + dd {
    margin-top: 10px;
}

.offset + p, h3 + p, h4 + .term-list-1, h3 + .offset-3 {
    margin-top: 15px;
}

p + .btn-default, h3 + .offset-1, img + .offset, h4 + .list, .offset + h4, h3 + .inline-list-primary, h3 + .icon-box, * + .row--offset-1, h3 + .term-list, h3 + address {
    margin-top: 20px;
}

h3 + .offset, p + h4, p + .btn-offset, * + .owl-carousel, p + p, .marked-list + p, .text-center + h4, h3 + blockquote, h3 + .index-list-secondary, h3 + .map, * + .mail, h3 + .mailform {
    margin-top: 25px;
}

p + .btn-default--md {
    margin-top: 55px;
}

h3 + h4, h4 + .inline-list, .icon-box + .icon-box, .term-list-1 + h4, .term-list dd + dt {
    margin-top: 33px;
}

h4 + p {
    margin-top: 10px;
}

/*=======================================================
                        Components
=========================================================*/
/*==================     Brand     ======================*/
.brand {
    display: inline-block;
}

.brand_name {
    display: inline-block;
    background: #EE4212;
    padding: 40px 39px 29px 32px;
}

.brand_name h1 > span {
    display: inline-block;
    margin-top: 10px;
}

.brand_name:active {
    background: #EE4212;
}

.col-xs-lg {
    margin-top: 0;
}

/*==================  Backgrounds  ======================*/
.bg-secondary {
    background: #1C2126;
}

.bg-secondary h3, .bg-secondary h4 {
    color: #FFF;
}

.bg-secondary p {
    color: #9eacb9;
}

.bg-secondary .color-primary {
    color: #EE4212;
}

.bg-secondary-1 {
    position: relative;
    z-index: 0;
}

.bg-secondary-1:before {
    position: absolute;
    content: '';
    background: #e5e5e5;
    top: 0;
    left: 0;
    bottom: 0;
    width: 10000px;
    height: 100%;
    z-index: -1;
    margin-left: 15px;
}

.bg-secondary-2 {
    background: #0e1013;
}

.bg-secondary-2 p {
    color: #9eacb9;
}

.bg-primary {
    position: relative;
    z-index: 0;
}

.bg-primary:before {
    position: absolute;
    content: '';
    background: #EE4212;
    top: 0;
    left: 0;
    bottom: 0;
    width: 10000px;
    height: 100%;
    z-index: -1;
    margin-left: 15px;
}

.bg-primary p {
    color: #FFF;
}

.bg-img {
    background: url("../images/page-2_img01.jpg") no-repeat center center;
    background-size: cover;
}

/*==================   Color Primary   ======================*/
.color-primary {
    color: #EE4212;
}

.color-default {
    color: #FFF;
}

/*==================     Icons     ======================*/
/*==================    Buttons    ======================*/
.btn {
    display: inline-block;
    line-height: 18px;
    font-weight: 700;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.btn-sm {
    font-size: 18px;
    padding: 18px 36px;
}

.btn-md {
    font-size: 18px;
    padding: 20px 15px 20px 29px;
}

.btn-default {
    color: #FFF;
    background: #EE4212;
    position: relative;
    border-color: #EE4212;
}

.btn-default:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 28px 0px 30px 30px;
    border-color: transparent transparent transparent #EE4212;
    top: 0;
    bottom: 0;
    left: 99%;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.btn-default:hover {
    background: #474f57;
}

.btn-default:hover:before {
    border-color: transparent transparent transparent #474f57;
}

.btn-default:active {
    background: #30353b;
}

.btn-default:active:before {
    border-color: transparent transparent transparent #30353b;
}

.btn-default--md {
    color: #1C2126;
    background: #FFF;
}

.btn-default--md:before {
    border-color: transparent transparent transparent #FFF;
}

.btn-default--md:hover {
    color: #FFF;
}

.btn-primary {
    color: #FFF;
    background: #EE4212;
}

.btn-primary:hover {
    background: #474f57;
}

.btn-primary:active {
    background: #30353b;
}

/*==================      Box      ======================*/
.box:before, .box:after {
    display: table;
    content: "";
    line-height: 0;
}

.box:after {
    clear: both;
}

.box_aside {
    float: left;
}

.box_cnt__no-flow {
    overflow: hidden;
}

/*========================   Menu   ==========================*/
.sf-menu {
    display: inline-block;
}

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

.sf-menu:after {
    clear: both;
}

.sf-menu > li {
    position: relative;
    float: left;
    list-style: none;
}

.sf-menu li {
    list-style: none !important;
}

.sf-menu > li + li {
    margin-left: 28px;
}

.sf-menu a {
    display: block;
}

.sf-menu > li > a {
    color: #FFF;
    display: block;
    padding: 32px 8px;
    font: 700 18px/18px "Lato", sans-serif;
    text-transform: uppercase;
}

.sf-menu > li.sfHover > a, .sf-menu > li > a:hover, .sf-menu > li.active > a {
    color: #EE4212;
    text-decoration: none;
}

.sf-menu ul {
    display: none;
    position: absolute;
    top: 100%;
    width: 252px;
    margin-top: 10px;
    padding: 15px 0 15px;
    text-align: left;
    left: 0;
    margin-left: -17px;
    background: #474f57;
    z-index: 2;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    direction: ltr;
}

.sf-menu ul > li > a {
    font: 400 15px/15px "Lato", sans-serif;
    color: #FFF;
    padding: 13px 20px;
}

.sf-menu ul > li.sfHover > a, .sf-menu ul > li > a:hover {
    background: #EE4212;
    text-decoration: none;
}

.sf-menu ul ul {
    position: absolute;
    top: 17.5%;
    width: 150px;
    margin-top: 0;
    left: 100%;
    margin-left: 2px;
    z-index: 4;
}

.sf-menu > li > .sf-with-ul {
    position: relative;
}

.sf-menu > li > .sf-with-ul:before {
    position: absolute;
    left: 50%;
    top: 70%;
    margin-left: -6px;
    content: "";
    font: 400 12px/12px "FontAwesome";
}

@media (max-width: 767px) {
    .sf-menu {
        display: none;
    }
}

/*==================   RD Mobile Menu    =====================*/
.rd-mobilemenu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 9999999;
    text-align: left;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.rd-mobilemenu.active {
    right: 0;
}

.rd-mobilemenu_ul {
    position: fixed;
    top: -56px;
    left: 0;
    bottom: -56px;
    width: 240px;
    padding: 132px 0 76px;
    color: #666;
    background: #FFF;
    font-size: 14px;
    line-height: 20px;
    overflow: auto;
    -webkit-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
    -moz-transform: translateX(-240px);
    -ms-transform: translateX(-240px);
    -o-transform: translateX(-240px);
    -webkit-transform: translateX(-240px);
    transform: translateX(-240px);
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    -moz-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    -o-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    -webkit-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.rd-mobilemenu.active .rd-mobilemenu_ul {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.rd-mobilemenu_ul a {
    display: block;
    padding: 14px 25px 16px;
}

.rd-mobilemenu_ul a.active {
    background: #f5f5f5;
    color: #2d2d2d;
}

.rd-mobilemenu_ul a:hover {
    background: #EE4212;
    color: #FFF;
}

.rd-mobilemenu_ul a .rd-submenu-toggle {
    position: absolute;
    top: 50%;
    right: 11px;
    margin-top: -17.5px;
    width: 32px;
    height: 32px;
    font: 400 10px "FontAwesome";
    line-height: 32px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
    z-index: 1;
    background: rgba(0, 0, 0, 0.1);
}

.rd-mobilemenu_ul a .rd-submenu-toggle:after {
    content: '\f078';
}

.rd-mobilemenu_ul a .rd-submenu-toggle:hover {
    background: #FFF;
    color: #666;
}

.rd-mobilemenu_ul a.rd-with-ul {
    position: relative;
}

.rd-mobilemenu_ul a.rd-with-ul.active .rd-submenu-toggle {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.rd-mobilemenu_ul ul a {
    padding-left: 40px;
}

.rd-mobilemenu_ul ul ul a {
    padding-left: 60px;
}

.rd-mobilemenu_ul:after {
    content: '';
    display: block;
    height: 20px;
}

.rd-mobilepanel {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 56px;
    background: #FFF;
    color: #000;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
    z-index: 99999991;
}

.rd-mobilepanel_title {
    position: fixed;
    top: 4px;
    left: 56px;
    right: 56px;
    color: #000;
    font-size: 24px;
    line-height: 48px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rd-mobilepanel_toggle {
    position: fixed;
    top: 4px;
    left: 8px;
    width: 48px;
    height: 48px;
}

.rd-mobilepanel_toggle span {
    position: relative;
    display: block;
    margin: auto;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before {
    content: "";
    position: absolute;
    left: 0;
    top: -8px;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.rd-mobilepanel_toggle span:after {
    top: 8px;
}

.rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span {
    width: 24px;
    height: 4px;
    background-color: #000;
    backface-visibility: hidden;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span:after {
    -webkit-transition-duration: 0.3s, 0.3s;
    transition-duration: 0.3s, 0.3s;
    -webkit-transition-delay: 0.3s, 0s;
    transition-delay: 0.3s, 0s;
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, transform;
}

.rd-mobilepanel_toggle.active span {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: background .3s 0s ease;
    background: transparent;
}

.rd-mobilepanel_toggle.active span:before, .rd-mobilepanel_toggle.active span:after {
    top: 0;
    -webkit-transition-delay: 0s, 0.3s;
    transition-delay: 0s, 0.3s;
}

.rd-mobilepanel_toggle.active span:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.rd-mobilepanel_toggle.active span:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media (max-width: 767px) {
    body {
        padding-top: 56px;
    }

    .rd-mobilemenu, .rd-mobilepanel {
        display: block;
    }
}

@media (max-width: 359px) {
    .rd-mobilepanel_title {
        font-size: 18px;
    }
}

/*==================  Stuck menu  ======================*/
.header .stuck_container {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 85px;
    z-index: 4;
}

@media (max-width: 991px) {
    .header .stuck_container {
        bottom: 30px;
    }
}

#stuck_container {
    background-color: rgba(255, 255, 255, 0.18);
    border-bottom: 2px solid #7c7c7c;
}

.isStuck {
    background: #1C2126 !important;
    z-index: 999;
    border-bottom: 1px solid #0e1013;
}

.isStuck .sf-menu > li > a {
    padding: 0;
}

.isStuck .inset-5, .isStuck .inset-nav {
    padding: 25px 0 25px;
}

.isStuck .sf-menu ul {
    margin-top: 34px;
}

.isStuck .sf-menu ul ul {
    margin-top: 0;
}

.header .isStuck {
    bottom: auto;
}

@media only screen and (max-width: 979px) {
    .isStuck {
        display: none !important;
    }
}

/*==================     ToTop     ======================*/
.toTop {
    width: 50px;
    height: 50px;
    font-size: 24px !important;
    line-height: 46px;
    color: #fff;
    background: #9eacb9;
    border-radius: 50%;
    -webkit-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
    position: fixed;
    right: 40px;
    bottom: 40px;
    display: none;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    z-index: 20;
    top: 20 p;
    padding-top: 10px;
}

.toTop:hover {
    color: #fff;
    background: #EE4212;
    text-decoration: none;
}

.mobile .toTop, .tablet .toTop {
    display: none !important;
}

/*==================  RD Parallax    ======================*/
.parallax {
    position: relative;
    overflow: hidden;
}

.parallax h2, .parallax h3, .parallax p {
    color: #FFF;
}

.parallax .marked-list > li a:hover {
    color: #EE4212;
}

.parallax .marked-list > li a:hover:before {
    color: #EE4212;
}

.parallax .mail:hover {
    color: #FFF;
}

.parallax_image, .parallax_pattern {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-position: center center;
    will-change: transform;
}

.parallax_image {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.parallax_pattern {
    background-repeat: repeat;
}

.parallax_cnt {
    position: relative;
}

/*========================================================
                     HEADER  Section
=========================================================*/
header {
    text-align: center;
}

header .brand {
    padding: 60px 0 30px;
}

.header {
    position: relative;
}

.header .brand {
    position: absolute;
    left: 0;
    right: 0;
    top: 45%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3;
}

/*========================================================
                     CONTENT  Section
=========================================================*/
main {
    display: block;
    background: #FFF;
}

/*==================  Page Loader  ======================*/
.page-loader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #1C2126;
    z-index: 1000;
    -moz-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
}

.page-loader_overlay {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
    z-index: 1001;
}

.page-loader_overlay span {
    display: inline-block;
    height: 15px;
    width: 7px;
    background: #5f231e;
    -webkit-animation: loader 2s infinite linear;
    -moz-animation: loader 2s infinite linear;
    -ms-animation: loader 2s infinite linear;
    -o-animation: loader 2s infinite linear;
    animation: loader 2s infinite linear;
}

.page-loader_overlay span + span {
    margin-left: 6px;
}

.page-loader span:nth-child(1) {
    animation-delay: 0s;
}

.page-loader span:nth-child(2) {
    animation-delay: 0.2s;
}

.page-loader span:nth-child(3) {
    animation-delay: 0.4s;
}

.page-loader span:nth-child(4) {
    animation-delay: 0.6s;
}

.page-loader span:nth-child(5) {
    animation-delay: 0.8s;
}

.page-loader span:nth-child(6) {
    animation-delay: 1s;
}

.page-loader span:nth-child(7) {
    animation-delay: 1.2s;
}

.page-loader span:nth-child(8) {
    animation-delay: 1.4s;
}

.page-loader span:nth-child(9) {
    animation-delay: 1.6s;
}

.page-loader span:nth-child(10) {
    animation-delay: 1.8s;
}

@-ms-keyframes loader {
    0% {
        background: #5f231e;
        transform: none;
    }

    10% {
        background: #EE4212;
        -moz-transform: scale(1.25);
        -ms-transform: scale(1.25);
        -o-transform: scale(1.25);
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
    }

    30% {
        background: #EE4212;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        -webkit-transform: none;
        transform: none;
    }
}

@-o-keyframes loader {
    0% {
        background: #5f231e;
        transform: none;
    }

    10% {
        background: #EE4212;
        -moz-transform: scale(1.25);
        -ms-transform: scale(1.25);
        -o-transform: scale(1.25);
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
    }

    30% {
        background: #EE4212;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes loader {
    0% {
        background: #5f231e;
        transform: none;
    }

    10% {
        background: #EE4212;
        -moz-transform: scale(1.25);
        -ms-transform: scale(1.25);
        -o-transform: scale(1.25);
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
    }

    30% {
        background: #EE4212;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        -webkit-transform: none;
        transform: none;
    }
}

@-moz-keyframes loader {
    0% {
        background: #5f231e;
        transform: none;
    }

    10% {
        background: #EE4212;
        -moz-transform: scale(1.25);
        -ms-transform: scale(1.25);
        -o-transform: scale(1.25);
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
    }

    30% {
        background: #EE4212;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes loader {
    0% {
        background: #5f231e;
        transform: none;
    }

    10% {
        background: #EE4212;
        -moz-transform: scale(1.25);
        -ms-transform: scale(1.25);
        -o-transform: scale(1.25);
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
    }

    30% {
        background: #EE4212;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        -webkit-transform: none;
        transform: none;
    }
}

/*==================      Well     ======================*/
.well {
    padding: 130px 0 140px;
}

.well-1 {
    padding: 62px 0 66px;
}

.well-1__off {
    padding-bottom: 58px;
}

.well-1__off-1 {
    padding-top: 150px;
}

.well-1__off-2 {
    padding-top: 120px;
}

.well-2 {
    padding: 20px 0 87px;
}

.well-3 {
    padding: 27px 0 28px;
}

.well-4 {
    padding: 33px 0 53px;
}

.well-5 {
    padding: 70px 0 75px;
}

.well-5__off {
    padding-top: 30px;
}

/*==================    Prefix  ======================*/
.prefix-1 {
    margin-left: 30px;
    margin-top: 30px;
}

.prefix-2 {
    margin-left: 28px;
}

/*==================    Inset  ======================*/
.inset-1 {
    padding-top: 40px;
    padding-bottom: 70px;
}

.inset-2 {
    padding-top: 30px;
    padding-bottom: 65px;
}

.inset-3 {
    padding-right: 3%;
}

.inset-4 {
    padding-right: 6%;
}

.inset-5 {
    padding: 25px 0 52px;
}

.inset-6 {
    padding-left: 9px;
}

.inset-7 {
    padding-right: 17%;
}

/*==================  Uppercase  ======================*/
.uppercase {
    text-transform: uppercase;
}

/*==================  Text Center  ======================*/
.text-center {
    text-align: center;
}

/*==================  Letter Spacing  ======================*/
.letter-spacing {
    letter-spacing: -1.1px;
}

.letter-spacing-1 {
    letter-spacing: -0.2px;
}

/*==================  Line Height  ======================*/
.line-height {
    line-height: 26px;
}

/*==================  Font Style  ======================*/
.font-style {
    font-style: italic;
}

/*==================  Small  ======================*/
.small {
    font-size: 12px;
    line-height: 15px;
}

/*==================   Index List  ======================*/
.index-list-primary {
    counter-reset: li;
}

.index-list-primary li {
    position: relative;
}

.index-list-primary li:before {
    position: absolute;
    content: counter(li, decimal-leading-zero);
    counter-increment: li;
    top: 15px;
    left: 15px;
    font: 700 104px/104px "Lato", sans-serif;
    color: #e5e5e5;
}

.index-list-primary li:after {
    position: absolute;
    content: '/';
    top: 15px;
    left: 136px;
    font: 100 104px/104px "Lato", sans-serif;
    color: #e5e5e5;
}

.index-list-primary li h3 {
    padding-left: 175px;
}

.index-list-secondary {
    counter-reset: li;
}

.index-list-secondary li {
    padding-left: 70px;
    position: relative;
}

.index-list-secondary li:before {
    position: absolute;
    content: counter(li, decimal);
    counter-increment: li;
    width: 54px;
    height: 54px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    line-height: 54px;
    text-align: center;
    font-size: 30px;
    color: #FFF;
    background: #1C2126;
    top: 3px;
    left: 0;
}

.index-list-secondary li + li {
    margin-top: 29px;
}

/*==================   List  ======================*/
.list > li a {
    color: #9eacb9;
}

.list > li a:hover {
    text-decoration: none;
    color: #EE4212;
}

.list > li a:active {
    text-decoration: underline;
}

/*==================   Inline List  ======================*/
.inline-list > li {
    display: inline-block;
}

.inline-list > li a {
    display: inline-block;
    width: 77px;
    height: 77px;
    line-height: 77px;
    font-size: 35px;
    color: #FFF;
    text-align: center;
    background: #2d343c;
}

.inline-list > li a:hover {
    background: #EE4212;
}

.inline-list > li a:active {
    background: #bf340e;
}

.inline-list > li + li {
    margin-left: 8px;
}

.inline-list-primary li + li {
    margin-top: 10px;
}

/*==================  Marked List  ======================*/
.marked-list li a {
    position: relative;
    padding-left: 21px;
    color: #FFF;
}

.marked-list li a:before {
    content: '\f0a9';
    position: absolute;
    left: 0;
    top: -3px;
    font-weight: 400;
    font-size: 15px;
    font-family: "FontAwesome";
    color: #FFF;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.marked-list li + li {
    margin-top: 6px;
}

.marked-list a:hover {
    color: #1C2126;
    text-decoration: none;
}

.marked-list a:hover:before {
    color: #1C2126;
}

.marked-list--md > li a {
    color: #9eacb9;
}

.marked-list--md > li a:hover {
    color: #FFF;
}

.marked-list--md > li a:hover:before {
    color: #FFF;
}

.marked-list-primary > li {
    position: relative;
    padding-left: 25px;
}

.marked-list-primary > li:before {
    position: absolute;
    content: '\f061';
    font-family: "FontAwesome";
    top: -5px;
    left: 0;
    color: #EE4212;
    font-size: 18px;
}

.marked-list-primary > li + li {
    margin-top: 28px;
}

/*==================  Icon Box  ======================*/
.icon-box {
    position: relative;
    padding-left: 75px;
}

.icon-box:before {
    position: absolute;
    width: 53px;
    height: 53px;
    line-height: 53px;
    font-size: 24px;
    background: #EE4212;
    color: #FFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    top: 3px;
    left: 0;
}

/*==================  Mail  ======================*/
.mail {
    display: inline-block;
    color: #EE4212;
    text-decoration: underline;
}

.mail:hover {
    color: #1C2126;
}

/*==================  Col Lg Offset  ======================*/
.col-lg-offset [class*='col-'] {
    margin-top: 20px;
}

/*========================================================
                     FOOTER  Styles
=========================================================*/
/*==================  Privacy  ======================*/
.privacy:hover {
    text-decoration: none;
    color: #FFF;
}

.privacy:active {
    text-decoration: underline;
}

/*========================================================
                    RESPONSIVE
=========================================================*/
@media (max-width: 1199px) {
    .header .brand {
        top: 30%;
    }

    h2 {
        font-size: 50px;
        line-height: 58px;
    }

    h3 {
        font-size: 30px;
        line-height: 32px;
    }

    .prefix-2 {
        margin-left: 10px;
        margin-right: 10px;
    }

    .col-off-md {
        margin-top: 0;
    }

    .col-offset-lg [class*='col-']:nth-child(3n+4) {
        clear: left;
    }

    address dl dt {
        width: 26%;
    }
}

@media (min-width: 992px) and (max-width: 1199px), (min-width: 480px) and (max-width: 767px) {
    .inline-list > li a {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 30px;
    }
}

@media (max-width: 991px) {
    .bg-primary:before, .bg-secondary-1:before {
        width: 100%;
        margin-left: 0;
    }

    .prefix-1 {
        margin: 0;
    }

    .inset-wrap .inset-1, .inset-wrap .inset-2 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .inset-wrap .inset-1:first-child, .inset-wrap .inset-2:first-child {
        padding-bottom: 0;
    }

    .inset-wrap .inset-1:nth-child(2), .inset-wrap .inset-2:nth-child(2) {
        padding-bottom: 60px;
    }

    .inset-wrap--md .inset-1:first-child, .inset-wrap--md .inset-2:first-child {
        padding-bottom: 30px;
    }

    .inset-4 {
        padding: 0;
    }

    .col-offset-sm [class*='col-']:nth-child(2n+3) {
        clear: left;
    }

    * + .row--offset-1 {
        margin-top: 0;
    }

    address dl dt {
        width: 12%;
    }
}

@media (max-width: 767px) {
    h1 {
        font-size: 70px;
        line-height: 40px;
    }

    h1 span {
        font-size: 30px;
        line-height: 30px;
        letter-spacing: 0;
    }

    h2 {
        font-size: 35px;
        line-height: 40px;
    }

    [class*='well'] {
        padding: 50px 0;
    }

    .brand_name {
        padding: 30px 30px 30px 30px;
    }

    .header .brand {
        top: 42%;
    }

    .col-offset-lg [class*='col-']:nth-child(3n+4) {
        clear: none;
    }

    .col-offset-lg [class*='col-']:nth-child(2n+3) {
        clear: none;
    }

    address dl dt {
        width: 80px;
    }
}

@media (max-width: 479px) {
    h1 {
        font-size: 40px;
        line-height: 10px;
        letter-spacing: 0.1px;
    }

    h1 span {
        font-size: 17px;
        line-height: 17px;
    }

    .brand_name {
        padding: 30px 20px 20px 15px;
    }

    .col-lg-off {
        margin-top: 0;
    }
}

/* new */
.nav.inset-nav {
    position: relative;
}

.nav.inset-nav .wrapper-lang {
    position: absolute;
    right: 0;
    top: 34%;
    font-size: 18px;
    color: #fff;
    display: inline-block;
}

.bg-secondary .box_inner {
    direction: ltr;
    text-align: left;
}

.bg-secondary .inset-1 {
    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s;
    -ms-transition: all .2s ease-in-out 0s;
    -o-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;
}

.bg-secondary .inset-1:hover {
    background-color: #ee4212;
}

.bg-secondary .inset-1:hover p {
    color: #fff;
}

.bg-secondary .inset-1:hover a.btn {
    background-color: #fff;
    color: #1c2126;
}

.bg-secondary .inset-1:hover a.btn.btn-default:before {
    border-color: transparent transparent transparent #fff;
}

.wrapper-col {
    position: relative;
    direction: ltr;
}

.wrapper-col .first {
    min-height: 480px;
    background-color: #e5e5e5;
}

.wrapper-col .first .right {
    background-color: #fff;
    min-height: 480px;
}

section.wrapper-col > div.wrapper > div > div > div:nth-child(1) h3 {
    color: #ee4212;
}

section.wrapper-col > div.wrapper p {
    text-align: justify;
    line-height: 25px;
    font-size: 15px;
}

.wrapper-col .wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.wrapper-col a.btn.btn-default:before {
    display: none;
}

.wrapper-col a.btn.btn-default {
    margin-top: 20px;
    padding: 10px 15px;
}

.wrapper-col a.btn.btn-default:hover {
    color: #ee4212;
}

section.wrapper-col > div.wrapper > div > div > div:nth-child(1) > div {
    margin-right: 20px;
}

section.wrapper-col > div.wrapper > div > div > div:nth-child(2) > div {
    margin-left: 20px;
}

.parallax.well {
    margin-bottom: 0;
    border: none;
}

.parallax.well h2 {
    text-align: center;
    font-size: 55px;
    direction: ltr;
}

.parallax.well p {
    font-size: 16px;
    direction: ltr;
    text-align: center;
}

.bg-secondary.well-1 .owl-nav {
    right: 0;
}

.owl-carousel .owl-item .prefix-2.offset {
    margin: 20px 15px;
}

.owl-carousel .owl-item p, .owl-carousel .owl-item h4 {
    direction: ltr;
    text-align: center;
}

.owl-carousel .owl-item a:hover {
    text-decoration: none;
}

.customer-part {
    background-color: #31353d;
    padding: 50px 20px;
}

.customer-part .owl-nav {
    position: static;
}

.customer-part .owl-nav .owl-prev.fa.fa-angle-left, .customer-part .owl-nav .owl-next.fa.fa-angle-right {
    background-color: transparent;
    border: none;
    top: 0;
}

.customer-part .owl-nav .owl-prev.fa.fa-angle-left:before, .customer-part .owl-nav .owl-next.fa.fa-angle-right:before {
    color: #a4a29b;
    font-size: 50px;
}

.customer-part .owl-nav .owl-prev.fa.fa-angle-left {
    position: absolute;
    left: -55px;
    right: auto;
    display: inline-block;
}

.customer-part .owl-nav .owl-next.fa.fa-angle-right {
    position: absolute;
    display: inline-block;
    right: -55px !important;
    left: auto;
}

.customer-part img {
    margin: auto;
}

footer .bg-secondary {
    direction: ltr;
    text-align: left;
    padding-bottom: 25px;
    padding-top: 60px;
}

footer .comment {
    color: #fff;
    font-size: 16px;
    word-spacing: 3px;
    margin-bottom: 20px;
}

footer .form-control.input-sm {
    width: 60%;
    height: 68px;
    border-radius: 0;
    display: inline-block;
    border: none;
}

footer .btn.btn-sm.btn-primary {
    margin-right: 2%;
    width: 191px;
    height: 68px;
    border-radius: 0;
    display: inline-block;
    border: none;
    background-image: url('../img/bg-btn.png');
    text-align: left;
}

section.bg-secondary.well-1 {
    padding: 110px 0;
    padding-bottom: 80px;
}

@media (min-width: 1025px) {
    .rd-mobilemenu, .rd-mobilepanel {
        display: none !important;
    }

    #stuck_container {
        display: block !important;
    }
}

@media (max-width: 1024px) {
    .rd-mobilemenu, .rd-mobilepanel {
        display: block !important;
    }

    #stuck_container {
        display: none !important;
    }
}

body.insider {
    background-color: #fff;
}

body.insider .camera_container {
    padding-bottom: 91px;
}

body.insider .stuck_container {
    bottom: 0;
    background-color: #1C2126 !important;
}

body.insider .stuck_container.isStuck {
    bottom: auto;
}

.wrapper-pic-insider {
    background-image: url(../img/title-bg.jpg);
    background-size: cover;
    background-position: center bottom;
    height: 270px;
}

.wrapper-pic-insider h2 {
    font-size: 3em;
    color: #fff;
    margin-top: 40px;
    direction: ltr;
}

.wrapper-pic-insider .breadcrumb {
    background-color: transparent;
    border: none;
}

.wrapper-pic-insider .breadcrumb li, .wrapper-pic-insider .breadcrumb li a {
    text-shadow: none;
    font-size: 1.2em;
    color: #1093c3;
}

.wrapper-pic-insider .breadcrumb li.active {
    color: #fff;
}

#container {
    margin-top: -80px;
    background-color: #fff;
    -webkit-box-shadow: 0px -13px 20px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px -13px 20px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px -13px 20px 0px rgba(0, 0, 0, 0.75);
    padding-top: 20px;
    padding-bottom: 100px;
}

.stuck_container.isStuck .sf-menu > li > .sf-with-ul:before {
    top: 116%;
}

.wrapper_content .content label {
    display: block;
}

.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, .col-xs-13, .col-sm-13, .col-md-13, .col-lg-13, .col-xs-14, .col-sm-14, .col-md-14, .col-lg-14, .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15, .col-xs-16, .col-sm-16, .col-md-16, .col-lg-16, .col-xs-17, .col-sm-17, .col-md-17, .col-lg-17, .col-xs-18, .col-sm-18, .col-md-18, .col-lg-18, .col-xs-19, .col-sm-19, .col-md-19, .col-lg-19, .col-xs-20, .col-sm-20, .col-md-20, .col-lg-20, .col-xs-21, .col-sm-21, .col-md-21, .col-lg-21, .col-xs-22, .col-sm-22, .col-md-22, .col-lg-22, .col-xs-23, .col-sm-23, .col-md-23, .col-lg-23, .col-xs-24, .col-sm-24, .col-md-24, .col-lg-24 {
    padding-left: 15px;
    padding-right: 15px;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

.container-fluid, .container {
    padding-right: 15px;
    padding-left: 15px;
}

footer .copyright {
    color: #fff;
    padding: 5px;
    text-align: center;
    margin-top: 20px;
}

footer .link {
    text-align: center;
}

footer .link a {
    color: #fff;
}