.sitenano_icon {
    position: fixed;
    display: inline-block;
    bottom: 20px;
    left: 20px
}

.sitenano_icon img {
    width: 90%
}

a,
a:hover,
a:focus,
a:active {
    text-decoration: none;
    background-color: transparent
}

h1,
h2,
h3,
h4,
h5,
h6,
li,
ul,
td,
th,
tr,
ol {
    margin: 0
}

h1 p,
h2 p,
h3 p,
h4 p,
h5 p,
h6 p,
li p,
ul p,
td p,
th p,
tr p,
ol p {
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    width: auto !important;
    font-size: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
    font-weight: inherit !important;
    display: initial;
    background: initial !important;
    position: initial !important
}

p a {
    color: inherit
}

span p,
b p,
strong p,
small p,
bold p,
a p {
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    width: auto !important;
    font-size: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
    font-weight: inherit !important
}

h5 {
    font-size: 18px
}

@media (max-width:500px) {
    h5 {
        font-size: 16px
    }
}

@media (max-width:480px) {
    h1 {
        font-size: 28px
    }
}

@media (max-width:480px) {
    h2 {
        font-size: 24px
    }
}

@media (max-width:480px) {
    h3 {
        font-size: 20px
    }
}

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

h6 {
    font-size: 14px;
    padding: 10px 0
}

@media (max-width:500px) {
    h6 {
        font-size: 12px
    }
}

.nano_form {
    margin: 0 -15px
}

.nano_form .form-field {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

.nano_form .form-field input,
.nano_form .form-field textarea {
    width: 100%;
    margin-bottom: 15px;
    outline: none
}

.nano_form .form-field input:disabled,
.nano_form .form-field textarea:disabled {
    background-color: #e1e1e1 !important
}

.nano_form .form-field label {
    display: block;
    max-width: 100%;
    width: 100%;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 14px;
    color: #000;
    float: left;
    height: 25px
}

.nano_form .form-field label:empty {
    display: none
}

.nano_form .form-field label:empty::after {
    display: none
}

.nano_form .form-field .help-text {
    font-size: 15px;
    color: #e1e1e1;
    margin-top: -20px
}

.nano_form .form-field button {
    outline: none;
    margin-top: 10px
}

.nano_form .form-field select {
    width: 100%;
    position: relative;
    margin-bottom: 25px;
    border: 1px solid #e1e1e1;
    color: #000;
    background-color: #716d6e;
    font-size: 18px;
    font-weight: 600;
    padding: 9px 10px;
    outline: none;
    height: auto
}

.nano_form .field-required label {
    display: inline-block;
    position: relative;
    max-width: 100%;
    width: 100%;
    float: left;
    height: 25px;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 14px;
    color: #000
}

.nano_form .field-required label::after {
    content: '*';
    position: absolute;
    color: #ed1c24;
    top: 0
}

.nano_form .form-groupfield {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

.nano_form .form-groupfield label {
    width: 100%;
    margin-bottom: 15px
}

.nano_form .form-groupfield.field-inline .groupfield label {
    display: inline-block;
    width: auto;
    padding-left: 20px
}

.nano_form .form-groupfield.field-inline .groupfield label:first-child {
    padding-left: 0
}

.nano_form .form-groupfield .groupfield {
    margin-top: 5px;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.nano_form .form-groupfield .groupfield label {
    display: block;
    position: relative;
    padding-left: 0;
    margin-bottom: 12px;
    width: 100%;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.nano_form .form-groupfield .groupfield label input[type=checkbox] {
    cursor: pointer;
    height: 25px;
    width: 25px;
    margin: 0 10px 0 0;
    float: left;
    -webkit-appearance: none;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    position: relative
}

.nano_form .form-groupfield .groupfield label input[type=checkbox]:checked {
    background-color: #2e303f;
    color: #fff;
    border-color: #2e303f
}

.nano_form .form-groupfield .groupfield label input[type=checkbox]:checked:after {
    font-family: 'FontAwesome';
    content: "\f00c";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 25px;
    font-size: 12px
}

.nano_form .form-groupfield .groupfield label input[type=radio] {
    cursor: pointer;
    height: 25px;
    width: 25px;
    margin: 0 10px 0 0;
    float: left;
    border: 1px solid #e1e1e1;
    border-radius: 50%;
    position: relative
}

.nano_form .form-groupfield .groupfield label span {
    vertical-align: middle;
    height: 25px;
    line-height: 25px;
    display: inline-block
}

.nano_form .field-col-1 {
    position: relative;
    min-height: 1px
}

@media (min-width:992px) {
    .nano_form .field-col-1 {
        width: 8.33333333%;
        float: left
    }
}

.nano_form .field-col-2 {
    position: relative;
    min-height: 1px
}

@media (min-width:992px) {
    .nano_form .field-col-2 {
        width: 16.66666667%;
        float: left
    }
}

.nano_form .field-col-3 {
    position: relative;
    min-height: 1px
}

@media (min-width:992px) {
    .nano_form .field-col-3 {
        width: 25%;
        float: left
    }
}

@media (min-width:992px) {
    .nano_form .field-col-4 {
        width: 33.33333333%;
        float: left
    }
}

.nano_form .field-col-5 {
    position: relative;
    min-height: 1px
}

@media (min-width:992px) {
    .nano_form .field-col-5 {
        width: 41.66666667%;
        float: left
    }
}

.nano_form .field-col-6 {
    position: relative;
    min-height: 1px
}

@media (min-width:992px) {
    .nano_form .field-col-6 {
        width: 50%;
        float: left
    }
}

.nano_form .field-col-7 {
    position: relative;
    min-height: 1px
}

@media (min-width:992px) {
    .nano_form .field-col-7 {
        width: 58.33333333%;
        float: left
    }
}

.nano_form .field-col-8 {
    position: relative;
    min-height: 1px
}

@media (min-width:992px) {
    .nano_form .field-col-8 {
        width: 66.66666667%;
        float: left
    }
}

.nano_form .field-col-9 {
    position: relative;
    min-height: 1px
}

@media (min-width:992px) {
    .nano_form .field-col-9 {
        width: 75%;
        float: left
    }
}

.nano_form .field-col-10 {
    position: relative;
    min-height: 1px
}

@media (min-width:992px) {
    .nano_form .field-col-10 {
        width: 83.33333333%;
        float: left
    }
}

.nano_form .field-col-11 {
    position: relative;
    min-height: 1px
}

@media (min-width:992px) {
    .nano_form .field-col-11 {
        width: 91.66666667%;
        float: left
    }
}

.nano_form .field-col-12 {
    position: relative;
    min-height: 1px
}

@media (min-width:992px) {
    .nano_form .field-col-12 {
        width: 100%;
        float: left
    }
}

.nano_social_btn {
    padding: 0;
    list-style: none;
    width: auto;
    display: inline-block;
    vertical-align: top;
    margin: 0 30px
}

.nano_social_btn li {
    display: inline-block;
    margin-right: 5px
}

.nano_social_btn li a {
    display: inline-block !important;
    background-color: #d33 !important;
    border: 2px solid #d33 !important;
    color: #fff !important;
    font-size: 16px;
    font-weight: normal !important;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 5px;
    padding: 0 !important;
    transition: .3s all ease-in-out
}

.nano_social_btn li a:hover {
    background-color: transparent !important;
    border: 2px solid #d33 !important;
    color: #d33 !important;
    transition: .3s all ease-in-out
}

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

.nn_row:after {
    clear: both;
    content: '';
    display: block
}

.nn_section {
    margin-right: auto;
    margin-left: auto;
    padding: 0
}

.nn_section ol {
    background: transparent;
    padding: 0;
    margin: 0
}

.nn_section ol li {
    font-weight: 300;
    font-size: 16px;
    font-size: 14px
}

.nn_section ol li a {
    color: #2f2f2f;
    background-color: transparent;
    font-size: 14px
}

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

header {
    text-align: right
}

header .navbar-toggle .icon-bar {
    background: #fff
}

header .nn_collapse {
    float: left
}

@media (max-width:991px) {
    header .nn_collapse {
        width: 100%;
        padding: 0;
        border: none
    }
}

@media (min-width:768px) and (max-width:991px) {
    header .navbar-collapse.collapse {
        display: none !important;
        padding: 0
    }
}

@media (min-width:768px) and (max-width:991px) {
    header .navbar-collapse.collapse.in {
        display: block !important;
        padding: 0
    }
}

@media (min-width:768px) and (max-width:991px) {

    header .navbar-header .collapse,
    header .navbar-toggle {
        display: block !important
    }

    header .navbar-header .collapse .icon-bar,
    header .navbar-toggle .icon-bar {
        background: #2e303f
    }
}

@media (max-width:991px) {

    header .navbar-header .collapse,
    header .navbar-toggle {
        padding: 0;
        margin: 0
    }
}

@media (min-width:768px) and (max-width:991px) {
    header .navbar-header {
        float: none;
        padding-top: 50px
    }
}

@media (max-width:991px) {
    header .navbar-header {
        display: inline-block
    }
}

header .collapsing {
    padding: 0
}

header .dropdown-menu {
    padding: 0
}

header .dropdown-menu li {
    display: block !important;
    float: none;
    width: 100%;
    border-right: 0;
    border-left: 0
}

.nn_padding {
    padding: 90px 0
}

@media (max-width:500px) {
    .nn_padding {
        padding: 30px 0
    }
}

.nn_container {
    margin-right: auto;
    margin-left: auto;
    max-width: 1170px;
    position: relative;
    padding-right: 15px;
    padding-left: 15px
}

.nn_background {
    background-repeat: no-repeat;
    background-position: top center
}

@media (max-width:1366px) {
    .nn_background {
        background-size: cover
    }
}

.nn_user {
    float: right
}

.nn_user li a i {
    color: #2f2f2f
}

@media (max-width:990px) {
    .nn_user {
        margin: 0
    }
}

.nn_user {
    text-align: initial
}

.nn_user li {
    border: 0;
    background: transparent;
    float: left;
    margin-left: 10px
}

@media (max-width:480px) {
    .nn_user li {
        display: inline-block;
        float: none
    }
}

@media (max-width:320px) {
    .nn_user li {
        padding: 0 10px
    }
}

.nn_user li a {
    color: #2f2f2f
}

.nn_user li a i {
    color: #2f2f2f
}

.nn_user li i {
    color: #4d526e;
    padding-left: 5px
}

.nn_user .nn_menu_user a {
    background: #2f2f2f;
    border-radius: 3px;
    font-size: 13px;
    height: 25px;
    line-height: 25px;
    width: 100px;
    color: #fff;
    display: inline-block;
    text-align: center
}

.nn_user .nn_menu_user a:first-child {
    margin-right: 5px
}

.nn_user .nn_menu_user a:hover {
    background: #d33
}

.nn_user .nn_currency,
.nn_user .nn_language {
    background: #2e303f;
    border-radius: 0;
    width: 55px;
    height: 49px;
    text-align: center
}

@media (max-width:480px) {

    .nn_user .nn_currency,
    .nn_user .nn_language {
        width: auto
    }
}

.nn_user .nn_currency div,
.nn_user .nn_language div {
    line-height: 49px
}

.nn_user .nn_currency div a,
.nn_user .nn_language div a {
    line-height: 49px
}

.nn_user .nn_select_language {
    left: 0;
    z-index: 99;
    top: 30px
}

.nn_user .nn_select_language ul li {
    border: 1px solid #4d526e;
    border-bottom: 0;
    padding: 7px 10px
}

.nn_user .nn_select_language ul li:last-child {
    border-bottom: 1px solid #4d526e;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.nn_user .nn_select_language ul li:first-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.nn_user .nn_select_language ul li a {
    line-height: initial
}

.nn_user .nn_select_currency {
    z-index: 99
}

.nn_user .nn_select_currency ul li {
    border: 1px solid #4d526e;
    border-bottom: 0;
    padding: 7px 10px;
    background-color: #fff
}

.nn_user .nn_select_currency ul li:last-child {
    border-bottom: 1px solid #4d526e;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.nn_user .nn_select_currency ul li:first-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.nn_user .nn_select_currency ul li a {
    line-height: initial
}

@media (max-width:480px) {
    .nn_user {
        text-align: right;
        width: 100%
    }
}

.nn_menu_user:hover .nn_account {
    display: block
}

.nn_menu_user button {
    border-radius: 22px;
    padding: 4px 10px
}

.nn_menu_user button:hover,
.nn_menu_user button:focus,
.nn_menu_user button:active {
    background-color: #fff
}

.nn_menu_user button span {
    margin-left: 5px !important
}

.nn_menu_user .dropdown-toggle.btn-default {
    background-color: #fff;
    box-shadow: none
}

.nn_menu_user .open>.dropdown-toggle.btn-default {
    background-color: #fff;
    box-shadow: none
}

.nn_menu_user .dropdown-menu li {
    width: 100%
}

.nn_account {
    display: none;
    position: absolute;
    top: 35px;
    right: 85px;
    width: 245px
}

.nn_account input,
.nn_account select {
    width: 100%;
    border: 1px solid #ddd
}

.nn_account i {
    color: #909090
}

.nn_account ul li {
    width: 100%;
    border-bottom: 1px solid #575e7d;
    padding: 10px 20px
}

.nn_account ul li a {
    color: #2f2f2f;
    display: block;
    font-size: 14px;
    text-align: left
}

.nn_account ul li a i {
    width: 26px
}

.nn_account ul li:last-child {
    border: 0
}

.nn_currency:hover .nn_select_currency {
    display: block
}

.nn_select_currency {
    display: none;
    position: absolute;
    top: 35px;
    right: 10px;
    width: 70px;
    z-index: 99
}

.nn_select_currency ul li {
    width: 100%;
    padding: 10px
}

.nn_select_currency ul li a {
    color: #2f2f2f;
    display: block;
    font-size: 14px;
    text-align: center
}

.nn_select_currency ul li a i {
    width: 13px;
    color: #2f2f2f
}

.nn_container_fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.text-right {
    float: right
}

.jimdo_header1 {
    position: relative;
    height: 142px
}

@media (max-width:990px) {
    .jimdo_header1 {
        height: auto
    }
}

.jimdo_header1 .menu_top {
    height: 49px;
    color: #2f2f2f;
    background-image: url('../images/img-1.jpg');
    background-position: right;
    padding-left: 490px;
    line-height: 40px;
    text-align: right;
    font-size: 16px
}

.jimdo_header1 .menu_top h4 {
    float: left;
    line-height: 40px;
    font-weight: 300;
    font-size: 16px
}

.jimdo_header1 .menu_top .nn_language {
    display: none
}

@media (max-width:990px) {
    .jimdo_header1 .menu_top {
        padding-left: 0
    }
}

@media (max-width:480px) {
    .jimdo_header1 .menu_top {
        height: auto;
        background-size: cover;
        float: left;
        width: 100%
    }
}

.jimdo_header1 .main_header {
    position: absolute;
    top: 20px;
    width: 100%
}

@media (max-width:990px) {
    .jimdo_header1 .main_header {
        position: inherit;
        top: inherit;
        float: left;
        padding: 0 20px
    }
}

.jimdo_header1 .main_header .logo_head {
    float: left
}

.jimdo_header1 .main_header .nav {
    float: right
}

@media (max-width:990px) {
    .jimdo_header1 .main_header .nav {
        background-color: #fff;
        float: none;
        z-index: 9999;
        left: 0;
        right: 0
    }
}

.jimdo_header1 .main_header .nav li {
    display: inline-block;
    padding: 60px 20px 0 20px
}

@media (max-width:990px) {
    .jimdo_header1 .main_header .nav li {
        width: 100%;
        display: block;
        padding: 0;
        line-height: 35px
    }
}

.jimdo_header1 .main_header .nav li a {
    color: #2f2f2f;
    padding: 0;
    transition: all .9s
}

@media (max-width:990px) {
    .jimdo_header1 .main_header .nav li a {
        float: none
    }
}

.jimdo_header1 .main_header .nav li a:hover,
.jimdo_header1 .main_header .nav li a:focus,
.jimdo_header1 .main_header .nav li a:active {
    background-color: transparent;
    border-bottom: 1px solid #2e303f;
    padding-bottom: 5px;
    color: #2e303f
}

.jimdo_header1 .main_header .nav .dropdown .dropdown-menu {
    padding: 30px 0;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    position: absolute;
    left: 21px
}

@media (max-width:990px) {
    .jimdo_header1 .main_header .nav .dropdown .dropdown-menu {
        padding: 0;
        position: inherit;
        top: 0;
        left: inherit
    }
}

.jimdo_header1 .main_header .nav .dropdown .dropdown-menu li {
    background-color: #f7f7f7;
    padding: 10px
}

@media (max-width:990px) {
    .jimdo_header1 .main_header .nav .dropdown .dropdown-menu li {
        text-align: center;
        background-color: transparent
    }
}

.jimdo_header1 .main_header .nav .dropdown:hover .dropdown-menu {
    display: block;
    top: 70px
}

@media (max-width:990px) {
    .jimdo_header1 .main_header .nav .dropdown:hover .dropdown-menu {
        position: inherit;
        top: 0;
        left: inherit
    }
}

.jimdo_header1 .main_header .nav .dropdown:hover .dropdown-menu li {
    display: block
}

.jimdo_header1 .main_header .nav .dropdown:hover .dropdown-menu li a:hover {
    border: 0 !important
}

.jimdo_header1 .main_header .navbar-collapse {
    padding: 0
}

@media (max-width:990px) {
    .jimdo_header1 .main_header .navbar-collapse {
        background-color: #fff;
        position: absolute;
        left: 0;
        right: 0;
        z-index: 101;
        text-align: center;
        top: 110px
    }
}

.jimdo_header1 .nn_container {
    max-width: 1117px
}

@media (max-width:1366px) {
    .jimdo_header1 .nn_container {
        max-width: 900px
    }
}

.jimdo_header1 .navbar-header {
    padding-top: 50px
}

.jimdo_header1 .navbar-header .navbar-toggle .icon-bar {
    background: #d33
}

.carbon_section .carousel-caption.slider_caption {
    bottom: 40%;
    text-align: left
}

@media (max-width:1366px) {
    .carbon_section .carousel-caption.slider_caption {
        bottom: 25%
    }
}

@media (max-width:540px) {
    .carbon_section .carousel-caption.slider_caption {
        bottom: 0
    }
}

.carbon_section .carousel-caption.slider_caption h1 {
    font-size: 70px;
    font-weight: 600;
    margin-bottom: 20px
}

@media (max-width:1366px) {
    .carbon_section .carousel-caption.slider_caption h1 {
        font-size: 45px
    }
}

@media (max-width:1024px) {
    .carbon_section .carousel-caption.slider_caption h1 {
        font-size: 32px
    }
}

@media (max-width:540px) {
    .carbon_section .carousel-caption.slider_caption h1 {
        font-size: 18px;
        margin-bottom: 10px
    }
}

.carbon_section .carousel-caption.slider_caption .slider_text {
    font-size: 23px;
    line-height: 30px
}

@media (max-width:1024px) {
    .carbon_section .carousel-caption.slider_caption .slider_text {
        font-size: 18px
    }
}

@media (max-width:540px) {
    .carbon_section .carousel-caption.slider_caption .slider_text {
        font-size: 12px;
        line-height: 20px
    }
}

.carbon_section .carousel-caption.slider_caption h2 {
    font-weight: 300
}

@media (max-width:640px) {
    .carbon_section .carousel-caption.slider_caption h2 {
        font-size: 18px
    }
}

@media (max-width:480px) {
    .carbon_section .carousel-caption.slider_caption h2 {
        font-size: 16px
    }
}

.carbon_section .carousel-caption.slider_caption a {
    color: #2f2f2f;
    background: #fff;
    padding: 15px 50px;
    border-radius: 31px;
    font-size: 16px;
    font-weight: bold;
    margin-top: 50px
}

@media (max-width:991px) {
    .carbon_section .carousel-caption.slider_caption a {
        font-size: 14px
    }
}

@media (max-width:540px) {
    .carbon_section .carousel-caption.slider_caption a {
        font-size: 10px;
        padding: 10px 15px;
        margin-top: 10px
    }
}

.carbon_section .carousel-caption {
    text-shadow: none
}

.carbon_section .owl-theme .owl-controls .owl-page {
    display: block
}

.carbon_section .owl-theme .owl-controls .owl-page span {
    background: #fff
}

@media (max-width:480px) {
    .carbon_section .owl-theme .owl-controls .owl-page span {
        width: 5px;
        height: 5px
    }
}

.carbon_section .owl-theme .owl-controls,
.carbon_section .owl-theme .owl-pagination {
    text-align: center;
    position: absolute;
    left: 10px;
    height: auto;
    top: 40%;
    margin: 0
}

@media (max-width:1366px) {

    .carbon_section .owl-theme .owl-controls,
    .carbon_section .owl-theme .owl-pagination {
        top: 45%
    }
}

@media (max-width:1024px) {

    .carbon_section .owl-theme .owl-controls,
    .carbon_section .owl-theme .owl-pagination {
        top: 40%
    }
}

@media (max-width:540px) {

    .carbon_section .owl-theme .owl-controls,
    .carbon_section .owl-theme .owl-pagination {
        top: 36%;
        left: 2px
    }
}

.carbon_section .nn_container {
    max-width: 1117px
}

@media (max-width:1366px) {
    .carbon_section .nn_container {
        max-width: 900px
    }
}

.carbon_section img {
    width: 100%
}

.carbon_section p {
    line-height: 35px
}

.carbon_section .nn-related-content a {
    color: #2f2f2f;
    width: 100%;
    display: inline-block
}

.carbon_section .nn-related-content a h5 {
    line-height: 35px
}

.carbon_section .nn-related-content .product_link {
    color: #fff;
    padding: 5px 20px;
    display: inline-block;
    margin-top: 20px;
    background-color: #d33;
    border-radius: 3px
}

.carbon_section .ecom_pdt_img {
    position: relative;
    height: 200px
}

@media (max-width:720px) {
    .carbon_section .ecom_pdt_img {
        text-align: center
    }
}

.carbon_section .ecom_pdt_img img {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    margin: auto
}

@media (max-width:720px) {
    .carbon_section .ecom_pdt_img img {
        margin: 0 auto
    }
}

.nn_carbon_section2 {
    position: relative
}

.nn_carbon_section2 .carbon_section2_content {
    position: absolute;
    top: -130px;
    width: 100%
}

@media (max-width:990px) {
    .nn_carbon_section2 .carbon_section2_content {
        position: initial
    }
}

.nn_carbon_section2 .carbon_section2_content .col-md-4 {
    padding: 0
}

.nn_carbon_section2 .carbon_section2_content .col-md-4 .text-center {
    height: 180px;
    padding: 50px 0;
    background-size: 100%;
    transition: all .5s ease-in
}

@media (max-width:1366px) {
    .nn_carbon_section2 .carbon_section2_content .col-md-4 .text-center {
        background-size: cover
    }
}

.nn_carbon_section2 .carbon_section2_content .col-md-4 .text-center a {
    font-size: 28px;
    display: block;
    text-align: center;
    color: #fff
}

.nn_carbon_section2 .carbon_section2_content .col-md-4 .text-center:hover {
    background-size: 110%
}

.nn_carbon_section3 {
    padding: 20px 0;
    background-color: #666d92
}

.nn_carbon_section3 h1 {
    font-size: 60px;
    font-weight: 800;
    color: #d33;
    line-height: 60px
}

@media (max-width:560px) {
    .nn_carbon_section3 h1 {
        font-size: 40px
    }
}

@media (max-width:480px) {
    .nn_carbon_section3 h1 {
        font-size: 28px
    }
}

.nn_carbon_section3 h2 {
    font-weight: 300;
    line-height: 30px
}

@media (max-width:560px) {
    .nn_carbon_section3 h2 {
        font-size: 24px
    }
}

.nn_carbon_section3 p {
    line-height: 35px;
    margin-top: 30px
}

.nn_carbon_section3 a {
    background-color: #2f2f2f;
    display: inline-block;
    padding: 15px 40px;
    color: #fff;
    border-radius: 3px
}

.nn_carbon_section3 ul {
    text-align: center;
    margin-top: 30px
}

.nn_carbon_section3 ul li {
    display: inline-block;
    width: 16%;
    line-height: 120px;
    vertical-align: middle
}

@media (max-width:854px) {
    .nn_carbon_section3 ul li {
        width: 25%
    }
}

@media (max-width:560px) {
    .nn_carbon_section3 ul li {
        line-height: 100px;
        width: 33.333%;
        float: left;
        padding: 0 5%
    }
}

.nn_carbon_section3 ul li a {
    background-color: transparent;
    padding: 0;
    border-radius: 0
}

@media (max-width:560px) {
    .nn_carbon_section3 ul li img {
        width: 90%
    }
}

@media (max-width:560px) {
    .nn_carbon_section3 ul {
        margin-top: 0
    }
}

.nn_carbon_section4 {
    position: relative
}

.nn_carbon_section4 h4 {
    position: relative;
    padding-bottom: 20px
}

.nn_carbon_section4 h4:after {
    content: '';
    position: absolute;
    border-bottom: 1px solid #6e759a;
    padding-bottom: 20px;
    bottom: 10px;
    left: 0;
    width: 100%
}

.nn_carbon_section4 .slider {
    padding: 30px;
    background-color: #d33;
    min-height: 320px
}

.nn_carbon_section4 .slider img {
    width: 40%
}

.nn_carbon_section4 .slider .slider_caption {
    width: 55%;
    float: right;
    right: 0;
    left: inherit;
    text-align: left;
    top: 0
}

.nn_carbon_section4 .slider .slider_caption .slider_title {
    padding-bottom: 10px;
    font-size: 18px;
    border-bottom: 1px solid #fff
}

.nn_carbon_section4 .slider .slider_caption .slider_title:after {
    display: none
}

.nn_carbon_section4 .slider .slider_caption .slider_text {
    line-height: 1.5;
    font-size: 16px
}

@media (max-width:991px) {
    .nn_carbon_section4 .slider .slider_caption {
        position: relative;
        padding-top: 0
    }
}

.nn_carbon_section4 .slider .owl-controls {
    position: absolute;
    top: -83px;
    right: 0;
    padding: 0;
    left: inherit;
    height: auto;
    margin-top: 10px
}

.nn_carbon_section4 .slider .owl-controls .owl-buttons .owl-prev,
.nn_carbon_section4 .slider .owl-controls .owl-buttons .owl-next {
    background-color: #d33;
    border-radius: 0;
    opacity: 1
}

@media (max-width:560px) {
    .nn_carbon_section4 .slider .owl-controls {
        transform: none
    }
}

@media (max-width:990px) {
    .nn_carbon_section4 iframe {
        width: 100%
    }
}

.nn_carbon_section4.karfrut_inner_slider .slider {
    min-height: initial
}

.nn_carbon_section4.karfrut_inner_slider .slider .owl-carousel {
    max-height: 132px
}

.nn_carbon_section4.karfrut_inner_slider .slider img {
    width: auto;
    display: block;
    margin: 0 auto;
    text-align: center;
    max-height: 130px
}

.nn_carbon_section4.karfrut_inner_slider .slider .owl-controls {
    position: initial
}

.nn_carbon_section4.karfrut_inner_slider .slider .owl-controls .owl-pagination {
    position: initial;
    padding: 0;
    height: auto
}

.nn_carbon_section4.karfrut_inner_slider .slider .owl-controls .owl-pagination .owl-page {
    display: inline-block
}

.nn_carbon_section4.karfrut_inner_slider .slider .owl-controls .owl-pagination .owl-page span {
    height: 8px;
    width: 8px
}

.nn_carbon_contact h2 {
    color: #fff;
    margin-bottom: 20px
}

.nn_carbon_contact a {
    color: #fff;
    padding: 10px 0;
    width: 150px;
    display: inline-block;
    margin: 0 5px;
    border-radius: 3px
}

.nn_carbon_contact .carbon_mail {
    background-color: #d33
}

.nn_carbon_contact .carbon_phone {
    background-color: #2e303f
}

.carbon_footer {
    background-color: #181818;
    color: #fff;
    padding: 50px 0
}

@media (max-width:990px) {
    .carbon_footer .col-md-4 {
        clear: both;
        text-align: center
    }
}

@media (max-width:990px) {

    .carbon_footer .col-md-4 .text-right,
    .carbon_footer .col-md-4 .text-center {
        float: none;
        text-align: center
    }
}

@media (max-width:854px) {
    .carbon_footer {
        text-align: center
    }
}

.carbon_footer h4 {
    font-size: 20px;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 15px
}

@media (max-width:854px) {
    .carbon_footer h4 {
        margin-top: 20px
    }
}

.carbon_footer h4:after {
    position: absolute;
    content: '';
    bottom: 0;
    border-bottom: 1px solid #fff;
    width: 110px;
    left: 0
}

@media (max-width:990px) {
    .carbon_footer h4:after {
        margin: 0 auto;
        left: 0;
        right: 0
    }
}

@media (max-width:854px) {
    .carbon_footer h4:after {
        margin: 0 auto;
        left: 0;
        right: 0;
        margin-top: 20px
    }
}

.carbon_footer a {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 35px
}

.carbon_footer a i {
    color: #fff
}

.carbon_footer .text-center h4:after {
    left: 0;
    right: 0;
    margin: 0 auto
}

.carbon_footer .text-center a {
    display: block;
    font-size: 16px;
    color: #fff;
    font-weight: 600
}

.carbon_footer .text-center a:hover,
.carbon_footer .text-center a:focus,
.carbon_footer .text-center a:active {
    color: #fff
}

.carbon_footer p {
    line-height: 35px
}

@media (max-width:854px) {
    .carbon_footer .text-right {
        text-align: center;
        float: none
    }
}

.carbon_footer .text-right h4:after {
    right: 0;
    left: inherit
}

@media (max-width:990px) {
    .carbon_footer .text-right h4:after {
        margin: 0 auto;
        left: 0;
        right: 0
    }
}

@media (max-width:854px) {
    .carbon_footer .text-right h4:after {
        margin: 0 auto;
        left: 0;
        right: 0
    }
}

.carbon_footer .text-right span {
    display: inline-block;
    width: 100%
}

.carbon_footer .text-right span div {
    display: inline-block
}

.carbon_footer .text-right span i {
    display: inline-block;
    line-height: 35px;
    padding-right: 5px
}

.carbon_footer .text-right span p {
    display: inline-block
}

.carbon_footer .nn_container {
    max-width: 1117px
}

.carbon_copyright {
    height: 75px;
    line-height: 75px;
    background-color: #1b273d;
    color: #fff;
    font-size: 16px
}

.carbon_copyright .social_link a {
    color: #fff;
    font-size: 24px;
    margin-right: 12px
}

.carbon_copyright i {
    color: #fff;
    font-size: 22px;
    margin-right: 5px
}

.carbon_copyright .nn_container {
    max-width: 1117px
}

@media (max-width:990px) {
    .carbon_copyright {
        height: auto;
        text-align: center;
        line-height: 30px;
        padding: 20px 0
    }
}

@media (max-width:990px) {
    .carbon_copyright .text-right {
        float: none;
        text-align: center
    }
}

.carbon_copyright p {
    margin: 0
}

.nn_carbon_header {
    padding: 120px 0;
    background-image: url('../images/image-8.jpg')
}

.nn_carbon_header h1 {
    color: #fff;
    font-size: 31px
}

.nn_carbon_header ol li a {
    color: #fff
}

.nn_carbon_header ol .active {
    color: #fff
}

.nn_carbon_about {
    padding: 40px 0;
    border-bottom: 1px solid #5e6486
}

.nn_carbon_service {
    background-color: #6e759a;
    padding: 40px 0
}

.nn_carbon_service_detail {
    padding: 30px 0
}

.nn_carbon_service_detail .sevices {
    display: table-cell;
    float: none;
    height: auto;
    vertical-align: middle;
    padding: 0
}

@media (max-width:990px) {
    .nn_carbon_service_detail .sevices {
        display: block;
        float: left;
        padding: 0 15px;
        margin-bottom: 20px
    }
}

.nn_carbon_service_detail .sevices img {
    max-width: 100%
}

.nn_carbon_service_detail .sevices_list {
    padding: 30px 40px;
    color: #fff;
    overflow-y: auto;
    opacity: .8
}

@media (max-width:1366px) {
    .nn_carbon_service_detail .sevices_list {
        padding: 0 10px
    }
}

.nn_carbon_service_detail .sevices_list:hover {
    opacity: 1;
    background-color: #004573;
    background-image: none !important
}

.nn_carbon_service_detail .sevices_list h4 {
    margin: 20px 0 10px 0
}

.nn_carbon_service_detail .sevices_list ul {
    padding-left: 20px
}

.nn_carbon_service_detail .sevices_list ul li {
    list-style: circle;
    line-height: 30px
}

.nn_carbon_service_detail .sevices_list::-webkit-scrollbar {
    width: 9px
}

.nn_carbon_service_detail .sevices_list::-webkit-scrollbar-thumb {
    background-color: #2e303f
}

.nn_carbon_service_detail .sevices_list::-webkit-scrollbar-track {
    background-color: #d33
}

.nn_carbon_service_detail .sevices_list::selection {
    background: #d33;
    color: #fff
}

.nn_carbon_service_detail .sevices_list a {
    background-color: #d33;
    border: none;
    border-radius: 25px;
    color: #2f2f2f;
    padding: 10px 30px;
    margin-top: 20px;
    display: inline-block
}

.nn_carbon_links {
    padding: 30px 0 90px 0
}

.nn_carbon_links h2 {
    text-align: center;
    margin-bottom: 30px;
    position: relative
}

.nn_carbon_links h2:after {
    position: absolute;
    left: 0;
    right: 0;
    border-bottom: 2px solid #2e303f;
    width: 100px;
    bottom: -5px;
    content: '';
    margin: 0 auto
}

.nn_carbon_links a,
.nn_carbon_links span {
    width: 18.8%;
    display: inline-block;
    padding: 0 5px;
    margin-bottom: 30px
}

.nn_carbon_links a h4,
.nn_carbon_links span h4 {
    font-weight: 600;
    text-align: center;
    margin-top: 15px
}

.nn_carbon_links a:hover,
.nn_carbon_links span:hover {
    opacity: .7
}

.nn_carbon_subscribe .carbon_sub input,
.nn_carbon_subscribe .carbon_sub textarea {
    line-height: 40px;
    width: 100%;
    border-radius: 3px;
    border: 1px solid #383c50;
    padding-left: 20px
}

.nn_carbon_subscribe .carbon_sub textarea {
    min-height: 100px
}

.nn_carbon_subscribe .carbon_sub .check_terms {
    float: left
}

.nn_carbon_subscribe .carbon_sub .check_terms[type="checkbox"]:checked,
.nn_carbon_subscribe .carbon_sub .check_terms[type="checkbox"]:not(:checked),
.nn_carbon_subscribe .carbon_sub .check_terms[type="radio"]:checked,
.nn_carbon_subscribe .carbon_sub .check_terms[type="radio"]:not(:checked) {
    position: absolute;
    left: 162px;
    z-index: 101;
    opacity: 0;
    width: auto;
    bottom: 55px
}

@media (max-width:767px) {

    .nn_carbon_subscribe .carbon_sub .check_terms[type="checkbox"]:checked,
    .nn_carbon_subscribe .carbon_sub .check_terms[type="checkbox"]:not(:checked),
    .nn_carbon_subscribe .carbon_sub .check_terms[type="radio"]:checked,
    .nn_carbon_subscribe .carbon_sub .check_terms[type="radio"]:not(:checked) {
        left: 5px
    }
}

.nn_carbon_subscribe .carbon_sub .check_terms[type="checkbox"]:checked+label,
.nn_carbon_subscribe .carbon_sub .check_terms[type="checkbox"]:not(:checked)+label,
.nn_carbon_subscribe .carbon_sub .check_terms[type="radio"]:checked+label,
.nn_carbon_subscribe .carbon_sub .check_terms[type="radio"]:not(:checked)+label {
    position: relative;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666
}

.nn_carbon_subscribe .carbon_sub .check_terms[type="checkbox"]:checked+label:before,
.nn_carbon_subscribe .carbon_sub .check_terms[type="checkbox"]:not(:checked)+label:before,
.nn_carbon_subscribe .carbon_sub .check_terms[type="radio"]:checked+label:before,
.nn_carbon_subscribe .carbon_sub .check_terms[type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 150px;
    bottom: -32px;
    top: inherit;
    width: 25px;
    height: 25px;
    border: 1px solid #ddd;
    background: #fff
}

@media (max-width:767px) {

    .nn_carbon_subscribe .carbon_sub .check_terms[type="checkbox"]:checked+label:before,
    .nn_carbon_subscribe .carbon_sub .check_terms[type="checkbox"]:not(:checked)+label:before,
    .nn_carbon_subscribe .carbon_sub .check_terms[type="radio"]:checked+label:before,
    .nn_carbon_subscribe .carbon_sub .check_terms[type="radio"]:not(:checked)+label:before {
        left: 12px
    }
}

.nn_carbon_subscribe .carbon_sub .check_terms[type="checkbox"]:checked+label:after,
.nn_carbon_subscribe .carbon_sub .check_terms[type="checkbox"]:not(:checked)+label:after,
.nn_carbon_subscribe .carbon_sub .check_terms[type="radio"]:checked+label:after,
.nn_carbon_subscribe .carbon_sub .check_terms[type="radio"]:not(:checked)+label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #d33;
    position: absolute;
    left: 157px;
    bottom: -24px;
    top: inherit;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

@media (max-width:767px) {

    .nn_carbon_subscribe .carbon_sub .check_terms[type="checkbox"]:checked+label:after,
    .nn_carbon_subscribe .carbon_sub .check_terms[type="checkbox"]:not(:checked)+label:after,
    .nn_carbon_subscribe .carbon_sub .check_terms[type="radio"]:checked+label:after,
    .nn_carbon_subscribe .carbon_sub .check_terms[type="radio"]:not(:checked)+label:after {
        left: 12px
    }
}

.nn_carbon_subscribe .carbon_sub .check_terms[type="checkbox"]:not(:checked)+label:after,
.nn_carbon_subscribe .carbon_sub .check_terms[type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.nn_carbon_subscribe .carbon_sub .check_terms[type="checkbox"]:checked+label:after,
.nn_carbon_subscribe .carbon_sub .check_terms[type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.nn_carbon_subscribe .carbon_sub .check_terms[type="checkbox"]:disabled:checked+label:before,
.nn_carbon_subscribe .carbon_sub .check_terms[type="checkbox"]:disabled:not(:checked)+label:before,
.nn_carbon_subscribe .carbon_sub .check_terms[type="radio"]:disabled:checked+label:before,
.nn_carbon_subscribe .carbon_sub .check_terms[type="radio"]:disabled:not(:checked)+label:before {
    border-color: #ccc;
    background-color: #eee
}

.nn_carbon_subscribe .carbon_sub .check_terms[type="checkbox"]:disabled:checked+label:after,
.nn_carbon_subscribe .carbon_sub .check_terms[type="radio"]:disabled:checked+label:after {
    background: #aaa
}

.nn_carbon_subscribe .carbon_sub label {
    float: left
}

.nn_carbon_subscribe .carbon_sub p {
    line-height: 40px;
    text-align: center
}

@media (max-width:480px) {
    .nn_carbon_subscribe .carbon_sub p {
        padding-left: 30px;
        line-height: 30px
    }
}

.nn_carbon_subscribe .carbon_sub button {
    margin: 0 auto;
    background-color: #d33;
    border: 0;
    color: #fff;
    display: block;
    padding: 10px 50px;
    border-radius: 3px
}

.nn_carbon_contact_section {
    padding: 30px 0
}

.nn_carbon_contact_section .carbon_form {
    margin-top: 30px
}

.nn_carbon_contact_section .carbon_form input,
.nn_carbon_contact_section .carbon_form textarea {
    line-height: 30px;
    width: 100%;
    border-radius: 15px;
    margin-bottom: 15px;
    border: 1px solid #383c50;
    padding-left: 20px
}

.nn_carbon_contact_section .carbon_form textarea {
    min-height: 60px
}

.nn_carbon_contact_section .carbon_form p i {
    margin-right: 10px;
    font-size: 22px
}

.nn_carbon_contact_section .carbon_form p a {
    color: inherit
}

.nn_carbon_contact_section .carbon_form button {
    display: inline-block;
    background-color: #2e303f;
    border: 0;
    color: #fff;
    display: block;
    padding: 10px 20px;
    border-radius: 15px;
    margin-top: 20px
}

.nn_carbon_contact_section span {
    display: inline-block;
    width: 100%
}

.nn_carbon_contact_section span i {
    display: inline-block;
    line-height: 35px;
    padding-right: 5px
}

.nn_carbon_contact_section span p {
    display: inline-block
}

.nn_carbon_detail {
    padding: 30px 0;
    background-color: #666d92
}

.nn_carbon_detail h2 {
    text-align: left;
    padding: 30px 0
}

.nn_carbon_detail .nn_carbon_detail_cat {
    margin-right: -50px
}

@media (max-width:990px) {
    .nn_carbon_detail .nn_carbon_detail_cat {
        margin-right: 0
    }
}

.nn_carbon_detail .nn_carbon_detail_cat ul {
    padding-top: 20px
}

@media (max-width:990px) {
    .nn_carbon_detail .nn_carbon_detail_cat ul {
        margin-bottom: 30px
    }
}

.nn_carbon_detail .nn_carbon_detail_cat ul li a {
    font-size: 16px;
    display: block;
    color: #2f2f2f;
    line-height: 40px;
    padding: 0 20px;
    border-radius: 3px
}

.nn_carbon_detail .nn_carbon_detail_cat ul li a p {
    margin: 0;
    line-height: 40px;
    border-bottom: 1px solid #383c50
}

.nn_carbon_detail .nn_carbon_detail_cat ul li a:hover {
    background-color: #2e303f
}

.nn_carbon_detail .nn_carbon_detail_cat ul li a:hover p {
    color: #fff;
    border: 0
}

.nn_carbon_detail .nn_carbon_detail_cat ul li .active {
    background-color: #2e303f
}

.nn_carbon_detail .nn_carbon_detail_cat ul li .active p {
    color: #fff;
    border: 0
}

.nn_carbon_detail .nn_carbon_detailsection {
    padding: 30px;
    margin-top: -75px;
    background-color: #fff
}

@media (max-width:990px) {
    .nn_carbon_detail .nn_carbon_detailsection {
        margin-top: 0
    }
}

.nn_carbon_detail .nn_carbon_detailsection h1 {
    margin: 10px 0 20px 0;
    position: relative;
    padding-bottom: 5px
}

.nn_carbon_detail .nn_carbon_detailsection h1:after {
    position: absolute;
    content: '';
    border-bottom: 2px solid #2e303f;
    width: 50px;
    bottom: 0;
    left: 0
}

.nn_carbon_detail .nn_carbon_detailsection .carbon_detail_links {
    background-color: #666d92;
    padding: 20px;
    margin-bottom: 20px
}

.nn_carbon_detail .nn_carbon_detailsection .carbon_detail_links p,
.nn_carbon_detail .nn_carbon_detailsection .carbon_detail_links a {
    font-weight: 500
}

.nn_carbon_detail .nn_carbon_detailsection .carbon_detail_links a {
    color: #d33
}

.nn_carbon_detail .nn_carbon_detailsection .carbon_detail_links a i {
    margin-left: 10px
}

.nn_carbon_gallery p {
    margin-bottom: 30px
}

.nn_carbon_gallery .gallery a {
    display: initial;
    width: 100%
}

.nn_carbon_gallery .gallery a img {
    float: none;
    max-width: none;
    width: 18%;
    height: auto;
    border: 3px solid #6e759a;
    -webkit-transition: -webkit-transform .15s ease;
    -moz-transition: -moz-transform .15s ease;
    -o-transition: -o-transform .15s ease;
    -ms-transition: -ms-transform .15s ease;
    transition: transform .15s ease;
    position: relative;
    margin: 1%
}

@media (max-width:540px) {
    .nn_carbon_gallery .gallery a img {
        width: 100%;
        margin: 0 auto
    }
}

.nn_carbon_gallery .gallery .big img {
    width: 35.9%
}

@media (max-width:980px) {
    .nn_carbon_gallery .gallery .big img {
        width: 34.9%
    }
}

@media (max-width:540px) {
    .nn_carbon_gallery .gallery .big img {
        width: 100%;
        margin: 0 auto
    }
}

.nn_carbon_categorysec .nn_carbon_product_category ul {
    text-align: center
}

.nn_carbon_categorysec .nn_carbon_product_category ul li {
    width: 15%;
    display: inline-block;
    margin: 0 5px 20px 5px;
    color: #fff
}

@media (max-width:990px) {
    .nn_carbon_categorysec .nn_carbon_product_category ul li {
        width: auto
    }
}

.nn_carbon_categorysec .nn_carbon_product_category ul li a {
    border: 4px solid #e87575;
    background-color: #d33;
    color: #fff;
    padding: 5px 20px;
    display: block;
    border-radius: 3px
}

.nn_carbon_categorysec .nn_carbon_product_category ul li a p {
    margin: 0;
    line-height: 20px
}

.nn_carbon_categorysec .nn_carbon_product_category ul li a:hover {
    color: #d33;
    background-color: transparent
}

.nn_carbon_category_productsec {
    padding-bottom: 90px
}

.nn_carbon_category_productsec .nn_medical_feature_padding {
    padding-top: 50px
}

.nn_carbon_category_productsec .nn_medical_feature_padding .carbon_item {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    float: left;
    cursor: pointer;
    border: 1px solid #383c50;
    border-radius: 4px;
    padding: 20px;
    min-height: 300px
}

.nn_carbon_category_productsec .nn_medical_feature_padding .carbon_item i,
.nn_carbon_category_productsec .nn_medical_feature_padding .carbon_item .carbon_item_details {
    width: 49%;
    display: block;
    float: left
}

.nn_carbon_category_productsec .nn_medical_feature_padding .carbon_item i {
    position: relative;
    height: 200px
}

@media (max-width:990px) {
    .nn_carbon_category_productsec .nn_medical_feature_padding .carbon_item i {
        padding: 10px
    }
}

.nn_carbon_category_productsec .nn_medical_feature_padding .carbon_item i img {
    max-width: 100%;
    max-height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.nn_carbon_category_productsec .nn_medical_feature_padding .carbon_item .carbon_item_details {
    padding-top: 20px
}

.nn_carbon_category_productsec .nn_medical_feature_padding .carbon_item .carbon_item_details a {
    color: #d33;
    font-weight: 600
}

.nn_carbon_category_productsec .nn_medical_feature_padding .carbon_item .carbon_item_details h5 {
    line-height: 30px
}

@media (max-width:990px) {
    .nn_carbon_category_productsec .nn_medical_feature_padding .carbon_item .carbon_item_details .ng-binding {
        max-height: 60px;
        overflow: hidden;
        margin: 10px 0;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

.nn_carbon_category_productsec .nn_interior_pagination {
    width: auto;
    box-shadow: none;
    text-align: center
}

.nn_carbon_category_productsec .nn_interior_pagination ul {
    box-shadow: 0 0 6px 0 #ddd;
    display: inline-block;
    float: none;
    padding: 0
}

.nn_carbon_category_productsec .nn_interior_pagination ul li {
    width: 30px;
    margin: 5px;
    display: inline-block;
    height: 40px;
    float: left;
    line-height: 40px
}

.nn_carbon_category_productsec .nn_interior_pagination ul li a {
    padding: 0;
    display: block;
    height: 40px;
    line-height: 40px
}

.nn_carbon_category_productsec .nn_interior_pagination ul li i {
    float: none;
    line-height: 40px
}

.nn_carbon_content a {
    color: #fff;
    background-color: #d33;
    border: 1px solid #d33;
    padding: 10px 30px;
    display: inline-block;
    margin-top: 30px;
    border-radius: 3px
}

.nn_carbon_content a:focus,
.nn_carbon_content a:active,
.nn_carbon_content a:hover {
    color: #d33;
    border: 1px solid #d33;
    background-color: transparent
}

.nn_carbon_detail_content a {
    color: #ed1c24
}

.nn_carbon_detail_content a i {
    color: #ed1c24;
    margin-right: 10px
}

.fancybox-close:hover {
    background: auto
}

.nn_interior_pagination {
    margin-bottom: 20px;
    padding: 5px 20px;
    box-shadow: 0 0 6px 0 #ddd;
    float: none;
    margin: 0 auto;
    display: block;
    width: 12%;
    clear: both;
    height: 56px
}

.nn_interior_pagination i {
    color: #909090;
    font-size: 25px;
    float: left;
    line-height: 12px;
    cursor: pointer
}

.nn_interior_pagination ul {
    float: left;
    padding: 0 20px;
    margin: 0
}

.nn_interior_pagination ul li {
    color: #909090;
    width: auto;
    font-size: 16px;
    margin-right: 15px;
    border: 0;
    display: inline-block
}

@media (max-width:990px) {
    .nn_interior_pagination ul li {
        margin-bottom: 0
    }
}

.nn_interior_pagination ul li a {
    color: #909090;
    border: 0;
    padding: 0;
    width: auto;
    margin: 0;
    line-height: 35px
}

.nn_interior_pagination ul .active {
    padding: 5px 10px;
    background: #d33;
    border: 0;
    border-radius: 4px
}

.nn_interior_pagination ul .active:hover,
.nn_interior_pagination ul .active:focus {
    border: 0
}

.nn_interior_pagination ul .active a {
    color: #fff
}

.fusion_header {
    background-color: #d33;
    padding: 15px 0
}

.fusion_header .logo_head1 {
    position: absolute;
    height: 50px
}

.fusion_header .logo_head1 a {
    display: block;
    height: 100%
}

.fusion_header .logo_head1 a img {
    height: 100%
}

.fusion_header img {
    max-width: 100%
}

.fusion_header .main_header .nav {
    text-align: left;
    padding-left: 300px
}

@media (max-width:990px) {
    .fusion_header .main_header .nav {
        padding: 0;
        text-align: right
    }
}

.fusion_header .main_header .nav li {
    float: left;
    border-right: 1px solid #6990ab
}

@media (max-width:990px) {
    .fusion_header .main_header .nav li {
        border: 0;
        float: none
    }
}

.fusion_header .main_header .nav li a {
    padding: 0 20px;
    line-height: 40px;
    color: #fff;
    transition: all .4s
}

@media (max-width:1366px) {
    .fusion_header .main_header .nav li a {
        padding: 0 10px
    }
}

@media (max-width:990px) {
    .fusion_header .main_header .nav li a {
        color: #d33;
        padding: 0 30px
    }
}

.fusion_header .main_header .nav li a:hover,
.fusion_header .main_header .nav li a:focus,
.fusion_header .main_header .nav li a:active {
    background-color: #6990ab
}

@media (max-width:990px) {

    .fusion_header .main_header .nav li a:hover,
    .fusion_header .main_header .nav li a:focus,
    .fusion_header .main_header .nav li a:active {
        color: #fff
    }
}

.fusion_header .main_header .nav li:last-child {
    border-right: 0
}

.fusion_header .main_header .nav li .dropdown-menu {
    background-color: #d33
}

@media (max-width:990px) {
    .fusion_header .main_header .nav li .dropdown-menu {
        background-color: transparent;
        width: 100%;
        position: inherit;
        border: 0;
        box-shadow: none
    }
}

.fusion_header .main_header .nav li .dropdown-menu li {
    border-right: 0
}

@media (max-width:990px) {
    .fusion_header .main_header .nav li .dropdown-menu li {
        text-align: right
    }
}

.fusion_header .main_header .fusion_logo2 {
    position: absolute;
    top: 0;
    z-index: 9;
    right: 0
}

.fusion_header .navbar-header {
    padding-top: 15px
}

.fusion_header .navbar-header button .icon-bar {
    background-color: #fff
}

@media (max-width:990px) {
    .fusion_header .navbar-collapse {
        position: absolute;
        right: 0;
        z-index: 999;
        background-color: #fff;
        width: 230px;
        padding: 0
    }
}

.fusion_header~article .fusion_section .logo_head {
    top: 0
}

.fusion_header~article .fusion_section .logo_head a {
    display: block
}

.fusion_gallery img {
    max-width: 100%
}

.fusion_section1 {
    position: relative;
    padding-top: 90px
}

@media (max-width:1366px) {
    .fusion_section1 {
        padding-top: 90px
    }
}

@media (max-width:1024px) {
    .fusion_section1 {
        padding-top: 125px
    }
}

@media (max-width:990px) {
    .fusion_section1 {
        padding-top: 60px
    }
}

.fusion_section1 h4 {
    padding: 20px 0
}

.fusion_section1 p {
    padding: 0 40px 40px 40px
}

@media (max-width:767px) {
    .fusion_section1 p {
        padding: 0
    }
}

.fusion_section .logo_head {
    width: 300px;
    position: absolute;
    left: 18%;
    top: auto;
    height: auto;
    padding: 20px;
    z-index: 99;
    background-color: #fff
}

@media (max-width:1600px) {
    .fusion_section .logo_head {
        left: 13%
    }
}

@media (max-width:1366px) {
    .fusion_section .logo_head {
        left: 17%
    }
}

@media (max-width:1024px) {
    .fusion_section .logo_head {
        left: 4%
    }
}

@media (max-width:990px) {
    .fusion_section .logo_head {
        left: 3%
    }
}

@media (max-width:767px) {
    .fusion_section .logo_head {
        left: 0;
        width: 270px
    }
}

@media (max-width:480px) {
    .fusion_section .logo_head {
        display: none
    }
}

.fusion_section .logo_head a {
    display: none;
    text-align: center;
    padding: 40px 0
}

@media (max-width:767px) {
    .fusion_section .logo_head a {
        padding: 20px 0
    }
}

@media (max-width:480px) {
    .fusion_section .logo_head a {
        padding: 0
    }
}

.fusion_section .logo_head p {
    line-height: 1.4;
    padding: 10px 0 40px 0;
    margin: 0
}

@media (max-width:767px) {
    .fusion_section .logo_head p {
        padding: 10px 0 10px 0
    }
}

@media (max-width:480px) {
    .fusion_section .logo_head p {
        font-size: 12px
    }
}

.fusion_section .fusion_text {
    background-color: #6e759a;
    padding: 20px;
    margin: 30px 0
}

.fusion_section .fusion_text h4 {
    color: #d33
}

.fusion_section img {
    max-width: 100%
}

.fusion_section2 {
    padding-bottom: 40px
}

@media (max-width:767px) {
    .fusion_section2 a img {
        display: block;
        margin: 15px auto;
        max-width: 100%
    }
}

.fusion_section2 .fusion_text {
    min-height: 250px;
    margin: 0
}

@media (max-width:767px) {
    .fusion_section2 .fusion_text {
        margin: 0 15px;
        min-height: inherit
    }
}

.fusion_section3 .fusion_sec3inner {
    width: 32%;
    display: inline-block;
    text-align: center;
    padding: 20px;
    background-color: #6990ab;
    margin-top: 30px
}

@media (max-width:1366px) {
    .fusion_section3 .fusion_sec3inner {
        width: 32%
    }
}

@media (max-width:767px) {
    .fusion_section3 .fusion_sec3inner {
        margin: 30px 0
    }
}

@media (max-width:640px) {
    .fusion_section3 .fusion_sec3inner {
        width: 100%
    }
}

.fusion_section3 .fusion_sec3inner:hover,
.fusion_section3 .fusion_sec3inner:focus {
    background-color: #486980
}

.fusion_section3 .fusion_sec3inner i {
    color: #fff;
    font-size: 65px;
    margin-bottom: 20px
}

.fusion_section3 .fusion_sec3inner p {
    color: #fff
}

.fusion_section3 .fusion_sec3inner a {
    color: #fff
}

.fusion_section3 .fusion_sec3inner span {
    margin-bottom: 20px
}

.fusion_section3 .fusion_sec3inner span p {
    font-weight: 700
}

.fusion_section3 .fusion_updates {
    margin-top: 45px
}

.fusion_section3 .fusion_updates img {
    max-width: 100%;
    margin-top: 22px
}

@media (max-width:767px) {
    .fusion_section3 .fusion_updates img {
        display: block;
        margin: 15px auto;
        max-width: 100%
    }
}

.fusion_section4 {
    padding-bottom: 40px
}

.fusion_section4 h3 {
    text-align: left;
    padding: 30px 0
}

.fusion_section4 ul li {
    width: 19%;
    text-align: center;
    display: inline-block;
    margin: 0 4px;
    position: relative
}

.fusion_section4 ul li a {
    display: inline-block
}

@media (max-width:1366px) {
    .fusion_section4 ul li {
        width: 18%
    }
}

@media (max-width:990px) {
    .fusion_section4 ul li {
        width: 32%;
        margin: 15px 4px
    }
}

@media (max-width:767px) {
    .fusion_section4 ul li {
        width: 48%
    }
}

@media (max-width:480px) {
    .fusion_section4 ul li {
        width: 100%;
        margin: 15px 0
    }
}

.fusion_section4 ul li .fusion_section4_content {
    position: relative;
    bottom: 0;
    width: 100%;
    background-color: #777ea0;
    padding: 10px 0
}

.fusion_section4 ul li .fusion_section4_content a {
    font-size: 18px
}

@media (max-width:767px) {
    .fusion_section4 ul li .fusion_section4_content a {
        font-size: 16px
    }
}

.fusion_section4 ul li .fusion_section4_content p {
    color: #d33;
    margin: 0
}

.fusion_footer {
    background: #d33;
    background: -moz-linear-gradient(top, #d33 0, #2d6184 44%, #628daa 100%);
    background: -webkit-linear-gradient(top, #d33 0, #2d6184 44%, #628daa 100%);
    background: linear-gradient(to bottom, #d33 0, #2d6184 44%, #628daa 100%);
    padding: 40px 0
}

.fusion_footer h4 {
    padding-bottom: 20px;
    color: #fff
}

@media (max-width:767px) {
    .fusion_footer h4 {
        padding: 20px 0
    }
}

.fusion_footer span p {
    font-weight: 600
}

.fusion_footer p {
    line-height: 25px;
    color: #fff
}

.fusion_footer p i {
    color: #d33;
    margin-right: 8px;
    background-color: #fff;
    padding: 10px;
    border-radius: 50%;
    padding: 5px 7px 0 7px;
    width: 25px;
    height: 25px
}

.fusion_footer p a {
    color: #fff
}

.fusion_footer img {
    margin: 0 auto;
    display: block;
    margin-bottom: 30px;
    max-width: 100%
}

@media (max-width:767px) {
    .fusion_footer img {
        text-align: left;
        margin: 0 0 15px 0
    }
}

.fusion_footer .footer-menu {
    color: #fff;
    padding-top: 30px
}

.fusion_footer .footer-menu a {
    color: #fff;
    font-size: 18px
}

.fusion_footer .footer-menu a:hover,
.fusion_footer .footer-menu a:focus {
    color: #fff;
    border-bottom: 1px solid #fff
}

.fusion_section_header {
    margin: 15px 0
}

.fusion_section_inner {
    padding-bottom: 50px
}

@media (max-width:767px) {
    .fusion_section_inner .fusion_sidebar {
        margin-bottom: 30px
    }
}

.fusion_section_inner .fusion_sidebar h2 {
    background-color: #a31d00;
    color: #fff;
    text-align: center;
    padding: 5px 0
}

.fusion_section_inner .fusion_sidebar ul {
    background-color: #d33;
    padding: 20px
}

.fusion_section_inner .fusion_sidebar ul li {
    background-color: #d33;
    padding: 10px 0;
    border-bottom: 1px solid #a31d00
}

.fusion_section_inner .fusion_sidebar ul li a {
    color: #fff;
    display: block;
    transition: all .3s;
    position: relative;
    padding-left: 10px
}

.fusion_section_inner .fusion_sidebar ul li a:before {
    position: absolute;
    content: "\f0d9";
    font: normal normal normal 14px/1 FontAwesome;
    color: #fff;
    font-size: 12px;
    left: 0;
    top: 5px
}

.fusion_section_inner .fusion_sidebar ul li a p {
    margin: 0
}

.fusion_section_inner .fusion_sidebar ul li a:hover,
.fusion_section_inner .fusion_sidebar ul li a:focus {
    padding-left: 20px
}

.fusion_section_inner .fusion_sidebar ul li a:hover:before,
.fusion_section_inner .fusion_sidebar ul li a:focus:before {
    left: 10px
}

.fusion_section_inner .fusion_sidebar ul li a i {
    margin-right: 5px
}

.fusion_section_inner .fusion_sidebar ul li .active {
    padding-left: 20px
}

.fusion_section_inner .fusion_sidebar ul li .active:before {
    left: 10px
}

.fusion_section_inner .fusion_sidebar ul li:last-child {
    border: 0
}

.fusion_section_inner .hr_msg {
    padding: 20px;
    background-color: #777ea0
}

.fusion_section_inner .hr_msg h3 {
    color: #d33;
    font-weight: 600
}

.fusion_section_inner h2 {
    color: #d33
}

.fusion_section_inner .hr_content_needed {
    position: relative
}

.fusion_section_inner .hr_content_needed:after {
    position: absolute;
    content: "\f069";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 6px;
    color: #ed1c24
}

.fusion_section_inner h4 {
    margin: 30px 0 0 10px
}

@media (max-width:480px) {
    .fusion_section_inner h4 {
        margin: 30px 0 0 0
    }
}

.fusion_who h2 {
    margin-bottom: 30px
}

.fusion_who p {
    margin-bottom: 20px;
    line-height: 30px
}

.fusion_contact {
    margin-left: -15px;
    padding-top: 30px
}

.fusion_contact p {
    margin-bottom: 10px;
    line-height: 30px
}

.fusion_contact button {
    background-color: #a31d00;
    color: #fff;
    border-radius: 3px;
    border: 0;
    padding: 3px 40px;
    margin-bottom: 40px
}

.fusion_contact form input,
.fusion_contact form textarea {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #62698c;
    height: 30px
}

.fusion_contact form textarea {
    min-height: 100px
}

.fusion_hr .fusion_hr_form {
    margin-top: 40px
}

.fusion_hr .fusion_hr_form input {
    height: 50px;
    width: 100%;
    color: #2f2f2f;
    border-radius: 3px;
    border: 1px solid #383c50
}

.fusion_hr .fusion_hr_form textarea {
    min-height: 100px;
    width: 100%;
    border: 1px solid #383c50;
    border-radius: 3px
}

.fusion_hr .fusion_hr_form button {
    background-color: #d33;
    color: #fff;
    border-radius: 3px;
    border: 2px solid transparent;
    padding: 8px 35px;
    margin-top: 0
}

.fusion_hr .fusion_hr_form button:active,
.fusion_hr .fusion_hr_form button:focus,
.fusion_hr .fusion_hr_form button:hover {
    background-color: transparent;
    color: #d33;
    border: 2px solid #d33
}

.nn_carbon_detail {
    background: transparent;
    padding: 0
}

.nn_carbon_detail .nn_carbon_detailsection {
    margin-top: 0;
    background-color: #777ea0
}

.nn_carbon_detail .nn_carbon_detailsection .carbon_detail_links {
    background-color: #fff
}

.nn_carbon_detail .nn_carbon_detailsection .carbon_detail_links p {
    line-height: 30px
}

.nn_carbon_detail .nn_carbon_detailsection .carbon_detail_links a {
    display: block;
    margin-top: 30px
}

@media (max-width:480px) {
    .fusion_category_list .nn_col {
        width: 100%
    }
}

.fusion_category_list h2 {
    margin-left: 15px
}

.fusion_pdt {
    border: 1px solid #a31d00;
    margin-top: 30px;
    padding-top: 15px
}

.fusion_pdt i {
    position: relative;
    height: 200px;
    display: block
}

.fusion_pdt i img {
    max-width: 100%;
    max-height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    margin: 0 auto
}

.fusion_pdt span {
    background-color: #a31d00;
    padding: 15px 5px;
    display: block
}

.fusion_pdt span h5 {
    color: #fff;
    height: 40px;
    overflow: hidden
}

@media (max-width:767px) {
    .fusion_pdt span h5 {
        font-size: 16px;
        height: 35px
    }
}

.fusion_content_desc {
    padding-top: 30px;
    clear: both
}

.fusion_content_desc i {
    display: block
}

.fusion_content_desc i img {
    max-width: 100%;
    max-height: 300px
}

@media (max-width:767px) {
    .fusion_content_desc i {
        margin-bottom: 20px
    }
}

.fusion_content_desc ul,
.fusion_content_desc a {
    margin-left: 30px
}

@media (max-width:767px) {

    .fusion_content_desc ul,
    .fusion_content_desc a {
        margin-left: 0
    }
}

.iron_header {
    position: relative;
    width: 100%;
    top: 0;
    z-index: 99
}

.iron_header .menu_top {
    float: left;
    width: 100%;
    background-color: rgba(163, 29, 0, 0.85)
}

.iron_header .menu_top .iron_top_head {
    margin-bottom: 0;
    text-align: right;
    display: inline-block;
    margin-left: 160px;
    margin-right: 6px
}

@media (max-width:540px) {
    .iron_header .menu_top .iron_top_head {
        text-align: right;
        display: inline-block;
        margin-left: 85px;
        margin-right: 0
    }
}

.iron_header .menu_top .iron_top_head li {
    display: inline-block;
    line-height: 65px;
    padding: 0 3px;
    font-size: 14px;
    color: #fff
}

@media (max-width:1366px) {
    .iron_header .menu_top .iron_top_head li {
        padding: 0 10px;
        font-size: 14px
    }
}

@media (max-width:640px) {
    .iron_header .menu_top .iron_top_head li {
        height: 50px;
        line-height: 63px;
        font-size: 0;
        padding: 0
    }
}

.iron_header .menu_top .iron_top_head li i {
    padding: 0 10px;
    font-size: 18px;
    border-left: 1px solid #fff
}

@media (max-width:1366px) {
    .iron_header .menu_top .iron_top_head li i {
        font-size: 16px
    }
}

@media (max-width:640px) {
    .iron_header .menu_top .iron_top_head li i {
        padding: 0;
        width: 40px;
        text-align: center
    }
}

.iron_header .menu_top .iron_top_head li a {
    color: #fff
}

.iron_header .menu_top .iron_lang {
    display: inline-block;
    position: absolute;
    top: 20px;
    width: 20%
}

@media (max-width:540px) {
    .iron_header .menu_top .iron_lang {
        top: 13px
    }
}

.iron_header .menu_top .iron_lang a {
    padding: 0 5px
}

.iron_header .main_header {
    background-color: #ed1c24;
    height: 65px;
    float: left;
    width: 100%
}

.iron_header .main_header .logo_head {
    display: inline-block;
    float: left;
    margin-top: -35px
}

@media (max-width:640px) {
    .iron_header .main_header .logo_head {
        margin-top: 0
    }
}

.iron_header .main_header .logo_head a {
    display: inline-block;
    height: 150px;
    width: 150px
}

@media (max-width:640px) {
    .iron_header .main_header .logo_head a {
        height: 75px;
        width: 90px;
        padding: 0 10px
    }
}

.iron_header .main_header .logo_head a img {
    max-width: 100%
}

@media (max-width:540px) {
    .iron_header .main_header .logo_head a img {
        width: 93%
    }
}

.iron_header .main_header .nav {
    float: left;
    margin-left: 10px
}

@media (max-width:990px) {
    .iron_header .main_header .nav {
        width: 100%;
        float: none;
        margin-left: 0;
        background-color: #fff
    }
}

.iron_header .main_header .nav li {
    float: left;
    padding: 21px 0
}

@media (max-width:990px) {
    .iron_header .main_header .nav li {
        padding: 0;
        width: 100%;
        text-align: center;
        line-height: 35px
    }
}

.iron_header .main_header .nav li a {
    padding: 0 10px;
    border-right: 1px solid #f14b52;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: .5px;
    transition: all .3s ease-out
}

@media (max-width:990px) {
    .iron_header .main_header .nav li a {
        padding: 0;
        color: #090101;
        border: none;
        transition: inherit
    }
}

.iron_header .main_header .nav li a:hover,
.iron_header .main_header .nav li a:focus {
    color: #090101;
    background: transparent
}

@media (max-width:990px) {

    .iron_header .main_header .nav li a:hover,
    .iron_header .main_header .nav li a:focus {
        color: #ed1c24
    }
}

.iron_header .main_header .nav li .active {
    color: #090101;
    background: transparent
}

@media (max-width:990px) {
    .iron_header .main_header .nav li .active {
        color: #ed1c24
    }
}

.iron_header .main_header .nav li:last-child a {
    border: 0;
    padding-right: 0
}

.iron_header .main_header .nav li .dropdown-menu {
    background-color: #ed1c24;
    padding: 0;
    margin: 0
}

@media (max-width:990px) {
    .iron_header .main_header .nav li .dropdown-menu {
        width: 100%;
        position: inherit
    }
}

.iron_header .main_header .nav li .dropdown-menu li {
    width: 100%;
    padding: 0
}

.iron_header .main_header .nav li .dropdown-menu li a {
    text-align: center;
    display: block;
    padding: 5px 0;
    color: #090101
}

.iron_header .main_header .nav li .dropdown-menu li a:hover,
.iron_header .main_header .nav li .dropdown-menu li a:focus {
    background-color: #fff
}

@media (max-width:990px) {
    .iron_header .navbar-header {
        top: 0;
        right: 0;
        position: absolute;
        padding: 0
    }
}

.iron_header .navbar-header .navbar-toggle .icon-bar {
    background: #fff
}

@media (max-width:990px) {
    .iron_header .navbar-collapse {
        position: absolute;
        top: 64px;
        width: 100%;
        z-index: 1001;
        overflow: unset;
        padding: 0
    }
}

.iron_section1 {
    padding: 30px 0;
    background-color: #62698c
}

.iron_section1 a {
    display: inline-block;
    width: 100%
}

.iron_section1 .iron_content1 {
    background-color: #fff;
    padding: 55px 20px;
    float: left;
    width: 100%
}

@media (max-width:480px) {
    .iron_section1 .iron_content1 {
        padding: 10px 20px
    }
}

.iron_section1 .iron_content1 i {
    width: 60%;
    float: left;
    display: block;
    padding-right: 30px
}

@media (max-width:480px) {
    .iron_section1 .iron_content1 i {
        width: 50%
    }
}

.iron_section1 .iron_content1 i img {
    max-width: 100%
}

.iron_section1 .iron_content1 h1 {
    float: right;
    margin-top: 30px;
    font-size: 38px;
    color: #2f2f2f;
    transition: all .3s ease
}

@media (max-width:480px) {
    .iron_section1 .iron_content1 h1 {
        font-size: 25px
    }
}

.iron_section1 .iron_content1 h1:hover {
    color: #ed1c24
}

.iron_section1 .iron_content1 h1 i {
    float: none;
    width: 100%;
    display: block;
    padding: 0;
    text-align: right
}

.iron_section1 .iron_content1 h1 strong {
    display: block
}

.iron_section1 .iron_content2 {
    margin: 0 -15px
}

@media (max-width:990px) {
    .iron_section1 .iron_content2 {
        margin: 10px 0 0
    }
}

.iron_section1 .iron_content2 a {
    width: 48.85%;
    float: left;
    margin-bottom: 15px
}

@media (max-width:480px) {
    .iron_section1 .iron_content2 a {
        width: 100%
    }
}

.iron_section1 .iron_content2 a:nth-of-type(odd) {
    margin-right: 2.25%
}

@media (max-width:480px) {
    .iron_section1 .iron_content2 a:nth-of-type(odd) {
        margin-right: 0
    }
}

.iron_section1 .iron_content2 a .iron_content1 {
    padding: 10px
}

@media (max-width:480px) {
    .iron_section1 .iron_content2 a .iron_content1 {
        padding: 10px 20px
    }
}

.iron_section1 .iron_content2 a .iron_content1 i {
    width: 50%
}

.iron_section1 .iron_content2 a .iron_content1 h1 {
    font-size: 25px
}

.iron_section1 .iron_content2 a .iron_content1 h1 i {
    width: 100%
}

.zalina_section {
    position: relative;
    padding: 50px 0;
    background-position: center center
}

.zalina_section .big_content {
    padding: 20px;
    background-color: #fff;
    float: left;
    width: 100%
}

.zalina_section .big_content i {
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    display: block
}

.zalina_section .big_content i img {
    width: 100%;
    height: auto
}

.zalina_section .big_content a {
    font-size: 30px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: .5px;
    margin-top: 20px;
    color: #000;
    display: inline-block
}

.zalina_section .small_content {
    width: 48%;
    margin: 1%;
    float: left;
    margin-bottom: 5px;
    display: inline-block;
    background-color: #fff;
    padding: 10px
}

.zalina_section .small_content i {
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    display: block
}

.zalina_section .small_content i img {
    width: 100%;
    height: auto
}

.zalina_section .small_content a {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: .5px;
    margin-top: 10px;
    color: #000;
    display: inline-block
}

.iron_section2 {
    padding: 30px 0;
    background-color: #777ea0
}

.iron_section2 .iron_content3 {
    border: 1px solid #666d92;
    padding: 10px 10px 20px 10px
}

.iron_section2 .iron_content3 h2 {
    color: #ed1c24;
    position: relative;
    padding: 15px 0
}

.iron_section2 .iron_content3 h2:before {
    position: absolute;
    bottom: 0;
    content: '';
    border-bottom: 1px solid #ed1c24;
    width: 60px
}

.iron_section2 .iron_content3 h2 strong {
    margin-right: 10px
}

.iron_section2 .iron_content1 {
    background-color: transparent;
    padding: 0;
    float: none;
    width: 100%;
    clear: both;
    display: inline-block;
    margin-top: 20px
}

.iron_section2 .iron_content1 i {
    width: 40%;
    margin-right: 15px;
    padding: 20px 0;
    border-right: 1px solid #2f2f2f
}

.iron_section2 .iron_content1 i img {
    padding-right: 10px
}

.iron_section2 .iron_content1 p {
    line-height: 22px;
    font-size: 16px;
    margin: 0
}

.iron_section2 .iron_content1 p strong {
    display: block
}

.iron_footer {
    background-color: #fff;
    color: #2f2f2f
}

@media (max-width:990px) {
    .iron_footer {
        text-align: center
    }
}

@media (max-width:990px) {
    .iron_footer .nn_col {
        margin-bottom: 25px
    }
}

.iron_footer h2 {
    font-size: 22px;
    font-weight: 300;
    color: #ed1c24;
    padding-bottom: 15px
}

.iron_footer a {
    color: #2f2f2f;
    padding-bottom: 5px
}

.iron_footer h1 {
    font-size: 20px;
    font-weight: 300
}

.iron_footer h1 strong {
    font-size: 26px;
    color: #998979
}

.iron_footer .footer_social a {
    display: inline-block;
    width: 10%;
    text-align: center;
    padding: 10px 0;
    transition: all 1s ease-in
}

.iron_footer .footer_social a:hover {
    transform: rotate(-360deg)
}

.iron_footer .footer_social a i {
    font-size: 20px
}

.iron_section {
    color: #2f2f2f
}

.iron_section .text-right {
    text-align: right;
    float: none
}

@media (max-width:990px) {
    .iron_section .text-right {
        text-align: center
    }
}

.iron_section p {
    line-height: 1.4;
    font-size: 16px
}

.iron_section .iron_form input,
.iron_section .iron_form textarea {
    width: 100%;
    line-height: 35px
}

.iron_section .iron_form label {
    margin-bottom: 5px;
    display: inline-block;
    position: relative;
    max-width: 100%;
    width: 100%;
    float: left;
    height: 25px;
    font-weight: 600;
    font-size: 14px;
    color: #000
}

.iron_section .iron_form textarea {
    min-height: 150px
}

.iron_section .iron_form button {
    border: 1px solid #ed1c24;
    border-radius: 30px;
    background-color: #fff;
    padding: 10px 25px;
    display: inline-block;
    font-size: 15px;
    margin-top: 20px;
    color: #2f2f2f
}

.iron_section .iron_form button:hover {
    background-color: #ed1c24;
    color: #fff
}

.iron_section .iron_form .active {
    background-color: #ed1c24;
    color: #fff
}

.iron_copyright {
    padding: 30px 0;
    border-top: 2px solid #6e759a
}

.iron_copyright p {
    line-height: 22px;
    margin-bottom: 25px
}

.iron_header_inner {
    background-image: url(../images/kids-img-9.jpg);
    padding: 280px 0 30px 0
}

@media (max-width:720px) {
    .iron_header_inner {
        padding: 300px 0 30px 0
    }
}

@media (max-width:480px) {
    .iron_header_inner {
        padding: 230px 0 30px 0
    }
}

.iron_header_inner p {
    font-size: 16px
}

.iron_header_inner ol {
    position: absolute;
    width: 26%;
    top: -38px
}

@media (max-width:990px) {
    .iron_header_inner ol {
        width: 100%
    }
}

.iron_header_inner ol li {
    color: #fff
}

.iron_header_inner ol li a {
    color: #fff
}

.iron_header_inner ol .active {
    color: #fff
}

.iron_header_inner h1 {
    font-weight: 300;
    position: absolute;
    bottom: 42px
}

.nn_iron_news {
    background-color: #6e759a
}

.nn_iron_news .nn_carbon_detail {
    background: transparent
}

.nn_iron_news .nn_carbon_detail .nn_carbon_detail_cat {
    margin-right: 0
}

.nn_iron_news .nn_carbon_detail .nn_carbon_detail_cat ul {
    padding-top: 0
}

.nn_iron_news .nn_carbon_detail .nn_carbon_detail_cat ul li {
    border-radius: 0;
    border-bottom: 1px solid #62698c
}

.nn_iron_news .nn_carbon_detail .nn_carbon_detail_cat ul li a {
    padding: 10px 20px;
    line-height: 1.4
}

.nn_iron_news .nn_carbon_detail .nn_carbon_detail_cat ul li a:focus,
.nn_iron_news .nn_carbon_detail .nn_carbon_detail_cat ul li a:hover {
    background-color: #ed1c24;
    color: #fff
}

.nn_iron_news .nn_carbon_detail .nn_carbon_detail_cat ul li a p {
    margin: 0;
    line-height: initial;
    border: 0
}

.nn_iron_news .nn_carbon_detail .nn_carbon_detail_cat ul .active {
    background-color: #ed1c24
}

.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection {
    margin-top: -120px;
    float: left;
    width: 100%
}

@media (max-width:990px) {
    .nn_iron_news .nn_carbon_detail .nn_carbon_detailsection {
        margin-top: 0
    }
}

.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection h1 {
    font-weight: 300
}

@media (max-width:520px) {
    .nn_iron_news .nn_carbon_detail .nn_carbon_detailsection h1 {
        font-size: 24px
    }
}

.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection img {
    margin-bottom: 30px;
    max-width: 100%;
    max-height: 250px
}

@media (max-width:720px) {
    .nn_iron_news .nn_carbon_detail .nn_carbon_detailsection img {
        width: 100%
    }
}

.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .iron_category {
    float: left;
    width: 100%;
    margin: 0 -15px
}

@media (max-width:990px) {
    .nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .iron_category {
        margin: 0 auto
    }
}

.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .iron_category .product_img {
    height: 200px;
    width: 100%;
    position: relative
}

@media (max-width:990px) {
    .nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .iron_category .product_img {
        margin-bottom: 20px
    }
}

.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .iron_category .product_img img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%
}

.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .iron_category .iron_list_item {
    text-align: center;
    border: 1px solid #2f2f2f;
    padding: 10px;
    position: relative;
    margin-bottom: 20px
}

.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .iron_category .iron_list_item p {
    font-weight: 600;
    height: 40px;
    overflow: hidden
}

.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .iron_category .iron_list_item .hover {
    transition: all 250ms;
    position: absolute;
    background-color: rgba(237, 28, 36, 0.9);
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    height: 100%;
    width: 100%;
    transform: scale(0);
    justify-content: center;
    align-items: center;
    display: flex
}

.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .iron_category .iron_list_item .hover a {
    border: 2px solid #fff;
    padding: 5px 30px;
    color: #fff;
    font-weight: 500;
    font-size: 16px
}

.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .iron_category .iron_list_item .hover a:hover,
.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .iron_category .iron_list_item .hover a:focus {
    background-color: #fff;
    color: #ed1c24
}

.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .iron_category .iron_list_item:hover .hover {
    transform: scale(1)
}

.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .iron_category h2 {
    padding: 0 0 15px 0
}

.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .iron_category hr {
    border-color: #ed1c24
}

.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .iron_cat_detail .product_img {
    border: 1px solid #ed1c24
}

.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .iron_cat_detail .product_img img {
    padding: 20px
}

.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .carbon_detail_links {
    background-color: transparent;
    padding: 0
}

.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .carbon_detail_links h3 {
    color: #ed1c24;
    padding-bottom: 20px
}

.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .carbon_detail_links img {
    margin-bottom: 20px;
    max-width: 100%
}

.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .carbon_detail_links a {
    border: 1px solid #ed1c24;
    border-radius: 30px;
    background-color: #fff;
    padding: 5px 20px;
    display: inline-block;
    margin-top: 20px;
    color: #2f2f2f
}

.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .carbon_detail_links a i {
    color: #ed1c24
}

.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .carbon_detail_links a:hover,
.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .carbon_detail_links a:focus {
    background-color: #ed1c24;
    color: #fff
}

.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .carbon_detail_links a:hover i,
.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .carbon_detail_links a:focus i {
    color: #fff
}

.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .nn-pagination {
    display: block;
    width: 100%;
    clear: both
}

.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .nn-pagination ul li {
    display: inline-block
}

.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .nn-pagination ul li a {
    padding: 0 10px;
    color: #ed1c24;
    transition: all .5s ease-in;
    border: 1px solid transparent
}

.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .nn-pagination ul li a:hover {
    border: 1px solid #ed1c24
}

.nn_carbon_contact iframe {
    margin-bottom: 30px
}

.nn_iron_contact_section div {
    float: left;
    width: 100%
}

.nn_iron_contact_section div h5 {
    float: left;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 20px
}

.nn_iron_contact_section div p {
    float: left;
    margin: 0
}

.nn_iron_contact_section div p a {
    padding: 0;
    color: #d33
}

.nn_iron_gallery_section {
    padding: 60px 0
}

.nn_iron_gallery_section h2 {
    padding-bottom: 30px
}

.nn_iron_gallery_section h2 strong {
    color: #ed1c24
}

.nn_iron_gallery_section .iron_gallery {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px
}

@media (max-width:600px) {
    .nn_iron_gallery_section .iron_gallery {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }
}

.nn_iron_gallery_section .iron_gallery .card {
    max-width: 100%;
    height: auto;
    box-shadow: -3px 5px 15px #000;
    cursor: pointer
}

.cobalt_header .cobalt_header_info {
    text-align: left
}

.cobalt_header .cobalt_header_info div {
    display: inline-block;
    margin-right: 15px
}

@media (max-width:480px) {
    .cobalt_header .cobalt_header_info div {
        width: 100%;
        text-align: center
    }
}

.cobalt_header .cobalt_header_info div:last-child {
    margin-right: 0
}

.cobalt_header .menu_top {
    text-align: left;
    padding: 5px 0;
    background: #181818;
    border-bottom: 1px solid #998979;
    line-height: 28px;
    height: 38px;
    color: #fff;
    float: left;
    width: 100%
}

@media (max-width:990px) {
    .cobalt_header .menu_top {
        height: auto;
        text-align: center
    }
}

@media (max-width:720px) {
    .cobalt_header .menu_top {
        font-size: 12px
    }
}

.cobalt_header .menu_top i {
    color: #998979;
    margin-right: 5px
}

.cobalt_header .menu_top span {
    display: inline-block
}

.cobalt_header .menu_top .social {
    text-align: right;
    float: right
}

@media (max-width:990px) {
    .cobalt_header .menu_top .social {
        text-align: center;
        margin: 0;
        float: right
    }
}

.cobalt_header .menu_top .social a {
    color: #fff;
    background-color: #323232;
    padding: 6px 10px
}

.cobalt_header .main_header {
    background: #181818;
    clear: both
}

@media (max-width:990px) {
    .cobalt_header .main_header {
        padding-bottom: 15px
    }
}

.cobalt_header .main_header .logo_head {
    text-align: left
}

.cobalt_header .main_header .logo_head a {
    display: block
}

.cobalt_header .main_header .logo_head a img {
    max-height: 110px;
    max-width: 100%
}

.cobalt_header .main_header .cobalt_logo2 {
    padding: 5px 0;
    font-size: 26px;
    color: #fff
}

.cobalt_header .main_header .cobalt_logo2 i {
    color: #998979;
    font-size: 22px
}

.cobalt_header .main_header .cobalt_logo2 span p {
    display: inline-block
}

.cobalt_header .main_header .navbar-collapse {
    clear: both;
    padding-top: 15px
}

@media (max-width:990px) {
    .cobalt_header .main_header .navbar-collapse {
        padding: 0;
        width: 100%;
        background-color: #000;
        float: right
    }
}

.cobalt_header .main_header .navbar-collapse .nav {
    float: right
}

.cobalt_header .main_header .navbar-collapse .nav li {
    display: inline-block;
    margin-left: 15px
}

@media (max-width:990px) {
    .cobalt_header .main_header .navbar-collapse .nav li {
        margin: 0;
        display: block
    }
}

.cobalt_header .main_header .navbar-collapse .nav li a {
    color: #fff;
    font-size: 16px;
    padding: 5px 6px;
    margin-bottom: 35px;
    border-radius: 3px
}

@media (max-width:990px) {
    .cobalt_header .main_header .navbar-collapse .nav li a {
        margin: 0;
        display: block
    }
}

.cobalt_header .main_header .navbar-collapse .nav li a:hover,
.cobalt_header .main_header .navbar-collapse .nav li a:focus {
    background-color: #998979
}

.cobalt_header .main_header .navbar-collapse .nav li .active {
    background-color: #998979;
    color: #000
}

.cobalt_header .main_header .navbar-collapse .nav li:hover .dropdown-menu {
    display: block;
    top: 100%
}

.cobalt_header .main_header .navbar-collapse .nav li .dropdown-menu {
    top: 100%;
    background: #181818;
    opacity: .9;
    margin: 0;
    padding: 15px 0;
    position: absolute
}

@media (max-width:990px) {
    .cobalt_header .main_header .navbar-collapse .nav li .dropdown-menu {
        position: inherit;
        background: transparent;
        width: 100%
    }
}

.cobalt_header .main_header .navbar-collapse .nav li .dropdown-menu li {
    display: block;
    margin: 0;
    text-align: left;
    padding-left: 15px
}

.cobalt_header .main_header .navbar-collapse .nav li .dropdown-menu li a {
    margin: 0
}

@media (max-width:990px) {
    .cobalt_header .main_header .navbar-collapse .nav li .dropdown-menu li a {
        text-align: right
    }
}

.cobalt_header .main_header .navbar-collapse .nav li .dropdown-menu li a:hover,
.cobalt_header .main_header .navbar-collapse .nav li .dropdown-menu li a:focus {
    background-color: transparent;
    color: #998979
}

.cobalt_header .main_header .navbar-collapse .nav li .dropdown-menu li .active {
    background-color: transparent;
    color: #998979
}

.cobalt_header .navbar-toggle .icon-bar {
    background-color: #fff
}

.cobalt_header .navbar-header {
    padding-top: 20px;
    margin-right: 15px;
    float: right
}

@media (max-width:767px) {
    .cobalt_header .navbar-header {
        position: relative;
        top: -95px;
        right: 10px;
        padding-top: 0
    }
}

.cobalt_section .owl-theme .owl-controls {
    width: 100%;
    bottom: 40%;
    position: absolute
}

@media (max-width:1024px) {
    .cobalt_section .owl-theme .owl-controls {
        bottom: 50%
    }
}

@media (max-width:990px) {
    .cobalt_section .owl-theme .owl-controls {
        bottom: 60%
    }
}

.cobalt_section .owl-theme .owl-controls .owl-buttons {
    position: relative
}

.cobalt_section .owl-theme .owl-controls .owl-buttons i {
    font-size: 40px
}

@media (max-width:990px) {
    .cobalt_section .owl-theme .owl-controls .owl-buttons i {
        font-size: 20px
    }
}

.cobalt_section .owl-theme .owl-controls .owl-buttons .owl-next,
.cobalt_section .owl-theme .owl-controls .owl-buttons .owl-prev {
    border-radius: initial;
    padding: 10px 10px 10px 5px
}

@media (max-width:400px) {

    .cobalt_section .owl-theme .owl-controls .owl-buttons .owl-next,
    .cobalt_section .owl-theme .owl-controls .owl-buttons .owl-prev {
        padding: 5px
    }
}

.cobalt_section .owl-theme .owl-controls .owl-buttons .owl-next {
    right: 0;
    position: absolute
}

.cobalt_section .owl-theme .owl-controls .owl-buttons .owl-prev {
    left: 0;
    position: absolute
}

@media (max-width:767px) {
    .cobalt_section img {
        margin: 0 auto;
        display: block
    }
}

.cobalt_section1 {
    padding: 20px 0 40px 0
}

.cobalt_section1 h5 {
    text-align: center;
    padding-bottom: 15px;
    position: relative;
    margin-bottom: 20px;
    border-bottom: 1px solid #7a81a2
}

.cobalt_section1 h5:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-bottom: 1px solid #998979;
    width: 22%;
    bottom: 0;
    transition: all .9s ease-out
}

.cobalt_section1 h5:hover:after {
    width: 60%
}

.cobalt_section1 .cobalt_sec1_img {
    padding: 10px 20px;
    background-color: #6e759a;
    text-align: center;
    border: 1px dashed #998979;
    margin-bottom: 20px
}

.cobalt_section1 .cobalt_sec1_img:hover {
    background-color: #575e7d
}

.cobalt_section1 .cobalt_sec1_img img {
    max-width: 100%;
    transition: all .5s ease-in-out;
    transform: scale(1.2);
    padding: 10px 20px
}

@media (max-width:990px) {
    .cobalt_section1 .cobalt_sec1_img img {
        transform: scale(1)
    }
}

.cobalt_section1 .cobalt_sec1_img img:hover {
    transform: scale(1.1)
}

.cobalt_section1 .cobalt_sec1_text {
    transition: all .5s;
    transform: scale(.96)
}

.cobalt_section1 .cobalt_sec1_text:hover {
    transform: scale(1)
}

.cobalt_section1 .cobalt_sec1_text p {
    border-radius: 8px;
    border-left: 1px dashed #998979;
    padding: 10px;
    margin: 0
}

.cobalt_section1 .cobalt_sec1_text a {
    color: #998979;
    font-size: 16px;
    float: right
}

.cobalt_testimonial {
    background-image: url("../images/viz-img-7.jpg");
    padding: 30px
}

.cobalt_testimonial p {
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    margin: 0;
    position: relative;
    padding: 0 20px
}

.cobalt_testimonial p:before {
    position: absolute;
    content: '\f10d';
    font: normal normal normal 14px/1 FontAwesome;
    left: 0;
    font-size: 22px
}

.cobalt_testimonial p:after {
    position: absolute;
    content: '\f10e';
    font: normal normal normal 14px/1 FontAwesome;
    right: 0;
    font-size: 22px
}

.cobalt_testimonial img {
    margin: 0 auto;
    display: block;
    padding: 10px 0
}

.cobalt_testimonial h4 {
    color: #fff;
    font-size: 16px;
    line-height: 28px
}

.cobalt_testimonial .cobalt_test {
    margin-top: 30px
}

.cobalt_testimonial .cobalt_test .cobalt_form input,
.cobalt_testimonial .cobalt_test .cobalt_form textarea {
    width: 100%;
    color: #fff;
    border: 0;
    border-bottom: 2px solid #fff;
    background: transparent;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 30px
}

.cobalt_testimonial .cobalt_test .cobalt_form input::-webkit-input-placeholder,
.cobalt_testimonial .cobalt_test .cobalt_form textarea::-webkit-input-placeholder {
    color: #fff
}

.cobalt_testimonial .cobalt_test .cobalt_form input::-moz-placeholder,
.cobalt_testimonial .cobalt_test .cobalt_form textarea::-moz-placeholder {
    color: #fff
}

.cobalt_testimonial .cobalt_test .cobalt_form input:-ms-input-placeholder,
.cobalt_testimonial .cobalt_test .cobalt_form textarea:-ms-input-placeholder {
    color: #fff
}

.cobalt_testimonial .cobalt_test .cobalt_form input:-moz-placeholder,
.cobalt_testimonial .cobalt_test .cobalt_form textarea:-moz-placeholder {
    color: #fff
}

.cobalt_testimonial .cobalt_test .cobalt_form textarea {
    min-height: 150px
}

.cobalt_testimonial .cobalt_test .cobalt_form button {
    padding: 10px 40px;
    border-radius: 30px;
    background-color: #d33;
    border: 0;
    margin-top: 20px;
    color: #fff
}

.cobalt_testimonial .cobalt_test .cobalt_form button:hover {
    background-color: #383c50
}

.cobalt_section2 {
    padding: 20px 0
}

.cobalt_section2 h3 {
    text-align: center;
    padding-bottom: 15px;
    position: relative;
    margin-bottom: 20px;
    border-bottom: 1px solid #7a81a2
}

.cobalt_section2 h3:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-bottom: 2px solid #998979;
    width: 22%;
    bottom: -1px;
    transition: all .9s ease-out
}

.cobalt_section2 h3:hover:after {
    width: 60%
}

.cobalt_section2 h5 {
    color: #998979;
    font-weight: 500;
    margin-bottom: 20px
}

.cobalt_section2 a {
    float: right;
    color: #998979;
    font-weight: 500
}

.cobalt_section2 a i {
    color: #998979
}

.cobalt_section2 img {
    margin: 0 auto;
    display: block
}

.cobalt_section2 button {
    background-color: #181818;
    border: 0;
    color: #fff;
    padding: 5px 20px;
    display: block;
    width: 75%;
    margin: 0 auto;
    margin-top: 20px
}

@media (max-width:990px) {
    .cobalt_section2 .nn_col {
        min-height: 290px
    }
}

.cobalt_client {
    padding: 20px 0;
    background-image: url(../images/viz-img-8.jpg)
}

.cobalt_client h5 {
    text-align: center;
    font-weight: 500
}

.cobalt_client hr {
    border-color: #998979
}

@media (max-width:767px) {
    .cobalt_client img {
        padding: 20px 0
    }
}

.cobalt_footer {
    background-color: #181818;
    color: #383c50
}

.cobalt_footer p {
    margin: 0;
    line-height: 25px
}

.cobalt_footer p a {
    color: #998979
}

.cobalt_footer .cobalt_footer_top {
    padding: 20px 0;
    border-bottom: 2px solid #998979
}

.cobalt_footer .cobalt_footer_top .title,
.cobalt_footer .cobalt_footer_top strong {
    color: #998979;
    font-weight: bold
}

.cobalt_footer .cobalt_footer_top i {
    margin-right: 5px
}

.cobalt_footer .cobalt_footer_bottom p {
    float: left
}

.cobalt_footer .cobalt_footer_bottom a {
    float: right;
    color: #383c50
}

.cobalt_footer .cobalt_footer_bottom a i {
    margin-right: 5px;
    color: #ed1c24
}

.cobalt_section {
    color: #2f2f2f
}

.cobalt_section img {
    max-width: 100%
}

.cobalt_section h2 {
    text-align: center;
    font-weight: 400;
    position: relative;
    margin-bottom: 40px;
    border-bottom: 1px solid #7a81a2;
    padding-bottom: 5px
}

.cobalt_section h2:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-bottom: 2px solid #998979;
    width: 22%;
    bottom: -1px;
    transition: all .9s ease-out
}

.cobalt_section h2:hover:after {
    width: 60%
}

.cobalt_category_section .cobalt_category_list {
    transition: all .2s ease-in-out;
    transform: scale(1);
    float: left;
    width: 100%;
    margin-bottom: 15px;
    min-height: 320px
}

@media (max-width:990px) {
    .cobalt_category_section .cobalt_category_list {
        min-height: 230px
    }
}

.cobalt_category_section .cobalt_category_list:hover {
    transform: scale(1.05)
}

.cobalt_category_section .cobalt_category_list .cobalt_sec1_img {
    width: 40%;
    float: left
}

@media (max-width:480px) {
    .cobalt_category_section .cobalt_category_list .cobalt_sec1_img {
        width: 100%;
        float: none
    }
}

@media (max-width:480px) {
    .cobalt_category_section .cobalt_category_list .cobalt_sec1_img img {
        max-height: 230px
    }
}

.cobalt_category_section .cobalt_category_list .cobalt_sec1_text {
    width: 57%;
    float: right;
    transform: none;
    transition: none;
    border-left: 1px dashed #998979;
    padding: 0 10px
}

@media (max-width:480px) {
    .cobalt_category_section .cobalt_category_list .cobalt_sec1_text {
        width: 100%;
        float: none
    }
}

.cobalt_category_section .cobalt_category_list .cobalt_sec1_text p {
    border-radius: inherit;
    padding: 0;
    line-height: 20px;
    border: 0
}

.cobalt_category_section .cobalt_category_list .cobalt_sec1_text:hover {
    transform: none;
    transition: none
}

.cobalt_category_section .cobalt_cat_top_list {
    margin-top: 30px;
    text-align: center;
    margin-bottom: 20px
}

.cobalt_category_section .cobalt_cat_top_list li {
    font-size: 16px;
    padding: 10px 20px;
    border: 1px dashed #998979;
    transition: all .1s ease-in-out;
    transform: scale(1);
    width: fit-content;
    display: inline-block;
    margin: 1.5%;
    text-align: center
}

.cobalt_category_section .cobalt_cat_top_list li a {
    color: #2f2f2f
}

.cobalt_category_section .cobalt_cat_top_list li a p {
    color: #2f2f2f;
    margin: 0
}

.cobalt_category_section .cobalt_cat_top_list li:hover {
    transform: scale(1.1)
}

.cobalt_category_section .nn-pagination {
    clear: both
}

@media (max-width:767px) {
    .cobalt_category_section .nn-pagination {
        padding-left: 30px
    }
}

.cobalt_category_section .nn-pagination ul li {
    display: inline-block;
    padding: 4px 10px;
    background-color: #998979;
    margin-right: 3px;
    color: #fff
}

.cobalt_category_section .nn-pagination ul li a {
    color: #fff
}

.cobalt_cat_detail h2 i {
    font-style: normal;
    color: #998979
}

.cobalt_cat_detail i {
    height: 400px;
    width: 100%;
    position: relative;
    display: block
}

@media (max-width:767px) {
    .cobalt_cat_detail i {
        margin-bottom: 30px
    }
}

.cobalt_cat_detail i img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%
}

.cobalt_about {
    padding: 20px 0
}

.cobalt_about p {
    padding: 0;
    line-height: 25px;
    margin: 0
}

.cobalt_about ul {
    padding-top: 45px
}

@media (max-width:767px) {
    .cobalt_about ul {
        margin-bottom: 60px
    }
}

.cobalt_about ul li {
    margin-bottom: 3px;
    border-bottom: 1px solid #6e759a
}

.cobalt_about ul li i {
    margin-left: 7px;
    margin-top: 6px;
    width: 20px;
    position: absolute
}

.cobalt_about ul li a {
    font-size: 14px;
    line-height: 20px;
    color: #2f2f2f;
    font-weight: 600;
    padding: 8px 30px;
    display: block;
    border-left: 2px solid #998979
}

.cobalt_about ul li a:hover,
.cobalt_about ul li a:focus {
    background-color: #181818;
    color: #fff
}

.cobalt_about ul li a img {
    height: 16px;
    margin-right: 5px;
    margin-top: -2px
}

.cobalt_about ul li a p {
    margin: 0
}

.cobalt_about ul li .active {
    background-color: #181818;
    color: #fff
}

.cobalt_about .about_details {
    padding: 2px;
    border-top: 1px solid #909090;
    float: left;
    width: 100%
}

.cobalt_about .about_details:last-child {
    border-bottom: 1px solid #909090
}

.cobalt_about .about_details .about_heading {
    width: 30%;
    float: left
}

.cobalt_about .about_details .about_heading p {
    font-weight: 600;
    padding: 0 10px
}

.cobalt_about .about_details .about_content {
    width: 70%;
    float: left
}

.cobalt_about .about_details .about_content p {
    padding: 0 10px
}

.cobalt_service p {
    margin-bottom: 20px
}

.cobalt_service .cobalt_service_content ul {
    padding: 0;
    list-style: disc;
    margin-left: 15px;
    margin-bottom: 10px
}

.cobalt_service .cobalt_service_content ul li {
    border: 0
}

.cobalt_service .cobalt_service_content iframe {
    margin-bottom: 10px;
    padding: 10px;
    border: 1px dashed #998979
}

.cobalt_service .cobalt_service_content .title {
    color: #998979;
    font-weight: 600
}

.cobalt_service .nn_cobalt_news .carbon_detail_links {
    background-color: #aaa;
    padding: 10px 20px;
    margin-bottom: 10px;
    transition: all .2s ease-in-out;
    transform: scale(.99);
    border: 2px solid #aaa
}

.cobalt_service .nn_cobalt_news .carbon_detail_links:hover {
    transform: scale(1);
    border-color: #998979;
    border-top-color: #aaa
}

.cobalt_service .nn_cobalt_news .carbon_detail_links a {
    color: #998979;
    font-weight: 600
}

.cobalt_service .nn_cobalt_news .carbon_detail_links a i {
    margin-right: 5px;
    height: auto;
    display: initial
}

.cobalt_service .nn_cobalt_news .carbon_detail_links i {
    display: block;
    height: 300px;
    position: relative;
    margin-bottom: 20px
}

.cobalt_service .nn_cobalt_news .carbon_detail_links i img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    max-height: 100%
}

.cobalt_contact .contact_content {
    margin-bottom: 20px;
    float: left;
    width: 100%
}

.cobalt_contact .contact_content .content {
    width: 75%;
    float: left
}

.cobalt_contact .contact_content .image {
    width: 25%;
    float: left
}

.cobalt_contact a {
    color: #998979
}

.cobalt_contact form input,
.cobalt_contact form textarea {
    width: 100%;
    border: 1px solid #998979;
    margin-top: 15px;
    padding: 0 20px
}

.cobalt_contact form input {
    line-height: 30px
}

.cobalt_contact form textarea {
    min-height: 150px;
    padding: 20px
}

.cobalt_contact form button {
    background-color: #998979;
    border: 0;
    padding: 10px 30px;
    color: #fff
}

.cobalt_contact iframe {
    margin-bottom: 20px
}

.cobalt_gallery {
    padding: 20px 0
}

.cobalt_gallery .gallery {
    background-color: #909090;
    clear: both;
    display: inline-block;
    width: 100%;
    padding: 2px;
    padding-bottom: 0
}

.cobalt_gallery .gallery .thumb {
    width: 33.33%;
    float: left;
    margin-bottom: 0;
    position: relative;
    overflow: hidden;
    cursor: zoom-in
}

.cobalt_gallery .gallery .thumb img {
    max-width: 100%;
    transition: all 1s linear;
    transition-delay: 300ms;
    transform: scale(1);
    margin-bottom: 2px
}

.cobalt_gallery .gallery .thumb .caption {
    display: none;
    position: absolute;
    bottom: 0;
    width: 100%
}

.cobalt_gallery .gallery .thumb .caption h5 {
    color: #fff;
    background-color: rgba(153, 137, 121, 0.8);
    padding: 8px;
    text-align: center;
    font-weight: 300
}

@media (max-width:480px) {
    .cobalt_gallery .gallery .thumb .caption h5 {
        padding: 3px;
        font-size: 14px
    }
}

.cobalt_gallery .gallery .thumb:hover .caption {
    display: block
}

.cobalt_gallery .gallery .thumb:hover img {
    transform: scale(1.4)
}

.cobalt_header_inner {
    position: relative
}

@media (max-width:320px) {
    .cobalt_header_inner img {
        min-height: 110px
    }
}

.cobalt_header_inner h1,
.cobalt_header_inner ol {
    position: absolute;
    top: 50%;
    color: #fff;
    left: 0;
    right: 0
}

@media (max-width:1366px) {

    .cobalt_header_inner h1,
    .cobalt_header_inner ol {
        top: 45%
    }
}

.cobalt_header_inner h1 {
    font-size: 45px
}

@media (max-width:990px) {
    .cobalt_header_inner h1 {
        font-size: 35px
    }
}

@media (max-width:767px) {
    .cobalt_header_inner h1 {
        top: 40%;
        font-size: 30px
    }
}

@media (max-width:640px) {
    .cobalt_header_inner h1 {
        font-size: 20px
    }
}

@media (max-width:540px) {
    .cobalt_header_inner h1 {
        font-size: 16px;
        top: 35%
    }
}

@media (max-width:480px) {
    .cobalt_header_inner h1 {
        top: 15%;
        font-size: 14px
    }
}

.cobalt_header_inner ol {
    top: 65%
}

@media (max-width:640px) {
    .cobalt_header_inner ol {
        font-size: 12px;
        top: 60%
    }
}

@media (max-width:480px) {
    .cobalt_header_inner ol {
        top: 40%
    }
}

.cobalt_header_inner ol li {
    color: #fff
}

.cobalt_header_inner ol li a {
    color: #fff
}

@media (max-width:540px) {
    .cobalt_header_inner ol li a {
        font-size: 12px
    }
}

.cobalt_header_inner ol .active {
    color: #fff
}

@media (max-width:540px) {
    .cobalt_header_inner ol .active {
        font-size: 10px
    }
}

.lithium_header .main_header {
    background-color: #fff
}

.lithium_header .main_header nav {
    padding: 15px 0
}

.lithium_header .main_header nav .navbar-collapse {
    padding-top: 0
}

@media (max-width:990px) {
    .lithium_header .main_header nav .navbar-collapse {
        position: absolute;
        right: 0;
        z-index: 999;
        background-color: #fff;
        width: 230px;
        padding: 0 20px;
        top: 50px
    }
}

.lithium_header .main_header nav .navbar-collapse .nav {
    text-align: left
}

.lithium_header .main_header nav .navbar-collapse .nav li {
    line-height: 110px;
    margin-left: 0
}

@media (max-width:990px) {
    .lithium_header .main_header nav .navbar-collapse .nav li {
        line-height: 40px;
        text-align: right
    }
}

.lithium_header .main_header nav .navbar-collapse .nav li a {
    display: inline;
    border-radius: 0;
    font-size: 15px;
    padding: 5px 15px;
    transition: all .2s;
    color: #2f2f2f;
    font-weight: 600
}

@media (max-width:1366px) {
    .lithium_header .main_header nav .navbar-collapse .nav li a {
        padding: 5px
    }
}

.lithium_header .main_header nav .navbar-collapse .nav li a:focus,
.lithium_header .main_header nav .navbar-collapse .nav li a:hover {
    background-color: transparent;
    border-top: 2px solid #998979;
    transform: scale(1)
}

.lithium_header .main_header nav .navbar-collapse .nav li .active {
    background-color: transparent;
    border-top: 2px solid #998979
}

.lithium_header .main_header nav .navbar-collapse .nav li .dropdown-menu {
    padding: 0;
    background-color: #252525
}

@media (max-width:990px) {
    .lithium_header .main_header nav .navbar-collapse .nav li .dropdown-menu {
        background-color: transparent;
        margin-top: 15px;
        border: 0;
        box-shadow: none
    }
}

.lithium_header .main_header nav .navbar-collapse .nav li .dropdown-menu li {
    padding: 0;
    line-height: 30px
}

.lithium_header .main_header nav .navbar-collapse .nav li .dropdown-menu li a {
    padding: 5px;
    display: block;
    color: #fff;
    text-align: center
}

@media (max-width:990px) {
    .lithium_header .main_header nav .navbar-collapse .nav li .dropdown-menu li a {
        color: #2f2f2f;
        text-align: right;
        padding: 0 30px
    }
}

.lithium_header .main_header nav .navbar-collapse .nav li .dropdown-menu li a:focus,
.lithium_header .main_header nav .navbar-collapse .nav li .dropdown-menu li a:hover {
    background-color: #d33;
    border: 0;
    color: #fff
}

@media (max-width:990px) {

    .lithium_header .main_header nav .navbar-collapse .nav li .dropdown-menu li a:focus,
    .lithium_header .main_header nav .navbar-collapse .nav li .dropdown-menu li a:hover {
        color: #d33;
        background-color: transparent
    }
}

.lithium_header .main_header nav .navbar-collapse .nav li .dropdown-menu li .active {
    background-color: #d33;
    border: 0;
    color: #fff
}

@media (max-width:990px) {
    .lithium_header .main_header nav .navbar-collapse .nav li .dropdown-menu li .active {
        color: #d33;
        background-color: transparent
    }
}

.lithium_header .main_header .navbar-header {
    margin: 0;
    padding-top: 0
}

.lithium_header .main_header .navbar-header button .icon-bar {
    background-color: #d33
}

.lithium_section.lithium_top_section {
    position: relative;
    margin-top: 0
}

.lithium_section.lithium_top_section img {
    max-width: 100%
}

.lithium_section.lithium_top_section h1,
.lithium_section.lithium_top_section h4 {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center
}

.lithium_section.lithium_top_section h1 {
    bottom: 18%;
    padding: 25px 30px;
    background-color: rgba(221, 51, 51, 0.8);
    color: #fff;
    font-size: 50px;
    font-weight: 600;
    width: 40%
}

@media (max-width:1366px) {
    .lithium_section.lithium_top_section h1 {
        font-size: 35px
    }
}

@media (max-width:990px) {
    .lithium_section.lithium_top_section h1 {
        font-size: 25px;
        padding: 5px 20px
    }
}

@media (max-width:767px) {
    .lithium_section.lithium_top_section h1 {
        bottom: 26%;
        width: 95%
    }
}

@media (max-width:480px) {
    .lithium_section.lithium_top_section h1 {
        font-size: 16px
    }
}

@media (max-width:320px) {
    .lithium_section.lithium_top_section h1 {
        bottom: 50%
    }
}

.lithium_section.lithium_top_section h4 {
    bottom: 0;
    background-color: #fff;
    padding: 10px 40px;
    font-size: 25px;
    color: #d33;
    display: block;
    line-height: 1.2;
    width: fit-content;
    text-align: center;
    width: 60%
}

@media (max-width:990px) {
    .lithium_section.lithium_top_section h4 {
        font-size: 18px;
        padding: 5px 20px;
        width: 95%
    }
}

@media (max-width:540px) {
    .lithium_section.lithium_top_section h4 {
        font-size: 14px
    }
}

.lithium_section img {
    max-width: 100%
}

.lithium_section h2 {
    font-size: 30px;
    font-weight: 600
}

.lithium_section h4,
.lithium_section p {
    line-height: 30px
}

.lithium_section button,
.lithium_section .link_btn {
    padding: 10px 30px;
    display: inline-block;
    border: 2px solid #998979;
    transition: all .5s;
    background-color: transparent;
    margin-top: 40px;
    font-weight: 500;
    font-size: 16px
}

@media (max-width:1024px) {

    .lithium_section button,
    .lithium_section .link_btn {
        margin-top: 20px;
        padding: 5px 20px;
        font-size: 14px
    }
}

.lithium_section button:hover,
.lithium_section .link_btn:hover {
    border: 2px solid #d33;
    background-color: transparent
}

.lithium_section iframe {
    float: left
}

@media (max-width:767px) {
    .lithium_section iframe {
        margin-bottom: 30px
    }
}

.lithium_section p {
    font-size: 16px
}

.lithium_section1 {
    padding: 40px 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.lithium_section1 .lithium_a {
    padding: 10px 30px;
    display: inline-block;
    border: 2px solid #998979;
    transition: all .5s;
    background-color: transparent;
    margin-top: 40px;
    font-weight: 500;
    font-size: 16px;
    color: #2f2f2f
}

@media (max-width:1024px) {
    .lithium_section1 .lithium_a {
        margin-top: 20px;
        padding: 5px 20px;
        font-size: 14px
    }
}

.lithium_section1 .lithium_a:hover {
    border: 2px solid #d33;
    background-color: transparent
}

.lithium_section1 h2 {
    color: #d33;
    position: relative;
    padding-bottom: 5px;
    margin-bottom: 35px
}

.lithium_section1 h2:after {
    position: absolute;
    border-bottom: 2px solid #998979;
    content: '';
    bottom: 0;
    left: 0;
    right: 0;
    width: 100px;
    margin: 0 auto
}

.lithium_section1 h4 {
    margin-bottom: 40px
}

@media (max-width:480px) {
    .lithium_section1 h4 {
        font-size: 16px
    }
}

.lithium_section1 h3 {
    color: #d33;
    margin: 15px 0
}

.lithium_section1 img {
    margin: 0 auto;
    display: block
}

@media (max-width:767px) {
    .lithium_section1 .text-center {
        margin-bottom: 20px
    }
}

.lithium_section1 .lithium_sub {
    margin: 0 auto
}

.lithium_section1 .lithium_sub .form-field {
    float: none;
    display: inline-block
}

.lithium_section1 .lithium_sub .form-field input {
    width: 100%;
    background: transparent;
    border: 0;
    border-bottom: 3px solid #fff;
    color: #fff;
    line-height: 40px;
    float: right
}

.lithium_section1 .lithium_sub .form-field input::-webkit-input-placeholder {
    color: #fff
}

.lithium_section1 .lithium_sub .form-field input::-moz-placeholder {
    color: #fff
}

.lithium_section1 .lithium_sub .form-field input:-ms-input-placeholder {
    color: #fff
}

.lithium_section1 .lithium_sub .form-field input:-moz-placeholder {
    color: #fff
}

.lithium_section1 .lithium_sub .form-field button {
    width: 100%;
    padding: 10px 30px;
    display: inline-block;
    border: 2px solid #fff;
    -webkit-transition: all .5s;
    transition: all .5s;
    background-color: #fff;
    color: #d33;
    font-weight: 500;
    font-size: 16px;
    float: left
}

.lithium_section1 .lithium_sub .form-field button:active,
.lithium_section1 .lithium_sub .form-field button:focus,
.lithium_section1 .lithium_sub .form-field button:hover {
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff
}

.lithium_section2 {
    background-color: #4d526e
}

@media (max-width:767px) {
    .lithium_section2 .text-center {
        margin-bottom: 20px
    }
}

.lithium_footer {
    padding: 40px 0;
    background-color: #fff
}

.lithium_footer h3 {
    font-weight: 600;
    margin: 0;
    margin-bottom: 20px;
    font-size: 18px;
    color: #d33
}

@media (max-width:990px) {
    .lithium_footer h3 {
        margin: 20px 0;
        font-size: 16px
    }
}

.lithium_footer a {
    display: block;
    color: #2f2f2f;
    font-size: 16px;
    line-height: 30px
}

@media (max-width:990px) {
    .lithium_footer a {
        font-size: 13px
    }
}

.lithium_copyirght {
    padding: 30px 0;
    text-align: center;
    background-color: #181818;
    color: #fff
}

.lithium_copyirght a {
    display: inline-block;
    margin: 0 5px;
    color: #fff;
    font-size: 30px
}

.lithium_copyirght h5 {
    margin-bottom: 10px
}

.lithium_inner_header {
    position: relative;
    padding-top: 0
}

.lithium_inner_header .lithium_head_text {
    position: absolute;
    bottom: 0;
    padding: 10px 15px;
    background-color: rgba(24, 24, 24, 0.6);
    color: #fff;
    width: 100%
}

@media (max-width:480px) {
    .lithium_inner_header .lithium_head_text {
        position: inherit
    }
}

.lithium_inner_header .lithium_head_text ol li {
    color: #fff;
    font-weight: 700
}

.lithium_inner_header .lithium_head_text ol li a {
    color: #fff;
    font-weight: 700
}

.lithium_inner_header .lithium_head_text ol .active a {
    color: #fff;
    font-weight: 700
}

.lithium_section_news h4 {
    margin-bottom: 10px;
    color: #d33
}

.lithium_section_news h2 {
    font-size: 22px;
    font-weight: 500
}

.lithium_section_news h2:after {
    display: none
}

@media (max-width:767px) {
    .lithium_section_news ul {
        margin-bottom: 30px
    }
}

.lithium_section_news ul li a {
    color: #2f2f2f;
    padding: 5px;
    border-bottom: 1px solid #4d526e;
    display: block;
    transition: all .7s ease-in-out
}

.lithium_section_news ul li a p {
    line-height: inherit;
    margin: 0
}

.lithium_section_news ul li a:hover,
.lithium_section_news ul li a:focus {
    color: #d33;
    border-bottom-color: #d33
}

.lithium_section_news .lithium_news {
    background-color: #4d526e;
    padding: 20px;
    display: inline-block;
    width: 100%
}

.lithium_section_news .lithium_news .nn_news {
    padding: 20px 0;
    border-top: 1px solid #383c50;
    float: left;
    width: 100%
}

.lithium_section_news .lithium_news .nn_news .nn_news_link {
    width: 15%;
    float: left;
    margin-right: 2%
}

@media (max-width:767px) {
    .lithium_section_news .lithium_news .nn_news .nn_news_link {
        width: 25%;
        float: none
    }
}

.lithium_section_news .lithium_news .nn_news .nn_news_link p {
    color: #fff;
    background-color: #d33;
    padding: 3px;
    text-align: center;
    margin: 0
}

.lithium_section_news .lithium_news .nn_news .nn_news_link a {
    display: block;
    height: 95px;
    width: 100%;
    text-align: center;
    border: 0
}

.lithium_section_news .lithium_news .nn_news .nn_news_link a:hover,
.lithium_section_news .lithium_news .nn_news .nn_news_link a:focus {
    border: 0
}

.lithium_section_news .lithium_news .nn_news .nn_news_link a img {
    display: block;
    margin: 0 auto;
    max-height: 100%
}

.lithium_section_news .lithium_news .nn_news .nn_news_content {
    width: 83%;
    float: left
}

@media (max-width:767px) {
    .lithium_section_news .lithium_news .nn_news .nn_news_content {
        width: 100%;
        float: none
    }
}

.lithium_section_news a {
    color: #2f2f2f;
    font-weight: 600;
    border-bottom: 2px solid transparent;
    font-size: 17px
}

.lithium_section_news a:hover,
.lithium_section_news a:focus {
    color: #d33;
    border-color: #998979
}

.lithium_section_news img {
    text-align: left;
    margin: 20px 0
}

.navbar-fixed-top {
    z-index: 99
}

.lithium_help {
    background-image: url(../images/image-19.jpg)
}

.lithium_help h1 {
    font-size: 40px;
    font-weight: 600;
    line-height: 50px
}

@media (max-width:480px) {
    .lithium_help h1 {
        font-size: 30px
    }
}

.lithium_section_about {
    padding: 40px 0
}

.lithium_section_about h3 {
    color: #d33
}

.lithium_section_about ul {
    margin-top: 30px
}

.lithium_section_about ul li {
    position: relative;
    padding-left: 20px;
    font-size: 16px;
    line-height: 30px
}

.lithium_section_about ul li:after {
    position: absolute;
    left: 0;
    content: '\f1d8';
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 10px;
    color: #d33;
    top: 10px
}

.lithium_category {
    text-align: center;
    margin: 0 -15px
}

@media (max-width:480px) {
    .lithium_category .nn_col {
        width: 100%;
        float: none
    }
}

.lithium_category button {
    padding: 2px 20px;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px
}

.lithium_category .lithium_pdt {
    border: 1px solid #998979;
    border-radius: 20px;
    padding: 10px;
    margin-bottom: 30px
}

.lithium_category .lithium_pdt h5 {
    text-align: center;
    line-height: 20px;
    height: 44px;
    overflow: hidden;
    font-size: 16px
}

.lithium_category .lithium_pdt i {
    height: 240px;
    position: relative;
    width: 100%;
    display: block;
    margin-bottom: 10px
}

@media (max-width:1366px) {
    .lithium_category .lithium_pdt i {
        height: 165px
    }
}

.lithium_category .lithium_pdt i img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    max-height: 100%
}

.lithium_category_detail p {
    text-align: left
}

.lithium_category_detail img {
    margin: 0
}

.lithium_category_detail button {
    float: left
}

.lithium_category_detail h2 {
    margin-bottom: 40px
}

.lithium_category_detail .lithium_pdt_detail {
    text-align: left !important;
    clear: both
}

.lithium_category_detail .lithium_pdt_detail h2 {
    padding: 20px 0;
    margin: 0
}

.lithium_category_detail .lithium_pdt_detail hr {
    border-color: #998979;
    margin-top: 0
}

.lithium_contact_block {
    display: table
}

@media (max-width:767px) {
    .lithium_contact_block {
        display: block
    }
}

.lithium_contact_block .nn_col {
    float: none;
    display: table-cell;
    vertical-align: middle
}

@media (max-width:767px) {
    .lithium_contact_block .nn_col {
        display: block
    }
}

.lithium_section_contact {
    margin: 0 -15px
}

.lithium_section_contact_form {
    background-color: #b3a89c;
    padding: 0 40px
}

@media (max-width:767px) {
    .lithium_section_contact_form {
        padding: 40px
    }
}

.lithium_section_contact_form h2 {
    margin-bottom: 30px
}

@media (max-width:1024px) {
    .lithium_section_contact_form h2 {
        margin-bottom: 10px;
        font-size: 28px
    }
}

.lithium_section_contact_form h5 {
    line-height: 30px;
    margin-bottom: 30px
}

@media (max-width:1024px) {
    .lithium_section_contact_form h5 {
        line-height: 25px;
        font-size: 16px
    }
}

.lithium_section_contact_form .lithium_form {
    width: 100%;
    clear: both;
    display: inline-block
}

.lithium_section_contact_form .lithium_form input,
.lithium_section_contact_form .lithium_form textarea {
    width: 100%;
    border: 0;
    border-bottom: 2px solid #d33;
    background: transparent;
    padding: 15px 0;
    margin-bottom: 0;
    font-size: 18px;
    color: #2f2f2f
}

@media (max-width:1024px) {

    .lithium_section_contact_form .lithium_form input,
    .lithium_section_contact_form .lithium_form textarea {
        font-size: 16px
    }
}

@media (max-width:480px) {

    .lithium_section_contact_form .lithium_form input,
    .lithium_section_contact_form .lithium_form textarea {
        width: 100%;
        margin-right: 0
    }
}

.lithium_section_contact_form .lithium_form input::-webkit-input-placeholder,
.lithium_section_contact_form .lithium_form textarea::-webkit-input-placeholder {
    color: #2f2f2f
}

.lithium_section_contact_form .lithium_form input::-moz-placeholder,
.lithium_section_contact_form .lithium_form textarea::-moz-placeholder {
    color: #2f2f2f
}

.lithium_section_contact_form .lithium_form input:-ms-input-placeholder,
.lithium_section_contact_form .lithium_form textarea:-ms-input-placeholder {
    color: #2f2f2f
}

.lithium_section_contact_form .lithium_form input:-moz-placeholder,
.lithium_section_contact_form .lithium_form textarea:-moz-placeholder {
    color: #2f2f2f
}

.lithium_section_contact_form .lithium_form textarea {
    height: 80px;
    width: 100%;
    padding: 15px 0;
    margin-top: 30px
}

.lithium_section_contact_form .lithium_form button {
    padding: 20px 20px;
    border: none;
    background-color: #3b65ce;
    border: 2px solid #3b65ce;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    margin-top: 40px;
    text-align: left
}

.lithium_section_contact_form .lithium_form button:active,
.lithium_section_contact_form .lithium_form button:hover,
.lithium_section_contact_form .lithium_form button:focus {
    background-color: transparent;
    border: 2px solid #3b65ce;
    color: #3b65ce
}

.lithium_section_contact_form .lithium_form option {
    color: #2f2f2f
}

.lithium_contact_help {
    padding: 40px 0;
    background-image: url("../images/image-19.jpg")
}

@media (max-width:767px) {
    .lithium_contact_help .nn_col {
        margin-bottom: 15px
    }
}

.lithium_contact_help h2 {
    font-size: 28px
}

.lithium_contact_help .bold {
    color: #d33;
    font-weight: 700;
    margin-bottom: 30px
}

.lithium_contact_help h5 {
    line-height: 30px
}

.lithium_gallery .gallery {
    font-size: 0
}

.lithium_gallery .gallery a {
    display: inline-block;
    width: 20%;
    float: left;
    height: auto;
    overflow: hidden
}

@media (max-width:540px) {
    .lithium_gallery .gallery a {
        display: block;
        width: 100%;
        height: auto;
        max-height: none;
        max-width: none
    }
}

.lithium_gallery .gallery a img {
    width: 100%;
    height: 280px;
    -webkit-transition: -webkit-transform .15s ease;
    -moz-transition: -moz-transform .15s ease;
    -o-transition: -o-transform .15s ease;
    -ms-transition: -ms-transform .15s ease;
    transition: transform .15s ease;
    position: relative;
    object-fit: cover
}

.lithium_gallery .gallery a img:hover {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

@media (max-width:540px) {
    .lithium_gallery .gallery a img {
        height: auto
    }
}

@media (max-width:1366px) {
    .lithium_gallery .gallery a img {
        height: 240px;
        object-fit: cover
    }
}

.lithium_gallery .gallery .big {
    width: 40%;
    height: auto;
    float: left;
    overflow: hidden
}

@media (max-width:540px) {
    .lithium_gallery .gallery .big {
        display: block;
        width: 100%;
        height: auto;
        max-height: none;
        max-width: none
    }
}

.minion_header.iron_header {
    position: inherit
}

.minion_header.iron_header .menu_top {
    padding: 12px 0;
    background-color: #1a2026
}

@media (max-width:990px) {
    .minion_header.iron_header .menu_top {
        padding: 12px 10px;
        height: 65px
    }
}

.minion_header.iron_header .menu_top .logo_head {
    text-align: left;
    margin-left: 28px
}

.minion_header.iron_header .menu_top .logo_head img {
    height: 40px
}

.minion_header.iron_header .menu_top ul {
    float: none
}

.minion_header.iron_header .menu_top ul li {
    line-height: 40px;
    padding: 0;
    margin-left: 5px;
    display: inline-block
}

.minion_header.iron_header .menu_top ul li a {
    border: 0;
    font-size: 18px;
    background-color: #2e303f;
    text-align: center;
    line-height: 45px;
    width: 100%;
    height: 45px;
    padding: 0 10px;
    display: block;
    margin-top: 10px
}

.minion_header.iron_header .menu_top ul li a:hover,
.minion_header.iron_header .menu_top ul li a:focus {
    background-color: #998979
}

.minion_header.iron_header .menu_top ul li a p {
    border-bottom: 1px solid #fff
}

.minion_header.iron_header .menu_top ul li i {
    padding: 0;
    font-size: inherit;
    border: 0
}

.minion_header.iron_header .main_header {
    height: auto;
    background: linear-gradient(to right, #998979 0, #a49687 15%, #d62600 45%, #a31d00 75%, #2e303f 100%)
}

.minion_header.iron_header .main_header .nav {
    float: none;
    top: 40px
}

@media (max-width:990px) {
    .minion_header.iron_header .main_header .nav {
        background: #fff
    }
}

.minion_header.iron_header .main_header .nav li {
    padding: 0
}

.minion_header.iron_header .main_header .nav li a {
    padding: 15px;
    border: 0;
    font-weight: 400
}

.minion_header.iron_header .main_header .nav li a:last-child {
    padding: 15px
}

@media (max-width:990px) {
    .minion_header.iron_header .main_header .nav li a {
        padding: 0
    }
}

.minion_header.iron_header .main_header .nav li a:last-child {
    padding: 15px
}

@media (max-width:990px) {
    .minion_header.iron_header .main_header .nav li a:last-child {
        padding: 0
    }
}

.minion_header.iron_header .main_header .nav li a:hover,
.minion_header.iron_header .main_header .nav li a:focus {
    color: #fff;
    background-color: #998979
}

.minion_header.iron_header .main_header .nav li .active {
    color: #fff;
    background-color: #998979
}

.minion_header.iron_header .main_header .nav li .dropdown-menu {
    background-color: transparent
}

.minion_header.iron_header .main_header .nav li .dropdown-menu li a {
    background: #998979;
    padding: 10px
}

.minion_header.iron_header .main_header .nav li .dropdown-menu li a:hover {
    background: #a31d00
}

@media (max-width:990px) {
    .minion_header.iron_header .main_header .navbar-header {
        padding-top: 10px;
        padding-right: 20px;
        padding-bottom: 5px
    }
}

.minion_header.iron_header .navbar-collapse {
    position: relative
}

@media (max-width:990px) {
    .minion_header.iron_header .navbar-collapse {
        position: absolute;
        top: 40px
    }
}

.minion_header.iron_header .minion_header_logo {
    display: inline-block;
    float: left
}

.minion_header.iron_header .minion_header_social {
    display: inline-block;
    float: right
}

.minion_main_header {
    position: relative
}

.minion_main_header .lithium_head_text {
    position: absolute;
    top: 40%;
    color: #fff;
    left: 0;
    right: 0;
    text-align: center
}

@media (max-width:1210px) {
    .minion_main_header .lithium_head_text {
        top: 25px
    }
}

.minion_main_header .lithium_head_text h2 {
    font-size: 40px
}

@media (max-width:990px) {
    .minion_main_header .lithium_head_text h2 {
        font-size: 36px
    }
}

.minion_main_header .lithium_head_text h4 {
    font-size: 22px;
    width: 55%;
    margin: 0 auto;
    line-height: 35px;
    font-weight: 300
}

@media (max-width:990px) {
    .minion_main_header .lithium_head_text h4 {
        font-size: 18px
    }
}

@media (max-width:720px) {
    .minion_main_header .lithium_head_text h4 {
        width: 90%
    }
}

.minion_main_header img {
    max-width: 100%
}

@media (max-width:720px) {
    .minion_main_header img {
        min-height: 320px
    }
}

.minion_section button,
.minion_section .link_btn {
    background-color: #2e303f;
    border: 0;
    padding: 5px 40px;
    border-radius: 20px;
    font-size: 18px;
    font-weight: 600;
    margin-top: 30px
}

.minion_section button:hover,
.minion_section .link_btn:hover {
    background-color: #998979;
    color: #fff
}

.minion_section h2 {
    font-size: 24px
}

.minion_section1 {
    background-image: url(../images/slider-bg-3.jpg);
    background-position: top center;
    padding: 20px 0;
    background-size: cover
}

.minion_section1 img {
    max-height: 175px
}

.minion_section1 h3 {
    line-height: 30px;
    font-size: 18px;
    font-weight: 300
}

@media (max-width:720px) {
    .minion_section1 h3 {
        font-size: 14px;
        line-height: 25px;
        margin-bottom: 15px
    }
}

.minion_section1 span {
    float: right;
    width: 35%;
    margin-top: 20px;
    text-align: right
}

.minion_section1 span h3 {
    line-height: 35px;
    font-size: 16px
}

.minion_section1 span h5 {
    font-weight: 300;
    font-size: 16px
}

.minion_section2 {
    padding: 40px 0
}

.minion_section2 img {
    max-width: 100%
}

.minion_section2 .minion_services {
    border: 6px solid #2e303f;
    border-top: 0;
    border-right: 0
}

.minion_section2 .minion_services:hover {
    border: 6px solid #998979;
    border-top: 0;
    border-right: 0
}

.minion_section2 .minion_services span {
    display: block
}

.minion_section2 .minion_services span h4 {
    padding: 15px 10px;
    background-color: #2e303f;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    font-weight: 600
}

.minion_section2 .minion_services .minion_service_content {
    padding: 20px
}

.minion_section2 .minion_services .minion_service_content p {
    line-height: 1.5;
    font-weight: 300
}

.minion_section2 .minion_services .minion_service_content a {
    color: #998979
}

.minion_section2 .minion_services:hover span {
    background-color: #998979;
    color: #fff
}

.minion_section2 h2 {
    margin-bottom: 30px
}

@media (max-width:720px) {
    .minion_section2 h2 {
        margin-bottom: 10px
    }
}

.minion_section3 {
    background-image: url("../images/pexels-photo-260922.jpeg");
    color: #fff;
    padding: 40px 0;
    background-size: cover
}

.minion_section3 h1 {
    font-size: 40px;
    text-align: center;
    padding: 0 345px;
    position: relative;
    z-index: 9
}

@media (max-width:1366px) {
    .minion_section3 h1 {
        padding: 0 200px
    }
}

@media (max-width:720px) {
    .minion_section3 h1 {
        padding: 30px 0 0;
        font-size: 24px
    }
}

@media (max-width:560px) {
    .minion_section3 h1 {
        padding: 28px 0 0;
        font-size: 18px
    }
}

.minion_section3 h1:after {
    position: absolute;
    content: '';
    border-bottom: 2px solid #2e303f;
    width: 25%;
    right: 0;
    top: 0
}

.minion_section3 h1:before {
    position: absolute;
    content: '';
    border-bottom: 2px solid #2e303f;
    width: 25%;
    left: 0;
    top: 0
}

.minion_section3 .minion_contact {
    height: 200px;
    border: 2px solid #2e303f;
    border-top: 0;
    border-bottom: 0;
    position: relative;
    top: -86px
}

@media (max-width:720px) {
    .minion_section3 .minion_contact {
        height: 140px;
        top: -55px
    }
}

@media (max-width:560px) {
    .minion_section3 .minion_contact {
        top: -45px;
        padding-bottom: 0;
        height: 140px
    }
}

.minion_section3 .minion_contactbtn {
    position: relative;
    top: -104px;
    text-align: center
}

@media (max-width:720px) {
    .minion_section3 .minion_contactbtn {
        top: -74px
    }
}

@media (max-width:560px) {
    .minion_section3 .minion_contactbtn {
        top: -63px
    }
}

.minion_section3 .minion_contactbtn:hover:after,
.minion_section3 .minion_contactbtn:hover:before {
    border-color: #998979
}

.minion_section3 .minion_contactbtn:after {
    position: absolute;
    content: '';
    border-bottom: 2px solid #2e303f;
    width: 42%;
    right: 0;
    top: 17px
}

.minion_section3 .minion_contactbtn:before {
    position: absolute;
    content: '';
    border-bottom: 2px solid #2e303f;
    width: 42%;
    left: 0;
    top: 17px
}

.minion_section3 button,
.minion_section3 .link_btn {
    margin: 0 auto;
    display: block;
    padding: 10px 50px
}

.minion_section4 a {
    display: inline-block;
    margin-bottom: 20px;
    min-height: auto;
    width: auto
}

@media (max-width:720px) {
    .minion_section4 a {
        min-height: auto
    }
}

.minion_section4 a:hover i {
    border: 2px solid #2e303f
}

.minion_section4 a:hover span {
    background-color: #2e303f
}

.minion_section4 a:hover span h5 {
    color: #fff
}

.minion_section4 a i {
    display: block;
    text-align: center;
    padding: 15px 0;
    border: 2px solid transparent;
    transition: all .5s ease-in-out
}

.minion_section4 a span {
    text-align: center;
    padding: 10px;
    background-color: #ababab;
    display: block;
    min-height: 50px;
    font-size: 14px;
    color: #2f2f2f
}

.minion_section4 a span h5 {
    font-size: 14px;
    color: #2e303f
}

.minion_section_footer {
    background-color: #706355;
    color: #fff;
    padding: 40px 0
}

.minion_section_footer li {
    margin-bottom: 5px;
    float: left;
    width: 100%
}

.minion_section_footer li i {
    float: left;
    font-size: 22px;
    padding-top: 5px;
    width: 10%
}

.minion_section_footer li span {
    padding-left: 0;
    line-height: 25px;
    font-weight: 300;
    width: 90%;
    float: right
}

.minion_section_footer h3 {
    margin-bottom: 20px;
    font-size: 18px
}

.minion_section_footer .minion_footer li {
    width: 100%
}

.minion_section_footer .minion_footer li p {
    padding-left: 0;
    width: 100%;
    float: none
}

.minion_section_footer h2 {
    line-height: 40px;
    margin-bottom: 30px;
    font-size: 14px
}

.minion_section_footer h3 {
    font-size: 14px
}

.minion_section_footer h4 {
    line-height: 22px;
    font-size: 14px
}

@media (max-width:990px) {
    .minion_section_footer .nn_col {
        clear: both;
        margin-bottom: 25px;
        float: left;
        width: 100%
    }
}

.minion_section_copyright {
    padding: 20px 0;
    background-color: #847565;
    color: #fff
}

.minion_inner_header {
    padding: 20px 0
}

.minion_inner_header h5 {
    font-weight: 300
}

.minion_inner_header h5 a {
    color: #2f2f2f
}

.minion_category .nn_pagination {
    clear: both;
    text-align: center
}

.minion_category .nn_pagination ul {
    border: 3px solid #998979;
    border-top: 0;
    border-bottom: 0;
    clear: both;
    font-size: 0;
    display: inline-block
}

@media (max-width:990px) {
    .minion_category .nn_pagination ul {
        margin-bottom: 25px
    }
}

.minion_category .nn_pagination ul li {
    display: inline-block
}

.minion_category .nn_pagination ul li a {
    color: #2f2f2f;
    font-size: 16px;
    padding: 10px;
    display: block;
    background-color: #383c50
}

.minion_category .nn_pagination ul li a p {
    margin: 0
}

.minion_category .nn_pagination ul li a:hover {
    background-color: #998979;
    color: #fff
}

.minion_category h1 {
    margin-bottom: 30px;
    font-weight: 700;
    padding-bottom: 5px;
    border-bottom: 1px solid #383c50
}

@media (max-width:640px) {
    .minion_category h1 {
        font-size: 24px
    }
}

.minion_category ul li a {
    padding: 10px 20px;
    background-color: #d33;
    color: #fff;
    display: block;
    margin-bottom: 2px
}

.minion_category ul li a:hover,
.minion_category ul li a:focus {
    background-color: #2e303f
}

.minion_category ul li .active {
    background-color: #2e303f
}

.minion_cat_list a {
    color: #2f2f2f;
    background-color: #a31d00;
    border-radius: 20px;
    padding: 4px 20px;
    margin-bottom: 20px;
    display: inline-block
}

.minion_cat_list a:hover {
    color: #fff;
    background-color: #998979
}

.minion_cat_list h4 {
    line-height: 20px;
    font-size: 16px
}

.minion_cat_list .minion_cat_section {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #383c50
}

@media (max-width:540px) {
    .minion_cat_list .minion_cat_section img {
        width: 100%
    }
}

.minion_cat_list .minion_cat_section .ecom_pdt {
    float: left;
    height: 230px;
    width: 45%;
    padding: 10px
}

@media (max-width:990px) {
    .minion_cat_list .minion_cat_section .ecom_pdt {
        height: auto
    }
}

.minion_cat_list .minion_cat_section .ecom_pdt i {
    display: block;
    height: 230px;
    position: relative
}

@media (max-width:990px) {
    .minion_cat_list .minion_cat_section .ecom_pdt i {
        height: 140px
    }
}

.minion_cat_list .minion_cat_section .ecom_pdt i img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%
}

@media (max-width:990px) {
    .minion_cat_list .minion_cat_section .ecom_pdt i img {
        width: auto
    }
}

.minion_cat_list .minion_cat_section .minion_cat_title {
    float: left;
    width: 55%;
    padding: 5px 5px 5px 15px;
    background-color: #4d526e;
    height: 270px
}

@media (max-width:990px) {
    .minion_cat_list .minion_cat_section .minion_cat_title {
        height: auto;
        padding: 25px 15px
    }
}

.minion_cat_list .minion_cat_section .minion_cat_title .price {
    color: #a31d00;
    font-size: 16px
}

.minion_cat_detail i {
    height: 290px;
    width: 100%;
    position: relative;
    display: block
}

@media (max-width:1366px) {
    .minion_cat_detail i {
        height: 322px
    }
}

@media (max-width:990px) {
    .minion_cat_detail i {
        height: 210px;
        margin: 20px 0
    }
}

.minion_cat_detail i img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%
}

.minion_cat_detail h3 {
    color: #fff;
    background-color: #998979;
    width: 100%;
    padding: 10px 20px
}

.minion_cat_detail .minion_pdt_content {
    margin: 30px 0
}

.minion_cat_detail .minion_pdt_content ul {
    border: 0
}

.minion_news {
    float: left;
    width: 100%
}

.minion_news .minion_news_list {
    float: left;
    width: 100%;
    padding-bottom: 30px;
    border-bottom: 1px solid #383c50;
    margin-bottom: 30px
}

.minion_news .minion_news_list:last-child {
    border: 0
}

.minion_news .minion_news_list .news {
    float: left;
    width: 70%
}

@media (max-width:720px) {
    .minion_news .minion_news_list .news {
        width: 100%
    }
}

.minion_news .minion_news_list .news h4 {
    margin-bottom: 20px;
    font-weight: 600
}

.minion_news .minion_news_list .image {
    float: right;
    width: 25%
}

@media (max-width:720px) {
    .minion_news .minion_news_list .image {
        width: 100%
    }
}

.minion_news .minion_news_list .image img {
    float: right;
    max-height: 100px
}

@media (max-width:720px) {
    .minion_news .minion_news_list .image img {
        width: 100%;
        height: auto
    }
}

.minion_about h4 {
    line-height: 32px;
    margin-bottom: 30px;
    font-weight: 400
}

.minion_about p {
    line-height: 1.5;
    font-size: 16px
}

.minion_about i img {
    left: 0;
    right: inherit
}

.minion_about h3 {
    margin-bottom: 30px
}

.minion_contact {
    padding-bottom: 0;
    padding-top: 75px
}

.minion_contact iframe {
    margin-bottom: 30px
}

.minion_contact h5 {
    margin-bottom: 30px;
    font-weight: 600
}

.minion_contact .minion_form input,
.minion_contact .minion_form textarea {
    display: block;
    width: 100%;
    padding: 5px 20px;
    line-height: 35px;
    margin-bottom: 35px;
    background-color: #ccd1d2;
    color: #000
}

.minion_contact .minion_form input::-webkit-input-placeholder,
.minion_contact .minion_form textarea::-webkit-input-placeholder {
    color: #000
}

.minion_contact .minion_form input::-moz-placeholder,
.minion_contact .minion_form textarea::-moz-placeholder {
    color: #000
}

.minion_contact .minion_form input:-ms-input-placeholder,
.minion_contact .minion_form textarea:-ms-input-placeholder {
    color: #000
}

.minion_contact .minion_form input:-moz-placeholder,
.minion_contact .minion_form textarea:-moz-placeholder {
    color: #000
}

.minion_contact .minion_form textarea {
    min-height: 100px
}

.minion_contact .minion_form button {
    margin-bottom: 30px;
    background-color: #d33;
    border: 2px solid transparent;
    color: #fff;
    border-radius: 25px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 8px 30px
}

.minion_contact .minion_form button:active,
.minion_contact .minion_form button:focus,
.minion_contact .minion_form button:hover {
    background-color: transparent;
    border: 2px solid #d33;
    color: #d33;
    padding: 8px 30px
}

.minion_gallery .iron_gallery a {
    position: relative;
    display: block;
    box-shadow: none;
    transition: .3s all ease-in-out;
    width: 100%
}

.minion_gallery .iron_gallery a:hover {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    transition: .3s all ease-in-out;
    transform: translateY(-8px)
}

.minion_gallery .iron_gallery a .card {
    box-shadow: none;
    margin: 0 0 20px 0;
    height: 200px;
    width: 100%;
    object-fit: cover
}

.minion_gallery .iron_gallery a .hover {
    transition: all 250ms;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.25);
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    height: 100%;
    width: 100%;
    transform: scale(0);
    justify-content: center;
    align-items: center;
    display: none
}

.minion_gallery .iron_gallery a .hover i {
    color: #fff;
    font-size: 40px;
    display: none
}

.minion_gallery .iron_gallery a:hover .hover {
    transform: scale(1)
}

.site-editor .minion_gallery .hover {
    transform: scale(0)
}

.site-editor .iron_gallery a .hover {
    display: none
}

.site-editor .garden_relization .realization_section .mask {
    display: none
}

.site-editor .garden_relization .realization_section .realization2 {
    opacity: 1
}

.site-editor .pixel_gallery .gal_box .fancy_grid::after {
    display: none
}

.site-editor .pixel_gallery .gal_box .gal_btn {
    left: 20px;
    opacity: 1
}

.site-editor .pixel_gallery .gal_box .gal_text {
    opacity: 1;
    visibility: visible;
    bottom: 0
}

.union_header.iron_header {
    position: relative
}

.union_header.iron_header .menu_top {
    text-align: left;
    height: 50px;
    line-height: 50px;
    background-color: #998979
}

.union_header.iron_header .menu_top .union_header_social a {
    color: #383c50;
    font-size: 18px;
    margin-left: 10px
}

@media (max-width:990px) {
    .union_header.iron_header .menu_top {
        padding: 0 25px
    }
}

@media (max-width:480px) {
    .union_header.iron_header .menu_top {
        padding: 0 5px
    }
}

.union_header.iron_header .menu_top i {
    margin-right: 8px;
    color: #fff
}

@media (max-width:640px) {
    .union_header.iron_header .menu_top i {
        display: none
    }
}

.union_header.iron_header .menu_top i,
.union_header.iron_header .menu_top h5 {
    float: left;
    line-height: 47px
}

.union_header.iron_header .menu_top h5 {
    margin-right: 40px;
    font-size: 14px;
    color: #fff
}

@media (max-width:990px) {
    .union_header.iron_header .menu_top h5 {
        font-size: 12px;
        margin-right: 20px
    }
}

@media (max-width:640px) {
    .union_header.iron_header .menu_top h5 {
        display: none
    }
}

.union_header.iron_header .menu_top a {
    color: #fff;
    text-decoration: none
}

.union_header.iron_header .main_header {
    background-color: transparent;
    height: auto;
    padding: 0
}

.union_header.iron_header .main_header .logo_head {
    margin-top: 0;
    padding: 0
}

.union_header.iron_header .main_header .logo_head a {
    width: auto;
    height: 80px;
    display: table-cell;
    vertical-align: middle
}

.union_header.iron_header .main_header .logo_head a img {
    max-width: 170px;
    z-index: 101;
    position: relative
}

.union_header.iron_header .main_header .nav li {
    padding: 0
}

.union_header.iron_header .main_header .nav li a {
    border-right: 0;
    color: #383c50;
    letter-spacing: 1px;
    font-weight: 700;
    padding: 30px 8px;
    font-size: 14px
}

@media (max-width:990px) {
    .union_header.iron_header .main_header .nav li a {
        padding: 0
    }
}

.union_header.iron_header .main_header .nav li a:hover,
.union_header.iron_header .main_header .nav li a:focus {
    color: #998979
}

.union_header.iron_header .main_header .nav li .active {
    color: #998979;
    background-color: transparent
}

.union_header.iron_header .main_header .nav li .dropdown-menu {
    background-color: #d33;
    top: 78px
}

@media (max-width:990px) {
    .union_header.iron_header .main_header .nav li .dropdown-menu {
        position: initial;
        width: 100%
    }
}

.union_header.iron_header .main_header .nav li .dropdown-menu li a {
    color: #fff
}

.union_header.iron_header .main_header .nav li .dropdown-menu li a:hover {
    color: #d33
}

.union_header.iron_header .navbar-header .navbar-toggle .icon-bar {
    background: #d33
}

.union_header.iron_header .navbar-collapse {
    background: #fff;
    top: 80px;
    left: 0;
    padding: 20px 0
}

@media (max-width:990px) {
    .union_header.iron_header .navbar-collapse {
        border-top: 2px solid #d33;
        border-bottom: 2px solid #d33
    }
}

.union_header.iron_header .navbar-collapse .nav {
    background: #fff
}

.union_header.iron_header .union_header_mail {
    display: inline-block;
    float: left
}

.union_header.iron_header .union_header_social {
    display: inline-block;
    float: right
}

.nn_alfa_slider.nn_union .owl-controls {
    margin: 0
}

.nn_alfa_slider.nn_union .owl-controls .owl-buttons div {
    border-radius: initial;
    padding: 20px 30px
}

.nn_union.nn_union_section1 {
    padding-top: 60px;
    background-color: #a31d00
}

.nn_union.nn_union_section1 h2 {
    color: #fff
}

.nn_union.nn_union_section1 .nn_union_inner_sec .nn_col {
    padding: 0
}

.nn_union.nn_union_section1 .nn_union_inner_sec .nn_col img {
    max-width: 100%
}

.nn_union.nn_union_section1 .union_inner_img {
    position: relative
}

.nn_union.nn_union_section1 .union_inner_img:hover .hover {
    width: 100%
}

.nn_union.nn_union_section1 .union_inner_img:hover .hover h4,
.nn_union.nn_union_section1 .union_inner_img:hover .hover a {
    left: 50%;
    transform: translate(-50%, -50%)
}

.nn_union.nn_union_section1 .union_inner_img .hover {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    display: flex;
    background-color: rgba(153, 137, 121, 0.9);
    width: 0;
    transition: all ease-in-out .2s;
    overflow: hidden
}

.nn_union.nn_union_section1 .union_inner_img .hover h4,
.nn_union.nn_union_section1 .union_inner_img .hover a {
    color: #fff;
    transition: all ease-in-out .4s;
    position: absolute;
    display: block;
    left: 0
}

.nn_union.nn_union_section1 .union_inner_img .hover h4 {
    top: 50%;
    transform: translateY(-50%);
    font-weight: 600;
    font-size: 20px
}

.nn_union.nn_union_section1 .union_inner_img .hover a {
    top: 60%;
    transform: translateY(-60%);
    font-size: 30px;
    display: block
}

.nn_union {
    color: #2f2f2f
}

.nn_union p,
.nn_union h1,
.nn_union h2,
.nn_union h3,
.nn_union h4,
.nn_union h5,
.nn_union h6 {
    color: #2f2f2f
}

.nn_union p {
    line-height: 1.5;
    font-weight: 400
}

.nn_union img {
    max-width: 100%
}

.nn_union h2 {
    font-weight: 600;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 40px;
    color: #2f2f2f;
    font-size: 24px
}

.nn_union h2:before {
    position: absolute;
    content: "";
    border-bottom: 3px solid #998979;
    width: 190px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

@media (max-width:560px) {
    .nn_union h2:before {
        width: 50%
    }
}

.nn_union .nano_social_btn {
    padding: 0;
    list-style: none;
    width: auto;
    display: inline-block;
    vertical-align: top;
    margin: 0 30px
}

.nn_union .nano_social_btn li {
    display: inline-block;
    margin-right: 5px;
    width: auto
}

.nn_union .nano_social_btn li a {
    display: inline-block !important;
    background-color: #d33 !important;
    border: 2px solid #d33 !important;
    color: #fff !important;
    font-size: 16px;
    font-weight: normal !important;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 5px;
    padding: 0 !important;
    transition: .3s all ease-in-out
}

.nn_union .nano_social_btn li a:hover {
    background-color: transparent !important;
    border: 2px solid #d33 !important;
    color: #d33 !important;
    transition: .3s all ease-in-out
}

@media (max-width:766px) {
    .nn_union_slider .item {
        min-height: 300px;
        position: relative;
        overflow: hidden
    }
}

@media (max-width:766px) {
    .nn_union_slider .item img {
        max-width: none;
        width: auto;
        height: 100%;
        position: absolute;
        right: 0;
        left: 0;
        margin: 0 auto
    }
}

@media (max-width:766px) {
    .nn_union_slider .owl-controls .owl-buttons div {
        padding: 10px
    }
}

@media (max-width:766px) {
    .nn_union_slider .owl-controls .owl-buttons div i {
        font-size: 18px
    }
}

.nn_union_section2 {
    padding: 60px 0
}

.nn_union_section2 span {
    display: block;
    background-color: #fff;
    padding: 25px 15px 15px 15px;
    margin: -62px 20px 20px 20px;
    position: relative;
    font-weight: 600;
    color: #2f2f2f
}

.nn_union_section2 span a {
    font-size: 16px;
    color: #2f2f2f
}

.nn_union_section2 span h4 {
    margin-bottom: 10px
}

.nn_union_service {
    padding: 90px;
    background-color: rgba(175, 163, 150, 0.5)
}

@media (max-width:766px) {
    .nn_union_service {
        padding: 50px
    }
}

@media (max-width:560px) {
    .nn_union_service {
        padding: 50px 25px
    }
}

.nn_union_service h3 {
    position: relative;
    padding-bottom: 20px;
    line-height: 1.4
}

@media (max-width:766px) {
    .nn_union_service h3 {
        font-size: 18px
    }
}

.nn_union_service h3:after {
    position: absolute;
    content: "";
    width: 200px;
    bottom: 0;
    border-bottom: 3px solid #998979;
    left: 0;
    right: 0;
    margin: 0 auto
}

@media (max-width:766px) {
    .nn_union_service h3:after {
        width: 50%
    }
}

.union_footer {
    background-color: #998979
}

.union_footer h3 {
    color: #fff;
    font-size: 14px
}

@media (max-width:990px) {
    .union_footer h3 {
        margin-bottom: 10px
    }
}

.union_footer p {
    color: #fff;
    font-size: 12px;
    margin-top: 20px
}

.union_footer a {
    font-size: 12px
}

.union_footer a:hover i {
    margin-left: 10px;
    color: #998979
}

.union_footer a i {
    color: #e87575;
    margin-right: 10px;
    transition: all ease .1s
}

.union_footer a img {
    max-width: 210px
}

.union_footer .union_footer_social {
    padding: 0;
    margin: 20px;
    list-style: none;
    display: inline-block;
    width: auto
}

.union_footer .union_footer_social li {
    display: inline-block;
    margin-right: 15px;
    list-style: none;
    width: auto
}

.union_footer .union_footer_social li:last-child {
    margin-right: 0
}

.union_footer .union_footer_social li a {
    font-size: 25px;
    color: #fff;
    display: inline-block
}

.union_footer ul li {
    margin-bottom: 10px;
    float: left;
    width: 100%
}

.union_footer ul li i {
    float: left;
    font-size: 22px;
    padding-top: 5px;
    width: 10%;
    color: #fff
}

.union_footer ul li p {
    padding-left: 0;
    line-height: 30px;
    font-weight: 300;
    width: 80%;
    float: right;
    margin: 0;
    font-size: 12px
}

@media (max-width:990px) {
    .union_footer ul li p {
        width: 90%
    }
}

@media (max-width:990px) {
    .union_footer .nn_col {
        clear: both;
        float: left;
        width: 100%;
        margin-bottom: 25px
    }
}

.union_copyirght {
    padding: 25px 0;
    background-color: #1b273d
}

.union_copyirght p {
    color: #fff;
    text-align: center
}

.nn_union_inner_header {
    background-image: url("/static/themes/nano_lite/images/gard-img-11.jpg");
    padding: 60px 0
}

.nn_union_inner_header h1 {
    margin-bottom: 30px
}

@media (max-width:640px) {
    .nn_union_inner_header h1 {
        font-size: 24px;
        margin-bottom: 15px
    }
}

.nn_union_inner_header ol {
    padding: 10px 30px;
    background-color: #fff;
    width: fit-content;
    margin: 0 auto;
    border-radius: 0
}

.nn_union_inner_header ol li a {
    color: #2f2f2f
}

.nn_union.nn_union_about {
    padding: 60px 0
}

.nn_union.nn_union_about h2 {
    position: relative;
    padding-bottom: 20px;
    margin: 20px 0
}

.nn_union.nn_union_about h2:before {
    left: 0;
    bottom: 0;
    margin: initial
}

.nn_union.nn_union_about iframe {
    padding: 10px;
    border: 1px solid #2f2f2f
}

@media (max-width:990px) {
    .nn_union_category ul {
        margin-bottom: 25px
    }
}

.nn_union_category ul li {
    margin-bottom: 2px
}

.nn_union_category ul li a {
    display: block;
    padding: 10px 30px;
    background-color: #383c50;
    color: #fff;
    font-weight: 600
}

.nn_union_category ul li a p {
    color: #2f2f2f;
    margin: 0
}

.nn_union_category ul li a:hover {
    background-color: #d33;
    color: #fff
}

.nn_union_category ul li a:hover p {
    color: #fff
}

.nn_union_pdt a {
    border: 1px solid #998979;
    display: block;
    width: 100%;
    margin-bottom: 20px
}

.nn_union_pdt .product {
    border-bottom: 1px solid #998979
}

.nn_union_pdt .pdt_title,
.nn_union_pdt .pdt_description {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    padding: 10px
}

.nn_union_pdt .pdt_title p,
.nn_union_pdt .pdt_description p {
    margin: 0;
    height: 120px;
    overflow: hidden
}

.nn_union_pdt .pdt_title h4,
.nn_union_pdt .pdt_description h4 {
    margin-bottom: 15px;
    font-weight: 600;
    max-height: 40px;
    overflow: hidden;
    font-size: 16px
}

.nn_union_pdt .pdt_title button,
.nn_union_pdt .pdt_description button {
    background-color: #d33;
    color: #fff;
    padding: 0 20px;
    border: 0;
    text-align: center;
    height: 45px;
    line-height: 42px;
    border-radius: 8px;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 500;
    width: auto;
    margin: 10px 0;
    border: 2px solid #d33;
    transition: .3s all ease-in-out
}

.nn_union_pdt .pdt_title button:hover,
.nn_union_pdt .pdt_description button:hover {
    background-color: transparent;
    border: 2px solid #d33;
    transition: .3s all ease-in-out
}

.nn_union_pdt .pdt_title {
    text-align: center
}

.nn_union_pdt .pdt_description {
    background-color: #7d83a4;
    height: 375px;
    overflow: hidden
}

.ecom_pdt {
    width: 100%;
    height: 231px;
    position: relative;
    margin: 20px 0
}

.ecom_pdt img {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%
}

.union_pdt_detail img {
    margin-bottom: 30px;
    width: 350px;
    height: 350px;
    object-fit: cover
}

.union_pdt_detail .pdt_summary {
    border-top: 1px solid #d33;
    padding-top: 20px
}

@media (max-width:990px) {
    .union_pdt_detail .pdt_summary {
        border: 0
    }
}

.union_pdt_detail ul {
    padding: 0;
    margin: 0;
    list-style: disc
}

.union_pdt_detail ul li {
    list-style: disc;
    margin-bottom: 8px !important;
    color: #2f2f2f
}

.nn_union_contact h5 {
    margin-bottom: 20px
}

.nn_union_contact .union_form {
    margin-top: 20px
}

.nn_union_contact .union_form input,
.nn_union_contact .union_form textarea {
    margin-bottom: 20px;
    border: 2px solid #d33;
    background-color: #6e759a;
    height: 55px;
    padding: 14px;
    width: 100%;
    color: #000;
    font-size: 15px
}

.nn_union_contact .union_form textarea {
    height: 100px
}

.nn_union_contact .union_form button {
    background-color: #d33;
    color: #fff;
    padding: 12px 10px;
    width: auto;
    border: 0;
    margin-top: 20px
}

.nn_union_contact ul {
    margin-top: 30px
}

.nn_union_contact ul li {
    float: left;
    width: 100%;
    margin-bottom: 5px
}

.nn_union_contact ul li i {
    float: left;
    font-size: 15px;
    padding-top: 5px;
    width: 5%;
    color: #998979
}

.nn_union_contact ul li p {
    padding-left: 0;
    line-height: 30px;
    font-weight: 300;
    width: 92%;
    float: right;
    margin: 0;
    font-size: 16px
}

@media (max-width:990px) {
    .nn_union_contact .nn_col {
        margin-bottom: 50px
    }
}

.nn_union_section1.nn_union_gallery {
    padding: 60px 0;
    background-color: transparent
}

.wondex_header {
    text-align: inherit
}

.wondex_header .menu_top {
    width: 100%;
    padding: 15px 0;
    float: left
}

.wondex_header .menu_top .logo_head {
    float: none;
    display: block;
    text-align: center
}

.wondex_header .menu_top img {
    height: 70px
}

@media (max-width:990px) {
    .wondex_header .menu_top img {
        height: 45px;
        margin-left: -10px
    }
}

.wondex_header .menu_top .social_link a {
    background-color: #d33;
    color: #fff;
    border-radius: 50%;
    margin-right: 5px;
    height: 30px;
    line-height: 30px;
    width: 30px;
    text-align: center
}

.wondex_header .menu_top a {
    float: right;
    line-height: 65px;
    color: #2f2f2f;
    margin-left: 20px;
    font-weight: 300
}

.wondex_header .menu_top a span {
    display: inline-block
}

.wondex_header .menu_top a i {
    margin-right: 5px
}

.wondex_header .main_header {
    float: left;
    width: 100%;
    background-color: #1a2026
}

.wondex_header .main_header .nav li {
    display: table-cell
}

@media (max-width:990px) {
    .wondex_header .main_header .nav li {
        display: block
    }
}

.wondex_header .main_header .nav li a {
    color: #fff;
    padding: 10px 31px
}

@media (max-width:1366px) {
    .wondex_header .main_header .nav li a {
        padding: 10px 20px
    }
}

@media (max-width:990px) {
    .wondex_header .main_header .nav li a {
        padding: 10px 0
    }
}

.wondex_header .main_header .nav li a:hover,
.wondex_header .main_header .nav li a:focus {
    background-color: #fff;
    color: #1a2026
}

@media (max-width:990px) {

    .wondex_header .main_header .nav li a:hover,
    .wondex_header .main_header .nav li a:focus {
        padding: 10px
    }
}

.wondex_header .main_header .nav li .active {
    background-color: #fff;
    color: #1a2026
}

@media (max-width:990px) {
    .wondex_header .main_header .nav li .active {
        padding: 10px
    }
}

.wondex_header .main_header .nav li .active:hover,
.wondex_header .main_header .nav li .active:focus {
    background-color: #fff;
    color: #1a2026
}

.wondex_header .main_header .nav li .dropdown-menu {
    border: 0;
    box-shadow: none;
    padding: 0;
    margin: 0;
    background-color: #4c5d6f
}

.wondex_header .main_header .nav li .dropdown-menu:before {
    position: absolute;
    content: "";
    background-color: #4c5d6f;
    height: 40px;
    width: 100vw;
    left: -107.2%;
    top: 0;
    right: 0;
    z-index: 2
}

.wondex_header .main_header .nav li .dropdown-menu li a {
    position: relative;
    z-index: 3;
    background-color: #4c5d6f;
    color: #fff
}

.wondex_header .main_header .nav li .dropdown-menu li a:hover {
    background-color: #fff;
    color: #1a2026
}

.wondex_header .main_header .nav .open a {
    background-color: #fff;
    color: #1a2026
}

.wondex_header .main_header .wondex_search {
    position: relative
}

@media (max-width:990px) {
    .wondex_header .main_header .wondex_search {
        margin-bottom: 10px;
        display: block;
        max-width: 300px
    }
}

.wondex_header .main_header .wondex_search input {
    margin-top: 5px;
    height: 35px;
    border: 0;
    height: 30px;
    float: right;
    padding: 10px;
    max-width: 300px
}

@media (max-width:990px) {
    .wondex_header .main_header .wondex_search input {
        float: none;
        width: 100%
    }
}

.wondex_header .main_header .wondex_search i {
    position: absolute;
    top: 12px;
    right: 10px
}

.wondex_header .main_header .navbar-collapse {
    padding: 0;
    border: 0;
    box-shadow: none
}

@media (max-width:990px) {
    .wondex_header .navbar-header {
        padding: 10px 0 10px 15px
    }
}

.wondex_header .navbar-header button .icon-bar {
    background-color: #fff
}

.nn_wondex_header img {
    max-width: 100%
}

.nn_wondex_section1 {
    padding: 40px 0;
    background-color: #181818;
    color: #fff
}

.nn_wondex_section1 h1 {
    font-weight: 800;
    margin-bottom: 15px
}

.nn_wondex_section1 h3 {
    font-weight: 300
}

.nn_wondex_section2 {
    padding: 30px 0
}

.nn_wondex_section2 .wondex_pdt {
    background-color: #fff;
    padding: 20px 30px;
    clear: both;
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
    min-height: 480px
}

.nn_wondex_section2 .wondex_pdt .wondex_img {
    height: 200px;
    position: relative;
    width: 100%
}

.nn_wondex_section2 .wondex_pdt .wondex_img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%
}

.nn_wondex_section2 .wondex_pdt h3 {
    font-weight: 600;
    margin: 10px 0
}

.nn_wondex_section2 .wondex_pdt p {
    margin: 0;
    font-size: 16px;
    font-weight: 300
}

.nn_wondex_section2 .wondex_pdt a {
    border: 1px solid #2f2f2f;
    padding: 3px 10px;
    color: #2f2f2f;
    display: inline-block;
    font-weight: 300;
    float: right;
    margin-top: 30px
}

.nn_wondex_copyright {
    background-color: #1a2026;
    color: #fff;
    padding: 15px 0;
    border-bottom: 1px solid #c61017
}

.nn_wondex_copyright p {
    margin: 0
}

.nn_wondex_copyright a {
    margin-left: 10px;
    color: #fff;
    font-size: 20px
}

.nn_wondex_copyright1 {
    background-color: #ed1c24;
    border-top: 1px solid #c61017;
    padding: 5px 20px;
    color: #fff
}

.nn_wondex_copyright1 p {
    margin: 0;
    font-size: 12px
}

.nn_wondex_footer {
    background-color: #1a2026;
    color: #fff;
    padding: 60px 0
}

.nn_wondex_footer h5 {
    font-weight: 600;
    margin-bottom: 5px
}

.nn_wondex_footer a {
    display: block;
    line-height: 30px;
    font-size: 16px;
    color: #383c50
}

@media (max-width:767px) {
    .nn_wondex_footer .nn_col {
        margin-bottom: 20px
    }
}

@media (max-width:480px) {
    .nn_wondex_footer .nn_col {
        width: 100%
    }
}

.nn_wondex_inner_header {
    padding: 30px 0;
    border-bottom: 1px solid #f6f6f6
}

.nn_wondex_cat .wondex_pdt h3,
.nn_wondex_cat .wondex_pdt a {
    color: #1a2026;
    border-color: #1a2026
}

.nn_wondex_cat ul li {
    display: inline-block
}

.nn_wondex_cat ul li a {
    color: #fff;
    background-color: #1a2026;
    padding: 3px 10px;
    display: block;
    border: 1px solid #fff
}

.nn_wondex_cat ul li a p {
    margin: 0;
    color: #fff
}

.nn_wondex_cat ul li a:hover {
    background-color: #fff
}

.nn_wondex_cat ul li a:hover p {
    margin: 0;
    color: #1a2026
}

.nn_wondex_cat ul li .active {
    background-color: #fff
}

.nn_wondex_cat ul li .active p {
    margin: 0;
    color: #1a2026
}

.nn_wondex_cat_detail h3 {
    color: #1a2026;
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 28px
}

.nn_wondex_cat_detail i {
    height: 300px;
    display: block
}

.nn_wondex_cat_detail i img {
    max-width: 100%;
    margin: 0 auto;
    max-height: 100%
}

.nn_wondex_cat_detail .product_attributes {
    background-color: #fbfbfb;
    padding: 20px 10px;
    color: #2f2f2f
}

.nn_wondex_cat_detail .product_attributes p {
    font-size: 22px
}

.nn_wondex_cat_summary {
    padding: 20px 0
}

.nn_wondex_cat_summary h3 {
    text-align: left;
    font-size: 20px
}

.nn_wondex_cat_summary p {
    font-size: 18px
}

.nn_wondex_cat_summary_section {
    background-color: #f6f6f6;
    padding: 40px
}

.nn_wondex_cat_summary_section p {
    font-size: 22px
}

.nn_wondex_cat_summary_section ul {
    list-style: disc;
    margin: 15px 0;
    padding: 0;
    margin-left: 25px
}

.nn_wondex_cat_summary_section ul li {
    margin-bottom: 5px;
    font-size: 22px
}

.nn_wondex_cat_summary_section .post_social {
    list-style: none;
    padding: 0;
    margin: 30px 0 20px;
    text-align: left;
    width: 100%
}

.nn_wondex_cat_summary_section .post_social li {
    list-style: none;
    display: inline-block;
    margin-right: 10px
}

.nn_wondex_cat_summary_section .post_social li a {
    display: inline-block;
    height: 35px;
    width: 35px;
    line-height: 35px;
    font-size: 15px;
    color: #fff;
    background-color: #d33;
    border-radius: 8px;
    text-align: center;
    transition: .3s all ease-in-out
}

.nn_wondex_cat_summary_section .post_social li a:hover {
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.28);
    transform: translateY(-5%);
    transition: .3s all ease-in-out
}

.wondex_contact {
    background-color: #ccc;
    padding: 60px 0
}

.wondex_contact h3 {
    font-weight: 600;
    margin-bottom: 10px
}

.wondex_contact h4 {
    margin-bottom: 10px
}

.wondex_contact h2 {
    background-color: #181818;
    color: #fff;
    padding: 10px 20px;
    margin: 60px 0 0 0;
    font-size: 24px;
    font-weight: 300
}

.wondex_contact .contact_info {
    background-color: #bfbfbf;
    float: left;
    width: 100%;
    padding: 20px 10px;
    margin-bottom: 15px
}

.wondex_contact img {
    max-width: 100%
}

.wondex_about p {
    margin-top: 30px
}

@media (max-width:990px) {
    .nn_wondex h1 {
        font-size: 24px
    }
}

@media (max-width:990px) {
    .nn_wondex h2 {
        font-size: 18px
    }
}

@media (max-width:990px) {
    .nn_wondex h3 {
        font-size: 16px
    }
}

.nova_header.wondex_header {
    background-color: #2e303f
}

.nova_header.wondex_header img {
    max-height: 65px;
    margin: 10px 0
}

.nova_header.wondex_header .main_header {
    background-color: #2e303f
}

@media (max-width:990px) {
    .nova_header.wondex_header .main_header {
        text-align: center
    }
}

.nova_header.wondex_header .main_header .nav li {
    line-height: 15px;
    padding: 20px 10px
}

@media (max-width:990px) {
    .nova_header.wondex_header .main_header .nav li {
        padding: 10px 0
    }
}

.nova_header.wondex_header .main_header .nav li a {
    padding: 10px 15px
}

.nova_header.wondex_header .main_header .nav li a:hover,
.nova_header.wondex_header .main_header .nav li a:focus {
    background-color: #393b4e;
    color: #fff
}

.nova_header.wondex_header .main_header .nav li .active {
    background-color: #393b4e;
    color: #fff
}

.nova_header.wondex_header .main_header .nav li .active:hover,
.nova_header.wondex_header .main_header .nav li .active:focus {
    background-color: #393b4e;
    color: #fff
}

.nova_header.wondex_header .main_header .nav li .dropdown-menu {
    padding: 0
}

@media (max-width:990px) {
    .nova_header.wondex_header .main_header .nav li .dropdown-menu {
        width: 100%
    }
}

.nova_header.wondex_header .main_header .nav li .dropdown-menu:before {
    display: none
}

.nova_header.wondex_header .main_header .nav li .dropdown-menu li {
    padding: 0;
    display: block !important
}

@media (max-width:990px) {
    .nova_header.wondex_header .main_header .nav li .dropdown-menu li {
        text-align: center
    }
}

.nova_header.wondex_header .main_header .nav li .dropdown-menu li a {
    background-color: #2e303f
}

@media (max-width:990px) {
    .nova_header.wondex_header .main_header .nav li .dropdown-menu li a {
        text-align: center
    }
}

.nova_header.wondex_header .main_header .nav li .dropdown-menu li a:hover {
    color: #fff;
    background-color: #2b8794
}

@media (max-width:990px) {
    .nova_header.wondex_header .main_header .navbar-header {
        padding: 0 0 20px 0;
        margin-top: 15px
    }
}

@media (max-width:990px) {
    .nova_header.wondex_header .navbar-collapse {
        margin-top: 20px
    }
}

.nn_nova_section1 {
    background-color: #ccc;
    padding: 20px 0
}

.nn_nova_section1 h5 {
    line-height: 30px
}

.nn_nova {
    color: #2f2f2f
}

.nn_nova .owl-controls {
    position: absolute;
    bottom: 0;
    width: 100%
}

@media (max-width:767px) {
    .nn_nova h2 {
        font-size: 24px
    }
}

@media (max-width:767px) {
    .nn_nova h3 {
        font-size: 20px
    }
}

.nn_nova_section2 {
    padding: 60px 0
}

.nn_nova_section3 {
    padding-top: 30px
}

.nn_nova_section3 h3 {
    margin-bottom: 10px
}

.nn_nova_section3 p {
    line-height: 1.5;
    margin: 0
}

.nn_nova_section3 a {
    color: #2f2f2f;
    padding: 3px 10px;
    border: 1px solid #2f2f2f;
    display: inline-block;
    margin-top: 10px
}

.nn_nova_section3 a:hover {
    background-color: #ccc
}

.nn_nova_section3 a i {
    color: #2f2f2f;
    margin-right: 10px
}

.nova_pdt {
    margin-bottom: 30px;
    float: left
}

.nova_pdt:last-child {
    margin: 0
}

.nn_nova_footer {
    background-color: #393b4e;
    color: #fff;
    padding: 40px 0
}

@media (max-width:767px) {
    .nn_nova_footer {
        text-align: left
    }
}

@media (max-width:767px) {
    .nn_nova_footer .nn_col {
        margin-bottom: 20px
    }
}

.nn_nova_footer h4 {
    margin-bottom: 10px
}

.nn_nova_footer p {
    margin: 0;
    line-height: 30px;
    padding-left: 10px
}

@media (max-width:767px) {
    .nn_nova_footer p {
        padding-left: 0
    }
}

.nn_nova_footer p a {
    color: #fff
}

.nn_nova_footer .nova_address a {
    margin-right: 10px;
    display: inline-block;
    color: #2e303f;
    background-color: #fff;
    border-radius: 50%;
    padding: 8px 10px;
    font-size: 12px
}

.nn_nova_footer .nova_address span {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px
}

.nn_nova_footer .nova_address span i {
    float: left;
    width: 20%;
    font-size: 42px;
    line-height: 55px;
    text-align: right;
    padding-right: 30px
}

@media (max-width:767px) {
    .nn_nova_footer .nova_address span i {
        width: auto
    }
}

.nn_nova_footer .nova_address span .nova_cntct {
    float: left;
    width: 80%
}

@media (max-width:767px) {
    .nn_nova_footer .nova_address span .nova_cntct {
        width: 55%
    }
}

.nn_nova_footer .nova_address span .nova_cntct p {
    font-size: 18px;
    font-weight: 700;
    text-align: left
}

.nn_nova_footer .nova_address img {
    max-width: 100%
}

.nn_nova_footer .nova_address i {
    float: left;
    font-size: 42px
}

.nn_nova_footer .nova_address h4 {
    width: 77%;
    float: right
}

@media (max-width:767px) {
    .nn_nova_footer .nova_address h4 {
        width: 91%
    }
}

.nn_nova_copyright {
    padding: 5px 0;
    background-color: #2e303f;
    color: #fff
}

.nn_nova_copyright h6 {
    line-height: 20px
}

.nn_nova_about img {
    margin: 0 auto;
    display: block;
    max-width: 100%;
    margin-bottom: 40px
}

.nn_nova_about i {
    display: block;
    margin-bottom: 20px
}

.nn_nova_about i img {
    margin: inherit
}

.nn_nova_cat h3 {
    margin-bottom: 15px
}

.nn_nova_cat ul li {
    display: block;
    border-bottom: 1px dashed #2f2f2f
}

.nn_nova_cat ul li a {
    color: #2f2f2f;
    padding: 8px 10px;
    display: block
}

.nn_nova_cat ul li a p {
    margin: 0
}

.nn_nova_cat ul li a:hover {
    background-color: #ccc
}

.nn_nova_cat ul li .active {
    background-color: #ccc
}

@media (max-width:767px) {
    .nn_nova_cat {
        margin-bottom: 30px
    }
}

.nn_nova_contact {
    padding: 60px 0
}

.nn_nova_contact p {
    font-size: 16px
}

.nn_nova_contact p strong {
    font-weight: 600
}

@media (max-width:767px) {
    .nn_nova_contact form {
        margin-top: 30px
    }
}

.nn_nova_contact input {
    width: 100%;
    border: 1px solid #d7d7d7;
    color: #909090;
    line-height: 30px;
    margin-bottom: 10px
}

.nn_nova_contact textarea {
    border: 1px solid #d7d7d7;
    color: #909090;
    padding: 20px;
    width: 100%;
    margin-bottom: 20px
}

.nn_nova_contact button {
    background-color: #2e303f;
    color: #fff;
    padding: 4px 20px;
    border-radius: 5px;
    display: inline-block;
    border: 0
}

.nova_cat {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid #ccc
}

.nova_cat:hover {
    border-color: #2e303f
}

.nova_cat .nova_cat_img {
    width: 40%;
    float: left;
    max-height: 148px
}

.nova_cat .nova_cat_img .ecom_img {
    position: relative;
    height: 100%
}

.nova_cat .nova_cat_img .ecom_img img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    max-height: 100%;
    max-width: 100%
}

@media (max-width:480px) {
    .nova_cat .nova_cat_img {
        height: 180px
    }
}

.nova_cat .cat_info {
    width: 60%;
    float: left;
    text-align: right;
    height: 148px;
    padding-top: 20px
}

@media (max-width:480px) {
    .nova_cat .cat_info {
        height: 180px
    }
}

.nova_cat .cat_info h5 {
    font-weight: 600
}

.nova_cat .cat_info h5,
.nova_cat .cat_info p,
.nova_cat .cat_info li {
    color: #2f2f2f
}

.nova_cat .cat_info span {
    color: #2e303f;
    padding: 2px 10px;
    border: 1px solid #2e303f;
    border-radius: 4px
}

.nova_cat .cat_info span:hover {
    color: #fff;
    background-color: #2e303f
}

.nova_cat .cat_info ul {
    height: 40px;
    overflow: hidden
}

.nova_cat_detail i {
    height: 400px;
    display: block;
    width: 100%;
    text-align: left;
    margin-bottom: 40px
}

.nova_cat_detail i img {
    max-width: 100%;
    max-height: 100%;
    margin: inherit
}

.nova_cat_detail h3 {
    font-weight: 600px;
    margin-bottom: 20px
}

.alfa_header {
    padding-bottom: 5px
}

.alfa_header .menu_top {
    text-align: right;
    min-height: 40px;
    line-height: 40px;
    position: relative;
    margin-top: 20px
}

.alfa_header .menu_top a {
    color: #d33;
    margin-left: 15px;
    font-weight: 400;
    font-size: 16px
}

@media (max-width:540px) {
    .alfa_header .menu_top a {
        font-size: 14px
    }
}

.alfa_header .menu_top a:hover {
    color: #2f2f2f
}

.alfa_header .main_header {
    float: left;
    width: 100%
}

@media (max-width:990px) {
    .alfa_header .main_header {
        padding-top: 15px
    }
}

.alfa_header .main_header .logo_head {
    float: left;
    margin-top: -35px;
    margin-bottom: 15px
}

@media (max-width:990px) {
    .alfa_header .main_header .logo_head {
        margin-top: 0
    }
}

.alfa_header .main_header .logo_head a {
    display: inline-block;
    height: 52px
}

.alfa_header .main_header .logo_head a img {
    height: 100%
}

.alfa_header .main_header .navbar-collapse {
    float: right;
    width: 100%;
    padding: 0
}

@media (max-width:990px) {
    .alfa_header .main_header .navbar-collapse {
        float: none
    }
}

.alfa_header .main_header .navbar-collapse .nav li {
    display: table-cell
}

@media (max-width:990px) {
    .alfa_header .main_header .navbar-collapse .nav li {
        display: block;
        text-align: center
    }
}

.alfa_header .main_header .navbar-collapse .nav li a {
    color: #2f2f2f;
    padding: 10px 25px;
    font-size: 16px;
    border-bottom: 2px solid transparent
}

.alfa_header .main_header .navbar-collapse .nav li a:hover,
.alfa_header .main_header .navbar-collapse .nav li a:focus {
    background: transparent;
    border-bottom: 5px solid #d33
}

.alfa_header .main_header .navbar-collapse .nav li .active {
    background: transparent;
    border-bottom: 5px solid #d33
}

.alfa_header .main_header .navbar-collapse .nav li .active:hover,
.alfa_header .main_header .navbar-collapse .nav li .active:focus {
    background: transparent
}

@media (max-width:990px) {
    .alfa_header .main_header .navbar-collapse .nav li .dropdown-menu {
        width: 100%;
        border: 0
    }
}

.alfa_header .navbar-header {
    margin: 25px 10px 0 0;
    padding-top: 0
}

.alfa_header .navbar-header .navbar-toggle .icon-bar {
    background-color: #d33
}

.nn_alfa_slider .owl-controls .owl-buttons div {
    border-radius: 50%;
    position: absolute;
    padding: 16px 25px;
    top: 50%;
    transform: translateY(-50%)
}

@media (max-width:990px) {
    .nn_alfa_slider .owl-controls .owl-buttons div {
        padding: 6px 15px
    }
}

.nn_alfa_slider .owl-controls .owl-buttons div i {
    font-size: 25px
}

.nn_alfa_slider .owl-controls .owl-buttons .owl-prev {
    left: 15px
}

.nn_alfa_slider .owl-controls .owl-buttons .owl-next {
    right: 15px
}

.nn_alfa_section1 .nn_alfa_section {
    text-align: center;
    padding: 0 40px 30px 40px;
    margin-top: -40px;
    background-color: #fff;
    box-shadow: 0 0 10px 3px #383c50
}

@media (max-width:990px) {
    .nn_alfa_section1 .nn_alfa_section {
        margin: 50px 0 20px 0
    }
}

.nn_alfa_section1 .nn_alfa_section img {
    margin-top: -40px
}

.nn_alfa_section1 .nn_alfa_section h4 {
    margin: 15px;
    color: #d33;
    font-weight: 600
}

.nn_alfa_section1 .nn_alfa_section a {
    padding: 10px 20px;
    margin-top: 20px;
    display: inline-block
}

.nn_alfa_section2 {
    padding: 60px 0
}

.nn_alfa_section2 h1 {
    margin-bottom: 30px
}

.nn_alfa_section2 .alfa_content_home {
    float: left;
    width: 100%;
    border: 1px solid #575e7d;
    margin-bottom: 20px
}

.nn_alfa_section2 .alfa_content_home .alfa_title {
    width: 50%;
    float: left;
    text-align: center;
    padding: 40px 20px
}

@media (max-width:480px) {
    .nn_alfa_section2 .alfa_content_home .alfa_title {
        width: 100%;
        float: none
    }
}

.nn_alfa_section2 .alfa_content_home .alfa_title h4 {
    font-weight: 600;
    position: relative;
    color: #d33;
    padding-bottom: 10px;
    margin-bottom: 20px
}

.nn_alfa_section2 .alfa_content_home .alfa_title h4:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 120px;
    border-bottom: 2px solid #d33
}

.nn_alfa_section2 .alfa_content_home .alfa_img {
    width: 50%;
    float: left;
    position: relative
}

@media (max-width:480px) {
    .nn_alfa_section2 .alfa_content_home .alfa_img {
        width: 100%;
        float: none
    }
}

.nn_alfa_section2 .alfa_content_home .alfa_img:hover .alfa_hover {
    width: 100%
}

.nn_alfa_section2 .alfa_content_home .alfa_img img {
    max-width: 100%
}

.nn_alfa_section2 .alfa_content_home .alfa_img .alfa_hover {
    width: 0;
    transition: all .8s ease;
    position: absolute;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    display: flex;
    background-color: rgba(68, 68, 68, 0.43);
    opacity: .9;
    overflow: hidden;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.nn_alfa_section2 .alfa_content_home .alfa_img .alfa_hover h4 {
    color: #fff;
    font-size: 22px;
    font-weight: 600
}

.nn_alfa {
    color: #2f2f2f
}

.nn_alfa p {
    line-height: 1.5;
    font-size: 14px
}

.nn_alfa h4 {
    font-size: 16px
}

.nn_alfa h1 {
    font-size: 24px
}

.nn_alfa a,
.nn_alfa button {
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 600;
    background-color: #2f2f2f
}

.nn_alfa a:hover,
.nn_alfa button:hover {
    background-color: #d33
}

.nn_alfa img {
    max-width: 100%
}

.nn_alfa_section3 {
    padding-bottom: 60px
}

.nn_alfa_section3 a {
    padding: 14px 40px
}

.nn_alfa_section4 {
    padding: 60px 0
}

.nn_alfa_section4 form {
    padding-top: 50px
}

.nn_alfa_section4 form .form-group {
    width: 33.33%;
    float: left;
    padding-right: 20px
}

@media (max-width:990px) {
    .nn_alfa_section4 form .form-group {
        width: 100%;
        padding: 0
    }
}

.nn_alfa_section4 form .form-group:nth-last-child(3) {
    padding: 0
}

.nn_alfa_section4 form input {
    line-height: 35px;
    padding: 0 15px;
    width: 100%;
    border: 1px solid #383c50
}

.nn_alfa_section4 form textarea {
    width: 100%;
    margin: 15px 0;
    padding: 10px 20px;
    border: 1px solid #383c50
}

.nn_alfa_section4 form button {
    border: 0;
    padding: 9px 45px
}

.nn_alfa_contact {
    padding: 60px 0
}

.nn_alfa_contact form {
    padding-top: 60px
}

.nn_alfa_contact form .form-group {
    padding-right: 10px
}

@media (max-width:990px) {
    .nn_alfa_contact form .form-group {
        padding: 0
    }
}

.alfa_footer h3 {
    font-size: 14px
}

@media (max-width:990px) {
    .alfa_footer h3 {
        margin-top: 30px
    }
}

.alfa_footer a {
    font-size: 12px
}

@media (max-width:990px) {
    .alfa_footer {
        text-align: center
    }
}

.nn_alfa_hr {
    padding: 60px 0
}

.nn_alfa_hr ul li a {
    background-color: #ccc;
    color: #2f2f2f;
    padding: 5px 30px;
    border-bottom: 1px solid #383c50;
    display: block;
    font-size: 14px
}

.nn_alfa_hr ul li a p {
    margin: 0
}

.nn_alfa_hr ul li a:hover {
    background-color: #2f2f2f;
    color: #fff
}

.nn_alfa_hr ul li .active {
    background-color: #d33;
    color: #fff
}

.nn_alfa_hr h1 {
    border-bottom: 1px solid #383c50;
    padding-bottom: 10px;
    margin-bottom: 20px
}

.nn_alfa_hr .alfa_form input,
.nn_alfa_hr .alfa_form textarea {
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    width: 100%;
    border: 1px solid #383c50;
    margin-bottom: 0
}

.nn_alfa_hr .alfa_form textarea {
    padding: 5px 20px;
    width: 100%;
    height: 100px
}

.nn_alfa_hr .alfa_form button {
    border: none;
    padding: 10px 35px;
    color: #fff;
    background-color: #2f2f2f;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 600;
    margin-top: 20px
}

.nn_alfa_hr .alfa_form button:active,
.nn_alfa_hr .alfa_form button:hover,
.nn_alfa_hr .alfa_form button:focus {
    background-color: #d33;
    color: #fff
}

.nn_alfa_cat a {
    color: #2f2f2f
}

.nn_alfa_cat a .nn_alfa_section {
    text-align: center;
    padding: 20px;
    border: 1px solid #494e68;
    margin-bottom: 20px
}

.nn_alfa_cat a .nn_alfa_section h4 {
    font-weight: 600;
    margin: 20px 0
}

.nn_alfa_cat a .nn_alfa_section h4:hover {
    color: #d33
}

.nn_alfa_cat a .nn_alfa_section .ecom_img {
    width: 100%;
    position: relative;
    max-height: 100px
}

.nn_alfa_cat a .nn_alfa_section .ecom_img img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%
}

.nn_alfa_cat i {
    height: 300px;
    display: block;
    margin-bottom: 30px
}

.nn_alfa_cat i img {
    max-width: 100%;
    height: 100%
}

.nn_alfa_cat h1 {
    margin-bottom: 20px
}

.alfa_gallery {
    padding: 60px 0
}

.alfa_gallery .img_grid {
    width: 33.33%;
    float: left;
    padding: 0 5px;
    margin-bottom: 10px
}

@media (max-width:540px) {
    .alfa_gallery .img_grid {
        width: 100%
    }
}

.alfa_gallery .img_grid a {
    position: relative;
    display: block
}

.alfa_gallery .img_grid a:hover {
    opacity: 1
}

.alfa_gallery .img_grid a:hover .gal_hover {
    transform: scale(1);
    border: 20px solid #575e7d;
    display: none
}

.alfa_gallery .img_grid a .gal_hover {
    transition: all .4s ease-in-out;
    transform: scale(0);
    background-color: #6e759a;
    opacity: .7;
    height: 100%;
    width: 100%;
    border: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.alfa_gallery .img_grid a img {
    max-width: 100%
}

.alfa_nav {
    padding: 20px 0;
    border-bottom: 1px dashed #6b7297
}

.alfa_nav ol a {
    color: #2f2f2f
}

.alfa_nav ol a:hover {
    background: transparent
}

.nn_alfa_banner {
    position: relative
}

.nn_alfa_banner h2 {
    position: absolute;
    font-size: 40px;
    color: #fff;
    top: 45%;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center
}

@media (max-width:540px) {
    .nn_alfa_banner h2 {
        font-size: 20px;
        top: 30%
    }
}

.sea_header.wondex_header {
    padding: 10px 0
}

.sea_header.wondex_header .main_header {
    background-color: transparent
}

.sea_header.wondex_header .main_header .logo {
    display: inline-block;
    width: 15%;
    float: left;
    height: 60px
}

.sea_header.wondex_header .main_header .logo img {
    height: 100%
}

@media (max-width:990px) {
    .sea_header.wondex_header .main_header .logo {
        padding-left: 15px
    }
}

.sea_header.wondex_header .main_header .nav {
    display: inline-block;
    width: 70%;
    float: left;
    text-align: right
}

@media (max-width:990px) {
    .sea_header.wondex_header .main_header .nav {
        display: block;
        width: 100%;
        float: none;
        text-align: center
    }
}

.sea_header.wondex_header .main_header .nav li {
    display: inline-block
}

@media (max-width:990px) {
    .sea_header.wondex_header .main_header .nav li {
        display: block
    }
}

.sea_header.wondex_header .main_header .nav li a {
    color: #2f2f2f
}

@media (max-width:990px) {
    .sea_header.wondex_header .main_header .nav li a {
        color: #fff
    }
}

.sea_header.wondex_header .main_header .nav li a:hover,
.sea_header.wondex_header .main_header .nav li a:focus {
    color: #d33
}

@media (max-width:990px) {

    .sea_header.wondex_header .main_header .nav li a:hover,
    .sea_header.wondex_header .main_header .nav li a:focus {
        color: #fff;
        background-color: #ec8a8a
    }
}

.sea_header.wondex_header .main_header .nav li .active {
    color: #d33
}

@media (max-width:990px) {
    .sea_header.wondex_header .main_header .nav li .active {
        color: #fff;
        background-color: #ec8a8a
    }
}

@media (max-width:990px) {
    .sea_header.wondex_header .main_header .nav li .dropdown-menu {
        width: 100%
    }
}

.sea_header.wondex_header .main_header .nav li .dropdown-menu:before {
    display: none
}

.sea_header.wondex_header .main_header .nav li .dropdown-menu li a {
    background-color: #d33
}

@media (max-width:990px) {
    .sea_header.wondex_header .main_header .nav li .dropdown-menu li a {
        text-align: center
    }
}

.sea_header.wondex_header .main_header .nav li .dropdown-menu li a:hover {
    background-color: #e14949;
    color: #fff
}

.sea_header.wondex_header .header_button {
    width: 130px;
    position: absolute;
    right: 0;
    top: 0
}

.sea_header.wondex_header .header_button a {
    display: block;
    padding: 26px 0;
    text-align: center;
    color: #fff;
    background-color: #d33;
    font-size: 20px;
    font-weight: 600
}

.sea_header.wondex_header .navbar-header {
    float: right;
    margin-right: 100px
}

@media (max-width:767px) {
    .sea_header.wondex_header .navbar-header {
        margin-right: 138px
    }
}

.sea_header.wondex_header .navbar-header button .icon-bar {
    background-color: #d33
}

@media (max-width:990px) {
    .sea_header.wondex_header .navbar-collapse {
        position: absolute;
        right: -45px;
        width: 190px;
        top: 65px;
        background-color: #d33;
        z-index: 9
    }
}

@media (max-width:767px) {
    .sea_header.wondex_header .navbar-collapse {
        right: 0
    }
}

.sea_section {
    color: #2f2f2f
}

.sea_section img {
    max-width: 100%
}

.sea_section h1 {
    font-size: 30px
}

.sea_section h2 {
    font-size: 24px
}

.sea_section button {
    display: block;
    margin-top: 20px;
    border-radius: 3px;
    border: 1px solid #d33;
    background-color: #fff;
    color: #d33;
    box-shadow: none;
    padding: 5px 15px
}

.sea_section button:hover,
.sea_section button:focus {
    background-color: #d33;
    color: #fff
}

.sea_section p {
    line-height: 1.5;
    font-size: 16px;
    text-align: justify
}

.sea_section.lithium_top_section {
    margin-top: 0
}

.sea_section1 {
    padding-top: 30px;
    padding-bottom: 30px
}

.sea_section1 h1 {
    margin-bottom: 30px
}

.sea_section1 h2 {
    margin: 20px 0
}

@media (max-width:990px) {
    .sea_section1 {
        text-align: center
    }
}

.sea_section2 .nn_col {
    float: none;
    display: table-cell;
    vertical-align: middle;
    padding: 0
}

@media (max-width:767px) {
    .sea_section2 .nn_col {
        display: block
    }
}

.sea_section2 .sea_section2_content {
    padding: 20px 30px;
    background-color: #6e759a
}

@media (max-width:1366px) {
    .sea_section2 .sea_section2_content {
        padding: 0 20px
    }
}

.sea_section2 .sea_section2_content p {
    font-size: 16px
}

.sea_section2 .sea_section2_content1 {
    background-color: #62698c;
    padding: 30px 30px;
    border: 2px solid #d33
}

.sea_section2 .sea_section2_content1 h4 {
    margin-bottom: 15px
}

.sea_section2 .sea_section2_content1 .sea_sub_form {
    margin-top: 20px
}

.sea_section2 .sea_section2_content1 .sea_sub_form input {
    width: 40%;
    border: 0;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    background-color: #fff
}

.sea_section2 .sea_section2_content1 .sea_sub_form button {
    background-color: #fff;
    border: 1px solid #d33;
    color: #d33;
    display: block;
    margin-top: 20px;
    border-radius: 5px;
    box-shadow: none;
    padding: 0 20px;
    height: 40px;
    line-height: 21px
}

.sea_section2 .sea_section2_content1 .sea_sub_form button:active,
.sea_section2 .sea_section2_content1 .sea_sub_form button:hover,
.sea_section2 .sea_section2_content1 .sea_sub_form button:focus {
    background-color: #d33;
    color: #fff;
    border: 1px solid #d33
}

.sea_footer.lithium_footer {
    background-color: #fff;
    border-top: 2px solid #d33
}

.sea_footer.lithium_footer a {
    color: #2f2f2f;
    font-size: 14px;
    font-weight: 300
}

.sea_footer.lithium_footer ul li {
    float: left;
    width: 100%;
    margin-bottom: 10px
}

.sea_footer.lithium_footer ul li i {
    float: left;
    font-size: 22px;
    padding-top: 5px;
    width: 25px;
    margin-right: 10px;
    color: #d33
}

@media (max-width:767px) {
    .sea_footer.lithium_footer ul li i {
        font-size: 18px
    }
}

.sea_footer.lithium_footer ul li span {
    padding-left: 0;
    line-height: 30px;
    font-weight: 300;
    width: 80%;
    float: right;
    margin: 0;
    font-size: 14px
}

@media (max-width:767px) {
    .sea_footer.lithium_footer ul li span {
        width: 90%
    }
}

.sea_copyirght {
    background-color: #2f2f2f;
    text-align: center;
    color: #fff;
    padding: 10px 0
}

.sea_copyirght p {
    margin: 0
}

.sea_section_top {
    background-image: url(../images/soft_back.jpg);
    padding: 60px 0;
    color: #2f2f2f
}

.sea_section_pagination {
    padding: 10px 0;
    border-bottom: 1px solid #bd2020;
    background-color: #d33
}

@media (max-width:767px) {
    .sea_section_pagination {
        padding: 10px 15px
    }
}

.sea_section_pagination ol li {
    color: #2f2f2f;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px
}

.sea_section_pagination ol li::before {
    color: #000
}

.sea_section_pagination ol li a {
    color: #2f2f2f;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px
}

.sea_section_pagination ol li.active {
    color: #000
}

.sea_contact {
    padding-bottom: 60px;
    clear: both
}

.sea_contact h2 {
    margin: 0 0 20px 0;
    clear: both
}

.sea_contact ul {
    float: left;
    width: 100%
}

@media (max-width:767px) {
    .sea_contact ul {
        margin-bottom: 20px
    }
}

.sea_contact ul li {
    float: left;
    width: 100%;
    margin-bottom: 10px
}

.sea_contact ul li i {
    float: left;
    font-size: 22px;
    padding-top: 5px;
    width: 8%;
    color: #d33
}

@media (max-width:767px) {
    .sea_contact ul li i {
        font-size: 18px
    }
}

.sea_contact ul li p {
    padding-left: 0;
    line-height: 30px;
    font-weight: 300;
    width: 92%;
    float: right;
    margin: 0;
    font-size: 14px
}

.sea_contact button {
    margin: 0 auto
}

.sea_contact .sea_cnt_form {
    margin-bottom: 40px
}

.sea_contact .sea_cnt_form input,
.sea_contact .sea_cnt_form textarea {
    width: 100%;
    height: 45px;
    border: 1px solid #575e7d;
    line-height: 45px;
    padding: 0 15px;
    margin-bottom: 20px
}

.sea_contact .sea_cnt_form textarea {
    min-height: 100px
}

.sea_contact .sea_cnt_form button {
    background-color: transparent;
    color: #d33;
    outline: none;
    text-align: center;
    margin: 0 auto;
    border: 1px solid #d33;
    box-shadow: none;
    padding: 5px 15px;
    margin-top: 20px
}

.sea_contact .sea_cnt_form button:active,
.sea_contact .sea_cnt_form button:hover,
.sea_contact .sea_cnt_form button:focus {
    background-color: #d33;
    color: #fff;
    border: 1px solid #d33
}

@media (max-width:480px) {
    .sea_category .nn_col {
        width: 100%
    }
}

.sea_category ul {
    background-color: #ececec;
    float: left;
    width: 100%
}

.sea_category ul li {
    float: left
}

.sea_category ul li a {
    padding: 10px 20px;
    color: #2f2f2f;
    display: block;
    position: relative
}

.sea_category ul li a:before {
    transition: all .4s;
    content: "";
    height: 0;
    left: 0;
    right: 0;
    position: absolute;
    bottom: 0;
    background-color: #d33
}

.sea_category ul li a p {
    color: #2f2f2f;
    margin-bottom: 0
}

.sea_category ul li a:hover,
.sea_category ul li a:focus {
    color: #d33;
    border-width: 4px
}

.sea_category ul li a:hover p,
.sea_category ul li a:focus p {
    color: #d33
}

.sea_category ul li a:hover:before,
.sea_category ul li a:focus:before {
    height: 4px
}

.sea_category ul li .active {
    color: #d33
}

.sea_category ul li .active p {
    color: #d33
}

.sea_category ul li .active:before {
    height: 4px
}

.sea_category .related_cat a {
    color: #2f2f2f
}

.sea_category .related_cat a h5 {
    margin-top: 15px;
    color: #2f2f2f
}

.sea_cat_list {
    margin-bottom: 30px;
    float: left;
    width: 100%
}

.sea_cat_list .ecom_pdt {
    margin-bottom: 0;
    border: none
}

.sea_cat_list .ecom_pdt img {
    padding: 0
}

.sea_cat_list .pdt_buy {
    background-color: transparent;
    float: left;
    width: 100%;
    margin-bottom: 15px;
    margin-top: 25px
}

.sea_cat_list .pdt_buy button {
    margin: 0
}

.sea_cat_list .pdt_buy:after {
    clear: both;
    content: ""
}

.sea_cat_list h5 {
    height: 40px;
    overflow: hidden;
    margin: 15px 0;
    color: #d33
}

.sea_cat_list .short {
    width: 100%;
    color: #2f2f2f;
    clear: both;
    height: 60px;
    overflow: hidden
}

.sea_cat_detail {
    padding-bottom: 40px
}

.sea_cat_detail h2 {
    background-color: #d33;
    color: #fff;
    padding: 10px 20px;
    margin-bottom: 30px
}

.sea_cat_detail img {
    max-height: 400px;
    margin: 0 !important;
    display: block
}

.sea_cat_detail .cat_content {
    float: left;
    width: 100%;
    margin-bottom: 30px
}

.sea_cat_detail .cat_content .cat_img {
    width: 50%;
    display: table-cell
}

@media (max-width:767px) {
    .sea_cat_detail .cat_content .cat_img {
        display: block;
        width: 100%;
        margin-bottom: 20px
    }
}

.sea_cat_detail .cat_content .short_text {
    width: 50%;
    display: table-cell;
    padding: 20px;
    background-color: #f0f6ef;
    vertical-align: middle
}

@media (max-width:767px) {
    .sea_cat_detail .cat_content .short_text {
        display: block;
        width: 100%
    }
}

.sea_gallery_top {
    padding: 60px 0
}

.sea_gallery_top .nn_col {
    margin: 15px 0
}

.sea_gallery_bottom {
    padding: 0 5px;
    margin-bottom: -5px
}

.sea_gallery_bottom .nn_col {
    padding: 0 5px;
    margin: 5px 0
}

.sea_gallery_bottom .sea_img {
    display: block;
    position: relative
}

.sea_gallery_bottom .sea_img .hover {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: all .4s;
    background-color: #2f2f2f;
    overflow: hidden;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-align: center;
    display: flex
}

.sea_gallery_bottom .sea_img:hover .hover {
    opacity: .8
}

.sea_cat_list.sea_cat_news .short {
    height: 80px
}

.sea_cat_list.sea_cat_news img {
    height: 200px
}

.hair_category_related_pdt img {
    border: 6px solid #d33;
    padding: 0;
    margin-bottom: 15px
}

.fluff_header.wondex_header .menu_top {
    padding: 20px 0
}

.fluff_header.wondex_header .menu_top .logo_head {
    float: left
}

.fluff_header.wondex_header .menu_top .logo_head a {
    float: none;
    display: block;
    margin-left: 0;
    text-align: left
}

.fluff_header.wondex_header .main_header {
    background-color: #d33
}

@media (max-width:990px) {
    .fluff_header.wondex_header .main_header .nav {
        padding-bottom: 20px
    }
}

.fluff_header.wondex_header .main_header .nav li a {
    padding: 30px;
    font-weight: 600
}

@media (max-width:990px) {
    .fluff_header.wondex_header .main_header .nav li a {
        padding: 10px 0 10px 15px
    }
}

@media (max-width:990px) {
    .fluff_header.wondex_header .main_header .nav li .dropdown-menu {
        position: initial;
        width: 100%;
        background: transparent
    }
}

.fluff_header.wondex_header .main_header .nav li .dropdown-menu li a {
    padding: 15px
}

@media (max-width:990px) {
    .fluff_header.wondex_header .main_header .nav li .dropdown-menu li a {
        background-color: transparent
    }
}

.nn_fluff_section1 {
    background-image: url("../images/m-img-2.jpg");
    padding: 60px 0 100px 0;
    color: #2f2f2f
}

@media (max-width:767px) {
    .nn_fluff_section1 {
        padding: 40px 0
    }
}

.nn_fluff_section1 h1 {
    color: #fff;
    padding-bottom: 30px;
    text-align: center
}

.nn_fluff_section1 .text-center {
    padding: 30px 15px;
    background-color: rgba(255, 255, 255, 0.8);
    min-height: 110px
}

@media (max-width:767px) {
    .nn_fluff_section1 .text-center {
        margin-bottom: 30px
    }
}

.nn_fluff_section1 .text-center h3 {
    margin-bottom: 20px;
    font-weight: 600
}

.nn_fluff_section1 .text-center a {
    color: #2f2f2f;
    border-bottom: 1px solid #d33;
    font-weight: 600;
    padding: 0 15px;
    font-size: 16px;
    display: block
}

.nn_fluff_section1 .text-center p {
    margin-bottom: 30px
}

.nn_fluff_section2 {
    padding: 60px 0
}

@media (max-width:767px) {
    .nn_fluff_section2 {
        padding: 40px 0
    }
}

.nn_fluff_section2 img {
    border-radius: 50%;
    border: 3px solid #d33;
    margin: 0 auto;
    display: block
}

.nn_fluff_section2 h3 {
    margin-bottom: 30px;
    color: #d33
}

@media (max-width:767px) {
    .nn_fluff_section2 a {
        margin-bottom: 30px
    }
}

.nn_fluff_section {
    color: #2f2f2f
}

.nn_fluff_section img {
    max-width: 100%
}

.nn_fluff_section a,
.nn_fluff_section button {
    padding: 10px 40px;
    border-radius: 30px;
    background-color: #d33;
    border: 0;
    color: #fff;
    display: inline-block
}

@media (max-width:767px) {

    .nn_fluff_section a,
    .nn_fluff_section button {
        padding: 5px 30px;
        font-size: 13px
    }
}

.nn_fluff_section a:hover,
.nn_fluff_section button:hover {
    background-color: #383c50
}

.nn_fluff_section .active {
    background-color: #383c50
}

.nn_fluff_section p {
    line-height: 1.5
}

.nn_fluff_copyright {
    background-color: #d33;
    color: #fff
}

.nn_fluff_copyright .text-center {
    padding: 20px 0;
    border-bottom: 1px solid #e45f5f
}

.nn_fluff_copyright a:hover {
    background: transparenta !important
}

.nn_fluff_footer.nn_wondex_footer {
    background-color: #d33
}

.nn_fluff_footer.nn_wondex_footer a {
    color: #fff
}

.fluff_slider.carbon_section .owl-theme .owl-pagination,
.fluff_slider.carbon_section .owl-theme .owl-controls {
    padding: 0;
    top: initial;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto
}

.fluff_slider.carbon_section .owl-theme .owl-pagination .owl-page,
.fluff_slider.carbon_section .owl-theme .owl-controls .owl-page {
    display: inline-block
}

@media (max-width:767px) {

    .fluff_slider.carbon_section .owl-theme .owl-pagination .owl-page span,
    .fluff_slider.carbon_section .owl-theme .owl-controls .owl-page span {
        width: 8px;
        height: 8px
    }
}

.fluff_slider.carbon_section .carousel-caption.slider_caption {
    left: 5%;
    bottom: 35%;
    text-align: left
}

@media (max-width:990px) {
    .fluff_slider.carbon_section .carousel-caption.slider_caption {
        bottom: 30%
    }
}

@media (max-width:480px) {
    .fluff_slider.carbon_section .carousel-caption.slider_caption {
        bottom: 20%
    }
}

.fluff_slider.carbon_section .carousel-caption.slider_caption h1 {
    font-size: 65px;
    margin-bottom: 0
}

@media (max-width:990px) {
    .fluff_slider.carbon_section .carousel-caption.slider_caption h1 {
        font-size: 50px;
        margin-bottom: 10px
    }
}

@media (max-width:767px) {
    .fluff_slider.carbon_section .carousel-caption.slider_caption h1 {
        font-size: 40px
    }
}

@media (max-width:640px) {
    .fluff_slider.carbon_section .carousel-caption.slider_caption h1 {
        font-size: 30px
    }
}

@media (max-width:480px) {
    .fluff_slider.carbon_section .carousel-caption.slider_caption h1 {
        font-size: 20px;
        margin-bottom: 0
    }
}

@media (max-width:767px) {
    .fluff_slider.carbon_section .carousel-caption.slider_caption h2 {
        font-size: 25px
    }
}

@media (max-width:640px) {
    .fluff_slider.carbon_section .carousel-caption.slider_caption h2 {
        font-size: 20px
    }
}

@media (max-width:480px) {
    .fluff_slider.carbon_section .carousel-caption.slider_caption h2 {
        font-size: 12px
    }
}

.nn_fluff_inner_head {
    background-image: url("../images/m-img-4.jpg");
    text-align: center;
    padding: 50px 0
}

@media (max-width:480px) {
    .nn_fluff_inner_head {
        padding: 65px 0;
        min-height: 165px
    }
}

.nn_fluff_inner_head h1 {
    color: #2f2f2f;
    font-weight: 400
}

@media (max-width:640px) {
    .nn_fluff_inner_head h1 {
        font-size: 20px
    }
}

@media (max-width:640px) {
    .nn_fluff_inner_head ol li {
        font-size: 12px
    }
}

.nn_fluff_inner_head ol li a {
    color: #2f2f2f
}

@media (max-width:640px) {
    .nn_fluff_inner_head ol li a {
        font-size: 12px
    }
}

.nn_fluff_inner_head ol .active {
    color: #d33;
    font-weight: 500
}

.nn_fluff_contact {
    padding: 60px 0
}

@media (max-width:767px) {
    .nn_fluff_contact {
        padding: 40px 0
    }
}

@media (max-width:767px) {
    .nn_fluff_contact iframe {
        margin-bottom: 30px
    }
}

.nn_fluff_contact .nn_col {
    padding: 0 40px
}

@media (max-width:480px) {
    .nn_fluff_contact .nn_col {
        padding: 0 15px
    }
}

.nn_fluff_contact h5 {
    margin-bottom: 10px
}

@media (max-width:767px) {
    .nn_fluff_contact h5 {
        font-size: 16px
    }
}

.nn_fluff_contact .fluff_form {
    margin-top: 30px
}

.nn_fluff_contact .fluff_form input,
.nn_fluff_contact .fluff_form textarea {
    margin-bottom: 15px;
    width: 100%;
    background-color: #fff
}

.nn_fluff_contact .fluff_form label {
    color: #000;
    margin-bottom: 5px;
    font-size: 18px
}

.nn_fluff_contact .fluff_form button {
    height: 55px;
    line-height: 55px;
    padding: 0 40px;
    background-color: #d33;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px
}

.nn_fluff_contact .fluff_form input {
    line-height: 35px
}

@media (max-width:767px) {
    .nn_fluff_contact .fluff_form input {
        line-height: 23px
    }
}

.nn_fluff_contact .fluff_form textarea {
    min-height: 100px;
    padding: 15px
}

@media (max-width:767px) {
    .nn_fluff_contact .fluff_form textarea {
        min-height: 70px
    }
}

.nn_fluff_product {
    padding: 60px 0
}

@media (max-width:767px) {
    .nn_fluff_product {
        padding: 40px 0
    }
}

.nn_fluff_product ul {
    margin-top: 30px
}

@media (max-width:767px) {
    .nn_fluff_product ul {
        margin: 30px 0
    }
}

.nn_fluff_product ul li {
    margin-bottom: 10px
}

.nn_fluff_product ul li a {
    color: #2f2f2f;
    position: relative;
    display: inline-block
}

.nn_fluff_product ul li a:before {
    transition: all ease .4s;
    position: absolute;
    border-bottom: 2px solid #d33;
    bottom: -5px;
    width: 0;
    content: ""
}

.nn_fluff_product ul li a:hover:before {
    width: 100%
}

.nn_fluff_product ul li a p {
    color: #2f2f2f;
    margin: 0
}

.nn_fluff_product ul li .active {
    border-bottom: 2px solid #d33
}

.nn_fluff_product ul li .active:hover:before {
    width: 0
}

@media (max-width:480px) {
    .nn_fluff_product .nn_col {
        width: 100%
    }
}

.nn_fluff_product .ecom_pdt {
    margin: 0
}

.nn_fluff_product .fluf_cat {
    position: relative;
    background-color: #cecdde;
    padding: 20px;
    margin-bottom: 20px
}

@media (max-width:480px) {
    .nn_fluff_product .fluf_cat {
        min-height: 165px
    }
}

.nn_fluff_product .fluf_cat .pdt_desc {
    position: absolute;
    bottom: 0;
    height: 50px;
    border: 2px dashed #fff;
    padding: 10px 20px;
    transition: all ease .3s;
    width: 100%;
    text-align: left;
    background-color: rgba(228, 95, 95, 0.8);
    color: #fff;
    left: 0
}

@media (max-width:640px) {
    .nn_fluff_product .fluf_cat .pdt_desc {
        height: 43px
    }
}

.nn_fluff_product .fluf_cat .pdt_desc h4 {
    width: 100%;
    display: block;
    max-height: 22px;
    overflow: hidden
}

@media (max-width:640px) {
    .nn_fluff_product .fluf_cat .pdt_desc h4 {
        font-size: 16px;
        max-height: 19px
    }
}

.nn_fluff_product .fluf_cat .pdt_desc .short {
    display: none;
    width: 100%
}

.nn_fluff_product .fluf_cat .pdt_desc:hover {
    height: 100%
}

.nn_fluff_product .fluf_cat .pdt_desc:hover h4 {
    max-height: 100%;
    margin-bottom: 15px
}

.nn_fluff_product .fluf_cat .pdt_desc:hover .short {
    display: block;
    max-height: 165px;
    overflow: hidden
}

.nn_fluff_product .fluff_news .ecom_pdt,
.nn_fluff_product .fluff_news .news_info {
    display: table-cell;
    width: 50%
}

.nn_fluff_product .fluff_news .ecom_pdt {
    position: initial;
    height: auto
}

.nn_fluff_product .fluff_news .ecom_pdt img {
    position: initial
}

.nn_fluff_product .fluff_news .news_info {
    text-align: center
}

.nn_fluff_product .fluff_news .news_info button {
    padding: 10px 40px;
    border-radius: 30px;
    background-color: #d33;
    border: 0;
    color: #fff
}

@media (max-width:640px) {
    .nn_fluff_product .fluff_news .news_info button {
        padding: 5px 30px;
        font-size: 13px
    }
}

.nn_fluff_product .fluff_news .news_info button:hover {
    background-color: #383c50
}

.nn_wondex.nn_fluff_product p {
    font-size: 18px
}

.nn_fluff_product_detail {
    padding: 60px 0
}

@media (max-width:767px) {
    .nn_fluff_product_detail {
        padding: 40px 0
    }
}

.nn_fluff_product_detail img {
    max-height: 300px;
    margin: 0 auto;
    display: block;
    max-width: 100%
}

@media (max-width:767px) {
    .nn_fluff_product_detail img {
        padding-bottom: 30px
    }
}

.nn_fluff_product_detail h3 {
    color: #d33;
    font-weight: 600;
    margin-bottom: 20px
}

.nn_fluff_product_detail .fluf_pdt_info {
    margin-top: 30px;
    padding: 20px;
    background-color: #cecdde
}

.nn_fluff_gallery {
    padding: 60px 0
}

@media (max-width:767px) {
    .nn_fluff_gallery {
        padding: 40px 0
    }
}

.nn_fluff_gallery .nn_col {
    padding: 0
}

.nn_fluff_gallery .nn_col img {
    max-width: 100%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.nn_fluff_gallery .nn_col img:hover {
    position: relative;
    z-index: 99;
    transform: scale(1.2);
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.mercury_header.iron_header {
    position: initial;
    background-color: #a31d00;
    height: 64px
}

.mercury_header.iron_header .main_header {
    height: auto;
    background-color: transparent
}

.mercury_header.iron_header .main_header .logo_head {
    position: absolute;
    left: 0;
    background-color: #fff;
    padding: 10px;
    z-index: 9;
    top: 35px;
    width: 190px
}

.mercury_header.iron_header .main_header .logo_head a {
    height: auto;
    display: block;
    width: auto
}

.mercury_header.iron_header .main_header .nav {
    float: none;
    margin-left: 20%
}

@media (max-width:990px) {
    .mercury_header.iron_header .main_header .nav {
        margin: 0;
        background-color: #d33
    }
}

.mercury_header.iron_header .main_header .nav li {
    padding: 0
}

.mercury_header.iron_header .main_header .nav li a {
    color: #fff;
    border: 0;
    font-weight: 400;
    display: block;
    padding: 21px 10px
}

@media (max-width:990px) {
    .mercury_header.iron_header .main_header .nav li a {
        padding: 5px 0
    }
}

@media (max-width:480px) {
    .mercury_header.iron_header .main_header .nav li a {
        font-size: 12px
    }
}

.mercury_header.iron_header .main_header .nav li a:hover {
    background-color: #d33
}

@media (max-width:990px) {
    .mercury_header.iron_header .main_header .nav li a:hover {
        background-color: #a31d00
    }
}

.mercury_header.iron_header .main_header .nav li .active {
    background-color: #d33
}

@media (max-width:990px) {
    .mercury_header.iron_header .main_header .nav li .active {
        background-color: #a31d00
    }
}

.mercury_header.iron_header .main_header .nav li:last-child a {
    padding: 21px 10px
}

@media (max-width:990px) {
    .mercury_header.iron_header .main_header .nav li:last-child a {
        padding: 5px 0
    }
}

.mercury_header.iron_header .main_header .nav li .dropdown-menu {
    background-color: transparent
}

.mercury_header.iron_header .main_header .nav li .dropdown-menu li a {
    padding: 9px;
    background-color: #d33
}

@media (max-width:480px) {
    .mercury_header.iron_header .main_header .nav li .dropdown-menu li a {
        font-size: 12px
    }
}

.mercury_header.iron_header .main_header .nav li .dropdown-menu li a:hover {
    background-color: #a31d00
}

@media (max-width:990px) {
    .mercury_header.iron_header .navbar-collapse {
        width: 300px;
        left: initial;
        top: 60px;
        padding: 0;
        right: 0
    }
}

@media (max-width:480px) {
    .mercury_header.iron_header .navbar-collapse {
        width: 200px
    }
}

.mercury_slider .owl-controls {
    margin-top: 0;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%
}

.nn_mercury p,
.nn_mercury h1,
.nn_mercury h2,
.nn_mercury h3,
.nn_mercury h4,
.nn_mercury h5,
.nn_mercury h6,
.nn_mercury a {
    color: #2f2f2f
}

.nn_mercury p {
    line-height: 1.5
}

.nn_mercury a,
.nn_mercury button {
    background-color: #d33;
    padding: 10px 40px;
    color: #fff;
    display: inline-block;
    border: 0
}

.nn_mercury a:hover,
.nn_mercury button:hover {
    background-color: #e14949
}

.nn_mercury img {
    max-width: 100%
}

.mercury_section1 {
    margin-top: -60px
}

@media (max-width:767px) {
    .mercury_section1 {
        margin: 0
    }
}

.mercury_section1 .nn_col {
    padding: 0
}

.mercury_section1 h3 {
    color: #a31d00;
    margin: 20px 0
}

.mercury_section1 p {
    margin: 15px 0
}

.mercury_section1 .mercury_block1 {
    padding: 70px;
    background-color: #fff
}

@media (max-width:480px) {
    .mercury_section1 .mercury_block1 {
        padding: 40px 15px
    }
}

.mercury_section1 .mercury_block1 img {
    margin: 0 auto;
    display: block;
    max-width: 100%
}

.mercury_section1 .mercury_block2 {
    padding: 70px 40px;
    background-color: #a31d00;
    color: #fff
}

@media (max-width:480px) {
    .mercury_section1 .mercury_block2 {
        padding: 40px 15px
    }
}

.mercury_section1 .mercury_block2 h3,
.mercury_section1 .mercury_block2 p {
    color: #fff
}

.mercury_section2 {
    padding: 60px 0
}

.mercury_section2 .mercury_block3 {
    padding: 30px 0;
    float: left;
    width: 100%;
    border-bottom: 1px solid #d33
}

.mercury_section2 .mercury_block3:last-child {
    border: 0
}

.mercury_section2 .mercury_block3 h2 span {
    color: #d33;
    font-size: 18px;
    font-weight: 600
}

@media (max-width:767px) {
    .mercury_section2 .mercury_block3 h2 {
        margin-top: 20px
    }
}

.mercury_section2 .mercury_block3 h5 {
    line-height: 1.6;
    margin-top: 20px
}

.mercury_section3 {
    padding: 60px;
    background-color: #d33
}

@media (max-width:480px) {
    .mercury_section3 {
        padding: 40px 15px
    }
}

.mercury_section3 h2,
.mercury_section3 h3 {
    color: #fff
}

.mercury_section3 h3 {
    margin: 20px 0;
    line-height: 1.5
}

@media (max-width:480px) {
    .mercury_section3 h3 {
        font-size: 18px
    }
}

.mercury_section3 a {
    background-color: #fff;
    color: #2f2f2f
}

.mercury_section3 a:hover {
    background-color: #fff
}

.mercury_footer {
    background-color: #a31d00;
    padding: 40px 0;
    color: #d33
}

.mercury_footer h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px
}

@media (max-width:767px) {
    .mercury_footer h3 {
        margin: 20px 0
    }
}

.mercury_footer a {
    display: block;
    color: #d33;
    font-weight: 300;
    line-height: 30px
}

.mercury_copyirght {
    background-color: #a31d00;
    border-top: 1px solid #d33;
    padding: 20px 0
}

.mercury_copyirght p {
    color: #d33;
    text-align: center;
    margin: 0
}

.mercury_inner .mercury_inner_header {
    background-color: #f7cccc;
    padding: 60px 20px 100px 20px;
    margin: 0 -15px
}

@media (max-width:767px) {
    .mercury_inner .mercury_inner_header {
        padding: 90px 20px 50px 20px
    }
}

.mercury_inner .mercury_inner_header h2 {
    font-weight: 700;
    color: #d33
}

.mercury_inner .mercury_inner_header ol {
    margin-bottom: 10px
}

.mercury_inner .mercury_inner_header ol li a {
    padding: 0
}

.mercury_inner .mercury_inner_header ol li a:hover {
    background-color: transparent
}

.mercury_inner_content {
    padding: 60px 0
}

@media (max-width:480px) {
    .mercury_inner_content .nn_col {
        width: 100%
    }
}

.mercury_inner_content h3 {
    margin-bottom: 20px;
    font-weight: 500
}

.mercury_inner_content form {
    margin-top: 20px
}

.mercury_inner_content form input {
    line-height: 30px;
    margin-bottom: 20px;
    width: 100%;
    padding: 0 20px
}

.mercury_inner_content form textarea {
    padding: 20px;
    min-height: 50px;
    width: 100%;
    margin-bottom: 30px
}

@media (max-width:767px) {
    .mercury_inner_content form button {
        margin-bottom: 30px
    }
}

.mercury_inner_content iframe {
    margin-bottom: 30px;
    border: 3px solid #d33
}

.mercury_inner_content ul {
    margin-bottom: 30px
}

.mercury_inner_content ul li {
    display: inline-block
}

@media (max-width:767px) {
    .mercury_inner_content ul li {
        margin-bottom: 10px
    }
}

.mercury_inner_content ul li a {
    color: #fff;
    font-weight: 500;
    border: 2px solid #d33;
    padding: 7px 20px
}

.mercury_inner_content ul li a:hover {
    border-color: #a31d00
}

.mercury_inner_content ul li a p {
    margin: 0;
    color: #fff;
    font-weight: 500
}

.mercury_inner_content a {
    display: block;
    padding: 0
}

.mercury_inner_content a .mercury_product {
    background-color: #eef7f7;
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 15px
}

.mercury_inner_content a .mercury_product .ecom_pdt {
    margin: 50px 0 20px 0
}

.mercury_inner_content a .mercury_product h3 {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 10px 20px;
    background-color: #a31d00;
    color: #fff;
    max-height: 43px;
    overflow: hidden;
    line-height: 1.5;
    font-size: 18px
}

.mercury_inner_content a .short {
    padding: 0 20px;
    color: #2f2f2f;
    height: 60px;
    overflow: hidden
}

.mercury_inner_content a .short p {
    color: #2f2f2f
}

.mercury_pdt_detail img {
    max-height: 400px;
    margin: 0 auto;
    display: block
}

@media (max-width:767px) {
    .mercury_pdt_detail img {
        margin-bottom: 30px
    }
}

.mercury_pdt_desc {
    padding-bottom: 60px
}

.mercury_news_cat .mercury_product {
    padding-top: 60px;
    display: table
}

@media (max-width:640px) {
    .mercury_news_cat .mercury_product {
        width: 100%;
        display: block
    }
}

.mercury_news_cat .news_img,
.mercury_news_cat .short {
    display: table-cell;
    width: 50%;
    padding: 20px;
    vertical-align: middle
}

@media (max-width:640px) {

    .mercury_news_cat .news_img,
    .mercury_news_cat .short {
        width: 100%;
        display: block
    }
}

.mercury_news_cat .news_img img,
.mercury_news_cat .short img {
    max-width: 100%;
    margin: 0 auto;
    display: block
}

.mercury_news_cat .news_img button,
.mercury_news_cat .short button {
    margin-top: 20px;
    display: block
}

.mercury_gallery .image {
    width: 33.33%;
    padding: 2px;
    float: left
}

@media (max-width:540px) {
    .mercury_gallery .image {
        width: 100%;
        padding: 5px
    }
}

.mercury_gallery .image img {
    margin: 0 auto;
    max-width: 100%;
    display: block;
    transition: all ease-in-out .2s;
    transform: scale(1)
}

.mercury_gallery .image img:hover {
    opacity: .8;
    transform: scale(.9)
}

.nn_nano_sec {
    padding: 75px 0
}

@media (max-width:990px) {
    .nn_nano_sec {
        padding: 35px 0
    }
}

.nn_nano_sec a {
    background-color: #f7c757;
    padding: 10px;
    color: #333;
    font-size: 14px;
    border-radius: 4px;
    display: inline-block
}

.nn_nano_sec a:hover {
    color: #fff
}

.nn_nano_sec img {
    max-width: 100%
}

.nn_nano_sec.blog ul li a {
    color: #333;
    background: transparent;
    border-bottom: 1px solid #f7c757;
    padding: 8px 0;
    border-radius: 0;
    position: relative;
    padding-left: 20px
}

.nn_nano_sec.blog ul li a:after {
    position: absolute;
    content: "\f054";
    font: normal normal normal 14px/1 FontAwesome;
    left: 0;
    top: 13px
}

.nn_nano_sec.blog ul li a p {
    margin: 0
}

.nn_nano_sec.blog ul li a:hover {
    color: #f7c757
}

.nn_nano_sec.blog .nn_carbon_detailsection {
    float: left;
    width: 100%
}

.nn_nano_sec.blog .nn_carbon_detailsection .carbon_detail_links {
    float: left;
    width: 100%;
    margin-bottom: 25px
}

.nn_nano_sec.blog .nn_carbon_detailsection .carbon_detail_links .nano_blog_content a {
    background: transparent;
    color: #2f2f2f;
    padding: 0;
    font-size: inherit;
    border-radius: none;
    display: initial
}

.nn_nano_sec.blog .nn_carbon_detailsection h3 {
    margin-top: 30px;
    margin-bottom: 15px
}

.nn_nano_sec.blog .nn_carbon_detailsection a {
    float: right
}

.nn_nano_sec.blog .nn_pagination {
    clear: both
}

.nn_nano_sec.blog .nn_pagination ul {
    font-size: 0
}

.nn_nano_sec.blog .nn_pagination ul li {
    display: inline-block
}

.nn_nano_sec.blog .nn_pagination ul li a {
    padding: 8px 15px;
    background-color: #fff;
    margin-right: 5px;
    border: 1px solid #8c92af
}

.nn_nano_sec.blog .nn_pagination ul li a:hover {
    color: #fff;
    background-color: #d33
}

.nn_nano_sec.blog .nn_pagination ul li a:after {
    display: none
}

.nn_nano_sec.blog .nn_pagination ul .active a {
    color: #fff;
    background-color: #d33
}

.nn_section_nano a {
    background-color: #f7c757;
    padding: 10px;
    color: #333;
    font-size: 14px;
    border-radius: 4px;
    display: inline-block
}

.nn_section_nano a:hover {
    color: #fff
}

.nn_section_nano .owl-carousel {
    width: auto !important
}

.nn_section_nano .owl-carousel a {
    color: #f7c757;
    background-color: transparent;
    padding: 0;
    font-size: inherit
}

.nn_section_nano .owl-carousel a:hover {
    color: #f7c757
}

.nn_section_nano .sea_section2_content {
    height: 500px
}

@media (max-width:990px) {
    .nn_section_nano .sea_section2_content {
        height: auto;
        padding-bottom: 35px
    }
}

.nn_section_nano .image-bg1 {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    background-attachment: static;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 500px
}

.cmsnano_main_banner.minion_main_header .lithium_head_text h1 {
    font-size: 65px
}

@media (max-width:990px) {
    .cmsnano_main_banner.minion_main_header .lithium_head_text h1 {
        font-size: 35px
    }
}

@media (max-width:767px) {
    .cmsnano_main_banner.minion_main_header .lithium_head_text h1 {
        font-size: 25px
    }
}

.cmsnano_main_banner.minion_main_header .lithium_head_text h4 {
    font-size: 35px
}

@media (max-width:767px) {
    .cmsnano_main_banner.minion_main_header .lithium_head_text h4 {
        font-size: 16px;
        line-height: 25px
    }
}

@media (max-width:478px) {
    .cmsnano_main_banner.minion_main_header .lithium_head_text h4 {
        font-size: 14px;
        line-height: 21px
    }
}

.cmsnano_main_banner.minion_main_header .lithium_head_text h6 {
    font-size: 24px
}

@media (max-width:767px) {
    .cmsnano_main_banner.minion_main_header .lithium_head_text h6 {
        font-size: 14px;
        line-height: 21px
    }
}

@media (max-width:478px) {
    .cmsnano_main_banner.minion_main_header .lithium_head_text h6 {
        font-size: 12px;
        line-height: 16px
    }
}

.newnano_footer h5 {
    margin-bottom: 15px;
    font-size: 14px
}

.newnano_footer h6 {
    font-size: 14px;
    line-height: 20px
}

.newnano_footer p {
    font-size: 12px;
    display: inline-block
}

.newnano_footer p a {
    display: inline
}

.newnano_footer a {
    font-size: 16px;
    display: block
}

.newnano_footer a p {
    font-size: 16px
}

.newnano_footer button {
    background-color: #f7c757;
    padding: 10px;
    color: #333;
    font-size: 14px;
    border-radius: 4px;
    display: inline-block
}

.newnano_footer button:hover {
    color: #fff;
    background-color: #f7c757
}

.newnano_footer a {
    color: #fff
}

.newnano_footer a:hover {
    color: #fff
}

.dropdown-backdrop {
    display: none !important
}

.union_header.iron_header.newnano_header .main_header .home_icon {
    padding: 15px 10px;
    display: inline-block
}

.union_header.iron_header.newnano_header .main_header .home_icon i {
    font-size: 25px;
    color: #fff
}

@media (max-width:990px) {
    .union_header.iron_header.newnano_header .main_header .home_icon i {
        color: #f7c757
    }
}

.union_header.iron_header.newnano_header .main_header .nav {
    padding: 10px 0
}

.union_header.iron_header.newnano_header .main_header .nav li a {
    color: #fff;
    border-left: 1px solid #fff;
    padding: 10px 8px
}

@media (max-width:990px) {
    .union_header.iron_header.newnano_header .main_header .nav li a {
        padding: 0 15px;
        text-align: right;
        color: #2f2f2f
    }
}

.union_header.iron_header.newnano_header .main_header .nav li a:hover {
    color: #f7c757
}

.union_header.iron_header.newnano_header .main_header .nav li .active {
    color: #f7c757
}

.union_header.iron_header.newnano_header .main_header .nav li .dropdown-menu {
    background-color: #504f4d;
    top: 38px
}

.union_header.iron_header.newnano_header .main_header .nav li .dropdown-menu li a {
    padding: 5px 15px;
    text-align: left;
    border: 0
}

@media (max-width:990px) {
    .union_header.iron_header.newnano_header .main_header .nav li .dropdown-menu li a {
        text-align: right
    }
}

.union_header.iron_header.newnano_header .main_header .nav li .dropdown-menu li .active {
    background-color: #fff;
    color: #d33
}

.union_header.iron_header.newnano_header .main_header .nav li .dropdown-menu .open a:focus,
.union_header.iron_header.newnano_header .main_header .nav li .dropdown-menu .open a:hover {
    background: transparent
}

@media (max-width:378px) {
    .union_header.iron_header.newnano_header .menu_top {
        background-size: cover;
        height: 105px
    }
}

.union_header.iron_header.newnano_header .menu_top p a {
    color: #fff
}

.union_header.iron_header.newnano_header .navbar-collapse {
    background: transparent
}

@media (max-width:990px) {
    .union_header.iron_header.newnano_header .navbar-collapse {
        background: #fff;
        right: 0;
        width: 280px
    }
}

.union_header.iron_header.newnano_header .navbar-collapse .nav {
    background: transparent
}

@media (max-width:990px) {
    .union_header.iron_header.newnano_header .navbar-collapse .nav {
        background: #fff
    }
}

.ornek-isler .nano_works {
    width: 18.8%;
    display: inline-block;
    padding: 0 5px;
    margin-bottom: 30px
}

@media (max-width:767px) {
    .ornek-isler .nano_works {
        width: 32.8%
    }
}

@media (max-width:480px) {
    .ornek-isler .nano_works {
        width: 49%;
        font-size: 12px
    }
}

.ornek-isler .nano_works a {
    width: auto;
    display: block;
    padding: 0;
    margin-bottom: 0;
    color: #2f2f2f
}

.ornek-isler .nano_works a img {
    margin-bottom: 15px
}

.ornek-isler p {
    color: #2f2f2f
}

.cms_nano ul li a {
    font-size: 14px
}

.cms_nano ul li a p {
    font-size: 14px
}

.cms_nano h2 {
    font-size: 24px
}

.cms_nano img {
    max-width: 100%
}

.cms_nano h4 {
    line-height: 20px;
    margin-bottom: 15px
}

.cms_nano p,
.cms_nano a {
    line-height: 20px;
    font-size: 14px
}

.nano_setting_btn i {
    color: #d33;
    font-size: 45px
}

.nano_setting_menu {
    border-radius: 40px;
    background-color: #fff;
    padding: 50px
}

@media screen and (max-width:480px) {
    .nano_setting_menu {
        top: auto;
        width: auto
    }
}

.nano_setting_menu .nano_close_modal {
    position: absolute;
    top: 0;
    right: 0
}

.nano_setting_menu .nano_close_modal button {
    font-size: 40px
}

.nano_setting_menu h1 {
    color: #d33;
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 40px
}

.nano_setting_menu h5 {
    line-height: 25px;
    margin-bottom: 30px
}

.nano_setting_menu span {
    display: inline-block;
    position: relative
}

.nano_setting_menu .cms_head_form {
    margin: 0 auto;
    margin-top: 20px;
    width: 100%;
    height: auto
}

.nano_setting_menu .cms_head_form .form-groupfield {
    margin-bottom: 30px
}

.nano_setting_menu .cms_head_form .form-groupfield .groupfield label {
    float: left;
    display: inline-block !important;
    width: 33.33% !important;
    margin-bottom: 40px
}

.nano_setting_menu .cms_head_form .form-groupfield .groupfield label input [type=checkbox] {
    display: inline-block;
    float: left
}

.nano_setting_menu .cms_head_form .form-groupfield .groupfield label span {
    width: 80%;
    display: inline-block;
    float: left;
    font-size: 14px;
    letter-spacing: .5px;
    font-weight: normal
}

.nano_setting_menu .cms_head_form .form-field label {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 10px
}

.nano_setting_menu .cms_head_form .form-field label::after {
    font-size: 18px;
    font-weight: 600;
    margin-left: 5px
}

.nano_setting_menu .cms_head_form .form-field input {
    width: 100%;
    outline: none;
    border: 0;
    box-shadow: none;
    border-bottom: 2px solid #d33;
    height: 35px;
    line-height: 35px;
    color: #000;
    font-size: 16px;
    letter-spacing: .5px;
    border-radius: 0;
    background: transparent
}

.nano_setting_menu .cms_head_form .form-field.form-submit {
    text-align: right
}

.nano_setting_menu .cms_head_form .form-field.form-submit button {
    margin: 0 auto;
    margin-top: 30px;
    background-color: #d33;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    box-shadow: none;
    padding: 15px 30px;
    border-radius: 0;
    transition: .3s all ease-in-out
}

.nano_setting_menu .cms_head_form .form-field.form-submit button:active,
.nano_setting_menu .cms_head_form .form-field.form-submit button:hover,
.nano_setting_menu .cms_head_form .form-field.form-submit button:focus {
    background-color: #000;
    color: #fff;
    transition: .3s all ease-in-out
}

.minion_button {
    background-color: #e6c99d;
    border: 0;
    padding: 5px 40px;
    border-radius: 20px;
    font-size: 18px;
    font-weight: 600;
    margin-top: 30px;
    display: inline-block
}

.slider_button {
    display: inline-block;
    margin-top: 20px
}

.slider_text {
    font-size: 18px;
    line-height: 30px
}

.learning_category_para {
    overflow: hidden;
    max-height: 95px;
    color: #181818
}

.site-editor .alfa_content_home .alfa_img .alfa_hover {
    height: 25%
}

.site-editor .nn_union_section1 .union_inner_img .hover {
    height: 35%
}

.site-editor .nn_union_section1 .union_inner_img .hover a {
    margin-top: 15px
}

.site-editor .union_footer a:hover i {
    color: inherit;
    margin-left: 0
}

.site-editor .nn_fluff_gallery .nn_col img:hover {
    transform: none
}

.site-editor .hair_section.hair_section1.hair_section3 .image:before,
.site-editor .hair_section.hair_section1.hair_section3 .image:after {
    display: none
}

.site-editor .hair_section.hair_section1.hair_section3 .info:after {
    display: none
}

.site-editor .hair_section2 .inner_block .overlay:before,
.site-editor .hair_section2 .inner_block .overlay:after {
    display: none
}

.site-editor .sea_gallery_bottom .sea_img {
    display: initial
}

.navbar-fixed-top~article {
    padding-top: 140px
}

.zalina_contact.lithium_section1 h2 {
    font-size: 20px
}

.zalina_contact.lithium_section1 p {
    font-size: 18px
}

.zalina_slider.fluff_slider.carbon_section .slider_title,
.zalina_slider.fluff_slider.carbon_section .slider_text {
    color: #2f2f2f
}

.zalina_slider.fluff_slider.carbon_section .slider_text {
    font-size: 24px;
    margin-top: 25px;
    font-weight: 600;
    letter-spacing: .5px;
    width: 60%
}

@media (max-width:540px) {
    .zalina_slider.fluff_slider.carbon_section .slider_text {
        width: 100%
    }
}

.zalina_slider.fluff_slider.carbon_section a {
    background-color: #998979
}

.zalina_slider.fluff_slider.carbon_section .owl-theme .owl-controls .owl-page span {
    background: #383c50
}

.zalina_instagram blockquote,
.zalina_instagram iframe {
    margin: 0 auto !important
}

.zalina_footer.nn_wondex_copyright1,
.zalina_footer.nn_wondex_copyright {
    border: none
}

.zalina_head.sea_section_top {
    background-image: url('/static/themes/nano_lite/images/83282e43-6200-4d58-9b8c-e342dc1d6550.jpg')
}

@media (max-width:1366px) {
    .zalina_head.sea_section_top {
        background-image: url('/static/themes/nano_lite/images/4a1228c8-9b26-4a99-b63d-914aa8c541a6.jpg')
    }
}

@media (max-width:990px) {
    .zalina_head.sea_section_top {
        background-image: url('/static/themes/nano_lite/images/e11ae8c8-7fcc-4fdb-b0dc-6c15c69d6cbd.jpg')
    }
}

@media (max-width:768px) {
    .zalina_head.sea_section_top {
        background-image: url('/static/themes/nano_lite/images/2aa47157-6df9-4099-99f7-c7765e72f8b4.jpg')
    }
}

@media (max-width:480px) {
    .zalina_head.sea_section_top {
        background-image: url('/static/themes/nano_lite/images/bfa16d83-d755-4e6b-8380-997931380bc3.jpg')
    }
}

.nn_carbon_service.zalina_banner1 {
    background-image: url('/static/themes/nano_lite/images/ca97cb8c-964a-4f71-b9c3-82ce6d149cae.jpg')
}

@media (max-width:990px) {
    .nn_carbon_service.zalina_banner1 {
        background-image: url('/static/themes/nano_lite/images/cd23bb85-8c3d-48db-a68f-9aa36d1a5a49.jpg')
    }
}

@media (max-width:768px) {
    .nn_carbon_service.zalina_banner1 {
        background-image: url('/static/themes/nano_lite/images/686b073d-c451-4554-844e-909ab2eb587d.jpg')
    }
}

@media (max-width:480px) {
    .nn_carbon_service.zalina_banner1 {
        background-image: url('/static/themes/nano_lite/images/5486b9c6-983e-4eca-a0cf-4180fae1e4e3.jpg')
    }
}

.nn_carbon_service.zalina_banner1 h3 {
    font-size: 26px
}

.garden_header.cobalt_header {
    background-color: #1a2026
}

.garden_header.cobalt_header .main_header {
    padding: 10px 10px 10px 0
}

.garden_header.cobalt_header .main_header nav {
    padding: 0
}

.garden_header.cobalt_header .main_header .navbar-collapse {
    padding: 0;
    max-height: none
}

@media (max-width:540px) {
    .garden_header.cobalt_header .main_header .navbar-collapse {
        margin-top: 52px
    }
}

.garden_header.cobalt_header .main_header .navbar-collapse .nav li a {
    margin-bottom: 0;
    padding: 0 8px;
    line-height: 50px;
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px
}

.garden_header.cobalt_header .main_header .navbar-collapse .nav li a:hover,
.garden_header.cobalt_header .main_header .navbar-collapse .nav li a:focus {
    background: transparent;
    color: #d33
}

.garden_header.cobalt_header .main_header .navbar-collapse .nav li .active {
    background: transparent;
    color: #d33;
    font-weight: 600
}

.garden_header.cobalt_header .main_header .navbar-collapse .nav li .dropdown-menu {
    background-color: #1a2026
}

.garden_header.cobalt_header .main_header .navbar-header {
    padding-top: 0;
    margin: 0;
    float: none;
    top: 15px;
    right: 0;
    display: block
}

.garden_header.cobalt_header .main_header .logo-head {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9
}

.garden_header.cobalt_header .main_header .logo-head a {
    display: block
}

.garden_header.cobalt_header~article {
    padding-top: 0
}

.garden_slider .owl-controls {
    display: none !important
}

.garden_slider .slider {
    position: relative;
    display: block
}

.garden_slider .slider img {
    min-height: 300px
}

@media (max-width:990px) {
    .garden_slider .slider img {
        margin-top: 0
    }
}

.garden_slider .slider .carousel-caption {
    position: absolute;
    bottom: 0;
    left: 130px;
    padding: 0
}

@media (max-width:990px) {
    .garden_slider .slider .carousel-caption {
        left: 0
    }
}

.garden_slider .slider .carousel-caption .slider_title {
    background-color: #998979;
    color: #909090;
    padding: 20px 30px;
    font-size: 22px;
    line-height: 30px;
    display: block;
    width: 260px;
    margin: 0;
    text-align: left
}

@media (max-width:480px) {
    .garden_slider .slider .carousel-caption .slider_title {
        padding: 5px 35px;
        font-size: 14px;
        line-height: 22px
    }
}

.garden_slider .slider .carousel-caption .slider_text {
    min-height: 109px;
    margin-bottom: 0;
    max-width: 260px;
    background-color: #1a2026;
    padding: 23px;
    font-size: 28px;
    line-height: 35px;
    text-align: left;
    color: #909090
}

@media (max-width:480px) {
    .garden_slider .slider .carousel-caption .slider_text {
        padding: 5px 20px;
        font-size: 14px;
        line-height: 22px;
        max-width: 180px;
        min-height: auto
    }
}

.nn_parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat
}

.garden_section1 {
    background-image: url('../images/home_garden2_sectionbg1.jpg');
    padding-top: 130px;
    padding-bottom: 130px
}

.garden_block1 {
    background-color: #909090;
    padding: 60px 50px 10px;
    font-size: 0
}

@media (max-width:767px) {
    .garden_block1 {
        padding: 50px 20px
    }
}

.garden_block1 h1 {
    color: #2f2f2f;
    margin-bottom: 20px
}

.garden_block1 h5 {
    color: #383c50;
    font-size: 20px;
    line-height: 30px;
    font-weight: 300
}

@media (max-width:767px) {
    .garden_block1 h5 {
        font-size: 16px;
        line-height: 25px
    }
}

.garden_block1 .graden_inner_block {
    width: 50%;
    display: inline-block;
    padding: 40px 20px 40px 0
}

@media (max-width:767px) {
    .garden_block1 .graden_inner_block {
        width: 100%;
        display: block;
        margin-bottom: 15px;
        padding: 20px 0
    }
}

.garden_block1 .graden_inner_block h3 {
    margin: 20px 0;
    color: #2f2f2f
}

.garden_block1 .graden_inner_block p {
    font-size: 14px;
    color: #2f2f2f
}

.garden_section img {
    max-width: 100%
}

.garden_section h1 {
    line-height: 55px;
    margin-bottom: 20px;
    font-size: 40px;
    letter-spacing: 4px
}

@media (max-width:767px) {
    .garden_section h1 {
        font-size: 28px;
        line-height: 35px
    }
}

.garden_section h2,
.garden_section h3,
.garden_section h4,
.garden_section h5,
.garden_section h6,
.garden_section p {
    color: #2f2f2f;
    letter-spacing: 3px
}

.garden_section h2 {
    letter-spacing: 4px
}

.garden_section2 {
    background-color: #868686;
    padding-top: 130px;
    padding-bottom: 90px
}

.garden_section2 .garden_inner_section2 {
    padding-top: 30px
}

.garden_section2 .garden_inner_section2 span {
    padding-bottom: 10px
}

.garden_section2 .garden_inner_section2 span p {
    font-size: 20px;
    font-weight: 300
}

@media (max-width:767px) {
    .garden_section2 .garden_inner_section2 span p {
        font-size: 16px;
        line-height: 25px
    }
}

.garden_section2 .garden_inner_section2 a {
    color: #b22000;
    border-bottom: 2px solid #a31d00;
    font-size: 22px;
    margin: 20px 0;
    display: inline-block
}

.garden_section2 .garden_inner_section2 a:hover {
    color: #a31d00
}

.garden_footer {
    background-color: #181818;
    padding: 70px 0
}

.garden_footer h3 {
    color: #fff;
    margin-bottom: 15px;
    font-size: 28px
}

@media (max-width:767px) {
    .garden_footer h3 {
        margin: 20px 0
    }
}

@media (max-width:480px) {
    .garden_footer h3 {
        font-size: 20px
    }
}

.garden_footer p {
    color: #a29385;
    font-size: 16px;
    line-height: 30px
}

@media (max-width:480px) {
    .garden_footer p {
        font-size: 14px;
        line-height: 25px
    }
}

.garden_footer a {
    margin-right: 10px;
    font-size: 20px;
    letter-spacing: 3px
}

@media (max-width:480px) {
    .garden_footer a {
        font-size: 14px;
        letter-spacing: 2px
    }
}

.garden_footer .theme_color {
    color: #a31d00
}

.garden_copyright {
    background-color: #181818;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 20px 0
}

.garden_copyright p {
    color: #a29385;
    font-size: 18px;
    float: left;
    margin-bottom: 0
}

@media (max-width:480px) {
    .garden_copyright p {
        font-size: 14px;
        line-height: 18px
    }
}

.garden_copyright a {
    font-size: 18px;
    margin-left: 10px
}

@media (max-width:480px) {
    .garden_copyright a {
        font-size: 14px;
        margin-left: 4px
    }
}

.theme_color {
    color: #a31d00
}

.garden_section3 {
    padding-top: 70px;
    padding-bottom: 130px;
    background-image: url('../images/home_garden2_sectionbg2.jpg')
}

.garden_section3 .nn_col {
    padding: 0
}

.garden_section3 h1 {
    margin-bottom: 20px;
    color: #909090
}

@media (max-width:767px) {
    .garden_section3 h1 {
        color: #2f2f2f;
        margin-left: 15px
    }
}

.garden_relization .realization_section {
    position: relative
}

.garden_relization .realization_section:hover .realization1 h1:after {
    width: 90px
}

.garden_relization .realization_section:hover .mask {
    opacity: 1
}

.garden_relization .realization_section:hover .realization2 {
    bottom: 80px;
    opacity: 1
}

@media (max-width:767px) {
    .garden_relization .realization_section:hover .realization2 {
        bottom: 0
    }
}

.garden_relization .realization_section .realization1 {
    position: absolute;
    z-index: 4;
    top: 150px;
    left: 250px
}

@media (max-width:767px) {
    .garden_relization .realization_section .realization1 {
        left: 10px;
        top: 115px
    }
}

@media (max-width:480px) {
    .garden_relization .realization_section .realization1 {
        top: 80px
    }
}

.garden_relization .realization_section .realization1 h1 {
    position: relative;
    color: #fff
}

@media (max-width:540px) {
    .garden_relization .realization_section .realization1 h1 {
        font-size: 20px
    }
}

.garden_relization .realization_section .realization1 h1:after {
    position: absolute;
    content: '';
    border-top: 4px solid #a31d00;
    transition: all .4s;
    width: 0;
    top: -20px;
    left: 0
}

@media (max-width:767px) {
    .garden_relization .realization_section .realization1 h1:after {
        top: -10px
    }
}

.garden_relization .realization_section .realization2 {
    border-top: 1px solid #f7f7f7 4f;
    position: absolute;
    bottom: 100px;
    transition: all .4s;
    right: 150px;
    width: 300px;
    padding-top: 30px;
    opacity: 0;
    z-index: 4
}

@media (max-width:767px) {
    .garden_relization .realization_section .realization2 {
        bottom: 0;
        right: 15px;
        width: 150px;
        padding-top: 10px
    }
}

.garden_relization .realization_section .realization2 h5 {
    color: #fff;
    font-size: 22px;
    margin-bottom: 15px
}

@media (max-width:540px) {
    .garden_relization .realization_section .realization2 h5 {
        font-size: 16px
    }
}

@media (max-width:767px) {
    .garden_relization .realization_section .realization2 h5 {
        margin-bottom: 3px
    }
}

.garden_relization .realization_section .realization2 .font_light {
    font-weight: 300
}

.garden_relization .realization_section .mask {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    z-index: 1
}

.garden_about1 {
    background-image: url('../images/home_garden2_sectionbg3.jpg');
    background-position: center top;
    padding-top: 380px;
    background-color: #eee
}

.garden_about1 h1 {
    color: #909090;
    text-align: center
}

.garden_about_portfolio {
    padding: 80px 0
}

.garden_about_portfolio h2 {
    color: #909090;
    margin: 30px 0;
    text-align: center;
    font-size: 26px;
    line-height: 34px;
    font-weight: 400;
    letter-spacing: 2px
}

.garden_about_portfolio p {
    font-size: 18px;
    line-height: 25px;
    color: #909090;
    text-align: center
}

.garden_about2 {
    background-color: #eee;
    padding: 20px 0 60px 0
}

.garden_about2 .nn_container {
    max-width: 930px
}

.garden_about2 img {
    margin: 0 auto;
    display: block
}

.garden_about2 h1,
.garden_about2 p {
    color: #909090
}

.garden_about2 p {
    font-size: 16px;
    line-height: 25px;
    color: #909090;
    letter-spacing: .5px !important;
    text-align: justify
}

.garden_about2 h1 {
    margin: 30px 0;
    text-align: center
}

.garden_about2:last-child {
    padding-bottom: 150px
}

.head_text {
    font-size: 70px;
    line-height: 70px;
    text-align: center;
    color: #909090;
    margin-bottom: 300px
}

.garden_detail1 {
    padding-top: 215.5px;
    padding-bottom: 195.5px;
    background-image: url('../images/home_garden2_portfoliodetails1.jpg')
}

.garden_detail1 .head_text {
    font-size: 70px;
    line-height: 70px;
    text-align: center;
    color: #909090
}

.garden_detail2_slide {
    position: relative;
    min-height: 100vh;
    box-sizing: border-box;
    box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.7);
    transform-style: inherit;
    background: 50% 50% / cover
}

.garden_detail2_slide:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.7);
    background: 50% 50% / cover
}

#slide1:before {
    background-image: url("../images/home_garden2_portfoliodetails2.jpg");
    transform: translateZ(-1px) scale(1)
}

#slide2 {
    background-image: url("../images/home_garden2_portfoliodetails3.jpg");
    z-index: 2
}

#slide3:before {
    background-image: url("../images/home_garden2_portfoliodetails4.jpg");
    transform: translateZ(-1px) scale(1)
}

.garden_process_banner {
    background-image: url("../images/home_garden2_subheader1.jpg");
    padding: 140px 0 150px;
    background-position: bottom
}

@media (max-width:540px) {
    .garden_process_banner {
        padding: 130px 0 150px
    }
}

.garden_process_banner h1 {
    font-size: 70px;
    line-height: 70px;
    text-align: center;
    color: #909090
}

@media (max-width:540px) {
    .garden_process_banner h1 {
        font-size: 45px;
        line-height: 55px
    }
}

.garden_process2.garden_about2 {
    background-color: #e6d3bc
}

.garden_process2.garden_about2 h1,
.garden_process2.garden_about2 p {
    color: #2f2f2f
}

.garden_contact.garden_process2 {
    background-color: #e6d3bc;
    padding-top: 60px;
    padding-bottom: 130px
}

@media (max-width:540px) {
    .garden_contact.garden_process2 {
        padding-top: 1px
    }
}

.garden_contact.garden_process2 h1 {
    text-align: left;
    margin: 30px 0
}

.garden_contact.garden_process2 p {
    font-size: 18px;
    line-height: 25px
}

.garden_contact.garden_process2 .garden_form input,
.garden_contact.garden_process2 .garden_form textarea {
    padding: 10px 10px;
    font-size: 13px;
    width: 100%;
    margin-bottom: 15px;
    background-color: #dadada;
    border: 1px solid #989898;
    letter-spacing: 2px;
    height: 50px;
    color: #000
}

.garden_contact.garden_process2 .garden_form input::-webkit-input-placeholder,
.garden_contact.garden_process2 .garden_form textarea::-webkit-input-placeholder {
    color: #000
}

.garden_contact.garden_process2 .garden_form input::-moz-placeholder,
.garden_contact.garden_process2 .garden_form textarea::-moz-placeholder {
    color: #000
}

.garden_contact.garden_process2 .garden_form input:-ms-input-placeholder,
.garden_contact.garden_process2 .garden_form textarea:-ms-input-placeholder {
    color: #000
}

.garden_contact.garden_process2 .garden_form input:-moz-placeholder,
.garden_contact.garden_process2 .garden_form textarea:-moz-placeholder {
    color: #000
}

.garden_contact.garden_process2 .garden_form textarea {
    width: 100%;
    min-height: 150px
}

.garden_contact.garden_process2 .garden_form button {
    width: 100%;
    color: #fff;
    background-color: #a31d00;
    border: 0;
    padding: 11px 20px;
    border-radius: 5px;
    font-size: 16px;
    letter-spacing: 2px;
    margin-bottom: 30px
}

.marina_header.cobalt_header {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 50px 0;
    z-index: 100
}

.marina_header.cobalt_header .main_header {
    background-color: transparent
}

.marina_header.cobalt_header .main_header .navbar ul {
    text-align: center;
    position: relative;
    font-size: 0;
    float: none
}

.marina_header.cobalt_header .main_header .navbar ul:before {
    position: absolute;
    border-top: 1px solid #fff;
    content: "";
    opacity: .2;
    top: -1px;
    width: 55%;
    margin: 0 auto;
    left: 0;
    right: 0
}

.marina_header.cobalt_header .main_header .navbar ul li {
    margin: 0;
    text-align: center;
    padding: 0 20px
}

.marina_header.cobalt_header .main_header .navbar ul li a {
    font-size: 18px;
    font-weight: 400;
    border-radius: 0;
    margin: 0;
    position: relative;
    line-height: 60px;
    opacity: .7
}

.marina_header.cobalt_header .main_header .navbar ul li a:after {
    content: "";
    height: 4px;
    width: 100%;
    position: absolute;
    left: 0;
    top: -4px;
    background-color: #fff;
    opacity: 0;
    transition: all .4s ease-in
}

.marina_header.cobalt_header .main_header .navbar ul li a:hover,
.marina_header.cobalt_header .main_header .navbar ul li a:focus {
    background-color: transparent;
    opacity: 1
}

.marina_header.cobalt_header .main_header .navbar ul li a:hover:after,
.marina_header.cobalt_header .main_header .navbar ul li a:focus:after {
    opacity: 1
}

.marina_header.cobalt_header .main_header .navbar ul li a.active {
    color: #fff;
    opacity: 1
}

.marina_header.cobalt_header .main_header .navbar ul li .active {
    background-color: transparent;
    opacity: 1
}

.marina_header.cobalt_header .main_header .navbar ul li .active:after {
    opacity: 1
}

.marina_header.cobalt_header .main_header .navbar ul li .active:hover {
    background-color: transparent
}

.marina_header.cobalt_header .main_header .navbar ul li .dropdown-menu li {
    padding: 0 !important;
    text-align: center
}

.marina_header.cobalt_header .logo-head {
    text-align: center
}

.marina_banner {
    background-color: #1a2026;
    background-image: url("../images/home_marina_sectionbg1.jpg");
    background-position: center top;
    padding-bottom: 140px;
    padding-top: 700px;
    position: relative
}

.marina_banner p,
.marina_banner span {
    color: #fff
}

.marina_banner span {
    font-weight: 300
}

.marina_banner .marina_col1 {
    width: 38%;
    float: left;
    margin: 0 1% 40px;
    padding: 15px 20px 5px 40px
}

@media (max-width:720px) {
    .marina_banner .marina_col1 {
        width: 100%;
        text-align: center
    }
}

.marina_banner .marina_col1 p,
.marina_banner .marina_col2 p,
.marina_banner .marina_col1 span,
.marina_banner .marina_col2 span {
    margin: 0;
    line-height: 1.8
}

.marina_banner .marina_col1 i,
.marina_banner .marina_col2 i {
    font-size: 14px;
    margin-right: 5px
}

.marina_banner .marina_col2 {
    width: 18%;
    float: left;
    margin: 0 1% 40px;
    padding: 15px 20px 5px 20px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-top: 0;
    border-bottom: 0
}

@media (max-width:720px) {
    .marina_banner .marina_col2 {
        width: 100%;
        text-align: center;
        border: 0
    }
}

.marina_banner .marina_banner_logo {
    position: absolute;
    bottom: -25px;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center
}

.marina_pad {
    margin: 0 auto 120px
}

@media (max-width:990px) {
    .marina_pad {
        margin: 0 auto 60px
    }
}

.marina_home_section1 {
    position: relative
}

.marina_home_section1 .marina_home_inner_section1:hover img {
    -webkit-filter: grayscale(50%);
    filter: grayscale(50%)
}

.marina_home_section1 .marina_home_inner_section1:hover .line {
    width: 60%
}

.marina_home_section1 .marina_home_inner_section1:hover .marina_inner_block1 {
    bottom: 40px
}

.marina_home_section1 .marina_home_inner_section1 img {
    max-width: 100%
}

.marina_home_section1 .marina_inner_block1 {
    position: absolute;
    bottom: 30px;
    text-align: center;
    width: 100%;
    left: 0;
    right: 0;
    transition: all .3s ease-in-out
}

.marina_home_section1 .marina_inner_block1 a {
    line-height: normal;
    letter-spacing: 1px;
    padding: 4px 8px;
    text-transform: uppercase;
    margin-bottom: 15px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-image: url('../images/stripes_10_w.png');
    background-color: #2e303f;
    color: #fff
}

.marina_home_section1 .marina_inner_block1 h2 {
    color: #fff;
    font-weight: 400;
    margin: 15px 0
}

.marina_home_section1 .marina_inner_block1 .line {
    height: 1px;
    margin: 0 auto;
    background: #fff;
    overflow: hidden;
    display: block;
    width: 0;
    transition: all .3s ease-in-out
}

.marina_home_section2 {
    background-image: url("../images/home_marina_sectionbg2.png");
    padding-top: 80px;
    padding-bottom: 270px
}

@media (max-width:990px) {
    .marina_home_section2 {
        padding-bottom: 120px
    }
}

.marina_home_section2 h4 {
    margin-bottom: 15px
}

.marina_home_section2 p {
    color: #909090
}

@media (max-width:767px) {
    .marina_home_section2 img {
        margin-bottom: 30px
    }
}

.marina_section h4 {
    font-size: 21px;
    line-height: 25px
}

.marina_section h1,
.marina_section h2,
.marina_section h3,
.marina_section h4,
.marina_section h5,
.marina_section h6 {
    margin-bottom: 15px
}

.marina_section p {
    font-size: 15px;
    line-height: 28px
}

.marina_section h5 {
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    letter-spacing: 4px
}

.marina_section h3 {
    font-size: 25px;
    line-height: 29px;
    font-weight: 400;
    letter-spacing: 0
}

@media (max-width:767px) {
    .marina_section h3 {
        font-size: 20px;
        line-height: 25px
    }
}

.marina_section h1 {
    font-size: 45px;
    line-height: 55px;
    font-weight: 400;
    letter-spacing: 0
}

@media (max-width:767px) {
    .marina_section h1 {
        font-size: 35px;
        line-height: 45px
    }
}

.marina_section h2 {
    font-size: 30px;
    line-height: 38px;
    font-weight: 400;
    letter-spacing: 0;
    margin-top: 10px;
    height: 80px;
    overflow: hidden
}

@media (max-width:767px) {
    .marina_section h2 {
        font-size: 28px;
        line-height: 1.5
    }
}

.marina_section .marina_button {
    border-color: #2e303f;
    color: #2e303f;
    padding: 11px 20px;
    border-width: 2px;
    border-style: solid;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block
}

@media (max-width:767px) {
    .marina_section .marina_button {
        margin-bottom: 30px
    }
}

.marina_section .marina_button i {
    font-size: 12px;
    margin-left: 10px
}

.marina_section .marina_button:hover {
    background-color: #2e303f;
    color: #fff
}

.marina_section .marina_button:hover i {
    color: #030304
}

.marina_section img {
    max-width: 100%
}

.marina_home_section3 {
    padding-bottom: 140px
}

@media (max-width:990px) {
    .marina_home_section3 {
        padding-bottom: 70px
    }
}

.marina_home_section3 .split_heading {
    overflow: hidden;
    text-align: center;
    margin-bottom: 15px
}

.marina_home_section3 .split_heading h5 {
    color: #2e303f;
    display: inline-block;
    position: relative;
    letter-spacing: 2px
}

.marina_home_section3 .split_heading .line {
    background: #2e303f;
    overflow: hidden;
    display: block;
    position: absolute;
    width: 3000px;
    height: 1px;
    top: 50%
}

.marina_home_section3 .split_heading .line1 {
    right: 100%;
    margin-right: 20px
}

.marina_home_section3 .split_heading .line2 {
    left: 100%;
    margin-left: 20px
}

.marina_home_section3 .split_header {
    color: #d33;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.3;
    text-align: center;
    position: relative;
    margin: 0 auto;
    margin-top: 30px;
    width: 100%
}

.marina_home_section3 .split_header::before {
    content: '';
    height: 2px;
    width: 40%;
    position: absolute;
    left: 0;
    top: 50%;
    background: #d33;
    transform: translateY(-50%)
}

.marina_home_section3 .split_header::after {
    content: '';
    height: 2px;
    width: 40%;
    position: absolute;
    right: 0;
    top: 50%;
    background: #d33;
    transform: translateY(-50%)
}

.marina_home_section3 .slider {
    margin-top: 40px
}

.marina_home_section3 .slider img {
    width: 100%;
    height: auto;
    transition: all .4s ease-in-out
}

.marina_home_section3 .slider:hover .owl-controls .owl-buttons div {
    opacity: .6;
    background-color: #fff
}

.marina_home_section3 .slider .owl-item {
    padding: 10px;
    overflow: hidden
}

.marina_home_section3 .slider .owl-item .image_wrapper {
    overflow: hidden
}

.marina_home_section3 .slider .owl-controls .owl-buttons div {
    height: 70%;
    display: block;
    position: absolute;
    top: 5px;
    border-radius: 0;
    width: 40px;
    vertical-align: middle;
    text-align: center;
    align-items: center;
    line-height: 100%;
    display: flex;
    opacity: 0;
    transition: all .4s ease-in-out
}

.marina_home_section3 .slider .owl-controls .owl-buttons div i {
    font-size: 20px;
    color: #333
}

.marina_home_section3 .slider .owl-controls .owl-buttons .owl-prev {
    left: 4px
}

.marina_home_section3 .slider .owl-controls .owl-buttons .owl-next {
    right: 4px
}

.marina_home_section3 .slider .owl-controls .owl-pagination .active span {
    background-color: #454545
}

.marina_home_section3 .slider .owl-item:hover img {
    transform: scale(1.1)
}

.marina_home_section3 .slider .owl-item:hover .carousel-caption:after {
    width: 100px
}

.marina_home_section3 .slider .owl-item .carousel-caption {
    position: initial;
    text-align: left;
    color: #2f2f2f;
    text-shadow: none;
    position: relative;
    left: 0;
    bottom: 0
}

.marina_home_section3 .slider .owl-item .carousel-caption h1 {
    font-size: 20px;
    color: #2f2f2f;
    font-weight: 600;
    margin-bottom: 10px
}

.marina_home_section3 .slider .owl-item .carousel-caption .slider_text {
    font-size: 18px
}

.marina_home_section3 .slider .owl-item .carousel-caption:after {
    position: absolute;
    content: "";
    width: 0;
    height: 1px;
    left: 0;
    bottom: 0;
    background-color: #2e303f;
    transition: all .4s ease-in-out
}

.marina_home_section4 {
    background-image: url("../images/home_marina_sectionbg3.jpg");
    padding-top: 0;
    padding-bottom: 200px;
    background-position: center bottom
}

.marina_home_section4 h3 {
    color: #2e303f;
    margin-bottom: 15px
}

.marina_home_section4 h1 {
    font-size: 45px;
    line-height: 60px;
    color: #000;
    margin-bottom: 35px
}

.marina_home_section4 .marina_inner_section4 {
    background-image: url("../images/home_marina_wrapbg1.jpg");
    background-color: #1b1c65;
    background-position: center top;
    height: 649px;
    padding: 400px 40px 40px;
    color: #fff
}

.marina_home_section4 .marina_inner_section4 h1 {
    font-size: 60px;
    margin-bottom: 15px;
    color: #fff
}

.marina_home_section4 .marina_inner_section4 p {
    font-size: 12px
}

.marina_footer {
    background-color: #181818;
    position: relative;
    padding: 90px 0;
    color: #fff
}

.marina_footer span {
    display: inline-block;
    width: 100%;
    margin-bottom: 12px
}

.marina_footer span a {
    display: inline-block;
    width: 85%;
    float: right;
    margin-bottom: 0;
    line-height: 25px;
    color: #fff;
    font-size: 14px
}

@media (max-width:767px) {
    .marina_footer span a {
        width: 95%
    }
}

.marina_footer span i {
    display: inline-block;
    color: #a31d00;
    margin-bottom: 15px;
    line-height: 25px;
    font-size: 16px
}

.marina_footer h3 {
    font-size: 23px;
    line-height: 25px;
    font-weight: 400;
    letter-spacing: 0;
    margin-bottom: 20px
}

.marina_footer p {
    font-size: 14px;
    line-height: 24px;
    color: #ddd;
    font-weight: 300
}

.marina_footer a {
    color: #a31d00;
    font-size: 16px;
    margin-bottom: 15px;
    display: block
}

.pattern {
    background-image: url("../images/home_marina_decoration1.png");
    height: 10px;
    position: absolute;
    top: -10px;
    width: 100%
}

.footer_galery {
    font-size: 0
}

.footer_galery a {
    width: 50%;
    display: inline-block;
    margin: 0
}

.footer_galery a .wrap {
    overflow: hidden;
    padding: 5px
}

.footer_galery a .wrap img {
    transition: all .3s ease-in;
    max-width: 100%;
    min-height: 100px;
    height: auto
}

.footer_galery a:hover img {
    transform: scale(1.02)
}

.marina_copyright.garden_copyright {
    text-align: center
}

.marina_copyright.garden_copyright p {
    float: none;
    display: inline-block;
    font-size: 16px;
    color: #ddd
}

.marina_copyright.garden_copyright a {
    font-size: 12px;
    color: #fff
}

.marina_header.cobalt_header.fixed-header {
    background-color: #1b273d;
    position: fixed;
    top: 0;
    padding: 0
}

.marina_header.cobalt_header.fixed-header .main_header {
    text-align: center
}

@media (max-width:990px) {
    .marina_header.cobalt_header.fixed-header .main_header {
        padding: 10px 0
    }
}

.marina_header.cobalt_header.fixed-header .main_header .navbar-collapse {
    padding: 0
}

.marina_header.cobalt_header.fixed-header .main_header .navbar {
    min-height: auto
}

@media (max-width:990px) {
    .marina_header.cobalt_header.fixed-header .main_header .navbar {
        float: right
    }
}

.marina_header.cobalt_header.fixed-header .main_header .navbar ul:before {
    border: 0
}

.marina_header.cobalt_header.fixed-header .main_header .navbar ul li a:after {
    top: initial;
    bottom: -4px
}

.marina_header.cobalt_header.fixed-header .main_header .navbar-header {
    padding-top: 0
}

@media (max-width:990px) {
    .marina_header.cobalt_header.fixed-header .main_header .navbar-header {
        padding-top: 10px
    }
}

.marina_header.cobalt_header.fixed-header .logo-head {
    display: inline-block;
    padding-right: 30px
}

.marina_header.cobalt_header.fixed-header .logo-head img {
    height: 35px
}

.marina_header.cobalt_header.fixed-header nav {
    display: inline-block;
    padding: 0
}

.marina_banner.marina_about {
    background-image: url('../images/home_marina_sectionbg4.jpg');
    background-color: transparent;
    padding-top: 420px;
    padding-bottom: 190px
}

.marina_col3 {
    margin: 0 1% 40px;
    width: 98%
}

.marina_col3 h1 {
    letter-spacing: 8px;
    font-weight: 700;
    font-size: 45px;
    line-height: 55px;
    color: #a31d00
}

@media (max-width:767px) {
    .marina_col3 h1 {
        font-size: 35px;
        line-height: 45px;
        letter-spacing: 4px
    }
}

.marina_about_section1 {
    background: transparent;
    padding-bottom: 40px
}

.marina_about_section1 b {
    color: #2e303f;
    font-weight: 700
}

.marina_about_section1 h5 {
    color: #2e303f
}

.marina_about_section1 .marina_button {
    margin-top: 25px;
    font-size: 12px;
    padding: 15px 25px
}

.marina_about_section2 {
    padding: 50px 0
}

.marina_about_section2 .nn_col {
    padding-left: 6px;
    padding-right: 6px;
    margin: 6px 0
}

.marina_about_section2 p {
    font-size: 13px;
    color: #909090
}

.about_block1 {
    padding: 0 14%;
    margin: 0 1% 40px
}

@media (max-width:480px) {
    .about_block1 {
        padding: 0 !important;
        text-align: left
    }
}

.marina_about_section3 {
    padding: 30px 0
}

.marina_about_section3 .about_block1 {
    padding: 0 8%
}

.marina_about_section3 ul li {
    background: url('../images/list_check.png') no-repeat 5px 10px;
    width: 33%;
    float: left;
    position: relative;
    margin: 0 0 20px 0;
    padding-left: 30px;
    text-align: left;
    font-size: 12px;
    color: #909090;
    line-height: 30px
}

@media (max-width:990px) {
    .marina_about_section3 ul li {
        width: 50%;
        padding-left: 50px;
        background: url('../images/list_check.png') no-repeat 15px 10px
    }
}

@media (max-width:480px) {
    .marina_about_section3 ul li {
        width: 100%
    }
}

.marina_about_section3 ul li:after {
    position: absolute;
    content: '';
    border-bottom: 1px solid rgba(144, 144, 144, 0.2);
    width: 60px;
    bottom: -8px;
    left: -10px
}

@media (max-width:990px) {
    .marina_about_section3 ul li:after {
        left: 0
    }
}

.marina_book {
    margin-top: 130px
}

.marina_book a {
    border-width: 10px;
    border-color: #2e303f;
    transition: all .4s ease;
    border-style: solid;
    padding: 30px 30px;
    display: block;
    color: #2e303f;
    width: 70%;
    margin: 0 auto;
    text-align: center
}

.marina_book a h1 {
    margin: 0
}

.marina_book a:hover {
    border-color: #232530;
    color: #232530
}

.marina_banner.marina_news {
    padding: 345px 0 140px;
    background-image: none;
    background-color: #d33
}

@media (max-width:990px) {
    .marina_banner.marina_news {
        padding: 120px 0 80px
    }
}

.marina_news_section .grid {
    overflow: hidden
}

.marina_news_section img {
    transition: all .3s ease-in-out;
    transform: scale(1)
}

.marina_news_section img:hover {
    transform: scale(1.1)
}

.marina_news_section .author {
    color: #4d526e;
    padding: 20px 20px 0;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(148, 148, 148, 0.09019608)
}

.marina_news_section .author div {
    display: inline-block
}

.marina_news_section .author span {
    margin: 0 8px;
    display: inline-block
}

.marina_news_section .author span i {
    color: #4d526e
}

.marina_news_section .author h2 a {
    color: #2f2f2f;
    font-size: 26px;
    font-weight: 600
}

@media (max-width:540px) {
    .marina_news_section .author h2 a {
        font-size: 20px;
        height: auto;
        overflow: hidden
    }
}

@media (max-width:1366px) {
    .marina_news_section .author h2 a {
        font-size: 23px;
        height: 40px;
        overflow: hidden
    }
}

.post_footer {
    background: #fff;
    padding: 7px 15px;
    overflow: hidden;
    line-height: 30px;
    color: #4d526e;
    box-shadow: 0 0 20px rgba(148, 148, 148, 0.09019608)
}

.post_footer i {
    color: #2e303f;
    margin-right: 8px
}

.post_footer .text-right {
    color: #2e303f
}

.post_footer .text-right i {
    color: #4d526e
}

.marina_news_section1 {
    background-image: url('../images/home_marina_sectionbg5.png');
    background-position: bottom;
    background-color: #d33;
    color: #fff
}

@media (max-width:767px) {
    .marina_news_section1 {
        padding-top: 1px
    }
}

.marina_news_section1 h2 {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.marina_news_section1 h2:after {
    position: absolute;
    content: '';
    border-bottom: 1px solid #2e303f;
    width: 100px;
    bottom: 0;
    left: 0
}

.marina_news_section1 p {
    color: #ccc
}

.marina_news_section1 a {
    margin-top: 25px
}

.marina_news_section2 {
    padding-top: 120px
}

.marina_news_section3 {
    padding-top: 140px;
    padding-bottom: 100px
}

.marina_news_section3 h2 {
    margin-bottom: 40px
}

.marina_news_section3 p {
    color: #909090
}

.marina_contact_section1 .nn_col {
    padding: 0;
    height: 800px
}

.marina_contact_section1 .contact_info {
    background-image: url('../images/home_marina_wrapbg2 .jpg');
    padding: 40px;
    padding: 200px 0 0 350px;
    color: #fff
}

@media (max-width:1366px) {
    .marina_contact_section1 .contact_info {
        padding: 100px 0 0 200px
    }
}

@media (max-width:1024px) {
    .marina_contact_section1 .contact_info {
        padding: 100px 0 0 60px
    }
}

.marina_contact_section1 .contact_info img {
    margin-bottom: 20px
}

.marina_contact_section1 .contact_info p {
    color: #ccc
}

.marina_contact_section1 .contact_info span {
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 10px
}

.marina_contact_section1 .contact_info span i {
    float: left;
    line-height: 25px;
    margin-right: 10px
}

.marina_contact_section1 .contact_info span a {
    color: #ccc
}

.marina_contact_section2 {
    background-color: #eaeaee;
    background-image: url('../images/home_marina_sectionbg7.png');
    background-position: top;
    padding-top: 170px;
    padding-bottom: 120px
}

@media (max-width:990px) {
    .marina_contact_section2 {
        padding: 120px 0 80px
    }
}

.marina_contact_section2 p {
    color: #909090
}

.marina_contact_section2 .marina_form input,
.marina_contact_section2 .marina_form textarea {
    margin-bottom: 20px;
    line-height: 18px;
    padding: 10px;
    font-size: 12px;
    width: 100%;
    color: #2f2f2f;
    background-color: #f0f0f2;
    border: 1px solid #aca8c5;
    box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.02)
}

.marina_contact_section2 .marina_form button {
    border-color: #2e303f;
    color: #2e303f;
    padding: 11px 20px;
    border-width: 2px;
    border-style: solid;
    background-color: transparent;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
    display: inline-block
}

@media (max-width:767px) {
    .marina_contact_section2 .marina_form button {
        margin-bottom: 30px
    }
}

.marina_contact_section2 .marina_form button i {
    font-size: 12px;
    margin-left: 10px
}

.marina_contact_section2 .marina_form button:hover {
    background-color: #2e303f;
    color: #fff
}

.marina_contact_section2 .marina_form button:hover i {
    color: #030304
}

.marina_contact_section2 .marina_form textarea {
    min-height: 60px;
    height: 150px
}

.marina_contact_section2 .marina_home_section3 {
    padding-bottom: 0;
    padding-top: 150px
}

@media (max-width:990px) {
    .marina_contact_section2 .marina_home_section3 {
        padding-bottom: 70px
    }
}

.marina_contact_section2 .marina_contact_blokc1 {
    padding-top: 50px
}

.marina_contact_section2 .marina_contact_blokc1 i {
    display: table-cell
}

@media (max-width:420px) {
    .marina_contact_section2 .marina_contact_blokc1 i {
        display: block;
        width: 100%
    }
}

.marina_contact_section2 .marina_contact_blokc1 i img {
    width: 100%
}

.marina_contact_section2 .marina_contact_blokc1 .marina_inner_block {
    width: 50%;
    display: table-cell;
    padding-left: 20px;
    vertical-align: top
}

@media (max-width:420px) {
    .marina_contact_section2 .marina_contact_blokc1 .marina_inner_block {
        display: inline-block;
        width: 100%;
        padding: 0;
        margin-top: 15px
    }
}

.marina_contact_section2 .marina_contact_blokc1 .marina_inner_block p {
    color: #aaa;
    margin: 0
}

.marina_contact_section2 .marina_contact_blokc1 .marina_inner_block h4 {
    margin: 0
}

.marina_contact_section2 .marina_contact_blokc1 .marina_inner_block h6 {
    color: #909090;
    line-height: 25px;
    font-size: 13px
}

.marina_contact_section2 .marina_contact_blokc1 .marina_inner_block .link {
    background-image: url('../images/stripes_3_b.png');
    width: 12%;
    float: left;
    background-color: #fff;
    padding: 10px;
    margin: 0 5px;
    text-align: center;
    color: #2f2f2f
}

@media (max-width:1366px) {
    .marina_contact_section2 .marina_contact_blokc1 .marina_inner_block .link {
        width: 16%
    }
}

.marina_contact_section2 .marina_contact_blokc1 hr {
    border-color: #2e303f;
    display: inline-block;
    width: 100px;
    margin: 10px 0
}

.marina_contact_section2 .marina_contact_blokc1 h5 {
    font-size: 15px;
    letter-spacing: 0;
    margin-bottom: 10px
}

@media (max-width:767px) {
    .marina_contact_section2 .marina_contact_blokc1 h5 {
        margin-top: 20px
    }
}

.marina_contact_section2 .marina_contact_blokc1 .themecolor {
    color: #2e303f
}

.marina_detail_section2 {
    padding: 0 600px
}

@media (max-width:1366px) {
    .marina_detail_section2 {
        padding: 0 400px
    }
}

@media (max-width:1024px) {
    .marina_detail_section2 {
        padding: 0 200px
    }
}

@media (max-width:990px) {
    .marina_detail_section2 {
        padding: 0 50px
    }
}

@media (max-width:480px) {
    .marina_detail_section2 {
        padding: 0 15px
    }
}

.marina_detail_section2 h4 {
    font-size: 16px;
    line-height: 30px;
    color: #909090
}

.marina_detail_section1 {
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #1b273d
}

.marina_detail_section1 h4 {
    color: #fff
}

.half {
    width: 60%
}

@media (max-width:540px) {
    .half {
        width: 100%
    }
}

.learning_header.cobalt_header {
    background-color: transparent;
    position: absolute;
    z-index: 9;
    text-align: center;
    width: 100%;
    padding: 30px 0
}

.learning_header.cobalt_header .main_header {
    background-color: transparent
}

.learning_header.cobalt_header .main_header .navbar {
    padding: 0;
    min-height: auto
}

.learning_header.cobalt_header .main_header .logo-head {
    display: none
}

@media (max-width:990px) {
    .learning_header.cobalt_header .main_header .logo-head {
        display: block;
        float: left;
        padding: 0 20px
    }
}

.learning_header.cobalt_header .main_header .navbar-collapse {
    padding: 0
}

@media (max-width:990px) {
    .learning_header.cobalt_header .main_header .navbar-collapse {
        top: 0;
        padding: 15px 0;
        width: 190px;
        text-align: left;
        background-color: #1b273d
    }
}

.learning_header.cobalt_header .main_header .navbar-collapse .nav {
    display: inline-block;
    float: none
}

@media (max-width:990px) {
    .learning_header.cobalt_header .main_header .navbar-collapse .nav {
        display: block
    }
}

.learning_header.cobalt_header .main_header .navbar-collapse .nav li {
    margin: 0 15px
}

.learning_header.cobalt_header .main_header .navbar-collapse .nav li a {
    color: rgba(255, 255, 255, 0.9);
    font-weight: 300
}

.learning_header.cobalt_header .main_header .navbar-collapse .nav li a:hover,
.learning_header.cobalt_header .main_header .navbar-collapse .nav li a:focus {
    background: transparent;
    color: #fff
}

.learning_header.cobalt_header .main_header .navbar-collapse .nav li .active {
    background: transparent;
    color: #fff
}

.learning_header.cobalt_header .main_header .navbar-collapse .logo {
    display: inline-block
}

@media (max-width:990px) {
    .learning_header.cobalt_header .main_header .navbar-collapse .logo {
        display: none
    }
}

.learning_header.cobalt_header .navbar-header {
    padding-top: 0
}

@media (max-width:767px) {
    .learning_header.cobalt_header .navbar-header {
        position: inherit
    }
}

.learning_header.cobalt_header .navbar-header .navbar-toggle {
    padding: 0;
    margin: 0;
    right: 30px;
    top: 5px
}

.learning_home_banner {
    background-image: url(../images/home_language2_slider_bg.jpg);
    height: 940px;
    color: #fff
}

@media (max-width:990px) {
    .learning_home_banner {
        height: auto;
        padding: 200px 0 150px;
        text-align: center
    }
}

.learning_home_banner .learning_caption {
    position: absolute;
    top: 40%;
    left: 25%
}

@media (max-width:990px) {
    .learning_home_banner .learning_caption {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        padding: 0 10px
    }
}

.learning_home_banner .learning_caption h1 {
    font-size: 64px;
    line-height: 85px
}

@media (max-width:767px) {
    .learning_home_banner .learning_caption h1 {
        font-size: 28px;
        line-height: 1.3
    }
}

.learning_home_banner .learning_caption a {
    background-color: #a31d00;
    padding: 15px 40px;
    border-radius: 30px;
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    display: inline-block;
    margin-top: 30px
}

@media (max-width:767px) {
    .learning_home_banner .learning_caption a {
        padding: 15px 25px;
        font-size: 16px
    }
}

.learning_home_banner .learning_caption a:hover {
    background-color: #bc2200
}

.learning_section1 {
    padding: 30px 0
}

.learning_section1 p {
    margin: 12px 0 0
}

.learning_section img {
    max-width: 100%
}

.learning_section h2 {
    font-size: 30px;
    line-height: 34px;
    font-weight: 500
}

@media (max-width:990px) {
    .learning_section h2 {
        font-size: 16px;
        line-height: 1.8
    }
}

.learning_section p {
    line-height: 25px;
    font-size: 18px
}

.learning_section .ll_col {
    margin: 0 1% 40px
}

.learning_section .learn_button {
    padding: 11px 20px;
    background-color: #a31d00;
    display: inline-block;
    border-radius: 5px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    position: relative;
    background-image: url('../images/box_shadow_button.png');
    background-repeat: repeat-x;
    border: 0
}

@media (max-width:767px) {
    .learning_section .learn_button {
        margin-top: 20px
    }
}

@media (max-width:540px) {
    .learning_section .learn_button {
        padding: 12px 12px;
        font-size: 14px
    }
}

.learning_section .learn_button:hover {
    border: 0
}

.learning_section .learn_button:hover:after {
    width: 100%
}

.learning_section .learn_button:after {
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    background-color: rgba(144, 144, 144, 0.1);
    transition: all ease-in-out .4s;
    left: 0;
    top: 0
}

.learning_section h4 {
    font-size: 21px;
    line-height: 25px;
    font-weight: 500;
    letter-spacing: 0
}

.learning_section h1 {
    font-size: 50px;
    line-height: 60px;
    font-weight: 600;
    letter-spacing: 0
}

@media (max-width:767px) {
    .learning_section h1 {
        font-size: 35px;
        line-height: 45px
    }
}

.learning_section2 {
    padding: 100px 0 150px 0;
    background-color: #f9f9f9
}

.learning_section2 img {
    transform: scale(1);
    transition: all ease-in-out .3s
}

.learning_section2 img:hover {
    transform: scale(1.1)
}

.learning_section2 .post_foot {
    background-color: #fff;
    padding: 20px 20px
}

.learning_section2 .post_foot span {
    color: #aaa;
    display: inline-block
}

.learning_section2 .post_foot span i {
    float: left;
    margin-right: 10px
}

.learning_section2 .post_foot span h4 {
    font-weight: 300;
    font-size: 16px;
    float: left;
    margin-right: 10px;
    line-height: initial
}

.learning_section2 .post_foot h2 {
    color: #2f2f2f;
    padding: 15px 0 25px 0;
    font-size: 25px
}

.learning_section2 .learn_button {
    margin: 20px 0;
    background-color: #fff;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.03);
    color: #2f2f2f;
    padding: 15px 30px;
    border-radius: 3px
}

@media (max-width:767px) {
    .learning_section2 .learn_button {
        padding: 14px 18px
    }
}

.image_wrapper {
    overflow: hidden
}

.learning_section3 {
    margin-top: -100px;
    padding-bottom: 50px
}

.learning_section3 .inner_block1 {
    padding: 80px 5% 50px 5%;
    background-image: url('../images/language2-offer-box-bg.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.learning_section3 .inner_block1 p {
    color: #909090
}

.learning_section4 {
    padding: 50px 0
}

.learning_section4 .nn_col {
    position: relative
}

.learning_section4 .nn_col:hover img {
    top: -5px
}

.learning_section4 .nn_col:hover h4:before {
    width: 100px
}

.learning_section4 a {
    display: inline-block;
    min-height: 265px;
    padding-bottom: 40px
}

@media (max-width:1366px) {
    .learning_section4 a {
        min-height: auto;
        padding-bottom: 60px
    }
}

.learning_section4 a img {
    display: inline-block;
    position: absolute;
    top: 0;
    transition: all .3s ease-in-out
}

.learning_section4 a span {
    display: inline-block;
    width: 70%;
    float: right;
    padding: 0 20px
}

.learning_section4 a span h4 {
    margin-bottom: 15px;
    color: #2f2f2f;
    position: relative;
    font-size: 24px;
    font-weight: 600
}

@media (max-width:1366px) {
    .learning_section4 a span h4 {
        font-size: 14px;
        max-height: 50px;
        overflow: hidden
    }
}

.learning_section4 a span h4:before {
    content: '';
    position: absolute;
    top: -10px;
    left: 0;
    width: 0;
    transition: all .3s ease-in-out;
    border-top: 2px solid #a31d00
}

.learning_section4 a span h5 {
    color: #909090;
    font-size: 16px;
    font-weight: 300;
    line-height: 25px
}

@media (max-width:1366px) {
    .learning_section4 a span h5 {
        max-height: 80px;
        overflow: hidden;
        font-size: 14px
    }
}

.learning_section5 {
    background-image: url('../images/language2-home-video-bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding: 150px 0
}

.learning_section5 h1 {
    font-size: 50px;
    line-height: 60px;
    font-weight: 600;
    letter-spacing: 0
}

.learning_section5 .learn_video {
    height: 386px
}

.learning_section5 .learn_video a {
    float: left;
    height: 100%;
    width: 100%
}

@media (max-width:767px) {
    .learning_section5 .learn_video {
        margin-top: 30px
    }
}

.learning_section5 .learn_video:hover .video_sec1 {
    display: none
}

.learning_section5 .learn_video:hover .video_sec2 {
    opacity: 1
}

.learning_section5 .learn_video .video_sec2 {
    opacity: 0
}

.learning_section5 .learn_video .video_sec1,
.learning_section5 .learn_video .video_sec2 {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 20px
}

.learning_section6 {
    background-color: #1b273d;
    padding: 60px 0 40px;
    color: #fff
}

.learning_section6 .lang_subscribe input {
    height: 40px;
    border: 0;
    border-bottom: 2px solid #fff;
    background-color: transparent;
    width: 100%;
    color: #fff
}

.learning_section6 .lang_subscribe input::-webkit-input-placeholder {
    color: #fff
}

.learning_section6 .lang_subscribe input:focus::-moz-placeholder {
    color: #fff;
    border-bottom: 1px solid #fff
}

.learning_section6 .lang_subscribe input:focus:-ms-input-placeholder {
    color: #fff;
    border-bottom: 1px solid #fff
}

.learning_section6 .lang_subscribe input:focus:-moz-placeholder {
    color: #fff;
    border-bottom: 1px solid #fff
}

.learning_section6 .lang_subscribe input::-moz-placeholder {
    color: #2f2f2f;
    border-bottom: 1px solid #2b3e60
}

.learning_section6 .lang_subscribe input:-ms-input-placeholder {
    color: #2f2f2f;
    border-bottom: 1px solid #2b3e60
}

.learning_section6 .lang_subscribe input:-moz-placeholder {
    color: #2f2f2f;
    border-bottom: 1px solid #2b3e60
}

.learning_section6 .lang_subscribe button {
    padding: 11px 20px;
    margin: 0 auto;
    background-color: #a31d00;
    display: inline-block;
    border-radius: 5px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    position: relative;
    background-image: url('../images/box_shadow_button.png');
    background-repeat: repeat-x;
    border: 0
}

@media (max-width:767px) {
    .learning_section6 .lang_subscribe button {
        margin-top: 20px
    }
}

@media (max-width:540px) {
    .learning_section6 .lang_subscribe button {
        padding: 12px 14px;
        font-size: 14px
    }
}

.learning_section6 .lang_subscribe button:hover {
    border: 0
}

.learning_section6 .lang_subscribe button:hover:after {
    width: 100%
}

.learning_section6 .lang_subscribe button:after {
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    background-color: rgba(144, 144, 144, 0.1);
    transition: all ease-in-out .4s;
    left: 0;
    top: 0
}

.learning_footer {
    background-color: #181818;
    padding: 70px 0
}

.learning_footer img {
    margin-bottom: 30px
}

.learning_footer a {
    font-size: 18px;
    margin: 0 10px 0 0;
    color: #a31d00
}

.learning_footer h4 {
    color: #fff;
    margin-bottom: 18px
}

@media (max-width:767px) {
    .learning_footer h4 {
        margin: 15px 0
    }
}

.learning_footer p {
    color: #909090
}

.learning_footer p em {
    display: block
}

.learn_copyright.garden_copyright p {
    color: #909090
}

.learn_copyright.garden_copyright p a {
    color: #a31d00
}

.learning_inner_banner {
    background-image: url('../images/language2-subheaderbg.png');
    padding: 250px 0 100px;
    color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

@media (max-width:540px) {
    .learning_inner_banner {
        text-align: center
    }
}

.learning_inner_banner h1 {
    font-size: 50px;
    line-height: 60px;
    font-weight: 600;
    letter-spacing: 1px
}

@media (max-width:540px) {
    .learning_inner_banner h1 {
        font-size: 45px
    }
}

.learning_section2.learning_course {
    padding: 100px 0 50px 0
}

.learning_section2.learning_course .ll_col .learning_category {
    display: block
}

.learning_section2.learning_course .ll_col .learning_category .image_wrapper {
    width: 50%
}

@media (max-width:480px) {
    .learning_section2.learning_course .ll_col .learning_category .image_wrapper {
        width: auto
    }
}

.learning_section2.learning_course .ll_col .learning_category .post_foot,
.learning_section2.learning_course .ll_col .learning_category .image_wrapper {
    display: table-cell;
    vertical-align: middle
}

@media (max-width:480px) {

    .learning_section2.learning_course .ll_col .learning_category .post_foot,
    .learning_section2.learning_course .ll_col .learning_category .image_wrapper {
        display: block
    }
}

.learning_section2.learning_course .ll_col .learning_category .post_foot h2,
.learning_section2.learning_course .ll_col .learning_category .image_wrapper h2 {
    color: #2f2f2f;
    padding: 0;
    padding-bottom: 15px;
    font-size: 25px;
    line-height: 34px;
    font-weight: 500;
    height: 75px;
    overflow: hidden
}

.learning_section2.learning_course .ll_col .learning_category .post_foot p,
.learning_section2.learning_course .ll_col .learning_category .image_wrapper p {
    line-height: 25px;
    font-size: 16px;
    height: 100px;
    overflow: hidden
}

.learning_section2.learning_course .ll_col .learning_category .read_more {
    background-color: #fff;
    padding: 20px 40px;
    display: inline-block;
    width: 100%
}

.learning_section2.learning_course .ll_col .learning_category .read_more span {
    float: right;
    border-left: 1px solid #aaa;
    padding: 0 10px;
    color: #a31d00
}

.learning_section2.learning_course .ll_col .learning_category .read_more span i,
.learning_section2.learning_course .ll_col .learning_category .read_more span h4 {
    display: inline-block
}

.learning_section2.learning_course .ll_col .learning_category .read_more span h4 {
    color: #a31d00;
    font-weight: 600;
    font-size: 14px;
    border-bottom: 1px solid transparent;
    margin-bottom: 5px
}

.learning_section2.learning_course .ll_col .learning_category .read_more span h4:hover {
    border-color: #a31d00
}

.learning_section2.learning_course .ll_col .learning_category .read_more span i {
    color: #909090;
    padding: 0 5px
}

.learning_section2.learning_course .ll_col .learning_category .read_more span a {
    display: block;
    line-height: 25px;
    color: #d33
}

.learning_detail_banner {
    background-image: url('../images/language-single-post-header-bg.jpg')
}

.learning_detail_banner a {
    margin-top: 30px
}

.learning_deatil_section {
    padding: 60px 0
}

.learning_deatil_section .inner_block2 {
    padding-left: 30px;
    margin-top: 30px
}

.learning_deatil_section .inner_block2 a {
    display: inline-block;
    margin-top: 15px;
    font-size: 16px;
    color: #a31d00;
    border-bottom: 1px solid transparent;
    margin-bottom: 5px
}

.learning_deatil_section .inner_block2 a:hover {
    border-color: #a31d00
}

.learning_deatil_section p {
    color: #909090
}

.learning_deatil_section ul {
    font-size: 0
}

.learning_deatil_section ul li {
    background-image: url('../images/favorites-button.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 50%;
    display: inline-block;
    padding: 0 0 20px 35px;
    font-size: 18px;
    color: #909090
}

.learning_inner_banner {
    padding-top: 250px;
    padding-bottom: 150px;
    color: #fff
}

.learnig_about_banner {
    background-image: url('../images/language2-aboutus-headerbg.jpg')
}

.learning_about_section1 {
    padding: 100px 0;
    background-color: #f2f2f2
}

.learning_about_section1 p {
    color: #909090
}

.learning_about_section1 h1 {
    font-size: 40px;
    line-height: 50px
}

@media (max-width:480px) {
    .learning_about_section1 h1 {
        font-size: 32px;
        line-height: 40px
    }
}

.learning_about_section1 .inner_block2 {
    padding: 20px 220px 0 0
}

@media (max-width:1024px) {
    .learning_about_section1 .inner_block2 {
        padding: 20px 120px 0 0
    }
}

@media (max-width:480px) {
    .learning_about_section1 .inner_block2 {
        padding: 20px 15px 0 0
    }
}

.learning_about_section1 .inner_block3 {
    display: table;
    padding: 15px;
    border: 1px solid #d9d9d9
}

.learning_about_section1 .inner_block3 img,
.learning_about_section1 .inner_block3 span {
    display: table-cell;
    vertical-align: middle
}

.learning_about_section1 .inner_block3 img {
    padding: 20px;
    margin-right: 20px;
    border-right: 1px solid #d9d9d9
}

.learning_about_section1 .inner_block3 span {
    width: 80%
}

@media (max-width:480px) {
    .learning_about_section1 .inner_block3 span {
        width: 65%
    }
}

.learning_about_section2 {
    padding: 50px 0
}

.learning_about_section2 h1 {
    font-size: 40px;
    line-height: 45px;
    font-weight: 500;
    letter-spacing: 0
}

@media (max-width:480px) {
    .learning_about_section2 h1 {
        font-size: 32px;
        line-height: 40px
    }
}

.learning_about_section2 .inner_block4 {
    font-size: 0;
    float: left;
    width: 100%;
    padding: 0 50px
}

@media (max-width:540px) {
    .learning_about_section2 .inner_block4 {
        padding: 0 15px
    }
}

.learning_about_section2 .inner_block4 .image {
    width: 25%
}

@media (max-width:540px) {
    .learning_about_section2 .inner_block4 .image {
        width: 100%;
        margin-bottom: 30px
    }
}

.learning_about_section2 .inner_block4 .content {
    width: 74%;
    float: right
}

@media (max-width:1024px) {
    .learning_about_section2 .inner_block4 .content {
        width: 70%
    }
}

@media (max-width:540px) {
    .learning_about_section2 .inner_block4 .content {
        width: 100%;
        float: none
    }
}

.learning_about_section2 .inner_block4 .image,
.learning_about_section2 .inner_block4 .content {
    display: inline-block
}

@media (max-width:540px) {

    .learning_about_section2 .inner_block4 .image,
    .learning_about_section2 .inner_block4 .content {
        display: block
    }
}

.learning_about_banner1 {
    background-image: url('../images/language2-aboutus-graduation.jpg');
    padding: 200px 0
}

@media (max-width:1024px) {
    .learning_about_banner1 {
        background-attachment: inherit !important
    }
}

.learning_about_section3 {
    background-color: #1b273d;
    color: #fff;
    padding: 50px 0
}

.learning_about_section3 .inner_block5 {
    padding: 60px 10% 40px;
    background-color: #2e303f;
    margin-top: -120px;
    color: #fff;
    float: left
}

@media (max-width:767px) {
    .learning_about_section3 .inner_block5 {
        margin-bottom: 30px
    }
}

.learning_about_section3 .inner_block5 .inner_block6 {
    float: left;
    width: 100%
}

.learning_about_section3 .inner_block5 .inner_block6 .circle {
    float: left;
    width: 78px;
    height: 78px;
    line-height: 78px;
    border-width: 1px;
    border-style: solid;
    font-size: 20px;
    font-weight: 700;
    overflow: hidden;
    text-align: center;
    border-radius: 100%;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) inset;
    border-color: rgba(255, 255, 255, 0.08)
}

@media (max-width:540px) {
    .learning_about_section3 .inner_block5 .inner_block6 .circle {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 16px
    }
}

.learning_about_section3 .inner_block5 .inner_block6 p {
    padding: 5px 0 0;
    margin-left: 100px;
    word-wrap: break-word;
    padding-top: 20px
}

@media (max-width:540px) {
    .learning_about_section3 .inner_block5 .inner_block6 p {
        margin-left: 75px;
        padding: 0
    }
}

.learning_about_section3 .inner_block7 {
    padding: 0 0 0 40px;
    clear: both
}

@media (max-width:540px) {
    .learning_about_section3 .inner_block7 {
        padding: 0 15px
    }
}

.learning_teacher.learning_about_section2 .inner_block4 .image {
    width: 35%
}

@media (max-width:540px) {
    .learning_teacher.learning_about_section2 .inner_block4 .image {
        width: 100%
    }
}

.learning_teacher.learning_about_section2 .inner_block4 .content {
    width: 60%;
    float: right
}

@media (max-width:540px) {
    .learning_teacher.learning_about_section2 .inner_block4 .content {
        width: 100%;
        float: none
    }
}

.learning_teacher.learning_about_section2 .inner_block4 .content hr {
    border-color: #2e303f
}

.learning_teacher.learning_about_section2 .inner_block4 .content p b {
    color: #2e303f
}

.learning_contact_banner {
    padding: 170px 0 400px 0;
    color: #fff;
    background-image: url('../images/language2-contact-headerbg.jpg')
}

.learning_contact_section1 {
    margin-top: -300px
}

.learning_contact_section1 iframe {
    width: 100%
}

.learning_contact_section2 {
    padding: 50px 0
}

.learning_contact_section2 .nn_col {
    padding-right: 50px
}

.learning_contact_section2 .nn_col:last-child {
    padding-right: 15px
}

@media (max-width:767px) {
    .learning_contact_section2 h3 {
        margin-top: 15px
    }
}

.learning_contact_section2 p {
    color: #909090
}

.learning_contact_section2 hr {
    border-color: #2e303f;
    margin: 0;
    width: 50px
}

.learning_contact_section2 hr+div {
    display: inline-block;
    width: 100%;
    margin-top: 15px
}

.learning_contact_section2 hr+div h2,
.learning_contact_section2 hr+div sup {
    float: left;
    color: #a31d00
}

.learning_contact_section2 hr+div sup {
    top: .5em;
    font-size: 18px
}

.learning_contact_section2 hr+div .center {
    margin: 0 10px 0 30px
}

.learning_contact_section2 a {
    overflow: hidden;
    display: block;
    margin: 15px 0;
    width: 90%
}

.learning_contact_section2 a:hover img {
    transform: scale(1.1)
}

.learning_contact_section2 a img {
    transition: all ease-in-out .3s;
    transform: scale(1)
}

.pad_20 {
    padding-bottom: 20px;
    clear: both
}

.pad_40 {
    padding-bottom: 40px;
    clear: both
}

.pad_80 {
    padding-bottom: 80px;
    clear: both
}

.ice_header {
    float: left;
    width: 100%;
    padding: 20px 80px 0 80px;
    position: absolute;
    top: 0;
    z-index: 99
}

@media (max-width:540px) {
    .ice_header {
        padding: 20px 15px 0 15px
    }
}

.ice_header .main_header {
    float: left;
    width: 100%
}

.ice_header .main_header nav {
    float: left;
    width: 70%;
    padding-top: 40px
}

@media (max-width:990px) {
    .ice_header .main_header nav {
        float: right;
        width: auto
    }
}

@media (max-width:990px) {
    .ice_header .main_header nav .nav {
        width: 100%;
        background-color: #d33;
        padding: 30px
    }
}

.ice_header .main_header nav .nav li {
    float: left
}

.ice_header .main_header nav .nav li .active {
    color: #d33;
    background: transparent
}

@media (max-width:990px) {
    .ice_header .main_header nav .nav li {
        float: none;
        text-align: left;
        padding: 10px
    }
}

.ice_header .main_header nav .nav li a {
    color: #fff;
    padding: 0 25px 0 0;
    line-height: 25px;
    transition: color .4s ease 0s;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: .5px
}

.ice_header .main_header nav .nav li a.active {
    color: #d33;
    background: transparent
}

@media (max-width:480px) {
    .ice_header .main_header nav .nav li a.active {
        color: #998979
    }
}

.ice_header .main_header nav .nav li a:active,
.ice_header .main_header nav .nav li a:hover,
.ice_header .main_header nav .nav li a:focus {
    color: #d33;
    background: transparent
}

@media (max-width:480px) {

    .ice_header .main_header nav .nav li a:active,
    .ice_header .main_header nav .nav li a:hover,
    .ice_header .main_header nav .nav li a:focus {
        color: #998979
    }
}

@media (max-width:990px) {
    .ice_header .main_header nav .nav li a {
        font-size: 18px;
        line-height: 30px;
        padding: 0
    }
}

@media (max-width:480px) {
    .ice_header .main_header nav .nav li a {
        color: #fff
    }
}

.ice_header .main_header nav .nav li .dropdown-menu {
    background-color: #d33;
    color: #fff;
    padding: 15px
}

.ice_header .main_header nav .nav li .dropdown-menu li a {
    color: #fff
}

.ice_header .main_header nav .nav li .dropdown-menu li a.active {
    color: #998979
}

.ice_header .main_header nav .nav li .dropdown-menu li a:active,
.ice_header .main_header nav .nav li .dropdown-menu li a:hover,
.ice_header .main_header nav .nav li .dropdown-menu li a:focus {
    color: #998979
}

.ice_header .main_header .logo-head {
    float: left;
    padding-right: 60px
}

@media (max-width:540px) {
    .ice_header .main_header .logo-head {
        padding-right: 0
    }
}

.ice_header .main_header .logo-head a {
    display: block
}

@media (max-width:480px) {
    .ice_header .main_header .logo-head a img {
        height: 100px
    }
}

.ice_header .main_header .navbar-collapse {
    padding: 0
}

@media (max-width:990px) {
    .ice_header .main_header .navbar-collapse {
        position: absolute;
        width: 345px;
        right: 0;
        text-align: left;
        top: 110px;
        border: 0;
        box-shadow: none
    }
}

.ice_header .social {
    padding-top: 35px;
    float: right
}

@media (max-width:990px) {
    .ice_header .social {
        float: right;
        margin-right: 15px
    }
}

@media (max-width:480px) {
    .ice_header .social {
        padding-top: 0;
        position: absolute;
        top: 59px;
        right: 90px
    }
}

.ice_header .social a {
    color: #fff;
    background-color: #1a2026;
    font-size: 18px;
    height: 33px;
    width: 33px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    margin-right: 5px
}

@media (max-width:480px) {
    .ice_header .social a {
        font-size: 12px;
        padding: 0 7px
    }
}

.ice_header .social a:hover {
    background-color: #fff;
    color: #1a2026
}

@media (max-width:990px) {
    .ice_header .navbar-header {
        padding-top: 0
    }
}

@media (max-width:480px) {
    .ice_header .navbar-toggle {
        padding: 0;
        margin: 0;
        position: absolute;
        top: 48px;
        right: 20px
    }
}

.ice_header .navbar-toggle .icon-bar {
    background: #d33
}

.ice_banner {
    background-color: #998979;
    padding: 450px 0 100px 0;
    color: #fff;
    text-align: center
}

@media (max-width:480px) {
    .ice_banner {
        padding: 150px 0
    }
}

.ice_banner .learning_caption {
    position: relative;
    z-index: 2;
    margin-top: 50px
}

.ice_banner .learning_caption h2 {
    font-size: 40px;
    font-weight: 400
}

@media (max-width:480px) {
    .ice_banner .learning_caption h2 {
        font-size: 27px;
        margin-bottom: 20px
    }
}

.ice_banner .learning_caption h1 {
    font-size: 120px;
    line-height: 200px;
    letter-spacing: 5px;
    font-weight: 900;
    color: #fff
}

@media (max-width:990px) {
    .ice_banner .learning_caption h1 {
        font-size: 90px;
        line-height: 120px;
        letter-spacing: 12px
    }
}

@media (max-width:480px) {
    .ice_banner .learning_caption h1 {
        font-size: 50px;
        line-height: 70px;
        letter-spacing: 3px;
        margin-bottom: 20px
    }
}

.ice_banner .learning_caption h1 a {
    text-decoration: none;
    color: #fff
}

.ice_banner .learning_caption h1 a:active,
.ice_banner .learning_caption h1 a:hover,
.ice_banner .learning_caption h1 a:focus {
    text-decoration: none;
    color: #fff
}

.ice_banner img {
    position: absolute;
    top: 228px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1
}

@media (max-width:990px) {
    .ice_banner img {
        top: 165px
    }
}

.ice_section p {
    line-height: 25px;
    font-size: 15px
}

@media (max-width:1366px) {
    .ice_section p {
        font-size: 13px
    }
}

.ice_section .ice_button5 {
    font-size: 15px;
    padding: 10px 35px;
    border: 2px solid #d33;
    display: inline-block;
    color: #d33;
    margin-top: 30px
}

@media (max-width:990px) {
    .ice_section .ice_button5 {
        margin-top: 10px;
        font-size: 16px
    }
}

@media (max-width:1366px) {
    .ice_section .ice_button5 {
        padding: 8px 18px;
        font-size: 13px
    }
}

.ice_section .ice_button5:hover {
    background-color: #d33;
    border-color: #d33;
    color: #fff
}

.ice_section .ice_button2 {
    font-size: 18px;
    color: #fff;
    background-color: #d33;
    border-radius: 5px;
    cursor: pointer;
    padding: 13px 40px;
    border: none
}

.ice_section .ice_button2:hover {
    color: #1a2026;
    background-color: #fff
}

.ice_section1 .nn_col {
    display: table-cell;
    float: none;
    vertical-align: middle;
    padding: 0
}

.ice_section1 .inner_block1 {
    width: 55%;
    text-align: center;
    padding: 0 100px
}

.ice_section1 .inner_block1 h1 {
    margin-bottom: 15px;
    font-weight: 400
}

@media (max-width:1366px) {
    .ice_section1 .inner_block1 h1 {
        font-size: 25px
    }
}

.ice_section1 .inner_block1 h2 {
    margin-bottom: 15px;
    font-weight: 800
}

@media (max-width:1366px) {
    .ice_section1 .inner_block1 h2 {
        font-size: 20px
    }
}

.ice_section1 .inner_block1 .ice_button3 {
    padding: 13px 40px;
    background-color: #d33;
    display: inline-block;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    letter-spacing: 2px;
    position: relative;
    background-repeat: repeat-x;
    border: 0
}

@media (max-width:767px) {
    .ice_section1 .inner_block1 .ice_button3 {
        margin-top: 20px
    }
}

@media (max-width:540px) {
    .ice_section1 .inner_block1 .ice_button3 {
        padding: 5px 15px;
        font-size: 14px
    }
}

.ice_section1 .inner_block1 .ice_button3:hover {
    border: 0
}

.ice_section1 .inner_block1 .ice_button3:hover:after {
    width: 100%
}

.ice_section1 .inner_block1 .ice_button3:after {
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    background-color: rgba(144, 144, 144, 0.1);
    transition: all ease-in-out .4s;
    left: 0;
    top: 0
}

.ice_section1 .ice_button4 {
    color: #d33;
    border-color: #d33
}

.ice_section1 .ice_button4:hover {
    color: #fff;
    background-color: #d33
}

img {
    max-width: 100%
}

.ice_section1 .nn_col {
    display: table-cell;
    float: none;
    vertical-align: middle;
    padding: 0
}

@media (max-width:767px) {
    .ice_section1 .nn_col {
        display: block
    }
}

.ice_section1 .inner_block1 {
    width: 55%;
    text-align: center;
    padding: 0 100px
}

@media (max-width:1366px) {
    .ice_section1 .inner_block1 {
        width: 65%
    }
}

@media (max-width:1024px) {
    .ice_section1 .inner_block1 {
        padding: 20px 50px;
        float: none;
        width: 100%
    }
}

#intro {
    background-color: #fff;
    background-attachment: fixed
}

#second {
    height: 700px;
    position: relative;
    background-attachment: fixed
}

#second .bg {
    margin: 0 auto;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 200;
    height: 700px
}

#second .learning_caption {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    z-index: 999;
    color: #fff;
    transform: translateY(-50%)
}

#second .learning_caption h2 {
    font-size: 40px;
    font-weight: 400
}

@media (max-width:540px) {
    #second .learning_caption h2 {
        font-size: 35px
    }
}

#second .learning_caption h1 {
    font-size: 120px;
    line-height: 200px;
    letter-spacing: 5px;
    font-weight: 900
}

@media (max-width:990px) {
    #second .learning_caption h1 {
        font-size: 90px;
        line-height: 120px;
        letter-spacing: 12px
    }
}

@media (max-width:1366px) {
    #second .learning_caption h1 {
        font-size: 90px;
        line-height: 160px;
        letter-spacing: 1px
    }
}

@media (max-width:767px) {
    #second .learning_caption h1 {
        font-size: 60px;
        line-height: 90px;
        letter-spacing: 3px
    }
}

@media (max-width:540px) {
    #second .learning_caption h1 {
        font-size: 20px
    }
}

#second.ice_section2 {
    background-color: #2e303f
}

#second.ice_section2 .bg {
    background: url('../images/baac51_809fe275413a451fbe5e2904700e26ea.png') 50% 0 no-repeat fixed
}

#second.ice_section3 {
    background-color: #a31d00
}

#second.ice_section3 .bg {
    background: url('../images/baac51_6728e43c48674e7d90ac20825b605525.png') 50% 0 no-repeat fixed
}

.ice_gallery_slider a {
    display: inline-block;
    z-index: 10;
    position: relative
}

.ice_gallery_slider a img {
    max-width: 100%
}

.ice_gallery_slider a:hover {
    opacity: .7
}

.ice_gallery_slider .owl-controls {
    margin: 0
}

.ice_gallery_slider .owl-nav,
.ice_gallery_slider .owl-buttons {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    padding: 0 40px;
    z-index: 1
}

.ice_gallery_slider .owl-nav div,
.ice_gallery_slider .owl-buttons div {
    background: transparent !important;
    opacity: 1 !important
}

.ice_gallery_slider .owl-nav i,
.ice_gallery_slider .owl-buttons i {
    color: #fff;
    font-size: 110px
}

@media (max-width:480px) {

    .ice_gallery_slider .owl-nav i,
    .ice_gallery_slider .owl-buttons i {
        font-size: 60px
    }
}

.ice_gallery_slider .owl-nav .owl-prev,
.ice_gallery_slider .owl-buttons .owl-prev {
    float: left
}

.ice_gallery_slider .owl-nav .owl-next,
.ice_gallery_slider .owl-buttons .owl-next {
    float: right
}

.ice_gallery_slider .owl-nav .disabled,
.ice_gallery_slider .owl-buttons .disabled {
    display: none
}

.ice_footer {
    padding: 60px 0;
    background-color: #181818;
    color: #fff
}

.ice_footer h5 {
    font-weight: 600;
    letter-spacing: 2px
}

.ice_footer p {
    line-height: 25px;
    font-size: 16px
}

.ice_footer a {
    color: #fff;
    margin-bottom: 10px
}

.ice_footer a:hover {
    color: #fff
}

.ice_footer .ice_subscribe {
    margin-bottom: 13px
}

.ice_footer .ice_subscribe input {
    width: 100%;
    height: 45px;
    line-height: 35px;
    display: block;
    margin-bottom: 10px;
    background-color: #e6e6e6;
    border: 0;
    padding: 0 20px;
    color: #2f2f2f
}

.ice_footer .ice_subscribe input::-webkit-input-placeholder {
    color: #2f2f2f
}

.ice_footer .ice_subscribe input::-moz-placeholder {
    color: #2f2f2f
}

.ice_footer .ice_subscribe input:-ms-input-placeholder {
    color: #2f2f2f
}

.ice_footer .ice_subscribe input:-moz-placeholder {
    color: #2f2f2f
}

.ice_footer .ice_subscribe button {
    background-color: transparent;
    color: #fff;
    border: 2px solid #fff;
    height: 45px;
    line-height: 20px;
    font-weight: 600;
    letter-spacing: .5px;
    width: 100%
}

.ice_footer .ice_subscribe button:hover {
    background-color: #fff;
    border: 2px solid #fff;
    color: #000
}

.ice_footer .social {
    margin-top: 20px
}

.ice_footer .social a {
    border-radius: 50%;
    margin-right: 15px;
    width: 30px;
    height: 30px;
    line-height: 31px;
    text-align: center;
    color: #000;
    background-color: #fff;
    font-size: 20px;
    margin-bottom: 0
}

.ice_inner_banner.ice_banner {
    background-color: #a31d00;
    padding: 200px 0 100px 0
}

.ice_flavour_section1 {
    padding: 60px 0
}

.ice_flavour_section1 h1 {
    font-weight: 400;
    text-align: center;
    position: relative;
    padding-bottom: 30px
}

.ice_flavour_section1 h1:after {
    position: absolute;
    content: '';
    border-bottom: 2px solid #2f2f2f;
    width: 100px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

.ice_flavour_section1 h3 {
    font-weight: 400;
    color: #2e303f;
    position: relative;
    padding-bottom: 30px
}

.ice_flavour_section1 h3:after {
    position: absolute;
    content: '';
    border-bottom: 2px solid #2f2f2f;
    width: 180px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

.ice_flavour_section1 h3 a {
    text-decoration: none;
    color: #d33
}

.ice_flavour_section1 h3 a:active,
.ice_flavour_section1 h3 a:hover,
.ice_flavour_section1 h3 a:focus {
    text-decoration: none;
    color: #d33
}

.ice_flavour_section1 P {
    padding: 0 60px
}

@media (max-width:990px) {
    .ice_flavour_section1 P {
        padding: 0 40px
    }
}

.ice_flavour_section1 h2 {
    font-size: 22px;
    margin-bottom: 30px
}

.ice_flavour_section1 .ice_button5 {
    color: #d33;
    border-color: #d33
}

.ice_flavour_section1 .ice_button5:hover {
    color: #fff;
    background-color: #d33
}

.ice_event_section1 {
    padding: 80px 0
}

.ice_event_section1 .inner_block1 p {
    padding: 0 250px
}

@media (max-width:767px) {
    .ice_event_section1 .inner_block1 p {
        padding: 0 50px
    }
}

@media (max-width:480px) {
    .ice_event_section1 .inner_block1 p {
        padding: 0 15px
    }
}

.ice_event_section1 .ice_login {
    float: left;
    width: 100%;
    padding: 0 90px
}

@media (max-width:480px) {
    .ice_event_section1 .ice_login {
        padding: 0
    }
}

.ice_event_section1 .ice_login .inner_head {
    text-align: right;
    margin-bottom: 20px
}

.ice_event_section1 .ice_login a {
    color: #2f2f2f
}

.ice_event_section1 .ice_login .inner_block2 {
    display: table-cell;
    text-align: center;
    width: 50%;
    vertical-align: middle;
    padding: 100px 60px;
    position: relative;
    background-color: #bc2200
}

@media (max-width:767px) {
    .ice_event_section1 .ice_login .inner_block2 {
        display: block;
        padding: 25px 50px;
        width: 100%
    }
}

.ice_event_section1 .ice_login .inner_block2:after {
    position: absolute;
    content: '';
    border-right: 1px solid #6990ab;
    height: 190px;
    top: 70px;
    right: 0
}

@media (max-width:767px) {
    .ice_event_section1 .ice_login .inner_block2:after {
        display: none
    }
}

.ice_event_section1 .ice_login .inner_block2 .ice_button {
    border-color: #2f2f2f;
    font-size: 14px;
    padding: 5px 10px;
    margin: 15px 0 0
}

.ice_event_section1 .ice_login .inner_block2 .ice_button:hover {
    color: #fff
}

.ice_event_section1 .ice_login .inner_block2 a {
    font-size: 20px;
    margin-bottom: 20px
}

.ice_event_section1 .ice_login .inner_last:after {
    display: none
}

.ice_event_section3 {
    background-image: url('../images/ice_back2.png');
    height: 500px
}

.ice_about_section1 {
    background-image: url('../images/ice_back3.png');
    height: 700px
}

.ice_about_banner.ice_banner {
    background-color: #c3a9d4;
    padding: 200px 0 100px 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

@media (max-width:767px) {
    .ice_copyright {
        padding-top: 20px
    }
}

.hairdreser_header {
    position: absolute;
    width: 100%;
    top: 40px;
    z-index: 99
}

@media (max-width:990px) {
    .hairdreser_header {
        top: 0
    }
}

@media (max-width:540px) {
    .hairdreser_header {
        position: initial
    }
}

.hairdreser_header .top_header {
    float: left;
    width: 100%
}

.hairdreser_header .top_header i {
    margin-right: 5px;
    color: #d33
}

@media (max-width:640px) {
    .hairdreser_header .top_header i {
        display: none
    }
}

.hairdreser_header .top_header i,
.hairdreser_header .top_header a,
.hairdreser_header .top_header h5 {
    float: left;
    line-height: 47px
}

.hairdreser_header .top_header a,
.hairdreser_header .top_header h5 {
    margin-right: 40px;
    font-size: 14px;
    color: #fff
}

@media (max-width:990px) {

    .hairdreser_header .top_header a,
    .hairdreser_header .top_header h5 {
        font-size: 12px;
        margin-right: 20px
    }
}

@media (max-width:640px) {

    .hairdreser_header .top_header a,
    .hairdreser_header .top_header h5 {
        display: none
    }
}

.hairdreser_header .top_header .hairdresser_button {
    background-color: #d33;
    color: #fff;
    padding: 15px 30px;
    float: right;
    position: relative;
    display: inline-block;
    z-index: 9;
    margin: 0;
    line-height: initial
}

.hairdreser_header .top_header .hairdresser_button:after {
    content: '';
    position: absolute;
    background-color: #fff;
    height: 0;
    top: 0;
    left: 0;
    right: 100%;
    bottom: 100%;
    transition: all ease-in-out .5s;
    z-index: -1
}

.hairdreser_header .top_header .hairdresser_button:before {
    content: '';
    position: absolute;
    background-color: #fff;
    height: 0;
    bottom: 0;
    right: 0;
    left: 100%;
    top: 100%;
    transition: all ease-in-out .5s;
    z-index: -1
}

.hairdreser_header .top_header .hairdresser_button:hover {
    color: #2f2f2f
}

.hairdreser_header .top_header .hairdresser_button:hover:after {
    height: 100%;
    right: 50%;
    top: 0;
    bottom: 0
}

.hairdreser_header .top_header .hairdresser_button:hover:before {
    height: 100%;
    left: 50%;
    top: 0;
    bottom: 0
}

.hairdreser_header .top_header .poly_lang {
    padding: 0;
    margin: 0;
    float: right;
    background-color: transparent
}

.hairdreser_header .top_header .poly_lang li {
    list-style: none;
    display: inline-block
}

.hairdreser_header .top_header .poly_lang li .lang_btn {
    text-align: right;
    margin-right: 25px
}

.hairdreser_header .main_header {
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 20px
}

.hairdreser_header .main_header .logo-head {
    float: left
}

.hairdreser_header .main_header nav {
    float: left;
    padding-left: 50px;
    padding-top: 5px
}

@media (max-width:990px) {
    .hairdreser_header .main_header nav {
        float: none;
        padding-left: 0
    }
}

.hairdreser_header .main_header .nav li {
    float: left
}

@media (max-width:990px) {
    .hairdreser_header .main_header .nav li {
        float: none
    }
}

.hairdreser_header .main_header .nav li a {
    color: #2f2f2f;
    line-height: 55px;
    padding: 0 25px;
    font-weight: 600
}

@media (max-width:1366px) {
    .hairdreser_header .main_header .nav li a {
        padding: 0 10px
    }
}

@media (max-width:990px) {
    .hairdreser_header .main_header .nav li a {
        padding-left: 0
    }
}

.hairdreser_header .main_header .nav li a:hover,
.hairdreser_header .main_header .nav li a:active {
    background: transparent;
    color: #d33
}

.hairdreser_header .main_header .nav li .active {
    background: transparent;
    color: #d33
}

@media (max-width:990px) {
    .hairdreser_header .main_header .navbar-header {
        padding-top: 0 !important
    }
}

.hairdreser_header .main_header .navbar-toggle .icon-bar {
    background-color: #d33
}

.hairdreser_header .main_header .navbar-collapse {
    padding: 0
}

@media (max-width:990px) {
    .hairdreser_header .main_header .navbar-collapse {
        margin-top: 30px;
        width: 100%;
        text-align: left
    }
}

.hair_section .hairdresser_button {
    background-color: #878787;
    color: #fff;
    padding: 15px 30px;
    float: right;
    position: relative;
    display: inline-block;
    z-index: 9
}

.hair_section .hairdresser_button:after {
    content: '';
    position: absolute;
    background-color: #fff;
    height: 0;
    top: 0;
    left: 0;
    right: 100%;
    bottom: 100%;
    transition: all ease-in-out .5s;
    z-index: -1
}

.hair_section .hairdresser_button:before {
    content: '';
    position: absolute;
    background-color: #fff;
    height: 0;
    bottom: 0;
    right: 0;
    left: 100%;
    top: 100%;
    transition: all ease-in-out .5s;
    z-index: -1
}

.hair_section .hairdresser_button:hover {
    color: #fff
}

.hair_section .hairdresser_button:hover:after {
    height: 100%;
    right: 50%;
    top: 0;
    bottom: 0
}

.hair_section .hairdresser_button:hover:before {
    height: 100%;
    left: 50%;
    top: 0;
    bottom: 0
}

.hair_section .border_center {
    padding-bottom: 30px;
    margin-bottom: 20px;
    position: relative
}

.hair_section .border_center:after {
    position: absolute;
    content: '';
    background: url(../images/hairsec1.png) center no-repeat;
    left: 0;
    right: 0;
    bottom: 0;
    height: 12px
}

.hair_section .border_left {
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 20px
}

.hair_section .border_left:after {
    left: 0;
    right: 0;
    bottom: 0;
    background: url('../images/hair-sec2.png') no-repeat left bottom;
    position: absolute;
    content: '';
    height: 12px
}

.hair_section img {
    max-width: 100%
}

.hair_slider {
    position: relative
}

.hair_slider .overlay {
    background-color: rgba(27, 26, 26, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.hair_slider .carousel-caption {
    left: 15%;
    bottom: 20%;
    width: 50%;
    text-align: left;
    z-index: 999999999;
    top: 30%
}

@media (max-width:990px) {
    .hair_slider .carousel-caption {
        bottom: 0;
        width: 90%;
        top: 0
    }
}

@media (max-width:767px) {
    .hair_slider .carousel-caption {
        left: 5%;
        padding-bottom: 0
    }
}

.hair_slider .carousel-caption .slider_title {
    font-size: 60px;
    line-height: 60px;
    margin-bottom: 30px
}

@media (max-width:990px) {
    .hair_slider .carousel-caption .slider_title {
        font-size: 40px;
        line-height: 45px;
        margin-bottom: 15px
    }
}

@media (max-width:767px) {
    .hair_slider .carousel-caption .slider_title {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 0
    }
}

@media (max-width:540px) {
    .hair_slider .carousel-caption .slider_title {
        font-size: 22px;
        line-height: 32px
    }
}

.hair_slider .carousel-caption .slider_text {
    font-size: 25px;
    margin-bottom: 30px
}

@media (max-width:990px) {
    .hair_slider .carousel-caption .slider_text {
        font-size: 18px;
        margin-bottom: 15px
    }
}

@media (max-width:767px) {
    .hair_slider .carousel-caption .slider_text {
        font-size: 16px;
        margin-bottom: 10px
    }
}

@media (max-width:540px) {
    .hair_slider .carousel-caption .slider_text {
        line-height: 20px;
        font-size: 12px
    }
}

.hair_slider .carousel-caption a {
    color: #fff;
    background-color: #d33;
    padding: 0 20px;
    height: 60px;
    line-height: 60px;
    font-weight: 600;
    letter-spacing: 2px
}

@media (max-width:990px) {
    .hair_slider .carousel-caption a {
        margin-top: 0;
        font-size: 12px
    }
}

@media (max-width:767px) {
    .hair_slider .carousel-caption a {
        font-size: 10px;
        padding: 5px 20px
    }
}

@media (max-width:540px) {
    .hair_slider .carousel-caption a {
        font-size: 10px;
        padding: 0 20px;
        height: 40px;
        line-height: 40px
    }
}

.hair_slider .owl-item {
    position: relative
}

.hair_slider .owl-controls {
    display: none !important
}

.hair_section1 {
    position: relative
}

.hair_section p {
    font-size: 16px;
    line-height: 25px;
    color: #383c50
}

@media (max-width:1366px) {
    .hair_section p {
        font-size: 14px;
        line-height: 18px
    }
}

@media (max-width:990px) {
    .hair_section p {
        font-size: 13px;
        line-height: 20px
    }
}

@media (max-width:990px) {
    .hair_section h2 {
        font-size: 24px;
        line-height: 35px
    }
}

.hair_section1 {
    padding: 90px 0 60px 0;
    background-image: url('../images/hairbg-1.jpg');
    color: #fff
}

@media (max-width:480px) {
    .hair_section1 {
        padding: 40px 0
    }
}

.hair_section1 p {
    padding: 0 190px
}

@media (max-width:990px) {
    .hair_section1 p {
        padding: 0 60px
    }
}

@media (max-width:480px) {
    .hair_section1 p {
        padding: 0 20px
    }
}

.hair_section2 .nn_col {
    padding: 0
}

.hair_section2 .inner_block {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    overflow: hidden;
    position: relative
}

@media (max-width:480px) {
    .hair_section2 .inner_block {
        display: block;
        width: 100%
    }
}

.hair_section2 .inner_block:nth-of-type(even) {
    padding: 47px 40px
}

.hair_section2 .inner_block .overlay {
    overflow: hidden
}

.hair_section2 .inner_block .overlay:after {
    content: '';
    position: absolute;
    top: 50%;
    bottom: 50%;
    left: 0;
    right: 100%;
    background: rgba(0, 0, 0, 0.5);
    transition: all .5s;
    z-index: 99
}

.hair_section2 .inner_block .overlay:before {
    content: '';
    position: absolute;
    transform: rotate(45deg);
    height: 40px;
    width: 40px;
    background-color: #fff;
    top: 50%;
    z-index: 999;
    right: -20px
}

@media (max-width:480px) {
    .hair_section2 .inner_block .overlay:before {
        display: none
    }
}

.hair_section2 .inner_block img {
    transform: scale(1);
    transition: all ease-in-out .5s
}

@media (max-width:767px) {
    .hair_section2 .inner_block img {
        width: 100%
    }
}

@media (max-width:480px) {
    .hair_section2 .inner_block img {
        width: auto;
        margin: 0 auto;
        display: block
    }
}

.hair_section2 .inner_block:hover img {
    transform: scale(1.2)
}

.hair_section2 .inner_block:hover .overlay:after {
    top: 0;
    bottom: 0;
    right: 0
}

.hair_section.hair_section1.hair_section3 {
    background-image: url('../images/hairbg-3.jpg')
}

.hair_section.hair_section1.hair_section3 h2 {
    color: #2f2f2f
}

.hair_section.hair_section1.hair_section3 .nn_col:hover .image:after {
    bottom: 0;
    right: 0;
    width: 100%
}

.hair_section.hair_section1.hair_section3 .nn_col:hover .image:before {
    left: 0;
    top: 0;
    width: 100%
}

.hair_section.hair_section1.hair_section3 .nn_col:hover .info:after {
    top: 0;
    bottom: 0
}

.hair_section.hair_section1.hair_section3 .image {
    margin: 0;
    overflow: hidden;
    vertical-align: middle;
    position: relative;
    width: 100%;
    border: 1px solid #f2f2f2
}

.hair_section.hair_section1.hair_section3 .image:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 100%;
    right: 100%;
    border: 1px solid #d33;
    border-bottom: 0;
    border-right: 0;
    transition: all .5s;
    width: 0
}

.hair_section.hair_section1.hair_section3 .image:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    left: 100%;
    top: 100%;
    border: 1px solid #d33;
    border-top: 0;
    border-left: 0;
    transition: all .5s;
    width: 0
}

.hair_section.hair_section1.hair_section3 .info {
    border-top: none;
    padding: 30px 0;
    border: 1px solid #f2f2f2;
    position: relative;
    overflow: hidden
}

@media (max-width:767px) {
    .hair_section.hair_section1.hair_section3 .info {
        margin-bottom: 20px
    }
}

.hair_section.hair_section1.hair_section3 .info:after {
    position: absolute;
    content: '';
    border: 1px solid #d33;
    border-top: none;
    transition: all .5s;
    top: 100%;
    left: 0;
    right: 0;
    bottom: -1
}

.hair_section.hair_section1.hair_section3 .info h3,
.hair_section.hair_section1.hair_section3 .info h5 {
    color: #2f2f2f;
    margin-bottom: 15px
}

.hair_section.hair_section1.hair_section3 .info h5 {
    color: #d33;
    font-weight: 600
}

.hair_section.hair_section1.hair_section3 .hairdresser_button {
    float: none;
    background-color: #2f2f2f;
    margin-bottom: -30px
}

.hair_section.hair_section1.hair_section3 .hairdresser_button:after,
.hair_section.hair_section1.hair_section3 .hairdresser_button:before {
    background-color: #000;
    color: #fff
}

.hair_section.hair_section4 {
    background-color: #d33;
    background-image: none;
    color: #fff
}

.hair_section.hair_section4 p {
    color: #fff;
    opacity: .8
}

.hair_section.hair_section4 .hair_form_section {
    background-color: #fff;
    width: 100%
}

.hair_section.hair_section4 .hair_form_section .form_head {
    text-align: center;
    color: #d33;
    padding-top: 25px
}

.hair_section.hair_section4 .hair_form_section .hair_book_form {
    background-color: transparent;
    padding: 0 35px;
    color: #2f2f2f;
    margin: 0
}

@media (max-width:767px) {
    .hair_section.hair_section4 .hair_form_section .hair_book_form {
        margin-top: 20px
    }
}

@media (max-width:480px) {
    .hair_section.hair_section4 .hair_form_section .hair_book_form {
        padding: 40px 20px
    }
}

.hair_section.hair_section4 .hair_form_section .hair_book_form input,
.hair_section.hair_section4 .hair_form_section .hair_book_form textarea {
    width: 100%;
    margin-bottom: 15px;
    line-height: 35px;
    padding: 0 10px
}

.hair_section.hair_section4 .hair_form_section .hair_book_form textarea {
    width: 100%;
    margin-bottom: 15px;
    padding: 10px;
    height: 100px
}

.hair_section.hair_section4 .hair_form_section .hair_book_form button {
    float: none;
    border: 0;
    margin-bottom: 20px
}

.hair_section.hair_section4 .hair_form_section .hair_book_form button:hover {
    color: #fff
}

.hair_section.hair_section4 .hair_form_section .hair_book_form button:after,
.hair_section.hair_section4 .hair_form_section .hair_book_form button:before {
    background-color: #2f2f2f
}

.hair_section_partner {
    padding: 90px 0 60px 0
}

@media (max-width:480px) {
    .hair_section_partner {
        padding: 40px 0
    }
}

.hair_section_partner p {
    padding: 0 120px
}

@media (max-width:640px) {
    .hair_section_partner p {
        padding: 0 60px
    }
}

@media (max-width:400px) {
    .hair_section_partner p {
        padding: 0 20px
    }
}

.hair_section_partner .partner_slider {
    padding: 40px 0 20px 0
}

.hair_section_partner .partner_slider img {
    max-width: 100%;
    width: auto
}

@media (max-width:640px) {
    .hair_section_partner .partner_slider img {
        display: inline-block
    }
}

.hair_section_partner .partner_slider .owl-nav {
    display: none
}

.hair_section_partner .partner_slider .owl-dots,
.hair_section_partner .partner_slider .owl-pagination {
    text-align: center;
    float: left;
    width: 100%;
    height: 60px
}

.hair_section_partner .partner_slider .owl-dots .owl-dot,
.hair_section_partner .partner_slider .owl-pagination .owl-dot,
.hair_section_partner .partner_slider .owl-dots .owl-page,
.hair_section_partner .partner_slider .owl-pagination .owl-page {
    display: inline-block;
    width: 2%
}

@media (max-width:767px) {

    .hair_section_partner .partner_slider .owl-dots .owl-dot,
    .hair_section_partner .partner_slider .owl-pagination .owl-dot,
    .hair_section_partner .partner_slider .owl-dots .owl-page,
    .hair_section_partner .partner_slider .owl-pagination .owl-page {
        width: 6%
    }
}

.hair_section_partner .partner_slider .owl-dots .owl-dot span,
.hair_section_partner .partner_slider .owl-pagination .owl-dot span,
.hair_section_partner .partner_slider .owl-dots .owl-page span,
.hair_section_partner .partner_slider .owl-pagination .owl-page span {
    height: 10px;
    width: 10px;
    background-color: #909090;
    display: block;
    margin-top: 30px;
    transform: rotate(45deg);
    border-radius: 0
}

@media (max-width:767px) {

    .hair_section_partner .partner_slider .owl-dots .owl-dot span,
    .hair_section_partner .partner_slider .owl-pagination .owl-dot span,
    .hair_section_partner .partner_slider .owl-dots .owl-page span,
    .hair_section_partner .partner_slider .owl-pagination .owl-page span {
        height: 8px;
        width: 8px
    }
}

.hair_section_partner .partner_slider .owl-dots .active span,
.hair_section_partner .partner_slider .owl-pagination .active span {
    background-color: #d33
}

.hair_section.hair_footer {
    background-image: url('../images/hairbg_footer.jpg')
}

.hair_section.hair_footer .footer-top {
    padding: 100px 0 75px
}

.hair_section.hair_footer .footer-top p {
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    color: #fff;
    opacity: .6
}

.hair_section.hair_footer .footer-top .block1 a {
    font-size: 16px;
    font-weight: 400;
    color: #d33;
    display: inline-block
}

.hair_section.hair_footer .footer-top .block1 a:hover {
    color: #fff
}

.hair_section.hair_footer .footer-top .block1 a i {
    margin-left: 8px
}

.hair_section.hair_footer .footer-top .block1 .social {
    padding-top: 20px
}

.hair_section.hair_footer .footer-top .block1 .social a {
    margin-right: 8px
}

.hair_section.hair_footer .footer-top h3 {
    color: #fff;
    font-weight: 400;
    font-size: 20px
}

.hair_section.hair_footer .footer-top h3:after {
    background: url('../images/hairsec1.png') no-repeat
}

.hair_section.hair_footer .footer-top span {
    display: inline-block;
    width: 100%
}

.hair_section.hair_footer .footer-top span i {
    float: left;
    width: 6%;
    color: #fff;
    opacity: .6;
    line-height: 20px
}

.hair_section.hair_footer .footer-top span a {
    display: block;
    color: #fff;
    opacity: .6;
    transition: all .5s;
    margin-bottom: 10px;
    font-size: 16px;
    float: right;
    width: 90%
}

.hair_section.hair_footer .footer-top span a:hover {
    color: #d33
}

.footer-copyright {
    padding: 20px 0 30px 0
}

.footer-copyright .nn_row {
    border-top: 1px solid rgba(255, 255, 255, 0.3)
}

.footer-copyright .nn_row p {
    opacity: .6;
    color: #fff;
    margin-top: 30px
}

.hair-inner-banner {
    background: url(../images/hair-aboutbg.jpg) center no-repeat;
    padding: 200px 0;
    background-size: cover;
    position: relative
}

.hair-inner-banner::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(47, 47, 47, 0.8);
    left: 0;
    top: 0
}

.hair_about1.hair_section1 {
    background-image: none
}

.hair_about1.hair_section1 .owl-nav,
.hair_about1.hair_section1 .owl-buttons {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.hair_about1.hair_section1 .owl-nav div,
.hair_about1.hair_section1 .owl-buttons div {
    padding: 20px;
    background-color: #2f2f2f;
    border-radius: 0;
    opacity: 1;
    margin: 0
}

.hair_about1.hair_section1 .owl-nav div:hover,
.hair_about1.hair_section1 .owl-buttons div:hover {
    background-color: #d33
}

.hair_about1.hair_section1 .owl-nav div i,
.hair_about1.hair_section1 .owl-buttons div i {
    font-size: 18px
}

.hair_about1.hair_section1 .owl-nav .owl-prev,
.hair_about1.hair_section1 .owl-buttons .owl-prev {
    float: left
}

.hair_about1.hair_section1 .owl-nav .owl-next,
.hair_about1.hair_section1 .owl-buttons .owl-next {
    float: right
}

.hair_section_partner.hair_about2 {
    padding-bottom: 0
}

@media (max-width:540px) {
    .hair_section_partner.hair_about2 {
        padding-bottom: 40px
    }
}

.hair_section_partner.hair_about2 h1 {
    margin-bottom: 30px
}

.hair_section_partner.hair_about2 p {
    padding: 0;
    margin-bottom: 20px
}

.hair_section_partner.hair_about2 a {
    float: none;
    z-index: 1
}

@media (max-width:767px) {
    .hair_section_partner.hair_about2 a {
        margin-bottom: 20px
    }
}

.hair_section_partner.hair_about2 a:hover {
    color: #fff
}

.hair_section_partner.hair_about2 a:after,
.hair_section_partner.hair_about2 a:before {
    background-color: #2f2f2f
}

.hair_about3 {
    background-image: url('../images/hair-aboutbg2.jpg');
    padding: 90px 0;
    text-align: center
}

@media (max-width:767px) {
    .hair_about3 .nn_col {
        margin-bottom: 20px
    }
}

.hair_about3 h2 {
    color: #fff
}

.hair_about3 p {
    color: #fff;
    opacity: .6;
    padding: 0 200px
}

@media (max-width:767px) {
    .hair_about3 p {
        padding: 0 60px
    }
}

@media (max-width:480px) {
    .hair_about3 p {
        padding: 0 20px
    }
}

.hair_about3 .social {
    position: absolute;
    bottom: 0;
    text-align: center;
    left: 0;
    right: 0
}

.hair_about3 .social a {
    color: #d33;
    font-size: 20px;
    margin: 0 5px;
    background-color: #fff;
    position: relative;
    z-index: 2;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center
}

@media (max-width:1366px) {
    .hair_about3 .social a {
        font-size: 15px
    }
}

.hair_about3 .social a:hover {
    color: #fff
}

.hair_about3 .social a:hover:after {
    top: 0
}

.hair_about3 .social a:after {
    position: absolute;
    content: '';
    background-color: #d33;
    bottom: 0;
    left: 0;
    right: 0;
    top: 100%;
    transition: all .5s;
    z-index: -1
}

.hair_about4.hair_section_partner {
    background-image: url('../images/hair-bg1.jpg')
}

.hair_about4.hair_section_partner .owl-item img {
    display: inline-block;
    padding: 30px;
    border: 1px solid #d33
}

.hair_about4.hair_section_partner .owl-item .carousel-caption {
    position: inherit;
    color: #2f2f2f;
    text-shadow: none
}

.hair_about4.hair_section_partner .owl-item .carousel-caption h1 {
    font-size: 20px;
    margin-bottom: 20px
}

.hair_about4.hair_section_partner .owl-item .carousel-caption .slider_text {
    font-size: 16px;
    color: #383c50;
    line-height: 20px;
    margin-bottom: 15px
}

.hair_about4.hair_section_partner .owl-item .carousel-caption a {
    color: #d33;
    font-size: 12px;
    font-weight: 600;
    transition: all .5s
}

.hair_about4.hair_section_partner .owl-item .carousel-caption a:hover {
    letter-spacing: 1px;
    color: #2f2f2f
}

.hair_service1.hair_section {
    padding: 90px 0
}

@media (max-width:400px) {
    .hair_service1.hair_section .nn_col {
        width: 100%
    }
}

.hair_service1.hair_section img {
    display: inline-block;
    padding: 30px;
    border: 1px solid #d33
}

.hair_service1.hair_section h1 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px
}

.hair_service1.hair_section .slider_text {
    font-size: 16px;
    color: #383c50;
    line-height: 20px;
    margin-bottom: 15px
}

.hair_service1.hair_section a {
    color: #d33;
    font-size: 12px;
    font-weight: 600;
    transition: all .5s;
    margin-bottom: 50px;
    display: inline-block
}

.hair_service1.hair_section a:hover {
    letter-spacing: 1px;
    color: #2f2f2f
}

.hair_service1.hair_section a i {
    margin-left: 10px;
    font-size: 16px
}

.hair_service1.hair_section .image {
    height: 145px
}

.hair_service1.hair_section .contact_content {
    position: relative;
    border: 8px solid #e6e6e6;
    min-height: 180px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    z-index: 3;
    padding-top: 40px
}

@media (max-width:767px) {
    .hair_service1.hair_section .contact_content {
        margin-bottom: 75px
    }
}

.hair_service1.hair_section .contact_content p {
    color: #2f2f2f
}

.hair_service1.hair_section .icon {
    position: absolute;
    top: -60px;
    padding: 25px 35px;
    border-radius: 50%;
    border: 8px solid #e6e6e6;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 110px;
    z-index: 2;
    background: #fff
}

.hair_service1.hair_section .icon i {
    font-size: 30px;
    height: 40px;
    color: #d33
}

.hair_service2.hair_section {
    padding: 60px 0;
    background-color: #d33
}

@media (max-width:767px) {
    .hair_service2.hair_section {
        text-align: center
    }
}

.hair_service2.hair_section h1 {
    float: right;
    width: 90%;
    margin-left: 20px;
    line-height: 35px;
    color: #fff
}

@media (max-width:1366px) {
    .hair_service2.hair_section h1 {
        width: 80%
    }
}

@media (max-width:990px) {
    .hair_service2.hair_section h1 {
        font-size: 26px;
        width: 90%;
        float: none
    }
}

.hair_service2.hair_section a {
    font-size: 14px;
    font-weight: 600;
    background-color: #fff;
    color: #2f2f2f
}

@media (max-width:767px) {
    .hair_service2.hair_section a {
        margin-top: 30px;
        float: none
    }
}

.hair_service2.hair_section a:hover {
    color: #fff
}

.hair_service2.hair_section a:after,
.hair_service2.hair_section a:before {
    background-color: #2f2f2f
}

.hair_contact {
    padding-bottom: 90px
}

.hair_contact p {
    padding: 0 150px;
    font-size: 18px
}

@media (max-width:767px) {
    .hair_contact p {
        padding: 0 50px
    }
}

@media (max-width:480px) {
    .hair_contact p {
        padding: 0 20px
    }
}

.hair_contact .hair_form input {
    width: 100%;
    line-height: 50px;
    border: 1px solid #e6e6e6;
    margin-bottom: 25px;
    padding: 0 15px
}

.hair_contact .hair_form textarea {
    width: 100%;
    min-height: 70px;
    border: 1px solid #e6e6e6;
    padding: 15px
}

.hair_contact .hair_form button {
    background-color: #d33;
    color: #fff;
    padding: 15px 30px;
    text-align: center;
    position: relative;
    display: inline-block;
    z-index: 9;
    margin: 0;
    line-height: initial
}

.hair_contact .hair_form button:after {
    content: '';
    position: absolute;
    background-color: #2f2f2f;
    height: 0;
    top: 0;
    left: 0;
    right: 100%;
    bottom: 100%;
    transition: all ease-in-out .5s;
    z-index: -1
}

.hair_contact .hair_form button:before {
    content: '';
    position: absolute;
    background-color: #2f2f2f;
    height: 0;
    bottom: 0;
    right: 0;
    left: 100%;
    top: 100%;
    transition: all ease-in-out .5s;
    z-index: -1
}

.hair_contact .hair_form button:hover {
    color: #fff
}

.hair_contact .hair_form button:hover:after {
    height: 100%;
    right: 50%;
    top: 0;
    bottom: 0
}

.hair_contact .hair_form button:hover:before {
    height: 100%;
    left: 50%;
    top: 0;
    bottom: 0
}

.hair_category.hair_service1 .image {
    height: 200px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.hair_category.hair_service1 .image img {
    border: 0;
    padding: 0;
    transition: all .5s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%
}

.hair_category.hair_service1 .content {
    padding: 0 20px;
    transition: all .5s;
    border: 1px solid transparent;
    height: auto
}

.hair_category.hair_service1 .content h1 {
    font-size: 18px;
    height: 37px;
    overflow: hidden
}

.hair_category.hair_service1 .catcontent-list {
    position: relative;
    margin-bottom: 30px
}

.hair_category.hair_service1 .catcontent-list span {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #d33;
    display: block;
    padding: 5px 10px 15px 10px;
    text-align: center;
    color: #fff
}

.hair_category.hair_service1 .catcontent-list span h6 {
    margin: 0;
    padding: 0
}

.hair_category.hair_service1 .catcontent-list span h4 {
    font-size: 22px;
    font-weight: 700;
    display: block;
    line-height: 26px
}

.hair_category.hair_service1 .catcontent-list:hover .content {
    top: 0;
    border-color: #d33
}

.hair_category.hair_service1 .catcontent-list:hover .image img {
    transform: scale(1.1)
}

.hair_category.hair_service1 h3 {
    padding-bottom: 15px;
    margin-bottom: 15px;
    position: relative
}

.hair_category.hair_service1 h3:after {
    position: absolute;
    bottom: 0;
    content: '';
    border-bottom: 2px solid #d33;
    width: 60px;
    left: 0
}

@media (max-width:767px) {
    .hair_category.hair_service1 ul {
        margin-bottom: 30px
    }
}

.hair_category.hair_service1 ul li a {
    color: #2f2f2f;
    padding: 10px 10px 10px 0;
    margin: 0;
    position: relative;
    display: block;
    font-size: 14px !important;
    transition: all ease-in-out .5s;
    z-index: 1
}

.hair_category.hair_service1 ul li a:hover {
    padding-left: 30px;
    color: #fff
}

.hair_category.hair_service1 ul li a:hover:after {
    right: 0
}

.hair_category.hair_service1 ul li a:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    bottom: 0;
    right: 100%;
    background-color: rgba(221, 51, 51, 0.8);
    transition: all ease-in-out .5s;
    z-index: -1
}

.hair_category.hair_service1 .slider_text {
    height: 75px;
    overflow: hidden
}

@media (max-width:1366px) {
    .hair_category.hair_service1 .slider_text {
        height: 75px
    }
}

.category_grid {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: auto auto
}

.category_grid .category_grid_col {
    width: 100%
}

.carpenter_header {
    position: absolute;
    top: 0;
    z-index: 99;
    width: 100%
}

.carpenter_header .logo-head {
    float: left
}

.carpenter_header .navbar-collapse {
    float: right
}

.carpenter_header .navbar-collapse .nav li {
    display: inline-block
}

.carpenter_header .navbar-collapse .nav li a {
    color: #1a2026;
    font-size: 16px;
    padding: 0 30px;
    line-height: 65px;
    position: relative
}

.carpenter_header .navbar-collapse .nav li a:after {
    position: absolute;
    content: '';
    border-bottom: 2px solid #1a2026;
    bottom: 10px;
    width: 70px;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 0;
    transition: all .5s
}

.carpenter_header .navbar-collapse .nav li a:hover,
.carpenter_header .navbar-collapse .nav li a:focus {
    background-color: transparent
}

.carpenter_header .navbar-collapse .nav li a:hover:after,
.carpenter_header .navbar-collapse .nav li a:focus:after {
    opacity: 1
}

.carpenter_header .navbar-collapse .nav li .active {
    background-color: transparent;
    position: relative
}

.carpenter_header .navbar-collapse .nav li .active:after {
    opacity: 1
}

.carpenter_banner {
    background-image: url('../images/Carpenter2-Home-sliderbg1.jpg');
    padding: 200px 0 280px 0;
    background-position: 0 -215px
}

.carpenter_banner .banner-caption {
    width: 50%;
    padding-left: 22%;
    color: #1a2026
}

.carpenter_banner .banner-caption h1 {
    font-size: 80px;
    font-weight: 800
}

.carpenter_banner .banner-caption h2 {
    font-size: 40px;
    font-weight: 300;
    line-height: 50px;
    margin-top: 15px
}

.carpenter_banner .banner-caption a {
    color: #1a2026;
    border: 2px solid #1a2026;
    padding: 10px 30px;
    display: inline-block;
    margin-top: 50px;
    font-size: 16px
}

.carpenter_banner .banner-caption a:hover {
    background-color: #1a2026;
    color: #fff
}

.carpenter_section {
    background-color: #2e303f;
    font-family: 'Poppins', sans-serif
}

.carpenter_section p {
    font-size: 15px;
    line-height: 25px
}

.carpenter_section h3 {
    font-size: 25px;
    margin-bottom: 15px;
    font-weight: 700;
    line-height: 38px
}

.carpenter_section h2 {
    font-size: 38px;
    line-height: 50px;
    font-weight: 700;
    letter-spacing: 0
}

.carpenter_section img {
    max-width: 100%
}

.carpenter_section .capenter-button {
    color: #1a2026;
    border: 2px solid #1a2026;
    padding: 10px 30px;
    display: inline-block;
    margin-top: 20px;
    font-size: 14px
}

.carpenter_section .capenter-button:hover {
    background-color: #1a2026;
    color: #fff
}

.carpenter_section1 {
    padding: 147px 0 400px 0;
    background-image: url(../images/carpenter2-home-tiles.png);
    background-position: left top
}

.carpenter_section1 h5 {
    color: #d33;
    margin-bottom: 20px;
    font-size: 16px;
    letter-spacing: 2px;
    font-weight: 500
}

.carpenter_section1 h2 {
    font-size: 40px;
    letter-spacing: 4px;
    font-weight: 700;
    line-height: 50px;
    margin-bottom: 15px
}

.carpenter_section2 {
    padding-bottom: 35px
}

.carpenter_section2 .nn_col {
    border-left: 1px solid #1a2026;
    padding-left: 20px;
    margin-bottom: 60px
}

.carpenter_section2 .nn_col img {
    margin-bottom: 20px
}

.carpenter_section2 .nn_col h3 {
    margin-bottom: 20px
}

.carpenter_section3 {
    padding: 50px 0
}

.carpenter_section3 .overflow {
    margin-bottom: 30px
}

.carpenter_section3 .overflow img {
    transition: all .5s
}

.carpenter_section3 .overflow img:hover {
    transform: scale(1.1)
}

.overflow {
    overflow: hidden
}

.carpenter_section4 {
    background-image: url('../images/carpenter2-home-highlight-section-bg.jpg')
}

.carpenter_section4 .content {
    position: relative;
    z-index: 99;
    background-color: #2e303f;
    padding: 60px 40px
}

.carpenter_section4 .content span {
    width: 25%;
    float: left;
    padding-right: 30px
}

.carpenter_section4 .content span img {
    margin-bottom: 30px
}

.carpenter_footer {
    background-color: #2e303f;
    padding-top: 100px
}

.carpenter_footer a {
    display: block
}

.carpenter_footer span {
    cursor: pointer
}

.carpenter_footer span i {
    display: inline-block;
    color: #998979;
    margin-bottom: 15px;
    line-height: 25px
}

.carpenter_footer span a {
    display: inline-block;
    width: 90%;
    float: right;
    margin-bottom: 15px;
    line-height: 25px;
    color: #1a2026;
    font-size: 12px
}

.carpenter_footer .social a {
    display: inline-block;
    color: #1a2026
}

.carpenter-copyright {
    padding: 50px 0 30px 0
}

.carpenter-copyright p {
    color: #1a2026
}

.carpenter_inner_banner {
    background-image: url('../iamges/carpenter2-topbg.png');
    padding-top: 180px;
    padding-bottom: 80px
}

.carpenter_inner_banner h1 {
    font-size: 48px;
    line-height: 50px;
    font-weight: 700;
    letter-spacing: 0
}

.carpenter_about1 {
    padding-top: 80px
}

.carpenter_about1 .inner_block1 {
    background-image: url('../images/carpenter2-aboutus-infobox.jpg');
    padding: 30px 20px;
    color: #fff;
    background-position: right bottom
}

.carpenter_about1 .inner_block1 ul li {
    line-height: 35px
}

.carpenter_about1 .inner_block1 ul li i {
    color: #998979;
    margin-right: 15px;
    font-size: 22px;
    line-height: 30px
}

.carpenter_about2 .text-right {
    margin-bottom: -50px
}

.carpenter_about3 {
    background-image: url('../images/carpenter2-about-wood-bg.jpg');
    padding-top: 150px;
    padding-bottom: 250px;
    color: #fff
}

.carpenter_about3 p {
    padding-right: 90px
}

.carpenter_about3 .inner_block2 {
    float: left;
    width: 100%
}

.carpenter_about3 .inner_block2 img {
    float: left;
    margin-right: 30px
}

.carpenter_about3 .inner_block2 span {
    float: right;
    display: inline-block;
    width: 75%
}

.carpenter_about3 .inner_block2 span h5 {
    margin-top: 20px;
    font-size: 15px;
    line-height: 25px
}

.carpenter_about4 img {
    margin-top: -60px
}

.carpenter_about5 {
    padding-top: 60px
}

.carpenter_about5 .owl-carousel.owl-drag .owl-item {
    background-color: #2a2c39;
    height: 110px;
    padding: 20px 0
}

.carpenter_about5 img {
    width: auto !important;
    margin: 0 auto
}

.partner_slider {
    padding-top: 40px
}

.partner_slider .owl-buttons,
.partner_slider .owl-nav {
    position: absolute;
    top: -10px;
    right: 0
}

.partner_slider .owl-buttons div,
.partner_slider .owl-nav div {
    display: inline-block;
    text-align: center
}

.partner_slider .owl-buttons div i,
.partner_slider .owl-nav div i {
    font-size: 20px;
    line-height: 40px;
    border-radius: 4px;
    color: #2f2f2f;
    height: 40px;
    width: 40px;
    border: 1px solid #2f2f2f;
    margin-left: 5px
}

.carpenter_product {
    padding: 50px 0
}

.carpenter_product .product-list .nn_col {
    margin-bottom: 30px
}

.carpenter_product ul li a {
    padding: 10px 20px;
    display: block;
    background-color: #d33;
    color: #fff;
    z-index: 1;
    position: relative
}

.carpenter_product ul li a:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 100%;
    background-color: #e45f5f;
    transition: all .5s ease-in-out;
    z-index: -1
}

.carpenter_product ul li a:hover:after,
.carpenter_product ul li a:focus:after {
    top: 0
}

.carpenter_product ul li a p {
    color: #fff
}

.estate_header.union_header.iron_header .nav li a {
    font-size: 16px;
    font-family: 'Titillium Web', sans-serif;
    line-height: 60px;
    font-weight: 600;
    padding: 0 13px;
    position: relative
}

.estate_header.union_header.iron_header .nav li a:after {
    position: absolute;
    content: '';
    border-bottom: 3px solid #a31d00;
    width: 70%;
    opacity: 0;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.estate_header.union_header.iron_header .nav li a:hover:after {
    opacity: 1
}

.eastate_section {
    font-family: 'Titillium Web', sans-serif
}

.estate_slider {
    position: relative
}

.estate_slider .owl-pagination {
    position: absolute;
    right: 5px;
    height: 100%;
    width: 30px;
    top: 0;
    padding-top: 35%
}

.estate_slider .owl-pagination .owl-page span {
    margin-bottom: 10px;
    height: 18px;
    width: 18px;
    display: block;
    border: 2px solid #fff;
    border-radius: 50%;
    background: transparent
}

.estate_slider .owl-pagination .active span {
    background: #fff
}

.estate_slider .carousel-caption {
    left: 5%;
    right: inherit;
    text-align: left
}

.estate_slider .carousel-caption .slider_title {
    font-weight: 800
}

.estate_slider .owl-controls {
    margin: 0
}

.estate_productlist {
    padding: 60px 0
}

.estate_productlist a {
    display: block;
    margin-bottom: 20px
}

.estate_productlist a img {
    max-width: 100%
}

.estate_productlist h3 {
    margin: 20px 0;
    color: #fff
}

.estate-container {
    background-color: rgba(56, 60, 80, 0.6);
    float: left;
    width: 100%;
    padding: 0 20px
}

.estate-container img {
    max-width: 300px
}

.estate-container img:hover {
    box-shadow: 0 0 30px 0 rgba(255, 255, 255, 0.5)
}

.estate-container h4 {
    color: #fff;
    padding: 20px 0;
    font-size: 16px
}

.estate-container h1,
.estate-container p {
    color: #fff
}

.estate-container a {
    margin: 0 !important;
    color: #fff !important
}

.estate-container .content {
    padding-bottom: 20px !important
}

.estate-contact form input {
    width: 49.33%;
    margin-right: 1%;
    float: left;
    margin-bottom: 15px;
    line-height: 30px;
    padding: 0 20px
}

.estate-contact form input:nth-last-of-type(odd) {
    margin-right: 0
}

.estate-contact form textarea {
    width: 100%;
    min-height: 100px;
    padding: 20px
}

.estate-contact form button {
    margin-top: 20px;
    background-color: #a31d00;
    border: 0;
    padding: 10px 20px;
    color: #fff
}

.nano_refer.nn_union.nn_union_section1 .hover {
    background-color: #5c5c5c 9c
}

.nano_refer.nn_union.nn_union_section1 .hover h4 {
    margin-bottom: 20px
}

.nano_refer.nn_union.nn_union_section1 .hover a {
    font-size: 12px;
    padding: 5px 20px;
    border-radius: 35px;
    border: 2px solid #fff
}

.nano_footer.hair_footer h3 {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 10px
}

.nano_footer.hair_footer h3:after {
    position: absolute;
    border-bottom: 1px solid #998979;
    width: 80px;
    content: '';
    left: 0;
    bottom: 0
}

.lithium_hr.fusion_hr form button {
    border: 0;
    padding: 5px 40px;
    border-radius: 20px;
    font-size: 18px;
    font-weight: 600;
    margin-top: 30px;
    background-color: #d33
}

.fusion_section_inner.angel_news .carbon_detail_links {
    padding: 20px 15px
}

.fusion_section_inner.angel_news .carbon_detail_links h3 {
    height: 56px;
    overflow: hidden
}

.fusion_section_inner.angel_news .carbon_detail_links .detail {
    height: 100px;
    overflow: hidden
}

.angel_related {
    padding: 20px;
    background-color: #fff;
    margin: auto
}

.angel_related h5 {
    color: #2f2f2f;
    margin-bottom: 20px;
    margin-top: 20px;
    line-height: 30px
}

.angel_related a {
    color: #d33
}

.angel_related img {
    max-width: 100%;
    margin-bottom: 15px
}

.fusion_hr .nn_carbon_detail i {
    height: 120px;
    width: 100%;
    position: relative;
    margin: 0 auto;
    margin-top: 10px;
    display: block
}

.fusion_hr .nn_carbon_detail i img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%
}

.fusion_hr .nn_carbon_detail .content {
    height: 100px;
    overflow: hidden
}

.fusion_hr .nn_carbon_detail h3 {
    height: 55px;
    overflow: hidden
}

.angel_pdt_detail h2 {
    margin-bottom: 15px
}

.angel_pdt_detail img {
    margin-bottom: 20px
}

.cms_multiple {
    width: 48%;
    display: inline-block;
    margin: 1% 1% 1% 1%
}

.cms_multiple img {
    max-width: 100%
}

.kaska_category p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.kaska_category br {
    display: none
}

.eris_form input {
    background-color: #909090;
    border: none;
    padding: 25px 20px;
    border-radius: 10px;
    margin-right: 20px;
    font-weight: 600;
    outline: none
}

.eris_button {
    padding: 14px 20px;
    background-color: #a31d00
}

.nano_library {
    position: relative;
    clear: both
}

.nano_library .lib_head {
    font-size: 32px;
    color: #000;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 20px
}

.nano_library .tab_box {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
    list-style: none;
    padding: 0
}

.nano_library .tab_box li {
    display: inline-block;
    margin-right: 15px;
    padding: 0;
    list-style: none;
    transition: .3s all ease-in-out
}

.nano_library .tab_box li a {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #fff;
    height: 40px;
    line-height: 36px;
    padding: 0 20px;
    background-color: #2f2f2f;
    display: inline-block;
    border-radius: 5px;
    cursor: pointer;
    transition: .3s all ease-in-out
}

.nano_library .tab_box li a.zalina_tab_btn {
    color: #fff;
    background-color: #2f2f2f
}

.nano_library .tab_box li a.zalina_tab_btn:hover,
.nano_library .tab_box li a.zalina_tab_btn.active {
    background-color: #d33;
    color: #2f2f2f
}

.nano_library .tab_box li a:hover,
.nano_library .tab_box li a.active {
    background-color: #d33;
    color: #fff;
    transition: .3s all ease-in-out
}

.nano_library .tab_box li a:empty {
    display: none
}

.nano_library .doc_box {
    float: left;
    width: 100%;
    display: block;
    margin-bottom: 30px
}

.nano_library .doc_box a {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 1%;
    width: 32%;
    overflow: hidden;
    float: left;
    height: 45px;
    line-height: 45px;
    background-color: #fff;
    border-radius: 5px;
    padding: 0 15px;
    box-shadow: 0 0 13px rgba(0, 0, 0, 0.14117647)
}

.nano_library .doc_box a img {
    margin-right: 5px
}

.nano_library .doc_box a .lib_name {
    color: #2f2f2f;
    font-size: 16px;
    font-weight: 600
}

.nano_library .video_box {
    float: left;
    width: 100%;
    display: block;
    margin-bottom: 30px
}

.nano_library .video_box iframe {
    width: 32%;
    height: 250px;
    display: inline-block;
    float: left;
    margin: 0 .3%;
    margin-bottom: 7px
}

@media (max-width:540px) {
    .nano_library .video_box iframe {
        width: 100%;
        margin-bottom: 20px
    }
}

.nano_library .video_box.zalina_video iframe {
    width: 32%;
    min-height: 250px;
    height: 460px;
    display: inline-block;
    float: left;
    margin: 0 .3%;
    margin-bottom: 7px
}

.nano_library .gal_box {
    float: left;
    width: 100%;
    display: block;
    margin-bottom: 30px
}

.nano_library .gal_box .single_box {
    width: 33.33%;
    float: left;
    display: inline-block;
    border-bottom: 1px solid rgba(221, 51, 51, 0.2);
    border-right: 1px solid rgba(221, 51, 51, 0.2);
    overflow: hidden;
    position: relative;
    cursor: pointer;
    transition: .5s all ease-in-out
}

@media (max-width:990px) {
    .nano_library .gal_box .single_box {
        width: 100%;
        border: 0;
        margin-bottom: 20px
    }
}

.nano_library .gal_box .single_box a::after {
    content: '';
    width: 100%;
    height: 0;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    left: 0;
    right: auto;
    bottom: 0;
    pointer-events: none;
    z-index: 1;
    transition: .5s all ease-in-out
}

.nano_library .gal_box .single_box a img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    overflow: hidden
}

.nano_library .gal_box .single_box a .gal_detail {
    background-color: rgba(246, 246, 246, 0.92156863);
    position: absolute;
    left: 0;
    right: auto;
    bottom: -170px;
    padding: 25px 30px;
    opacity: 0;
    width: 100%;
    height: 130px;
    overflow: hidden;
    z-index: 101;
    transition: .5s all ease-in-out
}

.nano_library .gal_box .single_box a .gal_detail span {
    color: #2f2f2f;
    margin-bottom: 15px;
    width: 100%;
    display: block;
    font-size: 18px;
    font-weight: 600
}

.nano_library .gal_box .single_box a .gal_detail p {
    color: #585858 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    letter-spacing: .6px
}

.nano_library .gal_box .single_box:hover a::after {
    transition: .5s all ease-in-out;
    height: 100%
}

.nano_library .gal_box .single_box:hover a .gal_detail {
    bottom: 0;
    opacity: 1;
    transition: .5s all ease-in-out
}

.kiraka_header {
    position: fixed;
    background-color: #fff;
    width: 100%;
    z-index: 3;
    height: 75px;
    top: 0;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out
}

.kiraka_header .navbar {
    border: none;
    border-radius: 0
}

.kiraka_header .visible_header {
    width: 100%;
    height: auto;
    position: absolute
}

.kiraka_header .visible_header .navbar-header {
    height: 75px;
    width: 75px;
    background-color: #d33
}

@media (max-width:540px) {
    .kiraka_header .visible_header .navbar-header {
        padding: 0 !important
    }
}

.kiraka_header .visible_header .navbar-toggle {
    display: block !important;
    border: none;
    border-radius: 0;
    margin-top: 14px;
    float: left;
    z-index: 999;
    background-color: transparent
}

@media (max-width:540px) {
    .kiraka_header .visible_header .navbar-toggle {
        margin-right: 25px !important
    }
}

.kiraka_header .visible_header .navbar-toggle .icon-bar {
    background: #fff;
    float: right;
    width: 30px;
    height: 3px;
    margin-top: 5px;
    transition: .3s all ease-in-out
}

.kiraka_header .visible_header .navbar-toggle .middle-bar {
    opacity: 0
}

.kiraka_header .visible_header .navbar-toggle:hover {
    transition: .3s all ease-in-out
}

.kiraka_header .visible_header .navbar-toggle:hover .icon-bar {
    background: #2e303f;
    transition: .3s all ease-in-out
}

.kiraka_header .visible_header .collapsed .top-bar {
    top: 0;
    transform: rotate(0)
}

.kiraka_header .visible_header .collapsed .middle-bar {
    opacity: 1
}

.kiraka_header .visible_header .collapsed .bottom-bar {
    top: 0;
    transform: rotate(0)
}

.kiraka_header .visible_header .kiraka_lang {
    float: right;
    display: inline-block;
    background-color: transparent;
    height: 75px;
    line-height: 75px;
    margin-right: 20px;
    width: auto
}

@media (max-width:540px) {
    .kiraka_header .visible_header .kiraka_lang {
        float: none;
        background-color: #d33;
        height: 60px;
        line-height: 60px;
        margin: 0 auto;
        width: 100%;
        text-align: center
    }
}

.kiraka_header .visible_header .kiraka_lang ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.kiraka_header .visible_header .kiraka_lang ul li {
    display: inline-block;
    margin-right: 10px
}

.kiraka_header .visible_header .kiraka_lang ul li:last-child {
    margin-right: 0
}

.kiraka_header .visible_header .kiraka_lang ul li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
    background-color: #e1e1e1;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #d33;
    transition: .3s all ease-in-out
}

.kiraka_header .visible_header .kiraka_lang ul li a.active,
.kiraka_header .visible_header .kiraka_lang ul li a:hover {
    background-color: #d33;
    color: #fff;
    transition: .3s all ease-in-out
}

@media (max-width:540px) {

    .kiraka_header .visible_header .kiraka_lang ul li a.active,
    .kiraka_header .visible_header .kiraka_lang ul li a:hover {
        background-color: #2e303f;
        color: #fff
    }
}

.kiraka_header .visible_header .logo_head {
    position: relative;
    float: left;
    margin-left: 20px;
    transition: .3s all ease-in-out
}

@media (max-width:990px) {
    .kiraka_header .visible_header .logo_head {
        padding-left: 0
    }
}

@media (max-width:540px) {
    .kiraka_header .visible_header .logo_head {
        padding: 0
    }
}

.kiraka_header .visible_header .logo_head a {
    width: auto;
    height: auto;
    display: table-cell;
    line-height: 75px;
    height: 75px;
    vertical-align: middle;
    outline: none
}

.kiraka_header .visible_header .logo_head a img {
    height: auto;
    width: auto;
    transition: .3s all ease-in-out
}

.kiraka_header .hidden_header {
    transition: opacity .25s ease-in-out
}

@media (max-width:540px) {
    .kiraka_header .hidden_header .nn_container_fluid {
        padding: 0
    }
}

@media (min-width:768px) and (max-width:991px) {
    .kiraka_header .hidden_header .navbar-collapse.collapse {
        opacity: 0;
        padding: 0;
        margin: auto;
        transition: all .3s ease-in-out
    }
}

.kiraka_header .hidden_header .navbar-collapse.collapse.in {
    background-color: transparent;
    position: fixed;
    width: 100%;
    height: 75px !important;
    top: 0;
    opacity: 1;
    transition: all .25s ease-in-out
}

@media (max-width:540px) {
    .kiraka_header .hidden_header .navbar-collapse.collapse.in {
        position: absolute;
        padding: 0;
        margin: 0;
        height: 670px !important
    }
}

@media (max-width:991px) {
    .kiraka_header .hidden_header .navbar-header {
        float: right
    }
}

@media (max-width:540px) {
    .kiraka_header .hidden_header .navbar-header {
        padding: 0;
        float: right
    }
}

.kiraka_header .hidden_header .dropdown-menu {
    padding: 0
}

.kiraka_header .hidden_header .dropdown-menu li {
    display: block !important;
    float: none;
    width: 100%;
    border-right: 0;
    border-left: 0
}

@media (max-width:990px) {
    .kiraka_header .hidden_header {
        position: inherit;
        top: inherit;
        float: left;
        width: 100%
    }
}

.kiraka_header .hidden_header .nav {
    text-align: center;
    font-size: 0
}

.kiraka_header .hidden_header .nav:before {
    position: absolute;
    content: "";
    opacity: .2;
    top: -1px;
    width: 55%;
    margin: 0 auto;
    left: 0;
    right: 0
}

.kiraka_header .hidden_header .nav .dropdown-menu {
    background-color: transparent;
    line-height: 80px;
    top: 55%;
    left: 35%;
    width: 250px;
    padding: 0;
    border-radius: 0;
    margin-top: 0;
    display: block;
    visibility: hidden;
    opacity: 0;
    border: none;
    box-shadow: none;
    transition: .3s all ease-in-out
}

.kiraka_header .hidden_header .nav .dropdown-menu li {
    height: auto;
    padding: 0;
    line-height: 40px;
    background-color: transparent;
    transition: .3s all ease-in-out
}

.kiraka_header .hidden_header .nav .dropdown-menu li:last-child {
    border: none
}

.kiraka_header .hidden_header .nav .dropdown-menu li a {
    color: #fff;
    display: block;
    background-color: transparent;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 20px;
    text-transform: capitalize
}

.kiraka_header .hidden_header .nav .dropdown-menu li a.active,
.kiraka_header .hidden_header .nav .dropdown-menu li a:hover,
.kiraka_header .hidden_header .nav .dropdown-menu li a:focus {
    color: #2e303f
}

.kiraka_header .hidden_header .nav .dropdown-menu li a:after {
    display: none
}

.kiraka_header .hidden_header .nav .divider {
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    padding: 0;
    height: 30px;
    margin: 24px auto
}

.kiraka_header .hidden_header .nav li {
    display: table-cell;
    width: auto;
    height: 75px;
    line-height: normal;
    float: none;
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid #e14949
}

.kiraka_header .hidden_header .nav li:first-child {
    border-left: 1px solid #e14949
}

@media (max-width:540px) {
    .kiraka_header .hidden_header .nav li {
        display: block;
        width: 100%;
        border: 0
    }

    .kiraka_header .hidden_header .nav li:first-child {
        border: 0
    }
}

.kiraka_header .hidden_header .nav li:hover .dropdown-menu {
    display: block;
    visibility: visible;
    opacity: 1;
    transition: .3s all ease-in-out
}

.kiraka_header .hidden_header .nav li a {
    font-size: 16px;
    letter-spacing: .5px;
    height: 75px;
    line-height: 75px;
    width: 100%;
    color: #fff;
    padding: 0;
    font-weight: 600;
    text-transform: uppercase;
    background-color: transparent;
    position: relative;
    display: inline-block;
    transition: .2s all ease-in-out
}

.kiraka_header .hidden_header .nav li a.active {
    color: #2e303f;
    font-weight: 600;
    background-color: transparent;
    transition: .3s all ease-in-out
}

.kiraka_header .hidden_header .nav li a:hover {
    color: #2e303f;
    background-color: transparent;
    transition: .2s all ease-in-out
}

.kiraka_header .hidden_header .nav li a:hover::after {
    width: 100%;
    right: auto;
    left: 0;
    transition: .3s all ease-in-out
}

.kiraka_header .hidden_header .navbar {
    display: table;
    background-color: #d33;
    width: 100%;
    height: auto;
    border: none;
    float: left;
    text-align: center;
    padding: 0;
    margin: 0;
    position: absolute;
    table-layout: fixed
}

@media (max-width:540px) {
    .kiraka_header .hidden_header .navbar {
        display: block;
        height: 100%;
        width: 100%
    }
}

@media (max-width:990px) {
    .kiraka_header .hidden_header .navbar .navbar-collapse ul {
        text-align: left;
        font-size: 0;
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
        top: 0;
        left: 0
    }

    .kiraka_header .hidden_header .navbar .navbar-collapse ul li {
        margin: 0;
        padding: 0;
        display: block;
        box-sizing: border-box;
        height: auto;
        line-height: normal;
        float: none;
        transition: .3s all ease-in-out
    }

    .kiraka_header .hidden_header .navbar .navbar-collapse ul li a {
        border-radius: 0;
        font-weight: 600;
        font-size: 13px;
        letter-spacing: 3px;
        color: #fff;
        position: relative;
        display: block;
        padding: 20px 20px;
        text-align: left;
        line-height: 1;
        background-color: #000;
        border: none;
        transition: .3s all ease-in-out
    }

    .kiraka_header .hidden_header .navbar .navbar-collapse ul li a.active {
        background-color: #c62121;
        color: #fff;
        border-radius: 0;
        border: none
    }

    .kiraka_header .hidden_header .navbar .navbar-collapse ul li a.active:hover,
    .kiraka_header .hidden_header .navbar .navbar-collapse ul li a.active:focus {
        background-color: #000;
        color: #fff
    }

    .kiraka_header .hidden_header .navbar .navbar-collapse ul li a:hover,
    .kiraka_header .hidden_header .navbar .navbar-collapse ul li a:focus {
        background-color: #c62121;
        color: #fff
    }
}

.kiraka_header .hidden_header .navbar-collapse {
    opacity: 0;
    position: fixed;
    transition: all .3s ease-in-out
}

.home_nav {
    position: fixed;
    left: 0;
    top: 0;
    width: 75px;
    bottom: 0;
    background-color: #d33;
    z-index: 2;
    border-right: 1px solid #e45f5f
}

.home_nav .nav_social {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.home_nav .nav_social li {
    list-style: none;
    display: block;
    margin-bottom: 10px
}

.home_nav .nav_social li a {
    font-size: 18px;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 5px;
    opacity: .5;
    transition: .3s all ease-in-out
}

.home_nav .nav_social li a:hover {
    opacity: 1;
    transition: .3s all ease-in-out
}

.home_nav .scrolltop {
    display: none;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 99;
    bottom: 20px;
    right: 10px;
    transition: .5s all ease-in-out
}

.home_nav .scrolltop .scroll {
    position: fixed;
    z-index: 999;
    left: 17px;
    bottom: 17px;
    background-color: transparent;
    color: #fff;
    border: 2px solid #fff;
    opacity: .5;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 5px;
    font-size: 8px;
    padding: 0;
    text-align: center;
    margin: 0;
    cursor: pointer;
    transition: .5s all ease-in-out;
    -moz-transition: .5s all ease-in-out;
    -webkit-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
    -webkit-animation: mover .9s infinite alternate;
    animation: mover .9s infinite alternate
}

.home_nav .scrolltop .scroll:hover {
    opacity: 1;
    transition: .5s all ease-in-out
}

@media (max-width:540px) {
    .home_nav {
        display: none
    }
}

.home_nav .track_dot {
    padding: 0;
    margin: 0;
    list-style: none;
    z-index: 101;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.home_nav .track_dot li {
    display: block;
    margin: 30px 0
}

.home_nav .track_dot li a {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    display: block;
    position: relative;
    transition: .3s all ease-in-out
}

.home_nav .track_dot li a::after {
    content: '';
    width: 18px;
    height: 18px;
    background-color: transparent;
    border: 1px solid #fff;
    position: absolute;
    top: -4px;
    left: -4px;
    border-radius: 50%;
    opacity: 0;
    transition: .3s all ease-in-out
}

.home_nav .track_dot li a.active,
.home_nav .track_dot li a:hover {
    transition: .3s all ease-in-out
}

.home_nav .track_dot li a.active::after,
.home_nav .track_dot li a:hover::after {
    opacity: 1
}

.kiraka_banner {
    height: 940px;
    position: relative
}

@media (max-width:1366px) {
    .kiraka_banner {
        height: 675px
    }
}

@media (max-width:540px) {
    .kiraka_banner {
        height: auto
    }
}

.kiraka_banner .owl-carousel .owl-item {
    height: auto
}

.kiraka_banner .owl-carousel img {
    height: auto
}

@media (max-width:540px) {
    .kiraka_banner .owl-carousel img {
        height: 645px;
        object-fit: cover;
        width: 100%
    }
}

.kiraka_banner .owl-carousel .carousel-caption {
    background-color: transparent;
    bottom: 50%;
    transform: translateY(50%);
    padding: 120px 0;
    width: 50%;
    text-align: left;
    margin: 0 auto
}

@media (max-width:1366px) {
    .kiraka_banner .owl-carousel .carousel-caption {
        padding: 50px
    }
}

@media (max-width:540px) {
    .kiraka_banner .owl-carousel .carousel-caption {
        width: 100%;
        text-align: center;
        position: absolute;
        padding: 0;
        margin: 0 auto;
        transform: none;
        bottom: 25%;
        left: auto;
        right: auto
    }
}

.kiraka_banner .owl-carousel .carousel-caption .slider_title {
    font-size: 42px;
    line-height: 1.6;
    letter-spacing: 1.5px;
    color: #fff;
    text-decoration: none;
    text-shadow: none;
    position: relative;
    padding-left: 95px
}

.kiraka_banner .owl-carousel .carousel-caption .slider_title::before {
    content: '';
    width: 75px;
    height: 3px;
    display: inline-block;
    background: #fff;
    margin-right: 20px;
    position: absolute;
    top: 30px;
    left: 0
}

@media (max-width:1366px) {
    .kiraka_banner .owl-carousel .carousel-caption .slider_title {
        font-size: 30px
    }
}

@media (max-width:540px) {
    .kiraka_banner .owl-carousel .carousel-caption .slider_title {
        font-size: 23px;
        padding: 0
    }

    .kiraka_banner .owl-carousel .carousel-caption .slider_title::before {
        display: none
    }
}

.kiraka_banner .owl-carousel .carousel-caption .slider_text {
    font-size: 20px;
    color: #fff;
    text-shadow: none;
    letter-spacing: .5px;
    line-height: 1.5;
    margin-top: 20px;
    width: 70%;
    text-align: left
}

@media (max-width:540px) {
    .kiraka_banner .owl-carousel .carousel-caption .slider_text {
        width: 90%;
        text-align: center;
        margin: 0 auto;
        margin-top: 20px
    }
}

.kiraka_banner .owl-carousel .carousel-caption .slider_button {
    height: 55px;
    line-height: 55px;
    display: inline-block;
    padding: 0 30px;
    background-color: #d33;
    color: #fff;
    border: 2px solid #d33;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    border-radius: 10px;
    margin-top: 30px;
    transition: .3s all ease-in-out
}

.kiraka_banner .owl-carousel .carousel-caption .slider_button:hover {
    border: 2px solid #d33;
    color: #d33;
    background-color: transparent;
    box-shadow: inset -3px -3px 6px 1px rgba(0, 0, 0, 0.49019608);
    transition: .3s all ease-in-out
}

.kiraka_banner .owl-carousel .owl-controls {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 90px;
    margin: 0 auto;
    background-color: transparent;
    transition: .3s all ease-in-out
}

@media (max-width:540px) {
    .kiraka_banner .owl-carousel .owl-controls {
        display: none !important
    }
}

.kiraka_banner .owl-carousel .owl-controls .owl-prev {
    font-weight: 600;
    background-color: #fff;
    opacity: 1;
    outline: none;
    position: absolute;
    left: 7%;
    height: 50px;
    width: 50px;
    line-height: 55px;
    font-size: 16px;
    display: inline-block;
    transition: .3s all ease-in-out
}

.kiraka_banner .owl-carousel .owl-controls .owl-prev .fa {
    font-size: 35px;
    font-weight: 600;
    color: #2f2f2f;
    margin-left: -4px
}

.kiraka_banner .owl-carousel .owl-controls .owl-prev:hover {
    transition: .3s all ease-in-out;
    box-shadow: inset 3px -3px 6px 1px rgba(0, 0, 0, 0.49019608)
}

.kiraka_banner .owl-carousel .owl-controls .owl-next {
    font-weight: 600;
    background-color: #fff;
    opacity: 1;
    outline: none;
    position: absolute;
    right: 3%;
    height: 50px;
    width: 50px;
    line-height: 55px;
    font-size: 16px;
    display: inline-block;
    transition: .3s all ease-in-out
}

.kiraka_banner .owl-carousel .owl-controls .owl-next .fa {
    font-size: 35px;
    font-weight: 600;
    color: #2f2f2f;
    margin-right: -4px
}

.kiraka_banner .owl-carousel .owl-controls .owl-next:hover {
    transition: .3s all ease-in-out;
    box-shadow: inset -3px -3px 6px 1px rgba(0, 0, 0, 0.49019608)
}

.kiraka_main {
    background-color: #fff;
    position: relative;
    padding: 100px 0
}

.kiraka_main .sector_table {
    display: table
}

@media (max-width:540px) {
    .kiraka_main .sector_table {
        display: block;
        margin-bottom: 40px
    }
}

.kiraka_main .sector_table .sector_box {
    text-align: center;
    height: 476px;
    width: 100%;
    display: table-cell;
    vertical-align: middle
}

@media (max-width:540px) {
    .kiraka_main .sector_table .sector_box {
        text-align: center;
        display: block;
        height: auto
    }
}

.kiraka_main .sector_table .sector_box .sector_head {
    color: #d33;
    font-size: 250px;
    font-weight: 900;
    line-height: 1;
    margin-bottom: 50px
}

@media (max-width:540px) {
    .kiraka_main .sector_table .sector_box .sector_head {
        font-size: 160px;
        margin-bottom: 20px
    }
}

.kiraka_main .sector_table .sector_box .sector_text {
    color: #2f2f2f;
    font-size: 60px;
    font-weight: 600;
    line-height: 1
}

.kiraka_main .main_grid2 .nn_col {
    padding: 0
}

@media (max-width:540px) {
    .kiraka_main .main_grid2 .nn_col {
        padding: 0 15px
    }
}

.kiraka_main .main_grid2 .brand_box {
    position: absolute;
    top: 0;
    right: 0;
    width: 270px;
    height: 260px;
    float: left;
    text-align: center
}

@media (max-width:1366px) {
    .kiraka_main .main_grid2 .brand_box {
        width: 225px;
        height: 225px
    }
}

@media (max-width:540px) {
    .kiraka_main .main_grid2 .brand_box {
        width: 188px;
        height: 188px
    }
}

.kiraka_main .main_grid2 .brand_box .brand_head {
    color: #d33;
    margin-bottom: 12px;
    font-size: 40px;
    font-weight: 900;
    line-height: 1;
    margin-top: 60px
}

@media (max-width:540px) {
    .kiraka_main .main_grid2 .brand_box .brand_head {
        font-size: 36px
    }
}

.kiraka_main .main_grid2 .brand_box .brand_text {
    color: #2f2f2f;
    font-size: 30px;
    font-weight: normal;
    line-height: 1
}

@media (max-width:1366px) {
    .kiraka_main .main_grid2 .brand_box .brand_text {
        font-size: 26px
    }
}

@media (max-width:540px) {
    .kiraka_main .main_grid2 .brand_box .brand_text {
        font-size: 20px
    }
}

.kiraka_main .main_grid2 img {
    width: 100%
}

.kiraka_main .main_grid2 .img_box {
    box-shadow: -8px 17px 18px 0 rgba(0, 0, 0, 0.3);
    margin-bottom: 20px
}

.kiraka_main .main_grid2 .area_box {
    width: 270px;
    height: 266px;
    float: left;
    text-align: center
}

@media (max-width:1366px) {
    .kiraka_main .main_grid2 .area_box {
        width: 225px;
        height: 225px
    }
}

@media (max-width:540px) {
    .kiraka_main .main_grid2 .area_box {
        width: 100%;
        height: auto;
        margin: 30px 0
    }
}

.kiraka_main .main_grid2 .area_box .area_head {
    color: #d33;
    margin-bottom: 12px;
    font-size: 40px;
    font-weight: 900;
    line-height: 1;
    margin-top: 90px
}

@media (max-width:540px) {
    .kiraka_main .main_grid2 .area_box .area_head {
        margin-top: 0
    }
}

.kiraka_main .main_grid2 .area_box .area_text {
    color: #2f2f2f;
    font-size: 30px;
    font-weight: normal;
    line-height: 1
}

@media (max-width:1366px) {
    .kiraka_main .main_grid2 .area_box .area_text {
        font-size: 26px
    }
}

.kiraka_story {
    background-image: url(/static/themes/nano_lite/images/kiraka_story_bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    padding: 100px 0
}

@media (max-width:540px) {
    .kiraka_story {
        text-align: center
    }
}

.kiraka_story .story_head {
    color: #fff;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 30px;
    letter-spacing: 5px;
    line-height: 1.5;
    display: block;
    position: relative
}

@media (max-width:540px) {
    .kiraka_story .story_head {
        text-align: left
    }
}

.kiraka_story .story_head::after {
    height: 3px;
    background: #fff;
    content: '';
    width: 10%;
    margin-top: 10px;
    display: block
}

.kiraka_story img {
    width: 100%
}

.kiraka_story .since_date {
    font-size: 70px;
    color: #fff;
    font-weight: 900;
    letter-spacing: 1px;
    position: absolute;
    top: 37%;
    left: 0;
    text-shadow: 0 25px 5px rgba(0, 0, 0, 0.2)
}

@media (max-width:1366px) {
    .kiraka_story .since_date {
        font-size: 50px
    }
}

.kiraka_story .now_date {
    font-size: 40px;
    font-weight: 600;
    color: #fff;
    position: absolute;
    bottom: -20px;
    left: 66.666%;
    text-shadow: 0 15px 5px rgba(0, 0, 0, 0.2)
}

.kiraka_story .story_text {
    color: #fff;
    font-size: 24px;
    line-height: 1.5;
    text-align: right;
    width: 66%;
    top: 50%;
    left: 80%;
    transform: translateY(-50%);
    position: absolute
}

@media (max-width:1366px) {
    .kiraka_story .story_text {
        top: 55%;
        font-size: 19px
    }
}

@media (max-width:540px) {
    .kiraka_story .story_text {
        position: relative;
        text-align: center;
        margin: 30px 0;
        transform: none;
        width: 100%;
        left: auto;
        right: auto;
        top: auto
    }
}

.kiraka_story .story_text span {
    font-size: 22px;
    font-weight: 600;
    display: block
}

.kiraka_story .story_btn {
    position: absolute;
    right: -70%;
    bottom: 0;
    width: 290px;
    height: 55px;
    line-height: 55px;
    background-color: #fff;
    text-align: center;
    font-size: 16px;
    color: #2f2f2f;
    font-weight: 600;
    box-shadow: -8px 17px 18px 0 rgba(0, 0, 0, 0.3)
}

@media (max-width:1366px) {
    .kiraka_story .story_btn {
        right: -46%
    }
}

@media (max-width:540px) {
    .kiraka_story .story_btn {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        top: auto;
        transform: none;
        display: inline-block;
        float: none;
        margin: 0 auto
    }
}

.kiraka_sub {
    background-image: url(/static/themes/nano_lite/images/kiraka_sub_bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 130px 0
}

.kiraka_sub .sub_head {
    color: #2e303f;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 25px;
    margin-top: 110px;
    line-height: 1.5;
    letter-spacing: .5px;
    display: block;
    position: relative
}

.kiraka_sub .sub_head::after {
    content: '';
    height: 3px;
    background: #2e303f;
    width: 20%;
    display: block;
    margin-top: 10px
}

.kiraka_sub .sub_title {
    color: #fff;
    font-size: 30px;
    line-height: 1.5;
    letter-spacing: .5px
}

.kiraka_sub .sub_text {
    color: #fff;
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 20px
}

.kiraka_sub .sub_btn {
    font-size: 14px;
    text-transform: uppercase;
    padding-bottom: 5px;
    color: #2e303f;
    font-weight: 600;
    letter-spacing: 1px;
    position: relative
}

.kiraka_sub .sub_btn::before {
    content: '\f101';
    font-family: 'FontAwesome';
    font-size: 18px;
    color: #2e303f;
    display: inline-block;
    left: 0;
    top: 0;
    margin-right: 10px
}

.kiraka_sub .sub_btn::after {
    content: '';
    height: 2px;
    width: 8%;
    background: #2e303f;
    display: block;
    bottom: 0;
    left: 0;
    margin-top: 5px;
    margin-left: 21px
}

.kiraca_news {
    background-color: #ffc5c5;
    padding: 100px 0;
    position: relative
}

.kiraca_news .news_head {
    color: #2e303f;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 30px;
    letter-spacing: 5px;
    line-height: 1.5;
    display: block;
    position: relative
}

.kiraca_news .news_head::after {
    height: 3px;
    background: #2e303f;
    display: block;
    margin-top: 10px;
    content: '';
    width: 10%
}

.kiraca_news .new_box {
    width: 100%;
    height: auto;
    position: relative
}

.kiraca_news .new_box .news_meta {
    display: block;
    float: left;
    text-align: center
}

.kiraca_news .new_box .news_meta .meta_month {
    color: #585858;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px
}

.kiraca_news .new_box .news_meta .meta_date {
    color: #2e303f;
    font-size: 70px;
    font-weight: 600;
    margin-bottom: 15px
}

.kiraca_news .new_box .news_meta .meta_year {
    font-size: 18px;
    color: #2f2f2f;
    font-weight: 600
}

.kiraca_news .new_box .news_image a img {
    width: 100%;
    box-shadow: -8px 17px 18px 0 rgba(0, 0, 0, 0.3)
}

.kiraca_news .new_box .title_box {
    padding: 30px;
    position: absolute;
    bottom: 0;
    left: 15px;
    width: 70%;
    background-color: #fff;
    box-sizing: border-box;
    margin: 0 auto;
    box-shadow: -8px 12px 18px 2px rgba(0, 0, 0, 0.1);
    transition: .3s all ease-in-out
}

.kiraca_news .new_box .title_box::before {
    content: '';
    height: 84px;
    background: #2e303f;
    width: 5px;
    position: absolute;
    left: 0;
    top: 0;
    transition: .3s all ease-in-out
}

.kiraca_news .new_box .title_box .news_title {
    color: #2e303f;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: .5px
}

.kiraca_news .new_box .title_box:hover {
    transition: .3s all ease-in-out;
    left: -10px
}

.kiraca_news .new_btn_box {
    width: 100%;
    display: block;
    height: auto;
    margin-top: 70px;
    padding-left: 200px;
    position: relative
}

.kiraca_news .new_btn_box .news_btn {
    font-size: 14px;
    text-transform: uppercase;
    padding-bottom: 5px;
    color: #2e303f;
    font-weight: 600;
    letter-spacing: 1px;
    position: relative
}

.kiraca_news .new_btn_box .news_btn::before {
    content: '\f101';
    font-family: 'FontAwesome';
    font-size: 18px;
    color: #2e303f;
    display: inline-block;
    left: 0;
    top: 0;
    margin-right: 10px
}

.kiraca_news .new_btn_box .news_btn::after {
    content: '';
    height: 2px;
    width: 5.7%;
    background: #2e303f;
    display: block;
    bottom: 0;
    left: 0;
    margin-top: 5px;
    margin-left: 21px
}

.kiraka_footer {
    background-color: #2e303f;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative
}

.kiraka_footer .main_footer {
    padding: 100px 0 50px
}

.kiraka_footer .main_footer .footer_head {
    color: #fff;
    font-size: 22px;
    letter-spacing: .5px;
    line-height: 1.5;
    margin-bottom: 25px
}

.kiraka_footer .main_footer .footer_text {
    color: #2f2f2f;
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 1.8;
    padding: 35px 30px;
    background-color: #fff;
    border-radius: 15px;
    border: 2px dashed #2e303f
}

.kiraka_footer .main_footer .footer_about {
    color: #fff;
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 1.8
}

.kiraka_footer .main_footer .footer_add {
    margin: 15px 0
}

.kiraka_footer .main_footer .footer_add .add_group {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    color: #fff;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #fff;
    border-radius: 5px
}

.kiraka_footer .main_footer .footer_add .add_group .fa {
    margin-right: 15px;
    font-size: 18px;
    display: inline-block;
    height: 38px;
    line-height: 38px;
    text-align: center;
    width: 40px;
    background-color: #fff;
    color: #2e303f
}

.kiraka_footer .main_footer .footer_add .add_group span {
    display: inline-block
}

.kiraka_footer .main_footer .footer_btn {
    display: block;
    width: 100%;
    margin-top: 25px
}

@media (max-width:540px) {
    .kiraka_footer .main_footer .footer_btn {
        margin-bottom: 30px
    }
}

.kiraka_footer .main_footer .footer_btn .click {
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    background-color: #fff;
    color: #2e303f;
    margin-right: 15px;
    display: inline-block;
    border-radius: 8px;
    font-size: 16px;
    letter-spacing: 1px;
    transition: .3s all ease-in-out
}

.kiraka_footer .main_footer .footer_btn .click:hover {
    background-color: #d33;
    color: #fff;
    transition: .3s all ease-in-out
}

.kiraka_footer .main_footer .footer_btn .click:last-child {
    margin-right: 0
}

.kiraka_footer .main_footer .footer_cat {
    padding: 0;
    margin: 0;
    list-style: none
}

.kiraka_footer .main_footer .footer_cat li {
    display: block;
    margin-bottom: 20px
}

.kiraka_footer .main_footer .footer_cat li a {
    font-size: 14px;
    color: #fff;
    display: inline-block;
    transition: .3s all ease-in-out
}

.kiraka_footer .main_footer .footer_cat li a::before {
    content: '\f054';
    font-family: 'FontAwesome';
    display: inline-block;
    margin-right: 10px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
    transition: .3s all ease-in-out
}

.kiraka_footer .main_footer .footer_cat li a:hover {
    color: #d33;
    transition: .3s all ease-in-out
}

.kiraka_footer .main_footer .footer_copy {
    margin-top: 50px;
    width: 100%;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    padding-top: 50px
}

@media (max-width:540px) {
    .kiraka_footer .main_footer .footer_copy {
        display: block
    }
}

.kiraka_footer .main_footer .footer_copy a {
    display: inline-block;
    background-color: #fff;
    padding: 10px;
    vertical-align: middle
}

.kiraka_footer .main_footer .footer_copy .copy_text {
    display: inline-block;
    margin: 0 auto;
    vertical-align: middle;
    font-size: 14px;
    letter-spacing: .5px;
    color: #fff;
    padding-left: 20px
}

.kiraka_common {
    background-image: url(/static/themes/nano_lite/images/kiraka_common_banner.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding-top: 280px;
    padding-bottom: 200px;
    text-align: center;
    position: relative
}

@media (max-width:540px) {
    .kiraka_common {
        padding-top: 200px;
        padding-bottom: 110px;
        text-align: center
    }
}

.kiraka_common .common_header {
    font-size: 40px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.5;
    color: #fff
}

@media (max-width:540px) {
    .kiraka_common .common_header {
        font-size: 36px
    }
}

.kiraka_common .scroll_icon {
    width: 75px;
    height: 75px;
    padding: 12px 0;
    text-align: center;
    position: absolute;
    left: -252px;
    bottom: -275px;
    background-color: #d33;
    z-index: 1
}

.kiraka_contact {
    background-image: url(/static/themes/nano_lite/images/kiraka_form_bg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 100px 0;
    text-align: center
}

.kiraka_contact .contact_head {
    font-size: 35px;
    font-weight: 600;
    color: #2f2f2f;
    letter-spacing: 1px;
    line-height: 1.5;
    margin-bottom: 10px
}

.kiraka_contact .contact_text {
    font-size: 28px;
    color: #2f2f2f;
    letter-spacing: 1px;
    line-height: 1.5;
    margin-bottom: 30px
}

.kiraka_contact .kiraka_form {
    width: 100%;
    height: auto;
    margin: 20px 0;
    padding: 0 100px;
    position: relative;
    display: inline-block
}

@media (max-width:540px) {
    .kiraka_contact .kiraka_form {
        padding: 0
    }
}

.kiraka_contact .kiraka_form input,
.kiraka_contact .kiraka_form textarea {
    width: 100%;
    height: 55px;
    line-height: 55px;
    text-align: left;
    margin-bottom: 30px;
    color: #585858;
    background-color: transparent;
    border: 0;
    box-shadow: none;
    outline: none;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    border-bottom: 2px solid #585858;
    transition: .3s all ease-in-out
}

.kiraka_contact .kiraka_form input::-webkit-input-placeholder,
.kiraka_contact .kiraka_form textarea::-webkit-input-placeholder {
    color: #585858
}

.kiraka_contact .kiraka_form input::-moz-placeholder,
.kiraka_contact .kiraka_form textarea::-moz-placeholder {
    color: #585858
}

.kiraka_contact .kiraka_form input:-ms-input-placeholder,
.kiraka_contact .kiraka_form textarea:-ms-input-placeholder {
    color: #585858
}

.kiraka_contact .kiraka_form input:-moz-placeholder,
.kiraka_contact .kiraka_form textarea:-moz-placeholder {
    color: #585858
}

.kiraka_contact .kiraka_form input:focus,
.kiraka_contact .kiraka_form textarea:focus {
    border-bottom: 2px solid #2e303f;
    transition: .3s all ease-in-out
}

.kiraka_contact .kiraka_form input:focus::-webkit-input-placeholder,
.kiraka_contact .kiraka_form textarea:focus::-webkit-input-placeholder {
    color: #2e303f
}

.kiraka_contact .kiraka_form input:focus::-moz-placeholder,
.kiraka_contact .kiraka_form textarea:focus::-moz-placeholder {
    color: #2e303f
}

.kiraka_contact .kiraka_form input:focus:-ms-input-placeholder,
.kiraka_contact .kiraka_form textarea:focus:-ms-input-placeholder {
    color: #2e303f
}

.kiraka_contact .kiraka_form input:focus:-moz-placeholder,
.kiraka_contact .kiraka_form textarea:focus:-moz-placeholder {
    color: #2e303f
}

.kiraka_contact .kiraka_form textarea {
    height: 100px;
    line-height: 100px;
    resize: none;
    overflow: hidden;
    transition: .3s all ease-in-out
}

.kiraka_contact .kiraka_form button {
    height: 55px;
    line-height: 55px;
    display: inline-block;
    padding: 0 40px;
    background-color: #2e303f;
    border-radius: 5px;
    box-shadow: none;
    border: none;
    outline: none;
    text-align: center;
    font-size: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    margin-top: 30px;
    transition: .3s all ease-in-out
}

.kiraka_contact .kiraka_form button:hover {
    transition: .3s all ease-in-out;
    box-shadow: 0 0 20px rgba(106, 191, 102, 0.74901961)
}

.kiraka_add {
    background-color: #a31d00;
    padding: 80px 0;
    position: relative
}

.kiraka_add .address_box {
    background-color: #fff;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(158, 158, 158, 0.25098039);
    height: 320px;
    overflow: hidden
}

@media (max-width:540px) {
    .kiraka_add .address_box {
        margin-bottom: 30px
    }
}

.kiraka_add .address_box .box_head {
    font-size: 25px;
    color: #2f2f2f;
    font-weight: 600;
    margin-bottom: 20px;
    letter-spacing: 1px;
    line-height: 1.5;
    text-transform: uppercase
}

.kiraka_add .address_box .box_text {
    margin-bottom: 20px;
    display: table
}

.kiraka_add .address_box .box_text .fa {
    font-size: 20px;
    color: #2e303f;
    padding-right: 10px;
    display: table-cell;
    vertical-align: middle;
    width: 30px;
    height: 30px
}

.kiraka_add .address_box .box_text span {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.5
}

.kiraka_cat {
    background-color: #fff;
    padding: 100px 0;
    position: relative
}

.kiraka_cat .cat_menu {
    padding-top: 0;
    padding-bottom: 70px;
    background-color: transparent;
    position: relative;
    width: 100%;
    height: auto;
    text-align: center
}

.kiraka_cat .cat_menu ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.kiraka_cat .cat_menu ul li {
    list-style: none;
    display: inline-block;
    margin-right: 20px
}

@media (max-width:540px) {
    .kiraka_cat .cat_menu ul li {
        display: block;
        margin-right: 0;
        margin-bottom: 40px
    }
}

.kiraka_cat .cat_menu ul li:last-child {
    margin-right: 0
}

@media (max-width:540px) {
    .kiraka_cat .cat_menu ul li:last-child {
        margin-bottom: 0
    }
}

.kiraka_cat .cat_menu ul li a {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .5px;
    padding: 14px 20px;
    border-radius: 5px;
    text-align: center;
    background-color: #2e303f;
    position: relative;
    bottom: 0;
    transition: .3s all ease-in-out
}

.kiraka_cat .cat_menu ul li a.active,
.kiraka_cat .cat_menu ul li a:hover {
    transition: .3s all ease-in-out;
    box-shadow: -1px 9px 20px 0 rgba(154, 154, 154, 0.32941176)
}

.kiraka_cat .cat_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 50px
}

.kiraka_cat .cat_box .cat_img {
    position: relative
}

.kiraka_cat .cat_box .cat_img a img {
    width: 100%;
    max-height: 380px;
    object-fit: cover;
    overflow: hidden;
    box-shadow: -8px 17px 18px 0 rgba(0, 0, 0, 0.3)
}

.kiraka_cat .cat_box .cat_title {
    height: 85px;
    line-height: 85px;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 70%;
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: -8px 12px 18px 2px rgba(0, 0, 0, 0.1);
    transition: .3s all ease-in-out
}

.kiraka_cat .cat_box .cat_title::before {
    content: '';
    background: #2e303f;
    width: 5px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: .3s all ease-in-out
}

.kiraka_cat .cat_box .cat_title .slider_title {
    height: 85px;
    line-height: 85px;
    display: inline-block;
    width: 100%;
    padding: 0 20px;
    color: #2f2f2f;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .5px;
    transition: .3s all ease-in-out
}

.kiraka_cat .cat_box .cat_title:hover {
    transition: .3s all ease-in-out
}

.kiraka_cat.kozan_cat .cat_menu ul li a {
    height: 50px;
    line-height: 45px;
    padding: 0 25px;
    background-color: transparent;
    color: #585858;
    border: 3px solid #e1e1e1;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px
}

.kiraka_cat.kozan_cat .cat_menu ul li a.active,
.kiraka_cat.kozan_cat .cat_menu ul li a:hover {
    border: 3px solid #d33;
    color: #d33
}

.kiraka_cat.kozan_cat .cat_box .cat_title {
    height: auto;
    line-height: normal;
    padding: 15px 0
}

.kiraka_cat.kozan_cat .cat_box .cat_title .slider_title {
    height: auto;
    line-height: normal;
    margin-bottom: 15px
}

.kiraka_cat.kozan_cat .cat_box .cat_title .slider_text {
    color: #585858;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    padding: 0 20px
}

.kiraka_cat.kozan_cat .cat_box .cat_title .slider_text p {
    margin: 0
}

.detail_box {
    padding: 30px 0
}

.detail_box .slider_title {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.5;
    margin-bottom: 30px;
    position: relative
}

@media (max-width:990px) {
    .detail_box .slider_title {
        font-size: 22px
    }
}

.detail_box .slider_title::after {
    content: '';
    height: 3px;
    width: 100px;
    background: #2e303f;
    display: block;
    margin-top: 10px
}

.detail_box p {
    color: #585858;
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 15px
}

@media (max-width:540px) {
    .detail_box p {
        text-align: justify
    }
}

.detail_box ul {
    padding: 0;
    margin: 0;
    list-style: disc
}

.detail_box ul li {
    margin-bottom: 10px;
    list-style: disc;
    color: #2f2f2f;
    font-size: 14px
}

.detail_box img {
    width: 100%;
    height: auto;
    box-shadow: -10px 14px 17px 8px rgba(0, 0, 0, 0.2);
    margin-bottom: 30px
}

.detail_box.box_dupe img {
    width: 400px;
    height: 400px;
    object-fit: contain;
    float: right
}

@media (max-width:990px) {
    .detail_box.box_dupe img {
        float: none
    }
}

.nano_header {
    height: 70px;
    line-height: 70px;
    padding: 0;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 101;
    background-color: #fff;
    border-bottom: 1px solid rgba(221, 51, 51, 0.2);
    transition: .3s all ease-in-out
}

.nano_header .navbar {
    height: 70px;
    line-height: 70px;
    background-color: transparent;
    border-radius: 0;
    border: none;
    margin: 0;
    padding: 0
}

.nano_header .navbar .navbar-header {
    position: relative;
    width: 100%;
    height: 70px
}

.nano_header .navbar .navbar-header .logo_head {
    height: 70px;
    width: auto;
    margin-left: -15px;
    display: inline-block;
    background-color: #d33;
    padding: 5px 25px
}

@media (max-width:540px) {
    .nano_header .navbar .navbar-header .logo_head {
        margin: 0;
        padding: 5px;
        position: absolute;
        top: 0;
        left: -30px
    }
}

@media (max-width:320px) {
    .nano_header .navbar .navbar-header .logo_head {
        margin: 0;
        padding: 8px 0;
        position: absolute;
        top: 0;
        left: -30px;
        width: 180px
    }
}

.nano_header .navbar .navbar-header .logo_head a {
    height: 70px;
    line-height: 70px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    outline: none
}

.nano_header .navbar .navbar-header .header-lang {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%)
}

@media (max-width:540px) {
    .nano_header .navbar .navbar-header .header-lang {
        right: 25%
    }
}

@media (max-width:320px) {
    .nano_header .navbar .navbar-header .header-lang {
        right: 27%
    }
}

.nano_header .navbar .navbar-header .header-lang li {
    list-style: none;
    display: inline-block;
    margin-right: 10px
}

.nano_header .navbar .navbar-header .header-lang li::after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 20px;
    background: #2f2f2f;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%)
}

.nano_header .navbar .navbar-header .header-lang li:last-child {
    margin-right: 0
}

.nano_header .navbar .navbar-header .header-lang li:last-child::after {
    display: none
}

.nano_header .navbar .navbar-header .header-lang li a {
    color: #2f2f2f;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: .3s all ease-in-out
}

.nano_header .navbar .navbar-header .header-lang li a.active,
.nano_header .navbar .navbar-header .header-lang li a:hover {
    transition: .3s all ease-in-out;
    color: #d33
}

.nano_header .navbar .navbar-header .navbar-toggle {
    display: block;
    position: absolute;
    right: -15px;
    top: 0;
    padding: 0 25px;
    margin: 0;
    background-color: #d33;
    border: 0;
    outline: none;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 0;
    z-index: 102
}

@media (max-width:540px) {
    .nano_header .navbar .navbar-header .navbar-toggle {
        right: 0
    }
}

.nano_header .navbar .navbar-header .navbar-toggle .icon-bar {
    background-color: #fff;
    position: relative;
    width: 20px;
    height: 3px;
    transition: .3s all ease-in-out
}

.nano_header .navbar .navbar-header .navbar-toggle .icon-bar.top_bar {
    transform: rotate(45deg);
    top: 7px
}

.nano_header .navbar .navbar-header .navbar-toggle .icon-bar.middle_bar {
    opacity: 0
}

.nano_header .navbar .navbar-header .navbar-toggle .icon-bar.bottom_bar {
    transform: rotate(-45deg);
    bottom: 7px
}

.nano_header .navbar .navbar-header .navbar-toggle.collapsed .icon-bar {
    background-color: #fff;
    width: 20px;
    height: 3px;
    transition: .3s all ease-in-out
}

.nano_header .navbar .navbar-header .navbar-toggle.collapsed .icon-bar.top_bar {
    transform: translateX(-15%);
    top: 0
}

.nano_header .navbar .navbar-header .navbar-toggle.collapsed .icon-bar.middle_bar {
    transform: translateX(15%);
    opacity: 1
}

.nano_header .navbar .navbar-header .navbar-toggle.collapsed .icon-bar.bottom_bar {
    transform: translateX(-15%);
    bottom: 0
}

.nano_header .navbar .navbar-header .navbar-toggle.collapsed:hover {
    transition: .3s all ease-in-out
}

.nano_header .navbar .navbar-header .navbar-toggle.collapsed:hover .top_bar {
    transform: translateX(0)
}

.nano_header .navbar .navbar-header .navbar-toggle.collapsed:hover .middle_bar {
    transform: translateX(0)
}

.nano_header .navbar .navbar-header .navbar-toggle.collapsed:hover .bottom_bar {
    transform: translateX(0)
}

.nano_header .navbar .navbar-collapse {
    position: absolute;
    right: -35%;
    top: 0;
    width: 35%;
    height: 100vh !important;
    z-index: 101;
    padding: 50px 0;
    background-color: #1a2026;
    transition: .3s all ease-in-out
}

@media (max-width:540px) {
    .nano_header .navbar .navbar-collapse {
        width: 100%;
        margin: 0
    }
}

.nano_header .navbar .navbar-collapse .megamenu {
    width: 100%;
    clear: both;
    text-align: right;
    float: left;
    padding: 0 30%
}

@media (max-width:540px) {
    .nano_header .navbar .navbar-collapse .megamenu {
        padding: 5% 15%
    }
}

.nano_header .navbar .navbar-collapse .megamenu.mega_nav .nav {
    padding: 0;
    margin: 0;
    list-style: none;
    opacity: 1;
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 1px solid #22272b
}

.nano_header .navbar .navbar-collapse .megamenu.mega_nav .nav li {
    display: block;
    list-style: none;
    float: none
}

.nano_header .navbar .navbar-collapse .megamenu.mega_nav .nav li a {
    color: #fff;
    line-height: 1.5;
    font-size: 28px;
    letter-spacing: .5px;
    font-weight: 600;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    transition: .3s all ease-in-out
}

.nano_header .navbar .navbar-collapse .megamenu.mega_nav .nav li a::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -1.5px;
    height: 3px;
    background: #d33;
    transition: .3s all ease-in-out;
    right: 0;
    left: initial;
    width: 0;
    opacity: 0;
    visibility: hidden
}

.nano_header .navbar .navbar-collapse .megamenu.mega_nav .nav li a.active,
.nano_header .navbar .navbar-collapse .megamenu.mega_nav .nav li a:hover {
    color: #d33;
    transition: .3s all ease-in-out
}

.nano_header .navbar .navbar-collapse .megamenu.mega_nav .nav li a.active::before,
.nano_header .navbar .navbar-collapse .megamenu.mega_nav .nav li a:hover::before {
    width: 100%;
    opacity: 1;
    visibility: visible
}

.nano_header .navbar .navbar-collapse .megamenu.mega_address {
    margin-top: 30px;
    margin-bottom: 30px
}

.nano_header .navbar .navbar-collapse .megamenu.mega_address ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.nano_header .navbar .navbar-collapse .megamenu.mega_address ul li {
    list-style: none;
    color: #585858;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    display: table;
    float: right;
    margin-bottom: 15px
}

.nano_header .navbar .navbar-collapse .megamenu.mega_address ul li i {
    font-size: 18px;
    width: 25px;
    display: table-cell
}

.nano_header .navbar .navbar-collapse .megamenu.mega_address ul li p {
    display: table-cell
}

.nano_header .navbar .navbar-collapse .megamenu.mega_btn {
    background-color: #2e303f;
    height: auto
}

.nano_header .navbar .navbar-collapse .megamenu.mega_btn a {
    background-color: transparent;
    border: 1px solid #e1e1e1;
    color: #e1e1e1;
    border-radius: 25px;
    padding: 0 35px;
    font-size: 18px;
    text-transform: uppercase;
    height: 55px;
    line-height: 55px;
    display: inline-block;
    letter-spacing: .5px;
    margin: 27% 0;
    transition: .3s all ease-in-out
}

.nano_header .navbar .navbar-collapse .megamenu.mega_btn a span {
    display: inline-block;
    margin-right: 10px
}

.nano_header .navbar .navbar-collapse .megamenu.mega_btn a span:last-child {
    margin-right: 0
}

.nano_header .navbar .navbar-collapse .megamenu.mega_btn a:hover {
    border: 1px solid #1a2026;
    background-color: #1a2026;
    color: #d33;
    transition: .3s all ease-in-out
}

.nano_header .navbar .navbar-collapse.collapse {
    transition: .3s all ease-in-out
}

.nano_header .navbar .navbar-collapse.collapse .nav {
    opacity: 0
}

.nano_header .navbar .navbar-collapse.in {
    top: 0;
    right: 0;
    text-align: center;
    background-color: #1a2026;
    transition: .5s all ease-in-out
}

.nano_banner {
    background-color: #fff;
    position: relative;
    padding: 70px 55px 0 0;
    margin: 0;
    width: 100%;
    height: 938px
}

@media (max-width:1366px) {
    .nano_banner {
        height: 770px
    }
}

.nano_banner .banner_content {
    position: relative;
    margin: 134px 100px
}

@media (max-width:540px) {
    .nano_banner .banner_content {
        margin: 40px 0
    }
}

.nano_banner .banner_content .content_head {
    color: #2f2f2f;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 70px;
    padding-left: 30px;
    position: relative
}

@media (max-width:540px) {
    .nano_banner .banner_content .content_head {
        margin-bottom: 30px
    }
}

.nano_banner .banner_content .content_head::before {
    content: '';
    height: 2px;
    background: #d33;
    width: 20px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.nano_banner .banner_content img {
    width: auto;
    height: auto
}

@media (max-width:540px) {
    .nano_banner .banner_content img {
        width: 70%
    }
}

.nano_banner .banner_content .content_text {
    font-size: 38px;
    color: #2f2f2f;
    letter-spacing: .5px;
    line-height: 1.2;
    width: 80%;
    margin: 40px 0
}

@media (max-width:540px) {
    .nano_banner .banner_content .content_text {
        font-size: 28px;
        margin: 20px 0;
        width: 100%
    }
}

@media (max-width:1366px) {
    .nano_banner .banner_content .content_text {
        width: 100%;
        font-size: 28px;
        margin: 30px 0
    }
}

.nano_banner .banner_content .content_btn {
    height: 55px;
    line-height: 55px;
    display: inline-block;
    padding: 0 30px;
    background-color: #a31d00;
    color: #d33;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .5px;
    border-radius: 35px;
    transition: .3s all ease-in-out
}

.nano_banner .banner_content .content_btn:hover {
    background-color: #d33;
    color: #a31d00;
    transition: .3s all ease-in-out
}

.nano_banner .nano_carousel {
    height: auto;
    position: relative;
    z-index: 2
}

.nano_banner .nano_carousel .owl-carousel .owl-item {
    height: auto
}

.nano_banner .nano_carousel .owl-carousel .owl-item img {
    width: 100%;
    height: 790px;
    object-fit: cover
}

@media (max-width:540px) {
    .nano_banner .nano_carousel .owl-carousel .owl-item img {
        height: 420px
    }
}

@media (max-width:1366px) {
    .nano_banner .nano_carousel .owl-carousel .owl-item img {
        height: 620px
    }
}

.nano_banner .nano_carousel .owl-carousel .owl-item .carousel-caption {
    text-align: left;
    color: #fff;
    left: 50px;
    bottom: 20px;
    right: auto
}

@media (max-width:540px) {
    .nano_banner .nano_carousel .owl-carousel .owl-item .carousel-caption {
        left: 20px;
        bottom: 20px;
        padding: 0
    }
}

.nano_banner .nano_carousel .owl-carousel .owl-item .carousel-caption .slider_title {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.5;
    text-transform: uppercase;
    display: block;
    position: relative;
    width: 40%
}

@media (max-width:540px) {
    .nano_banner .nano_carousel .owl-carousel .owl-item .carousel-caption .slider_title {
        font-size: 14px;
        width: 100%
    }
}

.nano_banner .nano_carousel .owl-carousel .owl-item .carousel-caption .slider_title::before {
    content: '';
    height: 7px;
    display: block;
    width: 60px;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 10px
}

.nano_banner .nano_carousel .owl-carousel .owl-item .carousel-caption .slider_text {
    font-size: 16px;
    letter-spacing: .5px;
    line-height: 1.5;
    margin-bottom: 15px;
    display: block;
    width: 40%;
    margin: 15px 0
}

@media (max-width:540px) {
    .nano_banner .nano_carousel .owl-carousel .owl-item .carousel-caption .slider_text {
        font-size: 25px;
        width: 100%;
        margin: 10px 0
    }
}

.nano_banner .nano_carousel .owl-carousel .owl-item .carousel-caption .slider_button {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2px;
    position: relative;
    padding-right: 55px;
    display: inline-block;
    margin-top: 10px
}

@media (max-width:540px) {
    .nano_banner .nano_carousel .owl-carousel .owl-item .carousel-caption .slider_button {
        font-size: 14px
    }
}

.nano_banner .nano_carousel .owl-carousel .owl-item .carousel-caption .slider_button::after {
    content: '';
    height: 2px;
    width: 45px;
    display: inline-block;
    background: #fff;
    position: absolute;
    top: 50%;
    right: 0
}

.nano_banner .nano_carousel .owl-carousel .owl-nav,
.nano_banner .nano_carousel .owl-carousel .owl-buttons {
    width: 100%;
    position: absolute;
    top: 20%;
    left: -20px
}

@media (max-width:540px) {

    .nano_banner .nano_carousel .owl-carousel .owl-nav,
    .nano_banner .nano_carousel .owl-carousel .owl-buttons {
        display: none
    }
}

.nano_banner .nano_carousel .owl-carousel .owl-nav .owl-prev,
.nano_banner .nano_carousel .owl-carousel .owl-buttons .owl-prev {
    position: absolute;
    left: 0;
    top: 80px;
    width: 45px;
    height: 75px;
    line-height: 75px;
    background-color: #d33;
    color: #fff;
    font-size: 25px;
    text-align: center;
    outline: none;
    border-radius: 0;
    opacity: 1;
    padding: 0;
    margin: 0;
    transition: .5s all ease-in-out
}

.nano_banner .nano_carousel .owl-carousel .owl-nav .owl-prev:hover,
.nano_banner .nano_carousel .owl-carousel .owl-buttons .owl-prev:hover {
    background-color: #2e303f;
    transition: .5s all ease-in-out
}

.nano_banner .nano_carousel .owl-carousel .owl-nav .owl-next,
.nano_banner .nano_carousel .owl-carousel .owl-buttons .owl-next {
    position: absolute;
    left: 0;
    top: 0;
    width: 45px;
    height: 75px;
    line-height: 75px;
    background-color: #d33;
    color: #fff;
    font-size: 25px;
    text-align: center;
    outline: none;
    border-radius: 0;
    opacity: 1;
    padding: 0;
    margin: 0;
    transition: .5s all ease-in-out
}

.nano_banner .nano_carousel .owl-carousel .owl-nav .owl-next:hover,
.nano_banner .nano_carousel .owl-carousel .owl-buttons .owl-next:hover {
    background-color: #2e303f;
    transition: .5s all ease-in-out
}

.nano_banner .nano_carousel .owl-carousel .owl-dots,
.nano_banner .nano_carousel .owl-carousel .owl-pagination {
    position: absolute;
    bottom: -57px;
    left: 17%
}

@media (max-width:540px) {

    .nano_banner .nano_carousel .owl-carousel .owl-dots,
    .nano_banner .nano_carousel .owl-carousel .owl-pagination {
        bottom: -53px;
        left: 23%
    }
}

.nano_banner .nano_carousel .owl-carousel .owl-dots .owl-dot,
.nano_banner .nano_carousel .owl-carousel .owl-pagination .owl-dot,
.nano_banner .nano_carousel .owl-carousel .owl-dots .owl-page,
.nano_banner .nano_carousel .owl-carousel .owl-pagination .owl-page {
    width: 15px;
    height: 15px;
    border-radius: 25px;
    background: #fff;
    margin-right: 10px;
    display: inline-block;
    outline: none;
    transition: .5s all ease-in-out
}

.nano_banner .nano_carousel .owl-carousel .owl-dots .owl-dot.active,
.nano_banner .nano_carousel .owl-carousel .owl-pagination .owl-dot.active,
.nano_banner .nano_carousel .owl-carousel .owl-dots .owl-page.active,
.nano_banner .nano_carousel .owl-carousel .owl-pagination .owl-page.active {
    background: linear-gradient(180deg, #2e303f, #d33);
    width: 35px;
    transition: .5s all ease-in-out
}

.nano_banner .nano_carousel .owl-carousel .owl-dots .owl-dot:hover,
.nano_banner .nano_carousel .owl-carousel .owl-pagination .owl-dot:hover,
.nano_banner .nano_carousel .owl-carousel .owl-dots .owl-page:hover,
.nano_banner .nano_carousel .owl-carousel .owl-pagination .owl-page:hover {
    background: linear-gradient(180deg, #2e303f, #d33)
}

.nano_banner .nano_carousel .owl-carousel .owl-dots .owl-dot span,
.nano_banner .nano_carousel .owl-carousel .owl-pagination .owl-dot span,
.nano_banner .nano_carousel .owl-carousel .owl-dots .owl-page span,
.nano_banner .nano_carousel .owl-carousel .owl-pagination .owl-page span {
    display: none
}

.nano_banner .black_bg {
    background-color: #000;
    position: absolute;
    top: 60%;
    right: -55px;
    width: 90%;
    height: 394px;
    z-index: 1
}

@media (max-width:540px) {
    .nano_banner .black_bg {
        top: 90%;
        width: 100%;
        height: 125px;
        left: 55px;
        right: auto
    }
}

@media (max-width:1366px) {
    .nano_banner .black_bg {
        height: 320px
    }
}

.nano_banner .black_bg .work_btn {
    position: absolute;
    bottom: 30px;
    right: 70px;
    color: #fff;
    padding-right: 20px;
    font-size: 16px;
    transition: .5s all ease-in-out
}

@media (max-width:540px) {
    .nano_banner .black_bg .work_btn {
        right: 20px
    }
}

.nano_banner .black_bg .work_btn::after {
    content: '\f009';
    font-family: 'FontAwesome';
    color: #fff;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: .5s all ease-in-out
}

.nano_service {
    position: relative;
    background-color: #fff;
    padding: 100px 0 50px
}

@media (max-width:540px) {
    .nano_service {
        padding: 100px 0 0
    }
}

@media (max-width:1366px) {
    .nano_service {
        padding: 80px 0 30px
    }
}

.nano_service .service_meta {
    display: inline-block;
    color: #2f2f2f;
    position: relative;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    padding-left: 40px
}

.nano_service .service_meta::before {
    content: '';
    display: inline-block;
    height: 2px;
    width: 30px;
    background: #d33;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.nano_service .service_head {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.3;
    color: #2f2f2f;
    margin: 25px 0
}

@media (max-width:540px) {
    .nano_service .service_head {
        font-size: 25px
    }
}

.nano_service .service_text {
    font-size: 21px;
    letter-spacing: .5px;
    line-height: 1.5;
    color: #888;
    margin-bottom: 35px
}

@media (max-width:540px) {
    .nano_service .service_text {
        font-size: 16px;
        margin-bottom: 20px
    }
}

.nano_service .service_btn {
    display: inline-block;
    color: #2f2f2f;
    position: relative;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    padding-right: 40px;
    transition: .3s all ease-in-out
}

@media (max-width:540px) {
    .nano_service .service_btn {
        margin-bottom: 40px
    }
}

.nano_service .service_btn::after {
    content: '';
    display: inline-block;
    height: 2px;
    width: 30px;
    background: #d33;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s all ease-in-out
}

.nano_service .service_btn:hover {
    padding-right: 70px;
    margin-left: 10px;
    transition: .3s all ease-in-out
}

.nano_service .service_btn:hover::after {
    width: 60px;
    transition: .3s all ease-in-out
}

.nano_service .service_box {
    padding: 80px 30px;
    position: relative;
    background-color: #fff;
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.07843137);
    border-radius: 10px;
    text-align: center;
    display: inline-block;
    width: 90%;
    height: 365px;
    transition: .3s all ease-in-out
}

@media (max-width:540px) {
    .nano_service .service_box {
        width: 100%;
        margin-bottom: 30px;
        height: auto
    }
}

.nano_service .service_box img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    position: relative;
    top: 0;
    transition: .3s all ease-in-out
}

.nano_service .service_box .box_head {
    display: block;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.5;
    color: #2f2f2f;
    margin-top: 25px;
    transition: .3s all ease-in-out
}

.nano_service .service_box:hover {
    box-shadow: 0 0 20px 5px #a31d00;
    transition: .3s all ease-in-out
}

.nano_service .service_box:hover .box_head {
    color: #d33
}

.nano_service .service_box:hover img {
    top: -15px
}

.nano_about {
    padding: 50px 0;
    background-color: #fff;
    position: relative
}

@media (max-width:540px) {
    .nano_about {
        padding: 50px 0
    }
}

.nano_about img {
    width: 100%;
    height: auto
}

.nano_about .about_box.about_margin {
    margin-top: 100px
}

@media (max-width:540px) {
    .nano_about .about_box.about_margin {
        margin-top: 20px
    }
}

.nano_about .about_box .about_head {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.5;
    margin-bottom: 25px;
    color: #2f2f2f
}

@media (max-width:540px) {
    .nano_about .about_box .about_head {
        font-size: 21px
    }
}

.nano_about .about_box .about_bold {
    font-size: 21px;
    letter-spacing: .5px;
    line-height: 1.8;
    color: #888;
    margin-bottom: 25px;
    display: block
}

@media (max-width:540px) {
    .nano_about .about_box .about_bold {
        font-size: 16px
    }
}

.nano_about .about_box .about_text {
    font-size: 16px;
    letter-spacing: .5px;
    line-height: 1.8;
    margin-bottom: 15px;
    display: block;
    color: #2f2f2f
}

@media (max-width:540px) {
    .nano_about .about_box .about_text {
        font-size: 14px
    }
}

.nano_about .about_box .about_btn {
    display: inline-block;
    color: #2f2f2f;
    position: relative;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    padding-right: 40px;
    margin-top: 30px;
    transition: .3s all ease-in-out
}

.nano_about .about_box .about_btn::after {
    content: '';
    display: inline-block;
    height: 2px;
    width: 30px;
    background: #d33;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s all ease-in-out
}

.nano_about .about_box .about_btn:hover {
    padding-right: 70px;
    margin-left: 10px;
    transition: .3s all ease-in-out
}

.nano_about .about_box .about_btn:hover::after {
    width: 60px;
    transition: .3s all ease-in-out
}

.nano_process {
    background-color: #fff;
    position: relative;
    padding: 80px 0
}

@media (max-width:540px) {
    .nano_process {
        padding: 30px 0;
        text-align: center
    }
}

.nano_process .process_head {
    margin-bottom: 80px;
    font-size: 32px;
    color: #2f2f2f;
    line-height: 1.5;
    letter-spacing: .5px
}

@media (max-width:540px) {
    .nano_process .process_head {
        font-size: 23px;
        margin-bottom: 20px
    }
}

.nano_process .process_bg {
    width: 100%;
    position: relative;
    height: 700px
}

@media (max-width:540px) {
    .nano_process .process_bg {
        height: auto
    }
}

.nano_process .process_bg img {
    width: 100%;
    height: auto
}

.nano_process .process_box {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    padding: 50px
}

@media (max-width:540px) {
    .nano_process .process_box {
        padding: 20px 10px
    }
}

.nano_process .process_box ul {
    width: 50%;
    display: inline-block;
    float: left;
    margin-bottom: 50px
}

@media (max-width:540px) {
    .nano_process .process_box ul {
        width: 100%;
        margin-bottom: 20px
    }
}

.nano_process .process_box ul:last-of-type {
    width: 100%;
    margin-bottom: 0
}

.nano_process .process_box ul .list_head {
    font-size: 18px;
    font-weight: 600;
    color: #2f2f2f;
    letter-spacing: .5px;
    line-height: 1.5;
    margin-bottom: 20px
}

.nano_process .process_box ul li {
    display: block;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 500;
    color: #888;
    letter-spacing: .5px;
    line-height: 1.5
}

.nano_process .process_box .process_btn {
    height: 55px;
    line-height: 55px;
    display: inline-block;
    padding: 0 30px;
    background-color: #a31d00;
    color: #d33;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .5px;
    margin: 50px 0;
    border-radius: 35px;
    transition: .3s all ease-in-out
}

.nano_process .process_box .process_btn:hover {
    box-shadow: 0 0 20px #a31d00;
    transition: .3s all ease-in-out
}

.nano_choose {
    background-color: #ffc5c5;
    position: relative;
    padding: 80px 0
}

@media (max-width:540px) {
    .nano_choose {
        padding: 50px 0
    }
}

.nano_choose .choose_head {
    font-size: 38px;
    font-weight: 900;
    color: #2f2f2f;
    letter-spacing: .5px;
    line-height: 1.5;
    margin-bottom: 35px;
    display: block;
    position: relative;
    z-index: 999
}

@media (max-width:540px) {
    .nano_choose .choose_head {
        font-size: 28px
    }
}

.nano_choose .choose_head::after {
    content: '';
    height: 15px;
    width: 87%;
    background: rgba(221, 51, 51, 0.3);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1
}

@media (max-width:540px) {
    .nano_choose .choose_head::after {
        width: 58%
    }
}

.nano_choose .choose_meta {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.5;
    display: inline-block;
    margin-bottom: 25px;
    position: relative;
    padding-left: 40px
}

@media (max-width:540px) {
    .nano_choose .choose_meta {
        font-size: 16px
    }
}

.nano_choose .choose_meta::before {
    content: '';
    display: inline-block;
    height: 2px;
    width: 30px;
    background: #d33;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.nano_choose .choose_text {
    font-size: 17px;
    color: #888;
    letter-spacing: 1px;
    line-height: 1.9;
    font-weight: 500;
    margin-bottom: 15px
}

@media (max-width:540px) {
    .nano_choose .choose_text {
        font-size: 16px
    }
}

.nano_choose .choose_btn {
    height: 55px;
    line-height: 55px;
    display: inline-block;
    padding: 0 30px;
    background-color: #a31d00;
    color: #d33;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .5px;
    border-radius: 35px;
    margin-top: 30px;
    transition: .3s all ease-in-out
}

@media (max-width:540px) {
    .nano_choose .choose_btn {
        margin-top: 10px;
        margin-bottom: 30px
    }
}

.nano_choose .choose_btn:hover {
    box-shadow: 0 0 20px #a31d00;
    transition: .3s all ease-in-out
}

.nano_choose .choose_grid {
    display: table;
    position: relative;
    margin: 0 auto;
    margin-bottom: 50px;
    width: 85%
}

@media (max-width:540px) {
    .nano_choose .choose_grid {
        width: 100%;
        margin-bottom: 20px
    }
}

.nano_choose .choose_grid .grid_icon {
    display: table-cell;
    padding-right: 25px;
    padding-top: 10px;
    vertical-align: top
}

.nano_choose .choose_grid .grid_icon .fa {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 30px;
    background-color: #a31d00;
    color: #d33;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 5px 7px rgba(44, 182, 187, 0.22), 0 1px 2px rgba(44, 182, 187, 0.61)
}

.nano_choose .choose_grid .grid_head {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.5;
    margin-bottom: 10px;
    color: #2f2f2f
}

@media (max-width:540px) {
    .nano_choose .choose_grid .grid_head {
        font-size: 18px
    }
}

.nano_choose .choose_grid .grid_text {
    font-size: 17px;
    line-height: 1.8;
    letter-spacing: .5px;
    color: #888;
    text-align: justify
}

@media (max-width:540px) {
    .nano_choose .choose_grid .grid_text {
        font-size: 14px
    }
}

.nano_message {
    padding: 100px 0;
    background-color: #fff;
    position: relative
}

@media (max-width:540px) {
    .nano_message {
        padding: 50px 0 100px
    }
}

.nano_message .message_box {
    width: 100%;
    height: auto;
    box-shadow: 0 6px 19px 0 rgba(0, 0, 0, 0.11);
    position: relative;
    z-index: 1
}

.nano_message .message_box::before {
    content: '';
    width: 300px;
    height: 360px;
    background: #d33;
    position: absolute;
    left: -20px;
    top: -20px;
    z-index: -1
}

@media (max-width:540px) {
    .nano_message .message_box::before {
        display: none
    }
}

.nano_message .message_box::after {
    content: '';
    width: 300px;
    height: 360px;
    background: #2e303f;
    position: absolute;
    right: -20px;
    bottom: -20px;
    z-index: -1
}

@media (max-width:540px) {
    .nano_message .message_box::after {
        display: none
    }
}

.nano_message .message_box .text_box {
    display: inline-block;
    width: 100%;
    height: auto;
    background-color: #fff;
    padding: 60px 0 60px 60px
}

@media (max-width:540px) {
    .nano_message .message_box .text_box {
        padding: 40px
    }
}

.nano_message .message_box .text_box .message_meta {
    text-transform: uppercase;
    color: #2f2f2f;
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 25px;
    display: inline-block;
    position: relative;
    padding-left: 40px
}

@media (max-width:540px) {
    .nano_message .message_box .text_box .message_meta {
        font-size: 14px
    }
}

.nano_message .message_box .text_box .message_meta::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 2px;
    width: 30px;
    background: #d33
}

.nano_message .message_box .text_box .message_head {
    font-size: 32px;
    font-weight: 600;
    color: #2f2f2f;
    letter-spacing: .5px;
    line-height: 1.3;
    margin-bottom: 25px
}

@media (max-width:540px) {
    .nano_message .message_box .text_box .message_head {
        font-size: 28px
    }
}

.nano_message .message_box .text_box .message_text {
    color: #2f2f2f;
    font-size: 21px;
    letter-spacing: .5px;
    line-height: 1.8;
    margin-bottom: 25px
}

@media (max-width:540px) {
    .nano_message .message_box .text_box .message_text {
        font-size: 18px
    }
}

.nano_message .message_box .text_box .message_btn {
    display: inline-block;
    color: #2f2f2f;
    position: relative;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    padding-right: 40px;
    transition: .3s all ease-in-out
}

.nano_message .message_box .text_box .message_btn::after {
    content: '';
    display: inline-block;
    height: 2px;
    width: 30px;
    background: #d33;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s all ease-in-out
}

.nano_message .message_box .text_box .message_btn:hover {
    padding-right: 70px;
    margin-left: 10px;
    transition: .3s all ease-in-out
}

.nano_message .message_box .text_box .message_btn:hover::after {
    width: 60px;
    transition: .3s all ease-in-out
}

.nano_message .message_box .form_box {
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 60px;
    background-image: url(../images/nano_message_bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

@media (max-width:540px) {
    .nano_message .message_box .form_box {
        padding: 40px 30px
    }
}

.nano_message .message_box .form_box .message_form input,
.nano_message .message_box .form_box .message_form textarea {
    width: 100%;
    background-color: transparent;
    border: 0;
    outline: none;
    color: #fff;
    border-bottom: 2px solid #fff;
    height: 65px;
    line-height: 65px;
    padding: 0;
    font-size: 16px;
    letter-spacing: 1px;
    opacity: .85;
    margin-bottom: 35px;
    transition: .5s all ease-in-out
}

.nano_message .message_box .form_box .message_form input:focus,
.nano_message .message_box .form_box .message_form textarea:focus {
    opacity: 1;
    transition: .5s all ease-in-out
}

.nano_message .message_box .form_box .message_form input::-webkit-input-placeholder,
.nano_message .message_box .form_box .message_form textarea::-webkit-input-placeholder {
    color: #fff
}

.nano_message .message_box .form_box .message_form input::-moz-placeholder,
.nano_message .message_box .form_box .message_form textarea::-moz-placeholder {
    color: #fff
}

.nano_message .message_box .form_box .message_form input:-ms-input-placeholder,
.nano_message .message_box .form_box .message_form textarea:-ms-input-placeholder {
    color: #fff
}

.nano_message .message_box .form_box .message_form input:-moz-placeholder,
.nano_message .message_box .form_box .message_form textarea:-moz-placeholder {
    color: #fff
}

.nano_message .message_box .form_box .message_form textarea {
    height: 100px;
    line-height: 65px
}

.nano_message .message_box .form_box .message_form button {
    background-color: #a31d00;
    color: #d33;
    font-size: 16px;
    font-weight: 600;
    padding: 0 30px;
    height: 55px;
    line-height: 55px;
    border-radius: 35px;
    border: 0;
    box-shadow: none;
    transition: .5s all ease-in-out
}

.nano_message .message_box .form_box .message_form button:hover {
    background-color: #d33;
    color: #a31d00;
    transition: .5s all ease-in-out
}

.nano_common_banner {
    padding: 100px 0;
    background-color: #fff;
    position: relative;
    overflow: hidden
}

.nano_common_banner::after {
    content: '';
    height: 250px;
    background: #a31d00;
    width: 75%;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: skew(0deg, -6deg) translate(-50%, 5px)
}

@media (max-width:540px) {
    .nano_common_banner::after {
        height: 210px;
        width: 100%
    }
}

@media (max-width:1366px) {
    .nano_common_banner::after {
        width: 90%
    }
}

.nano_common_banner img {
    width: 520px;
    height: auto;
    position: relative;
    z-index: 1
}

.nano_common_banner .detail_box {
    margin: 120px 0
}

@media (max-width:540px) {
    .nano_common_banner .detail_box {
        margin: 0;
        text-align: center
    }
}

.nano_common_banner .detail_box .common_head {
    font-size: 42px;
    font-weight: 900;
    letter-spacing: .5px;
    line-height: 1.3;
    margin-bottom: 25px;
    color: #2f2f2f
}

@media (max-width:540px) {
    .nano_common_banner .detail_box .common_head {
        font-size: 30px
    }
}

.nano_common_banner .detail_box .common_text {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: .5px;
    color: #585858;
    width: 75%
}

@media (max-width:540px) {
    .nano_common_banner .detail_box .common_text {
        font-size: 16px;
        width: 100%;
        text-align: center
    }
}

.nano_contact {
    padding: 60px 0 30px;
    background-color: #fff;
    position: relative
}

@media (max-width:540px) {
    .nano_contact {
        padding: 20px 0 80px
    }
}

.nano_contact .text_box {
    margin: 150px 0
}

@media (max-width:540px) {
    .nano_contact .text_box {
        margin: 0 0 30px
    }
}

.nano_contact .text_box .contact_meta {
    color: #2f2f2f;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 35px;
    padding-left: 30px;
    position: relative
}

.nano_contact .text_box .contact_meta::before {
    content: '';
    height: 2px;
    background: #d33;
    width: 20px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.nano_contact .text_box .contact_head {
    font-size: 35px;
    font-weight: 400;
    color: #626262;
    margin-bottom: 50px;
    letter-spacing: .5px;
    line-height: 1.3
}

@media (max-width:540px) {
    .nano_contact .text_box .contact_head {
        font-size: 28px;
        margin-bottom: 20px
    }
}

.nano_contact .text_box .contact_head strong {
    color: #2f2f2f
}

.nano_contact .text_box .contact_text {
    font-size: 23px;
    color: #7c7c7c;
    line-height: 1.5;
    letter-spacing: .5px;
    width: 73%
}

@media (max-width:540px) {
    .nano_contact .text_box .contact_text {
        width: 100%;
        font-size: 16px
    }
}

.nano_contact .text_box .contact_text strong {
    color: #2f2f2f
}

.nano_contact .contact_box {
    background: linear-gradient(138.82deg, #2e303f, #d33 99.98%);
    width: 100%;
    height: auto;
    position: relative;
    padding: 100px
}

@media (max-width:540px) {
    .nano_contact .contact_box {
        padding: 50px 30px
    }
}

.nano_contact .contact_box .form_head {
    font-size: 32px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 35px;
    letter-spacing: .5px
}

@media (max-width:540px) {
    .nano_contact .contact_box .form_head {
        font-size: 28px
    }
}

.nano_contact .contact_box .nano_touch input,
.nano_contact .contact_box .nano_touch textarea {
    width: 100%;
    background-color: transparent;
    border: 0;
    outline: none;
    color: #fff;
    border-bottom: 2px solid #fff;
    height: 65px;
    line-height: 65px;
    padding: 0;
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 35px;
    transition: .5s all ease-in-out
}

.nano_contact .contact_box .nano_touch input:focus,
.nano_contact .contact_box .nano_touch textarea:focus {
    transition: .5s all ease-in-out
}

.nano_contact .contact_box .nano_touch input::-webkit-input-placeholder,
.nano_contact .contact_box .nano_touch textarea::-webkit-input-placeholder {
    color: #fff
}

.nano_contact .contact_box .nano_touch input::-moz-placeholder,
.nano_contact .contact_box .nano_touch textarea::-moz-placeholder {
    color: #fff
}

.nano_contact .contact_box .nano_touch input:-ms-input-placeholder,
.nano_contact .contact_box .nano_touch textarea:-ms-input-placeholder {
    color: #fff
}

.nano_contact .contact_box .nano_touch input:-moz-placeholder,
.nano_contact .contact_box .nano_touch textarea:-moz-placeholder {
    color: #fff
}

.nano_contact .contact_box .nano_touch textarea {
    height: 100px
}

.nano_contact .contact_box .nano_touch button {
    background-color: #d33;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    height: 55px;
    line-height: 55px;
    padding: 0 20px;
    border-radius: 35px;
    border: 0;
    outline: none;
    box-shadow: none;
    transition: .5s all ease-in-out
}

.nano_contact .contact_box .nano_touch button:hover {
    box-shadow: 0 0 20px #2e303f;
    transition: .5s all ease-in-out
}

.nano_map {
    padding: 30px 0 100px;
    background-color: #fff;
    position: relative
}

.nano_map .address_box {
    margin: 70px 0
}

.nano_map .address_box .add_meta {
    color: #2f2f2f;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 35px;
    padding-left: 30px;
    position: relative
}

.nano_map .address_box .add_meta::before {
    content: '';
    height: 2px;
    background: #d33;
    width: 20px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.nano_map .address_box .add_head {
    font-size: 35px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.5;
    color: #2f2f2f;
    margin-bottom: 50px
}

.nano_map .address_box ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.nano_map .address_box ul li {
    list-style: none;
    margin-bottom: 30px;
    display: table
}

.nano_map .address_box ul li img {
    width: 45px;
    height: 45px;
    display: table-cell;
    vertical-align: middle;
    margin-right: 15px
}

.nano_map .address_box ul li p {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #585858 !important;
    line-height: 1.5 !important;
    letter-spacing: .5px;
    display: table-cell;
    vertical-align: middle
}

.nano_map .address_box .add_btn {
    display: inline-block;
    color: #2f2f2f;
    position: relative;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    padding-right: 40px;
    margin-top: 30px;
    transition: .3s all ease-in-out
}

.nano_map .address_box .add_btn::after {
    content: '';
    display: inline-block;
    height: 2px;
    width: 30px;
    background: #d33;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s all ease-in-out
}

.nano_map .address_box .add_btn:hover {
    padding-right: 70px;
    margin-left: 10px;
    transition: .3s all ease-in-out
}

.nano_map .address_box .add_btn:hover::after {
    width: 60px;
    transition: .3s all ease-in-out
}

.nano_map .map_box {
    width: 95%;
    position: relative
}

.nano_about_more {
    padding: 80px 0;
    background-color: #fff;
    position: relative
}

.nano_about_more .more_box {
    text-align: center;
    width: 100%;
    margin-bottom: 120px
}

@media (max-width:540px) {
    .nano_about_more .more_box {
        margin-bottom: 0
    }
}

.nano_about_more .more_box .more_head {
    font-size: 35px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.5;
    color: #2f2f2f;
    margin-bottom: 30px
}

.nano_about_more .more_box .more_text {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.5;
    color: #585858;
    width: 50%;
    margin: 0 auto
}

@media (max-width:540px) {
    .nano_about_more .more_box .more_text {
        font-size: 16px;
        width: 100%
    }
}

.nano_about_more .reason_box {
    width: 100%;
    position: relative;
    text-align: center;
    display: inline-block
}

.nano_about_more .reason_box .reason_head {
    text-align: left;
    margin: 55px 0;
    font-weight: 100;
    font-size: 32px;
    color: #626262;
    line-height: 1.5;
    letter-spacing: .5px
}

@media (max-width:540px) {
    .nano_about_more .reason_box .reason_head {
        margin: 30px 0;
        text-align: center
    }
}

.nano_about_more .reason_box .reason_head strong {
    color: #2f2f2f
}

.nano_about_more .reason_box img {
    width: 150px;
    height: 150px;
    margin-bottom: 25px
}

.nano_about_more .reason_box .icon_head {
    color: #2f2f2f;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.5
}

@media (max-width:540px) {
    .nano_about_more .reason_box .icon_head {
        margin-bottom: 20px
    }
}

.nano_steps {
    padding: 30px 0 80px;
    position: relative;
    background-color: #fff;
    text-align: center
}

.nano_steps.nano_steps_duo {
    padding: 80px 0 50px
}

.nano_steps.nano_steps_duo .step_text {
    width: 70%
}

@media (max-width:540px) {
    .nano_steps.nano_steps_duo .step_text {
        width: 100%
    }
}

.nano_steps .step_title {
    font-size: 35px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.5;
    color: #2f2f2f;
    margin-bottom: 10px
}

@media (max-width:540px) {
    .nano_steps .step_title {
        font-size: 28px;
        margin-bottom: 20px
    }
}

.nano_steps .step_text {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.5;
    color: #585858;
    width: 50%;
    margin: 0 auto;
    margin-bottom: 20px
}

@media (max-width:540px) {
    .nano_steps .step_text {
        font-size: 16px;
        width: 100%
    }
}

.nano_steps .step_group {
    margin-top: 50px;
    display: inline-block;
    width: 100%;
    padding: 30px 20px;
    background-color: #a31d00;
    border-radius: 15px;
    border: 1px dashed #d33;
    box-shadow: 0 0 20px rgba(172, 172, 172, 0.27843137)
}

.nano_steps .step_group .step_box {
    text-align: center
}

@media (max-width:540px) {
    .nano_steps .step_group .step_box {
        margin-bottom: 30px
    }
}

.nano_steps .step_group .step_box img {
    width: 80px;
    height: 80px;
    margin-bottom: 25px
}

.nano_steps .step_group .step_box .step_head {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.3;
    color: #2f2f2f
}

.nano_mission {
    background-color: #fff;
    position: relative;
    padding: 50px 0 80px
}

.nano_mission .mission_head {
    color: #2f2f2f;
    line-height: 1.5;
    font-size: 28px;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 30px
}

@media (max-width:540px) {
    .nano_mission .mission_head {
        font-size: 22px;
        width: 100%;
        text-align: center
    }
}

.nano_mission .mission_title {
    font-size: 21px;
    color: #2f2f2f;
    font-weight: 600;
    margin: 15px 68px;
    line-height: 1.5;
    letter-spacing: .5px;
    text-transform: uppercase
}

@media (max-width:540px) {
    .nano_mission .mission_title {
        margin: 0;
        margin-bottom: 20px;
        text-align: center
    }
}

.nano_mission .mission_text {
    font-size: 16px;
    color: #585858;
    line-height: 1.5;
    letter-spacing: .5px;
    width: 80%;
    margin: 0 auto
}

@media (max-width:540px) {
    .nano_mission .mission_text {
        font-size: 15px;
        width: 100%;
        margin-bottom: 20px;
        text-align: center
    }
}

.service_items {
    background-color: #fff;
    position: relative;
    padding: 50px 0
}

@media (max-width:540px) {
    .service_items {
        padding: 20px 0
    }
}

.service_items.item_right .service_num {
    left: 0
}

@media (max-width:540px) {
    .service_items.item_right .service_num {
        left: 50%;
        transform: translateX(-50%)
    }
}

.service_items .service_img {
    border-radius: 10px;
    overflow: hidden
}

.service_items .service_img img {
    width: 100%;
    height: auto;
    object-fit: cover
}

.service_items .service_num {
    color: #585858;
    font-size: 400px;
    font-weight: 600;
    position: absolute;
    top: -10px;
    right: 0;
    opacity: .1
}

@media (max-width:540px) {
    .service_items .service_num {
        top: 30px;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        font-size: 280px
    }
}

.service_items .service_detail {
    position: relative;
    margin: 20% 5%
}

@media (max-width:540px) {
    .service_items .service_detail {
        margin: 10% 0
    }
}

.service_items .service_detail .service_name {
    display: block;
    margin-bottom: 15px
}

.service_items .service_detail .service_name .detail_icon {
    width: 85px;
    height: 85px;
    object-fit: contain;
    display: inline-block;
    margin-right: 10px
}

.service_items .service_detail .service_name .detail_head {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    color: #2f2f2f;
    letter-spacing: .5px;
    line-height: 1.5
}

.service_items .service_detail .detail_text {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
    color: #2f2f2f;
    margin-bottom: 15px
}

.service_items .service_detail .detail_btn {
    display: inline-block;
    color: #2f2f2f;
    position: relative;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    padding-right: 40px;
    margin-top: 20px;
    transition: .3s all ease-in-out
}

.service_items .service_detail .detail_btn::after {
    content: '';
    display: inline-block;
    height: 2px;
    width: 30px;
    background: #d33;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s all ease-in-out
}

.service_items .service_detail .detail_btn:hover {
    padding-right: 70px;
    margin-left: 10px;
    transition: .3s all ease-in-out
}

.service_items .service_detail .detail_btn:hover::after {
    width: 60px;
    transition: .3s all ease-in-out
}

.nano_career {
    padding: 100px 0;
    background-color: #fff;
    position: relative;
    text-align: center
}

@media (max-width:540px) {
    .nano_career {
        padding: 50px 0
    }
}

.nano_career .career_title {
    font-size: 40px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.5;
    margin-bottom: 15px;
    color: #2f2f2f
}

@media (max-width:540px) {
    .nano_career .career_title {
        font-size: 28px
    }
}

.nano_career .career_text {
    color: #585858;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.8;
    width: 50%;
    margin: 0 auto;
    margin-bottom: 15px
}

@media (max-width:540px) {
    .nano_career .career_text {
        font-size: 16px;
        width: 100%
    }
}

.nano_career .career_text:last-child {
    margin-bottom: 35px
}

.nano_career .career_box {
    padding: 40px;
    background: linear-gradient(138.82deg, #2e303f, #d33 90%);
    border-radius: 15px;
    width: 95%;
    margin: 0 auto;
    height: 450px;
    line-height: 190px
}

@media (max-width:540px) {
    .nano_career .career_box {
        padding: 20px;
        width: 100%;
        margin-bottom: 30px;
        height: 400px;
        line-height: 180px
    }
}

.nano_career .career_box .career_icon {
    display: inline-block;
    margin-bottom: 20px;
    width: 130px;
    height: 130px;
    line-height: 128px;
    text-align: center;
    border-radius: 20px;
    background-color: #d33;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1)
}

.nano_career .career_box .career_icon img {
    width: 85px;
    height: 85px
}

.nano_career .career_box .career_name {
    font-size: 25px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.5;
    margin-bottom: 15px;
    color: #fff
}

@media (max-width:540px) {
    .nano_career .career_box .career_name {
        font-size: 20px
    }
}

.nano_career .career_box .career_para {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
    color: #fff;
    width: 82%;
    margin: 0 auto
}

@media (max-width:540px) {
    .nano_career .career_box .career_para {
        width: 100%
    }
}

.nano_footer {
    padding: 60px 0;
    margin-top: 180px;
    position: relative;
    background-color: #181818
}

@media (max-width:540px) {
    .nano_footer {
        margin-top: 50px
    }
}

.nano_footer::after {
    content: '';
    background: url(../images/nano_footer_after.png);
    width: 100%;
    height: 220px;
    position: absolute;
    top: -218px;
    left: 0
}

.nano_footer .main_footer {
    position: relative
}

.nano_footer .main_footer .white_box {
    width: 100%;
    padding: 30px;
    background-color: #fff;
    border-radius: 15px;
    border: 1px dashed #d33;
    box-shadow: 0 0 20px rgba(220, 220, 220, 0.53)
}

.nano_footer .main_footer .white_box .head_icon {
    width: 35px;
    height: 35px;
    object-fit: contain;
    display: inline-block;
    float: left;
    margin-right: 15px;
    margin-bottom: 25px
}

@media (max-width:540px) {
    .nano_footer .main_footer .white_box .head_icon {
        margin-bottom: 20px
    }
}

.nano_footer .main_footer .white_box .subscribe_head {
    font-size: 30px;
    font-weight: 600;
    color: #2f2f2f;
    letter-spacing: .5px;
    line-height: 1.5;
    margin-bottom: 25px
}

@media (max-width:540px) {
    .nano_footer .main_footer .white_box .subscribe_head {
        font-size: 21px
    }
}

.nano_footer .main_footer .white_box .subscribe_text {
    font-size: 16px;
    color: #888;
    margin-bottom: 30px;
    line-height: 1.8;
    letter-spacing: .5px;
    width: 85%;
    font-weight: 500
}

@media (max-width:540px) {
    .nano_footer .main_footer .white_box .subscribe_text {
        width: 100%
    }
}

.nano_footer .main_footer .white_box .nano_subscribe {
    width: 100%;
    height: auto;
    position: relative;
    margin: 35px 0 0 -15px
}

@media (max-width:540px) {
    .nano_footer .main_footer .white_box .nano_subscribe {
        margin: 0
    }
}

.nano_footer .main_footer .white_box .nano_subscribe input {
    height: 55px;
    line-height: 55px;
    padding: 0 12px;
    width: 100%;
    margin: 0;
    background-color: transparent;
    border: 2px solid #e1e1e1;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    color: #585858;
    transition: .3s all ease-in-out
}

.nano_footer .main_footer .white_box .nano_subscribe input::-webkit-input-placeholder {
    color: #585858
}

.nano_footer .main_footer .white_box .nano_subscribe input::-moz-placeholder {
    color: #585858
}

.nano_footer .main_footer .white_box .nano_subscribe input:-ms-input-placeholder {
    color: #585858
}

.nano_footer .main_footer .white_box .nano_subscribe input:-moz-placeholder {
    color: #585858
}

.nano_footer .main_footer .white_box .nano_subscribe input:focus {
    border: 2px solid #d33;
    color: #d33;
    transition: .3s all ease-in-out
}

.nano_footer .main_footer .white_box .nano_subscribe input:focus::-webkit-input-placeholder {
    color: #d33
}

.nano_footer .main_footer .white_box .nano_subscribe input:focus::-moz-placeholder {
    color: #d33
}

.nano_footer .main_footer .white_box .nano_subscribe input:focus:-ms-input-placeholder {
    color: #d33
}

.nano_footer .main_footer .white_box .nano_subscribe input:focus:-moz-placeholder {
    color: #d33
}

.nano_footer .main_footer .white_box .nano_subscribe button {
    height: 45px;
    line-height: 45px;
    border-radius: 5px;
    background-color: #d33;
    color: #fff;
    padding: 0 20px;
    position: absolute;
    top: -5px;
    right: 20px;
    border: 0;
    outline: none;
    box-shadow: none;
    transition: .3s all ease-in-out
}

.nano_footer .main_footer .white_box .nano_subscribe button:hover {
    transition: .3s all ease-in-out;
    box-shadow: 0 0 13px 1px #d33
}

.nano_footer .main_footer .footer_head {
    font-size: 20px;
    font-weight: 600;
    color: #2f2f2f;
    letter-spacing: .5px;
    line-height: 1.5;
    margin-bottom: 20px;
    margin-top: 15px
}

@media (max-width:540px) {
    .nano_footer .main_footer .footer_head {
        margin-top: 25px
    }
}

.nano_footer .main_footer .footer_text {
    font-size: 16px;
    color: #585858;
    margin-bottom: 30px;
    line-height: 1.8;
    letter-spacing: .5px;
    width: 96%
}

.nano_footer .main_footer ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.nano_footer .main_footer ul li {
    display: block;
    margin-bottom: 10px;
    list-style: none;
    margin-left: 5px
}

.nano_footer .main_footer ul li a {
    font-size: 16px;
    letter-spacing: .5px;
    line-height: 1.5;
    color: #585858;
    position: relative;
    display: inline-block
}

.nano_footer .main_footer ul li a::before {
    content: '\f101';
    font-family: 'FontAwesome';
    font-size: 16px;
    color: #585858;
    display: inline-block;
    margin-right: 10px
}

.nano_footer .main_footer ul li a:hover {
    color: #d33;
    transition: .3s all ease-in-out
}

.nano_footer .main_footer ul li a:hover::before {
    color: #d33;
    transition: .3s all ease-in-out
}

.nano_footer .main_footer ul.address li {
    display: table;
    margin-bottom: 15px;
    list-style: none
}

.nano_footer .main_footer ul.address li .fa {
    display: table-cell;
    font-size: 18px;
    color: #585858;
    padding-right: 10px;
    width: 28px;
    height: 28px
}

.nano_footer .main_footer ul.address li a {
    font-size: 16px;
    letter-spacing: .5px;
    line-height: 1.5;
    color: #585858;
    position: relative;
    display: table-cell
}

.nano_footer .main_footer ul.address li a::before {
    display: none
}

.nano_footer .main_footer ul.address li a:hover {
    color: #d33;
    transition: .3s all ease-in-out
}

.nano_footer .copy_footer {
    padding: 50px 0 0
}

.nano_footer .copy_footer .footer_logo {
    width: auto;
    height: auto;
    display: inline-block;
    margin-right: 25px;
    float: left
}

@media (max-width:540px) {
    .nano_footer .copy_footer .footer_logo {
        margin-bottom: 20px
    }
}

.nano_footer .copy_footer .copy_text {
    font-size: 16px;
    font-weight: 600;
    color: #585858;
    display: inline-block;
    margin: 0 auto;
    vertical-align: -webkit-baseline-middle
}

.nano_footer .copy_footer .footer_social {
    padding: 0;
    margin: 0;
    list-style: none;
    float: right
}

@media (max-width:540px) {
    .nano_footer .copy_footer .footer_social {
        float: left;
        margin-top: 30px
    }
}

.nano_footer .copy_footer .footer_social li {
    list-style: none;
    display: inline-block;
    margin-right: 15px;
    vertical-align: -webkit-baseline-middle
}

.nano_footer .copy_footer .footer_social li a {
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50%;
    text-align: center;
    background-color: #a31d00;
    color: #d33;
    font-size: 18px;
    border: 1px dashed #d33;
    transition: .3s all ease-in-out
}

.nano_footer .copy_footer .footer_social li a:hover {
    transition: .3s all ease-in-out;
    background-color: #d33;
    color: #a31d00
}

.kaska_header {
    height: auto;
    width: 100%;
    background-color: #fff;
    padding: 10px 0;
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    z-index: 101
}

.kaska_header .navbar {
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    height: 70px
}

.kaska_header .navbar .navbar-header {
    height: 70px;
    background-color: transparent;
    width: auto
}

@media (max-width:990px) {
    .kaska_header .navbar .navbar-header {
        width: 100%;
        margin: 0 !important;
        padding: 0 !important
    }
}

.kaska_header .navbar .navbar-header .navbar-brand {
    height: 70px;
    margin: 0;
    padding: 0
}

@media (max-width:540px) {
    .kaska_header .navbar .navbar-header .navbar-brand {
        padding: 0 20px
    }
}

.kaska_header .navbar .navbar-header .navbar-brand img {
    height: 70px;
    width: auto;
    object-fit: contain
}

@media (max-width:991px) {
    .kaska_header .navbar .navbar-header .navbar-toggle {
        background-color: #d33;
        border: 0;
        outline: none;
        width: 55px;
        height: 55px;
        line-height: 55px;
        padding: 0 17px;
        text-align: center;
        border-radius: 50%;
        z-index: 102;
        margin: 0;
        position: absolute;
        right: 25px;
        top: 50%;
        transform: translateY(-50%)
    }
}

@media (max-width:768px) {
    .kaska_header .navbar .navbar-header .navbar-toggle {
        right: 45px
    }
}

.kaska_header .navbar .navbar-header .navbar-toggle .icon-bar {
    background-color: #fff;
    width: 20px
}

.kaska_header .navbar .navbar-collapse {
    display: inline-block !important;
    float: right;
    padding: 0;
    border: 0
}

@media (max-width:991px) {
    .kaska_header .navbar .navbar-collapse {
        background-color: transparent;
        position: absolute;
        left: 0;
        right: 0;
        top: 80px;
        margin: 0 !important;
        padding: 0 !important;
        float: left;
        width: 100%;
        text-align: center;
        visibility: hidden;
        opacity: 0;
        height: 0;
        transition: .3s all ease-in-out
    }
}

.kaska_header .navbar .navbar-collapse .nav {
    height: 70px
}

.kaska_header .navbar .navbar-collapse .nav li {
    height: 70px;
    padding: 0 3px
}

.kaska_header .navbar .navbar-collapse .nav li a {
    height: 70px;
    line-height: 70px;
    padding: 0 20px;
    margin: 0;
    text-align: center;
    font-size: 15px;
    color: #2f2f2f;
    background-color: transparent;
    letter-spacing: .7px;
    position: relative;
    transition: .3s all ease-in-out
}

@media (max-width:1024px) {
    .kaska_header .navbar .navbar-collapse .nav li a {
        font-size: 13px;
        padding: 0 12px
    }
}

.kaska_header .navbar .navbar-collapse .nav li a:hover,
.kaska_header .navbar .navbar-collapse .nav li a.active {
    background-color: #d33;
    color: #fff;
    transition: .3s all ease-in-out
}

@media (max-width:990px) {
    .kaska_header .navbar .navbar-collapse.collapse {
        opacity: 0;
        visibility: hidden;
        overflow: hidden;
        transition: .3s all ease-in-out
    }
}

.kaska_header .navbar .navbar-collapse.in {
    height: auto;
    opacity: 1;
    visibility: visible;
    transition: .3s all ease-in-out
}

.kaska_header .navbar .navbar-collapse.in .nav {
    height: 100%;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    background-color: #fff
}

.kaska_header .navbar .navbar-collapse.in .nav li {
    display: block;
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
    height: 55px
}

.kaska_header .navbar .navbar-collapse.in .nav li a {
    height: 55px;
    line-height: 55px
}

.kaska_banner {
    position: relative;
    height: auto
}

.kaska_banner .owl-carousel img {
    width: 100%;
    height: 938px;
    object-fit: cover
}

@media (max-width:768px) {
    .kaska_banner .owl-carousel img {
        height: 860px
    }
}

@media (max-width:667px) {
    .kaska_banner .owl-carousel img {
        height: 600px
    }
}

.kaska_banner .owl-carousel .carousel-caption {
    text-align: left;
    right: auto;
    left: 10%;
    top: auto;
    bottom: 50%;
    transform: translateY(50%)
}

@media (max-width:667px) {
    .kaska_banner .owl-carousel .carousel-caption {
        left: 0;
        top: 70px;
        bottom: auto;
        text-align: center
    }
}

@media (max-width:320px) {
    .kaska_banner .owl-carousel .carousel-caption {
        top: 10px
    }
}

.kaska_banner .owl-carousel .carousel-caption .slider_title {
    font-size: 55px;
    letter-spacing: .5px;
    line-height: 1.3;
    color: #fff;
    width: 60%;
    text-shadow: none;
    margin-bottom: 30px
}

@media (max-width:1024px) {
    .kaska_banner .owl-carousel .carousel-caption .slider_title {
        font-size: 45px;
        width: 70%
    }
}

@media (max-width:768px) {
    .kaska_banner .owl-carousel .carousel-caption .slider_title {
        width: 80%;
        font-size: 40px
    }
}

@media (max-width:667px) {
    .kaska_banner .owl-carousel .carousel-caption .slider_title {
        font-size: 26px;
        width: 100%;
        margin-bottom: 20px
    }
}

@media (max-width:667px) {
    .kaska_banner .owl-carousel .carousel-caption .slider_title {
        font-size: 26px;
        width: 100%;
        margin-bottom: 20px
    }
}

@media (max-width:320px) {
    .kaska_banner .owl-carousel .carousel-caption .slider_title {
        font-size: 23px
    }
}

.kaska_banner .owl-carousel .carousel-caption .slider_text {
    font-size: 20px;
    letter-spacing: .5px;
    line-height: 1.5;
    width: 40%;
    color: #fff;
    text-shadow: none;
    margin-bottom: 50px
}

@media (max-width:1024px) {
    .kaska_banner .owl-carousel .carousel-caption .slider_text {
        font-size: 18px;
        width: 60%
    }
}

@media (max-width:768px) {
    .kaska_banner .owl-carousel .carousel-caption .slider_text {
        width: 80%;
        font-size: 16px
    }
}

@media (max-width:667px) {
    .kaska_banner .owl-carousel .carousel-caption .slider_text {
        font-size: 14px;
        width: 90%;
        margin: 0 auto;
        margin-bottom: 30px
    }
}

.kaska_banner .owl-carousel .carousel-caption .slider_button {
    display: inline-block;
    height: 55px;
    line-height: 55px;
    text-align: center;
    padding: 0 30px;
    background-color: #2e303f;
    border: 2px solid #2e303f;
    color: #fff;
    font-size: 16px;
    letter-spacing: 1.5px;
    text-shadow: none;
    border-radius: 0;
    text-transform: uppercase;
    transition: .3s all ease-in-out
}

.kaska_banner .owl-carousel .carousel-caption .slider_button:hover {
    background-color: transparent;
    border: 2px solid #2e303f;
    color: #2e303f;
    transition: .3s all ease-in-out
}

.kaska_banner .owl-carousel .owl-nav,
.kaska_banner .owl-carousel .owl-buttons {
    position: absolute;
    top: 50%;
    right: 3%;
    transform: translateY(-50%)
}

@media (max-width:667px) {

    .kaska_banner .owl-carousel .owl-nav,
    .kaska_banner .owl-carousel .owl-buttons {
        display: none
    }
}

.kaska_banner .owl-carousel .owl-nav .owl-prev,
.kaska_banner .owl-carousel .owl-buttons .owl-prev,
.kaska_banner .owl-carousel .owl-nav .owl-next,
.kaska_banner .owl-carousel .owl-buttons .owl-next {
    height: 55px;
    width: 55px;
    line-height: 55px;
    text-align: center;
    display: block;
    border-radius: 0;
    outline: none;
    opacity: 1;
    margin: 0;
    padding: 0;
    font-size: 25px;
    text-shadow: none;
    background-color: #2e303f;
    color: #fff;
    border: 2px solid #2e303f;
    transition: .3s all ease-in-out
}

.kaska_banner .owl-carousel .owl-nav .owl-prev:hover,
.kaska_banner .owl-carousel .owl-buttons .owl-prev:hover,
.kaska_banner .owl-carousel .owl-nav .owl-next:hover,
.kaska_banner .owl-carousel .owl-buttons .owl-next:hover {
    background-color: transparent;
    border: 2px solid #2e303f;
    color: #2e303f;
    transition: .3s all ease-in-out
}

.kaska_banner .owl-carousel .owl-nav .owl-next,
.kaska_banner .owl-carousel .owl-buttons .owl-next {
    margin-top: 10px
}

.kaska_banner .owl-carousel .owl-dots,
.kaska_banner .owl-carousel .owl-pagination {
    position: absolute;
    left: 2%;
    right: auto;
    top: auto;
    bottom: 50%;
    transform: translateY(50%)
}

@media (max-width:768px) {

    .kaska_banner .owl-carousel .owl-dots,
    .kaska_banner .owl-carousel .owl-pagination {
        left: 3%
    }
}

@media (max-width:667px) {

    .kaska_banner .owl-carousel .owl-dots,
    .kaska_banner .owl-carousel .owl-pagination {
        left: 50%;
        transform: translateX(-50%);
        bottom: 40px
    }
}

@media (max-width:320px) {

    .kaska_banner .owl-carousel .owl-dots,
    .kaska_banner .owl-carousel .owl-pagination {
        top: 80px
    }
}

.kaska_banner .owl-carousel .owl-dots .owl-dot,
.kaska_banner .owl-carousel .owl-pagination .owl-dot,
.kaska_banner .owl-carousel .owl-dots .owl-page,
.kaska_banner .owl-carousel .owl-pagination .owl-page {
    display: block;
    width: 12px;
    height: 12px;
    background-color: #fff;
    border-radius: 50%;
    margin-bottom: 15px;
    outline: none;
    border: 0;
    position: relative;
    transition: .3s all ease-in-out
}

.kaska_banner .owl-carousel .owl-dots .owl-dot span,
.kaska_banner .owl-carousel .owl-pagination .owl-dot span,
.kaska_banner .owl-carousel .owl-dots .owl-page span,
.kaska_banner .owl-carousel .owl-pagination .owl-page span {
    display: none
}

@media (max-width:667px) {

    .kaska_banner .owl-carousel .owl-dots .owl-dot,
    .kaska_banner .owl-carousel .owl-pagination .owl-dot,
    .kaska_banner .owl-carousel .owl-dots .owl-page,
    .kaska_banner .owl-carousel .owl-pagination .owl-page {
        display: inline-block;
        margin-bottom: 0;
        margin-right: 15px
    }
}

.kaska_banner .owl-carousel .owl-dots .owl-dot.active,
.kaska_banner .owl-carousel .owl-pagination .owl-dot.active,
.kaska_banner .owl-carousel .owl-dots .owl-page.active,
.kaska_banner .owl-carousel .owl-pagination .owl-page.active {
    background-color: #2e303f;
    transition: .3s all ease-in-out
}

.kaska_banner .owl-carousel .owl-dots .owl-dot:hover,
.kaska_banner .owl-carousel .owl-pagination .owl-dot:hover,
.kaska_banner .owl-carousel .owl-dots .owl-page:hover,
.kaska_banner .owl-carousel .owl-pagination .owl-page:hover {
    background-color: #2e303f;
    transition: .3s all ease-in-out
}

.kaska_banner .kaska_notification {
    width: 100%;
    position: absolute;
    top: auto;
    bottom: 0;
    right: auto;
    left: 0;
    z-index: 1
}

@media (max-width:768px) {
    .kaska_banner .kaska_notification {
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        float: left;
        clear: both;
        position: relative
    }
}

@media (max-width:667px) {
    .kaska_banner .kaska_notification {
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        float: left;
        clear: both;
        position: relative
    }
}

.kaska_banner .kaska_notification .info_box {
    width: 33.333%;
    display: table;
    float: left;
    background-color: #2e303f;
    margin: 0
}

@media (max-width:768px) {
    .kaska_banner .kaska_notification .info_box {
        width: 100%;
        margin-bottom: 10px
    }

    .kaska_banner .kaska_notification .info_box:last-child {
        margin-bottom: 0
    }
}

@media (max-width:667px) {
    .kaska_banner .kaska_notification .info_box {
        width: 100%;
        margin-bottom: 10px
    }

    .kaska_banner .kaska_notification .info_box:last-child {
        margin-bottom: 0
    }
}

.kaska_banner .kaska_notification .info_box .info_icon {
    width: 140px;
    height: 140px;
    object-fit: cover;
    display: table-cell;
    padding-right: 20px
}

@media (max-width:1024px) {
    .kaska_banner .kaska_notification .info_box .info_icon {
        width: 140px;
        height: 160px
    }
}

@media (max-width:768px) {
    .kaska_banner .kaska_notification .info_box .info_icon {
        width: 190px;
        height: 160px
    }
}

@media (max-width:667px) {
    .kaska_banner .kaska_notification .info_box .info_icon {
        width: 160px;
        height: 160px
    }
}

@media (max-width:540px) {
    .kaska_banner .kaska_notification .info_box .info_icon {
        width: 130px;
        height: 160px
    }
}

.kaska_banner .kaska_notification .info_box .info_icon img {
    width: 140px;
    height: 140px;
    object-fit: cover
}

@media (max-width:1024px) {
    .kaska_banner .kaska_notification .info_box .info_icon img {
        width: 140px;
        height: 160px
    }
}

@media (max-width:768px) {
    .kaska_banner .kaska_notification .info_box .info_icon img {
        width: 190px;
        height: 160px
    }
}

@media (max-width:667px) {
    .kaska_banner .kaska_notification .info_box .info_icon img {
        width: 160px;
        height: 160px
    }
}

@media (max-width:540px) {
    .kaska_banner .kaska_notification .info_box .info_icon img {
        width: 130px;
        height: 160px
    }
}

.kaska_banner .kaska_notification .info_box .info_detail {
    display: table-cell;
    vertical-align: middle;
    height: 140px;
    overflow: hidden
}

@media (max-width:1024px) {
    .kaska_banner .kaska_notification .info_box .info_detail {
        height: 160px;
        padding-right: 10px
    }
}

.kaska_banner .kaska_notification .info_box .info_detail .info_head {
    color: #d33;
    font-size: 20px;
    margin: 0 auto;
    margin-bottom: 10px;
    display: inline-block
}

@media (max-width:1024px) {
    .kaska_banner .kaska_notification .info_box .info_detail .info_head {
        font-size: 14px
    }
}

@media (max-width:768px) {
    .kaska_banner .kaska_notification .info_box .info_detail .info_head {
        font-size: 18px;
        margin-bottom: 15px
    }
}

@media (max-width:667px) {
    .kaska_banner .kaska_notification .info_box .info_detail .info_head {
        font-size: 14px
    }
}

.kaska_banner .kaska_notification .info_box .info_detail .info_text {
    font-size: 12px;
    color: #fff;
    line-height: 1.5;
    letter-spacing: .5px
}

@media (max-width:1024px) {
    .kaska_banner .kaska_notification .info_box .info_detail .info_text {
        font-size: 11px
    }
}

@media (max-width:768px) {
    .kaska_banner .kaska_notification .info_box .info_detail .info_text {
        font-size: 14px
    }
}

@media (max-width:667px) {
    .kaska_banner .kaska_notification .info_box .info_detail .info_text {
        font-size: 11px
    }
}

.kaska_banner .kaska_notification .info_box .info_detail .info_btn {
    font-size: 14px;
    color: #fff;
    height: auto;
    width: auto;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: .3s all ease-in-out
}

@media (max-width:1024px) {
    .kaska_banner .kaska_notification .info_box .info_detail .info_btn {
        font-size: 12px
    }
}

@media (max-width:768px) {
    .kaska_banner .kaska_notification .info_box .info_detail .info_btn {
        font-size: 14px
    }
}

@media (max-width:667px) {
    .kaska_banner .kaska_notification .info_box .info_detail .info_btn {
        font-size: 12px
    }
}

.kaska_banner .kaska_notification .info_box .info_detail .info_btn:hover {
    color: #2e303f;
    transition: .3s all ease-in-out
}

.kaska_cmn_banner {
    background-image: url(../images/kaska_banner.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 300px 0 220px
}

.kaska_cmn_banner .banner_head {
    color: #fff;
    font-size: 55px;
    font-weight: 900;
    letter-spacing: 5px;
    line-height: 1.3;
    text-transform: uppercase;
    vertical-align: middle;
    position: relative;
    z-index: 1
}

@media (max-width:540px) {
    .kaska_cmn_banner .banner_head {
        font-size: 28px
    }
}

@media (max-width:1024px) {
    .kaska_cmn_banner .banner_head {
        font-size: 45px;
        text-align: center
    }
}

.kaska_cmn_banner .banner_head::after {
    content: '';
    height: 25px;
    width: 45%;
    background-color: #d33;
    opacity: .8;
    position: absolute;
    top: 50%;
    left: -10px;
    z-index: -1
}

@media (max-width:540px) {
    .kaska_cmn_banner .banner_head::after {
        height: 20px;
        top: 50%;
        left: 50%;
        transform: translateX(-50%)
    }
}

@media (max-width:1024px) {
    .kaska_cmn_banner .banner_head::after {
        height: 20px;
        width: 40%;
        left: 50%;
        transform: translateX(-50%);
        top: 50%
    }
}

.kaska_cmn_banner .kaska_crumbs {
    padding: 12px 20px;
    margin: 30px 0;
    min-width: 20%;
    max-width: 35%;
    text-align: center
}

.kaska_product {
    padding: 50px 0;
    background-color: #fff;
    position: relative
}

@media (max-width:540px) {
    .kaska_product .product_sidebar {
        margin-bottom: 30px
    }
}

.kaska_product .product_sidebar ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.kaska_product .product_sidebar ul li {
    display: block;
    list-style: none;
    width: 100%
}

.kaska_product .product_sidebar ul li a {
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    width: 100%;
    height: auto;
    text-align: left;
    padding: 10px 20px;
    display: block;
    background-color: #ffc5c5;
    border-bottom: 1px solid #fbfbfb;
    transition: .3s all ease-in-out
}

.kaska_product .product_sidebar ul li a:hover {
    background-color: #fbfbfb;
    transition: .3s all ease-in-out
}

.kaska_product .product_col .product_box {
    width: 100%;
    height: auto;
    border-radius: 5px;
    margin-bottom: 30px;
    background-color: #fff;
    box-shadow: 0 0 30px #a31d00;
    overflow: hidden
}

.kaska_product .product_col .product_box .image_box {
    width: 395px;
    height: 290px;
    object-fit: cover
}

.kaska_product .product_col .product_box .image_box img {
    width: 395px;
    height: 290px;
    object-fit: cover
}

.kaska_product .product_col .product_box .detail_box {
    padding: 30px;
    height: 260px;
    overflow: hidden
}

.kaska_product .product_col .product_box .detail_box .slider_title {
    font-size: 18px;
    font-weight: 600;
    color: #2f2f2f;
    margin-bottom: 15px;
    letter-spacing: .5px;
    line-height: 1.3
}

.kaska_product .product_col .product_box .detail_box .slider_text {
    font-size: 14px;
    font-weight: normal;
    color: #585858;
    line-height: 1.5;
    letter-spacing: .5px;
    margin-bottom: 20px
}

.kaska_product .product_col .product_box .detail_box .slider_btn {
    height: 50px;
    line-height: 45px;
    text-align: center;
    padding: 0 20px;
    background-color: #d33;
    color: #fff;
    border: 3px solid #d33;
    text-transform: uppercase;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    transition: .3s all ease-in-out
}

.kaska_product .product_col .product_box .detail_box .slider_btn:hover {
    background-color: transparent;
    border: 3px solid #d33;
    color: #d33;
    transition: .3s all ease-in-out
}

.kaska_product .detail_container img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    margin-bottom: 25px
}

.kaska_product .detail_container .slider_title {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.3;
    color: #2f2f2f;
    margin-bottom: 30px;
    position: relative;
    display: block;
    padding-bottom: 13px
}

@media (max-width:540px) {
    .kaska_product .detail_container .slider_title {
        font-size: 22px
    }
}

.kaska_product .detail_container .slider_title::after {
    content: '';
    height: 5px;
    width: 25%;
    border-radius: 5px;
    background-color: #d33;
    position: absolute;
    bottom: 0;
    left: 0
}

.kaska_product .detail_container p {
    font-size: 15px;
    color: #585858;
    line-height: 1.5;
    letter-spacing: .5px;
    margin-bottom: 15px;
    text-align: justify
}

@media (max-width:540px) {
    .kaska_product .detail_container p {
        font-size: 13px
    }
}

.after_seller {
    padding: 80px 0;
    background-color: #fff;
    position: relative
}

@media (max-width:540px) {
    .after_seller {
        padding: 20px 0
    }
}

.after_seller .seller_head {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.3;
    color: #d33;
    margin-bottom: 30px
}

.after_seller p {
    font-size: 14px;
    font-weight: normal;
    color: #585858;
    line-height: 1.5;
    letter-spacing: .5px;
    margin-bottom: 20px
}

.after_seller .seller_title {
    font-size: 22px;
    font-weight: 600;
    color: #2f2f2f;
    letter-spacing: .5px;
    line-height: 1.5;
    margin-bottom: 10px
}

.after_seller .seller_col {
    margin: 30px 0;
    position: relative;
    width: 100%;
    clear: both;
    float: left
}

.after_seller .seller_col .single_col {
    padding: 40px 25px;
    background-color: #fff;
    position: relative;
    border: 1px solid #e1e1e1;
    height: 200px;
    overflow: hidden
}

@media (max-width:1024px) {
    .after_seller .seller_col .single_col {
        padding: 25px 10px;
        height: 160px;
        overflow: hidden
    }
}

.after_seller .seller_col .single_col img {
    width: 64px;
    height: 64px;
    object-fit: contain;
    margin-bottom: 20px
}

.after_seller .seller_col .single_col .single_head {
    font-size: 16px;
    font-weight: 600;
    color: #d33;
    letter-spacing: .5px;
    line-height: 1.3
}

.seller_bg {
    padding: 50px 0;
    background-color: #fff;
    position: relative;
    text-align: right
}

@media (max-width:540px) {
    .seller_bg {
        padding: 10px 0
    }
}

.seller_bg .bg_col {
    background-image: url(../images/kaska_seller_bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 280px;
    padding: 5% 5%
}

@media (max-width:540px) {
    .seller_bg .bg_col {
        text-align: center;
        height: auto;
        padding: 8%
    }
}

.seller_bg .bg_col .bg_head {
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 15px;
    letter-spacing: .5px;
    line-height: 1.5
}

@media (max-width:540px) {
    .seller_bg .bg_col .bg_head {
        font-size: 22px
    }
}

.seller_bg .bg_col p {
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    line-height: 1.5;
    letter-spacing: .5px;
    margin-bottom: 25px
}

@media (max-width:540px) {
    .seller_bg .bg_col p {
        font-size: 15px
    }
}

.seller_bg .bg_col .bg_btn {
    height: 55px;
    line-height: 50px;
    padding: 0 20px;
    display: inline-block;
    text-transform: uppercase;
    background-color: #2e303f;
    color: #fff;
    border: 4px solid #2e303f;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2px;
    transition: .3s all ease-in-out
}

@media (max-width:540px) {
    .seller_bg .bg_col .bg_btn {
        font-size: 14px;
        letter-spacing: 1px
    }
}

.seller_bg .bg_col .bg_btn:hover {
    background-color: transparent;
    border: 4px solid #2e303f;
    color: #2e303f;
    transition: .3s all ease-in-out
}

.kaska_announcement {
    padding: 80px 0;
    background-color: #fff;
    position: relative
}

.kaska_announcement .announcement_head {
    padding-bottom: 30px;
    margin-bottom: 40px;
    border-bottom: 1px solid #e1e1e1
}

@media (max-width:540px) {
    .kaska_announcement .announcement_head {
        text-align: center
    }
}

.kaska_announcement .announcement_head h1 {
    font-size: 32px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.3;
    color: #ed1c24
}

.kaska_announcement .announcement_box {
    padding: 25px 20px;
    position: relative;
    display: table;
    background-color: #262829;
    margin-bottom: 30px;
    width: 100%
}

@media (max-width:540px) {
    .kaska_announcement .announcement_box {
        display: inline-block;
        text-align: center
    }
}

.kaska_announcement .announcement_box .box_image {
    display: table-cell;
    float: left;
    width: 120px;
    height: 120px;
    object-fit: cover;
    margin-right: 15px
}

@media (max-width:540px) {
    .kaska_announcement .announcement_box .box_image {
        display: block;
        float: none;
        margin: 0 auto;
        margin-bottom: 20px
    }
}

@media (max-width:1366px) {
    .kaska_announcement .announcement_box .box_image {
        margin-bottom: 20px
    }
}

.kaska_announcement .announcement_box .box_image img {
    width: 120px;
    height: 120px;
    object-fit: cover
}

.kaska_announcement .announcement_box .text_box {
    display: table-cell;
    vertical-align: middle
}

@media (max-width:540px) {
    .kaska_announcement .announcement_box .text_box {
        display: block
    }
}

.kaska_announcement .announcement_box .text_box .box_head {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.3;
    margin-bottom: 15px
}

@media (max-width:540px) {
    .kaska_announcement .announcement_box .text_box .box_head {
        font-size: 16px
    }
}

.kaska_announcement .announcement_box .text_box .box_text {
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: .5px
}

.kaska_contact {
    padding: 100px 0;
    background-color: #fff;
    position: relative
}

.kaska_contact .address_box {
    width: 100%;
    position: relative;
    display: block;
    margin-bottom: 45px
}

@media (max-width:540px) {
    .kaska_contact .address_box {
        text-align: center
    }
}

.kaska_contact .address_box .address_head {
    font-size: 22px;
    color: #2f2f2f;
    margin-bottom: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.5;
    text-transform: uppercase
}

@media (max-width:540px) {
    .kaska_contact .address_box .address_head {
        font-size: 18px
    }
}

.kaska_contact .address_box p {
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 15px;
    color: #585858;
    width: 90%
}

@media (max-width:540px) {
    .kaska_contact .address_box p {
        width: 100%;
        font-size: 14px
    }
}

.kaska_contact .address_box span,
.kaska_contact .address_box a {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    color: #2f2f2f;
    font-size: 15px
}

@media (max-width:540px) {

    .kaska_contact .address_box span,
    .kaska_contact .address_box a {
        font-size: 14px
    }
}

.kaska_contact .address_box span strong,
.kaska_contact .address_box a strong {
    font-weight: 600;
    font-size: 16px
}

@media (max-width:540px) {

    .kaska_contact .address_box span strong,
    .kaska_contact .address_box a strong {
        font-size: 15px
    }
}

.kaska_contact .form_box {
    width: 80%;
    margin: 0 auto
}

.kaska_contact .form_box .kaska_form {
    position: relative;
    background-color: transparent
}

.kaska_contact .form_box .kaska_form .field-required {
    position: relative;
    width: 100%
}

.kaska_contact .form_box .kaska_form input,
.kaska_contact .form_box .kaska_form textarea {
    background-color: transparent;
    border: 0;
    outline: none;
    color: #2f2f2f;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    height: 55px;
    line-height: 55px;
    padding: 0;
    background-image: linear-gradient(to right, #2f2f2f 33%, rgba(255, 255, 255, 0) 0);
    background-position: bottom;
    background-size: 12px 1px;
    background-repeat: repeat-x;
    width: 100%;
    margin-bottom: 30px;
    position: relative;
    transition: .3s all ease-in-out
}

.kaska_contact .form_box .kaska_form input::-webkit-input-placeholder,
.kaska_contact .form_box .kaska_form textarea::-webkit-input-placeholder {
    color: #2f2f2f
}

.kaska_contact .form_box .kaska_form input::-moz-placeholder,
.kaska_contact .form_box .kaska_form textarea::-moz-placeholder {
    color: #2f2f2f
}

.kaska_contact .form_box .kaska_form input:-ms-input-placeholder,
.kaska_contact .form_box .kaska_form textarea:-ms-input-placeholder {
    color: #2f2f2f
}

.kaska_contact .form_box .kaska_form input:-moz-placeholder,
.kaska_contact .form_box .kaska_form textarea:-moz-placeholder {
    color: #2f2f2f
}

.kaska_contact .form_box .kaska_form input:focus,
.kaska_contact .form_box .kaska_form textarea:focus {
    color: #d33;
    background-image: linear-gradient(to right, #d33 100%, #d33 100%);
    transition: .3s all ease-in-out
}

.kaska_contact .form_box .kaska_form input:focus::-webkit-input-placeholder,
.kaska_contact .form_box .kaska_form textarea:focus::-webkit-input-placeholder {
    color: #d33
}

.kaska_contact .form_box .kaska_form input:focus::-moz-placeholder,
.kaska_contact .form_box .kaska_form textarea:focus::-moz-placeholder {
    color: #d33
}

.kaska_contact .form_box .kaska_form input:focus:-ms-input-placeholder,
.kaska_contact .form_box .kaska_form textarea:focus:-ms-input-placeholder {
    color: #d33
}

.kaska_contact .form_box .kaska_form input:focus:-moz-placeholder,
.kaska_contact .form_box .kaska_form textarea:focus:-moz-placeholder {
    color: #d33
}

.kaska_contact .form_box .kaska_form textarea {
    height: 100px;
    line-height: 30px
}

.kaska_contact .form_box .kaska_form button {
    height: 55px;
    line-height: 50px;
    padding: 0 20px;
    background-color: #d33;
    border: 4px solid #d33;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: left;
    width: 240px;
    position: relative;
    transition: .3s all ease-in-out
}

.kaska_contact .form_box .kaska_form button::after {
    content: '\f1d8';
    font-family: 'FontAwesome';
    font-size: 16px;
    color: #fff;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    transition: .3s all ease-in-out
}

.kaska_contact .form_box .kaska_form button:hover {
    background-color: transparent;
    border: 4px solid #d33;
    color: #d33;
    transition: .3s all ease-in-out
}

.kaska_contact .form_box .kaska_form button:hover::after {
    color: #d33;
    transition: .3s all ease-in-out
}

.kaska_footer {
    background-color: #262829;
    border-top: 1px solid #e1e1e1;
    position: relative
}

.kaska_footer .main_footer {
    padding: 50px 0;
    position: relative
}

@media (max-width:667px) {
    .kaska_footer .main_footer {
        padding: 20px 0
    }
}

.kaska_footer .main_footer .footer_details {
    margin: 15px 0
}

@media (max-width:667px) {
    .kaska_footer .main_footer .footer_details {
        text-align: center
    }
}

.kaska_footer .main_footer .footer_details .copy_right {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    color: #2f2f2f;
    margin: 0;
    padding: 0;
    margin-right: 20px;
    display: inline-block
}

@media (max-width:667px) {
    .kaska_footer .main_footer .footer_details .copy_right {
        display: block;
        margin-right: 0;
        margin-bottom: 15px
    }
}

.kaska_footer .main_footer .footer_details .footer_menu {
    display: inline-block;
    padding: 0;
    margin: 0;
    list-style: none
}

@media (max-width:667px) {
    .kaska_footer .main_footer .footer_details .footer_menu {
        text-align: center;
        display: block;
        margin: 0 auto
    }
}

.kaska_footer .main_footer .footer_details .footer_menu li {
    display: inline-block;
    margin-right: 10px;
    border-right: 1px solid #aeaeae;
    padding-right: 8px
}

@media (max-width:667px) {
    .kaska_footer .main_footer .footer_details .footer_menu li {
        display: block;
        margin-right: 0;
        margin-bottom: 10px;
        border: 0
    }
}

.kaska_footer .main_footer .footer_details .footer_menu li:last-child {
    border: 0
}

.kaska_footer .main_footer .footer_details .footer_menu li a {
    color: #2f2f2f;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    transition: .3s all ease-in-out
}

.kaska_footer .main_footer .footer_details .footer_menu li a:hover {
    color: #d33;
    transition: .3s all ease-in-out
}

.kaska_footer .main_footer .social_menu {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: right
}

@media (max-width:990px) {
    .kaska_footer .main_footer .social_menu {
        text-align: center
    }
}

.kaska_footer .main_footer .social_menu li {
    display: inline-block;
    margin: 0;
    padding: 0
}

.kaska_footer .main_footer .social_menu li a {
    width: 45px;
    height: 45px;
    line-height: 43px;
    border-radius: 0;
    margin: 0;
    text-align: center;
    background-color: #d33;
    color: #fff;
    font-size: 16px;
    border: 2px solid #d33;
    transition: .3s all ease-in-out
}

.kaska_footer .main_footer .social_menu li a:hover {
    border: 2px solid #d33;
    background-color: transparent;
    color: #d33;
    transition: .3s all ease-in-out
}

.kodek_header {
    background-color: #2e303f;
    position: relative;
    width: 100%;
    padding: 20px 0
}

@media (max-width:990px) {
    .kodek_header {
        padding: 0;
        height: 160px
    }
}

.kodek_header .navbar {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
    border-radius: 0;
    height: 160px;
    position: relative
}

.kodek_header .navbar .navbar-header {
    padding: 0 !important;
    margin: 0 !important
}

.kodek_header .navbar .navbar-header .navbar-brand {
    padding: 0;
    margin: 0;
    height: 150px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%)
}

.kodek_header .navbar .navbar-header .navbar-brand img {
    height: 150px;
    width: 85px;
    object-fit: contain
}

@media (max-width:990px) {
    .kodek_header .navbar .navbar-header .navbar-brand {
        left: 20px;
        transform: translate(0, -50%);
        top: 50%
    }
}

.kodek_header .navbar .navbar-header .navbar-toggle {
    z-index: 2;
    background-color: #d33;
    border: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 40px;
    padding: 0;
    margin: 0;
    padding: 10px;
    border-radius: 8px
}

.kodek_header .navbar .navbar-header .navbar-toggle .icon-bar {
    background-color: #fff
}

.kodek_header .navbar .navbar-collapse {
    height: 150px !important;
    margin: 0;
    padding: 0;
    border: 0
}

@media (max-width:990px) {
    .kodek_header .navbar .navbar-collapse {
        display: none
    }
}

.kodek_header .navbar .navbar-collapse .nav {
    height: 150px;
    line-height: 150px
}

.kodek_header .navbar .navbar-collapse .nav li {
    display: inline-block;
    float: none;
    padding: 10px 15px
}

.kodek_header .navbar .navbar-collapse .nav li a {
    background-color: transparent;
    color: #2f2f2f;
    font-size: 14px;
    font-weight: 600;
    padding: 0;
    margin: 0;
    transition: .3s all ease-in-out
}

.kodek_header .navbar .navbar-collapse .nav li a:hover {
    color: #d33;
    transition: .3s all ease-in-out
}

.kodek_header .navbar .navbar-collapse.in {
    height: auto !important;
    position: fixed;
    top: 0;
    right: 0;
    display: block;
    text-align: center;
    background-color: #1a2026;
    z-index: 1;
    padding: 250px 0;
    width: 100%;
    transition: .3s all ease-in-out
}

.kodek_header .navbar .navbar-collapse.in .nav {
    height: auto;
    line-height: normal;
    width: 100%;
    margin: 0;
    padding: 0
}

.kodek_header .navbar .navbar-collapse.in .nav li {
    display: inline-block;
    padding: 0;
    float: none;
    width: 100%;
    margin-bottom: 15px
}

.kodek_header .navbar .navbar-collapse.in .nav li a {
    color: #fff
}

.kodek_banner {
    background-color: #2e303f;
    position: relative;
    padding: 70px 0
}

@media (max-width:990px) {
    .kodek_banner {
        padding: 10px 0
    }
}

.kodek_banner .owl-carousel .owl-item img {
    width: 1170px;
    height: 585px;
    object-fit: cover
}

@media (max-width:540px) {
    .kodek_banner .owl-carousel .owl-item img {
        width: 100%;
        height: 200px
    }
}

.kodek_banner .owl-carousel .owl-nav,
.kodek_banner .owl-carousel .owl-buttons {
    width: 100%;
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    left: 0;
    right: 0;
    top: auto
}

@media (max-width:540px) {

    .kodek_banner .owl-carousel .owl-nav,
    .kodek_banner .owl-carousel .owl-buttons {
        display: none
    }
}

.kodek_banner .owl-carousel .owl-nav .owl-prev,
.kodek_banner .owl-carousel .owl-buttons .owl-prev {
    position: absolute;
    left: 0;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.5);
    width: 50px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    outline: none;
    border: 0;
    color: #000;
    margin: 0;
    padding: 0;
    opacity: 1;
    border-radius: 0;
    zoom: normal
}

.kodek_banner .owl-carousel .owl-nav .owl-prev:hover,
.kodek_banner .owl-carousel .owl-buttons .owl-prev:hover {
    background-color: #fff;
    color: #d33;
    transition: .3s all ease-in-out
}

.kodek_banner .owl-carousel .owl-nav .owl-next,
.kodek_banner .owl-carousel .owl-buttons .owl-next {
    position: absolute;
    right: 0;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.5);
    width: 50px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    outline: none;
    border: 0;
    color: #000;
    margin: 0;
    padding: 0;
    opacity: 1;
    border-radius: 0;
    zoom: normal
}

.kodek_banner .owl-carousel .owl-nav .owl-next:hover,
.kodek_banner .owl-carousel .owl-buttons .owl-next:hover {
    background-color: #fff;
    color: #d33;
    transition: .3s all ease-in-out
}

.kodek_banner .owl-carousel .owl-dots,
.kodek_banner .owl-carousel .owl-pagination {
    width: 100%;
    display: block;
    position: absolute;
    bottom: 5%;
    left: 0;
    right: 0;
    top: auto;
    text-align: center
}

.kodek_banner .owl-carousel .owl-dots .owl-dot,
.kodek_banner .owl-carousel .owl-pagination .owl-dot,
.kodek_banner .owl-carousel .owl-dots .owl-page,
.kodek_banner .owl-carousel .owl-pagination .owl-page {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: rgba(255, 255, 255, 0.5);
    transform: rotate(45deg);
    outline: none;
    border: 0;
    box-shadow: none;
    text-shadow: none;
    margin-right: 15px;
    transition: .3s all ease-in-out
}

@media (max-width:540px) {

    .kodek_banner .owl-carousel .owl-dots .owl-dot,
    .kodek_banner .owl-carousel .owl-pagination .owl-dot,
    .kodek_banner .owl-carousel .owl-dots .owl-page,
    .kodek_banner .owl-carousel .owl-pagination .owl-page {
        width: 10px;
        height: 10px
    }
}

.kodek_banner .owl-carousel .owl-dots .owl-dot.active,
.kodek_banner .owl-carousel .owl-pagination .owl-dot.active,
.kodek_banner .owl-carousel .owl-dots .owl-page.active,
.kodek_banner .owl-carousel .owl-pagination .owl-page.active,
.kodek_banner .owl-carousel .owl-dots .owl-dot:hover,
.kodek_banner .owl-carousel .owl-pagination .owl-dot:hover,
.kodek_banner .owl-carousel .owl-dots .owl-page:hover,
.kodek_banner .owl-carousel .owl-pagination .owl-page:hover {
    background-color: #611;
    transition: .3s all ease-in-out
}

.kodek_banner .owl-carousel .owl-dots .owl-dot span,
.kodek_banner .owl-carousel .owl-pagination .owl-dot span,
.kodek_banner .owl-carousel .owl-dots .owl-page span,
.kodek_banner .owl-carousel .owl-pagination .owl-page span {
    display: none
}

.featured_cat {
    background-color: #2e303f;
    position: relative;
    padding: 80px 0
}

@media (max-width:540px) {
    .featured_cat {
        padding: 0
    }
}

.featured_cat .feature_icon {
    display: inline-block;
    width: 130px;
    height: 130px;
    object-fit: contain;
    position: absolute;
    left: -20px;
    top: -20px;
    z-index: 101
}

.featured_cat .feature_icon img {
    width: 130px;
    height: 130px;
    object-fit: contain
}

.featured_cat .feature_btn {
    width: 100%;
    padding: 15px 10px;
    display: block;
    text-align: right;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(221, 51, 51, 0.3);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: #921818
}

.featured_cat .feature_box {
    padding: 10px;
    background-color: #fff;
    display: inline-block;
    width: 100%
}

@media (max-width:540px) {
    .featured_cat .feature_box {
        margin-bottom: 30px
    }
}

.featured_cat .feature_box .image_box {
    width: 100%;
    height: auto;
    object-fit: cover;
    overflow: hidden;
    transition: .3s all ease-in-out
}

.featured_cat .feature_box .image_box img {
    width: 100%;
    height: auto;
    object-fit: cover;
    overflow: hidden;
    transition: .3s all ease-in-out
}

.featured_cat .feature_box .box_head {
    padding: 20px 0 10px;
    font-size: 15px;
    font-weight: 600;
    color: #2f2f2f;
    letter-spacing: .4px
}

.featured_cat .feature_box:hover {
    transition: .3s all ease-in-out
}

.featured_cat .feature_box:hover img {
    transform: scale(1.2);
    transition: .3s all ease-in-out
}

.featured_service {
    padding: 0;
    background-color: #a31d00;
    position: relative
}

.featured_service .service_bg {
    background-image: url(../images/kodek-service-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 860px;
    text-align: center
}

.featured_service .service_bg .service_header {
    margin: 100px 0;
    text-align: center;
    float: left;
    width: 100%
}

@media (max-width:540px) {
    .featured_service .service_bg .service_header {
        margin: 40px 0
    }
}

.featured_service .service_bg .service_header img {
    width: 250px;
    height: auto;
    object-fit: contain
}

.featured_service .service_bg .service_box {
    overflow: hidden;
    display: inline-block;
    width: 28%;
    margin: .6%
}

@media (max-width:540px) {
    .featured_service .service_bg .service_box {
        width: 90%;
        margin: 0 auto;
        margin-bottom: 20px
    }
}

.featured_service .service_bg .service_box .box_header {
    padding: 15px;
    background-color: #fff
}

.featured_service .service_bg .service_box .box_header .service_meta {
    text-align: left;
    font-size: 13px;
    position: relative;
    color: #585858;
    vertical-align: baseline
}

.featured_service .service_bg .service_box .box_header .service_meta sup {
    margin: 0 5px
}

.featured_service .service_bg .service_box .box_header .service_head {
    font-size: 14px;
    color: #2f2f2f;
    font-weight: 600;
    margin-top: 10px;
    text-align: left
}

.featured_service .service_bg .service_box .image_box {
    width: 100%;
    height: auto;
    overflow: hidden;
    object-fit: cover
}

.featured_service .service_bg .service_box .image_box img {
    width: 100%;
    height: auto;
    object-fit: cover
}

.kodek_history {
    padding: 0;
    position: relative;
    background-color: #ffc5c5
}

.kodek_history .history_box {
    width: 50%;
    min-height: 936px;
    background-image: url(../images/kodek-history-bg1.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    float: left;
    text-align: center;
    position: relative
}

@media (max-width:540px) {
    .kodek_history .history_box {
        width: 100%;
        min-height: 180px
    }
}

.kodek_history .history_box:last-child {
    background-image: url(../images/kodek-history-bg2.jpg)
}

.kodek_history .history_box img {
    width: 230px;
    height: 100px;
    object-fit: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.kodek_subscribe {
    padding: 30px 0;
    position: relative;
    background-color: #262829;
    border-top: 1px solid #e1e1e1
}

.kodek_subscribe .timeline {
    font-size: 14px;
    color: #2f2f2f;
    margin-bottom: 20px;
    letter-spacing: .4px;
    line-height: 1.3;
    width: 100%;
    display: block
}

.kodek_subscribe .timeline a {
    color: #d33
}

.kodek_subscribe .timeline_box {
    display: inline-block;
    float: left;
    width: 50%
}

@media (max-width:540px) {
    .kodek_subscribe .timeline_box {
        width: 100%;
        margin-bottom: 30px;
        text-align: left
    }
}

.kodek_subscribe .timeline_box .time_text {
    color: #2f2f2f;
    font-size: 14px;
    margin-right: 10px;
    font-weight: 600;
    display: inline-block
}

.kodek_subscribe .timeline_box .line_text {
    padding: 10px;
    background-color: #a31d00;
    color: #fff;
    display: inline-block
}

.kodek_subscribe .newsletter .letter_text {
    font-size: 14px;
    color: #2f2f2f;
    margin-bottom: 20px;
    letter-spacing: .4px;
    line-height: 1.3;
    width: 100%;
    display: block;
    margin-left: 15px
}

@media (max-width:540px) {
    .kodek_subscribe .newsletter .letter_text {
        margin-left: 0
    }
}

.kodek_subscribe .newsletter .kodek_footer_form {
    width: 100%;
    position: relative;
    padding: 0;
    margin: 0
}

.kodek_subscribe .newsletter .kodek_footer_form input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    margin: 0;
    color: #2f2f2f;
    outline: none;
    border: 0;
    border-radius: 5px;
    background-color: #fff
}

@media (max-width:540px) {
    .kodek_subscribe .newsletter .kodek_footer_form input {
        margin-bottom: 20px
    }
}

.kodek_subscribe .newsletter .kodek_footer_form button {
    margin: 0;
    padding: 0 20px;
    outline: none;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
    background-color: #d33
}

.kodek_footer {
    position: relative;
    padding: 0
}

.kodek_footer .main_footer {
    padding: 50px 0;
    position: relative;
    background-color: #181818
}

.kodek_footer .main_footer .footer_social {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 50px;
    width: 100%;
    text-align: center
}

.kodek_footer .main_footer .footer_social li {
    display: inline-block;
    margin-right: 15px
}

.kodek_footer .main_footer .footer_social li:last-child {
    margin-right: 0
}

.kodek_footer .main_footer .footer_social li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    text-align: center;
    font-size: 16px;
    background-color: #fff;
    color: #d33;
    display: inline-block
}

.kodek_footer .main_footer .footer_col_head {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.3;
    color: #fff;
    margin-bottom: 20px
}

.kodek_footer .main_footer .footer_col_text {
    display: inline-block;
    width: 50%;
    margin: 0;
    padding: 0;
    float: left
}

@media (max-width:540px) {
    .kodek_footer .main_footer .footer_col_text {
        display: block;
        width: 100%;
        margin-bottom: 20px
    }
}

.kodek_footer .main_footer .footer_col_text p,
.kodek_footer .main_footer .footer_col_text a {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8;
    color: #fff;
    display: block
}

.kodek_footer .main_footer .footer_col_text p a,
.kodek_footer .main_footer .footer_col_text a a {
    color: #d33
}

.kodek_footer .main_footer .footer_col_list {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%
}

.kodek_footer .main_footer .footer_col_list li {
    display: block;
    margin-bottom: 10px
}

.kodek_footer .main_footer .footer_col_list li a {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .5px
}

.kodek_common_banner {
    padding: 50px 0;
    position: relative;
    background-color: #fbfbfb;
    text-align: center
}

.kodek_common_banner .banner_title {
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
    text-transform: uppercase
}

.heritage_chapter {
    position: relative;
    padding: 80px 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    background-attachment: fixed;
    background-image: url(../images/kodek-chapter-bg1.jpg);
    min-height: 750px
}

.heritage_chapter.chapter_two {
    background-image: url(../images/kodek-chapter-bg2.jpg)
}

.heritage_chapter.chapter_three {
    background-image: url(../images/kodek-chapter-bg3.jpg)
}

.heritage_chapter.chapter_four {
    background-image: url(../images/kodek-chapter-bg4.jpg)
}

.heritage_chapter.service_one {
    background-image: url(../images/kodek-service-bg1.jpg)
}

.heritage_chapter.service_two {
    background-image: url(../images/kodek-service-bg2.jpg)
}

.heritage_chapter.service_three {
    background-image: url(../images/kodek-service-bg3.jpg)
}

.heritage_chapter .chapter_num {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: transparent;
    border: 2px solid #fff;
    transform: rotate(45deg);
    margin: 0 auto;
    margin-bottom: 30px
}

.heritage_chapter .chapter_num span {
    transform: rotate(-45deg);
    display: inline-block;
    color: #fff
}

.heritage_chapter .chapter_meta {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    letter-spacing: .5px;
    margin-bottom: 10px
}

.heritage_chapter .chapter_title {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 4px;
    line-height: 1.3;
    color: #fff;
    margin-bottom: 50px
}

.heritage_chapter .chapter_text {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.8;
    text-align: left;
    color: #fff;
    margin-bottom: 25px
}

.heritage_chapter .chapter_list {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 40px;
    text-align: left
}

.heritage_chapter .chapter_list li {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 1.5;
    margin-bottom: 10px;
    color: #fff;
    position: relative;
    display: inline-block;
    width: 100%;
    list-style: none;
    padding-left: 35px
}

.heritage_chapter .chapter_list li::before {
    content: '';
    height: 2px;
    width: 20px;
    background: #fff;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.heritage_chapter .chapter_btn {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.3;
    color: #fff;
    display: inline-block;
    position: relative;
    padding-top: 15px
}

.heritage_chapter .chapter_btn::before {
    content: '';
    width: 50px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

.kodek_map {
    background-color: #2e303f;
    padding: 80px 0 50px;
    position: relative
}

.kodek_map .map_box iframe {
    margin: 0;
    padding: 0;
    box-shadow: none;
    border: 1px solid #e1e1e1
}

.kodek_contact {
    background-color: #2e303f;
    padding: 50px 0 80px;
    position: relative
}

.kodek_contact .add_box {
    text-align: left;
    width: 90%
}

@media (max-width:540px) {
    .kodek_contact .add_box {
        width: 100%;
        margin-bottom: 30px
    }
}

.kodek_contact .add_box ul {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: left
}

.kodek_contact .add_box ul li {
    border-bottom: 1px solid #e1e1e1;
    padding: 25px 0;
    display: block;
    width: 100%;
    font-size: 14px;
    color: #2f2f2f;
    letter-spacing: .5px
}

.kodek_contact .add_box ul li:first-child {
    padding: 10px 0 25px
}

.kodek_contact .add_box ul li span:first-child {
    margin-right: 10px;
    width: 70px;
    display: inline-block
}

.kodek_contact .form_box .form_head {
    color: #2f2f2f;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.3;
    margin-bottom: 20px;
    text-align: left;
    position: relative;
    padding-bottom: 10px
}

.kodek_contact .form_box .form_head::after {
    content: '';
    height: 2px;
    width: 130px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #d33
}

.kodek_contact .form_box .kodek_form {
    position: relative;
    background-color: #2e303f;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #e1e1e1
}

.kodek_contact .form_box .kodek_form input,
.kodek_contact .form_box .kodek_form textarea {
    width: 100%;
    margin-bottom: 10px;
    background-color: #fff;
    border-radius: 8px;
    padding: 0 20px;
    text-align: left;
    color: #2f2f2f;
    font-size: 16px;
    height: 40px;
    line-height: 40px
}

.kodek_contact .form_box .kodek_form textarea {
    height: 100px;
    line-height: normal;
    padding: 15px 20px
}

.kodek_contact .form_box .kodek_form label {
    font-size: 15px;
    color: #2f2f2f;
    letter-spacing: .5px;
    line-height: 1.5;
    margin-bottom: 5px
}

.kodek_contact .form_box .kodek_form label::after {
    display: none
}

.kodek_contact .form_box .kodek_form button {
    height: 45px;
    line-height: 45px;
    padding: 0 25px;
    background-color: #d33;
    color: #fff;
    border-radius: 8px
}

.kodek_gallery {
    background-color: #2e303f;
    position: relative;
    padding: 80px 0
}

.kodek_gallery .gal_box {
    position: relative;
    width: 100%;
    padding: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    background-color: #fff;
    margin-bottom: 30px;
    overflow: hidden;
    transition: .3s all ease-in-out
}

.kodek_gallery .gal_box::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.2);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: .3s all ease-in-out
}

.kodek_gallery .gal_box .gal_thumb {
    position: relative;
    width: 100%;
    overflow: hidden
}

.kodek_gallery .gal_box .gal_thumb .fancybox {
    display: inline-block;
    position: relative;
    width: 350px;
    height: 350px;
    object-fit: cover;
    overflow: hidden
}

.kodek_gallery .gal_box .gal_thumb .fancybox img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    overflow: hidden
}

.kodek_gallery .gal_box .gal_text {
    padding: 10px 5px;
    background-color: #fff;
    height: 50px;
    line-height: 50px;
    overflow: hidden
}

.kodek_gallery .gal_box .gal_text h1 {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.3;
    margin: 0;
    padding: 0;
    height: 50px;
    line-height: 32px;
    overflow: hidden;
    transition: .3s all ease-in-out
}

.kodek_gallery .gal_box:hover {
    transition: .3s all ease-in-out
}

.kodek_gallery .gal_box:hover::after {
    opacity: 1;
    visibility: visible;
    transition: .3s all ease-in-out
}

.kodek_gallery .gal_box:hover .gal_text {
    transition: .3s all ease-in-out
}

.kodek_gallery .gal_box:hover .gal_text h1 {
    transition: .3s all ease-in-out;
    color: #d33
}

.process_step {
    min-height: 900px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    padding: 120px 20px 120px 20px
}

.process_step.process_one {
    background-image: url(../images/kodek-process-bg1.jpg)
}

.process_step.process_two {
    background-image: url(../images/kodek-process-bg2.jpg)
}

.process_step.process_three {
    background-image: url(../images/kodek-process-bg3.jpg)
}

.process_step.process_four {
    background-image: url(../images/kodek-process-bg4.jpg)
}

.process_step.process_five {
    background-image: url(../images/kodek-process-bg5.jpg)
}

.process_step.process_six {
    background-image: url(../images/kodek-process-bg6.jpg)
}

.process_step.process_seven {
    background-image: url(../images/kodek-process-bg7.jpg)
}

.process_step .process_index {
    max-width: 280px;
    background-color: #fff;
    position: absolute;
    left: 10%;
    top: 20%;
    margin: 0;
    border-radius: 5px;
    overflow: hidden
}

@media (max-width:540px) {
    .process_step .process_index {
        max-width: 100%;
        position: relative;
        left: 0;
        top: 0;
        margin-bottom: 20px
    }
}

.process_step .process_index label {
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer
}

@media (max-width:540px) {
    .process_step .process_index label {
        width: 100%
    }
}

.process_step .process_index label input {
    display: none
}

.process_step .process_index label input:checked~ul {
    display: block
}

.process_step .process_index label span {
    width: 250px;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    display: inline-block;
    position: relative
}

@media (max-width:540px) {
    .process_step .process_index label span {
        width: 100%;
        display: block
    }
}

.process_step .process_index label span::after {
    content: '\f0d7';
    font-family: 'FontAwesome';
    position: absolute;
    top: 50%;
    right: 15px;
    font-size: 16px;
    transform: translateY(-50%);
    color: #585858;
    pointer-events: none
}

.process_step .process_index label ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: none
}

.process_step .process_index label ul li {
    display: block;
    width: 100%
}

.process_step .process_index label ul li a {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .5px;
    color: #2f2f2f;
    padding: 10px 20px;
    transition: .3s all ease-in-out;
    display: inline-block;
    width: 100%
}

.process_step .process_index label ul li a:hover {
    background-color: #2e303f;
    transition: .3s all ease-in-out
}

.process_step .process_entry {
    margin-right: 25%;
    max-width: 300px;
    margin-left: auto;
    background-color: #2e303f;
    padding: 25px
}

@media (max-width:540px) {
    .process_step .process_entry {
        margin: 0 auto;
        max-width: 100%
    }
}

.process_step .process_entry .process_num {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: transparent;
    border: 2px solid #000;
    transform: rotate(45deg);
    margin: 0 auto;
    margin-bottom: 30px
}

.process_step .process_entry .process_num span {
    transform: rotate(-45deg);
    display: inline-block;
    color: #2f2f2f;
    font-size: 16px
}

.process_step .process_entry .process_title {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.3;
    color: #2f2f2f;
    margin-bottom: 20px;
    text-align: center
}

.process_step .process_entry .process_text {
    font-size: 10px;
    font-weight: normal;
    letter-spacing: .5px;
    line-height: 1.5;
    color: #585858;
    margin-bottom: 15px;
    text-align: center
}

.process_step .process_entry .process_btn {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    margin-bottom: 20px;
    color: #2f2f2f;
    text-align: center
}

.process_step .process_entry .fa {
    text-align: center;
    display: block;
    color: #585858
}

.kodek_category {
    background-color: #2e303f;
    padding: 80px 0;
    position: relative
}

.kodek_category .kodek_pagination {
    width: 100%;
    float: left;
    margin: 0 auto;
    display: block;
    clear: both;
    text-align: center;
    margin-top: 30px
}

.kodek_category .kodek_pagination ul {
    width: 100%;
    display: inline;
    float: none;
    padding: 0 20px;
    margin: 0 auto;
    list-style: none
}

.kodek_category .kodek_pagination ul li {
    width: 35px;
    display: inline-block;
    margin-right: 15px;
    border: 0
}

.kodek_category .kodek_pagination ul li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    color: #585858;
    font-size: 18px;
    display: inline-block
}

.kodek_category .kodek_pagination ul li a i {
    color: #d33;
    font-size: 20px
}

.kodek_category .kodek_pagination ul li a:hover {
    color: #d33
}

.kodek_category .kodek_pagination ul li.active a {
    color: #d33
}

.kodek_category .kodek_sidebar {
    width: 100%;
    position: relative;
    margin-bottom: 30px
}

.kodek_category .kodek_sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.kodek_category .kodek_sidebar ul li {
    display: block;
    width: 100%;
    border-bottom: 1px solid #e1e1e1
}

.kodek_category .kodek_sidebar ul li:last-child {
    border: 0
}

.kodek_category .kodek_sidebar ul li a {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .5px;
    padding: 0 20px;
    display: block;
    background-color: #d33;
    height: 45px;
    line-height: 45px;
    position: relative;
    padding-left: 30px;
    transition: .3s all ease-in-out
}

.kodek_category .kodek_sidebar ul li a::after {
    content: '\f054';
    font-family: 'FontAwesome';
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px
}

.kodek_category .kodek_sidebar ul li a:hover {
    background-color: #921818;
    transition: .3s all ease-in-out
}

.kodek_category .cat_box {
    width: 100%;
    display: block;
    padding: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    background-color: #fff;
    margin-bottom: 30px;
    transition: .3s all ease-in-out;
    position: relative
}

.kodek_category .cat_box img {
    width: 100%;
    height: auto;
    object-fit: cover;
    overflow: hidden
}

.kodek_category .cat_box .cat_text {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .5px;
    line-height: 1.3;
    padding: 0 5px;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    color: #2f2f2f
}

.kozan_header {
    background-color: #000;
    position: relative;
    width: 100%;
    z-index: 101
}

.kozan_header .navbar {
    background-color: #fff;
    border: 0;
    border-bottom: 2px solid #d33;
    border-radius: 0;
    position: relative;
    height: 65px;
    width: 100%;
    margin: 0;
    padding: 0
}

@media (max-width:990px) {
    .kozan_header .navbar {
        height: 75px
    }
}

@media (max-width:990px) {
    .kozan_header .navbar .navbar-header {
        width: 100%;
        margin: 0 !important;
        padding: 0 !important
    }
}

.kozan_header .navbar .navbar-header .navbar-brand {
    height: 65px;
    line-height: 65px;
    width: 130px;
    object-fit: contain;
    padding: 0;
    margin: 0;
    float: left;
    margin-right: 30px
}

@media (max-width:990px) {
    .kozan_header .navbar .navbar-header .navbar-brand {
        height: 75px;
        line-height: 75px;
        margin-right: 0;
        width: 110px
    }
}

.kozan_header .navbar .navbar-header .navbar-brand img {
    height: 65px;
    width: 100%;
    object-fit: contain
}

@media (max-width:990px) {
    .kozan_header .navbar .navbar-header .navbar-brand img {
        height: 75px
    }
}

.kozan_header .navbar .navbar-header .navbar-toggle {
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0 !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px
}

.kozan_header .navbar .navbar-header .navbar-toggle .icon-bar {
    background: #d33;
    border-radius: 0;
    height: 3px;
    width: 25px
}

.kozan_header .navbar .navbar-collapse {
    border: 0;
    margin: 0;
    padding: 0
}

@media (max-width:990px) {
    .kozan_header .navbar .navbar-collapse {
        opacity: 0
    }
}

.kozan_header .navbar .navbar-collapse .nav {
    height: 65px;
    line-height: 65px
}

.kozan_header .navbar .navbar-collapse .nav li {
    float: left;
    display: inline-block;
    height: 65px;
    line-height: 65px;
    padding: 0 10px
}

.kozan_header .navbar .navbar-collapse .nav li a {
    height: 65px;
    line-height: 65px;
    color: #2f2f2f;
    padding: 0;
    margin: 0;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 600;
    text-transform: uppercase;
    transition: .3s all ease-in-out
}

.kozan_header .navbar .navbar-collapse .nav li a.active,
.kozan_header .navbar .navbar-collapse .nav li a:hover {
    color: #454545
}

.kozan_header .navbar .navbar-collapse .nav li .quote_btn {
    height: 50px;
    line-height: 45px;
    background-color: #454545;
    padding: 0 20px;
    border-radius: 35px;
    color: #fff;
    border: 2px solid #454545;
    letter-spacing: 2px;
    font-size: 16px;
    display: inline-block;
    margin: 0;
    transition: .3s all ease-in-out
}

.kozan_header .navbar .navbar-collapse .nav li .quote_btn:hover {
    background-color: transparent;
    border: 2px solid #d33;
    color: #d33;
    transition: .3s all ease-in-out
}

.kozan_header .navbar .navbar-collapse.in {
    background-color: #1a2026;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    height: auto;
    top: 75px;
    opacity: 1
}

.kozan_header .navbar .navbar-collapse.in .nav {
    height: auto;
    line-height: normal;
    text-align: center;
    margin: 0
}

.kozan_header .navbar .navbar-collapse.in .nav li {
    float: none;
    display: block;
    padding: 0;
    width: 100%
}

.kozan_header .navbar .navbar-collapse.in .nav li a {
    background-color: transparent;
    color: #fff;
    border-bottom: 1px solid #fff
}

.kozan_header .navbar .navbar-collapse.in .nav li a.active,
.kozan_header .navbar .navbar-collapse.in .nav li a:hover {
    color: #d33
}

.kozan_banner {
    background-color: #fff;
    position: relative;
    height: auto
}

.kozan_banner .owl-carousel .owl-item {
    height: 570px;
    background-color: #fff
}

@media (max-width:990px) {
    .kozan_banner .owl-carousel .owl-item {
        height: auto;
        padding: 30px 0
    }
}

.kozan_banner .owl-carousel .owl-item img {
    height: 570px;
    width: auto;
    object-fit: contain;
    float: right;
    padding-right: 100px
}

@media (max-width:990px) {
    .kozan_banner .owl-carousel .owl-item img {
        height: 350px;
        width: 100%;
        float: none;
        padding-right: 0
    }
}

.kozan_banner .owl-carousel .owl-item .carousel-caption {
    position: absolute;
    text-align: left;
    padding: 0;
    margin: 0;
    height: auto;
    width: 60%;
    left: 15%;
    top: 50%;
    transform: translateY(-50%);
    text-shadow: none;
    right: 0;
    float: left;
    background-color: transparent
}

@media (max-width:990px) {
    .kozan_banner .owl-carousel .owl-item .carousel-caption {
        position: relative;
        text-align: center;
        padding-left: 0;
        width: 100%;
        display: block;
        float: none;
        left: 0;
        top: 0;
        right: 0;
        transform: none
    }
}

.kozan_banner .owl-carousel .owl-item .carousel-caption .slider_title {
    color: #2f2f2f;
    text-shadow: none;
    font-size: 36px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.3;
    margin-bottom: 30px;
    width: 80%;
    text-transform: uppercase
}

@media (max-width:1366px) {
    .kozan_banner .owl-carousel .owl-item .carousel-caption .slider_title {
        font-size: 35px
    }
}

@media (max-width:990px) {
    .kozan_banner .owl-carousel .owl-item .carousel-caption .slider_title {
        width: 100%;
        font-size: 30px
    }
}

.kozan_banner .owl-carousel .owl-item .carousel-caption .slider_text {
    color: #2f2f2f;
    text-shadow: none;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .5px;
    line-height: 1.5;
    margin-bottom: 30px;
    width: 70%;
    margin: 0
}

@media (max-width:1366px) {
    .kozan_banner .owl-carousel .owl-item .carousel-caption .slider_text {
        font-size: 15px
    }
}

@media (max-width:990px) {
    .kozan_banner .owl-carousel .owl-item .carousel-caption .slider_text {
        width: 90%;
        margin: 0 auto;
        font-size: 12px
    }
}

.kozan_banner .owl-carousel .owl-item .carousel-caption .slider_button {
    display: inline-block;
    height: 55px;
    line-height: 52px;
    width: auto;
    padding: 0 25px;
    background-color: #454545;
    border: 2px solid #454545;
    border-radius: 35px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #fff;
    text-shadow: none;
    text-transform: uppercase;
    transition: .3s all ease-in-out
}

.kozan_banner .owl-carousel .owl-item .carousel-caption .slider_button:hover {
    background-color: transparent;
    border: 2px solid #d33;
    color: #d33;
    transition: .3s all ease-in-out
}

.kozan_banner .owl-carousel .owl-nav,
.kozan_banner .owl-carousel .owl-buttons {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%)
}

@media (max-width:990px) {

    .kozan_banner .owl-carousel .owl-nav,
    .kozan_banner .owl-carousel .owl-buttons {
        display: none
    }
}

.kozan_banner .owl-carousel .owl-nav .owl-prev,
.kozan_banner .owl-carousel .owl-buttons .owl-prev {
    position: absolute;
    left: 0;
    width: 70px;
    height: 60px;
    line-height: 60px;
    margin: 0;
    background: #454545;
    border-radius: 0;
    padding: 0;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    outline: none;
    border: 0;
    box-shadow: none;
    text-shadow: none;
    font-size: 27px;
    color: #fff;
    opacity: 1;
    transition: .3s all ease-in-out
}

.kozan_banner .owl-carousel .owl-nav .owl-prev .fa,
.kozan_banner .owl-carousel .owl-buttons .owl-prev .fa {
    height: 60px;
    line-height: 62px;
    transition: .3s all ease-in-out
}

.kozan_banner .owl-carousel .owl-nav .owl-prev:hover,
.kozan_banner .owl-carousel .owl-buttons .owl-prev:hover {
    width: 80px;
    transition: .3s all ease-in-out
}

.kozan_banner .owl-carousel .owl-nav .owl-next,
.kozan_banner .owl-carousel .owl-buttons .owl-next {
    position: absolute;
    right: 0;
    width: 70px;
    height: 60px;
    line-height: 60px;
    margin: 0;
    background: #454545;
    border-radius: 0;
    padding: 0;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    outline: none;
    border: 0;
    box-shadow: none;
    text-shadow: none;
    font-size: 27px;
    color: #fff;
    opacity: 1;
    transition: .3s all ease-in-out
}

.kozan_banner .owl-carousel .owl-nav .owl-next .fa,
.kozan_banner .owl-carousel .owl-buttons .owl-next .fa {
    height: 60px;
    line-height: 62px;
    transition: .3s all ease-in-out
}

.kozan_banner .owl-carousel .owl-nav .owl-next:hover,
.kozan_banner .owl-carousel .owl-buttons .owl-next:hover {
    width: 80px;
    transition: .3s all ease-in-out
}

.kozan_banner .owl-carousel .owl-dots,
.kozan_banner .owl-carousel .owl-pagination {
    position: absolute;
    left: 16%;
    bottom: 10%;
    width: auto
}

@media (max-width:1366px) {

    .kozan_banner .owl-carousel .owl-dots,
    .kozan_banner .owl-carousel .owl-pagination {
        left: 35%;
        bottom: 29%
    }
}

@media (max-width:990px) {

    .kozan_banner .owl-carousel .owl-dots,
    .kozan_banner .owl-carousel .owl-pagination {
        left: 50%;
        transform: translateX(-50%);
        bottom: 30px
    }
}

.kozan_banner .owl-carousel .owl-dots .owl-dot,
.kozan_banner .owl-carousel .owl-pagination .owl-dot,
.kozan_banner .owl-carousel .owl-dots .owl-page,
.kozan_banner .owl-carousel .owl-pagination .owl-page {
    border-radius: 50%;
    margin-right: 13px;
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 35px;
    background-color: #454545;
    outline: none;
    border: 0;
    transition: .3s all ease-in-out
}

.kozan_banner .owl-carousel .owl-dots .owl-dot span,
.kozan_banner .owl-carousel .owl-pagination .owl-dot span,
.kozan_banner .owl-carousel .owl-dots .owl-page span,
.kozan_banner .owl-carousel .owl-pagination .owl-page span {
    display: none
}

.kozan_banner .owl-carousel .owl-dots .owl-dot.active,
.kozan_banner .owl-carousel .owl-pagination .owl-dot.active,
.kozan_banner .owl-carousel .owl-dots .owl-page.active,
.kozan_banner .owl-carousel .owl-pagination .owl-page.active {
    width: 30px;
    transition: .3s all ease-in-out
}

.kozan_banner .owl-carousel .owl-dots .owl-dot:last-child,
.kozan_banner .owl-carousel .owl-pagination .owl-dot:last-child,
.kozan_banner .owl-carousel .owl-dots .owl-page:last-child,
.kozan_banner .owl-carousel .owl-pagination .owl-page:last-child {
    margin-right: 0
}

.kozan_btn {
    display: inline-block;
    height: 45px;
    line-height: 42px;
    width: auto;
    padding: 0 25px;
    background-color: #d33;
    border: 2px solid transparent;
    border-radius: 35px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    transition: .3s all ease-in-out
}

.kozan_btn:hover {
    background-color: transparent;
    border: 2px solid #d33;
    color: #d33;
    transition: .3s all ease-in-out
}

.kozan_about {
    padding: 0;
    margin: 0;
    position: relative;
    background-color: #fff
}

.kozan_about .nn_col {
    padding: 0
}

.kozan_about .about_bg {
    height: 500px;
    background-image: url(../images/kozan_about_bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

@media (max-width:990px) {
    .kozan_about .about_bg {
        height: 350px
    }
}

.kozan_about .about_bg.second_bg {
    background-image: url(../images/kozan_second_bg.jpg)
}

.kozan_about .about_detail {
    background-color: #d33;
    padding: 100px;
    height: 500px;
    color: #fff
}

@media (max-width:1366px) {
    .kozan_about .about_detail {
        padding: 60px
    }
}

@media (max-width:990px) {
    .kozan_about .about_detail {
        height: auto;
        padding: 30px;
        text-align: center
    }
}

.kozan_about .about_detail.deatil_bg {
    background-color: #fff;
    color: #2f2f2f
}

.kozan_about .about_detail.deatil_bg .about_btn {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    height: 55px;
    line-height: 52px;
    color: #2f2f2f;
    background-color: transparent;
    border: 2px solid #2f2f2f;
    display: inline-block;
    padding: 0 25px;
    border-radius: 35px;
    margin: 25px 0;
    text-transform: uppercase;
    float: left;
    margin-right: 25px;
    transition: .3s all ease-in-out
}

@media (max-width:990px) {
    .kozan_about .about_detail.deatil_bg .about_btn {
        float: none;
        display: block;
        margin-right: 0;
        margin: 20px 0
    }
}

.kozan_about .about_detail.deatil_bg .about_btn:hover {
    background-color: #2f2f2f;
    border: 2px solid #2f2f2f;
    color: #fff;
    transition: .3s all ease-in-out
}

.kozan_about .about_detail.deatil_bg .about_btn.btn_two {
    border: 0;
    background: transparent;
    color: #2f2f2f;
    position: relative
}

@media (max-width:990px) {
    .kozan_about .about_detail.deatil_bg .about_btn.btn_two {
        margin: 0
    }
}

.kozan_about .about_detail.deatil_bg .about_btn.btn_two::after {
    content: '\f054';
    font-family: 'FontAwesome';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: #2f2f2f;
    transition: .3s all ease-in-out
}

@media (max-width:990px) {
    .kozan_about .about_detail.deatil_bg .about_btn.btn_two::after {
        display: none
    }
}

.kozan_about .about_detail.deatil_bg .about_btn.btn_two:hover {
    transition: .3s all ease-in-out
}

.kozan_about .about_detail.deatil_bg .about_btn.btn_two:hover::after {
    right: -10px;
    color: #d33
}

.kozan_about .about_detail .about_meta {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.3;
    margin-bottom: 15px;
    text-transform: uppercase
}

.kozan_about .about_detail .about_title {
    margin-bottom: 20px;
    line-height: 1.3;
    font-size: 32px
}

@media (max-width:990px) {
    .kozan_about .about_detail .about_title {
        font-size: 25px
    }
}

.kozan_about .about_detail .about_text {
    line-height: 1.8;
    letter-spacing: .5px;
    font-size: 14px;
    font-weight: 400;
    width: 85%
}

@media (max-width:990px) {
    .kozan_about .about_detail .about_text {
        width: 100%;
        margin-bottom: 30px
    }
}

.kozan_about .about_detail .about_btn {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    height: 55px;
    line-height: 52px;
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    display: inline-block;
    padding: 0 25px;
    border-radius: 35px;
    margin: 25px 0;
    text-transform: uppercase;
    float: left;
    margin-right: 25px;
    transition: .3s all ease-in-out
}

@media (max-width:990px) {
    .kozan_about .about_detail .about_btn {
        float: none;
        display: block;
        margin-right: 0;
        margin: 20px 0
    }
}

.kozan_about .about_detail .about_btn:hover {
    background-color: #fff;
    border: 2px solid #fff;
    color: #d33;
    transition: .3s all ease-in-out
}

.kozan_about .about_detail .about_btn.btn_two {
    border: 0;
    background: transparent;
    color: #fff;
    position: relative
}

@media (max-width:990px) {
    .kozan_about .about_detail .about_btn.btn_two {
        margin: 0
    }
}

.kozan_about .about_detail .about_btn.btn_two::after {
    content: '\f054';
    font-family: 'FontAwesome';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: #fff;
    transition: .3s all ease-in-out
}

@media (max-width:990px) {
    .kozan_about .about_detail .about_btn.btn_two::after {
        display: none
    }
}

.kozan_about .about_detail .about_btn.btn_two:hover {
    transition: .3s all ease-in-out
}

.kozan_about .about_detail .about_btn.btn_two:hover::after {
    right: -10px
}

.kozan_pro {
    padding: 15px 0;
    background-color: #fff;
    position: relative
}

.kozan_pro .nn_col {
    padding-right: 0
}

@media (max-width:990px) {
    .kozan_pro .nn_col {
        padding: 0 15px
    }
}

.kozan_pro .nn_col:last-child {
    padding-right: 15px
}

.kozan_pro .pro_box {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 180px;
    line-height: 180px;
    text-align: center;
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 2;
    color: #fff;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
    transition: .3s all ease-in-out
}

@media (max-width:990px) {
    .kozan_pro .pro_box {
        margin-bottom: 15px
    }
}

.kozan_pro .pro_box::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: -1;
    transition: .3s all ease-in-out
}

.kozan_pro .pro_box.pro_bg1 {
    background-image: url(../images/kozan_pro1.jpg)
}

.kozan_pro .pro_box.pro_bg2 {
    background-image: url(../images/kozan_pro2.jpg)
}

.kozan_pro .pro_box.pro_bg3 {
    background-image: url(../images/kozan_pro3.jpg)
}

.kozan_pro .pro_box.pro_bg4 {
    background-image: url(../images/kozan_pro4.jpg)
}

.kozan_pro .pro_box:hover {
    transition: .3s all ease-in-out;
    color: #d33
}

.kozan_pro .pro_box:hover::after {
    background-color: rgba(0, 0, 0, 0.8);
    transition: .3s all ease-in-out
}

.kozan_panel {
    background-color: #fff;
    padding: 0;
    margin: 0;
    position: relative
}

.kozan_panel .nn_col {
    padding: 0
}

.kozan_panel img {
    width: 40%;
    height: 370px;
    display: inline-block;
    float: left;
    object-fit: cover
}

@media (max-width:1366px) {
    .kozan_panel img {
        height: 410px
    }
}

@media (max-width:990px) {
    .kozan_panel img {
        width: 100%;
        float: none;
        display: block
    }
}

.kozan_panel .panel_detail {
    width: 60%;
    display: inline-block;
    float: left;
    padding: 50px;
    height: 370px;
    background-color: #ffc5c5
}

@media (max-width:1366px) {
    .kozan_panel .panel_detail {
        padding: 30px;
        height: 410px
    }
}

@media (max-width:990px) {
    .kozan_panel .panel_detail {
        width: 100%;
        display: block;
        float: none;
        padding: 30px;
        height: auto
    }
}

.kozan_panel .panel_detail .panel_meta {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
    line-height: 1.3;
    margin-bottom: 25px;
    color: #d33
}

.kozan_panel .panel_detail .panel_head {
    margin-bottom: 20px;
    line-height: 1.3;
    font-size: 23px;
    color: #2f2f2f;
    font-weight: 600
}

.kozan_panel .panel_detail .panel_text {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.8;
    color: #585858;
    text-align: justify;
    margin-bottom: 20px
}

.kozan_panel .panel_detail .panel_btn {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    color: #2f2f2f;
    position: relative;
    display: inline-block;
    padding-right: 30px;
    text-transform: uppercase
}

.kozan_panel .panel_detail .panel_btn::after {
    content: '\f054';
    font-family: 'FontAwesome';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: #2f2f2f;
    transition: .3s all ease-in-out
}

.kozan_panel .panel_detail .panel_btn:hover::after {
    right: -10px;
    color: #d33;
    transition: .3s all ease-in-out
}

.kozan_panel .panel_bg {
    height: 370px;
    background-image: url(../images/kozan_panel_bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

@media (max-width:1366px) {
    .kozan_panel .panel_bg {
        height: 410px
    }
}

.kozan_pro_slider {
    padding: 80px 0;
    background-color: #fbfbfb;
    position: relative
}

.kozan_pro_slider .owl-carousel .owl-item {
    overflow: hidden;
    border-right: 1px solid #e1e1e1
}

.kozan_pro_slider .owl-carousel .owl-item img {
    height: 285px;
    width: 100%;
    object-fit: cover
}

.kozan_pro_slider .owl-carousel .owl-item .carousel-caption {
    position: relative;
    padding: 25px;
    margin: 0;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    text-align: center;
    text-shadow: none;
    background-color: #fff;
    border-top: 1px solid #e1e1e1
}

.kozan_pro_slider .owl-carousel .owl-item .carousel-caption .slider_title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 20px;
    color: #2f2f2f
}

.kozan_pro_slider .owl-carousel .owl-item .carousel-caption .slider_text {
    font-size: 0;
    display: none
}

.kozan_pro_slider .owl-carousel .owl-item .carousel-caption .slider_button {
    display: inline-block;
    height: 45px;
    line-height: 42px;
    width: auto;
    padding: 0 25px;
    background-color: #212121;
    border: 2px solid transparent;
    border-radius: 35px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    transition: .3s all ease-in-out
}

.kozan_pro_slider .owl-carousel .owl-item .carousel-caption .slider_button:hover {
    background-color: transparent;
    border: 2px solid #454545;
    color: #d33;
    transition: .3s all ease-in-out
}

.kozan_pro_slider .owl-carousel .owl-nav,
.kozan_pro_slider .owl-carousel .owl-buttons {
    width: 100%;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    position: absolute
}

@media (max-width:990px) {

    .kozan_pro_slider .owl-carousel .owl-nav,
    .kozan_pro_slider .owl-carousel .owl-buttons {
        display: none
    }
}

.kozan_pro_slider .owl-carousel .owl-nav .owl-prev,
.kozan_pro_slider .owl-carousel .owl-buttons .owl-prev {
    position: absolute;
    left: -40px;
    width: 35px;
    height: 55px;
    line-height: 55px;
    background: #454545;
    color: #fff;
    outline: none;
    border: 0;
    font-size: 25px;
    padding: 0;
    border-radius: 0;
    opacity: 1;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}

.kozan_pro_slider .owl-carousel .owl-nav .owl-next,
.kozan_pro_slider .owl-carousel .owl-buttons .owl-next {
    position: absolute;
    right: -40px;
    width: 35px;
    height: 55px;
    line-height: 55px;
    background: #454545;
    color: #fff;
    outline: none;
    border: 0;
    font-size: 25px;
    padding: 0;
    border-radius: 0;
    opacity: 1;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}

.kozan_list {
    background-color: #fff;
    padding: 80px 0;
    position: relative
}

@media (max-width:990px) {
    .kozan_list {
        padding: 50px 0
    }
}

.kozan_list .list_title {
    color: #2f2f2f;
    font-size: 32px;
    margin-bottom: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    text-align: center;
    text-transform: uppercase;
    position: relative
}

.kozan_list .list_meta {
    display: block;
    width: 100%;
    margin-bottom: 50px;
    color: #585858;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .5px;
    text-align: center;
    padding-bottom: 20px;
    position: relative
}

.kozan_list .list_meta::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    height: 3px;
    background: #454545;
    width: 100px;
    border-radius: 1px
}

.kozan_list .download_btn {
    height: 55px;
    line-height: 52px;
    font-size: 15px;
    font-weight: 600;
    padding: 0 25px;
    border-radius: 35px;
    border: 2px solid #d33;
    display: block;
    width: 60%;
    float: none;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    background-color: #d33;
    letter-spacing: .5px;
    position: relative;
    transition: .3s all ease-in-out
}

.kozan_list .download_btn::before {
    content: '\f019';
    font-family: 'FontAwesome';
    display: inline-block;
    font-size: 16px;
    margin-right: 10px
}

.kozan_list .download_btn:hover {
    background-color: transparent;
    border: 2px solid #d33;
    color: #d33;
    transition: .3s all ease-in-out
}

.kozan_list img {
    width: 360px;
    height: 245px;
    margin: 0 auto
}

.kozan_list .catalog_list {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 50%;
    float: left;
    display: inline-block
}

@media (max-width:990px) {
    .kozan_list .catalog_list {
        width: 100%;
        float: none;
        display: block;
        margin-bottom: 30px;
        text-align: center
    }
}

@media (max-width:990px) {
    .kozan_list .catalog_list:last-child {
        margin-bottom: 0
    }
}

.kozan_list .catalog_list li {
    font-size: 14px;
    font-weight: 500;
    color: #2f2f2f;
    margin-bottom: 8px;
    position: relative;
    padding-left: 20px
}

.kozan_list .catalog_list li::before {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #454545
}

@media (max-width:990px) {
    .kozan_list .catalog_list li::before {
        display: none
    }
}

.kozan_service {
    position: relative;
    background-color: #181818;
    padding: 50px 0
}

.kozan_service .service_box {
    width: 100%;
    position: relative;
    text-align: center
}

@media (max-width:990px) {
    .kozan_service .service_box {
        margin-bottom: 30px
    }
}

.kozan_service .service_box .service_icon {
    width: 64px;
    height: 64px;
    display: block;
    margin: 0 auto;
    object-fit: contain;
    margin-bottom: 15px
}

.kozan_service .service_box .service_icon img {
    width: 64px;
    height: 64px;
    object-fit: contain
}

.kozan_service .service_box .service_head {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.3;
    margin-bottom: 15px;
    color: #fff;
    text-transform: uppercase
}

.kozan_service .service_box .service_text {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.8;
    color: #fff
}

.kozan_home_form {
    padding: 50px 0;
    background-color: #fff;
    position: relative
}

.kozan_home_form .slider_title {
    font-size: 24px;
    color: #2f2f2f;
    font-weight: 600;
    margin-bottom: 10px;
    letter-spacing: .5px;
    line-height: 1.3;
    text-align: center;
    text-transform: uppercase
}

.kozan_home_form .slider_meta {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.5;
    width: 60%;
    margin: 0 auto;
    color: #585858;
    margin-bottom: 40px;
    text-align: center;
    padding-bottom: 5px;
    position: relative
}

.kozan_home_form .slider_meta::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    height: 3px;
    background: #d33;
    width: 100px;
    border-radius: 1px
}

.kozan_home_form .owl-carousel .owl-item img {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0
}

.kozan_home_form .owl-carousel .owl-dots,
.kozan_home_form .owl-carousel .owl-pagination {
    width: 100%;
    text-align: center;
    position: relative;
    bottom: 10px
}

.kozan_home_form .owl-carousel .owl-dots .owl-dot,
.kozan_home_form .owl-carousel .owl-pagination .owl-dot,
.kozan_home_form .owl-carousel .owl-dots .owl-page,
.kozan_home_form .owl-carousel .owl-pagination .owl-page {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 8px;
    background: transparent;
    border: 1px solid #454545;
    outline: none
}

.kozan_home_form .owl-carousel .owl-dots .owl-dot span,
.kozan_home_form .owl-carousel .owl-pagination .owl-dot span,
.kozan_home_form .owl-carousel .owl-dots .owl-page span,
.kozan_home_form .owl-carousel .owl-pagination .owl-page span {
    display: none
}

.kozan_home_form .owl-carousel .owl-dots .owl-dot.active,
.kozan_home_form .owl-carousel .owl-pagination .owl-dot.active,
.kozan_home_form .owl-carousel .owl-dots .owl-page.active,
.kozan_home_form .owl-carousel .owl-pagination .owl-page.active {
    background-color: #454545;
    border: 0
}

.kozan_home_form .slider_form {
    padding: 0;
    margin: 0;
    width: 100%;
    position: relative
}

@media (max-width:990px) {
    .kozan_home_form .slider_form {
        margin-bottom: 30px
    }
}

.kozan_home_form .slider_form input,
.kozan_home_form .slider_form textarea {
    height: 55px;
    line-height: 55px;
    width: 100%;
    margin-bottom: 15px;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    padding: 0 20px;
    color: #2f2f2f;
    font-weight: 500;
    transition: .3s all ease-in-out
}

.kozan_home_form .slider_form input::-webkit-input-placeholder,
.kozan_home_form .slider_form textarea::-webkit-input-placeholder {
    color: #2f2f2f
}

.kozan_home_form .slider_form input::-moz-placeholder,
.kozan_home_form .slider_form textarea::-moz-placeholder {
    color: #2f2f2f
}

.kozan_home_form .slider_form input:-ms-input-placeholder,
.kozan_home_form .slider_form textarea:-ms-input-placeholder {
    color: #2f2f2f
}

.kozan_home_form .slider_form input:-moz-placeholder,
.kozan_home_form .slider_form textarea:-moz-placeholder {
    color: #2f2f2f
}

.kozan_home_form .slider_form input:focus,
.kozan_home_form .slider_form textarea:focus {
    box-shadow: inset 5px 5px 20px -10px rgba(0, 0, 0, 0.3);
    transition: .3s all ease-in-out
}

.kozan_home_form .slider_form textarea {
    height: 130px
}

.kozan_home_form .slider_form button {
    display: inline-block;
    height: 45px;
    line-height: 42px;
    width: auto;
    padding: 0 25px;
    background-color: #454545;
    border: 2px solid transparent;
    border-radius: 35px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    transition: .3s all ease-in-out
}

.kozan_home_form .slider_form button:hover {
    background-color: transparent;
    border: 2px solid #d33;
    color: #d33;
    transition: .3s all ease-in-out
}

.kozan_footer {
    background-color: #181818;
    position: relative
}

.kozan_footer .footer_form {
    position: relative;
    padding: 50px 0 0
}

.kozan_footer .footer_form .form_box {
    background-color: #fff;
    display: inline-block;
    width: 100%;
    border-radius: 15px;
    padding: 20px 0
}

.kozan_footer .footer_form .form_box .footer_logo {
    display: inline-block;
    height: 55px;
    width: 130px
}

@media (max-width:990px) {
    .kozan_footer .footer_form .form_box .footer_logo {
        width: 100%;
        text-align: center;
        margin-bottom: 20px
    }
}

.kozan_footer .footer_form .form_box .footer_logo img {
    height: 55px;
    width: 130px;
    object-fit: contain
}

@media (max-width:990px) {
    .kozan_footer .footer_form .form_box .footer_logo img {
        width: 100%
    }
}

.kozan_footer .footer_form .form_box .kozan_subscribe {
    padding: 0;
    margin: 0;
    position: relative;
    width: 100%;
    display: inline-block
}

.kozan_footer .footer_form .form_box .kozan_subscribe .form-field {
    padding: 0
}

@media (max-width:990px) {
    .kozan_footer .footer_form .form_box .kozan_subscribe .form-field {
        padding: 0 15px
    }
}

.kozan_footer .footer_form .form_box .kozan_subscribe input {
    margin: 0;
    padding: 0 20px;
    height: 55px;
    border-radius: 0;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    outline: none;
    transition: .3s all ease-in-out
}

@media (max-width:990px) {
    .kozan_footer .footer_form .form_box .kozan_subscribe input {
        border-radius: 7px;
        margin-bottom: 15px
    }
}

.kozan_footer .footer_form .form_box .kozan_subscribe input::-webkit-input-placeholder {
    color: #2f2f2f
}

.kozan_footer .footer_form .form_box .kozan_subscribe input::-moz-placeholder {
    color: #2f2f2f
}

.kozan_footer .footer_form .form_box .kozan_subscribe input:-ms-input-placeholder {
    color: #2f2f2f
}

.kozan_footer .footer_form .form_box .kozan_subscribe input:-moz-placeholder {
    color: #2f2f2f
}

.kozan_footer .footer_form .form_box .kozan_subscribe input:focus {
    box-shadow: inset 5px 5px 20px -10px rgba(0, 0, 0, 0.3);
    transition: .3s all ease-in-out
}

.kozan_footer .footer_form .form_box .kozan_subscribe button {
    height: 55px;
    line-height: 55px;
    background-color: #454545;
    border: 0;
    outline: none;
    box-shadow: none;
    border-radius: 0;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    padding: 0 25px;
    margin: 0;
    font-weight: 600;
    color: #fff;
    font-size: 16px;
    letter-spacing: 1px;
    width: 100%;
    transition: .3s all ease-in-out
}

@media (max-width:990px) {
    .kozan_footer .footer_form .form_box .kozan_subscribe button {
        border-radius: 7px
    }
}

.kozan_footer .footer_form .form_box .kozan_subscribe button:hover {
    box-shadow: inset 5px 5px 20px -10px rgba(0, 0, 0, 0.3);
    transition: .3s all ease-in-out
}

.kozan_footer .main_footer {
    padding: 50px 0 0;
    background-color: transparent;
    position: relative
}

.kozan_footer .main_footer .col_head {
    color: #d33;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.3;
    margin-bottom: 15px;
    text-transform: uppercase
}

.kozan_footer .main_footer .col_text {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.8;
    color: #fff;
    width: 85%
}

@media (max-width:990px) {
    .kozan_footer .main_footer .col_text {
        width: 100%;
        text-align: justify;
        margin-bottom: 30px
    }
}

.kozan_footer .main_footer .col_list {
    padding: 0;
    margin: 0;
    list-style: none
}

@media (max-width:990px) {
    .kozan_footer .main_footer .col_list {
        margin-bottom: 30px
    }
}

.kozan_footer .main_footer .col_list li {
    display: block;
    width: 100%;
    list-style: none;
    margin-bottom: 15px
}

.kozan_footer .main_footer .col_list li a {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .5px;
    line-height: 1.3;
    color: #fff;
    position: relative;
    padding-left: 12px
}

.kozan_footer .main_footer .col_list li a::before {
    content: '\f0da';
    font-family: 'FontAwesome';
    font-size: 15px;
    color: #454545;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.kozan_footer .main_footer .col_add {
    padding: 0;
    margin: 0;
    list-style: none
}

.kozan_footer .main_footer .col_add li {
    list-style: none;
    margin-bottom: 15px;
    display: block;
    width: 100%
}

.kozan_footer .main_footer .col_add li span {
    display: inline-block;
    color: #fff;
    font-size: 14px
}

.kozan_footer .main_footer .col_add li span.fa {
    color: #d33;
    margin-right: 10px;
    font-size: 15px
}

.kozan_footer .copy_footer {
    padding: 40px 0 50px;
    position: relative
}

.kozan_footer .copy_footer .copy_bg {
    background-color: #fff;
    display: inline-block;
    width: 100%;
    border-radius: 15px;
    padding: 20px
}

.kozan_footer .copy_footer .copy_bg .copy_text {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .5px;
    color: #2f2f2f;
    text-align: left;
    height: 40px;
    line-height: 40px
}

@media (max-width:990px) {
    .kozan_footer .copy_footer .copy_bg .copy_text {
        height: auto;
        line-height: normal;
        text-align: center;
        margin-bottom: 20px
    }
}

.kozan_footer .copy_footer .copy_bg .col_social {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
    text-align: right
}

@media (max-width:990px) {
    .kozan_footer .copy_footer .copy_bg .col_social {
        text-align: center;
        margin: 0 auto
    }
}

.kozan_footer .copy_footer .copy_bg .col_social li {
    list-style: none;
    display: inline-block;
    margin-right: 10px
}

.kozan_footer .copy_footer .copy_bg .col_social li:last-child {
    margin-right: 0
}

.kozan_footer .copy_footer .copy_bg .col_social li a {
    height: 40px;
    width: 40px;
    line-height: 42px;
    text-align: center;
    border-radius: 8px;
    background-color: #d33;
    color: #fff;
    font-size: 20px;
    transition: .3s all ease-in-out
}

.kozan_footer .copy_footer .copy_bg .col_social li a:hover {
    box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.47843137);
    transition: .3s all ease-in-out
}

.kozan_beadcrums {
    padding: 10px 0;
    background-color: #1a2026;
    position: relative
}

.kozan_beadcrums .breadcrums_head {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.3;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    color: #fff;
    text-align: left
}

@media (max-width:990px) {
    .kozan_beadcrums .breadcrums_head {
        text-align: center;
        margin-bottom: 20px
    }
}

.kozan_beadcrums .breadcrumb {
    text-align: right;
    display: inline-block;
    float: right
}

@media (max-width:990px) {
    .kozan_beadcrums .breadcrumb {
        float: none;
        width: 100%;
        text-align: center
    }
}

.kozan_beadcrums .breadcrumb li {
    display: inline-block;
    font-size: 15px;
    letter-spacing: .5px
}

.kozan_beadcrums .breadcrumb li.active {
    color: #d33
}

.kozan_beadcrums .breadcrumb li.active::before {
    content: '|';
    padding: 0 8px;
    color: #fff;
    opacity: .6
}

.kozan_beadcrums .breadcrumb li a {
    color: #fff;
    letter-spacing: .5px;
    font-size: 15px
}

.kozan_cmn_banner {
    background-color: #262829;
    position: relative;
    padding-top: 290px;
    padding-bottom: 30px
}

@media (max-width:990px) {
    .kozan_cmn_banner {
        padding: 30px 0;
        text-align: center
    }
}

.kozan_cmn_banner .cmn_head,
.kozan_cmn_banner .second_head {
    font-size: 36px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.3;
    margin-bottom: 10px;
    color: #fff;
    text-transform: uppercase
}

.kozan_cmn_banner .cmn_head.second_head,
.kozan_cmn_banner .second_head.second_head {
    color: #998979;
    margin-bottom: 0
}

@media (max-width:990px) {

    .kozan_cmn_banner .cmn_head,
    .kozan_cmn_banner .second_head {
        font-size: 20px
    }
}

.kozan_gallery {
    padding: 50px 0;
    position: relative;
    background-color: #998979
}

.kozan_gallery .gallery_container {
    padding: 10px;
    background-color: #fff;
    float: left;
    width: 100%
}

.kozan_gallery .gallery_container .data_box {
    width: 50%;
    padding: 10px;
    float: left;
    position: relative
}

@media (max-width:990px) {
    .kozan_gallery .gallery_container .data_box {
        width: 100%
    }
}

.kozan_gallery .gallery_container .data_box .gallery_box {
    width: 100%;
    display: inline-block;
    float: left;
    position: relative;
    transition: .5s all ease-in-out
}

.kozan_gallery .gallery_container .data_box .gallery_box::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
    opacity: 0;
    transition: .5s all ease-in-out;
    pointer-events: none
}

@media (max-width:990px) {
    .kozan_gallery .gallery_container .data_box .gallery_box::after {
        opacity: 1
    }
}

.kozan_gallery .gallery_container .data_box .gallery_box img {
    width: 100%;
    height: 450px;
    object-fit: cover
}

@media (max-width:990px) {
    .kozan_gallery .gallery_container .data_box .gallery_box img {
        height: 280px
    }
}

.kozan_gallery .gallery_container .data_box .gallery_box .data_table {
    display: inline-block;
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    text-align: center;
    z-index: 2;
    opacity: 0;
    transition: .5s all ease-in-out
}

@media (max-width:990px) {
    .kozan_gallery .gallery_container .data_box .gallery_box .data_table {
        opacity: 1
    }
}

.kozan_gallery .gallery_container .data_box .gallery_box .data_table .slider_title {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 10px;
    color: #fff;
    text-transform: uppercase
}

@media (max-width:990px) {
    .kozan_gallery .gallery_container .data_box .gallery_box .data_table .slider_title {
        font-size: 16px
    }
}

.kozan_gallery .gallery_container .data_box .gallery_box .data_table .slider_text {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.5;
    color: #fff
}

@media (max-width:990px) {
    .kozan_gallery .gallery_container .data_box .gallery_box .data_table .slider_text {
        font-size: 13px
    }
}

.kozan_gallery .gallery_container .data_box .gallery_box:hover {
    transition: .5s all ease-in-out
}

.kozan_gallery .gallery_container .data_box .gallery_box:hover::after {
    opacity: 1;
    transition: .5s all ease-in-out
}

.kozan_gallery .gallery_container .data_box .gallery_box:hover .data_table {
    opacity: 1;
    transition: .5s all ease-in-out
}

.kozan_gallery .gallery_container .data_image {
    width: 100%;
    padding: 10px
}

.kozan_gallery .gallery_container .data_image .image_box {
    width: 100%;
    display: inline-block;
    position: relative;
    margin-bottom: 20px;
    height: 600px;
    object-fit: cover
}

.kozan_gallery .gallery_container .data_image .image_box:last-child {
    margin-bottom: 0
}

@media (max-width:990px) {
    .kozan_gallery .gallery_container .data_image .image_box {
        height: 250px
    }
}

.kozan_gallery .gallery_container .data_image .image_box img {
    width: 100%;
    height: 600px;
    object-fit: cover
}

@media (max-width:990px) {
    .kozan_gallery .gallery_container .data_image .image_box img {
        height: 250px
    }
}

.kozan_gallery .data_panel {
    padding: 60px 60px 40px;
    background-color: #262829;
    position: relative;
    width: 100%;
    margin-top: 50px;
    float: left
}

@media (max-width:990px) {
    .kozan_gallery .data_panel {
        padding: 30px;
        text-align: center
    }
}

.kozan_gallery .data_panel .slider_title {
    color: #998979;
    margin-bottom: 15px;
    font-size: 23px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.3;
    text-transform: uppercase
}

@media (max-width:990px) {
    .kozan_gallery .data_panel .slider_title {
        font-size: 14px
    }
}

.kozan_gallery .data_panel .slider_text {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.8;
    color: #fff
}

@media (max-width:990px) {
    .kozan_gallery .data_panel .slider_text {
        font-size: 13px
    }
}

.mimtur_header {
    position: absolute;
    top: 0;
    background-color: transparent;
    height: 110px;
    width: 100%;
    z-index: 101
}

.mimtur_header .navbar {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    height: 110px
}

@media (max-width:990px) {
    .mimtur_header .navbar {
        height: 90px
    }
}

.mimtur_header .navbar .navbar-header {
    margin: 0
}

@media (max-width:990px) {
    .mimtur_header .navbar .navbar-header {
        height: 90px
    }
}

.mimtur_header .navbar .navbar-header .navbar-brand {
    height: 150px;
    width: 180px;
    object-fit: contain;
    float: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 101;
    outline: none
}

@media (max-width:990px) {
    .mimtur_header .navbar .navbar-header .navbar-brand {
        height: 90px;
        width: 90px
    }
}

.mimtur_header .navbar .navbar-header .navbar-brand img {
    width: 180px;
    height: 150px;
    object-fit: contain
}

@media (max-width:990px) {
    .mimtur_header .navbar .navbar-header .navbar-brand img {
        height: 90px;
        width: 90px
    }
}

.mimtur_header .navbar .navbar-header .navbar-toggle {
    border: 0;
    background-color: #fff;
    margin: 0;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    padding: 10px;
    z-index: 1
}

.mimtur_header .navbar .navbar-header .navbar-toggle .icon-bar {
    background: #d33
}

.mimtur_header .navbar .navbar-header .navbar-toggle.collapsed {
    background-color: #d33
}

.mimtur_header .navbar .navbar-header .navbar-toggle.collapsed .icon-bar {
    background: #fff
}

.mimtur_header .navbar .navbar-collapse {
    background-image: url(../images/mimtur_header_bg.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    margin: 0;
    height: 110px !important;
    padding: 0 30px
}

@media (max-width:990px) {
    .mimtur_header .navbar .navbar-collapse {
        height: auto !important;
        padding: 20px 0
    }
}

.mimtur_header .navbar .navbar-collapse .navbar-container {
    position: relative;
    height: 80px;
    background-color: #d33;
    display: block;
    border: 1px solid #fff;
    padding: 0 90px
}

@media (max-width:1024px) {
    .mimtur_header .navbar .navbar-collapse .navbar-container {
        padding: 0 60px
    }
}

@media (max-width:990px) {
    .mimtur_header .navbar .navbar-collapse .navbar-container {
        height: auto;
        padding: 0
    }
}

.mimtur_header .navbar .navbar-collapse .navbar-container .nav {
    height: 80px;
    position: relative;
    padding: 0;
    margin: 0
}

@media (max-width:990px) {
    .mimtur_header .navbar .navbar-collapse .navbar-container .nav {
        height: auto
    }
}

.mimtur_header .navbar .navbar-collapse .navbar-container .nav li {
    height: 60px;
    display: inline-block;
    padding: 10px 0
}

@media (max-width:990px) {
    .mimtur_header .navbar .navbar-collapse .navbar-container .nav li {
        display: block;
        width: 100%
    }
}

.mimtur_header .navbar .navbar-collapse .navbar-container .nav li a {
    height: 60px;
    line-height: 60px;
    background-color: transparent;
    color: #fff;
    padding: 0 15px;
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .5px;
    border-right: 1px dashed #fff;
    transition: .3s all ease-in-out
}

@media (max-width:1024px) {
    .mimtur_header .navbar .navbar-collapse .navbar-container .nav li a {
        font-size: 13px;
        padding: 0 10px
    }
}

@media (max-width:990px) {
    .mimtur_header .navbar .navbar-collapse .navbar-container .nav li a {
        width: 100%;
        display: inline-block;
        text-align: center
    }
}

.mimtur_header .navbar .navbar-collapse .navbar-container .nav li a.active,
.mimtur_header .navbar .navbar-collapse .navbar-container .nav li a:hover {
    background-color: #2e303f;
    transition: .3s all ease-in-out
}

.mimtur_header .navbar .navbar-collapse .navbar-container .nav li:last-child a {
    border: 0
}

.mimtur_header .navbar .navbar-collapse .navbar-container .nav li.dropdown {
    height: 80px
}

.mimtur_header .navbar .navbar-collapse .navbar-container .nav li.dropdown:hover .dropdown-menu {
    display: block;
    transition: .5s all ease-in-out
}

.mimtur_header .navbar .navbar-collapse .navbar-container .nav li.dropdown .dropdown-menu {
    background-color: #fff;
    border: 0;
    outline: none;
    box-shadow: 0 2px 10px 2px rgba(152, 152, 152, 0.16078431);
    margin: 0;
    padding: 0 15px 15px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow: hidden;
    transition: .5s all ease-in-out
}

@media (max-width:990px) {
    .mimtur_header .navbar .navbar-collapse .navbar-container .nav li.dropdown .dropdown-menu {
        width: 100%;
        border-radius: 0
    }
}

.mimtur_header .navbar .navbar-collapse .navbar-container .nav li.dropdown .dropdown-menu li {
    display: block;
    background-color: transparent;
    width: 100%;
    padding: 0;
    margin: 0;
    height: auto;
    line-height: normal
}

.mimtur_header .navbar .navbar-collapse .navbar-container .nav li.dropdown .dropdown-menu li a {
    border: 0;
    color: #2f2f2f;
    background-color: transparent;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .5px;
    padding: 0;
    margin: 0;
    text-align: center;
    height: 50px;
    line-height: 48px;
    padding: 0 10px;
    transition: .3s all ease-in-out
}

.mimtur_header .navbar .navbar-collapse .navbar-container .nav li.dropdown .dropdown-menu li a.active,
.mimtur_header .navbar .navbar-collapse .navbar-container .nav li.dropdown .dropdown-menu li a:hover {
    background-color: #d33;
    color: #fff;
    transition: .3s all ease-in-out
}

.mimtur_header .navbar .navbar-collapse .navbar-container .mimtur_lang {
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%)
}

@media (max-width:1024px) {
    .mimtur_header .navbar .navbar-collapse .navbar-container .mimtur_lang {
        right: 0
    }
}

@media (max-width:990px) {
    .mimtur_header .navbar .navbar-collapse .navbar-container .mimtur_lang {
        position: relative;
        right: 0;
        top: 0;
        transform: none;
        padding: 20px 0;
        text-align: center
    }
}

.mimtur_header .navbar .navbar-collapse .navbar-container .mimtur_lang li {
    display: inline-block;
    margin-right: 15px
}

.mimtur_header .navbar .navbar-collapse .navbar-container .mimtur_lang li a {
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .5px;
    width: 35px;
    height: 35px;
    line-height: 30px;
    padding: 0;
    margin: 0;
    text-align: center;
    display: inline-block;
    transition: .3s all ease-in-out
}

.mimtur_header .navbar .navbar-collapse .navbar-container .mimtur_lang li a.active,
.mimtur_header .navbar .navbar-collapse .navbar-container .mimtur_lang li a:hover {
    background-color: #fff;
    border: 2px solid #fff;
    color: #d33;
    transition: .3s all ease-in-out
}

.mimtur_banner {
    position: relative;
    background-image: url(../images/mimtur_banner_bg.png);
    background-position: center -150px;
    background-repeat: no-repeat;
    padding: 160px 0 60px;
    width: 100%
}

@media (max-width:990px) {
    .mimtur_banner {
        padding: 95px 0 60px
    }
}

.mimtur_banner .owl-carousel .owl-item {
    position: relative
}

.mimtur_banner .owl-carousel .owl-item img {
    display: block;
    width: 98%;
    margin: 0 auto;
    height: 420px;
    object-fit: cover
}

@media (max-width:990px) {
    .mimtur_banner .owl-carousel .owl-item img {
        width: 100%;
        height: 240px
    }
}

.mimtur_banner .owl-carousel .owl-item .carousel-caption {
    position: absolute;
    bottom: 20px;
    left: 5%;
    right: auto;
    text-align: left
}

@media (max-width:990px) {
    .mimtur_banner .owl-carousel .owl-item .carousel-caption {
        padding: 0
    }
}

.mimtur_banner .owl-carousel .owl-item .carousel-caption .slider_title {
    padding: 15px 10px;
    background-color: #ffc5c5;
    color: #fff;
    font-size: 28px;
    letter-spacing: .5px;
    width: auto
}

@media (max-width:990px) {
    .mimtur_banner .owl-carousel .owl-item .carousel-caption .slider_title {
        padding: 10px;
        font-size: 14px
    }
}

.mimtur_banner .owl-carousel .owl-item .carousel-caption .slider_text {
    padding: 15px 10px;
    background-color: #000;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .5px;
    width: auto
}

@media (max-width:990px) {
    .mimtur_banner .owl-carousel .owl-item .carousel-caption .slider_text {
        padding: 10px;
        font-size: 11px
    }
}

.mimtur_banner .owl-carousel .owl-nav,
.mimtur_banner .owl-carousel .owl-buttons {
    width: 100%;
    position: absolute;
    top: 45%;
    right: 50px;
    opacity: 0;
    transition: .5s all ease-in-out
}

@media (max-width:990px) {

    .mimtur_banner .owl-carousel .owl-nav,
    .mimtur_banner .owl-carousel .owl-buttons {
        display: none
    }
}

.mimtur_banner .owl-carousel .owl-nav .owl-prev,
.mimtur_banner .owl-carousel .owl-buttons .owl-prev {
    width: 45px;
    height: 45px;
    background-color: #d33;
    color: #fff;
    text-align: center;
    font-size: 15px;
    outline: none;
    position: absolute;
    left: 107px
}

.mimtur_banner .owl-carousel .owl-nav .owl-next,
.mimtur_banner .owl-carousel .owl-buttons .owl-next {
    width: 45px;
    height: 45px;
    background-color: #d33;
    color: #fff;
    text-align: center;
    font-size: 15px;
    outline: none;
    position: absolute;
    right: 0
}

.mimtur_banner .owl-carousel .owl-dots,
.mimtur_banner .owl-carousel .owl-pagination {
    width: 100%;
    position: absolute;
    bottom: 30px;
    text-align: center;
    opacity: 0;
    transition: .5s all ease-in-out
}

@media (max-width:990px) {

    .mimtur_banner .owl-carousel .owl-dots,
    .mimtur_banner .owl-carousel .owl-pagination {
        display: none
    }
}

.mimtur_banner .owl-carousel .owl-dots .owl-dot,
.mimtur_banner .owl-carousel .owl-pagination .owl-dot,
.mimtur_banner .owl-carousel .owl-dots .owl-page,
.mimtur_banner .owl-carousel .owl-pagination .owl-page {
    width: 23px;
    height: 23px;
    border-radius: 50%;
    margin-right: 10px;
    background-color: #fff;
    border: 4px solid #fff;
    transition: .3s all ease-in-out;
    outline: none;
    box-shadow: inset 0 0 5px 1px rgba(0, 0, 0, 0.34901961)
}

.mimtur_banner .owl-carousel .owl-dots .owl-dot.active,
.mimtur_banner .owl-carousel .owl-pagination .owl-dot.active,
.mimtur_banner .owl-carousel .owl-dots .owl-page.active,
.mimtur_banner .owl-carousel .owl-pagination .owl-page.active,
.mimtur_banner .owl-carousel .owl-dots .owl-dot:hover,
.mimtur_banner .owl-carousel .owl-pagination .owl-dot:hover,
.mimtur_banner .owl-carousel .owl-dots .owl-page:hover,
.mimtur_banner .owl-carousel .owl-pagination .owl-page:hover {
    background-color: #d33;
    transition: .3s all ease-in-out
}

.mimtur_banner .owl-carousel .owl-dots .owl-dot span,
.mimtur_banner .owl-carousel .owl-pagination .owl-dot span,
.mimtur_banner .owl-carousel .owl-dots .owl-page span,
.mimtur_banner .owl-carousel .owl-pagination .owl-page span {
    display: none
}

.mimtur_banner .owl-carousel:hover .owl-nav {
    opacity: 1;
    transition: .5s all ease-in-out
}

.mimtur_banner .owl-carousel:hover .owl-dots {
    opacity: 1;
    transition: .5s all ease-in-out
}

.mimtur_banner .mimtur_vehicle {
    width: 100%;
    margin-top: 30px;
    position: relative
}

.mimtur_banner .mimtur_vehicle .vehicle_head {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #2f2f2f;
    margin-bottom: 20px;
    display: block;
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff
}

.mimtur_banner .mimtur_vehicle .vehicle_box {
    display: inline-block;
    width: 100%;
    position: relative
}

.mimtur_banner .mimtur_vehicle .vehicle_box .single {
    width: 20%;
    display: inline-block;
    float: left;
    text-align: center
}

@media (max-width:990px) {
    .mimtur_banner .mimtur_vehicle .vehicle_box .single {
        width: 50%
    }
}

.mimtur_banner .mimtur_vehicle .vehicle_box .single:nth-child(1) {
    margin-top: 50px
}

@media (max-width:990px) {
    .mimtur_banner .mimtur_vehicle .vehicle_box .single:nth-child(1) {
        margin-top: 10px
    }
}

.mimtur_banner .mimtur_vehicle .vehicle_box .single:nth-child(2) {
    margin-top: 30px
}

@media (max-width:990px) {
    .mimtur_banner .mimtur_vehicle .vehicle_box .single:nth-child(2) {
        margin-top: 10px
    }
}

.mimtur_banner .mimtur_vehicle .vehicle_box .single:nth-child(3) {
    margin-top: 0
}

@media (max-width:990px) {
    .mimtur_banner .mimtur_vehicle .vehicle_box .single:nth-child(3) {
        margin-top: 10px
    }
}

.mimtur_banner .mimtur_vehicle .vehicle_box .single:nth-child(4) {
    margin-top: 30px
}

@media (max-width:990px) {
    .mimtur_banner .mimtur_vehicle .vehicle_box .single:nth-child(4) {
        margin-top: 10px
    }
}

.mimtur_banner .mimtur_vehicle .vehicle_box .single:nth-child(5) {
    margin-top: 50px
}

@media (max-width:990px) {
    .mimtur_banner .mimtur_vehicle .vehicle_box .single:nth-child(5) {
        margin-top: 10px
    }
}

.mimtur_banner .mimtur_vehicle .vehicle_box .single img {
    width: 175px;
    height: 135px;
    object-fit: contain
}

@media (max-width:990px) {
    .mimtur_banner .mimtur_vehicle .vehicle_box .single img {
        width: 120px;
        height: 120px
    }
}

.mimtur_banner .mimtur_vehicle .vehicle_box .single .single_btn {
    display: block;
    width: 100%;
    margin-top: 15px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: #2f2f2f
}

.mimtur_blocks {
    padding: 0;
    padding-bottom: 50px;
    background-color: #fff;
    position: relative
}

.mimtur_blocks .block_head {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    color: #2f2f2f;
    text-align: center;
    font-size: 24px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e1e1e1;
    position: relative
}

.mimtur_blocks .block_head::after {
    content: '';
    height: 9px;
    background: #2f2f2f;
    width: 100px;
    margin: 0 auto;
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%)
}

.mimtur_blocks .data_box {
    width: 100%;
    background-color: transparent;
    padding: 0;
    margin: 0;
    margin-bottom: 30px
}

.mimtur_blocks .data_box .data_head {
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    background-color: #fbfbfb;
    color: #fff;
    margin-bottom: 15px;
    width: 100%;
    display: block
}

.mimtur_blocks .data_box .data_head.image_head {
    background-color: #d33
}

.mimtur_blocks .data_box .image_link {
    display: inline-block;
    width: 100%;
    object-fit: contain;
    text-align: center
}

.mimtur_blocks .data_box .data_text {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.8;
    color: #2f2f2f;
    margin-bottom: 15px
}

.mimtur_blocks .data_box .data_list {
    padding: 0 20px;
    margin: 0
}

.mimtur_blocks .data_box .data_list li {
    list-style: circle;
    width: 100%;
    margin-bottom: 8px;
    display: list-item
}

.mimtur_blocks .data_box .data_list li a {
    display: inline-block;
    width: 100%;
    color: #2f2f2f;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase
}

.mimtur_blocks .data_box .link_list {
    width: 100%;
    position: relative;
    padding: 0 80px;
    margin: 30px 0 20px;
    list-style: none
}

.mimtur_blocks .data_box .link_list li {
    display: inline-block;
    width: 100%;
    list-style: none;
    margin-bottom: 20px
}

.mimtur_blocks .data_box .link_list li i {
    margin-right: 10px;
    width: 25px;
    height: 25px;
    display: inline-block;
    object-fit: contain
}

.mimtur_blocks .data_box .link_list li i img {
    width: 25px;
    height: 25px;
    object-fit: contain
}

.mimtur_blocks .data_box .link_list li a {
    color: #2f2f2f;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .5px
}

.mimtur_blocks .slider_box {
    width: 100%;
    background-color: transparent;
    padding: 0;
    margin: 0;
    margin-bottom: 40px;
    position: relative
}

.mimtur_blocks .slider_box .slider_head {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: .5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e1e1e1;
    display: block;
    width: 100%;
    position: relative
}

.mimtur_blocks .slider_box .slider_head::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    height: 5px;
    width: 80px;
    background: #fbfbfb
}

.mimtur_blocks .slider_box .owl-carousel {
    position: relative
}

.mimtur_blocks .slider_box .owl-carousel::after {
    content: '';
    border-left: 0 solid transparent;
    border-right: 25px solid transparent;
    border-top: 20px solid #a31d00;
    position: absolute;
    bottom: -20px;
    left: 20px
}

.mimtur_blocks .slider_box .owl-carousel .owl-item {
    background: #a31d00;
    border: 1px solid #a31d00;
    padding: 20px;
    box-shadow: 0 1px 1px 0 rgba(180, 180, 180, 0.1);
    height: 143px;
    overflow: hidden
}

@media (max-width:1024px) {
    .mimtur_blocks .slider_box .owl-carousel .owl-item {
        height: 175px
    }
}

.mimtur_blocks .slider_box .owl-carousel .owl-item a {
    display: inline-block;
    width: 100%;
    height: auto;
    background-color: transparent
}

.mimtur_blocks .slider_box .owl-carousel .owl-item .slider_text {
    font-size: 13px;
    font-weight: 400;
    color: #2f2f2f;
    letter-spacing: normal;
    line-height: 1.8
}

.mimtur_blocks .slider_box .owl-carousel .owl-item .slider_title {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .5px;
    color: #d33;
    margin-top: 15px
}

.mimtur_blocks .slider_box .owl-carousel .owl-nav {
    position: absolute;
    top: -43px;
    right: 0;
    width: 100%;
    text-align: right
}

.mimtur_blocks .slider_box .owl-carousel .owl-nav .owl-prev {
    width: 23px;
    height: 23px;
    line-height: 23px;
    margin: 0;
    border: 1px solid #d33;
    font-size: 12px;
    color: #2f2f2f;
    outline: none;
    margin-right: 5px
}

.mimtur_blocks .slider_box .owl-carousel .owl-nav .owl-prev:hover {
    border: 1px solid #d33;
    background-color: #d33;
    color: #fff;
    transition: .3s all ease-in-out
}

.mimtur_blocks .slider_box .owl-carousel .owl-nav .owl-next {
    width: 23px;
    height: 23px;
    line-height: 23px;
    margin: 0;
    border: 1px solid #d33;
    font-size: 12px;
    color: #2f2f2f;
    outline: none
}

.mimtur_blocks .slider_box .owl-carousel .owl-nav .owl-next:hover {
    border: 1px solid #d33;
    background-color: #d33;
    color: #fff;
    transition: .3s all ease-in-out
}

.mimtur_blocks .slider_box .owl-carousel .owl-pagination {
    display: none
}

.mimtur_blocks .table_box {
    width: 100%;
    background-color: #a31d00;
    padding: 0;
    margin: 0;
    margin-bottom: 30px;
    position: relative
}

.mimtur_blocks .table_box .table_head {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .5px;
    display: block;
    width: 100%;
    background-color: #fbfbfb;
    color: #fff;
    height: 30px;
    line-height: 30px;
    text-align: center
}

.mimtur_blocks .table_box .box_table {
    width: 100%;
    background-color: transparent
}

.mimtur_blocks .table_box .box_table thead {
    height: 30px;
    line-height: 30px
}

.mimtur_blocks .table_box .box_table thead tr th {
    padding: 0 15px;
    color: #000;
    font-size: 16px
}

.mimtur_blocks .table_box .box_table tbody td {
    padding: 10px 15px;
    font-size: 14px;
    color: #2f2f2f;
    height: 25px;
    line-height: 25px
}

.mimtur_blocks .partner_list {
    width: 100%;
    display: inline-block;
    position: relative;
    margin: 0;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1
}

.mimtur_blocks .partner_list li {
    display: inline-block;
    padding: 10px;
    width: 16.66%;
    float: left;
    text-align: center;
    border-right: 1px solid #e1e1e1
}

.mimtur_blocks .partner_list li:first-child {
    border-left: 1px solid #e1e1e1
}

.mimtur_blocks .partner_list li img {
    width: 100%;
    height: auto;
    object-fit: contain;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: .7s all ease-in-out
}

.mimtur_blocks .partner_list li img:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    transition: .7s all ease-in-out
}

.mimtur_footer .main_footer {
    padding: 80px 0;
    position: relative;
    background-color: #181818
}

.mimtur_footer .main_footer .footer_head {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.3;
    margin-bottom: 20px;
    color: #fff;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 10px;
    width: 100%
}

.mimtur_footer .main_footer .footer_link {
    padding: 0;
    margin: 0;
    list-style: none
}

.mimtur_footer .main_footer .footer_link li {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px
}

.mimtur_footer .main_footer .footer_link li a {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .5px;
    line-height: 1.5;
    color: #fff;
    position: relative
}

.mimtur_footer .main_footer .footer_link li a::before {
    content: '\f101';
    font-family: 'FontAwesome';
    color: #d33;
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 8px
}

.mimtur_footer .main_footer .footer_text {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8;
    color: #fff
}

.mimtur_footer .main_footer .footer_add {
    padding: 0;
    margin: 0;
    list-style: none
}

.mimtur_footer .main_footer .footer_add li {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    color: #fff;
    font-size: 14px
}

.mimtur_footer .main_footer .footer_add li strong {
    display: inline-block;
    margin-right: 10px
}

.mimtur_footer .main_footer .mimtur_footer_form input,
.mimtur_footer .main_footer .mimtur_footer_form textarea {
    height: 35px;
    line-height: 35px;
    background-color: #fbfbfb;
    border: 0;
    border-radius: 0;
    outline: none;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    padding: 0 10px;
    transition: .3s all ease-in-out
}

.mimtur_footer .main_footer .mimtur_footer_form input::-webkit-input-placeholder,
.mimtur_footer .main_footer .mimtur_footer_form textarea::-webkit-input-placeholder {
    color: #fff
}

.mimtur_footer .main_footer .mimtur_footer_form input::-moz-placeholder,
.mimtur_footer .main_footer .mimtur_footer_form textarea::-moz-placeholder {
    color: #fff
}

.mimtur_footer .main_footer .mimtur_footer_form input:-ms-input-placeholder,
.mimtur_footer .main_footer .mimtur_footer_form textarea:-ms-input-placeholder {
    color: #fff
}

.mimtur_footer .main_footer .mimtur_footer_form input:-moz-placeholder,
.mimtur_footer .main_footer .mimtur_footer_form textarea:-moz-placeholder {
    color: #fff
}

.mimtur_footer .main_footer .mimtur_footer_form input:focus,
.mimtur_footer .main_footer .mimtur_footer_form textarea:focus {
    transition: .3s all ease-in-out;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6)
}

.mimtur_footer .main_footer .mimtur_footer_form textarea {
    height: 80px
}

.mimtur_footer .main_footer .mimtur_footer_form button {
    margin: 0;
    float: right;
    height: 30px;
    line-height: 27px;
    padding: 0 10px;
    background-color: #d33;
    border: 2px solid #d33;
    transition: .3s all ease-in-out
}

.mimtur_footer .main_footer .mimtur_footer_form button:hover {
    background-color: transparent;
    border: 2px solid #d33;
    color: #d33;
    transition: .3s all ease-in-out
}

.mimtur_footer .bottom_footer {
    padding: 10px 0;
    background-color: #2e303f;
    border-top: 2px solid #fff
}

.mimtur_footer .bottom_footer .copy_text {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .5px;
    margin: 0;
    padding: 0;
    text-align: left;
    color: #fff;
    height: 35px;
    line-height: 37px
}

@media (max-width:990px) {
    .mimtur_footer .bottom_footer .copy_text {
        text-align: left;
        font-size: 14px
    }
}

.mimtur_footer .bottom_footer .mimtur_social {
    padding: 0;
    margin: 0;
    list-style: none;
    float: right
}

@media (max-width:990px) {
    .mimtur_footer .bottom_footer .mimtur_social {
        float: none;
        text-align: center;
        margin-top: 20px
    }
}

.mimtur_footer .bottom_footer .mimtur_social li {
    display: inline-block;
    margin-right: 10px
}

.mimtur_footer .bottom_footer .mimtur_social li:last-child {
    margin-right: 0
}

.mimtur_footer .bottom_footer .mimtur_social li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    padding: 0;
    font-size: 18px;
    background-color: #fff;
    color: #2e303f;
    border: 2px solid #fff;
    transition: .3s all ease-in-out
}

.mimtur_footer .bottom_footer .mimtur_social li a:hover {
    border: 2px solid #fff;
    color: #fff;
    background-color: transparent;
    transition: .3s all ease-in-out
}

.mimtur_art_bg {
    background-image: url(../images/mimtur_cnt_bg.png);
    background-position: center -150px;
    background-repeat: no-repeat;
    background-size: inherit;
    position: relative
}

.mimtur_art_bg .mimtur_cmn_banner {
    padding-top: 200px
}

@media (max-width:990px) {
    .mimtur_art_bg .mimtur_cmn_banner {
        padding-top: 100px
    }
}

.mimtur_art_bg .mimtur_cmn_banner .banner_head {
    width: 100%;
    text-align: left;
    padding: 10px 0;
    background-color: #fbfbfb
}

.mimtur_art_bg .mimtur_cmn_banner .banner_head .header_text {
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: .5px;
    padding: 5px 0
}

.mimtur_art_bg .mimtur_contact {
    padding: 40px 0;
    position: relative;
    background-color: transparent
}

.mimtur_art_bg .mimtur_contact .add_head {
    display: inline-block;
    width: 100%;
    color: #2f2f2f;
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.3;
    padding-bottom: 10px;
    padding-left: 15px;
    border-bottom: 1px solid #e1e1e1;
    position: relative
}

.mimtur_art_bg .mimtur_contact .add_head::after {
    content: '';
    height: 6px;
    width: 80px;
    background: #fbfbfb;
    position: absolute;
    bottom: -4px;
    left: 0
}

.mimtur_art_bg .mimtur_contact .add_box {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 30px
}

.mimtur_art_bg .mimtur_contact .add_box li {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px
}

.mimtur_art_bg .mimtur_contact .add_box li span:first-child {
    font-weight: 800;
    margin-right: 15px;
    width: 50px;
    display: inline-block
}

.mimtur_art_bg .mimtur_contact .map_btn {
    font-size: 14px;
    font-weight: 600;
    color: #2f2f2f
}

.mimtur_art_bg .mimtur_contact .map_btn:hover {
    border-bottom: 2px solid #2f2f2f
}

@media (max-width:990px) {
    .mimtur_art_bg .mimtur_contact .mimtur_form {
        margin-top: 30px
    }
}

.mimtur_art_bg .mimtur_contact .mimtur_form input,
.mimtur_art_bg .mimtur_contact .mimtur_form textarea {
    background-color: #fff;
    border-radius: 8px;
    width: 80%;
    padding: 0 25px;
    outline: none;
    border: 1px solid #e1e1e1;
    color: #2f2f2f;
    font-size: 15px;
    font-weight: 500;
    height: 45px;
    line-height: 45px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: .3s all ease-in-out
}

@media (max-width:1366px) {

    .mimtur_art_bg .mimtur_contact .mimtur_form input,
    .mimtur_art_bg .mimtur_contact .mimtur_form textarea {
        width: 100%
    }
}

@media (max-width:990px) {

    .mimtur_art_bg .mimtur_contact .mimtur_form input,
    .mimtur_art_bg .mimtur_contact .mimtur_form textarea {
        width: 100%
    }
}

.mimtur_art_bg .mimtur_contact .mimtur_form input:focus,
.mimtur_art_bg .mimtur_contact .mimtur_form textarea:focus {
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    transition: .3s all ease-in-out
}

.mimtur_art_bg .mimtur_contact .mimtur_form label {
    color: #2f2f2f;
    padding-left: 10px;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 5px
}

.mimtur_art_bg .mimtur_contact .mimtur_form textarea {
    height: 150px
}

.mimtur_art_bg .mimtur_contact .mimtur_form button {
    background-color: #fff;
    border: 1px solid #e1e1e1;
    font: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    color: #2f2f2f;
    border-radius: 8px;
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    transition: .3s all ease-in-out
}

.mimtur_art_bg .mimtur_contact .mimtur_form button:hover {
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    background-image: none;
    transition: .3s all ease-in-out
}

.mimtur_gallery {
    padding: 50px 0;
    position: relative;
    background-color: transparent
}

.mimtur_gallery .content_box {
    width: 100%;
    position: relative;
    height: auto;
    margin-bottom: 30px;
    border: 1px solid #e1e1e1
}

.mimtur_gallery .content_box .item_text {
    height: 35px;
    line-height: 35px;
    padding: 0;
    margin: 0;
    width: 100%;
    border: 0;
    min-height: 25px;
    text-align: center;
    background-color: #fbfbfb
}

.mimtur_gallery .content_box .item_text h3 {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    height: 35px;
    line-height: 35px;
    min-height: 25px
}

.mimtur_gallery .content_box .fancybox {
    position: relative;
    width: 100%;
    padding: 10px;
    background-color: #fff;
    margin: 0;
    display: inline-block;
    text-align: center;
    height: auto;
    max-height: 335px;
    overflow: hidden
}

.mimtur_gallery .content_box .fancybox img {
    width: 100%;
    height: auto;
    object-fit: contain;
    min-height: 192px;
    max-height: 335px
}

.mimtur_category {
    padding: 50px 0;
    background-color: transparent;
    position: relative
}

.mimtur_category .mimtur_sidebar {
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none
}

@media (max-width:990px) {
    .mimtur_category .mimtur_sidebar {
        margin-bottom: 30px
    }
}

.mimtur_category .mimtur_sidebar li {
    display: inline-block;
    width: 100%;
    padding: 8px 0;
    border-bottom: 1px solid #e1e1e1;
    padding-left: 28px;
    position: relative;
    transition: .3s all ease-in-out
}

.mimtur_category .mimtur_sidebar li:first-child {
    border-top: 1px solid #e1e1e1
}

.mimtur_category .mimtur_sidebar li::before {
    width: 10px;
    height: 10px;
    background: #d33;
    content: '';
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s all ease-in-out
}

.mimtur_category .mimtur_sidebar li a {
    color: #2f2f2f;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .5px;
    line-height: 1.3;
    margin: 0;
    padding: 0;
    position: relative;
    transition: .3s all ease-in-out
}

.mimtur_category .mimtur_sidebar li:hover {
    background-color: #d33;
    transition: .3s all ease-in-out
}

.mimtur_category .mimtur_sidebar li:hover::before {
    background: #fff;
    transition: .3s all ease-in-out
}

.mimtur_category .mimtur_sidebar li:hover a {
    color: #fff;
    transition: .3s all ease-in-out
}

.mimtur_category .cat_box {
    width: 100%;
    position: relative;
    margin-bottom: 30px;
    background-color: transparent;
    float: left
}

.mimtur_category .cat_box .slider_title {
    font-size: 18px;
    font-weight: 500;
    color: #2f2f2f;
    margin-bottom: 20px;
    text-align: left;
    width: 100%;
    border-bottom: 2px solid #716d6e;
    position: relative;
    padding: 0 19px 10px
}

.mimtur_category .cat_box .slider_title::after {
    content: '';
    height: 6px;
    width: 100px;
    background: #2f2f2f;
    position: absolute;
    left: 20px;
    bottom: -4px
}

.mimtur_category .cat_box .hero_unit {
    position: relative;
    text-align: left;
    background-color: #a31d00;
    padding: 20px;
    float: left
}

.mimtur_category .cat_box .hero_unit .slider_text {
    color: #2f2f2f;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.8;
    margin-bottom: 15px
}

.mimtur_category .cat_box .hero_unit .slider_button {
    color: #fff;
    background-image: -webkit-linear-gradient(top, #fbb450, #fbb450);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    background-repeat: repeat-x;
    font-size: 14px;
    padding: 0 10px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    border-radius: 4px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    float: right;
    text-align: center;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    transition: .3s all ease-in-out
}

.mimtur_category .cat_box .hero_unit .slider_button:hover,
.mimtur_category .cat_box .hero_unit .slider_button:active {
    box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.25098039);
    transition: .3s all ease-in-out
}

.mimtur_category .detail_box {
    padding: 0
}

.mimtur_category .detail_box .detail_title {
    font-size: 18px;
    font-weight: 500;
    color: #2f2f2f;
    margin-bottom: 20px;
    text-align: left;
    width: 100%;
    border-bottom: 2px solid #716d6e;
    position: relative;
    padding: 0 19px 10px
}

.mimtur_category .detail_box .detail_title::after {
    content: '';
    height: 6px;
    width: 100px;
    background: #2f2f2f;
    position: absolute;
    left: 20px;
    bottom: -4px
}

.mimtur_category .detail_box img {
    width: 100%;
    height: auto;
    object-fit: cover;
    margin-bottom: 30px;
    box-shadow: none !important
}

.mimtur_category .detail_box .detail_text {
    font-size: 13px;
    font-weight: 400;
    color: #2f2f2f;
    margin-bottom: 15px;
    text-align: justify;
    line-height: 1.8
}

.mimtur_product {
    padding: 50px 0;
    background-color: transparent;
    position: relative
}

.mimtur_product .mimtur_sidebar {
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none
}

@media (max-width:990px) {
    .mimtur_product .mimtur_sidebar {
        margin-bottom: 30px
    }
}

.mimtur_product .mimtur_sidebar li {
    display: inline-block;
    width: 100%;
    padding: 8px 0;
    border-bottom: 1px solid #e1e1e1;
    padding-left: 28px;
    position: relative;
    transition: .3s all ease-in-out
}

.mimtur_product .mimtur_sidebar li:first-child {
    border-top: 1px solid #e1e1e1
}

.mimtur_product .mimtur_sidebar li::before {
    width: 10px;
    height: 10px;
    background: #d33;
    content: '';
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s all ease-in-out
}

.mimtur_product .mimtur_sidebar li a {
    color: #2f2f2f;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .5px;
    line-height: 1.3;
    margin: 0;
    padding: 0;
    position: relative;
    transition: .3s all ease-in-out
}

.mimtur_product .mimtur_sidebar li:hover {
    background-color: #d33;
    transition: .3s all ease-in-out
}

.mimtur_product .mimtur_sidebar li:hover::before {
    background: #fff;
    transition: .3s all ease-in-out
}

.mimtur_product .mimtur_sidebar li:hover a {
    color: #fff;
    transition: .3s all ease-in-out
}

.mimtur_product .content_box {
    width: 100%;
    position: relative;
    height: auto;
    margin-bottom: 30px;
    padding: 5px;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25)
}

.mimtur_product .content_box .item_text {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    height: 35px;
    line-height: 35px;
    min-height: 25px;
    padding: 0;
    margin: 0;
    width: 100%;
    border: 0;
    text-align: center;
    background-color: #2f2f2f
}

.mimtur_product .content_box .fancybox {
    position: relative;
    width: 100%;
    margin: 0;
    display: inline-block;
    height: 175px;
    object-fit: cover;
    overflow: hidden;
    transition: .3s all ease-in-out
}

.mimtur_product .content_box .fancybox::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition: .3s all ease-in-out
}

.mimtur_product .content_box .fancybox img {
    width: 100%;
    height: auto;
    object-fit: cover;
    height: 175px
}

.mimtur_product .content_box .fancybox:hover {
    transition: .3s all ease-in-out
}

.mimtur_product .content_box .fancybox:hover::after {
    opacity: 1;
    transition: .3s all ease-in-out
}

.print_section {
    padding: 80px 0 50px;
    background-color: #fff
}

.print_section .print_box {
    text-align: center;
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 80px
}

.print_section .print_box .print_head {
    color: #d33;
    font-size: 32px;
    letter-spacing: .5px;
    line-height: 1.3;
    margin-bottom: 15px;
    font-weight: 600
}

.print_section .print_box .print_text {
    color: #2f2f2f;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.8;
    margin-bottom: 15px
}

.print_category {
    padding: 80px 0;
    position: relative;
    background-color: #fff
}

.print_category .print_list {
    width: 100%;
    padding: 0;
    margin: 0;
    margin-bottom: 50px;
    list-style: none;
    text-align: center
}

.print_category .print_list li {
    display: inline-block;
    margin-right: 15px
}

.print_category .print_list li:last-child {
    margin-right: 0
}

@media (max-width:990px) {
    .print_category .print_list li {
        margin-right: 0;
        display: block;
        margin-bottom: 8px
    }
}

.print_category .print_list li a {
    color: #d33;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    display: inline-block;
    height: 45px;
    line-height: 42px;
    text-align: center;
    padding: 0 25px;
    border: 2px solid transparent;
    transition: .3s all ease-in-out
}

.print_category .print_list li a:hover,
.print_category .print_list li a.active {
    border: 2px solid #d33;
    transition: .3s all ease-in-out
}

.print_category .print_cat_box {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    transition: .5s all ease-in-out
}

.print_category .print_cat_box .image_box {
    width: 100%;
    height: 290px;
    object-fit: cover;
    overflow: hidden;
    display: inline-block;
    transition: .5s all ease-in-out
}

.print_category .print_cat_box .image_box img {
    width: 100%;
    height: 290px;
    object-fit: cover;
    transition: .5s all ease-in-out
}

.print_category .print_cat_box .content_box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    pointer-events: none;
    opacity: 0;
    transition: .5s all ease-in-out
}

@media (max-width:990px) {
    .print_category .print_cat_box .content_box {
        opacity: 1;
        background-color: transparent
    }
}

.print_category .print_cat_box .content_box .slider_title {
    width: 100%;
    height: 65px;
    line-height: 65px;
    background-color: #000;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .5px;
    position: absolute;
    text-align: center;
    bottom: -65px;
    transition: .5s all ease-in-out
}

@media (max-width:990px) {
    .print_category .print_cat_box .content_box .slider_title {
        bottom: 0;
        text-align: left;
        padding: 0 15px
    }
}

.print_category .print_cat_box .content_box .btn_box {
    width: auto;
    height: 45px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    pointer-events: all;
    opacity: 0;
    transition: .5s all ease-in-out
}

@media (max-width:990px) {
    .print_category .print_cat_box .content_box .btn_box {
        top: auto;
        left: auto;
        bottom: 10px;
        right: 20px;
        transform: none;
        opacity: 1
    }
}

.print_category .print_cat_box .content_box .btn_box .fa {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
    border: 2px solid #fff;
    color: #fff;
    font-size: 16px
}

.print_category .print_cat_box:hover {
    transition: .5s all ease-in-out
}

.print_category .print_cat_box:hover img {
    transform: scale(1.2);
    transition: .5s all ease-in-out
}

.print_category .print_cat_box:hover .content_box {
    opacity: 1;
    transition: .5s all ease-in-out
}

.print_category .print_cat_box:hover .content_box .slider_title {
    bottom: 0;
    transition: .5s all ease-in-out
}

.print_category .print_cat_box:hover .content_box .btn_box {
    opacity: 1;
    transition: .5s all ease-in-out
}

.print_detail {
    padding: 50px 0 60px;
    background-color: #fff;
    position: relative
}

.print_detail img {
    width: 100%;
    height: auto;
    margin-bottom: 50px
}

.print_detail .right_text {
    text-align: right
}

@media (max-width:990px) {
    .print_detail .right_text {
        text-align: left
    }
}

.print_detail .right_text .slider_title {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.5;
    margin-bottom: 35px;
    color: #d33
}

@media (max-width:990px) {
    .print_detail .right_text .slider_title {
        margin-bottom: 20px
    }
}

.print_detail .right_text .slider_text {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.8;
    margin-bottom: 15px;
    width: 100%;
    color: #2f2f2f
}

.print_detail .slider_title {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.5;
    margin-bottom: 35px;
    color: #d33
}

.print_detail .slider_text {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.8;
    margin-bottom: 15px;
    width: 100%;
    color: #2f2f2f
}

.tema_product {
    padding: 80px 0;
    background-color: #f3f3f3;
    position: relative
}

.tema_product .tema_sidebar {
    position: relative;
    padding: 25px 0 0;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #e6e6e6;
    border-radius: 15px;
    background-color: #fff;
    overflow: hidden;
    margin-bottom: 30px
}

.tema_product .tema_sidebar .sidebar_head {
    color: #2f2f2f;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: .5px;
    margin-bottom: 25px;
    padding: 0 20px
}

.tema_product .tema_sidebar .sidebar_list {
    padding: 0;
    margin: 0;
    list-style: none
}

.tema_product .tema_sidebar .sidebar_list li {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 100%;
    border-top: 1px solid #e6e6e6
}

.tema_product .tema_sidebar .sidebar_list li a {
    padding: 0 25px;
    background-color: #fff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    height: 50px;
    line-height: 50px;
    width: 100%;
    display: inline-block;
    color: #2f2f2f;
    position: relative;
    transition: .3s all ease-in-out
}

@media (max-width:1366px) {
    .tema_product .tema_sidebar .sidebar_list li a {
        font-size: 13px
    }
}

.tema_product .tema_sidebar .sidebar_list li a::after {
    content: '\f0da';
    font-family: 'FontAwesome';
    display: inline-block;
    color: #d33;
    font-size: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 25px
}

.tema_product .tema_sidebar .sidebar_list li a:hover {
    background-color: #d33;
    color: #fff;
    transition: .3s all ease-in-out
}

.tema_product .tema_sidebar .sidebar_list li a:hover::after {
    color: #fff
}

.tema_product .product_box {
    background-color: #fff;
    position: relative;
    padding: 25px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #e6e6e6;
    border-radius: 15px;
    margin-bottom: 30px;
    height: 410px;
    overflow: hidden
}

@media (max-width:1366px) {
    .tema_product .product_box {
        height: 320px;
        padding: 15px
    }
}

@media (max-width:990px) {
    .tema_product .product_box {
        padding: 25px;
        text-align: center;
        height: 290px
    }
}

@media (max-width:768px) {
    .tema_product .product_box {
        height: 320px
    }
}

@media (max-width:540px) {
    .tema_product .product_box {
        height: 290px
    }
}

.tema_product .product_box a {
    display: inline-block;
    position: relative;
    width: 100%
}

.tema_product .product_box a .product_image {
    width: 210px;
    height: 210px;
    object-fit: contain;
    display: inline-block;
    margin-bottom: 15px
}

@media (max-width:1366px) {
    .tema_product .product_box a .product_image {
        width: 150px;
        height: 150px
    }
}

.tema_product .product_box a .product_image img {
    width: 210px;
    height: 210px;
    object-fit: contain
}

@media (max-width:1366px) {
    .tema_product .product_box a .product_image img {
        width: 150px;
        height: 150px
    }
}

.tema_product .product_box a .slider_title {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.3;
    margin-bottom: 10px;
    color: #2f2f2f;
    height: 40px;
    overflow: hidden
}

@media (max-width:1366px) {
    .tema_product .product_box a .slider_title {
        font-size: 15px
    }
}

@media (max-width:990px) {
    .tema_product .product_box a .slider_title {
        height: auto;
        overflow: visible
    }
}

.tema_product .product_box a .slider_text {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .5px;
    line-height: 1.8;
    margin: 0;
    color: #2f2f2f;
    height: 85px;
    overflow: hidden
}

.tema_product .product_box a .slider_text p br {
    display: none
}

@media (max-width:1366px) {
    .tema_product .product_box a .slider_text {
        font-size: 11px;
        text-align: justify
    }
}

@media (max-width:990px) {
    .tema_product .product_box a .slider_text {
        text-align: center
    }
}

.tema_product .tema_detail .detail_img {
    width: 100%;
    display: inline-block;
    padding: 20px;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #e6e6e6
}

.tema_product .tema_detail .detail_img img {
    width: 100%;
    height: 350px;
    object-fit: contain
}

.tema_product .tema_detail .slider_title {
    font-size: 25px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.3;
    margin: 0;
    margin-bottom: 20px;
    color: #2f2f2f;
    display: inline-block;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #e1e1e1
}

.tema_product .tema_detail .slider_title::after {
    content: '';
    display: block;
    width: 80px;
    height: 4px;
    position: relative;
    margin-top: 5px;
    top: 2px;
    background: #d33
}

@media (max-width:540px) {
    .tema_product .tema_detail .slider_title {
        font-size: 22px;
        text-align: center
    }
}

.tema_product .tema_detail .slider_text {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.8;
    margin: 0;
    color: #2f2f2f;
    margin-top: 60px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e1e1e1
}

@media (max-width:540px) {
    .tema_product .tema_detail .slider_text p {
        text-align: center
    }
}

@media (max-width:540px) {
    .tema_product .tema_detail .slider_text {
        font-size: 14px;
        text-align: center
    }
}

.tema_product .tema_detail table {
    width: 100%;
    border-radius: 0;
    border-collapse: separate;
    border: 1px solid #e1e1e1
}

.tema_product .tema_detail table td {
    border: 1px solid #e1e1e1;
    border-collapse: collapse;
    padding: 15px 7px;
    color: #2f2f2f
}

.tema_product .tema_detail .tema_msg_btn {
    display: inline-block;
    width: auto;
    padding: 0 25px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #fff;
    height: 45px;
    line-height: 43px;
    border-radius: 10px;
    text-align: center;
    background-color: #d33;
    border: 2px solid #d33;
    position: relative;
    margin-top: 20px;
    transition: .3s all ease-in-out
}

.tema_product .tema_detail .tema_msg_btn::before {
    content: '\f1d8';
    font-family: 'FontAwesome';
    display: inline-block;
    font-size: 16px;
    color: #fff;
    margin-right: 10px
}

.tema_product .tema_detail .tema_msg_btn:hover {
    background-color: transparent;
    border: 2px solid #d33;
    color: #d33;
    box-shadow: 0 5px 50px rgba(186, 186, 186, 0.63);
    transform: translateY(-2px);
    transition: .3s all ease-in-out
}

.tema_product .tema_detail .tema_msg_btn:hover::before {
    color: #d33
}

.tema_product .tema_detail .tema_social {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 40px
}

.tema_product .tema_detail .tema_social ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.tema_product .tema_detail .tema_social ul li {
    display: inline-block;
    margin-right: 10px;
    list-style: none
}

.tema_product .tema_detail .tema_social ul li a {
    width: 40px;
    height: 40px;
    line-height: 36px;
    text-align: center;
    border-radius: 50%;
    font-size: 16px;
    color: #fff;
    background-color: #464646;
    border: 2px solid #464646;
    transition: .3s all ease-in-out
}

.tema_product .tema_detail .tema_social ul li a:hover {
    background-color: transparent;
    border: 2px solid #464646;
    color: #464646;
    transition: .3s all ease-in-out
}

.tema_product .tema_detail p {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.8;
    color: #2f2f2f;
    text-align: left;
    margin-bottom: 15px
}

@media (max-width:540px) {
    .tema_product .tema_detail p {
        text-align: justify
    }
}

.tema_product .tema_detail .tema_gallery {
    margin: 20px 0 30px;
    position: relative;
    width: 100%;
    text-align: center
}

.tema_product .tema_detail .tema_gallery .tema_gal_box {
    display: inline-block;
    position: relative;
    width: 90px;
    height: 90px;
    margin: 0 .5%;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 0 10px;
    border: 1px solid #e6e6e6;
    border-radius: 15px;
    background-color: #fff;
    outline: none;
    transition: .3s all ease-in-out
}

.tema_product .tema_detail .tema_gallery .tema_gal_box:hover {
    box-shadow: 0 5px 50px rgba(186, 186, 186, 0.63);
    transform: translateY(-2px);
    transition: .3s all ease-in-out
}

@media (max-width:540px) {
    .tema_product .tema_detail .tema_gallery .tema_gal_box {
        width: 100%;
        height: 260px
    }
}

.tema_product .tema_detail .tema_gallery .tema_gal_box img {
    width: 100%;
    height: 90px;
    object-fit: contain
}

@media (max-width:540px) {
    .tema_product .tema_detail .tema_gallery .tema_gal_box img {
        width: 100%;
        height: 250px
    }
}

.tema_product .tema_detail .tema_related {
    position: relative;
    width: 100%;
    margin-top: 50px;
    display: inline-block
}

.tema_product .tema_detail .tema_related .related_title {
    text-align: center;
    margin-bottom: 50px;
    color: #d33;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.3;
    text-transform: uppercase
}

.tema_product .tema_detail .tema_related .related_box {
    display: inline-block;
    height: auto;
    overflow: hidden
}

@media (max-width:540px) {
    .tema_product .tema_detail .tema_related .related_box {
        margin-bottom: 30px
    }
}

.tema_product .tema_detail .tema_related .related_box .related_img {
    width: 100%;
    height: 190px;
    object-fit: contain;
    display: inline-block;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    overflow: hidden
}

@media (max-width:540px) {
    .tema_product .tema_detail .tema_related .related_box .related_img {
        width: 100%;
        height: auto
    }
}

.tema_product .tema_detail .tema_related .related_box .related_img img {
    width: 100%;
    height: auto;
    object-fit: contain
}

.tema_product .tema_detail .tema_related .related_box .related_head {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 15px 0;
    background-color: #4e4e4e;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    text-transform: uppercase;
    margin-top: -5px;
    height: 64px;
    overflow: hidden
}

.fruti_header {
    background-color: transparent;
    position: relative;
    width: 100%;
    height: 100px;
    z-index: 101
}

@media (max-width:990px) {
    .fruti_header {
        border-bottom: 2px solid #d33
    }
}

.fruti_header .navbar {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    position: relative;
    height: 100px;
    width: 100%;
    margin: 0;
    padding: 0
}

@media (max-width:990px) {
    .fruti_header .navbar .navbar-header {
        float: left !important;
        width: 100%;
        padding: 0 !important;
        margin: 0 !important;
        position: relative
    }
}

.fruti_header .navbar .navbar-header .navbar-brand {
    height: 100px;
    line-height: 100px;
    object-fit: contain;
    padding: 0;
    margin: 0;
    float: left
}

@media (max-width:990px) {
    .fruti_header .navbar .navbar-header .navbar-brand {
        margin-left: 20px
    }
}

.fruti_header .navbar .navbar-header .navbar-brand img {
    height: 100px;
    width: 100%;
    object-fit: contain
}

.fruti_header .navbar .navbar-header .navbar-toggle {
    float: right;
    padding: 10px;
    margin: 0;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    background-color: #d33;
    border: 0
}

.fruti_header .navbar .navbar-header .navbar-toggle .icon-bar {
    background-color: #fff
}

@media (max-width:990px) {
    .fruti_header .navbar .navbar-collapse {
        display: none;
        height: 0
    }
}

.fruti_header .navbar .navbar-collapse .nav {
    height: 100px;
    line-height: 100px
}

.fruti_header .navbar .navbar-collapse .nav li {
    float: left;
    display: inline-block;
    height: 100px;
    line-height: 100px;
    padding: 0 10px
}

.fruti_header .navbar .navbar-collapse .nav li:last-child {
    padding-right: 0
}

.fruti_header .navbar .navbar-collapse .nav li a {
    background: none;
    background-repeat: no-repeat;
    background-position: center;
    height: 49px;
    line-height: 49px;
    text-align: center;
    margin: 0;
    border-radius: 7px;
    color: #2f2f2f;
    padding: 0;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 600;
    text-transform: uppercase;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s all ease-in-out
}

.fruti_header .navbar .navbar-collapse .nav li a.active {
    background: url(/static/themes/nano_lite/images/karfrut/fruti_btn_bg.png);
    width: 130px;
    color: #2f2f2f;
    text-shadow: 0 1px #3b65ce;
    font-size: 14px;
    box-shadow: 2px 3px 5px 0 rgba(72, 72, 72, 0.32);
    transition: .3s all ease-in-out
}

.fruti_header .navbar .navbar-collapse .nav li a.active:hover {
    color: #2f2f2f
}

.fruti_header .navbar .navbar-collapse .nav li a:hover {
    color: #d33;
    transition: .3s all ease-in-out
}

.fruti_header .navbar .navbar-collapse.in {
    width: 100%;
    background-color: #fff;
    border-bottom: 2px solid #d33;
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    display: block;
    height: auto;
    border: 0;
    margin: 0;
    transition: .3s all ease-in-out
}

.fruti_header .navbar .navbar-collapse.in ul {
    height: auto;
    line-height: normal;
    margin: 0 auto;
    width: 100%
}

.fruti_header .navbar .navbar-collapse.in ul li {
    display: inline-block;
    width: 100%;
    text-align: center;
    height: 50px;
    line-height: 50px;
    margin: 10px 0
}

.fruti_header .navbar .navbar-collapse.in ul li a {
    margin: 0 auto;
    transform: translateY(-50%)
}

.fruti_banner {
    height: auto;
    position: relative;
    background-color: transparent;
    padding: 0;
    background-image: url(/static/themes/nano_lite/images/karfrut/fruti_banner_bg.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2
}

@media (max-width:990px) {
    .fruti_banner {
        background-size: cover
    }
}

.fruti_banner .banner_box {
    height: 700px;
    position: relative;
    display: block;
    padding-top: 20%;
    padding-left: 25px
}

@media (max-width:990px) {
    .fruti_banner .banner_box {
        height: 700px;
        padding: 0 20px;
        padding-top: 40px;
        text-align: center
    }
}

.fruti_banner .banner_box .banner_head {
    color: #d33;
    font-size: 48px;
    font-weight: 700;
    letter-spacing: .5px;
    line-height: 1.3
}

@media (max-width:990px) {
    .fruti_banner .banner_box .banner_head {
        font-size: 28px
    }
}

.fruti_banner .banner_box .banner_head:last-of-type {
    color: #2e303f;
    margin-bottom: 15px
}

.fruti_banner .banner_box .banner_text {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .5px;
    line-height: 1.8;
    color: #2f2f2f;
    margin-bottom: 20px
}

@media (max-width:990px) {
    .fruti_banner .banner_box .banner_text {
        font-size: 14px
    }
}

.fruti_banner .banner_box .banner_btn {
    background-image: url(/static/themes/nano_lite/images/karfrut/fruti_btn_bg2.png);
    height: 50px;
    line-height: 50px;
    width: 290px;
    text-shadow: 0 1px #3b65ce;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    margin-left: -40px;
    margin-top: 25px;
    display: block;
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: 600;
    color: #2f2f2f;
    text-align: center
}

@media (max-width:990px) {
    .fruti_banner .banner_box .banner_btn {
        margin: 0 auto;
        margin-top: 20px;
        font-size: 15px
    }
}

.fruti_welcome {
    position: relative;
    padding: 90px 0 190px;
    height: auto;
    background-color: transparent;
    background-image: url(/static/themes/nano_lite/images/karfrut/fruti_soil_bg.jpg);
    background-position: center center;
    background-repeat: repeat;
    margin-top: -40px;
    z-index: 1
}

.fruti_welcome::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 195px;
    background-image: url(/static/themes/nano_lite/images/karfrut/fruti_banner_bottom.png)
}

@media (max-width:990px) {
    .fruti_welcome::after {
        background-position: center
    }
}

.fruti_welcome .welcome_text {
    padding: 45px;
    background-color: rgba(255, 197, 197, 0.5);
    border-radius: 15px;
    display: inline-block;
    width: 100%;
    height: 478px;
    overflow: hidden;
    z-index: 2;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.29019608)
}

@media (max-width:990px) {
    .fruti_welcome .welcome_text {
        padding: 25px;
        margin-bottom: 20px
    }
}

.fruti_welcome .welcome_text .welcome_head {
    background-image: url(/static/themes/nano_lite/images/karfrut/fruti_welcome_head_bg.png);
    background-repeat: no-repeat;
    font-size: 23px;
    font-style: italic;
    height: 90px;
    line-height: 120px;
    width: 162px;
    text-align: center;
    margin: 0;
    position: absolute;
    left: 0;
    top: -80px;
    z-index: 3;
    color: #2f2f2f;
    text-shadow: 0 1px #3b65ce;
    font-weight: 700
}

@media (max-width:990px) {
    .fruti_welcome .welcome_text .welcome_head {
        left: 30px;
        top: -85px
    }
}

.fruti_welcome .welcome_text .featured_titile {
    color: #d6d5d5;
    font-size: 23px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.3;
    margin-bottom: 15px
}

.fruti_welcome .welcome_text p {
    color: #fff;
    text-align: justify;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: .5px;
    line-height: 1.8;
    opacity: .7
}

@media (max-width:990px) {
    .fruti_welcome .welcome_text p {
        font-size: 13px
    }
}

.fruti_welcome .product_box {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    height: 145px;
    padding: 0;
    margin-bottom: 20px;
    background-color: rgba(255, 197, 197, 0.5);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.29019608);
    display: block
}

.fruti_welcome .product_box:last-child {
    margin-bottom: 0
}

.fruti_welcome .product_box .detail_box {
    width: 60%;
    display: inline-block;
    float: left;
    padding: 20px;
    height: 145px
}

.fruti_welcome .product_box .detail_box .product_title {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.5;
    margin-bottom: 8px;
    color: #d33;
    text-transform: uppercase
}

.fruti_welcome .product_box .detail_box .product_text {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.5;
    margin: 0;
    color: #fff;
    opacity: .7
}

.fruti_welcome .product_box .featured_pic {
    display: inline-block;
    float: left;
    width: 40%;
    height: 145px;
    overflow: hidden
}

.fruti_welcome .product_box .featured_pic img {
    height: 150px;
    width: 100%;
    object-fit: cover
}

.fruti_feature {
    background-color: #fff;
    position: relative;
    padding: 80px 0 30px
}

.fruti_feature::before {
    width: 100%;
    height: 150px;
    position: absolute;
    top: 0;
    background-image: url(/static/themes/nano_lite/images/karfrut/fruti_before_bg.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain
}

.fruti_feature .feature_head_box {
    text-align: center;
    margin-bottom: 80px
}

.fruti_feature .feature_head_box .feature_meta {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1.3;
    margin-bottom: 10px;
    color: #2f2f2f;
    text-transform: uppercase
}

@media (max-width:990px) {
    .fruti_feature .feature_head_box .feature_meta {
        font-size: 13px
    }
}

.fruti_feature .feature_head_box .feature_head {
    font-size: 38px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.3;
    color: #d33;
    margin-bottom: 20px
}

@media (max-width:990px) {
    .fruti_feature .feature_head_box .feature_head {
        font-size: 25px
    }
}

.fruti_feature .feature_head_box .feature_text {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.8;
    margin: 0;
    color: #2f2f2f
}

.fruti_feature .feature_box {
    width: 100%;
    margin-bottom: 30px;
    display: table;
    overflow: hidden;
    background-color: #fff;
    border-radius: 15px;
    padding: 30px;
    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.05098039);
    border: 1px solid #e1e1e1;
    cursor: pointer;
    transition: .5s all ease-in-out
}

.fruti_feature .feature_box .feature_icon {
    display: table-cell;
    vertical-align: top;
    width: 70px;
    overflow: hidden;
    object-fit: contain;
    padding-right: 15px
}

.fruti_feature .feature_box .feature_icon img {
    width: 70px;
    height: 70px;
    object-fit: contain;
    overflow: hidden
}

.fruti_feature .feature_box .box_head {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.3;
    margin-bottom: 10px;
    color: #2f2f2f;
    display: inline-block
}

.fruti_feature .feature_box .box_text {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.8;
    display: inline-block;
    margin: 0;
    text-align: justify;
    width: 95%
}

.fruti_feature .feature_box:hover {
    transform: translateY(-15px);
    box-shadow: 2px 10px 10px 0 rgba(0, 0, 0, 0.05098039);
    transition: .5s all ease-in-out
}

.fruti_about {
    position: relative;
    background-color: #fbfbfb;
    padding: 150px 0
}

@media (max-width:990px) {
    .fruti_about {
        padding: 50px 0
    }
}

@media (max-width:990px) {
    .fruti_about .about_box {
        text-align: center
    }
}

.fruti_about .about_box .about_meta {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.3;
    margin-bottom: 20px;
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
    color: #585858
}

.fruti_about .about_box .about_head {
    color: #2f2f2f;
    margin-bottom: 20px;
    font-size: 36px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.3
}

@media (max-width:1366px) {
    .fruti_about .about_box .about_head {
        font-size: 26px
    }
}

@media (max-width:990px) {
    .fruti_about .about_box .about_head {
        font-size: 26px
    }
}

.fruti_about .about_box .about_text {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.8;
    margin-bottom: 15px;
    color: #585858;
    text-align: justify
}

@media (max-width:1366px) {
    .fruti_about .about_box .about_text {
        font-size: 15px
    }
}

@media (max-width:990px) {
    .fruti_about .about_box .about_text {
        font-size: 14px;
        text-align: center
    }
}

.fruti_about .about_box .about_btn {
    background-image: url(/static/themes/nano_lite/images/karfrut/fruti_btn_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 49px;
    line-height: 49px;
    width: 130px;
    text-align: center;
    margin: 0;
    border-radius: 7px;
    color: #2f2f2f;
    padding: 0;
    font-size: 14px;
    font-weight: 600;
    margin-top: 40px;
    letter-spacing: 1px;
    text-transform: uppercase;
    box-shadow: 2px 3px 5px 0 rgba(72, 72, 72, 0.32);
    text-shadow: 0 1px #3b65ce;
    display: inline-block
}

@media (max-width:990px) {
    .fruti_about .about_box .about_btn {
        margin-bottom: 40px
    }
}

@media (max-width:990px) {
    .fruti_about .about_bg {
        width: 100%
    }
}

.fruti_about .about_bg img {
    width: 780px;
    height: 560px;
    object-fit: contain
}

@media (max-width:1366px) {
    .fruti_about .about_bg img {
        width: 680px;
        height: 560px
    }
}

@media (max-width:990px) {
    .fruti_about .about_bg img {
        width: 100%;
        height: auto
    }
}

.fruti_about .about_white_box {
    background-color: #fff;
    padding: 50px;
    position: relative;
    box-shadow: 0 6px 10px rgba(33, 23, 23, 0.15)
}

@media (max-width:990px) {
    .fruti_about .about_white_box {
        padding: 20px;
        text-align: center
    }
}

.fruti_about .about_white_box .box_title {
    font-size: 36px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.3;
    margin-bottom: 20px;
    color: #2f2f2f
}

@media (max-width:990px) {
    .fruti_about .about_white_box .box_title {
        font-size: 26px
    }
}

.fruti_about .about_white_box .box_text {
    color: #585858;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.8;
    width: 50%;
    margin-bottom: 15px
}

@media (max-width:1366px) {
    .fruti_about .about_white_box .box_text {
        width: 55%;
        font-size: 16px
    }
}

@media (max-width:990px) {
    .fruti_about .about_white_box .box_text {
        font-size: 15px;
        width: 100%
    }
}

.fruti_about .about_white_box .box_points {
    display: table;
    width: 100%;
    position: relative;
    height: auto;
    padding: 0;
    margin-bottom: 80px
}

@media (max-width:990px) {
    .fruti_about .about_white_box .box_points {
        display: inline-block;
        margin-bottom: 50px
    }
}

.fruti_about .about_white_box .box_points:first-of-type {
    margin-top: 80px
}

@media (max-width:990px) {
    .fruti_about .about_white_box .box_points:first-of-type {
        margin-top: 40px
    }
}

.fruti_about .about_white_box .box_points:last-of-type {
    margin-bottom: 0
}

.fruti_about .about_white_box .box_points .point_icon {
    width: 80px;
    height: 80px;
    object-fit: contain;
    display: table-cell;
    vertical-align: top;
    padding-right: 40px
}

@media (max-width:990px) {
    .fruti_about .about_white_box .box_points .point_icon {
        padding: 0;
        display: inline-block;
        width: 100%;
        height: auto;
        margin-bottom: 30px
    }
}

.fruti_about .about_white_box .box_points .point_icon img {
    width: 80px;
    height: 80px;
    object-fit: contain
}

.fruti_about .about_white_box .box_points .point_container {
    display: table-cell;
    vertical-align: top
}

@media (max-width:990px) {
    .fruti_about .about_white_box .box_points .point_container {
        display: inline-block
    }
}

.fruti_about .about_white_box .box_points .point_container .point_head {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.3;
    color: #2f2f2f;
    text-transform: uppercase
}

.fruti_about .about_white_box .box_points .point_container .point_text {
    width: 40%;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.8;
    color: #585858
}

@media (max-width:990px) {
    .fruti_about .about_white_box .box_points .point_container .point_text {
        width: 100%
    }
}

.fruti_about .about_white_box .box_points .point_container .point_btn {
    display: inline-block;
    padding: 0;
    margin: 0;
    padding-bottom: 5px;
    color: #d33;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    position: relative
}

.fruti_about .about_white_box .box_points .point_container .point_btn::after {
    content: '';
    height: 2px;
    width: 100px;
    background: #d33;
    position: absolute;
    left: 0;
    bottom: 0
}

.fruti_about .about_white_box .white_box_bg {
    position: absolute;
    right: 0;
    z-index: 101;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block
}

@media (max-width:990px) {
    .fruti_about .about_white_box .white_box_bg {
        position: relative;
        left: 0;
        top: 0;
        bottom: 0;
        transform: none;
        margin-top: 30px
    }
}

.fruti_about .about_white_box .white_box_bg img {
    width: 560px;
    height: 430px;
    object-fit: contain
}

@media (max-width:1366px) {
    .fruti_about .about_white_box .white_box_bg img {
        width: 500px;
        height: 400px
    }
}

@media (max-width:990px) {
    .fruti_about .about_white_box .white_box_bg img {
        width: 100%;
        height: auto
    }
}

.fruti_news {
    background-color: #fff;
    position: relative;
    padding: 80px 0
}

.fruti_news .news_head {
    color: #2f2f2f;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.3;
    margin-bottom: 50px;
    display: inline-block;
    position: relative
}

.fruti_news .news_head::after {
    content: '';
    height: 2px;
    width: 150px;
    display: inline-block;
    background: #d33;
    position: relative;
    vertical-align: middle;
    margin-left: 10px
}

.fruti_news .news_box {
    width: 100%;
    position: relative
}

@media (max-width:990px) {
    .fruti_news .news_box {
        text-align: center;
        margin-bottom: 30px
    }
}

.fruti_news .news_box .image_grid {
    width: 360px;
    height: 270px;
    object-fit: cover;
    overflow: hidden;
    border-radius: 15px;
    display: inline-block;
    margin-bottom: 20px;
    border: 1px solid #e1e1e1;
    box-shadow: 0 5px 8px rgba(121, 121, 121, 0.07843137)
}

@media (max-width:1366px) {
    .fruti_news .news_box .image_grid {
        width: 100%
    }
}

@media (max-width:990px) {
    .fruti_news .news_box .image_grid {
        width: 100%
    }
}

.fruti_news .news_box .image_grid img {
    width: 360px;
    height: 270px;
    object-fit: cover
}

.fruti_news .news_box .news_title {
    font-size: 17px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.3;
    margin-bottom: 15px;
    height: 45px;
    overflow: hidden
}

.fruti_news .news_box .news_text {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.8;
    margin-bottom: 15px;
    color: #585858
}

.fruti_news .news_box .news_btn {
    font-size: 15px;
    font-weight: 600;
    color: #2f2f2f;
    display: inline-block;
    position: relative;
    transition: .3s all ease-in-out
}

.fruti_news .news_box .news_btn::after {
    content: '\f0da';
    font-family: 'FontAwesome';
    display: inline-block;
    font-size: 16px;
    color: #d33;
    vertical-align: middle;
    margin-left: 10px;
    transition: .3s all ease-in-out
}

.fruti_news .news_box .news_btn:hover {
    transition: .3s all ease-in-out
}

.fruti_news .news_box .news_btn:hover::after {
    margin-left: 20px;
    transition: .3s all ease-in-out
}

.fruti_news .all_btn {
    position: relative;
    display: inline-block;
    background-image: url(/static/themes/nano_lite/images/karfrut/fruti_btn_bg2.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 50px;
    line-height: 50px;
    width: 290px;
    text-align: center;
    margin: 0 auto;
    margin-top: 80px;
    border-radius: 7px;
    color: #2f2f2f;
    padding: 0;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    text-shadow: 0 1px #3b65ce;
    left: 50%;
    transform: translateX(-50%)
}

@media (max-width:990px) {
    .fruti_news .all_btn {
        margin: 30px 0
    }
}

.fruti_footer {
    position: relative;
    margin-top: 50px
}

.fruti_footer .main_footer {
    position: relative;
    background-image: url(/static/themes/nano_lite/images/karfrut/fruti_soil_bg.jpg);
    background-color: transparent;
    background-position: center center;
    background-repeat: repeat;
    padding: 150px 0 100px
}

@media (max-width:990px) {
    .fruti_footer .main_footer {
        padding: 100px 0 50px
    }
}

.fruti_footer .main_footer::after {
    content: '';
    background-image: url(/static/themes/nano_lite/images/karfrut/fruti_footer_top.png);
    height: 190px;
    width: 100%;
    position: absolute;
    top: -130px;
    left: 0
}

@media (max-width:990px) {
    .fruti_footer .main_footer::after {
        background-position: center
    }
}

.fruti_footer .main_footer .footer_col {
    padding: 20px;
    background-color: rgba(255, 197, 197, 0.5);
    border-radius: 15px;
    display: inline-block;
    width: 100%;
    height: 260px
}

@media (max-width:1366px) {
    .fruti_footer .main_footer .footer_col {
        height: 300px;
        padding: 20px 10px
    }
}

@media (max-width:990px) {
    .fruti_footer .main_footer .footer_col {
        margin-bottom: 20px
    }
}

.fruti_footer .main_footer .footer_col .footer_logo {
    display: inline-block;
    margin-bottom: 20px
}

.fruti_footer .main_footer .footer_col p {
    color: #fff;
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 15px
}

.fruti_footer .main_footer .footer_col .footer_btn {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .5px;
    position: relative;
    display: inline-block
}

.fruti_footer .main_footer .footer_col .footer_btn::after {
    content: '\f0da';
    font-family: 'FontAwesome';
    color: #d33;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px
}

.fruti_footer .main_footer .footer_col .col_head {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .5px;
    color: #fff;
    margin-bottom: 15px;
    display: block;
    position: relative
}

.fruti_footer .main_footer .footer_col .col_head::after {
    content: '';
    width: 50px;
    height: 2px;
    background: #d33;
    display: block;
    margin-top: 10px
}

.fruti_footer .main_footer .footer_col .col_list {
    padding: 0;
    margin: 0;
    list-style: none
}

.fruti_footer .main_footer .footer_col .col_list li {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    position: relative;
    transition: .3s all ease-in-out
}

.fruti_footer .main_footer .footer_col .col_list li:last-child {
    margin-bottom: 0
}

.fruti_footer .main_footer .footer_col .col_list li::before {
    content: '\f111';
    font-family: 'FontAwesome';
    color: #d33;
    font-size: 7px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 10px;
    transition: .3s all ease-in-out
}

.fruti_footer .main_footer .footer_col .col_list li a {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .5px;
    transition: .3s all ease-in-out
}

.fruti_footer .main_footer .footer_col .col_list li:hover::before {
    color: #d6d5d5;
    transition: .3s all ease-in-out
}

.fruti_footer .main_footer .footer_col .col_add {
    padding: 0;
    margin: 0;
    list-style: none
}

.fruti_footer .main_footer .footer_col .col_add li {
    display: table;
    width: 100%;
    margin-bottom: 15px
}

.fruti_footer .main_footer .footer_col .col_add li:last-child {
    margin-bottom: 0
}

.fruti_footer .main_footer .footer_col .col_add li .fa {
    color: #d33;
    font-size: 18px;
    padding-right: 10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    display: table-cell;
    vertical-align: middle
}

.fruti_footer .main_footer .footer_col .col_add li span {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .5px;
    display: table-cell
}

.fruti_footer .copy_footer {
    background-color: #181818;
    position: relative;
    padding: 20px 0
}

.fruti_footer .copy_footer .copy_text {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .5px;
    color: #fff;
    height: 40px;
    line-height: 50px
}

@media (max-width:990px) {
    .fruti_footer .copy_footer .copy_text {
        text-align: center;
        font-size: 14px;
        margin-bottom: 20px
    }
}

.fruti_footer .copy_footer .footer_social {
    padding: 0;
    margin: 0;
    list-style: none;
    float: right
}

@media (max-width:990px) {
    .fruti_footer .copy_footer .footer_social {
        float: none;
        text-align: center
    }
}

.fruti_footer .copy_footer .footer_social li {
    display: inline-block;
    margin-right: 10px
}

.fruti_footer .copy_footer .footer_social li:last-child {
    margin-right: 0
}

.fruti_footer .copy_footer .footer_social li a {
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    background-color: #383c50;
    border-radius: 5px;
    color: #909090;
    box-shadow: inset 3px 3px 8px #120a01;
    text-shadow: 0 0 5px #120a01
}

.fruti_cmn_banner {
    padding: 40px 0;
    position: relative;
    background-image: linear-gradient(45deg, #d33, #998979)
}

.fruti_cmn_banner .common_head {
    font-size: 39px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.3;
    margin: 0;
    text-align: left;
    color: #fff;
    text-transform: uppercase
}

@media (max-width:990px) {
    .fruti_cmn_banner .common_head {
        font-size: 32px;
        text-align: center
    }
}

.fruti_cmn_banner .breadcrumb {
    padding: 0;
    margin: 0;
    background-color: #fff;
    border-radius: 0;
    border: 0;
    width: auto;
    display: inline-block;
    float: right;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    box-shadow: -1px 2px 5px rgba(29, 4, 4, 0.09);
    border-radius: 10px;
    max-width: 585px;
    overflow: hidden
}

@media (max-width:990px) {
    .fruti_cmn_banner .breadcrumb {
        float: none;
        margin: 0 auto;
        width: 70%;
        text-align: center;
        display: block;
        margin-top: 25px
    }
}

.fruti_cmn_banner .breadcrumb li {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .5px;
    color: #d33
}

.fruti_cmn_banner .breadcrumb li::before {
    content: '|';
    margin: 0 5px
}

.fruti_cmn_banner .breadcrumb li:first-of-type::before {
    display: none
}

.fruti_cmn_banner .breadcrumb li a {
    color: #2f2f2f
}

.fruti_cmn_banner.almar_cmn_banner {
    background: #f2f2f2
}

.fruti_cmn_banner.almar_cmn_banner .common_head {
    font-size: 28px;
    color: #222;
    height: 50px;
    line-height: 50px
}

.fruti_cmn_banner.almar_cmn_banner .breadcrumb {
    background-color: transparent;
    box-shadow: none;
    border-radius: 0;
    max-width: none;
    padding: 0;
    float: right
}

.fruti_contact {
    padding: 50px 0 100px;
    background-color: #fff;
    position: relative
}

.fruti_contact .add_box {
    margin-bottom: 20px;
    position: relative;
    text-align: center;
    padding: 25px;
    height: 265px
}

@media (max-width:990px) {
    .fruti_contact .add_box {
        padding: 10px;
        margin-bottom: 0
    }
}

.fruti_contact .add_box .add_icon {
    width: 80px;
    height: 80px;
    padding: 15px 0;
    margin-bottom: 25px;
    border-radius: 50%;
    display: inline-block;
    background-image: linear-gradient(45deg, #d33, #998979);
    box-shadow: inset 0 0 10px #d32323
}

.fruti_contact .add_box .add_icon img {
    width: 50px;
    height: 50px;
    object-fit: contain
}

.fruti_contact .add_box .add_head {
    font-size: 18px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #2f2f2f
}

.fruti_contact .add_box .add_text {
    font-size: 16px;
    font-weight: 500;
    color: #585858;
    line-height: 1.8;
    width: 70%;
    display: inline-block
}

@media (max-width:1366px) {
    .fruti_contact .add_box .add_text {
        width: 100%;
        font-size: 14px
    }
}

.fruti_contact .fruti_bank {
    text-align: center;
    margin-bottom: 30px;
    padding: 30px;
    border: 1px solid #716d6e;
    border-radius: 8px;
    width: 100%;
    position: relative;
    background-color: #fff;
    box-shadow: inset 0 0 7px 0 #d32323
}

.fruti_contact .fruti_bank .bank_title {
    font-size: 23px;
    font-weight: 600;
    letter-spacing: .5px;
    margin-bottom: 15px;
    color: #d33
}

.fruti_contact .fruti_bank .bank_head {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    margin-bottom: 15px
}

.fruti_contact .fruti_bank .bank_text {
    display: inline-block;
    width: 100%;
    color: #585858;
    font-size: 15px;
    font-weight: 500
}

.fruti_contact .form_box {
    padding: 60px 50px 40px;
    border-radius: 10px;
    background-image: linear-gradient(45deg, #d33, #998979);
    box-shadow: inset 0 0 10px #d32323;
    position: relative
}

@media (max-width:990px) {
    .fruti_contact .form_box {
        margin-bottom: 30px
    }
}

.fruti_contact .form_box .form_head {
    font-size: 32px;
    font-weight: 600;
    letter-spacing: .5px;
    margin-bottom: 30px;
    color: #fff;
    text-transform: uppercase
}

@media (max-width:1366px) {
    .fruti_contact .form_box .form_head {
        font-size: 28px
    }
}

@media (max-width:990px) {
    .fruti_contact .form_box .form_head {
        font-size: 28px;
        text-align: center
    }
}

.fruti_contact .form_box .fruti_form {
    position: relative
}

.fruti_contact .form_box .fruti_form input,
.fruti_contact .form_box .fruti_form textarea {
    border: 0;
    outline: none;
    padding: 0 8px;
    height: 50px;
    line-height: 50px;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #fff;
    background-color: transparent;
    border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    transition: .3s all ease-in-out
}

.fruti_contact .form_box .fruti_form input::-webkit-input-placeholder,
.fruti_contact .form_box .fruti_form textarea::-webkit-input-placeholder {
    color: #fff
}

.fruti_contact .form_box .fruti_form input::-moz-placeholder,
.fruti_contact .form_box .fruti_form textarea::-moz-placeholder {
    color: #fff
}

.fruti_contact .form_box .fruti_form input:-ms-input-placeholder,
.fruti_contact .form_box .fruti_form textarea:-ms-input-placeholder {
    color: #fff
}

.fruti_contact .form_box .fruti_form input:-moz-placeholder,
.fruti_contact .form_box .fruti_form textarea:-moz-placeholder {
    color: #fff
}

.fruti_contact .form_box .fruti_form input:focus,
.fruti_contact .form_box .fruti_form textarea:focus {
    border-bottom: 2px solid #fff;
    transition: .3s all ease-in-out
}

.fruti_contact .form_box .fruti_form textarea {
    height: 100px;
    resize: none
}

.fruti_contact .form_box .fruti_form .form-submit {
    text-align: right
}

@media (max-width:990px) {
    .fruti_contact .form_box .fruti_form .form-submit {
        text-align: center
    }
}

.fruti_contact .form_box .fruti_form button {
    display: inline-block;
    border: 0;
    outline: none;
    height: 50px;
    line-height: 50px;
    color: #d33;
    background-color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 0 25px;
    text-align: center;
    margin-top: 25px;
    border-radius: 5px;
    border: 2px solid #fff;
    transition: .3s all ease-in-out
}

.fruti_contact .form_box .fruti_form button:hover {
    border: 2px solid #fff;
    color: #fff;
    background-color: transparent;
    transition: .3s all ease-in-out
}

.fruti_contact .map_box {
    width: 100%;
    overflow: hidden;
    border-radius: 10px
}

.fruti_contact .map_box iframe {
    float: left
}

.fruti_product {
    background-color: #fff;
    position: relative;
    padding: 50px 0
}

.fruti_product .fruti_sidebar {
    width: 100%;
    margin-bottom: 20px;
    position: relative;
    padding: 0;
    padding-top: 20px;
    border: 1px solid #716d6e;
    border-radius: 10px;
    overflow: hidden
}

.fruti_product .fruti_sidebar .cat_list_head {
    color: #2f2f2f;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: .5px;
    margin-bottom: 20px;
    padding: 0 20px
}

.fruti_product .fruti_sidebar .cat_list {
    padding: 0;
    margin: 0;
    list-style: none
}

.fruti_product .fruti_sidebar .cat_list li {
    display: inline-block;
    width: 100%;
    border-top: 1px solid #d33
}

.fruti_product .fruti_sidebar .cat_list li a {
    padding: 0 25px;
    background-image: linear-gradient(45deg, #d33, #998979);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    height: 50px;
    line-height: 50px;
    width: 100%;
    display: inline-block;
    color: #fff;
    position: relative;
    transition: .3s all ease-in-out
}

.fruti_product .fruti_sidebar .cat_list li a::after {
    content: '\f138';
    font-family: 'FontAwesome';
    display: inline-block;
    color: #d33;
    font-size: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 25px
}

.fruti_product .fruti_sidebar .cat_list li a:hover {
    background-image: linear-gradient(45deg, #d33, #998979);
    box-shadow: inset 0 0 10px #d32323;
    color: #fff;
    transition: .3s all ease-in-out
}

.fruti_product .fruti_box {
    background-color: #fff;
    text-align: center;
    border: 1px solid #716d6e;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    margin-bottom: 30px;
    border-radius: 10px;
    position: relative;
    transition: .3s all ease-in-out
}

.fruti_product .fruti_box .fruti_pic {
    width: 100%;
    height: 260px;
    overflow: hidden;
    object-fit: cover;
    display: inline-block
}

@media (max-width:1366px) {
    .fruti_product .fruti_box .fruti_pic {
        height: 200px
    }
}

.fruti_product .fruti_box .fruti_pic img {
    width: 100%;
    height: 260px;
    object-fit: cover
}

@media (max-width:1366px) {
    .fruti_product .fruti_box .fruti_pic img {
        height: 200px
    }
}

.fruti_product .fruti_box .fruti_data {
    padding: 25px 0;
    text-align: center
}

.fruti_product .fruti_box .fruti_data .data_title {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .5px;
    margin-bottom: 15px;
    text-transform: uppercase
}

.fruti_product .fruti_box .fruti_data .data_text {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.8;
    margin: 0;
    display: inline-block;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 20px;
    height: 70px;
    overflow: hidden
}

@media (max-width:990px) {
    .fruti_product .fruti_box .fruti_data .data_text {
        height: 45px
    }
}

.fruti_product .fruti_box .fruti_data .data_btn {
    height: 45px;
    line-height: 43px;
    text-align: center;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    background-image: linear-gradient(45deg, #d33, #998979);
    border: 1px solid #716d6e;
    border-radius: 8px;
    padding: 0 20px;
    z-index: 2;
    position: relative;
    transition: .3s all ease-in-out
}

.fruti_product .fruti_box .fruti_data .data_btn::after {
    content: '\f138';
    font-family: 'FontAwesome';
    display: inline-block;
    margin-left: 10px;
    font-size: 14px;
    height: 45px;
    line-height: 43px;
    color: #d33
}

.fruti_product .fruti_box .fruti_data .data_btn:hover {
    box-shadow: inset 0 0 10px #d32323;
    border: 1px solid #d33;
    transition: .3s all ease-in-out
}

.fruti_product .fruti_box:hover {
    transition: .3s all ease-in-out;
    box-shadow: 6px 8px 30px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px #fff;
    border-color: #fff
}

.fruti_product .fruti_detail {
    width: 100%;
    position: relative;
    background-color: #fff
}

@media (max-width:990px) {
    .fruti_product .fruti_detail .nn_col {
        padding: 0
    }
}

.fruti_product .fruti_detail .main_image {
    width: 100%;
    display: inline-block;
    position: relative;
    overflow: hidden;
    height: 450px;
    object-fit: cover;
    border-radius: 10px;
    border: 1px solid #716d6e
}

@media (max-width:990px) {
    .fruti_product .fruti_detail .main_image {
        margin-bottom: 30px;
        height: 330px
    }
}

.fruti_product .fruti_detail .main_image img {
    width: 100%;
    height: 450px;
    object-fit: cover
}

@media (max-width:990px) {
    .fruti_product .fruti_detail .main_image img {
        height: 330px
    }
}

.fruti_product .fruti_detail .main_title {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.3;
    margin-bottom: 15px;
    color: #000;
    text-transform: uppercase
}

@media (max-width:990px) {
    .fruti_product .fruti_detail .main_title {
        text-align: center;
        font-size: 25px
    }
}

.fruti_product .fruti_detail .sub_text {
    font-size: 14px;
    color: #585858;
    line-height: 1.8;
    text-align: justify;
    margin-bottom: 15px
}

@media (max-width:990px) {
    .fruti_product .fruti_detail .sub_text {
        text-align: center
    }
}

.fruti_product .fruti_detail table {
    width: 100%;
    border: 1px solid #716d6e
}

.fruti_product .fruti_detail table tbody tr td {
    border: 1px solid #716d6e;
    padding: 15px 7px
}

.fruti_product .fruti_detail .fruti_social {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 80px
}

@media (max-width:990px) {
    .fruti_product .fruti_detail .fruti_social {
        margin-top: 30px;
        text-align: center
    }
}

.fruti_product .fruti_detail .fruti_social li {
    display: inline-block;
    margin-right: 15px
}

.fruti_product .fruti_detail .fruti_social li:last-child {
    margin-right: 0
}

.fruti_product .fruti_detail .fruti_social li a {
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    color: #fff;
    font-size: 20px;
    background-image: linear-gradient(45deg, #d33, #998979);
    border-radius: 8px;
    border: 1px solid #716d6e;
    display: inline-block;
    transition: .3s all ease-in-out
}

.fruti_product .fruti_detail .fruti_social li a:hover {
    box-shadow: inset 0 0 10px #d32323;
    border: 1px solid #d33;
    transition: .3s all ease-in-out
}

.fruti_product .fruti_detail .fruti_gallery {
    margin: 50px 0 30px;
    position: relative;
    width: 100%
}

.fruti_product .fruti_detail .fruti_gallery .fruti_gal_box {
    display: inline-block;
    position: relative;
    width: 24%;
    margin: 0 auto;
    margin-right: .6%;
    margin-bottom: 20px;
    height: 195px;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid #716d6e;
    padding: 0;
    outline: none;
    transition: .3s all ease-in-out
}

@media (max-width:1366px) {
    .fruti_product .fruti_detail .fruti_gallery .fruti_gal_box {
        width: 23%
    }
}

@media (max-width:990px) {
    .fruti_product .fruti_detail .fruti_gallery .fruti_gal_box {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 20px;
        height: 320px
    }
}

.fruti_product .fruti_detail .fruti_gallery .fruti_gal_box::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    transition: .3s all ease-in-out
}

.fruti_product .fruti_detail .fruti_gallery .fruti_gal_box img {
    width: 100%;
    height: 195px;
    object-fit: cover
}

@media (max-width:990px) {
    .fruti_product .fruti_detail .fruti_gallery .fruti_gal_box img {
        height: 320px
    }
}

.fruti_product .fruti_detail .fruti_gallery .fruti_gal_box:hover {
    transition: .3s all ease-in-out
}

.fruti_product .fruti_detail .fruti_gallery .fruti_gal_box:hover::after {
    opacity: .6;
    transition: .3s all ease-in-out
}

.fruti_product .fruti_detail .nano_library {
    margin-bottom: 40px
}

.fruti_product .fruti_detail p {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.8;
    color: #585858;
    text-align: left
}

@media (max-width:990px) {
    .fruti_product .fruti_detail p {
        font-size: 13px;
        text-align: justify
    }
}

.fruti_related {
    padding: 20px 0 150px;
    position: relative;
    background-color: #fff
}

@media (max-width:990px) {
    .fruti_related {
        padding: 0 0 80px
    }
}

.fruti_related .related_head {
    font-size: 25px;
    font-weight: 600;
    text-align: center;
    letter-spacing: .5px;
    text-transform: uppercase;
    margin-bottom: 40px;
    color: #d33
}

.fruti_related .related_box {
    display: inline-block;
    width: 100%;
    position: relative;
    margin-bottom: 20px;
    transition: .3s all ease-in-out
}

@media (max-width:990px) {
    .fruti_related .related_box {
        margin-bottom: 30px
    }
}

.fruti_related .related_box .related_pic {
    width: 100%;
    height: 230px;
    object-fit: cover;
    display: inline-block;
    padding: 0;
    border: 1px solid #716d6e;
    border-bottom: 0;
    border-radius: 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    overflow: hidden;
    float: left
}

@media (max-width:1366px) {
    .fruti_related .related_box .related_pic {
        height: 190px
    }
}

.fruti_related .related_box .related_pic img {
    width: 100%;
    height: 230px;
    object-fit: cover
}

@media (max-width:1366px) {
    .fruti_related .related_box .related_pic img {
        height: 190px
    }
}

.fruti_related .related_box .related_name {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 15px 0;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    text-transform: uppercase;
    background-image: linear-gradient(45deg, #d33, #998979);
    transition: .3s all ease-in-out
}

.fruti_related .related_box:hover {
    transition: .3s all ease-in-out
}

.fruti_related .related_box:hover .related_name {
    box-shadow: inset 0 0 10px #d32323;
    transition: .3s all ease-in-out
}

.fruti_more {
    padding: 80px 0 0;
    background-color: #fff;
    position: relative
}

@media (max-width:990px) {
    .fruti_more {
        padding: 20px 0
    }
}

.fruti_more .about_img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    display: inline-block;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: -10px 10px 10px 2px rgba(43, 43, 43, 0.15)
}

@media (max-width:1366px) {
    .fruti_more .about_img {
        height: 400px
    }
}

@media (max-width:990px) {
    .fruti_more .about_img {
        height: 330px;
        margin-bottom: 20px
    }
}

.fruti_more .about_img img {
    width: 100%;
    height: 500px;
    object-fit: cover
}

@media (max-width:1366px) {
    .fruti_more .about_img img {
        height: 400px
    }
}

@media (max-width:990px) {
    .fruti_more .about_img img {
        height: 330px
    }
}

.fruti_more .about_head {
    font-size: 32px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.3;
    margin-bottom: 25px;
    color: #2f2f2f
}

@media (max-width:1366px) {
    .fruti_more .about_head {
        font-size: 22px
    }
}

@media (max-width:990px) {
    .fruti_more .about_head {
        font-size: 23px;
        text-align: center
    }
}

.fruti_more .about_text {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.8;
    margin-bottom: 15px;
    color: #585858;
    text-align: justify
}

@media (max-width:1366px) {
    .fruti_more .about_text {
        font-size: 13px;
        line-height: 1.8;
        margin-bottom: 10px
    }
}

.fruti_more .about_btn {
    position: relative;
    display: inline-block;
    background-image: url(/static/themes/nano_lite/images/karfrut/fruti_btn_bg2.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 50px;
    line-height: 50px;
    width: 210px;
    text-align: center;
    border-radius: 7px;
    color: #2f2f2f;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .5px;
    text-shadow: 0 1px #3b65ce;
    margin-top: 30px
}

@media (max-width:1366px) {
    .fruti_more .about_btn {
        margin-top: 10px
    }
}

@media (max-width:990px) {
    .fruti_more .about_btn {
        margin-top: 20px
    }
}

.fruti_more .about_extra {
    position: relative;
    padding: 50px 0 0;
    display: inline-block;
    width: 100%
}

.fruti_more .about_extra .extra_box {
    display: inline-block;
    position: relative;
    text-align: center
}

@media (max-width:990px) {
    .fruti_more .about_extra .extra_box {
        margin-bottom: 30px
    }
}

.fruti_more .about_extra .extra_box .extra_img {
    width: 100%;
    height: 175px;
    object-fit: cover;
    overflow: hidden;
    border-radius: 8px;
    display: inline-block
}

.fruti_more .about_extra .extra_box .extra_img img {
    width: 100%;
    height: 175px;
    object-fit: cover
}

.fruti_more .about_extra .extra_box .extra_btn {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 160px;
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    border-radius: 8px;
    color: #fff;
    background-image: linear-gradient(45deg, #d33, #998979)
}

.fruti_more .about_extra .extra_box .extra_btn:hover {
    box-shadow: inset 0 0 10px #d32323;
    transition: .3s all ease-in-out
}

.fruti_more .fruti_mission {
    display: inline-block;
    width: 100%;
    position: relative;
    padding-top: 80px
}

.fruti_more .fruti_mission .mission_head {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.3;
    margin-bottom: 25px;
    color: #d33
}

.fruti_more .fruti_mission .mission_text {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.8;
    margin-bottom: 15px;
    color: #585858
}

.fruti_pic_grid {
    padding: 50px 0 100px;
    position: relative;
    background-color: #fff
}

.fruti_pic_grid .grid_head {
    width: 100%;
    padding: 10px 0;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: .5px;
    background-image: linear-gradient(45deg, #d33, #998979);
    margin-bottom: 30px;
    border-radius: 8px
}

@media (max-width:990px) {
    .fruti_pic_grid .grid_head {
        font-size: 22px
    }
}

.fruti_pic_grid .grid_pic {
    width: 100%;
    height: 220px;
    object-fit: cover;
    position: relative;
    display: inline-block;
    padding: 0;
    margin: 0;
    overflow: hidden;
    border-radius: 8px
}

@media (max-width:1366px) {
    .fruti_pic_grid .grid_pic {
        height: 195px
    }
}

@media (max-width:990px) {
    .fruti_pic_grid .grid_pic {
        margin-bottom: 25px
    }
}

.fruti_pic_grid .grid_pic img {
    width: 100%;
    height: 220px;
    object-fit: cover
}

@media (max-width:1366px) {
    .fruti_pic_grid .grid_pic img {
        height: 195px
    }
}

.fruti_pic_grid .grid_data {
    margin-top: 50px;
    margin-bottom: 30px;
    width: 100%;
    position: relative;
    display: inline-block
}

.fruti_pic_grid .grid_data .data_meta {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #d33;
    margin-bottom: 15px
}

.fruti_pic_grid .grid_data .data_head {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.3;
    margin-bottom: 20px;
    color: #2f2f2f
}

.fruti_pic_grid .grid_data .data_btn {
    position: relative;
    display: inline-block;
    background-image: url(/static/themes/nano_lite/images/karfrut/fruti_btn_bg2.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 50px;
    line-height: 50px;
    width: 210px;
    text-align: center;
    border-radius: 7px;
    color: #2f2f2f;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .5px;
    text-shadow: 0 1px #3b65ce
}

@media (max-width:990px) {
    .fruti_pic_grid .grid_data .data_btn {
        margin-bottom: 30px
    }
}

.fruti_pic_grid .grid_data .data_text {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.8;
    margin-bottom: 15px;
    color: #585858;
    text-align: justify
}

.fruti_qulaity {
    padding: 80px 0 50px;
    background-color: #fff;
    position: relative
}

.fruti_qulaity .fruti_crtf {
    width: 100%;
    height: 500px;
    display: inline-block;
    overflow: hidden;
    object-fit: contain;
    margin-bottom: 30px
}

@media (max-width:1366px) {
    .fruti_qulaity .fruti_crtf {
        height: 380px
    }
}

.fruti_qulaity .fruti_crtf img {
    width: 100%;
    height: 500px;
    object-fit: contain
}

@media (max-width:1366px) {
    .fruti_qulaity .fruti_crtf img {
        height: 380px
    }
}

.fruti_qulaity .quality_meta {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: .5px;
    margin-bottom: 15px;
    color: #d33
}

@media (max-width:1366px) {
    .fruti_qulaity .quality_meta {
        font-size: 16px
    }
}

.fruti_qulaity .quality_brief {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.8;
    color: #585858;
    text-align: justify
}

.fruti_qulaity .quality_head {
    font-size: 25px;
    font-weight: 600;
    letter-spacing: .5px;
    margin-bottom: 25px;
    color: #2f2f2f
}

@media (max-width:990px) {
    .fruti_qulaity .quality_head {
        font-size: 18px;
        margin-top: 20px
    }
}

.fruti_qulaity .quality_list {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 25px
}

.fruti_qulaity .quality_list li {
    display: inline-block;
    width: 50%;
    color: #2f2f2f;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .5px;
    text-align: left;
    float: left;
    margin-bottom: 30px;
    position: relative
}

@media (max-width:990px) {
    .fruti_qulaity .quality_list li {
        width: 100%
    }
}

.fruti_qulaity .quality_list li::before {
    content: '\f179';
    font-family: 'FontAwesome';
    display: inline-block;
    font-size: 20px;
    color: #d33;
    margin-right: 15px;
    vertical-align: middle;
    float: left
}

.fruti_qulaity .qulaity_title {
    font-size: 25px;
    font-weight: 600;
    letter-spacing: .5px;
    margin-bottom: 25px;
    margin-top: 20px;
    color: #2f2f2f;
    width: 100%;
    display: inline-block
}

.fruti_qulaity .quality_text {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.8;
    color: #585858;
    text-align: justify;
    margin-bottom: 15px
}

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

.fruti_qulaity .quality_points li {
    display: inline-block;
    width: 100%;
    color: #2f2f2f;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .5px;
    margin-bottom: 15px;
    position: relative
}

.fruti_qulaity .quality_points li::before {
    content: '\f179';
    font-family: 'FontAwesome';
    display: inline-block;
    font-size: 18px;
    color: #d33;
    margin-right: 15px;
    vertical-align: middle;
    float: left
}

.fruti_partenr {
    background-color: #fff;
    position: relative;
    padding: 30px 0 100px
}

.fruti_partenr .partner_head {
    width: 100%;
    padding: 10px 0;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: .5px;
    background-image: linear-gradient(45deg, #d33, #998979);
    margin-bottom: 30px;
    border-radius: 8px
}

@media (max-width:990px) {
    .fruti_partenr .partner_head {
        font-size: 16px
    }
}

.fruti_partenr .partner_list {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.fruti_partenr .partner_list li {
    display: inline-block;
    width: 23%;
    margin: .5%;
    padding: 20px 10px;
    border: 1px solid #716d6e;
    text-align: center
}

@media (max-width:990px) {
    .fruti_partenr .partner_list li {
        width: 100%;
        margin: 0;
        margin-bottom: 15px
    }
}

.fruti_partenr .partner_list li img {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    object-fit: contain
}

.fruti_pagination {
    width: 100%;
    position: relative;
    display: inline-block;
    float: left;
    box-shadow: none;
    margin: 0 auto;
    clear: both;
    height: 55px;
    background-color: transparent;
    margin-top: 50px
}

.fruti_pagination ul {
    width: 100%;
    float: none;
    display: inline-block;
    text-align: center
}

.fruti_pagination ul li {
    margin-right: 15px;
    display: inline-block;
    border: 0;
    font-size: 16px;
    font-weight: 600;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    text-align: center;
    background-color: transparent
}

.fruti_pagination ul li a {
    display: inline-block;
    color: #000
}

.fruti_pagination ul li a i {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    background-color: #d33;
    font-size: 16px;
    font-weight: 600
}

.fruti_pagination ul li.active {
    background-color: #d33
}

.fruti_pagination ul li.active a {
    color: #fff
}

.cafe_section {
    padding: 0;
    position: relative;
    background-image: url(../images/cafe_bg1.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed
}

.cafe_section .cafe_gap {
    height: 300px;
    position: relative;
    padding: 0;
    margin: 0;
    background-color: #f6f6f6
}

@media (max-width:990px) {
    .cafe_section .cafe_gap {
        height: 100px
    }
}

.cafe_section .cafe_gap.contact_gap {
    height: 220px
}

@media (max-width:990px) {
    .cafe_section .cafe_gap.contact_gap {
        height: 100px
    }
}

.cafe_section .cafe_box {
    text-align: center;
    background-color: #fff;
    position: relative;
    padding: 30px 55px 40px;
    min-height: 700px;
    width: 57%;
    margin: 0 auto;
    border-radius: 25px;
    z-index: 1;
    margin-top: -70px;
    margin-bottom: -70px
}

@media (max-width:768px) {
    .cafe_section .cafe_box {
        padding: 40px 50px 40px;
        width: 90%;
        min-height: auto;
        height: auto;
        margin-top: 0;
        margin-bottom: 0
    }
}

@media (max-width:540px) {
    .cafe_section .cafe_box {
        width: 100%;
        padding: 30px 20px 40px;
        min-height: auto;
        height: auto;
        margin-top: 0;
        margin-bottom: 0
    }
}

.cafe_section .cafe_box::before {
    display: block;
    background: #fff;
    content: '';
    height: 26px;
    mask: url(../images/cafe_arrow_top.png);
    -webkit-mask-image: url(../images/cafe_arrow_top.png);
    width: 156px;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%)
}

.cafe_section .cafe_box::after {
    display: block;
    background: #fff;
    content: '';
    height: 26px;
    mask: url(../images/cafe_arrow_bottom.png);
    -webkit-mask-image: url(../images/cafe_arrow_bottom.png);
    width: 156px;
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%)
}

.cafe_section .cafe_box .cafe_header {
    width: 100%;
    display: inline-block;
    margin-bottom: 50px
}

.cafe_section .cafe_box .cafe_header .cafe_icon {
    width: 80px;
    height: 80px;
    object-fit: contain;
    margin-bottom: 20px;
    display: inline-block
}

.cafe_section .cafe_box .cafe_header .cafe_icon img {
    width: 80px;
    height: 80px;
    object-fit: contain
}

.cafe_section .cafe_box .cafe_header .cafe_title {
    color: #2f2f2f;
    font-size: 48px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.3;
    margin-bottom: 15px;
    display: inline-block;
    position: relative;
    width: 100%
}

.cafe_section .cafe_box .cafe_header .cafe_title::after {
    content: '';
    width: 60px;
    height: 4px;
    border-radius: 2px;
    background: #d33;
    display: block;
    margin: 0 auto
}

.cafe_section .cafe_box .cafe_header .cafe_meta {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #d33
}

.cafe_section .cafe_box .cafe_item {
    text-align: left;
    margin-bottom: 25px;
    position: relative;
    display: inline-block;
    width: 100%
}

.cafe_section .cafe_box .cafe_item .item_title {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .5px;
    line-height: 1.5;
    margin-bottom: 10px;
    border-bottom: 1px dashed #cacaca;
    padding-bottom: 5px;
    padding-right: 40px;
    min-height: 35px
}

.cafe_section .cafe_box .cafe_item .item_price {
    color: #d33;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    position: absolute;
    right: 0;
    top: 0;
    min-width: 40px;
    height: 35px;
    text-align: right
}

.cafe_section .cafe_box .cafe_item .item_text {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.8;
    color: #585858;
    margin: 0
}

.cafe_special {
    padding: 0;
    padding-bottom: 80px;
    background-color: #f6f6f6;
    position: relative
}

.cafe_special .cafe_table {
    display: table;
    position: relative
}

.cafe_special .cafe_table .cafe_contact {
    width: 25%;
    display: table-cell;
    min-height: 700px;
    vertical-align: middle;
    background-color: transparent;
    text-align: center
}

@media (max-width:990px) {
    .cafe_special .cafe_table .cafe_contact {
        width: 100%;
        display: block;
        min-height: auto;
        height: auto;
        margin: 70px 0
    }
}

.cafe_special .cafe_table .cafe_contact .contact_grid {
    background-color: #32363d;
    position: relative;
    border-radius: 25px;
    padding: 40px 25px;
    z-index: 2
}

.cafe_special .cafe_table .cafe_contact .contact_grid::before {
    display: block;
    background: #32363d;
    content: '';
    height: 26px;
    mask: url(../images/cafe_arrow_top.png);
    -webkit-mask-image: url(../images/cafe_arrow_top.png);
    width: 156px;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%)
}

.cafe_special .cafe_table .cafe_contact .contact_grid::after {
    display: block;
    background: #32363d;
    content: '';
    height: 26px;
    mask: url(../images/cafe_arrow_bottom.png);
    -webkit-mask-image: url(../images/cafe_arrow_bottom.png);
    width: 156px;
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%)
}

.cafe_special .cafe_table .cafe_contact .contact_grid .contact_icon {
    width: 70px;
    height: 70px;
    object-fit: contain;
    display: inline-block;
    margin-bottom: 20px
}

.cafe_special .cafe_table .cafe_contact .contact_grid .contact_icon img {
    width: 70px;
    height: 70px;
    object-fit: contain
}

.cafe_special .cafe_table .cafe_contact .contact_grid .contact_title {
    font-size: 36px;
    font-weight: 600;
    letter-spacing: .5px;
    margin-bottom: 15px;
    color: #d33
}

.cafe_special .cafe_table .cafe_contact .contact_grid .contact_meta {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .5px;
    line-height: 1.5;
    color: #d33;
    margin-bottom: 15px;
    display: inline-block;
    width: 100%
}

.cafe_special .cafe_table .cafe_contact .contact_grid .contact_num {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 30px;
    color: #fff
}

@media (max-width:1366px) {
    .cafe_special .cafe_table .cafe_contact .contact_grid .contact_num {
        font-size: 15px
    }
}

.cafe_special .cafe_table .cafe_contact .contact_grid .contact_btn {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    background-color: #d33;
    position: relative;
    color: #fff;
    border-radius: 25px;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 500;
    text-transform: uppercase;
    transition: .3s all ease-in-out
}

.cafe_special .cafe_table .cafe_contact .contact_grid .contact_btn:hover {
    background-color: #000;
    transition: .3s all ease-in-out
}

.cafe_special .cafe_table .cafe_contact .time_grid {
    padding: 80px 25px 40px;
    background-color: #23282f;
    position: relative;
    border-radius: 25px;
    z-index: 1;
    margin-top: -40px
}

.cafe_special .cafe_table .cafe_contact .time_grid::after {
    content: '';
    background: #23282f;
    height: 26px;
    width: 156px;
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    mask: url(../images/cafe_arrow_bottom.png);
    -webkit-mask-image: url(../images/cafe_arrow_bottom.png)
}

.cafe_special .cafe_table .cafe_contact .time_grid .time_head {
    color: #fff;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: .5px
}

.cafe_special .cafe_table .cafe_contact .time_grid .time_box {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px
}

.cafe_special .cafe_table .cafe_contact .time_grid .time_box:last-child {
    margin-bottom: 0
}

.cafe_special .cafe_table .cafe_contact .time_grid .time_box .time_day {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .5px;
    margin-bottom: 10px
}

.cafe_special .cafe_table .cafe_contact .time_grid .time_box .time_text {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .5px
}

.cafe_special .cafe_table .cafe_grid {
    width: 37.5%;
    background-color: #fff;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    min-height: 700px;
    padding: 40px 40px 30px;
    margin: 0 auto;
    z-index: 1;
    border-radius: 25px
}

@media (max-width:990px) {
    .cafe_special .cafe_table .cafe_grid {
        width: 100%;
        display: block;
        min-height: auto;
        height: auto
    }
}

.cafe_special .cafe_table .cafe_grid::before {
    display: block;
    background: #fff;
    content: '';
    height: 26px;
    mask: url(../images/cafe_arrow_top.png);
    -webkit-mask-image: url(../images/cafe_arrow_top.png);
    width: 156px;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%)
}

.cafe_special .cafe_table .cafe_grid::after {
    display: block;
    background: #fff;
    content: '';
    height: 26px;
    mask: url(../images/cafe_arrow_bottom.png);
    -webkit-mask-image: url(../images/cafe_arrow_bottom.png);
    width: 156px;
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%)
}

.cafe_special .cafe_table .cafe_grid .grid_header {
    width: 100%;
    display: inline-block;
    margin-bottom: 50px
}

.cafe_special .cafe_table .cafe_grid .grid_header .grid_icon {
    width: 70px;
    height: 70px;
    object-fit: contain;
    display: inline-block;
    margin-bottom: 20px
}

.cafe_special .cafe_table .cafe_grid .grid_header .grid_icon img {
    width: 70px;
    height: 70px;
    object-fit: contain
}

.cafe_special .cafe_table .cafe_grid .grid_header .grid_title {
    color: #2f2f2f;
    font-size: 42px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.3;
    margin-bottom: 15px;
    position: relative
}

.cafe_special .cafe_table .cafe_grid .grid_header .grid_title::after {
    content: '';
    width: 60px;
    height: 4px;
    border-radius: 2px;
    background: #d33;
    display: block;
    margin: 0 auto
}

.cafe_special .cafe_table .cafe_grid .grid_header .grid_meta {
    display: inline-block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #d33
}

.cafe_special .cafe_table .cafe_grid .grid_header .grid_banner {
    width: 100%;
    height: 110px;
    object-fit: cover;
    margin-top: 45px;
    display: inline-block;
    overflow: hidden;
    border-radius: 10px
}

.cafe_special .cafe_table .cafe_grid .grid_header .grid_banner img {
    width: 100%;
    height: 110px;
    object-fit: cover
}

.cafe_special .cafe_table .cafe_grid .grid_item {
    text-align: left;
    margin-bottom: 25px;
    position: relative;
    display: inline-block;
    width: 100%
}

.cafe_special .cafe_table .cafe_grid .grid_item .item_title {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .5px;
    line-height: 1.5;
    margin-bottom: 5px;
    border-bottom: 1px dashed #cacaca;
    padding-right: 40px;
    min-height: 35px
}

.cafe_special .cafe_table .cafe_grid .grid_item .item_price {
    color: #d33;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    position: absolute;
    right: 0;
    top: 0;
    min-width: 40px;
    height: 35px;
    text-align: right
}

.cafe_special .cafe_table .cafe_grid .grid_item .item_text {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.8;
    color: #585858;
    margin: 0 auto
}

.der_product {
    position: relative;
    background-color: #fff;
    padding: 80px 0
}

.der_product .der_cat {
    padding: 0;
    margin: 0;
    margin-bottom: 50px;
    list-style: none;
    display: table;
    position: relative;
    width: 100%;
    text-align: center;
    border: 1px solid #e1e1e1
}

@media (max-width:990px) {
    .der_product .der_cat {
        display: block;
        border: 0
    }
}

.der_product .der_cat li {
    display: table-cell;
    margin: 0;
    padding: 0;
    border-right: 1px solid #e1e1e1
}

@media (max-width:990px) {
    .der_product .der_cat li {
        display: inline-block;
        width: 100%;
        margin-bottom: 10px;
        border: 1px solid #e1e1e1
    }
}

.der_product .der_cat li:last-child {
    border-right: 0
}

@media (max-width:990px) {
    .der_product .der_cat li:last-child {
        border-right: 1px solid #e1e1e1
    }
}

.der_product .der_cat li a {
    display: inline-block;
    height: 55px;
    line-height: 55px;
    border: 0;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    padding: 0 15px;
    text-transform: uppercase;
    background-color: transparent;
    color: #2f2f2f;
    text-align: center;
    width: 100%;
    position: relative;
    transition: .3s all ease-in-out
}

.der_product .der_cat li a::before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    background: #d33;
    transition: .3s all ease-in-out
}

.der_product .der_cat li a.active,
.der_product .der_cat li a:hover {
    background-color: #d33;
    color: #fff;
    transition: .3s all ease-in-out
}

.der_product .der_cat li a.active::before,
.der_product .der_cat li a:hover::before {
    background: #fff;
    transition: .3s all ease-in-out
}

.der_product .cover_img {
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 30px;
    overflow: hidden;
    height: 85px;
    object-fit: contain
}

.der_product .cover_img img {
    width: 100%;
    height: 85px;
    object-fit: contain
}

.der_product .box_title {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.3;
    margin-bottom: 15px;
    color: #2f2f2f;
    text-align: center;
    text-transform: uppercase
}

@media (max-width:990px) {
    .der_product .box_title {
        font-size: 18px
    }
}

.der_product .text_box {
    position: relative;
    text-align: left;
    background-color: #fff;
    margin-bottom: 20px
}

.der_product .text_box .box_text {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.8;
    color: #2f2f2f;
    text-align: justify;
    margin: 0
}

@media (max-width:990px) {
    .der_product .text_box .box_text {
        font-size: 13px
    }
}

.der_product .der_item {
    position: relative;
    background-color: #fff;
    text-align: center;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    margin-bottom: 25px;
    padding-top: 10px;
    border: 1px solid #e1e1e1;
    transition: .3s all ease-in-out
}

.der_product .der_item .item_pic {
    width: 100%;
    height: 250px;
    overflow: hidden;
    object-fit: cover;
    display: inline-block;
    padding: 0 10px;
    transition: .3s all ease-in-out
}

.der_product .der_item .item_pic img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    transition: .3s all ease-in-out
}

.der_product .der_item .item_data {
    padding: 25px 15px;
    text-align: left;
    background-color: #f6f6f6;
    height: 160px;
    overflow: hidden
}

.der_product .der_item .item_data .item_title {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 15px;
    max-height: 15px;
    overflow: hidden;
    transition: .3s all ease-in-out
}

.der_product .der_item .item_data .item_text {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.8;
    margin: 0;
    color: #2f2f2f;
    max-height: 46px;
    overflow: hidden;
    transition: .3s all ease-in-out
}

.der_product .der_item .item_data .item_text p {
    margin: 0
}

.der_product .der_item .item_data .item_btn {
    display: inline-block;
    background-color: transparent;
    font-size: 14px;
    width: 100%;
    font-weight: 600;
    letter-spacing: 1px;
    color: #d33;
    margin-top: 15px;
    transition: .3s all ease-in-out
}

.der_product .der_item:hover {
    box-shadow: 0 5px 15px rgba(186, 186, 186, 0.32);
    transform: translateY(-3px);
    z-index: 1;
    transition: .3s all ease-in-out
}

.der_product .der_item:hover .item_data {
    background-color: #d33;
    transition: .3s all ease-in-out
}

.der_product .der_item:hover .item_data .item_title {
    color: #fff;
    transition: .3s all ease-in-out
}

.der_product .der_item:hover .item_data .item_text {
    color: #fff;
    transition: .3s all ease-in-out
}

.der_product .der_item:hover .item_data .item_btn {
    color: #fff;
    transition: .3s all ease-in-out
}

.der_product .pad_zero {
    padding: 0
}

.der_product .other_items {
    position: relative
}

@media (max-width:990px) {
    .der_product .other_items {
        margin-top: 30px
    }
}

.der_product .other_items .other_title {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.3;
    margin-bottom: 40px;
    color: #000;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    margin-left: -15px;
    border-bottom: 1px solid #e1e1e1;
    width: 100%
}

.der_product .other_items .other_title::after {
    display: block;
    content: '';
    height: 4px;
    background: #d33;
    position: relative;
    width: 80px;
    margin-top: 5px;
    top: 2px
}

.der_product .other_items .item_block {
    display: table;
    margin-bottom: 20px;
    position: relative;
    transition: .3s all ease-in-out
}

.der_product .other_items .item_block .block_img {
    display: table-cell;
    width: 40%;
    height: 100px;
    object-fit: cover;
    margin: 0;
    border: 1px solid #e1e1e1;
    vertical-align: middle
}

.der_product .other_items .item_block .block_img img {
    width: 100%;
    height: 100px;
    object-fit: cover
}

.der_product .other_items .item_block .block_content {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    background-color: #fff;
    width: 60%;
    padding-left: 10px;
    transition: .3s all ease-in-out
}

.der_product .other_items .item_block .block_content .block_head {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    line-height: 1.5;
    display: block;
    width: 100%;
    max-height: 24px;
    overflow: hidden
}

.der_product .other_items .item_block .block_content .block_btn {
    display: inline-block;
    width: 100%;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .5px;
    color: #d33
}

.der_product .other_items .item_block:hover {
    box-shadow: 0 5px 15px rgba(186, 186, 186, 0.32);
    transform: translateY(-3px);
    z-index: 1;
    transition: .3s all ease-in-out
}

.der_product .other_items .item_block:hover .block_content {
    background-color: #d33;
    transition: .3s all ease-in-out
}

.der_product .other_items .item_block:hover .block_content .block_head,
.der_product .other_items .item_block:hover .block_content .block_btn {
    color: #fff
}

.der_product .der_detail {
    position: relative
}

.der_product .der_detail .main_pic {
    width: 100%;
    height: 500px;
    object-fit: contain;
    display: inline-block;
    border: 1px solid #e1e1e1
}

@media (max-width:990px) {
    .der_product .der_detail .main_pic {
        margin-bottom: 20px
    }
}

.der_product .der_detail .main_pic img {
    width: 100%;
    height: 500px;
    object-fit: contain
}

.der_product .der_detail .der_social {
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 0;
    width: 100%;
    margin-top: 20px
}

.der_product .der_detail .der_social li {
    display: inline-block;
    margin-right: 15px
}

.der_product .der_detail .der_social li:last-child {
    margin-right: 0
}

.der_product .der_detail .der_social li a {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background-color: transparent;
    color: #2f2f2f;
    border: 1px solid #e1e1e1;
    font-size: 16px;
    border-radius: 50%;
    transition: .3s all ease-in-out
}

.der_product .der_detail .der_social li a:hover {
    border: 1px solid #d33;
    background-color: #d33;
    color: #fff;
    transition: .3s all ease-in-out
}

.der_product .der_detail .slider_title {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.3;
    margin-bottom: 30px;
    color: #000;
    position: relative;
    display: inline-block;
    border-bottom: 1px solid #e1e1e1;
    width: 100%
}

.der_product .der_detail .slider_title::after {
    content: '';
    display: block;
    height: 4px;
    background: #d33;
    position: relative;
    width: 80px;
    margin-top: 5px;
    top: 2px
}

.der_product .der_detail .slider_text {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.8;
    color: #2f2f2f;
    margin: 0;
    padding: 0 0 15px;
    border-bottom: 1px solid #e1e1e1;
    margin-top: 60px
}

@media (max-width:990px) {
    .der_product .der_detail .slider_text {
        margin-top: 0
    }
}

.der_product .der_detail .main_text,
.der_product .der_detail p {
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 1.8;
    margin: 0;
    color: #2f2f2f;
    margin-bottom: 25px
}

@media (max-width:990px) {

    .der_product .der_detail .main_text,
    .der_product .der_detail p {
        text-align: justify
    }
}

.der_product .der_detail table {
    width: 100%;
    border-radius: 0;
    border-collapse: separate;
    border: 1px solid #e1e1e1
}

.der_product .der_detail table td {
    border: 1px solid #e1e1e1;
    border-collapse: collapse;
    padding: 15px 7px;
    color: #2f2f2f
}

.der_product .der_detail .der_gallery {
    margin: 30px 0 0;
    position: relative;
    width: 100%
}

.der_product .der_detail .der_gallery .fancybox {
    display: inline-block;
    position: relative;
    margin: 0 auto;
    width: 24%;
    margin-right: 1.2%;
    margin-bottom: 20px;
    height: 100px;
    object-fit: cover;
    overflow: hidden;
    border: 1px solid #e1e1e1;
    padding: 0;
    outline: none;
    transition: .3s all ease-in-out
}

.der_product .der_detail .der_gallery .fancybox:last-child {
    margin-right: 0
}

.der_product .der_detail .der_gallery .fancybox img {
    width: 100%;
    height: 100px;
    object-fit: cover
}

.der_product .der_detail .der_gallery .fancybox:hover {
    border: 1px solid #d33;
    box-shadow: 0 5px 15px rgba(186, 186, 186, 0.32);
    transform: translateY(-3px);
    z-index: 1;
    transition: .3s all ease-in-out
}

.der_news {
    padding: 80px 0;
    position: relative;
    background-color: #fff
}

.der_news .news_title {
    text-align: center;
    color: #000;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: uppercase
}

@media (max-width:990px) {
    .der_news .news_title {
        font-size: 23px
    }
}

.der_news .news_text {
    text-align: center;
    color: #2f2f2f;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.8;
    margin-bottom: 30px
}

@media (max-width:990px) {
    .der_news .news_text {
        font-size: 12px
    }
}

.der_news .news_btn {
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    padding: 0 25px;
    margin-top: 30px;
    height: 45px;
    line-height: 43px;
    background-color: #d33;
    color: #fff;
    border: 2px solid #d33;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
    transition: .3s all ease-in-out
}

.der_news .news_btn:hover {
    border: 2px solid #d33;
    color: #d33;
    background-color: transparent;
    transition: .3s all ease-in-out
}

.der_news .news_box {
    position: relative;
    display: inline-block;
    width: 100%;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    padding: 10px 10px 15px;
    text-align: center;
    transition: .3s all ease-in-out
}

@media (max-width:990px) {
    .der_news .news_box {
        margin-bottom: 25px
    }
}

.der_news .news_box .box_image {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 225px;
    object-fit: cover;
    margin-bottom: 25px
}

.der_news .news_box .box_image img {
    width: 100%;
    height: 225px;
    object-fit: cover
}

.der_news .news_box .box_title {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .5px;
    margin: 0;
    color: #2f2f2f;
    height: 40px;
    overflow: hidden
}

@media (max-width:990px) {
    .der_news .news_box .box_title {
        height: auto;
        overflow: visible;
        margin-bottom: 15px
    }
}

.der_news .news_box .box_text {
    color: #585858;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.8;
    height: 70px;
    overflow: hidden
}

@media (max-width:990px) {
    .der_news .news_box .box_text {
        height: auto;
        overflow: visible
    }
}

.der_news .news_box .box_btn {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #d33;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .5px;
    margin-top: 15px;
    text-transform: uppercase;
    margin-bottom: 15px
}

.der_news .news_box:hover {
    box-shadow: 0 5px 15px rgba(186, 186, 186, 0.32);
    transform: translateY(-3px);
    z-index: 1;
    transition: .3s all ease-in-out
}

.der_pagination {
    width: 100%;
    position: relative;
    display: inline-block;
    float: left;
    box-shadow: none;
    margin: 0 auto;
    clear: both;
    height: 55px;
    background-color: transparent;
    margin-top: 50px
}

.der_pagination ul {
    width: 100%;
    float: none;
    display: inline-block;
    text-align: center
}

.der_pagination ul li {
    margin-right: 15px;
    display: inline-block;
    border: 0;
    font-size: 16px;
    font-weight: 600;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    text-align: center;
    border: 1px solid transparent;
    background-color: transparent
}

.der_pagination ul li a {
    display: inline-block;
    color: #000
}

.der_pagination ul li a i {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 32px;
    border-radius: 50%;
    text-align: center;
    color: #000;
    background-color: transparent;
    border: 1px solid #e1e1e1;
    font-size: 16px;
    font-weight: 600;
    transition: .3s all ease-in-out
}

.der_pagination ul li a i:hover {
    background-color: #d33;
    border: 1px solid #d33;
    color: #fff;
    transition: .3s all ease-in-out
}

.der_pagination ul li.active {
    background-color: transparent;
    border: 1px solid #e1e1e1
}

.der_pagination ul li.active a {
    color: #000
}

.der_library {
    position: relative;
    clear: both;
    background-color: transparent;
    padding: 30px 0;
    margin: 0
}

.der_library .lib_head {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.3;
    margin-bottom: 20px;
    color: #000;
    display: inline-block;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #e1e1e1
}

.der_library .lib_head::after {
    content: '';
    display: block;
    height: 4px;
    background: #d33;
    position: relative;
    width: 80px;
    margin-top: 5px;
    top: 2px
}

.der_library .tab_box {
    width: 100%;
    margin: 25px 0;
    list-style: none;
    padding: 0
}

.der_library .tab_box li {
    display: inline-block;
    margin-right: 15px;
    padding: 0;
    list-style: none;
    transition: .3s all ease-in-out
}

.der_library .tab_box li a {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .5px;
    height: 45px;
    line-height: 40px;
    padding: 0 20px;
    border-radius: 5px;
    background-color: transparent;
    color: #000;
    border: 2px solid #e1e1e1;
    cursor: pointer;
    transition: .3s all ease-in-out
}

.der_library .tab_box li.active,
.der_library .tab_box li:hover {
    transition: .3s all ease-in-out
}

.der_library .tab_box li.active a,
.der_library .tab_box li:hover a {
    border: 2px solid #d33;
    color: #fff;
    background-color: #d33;
    transition: .3s all ease-in-out
}

.der_library .video_box {
    float: left;
    width: 100%;
    display: block;
    margin-bottom: 25px
}

.der_library .video_box iframe {
    width: 32%;
    height: 160px;
    display: inline-block;
    float: left;
    margin-right: 1.3%;
    box-shadow: none;
    border: 0
}

.der_library .video_box h3 {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .5px;
    margin-bottom: 15px;
    color: #2f2f2f
}

.der_library .gal_box {
    float: left;
    width: 100%;
    display: block;
    margin-bottom: 25px
}

.der_library .gal_box .single_box {
    width: 24%;
    float: left;
    display: inline-block;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    margin-right: 1%;
    transition: .3s all ease-in-out
}

.der_library .gal_box .single_box a {
    display: inline-block;
    width: 100%;
    height: 100%
}

.der_library .gal_box .single_box a img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border: 1px solid #e1e1e1;
    padding: 10px
}

.der_library .gal_box .single_box a .gal_detail {
    background-color: #f6f6f6;
    position: relative;
    width: 100%;
    display: inline-block;
    height: 110px;
    padding: 10px;
    overflow: hidden;
    transition: .3s all ease-in-out
}

.der_library .gal_box .single_box a .gal_detail span {
    color: #000;
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    transition: .3s all ease-in-out
}

.der_library .gal_box .single_box a .gal_detail p {
    color: #585858 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    letter-spacing: .5px;
    height: 42px;
    overflow: hidden;
    transition: .3s all ease-in-out
}

.der_library .gal_box .single_box:hover {
    box-shadow: 0 5px 15px rgba(186, 186, 186, 0.32);
    transform: translateY(-3px);
    z-index: 1;
    transition: .3s all ease-in-out
}

.der_library .gal_box .single_box:hover .gal_detail {
    transition: .3s all ease-in-out;
    background-color: #d33
}

.der_library .gal_box .single_box:hover .gal_detail span,
.der_library .gal_box .single_box:hover .gal_detail p {
    color: #fff !important;
    transition: .3s all ease-in-out
}

.tema_blog {
    padding: 80px 0;
    background-color: #fff;
    position: relative
}

.tema_blog .post_grid {
    margin-bottom: 40px;
    overflow: hidden;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 20px
}

.tema_blog .post_grid .image_grid {
    width: 100%;
    overflow: hidden;
    height: 400px;
    display: inline-block;
    object-fit: cover;
    position: relative;
    float: left;
    transition: .3s all ease-in-out
}

@media (max-width:990px) {
    .tema_blog .post_grid .image_grid {
        height: 250px
    }
}

.tema_blog .post_grid .image_grid::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: .3s all ease-in-out
}

.tema_blog .post_grid .image_grid img {
    width: 100%;
    height: 400px;
    overflow: hidden;
    object-fit: cover
}

@media (max-width:990px) {
    .tema_blog .post_grid .image_grid img {
        height: 250px
    }
}

.tema_blog .post_grid .data_grid {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-top: 0;
    padding: 25px 20px;
    background-color: #fff;
    transition: .3s all ease-in-out
}

@media (max-width:990px) {
    .tema_blog .post_grid .data_grid {
        padding: 25px 0
    }
}

.tema_blog .post_grid .data_grid .post_meta {
    display: inline-block;
    width: 100%;
    position: relative;
    margin-bottom: 20px;
    transition: .3s all ease-in-out
}

.tema_blog .post_grid .data_grid .post_meta a {
    display: inline-block;
    color: #585858;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    position: relative;
    transition: .3s all ease-in-out
}

.tema_blog .post_grid .data_grid .post_meta a::before {
    content: '';
    background: #e1e1e1;
    width: 2px;
    height: 10px;
    display: inline-block;
    margin: 0 10px;
    transition: .3s all ease-in-out
}

.tema_blog .post_grid .data_grid .post_meta a:first-child::before {
    display: none
}

.tema_blog .post_grid .data_grid .post_title {
    font-size: 22px;
    color: #2f2f2f;
    letter-spacing: .5px;
    line-height: 1.5;
    margin-bottom: 20px;
    font-weight: 600;
    transition: .3s all ease-in-out
}

@media (max-width:540px) {
    .tema_blog .post_grid .data_grid .post_title {
        font-size: 22px
    }
}

.tema_blog .post_grid .data_grid .post_text {
    font-size: 15px;
    letter-spacing: .5px;
    line-height: 1.8;
    margin-bottom: 20px;
    color: #585858;
    text-align: justify;
    transition: .3s all ease-in-out
}

.tema_blog .post_grid .data_grid .post_btn {
    height: 55px;
    line-height: 50px;
    background-color: #d33;
    border: 2px solid #d33;
    color: #fff;
    margin: 0;
    letter-spacing: .5px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px;
    padding: 0 20px;
    display: inline-block;
    position: relative;
    transition: .3s all ease-in-out
}

.tema_blog .post_grid .data_grid .post_btn:hover {
    border: 2px solid #d33;
    background-color: transparent;
    color: #d33;
    transition: .3s all ease-in-out
}

.tema_blog .post_grid:hover {
    transition: .3s all ease-in-out
}

.tema_blog .post_grid:hover .image_grid {
    transition: .3s all ease-in-out
}

.tema_blog .post_grid:hover .image_grid::after {
    opacity: 1;
    transition: .3s all ease-in-out
}

.tema_blog .tema_sidebar {
    width: 100%;
    height: auto;
    padding: 0 30px
}

.tema_blog .tema_sidebar .grid_head {
    font-size: 25px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.5;
    margin-bottom: 20px;
    position: relative
}

.tema_blog .tema_sidebar .grid_head::after {
    height: 2px;
    background: #d33;
    content: '';
    position: relative;
    display: block;
    margin-top: 5px;
    width: 100px
}

.tema_blog .tema_sidebar .tema_tags {
    display: inline-block;
    width: 100%;
    position: relative;
    margin-bottom: 20px
}

.tema_blog .tema_sidebar .tema_tags a {
    display: inline-block;
    position: relative;
    float: left;
    text-align: center;
    font-size: 12px;
    color: #585858;
    z-index: 1;
    padding: 7px 15px 7px 20px;
    margin: 0 20px 10px 0;
    border: 1px solid #e1e1e1;
    background-color: #fff;
    border-right: 0;
    font-weight: 600;
    letter-spacing: .7px;
    border-radius: 3px 0 0 3px;
    transition: .3s all ease-in-out
}

.tema_blog .tema_sidebar .tema_tags a::before {
    content: '';
    position: absolute;
    top: 3px;
    right: -12px;
    height: 26px;
    width: 23px;
    border-radius: 6px;
    background-color: #fff;
    border-right: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
    transform: rotate(45deg) skew(6deg);
    transition: .3s all ease-in-out;
    z-index: -1;
    overflow: hidden
}

.tema_blog .tema_sidebar .tema_tags a:hover {
    background-color: #d33;
    color: #fff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.14);
    transition: .3s all ease-in-out
}

.tema_blog .tema_sidebar .tema_tags a:hover::before {
    background-color: #d33;
    transition: .3s all ease-in-out
}

.tema_blog .tema_sidebar .tema_follow {
    margin-bottom: 30px;
    display: inline-block;
    width: 100%
}

.tema_blog .tema_sidebar .tema_follow .follow_btn {
    margin-right: 10px;
    text-align: center;
    float: left;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 8px;
    background-color: #d33;
    display: inline-block;
    font-size: 20px;
    color: #fff;
    transition: .3s all ease-in-out
}

.tema_blog .tema_sidebar .tema_follow .follow_btn:hover {
    box-shadow: 0 5px 50px rgba(186, 186, 186, 0.63);
    transform: translateY(-2px);
    transition: .3s all ease-in-out
}

.tema_blog .tema_sidebar .tema_follow .follow_btn:last-child {
    margin-right: 0
}

.tema_blog .tema_sidebar .related_grid {
    width: 100%;
    height: auto;
    overflow: hidden
}

.tema_blog .tema_sidebar .related_grid .related_box {
    float: left;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e1e1e1;
    display: table;
    width: 100%;
    transition: .3s all ease-in-out
}

.tema_blog .tema_sidebar .related_grid .related_box:last-child {
    border: 0
}

.tema_blog .tema_sidebar .related_grid .related_box img {
    width: 75px;
    height: 75px;
    overflow: hidden;
    object-fit: cover;
    display: table-cell;
    vertical-align: middle;
    margin-right: 15px;
    transition: .3s all ease-in-out
}

.tema_blog .tema_sidebar .related_grid .related_box .related_head {
    color: #2f2f2f;
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 1.5;
    display: table-cell;
    font-weight: 600;
    width: 68%;
    vertical-align: middle
}

.tema_blog .tema_sidebar .related_grid .related_box:hover {
    transition: .3s all ease-in-out;
    padding-left: 10px
}

.tema_blog .tema_sidebar .related_grid .related_box:hover .related_head {
    transition: .3s all ease-in-out;
    color: #d33
}

.tema_blog .tema_sidebar .related_grid .related_box:hover img {
    transition: .3s all ease-in-out;
    filter: grayscale(100%)
}

.tema_blog .detail_grid {
    width: 100%
}

.tema_blog .detail_grid .image_grid {
    width: 100%;
    height: 450px;
    object-fit: cover;
    overflow: hidden
}

@media (max-width:990px) {
    .tema_blog .detail_grid .image_grid {
        height: 250px
    }
}

.tema_blog .detail_grid .image_grid img {
    width: 100%;
    height: 450px;
    object-fit: cover
}

@media (max-width:990px) {
    .tema_blog .detail_grid .image_grid img {
        height: 250px
    }
}

.tema_blog .detail_grid .text_grid {
    width: 100%;
    height: auto;
    padding: 25px 20px
}

.tema_blog .detail_grid .text_grid .slider_text {
    font-size: 22px;
    color: #2f2f2f;
    letter-spacing: .5px;
    line-height: 1.3;
    margin-bottom: 20px;
    font-weight: 600;
    display: inline-block;
    position: relative
}

.tema_blog .detail_grid .text_grid .slider_text::after {
    content: '';
    height: 3px;
    width: 100px;
    background: #d33;
    position: relative;
    display: block;
    margin-top: 10px
}

.tema_blog .detail_grid .text_grid p {
    font-size: 16px;
    line-height: 1.8;
    letter-spacing: .5px;
    text-align: justify;
    color: #585858
}

.tema_blog .detail_grid .text_grid ul {
    padding: 0;
    margin: 0;
    list-style: circle
}

.tema_blog .detail_grid .text_grid ul li {
    list-style: circle;
    margin-bottom: 10px;
    color: #585858
}

.tema_blog .detail_grid .text_grid .post_meta {
    display: inline-block;
    width: 100%;
    position: relative;
    margin-bottom: 20px;
    transition: .3s all ease-in-out
}

.tema_blog .detail_grid .text_grid .post_meta a {
    display: inline-block;
    color: #585858;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    position: relative;
    transition: .3s all ease-in-out
}

.tema_blog .detail_grid .text_grid .post_meta a::before {
    content: '';
    background: #e1e1e1;
    width: 2px;
    height: 10px;
    display: inline-block;
    margin: 0 10px;
    transition: .3s all ease-in-out
}

.tema_blog .detail_grid .text_grid .post_meta a:first-child::before {
    display: none
}

.tema_blog .detail_grid .text_grid .post_social {
    list-style: none;
    padding: 0;
    margin: 60px 0 20px;
    text-align: right;
    width: 100%
}

.tema_blog .detail_grid .text_grid .post_social li {
    list-style: none;
    display: inline-block;
    margin-right: 10px
}

.tema_blog .detail_grid .text_grid .post_social li a {
    display: inline-block;
    height: 35px;
    width: 35px;
    line-height: 35px;
    font-size: 15px;
    color: #fff;
    background-color: #d33;
    border-radius: 8px;
    text-align: center;
    transition: .3s all ease-in-out
}

.tema_blog .detail_grid .text_grid .post_social li a:hover {
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.28);
    transform: translateY(-5%);
    transition: .3s all ease-in-out
}

.almar_header {
    background-color: transparent;
    position: relative;
    width: 100%;
    height: auto;
    z-index: 101
}

.almar_header .top_nav {
    height: 50px;
    position: relative;
    width: 100%;
    background-color: #d33
}

@media (max-width:990px) {
    .almar_header .top_nav {
        display: none
    }
}

.almar_header .top_nav .nav_contact {
    height: 50px
}

.almar_header .top_nav .nav_contact ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.almar_header .top_nav .nav_contact ul li {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    list-style: none;
    margin: 0 10px;
    padding: 0;
    position: relative
}

.almar_header .top_nav .nav_contact ul li::after {
    content: '';
    display: inline-block;
    width: 2px;
    height: 15px;
    background: #22272b;
    position: absolute;
    top: 50%;
    right: -12px;
    transform: translateY(-50%)
}

.almar_header .top_nav .nav_contact ul li:last-child::after {
    display: none
}

.almar_header .top_nav .nav_contact ul li .fa {
    color: #fff;
    font-size: 16px;
    margin-right: 10px
}

.almar_header .top_nav .nav_contact ul li span {
    color: #fff;
    font-size: 14px
}

.almar_header .top_nav .nav_social {
    height: 50px;
    line-height: 50px;
    position: relative
}

.almar_header .top_nav .nav_social .social_text {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .5px;
    color: #fff;
    display: inline-block;
    margin-right: 20px;
    float: left
}

.almar_header .top_nav .nav_social .social_icons {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    float: left
}

.almar_header .top_nav .nav_social .social_icons li {
    display: inline-block;
    margin-right: 20px;
    position: relative
}

.almar_header .top_nav .nav_social .social_icons li::before {
    content: '';
    display: inline-block;
    width: 2px;
    height: 15px;
    background: #22272b;
    position: absolute;
    top: 50%;
    left: -12px;
    transform: translateY(-50%)
}

.almar_header .top_nav .nav_social .social_icons li a {
    color: #fff;
    font-size: 16px;
    display: inline-block;
    transition: .3s all ease-in-out
}

.almar_header .top_nav .nav_social .social_icons li a:hover {
    color: #000;
    transition: .3s all ease-in-out
}

.almar_header .navbar {
    background-color: #fff;
    position: relative;
    width: 100%;
    height: 100px;
    border: 0;
    border-radius: 0;
    margin: 0;
    padding: 0;
    box-shadow: 1px 5px 5px 0 rgba(0, 0, 0, 0.04)
}

.almar_header .navbar .navbar-header {
    position: relative;
    padding: 0 !important;
    float: left !important;
    height: 100px
}

@media (max-width:990px) {
    .almar_header .navbar .navbar-header {
        width: 100%
    }
}

.almar_header .navbar .navbar-header .navbar-brand {
    display: inline-block;
    height: 100px;
    margin: 0;
    padding: 0
}

@media (max-width:990px) {
    .almar_header .navbar .navbar-header .navbar-brand {
        width: auto;
        padding: 0 20px
    }
}

.almar_header .navbar .navbar-header .navbar-brand img {
    width: 100%;
    height: 100px;
    object-fit: contain
}

.almar_header .navbar .navbar-header .navbar-toggle {
    padding: 10px;
    margin: 0;
    border-radius: 0;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    right: 8%;
    border: 1px solid #e1e1e1;
    background-color: #fff;
    cursor: pointer;
    transition: .3s all ease-in-out
}

.almar_header .navbar .navbar-header .navbar-toggle .icon-bar {
    background-color: #2f2f2f;
    height: 3px;
    width: 20px;
    transition: .3s all ease-in-out
}

.almar_header .navbar .navbar-header .navbar-toggle:hover,
.almar_header .navbar .navbar-header .navbar-toggle:active {
    transition: .3s all ease-in-out;
    border: 1px solid #d33;
    background-color: #d33
}

.almar_header .navbar .navbar-header .navbar-toggle:hover .icon-bar,
.almar_header .navbar .navbar-header .navbar-toggle:active .icon-bar {
    background-color: #fff;
    transition: .3s all ease-in-out
}

.almar_header .navbar .navbar-collapse {
    border: 0;
    margin: 0;
    padding: 0
}

.almar_header .navbar .navbar-collapse.collapse .nav {
    height: 100px;
    margin: 0;
    padding: 0;
    line-height: 100px
}

.almar_header .navbar .navbar-collapse.collapse .nav li {
    height: 100px;
    line-height: 100px;
    display: inline-block;
    padding: 0 20px
}

.almar_header .navbar .navbar-collapse.collapse .nav li:last-child {
    padding-right: 0
}

.almar_header .navbar .navbar-collapse.collapse .nav li a {
    height: 100px;
    line-height: 105px;
    padding: 0;
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: #2f2f2f;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    transition: .3s all ease-in-out
}

.almar_header .navbar .navbar-collapse.collapse .nav li a::after {
    content: '';
    height: 4px;
    width: 0;
    opacity: 0;
    visibility: hidden;
    background: #d33;
    position: absolute;
    bottom: 0;
    left: 0;
    right: auto;
    transition: .3s all ease-in-out
}

.almar_header .navbar .navbar-collapse.collapse .nav li a.active,
.almar_header .navbar .navbar-collapse.collapse .nav li a:hover {
    transition: .3s all ease-in-out
}

.almar_header .navbar .navbar-collapse.collapse .nav li a.active::after,
.almar_header .navbar .navbar-collapse.collapse .nav li a:hover::after {
    width: 100%;
    opacity: 1;
    visibility: visible;
    transition: .3s all ease-in-out
}

.almar_header .navbar .navbar-collapse.in {
    height: auto;
    line-height: normal;
    background-color: #fff;
    width: 100%;
    position: absolute;
    top: 100px;
    left: 0;
    right: 0
}

.almar_header .navbar .navbar-collapse.in .nav {
    height: auto;
    line-height: normal;
    width: 100%
}

.almar_header .navbar .navbar-collapse.in .nav li {
    width: 100%;
    text-align: center;
    height: 60px;
    line-height: 60px;
    padding: 0
}

.almar_header .navbar .navbar-collapse.in .nav li a {
    height: 60px;
    line-height: 60px;
    width: 100%
}

.almar_header .navbar .navbar-collapse.in .nav li a::after {
    display: none
}

.almar_header .navbar .navbar-collapse.in .nav li a.active,
.almar_header .navbar .navbar-collapse.in .nav li a:hover {
    background-color: #d33;
    color: #fff;
    transition: .3s all ease-in-out
}

.almar_btn {
    display: inline-block;
    position: relative;
    height: 60px;
    line-height: 60px;
    padding: 0 30px;
    background-color: #d33;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-shadow: none;
    overflow: hidden;
    z-index: 1;
    transition: all .3s ease
}

.almar_btn::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    z-index: -1;
    top: 50%;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    background: #000;
    transition: all .3s ease;
    transform: translate(-50%, -50%)
}

.almar_btn:hover {
    transition: all .3s ease;
    color: #fff
}

.almar_btn:hover::before {
    opacity: 1;
    visibility: visible;
    height: 100%;
    width: 110%
}

.almar_banner {
    position: relative;
    width: 100%;
    height: 600px;
    transition: .3s all ease-in-out
}

@media (max-width:990px) {
    .almar_banner {
        height: auto;
        text-align: center
    }
}

.almar_banner .owl-carousel .owl-item {
    height: 600px;
    overflow: hidden;
    position: relative
}

@media (max-width:990px) {
    .almar_banner .owl-carousel .owl-item {
        height: auto;
        text-align: center
    }
}

.almar_banner .owl-carousel .owl-item img {
    height: 600px;
    width: 100%;
    object-fit: cover
}

@media (max-width:990px) {
    .almar_banner .owl-carousel .owl-item img {
        height: 450px
    }
}

.almar_banner .owl-carousel .owl-item .carousel-caption {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    margin: 0;
    z-index: 10;
    text-align: left;
    left: 14%;
    right: auto;
    background-color: transparent
}

@media (max-width:1366px) {
    .almar_banner .owl-carousel .owl-item .carousel-caption {
        left: 8%
    }
}

@media (max-width:990px) {
    .almar_banner .owl-carousel .owl-item .carousel-caption {
        text-align: center;
        position: absolute;
        transform: none;
        padding: 40px 0 0;
        left: 0;
        top: 0;
        width: 100%
    }
}

.almar_banner .owl-carousel .owl-item .carousel-caption .slider_text {
    font-size: 22px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.3;
    margin-bottom: 25px;
    text-transform: uppercase;
    text-shadow: 3px 2px 5px rgba(0, 0, 0, 0.36)
}

@media (max-width:1366px) {
    .almar_banner .owl-carousel .owl-item .carousel-caption .slider_text {
        font-size: 18px
    }
}

@media (max-width:990px) {
    .almar_banner .owl-carousel .owl-item .carousel-caption .slider_text {
        font-size: 18px;
        line-height: 1.8;
        margin-bottom: 20px
    }
}

.almar_banner .owl-carousel .owl-item .carousel-caption .slider_title {
    font-size: 52px;
    color: #fff;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1.3;
    text-transform: uppercase;
    width: 60%;
    margin-bottom: 30px;
    text-shadow: 3px 2px 5px rgba(0, 0, 0, 0.36)
}

@media (max-width:1366px) {
    .almar_banner .owl-carousel .owl-item .carousel-caption .slider_title {
        font-size: 35px;
        width: 70%
    }
}

@media (max-width:990px) {
    .almar_banner .owl-carousel .owl-item .carousel-caption .slider_title {
        width: 100%;
        font-size: 25px;
        font-weight: 600;
        line-height: 1.8
    }
}

.almar_banner .owl-carousel .owl-item .carousel-caption .slider_button {
    display: inline-block;
    position: relative;
    height: 60px;
    line-height: 60px;
    padding: 0 30px;
    background-color: #454545;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-shadow: none;
    overflow: hidden;
    z-index: 1;
    margin: 0;
    transition: all .3s ease
}

.almar_banner .owl-carousel .owl-item .carousel-caption .slider_button::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    z-index: -1;
    top: 50%;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    background: #000;
    transition: all .3s ease;
    transform: translate(-50%, -50%)
}

.almar_banner .owl-carousel .owl-item .carousel-caption .slider_button:hover {
    transition: all .3s ease
}

.almar_banner .owl-carousel .owl-item .carousel-caption .slider_button:hover::before {
    opacity: 1;
    visibility: visible;
    height: 100%;
    width: 110%
}

.almar_banner .owl-carousel .owl-dots,
.almar_banner .owl-carousel .owl-pagination {
    width: 100%;
    height: auto;
    text-align: center;
    position: absolute;
    bottom: 8%
}

.almar_banner .owl-carousel .owl-dots .owl-dot,
.almar_banner .owl-carousel .owl-pagination .owl-dot,
.almar_banner .owl-carousel .owl-dots .owl-page,
.almar_banner .owl-carousel .owl-pagination .owl-page {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 15px;
    background-color: #fff;
    outline: none;
    transition: .3s all ease-in-out
}

.almar_banner .owl-carousel .owl-dots .owl-dot.active,
.almar_banner .owl-carousel .owl-pagination .owl-dot.active,
.almar_banner .owl-carousel .owl-dots .owl-page.active,
.almar_banner .owl-carousel .owl-pagination .owl-page.active,
.almar_banner .owl-carousel .owl-dots .owl-dot:hover,
.almar_banner .owl-carousel .owl-pagination .owl-dot:hover,
.almar_banner .owl-carousel .owl-dots .owl-page:hover,
.almar_banner .owl-carousel .owl-pagination .owl-page:hover {
    background-color: #d33;
    transition: .3s all ease-in-out
}

.almar_banner .owl-carousel .owl-dots .owl-dot span,
.almar_banner .owl-carousel .owl-pagination .owl-dot span,
.almar_banner .owl-carousel .owl-dots .owl-page span,
.almar_banner .owl-carousel .owl-pagination .owl-page span {
    display: none
}

.almar_banner .owl-carousel .owl-nav,
.almar_banner .owl-carousel .owl-buttons {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 45%;
    background-color: transparent;
    padding: 0;
    margin: 0;
    display: none
}

.almar_banner .owl-carousel .owl-nav .owl-prev,
.almar_banner .owl-carousel .owl-buttons .owl-prev,
.almar_banner .owl-carousel .owl-nav .owl-next,
.almar_banner .owl-carousel .owl-buttons .owl-next {
    position: absolute;
    display: inline-block;
    outline: none;
    height: 60px;
    line-height: 60px;
    width: 60px;
    text-align: center;
    background: #d33;
    color: #fff;
    z-index: 1;
    font-size: 18px;
    margin: 0;
    padding: 0;
    border-radius: 0;
    overflow: hidden;
    opacity: 1;
    visibility: visible;
    transition: .3s all ease-in-out
}

.almar_banner .owl-carousel .owl-nav .owl-prev:hover,
.almar_banner .owl-carousel .owl-buttons .owl-prev:hover,
.almar_banner .owl-carousel .owl-nav .owl-next:hover,
.almar_banner .owl-carousel .owl-buttons .owl-next:hover {
    transition: .3s all ease-in-out;
    background-color: #000
}

.almar_banner .owl-carousel .owl-nav .owl-prev.owl-prev,
.almar_banner .owl-carousel .owl-buttons .owl-prev.owl-prev,
.almar_banner .owl-carousel .owl-nav .owl-next.owl-prev,
.almar_banner .owl-carousel .owl-buttons .owl-next.owl-prev {
    left: 3%
}

.almar_banner .owl-carousel .owl-nav .owl-prev.owl-next,
.almar_banner .owl-carousel .owl-buttons .owl-prev.owl-next,
.almar_banner .owl-carousel .owl-nav .owl-next.owl-next,
.almar_banner .owl-carousel .owl-buttons .owl-next.owl-next {
    right: 3%
}

.almar_about {
    position: relative;
    background-color: #fff;
    padding: 80px 0;
    text-align: center
}

.almar_about .about_head {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: .5px;
    margin-bottom: 30px;
    color: #2f2f2f;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    border-bottom: 2px solid #e1e1e1;
    padding-bottom: 20px
}

@media (max-width:990px) {
    .almar_about .about_head {
        font-size: 23px
    }
}

.almar_about .about_head::after {
    content: '';
    width: 50px;
    height: 8px;
    background: #d33;
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%)
}

.almar_about .about_text {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.8;
    width: 50%;
    margin: 0 auto;
    color: #585858;
    margin-bottom: 15px
}

.almar_about .about_text:last-of-type {
    margin-bottom: 50px
}

@media (max-width:990px) {
    .almar_about .about_text {
        width: 100%;
        text-align: center;
        font-size: 14px
    }
}

.almar_about .about_box {
    position: relative;
    width: 100%;
    display: inline-block;
    text-align: center;
    transition: .3s all ease-in-out
}

@media (max-width:990px) {
    .almar_about .about_box {
        margin-bottom: 25px
    }
}

.almar_about .about_box .box_icon {
    width: 110px;
    height: 110px;
    line-height: 110px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    background-color: #ffc5c5;
    margin-bottom: 20px;
    border: 3px solid transparent;
    transition: .3s all ease-in-out
}

.almar_about .about_box .box_icon img {
    width: 100%;
    height: 55px;
    object-fit: contain
}

.almar_about .about_box .box_title {
    display: inline-block;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .5px;
    margin-bottom: 20px;
    color: #2f2f2f;
    text-transform: uppercase;
    position: relative
}

.almar_about .about_box .box_title::after {
    content: '';
    height: 2px;
    background: #e1e1e1;
    width: 50px;
    position: relative;
    display: block;
    margin: 0 auto;
    margin-top: 10px
}

.almar_about .about_box .box_text {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.8;
    color: #585858;
    width: 85%;
    margin: 0 auto;
    height: 75px;
    overflow: hidden
}

@media (max-width:990px) {
    .almar_about .about_box .box_text {
        width: 100%
    }
}

.almar_about .about_box:hover {
    transition: .3s all ease-in-out
}

.almar_about .about_box:hover .box_icon {
    border: 3px solid #d33;
    transition: .3s all ease-in-out
}

.almar_about .almar_btn {
    margin-top: 60px
}

.almar_welcome {
    position: relative;
    padding: 0;
    background-color: #fbfbfb
}

.almar_welcome .nn_col {
    padding: 0
}

@media (max-width:990px) {
    .almar_welcome .nn_col {
        padding: 0 15px
    }
}

.almar_welcome img {
    width: 100%;
    height: auto;
    object-fit: cover;
    min-height: 520px
}

@media (max-width:1366px) {
    .almar_welcome img {
        min-height: 535px
    }
}

@media (max-width:990px) {
    .almar_welcome img {
        min-height: 250px
    }
}

.almar_welcome .welcome_box {
    display: inline-block;
    width: 100%;
    position: relative;
    background-color: #fbfbfb;
    padding: 60px
}

@media (max-width:990px) {
    .almar_welcome .welcome_box {
        padding: 30px
    }
}

.almar_welcome .welcome_box .welcome_title {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: .5px;
    color: #2f2f2f;
    margin-bottom: 30px;
    position: relative;
    display: block
}

.almar_welcome .welcome_box .welcome_title::after {
    content: '';
    height: 3px;
    background: #d33;
    display: block;
    width: 100px;
    margin-top: 15px
}

@media (max-width:990px) {
    .almar_welcome .welcome_box .welcome_title {
        font-size: 22px
    }
}

.almar_welcome .welcome_box .welcome_text {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .5px;
    line-height: 1.8;
    margin-bottom: 20px;
    color: #585858;
    width: 85%
}

@media (max-width:990px) {
    .almar_welcome .welcome_box .welcome_text {
        width: 100%;
        font-size: 14px
    }
}

.almar_welcome .welcome_box .welcome_list {
    margin: 30px 0;
    list-style: none;
    padding: 0
}

.almar_welcome .welcome_box .welcome_list li {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 15px;
    color: #585858;
    position: relative
}

.almar_welcome .welcome_box .welcome_list li::before {
    content: '\f046';
    font-family: 'FontAwesome';
    display: inline-block;
    font-size: 16px;
    color: #d33;
    margin-right: 15px;
    float: left
}

.almar_services {
    padding: 80px 0;
    background-color: #fff;
    position: relative;
    text-align: center
}

.almar_services .service_head {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: .5px;
    margin-bottom: 30px;
    color: #2f2f2f;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    border-bottom: 2px solid #e1e1e1;
    padding-bottom: 20px
}

.almar_services .service_head::after {
    content: '';
    width: 50px;
    height: 8px;
    background: #d33;
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%)
}

.almar_services .service_text {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.8;
    width: 50%;
    margin: 0 auto;
    color: #585858;
    margin-bottom: 15px
}

.almar_services .service_text:last-of-type {
    margin-bottom: 50px
}

@media (max-width:990px) {
    .almar_services .service_text {
        width: 100%
    }
}

.almar_services .almar_btn {
    margin-top: 60px
}

.almar_services .service_box {
    display: inline-block;
    width: 100%;
    padding: 0;
    position: relative;
    transition: .3s all ease-in-out
}

@media (max-width:990px) {
    .almar_services .service_box {
        margin-bottom: 25px
    }
}

.almar_services .service_box .box_img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    overflow: hidden;
    padding: 0;
    display: inline-block;
    float: left;
    position: relative;
    margin: 0;
    transition: .5s all ease-in-out
}

.almar_services .service_box .box_img::after {
    content: '';
    width: 100%;
    height: 50%;
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    transition: .5s all ease-in-out
}

.almar_services .service_box .box_img img {
    width: 100%;
    height: 250px;
    object-fit: cover
}

.almar_services .service_box .box_head {
    font-size: 16px;
    color: #2f2f2f;
    font-weight: 600;
    letter-spacing: .5px;
    display: inline-block;
    float: left;
    height: 65px;
    line-height: 65px;
    background-color: #ffc5c5;
    width: 85%;
    padding: 0 20px;
    text-align: left;
    overflow: hidden;
    text-transform: uppercase;
    transition: .3s all ease-in-out
}

.almar_services .service_box .box_btn {
    display: inline-block;
    float: left;
    width: 15%;
    height: 65px;
    line-height: 65px;
    background-color: #383c50;
    transition: .3s all ease-in-out
}

.almar_services .service_box .box_btn .fa {
    height: 65px;
    line-height: 65px;
    font-size: 20px;
    font-weight: 600;
    color: #585858;
    transition: .3s all ease-in-out
}

.almar_services .service_box:hover {
    transition: .3s all ease-in-out
}

.almar_services .service_box:hover .box_img {
    transition: .5s all ease-in-out
}

.almar_services .service_box:hover .box_img::after {
    height: 100%;
    visibility: visible;
    opacity: 1;
    transition: .5s all ease-in-out
}

.almar_services .service_box:hover .box_btn {
    background-color: #d33;
    transition: .3s all ease-in-out
}

.almar_services .service_box:hover .box_btn .fa {
    color: #fff;
    transition: .3s all ease-in-out
}

.almar_services .service_box:hover .box_head {
    color: #d33;
    transition: .3s all ease-in-out
}

.almar_project {
    position: relative;
    padding: 80px 0;
    text-align: center;
    background-image: url(/static/themes/nano_lite/images/almar/almar_project.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed
}

.almar_project .project_head {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: .5px;
    margin-bottom: 50px;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    border-bottom: 2px solid #e1e1e1;
    padding-bottom: 20px
}

@media (max-width:990px) {
    .almar_project .project_head {
        font-size: 25px
    }
}

.almar_project .project_head::after {
    content: '';
    width: 50px;
    height: 8px;
    background: #d33;
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%)
}

.almar_project .almar_btn {
    margin-top: 60px
}

.almar_project .owl-carousel .owl-item {
    padding: 0 10px;
    position: relative;
    overflow: hidden;
    transition: .3s all ease-in-out
}

.almar_project .owl-carousel .owl-item::after {
    content: '';
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 0;
    height: 0;
    background: rgba(0, 0, 0, 0.75);
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: .5s all ease-in-out
}

.almar_project .owl-carousel .owl-item img {
    width: 100%;
    height: 290px;
    object-fit: cover;
    transition: .3s all ease-in-out
}

.almar_project .owl-carousel .owl-item .carousel-caption {
    position: relative;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: .5s all ease-in-out
}

.almar_project .owl-carousel .owl-item .carousel-caption .slider_button {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    border: 2px solid #fff;
    color: #fff;
    margin: 0 auto;
    margin-bottom: 20px;
    font-size: 16px;
    overflow: hidden;
    transition: .3s all ease-in-out;
    position: relative
}

.almar_project .owl-carousel .owl-item .carousel-caption .slider_button::after {
    content: '\f0c1';
    font-family: 'FontAwesome';
    display: inline-block;
    position: absolute;
    font-size: 16px;
    color: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.almar_project .owl-carousel .owl-item .carousel-caption .slider_button:hover {
    border: 2px solid #d33;
    background-color: #d33;
    color: #fff;
    transition: .3s all ease-in-out
}

.almar_project .owl-carousel .owl-item .carousel-caption .slider_title {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 10px
}

.almar_project .owl-carousel .owl-item .carousel-caption .slider_text {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.8;
    color: #fff;
    width: 70%;
    margin: 0 auto;
    padding: 0
}

.almar_project .owl-carousel .owl-item:hover {
    transition: .3s all ease-in-out
}

.almar_project .owl-carousel .owl-item:hover::after {
    transition: .5s all ease-in-out;
    opacity: 1;
    visibility: visible;
    height: 100%
}

.almar_project .owl-carousel .owl-item:hover .fancybox {
    transition: .3s all ease-in-out
}

.almar_project .owl-carousel .owl-item:hover .carousel-caption {
    transition: .5s all ease-in-out;
    opacity: 1;
    visibility: visible
}

.almar_more {
    padding: 80px 0 50px;
    background-color: #fff;
    position: relative;
    text-align: center
}

.almar_more .more_title {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: .5px;
    margin-bottom: 30px;
    color: #2f2f2f;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    border-bottom: 2px solid #e1e1e1;
    padding-bottom: 20px
}

.almar_more .more_title::after {
    content: '';
    width: 50px;
    height: 8px;
    background: #d33;
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%)
}

.almar_more .more_text {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.8;
    width: 45%;
    margin: 0 auto;
    color: #585858;
    margin-bottom: 15px
}

@media (max-width:990px) {
    .almar_more .more_text {
        width: 100%
    }
}

.almar_more .more_text:last-of-type {
    margin-bottom: 50px
}

.almar_more .more_box {
    position: relative;
    padding: 0;
    margin: 0;
    margin-bottom: 50px;
    text-align: left;
    display: table;
    transition: .3s all ease-in-out
}

.almar_more .more_box .more_icon {
    display: table-cell;
    width: 85px;
    height: 55px;
    object-fit: contain;
    padding-right: 15px;
    vertical-align: top;
    transition: .3s all ease-in-out
}

.almar_more .more_box .more_icon img {
    width: 100%;
    height: 55px;
    object-fit: contain;
    transition: .3s all ease-in-out
}

.almar_more .more_box .more_detail {
    display: table-cell;
    margin: 0;
    padding: 0;
    vertical-align: top
}

.almar_more .more_box .more_detail .more_head {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .5px;
    margin-bottom: 15px;
    color: #2f2f2f;
    text-transform: uppercase;
    transition: .3s all ease-in-out
}

@media (max-width:990px) {
    .almar_more .more_box .more_detail .more_head {
        font-size: 13px
    }
}

.almar_more .more_box .more_detail .more_meta {
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 1.8;
    color: #585858;
    margin: 0;
    height: 100px;
    overflow: hidden
}

@media (max-width:990px) {
    .almar_more .more_box .more_detail .more_meta {
        font-size: 12px
    }
}

.almar_more .more_box:hover {
    transition: .3s all ease-in-out
}

.almar_more .more_box:hover .more_icon {
    transition: .3s all ease-in-out
}

.almar_more .more_box:hover .more_icon img {
    transition: .3s all ease-in-out;
    filter: grayscale(1.2)
}

.almar_more .more_box:hover .more_head {
    color: #d33;
    transition: .3s all ease-in-out
}

.almar_test {
    padding: 50px 0;
    position: relative;
    background-image: url(/static/themes/nano_lite/images/almar/almar_test.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    text-align: center
}

.almar_test .test_icon {
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    background-color: transparent;
    border: 2px solid rgba(225, 225, 225, 0.5);
    border-radius: 50%;
    margin-bottom: 50px
}

@media (max-width:990px) {
    .almar_test .test_icon {
        margin-bottom: 20px
    }
}

.almar_test .test_icon img {
    width: 100%;
    height: 35px;
    object-fit: contain
}

.almar_test .owl-carousel .owl-item {
    height: 250px;
    overflow: hidden
}

@media (max-width:990px) {
    .almar_test .owl-carousel .owl-item {
        height: 300px
    }
}

.almar_test .owl-carousel .owl-item .carousel-caption {
    height: 250px;
    overflow: hidden
}

@media (max-width:990px) {
    .almar_test .owl-carousel .owl-item .carousel-caption {
        height: auto;
        width: 100%;
        left: 0;
        padding: 0 30px
    }
}

.almar_test .owl-carousel .owl-item .carousel-caption .slider_text {
    font-size: 15px;
    line-height: 2.5;
    color: #fff;
    font-style: italic;
    margin-bottom: 25px;
    opacity: .9;
    letter-spacing: 1px;
    display: block;
    width: 100%;
    position: relative
}

@media (max-width:990px) {
    .almar_test .owl-carousel .owl-item .carousel-caption .slider_text {
        font-size: 12px
    }
}

.almar_test .owl-carousel .owl-item .carousel-caption .slider_text::after {
    content: '';
    position: relative;
    display: block;
    margin: 0 auto;
    height: 4px;
    width: 100px;
    background: #d33;
    margin-top: 20px
}

.almar_test .owl-carousel .owl-item .carousel-caption .slider_title {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #fff;
    opacity: 1;
    text-transform: uppercase
}

@media (max-width:990px) {
    .almar_test .owl-carousel .owl-item .carousel-caption .slider_title {
        font-size: 15px
    }
}

.almar_test .owl-carousel .owl-nav,
.almar_test .owl-carousel .owl-buttons {
    width: 100%;
    position: absolute;
    top: 10%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: inline-block;
    background-color: transparent
}

@media (max-width:990px) {

    .almar_test .owl-carousel .owl-nav,
    .almar_test .owl-carousel .owl-buttons {
        display: none
    }
}

.almar_test .owl-carousel .owl-nav .owl-prev,
.almar_test .owl-carousel .owl-buttons .owl-prev,
.almar_test .owl-carousel .owl-nav .owl-next,
.almar_test .owl-carousel .owl-buttons .owl-next {
    position: absolute;
    display: inline-block;
    outline: none;
    height: 60px;
    line-height: 60px;
    width: 60px;
    text-align: center;
    background: #d33;
    color: #fff;
    z-index: 1;
    font-size: 18px;
    margin: 0;
    padding: 0;
    border-radius: 0;
    overflow: hidden;
    opacity: 1;
    visibility: visible;
    top: 0;
    transition: .3s all ease-in-out
}

.almar_test .owl-carousel .owl-nav .owl-prev.owl-prev,
.almar_test .owl-carousel .owl-buttons .owl-prev.owl-prev,
.almar_test .owl-carousel .owl-nav .owl-next.owl-prev,
.almar_test .owl-carousel .owl-buttons .owl-next.owl-prev {
    left: 2%
}

.almar_test .owl-carousel .owl-nav .owl-prev.owl-next,
.almar_test .owl-carousel .owl-buttons .owl-prev.owl-next,
.almar_test .owl-carousel .owl-nav .owl-next.owl-next,
.almar_test .owl-carousel .owl-buttons .owl-next.owl-next {
    right: 2%
}

.almar_test .owl-carousel .owl-nav .owl-prev:hover,
.almar_test .owl-carousel .owl-buttons .owl-prev:hover,
.almar_test .owl-carousel .owl-nav .owl-next:hover,
.almar_test .owl-carousel .owl-buttons .owl-next:hover {
    transition: .3s all ease-in-out;
    background-color: #000;
    color: #fff
}

.almar_quote {
    position: relative;
    background-image: url(/static/themes/nano_lite/images/almar/almar_quote_bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px 0
}

@media (max-width:990px) {
    .almar_quote {
        text-align: center
    }
}

.almar_quote .quote_title {
    font-size: 26px;
    font-weight: 600;
    letter-spacing: .5px;
    color: #fff;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    text-align: left;
    height: 55px;
    line-height: 58px
}

@media (max-width:990px) {
    .almar_quote .quote_title {
        height: auto;
        line-height: normal;
        text-align: center;
        margin-bottom: 20px;
        font-size: 18px
    }
}

.almar_quote .quote_btn {
    display: inline-block;
    float: right;
    height: 55px;
    line-height: 55px;
    padding: 0 30px;
    background-color: #fff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    color: #2f2f2f;
    z-index: 1;
    position: relative;
    transition: all .3s ease;
    overflow: hidden;
    box-shadow: none
}

@media (max-width:990px) {
    .almar_quote .quote_btn {
        float: none
    }
}

.almar_quote .quote_btn::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    z-index: -1;
    top: 50%;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    background: #000;
    transition: all .3s ease;
    transform: translate(-50%, -50%)
}

.almar_quote .quote_btn .fa {
    font-size: 25px;
    margin: 0;
    padding: 0;
    margin-right: 15px;
    display: inline-block
}

.almar_quote .quote_btn span {
    display: inline-block
}

.almar_quote .quote_btn:hover {
    transition: all .3s ease;
    color: #fff
}

.almar_quote .quote_btn:hover::before {
    opacity: 1;
    visibility: visible;
    height: 100%;
    width: 110%;
    transition: all .3s ease
}

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

.almar_footer .main_footer {
    position: relative;
    padding: 80px 0;
    background-image: url(/static/themes/nano_lite/images/almar/almar_footer.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.almar_footer .main_footer .footer_logo {
    display: inline-block;
    width: 155px;
    margin-bottom: 20px;
    height: 60px;
    overflow: hidden;
    text-align: left
}

.almar_footer .main_footer .footer_logo img {
    height: 60px;
    width: 100%;
    object-fit: contain
}

.almar_footer .main_footer .footer_text {
    display: inline-block;
    width: 100%;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .5px;
    line-height: 1.8;
    margin-bottom: 20px;
    opacity: .8
}

@media (max-width:990px) {
    .almar_footer .main_footer .footer_text {
        width: 100%
    }
}

.almar_footer .main_footer .footer_add {
    list-style: none;
    padding: 0;
    margin: 0
}

.almar_footer .main_footer .footer_add li {
    display: table;
    width: 100%;
    margin-bottom: 15px
}

.almar_footer .main_footer .footer_add li .fa {
    width: 35px;
    height: 35px;
    line-height: 35px;
    background-color: #262829;
    text-align: center;
    font-size: 18px;
    color: #d33;
    border-radius: 5px;
    display: table-cell;
    vertical-align: middle
}

.almar_footer .main_footer .footer_add li span,
.almar_footer .main_footer .footer_add li a {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .5px;
    vertical-align: middle;
    display: table-cell;
    color: #fff;
    padding-left: 15px;
    line-height: 1.8
}

.almar_footer .main_footer .footer_head {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
    position: relative
}

@media (max-width:990px) {
    .almar_footer .main_footer .footer_head {
        margin-top: 30px
    }
}

.almar_footer .main_footer .footer_head::after {
    content: '';
    height: 3px;
    width: 35px;
    display: block;
    background: #d33;
    margin-top: 10px
}

.almar_footer .main_footer .footer_tag {
    list-style: none;
    padding: 0;
    display: inline-block;
    width: 100%;
    margin: -5px
}

.almar_footer .main_footer .footer_tag li {
    display: inline-block;
    width: 50%;
    list-style: none;
    float: left;
    padding: 5px
}

.almar_footer .main_footer .footer_tag li a {
    display: inline-block;
    position: relative;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    color: rgba(255, 255, 255, 0.5);
    z-index: 1;
    height: 35px;
    line-height: 35px;
    width: auto;
    border-radius: 5px;
    padding: 0 20px;
    background-color: #262829;
    transition: .3s all ease-in-out
}

@media (max-width:1366px) {
    .almar_footer .main_footer .footer_tag li a {
        font-size: 11px
    }
}

.almar_footer .main_footer .footer_tag li a::before {
    content: '';
    position: absolute;
    top: 4px;
    right: -9px;
    height: 28px;
    width: 26px;
    border-radius: 5px;
    background-color: #262829;
    border-right: 1px solid #262829;
    border-top: 1px solid #262829;
    transform: rotate(45deg);
    transition: .3s all ease-in-out;
    z-index: -1;
    overflow: hidden
}

.almar_footer .main_footer .footer_tag li a:hover {
    background-color: #d33;
    color: #fff;
    transition: .3s all ease-in-out
}

.almar_footer .main_footer .footer_tag li a:hover::before {
    background-color: #d33;
    border-color: #d33;
    transition: .3s all ease-in-out
}

.almar_footer .main_footer .footer_menu {
    list-style: none;
    padding: 0;
    margin: 0
}

.almar_footer .main_footer .footer_menu li {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px
}

.almar_footer .main_footer .footer_menu li a {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    color: #fff;
    display: inline-block;
    position: relative
}

.almar_footer .main_footer .footer_menu li a::before {
    content: '\f005';
    font-family: 'FontAwesome';
    font-size: 12px;
    color: #d33;
    display: inline-block;
    margin-right: 10px
}

.almar_footer .main_footer .footer_insta {
    list-style: none;
    padding: 0;
    display: inline-block;
    width: 100%;
    margin: -5px
}

.almar_footer .main_footer .footer_insta li {
    display: inline-block;
    width: 33.333%;
    height: auto;
    position: relative;
    float: left;
    padding: 5px
}

@media (max-width:1366px) {
    .almar_footer .main_footer .footer_insta li {
        width: 42%
    }
}

.almar_footer .main_footer .footer_insta li a {
    display: inline-block;
    width: 100px;
    height: 100px;
    object-fit: cover;
    overflow: hidden;
    position: relative
}

.almar_footer .main_footer .footer_insta li a::after {
    content: '';
    width: 100%;
    height: 50%;
    opacity: 0;
    visibility: hidden;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    transition: .5s all ease-in-out
}

.almar_footer .main_footer .footer_insta li a img {
    height: 100px;
    width: 100%;
    object-fit: cover
}

.almar_footer .main_footer .footer_insta li a:hover {
    transition: .3s all ease-in-out
}

.almar_footer .main_footer .footer_insta li a:hover::after {
    transition: .5s all ease-in-out;
    height: 100%;
    opacity: 1;
    visibility: visible
}

.almar_footer .copy_footer {
    padding: 30px 0;
    background-image: url(/static/themes/nano_lite/images/almar/almar_copy.png);
    background-repeat: repeat;
    background-position: top left;
    position: relative
}

@media (max-width:990px) {
    .almar_footer .copy_footer {
        text-align: center
    }
}

.almar_footer .copy_footer .copy_text {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #fff;
    height: 32px;
    line-height: 32px
}

@media (max-width:990px) {
    .almar_footer .copy_footer .copy_text {
        height: auto;
        line-height: normal;
        margin-bottom: 20px;
        font-size: 14px
    }
}

.almar_footer .copy_footer .footer_social {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
    width: 100%;
    text-align: right;
    height: 32px;
    line-height: 32px
}

@media (max-width:990px) {
    .almar_footer .copy_footer .footer_social {
        text-align: center
    }
}

.almar_footer .copy_footer .footer_social li {
    display: inline-block;
    margin-right: 15px
}

.almar_footer .copy_footer .footer_social li a {
    display: inline-block;
    font-size: 32px;
    color: #909090;
    text-shadow: 1px 1px 1px #888, -1px -1px 1px #000;
    transition: .3s all ease-in-out
}

.almar_footer .copy_footer .footer_social li a:hover {
    text-shadow: 1px 1px 1px #fff, -1px -1px 1px #000;
    transition: .3s all ease-in-out
}

.almar_category {
    position: relative;
    padding: 80px 0;
    background-color: #fff
}

.almar_category .cat_box {
    width: 100%;
    display: inline-block;
    position: relative;
    margin-bottom: 30px;
    transition: .3s all ease-in-out
}

.almar_category .cat_box .cat_img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    transition: .3s all ease-in-out
}

.almar_category .cat_box .cat_img::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transition: .5s all ease-in-out
}

.almar_category .cat_box .cat_img img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    transition: .3s all ease-in-out
}

.almar_category .cat_box .cat_detail {
    padding: 20px 15px;
    border: 1px solid #e1e1e1;
    border-top: 0;
    transition: .5s all ease-in-out
}

.almar_category .cat_box .cat_detail .cat_head {
    font-size: 18px;
    font-weight: 600;
    color: #2f2f2f;
    margin-bottom: 15px;
    display: inline-block;
    height: 25px;
    overflow: hidden;
    text-transform: uppercase;
    transition: .3s all ease-in-out
}

.almar_category .cat_box .cat_detail .cat_head:hover {
    color: #d33;
    transition: .3s all ease-in-out
}

.almar_category .cat_box .cat_detail .cat_text {
    font-size: 14px;
    color: #585858;
    line-height: 1.8;
    margin-bottom: 15px;
    height: 50px;
    overflow: hidden
}

.almar_category .cat_box .cat_detail .cat_btn {
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    color: #d33;
    text-transform: uppercase;
    position: relative;
    transition: .3s all ease-in-out
}

.almar_category .cat_box .cat_detail .cat_btn::after {
    content: '\f0da';
    font-family: 'FontAwesome';
    display: inline-block;
    color: #2f2f2f;
    font-size: 18px;
    margin-left: 15px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    visibility: hidden;
    opacity: 0;
    transition: .5s all ease-in-out
}

.almar_category .cat_box .cat_detail .cat_btn:hover {
    transition: .3s all ease-in-out
}

.almar_category .cat_box .cat_detail .cat_btn:hover::after {
    transition: .5s all ease-in-out;
    right: -20px;
    opacity: 1;
    visibility: visible
}

.almar_category .cat_box:hover {
    transition: .3s all ease-in-out;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.14), 0 6px 6px rgba(0, 0, 0, 0.11);
    transform: translateY(-5px)
}

.almar_category .cat_box:hover .cat_img {
    transition: .3s all ease-in-out
}

.almar_category .cat_box:hover .cat_img::after {
    transition: .3s all ease-in-out;
    height: 100%;
    opacity: 1;
    visibility: visible;
    transition: .5s all ease-in-out
}

.almar_category .cat_box:hover .cat_detail {
    transition: .5s all ease-in-out
}

.almar_contact {
    position: relative;
    background-color: #fff;
    padding: 80px 0;
    text-align: center
}

.almar_contact .contact_head {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: .5px;
    margin-bottom: 30px;
    color: #2f2f2f;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    border-bottom: 2px solid #e1e1e1;
    padding-bottom: 20px
}

@media (max-width:990px) {
    .almar_contact .contact_head {
        font-size: 23px
    }
}

.almar_contact .contact_head::after {
    content: '';
    width: 50px;
    height: 8px;
    background: #d33;
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%)
}

.almar_contact .contact_text {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.8;
    width: 50%;
    margin: 0 auto;
    color: #585858;
    margin-bottom: 15px
}

.almar_contact .contact_text:last-of-type {
    margin-bottom: 50px
}

@media (max-width:990px) {
    .almar_contact .contact_text {
        width: 100%;
        text-align: center;
        font-size: 14px
    }
}

.almar_contact .contact_box {
    display: inline-block;
    width: 100%;
    background-color: #182141;
    position: relative;
    padding: 30px 0 40px 0;
    text-align: center;
    height: 270px;
    overflow: hidden;
    margin-bottom: 30px
}

.almar_contact .contact_box .box_icon {
    display: inline-block;
    width: 100%;
    height: 60px;
    object-fit: contain;
    margin-bottom: 25px
}

.almar_contact .contact_box .box_icon img {
    width: 60px;
    height: 60px;
    object-fit: contain
}

.almar_contact .contact_box .box_head {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
    color: #2f2f2f;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.5
}

.almar_contact .contact_box .box_text {
    font-size: 14px;
    color: #585858;
    margin-bottom: 15px;
    line-height: 1.8;
    width: 100%
}

.almar_contact .contact_box .box_btn {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: #2f2f2f;
    display: inline-block;
    position: relative;
    padding-bottom: 8px;
    transition: .3s all ease-in-out
}

.almar_contact .contact_box .box_btn::after {
    height: 3px;
    width: 100%;
    background: #e1e1e1;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    transition: .3s all ease-in-out
}

.almar_contact .contact_box .box_btn:hover {
    color: #d33;
    transition: .3s all ease-in-out
}

.almar_contact .contact_box .box_btn:hover::after {
    width: 0;
    transition: .3s all ease-in-out
}

.almar_contact .almar_form {
    margin-top: 30px
}

@media (max-width:990px) {
    .almar_contact .almar_form {
        margin-top: 0
    }
}

.almar_contact .almar_form .form-field {
    text-align: left
}

.almar_contact .almar_form input,
.almar_contact .almar_form textarea {
    height: 55px;
    line-height: 55px;
    margin-bottom: 15px;
    width: 100%;
    padding: 0 20px;
    border: 1px solid #e1e1e1;
    background-color: #182141;
    color: #585858;
    border-radius: 0;
    font-size: 15px;
    outline: none;
    font-weight: 400;
    letter-spacing: .5px;
    transition: .3s all ease-in-out
}

.almar_contact .almar_form input::-webkit-input-placeholder,
.almar_contact .almar_form textarea::-webkit-input-placeholder {
    color: #585858
}

.almar_contact .almar_form input::-moz-placeholder,
.almar_contact .almar_form textarea::-moz-placeholder {
    color: #585858
}

.almar_contact .almar_form input:-ms-input-placeholder,
.almar_contact .almar_form textarea:-ms-input-placeholder {
    color: #585858
}

.almar_contact .almar_form input:-moz-placeholder,
.almar_contact .almar_form textarea:-moz-placeholder {
    color: #585858
}

.almar_contact .almar_form input:focus,
.almar_contact .almar_form textarea:focus {
    border: 1px solid #d33;
    transition: .3s all ease-in-out
}

.almar_contact .almar_form textarea {
    height: 140px
}

.almar_contact .almar_form button {
    display: inline-block;
    position: relative;
    height: 60px;
    line-height: 60px;
    padding: 0 25px;
    background-color: #d33;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
    text-shadow: none;
    overflow: hidden;
    z-index: 1;
    margin: 0;
    border: 0;
    box-shadow: none;
    transition: all .3s ease
}

.almar_contact .almar_form button::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    z-index: -1;
    top: 50%;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    background: #000;
    transition: all .3s ease;
    transform: translate(-50%, -50%)
}

.almar_contact .almar_form button:hover {
    transition: all .3s ease;
    color: #fff
}

.almar_contact .almar_form button:hover::before {
    opacity: 1;
    visibility: visible;
    height: 100%;
    width: 110%
}

.almar_contact iframe {
    margin-top: 30px;
    float: left;
    border: 1px solid #e1e1e1
}

.nano_blog {
    position: relative;
    padding: 100px 0;
    background-color: #fff
}

.nano_blog .blog_head {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: .5px;
    margin-bottom: 30px;
    color: #2f2f2f;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    border-bottom: 2px solid #e1e1e1;
    padding-bottom: 20px
}

.nano_blog .blog_head::after {
    content: '';
    width: 50px;
    height: 8px;
    background: #d33;
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%)
}

.nano_blog .blog_text {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.8;
    width: 60%;
    margin: 0 auto;
    color: #585858;
    margin-bottom: 15px
}

.nano_blog .blog_text:first-of-type {
    margin-bottom: 50px
}

.nano_blog .almar_btn {
    margin-top: 50px
}

.nano_blog .blog_box {
    width: 100%;
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin-bottom: 30px;
    box-shadow: -1px 5px 10px rgba(0, 0, 0, 0.10980392);
    transition: .5s all ease-in-out
}

.nano_blog .blog_box .blog_pic {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 230px;
    object-fit: cover;
    overflow: hidden;
    float: left;
    position: relative;
    transition: .5s all ease-in-out
}

.nano_blog .blog_box .blog_pic::after {
    content: '';
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    visibility: hidden;
    transition: .5s all ease-in-out
}

.nano_blog .blog_box .blog_pic img {
    width: 100%;
    height: 230px;
    object-fit: cover
}

.nano_blog .blog_box .blog_detail {
    position: relative;
    padding: 25px 20px;
    background-color: #fff;
    display: inline-block;
    border: 1px solid #e1e1e1;
    border-top: 0
}

.nano_blog .blog_box .blog_detail .detail_head {
    font-size: 17px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.5;
    margin-bottom: 10px;
    color: #2f2f2f;
    height: 55px;
    overflow: hidden;
    display: inline-block;
    transition: .3s all ease-in-out
}

.nano_blog .blog_box .blog_detail .detail_text {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.8;
    margin-bottom: 25px;
    color: #585858;
    height: 55px;
    overflow: hidden
}

.nano_blog .blog_box .blog_detail .detail_btn {
    display: inline-block;
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
    background-color: #fbfbfb;
    color: #d33;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .5px;
    border-radius: 35px;
    transition: .3s all ease-in-out
}

.nano_blog .blog_box .blog_detail .detail_btn:hover {
    background-color: #d33;
    color: #fbfbfb;
    transition: .3s all ease-in-out
}

.nano_blog .blog_box:hover {
    transition: .5s all ease-in-out;
    transform: translateY(-5px);
    box-shadow: -1px 5px 10px rgba(0, 0, 0, 0.44)
}

.nano_blog .blog_box:hover .blog_pic {
    transition: .5s all ease-in-out
}

.nano_blog .blog_box:hover .blog_pic::after {
    content: '';
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: visible;
    transition: .5s all ease-in-out
}

.nano_blog .blog_box:hover .blog_detail .detail_head {
    color: #d33;
    transition: .3s all ease-in-out
}

.nano_blog .nano_sidebar {
    position: relative;
    padding: 0 30px
}

.nano_blog .nano_sidebar .sidebar_head {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .5px;
    margin-bottom: 20px;
    width: 100%;
    text-transform: uppercase;
    display: inline-block;
    position: relative
}

.nano_blog .nano_sidebar .sidebar_head::after {
    content: '';
    height: 3px;
    width: 60px;
    display: block;
    background: #d33;
    margin-top: 8px
}

.nano_blog .nano_sidebar .category {
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 30px
}

.nano_blog .nano_sidebar .category li {
    list-style: none;
    display: block;
    border-bottom: 1px solid #e1e1e1
}

.nano_blog .nano_sidebar .category li:last-child {
    border: 0
}

.nano_blog .nano_sidebar .category li a {
    height: 45px;
    line-height: 45px;
    padding: 0;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .5px;
    color: #2f2f2f;
    display: inline-block;
    position: relative;
    padding-left: 10px;
    width: 100%
}

.nano_blog .nano_sidebar .category li a::before {
    content: '\f0da';
    font-family: 'FontAwesome';
    display: inline-block;
    font-size: 15px;
    margin-right: 15px;
    color: #585858
}

.nano_blog .nano_sidebar .category li a:hover,
.nano_blog .nano_sidebar .category li a.active {
    color: #d33;
    transition: .3s all ease-in-out
}

.nano_blog .nano_sidebar .category li a:hover::before,
.nano_blog .nano_sidebar .category li a.active::before {
    color: #d33;
    transition: .3s all ease-in-out
}

.nano_blog .nano_sidebar .tags {
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
    margin-bottom: 30px
}

.nano_blog .nano_sidebar .tags li {
    display: inline-block;
    width: auto;
    float: left;
    margin-right: 5%;
    margin-bottom: 15px
}

@media (max-width:990px) {
    .nano_blog .nano_sidebar .tags li {
        width: 100%
    }
}

.nano_blog .nano_sidebar .tags li a {
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    background-color: #fff;
    font-size: 13px;
    font-weight: 500;
    color: #2f2f2f;
    display: inline-block;
    border-radius: 8px;
    width: 100%;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.18);
    transition: .3s all ease-in-out
}

.nano_blog .nano_sidebar .tags li a:hover {
    transition: .3s all ease-in-out;
    background-color: #d33;
    color: #fff
}

.nano_blog .nano_sidebar .recent_post {
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 20px
}

.nano_blog .nano_sidebar .recent_post .recent_box {
    display: table;
    width: 100%;
    height: auto;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.18);
    padding: 10px;
    border-radius: 8px;
    height: 80px;
    overflow: hidden;
    margin-bottom: 20px;
    border: 1px solid transparent;
    transition: .3s all ease-in-out
}

.nano_blog .nano_sidebar .recent_post .recent_box .post_img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    display: table-cell;
    vertical-align: middle;
    float: left;
    margin-right: 15px;
    border-radius: 5px;
    overflow: hidden;
    transition: .3s all ease-in-out
}

.nano_blog .nano_sidebar .recent_post .recent_box .post_img img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    transition: .3s all ease-in-out
}

.nano_blog .nano_sidebar .recent_post .recent_box .recent_head {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    vertical-align: middle;
    display: table-cell;
    color: #2f2f2f;
    transition: .3s all ease-in-out
}

.nano_blog .nano_sidebar .recent_post .recent_box:hover {
    transition: .3s all ease-in-out;
    border: 1px solid #e1e1e1
}

.nano_blog .nano_sidebar .recent_post .recent_box:hover .post_img img {
    filter: grayscale(1.2);
    transition: .3s all ease-in-out
}

.nano_blog .nano_sidebar .recent_post .recent_box:hover .recent_head {
    color: #d33;
    transition: .3s all ease-in-out
}

.nano_blog .blog_detail {
    width: 100%;
    position: relative
}

.nano_blog .blog_detail .detail_img {
    width: 100%;
    height: 450px;
    object-fit: cover;
    display: inline-block;
    margin-bottom: 30px
}

.nano_blog .blog_detail .detail_img img {
    width: 100%;
    height: 450px;
    object-fit: cover
}

.nano_blog .blog_detail .detail_header {
    font-size: 25px;
    font-weight: 600;
    letter-spacing: .5px;
    color: #2f2f2f;
    margin-bottom: 15px
}

.nano_blog .blog_detail .detail_meta {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 30px;
    color: #585858;
    line-height: 1.8
}

.nano_blog .blog_detail .detail_meta li {
    display: inline-block;
    position: relative
}

.nano_blog .blog_detail .detail_meta li::before {
    content: '';
    background: #e1e1e1;
    vertical-align: middle;
    width: 2px;
    height: 15px;
    margin: 0 10px;
    position: relative;
    display: inline-block;
    transition: .3s all ease-in-out
}

.nano_blog .blog_detail .detail_meta li:first-child::before {
    display: none
}

.nano_blog .blog_detail .detail_meta li a {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    color: #2f2f2f;
    transition: .3s all ease-in-out
}

.nano_blog .blog_detail .detail_meta li a:hover {
    transition: .3s all ease-in-out;
    color: #d33
}

.nano_blog .blog_detail .detail_text {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.8;
    color: #585858;
    margin-bottom: 15px
}

.nano_blog .blog_detail .detail_text:last-child {
    margin-bottom: 30px
}

.nano_blog .blog_detail .detail_social {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 50px
}

.nano_blog .blog_detail .detail_social li {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 25%;
    text-align: center;
    float: left
}

.nano_blog .blog_detail .detail_social li .fa {
    width: 100%;
    display: inline-block;
    height: 70px;
    line-height: 70px;
    font-size: 20px;
    color: #fff;
    transition: .5s all ease-in-out
}

.nano_blog .blog_detail .detail_social li .fa.fa-facebook {
    background-color: #dedede
}

.nano_blog .blog_detail .detail_social li .fa.fa-twitter {
    background-color: #fbfbfb
}

.nano_blog .blog_detail .detail_social li .fa.fa-whatsapp {
    background-color: #dcc000
}

.nano_blog .blog_detail .detail_social li .fa.fa-google {
    background-color: #e6e6e6
}

.nano_blog .blog_detail .detail_social li .fa span {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    display: inline-block;
    margin-left: 10px;
    color: #fff;
    text-transform: uppercase
}

.nano_blog .blog_detail .detail_social li .fa:hover {
    transition: .5s all ease-in-out;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.25)
}

.nano_refernce {
    padding: 100px 0;
    background-color: #fff;
    position: relative
}

.nano_refernce .refer_box {
    width: 100%;
    position: relative;
    padding: 0;
    margin-bottom: 30px;
    overflow: hidden;
    transition: .3s all ease-in-out
}

.nano_refernce .refer_box .fancybox {
    width: 100%;
    height: 460px;
    object-fit: cover;
    overflow: hidden;
    display: inline-block;
    float: left;
    position: relative;
    transition: .5s all ease-in-out
}

.nano_refernce .refer_box .fancybox img {
    width: 100%;
    height: 460px;
    object-fit: cover;
    transition: .5s all ease-in-out
}

.nano_refernce .refer_box .btn_box {
    width: 100%;
    height: 70px;
    line-height: 70px;
    visibility: hidden;
    opacity: 0;
    background-color: #998979;
    overflow: hidden;
    text-align: center;
    position: absolute;
    bottom: 83px;
    left: 0;
    transition: .5s all ease-in-out
}

.nano_refernce .refer_box .btn_box .refer_btn {
    display: inline-block;
    height: 40px;
    line-height: 42px;
    padding: 0 30px;
    background-color: #fbfbfb;
    color: #d33;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .5px;
    border-radius: 25px;
    text-transform: uppercase;
    transition: .3s all ease-in-out
}

.nano_refernce .refer_box .btn_box .refer_btn:hover {
    background-color: #d33;
    color: #fbfbfb;
    transition: .3s all ease-in-out
}

.nano_refernce .refer_box .refer_detail {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 15px 20px;
    background-color: #ffc5c5;
    border: 1px solid #e1e1e1;
    border-top: 0;
    transition: .3s all ease-in-out
}

.nano_refernce .refer_box .refer_detail .refer_head {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.3;
    margin-bottom: 10px;
    color: #2f2f2f;
    transition: .3s all ease-in-out
}

.nano_refernce .refer_box .refer_detail .refer_text {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .5px;
    margin: 0;
    padding: 0;
    color: #585858;
    transition: .3s all ease-in-out
}

.nano_refernce .refer_box:hover {
    transition: .3s all ease-in-out
}

.nano_refernce .refer_box:hover .btn_box {
    opacity: 1;
    visibility: visible;
    transition: .3s all ease-in-out
}

.nano_refernce .refer_box:hover .fancybox {
    transition: .5s all ease-in-out
}

.nano_refernce .refer_box:hover .fancybox img {
    transition: .5s all ease-in-out;
    transform: scale(1.1)
}

body {
    font-family: 'Montserrat', sans-serif
}

a,
a:active,
a:focus,
a:hover {
    text-decoration: none;
    background-color: transparent
}

h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
td,
th,
tr,
ul {
    margin: 0
}

h1 p,
h2 p,
h3 p,
h4 p,
h5 p,
h6 p,
li p,
ol p,
td p,
th p,
tr p,
ul p {
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    width: auto !important;
    font-size: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
    font-weight: inherit !important;
    display: initial;
    background: initial !important;
    position: initial !important
}

p a {
    color: inherit
}

a p,
b p,
bold p,
small p,
span p,
strong p {
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    width: auto !important;
    font-size: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
    font-weight: inherit !important
}

@media (max-width:480px) {
    h1 {
        font-size: 28px
    }
}

@media (max-width:480px) {
    h2 {
        font-size: 24px
    }
}

@media (max-width:480px) {
    h3 {
        font-size: 20px
    }
}

@media (max-width:480px) {
    h4 {
        font-size: 18px
    }
}

h5 {
    font-size: 18px
}

@media (max-width:500px) {
    h5 {
        font-size: 16px
    }
}

h6 {
    font-size: 14px;
    padding: 10px 0
}

@media (max-width:500px) {
    h6 {
        font-size: 12px
    }
}

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

header {
    text-align: left
}

header .navbar-toggle {
    border: none;
    background: transparent
}

header .navbar-toggle .icon-bar {
    width: 22px;
    background: #d33;
    transition: .3s all ease-in-out
}

header .navbar-toggle .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 10%
}

header .navbar-toggle .middle-bar {
    opacity: 0
}

header .navbar-toggle .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% 90%
}

header .collapsed .top-bar {
    transform: rotate(0)
}

header .collapsed .middle-bar {
    opacity: 1
}

header .collapsed .bottom-bar {
    transform: rotate(0)
}

@media (min-width:768px) and (max-width:991px) {
    header .navbar-collapse.collapse {
        display: none !important;
        padding: 0;
        margin: auto
    }
}

@media (min-width:768px) and (max-width:991px) {
    header .navbar-collapse.collapse.in {
        display: block !important;
        padding: 0;
        margin: auto
    }
}

@media (min-width:768px) and (max-width:991px) {

    header .navbar-header .collapse,
    header .navbar-toggle {
        display: block !important
    }

    header .navbar-header .collapse .icon-bar,
    header .navbar-toggle .icon-bar {
        background: #d33
    }
}

@media (max-width:991px) {

    header .navbar-header .collapse,
    header .navbar-toggle {
        padding: 0;
        margin: 0;
        right: 0;
        top: 10px
    }
}

@media (max-width:991px) {
    header .navbar-header {
        padding-top: 35px;
        float: right
    }
}

header .collapsing {
    padding: 0
}

header .dropdown-menu {
    padding: 0
}

header .dropdown-menu li {
    display: block !important;
    float: none;
    width: 100%;
    border-right: 0;
    border-left: 0
}

header.pofo_fixedheader {
    position: fixed;
    width: 100%;
    background-color: #000;
    color: #fff;
    padding: 0;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out
}

header.focus_fixedheader {
    position: fixed;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out
}

.pofo_header {
    position: fixed;
    background-color: transparent;
    width: 100%;
    z-index: 100;
    padding: 0;
    height: 100px;
    -webkit-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out
}

.pofo_header .main_header {
    background-color: transparent;
    height: 100px;
    padding: 0
}

@media (max-width:990px) {
    .pofo_header .main_header {
        position: inherit;
        top: inherit;
        float: left;
        width: 100%
    }
}

@media (max-width:1366px) {
    .pofo_header .main_header {
        height: 80px
    }
}

@media (max-width:540px) {
    .pofo_header .main_header {
        height: 80px
    }
}

.pofo_header .main_header .logo_head {
    display: inline-block;
    float: left;
    position: relative;
    z-index: 101;
    height: 100px;
    line-height: 100px;
    padding-right: 30px
}

@media (max-width:990px) {
    .pofo_header .main_header .logo_head {
        padding-left: 0
    }
}

@media (max-width:540px) {
    .pofo_header .main_header .logo_head {
        padding: 0 20px
    }
}

.pofo_header .main_header .logo_head a {
    width: auto;
    height: auto;
    display: inline-block;
    line-height: 100px;
    height: 100px;
    vertical-align: middle;
    outline: none
}

.pofo_header .main_header .logo_head a img {
    height: 100px;
    width: 160px;
    line-height: 100px;
    object-fit: contain
}

.pofo_header .main_header .footer_logo {
    display: inline-block;
    float: left;
    padding-left: 40px
}

.pofo_header .main_header .footer_logo a {
    width: auto;
    height: auto
}

.pofo_header .main_header .footer_logo a img {
    max-width: 170px;
    margin-bottom: 20px
}

.pofo_header .main_header .nav {
    text-align: center;
    font-size: 0
}

.pofo_header .main_header .nav:before {
    position: absolute;
    content: "";
    opacity: .2;
    top: -1px;
    width: 55%;
    margin: 0 auto;
    left: 0;
    right: 0
}

.pofo_header .main_header .nav .dropdown-menu {
    background-color: #fbfbfb;
    line-height: 80px;
    top: 115px !important;
    left: 20px !important;
    width: 250px;
    padding: 0;
    border-radius: 0;
    margin-top: 0;
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: .3s all ease-in-out
}

@media (max-width:540px) {
    .pofo_header .main_header .nav .dropdown-menu {
        border: none;
        top: 53px !important;
        left: 0 !important
    }
}

.pofo_header .main_header .nav .dropdown-menu li {
    height: auto;
    padding: 0;
    border-bottom: 1px solid #fff;
    line-height: 40px;
    transition: .3s all ease-in-out
}

.pofo_header .main_header .nav .dropdown-menu li:last-child {
    border: none
}

.pofo_header .main_header .nav .dropdown-menu li a {
    color: #fff;
    display: block;
    padding: 13px 20px;
    font-size: 16px;
    font-weight: normal;
    text-transform: capitalize
}

.pofo_header .main_header .nav .dropdown-menu li a.active,
.pofo_header .main_header .nav .dropdown-menu li a:hover,
.pofo_header .main_header .nav .dropdown-menu li a:focus {
    color: #d33
}

.pofo_header .main_header .nav .dropdown-menu li a:after {
    display: none
}

.pofo_header .main_header .nav .divider {
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    padding: 0;
    height: 30px;
    margin: 24px auto
}

.pofo_header .main_header .nav li {
    margin: 0;
    display: inline-block;
    padding: 0 20px;
    height: 100px;
    line-height: 100px;
    float: left
}

@media (max-width:1366px) {
    .pofo_header .main_header .nav li {
        padding: 0 12px
    }
}

.pofo_header .main_header .nav li:hover .dropdown-menu {
    display: block;
    visibility: visible;
    opacity: 1;
    top: 53px;
    left: 0;
    transition: .3s all ease-in-out
}

.pofo_header .main_header .nav li a {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #fff;
    padding: 0;
    text-transform: uppercase;
    background-color: transparent;
    position: relative;
    display: initial;
    transition: .2s all ease-in-out
}

@media (max-width:1366px) {
    .pofo_header .main_header .nav li a {
        font-size: 13px
    }
}

.pofo_header .main_header .nav li a.active {
    color: #d33;
    font-weight: 600;
    background-color: transparent;
    transition: .3s all ease-in-out
}

.pofo_header .main_header .nav li a:hover,
.pofo_header .main_header .nav li a:focus {
    color: #d33;
    background-color: transparent;
    transition: .2s all ease-in-out
}

.pofo_header .main_header .navbar {
    padding: 0;
    margin: 0;
    width: auto;
    height: 100%;
    display: block;
    position: relative
}

.pofo_header .main_header .navbar .navbar-header {
    padding: 0 !important;
    float: right !important
}

.pofo_header .main_header .navbar .navbar-header .navbar-toggle {
    padding: 0 !important;
    margin: 0 !important;
    position: absolute;
    right: 20px;
    top: 50%
}

.pofo_header .main_header .navbar .navbar-header .navbar-toggle .icon-bar {
    background: #fff
}

@media (max-width:990px) {
    .pofo_header .main_header .navbar {
        padding: 0
    }
}

@media (max-width:990px) {
    .pofo_header .main_header .navbar .navbar-collapse ul {
        text-align: left;
        font-size: 0;
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
        top: 0;
        left: 0
    }

    .pofo_header .main_header .navbar .navbar-collapse ul li {
        margin: 0;
        padding: 0;
        display: block;
        box-sizing: border-box;
        height: auto;
        line-height: normal;
        float: none;
        transition: .3s all ease-in-out
    }

    .pofo_header .main_header .navbar .navbar-collapse ul li a {
        border-radius: 0;
        font-weight: 600;
        font-size: 13px;
        letter-spacing: 3px;
        color: #fff;
        position: relative;
        display: block;
        padding: 20px 20px;
        text-align: left;
        line-height: 1;
        background-color: #000;
        border: none;
        transition: .3s all ease-in-out
    }

    .pofo_header .main_header .navbar .navbar-collapse ul li a.active {
        background-color: #c62121;
        color: #fff;
        border-radius: 0;
        border: none
    }

    .pofo_header .main_header .navbar .navbar-collapse ul li a.active:hover,
    .pofo_header .main_header .navbar .navbar-collapse ul li a.active:focus {
        background-color: #000;
        color: #fff
    }

    .pofo_header .main_header .navbar .navbar-collapse ul li a:hover,
    .pofo_header .main_header .navbar .navbar-collapse ul li a:focus {
        background-color: #c62121;
        color: #fff
    }
}

.pofo_header .main_header .navbar-collapse {
    padding: 0
}

@media (max-width:990px) {
    .pofo_header .main_header .navbar-collapse {
        background-color: transparent;
        position: absolute;
        top: 99px;
        left: 0;
        right: 0;
        z-index: 101;
        text-align: left;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0
    }
}

.banner_slider {
    height: auto
}

.banner_slider .home_carousel .owl-item {
    height: auto
}

.banner_slider .home_carousel img {
    width: 100%;
    height: auto
}

@media (max-width:540px) {
    .banner_slider .home_carousel img {
        height: 670px;
        object-fit: cover;
        width: auto
    }
}

.banner_slider .home_carousel .carousel-caption {
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: left;
    z-index: 999999999;
    width: 50%;
    background-color: #d33;
    opacity: .92;
    padding: 70px;
    left: auto
}

@media (max-width:1366px) {
    .banner_slider .home_carousel .carousel-caption {
        padding: 50px
    }
}

@media (max-width:540px) {
    .banner_slider .home_carousel .carousel-caption {
        padding: 40px;
        text-align: center;
        width: 100%
    }
}

.banner_slider .home_carousel .carousel-caption .slider_title {
    font-size: 70px;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 30px;
    color: #fff;
    text-decoration: none;
    text-shadow: none;
    animation-delay: 1s
}

@media (max-width:1366px) {
    .banner_slider .home_carousel .carousel-caption .slider_title {
        font-size: 30px
    }
}

@media (max-width:540px) {
    .banner_slider .home_carousel .carousel-caption .slider_title {
        font-size: 21px
    }
}

.banner_slider .home_carousel .carousel-caption .slider_text {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 40px;
    text-shadow: none;
    animation-delay: 1.5s
}

@media (max-width:1366px) {
    .banner_slider .home_carousel .carousel-caption .slider_text {
        font-size: 18px
    }
}

@media (max-width:540px) {
    .banner_slider .home_carousel .carousel-caption .slider_text {
        font-size: 14px;
        margin-bottom: 0
    }
}

@media (max-width:1024px) {
    .banner_slider .home_carousel .carousel-caption .slider_text {
        margin-bottom: 0
    }
}

.banner_slider .home_carousel .carousel-caption .slider_button {
    padding: 12px 30px;
    background-color: #fff;
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 600;
    border: 2px solid #fff;
    color: #2f2f2f;
    text-shadow: none;
    display: inline-block;
    text-transform: uppercase;
    transition: .3s all ease-in-out;
    animation-delay: 2s
}

.banner_slider .home_carousel .carousel-caption .slider_button:active,
.banner_slider .home_carousel .carousel-caption .slider_button:hover,
.banner_slider .home_carousel .carousel-caption .slider_button:focus {
    background-color: transparent;
    color: #fff;
    border: 2px solid #fff;
    padding: 12px 30px;
    font-size: 13px;
    transition: .3s all ease-in-out
}

.banner_slider .home_carousel .owl-controls .owl-pagination {
    position: absolute;
    left: 15px;
    right: 0;
    top: 50%;
    width: 13px;
    transform: translateY(-50%)
}

@media (max-width:540px) {
    .banner_slider .home_carousel .owl-controls .owl-pagination {
        display: none
    }
}

.banner_slider .home_carousel .owl-controls .owl-pagination .owl-page {
    width: 13px;
    height: 13px;
    margin: 0 20px;
    background-color: transparent;
    border: 2px solid #d33;
    outline: none;
    clear: both;
    display: block;
    border-radius: 50%;
    margin-bottom: 15px;
    transition: .3s all ease-in-out
}

.banner_slider .home_carousel .owl-controls .owl-pagination .owl-page.active {
    background-color: #d33;
    border: 2px solid #d33;
    position: relative;
    transition: .3s all ease-in-out
}

.banner_slider .home_carousel .owl-controls .owl-pagination .owl-page:hover,
.banner_slider .home_carousel .owl-controls .owl-pagination .owl-page:focus {
    background-color: #d33;
    transition: .3s all ease-in-out
}

.banner_slider .home_carousel .owl-controls .owl-pagination .owl-page span {
    display: none
}

.section_head {
    text-align: center;
    margin-bottom: 50px
}

.section_head h3 {
    color: #585858;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.section_head h2 {
    color: #2f2f2f;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 35px;
    letter-spacing: .5px;
    line-height: 1.3;
    position: relative
}

@media (max-width:1024px) {
    .section_head h2 {
        font-size: 28px
    }
}

@media (max-width:540px) {
    .section_head h2 {
        font-size: 24px
    }
}

.section_head h2::after {
    content: '';
    display: block;
    width: 100px;
    height: 1px;
    background: #d33;
    margin: 0 auto;
    margin-top: 15px
}

.feature_area {
    background-color: #fff;
    width: 100%;
    height: auto;
    padding: 100px 0
}

.feature_area .feature_head {
    text-align: center;
    margin-bottom: 100px
}

@media (max-width:540px) {
    .feature_area .feature_head {
        margin-bottom: 10px
    }
}

.feature_area .feature_head h4 {
    color: #585858;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 20px;
    letter-spacing: 1px
}

.feature_area .feature_head h3 {
    color: #2f2f2f;
    font-size: 28px;
    line-height: 1.4;
    padding: 0 130px;
    margin-bottom: 20px
}

@media (max-width:1366px) {
    .feature_area .feature_head h3 {
        font-size: 23px
    }
}

@media (max-width:540px) {
    .feature_area .feature_head h3 {
        font-size: 15px;
        padding: 0 30px
    }
}

.feature_area .feature_box {
    padding: 35px 15px;
    background-color: #fff;
    text-align: center;
    border-radius: 10px;
    transition: .3s all ease-in-out
}

.feature_area .feature_box:hover,
.feature_area .feature_box:focus {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    transition: .3s all ease-in-out;
    transform: translateY(-15px)
}

.feature_area .feature_box img {
    margin-bottom: 15px
}

.feature_area .feature_box h2 {
    margin-bottom: 10px;
    color: #2f2f2f;
    font-size: 18px;
    line-height: 25px;
    font-weight: 600;
    letter-spacing: .5px
}

.feature_area .feature_box p {
    color: #585858;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 25px
}

.video_area {
    background-image: url(../images/pofo_parallax.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 150px 0;
    height: 650px;
    text-align: center
}

.video_area a {
    transition: .3s all ease-in-out
}

.video_area a img {
    width: 150px;
    height: auto;
    transition: .3s all ease-in-out;
    margin-bottom: 10px
}

.video_area a:active img,
.video_area a:hover img,
.video_area a:focus img {
    transform: scale(1.1);
    transition: .3s all ease-in-out
}

.video_area h1 {
    color: #fff;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 45px;
    letter-spacing: 1px;
    line-height: 1.5;
    padding: 0 32%
}

@media (max-width:1366px) {
    .video_area h1 {
        font-size: 30px
    }
}

@media (max-width:540px) {
    .video_area h1 {
        font-size: 25px;
        padding: 0
    }
}

.video_area h3 {
    color: #d6d5d5;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-top: 20px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.skill_area {
    background-color: #ffc5c5;
    width: 100%;
    height: auto;
    padding-bottom: 100px
}

@media (max-width:540px) {
    .skill_area {
        padding-bottom: 0
    }
}

.skill_area .skill_box {
    padding: 55px 30px;
    background-color: #fff;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    text-align: center;
    margin-top: -130px;
    height: 355px;
    overflow: hidden
}

@media (max-width:1366px) {
    .skill_area .skill_box {
        padding: 30px 30px
    }
}

@media (max-width:540px) {
    .skill_area .skill_box {
        margin-top: 0
    }
}

.skill_area .skill_box img {
    margin-bottom: 20px
}

.skill_area .skill_box h5 {
    margin-bottom: 15px;
    color: #2f2f2f;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: .5px
}

@media (max-width:1366px) {
    .skill_area .skill_box h5 {
        font-size: 14px
    }
}

.skill_area .skill_box p {
    color: #585858;
    margin-bottom: 0;
    font-size: 15px
}

@media (max-width:1366px) {
    .skill_area .skill_box p {
        font-size: 13px
    }
}

.build_area {
    background-color: #ffc5c5;
    padding: 100px 0;
    width: 100%;
    height: auto
}

.build_area .build_box {
    margin-bottom: 30px
}

.build_area .build_box h1 {
    margin-bottom: 50px;
    font-weight: 600;
    color: #2f2f2f;
    font-size: 35px;
    line-height: 1.3;
    letter-spacing: .5px
}

@media (max-width:1366px) {
    .build_area .build_box h1 {
        font-size: 25px
    }
}

.build_area .build_box h2 {
    margin-right: 25px;
    color: #d6d5d5;
    line-height: 60px;
    font-size: 55px;
    font-weight: 600;
    float: left;
    height: 120px
}

@media (max-width:1366px) {
    .build_area .build_box h2 {
        height: 150px
    }
}

@media (max-width:540px) {
    .build_area .build_box h2 {
        height: 120px
    }
}

.build_area .build_box h3 {
    margin-bottom: 5px;
    color: #2f2f2f;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 25px
}

@media (max-width:1366px) {
    .build_area .build_box h3 {
        font-size: 16px
    }
}

@media (max-width:1024px) {
    .build_area .build_box h3 {
        font-size: 17px
    }
}

.build_area .build_box p {
    color: #888;
    line-height: 25px;
    font-size: 15px
}

.gallery_area {
    padding: 100px 0;
    background-color: #fff;
    width: 100%;
    height: auto
}

.gallery_area .gall_box {
    margin-bottom: 30px;
    overflow: hidden;
    position: relative
}

.gallery_area .gall_box::before {
    background-color: #d33;
    content: '';
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: .3s all ease-in-out;
    visibility: hidden;
    width: 100%;
    z-index: 1;
    margin: 0 auto;
    pointer-events: none
}

.gallery_area .gall_box .gall_thumb {
    cursor: pointer;
    overflow: hidden;
    position: relative
}

.gallery_area .gall_box .gall_thumb a {
    display: block;
    height: 360px;
    object-fit: cover
}

@media (max-width:1024px) {
    .gallery_area .gall_box .gall_thumb a {
        height: 180px
    }
}

.gallery_area .gall_box .gall_thumb a img {
    vertical-align: middle;
    width: 100%;
    transition: .3s all ease-in-out;
    margin: 0 auto;
    max-width: 100%;
    display: block;
    height: 360px;
    object-fit: cover;
    position: relative
}

@media (max-width:1024px) {
    .gallery_area .gall_box .gall_thumb a img {
        height: 180px
    }
}

.gallery_area .gall_box .gall_content {
    background-color: transparent;
    padding: 30px;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s all ease-in-out;
    visibility: hidden;
    opacity: 0;
    z-index: 9;
    width: 100%;
    margin: 0 auto;
    pointer-events: none
}

.gallery_area .gall_box .gall_content .fa {
    height: 55px;
    width: 55px;
    line-height: 55px;
    font-size: 25px;
    color: #2f2f2f;
    text-align: center;
    transition: .3s all ease-in-out;
    border-radius: 50%;
    background-color: #fff;
    border: 3px solid #fff;
    pointer-events: all
}

.gallery_area .gall_box .gall_content .fa:active,
.gallery_area .gall_box .gall_content .fa:hover,
.gallery_area .gall_box .gall_content .fa:focus {
    background-color: transparent;
    border: 3px solid #fff;
    color: #fff;
    font-size: 25px
}

.gallery_area .gall_box:hover,
.gallery_area .gall_box:focus {
    transition: .3s all ease-in-out
}

.gallery_area .gall_box:hover::before,
.gallery_area .gall_box:focus::before {
    opacity: .9;
    visibility: visible
}

.gallery_area .gall_box:hover img,
.gallery_area .gall_box:focus img {
    transform: scale(1.2) rotate(7deg);
    transition: .3s all ease-in-out
}

.gallery_area .gall_box:hover .gall_content,
.gallery_area .gall_box:focus .gall_content {
    opacity: 1;
    visibility: visible
}

.test_area {
    padding: 100px 0;
    background-color: #ffc5c5;
    width: 100%;
    height: auto
}

.test_area .content_box {
    border-radius: 6px;
    background-color: #fff;
    padding: 40px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    margin-bottom: 40px
}

.test_area .content_box::after {
    content: " ";
    position: absolute;
    left: 70px;
    bottom: 114px;
    border: solid transparent;
    height: 0;
    width: 0;
    pointer-events: none;
    border-color: rgba(245, 245, 245, 0);
    border-top-color: #dedede;
    border-width: 15px;
    margin-left: -15px;
    z-index: 9
}

@media (max-width:1366px) {
    .test_area .content_box::after {
        bottom: 134px
    }
}

@media (max-width:540px) {
    .test_area .content_box::after {
        bottom: 84px
    }
}

.test_area .content_box p {
    font-size: 14px;
    color: #888;
    line-height: 25px
}

.test_area .person_box {
    margin-bottom: 30px
}

.test_area .person_box img {
    border-radius: 100%;
    float: left;
    margin-right: 30px;
    margin-left: 25px
}

.test_area .person_box .person_detail {
    padding: 15px
}

.test_area .person_box .person_detail h4 {
    font-size: 16px;
    color: #2f2f2f;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 5px
}

@media (max-width:1366px) {
    .test_area .person_box .person_detail h4 {
        font-size: 17px
    }
}

.test_area .person_box .person_detail span {
    font-size: 12px;
    letter-spacing: .5px;
    color: text_color
}

.service_slider {
    padding: 0
}

.service_slider .service_banner {
    background-image: url(../images/pofo_service1.jpg);
    background-position: center center;
    background-size: cover;
    height: 620px
}

@media (max-width:540px) {
    .service_slider .service_banner {
        height: 300px
    }
}

@media (max-width:1024px) {
    .service_slider .service_banner {
        height: 340px
    }
}

.service_slider .service_banner img {
    width: 100%
}

.service_slider .service_content {
    background-color: #fbfbfb;
    height: 620px
}

@media (max-width:540px) {
    .service_slider .service_content {
        height: 320px;
        padding: 30px 15px
    }
}

@media (max-width:1024px) {
    .service_slider .service_content {
        height: 340px
    }
}

.service_slider .service_content .service_carousel {
    position: relative
}

.service_slider .service_content .service_carousel .owl-item {
    height: auto
}

.service_slider .service_content .service_carousel img {
    display: block;
    width: 100%;
    height: auto
}

.service_slider .service_content .service_carousel .carousel-caption {
    position: absolute;
    text-align: center;
    top: 20%
}

@media (max-width:1366px) {
    .service_slider .service_content .service_carousel .carousel-caption {
        top: 15%
    }
}

@media (max-width:1024px) {
    .service_slider .service_content .service_carousel .carousel-caption {
        top: 13%
    }
}

@media (max-width:540px) {
    .service_slider .service_content .service_carousel .carousel-caption {
        top: 0
    }
}

.service_slider .service_content .service_carousel .carousel-caption .slider_title {
    color: #fff;
    font-weight: 600;
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 1.5;
    margin-bottom: 30px
}

@media (max-width:1366px) {
    .service_slider .service_content .service_carousel .carousel-caption .slider_title {
        font-size: 25px
    }
}

@media (max-width:1024px) {
    .service_slider .service_content .service_carousel .carousel-caption .slider_title {
        font-size: 18px
    }
}

@media (max-width:540px) {
    .service_slider .service_content .service_carousel .carousel-caption .slider_title {
        font-size: 16px;
        margin-bottom: 20px
    }
}

.service_slider .service_content .service_carousel .carousel-caption .slider_text {
    font-size: 18px;
    color: #888;
    line-height: 1.5;
    margin-bottom: 30px
}

@media (max-width:1366px) {
    .service_slider .service_content .service_carousel .carousel-caption .slider_text {
        font-size: 14px
    }
}

@media (max-width:1024px) {
    .service_slider .service_content .service_carousel .carousel-caption .slider_text {
        height: 80px;
        overflow: hidden;
        font-size: 17px
    }
}

@media (max-width:540px) {
    .service_slider .service_content .service_carousel .carousel-caption .slider_text {
        font-size: 13px;
        margin-bottom: 20px
    }
}

.service_slider .service_content .service_carousel .carousel-caption .slider_button {
    padding: 10px 20px;
    background-color: #fff;
    border: 2px solid #fff;
    color: #2f2f2f;
    text-shadow: none;
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: .5px;
    transition: .3s all ease-in-out;
    margin-top: 0
}

@media (max-width:1024px) {
    .service_slider .service_content .service_carousel .carousel-caption .slider_button {
        padding: 10px 20px;
        font-size: 14px
    }
}

@media (max-width:540px) {
    .service_slider .service_content .service_carousel .carousel-caption .slider_button {
        font-size: 12px
    }
}

.service_slider .service_content .service_carousel .carousel-caption .slider_button:active,
.service_slider .service_content .service_carousel .carousel-caption .slider_button:hover,
.service_slider .service_content .service_carousel .carousel-caption .slider_button:focus {
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
    transition: .3s all ease-in-out
}

.service_slider .service_content .service_carousel .owl-buttons {
    width: 100%;
    position: absolute;
    bottom: 50%;
    transform: translateY(50%)
}

@media (max-width:540px) {
    .service_slider .service_content .service_carousel .owl-buttons {
        display: none
    }
}

.service_slider .service_content .service_carousel .owl-buttons .owl-prev {
    position: absolute;
    left: 7%;
    color: #2f2f2f;
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 0;
    font-size: 30px;
    outline: none;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    padding: 0;
    opacity: 1;
    transition: .3s all ease-in-out
}

@media (max-width:1024px) {
    .service_slider .service_content .service_carousel .owl-buttons .owl-prev {
        left: 2%;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 27px
    }
}

.service_slider .service_content .service_carousel .owl-buttons .owl-prev:active,
.service_slider .service_content .service_carousel .owl-buttons .owl-prev:hover,
.service_slider .service_content .service_carousel .owl-buttons .owl-prev:focus {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    transition: .3s all ease-in-out
}

.service_slider .service_content .service_carousel .owl-buttons .owl-next {
    position: absolute;
    right: 7%;
    color: #2f2f2f;
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 0;
    font-size: 30px;
    outline: none;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    padding: 0;
    opacity: 1;
    transition: .3s all ease-in-out
}

@media (max-width:1024px) {
    .service_slider .service_content .service_carousel .owl-buttons .owl-next {
        right: 2%;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 27px
    }
}

.service_slider .service_content .service_carousel .owl-buttons .owl-next:active,
.service_slider .service_content .service_carousel .owl-buttons .owl-next:hover,
.service_slider .service_content .service_carousel .owl-buttons .owl-next:focus {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    transition: .3s all ease-in-out
}

.blog_area {
    padding-top: 100px;
    padding-bottom: 50px;
    background-color: #ffc5c5;
    width: 100%;
    height: auto
}

.blog_area .blog_box {
    margin-bottom: 100px
}

.blog_area .blog_box .image_box {
    position: relative;
    overflow: hidden
}

.blog_area .blog_box .image_box img {
    width: 100%;
    height: auto
}

.blog_area .blog_box .text_box {
    padding: 40px;
    background-color: #fff
}

.blog_area .blog_box .text_box .box_tag {
    padding: 9px 18px;
    background-color: #fff;
    color: #585858;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 15px;
    transition: .3s all ease-in-out;
    font-size: 14px
}

.blog_area .blog_box .text_box .box_tag:active,
.blog_area .blog_box .text_box .box_tag:hover,
.blog_area .blog_box .text_box .box_tag:focus {
    color: #d33;
    transition: .3s all ease-in-out
}

.blog_area .blog_box .text_box .box_title {
    color: #2f2f2f;
    margin-bottom: 15px;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 1px;
    display: block;
    position: relative;
    transition: .3s all ease-in-out
}

@media (max-width:1366px) {
    .blog_area .blog_box .text_box .box_title {
        font-size: 14px
    }
}

.blog_area .blog_box .text_box .box_title:active,
.blog_area .blog_box .text_box .box_title:hover,
.blog_area .blog_box .text_box .box_title:focus {
    color: #d33;
    transition: .3s all ease-in-out
}

.blog_area .blog_box .text_box .box_text {
    color: #585858;
    line-height: 1.5;
    left: .5px;
    text-align: justify;
    font-size: 14px
}

@media (max-width:1366px) {
    .blog_area .blog_box .text_box .box_text {
        font-size: 13px
    }
}

.blog_area .blog_btn {
    padding: 14px 24px;
    background-color: #d33;
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: 3px solid #d33;
    font-weight: 600;
    transition: .3s all ease-in-out
}

.blog_area .blog_btn:active,
.blog_area .blog_btn:hover,
.blog_area .blog_btn:focus {
    background-color: transparent;
    border: 3px solid #d33;
    color: #d33;
    transition: .3s all ease-in-out
}

.banner_area {
    background-image: url(../images/pofo_banner.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 300px 0;
    text-align: center
}

@media (max-width:540px) {
    .banner_area {
        padding: 150px 0
    }
}

.banner_area .banner_caption {
    position: relative
}

.banner_area .banner_caption .banner_text {
    color: rgba(255, 255, 255, 0.6);
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px
}

.banner_area .banner_caption .banner_head {
    color: #fff;
    font-size: 50px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.5;
    position: relative;
    padding: 0 240px
}

@media (max-width:1366px) {
    .banner_area .banner_caption .banner_head {
        font-size: 36px;
        padding: 0 190px
    }
}

@media (max-width:540px) {
    .banner_area .banner_caption .banner_head {
        font-size: 35px;
        padding: 0
    }
}

.banner_area .banner_caption .banner_gif {
    position: absolute;
    top: 320px
}

@media (max-width:540px) {
    .banner_area .banner_caption .banner_gif {
        top: 260px;
        left: 46%
    }
}

@media (max-width:1366px) {
    .banner_area .banner_caption .banner_gif {
        left: 47%;
        top: 260px
    }
}

.entry_area {
    background-color: #fff;
    padding: 150px 0;
    width: 100%;
    height: auto
}

@media (max-width:540px) {
    .entry_area {
        padding: 60px 0
    }
}

.entry_area .entry_box {
    margin-bottom: 30px
}

.entry_area .entry_box h1 {
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: 600;
    color: #2f2f2f;
    font-size: 35px;
    line-height: 1.3;
    letter-spacing: .5px
}

@media (max-width:1366px) {
    .entry_area .entry_box h1 {
        font-size: 25px
    }
}

.entry_area .entry_box h2 {
    margin-right: 25px;
    color: #d6d5d5;
    line-height: 60px;
    font-size: 55px;
    font-weight: 600;
    float: left;
    height: 120px
}

@media (max-width:1366px) {
    .entry_area .entry_box h2 {
        height: 150px
    }
}

@media (max-width:540px) {
    .entry_area .entry_box h2 {
        height: 120px
    }
}

.entry_area .entry_box h3 {
    margin-bottom: 5px;
    color: #2f2f2f;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 25px
}

@media (max-width:1366px) {
    .entry_area .entry_box h3 {
        font-size: 16px
    }
}

@media (max-width:1024px) {
    .entry_area .entry_box h3 {
        font-size: 17px
    }
}

.entry_area .entry_box p {
    color: #888;
    line-height: 25px;
    font-size: 15px
}

.service_area {
    padding: 0;
    position: relative
}

.service_area .service_box {
    background-color: #2f2f2f;
    height: 620px;
    padding: 100px 40px
}

@media (max-width:1024px) {
    .service_area .service_box {
        height: 620px;
        padding: 40px 40px
    }
}

@media (max-width:540px) {
    .service_area .service_box {
        height: 560px;
        text-align: center
    }
}

.service_area .service_box h1 {
    color: #fff;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 32px;
    line-height: 1.3;
    letter-spacing: .5px
}

@media (max-width:1366px) {
    .service_area .service_box h1 {
        font-size: 25px
    }
}

@media (max-width:1024px) {
    .service_area .service_box h1 {
        font-size: 18px
    }
}

.service_area .service_box h3 {
    color: #585858;
    margin-bottom: 25px;
    font-size: 20px;
    line-height: 1.5
}

@media (max-width:1366px) {
    .service_area .service_box h3 {
        font-size: 16px
    }
}

.service_area .service_box div {
    color: #888
}

.service_area .service_box div p {
    font-size: 14px;
    line-height: 1.5
}

.service_area .service_box .service_btn {
    padding: 10px 20px;
    background-color: #fff;
    border: 2px solid #fff;
    color: #2f2f2f;
    text-shadow: none;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-top: 25px;
    transition: .3s all ease-in-out
}

.service_area .service_box .service_btn:active,
.service_area .service_box .service_btn:hover,
.service_area .service_box .service_btn:focus {
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
    transition: .3s all ease-in-out
}

.service_area .service_img {
    background-image: url(../images/pofo_svr_img.jpg);
    background-position: center center;
    background-size: cover;
    padding: 0;
    position: relative;
    overflow: hidden;
    height: 620px
}

@media (max-width:1024px) {
    .service_area .service_img {
        height: 620px
    }
}

@media (max-width:540px) {
    .service_area .service_img {
        height: 560px
    }
}

.team_area {
    padding: 100px 0;
    background-color: #fff
}

.team_area .team_box {
    padding: 0
}

@media (max-width:540px) {
    .team_area .team_box {
        margin-bottom: 20px
    }
}

.team_area .team_box .pic_box {
    position: relative;
    display: block;
    overflow: hidden
}

.team_area .team_box .pic_box img {
    width: 100%;
    height: auto;
    object-fit: cover
}

.team_area .team_box .detail_box {
    position: relative;
    padding: 50px;
    background-color: #fff;
    height: 390px;
    vertical-align: middle;
    display: inline-block
}

@media (max-width:1366px) {
    .team_area .team_box .detail_box {
        height: 300px;
        padding: 40px
    }
}

.team_area .team_box .detail_box .team_name {
    color: #d33;
    margin-bottom: 10px;
    letter-spacing: .5px;
    font-weight: 600;
    font-size: 20px;
    font-family: 'Raleway', sans-serif
}

.team_area .team_box .detail_box .position {
    position: relative;
    color: #585858;
    font-size: 14px;
    margin-bottom: 20px;
    display: block
}

.team_area .team_box .detail_box .position::after {
    content: '';
    display: block;
    width: 50px;
    background: #d33;
    height: 1px;
    margin-top: 15px
}

.team_area .team_box .detail_box .team_text {
    margin-bottom: 20px;
    position: relative;
    line-height: 25px;
    font-size: 14px;
    color: #2f2f2f
}

.team_area .team_box .detail_box .team_social {
    padding: 0;
    margin: 0
}

.team_area .team_box .detail_box .team_social li {
    display: inline-block;
    padding-right: 15px
}

.team_area .team_box .detail_box .team_social li .fa {
    font-size: 18px;
    color: #2f2f2f;
    transition: .3s all ease-in-out
}

.team_area .team_box .detail_box .team_social li .fa:active,
.team_area .team_box .detail_box .team_social li .fa:hover,
.team_area .team_box .detail_box .team_social li .fa:focus {
    color: #d33;
    transition: .3s all ease-in-out
}

.add_area {
    padding: 100px 0;
    background-color: #fff;
    width: 100%;
    position: relative
}

.add_area .add_box {
    padding: 80px 60px;
    background-color: #fff;
    border: 1px solid #585858;
    text-align: center
}

@media (max-width:1366px) {
    .add_area .add_box {
        padding: 40px 30px
    }
}

@media (max-width:540px) {
    .add_area .add_box {
        margin-bottom: 15px
    }
}

.add_area .add_box .flag {
    margin-bottom: 35px
}

.add_area .add_box h3 {
    font-size: 16px;
    color: #000;
    line-height: 24px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px
}

.add_area .add_box p {
    margin-bottom: 25px;
    font-size: 16px;
    color: #2f2f2f;
    line-height: 25px
}

.add_area .add_box span {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    color: #2f2f2f;
    line-height: 25px
}

.map_area {
    padding: 0;
    position: relative;
    background-color: #fff;
    height: 600px
}

.map_area .nn_col {
    padding: 0
}

.form_area {
    padding: 100px 0;
    background-image: url(../images/pofo_form_bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed
}

@media (max-width:1024px) {
    .form_area {
        background-attachment: inherit
    }
}

.form_area .form_head {
    text-align: center;
    margin-bottom: 60px
}

.form_area .form_head h3 {
    color: #585858;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.form_area .form_head h2 {
    color: #fff;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 35px;
    letter-spacing: .5px;
    line-height: 1.3;
    position: relative;
    padding: 0 280px
}

@media (max-width:1366px) {
    .form_area .form_head h2 {
        font-size: 28px
    }
}

@media (max-width:540px) {
    .form_area .form_head h2 {
        padding: 0;
        font-size: 20px
    }
}

@media (max-width:1024px) {
    .form_area .form_head h2 {
        font-size: 26px
    }
}

.form_area .pofo_form {
    text-align: center;
    width: 60%;
    margin: 0 auto
}

@media (max-width:990px) {
    .form_area .pofo_form {
        width: 100%
    }
}

.form_area .pofo_form input,
.form_area .pofo_form textarea {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    outline: none;
    padding: 12px 20px;
    font-size: 14px;
    line-height: normal;
    border-radius: 0;
    width: 100%;
    margin-bottom: 25px;
    text-align: left;
    transition: .3s all ease-in-out
}

.form_area .pofo_form input:focus,
.form_area .pofo_form textarea:focus {
    border: 1px solid #d33;
    transition: .3s all ease-in-out;
    color: #d33
}

.form_area .pofo_form input:focus::-webkit-input-placeholder,
.form_area .pofo_form textarea:focus::-webkit-input-placeholder {
    color: #d33
}

.form_area .pofo_form input:focus::-moz-placeholder,
.form_area .pofo_form textarea:focus::-moz-placeholder {
    color: #d33
}

.form_area .pofo_form input:focus:-ms-input-placeholder,
.form_area .pofo_form textarea:focus:-ms-input-placeholder {
    color: #d33
}

.form_area .pofo_form input:focus:-moz-placeholder,
.form_area .pofo_form textarea:focus:-moz-placeholder {
    color: #d33
}

.form_area .pofo_form input::-webkit-input-placeholder,
.form_area .pofo_form textarea::-webkit-input-placeholder {
    color: #fff
}

.form_area .pofo_form input::-moz-placeholder,
.form_area .pofo_form textarea::-moz-placeholder {
    color: #fff
}

.form_area .pofo_form input:-ms-input-placeholder,
.form_area .pofo_form textarea:-ms-input-placeholder {
    color: #fff
}

.form_area .pofo_form input:-moz-placeholder,
.form_area .pofo_form textarea:-moz-placeholder {
    color: #fff
}

.form_area .pofo_form textarea {
    height: 150px
}

.form_area .pofo_form button {
    margin-top: 25px;
    text-align: center;
    display: inline-block;
    padding: 12px 20px;
    font-size: 14px;
    color: #fff;
    background-color: #d33;
    border: 2px solid #d33;
    outline: none;
    transition: .3s all ease-in-out;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .5px
}

.form_area .pofo_form button:active,
.form_area .pofo_form button:hover,
.form_area .pofo_form button:focus {
    background-color: transparent;
    border: 2px solid #d33;
    color: #d33;
    transition: .3s all ease-in-out
}

.intro_area {
    padding-bottom: 0;
    padding-top: 100px;
    background-color: #fff;
    text-align: center
}

@media (max-width:540px) {
    .intro_area {
        padding-top: 50px
    }
}

.intro_area h3 {
    color: #d33;
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 20px;
    text-transform: uppercase
}

@media (max-width:540px) {
    .intro_area h3 {
        font-size: 11px
    }
}

.intro_area h1 {
    font-size: 35px;
    color: #2f2f2f;
    line-height: 1.5;
    margin-bottom: 25px;
    letter-spacing: .5px;
    font-weight: 600;
    padding: 0 90px
}

@media (max-width:1366px) {
    .intro_area h1 {
        font-size: 30px
    }
}

@media (max-width:540px) {
    .intro_area h1 {
        font-size: 20px;
        padding: 0
    }
}

.intro_area p {
    color: #585858;
    font-size: 16px;
    text-align: center;
    line-height: 1.5;
    letter-spacing: .5px;
    padding: 0 220px
}

@media (max-width:1366px) {
    .intro_area p {
        font-size: 15px
    }
}

@media (max-width:540px) {
    .intro_area p {
        padding: 0;
        font-size: 12px
    }
}

.intro_area img {
    margin-top: 70px
}

@media (max-width:540px) {
    .intro_area img {
        width: 100%;
        margin-top: 20px
    }
}

.service_group {
    background-color: #ffc5c5;
    padding: 100px 0
}

.service_group .group_box {
    background-color: #fff;
    border: 1px solid #ff9292;
    padding: 50px;
    text-align: center;
    transition: .3s all ease-in-out
}

@media (max-width:540px) {
    .service_group .group_box {
        margin-bottom: 15px
    }
}

.service_group .group_box:hover,
.service_group .group_box:focus {
    transform: translateY(-15px);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.12156863);
    transition: .3s all ease-in-out
}

.service_group .group_box .group_img {
    border-radius: 100%;
    background-color: #ffc5c5;
    margin-bottom: 40px;
    width: 150px;
    height: 150px;
    line-height: 150px;
    text-align: center;
    display: inline-block
}

.service_group .group_box .group_text .group_title {
    color: #d33;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 10px
}

.service_group .group_box .group_text .group_head {
    font-weight: 600;
    color: #2f2f2f;
    margin-bottom: 20px;
    font-size: 16px
}

.service_group .group_box .group_text .group_para {
    font-size: 14px;
    color: #585858;
    line-height: 1.5;
    letter-spacing: .5px
}

@media (max-width:1366px) {
    .service_group .group_box .group_text .group_para {
        font-size: 13px
    }
}

.tech_area {
    text-align: left;
    padding: 100px 0
}

@media (max-width:540px) {
    .tech_area .tech_head {
        margin-bottom: 30px
    }
}

.tech_area .tech_head h3 {
    color: #d33;
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 600
}

.tech_area .tech_head h1 {
    font-size: 32px;
    color: #2f2f2f;
    line-height: 1.5;
    padding-bottom: 20px;
    letter-spacing: .5px;
    font-weight: 900;
    display: inline-block;
    position: relative
}

@media (max-width:1366px) {
    .tech_area .tech_head h1 {
        font-size: 22px
    }
}

.tech_area .tech_head h1::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 42px;
    height: 5px;
    background: #d33
}

.tech_area .tech_head p {
    position: relative;
    color: #2f2f2f;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 35px;
    padding-top: 20px
}

@media (max-width:1366px) {
    .tech_area .tech_head p {
        font-size: 14px
    }
}

.tech_area .tech_head .tech_list {
    padding: 0;
    margin-top: 20px
}

.tech_area .tech_head .tech_list li {
    font-size: 15px;
    color: #2f2f2f;
    list-style: none;
    display: table;
    cursor: pointer;
    margin-bottom: 15px;
    transition: .3s all ease-in-out
}

.tech_area .tech_head .tech_list li::before {
    content: '\f111';
    font-family: 'FontAwesome';
    font-size: 10px;
    color: #d33;
    padding-right: 15px;
    vertical-align: middle;
    display: table-cell;
    transition: .3s all ease-in-out
}

.tech_area .tech_head .tech_list li:hover,
.tech_area .tech_head .tech_list li:focus {
    transform: translateX(15px);
    transition: .3s all ease-in-out
}

.tech_area .tech_view {
    margin-bottom: 30px;
    border-radius: 10px;
    overflow: hidden;
    transition: .3s all ease-in-out
}

.tech_area .tech_view .tech_cover {
    vertical-align: middle;
    overflow: hidden;
    width: 100%;
    margin-bottom: 20px
}

.tech_area .tech_view .tech_cover img {
    width: 100%
}

.tech_area .tech_view .tech_data {
    text-align: center;
    padding: 15px
}

.tech_area .tech_view .tech_data h3 {
    position: relative;
    color: #2f2f2f;
    font-size: 20px;
    font-weight: 600;
    height: 45px;
    overflow: hidden
}

@media (max-width:1366px) {
    .tech_area .tech_view .tech_data h3 {
        height: 45px;
        overflow: hidden;
        font-size: 18px
    }
}

.tech_area .tech_view .tech_data h4 {
    color: #585858;
    font-size: 15px;
    letter-spacing: .5px;
    line-height: 1.5;
    margin-bottom: 20px
}

@media (max-width:1366px) {
    .tech_area .tech_view .tech_data h4 {
        font-size: 14px
    }
}

.tech_area .tech_view .tech_data .fa {
    display: inline-block;
    font-size: 30px;
    color: #2f2f2f;
    transition: .3s all ease-in-out
}

.tech_area .tech_view .tech_data .fa:active,
.tech_area .tech_view .tech_data .fa:hover,
.tech_area .tech_view .tech_data .fa:focus {
    color: #d33;
    transition: .3s all ease-in-out
}

.tech_area .tech_view:hover,
.tech_area .tech_view:focus {
    transform: translateY(-15px);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.12156863);
    transition: .3s all ease-in-out
}

.tech_area .tech_view:hover .fa,
.tech_area .tech_view:focus .fa {
    color: #d33;
    transition: .3s all ease-in-out
}

.tech_area .tech_view:hover h3,
.tech_area .tech_view:focus h3 {
    color: #d33
}

.category_area {
    background-color: #fff;
    padding: 100px 0
}

@media (max-width:540px) {
    .category_area {
        padding-bottom: 0
    }
}

.category_area .pofo_sidebar {
    width: 100%;
    background-color: #fff;
    padding: 0 20px
}

@media (max-width:1366px) {
    .category_area .pofo_sidebar {
        padding: 0 15px
    }
}

.category_area .pofo_sidebar .cat_head {
    color: #2f2f2f;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .5px;
    line-height: 35px;
    margin-bottom: 20px;
    position: relative
}

.category_area .pofo_sidebar .cat_head::after {
    content: '';
    display: block;
    width: 50px;
    height: 2px;
    background: #d33;
    margin-top: 10px
}

.category_area .pofo_sidebar .sidebar_cat {
    margin-bottom: 30px;
    background-color: transparent
}

.category_area .pofo_sidebar .sidebar_cat ul {
    padding: 0;
    margin: 0
}

.category_area .pofo_sidebar .sidebar_cat ul li {
    display: block;
    width: 100%;
    margin-bottom: 20px
}

.category_area .pofo_sidebar .sidebar_cat ul li a {
    font-size: 14px;
    color: #585858;
    letter-spacing: 1px;
    line-height: 1.5;
    padding: 15px 0;
    transition: .3s all ease-in-out
}

.category_area .pofo_sidebar .sidebar_cat ul li a.active {
    color: #d33;
    font-weight: 600;
    transition: .3s all ease-in-out
}

.category_area .pofo_sidebar .sidebar_cat ul li a:active,
.category_area .pofo_sidebar .sidebar_cat ul li a:hover,
.category_area .pofo_sidebar .sidebar_cat ul li a:focus {
    color: #d33;
    font-weight: 600;
    transition: .3s all ease-in-out
}

.category_area .pofo_sidebar .sidebar_follow {
    margin-bottom: 30px
}

.category_area .pofo_sidebar .sidebar_follow ul {
    padding: 0;
    margin: 0
}

.category_area .pofo_sidebar .sidebar_follow ul li {
    display: inline-block;
    padding-right: 10px
}

@media (max-width:1366px) {
    .category_area .pofo_sidebar .sidebar_follow ul li {
        padding-right: 5px
    }
}

.category_area .pofo_sidebar .sidebar_follow ul li .fa {
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-color: #2f2f2f;
    transition: .3s all ease-in-out
}

.category_area .pofo_sidebar .sidebar_follow ul li .fa:active,
.category_area .pofo_sidebar .sidebar_follow ul li .fa:hover,
.category_area .pofo_sidebar .sidebar_follow ul li .fa:focus {
    background-color: #d33;
    color: #fff;
    border-radius: 50%;
    transition: .3s all ease-in-out
}

.category_area .category_container .category_box {
    padding: 0;
    margin: 0;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    display: inline-block
}

.category_area .category_container .category_box .image_box {
    width: 100%;
    height: auto;
    display: inline-block;
    overflow: hidden;
    transition: .3s all ease
}

.category_area .category_container .category_box .image_box img {
    width: 100%;
    transition: .3s all ease;
    height: 360px;
    object-fit: cover
}

.category_area .category_container .category_box .content_box {
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
    padding: 40px;
    width: 100%;
    margin: 0 auto;
    height: 100px;
    max-height: 100%;
    transition: height .5s ease-in-out;
    transition: .3s all ease-in-out
}

.category_area .category_container .category_box .content_box .post_meta {
    color: #585858;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    line-height: 1.3;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-right: 10px;
    letter-spacing: .5px
}

@media (max-width:1366px) {
    .category_area .category_container .category_box .content_box .post_meta {
        font-size: 10px;
        padding-right: 5px;
        margin-bottom: 15px
    }
}

.category_area .category_container .category_box .content_box .slider_title {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.5;
    margin-bottom: 20px;
    max-height: 80px;
    overflow: hidden;
    text-align: left
}

@media (max-width:1366px) {
    .category_area .category_container .category_box .content_box .slider_title {
        font-size: 16px
    }
}

.category_area .category_container .category_box .content_box .slider_text,
.category_area .category_container .category_box .content_box p {
    color: #585858;
    font-size: 15px;
    letter-spacing: .5px;
    line-height: 1.5;
    text-align: justify;
    max-height: 92px;
    overflow: hidden;
    visibility: hidden;
    transition: .3s all ease-in-out
}

.category_area .category_container .category_box:hover .content_box,
.category_area .category_container .category_box:focus .content_box {
    height: 220px;
    overflow: hidden;
    transition: height .5s ease-in-out;
    transition: .3s all ease-in-out
}

.category_area .category_container .category_box:hover .content_box .slider_title,
.category_area .category_container .category_box:focus .content_box .slider_title {
    color: #d33
}

.category_area .category_container .category_box:hover .content_box .slider_text,
.category_area .category_container .category_box:focus .content_box .slider_text,
.category_area .category_container .category_box:hover .content_box p,
.category_area .category_container .category_box:focus .content_box p {
    visibility: visible;
    transition: .3s all ease-in-out
}

.category_area .category_container .category_box:hover .image_box img,
.category_area .category_container .category_box:focus .image_box img {
    transform: scale(1.2);
    transition: .3s all ease
}

.category_area .detail_container .image_box {
    display: block;
    overflow: hidden;
    border-radius: 10px;
    height: 500px;
    object-fit: cover;
    margin-bottom: 25px
}

@media (max-width:540px) {
    .category_area .detail_container .image_box {
        height: auto
    }
}

.category_area .detail_container .image_box img {
    width: 100%;
    object-fit: cover;
    height: 500px
}

.category_area .detail_container .kozan_pro_box {
    display: block;
    overflow: hidden;
    border-radius: 10px;
    height: 500px;
    width: 500px;
    object-fit: contain;
    margin-bottom: 25px
}

.category_area .detail_container .kozan_pro_box img {
    width: 500px;
    height: 500px;
    object-fit: contain
}

.category_area .detail_container .detail_box .slider_title {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #2f2f2f;
    margin-bottom: 20px;
    line-height: 1.5
}

@media (max-width:540px) {
    .category_area .detail_container .detail_box .slider_title {
        font-size: 20px
    }
}

.category_area .detail_container .detail_box p {
    color: #2f2f2f;
    font-size: 16px;
    text-align: justify;
    line-height: 1.5;
    margin-bottom: 20px
}

.category_area .detail_container .detail_box ul {
    padding: 0;
    margin: 0;
    list-style: disc
}

.category_area .detail_container .detail_box ul li {
    margin-bottom: 10px;
    color: #2f2f2f
}

.category_area .detail_container .detail_box table {
    margin-top: 50px;
    background-color: transparent;
    padding: 0
}

.category_area .detail_container .detail_box table tbody tr {
    min-height: 30px;
    line-height: 30px;
    padding: 0;
    font-size: 13px;
    color: #2f2f2f
}

.category_area .detail_container .detail_box table tbody tr td {
    padding: 0 10px
}

.category_area .detail_container .detail_box table tbody tr td em {
    font-style: normal
}

.category_area .detail_container .detail_box iframe {
    width: 32%;
    height: 240px;
    margin-right: 15px;
    margin-top: 20px
}

.category_area .detail_container .detail_box iframe:last-child {
    margin-right: 0
}

@media (max-width:540px) {
    .category_area .detail_container .detail_box iframe {
        width: 100%;
        margin-right: 0;
        height: auto
    }
}

.category_area .detail_container .detail_box blockquote {
    padding: 20px 35px;
    margin-bottom: 25px;
    margin-top: 20px;
    font-size: 18px;
    border-left: 3px solid #d33
}

.category_area .detail_container .detail_box blockquote p {
    margin: 0
}

.pofo_cat_gallery {
    padding: 40px 0;
    background-color: #fff
}

@media (max-width:540px) {
    .pofo_cat_gallery .cat_gallery {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
}

.pofo_cat_gallery .cat_gallery .gal_multiple {
    position: relative;
    display: inline-block;
    width: 23%;
    margin: 0 1%;
    margin-bottom: 20px;
    height: 260px;
    overflow: hidden;
    transition: .3s all ease-in-out
}

@media (max-width:540px) {
    .pofo_cat_gallery .cat_gallery .gal_multiple {
        margin-bottom: 20px
    }
}

@media (max-width:1366px) {
    .pofo_cat_gallery .cat_gallery .gal_multiple {
        height: 180px
    }
}

.pofo_cat_gallery .cat_gallery .gal_multiple .cat_box {
    width: 100%;
    cursor: pointer;
    max-width: 100%;
    height: 260px;
    object-fit: cover;
    transition: .3s all ease-in-out
}

@media (max-width:1366px) {
    .pofo_cat_gallery .cat_gallery .gal_multiple .cat_box {
        height: 180px
    }
}

.pofo_cat_gallery .cat_gallery .gal_multiple:active,
.pofo_cat_gallery .cat_gallery .gal_multiple:hover,
.pofo_cat_gallery .cat_gallery .gal_multiple:focus {
    transition: .3s all ease-in-out
}

.pofo_cat_gallery .cat_gallery .gal_multiple:active .cat_box,
.pofo_cat_gallery .cat_gallery .gal_multiple:hover .cat_box,
.pofo_cat_gallery .cat_gallery .gal_multiple:focus .cat_box {
    transform: scale(1.2) rotate(7deg);
    transition: .3s all ease-in-out
}

.pofo_related {
    padding: 60px 0;
    background-color: #fff
}

.pofo_related .related_box {
    padding: 0;
    margin: 0;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    display: inline-block;
    transition: .3s all ease-in-out
}

.pofo_related .related_box .box_image {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: auto;
    object-fit: cover;
    transition: .3s all ease-in-out
}

.pofo_related .related_box .box_image img {
    width: 100%;
    cursor: pointer;
    max-width: 100%;
    height: 250px;
    object-fit: cover;
    transition: .3s all ease-in-out
}

@media (max-width:1366px) {
    .pofo_related .related_box .box_image img {
        height: 200px
    }
}

.pofo_related .related_box .box_content {
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
    width: 100%;
    height: 110px;
    max-height: 100%;
    margin: 0 auto;
    transition: height .5s ease-in-out;
    transition: .3s all ease-in-out
}

@media (max-width:1366px) {
    .pofo_related .related_box .box_content {
        padding: 15px
    }
}

.pofo_related .related_box .box_content .slider_title {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.5;
    max-height: 80px;
    overflow: hidden;
    text-align: center;
    transition: .3s all ease-in-out
}

@media (max-width:1366px) {
    .pofo_related .related_box .box_content .slider_title {
        font-size: 14px;
        max-height: 85px
    }
}

.pofo_related .related_box:hover,
.pofo_related .related_box:focus {
    transition: .3s all ease-in-out
}

.pofo_related .related_box:hover .box_content,
.pofo_related .related_box:focus .box_content {
    height: 100%;
    transition: height .5s ease-in-out
}

.pofo_footer {
    background-image: url(../images/pofo_footer_bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #181818;
    box-shadow: -1px -4px 20px 0 rgba(0, 0, 0, 0.07843137)
}

.pofo_footer .main_footer {
    padding: 150px 0
}

.pofo_footer .main_footer .footer_logo {
    display: inline-block;
    margin-bottom: 40px
}

.pofo_footer .main_footer .footer_text {
    color: #2f2f2f;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 30px;
    width: 77%
}

@media (max-width:540px) {
    .pofo_footer .main_footer .footer_text {
        width: 100%
    }
}

@media (max-width:1366px) {
    .pofo_footer .main_footer .footer_text {
        font-size: 14px
    }
}

.pofo_footer .main_footer .pofo_social {
    padding: 0;
    margin: 0;
    margin-bottom: 30px
}

.pofo_footer .main_footer .pofo_social li {
    display: inline-block;
    padding-right: 15px
}

.pofo_footer .main_footer .pofo_social li .fa {
    font-size: 20px;
    color: #2f2f2f;
    transition: .3s all ease-in-out
}

.pofo_footer .main_footer .pofo_social li .fa:active,
.pofo_footer .main_footer .pofo_social li .fa:hover,
.pofo_footer .main_footer .pofo_social li .fa:focus {
    color: #d33;
    transition: .3s all ease-in-out
}

.pofo_footer .main_footer .link_head {
    font-size: 22px;
    color: #000;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: .5px;
    margin-bottom: 25px;
    text-align: left
}

@media (max-width:1366px) {
    .pofo_footer .main_footer .link_head {
        font-size: 16px
    }
}

.pofo_footer .main_footer .footer_link {
    padding: 0;
    margin: 0
}

.pofo_footer .main_footer .footer_link li {
    display: block;
    margin-bottom: 10px
}

.pofo_footer .main_footer .footer_link li a {
    color: #2f2f2f;
    font-size: 17px;
    letter-spacing: .5px;
    line-height: 1.5;
    transition: .3s all ease-in-out
}

@media (max-width:1366px) {
    .pofo_footer .main_footer .footer_link li a {
        font-size: 15px
    }
}

.pofo_footer .main_footer .footer_link li a:active,
.pofo_footer .main_footer .footer_link li a:hover,
.pofo_footer .main_footer .footer_link li a:focus {
    color: #585858;
    transition: .3s all ease-in-out
}

.pofo_footer .main_footer .pofo_subscribe {
    display: inline-block;
    width: 100%;
    position: relative
}

.pofo_footer .main_footer .pofo_subscribe input {
    width: 100%;
    line-height: 20px;
    height: 60px;
    font-size: 14px;
    color: #383c50;
    background-color: #fbfbfb;
    border-radius: 50px;
    border: 2px solid #e6e6e6;
    padding: 10px 50px 10px 30px;
    outline: none;
    transition: .3s all ease-in-out;
    box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.10196078)
}

.pofo_footer .main_footer .pofo_subscribe input::-webkit-input-placeholder {
    color: #383c50
}

.pofo_footer .main_footer .pofo_subscribe input::-moz-placeholder {
    color: #383c50
}

.pofo_footer .main_footer .pofo_subscribe input:-ms-input-placeholder {
    color: #383c50
}

.pofo_footer .main_footer .pofo_subscribe input:-moz-placeholder {
    color: #383c50
}

.pofo_footer .main_footer .pofo_subscribe input:focus {
    border: 2px solid #d33;
    transition: .3s all ease-in-out
}

.pofo_footer .main_footer .pofo_subscribe button {
    width: 60px;
    height: 60px;
    line-height: 40px;
    font-size: 0;
    text-align: center;
    background-color: #d33;
    border-radius: 50%;
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    color: #fff;
    position: relative;
    transition: .3s all ease-in-out
}

@media (max-width:540px) {
    .pofo_footer .main_footer .pofo_subscribe button {
        position: absolute;
        bottom: 21px;
        right: 20px;
        width: 50px;
        height: 50px;
        line-height: 50px
    }
}

.pofo_footer .main_footer .pofo_subscribe button::after {
    content: '\f1d8';
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    line-height: 60px
}

@media (max-width:540px) {
    .pofo_footer .main_footer .pofo_subscribe button::after {
        line-height: 50px
    }
}

.pofo_footer .main_footer .pofo_subscribe button:active,
.pofo_footer .main_footer .pofo_subscribe button:hover,
.pofo_footer .main_footer .pofo_subscribe button:focus {
    background-color: #2f2f2f;
    color: #fff;
    transition: .3s all ease-in-out
}

.pofo_footer .pofo_right {
    background-color: #fff
}

.pofo_footer .pofo_right .footer-border {
    padding: 30px 0;
    border-top: 1px solid #dedede
}

.pofo_footer .pofo_right .footer-border .copyright {
    text-align: left
}

@media (max-width:540px) {
    .pofo_footer .pofo_right .footer-border .copyright {
        text-align: center;
        margin-bottom: 15px
    }
}

.pofo_footer .pofo_right .footer-border .copyright h5 {
    color: #2f2f2f;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: .5px
}

@media (max-width:1366px) {
    .pofo_footer .pofo_right .footer-border .copyright h5 {
        font-size: 14px
    }
}

.pofo_footer .pofo_right .footer-border .copyright h5 span {
    color: #d33;
    font-weight: 600
}

.pofo_footer .pofo_right .footer-border .policy_text {
    text-align: right
}

@media (max-width:540px) {
    .pofo_footer .pofo_right .footer-border .policy_text {
        text-align: center
    }
}

.pofo_footer .pofo_right .footer-border .policy_text ul {
    padding: 0;
    margin: 0
}

.pofo_footer .pofo_right .footer-border .policy_text ul li {
    display: inline-block;
    padding-right: 20px;
    color: #585858
}

.pofo_footer .pofo_right .footer-border .policy_text ul li:last-child {
    padding-right: 0
}

.pofo_footer .pofo_right .footer-border .policy_text ul li a {
    color: #2f2f2f;
    font-size: 16px;
    transition: .3s all ease-in-out
}

@media (max-width:1366px) {
    .pofo_footer .pofo_right .footer-border .policy_text ul li a {
        font-size: 14px
    }
}

.pofo_footer .pofo_right .footer-border .policy_text ul li a:active,
.pofo_footer .pofo_right .footer-border .policy_text ul li a:hover,
.pofo_footer .pofo_right .footer-border .policy_text ul li a:focus {
    color: #d33;
    transition: .3s all ease-in-out
}

.focus_header {
    position: fixed;
    background-color: #fff;
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
    width: 100%;
    z-index: 100;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out
}

.focus_header .main_header {
    background-color: transparent;
    height: 80px;
    padding: 0 30px
}

@media (max-width:990px) {
    .focus_header .main_header {
        position: inherit;
        top: inherit;
        float: left;
        width: 100%
    }
}

.focus_header .main_header .logo_head {
    display: inline-block;
    float: left;
    position: relative;
    z-index: 101;
    padding-right: 30px
}

@media (max-width:990px) {
    .focus_header .main_header .logo_head {
        padding-left: 0
    }
}

@media (max-width:540px) {
    .focus_header .main_header .logo_head {
        padding: 0 20px
    }
}

.focus_header .main_header .logo_head a {
    width: auto;
    height: auto;
    display: table-cell;
    line-height: 80px;
    height: 80px;
    vertical-align: middle;
    outline: none
}

.focus_header .main_header .footer_logo {
    display: inline-block;
    float: left;
    padding-left: 40px
}

.focus_header .main_header .footer_logo a {
    width: auto;
    height: auto
}

.focus_header .main_header .footer_logo a img {
    max-width: 170px;
    margin-bottom: 20px
}

.focus_header .main_header .nav {
    text-align: center;
    font-size: 0
}

.focus_header .main_header .nav:before {
    position: absolute;
    content: "";
    opacity: .2;
    top: -1px;
    width: 55%;
    margin: 0 auto;
    left: 0;
    right: 0
}

.focus_header .main_header .nav .dropdown-menu {
    background-color: #fbfbfb;
    line-height: 80px;
    top: 80px !important;
    left: 20px !important;
    width: 250px;
    padding: 0;
    border-radius: 0;
    margin-top: 0;
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: .3s all ease-in-out
}

@media (max-width:540px) {
    .focus_header .main_header .nav .dropdown-menu {
        border: none;
        top: 53px !important;
        left: 0 !important
    }
}

.focus_header .main_header .nav .dropdown-menu li {
    height: auto;
    padding: 0;
    border-bottom: 1px solid #fff;
    line-height: 40px;
    transition: .3s all ease-in-out
}

.focus_header .main_header .nav .dropdown-menu li:last-child {
    border: none
}

.focus_header .main_header .nav .dropdown-menu li a {
    color: #fff;
    display: block;
    padding: 13px 20px;
    font-size: 16px;
    font-weight: normal;
    text-transform: capitalize
}

.focus_header .main_header .nav .dropdown-menu li a.active,
.focus_header .main_header .nav .dropdown-menu li a:hover,
.focus_header .main_header .nav .dropdown-menu li a:focus {
    color: #d33
}

.focus_header .main_header .nav .dropdown-menu li a:after {
    display: none
}

.focus_header .main_header .nav .divider {
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    padding: 0;
    height: 30px;
    margin: 24px auto
}

.focus_header .main_header .nav li {
    margin: 0;
    display: inline-block;
    padding: 0 20px;
    height: 80px;
    line-height: 80px;
    float: left
}

.focus_header .main_header .nav li:hover .dropdown-menu {
    display: block;
    visibility: visible;
    opacity: 1;
    top: 53px;
    left: 0;
    transition: .3s all ease-in-out
}

.focus_header .main_header .nav li a {
    font-size: 14px;
    letter-spacing: .5px;
    color: #2f2f2f;
    padding: 0;
    font-weight: 600;
    text-transform: uppercase;
    background-color: transparent;
    position: relative;
    display: initial;
    transition: .2s all ease-in-out
}

.focus_header .main_header .nav li a.active {
    color: #d33;
    font-weight: 600;
    font-size: 14px;
    background-color: transparent;
    transition: .3s all ease-in-out
}

.focus_header .main_header .nav li a:hover,
.focus_header .main_header .nav li a:focus {
    color: #d33;
    background-color: transparent;
    transition: .2s all ease-in-out
}

.focus_header .main_header .navbar {
    margin-bottom: 0;
    border: 0
}

.focus_header .main_header .navbar .navbar-header .navbar-toggle {
    border: none;
    background: transparent
}

.focus_header .main_header .navbar .navbar-header .navbar-toggle .icon-bar {
    width: 22px;
    background: #d33;
    transition: .3s all ease-in-out
}

.focus_header .main_header .navbar .navbar-header .navbar-toggle .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 10%
}

.focus_header .main_header .navbar .navbar-header .navbar-toggle .middle-bar {
    opacity: 0
}

.focus_header .main_header .navbar .navbar-header .navbar-toggle .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% 90%
}

.focus_header .main_header .navbar .navbar-header .collapsed .top-bar {
    transform: rotate(0)
}

.focus_header .main_header .navbar .navbar-header .collapsed .middle-bar {
    opacity: 1
}

.focus_header .main_header .navbar .navbar-header .collapsed .bottom-bar {
    transform: rotate(0)
}

@media (min-width:768px) and (max-width:991px) {
    .focus_header .main_header .navbar .navbar-header .navbar-collapse.collapse {
        display: none !important;
        padding: 0;
        margin: auto
    }
}

@media (min-width:768px) and (max-width:991px) {
    .focus_header .main_header .navbar .navbar-header .navbar-collapse.collapse.in {
        display: block !important;
        padding: 0;
        margin: auto
    }
}

@media (min-width:768px) and (max-width:991px) {

    .focus_header .main_header .navbar .navbar-header .navbar-header .collapse,
    .focus_header .main_header .navbar .navbar-header .navbar-toggle {
        display: block !important
    }

    .focus_header .main_header .navbar .navbar-header .navbar-header .collapse .icon-bar,
    .focus_header .main_header .navbar .navbar-header .navbar-toggle .icon-bar {
        background: #d33
    }
}

@media (max-width:991px) {

    .focus_header .main_header .navbar .navbar-header .navbar-header .collapse,
    .focus_header .main_header .navbar .navbar-header .navbar-toggle {
        padding: 0;
        margin: 0;
        right: 0;
        top: 10px
    }
}

@media (max-width:991px) {
    .focus_header .main_header .navbar .navbar-header .navbar-header {
        padding-top: 35px;
        float: right
    }
}

.focus_header .main_header .navbar .navbar-header .collapsing {
    padding: 0
}

@media (max-width:990px) {
    .focus_header .main_header .navbar .navbar-collapse ul {
        text-align: left;
        font-size: 0;
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
        top: 0;
        left: 0
    }

    .focus_header .main_header .navbar .navbar-collapse ul li {
        margin: 0;
        padding: 0;
        display: block;
        box-sizing: border-box;
        height: auto;
        line-height: normal;
        float: none;
        transition: .3s all ease-in-out
    }

    .focus_header .main_header .navbar .navbar-collapse ul li a {
        border-radius: 0;
        font-weight: 600;
        font-size: 13px;
        letter-spacing: 3px;
        color: #fff;
        position: relative;
        display: block;
        padding: 20px 20px;
        text-align: left;
        line-height: 1;
        background-color: #000;
        border: none;
        transition: .3s all ease-in-out
    }

    .focus_header .main_header .navbar .navbar-collapse ul li a.active {
        background-color: #c62121;
        color: #fff;
        border-radius: 0;
        border: none
    }

    .focus_header .main_header .navbar .navbar-collapse ul li a.active:hover,
    .focus_header .main_header .navbar .navbar-collapse ul li a.active:focus {
        background-color: #000;
        color: #fff
    }

    .focus_header .main_header .navbar .navbar-collapse ul li a:hover,
    .focus_header .main_header .navbar .navbar-collapse ul li a:focus {
        background-color: #c62121;
        color: #fff
    }
}

.focus_header .main_header .navbar-collapse {
    padding: 0
}

@media (max-width:990px) {
    .focus_header .main_header .navbar-collapse {
        background-color: #fff;
        position: fixed;
        left: 0;
        right: 0;
        z-index: 101;
        text-align: center;
        width: 92%;
        margin: 0 auto;
        padding: 0;
        top: 124px;
        border-radius: 5px
    }
}

.focus_slider {
    width: 100%;
    height: auto;
    max-height: 940px;
    position: relative
}

.focus_slider .owl-carousel img {
    height: auto
}

@media (max-width:990px) {
    .focus_slider .owl-carousel img {
        height: 450px;
        object-fit: cover;
        width: 100%
    }
}

.focus_slider .owl-carousel .carousel-caption {
    position: absolute;
    left: 17%;
    top: 50%;
    transform: translateY(-50%);
    text-align: left;
    z-index: 999999999;
    width: 50%;
    background-color: transparent;
    padding: 70px
}

@media (max-width:1366px) {
    .focus_slider .owl-carousel .carousel-caption {
        padding: 50px;
        left: 6%
    }
}

@media (max-width:1024px) {
    .focus_slider .owl-carousel .carousel-caption {
        padding: 0
    }
}

@media (max-width:990px) {
    .focus_slider .owl-carousel .carousel-caption {
        padding: 40px;
        text-align: center;
        width: 100%;
        left: 0
    }
}

.focus_slider .owl-carousel .carousel-caption .slider_title {
    font-size: 55px;
    line-height: 1.3;
    font-weight: 600;
    width: 80%;
    letter-spacing: 1px;
    margin-bottom: 20px;
    color: #fff;
    text-decoration: none;
    text-shadow: none;
    animation-delay: 1s
}

@media (max-width:1366px) {
    .focus_slider .owl-carousel .carousel-caption .slider_title {
        font-size: 40px
    }
}

@media (max-width:990px) {
    .focus_slider .owl-carousel .carousel-caption .slider_title {
        font-size: 25px;
        width: 100%
    }
}

.focus_slider .owl-carousel .carousel-caption .slider_text {
    color: #fff;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.8;
    letter-spacing: .5px;
    margin-bottom: 40px;
    text-shadow: none;
    animation-delay: 1.5s;
    width: 60%
}

@media (max-width:1366px) {
    .focus_slider .owl-carousel .carousel-caption .slider_text {
        font-size: 18px
    }
}

@media (max-width:990px) {
    .focus_slider .owl-carousel .carousel-caption .slider_text {
        font-size: 14px;
        width: 100%;
        margin-bottom: 10px
    }
}

.focus_slider .owl-carousel .carousel-caption .slider_button {
    padding: 0 25px;
    height: 55px;
    line-height: 53px;
    background-color: #d33;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 600;
    border: 2px solid #d33;
    color: #fff;
    text-shadow: none;
    border-radius: 5px;
    display: inline-block;
    text-transform: uppercase;
    transition: .3s all ease-in-out
}

@media (max-width:990px) {
    .focus_slider .owl-carousel .carousel-caption .slider_button {
        font-size: 14px
    }
}

.focus_slider .owl-carousel .carousel-caption .slider_button:active,
.focus_slider .owl-carousel .carousel-caption .slider_button:hover,
.focus_slider .owl-carousel .carousel-caption .slider_button:focus {
    background-color: transparent;
    color: #d33;
    border: 2px solid #d33;
    transition: .3s all ease-in-out
}

.focus_slider .owl-carousel .owl-controls {
    margin: 0;
    display: none
}

.focus_slider .owl-carousel .owl-controls .owl-pagination {
    display: none
}

.focus_slider .owl-carousel .owl-controls .owl-buttons {
    display: none
}

.about_area {
    padding: 0;
    margin: 0
}

.about_area .flex_area {
    display: flex
}

@media (max-width:540px) {
    .about_area .flex_area {
        display: block
    }
}

.about_area .flex_area .mission_area {
    background-image: url(../images/focus_bg1.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 180px 180px;
    text-align: left
}

@media (max-width:540px) {
    .about_area .flex_area .mission_area {
        padding: 70px 30px
    }
}

.about_area .flex_area .mission_area .mission_head {
    color: #d33;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 2px;
    font-weight: 600;
    margin-bottom: 20px;
    position: relative;
    padding-left: 45px
}

.about_area .flex_area .mission_area .mission_head::before {
    height: 2px;
    background: #d33;
    content: '';
    left: 0;
    position: absolute;
    top: 50%;
    width: 35px;
    margin-top: -1px
}

.about_area .flex_area .mission_area .mission_title {
    font-size: 56px;
    color: #d33;
    line-height: 1.3;
    letter-spacing: .5px;
    font-weight: 600;
    margin-bottom: 30px
}

@media (max-width:1366px) {
    .about_area .flex_area .mission_area .mission_title {
        font-size: 35px
    }
}

@media (max-width:1366px) {
    .about_area .flex_area .mission_area .mission_title {
        font-size: 27px
    }
}

.about_area .flex_area .mission_area .mission_text {
    color: #fff;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: .5px;
    width: 500px
}

@media (max-width:1366px) {
    .about_area .flex_area .mission_area .mission_text {
        font-size: 16px;
        width: auto
    }
}

@media (max-width:540px) {
    .about_area .flex_area .mission_area .mission_text {
        width: 100%
    }
}

.about_area .flex_area .detail_area {
    text-align: left;
    padding: 180px 180px;
    background-color: #d33;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

@media (max-width:540px) {
    .about_area .flex_area .detail_area {
        padding: 70px 30px
    }
}

.about_area .flex_area .detail_area .detail_head {
    color: #2f2f2f;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 2px;
    font-weight: 600;
    margin-bottom: 20px;
    position: relative;
    padding-left: 45px
}

.about_area .flex_area .detail_area .detail_head::before {
    height: 2px;
    background: #2f2f2f;
    content: '';
    left: 0;
    position: absolute;
    top: 50%;
    width: 35px;
    margin-top: -1px
}

.about_area .flex_area .detail_area .detail_title {
    font-size: 56px;
    color: #2f2f2f;
    line-height: 1.3;
    letter-spacing: .5px;
    font-weight: 600;
    margin-bottom: 30px
}

@media (max-width:1366px) {
    .about_area .flex_area .detail_area .detail_title {
        font-size: 35px
    }
}

@media (max-width:1366px) {
    .about_area .flex_area .detail_area .detail_title {
        font-size: 27px
    }
}

.about_area .flex_area .detail_area .detail_text {
    color: #2f2f2f;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: .5px;
    width: 560px
}

@media (max-width:1366px) {
    .about_area .flex_area .detail_area .detail_text {
        font-size: 16px;
        width: auto
    }
}

@media (max-width:540px) {
    .about_area .flex_area .detail_area .detail_text {
        width: 100%
    }
}

.title_box {
    margin-bottom: 60px
}

.title_box .box_head {
    color: #d33;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: .5px;
    line-height: 1.5;
    margin-bottom: 15px;
    padding-left: 45px;
    position: relative
}

.title_box .box_head::before {
    height: 2px;
    background: #d33;
    content: '';
    left: 0;
    position: absolute;
    top: 50%;
    width: 35px;
    margin-top: -1px
}

.title_box .box_title {
    color: #2f2f2f;
    margin-bottom: 15px;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: .5px
}

@media (max-width:540px) {
    .title_box .box_title {
        font-size: 25px
    }
}

.offer_area {
    padding: 100px 0;
    background-color: #dedede
}

.offer_area .offer_box {
    background-color: #fff;
    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
    padding: 40px 35px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: table;
    margin-bottom: 30px;
    transition: .3s all ease-in-out
}

.offer_area .offer_box::after {
    content: '';
    background: #d9d9d9;
    height: 100px;
    left: -65px;
    position: absolute;
    top: -65px;
    transform: rotate(45deg);
    width: 100px;
    z-index: -1;
    transition: .3s all ease-in-out
}

.offer_area .offer_box .offer_icon {
    display: table-cell;
    vertical-align: top
}

.offer_area .offer_box .offer_icon img {
    width: 200px;
    object-fit: cover;
    height: auto
}

.offer_area .offer_box .offer_info {
    display: table-cell;
    padding-left: 30px;
    vertical-align: top
}

.offer_area .offer_box .offer_info .offer_head {
    color: #2f2f2f;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.5;
    margin-bottom: 15px;
    transition: .3s all ease-in-out
}

.offer_area .offer_box .offer_info .offer_text {
    color: #585858;
    line-height: 1.5;
    letter-spacing: .5px;
    margin-bottom: 15px;
    text-align: left;
    font-size: 13px;
    height: 114px;
    overflow: hidden
}

@media (max-width:1366px) {
    .offer_area .offer_box .offer_info .offer_text {
        font-size: 12px;
        height: 104px;
        overflow: hidden
    }
}

.offer_area .offer_box .offer_info .offer_btn {
    display: inline-block;
    font-weight: 600;
    color: #2f2f2f;
    line-height: 1.5;
    letter-spacing: .5px;
    font-size: 12px;
    text-transform: uppercase;
    transition: .3s all ease-in-out
}

.offer_area .offer_box .offer_info .offer_btn:active,
.offer_area .offer_box .offer_info .offer_btn:hover,
.offer_area .offer_box .offer_info .offer_btn:focus {
    transition: .3s all ease-in-out;
    color: #d33
}

.offer_area .offer_box .offer_count {
    bottom: 30px;
    color: #d9d9d9;
    display: inline-block;
    font-size: 40px;
    font-weight: 900;
    left: 40px;
    position: absolute;
    z-index: -1;
    transition: .3s all ease-in-out
}

.offer_area .offer_box:hover,
.offer_area .offer_box:focus {
    transition: .3s all ease-in-out
}

.offer_area .offer_box:hover::after,
.offer_area .offer_box:focus::after {
    transition: .3s all ease-in-out;
    background: #d33
}

.offer_area .offer_box:hover .offer_count,
.offer_area .offer_box:focus .offer_count {
    color: #d33
}

.offer_area .offer_box:hover .offer_head,
.offer_area .offer_box:focus .offer_head {
    color: #d33
}

.parallax_area {
    padding: 200px 0;
    position: relative;
    background-image: url(../images/focus_bg2.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center
}

.parallax_area .parallax_head {
    color: #fff;
    line-height: 1.5;
    letter-spacing: 1px;
    font-size: 32px;
    font-weight: 600;
    max-width: 820px;
    margin: 0 auto
}

@media (max-width:1366px) {
    .parallax_area .parallax_head {
        font-size: 26px
    }
}

@media (max-width:540px) {
    .parallax_area .parallax_head {
        max-width: 100%;
        font-size: 18px
    }
}

.counter_area {
    position: relative;
    padding-bottom: 80px;
    background-color: #fff
}

@media (max-width:540px) {
    .counter_area {
        padding-bottom: 80px;
        padding-top: 80px
    }
}

.counter_area .counter_bg {
    background-color: #2e303f;
    padding: 80px 0;
    border-radius: 10px;
    display: inline-block;
    width: 100%;
    margin-top: -130px
}

@media (max-width:540px) {
    .counter_area .counter_bg {
        margin-top: 0
    }
}

.counter_area .counter_bg .counter_box {
    text-align: center
}

@media (max-width:540px) {
    .counter_area .counter_bg .counter_box {
        margin-bottom: 50px
    }
}

.counter_area .counter_bg .counter_box .counter {
    color: #d33;
    font-size: 50px;
    font-weight: 600;
    margin-bottom: 15px
}

@media (max-width:1366px) {
    .counter_area .counter_bg .counter_box .counter {
        font-size: 40px
    }
}

.counter_area .counter_bg .counter_box .label {
    color: #fff;
    font-size: 16px;
    letter-spacing: 1.5px;
    line-height: 1.5
}

.process_area {
    padding: 0;
    position: relative
}

.process_area .process_flex {
    display: flex
}

.process_area .process_flex .process_box {
    background-color: #2e303f;
    padding: 150px 150px;
    text-align: left
}

@media (max-width:540px) {
    .process_area .process_flex .process_box {
        padding: 60px 40px;
        width: 100%
    }
}

.process_area .process_flex .process_box .process_head {
    color: #d33;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 2px;
    font-weight: 600;
    margin-bottom: 20px;
    position: relative;
    padding-left: 45px
}

.process_area .process_flex .process_box .process_head::before {
    height: 2px;
    background: #d33;
    content: '';
    left: 0;
    position: absolute;
    top: 50%;
    width: 35px;
    margin-top: -1px
}

.process_area .process_flex .process_box .process_title {
    font-size: 45px;
    color: #d33;
    line-height: 1.3;
    letter-spacing: .5px;
    font-weight: 600;
    margin-bottom: 35px
}

@media (max-width:1366px) {
    .process_area .process_flex .process_box .process_title {
        font-size: 35px
    }
}

@media (max-width:540px) {
    .process_area .process_flex .process_box .process_title {
        font-size: 20px
    }
}

.process_area .process_flex .process_box .process_list {
    padding: 0;
    margin: 0
}

.process_area .process_flex .process_box .process_list li {
    display: block;
    margin-bottom: 30px
}

.process_area .process_flex .process_box .process_list li:last-child {
    margin-bottom: 0
}

.process_area .process_flex .process_box .process_list li .fa {
    display: inline-block;
    float: left;
    font-size: 16px;
    color: #d33;
    padding-right: 10px
}

@media (max-width:1366px) {
    .process_area .process_flex .process_box .process_list li .fa {
        font-size: 14px
    }
}

.process_area .process_flex .process_box .process_list li .list_item {
    font-size: 16px;
    color: #fff;
    line-height: 1.5;
    letter-spacing: .5px
}

@media (max-width:1366px) {
    .process_area .process_flex .process_box .process_list li .list_item {
        font-size: 14px
    }
}

.process_area .process_flex .bg_box {
    padding: 0;
    background-image: url(../images/focus_bg3.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.test_slider {
    position: relative;
    background-color: #ffc5c5;
    padding: 100px 0
}

.test_slider .test_carousel .owl-item {
    background-color: transparent;
    min-height: 420px;
    text-align: center
}

.test_slider .test_carousel .owl-item>div {
    padding: 0 10px
}

.test_slider .test_carousel .owl-item img {
    position: absolute;
    z-index: 101;
    text-align: center;
    left: 50%;
    top: 40px;
    transform: translateX(-50%);
    border-radius: 50%;
    margin: 0 auto;
    width: 120px;
    height: 120px
}

.test_slider .test_carousel .owl-item .carousel-caption {
    width: 100%;
    background-color: #fff;
    padding: 50px 30px;
    min-height: 420px;
    position: relative;
    left: 0;
    bottom: 0
}

.test_slider .test_carousel .owl-item .carousel-caption .slider_title {
    color: #2f2f2f;
    font-size: 20px;
    margin-bottom: 20px;
    letter-spacing: 1px;
    line-height: 1.5;
    text-shadow: none;
    font-weight: 600;
    margin-top: 140px
}

.test_slider .test_carousel .owl-item .carousel-caption .slider_text {
    color: #585858;
    font-size: 13px;
    font-weight: 600;
    text-shadow: none;
    line-height: 1.7;
    letter-spacing: .5px;
    max-height: 132px;
    overflow: hidden
}

.test_slider .test_carousel .owl-item .carousel-caption .slider_button {
    display: none;
    font-size: 0;
    visibility: hidden;
    opacity: 0
}

.test_slider .test_carousel .owl-controls .owl-buttons {
    width: 100%;
    position: absolute;
    bottom: 50%;
    z-index: 1;
    transform: translateY(50%)
}

@media (max-width:540px) {
    .test_slider .test_carousel .owl-controls .owl-buttons {
        display: none
    }
}

.test_slider .test_carousel .owl-controls .owl-buttons .owl-prev {
    position: absolute;
    left: -100px;
    color: #2e303f;
    font-size: 40px;
    outline: none;
    width: 70px;
    height: 70px;
    line-height: 60px;
    text-align: center;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: inset 0 0 20px rgba(115, 115, 115, 0.25098039);
    transition: .3s all ease-in-out
}

.test_slider .test_carousel .owl-controls .owl-buttons .owl-prev:active,
.test_slider .test_carousel .owl-controls .owl-buttons .owl-prev:hover {
    color: #fff;
    background-color: #2e303f
}

.test_slider .test_carousel .owl-controls .owl-buttons .owl-prev .fa {
    margin-top: 4px;
    margin-right: 5px;
    font-weight: 600
}

.test_slider .test_carousel .owl-controls .owl-buttons .owl-next {
    position: absolute;
    right: -100px;
    color: #2e303f;
    font-size: 40px;
    outline: none;
    width: 70px;
    height: 70px;
    line-height: 60px;
    text-align: center;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: inset 0 0 20px rgba(115, 115, 115, 0.25098039);
    transition: .3s all ease-in-out
}

.test_slider .test_carousel .owl-controls .owl-buttons .owl-next:active,
.test_slider .test_carousel .owl-controls .owl-buttons .owl-next:hover {
    color: #fff;
    background-color: #2e303f
}

.test_slider .test_carousel .owl-controls .owl-buttons .owl-next .fa {
    margin-top: 4px;
    margin-left: 5px;
    font-weight: 600
}

.focus_subscribe_area {
    padding: 100px 0;
    background-image: url(../images/focus_bg4.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed
}

.focus_subscribe_area .subscribe_head {
    color: #fff;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.5;
    margin-bottom: 20px
}

@media (max-width:1366px) {
    .focus_subscribe_area .subscribe_head {
        font-size: 24px
    }
}

.focus_subscribe_area .subscribe_text {
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 1.5
}

.focus_subscribe_area .focus_subscribe {
    margin: 0 auto !important
}

.focus_subscribe_area .focus_subscribe input {
    color: #d33;
    font-size: 18px;
    border: none;
    border-bottom: 2px solid #d33;
    width: 100%;
    outline: none;
    border-radius: 0;
    background-color: transparent;
    padding: 35px 0 20px
}

.focus_subscribe_area .focus_subscribe input::-webkit-input-placeholder {
    color: #d33
}

.focus_subscribe_area .focus_subscribe input::-moz-placeholder {
    color: #d33
}

.focus_subscribe_area .focus_subscribe input:-ms-input-placeholder {
    color: #d33
}

.focus_subscribe_area .focus_subscribe input:-moz-placeholder {
    color: #d33
}

.focus_subscribe_area .focus_subscribe button {
    color: #d33;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    border-radius: 35px;
    padding: 16px 28px;
    border: 2px solid #d33;
    background-color: transparent;
    margin-top: 25px;
    transition: .3s all ease-in-out
}

.focus_subscribe_area .focus_subscribe button:active,
.focus_subscribe_area .focus_subscribe button:hover,
.focus_subscribe_area .focus_subscribe button:focus {
    background-color: #d33;
    border: 2px solid #d33;
    color: #fff;
    transition: .3s all ease-in-out
}

.focus_footer .main_footer {
    background-color: #181818;
    padding: 100px 0
}

@media (max-width:540px) {
    .focus_footer .main_footer {
        padding: 40px 0;
        text-align: center
    }
}

.focus_footer .main_footer .footer_logo {
    margin-bottom: 30px
}

@media (max-width:1366px) {
    .focus_footer .main_footer .footer_logo img {
        width: 70%
    }
}

.focus_footer .main_footer .footer_text {
    margin-bottom: 30px
}

.focus_footer .main_footer .footer_text .footer_head {
    color: #d33;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.5;
    margin-bottom: 20px
}

.focus_footer .main_footer .footer_text ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.focus_footer .main_footer .footer_text ul li {
    display: block;
    margin-bottom: 15px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.5
}

.focus_footer .main_footer .footer_text ul li:last-child {
    margin-bottom: 0
}

.focus_footer .main_footer .footer_text ul li a {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.5
}

.focus_footer .copy_footer {
    padding: 30px;
    background-color: #131313
}

.focus_footer .copy_footer .copy_text {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.5;
    color: #fff
}

.focus_common_banner {
    background-image: url(../images/focus_bg5.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding-top: 585px;
    padding-bottom: 80px
}

@media (max-width:540px) {
    .focus_common_banner {
        padding-top: 160px
    }
}

.focus_common_banner .banner_header {
    font-size: 50px;
    font-weight: 600;
    color: #fff;
    line-height: 1.5;
    letter-spacing: .5px;
    margin-bottom: 25px;
    width: 75%
}

@media (max-width:540px) {
    .focus_common_banner .banner_header {
        width: 100%;
        font-size: 26px
    }
}

.focus_common_banner .banner_text {
    color: #fff;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: .5px;
    font-weight: 600;
    margin-bottom: 20px;
    width: 60%
}

@media (max-width:540px) {
    .focus_common_banner .banner_text {
        width: 100%;
        font-size: 14px
    }
}

.welcome_area {
    padding: 100px 0;
    background-color: #fff
}

.welcome_area .welcome_image img {
    width: 100%;
    box-shadow: 0 10px 40px -15px rgba(0, 0, 0, 0.5)
}

.welcome_area .welcome_detail .welcome_header {
    font-size: 40px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: .5px;
    margin-bottom: 30px;
    margin-top: 35px;
    color: #2f2f2f;
    width: 80%
}

@media (max-width:540px) {
    .welcome_area .welcome_detail .welcome_header {
        width: 100%;
        font-size: 25px
    }
}

.welcome_area .welcome_detail .welcome_header span {
    color: #d33
}

.welcome_area .welcome_detail p {
    color: #2f2f2f;
    line-height: 1.7;
    margin-bottom: 15px;
    font-size: 15px;
    text-align: justify
}

.welcome_area .welcome_detail .welcome_btn {
    padding: 18px 40px;
    background-color: #d33;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 600;
    border: 2px solid #d33;
    color: #fff;
    text-shadow: none;
    border-radius: 35px;
    display: inline-block;
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 15px;
    transition: .3s all ease-in-out
}

@media (max-width:540px) {
    .welcome_area .welcome_detail .welcome_btn {
        padding: 15px 25px;
        font-size: 12px
    }
}

.welcome_area .welcome_detail .welcome_btn:active,
.welcome_area .welcome_detail .welcome_btn:hover,
.welcome_area .welcome_detail .welcome_btn:focus {
    background-color: transparent;
    border: 2px solid #d33;
    color: #d33;
    transition: .3s all ease-in-out
}

.team_plot {
    background-color: #dedede;
    padding: 80px 0
}

.team_plot .member_box {
    position: relative
}

.team_plot .member_box .image_box {
    width: 360px;
    height: 360px;
    overflow: hidden;
    object-fit: cover
}

.team_plot .member_box .image_box img {
    width: 360px;
    height: 360px;
    overflow: hidden;
    object-fit: cover
}

.team_plot .member_box .name_box {
    border-radius: 5px;
    bottom: 200px;
    display: inline-block;
    left: 30px;
    right: 30px;
    margin: 0 auto;
    padding: 15px;
    position: absolute;
    text-align: center;
    transition: .5s all ease-in-out;
    background-color: #d33;
    z-index: 1
}

.team_plot .member_box .name_box .name_head {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
    line-height: 1.5;
    letter-spacing: .5px
}

.team_plot .member_box .name_box .name_text {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: .5px
}

.team_plot .member_box .social_box {
    padding: 20px;
    background-color: #fff;
    border-radius: 0 0 5px 5px;
    text-align: center;
    position: absolute;
    left: 45px;
    right: 45px;
    bottom: 200px;
    transition: transform .3s;
    transform: translate(0)
}

.team_plot .member_box .social_box ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.team_plot .member_box .social_box ul li {
    list-style: none;
    display: inline-block;
    padding-right: 30px
}

.team_plot .member_box .social_box ul li:last-child {
    padding-right: 0
}

.team_plot .member_box .social_box ul li .fa {
    color: #2f2f2f;
    font-size: 20px;
    position: relative;
    opacity: 0;
    top: -50px;
    transition: .5s all ease-in-out
}

.team_plot .member_box .text_box {
    background-color: #fff;
    padding: 30px;
    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
    text-align: center
}

.team_plot .member_box .text_box p {
    color: #2f2f2f;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: .5px
}

.team_plot .member_box:hover,
.team_plot .member_box:focus {
    transition: .3s all ease-in-out
}

.team_plot .member_box:hover .name_box,
.team_plot .member_box:focus .name_box {
    bottom: 260px;
    transition: .5s all ease-in-out
}

.team_plot .member_box:hover .social_box ul li .fa,
.team_plot .member_box:focus .social_box ul li .fa {
    opacity: 1;
    top: 0;
    transition: .5s all ease-in-out
}

.team_plot .member_box:hover .social_box ul li .fa.fa-facebook,
.team_plot .member_box:focus .social_box ul li .fa.fa-facebook {
    transition-delay: .2s
}

.team_plot .member_box:hover .social_box ul li .fa.fa-twitter,
.team_plot .member_box:focus .social_box ul li .fa.fa-twitter {
    transition-delay: .25s
}

.team_plot .member_box:hover .social_box ul li .fa.fa-google-plus,
.team_plot .member_box:focus .social_box ul li .fa.fa-google-plus {
    transition-delay: .3s
}

.team_plot .member_box:hover .social_box ul li .fa.fa-linkedin,
.team_plot .member_box:focus .social_box ul li .fa.fa-linkedin {
    transition-delay: .35s
}

.factor_area {
    background-image: url(../images/focus_bg7.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 80px 0
}

.factor_area .factor_box {
    text-align: center
}

@media (max-width:540px) {
    .factor_area .factor_box {
        margin-bottom: 30px
    }
}

.factor_area .factor_box img {
    width: 80px;
    height: 80px;
    overflow: hidden;
    object-fit: cover;
    margin-bottom: 25px
}

.factor_area .factor_box .factor_count {
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.5;
    font-size: 50px;
    margin-bottom: 10px
}

.factor_area .factor_box .factor_text {
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.5;
    font-size: 16px
}

.client_slider {
    background-color: #fff;
    padding: 80px 0
}

.client_slider .client_carousel .owl-item {
    text-align: center
}

.client_slider .client_carousel .owl-item img {
    width: auto;
    margin: 0 auto
}

.client_slider .client_carousel .owl-controls .owl-buttons {
    width: 100%;
    position: absolute;
    bottom: 60%;
    z-index: 1;
    transform: translateY(50%)
}

.client_slider .client_carousel .owl-controls .owl-buttons .owl-prev {
    position: absolute;
    left: -30px;
    top: -25px;
    color: #d33;
    font-size: 35px;
    outline: none;
    text-align: center;
    background-color: transparent;
    transition: .3s all ease-in-out
}

@media (max-width:540px) {
    .client_slider .client_carousel .owl-controls .owl-buttons .owl-prev {
        left: 20px
    }
}

.client_slider .client_carousel .owl-controls .owl-buttons .owl-prev .fa {
    font-weight: 600
}

.client_slider .client_carousel .owl-controls .owl-buttons .owl-next {
    position: absolute;
    right: 0;
    top: -25px;
    color: #d33;
    font-size: 35px;
    outline: none;
    line-height: 50px;
    text-align: center;
    background-color: transparent;
    transition: .3s all ease-in-out
}

@media (max-width:540px) {
    .client_slider .client_carousel .owl-controls .owl-buttons .owl-next {
        right: 20px
    }
}

.client_slider .client_carousel .owl-controls .owl-buttons .owl-next .fa {
    font-weight: 600
}

.contact_plot {
    background-color: #fff;
    padding: 100px 0;
    position: relative
}

.contact_plot .address_plot {
    background-color: #a31d00;
    padding: 70px 40px;
    position: relative
}

.contact_plot .address_plot h3 {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: .5px;
    margin-bottom: 25px
}

.contact_plot .address_plot span {
    color: #fff;
    font-size: 16px;
    margin-bottom: 15px;
    display: inline-block;
    letter-spacing: .5px;
    line-height: 1.5
}

.contact_plot .address_plot .contact_social {
    padding: 0;
    margin: 0;
    list-style: none;
    margin: 15px 0
}

.contact_plot .address_plot .contact_social li {
    list-style: none;
    padding-right: 15px;
    display: inline-block
}

.contact_plot .address_plot .contact_social li .fa {
    font-size: 16px;
    color: #fff
}

@media (max-width:540px) {
    .contact_plot .focus_form {
        margin-top: 50px
    }
}

.contact_plot .focus_form input,
.contact_plot .focus_form textarea {
    width: 100%;
    line-height: 25px;
    padding: 10px 18px;
    color: #2f2f2f;
    border: 0;
    height: 55px;
    font-size: 14px;
    background-color: #fff;
    transition: .3s all ease-in-out;
    margin-bottom: 20px;
    outline: none
}

.contact_plot .focus_form input::-webkit-input-placeholder,
.contact_plot .focus_form textarea::-webkit-input-placeholder {
    color: #2f2f2f
}

.contact_plot .focus_form input::-moz-placeholder,
.contact_plot .focus_form textarea::-moz-placeholder {
    color: #2f2f2f
}

.contact_plot .focus_form input:-ms-input-placeholder,
.contact_plot .focus_form textarea:-ms-input-placeholder {
    color: #2f2f2f
}

.contact_plot .focus_form input:-moz-placeholder,
.contact_plot .focus_form textarea:-moz-placeholder {
    color: #2f2f2f
}

.contact_plot .focus_form textarea {
    height: 150px
}

.contact_plot .focus_form button {
    padding: 0 25px;
    height: 55px;
    text-align: center;
    background-color: #d33;
    border: 2px solid #d33;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    border-radius: 5px;
    display: inline-block;
    outline: none;
    transition: .3s all ease-in-out
}

@media (max-width:990px) {
    .contact_plot .focus_form button {
        width: 100%
    }
}

.contact_plot .focus_form button:active,
.contact_plot .focus_form button:hover,
.contact_plot .focus_form button:focus {
    background-color: transparent;
    border: 2px solid #d33;
    color: #d33
}

.map_plot .map_box {
    padding: 0
}

.map_plot .map_box iframe {
    float: left
}

.focus_category {
    background-color: #ffc5c5;
    padding: 100px 0
}

.focus_category .post_box {
    margin-bottom: 50px
}

.focus_category .post_box .image_box {
    max-width: 780px;
    height: 500px;
    overflow: hidden;
    object-fit: cover
}

.focus_category .post_box .image_box img {
    width: 780px;
    height: 500px;
    overflow: hidden;
    object-fit: cover
}

.focus_category .post_box .data_box {
    background-color: #fff;
    padding: 50px 40px;
    width: auto;
    position: relative
}

.focus_category .post_box .data_box .post_tag {
    background-color: #d33;
    padding: 14px 20px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.5;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 40px;
    top: -23px;
    border-radius: 35px;
    position: absolute
}

.focus_category .post_box .data_box .slider_title {
    font-size: 28px;
    font-weight: 600;
    color: #2f2f2f;
    margin-bottom: 25px;
    line-height: 1.5;
    letter-spacing: .5px;
    padding-left: 25px;
    position: relative
}

@media (max-width:540px) {
    .focus_category .post_box .data_box .slider_title {
        font-size: 20px
    }
}

.focus_category .post_box .data_box .slider_title::before {
    content: '';
    height: 20px;
    background: #d33;
    position: absolute;
    left: 0;
    top: 8px;
    width: 10px;
    margin-top: -1px
}

.focus_category .post_box .data_box .slider_text,
.focus_category .post_box .data_box p {
    color: #585858;
    font-size: 15px;
    font-weight: 600;
    margin-top: 10px;
    line-height: 2;
    letter-spacing: .5px;
    text-align: justify
}

@media (max-width:540px) {

    .focus_category .post_box .data_box .slider_text,
    .focus_category .post_box .data_box p {
        font-size: 14px
    }
}

.focus_category .focus_sidebar {
    padding: 50px 30px;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    margin: 0 20px;
    margin-bottom: 50px
}

.focus_category .focus_sidebar .widget_head {
    color: #2f2f2f;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.5;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e1e1e1
}

.focus_category .focus_sidebar .sidebar_cat {
    margin-bottom: 30px;
    width: 100%
}

.focus_category .focus_sidebar .sidebar_cat ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.focus_category .focus_sidebar .sidebar_cat ul li {
    list-style: none;
    display: block;
    width: 100%;
    padding: 12px 0
}

.focus_category .focus_sidebar .sidebar_cat ul li a {
    font-size: 14px;
    font-weight: 600;
    color: #585858;
    letter-spacing: 1px;
    line-height: 1.5;
    position: relative
}

.focus_category .focus_sidebar .sidebar_cat ul li a::after {
    content: '\f101';
    font-family: 'FontAwesome';
    font-size: 18px;
    color: #d33;
    position: absolute;
    top: -4px;
    right: -10px;
    visibility: hidden;
    opacity: 0;
    transition: .3s all ease-in-out
}

.focus_category .focus_sidebar .sidebar_cat ul li a.active {
    transition: .3s all ease-in-out;
    color: #d33
}

.focus_category .focus_sidebar .sidebar_cat ul li a.active::after {
    right: -20px;
    visibility: visible;
    opacity: 1;
    transition: .3s all ease-in-out
}

.focus_category .focus_sidebar .sidebar_cat ul li a:active,
.focus_category .focus_sidebar .sidebar_cat ul li a:hover,
.focus_category .focus_sidebar .sidebar_cat ul li a:focus {
    transition: .3s all ease-in-out;
    color: #d33
}

.focus_category .focus_sidebar .sidebar_cat ul li a:active::after,
.focus_category .focus_sidebar .sidebar_cat ul li a:hover::after,
.focus_category .focus_sidebar .sidebar_cat ul li a:focus::after {
    right: -20px;
    visibility: visible;
    opacity: 1;
    transition: .3s all ease-in-out
}

.focus_category .detail_plot {
    position: relative
}

.focus_category .detail_plot .slider_title {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.5;
    color: #2f2f2f;
    margin-bottom: 30px;
    padding-left: 25px;
    position: relative
}

@media (max-width:540px) {
    .focus_category .detail_plot .slider_title {
        font-size: 20px
    }
}

.focus_category .detail_plot .slider_title::before {
    content: '';
    height: 20px;
    background: #d33;
    position: absolute;
    left: 0;
    top: 12px;
    width: 10px;
    margin-top: -1px
}

.focus_category .detail_plot .image_plot {
    width: 100%;
    height: 500px;
    object-fit: cover;
    margin-bottom: 60px;
    overflow: hidden;
    position: relative
}

.focus_category .detail_plot .image_plot img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    overflow: hidden
}

.focus_category .detail_plot .image_plot .category_social {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 50px;
    font-size: 0
}

@media (max-width:540px) {
    .focus_category .detail_plot .image_plot .category_social {
        top: 24%
    }
}

.focus_category .detail_plot .image_plot .category_social li {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block
}

.focus_category .detail_plot .image_plot .category_social li .fa {
    width: 55px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #d6d5d5;
    font-size: 18px;
    color: #2f2f2f;
    padding: 0;
    margin: 0;
    transition: .3s all ease-in-out
}

.focus_category .detail_plot .image_plot .category_social li .fa:active,
.focus_category .detail_plot .image_plot .category_social li .fa:hover,
.focus_category .detail_plot .image_plot .category_social li .fa:focus {
    background-color: #d33;
    color: #fff;
    transition: .3s all ease-in-out
}

.focus_category .detail_plot p {
    font-size: 15px;
    color: #2f2f2f;
    text-align: justify;
    letter-spacing: .5px;
    line-height: 2;
    margin-bottom: 15px
}

@media (max-width:540px) {
    .focus_category .detail_plot p {
        font-size: 14px
    }
}

.focus_category .detail_plot blockquote {
    border: none;
    color: #2f2f2f;
    margin: 37px 0 44px 65px;
    padding: 0 0 0 65px;
    font-weight: 600;
    position: relative
}

@media (max-width:540px) {
    .focus_category .detail_plot blockquote {
        margin: 35px 0 40px 0;
        padding: 0 0 0 50px
    }
}

.focus_category .detail_plot blockquote::before {
    content: '\f10e';
    font-family: 'FontAwesome';
    font-size: 35px;
    position: absolute;
    top: 50%;
    left: 0;
    color: #d33;
    transform: translateY(-50%)
}

.focus_category .detail_plot blockquote p {
    font-size: 16px
}

@media (max-width:540px) {
    .focus_category .detail_plot blockquote p {
        font-size: 14px
    }
}

.drivia_header {
    position: fixed;
    background-color: transparent;
    width: 100%;
    z-index: 100;
    height: 100px;
    top: 20px;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out
}

.drivia_header .main_header {
    background-color: #fff;
    position: relative;
    height: 100px;
    padding: 0;
    box-shadow: 0 0 20px rgba(37, 37, 37, 0.14);
    width: 100%;
    padding-right: 30px;
    border-radius: 5px
}

@media (max-width:990px) {
    .drivia_header .main_header {
        position: inherit;
        top: inherit;
        float: left;
        width: 100%;
        padding-right: 0
    }
}

.drivia_header .main_header .logo_head {
    position: relative;
    z-index: 101;
    float: left;
    margin-left: 20px;
    margin-right: 40px;
    transition: .3s all ease-in-out
}

@media (max-width:990px) {
    .drivia_header .main_header .logo_head {
        padding-left: 0
    }
}

@media (max-width:540px) {
    .drivia_header .main_header .logo_head {
        padding: 0 20px
    }
}

.drivia_header .main_header .logo_head a {
    width: auto;
    height: auto;
    display: table-cell;
    line-height: 100px;
    height: 100px;
    vertical-align: middle;
    outline: none
}

.drivia_header .main_header .logo_head a img {
    max-height: 100px;
    width: auto;
    transition: .3s all ease-in-out
}

.drivia_header .main_header .nav {
    text-align: center;
    font-size: 0
}

.drivia_header .main_header .nav:before {
    position: absolute;
    content: "";
    opacity: .2;
    top: -1px;
    width: 55%;
    margin: 0 auto;
    left: 0;
    right: 0
}

.drivia_header .main_header .nav .dropdown-menu {
    background-color: #fbfbfb;
    line-height: 80px;
    top: 100px !important;
    left: -1px !important;
    width: 250px;
    padding: 0;
    border-radius: 0;
    margin-top: 0;
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: .3s all ease-in-out
}

@media (max-width:540px) {
    .drivia_header .main_header .nav .dropdown-menu {
        border: none;
        top: 53px !important;
        left: 0 !important
    }
}

.drivia_header .main_header .nav .dropdown-menu li {
    height: auto;
    padding: 0;
    border-bottom: 1px dashed #d33;
    line-height: 40px;
    background-color: transparent;
    transition: .3s all ease-in-out
}

.drivia_header .main_header .nav .dropdown-menu li:last-child {
    border: none
}

.drivia_header .main_header .nav .dropdown-menu li a {
    color: #fff;
    display: block;
    background-color: transparent !important;
    padding: 13px 20px;
    font-size: 16px;
    font-weight: normal;
    text-transform: capitalize
}

.drivia_header .main_header .nav .dropdown-menu li a.active,
.drivia_header .main_header .nav .dropdown-menu li a:hover,
.drivia_header .main_header .nav .dropdown-menu li a:focus {
    color: #d33;
    background-color: transparent !important
}

.drivia_header .main_header .nav .dropdown-menu li a:after {
    display: none
}

.drivia_header .main_header .nav .divider {
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    padding: 0;
    height: 30px;
    margin: 24px auto
}

.drivia_header .main_header .nav li {
    margin: 0;
    display: table-cell;
    height: 100px;
    line-height: 100px;
    float: left
}

@media (max-width:990px) {
    .drivia_header .main_header .nav li {
        width: 100%;
        height: 40px;
        line-height: 40px
    }
}

.drivia_header .main_header .nav li:hover .dropdown-menu {
    display: block;
    visibility: visible;
    opacity: 1;
    top: 53px;
    left: 0;
    transition: .3s all ease-in-out
}

.drivia_header .main_header .nav li a {
    font-size: 14px;
    letter-spacing: .5px;
    color: #2f2f2f;
    padding: 0 12px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: transparent;
    position: relative;
    display: inline-block;
    transition: .2s all ease-in-out
}

@media (max-width:990px) {
    .drivia_header .main_header .nav li a {
        width: 100%
    }
}

.drivia_header .main_header .nav li a:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

@media (max-width:990px) {
    .drivia_header .main_header .nav li a:last-child {
        border-radius: 0
    }
}

.drivia_header .main_header .nav li a::after {
    content: '';
    height: 3px;
    width: 0;
    background: #d33;
    position: absolute;
    bottom: 0;
    right: 0;
    left: auto;
    transition: .3s all ease-in-out
}

.drivia_header .main_header .nav li a.active {
    color: #d33;
    font-weight: 600;
    font-size: 14px;
    background-color: #2e303f;
    transition: .3s all ease-in-out
}

.drivia_header .main_header .nav li a.active::after {
    width: 100%;
    right: auto;
    left: 0;
    transition: .3s all ease-in-out
}

.drivia_header .main_header .nav li a:hover,
.drivia_header .main_header .nav li a:focus {
    color: #d33;
    background-color: #2e303f;
    transition: .2s all ease-in-out
}

.drivia_header .main_header .nav li a:hover::after,
.drivia_header .main_header .nav li a:focus::after {
    width: 100%;
    right: auto;
    left: 0;
    transition: .3s all ease-in-out
}

@media (max-width:991px) {
    .drivia_header .main_header .navbar-header {
        padding-top: 35px !important;
        float: right !important
    }
}

.drivia_header .main_header .navbar-toggle {
    border: none;
    background: transparent
}

.drivia_header .main_header .navbar-toggle .icon-bar {
    width: 22px;
    background: #d33;
    transition: .3s all ease-in-out
}

.drivia_header .main_header .navbar-toggle .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 10%
}

.drivia_header .main_header .navbar-toggle .middle-bar {
    opacity: 0
}

.drivia_header .main_header .navbar-toggle .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% 90%
}

.drivia_header .main_header .collapsed .top-bar {
    transform: rotate(0)
}

.drivia_header .main_header .collapsed .middle-bar {
    opacity: 1
}

.drivia_header .main_header .collapsed .bottom-bar {
    transform: rotate(0)
}

.drivia_header .main_header .navbar {
    margin-bottom: 0;
    border: 0;
    width: auto;
    display: inline-block;
    float: right
}

@media (max-width:990px) {
    .drivia_header .main_header .navbar .navbar-collapse {
        width: 92%;
        background-color: #fff;
        margin: 0 auto;
        top: 124px;
        border-radius: 5px
    }
}

.drivia_header .main_header .drivia_lang {
    padding: 0;
    float: left;
    display: table;
    background-color: #d33;
    border: 0;
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    width: auto;
    margin: 30px 0;
    list-style: none;
    overflow: hidden;
    vertical-align: top;
    margin-left: 10px
}

@media (max-width:990px) {
    .drivia_header .main_header .drivia_lang {
        margin: 10px auto;
        float: none
    }
}

.drivia_header .main_header .drivia_lang li {
    display: inline-block;
    float: left;
    border-right: 2px solid #e14949
}

.drivia_header .main_header .drivia_lang li:last-child {
    border: 0
}

.drivia_header .main_header .drivia_lang li:hover {
    border-right: 2px solid #2e303f
}

.drivia_header .main_header .drivia_lang li:hover:last-child {
    border: 0
}

.drivia_header .main_header .drivia_lang li a {
    width: 45px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    color: #fff;
    letter-spacing: 1px;
    font-size: 16px;
    transition: .3s all ease-in-out
}

.drivia_header .main_header .drivia_lang li a:hover {
    background-color: #2e303f;
    color: #fff;
    transition: .3s all ease-in-out
}

.drivia_header .main_header .navbar-collapse {
    padding: 0
}

@media (max-width:990px) {
    .drivia_header .main_header .navbar-collapse {
        width: 92%;
        background-color: #fff;
        margin: 0 auto;
        top: 124px;
        border-radius: 5px;
        position: fixed;
        left: 0;
        right: 0;
        z-index: 101;
        text-align: center;
        padding: 0
    }
}

.drivia_home_banner {
    background-image: url(../images/drivia_main_banner.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding: 215px 0;
    text-align: center
}

@media (max-width:540px) {
    .drivia_home_banner {
        padding: 0;
        padding-top: 160px;
        padding-bottom: 40px
    }
}

.drivia_home_banner .banner_head {
    font-size: 68px;
    color: #fff;
    line-height: 1.3;
    letter-spacing: .5px;
    font-weight: 600;
    margin-bottom: 30px
}

@media (max-width:540px) {
    .drivia_home_banner .banner_head {
        font-size: 28px
    }
}

.drivia_home_banner .banneer_text {
    font-size: 20px;
    color: #fff;
    letter-spacing: 1px;
    margin-bottom: 30px;
    font-weight: 600
}

@media (max-width:540px) {
    .drivia_home_banner .banneer_text {
        font-size: 17px
    }
}

.drivia_home_banner .banner_btn {
    height: 55px;
    line-height: 55px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .5px;
    border-radius: 5px;
    color: #fff;
    background-color: #4ab847;
    padding: 17px 22px;
    margin-right: 10px;
    position: relative
}

.drivia_home_banner .drivia_book {
    margin-top: 100px;
    background-color: #fff;
    height: auto;
    width: 100%;
    border-radius: 5px;
    padding: 15px 0;
    display: table
}

@media (max-width:540px) {
    .drivia_home_banner .drivia_book {
        margin-top: 40px
    }
}

.drivia_home_banner .drivia_book input,
.drivia_home_banner .drivia_book textarea {
    height: 55px;
    line-height: 55px;
    width: 100%;
    background-color: #fff;
    color: #2f2f2f;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .5px;
    padding: 0 20px;
    border: 0;
    outline: none;
    display: table-cell;
    border-right: 1px solid #e1e1e1
}

.drivia_home_banner .drivia_book input::-webkit-input-placeholder,
.drivia_home_banner .drivia_book textarea::-webkit-input-placeholder {
    color: #2f2f2f
}

.drivia_home_banner .drivia_book input::-moz-placeholder,
.drivia_home_banner .drivia_book textarea::-moz-placeholder {
    color: #2f2f2f
}

.drivia_home_banner .drivia_book input:-ms-input-placeholder,
.drivia_home_banner .drivia_book textarea:-ms-input-placeholder {
    color: #2f2f2f
}

.drivia_home_banner .drivia_book input:-moz-placeholder,
.drivia_home_banner .drivia_book textarea:-moz-placeholder {
    color: #2f2f2f
}

@media (max-width:540px) {

    .drivia_home_banner .drivia_book input,
    .drivia_home_banner .drivia_book textarea {
        border: 0;
        background-color: #ffc5c5;
        margin-bottom: 10px;
        border-radius: 5px
    }
}

.drivia_home_banner .drivia_book textarea {
    height: 100px
}

.drivia_home_banner .drivia_book select {
    height: 55px;
    line-height: 55px;
    width: 100%;
    background-color: #fff;
    color: #2f2f2f;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .5px;
    padding: 0 20px;
    border: 0;
    outline: none;
    cursor: pointer;
    display: table-cell
}

@media (max-width:540px) {
    .drivia_home_banner .drivia_book select {
        background-color: #ffc5c5;
        margin-bottom: 10px;
        border-radius: 5px
    }
}

.drivia_home_banner .drivia_book button {
    height: 55px;
    line-height: 55px;
    width: 100%;
    background-color: #4ab847;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .5px;
    border: 0;
    outline: none;
    border-radius: 5px;
    z-index: 1;
    position: relative;
    display: table-cell;
    transition: .3s all ease-in-out
}

.drivia_home_banner .drivia_book button:active,
.drivia_home_banner .drivia_book button:hover,
.drivia_home_banner .drivia_book button:focus {
    background-color: #2e303f;
    transition: .3s all ease-in-out
}

.adv_area {
    background-color: #ffc5c5;
    padding: 80px 0
}

.adv_area .adv_box {
    background-color: #ffc5c5;
    border: 1px dashed #e1e1e1;
    padding: 30px 20px;
    border-radius: 5px
}

@media (max-width:540px) {
    .adv_area .adv_box {
        margin-bottom: 30px
    }
}

.adv_area .adv_box .adv_icon {
    display: table-cell;
    vertical-align: top;
    padding-right: 30px
}

.adv_area .adv_box .adv_icon img {
    width: auto;
    height: auto
}

.adv_area .adv_box .adv_info {
    display: table-cell;
    vertical-align: top
}

.adv_area .adv_box .adv_info .adv_head {
    color: #2f2f2f;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.5;
    margin-bottom: 15px
}

.adv_area .adv_box .adv_info p {
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: .5px;
    color: #585858
}

.area_head {
    margin-bottom: 30px;
    text-align: center
}

.area_head .head_title {
    color: #2f2f2f;
    font-size: 52px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 2px;
    margin-bottom: 40px;
    position: relative
}

@media (max-width:540px) {
    .area_head .head_title {
        font-size: 28px;
        margin-bottom: 20px
    }
}

.area_head .head_title::after {
    content: '';
    display: block;
    height: 3px;
    background: #d33;
    width: 100px;
    margin: 0 auto;
    margin-top: 15px
}

.area_head .head_text {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: .5px;
    max-width: 480px;
    margin: 0 auto;
    color: #585858
}

@media (max-width:540px) {
    .area_head .head_text {
        font-size: 16px
    }
}

.choose_area {
    background-color: #ffc5c5;
    padding: 100px 0
}

.choose_area .video_box {
    width: 100%;
    height: auto;
    text-align: center;
    object-fit: cover;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 80px;
    position: relative;
    float: left;
    transition: .3s all ease-in-out
}

.choose_area .video_box::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: .3s all ease-in-out
}

.choose_area .video_box img {
    width: 100%
}

.choose_area .video_box iframe {
    float: left
}

.choose_area .video_box .video_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    color: #d33;
    height: 80px;
    width: 80px;
    line-height: 80px;
    text-align: center;
    border-radius: 50%;
    z-index: 1;
    transition: .3s all ease-in-out;
    transform: translateX(-50%) translateY(-50%)
}

.choose_area .video_box .video_btn .fa {
    line-height: 80px;
    font-size: 22px;
    margin-left: 5px
}

.choose_area .video_box .video_btn:active,
.choose_area .video_box .video_btn:hover,
.choose_area .video_box .video_btn:focus {
    background-color: #d33;
    color: #fff;
    transition: .3s all ease-in-out
}

.choose_area .video_box:hover {
    transition: .3s all ease-in-out
}

.choose_area .video_box:hover::after {
    opacity: 1;
    transition: .3s all ease-in-out
}

.choose_area .service_box {
    padding: 40px 50px;
    background-color: #ffc5c5;
    border-radius: 10px;
    border: 1px dashed transparent;
    transition: .3s all ease-in-out;
    height: 210px;
    overflow: hidden;
    margin-bottom: 30px
}

@media (max-width:540px) {
    .choose_area .service_box {
        height: auto
    }
}

.choose_area .service_box .svr_icon {
    display: block;
    float: left;
    height: 140px;
    margin-top: 23px;
    width: auto;
    padding-right: 30px
}

@media (max-width:540px) {
    .choose_area .service_box .svr_icon {
        float: none;
        height: auto;
        margin-bottom: 20px
    }
}

.choose_area .service_box .svr_head {
    font-size: 28px;
    color: #2f2f2f;
    margin-bottom: 10px;
    line-height: 1.5;
    letter-spacing: .5px;
    font-weight: 600
}

.choose_area .service_box .svr_text {
    font-size: 14px;
    font-weight: 600;
    color: #585858;
    line-height: 1.8;
    letter-spacing: .5px;
    display: block;
    width: auto
}

.choose_area .service_box:hover {
    background-color: #fff;
    border: 1px dashed #e1e1e1;
    transition: .3s all ease-in-out
}

.drivia_price {
    padding: 100px 0;
    background-color: #fff;
    position: relative
}

.drivia_price .price_container {
    background-color: #fff;
    padding: 30px 30px;
    border: 1px dashed #e1e1e1;
    border-radius: 5px;
    text-align: center;
    width: 100%;
    transition: .3s all ease-in-out
}

@media (max-width:540px) {
    .drivia_price .price_container {
        margin-bottom: 30px
    }
}

.drivia_price .price_container .price_box {
    margin-bottom: 15px
}

.drivia_price .price_container .price_box .price_icon {
    color: #d33;
    font-size: 23px;
    font-weight: 600;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    margin-top: 18px
}

.drivia_price .price_container .price_box .price_text {
    font-size: 58px;
    color: #d33;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.5;
    display: inline-block
}

.drivia_price .price_container .price_box .price_time {
    color: #d33;
    font-size: 21px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.5;
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 20px
}

.drivia_price .price_container .price_name {
    color: #2f2f2f;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.5;
    margin-bottom: 15px
}

.drivia_price .price_container .price_detail {
    color: #585858;
    font-size: 15px;
    letter-spacing: .5px;
    line-height: 1.5;
    margin-bottom: 15px
}

.drivia_price .price_container .price_btn {
    background-color: #d33;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .5px;
    margin-top: 15px;
    border-radius: 5px;
    display: inline-block;
    height: 55px;
    line-height: 55px;
    padding: 0 30px;
    transition: .3s all ease-in-out
}

.drivia_price .price_container .price_btn:active,
.drivia_price .price_container .price_btn:hover,
.drivia_price .price_container .price_btn:focus {
    background-color: #2e303f;
    color: #fff;
    transition: .3s all ease-in-out
}

.drivia_price .price_container:hover {
    transition: .3s all ease-in-out;
    border: 1px dashed #d33
}

.subscribe_area {
    position: relative;
    background-image: url(../images/drivia_sub_bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 50px;
    padding-top: 80px
}

.subscribe_area .subscribe_title {
    color: #fff;
    font-size: 34px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.5
}

@media (max-width:540px) {
    .subscribe_area .subscribe_title {
        margin-bottom: 30px;
        text-align: center;
        font-size: 30px
    }
}

.subscribe_area .drivia_subscribe {
    width: 100%;
    background-color: transparent;
    position: relative
}

.subscribe_area .drivia_subscribe input {
    height: 65px;
    line-height: 65px;
    font-size: 16px;
    color: #2f2f2f;
    width: 100%;
    background-color: #fff;
    font-weight: 600;
    letter-spacing: .5px;
    padding: 0 20px;
    border: 0;
    outline: none;
    border-radius: 5px
}

.subscribe_area .drivia_subscribe button {
    height: 55px;
    line-height: 55px;
    background-color: #d33;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .5px;
    color: #fff;
    border: 2px solid #d33;
    outline: none;
    z-index: 1;
    border-radius: 5px;
    padding: 0 40px;
    position: absolute;
    right: 20px;
    top: 5px;
    margin: 0;
    transition: .3s all ease-in-out
}

.subscribe_area .drivia_subscribe button:active,
.subscribe_area .drivia_subscribe button:hover,
.subscribe_area .drivia_subscribe button:focus {
    background-color: transparent;
    border: 2px solid #d33;
    color: #d33;
    transition: .3s all ease-in-out
}

.drivia_footer .main_footer {
    padding: 100px 0;
    background-color: #181818;
    position: relative
}

@media (max-width:540px) {
    .drivia_footer .main_footer .footer_box {
        margin-bottom: 30px
    }
}

.drivia_footer .main_footer .footer_box .footer_logo {
    margin-bottom: 30px
}

.drivia_footer .main_footer .footer_box .footer_logo img {
    max-height: 80px
}

.drivia_footer .main_footer .footer_box .footer_intro {
    color: #888;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: .5px;
    width: 95%;
    display: inline-block
}

.drivia_footer .main_footer .footer_box .footer_head {
    color: #2f2f2f;
    font-size: 23px;
    margin-bottom: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.5
}

@media (max-width:1366px) {
    .drivia_footer .main_footer .footer_box .footer_head {
        font-size: 20px
    }
}

.drivia_footer .main_footer .footer_box .footer_head::after {
    content: '';
    display: block;
    height: 3px;
    border-radius: 25px;
    background: #d33;
    width: 50px;
    margin-top: 5px
}

.drivia_footer .main_footer .footer_box .footer_link {
    list-style: none;
    padding: 0;
    margin: 0
}

.drivia_footer .main_footer .footer_box .footer_link li {
    list-style: none;
    margin-bottom: 15px;
    display: block
}

.drivia_footer .main_footer .footer_box .footer_link li a {
    font-size: 16px;
    color: #888;
    font-weight: 600;
    transition: .3s all ease-in-out;
    display: inline-block;
    position: relative;
    padding-left: 15px
}

.drivia_footer .main_footer .footer_box .footer_link li a::before {
    content: '\f111';
    font-family: 'FontAwesome';
    color: #d33;
    font-size: 5px;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 8px;
    transition: .3s all ease-in-out
}

.drivia_footer .main_footer .footer_box .footer_link li a:active,
.drivia_footer .main_footer .footer_box .footer_link li a:hover,
.drivia_footer .main_footer .footer_box .footer_link li a:focus {
    color: #d33;
    transition: .3s all ease-in-out
}

.drivia_footer .main_footer .footer_box .footer_link li a:active::before,
.drivia_footer .main_footer .footer_box .footer_link li a:hover::before,
.drivia_footer .main_footer .footer_box .footer_link li a:focus::before {
    color: #2e303f;
    transition: .3s all ease-in-out
}

.drivia_footer .bottom_footer {
    background-color: #ffc5c5;
    padding: 30px 0;
    box-shadow: 0 0 20px 5px rgba(39, 39, 39, 0.07843137);
    position: relative
}

@media (max-width:540px) {
    .drivia_footer .bottom_footer {
        text-align: center
    }
}

.drivia_footer .bottom_footer .footer_copy {
    font-size: 16px;
    color: #2f2f2f;
    letter-spacing: 1px;
    font-weight: 600;
    line-height: 1.5
}

.drivia_footer .bottom_footer .footer_social {
    padding: 0;
    margin: 0;
    list-style: none;
    float: right
}

@media (max-width:540px) {
    .drivia_footer .bottom_footer .footer_social {
        float: none;
        margin-top: 30px
    }
}

.drivia_footer .bottom_footer .footer_social li {
    display: inline-block;
    padding-right: 10px;
    list-style: none
}

.drivia_footer .bottom_footer .footer_social li a {
    width: 35px;
    height: 35px;
    line-height: 32px;
    text-align: center;
    border-radius: 50%;
    background-color: #d33;
    border: 2px solid #d33;
    color: #fff;
    font-size: 15px;
    transition: .3s all ease-in-out
}

.drivia_footer .bottom_footer .footer_social li a:active,
.drivia_footer .bottom_footer .footer_social li a:hover,
.drivia_footer .bottom_footer .footer_social li a:focus {
    background-color: transparent;
    border: 2px solid #d33;
    color: #d33;
    transition: .3s all ease-in-out
}

.drivia_banner {
    padding: 140px 0;
    position: relative;
    background-image: url(../images/drivia_main_banner.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center
}

@media (max-width:990px) {
    .drivia_banner {
        padding: 60px 0
    }
}

.drivia_banner .banner_head {
    font-size: 55px;
    margin-bottom: 20px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.5;
    color: #fff
}

.drivia_banner .drivia_crumbs {
    padding: 15px 15px;
    background-color: #fff;
    list-style: none;
    border-radius: 5px;
    width: auto;
    display: table;
    margin: 0 auto
}

.drivia_banner .drivia_crumbs li::before {
    color: #e1e1e1;
    font-weight: 600;
    font-size: 16px
}

.drivia_banner .drivia_crumbs li a {
    color: #2f2f2f;
    font-weight: 600;
    font-size: 16px;
    margin-right: 5px
}

.drivia_banner .drivia_crumbs li.active {
    color: #878787;
    font-weight: 600;
    font-size: 16px
}

.drivia_banner .drivia_crumbs li.active a {
    color: #878787
}

.drivia_banner.drivia_detail_banner .banner_head {
    font-size: 45px;
    margin-bottom: 40px
}

.drivia_about_area {
    background-color: #fff;
    padding: 100px 0;
    position: relative;
    background-repeat: no-repeat
}

.drivia_about_area .image_box {
    width: auto;
    height: auto;
    overflow: hidden;
    object-fit: cover;
    border-radius: 5px
}

@media (max-width:540px) {
    .drivia_about_area .image_box {
        margin-bottom: 30px
    }
}

.drivia_about_area .image_box img {
    width: auto;
    height: auto
}

.drivia_about_area .detail_box {
    text-align: left;
    width: 80%;
    margin: 0 auto
}

@media (max-width:540px) {
    .drivia_about_area .detail_box {
        width: 100%
    }
}

.drivia_about_area .detail_box .about_head {
    color: #2f2f2f;
    font-size: 38px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.2;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 20px
}

@media (max-width:540px) {
    .drivia_about_area .detail_box .about_head {
        font-size: 22px
    }
}

.drivia_about_area .detail_box .about_head::after {
    content: '';
    height: 5px;
    width: 10%;
    border-radius: 25px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #d33
}

.drivia_about_area .detail_box .about_text {
    font-size: 15px;
    color: #585858;
    line-height: 1.8;
    letter-spacing: .5px;
    margin-bottom: 10px
}

@media (max-width:540px) {
    .drivia_about_area .detail_box .about_text {
        font-size: 15px
    }
}

.drivia_counter {
    padding: 100px 0;
    background-color: #ffc5c5;
    position: relative
}

.drivia_counter .counter_box {
    text-align: center
}

@media (max-width:540px) {
    .drivia_counter .counter_box {
        margin-bottom: 60px
    }
}

.drivia_counter .counter_box img {
    margin-bottom: 25px;
    width: auto;
    height: auto
}

.drivia_counter .counter_box .counter_head {
    color: #2f2f2f;
    font-weight: 600;
    letter-spacing: .5px;
    font-size: 35px;
    margin-bottom: 10px
}

.drivia_counter .counter_box .counter_text {
    font-size: 16px;
    color: #585858;
    line-height: 1.5;
    letter-spacing: .5px;
    font-weight: 600
}

.news_area {
    padding: 100px 0;
    background-color: #fff;
    position: relative
}

@media (max-width:540px) {
    .news_area {
        padding: 60px 0
    }
}

.news_area .news_box {
    width: 100%;
    height: auto;
    border-radius: 5px;
    overflow: hidden
}

@media (max-width:540px) {
    .news_area .news_box {
        margin-bottom: 30px
    }
}

.news_area .news_box .image_box {
    width: auto;
    height: auto;
    overflow: hidden;
    object-fit: cover;
    border-radius: 5px;
    vertical-align: top
}

.news_area .news_box .image_box img {
    width: 100%;
    height: auto;
    object-fit: cover
}

.news_area .news_box .detail_box {
    width: 100%;
    height: auto;
    padding: 30px;
    background-color: #fff;
    border: 1px dashed #e1e1e1;
    border-top: 0
}

.news_area .news_box .detail_box .news_head {
    color: #2f2f2f;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
    letter-spacing: .5px;
    line-height: 1.5;
    text-align: left;
    transition: .3s all ease-in-out
}

.news_area .news_box .detail_box .news_head:active,
.news_area .news_box .detail_box .news_head:hover,
.news_area .news_box .detail_box .news_head:focus {
    color: #d33;
    transition: .3s all ease-in-out
}

.news_area .news_box .detail_box .short_text {
    color: #585858;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: .5px;
    text-align: left
}

.parking_area {
    padding: 150px 0;
    background-image: url(../images/drivia_slider_bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

@media (max-width:540px) {
    .parking_area {
        padding: 60px 0
    }
}

.parking_area .image_box {
    width: auto;
    height: auto;
    overflow: hidden;
    object-fit: cover;
    border-radius: 5px;
    position: relative;
    cursor: pointer
}

@media (max-width:540px) {
    .parking_area .image_box {
        margin-top: 30px
    }
}

.parking_area .image_box::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0
}

.parking_area .image_box img {
    width: auto;
    height: auto;
    object-fit: cover
}

.parking_area .image_box .play_btn {
    width: 70px;
    height: 70px;
    line-height: 52px;
    text-align: center;
    border-radius: 50%;
    background-color: #fff;
    color: #d33;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transition: .3s all ease-in-out;
    transform: translateX(-50%) translateY(-50%)
}

.parking_area .image_box .play_btn .fa {
    text-align: center;
    line-height: 70px;
    font-size: 24px;
    margin-left: 3px
}

.parking_area .image_box .play_btn:active,
.parking_area .image_box .play_btn:hover,
.parking_area .image_box .play_btn:focus {
    background-color: #d33;
    color: #fff;
    transition: .3s all ease-in-out
}

.parking_area .image_box:hover {
    transition: .3s all ease-in-out
}

.parking_area .image_box:hover::after {
    opacity: 1;
    transition: .3s all ease-in-out
}

.parking_area .detail_box {
    text-align: left;
    width: 80%;
    margin: 0 auto
}

@media (max-width:540px) {
    .parking_area .detail_box {
        width: 100%
    }
}

.parking_area .detail_box .about_head {
    color: #fff;
    font-size: 48px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.2;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 20px
}

@media (max-width:540px) {
    .parking_area .detail_box .about_head {
        font-size: 35px
    }
}

.parking_area .detail_box .about_head::after {
    content: '';
    height: 5px;
    width: 10%;
    border-radius: 25px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #d33
}

.parking_area .detail_box .about_text {
    font-size: 16px;
    color: #fff;
    line-height: 1.8;
    letter-spacing: .5px;
    margin-bottom: 10px
}

@media (max-width:540px) {
    .parking_area .detail_box .about_text {
        font-size: 15px
    }
}

.option_area {
    background-color: #fff;
    padding: 100px 0;
    position: relative
}

@media (max-width:540px) {
    .option_area .image_slot {
        margin: 50px 0
    }
}

.option_area .option_box {
    display: inline-block;
    margin-bottom: 30px;
    width: 100%;
    height: auto
}

@media (max-width:540px) {
    .option_area .option_box .detail_box {
        text-align: center
    }
}

.option_area .option_box .detail_box .option_head {
    color: #2f2f2f;
    font-size: 25px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.5;
    margin-bottom: 10px
}

.option_area .option_box .detail_box .option_text {
    color: #585858;
    line-height: 1.5;
    letter-spacing: .5px;
    font-size: 14px
}

.option_area .option_box .icon_box {
    width: 70px;
    height: 70px;
    line-height: 70px;
    padding: 15px;
    border-radius: 50%;
    text-align: center;
    border: 1px dashed #e1e1e1
}

@media (max-width:540px) {
    .option_area .option_box .icon_box {
        margin: 0 auto
    }
}

.park_feature {
    background-color: #ffc5c5;
    padding: 100px 0;
    position: relative
}

.park_feature .feature_box {
    text-align: center;
    margin-bottom: 40px
}

.park_feature .feature_box .feature_icon {
    width: 120px;
    height: 120px;
    text-align: center;
    line-height: 120px;
    background-color: #fff;
    border: 1px dashed #e1e1e1;
    margin: 0 auto;
    margin-bottom: 15px;
    display: block;
    padding: 25px 0
}

.park_feature .feature_box .feature_text {
    color: #2f2f2f;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.5
}

.offer_banner {
    padding: 200px 0;
    background-image: url(../images/drivia_feature_bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    text-align: center
}

.offer_banner .offer_head {
    color: #fff;
    font-size: 75px;
    letter-spacing: 1px;
    line-height: 1.5;
    font-weight: 600;
    margin-bottom: 30px;
    position: relative
}

@media (max-width:540px) {
    .offer_banner .offer_head {
        font-size: 40px
    }
}

.offer_banner .offer_head::after {
    content: '';
    display: block;
    height: 3px;
    background: #fff;
    width: 100px;
    margin: 0 auto;
    margin-top: 10px
}

.offer_banner .offer_text {
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: .5px;
    width: 70%;
    margin: 0 auto;
    margin-bottom: 40px
}

.offer_banner .offer_btn {
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .5px;
    border-radius: 5px;
    background-color: #d33;
    padding: 0 40px;
    color: #fff;
    display: inline-block
}

.drivia_info {
    background-color: #ffc5c5;
    position: relative;
    padding: 100px 0
}

@media (max-width:990px) {
    .drivia_info {
        padding: 50px 0
    }
}

.drivia_info .info_box {
    background-color: #fff;
    border-radius: 5px;
    width: 100%;
    height: auto;
    box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1);
    padding: 30px;
    text-align: center;
    border: 1px dashed #e1e1e1
}

@media (max-width:540px) {
    .drivia_info .info_box {
        margin-bottom: 30px
    }
}

.drivia_info .info_box .info_head {
    color: #2f2f2f;
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.5
}

.drivia_info .info_box .info_text {
    font-size: 16px;
    color: #585858;
    line-height: 1.5;
    letter-spacing: .5px;
    margin-bottom: 15px;
    display: block
}

.drivia_info .info_box img {
    display: block;
    margin: 0 auto;
    margin-bottom: 25px;
    margin-top: 25px
}

.drivia_info .info_box .info_btn {
    background-color: #d33;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .5px;
    margin-top: 15px;
    border-radius: 5px;
    display: inline-block;
    height: 55px;
    line-height: 55px;
    padding: 0 30px;
    border: 2px solid #d33;
    transition: .3s all ease-in-out
}

.drivia_info .info_box .info_btn:active,
.drivia_info .info_box .info_btn:hover,
.drivia_info .info_box .info_btn:focus {
    background-color: transparent;
    color: #d33;
    border: 2px solid #d33;
    transition: .3s all ease-in-out
}

.drivia_contact {
    padding: 150px 0;
    position: relative;
    background-image: url(../images/drivia_contact_bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed
}

@media (max-width:990px) {
    .drivia_contact {
        padding: 20px 0
    }
}

.drivia_contact .map_box {
    background-color: #fff;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    float: left;
    box-shadow: 0 0 20px rgba(70, 69, 69, 0.72941176)
}

@media (max-width:540px) {
    .drivia_contact .map_box {
        margin-bottom: 30px;
        float: none
    }
}

.drivia_contact .map_box iframe {
    float: left
}

@media (max-width:990px) {
    .drivia_contact .map_box iframe {
        height: 350px
    }
}

.drivia_contact .form_box {
    background-color: #fff;
    padding: 50px;
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(70, 69, 69, 0.72941176)
}

.drivia_contact .form_box .form_head {
    color: #2f2f2f;
    font-size: 23px;
    line-height: 1.5;
    letter-spacing: .5px;
    margin-bottom: 20px;
    font-weight: 600
}

.drivia_contact .form_box .drivia_form .form-field input,
.drivia_contact .form_box .drivia_form .form-field textarea {
    height: 55px;
    line-height: 55px;
    margin-bottom: 15px;
    width: 100%;
    padding: 0 20px;
    border: 1px dashed #e1e1e1;
    background-color: #fff;
    border-radius: 10px;
    font-size: 15px;
    color: #585858;
    outline: none;
    font-weight: 400;
    letter-spacing: .5px;
    transition: .3s all ease-in-out
}

.drivia_contact .form_box .drivia_form .form-field input:focus,
.drivia_contact .form_box .drivia_form .form-field textarea:focus {
    border: 1px dashed #d33;
    transition: .3s all ease-in-out
}

.drivia_contact .form_box .drivia_form .form-field input:focus::-webkit-input-placeholder,
.drivia_contact .form_box .drivia_form .form-field textarea:focus::-webkit-input-placeholder {
    color: #585858
}

.drivia_contact .form_box .drivia_form .form-field input:focus::-moz-placeholder,
.drivia_contact .form_box .drivia_form .form-field textarea:focus::-moz-placeholder {
    color: #585858
}

.drivia_contact .form_box .drivia_form .form-field input:focus:-ms-input-placeholder,
.drivia_contact .form_box .drivia_form .form-field textarea:focus:-ms-input-placeholder {
    color: #585858
}

.drivia_contact .form_box .drivia_form .form-field input:focus:-moz-placeholder,
.drivia_contact .form_box .drivia_form .form-field textarea:focus:-moz-placeholder {
    color: #585858
}

.drivia_contact .form_box .drivia_form .form-field input::-webkit-input-placeholder,
.drivia_contact .form_box .drivia_form .form-field textarea::-webkit-input-placeholder {
    color: #585858
}

.drivia_contact .form_box .drivia_form .form-field input::-moz-placeholder,
.drivia_contact .form_box .drivia_form .form-field textarea::-moz-placeholder {
    color: #585858
}

.drivia_contact .form_box .drivia_form .form-field input:-ms-input-placeholder,
.drivia_contact .form_box .drivia_form .form-field textarea:-ms-input-placeholder {
    color: #585858
}

.drivia_contact .form_box .drivia_form .form-field input:-moz-placeholder,
.drivia_contact .form_box .drivia_form .form-field textarea:-moz-placeholder {
    color: #585858
}

.drivia_contact .form_box .drivia_form .form-field textarea {
    height: 150px
}

.drivia_contact .form_box .drivia_form .form-field button {
    background-color: #454545;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .5px;
    margin-top: 15px;
    border-radius: 5px;
    display: inline-block;
    height: 55px;
    line-height: 55px;
    padding: 0 30px;
    border: 0;
    outline: none;
    box-shadow: none;
    width: 100%;
    transition: .3s all ease-in-out
}

.drivia_contact .form_box .drivia_form .form-field button:active,
.drivia_contact .form_box .drivia_form .form-field button:hover,
.drivia_contact .form_box .drivia_form .form-field button:focus {
    background-color: #2e303f;
    color: #fff;
    transition: .3s all ease-in-out
}

.drivia_contact .form_box .drivia_form .form-groupfield {
    margin: 30px 0
}

.drivia_contact .form_box .drivia_form .form-groupfield label {
    margin-bottom: 20px;
    color: #2f2f2f;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.5;
    width: 50%;
    display: inline-block;
    margin-bottom: 30px
}

@media (max-width:540px) {
    .drivia_contact .form_box .drivia_form .form-groupfield label {
        font-size: 13px
    }
}

.drivia_contact .form_box .drivia_form .form-groupfield .groupfield label input[type=radio],
.drivia_contact .form_box .drivia_form .form-groupfield .groupfield label input[type=checkbox] {
    cursor: pointer;
    height: 25px;
    width: 25px;
    margin: 0 15px 0 0;
    float: left;
    -webkit-appearance: none;
    border: 1px dashed #e1e1e1;
    border-radius: 3px;
    position: relative;
    outline: none;
    transition: .3s all ease-in-out
}

.drivia_contact .form_box .drivia_form .form-groupfield .groupfield label input[type=radio]:checked,
.drivia_contact .form_box .drivia_form .form-groupfield .groupfield label input[type=checkbox]:checked {
    background-color: #fff;
    color: #d33;
    border: 1px dashed #d33;
    transition: .3s all ease-in-out
}

.drivia_contact .form_box .drivia_form .form-groupfield .groupfield label input[type=radio]:checked:after,
.drivia_contact .form_box .drivia_form .form-groupfield .groupfield label input[type=checkbox]:checked:after {
    font-family: 'FontAwesome';
    content: "\f00c";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 25px;
    font-size: 16px
}

.drivia_gallery {
    background-color: #fff;
    padding: 100px 0;
    position: relative
}

.drivia_gallery .gall_box {
    position: relative;
    overflow: hidden;
    display: inline-block;
    float: left;
    border-radius: 10px;
    width: 100%;
    margin-bottom: 30px;
    transition: .3s all ease-in-out
}

.drivia_gallery .gall_box .gall_thumb {
    cursor: pointer;
    overflow: hidden;
    position: relative;
    height: 285px;
    display: block;
    object-fit: cover
}

.drivia_gallery .gall_box .gall_thumb img {
    vertical-align: middle;
    width: 100%;
    margin: 0 auto;
    display: block;
    height: 285px;
    object-fit: cover;
    position: relative;
    transition: .3s all ease-in-out
}

.drivia_gallery .gall_box .gall_text {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    height: auto;
    padding: 10px 10px;
    background-color: #000;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    transition: .3s all ease-in-out;
    z-index: 1
}

.drivia_gallery .gall_box .gall_text span {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.5
}

.drivia_gallery .gall_box:hover {
    transition: .3s all ease-in-out
}

.drivia_gallery .gall_box:hover .gall_text {
    opacity: 1;
    visibility: visible;
    bottom: 0;
    transition: .3s all ease-in-out
}

.drivia_gallery .drivia_gal_btn {
    display: inline-block;
    padding: 0 25px;
    height: 55px;
    line-height: 53px;
    background-color: #d33;
    border: 2px solid #d33;
    color: #fff;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 5px;
    text-transform: uppercase;
    margin-top: 50px;
    text-align: center;
    transition: .3s all ease-in-out
}

.drivia_gallery .drivia_gal_btn:hover {
    border: 2px solid #d33;
    background-color: transparent;
    color: #d33;
    transition: .3s all ease-in-out
}

.drivia_category {
    padding: 100px 0;
    background-color: #fff;
    position: relative
}

.drivia_category .post_grid {
    margin-bottom: 50px;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    height: auto
}

.drivia_category .post_grid .image_grid {
    width: 100%;
    overflow: hidden;
    height: 500px;
    object-fit: cover;
    border-radius: 10px
}

.drivia_category .post_grid .image_grid img {
    width: 100%;
    height: 500px;
    overflow: hidden;
    object-fit: cover
}

.drivia_category .post_grid .data_grid {
    width: 100%;
    height: auto;
    border-radius: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
    border: 1px dashed #e1e1e1;
    border-top: 0;
    padding: 50px;
    margin-top: -10px
}

.drivia_category .post_grid .data_grid .post_tag {
    line-height: 1.5;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .5px;
    color: #d33;
    display: inline-block;
    margin-bottom: 20px;
    position: relative;
    padding-left: 45px
}

.drivia_category .post_grid .data_grid .post_tag::before {
    height: 2px;
    background: #d33;
    content: '';
    left: 0;
    position: absolute;
    top: 50%;
    width: 35px;
    margin-top: -1px
}

.drivia_category .post_grid .data_grid .slider_title {
    font-size: 35px;
    color: #2f2f2f;
    letter-spacing: .5px;
    line-height: 1.5;
    margin-bottom: 25px;
    font-weight: 600
}

@media (max-width:540px) {
    .drivia_category .post_grid .data_grid .slider_title {
        font-size: 20px
    }
}

.drivia_category .post_grid .data_grid .slider_text {
    font-size: 16px;
    letter-spacing: .5px;
    line-height: 1.5;
    margin-bottom: 20px;
    color: #585858
}

.drivia_category .post_grid .data_grid .slider_button {
    height: 55px;
    line-height: 55px;
    background-color: #d33;
    color: #fff;
    letter-spacing: .5px;
    font-weight: 600;
    font-size: 16px;
    border-radius: 10px;
    padding: 0 30px;
    display: inline-block;
    margin-top: 20px;
    transition: .3s all ease-in-out
}

.drivia_category .post_grid .data_grid .slider_button:active,
.drivia_category .post_grid .data_grid .slider_button:hover,
.drivia_category .post_grid .data_grid .slider_button:focus {
    background-color: #2e303f;
    transition: .3s all ease-in-out
}

.drivia_category .post_grid .data_grid .slider_button::before {
    content: '\f101';
    font-family: 'FontAwesome';
    display: inline-block;
    margin-right: 10px;
    font-size: 16px;
    color: #fff
}

.drivia_category .drivia_sidebar {
    width: 100%;
    height: auto;
    background-color: transparent
}

.drivia_category .drivia_sidebar .cat_grid {
    width: 100%;
    padding: 30px 40px;
    margin-bottom: 30px;
    background-color: #ffc5c5;
    border-radius: 10px
}

.drivia_category .drivia_sidebar .cat_grid:empty {
    display: none
}

.drivia_category .drivia_sidebar .cat_grid .grid_head {
    font-size: 25px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.5;
    margin-bottom: 20px;
    position: relative;
    padding-left: 45px
}

.drivia_category .drivia_sidebar .cat_grid .grid_head::before {
    height: 3px;
    background: #d33;
    content: '';
    left: 0;
    position: absolute;
    top: 50%;
    width: 35px;
    margin-top: -1px
}

.drivia_category .drivia_sidebar .cat_grid ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.drivia_category .drivia_sidebar .cat_grid ul li {
    list-style: none;
    display: block;
    margin-bottom: 15px
}

.drivia_category .drivia_sidebar .cat_grid ul li a {
    font-size: 15px;
    color: #888;
    font-weight: 600;
    transition: .3s all ease-in-out;
    display: inline-block
}

.drivia_category .drivia_sidebar .cat_grid ul li a::before {
    content: '\f111';
    font-family: 'FontAwesome';
    color: #d33;
    font-size: 5px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    transition: .3s all ease-in-out
}

.drivia_category .drivia_sidebar .cat_grid ul li a:active,
.drivia_category .drivia_sidebar .cat_grid ul li a:hover,
.drivia_category .drivia_sidebar .cat_grid ul li a:focus {
    color: #d33;
    transition: .3s all ease-in-out
}

.drivia_category .drivia_sidebar .cat_grid ul li a:active::before,
.drivia_category .drivia_sidebar .cat_grid ul li a:hover::before,
.drivia_category .drivia_sidebar .cat_grid ul li a:focus::before {
    color: #2e303f;
    transition: .3s all ease-in-out
}

.drivia_category .drivia_sidebar .cat_grid .related_grid {
    width: 100%;
    height: auto;
    overflow: hidden
}

.drivia_category .drivia_sidebar .cat_grid .related_grid .related_box {
    float: left;
    margin-bottom: 15px;
    display: table;
    transition: .3s all ease-in-out
}

.drivia_category .drivia_sidebar .cat_grid .related_grid .related_box img {
    width: 75px;
    height: 75px;
    overflow: hidden;
    object-fit: cover;
    display: table-cell;
    border-radius: 5px;
    vertical-align: middle;
    transition: .3s all ease-in-out
}

.drivia_category .drivia_sidebar .cat_grid .related_grid .related_box .related_head {
    color: #2f2f2f;
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 1.5;
    display: table-cell;
    font-weight: 600;
    width: 65%;
    vertical-align: middle
}

.drivia_category .drivia_sidebar .cat_grid .related_grid .related_box:hover {
    transition: .3s all ease-in-out
}

.drivia_category .drivia_sidebar .cat_grid .related_grid .related_box:hover .related_head {
    transition: .3s all ease-in-out;
    color: #d33
}

.drivia_category .drivia_sidebar .cat_grid .related_grid .related_box:hover img {
    transition: .3s all ease-in-out;
    filter: grayscale(100%)
}

.drivia_detail {
    padding: 100px 0;
    background-color: #fff;
    position: relative
}

.drivia_detail .detail_grid {
    width: 100%
}

@media (max-width:540px) {
    .drivia_detail .detail_grid {
        margin-bottom: 40px
    }
}

.drivia_detail .detail_grid .image_grid {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 50px
}

.drivia_detail .detail_grid .image_grid img {
    width: 100%;
    height: auto
}

.drivia_detail .detail_grid .text_grid {
    width: 100%;
    height: auto
}

.drivia_detail .detail_grid .text_grid p {
    font-size: 16px;
    line-height: 1.8;
    letter-spacing: .5px;
    color: #585858
}

.drivia_detail .detail_grid .text_grid img {
    height: auto;
    width: auto
}

.drivia_detail .detail_grid .text_grid .wpb_wrapper img {
    height: auto;
    width: auto
}

.drivia_detail .detail_grid .text_grid .wpb_wrapper p {
    text-align: center
}

.drivia_detail .drivia_sidebar {
    width: 100%;
    height: auto;
    background-color: transparent
}

.drivia_detail .drivia_sidebar .cat_grid {
    width: 100%;
    padding: 30px 40px;
    margin-bottom: 30px;
    background-color: #ffc5c5;
    border-radius: 10px
}

.drivia_detail .drivia_sidebar .cat_grid:empty {
    display: none
}

.drivia_detail .drivia_sidebar .cat_grid .grid_head {
    font-size: 25px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.5;
    margin-bottom: 20px;
    position: relative;
    padding-left: 45px
}

.drivia_detail .drivia_sidebar .cat_grid .grid_head::before {
    height: 3px;
    background: #d33;
    content: '';
    left: 0;
    position: absolute;
    top: 50%;
    width: 35px;
    margin-top: -1px
}

.drivia_detail .drivia_sidebar .cat_grid ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.drivia_detail .drivia_sidebar .cat_grid ul li {
    list-style: none;
    display: block;
    margin-bottom: 15px
}

.drivia_detail .drivia_sidebar .cat_grid ul li a {
    font-size: 15px;
    color: #888;
    font-weight: 600;
    transition: .3s all ease-in-out;
    display: inline-block
}

.drivia_detail .drivia_sidebar .cat_grid ul li a::before {
    content: '\f111';
    font-family: 'FontAwesome';
    color: #d33;
    font-size: 5px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    transition: .3s all ease-in-out
}

.drivia_detail .drivia_sidebar .cat_grid ul li a:active,
.drivia_detail .drivia_sidebar .cat_grid ul li a:hover,
.drivia_detail .drivia_sidebar .cat_grid ul li a:focus {
    color: #d33;
    transition: .3s all ease-in-out
}

.drivia_detail .drivia_sidebar .cat_grid ul li a:active::before,
.drivia_detail .drivia_sidebar .cat_grid ul li a:hover::before,
.drivia_detail .drivia_sidebar .cat_grid ul li a:focus::before {
    color: #2e303f;
    transition: .3s all ease-in-out
}

.drivia_detail .drivia_sidebar .cat_grid .related_grid {
    width: 100%;
    height: auto;
    overflow: hidden
}

.drivia_detail .drivia_sidebar .cat_grid .related_grid .related_box {
    float: left;
    margin-bottom: 15px;
    display: table;
    transition: .3s all ease-in-out
}

.drivia_detail .drivia_sidebar .cat_grid .related_grid .related_box img {
    width: 75px;
    height: 75px;
    overflow: hidden;
    object-fit: cover;
    display: table-cell;
    border-radius: 5px;
    vertical-align: middle;
    transition: .3s all ease-in-out
}

.drivia_detail .drivia_sidebar .cat_grid .related_grid .related_box .related_head {
    color: #2f2f2f;
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 1.5;
    display: table-cell;
    font-weight: 600;
    width: 65%;
    vertical-align: middle
}

.drivia_detail .drivia_sidebar .cat_grid .related_grid .related_box:hover {
    transition: .3s all ease-in-out
}

.drivia_detail .drivia_sidebar .cat_grid .related_grid .related_box:hover .related_head {
    transition: .3s all ease-in-out;
    color: #d33
}

.drivia_detail .drivia_sidebar .cat_grid .related_grid .related_box:hover img {
    transition: .3s all ease-in-out;
    filter: grayscale(100%)
}

.float {
    position: fixed;
    bottom: 3%;
    right: 2%
}

.pixel_gallery {
    background-color: #fff;
    padding: 0;
    margin: 0;
    position: relative
}

.pixel_gallery .nn_col {
    padding: 0
}

@media (max-width:540px) {
    .pixel_gallery .nn_col {
        padding: 0 15px
    }
}

.pixel_gallery .gal_cat {
    text-align: center;
    padding: 50px 0;
    width: 100%;
    background-color: #fff
}

@media (max-width:540px) {
    .pixel_gallery .gal_cat {
        padding: 0
    }
}

.pixel_gallery .gal_cat ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.pixel_gallery .gal_cat ul li {
    list-style: none;
    display: inline-block;
    padding-right: 25px
}

@media (max-width:540px) {
    .pixel_gallery .gal_cat ul li {
        display: block;
        padding: 0;
        margin-bottom: 15px
    }
}

.pixel_gallery .gal_cat ul li:last-child {
    padding-right: 0
}

.pixel_gallery .gal_cat ul li a {
    color: #2f2f2f;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.5;
    text-transform: uppercase;
    position: relative
}

@media (max-width:540px) {
    .pixel_gallery .gal_cat ul li a {
        font-size: 15px
    }
}

.pixel_gallery .gal_cat ul li a::after {
    content: '';
    height: 3px;
    width: 0;
    background: #d33;
    display: block;
    margin-top: 5px;
    transition: .3s all ease-in-out
}

.pixel_gallery .gal_cat ul li a:hover,
.pixel_gallery .gal_cat ul li a.active {
    transition: .3s all ease-in-out;
    color: #d33
}

.pixel_gallery .gal_cat ul li a:hover::after,
.pixel_gallery .gal_cat ul li a.active::after {
    width: 100%
}

.pixel_gallery .gal_box {
    border-bottom: 1px solid #fff;
    transition: .3s all ease-in-out;
    overflow: hidden;
    position: relative
}

.pixel_gallery .gal_box .fancy_grid {
    height: 480px;
    width: auto;
    display: block;
    object-fit: cover;
    position: relative
}

.pixel_gallery .gal_box .fancy_grid::after {
    width: 100%;
    height: 0;
    background: rgba(0, 0, 0, 0.2);
    content: '';
    position: absolute;
    left: 0;
    right: auto;
    bottom: 0;
    transition: .5s all ease-in-out;
    pointer-events: none
}

.pixel_gallery .gal_box .fancy_grid img {
    vertical-align: middle;
    width: 100%;
    transition: .5s all ease-in-out;
    margin: 0 auto;
    max-width: 100%;
    display: block;
    height: 480px;
    object-fit: cover;
    position: relative
}

.pixel_gallery .gal_box .gal_btn {
    width: 40px;
    height: 40px;
    line-height: 42px;
    text-align: center;
    background-color: #fff;
    color: #d33;
    border-radius: 50%;
    position: absolute;
    left: -50px;
    opacity: 0;
    top: 20px;
    font-size: 18px;
    transition: .5s all ease-in-out
}

.pixel_gallery .gal_box .gal_btn:hover {
    background-color: #d33;
    color: #fff;
    transition: .5s all ease-in-out
}

.pixel_gallery .gal_box .gal_text {
    background-color: #fff;
    position: absolute;
    left: 0;
    right: auto;
    bottom: -170px;
    padding: 25px 30px;
    opacity: 0;
    width: 100%;
    height: 150px;
    overflow: hidden;
    transition: .5s all ease-in-out
}

.pixel_gallery .gal_box .gal_text .gal_head {
    color: #2f2f2f;
    margin-bottom: 15px;
    width: 100%;
    display: block;
    font-size: 20px;
    font-weight: 600
}

.pixel_gallery .gal_box .gal_text .gal_para {
    color: #585858;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: .6px
}

.pixel_gallery .gal_box:hover {
    transition: .5s all ease-in-out
}

.pixel_gallery .gal_box:hover .fancy_grid::after {
    transition: .5s all ease-in-out;
    height: 100%
}

.pixel_gallery .gal_box:hover .fancy_grid img {
    transition: .5s all ease-in-out;
    transform: scale(1.2)
}

.pixel_gallery .gal_box:hover .gal_btn {
    left: 20px;
    opacity: 1;
    transition: .5s all ease-in-out
}

.pixel_gallery .gal_box:hover .gal_text {
    bottom: 0;
    opacity: 1;
    transition: .5s all ease-in-out
}

.taksi_form input,
.taksi_form textarea {
    border: 1px solid #e1e1e1;
    background-color: #fff;
    height: 60px;
    padding: 0 15px;
    width: 100%;
    font-size: 16px;
    margin-bottom: 12px;
    outline: none
}

.taksi_form textarea {
    height: 150px
}

.taksi_form button {
    background-image: -moz-linear-gradient(-90deg, #fbfbfb 0, #dedede 100%);
    background-image: -webkit-linear-gradient(-90deg, #fbfbfb 0, #dedede 100%);
    background-image: -ms-linear-gradient(-90deg, #fbfbfb 0, #dedede 100%);
    box-shadow: 0 2px 1px 0 rgba(141, 123, 0, 0.99);
    border: 1px solid #dcc000;
    border-radius: 10px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    padding: 0 25px;
    color: #2f2f2f;
    text-transform: uppercase;
    font-weight: 800;
    margin-top: 15px;
    margin-top: 0;
    float: right;
    width: 150px
}

header {
    text-align: right
}

header .navbar-toggle .icon-bar {
    background: #fff
}

header .nn_collapse {
    float: left
}

@media (max-width:991px) {
    header .nn_collapse {
        width: 100%;
        padding: 0;
        border: none
    }
}

@media (min-width:768px) and (max-width:991px) {
    header .navbar-collapse.collapse {
        display: none !important;
        padding: 0
    }
}

@media (min-width:768px) and (max-width:991px) {
    header .navbar-collapse.collapse.in {
        display: block !important;
        padding: 0
    }
}

header .navbar-header .collapse,
header .navbar-toggle {
    -webkit-transition: color .1s ease-in-out, background .7s ease-in-out, border .1s ease-in-out
}

@media (min-width:768px) and (max-width:991px) {

    header .navbar-header .collapse,
    header .navbar-toggle {
        display: block !important
    }

    header .navbar-header .collapse .icon-bar,
    header .navbar-toggle .icon-bar {
        background: #2e303f
    }
}

@media (max-width:991px) {

    header .navbar-header .collapse,
    header .navbar-toggle {
        padding: 0;
        margin: 20px
    }
}

@media (min-width:768px) and (max-width:991px) {
    header .navbar-header {
        float: none;
        padding-top: 50px
    }
}

@media (max-width:991px) {
    header .navbar-header {
        padding-top: 25px !important;
        float: right !important
    }
}

header .dropdown-menu {
    padding: 0
}

header .dropdown-menu li {
    display: block !important;
    float: none;
    width: 100%;
    border-right: 0;
    border-left: 0
}

header.fixedheader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #1a2026;
    text-align: center;
    padding: 10px 0;
    -webkit-transition: all .9s ease-in-out;
    -moz-transition: all .9s ease-in-out;
    -ms-transition: all .9s ease-in-out;
    -o-transition: all .9s ease-in-out;
    transition: all .9s ease-in-out
}

@media (max-width:990px) {
    header.fixedheader {
        padding: 10px 0
    }
}

header.fixedheader .logo_head {
    float: left
}

header.arden_fixedheader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    text-align: center;
    padding: 15px 0;
    -webkit-transition: all .9s ease-in-out;
    -moz-transition: all .9s ease-in-out;
    -ms-transition: all .9s ease-in-out;
    -o-transition: all .9s ease-in-out;
    transition: all .9s ease-in-out
}

@media (max-width:990px) {
    header.arden_fixedheader {
        padding: 40px 0
    }
}

.nn_tight_container {
    margin-right: auto;
    margin-left: auto;
    max-width: 900px;
    position: relative
}

@media (max-width:900px) {
    .nn_tight_container {
        max-width: 768px
    }
}

.text_center {
    text-align: center
}

.text_left {
    text-align: left
}

.text_right {
    text-align: right
}

.pad_10 {
    padding: 10px 0
}

.pad_20 {
    padding: 20px 0
}

.pad_30 {
    padding: 30px 0
}

.pad_40 {
    padding: 40px 0
}

.pad_60 {
    padding: 60px 0
}

.pad_300 {
    height: 300px
}

.pad_200 {
    height: 200px
}

.pad_100 {
    height: 100px
}

.navbar-fixed-top {
    z-index: 99
}

.eris_header {
    position: fixed;
    padding: 10px 0;
    top: 0;
    width: 100%;
    background-color: #1a2026;
    border-bottom: 1px solid #fff;
    z-index: 100;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.eris_header .main_header {
    background-color: transparent
}

@media (max-width:990px) {
    .eris_header .main_header {
        position: inherit;
        top: inherit;
        float: left;
        padding: 0 20px;
        width: 100%
    }
}

.eris_header .main_header .logo_head {
    display: inline-block
}

@media (max-width:990px) {
    .eris_header .main_header .logo_head {
        padding-top: 10px;
        padding-left: 0
    }
}

.eris_header .main_header .logo_head a {
    width: auto;
    height: auto
}

.eris_header .main_header .logo_head a img {
    max-width: 170px
}

.eris_header .main_header .footer_logo {
    display: inline-block;
    float: left;
    padding-left: 40px
}

.eris_header .main_header .footer_logo a {
    width: auto;
    height: auto
}

.eris_header .main_header .footer_logo a img {
    max-width: 170px;
    margin-bottom: 20px
}

.eris_header .main_header .nav {
    min-height: auto;
    padding: 0
}

.eris_header .main_header .nav li {
    padding: 0
}

.eris_header .main_header .nav li a {
    border-right: 0;
    color: #383c50;
    letter-spacing: 1px;
    font-weight: 700;
    padding: 30px 8px;
    font-size: 12px
}

@media (max-width:990px) {
    .eris_header .main_header .nav li a {
        padding: 0
    }
}

.eris_header .main_header .nav li a:hover,
.eris_header .main_header .nav li a:focus {
    color: #f2c21a
}

.eris_header .main_header .nav li .active {
    color: #f2c21a;
    background-color: transparent
}

.eris_header .main_header .nav li .dropdown-menu {
    background-color: #1a2026;
    position: absolute;
    left: 10px;
    top: 78px
}

@media (max-width:990px) {
    .eris_header .main_header .nav li .dropdown-menu {
        position: initial;
        width: 100%
    }
}

.eris_header .main_header .nav li .dropdown-menu li a {
    color: #fff
}

.eris_header .main_header .nav li .dropdown-menu li a::after {
    display: none
}

.eris_header .main_header .nav li .dropdown-menu li a.active {
    color: #fff
}

.eris_header .main_header .nav li .dropdown-menu li a:hover,
.eris_header .main_header .nav li .dropdown-menu li a:focus {
    color: #fff
}

.eris_header .main_header .navbar {
    margin-bottom: 0;
    border: 0;
    display: inline-block;
    float: right;
    position: initial
}

@media (max-width:990px) {
    .eris_header .main_header .navbar .navbar-collapse ul {
        text-align: left;
        position: relative;
        font-size: 0;
        width: 100%;
        padding: 0;
        margin: 20px 0;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff
    }

    .eris_header .main_header .navbar .navbar-collapse ul li {
        margin: 0;
        display: block;
        padding: 0;
        position: initial
    }

    .eris_header .main_header .navbar .navbar-collapse ul li a {
        background-color: transparent;
        border-radius: 0;
        font-weight: 600;
        font-size: 13px;
        letter-spacing: 3px;
        color: #fff;
        position: initial;
        display: block;
        padding: 15px 20px;
        text-align: left;
        line-height: 1;
        background-color: #000;
        border: none
    }

    .eris_header .main_header .navbar .navbar-collapse ul li a.active {
        background-color: #fff;
        color: #000;
        border-radius: 0;
        border: none
    }

    .eris_header .main_header .navbar .navbar-collapse ul li a.active:hover,
    .eris_header .main_header .navbar .navbar-collapse ul li a.active:focus {
        background-color: #fff;
        color: #000;
        border: none
    }

    .eris_header .main_header .navbar .navbar-collapse ul li a:hover,
    .eris_header .main_header .navbar .navbar-collapse ul li a:focus {
        background-color: #fff;
        color: #000;
        border: none;
        border-radius: 0
    }
}

.eris_header .main_header .navbar ul {
    text-align: center;
    position: relative;
    font-size: 0
}

.eris_header .main_header .navbar ul:before {
    position: absolute;
    content: "";
    opacity: .2;
    top: -1px;
    width: 55%;
    margin: 0 auto;
    left: 0;
    right: 0
}

.eris_header .main_header .navbar ul li {
    margin: 0;
    display: inline-block;
    padding: 0 10px
}

.eris_header .main_header .navbar ul li a {
    font-size: 14px;
    letter-spacing: 1px;
    color: #2e303f;
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 55px;
    background-color: transparent
}

.eris_header .main_header .navbar ul li a::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 40%;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: 6px solid #fff;
    display: block;
    height: 4px;
    visibility: hidden;
    opacity: 0;
    transition: .3s all ease-in-out;
    pointer-events: none
}

.eris_header .main_header .navbar ul li a.active {
    color: #fff;
    transition: .3s all ease-in-out;
    background-color: transparent
}

.eris_header .main_header .navbar ul li a.active::after {
    visibility: visible;
    opacity: 1
}

.eris_header .main_header .navbar ul li a:hover,
.eris_header .main_header .navbar ul li a:focus {
    color: #fff;
    transition: .3s all ease-in-out;
    background-color: transparent
}

.eris_header .main_header .navbar ul li a:hover::after,
.eris_header .main_header .navbar ul li a:focus::after {
    visibility: visible;
    opacity: 1
}

.eris_header .main_header .navbar-collapse {
    padding: 0
}

@media (max-width:990px) {
    .eris_header .main_header .navbar-collapse {
        background-color: transparent;
        position: absolute;
        left: 0;
        right: 0;
        z-index: 101;
        text-align: center;
        top: 110px
    }
}

.eris_banner {
    background-color: #d33;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    padding-top: 250px;
    padding-bottom: 100px;
    overflow: hidden;
    z-index: 1
}

@media (max-width:540px) {
    .eris_banner {
        text-align: center
    }
}

.eris_banner::after {
    content: '';
    background: url(../images/eris_banner_after.png);
    width: 100%;
    height: 180px;
    position: absolute;
    bottom: 0
}

@media (max-width:540px) {
    .eris_banner::after {
        display: none
    }
}

.eris_banner .eris_banner_head {
    font-size: 55px;
    color: #fff;
    font-weight: 600;
    line-height: 70px;
    letter-spacing: .5px;
    margin-top: 70px;
    margin-bottom: 25px
}

@media (max-width:1366px) {
    .eris_banner .eris_banner_head {
        font-size: 40px;
        line-height: 50px
    }
}

@media (max-width:540px) {
    .eris_banner .eris_banner_head {
        margin-top: 0
    }
}

.eris_banner .eris_banner_text {
    color: #fff;
    font-size: 18px;
    letter-spacing: .5px;
    line-height: 1.5;
    margin-bottom: 55px
}

@media (max-width:1366px) {
    .eris_banner .eris_banner_text {
        font-size: 16px
    }
}

.eris_banner .eris_banner_btn {
    background-color: #fff;
    color: #2f2f2f;
    font-size: 14px;
    line-height: 58px;
    text-align: center;
    letter-spacing: 1px;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 5px;
    border: 2px solid #fff;
    padding: 0 20px;
    margin-right: 30px;
    transition: .7s all ease-in-out
}

@media (max-width:540px) {
    .eris_banner .eris_banner_btn {
        font-size: 10px;
        line-height: 47px;
        padding: 0 12px;
        margin-bottom: 70px
    }
}

.eris_banner .eris_banner_btn.btn_transparent {
    background-color: transparent;
    color: #fff;
    border: 2px solid #fff;
    margin-right: 0;
    transition: .7s all ease-in-out
}

.eris_banner .eris_banner_btn.btn_transparent:active,
.eris_banner .eris_banner_btn.btn_transparent:hover,
.eris_banner .eris_banner_btn.btn_transparent:focus {
    border: 2px solid #fff;
    background-color: #fff;
    color: #2f2f2f;
    transition: .7s all ease-in-out
}

.eris_banner .eris_banner_btn.btn_white:active,
.eris_banner .eris_banner_btn.btn_white:hover,
.eris_banner .eris_banner_btn.btn_white:focus {
    background-color: transparent;
    color: #fff;
    border: 2px solid #fff;
    transition: .7s all ease-in-out
}

.eris_banner .eris_banner_bg {
    text-align: right;
    position: relative;
    z-index: 1
}

@media (max-width:540px) {
    .eris_banner .eris_banner_bg {
        text-align: center
    }
}

.eris_banner .eris_banner_bg img {
    width: 100%
}

.guven_banner {
    padding: 315px 0;
    position: relative;
    background-color: #d33;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    overflow: hidden;
    z-index: 1
}

@media (max-width:540px) {
    .guven_banner {
        text-align: center;
        padding-top: 150px;
        padding-bottom: 50px
    }
}

.guven_banner::after {
    content: '';
    background: url(../images/eris_banner_after.png);
    width: 100%;
    height: 180px;
    position: absolute;
    bottom: 0
}

@media (max-width:540px) {
    .guven_banner::after {
        display: none
    }
}

.guven_banner .eris_banner_head {
    font-size: 55px;
    color: #fff;
    font-weight: 600;
    line-height: 70px;
    letter-spacing: .5px;
    width: 70%;
    margin-top: 0;
    margin-bottom: 25px
}

@media (max-width:1366px) {
    .guven_banner .eris_banner_head {
        font-size: 40px;
        line-height: 50px
    }
}

@media (max-width:540px) {
    .guven_banner .eris_banner_head {
        margin-top: 0;
        width: 100%;
        font-size: 35px
    }
}

.guven_banner .eris_banner_text {
    color: #fff;
    font-size: 18px;
    letter-spacing: .5px;
    line-height: 1.5;
    margin-bottom: 55px
}

@media (max-width:1366px) {
    .guven_banner .eris_banner_text {
        font-size: 16px
    }
}

.guven_banner .eris_banner_btn {
    background-color: #fff;
    color: #2f2f2f;
    font-size: 14px;
    line-height: 58px;
    text-align: center;
    letter-spacing: 1px;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 5px;
    border: 2px solid #fff;
    padding: 0 20px;
    margin-right: 30px;
    transition: .7s all ease-in-out
}

@media (max-width:540px) {
    .guven_banner .eris_banner_btn {
        font-size: 10px;
        line-height: 47px;
        padding: 0 12px;
        margin-bottom: 70px
    }
}

.guven_banner .eris_banner_btn.btn_transparent {
    background-color: transparent;
    color: #fff;
    border: 2px solid #fff;
    margin-right: 0;
    transition: .7s all ease-in-out
}

.guven_banner .eris_banner_btn.btn_transparent:active,
.guven_banner .eris_banner_btn.btn_transparent:hover,
.guven_banner .eris_banner_btn.btn_transparent:focus {
    border: 2px solid #fff;
    background-color: #fff;
    color: #2f2f2f;
    transition: .7s all ease-in-out
}

.guven_banner .eris_banner_btn.btn_white:active,
.guven_banner .eris_banner_btn.btn_white:hover,
.guven_banner .eris_banner_btn.btn_white:focus {
    background-color: transparent;
    color: #fff;
    border: 2px solid #fff;
    transition: .7s all ease-in-out
}

.eris_feature {
    background-color: #fff;
    padding: 150px 0
}

.eris_feature .feature_item {
    text-align: left;
    margin-bottom: 60px
}

@media (max-width:540px) {
    .eris_feature .feature_item {
        margin-top: 40px;
        text-align: center
    }
}

.eris_feature .feature_item img {
    margin-bottom: 20px;
    height: 50px;
    width: auto
}

.eris_feature .feature_item .feature_item_head {
    font-size: 20px;
    color: #2f2f2f;
    margin-bottom: 20px;
    letter-spacing: .5px;
    line-height: 1.5
}

.eris_feature .feature_item .feature_item_text {
    color: #585858;
    line-height: 1.5;
    letter-spacing: .5px;
    font-size: 16px;
    margin-bottom: 10px
}

.eris_get_app {
    background-color: #d33;
    padding-top: 150px;
    padding-bottom: 0
}

@media (max-width:540px) {
    .eris_get_app {
        text-align: center
    }
}

.eris_get_app img {
    max-width: 625px
}

@media (max-width:540px) {
    .eris_get_app img {
        max-width: 100%;
        margin-top: 30px
    }
}

.eris_get_app .getapp_head {
    color: #fff;
    letter-spacing: 1px;
    line-height: 1.5;
    margin-bottom: 25px;
    font-size: 35px;
    font-weight: 600;
    padding-top: 130px
}

@media (max-width:540px) {
    .eris_get_app .getapp_head {
        padding-top: 0
    }
}

.eris_get_app .getapp_text {
    margin-bottom: 45px;
    color: #fff;
    font-size: 16px;
    letter-spacing: .5px;
    line-height: 1.5
}

.eris_get_app .eris_app_btn {
    background-color: #fff;
    color: #2f2f2f;
    font-size: 14px;
    line-height: 58px;
    text-align: center;
    letter-spacing: 1px;
    font-weight: 600;
    display: inline-block;
    border-radius: 5px;
    border: 2px solid #fff;
    padding: 0 20px;
    margin-right: 30px;
    transition: .7s all ease-in-out
}

@media (max-width:540px) {
    .eris_get_app .eris_app_btn {
        margin-bottom: 30px;
        margin-right: 0
    }
}

.eris_get_app .eris_app_btn:active,
.eris_get_app .eris_app_btn:hover,
.eris_get_app .eris_app_btn:focus {
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
    transition: .7s all ease-in-out
}

.eris_get_app .eris_app_btn:last-child {
    margin-right: 0
}

.price_sec_title {
    text-align: center;
    margin-bottom: 75px
}

.price_sec_title .price_head {
    color: #2f2f2f;
    font-size: 36px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.5;
    margin-bottom: 10px
}

@media (max-width:540px) {
    .price_sec_title .price_head {
        font-size: 30px
    }
}

.price_sec_title .price_text {
    color: #585858;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: .5px;
    width: 60%;
    margin: 0 auto
}

@media (max-width:540px) {
    .price_sec_title .price_text {
        font-size: 14px;
        width: 100%
    }
}

.eris_price_section {
    padding: 150px 0;
    background-color: #fff
}

.eris_price_section .eris_price_box {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
    text-align: center;
    padding: 50px 0;
    background-color: #fff;
    margin-bottom: 30px
}

.eris_price_section .eris_price_box .price_box_head {
    color: #d33;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 20px;
    letter-spacing: .5px;
    line-height: 1.5;
    text-transform: uppercase
}

.eris_price_section .eris_price_box .price_box_features {
    padding: 10px 0;
    margin: 0;
    list-style: none
}

.eris_price_section .eris_price_box .price_box_features li {
    display: block;
    list-style: none;
    color: #585858;
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 20px
}

.eris_price_section .eris_price_box .price_box_price {
    margin-bottom: 30px
}

.eris_price_section .eris_price_box .price_box_price .price_simbel {
    font-size: 25px;
    font-weight: 600;
    color: #2f2f2f;
    vertical-align: super;
    padding-right: 7px
}

.eris_price_section .eris_price_box .price_box_price .price_box_title {
    color: #2f2f2f;
    font-size: 50px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.5;
    margin-bottom: 5px;
    display: inline-block
}

.eris_price_section .eris_price_box .price_box_price .price_time {
    font-size: 20px;
    font-weight: 600;
    color: #2f2f2f;
    vertical-align: middle;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 15px
}

.eris_price_section .eris_price_box .price_box_btn {
    background-color: transparent;
    color: #d33;
    border: 2px solid #d33;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    padding: 14px 20px;
    border-radius: 5px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.eris_price_section .eris_price_box .price_box_btn:active,
.eris_price_section .eris_price_box .price_box_btn:hover,
.eris_price_section .eris_price_box .price_box_btn:focus {
    background-color: #d33;
    color: #fff;
    border: 2px solid #d33
}

.eris_subscribe_section {
    padding: 80px 0;
    background-color: #2e303f
}

.eris_subscribe_section .eris_subscribe {
    position: relative;
    overflow: hidden;
    padding: 0 190px
}

@media (max-width:540px) {
    .eris_subscribe_section .eris_subscribe {
        padding: 0
    }
}

.eris_subscribe_section .eris_subscribe input {
    border-radius: 5px;
    border: 1px solid #d33;
    color: #d33;
    height: 60px;
    width: 100%;
    display: block;
    padding: 0 20px;
    font-size: 14px;
    padding: 0 10px;
    outline: none;
    background-color: transparent
}

.eris_subscribe_section .eris_subscribe input::-webkit-input-placeholder {
    color: #d33
}

.eris_subscribe_section .eris_subscribe input::-moz-placeholder {
    color: #d33
}

.eris_subscribe_section .eris_subscribe input:-ms-input-placeholder {
    color: #d33
}

.eris_subscribe_section .eris_subscribe input:-moz-placeholder {
    color: #d33
}

.eris_subscribe_section .eris_subscribe button {
    font-size: 14px;
    color: #fff;
    border-radius: 5px;
    padding: 0 10px;
    background-color: #d33;
    text-transform: uppercase;
    height: 60px;
    width: 100%;
    border: none;
    outline: none;
    margin: 0
}

.eris_common_banner {
    background-image: url(../images/eris_common_banner_bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 350px 0;
    position: relative;
    text-align: center
}

@media (max-width:540px) {
    .eris_common_banner {
        padding-top: 190px;
        padding-bottom: 100px
    }
}

.eris_common_banner::after {
    content: '';
    background: url(../images/eris_banner_after.png);
    width: 100%;
    height: 180px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

@media (max-width:540px) {
    .eris_common_banner::after {
        display: none
    }
}

.eris_common_banner .common_banner_head {
    font-size: 55px;
    color: #fff;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: .5px;
    margin-bottom: 15px
}

@media (max-width:540px) {
    .eris_common_banner .common_banner_head {
        font-size: 35px
    }
}

.eris_common_banner .common_banner_text {
    color: #fff;
    font-size: 21px;
    font-weight: 600;
    line-height: 1.8;
    letter-spacing: .5px;
    width: 70%;
    margin: 0 auto;
    margin-bottom: 15px
}

@media (max-width:540px) {
    .eris_common_banner .common_banner_text {
        width: 100%;
        font-size: 16px
    }
}

.eris_about_feature {
    padding: 150px 0;
    background-color: #fff
}

.eris_about_feature .feature_box {
    margin-bottom: 60px;
    margin-top: 50px
}

.eris_about_feature .feature_box.text-left {
    text-align: left
}

@media (max-width:540px) {
    .eris_about_feature .feature_box.text-left {
        text-align: center
    }
}

.eris_about_feature .feature_box.text-right {
    text-align: right
}

@media (max-width:540px) {
    .eris_about_feature .feature_box.text-right {
        text-align: center
    }
}

.eris_about_feature .feature_box .feature_icon {
    display: inline-block;
    position: relative;
    font-size: 26px;
    color: #d33;
    vertical-align: middle;
    line-height: 65px;
    height: 65px;
    width: 65px;
    border: 2px solid #d33;
    border-radius: 10px;
    transition: .3s all ease-in-out;
    text-align: center
}

.eris_about_feature .feature_box .feature_item_head {
    font-size: 25px;
    color: #2f2f2f;
    margin-top: 20px;
    margin-bottom: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.5
}

.eris_about_feature .feature_box .feature_item_text {
    font-size: 16px;
    color: #2f2f2f;
    line-height: 1.5;
    letter-spacing: .5px;
    margin-bottom: 10px
}

.eris_about_feature .feature_box:hover,
.eris_about_feature .feature_box:focus {
    transition: .3s all ease-in-out
}

.eris_about_feature .feature_box:hover .feature_icon,
.eris_about_feature .feature_box:focus .feature_icon {
    background-color: #d33;
    color: #fff;
    border: 2px solid #d33;
    transition: .3s all ease-in-out
}

.eris_about_feature .feature_box:hover .feature_item_head,
.eris_about_feature .feature_box:focus .feature_item_head {
    color: #d33;
    transition: .3s all ease-in-out
}

.eris_about_feature .img {
    width: 100%
}

.eris_team_section {
    padding: 100px 0;
    background-color: #2e303f
}

.eris_team_section .team_item {
    background-color: #fff;
    border-radius: 5px;
    transition: .3s all ease-in-out
}

.eris_team_section .team_item .image_box {
    width: 360px;
    height: 300px;
    object-fit: cover;
    overflow: hidden;
    transition: .3s all ease-in-out
}

.eris_team_section .team_item .image_box img {
    width: 360px;
    height: 300px;
    overflow: hidden;
    object-fit: cover;
    transition: .3s all ease-in-out
}

.eris_team_section .team_item .content_box {
    text-align: center;
    padding: 35px 55px;
    background-color: #fff;
    transition: .3s all ease-in-out
}

.eris_team_section .team_item .content_box .team_name {
    color: #2f2f2f;
    font-size: 22px;
    line-height: 1.5;
    letter-spacing: .5px;
    margin-bottom: 10px;
    font-weight: 600;
    transition: .3s all ease-in-out
}

.eris_team_section .team_item .content_box .team_post {
    color: #585858;
    font-size: 16px;
    letter-spacing: .5px;
    line-height: 1.5;
    margin-bottom: 15px
}

.eris_team_section .team_item .content_box .team_text {
    color: #585858;
    line-height: 1.5;
    letter-spacing: .5px;
    margin-bottom: 25px
}

.eris_team_section .team_item .content_box .team_social {
    padding: 0;
    margin: 0;
    list-style: none
}

.eris_team_section .team_item .content_box .team_social li {
    list-style: none;
    display: inline-block;
    padding-right: 10px
}

.eris_team_section .team_item .content_box .team_social li:last-child {
    padding-right: 0
}

.eris_team_section .team_item .content_box .team_social li .team_icon {
    font-size: 16px;
    color: #2f2f2f;
    text-align: center
}

.eris_team_section .team_item .content_box .team_social li .team_icon:active,
.eris_team_section .team_item .content_box .team_social li .team_icon:hover,
.eris_team_section .team_item .content_box .team_social li .team_icon:focus {
    color: #d33;
    transition: .3s all ease-in-out
}

.eris_team_section .team_item:hover,
.eris_team_section .team_item:focus {
    box-shadow: 0 10px 20px 2px rgba(106, 106, 106, 0.15);
    transition: .3s all ease-in-out
}

.eris_team_section .team_item:hover .content_box .team_name,
.eris_team_section .team_item:focus .content_box .team_name {
    color: #d33
}

.eris_team_section .team_item:hover .image_box img,
.eris_team_section .team_item:focus .image_box img {
    transform: scale(1.2);
    transition: .3s all ease-in-out
}

.eris_video_section {
    background-image: url(../images/features-bg-06.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding-top: 200px;
    padding-bottom: 250px
}

@media (max-width:540px) {
    .eris_video_section {
        padding-top: 100px;
        padding-bottom: 80px
    }
}

.eris_video_section::after {
    content: '';
    background: url(../images/eris_video_after.png);
    width: 100%;
    height: 224px;
    position: absolute;
    bottom: 0
}

@media (max-width:540px) {
    .eris_video_section::after {
        display: none
    }
}

.eris_video_section .video_box {
    text-align: center
}

@media (max-width:540px) {
    .eris_video_section .video_box {
        margin: 40px 0
    }
}

.eris_video_section .video_box .video_head {
    font-size: 28px;
    color: #fff;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.5;
    text-align: center
}

.eris_video_section .video_box .video_btn {
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    background-color: #fff;
    color: #d33;
    border-radius: 50%;
    padding-left: 6px;
    font-size: 30px
}

.eris_download {
    background-color: #fff;
    padding: 60px 0
}

@media (max-width:540px) {
    .eris_download {
        text-align: center
    }
}

.eris_download .download_head {
    font-size: 34px;
    color: #2f2f2f;
    line-height: 1.5;
    letter-spacing: .5px;
    margin-bottom: 30px;
    margin-top: 150px
}

@media (max-width:540px) {
    .eris_download .download_head {
        margin-top: 0
    }
}

.eris_download .download_text {
    font-size: 16px;
    color: #585858;
    line-height: 1.5;
    text-align: justify;
    letter-spacing: .5px;
    margin-bottom: 50px
}

.eris_download .download_link {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 30px
}

.eris_download .download_link li {
    list-style: none;
    padding-right: 30px;
    display: inline-block
}

.eris_download .download_link li a {
    color: #585858;
    font-size: 28px;
    transition: .3s all ease-in-out
}

.eris_download .download_link li a:active,
.eris_download .download_link li a:hover,
.eris_download .download_link li a:focus {
    color: #d33;
    transition: .3s all ease-in-out
}

.eris_download .download_img {
    text-align: center
}

.eris_download .download_img img {
    width: 100%
}

.eris_home_section_2 {
    background-color: #000;
    padding: 60px 0
}

.eris_home_section_2 .eris_home_section_2_inner_1 {
    padding-bottom: 20px
}

.eris_home_section_2 .eris_home_section_2_inner_1 h1 {
    font-size: 22px;
    color: #fff
}

.eris_home_section_2 .eris_home_section_2_inner_1 h4 {
    font-size: 18px;
    color: #383c50;
    line-height: 30px
}

.eris_home_section_2 .eris_home_section_2_inner_2 {
    padding-bottom: 20px
}

.eris_home_section_2 .eris_home_section_2_inner_2 h1 {
    font-size: 22px;
    color: #fff
}

.eris_home_section_2 .eris_home_section_2_inner_2 h4 {
    font-size: 18px;
    color: #383c50;
    line-height: 30px
}

.eris_home_section_2 .eris_home_section_2_inner_3 {
    padding-bottom: 20px
}

.eris_home_section_2 .eris_home_section_2_inner_3 h1 {
    font-size: 22px;
    color: #fff
}

.eris_home_section_2 .eris_home_section_2_inner_3 h4 {
    font-size: 18px;
    color: #383c50;
    line-height: 30px
}

.eris_home_section_3 {
    background-color: #fff;
    padding: 60px 0;
    display: block;
    text-align: center
}

.eris_home_section_4 {
    background-color: #fff;
    padding: 60px 0
}

.eris_home_section_4 h4 {
    font-size: 30px;
    color: #000;
    font-style: inherit;
    font-weight: 300;
    line-height: 45px
}

.eris_home_section_4 a {
    background-color: transparent;
    padding: 14px 24px;
    border: 3px solid #3c3c3c;
    border-radius: 25px;
    color: #3c3c3c;
    font-size: 18px;
    line-height: 100%;
    display: inline-block;
    -webkit-transition: color .1s ease-in-out, background .7s ease-in-out, border .1s ease-in-out
}

.eris_home_section_4 a:active {
    background-color: #3c3c3c;
    color: #fff;
    border-radius: 25px;
    border: 3px solid #3c3c3c
}

.eris_home_section_4 a:hover,
.eris_home_section_4 a:focus {
    background-color: #3c3c3c;
    color: #fff;
    border-radius: 25px;
    border: 3px solid #3c3c3c;
    -webkit-transition: color .1s ease-in-out, background .7s ease-in-out, border .1s ease-in-out
}

.eris_home_section_5 {
    background-image: url(../images/home-bg-01.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
    padding: 60px 0;
    background-size: cover
}

.eris_home_section_5 h1 {
    font-size: 42px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 4px
}

.eris_home_section_5 h4 {
    font-size: 18px;
    color: #fff;
    line-height: 200%;
    font-weight: 300;
    letter-spacing: 2px
}

.eris_home_section_5 a {
    background-color: #3b65ce;
    padding: 14px 24px;
    border-radius: 25px;
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    display: inline-block;
    -webkit-transition: color .1s ease-in-out, background .7s ease-in-out, border .1s ease-in-out
}

.eris_home_section_5 a:active {
    background-color: #f2c21a;
    color: #fff;
    border-radius: 25px
}

.eris_home_section_5 a:hover,
.eris_home_section_5 a:focus {
    background-color: #f2c21a;
    color: #fff;
    border-radius: 25px
}

.eris_footer .main_footer {
    background-color: #181818;
    padding: 110px 0
}

.eris_footer .main_footer .footer_logo {
    display: inline-block;
    margin-bottom: 25px
}

.eris_footer .main_footer .footer_text {
    margin-bottom: 20px
}

.eris_footer .main_footer .footer_text p {
    color: #585858;
    font-size: 16px;
    text-align: justify;
    line-height: 1.5;
    letter-spacing: .5px;
    width: 90%
}

@media (max-width:540px) {
    .eris_footer .main_footer .footer_text p {
        width: 100%
    }
}

.eris_footer .main_footer .footer_social {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 20px
}

.eris_footer .main_footer .footer_social li {
    list-style: none;
    display: inline-block;
    padding-right: 10px
}

.eris_footer .main_footer .footer_social li:last-child {
    padding-right: 0
}

.eris_footer .main_footer .footer_social li a {
    color: #585858;
    font-size: 16px;
    transition: .3s all ease-in-out
}

.eris_footer .main_footer .footer_social li a:active,
.eris_footer .main_footer .footer_social li a:hover,
.eris_footer .main_footer .footer_social li a:focus {
    color: #fff;
    transition: .3s all ease-in-out
}

.eris_footer .main_footer .widget_head {
    color: #fff;
    font-size: 18px;
    margin-bottom: 25px;
    letter-spacing: .8px;
    line-height: 1.5
}

.eris_footer .main_footer .widget_inner {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 30px
}

.eris_footer .main_footer .widget_inner li {
    display: inline-block;
    list-style: none;
    width: 100%;
    margin-bottom: 10px
}

.eris_footer .main_footer .widget_inner li .fa {
    width: 30px;
    color: #585858;
    font-size: 14px;
    float: left;
    margin-top: 5px
}

.eris_footer .main_footer .widget_inner li a {
    color: #585858;
    float: left;
    width: calc(70%);
    letter-spacing: .5px;
    line-height: 1.5;
    font-size: 16px
}

.eris_footer .main_footer .insta_widget {
    padding: 0;
    margin: 0;
    list-style: none
}

.eris_footer .main_footer .insta_widget li {
    list-style: none;
    display: inline-block;
    padding: 5px 3px
}

.eris_footer .main_footer .insta_widget li a {
    width: 85px;
    height: 85px;
    object-fit: cover;
    overflow: hidden
}

.eris_footer .main_footer .insta_widget li a img {
    width: 85px;
    height: 85px;
    object-fit: cover
}

.eris_footer .copy_footer {
    padding-top: 45px;
    padding-bottom: 30px;
    background-color: #000
}

.eris_footer .copy_footer .copy-right {
    text-align: left
}

.eris_footer .copy_footer .copy-right p {
    color: #585858;
    font-size: 16px;
    letter-spacing: .8px;
    line-height: 1.5
}

.eris_feature_banner {
    background-image: url(../images/eris_feature_banner.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
    background-size: cover
}

.eris_feature_banner .eris_feature_banner_text h1 {
    font-size: 37px;
    color: #fff;
    line-height: 60px;
    font-weight: 600
}

.eris_feature_banner .eris_feature_banner_text h4 {
    font-size: 18px;
    color: #fff;
    line-height: 200%;
    letter-spacing: 1px
}

.eris_feature_banner .eris_feature_banner_text .eris_feature_banner_img .eris_feature_banner_img1 {
    margin-bottom: 30px
}

.eris_feature_banner .eris_feature_banner_text .eris_feature_banner_img .eris_feature_banner_img2 {
    margin-bottom: 30px
}

.eris_feature_banner .eris_feature_banner_text .eris_feature_banner_img .eris_feature_banner_img3 {
    margin-bottom: 30px
}

.eris_feature_banner .eris_feature_banner_text .eris_feature_banner_img h3 {
    font-size: 18px;
    color: #fff;
    padding-top: 23px
}

.eris_feature_section2 {
    padding: 100px 100px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.eris_feature_section2 .feature_section2_inner1 {
    text-align: center
}

.eris_feature_section2 .feature_section2_inner1 img {
    width: 100%
}

.eris_feature_section2 .feature_section2_inner2 h1 {
    font-size: 34px;
    color: #888;
    text-align: left
}

.eris_feature_section2 .feature_section2_inner2 h4 {
    font-size: 16px;
    color: #383c50;
    line-height: 30px;
    text-align: justify
}

.eris_feature_section2 .feature_section2_inner2 h2 {
    font-size: 18px;
    color: #888;
    text-align: left
}

.eris_feature_section3 {
    background-image: url(../images/home-bg-02.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
    background-size: cover
}

.eris_feature_section3 .feature_section3_inner1 h1 {
    font-size: 32px;
    color: #fff;
    line-height: 50px;
    font-weight: 600;
    letter-spacing: 2px
}

.eris_feature_section3 .feature_section3_inner2 {
    margin-top: 30px
}

.eris_feature_section3 .feature_section3_inner2 .feature_section3_inner2_box1 {
    text-align: center
}

.eris_feature_section3 .feature_section3_inner2 .feature_section3_inner2_box2 {
    text-align: center
}

.eris_feature_section4 {
    padding: 100px 100px
}

.eris_feature_section4 .feature_section1 h1 {
    font-size: 34px;
    color: #888;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 50px
}

.eris_feature_section4 .feature_section2 .eris_feature_section4_inner1 .section4_inner1_box1 {
    width: auto;
    padding-bottom: 20px
}

.eris_feature_section4 .feature_section2 .eris_feature_section4_inner1 .section4_inner1_box1 .box1_image {
    text-align: right
}

.eris_feature_section4 .feature_section2 .eris_feature_section4_inner1 .section4_inner1_box1 h1 {
    font-size: 18px;
    color: #888;
    padding: 20px 0 10px 0;
    text-align: right
}

.eris_feature_section4 .feature_section2 .eris_feature_section4_inner1 .section4_inner1_box1 p {
    font-size: 16px;
    color: #383c50;
    text-align: right
}

.eris_feature_section4 .feature_section2 .eris_feature_section4_inner1 .section4_inner1_box2 {
    width: auto;
    padding-top: 20px
}

.eris_feature_section4 .feature_section2 .eris_feature_section4_inner1 .section4_inner1_box2 .box2_image {
    text-align: right
}

.eris_feature_section4 .feature_section2 .eris_feature_section4_inner1 .section4_inner1_box2 h1 {
    font-size: 18px;
    color: #888;
    padding: 20px 0 10px 0;
    text-align: right
}

.eris_feature_section4 .feature_section2 .eris_feature_section4_inner1 .section4_inner1_box2 p {
    font-size: 16px;
    color: #383c50;
    text-align: right
}

.eris_feature_section4 .feature_section2 .eris_feature_section4_inner2 .box3_image {
    text-align: center
}

.eris_feature_section4 .feature_section2 .eris_feature_section4_inner2 .box3_image img {
    width: 100%
}

.eris_feature_section4 .feature_section2 .eris_feature_section4_inner3 .section4_inner3_box1 {
    width: auto;
    padding-bottom: 20px
}

.eris_feature_section4 .feature_section2 .eris_feature_section4_inner3 .section4_inner3_box1 .box4_image {
    text-align: left
}

.eris_feature_section4 .feature_section2 .eris_feature_section4_inner3 .section4_inner3_box1 h1 {
    font-size: 18px;
    color: #888;
    padding: 20px 0 10px 0;
    text-align: left
}

.eris_feature_section4 .feature_section2 .eris_feature_section4_inner3 .section4_inner3_box1 p {
    font-size: 16px;
    color: #383c50;
    text-align: left
}

.eris_feature_section4 .feature_section2 .eris_feature_section4_inner3 .section4_inner3_box2 {
    width: auto;
    padding-top: 20px
}

.eris_feature_section4 .feature_section2 .eris_feature_section4_inner3 .section4_inner3_box2 .box5_image {
    text-align: left
}

.eris_feature_section4 .feature_section2 .eris_feature_section4_inner3 .section4_inner3_box2 h1 {
    font-size: 18px;
    color: #888;
    padding: 20px 0 10px 0;
    text-align: left
}

.eris_feature_section4 .feature_section2 .eris_feature_section4_inner3 .section4_inner3_box2 p {
    font-size: 16px;
    color: #383c50;
    text-align: left
}

.eris_feature_section6 {
    padding: 60px 0 60px 0
}

.eris_feature_section6 .eris_feature_section6_inner1 h1 {
    font-size: 34px;
    color: #888;
    text-align: left
}

.eris_feature_section6 .eris_feature_section6_inner1 h4 {
    font-size: 16px;
    color: #383c50;
    line-height: 30px;
    padding-right: 60px;
    text-align: justify
}

.eris_feature_section6 .eris_feature_section6_inner2 .sec6_inner2_img img {
    width: 100%
}

.eris_feature_section7 {
    background-image: url(../images/features-bg-10.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
    padding: 300px 0 300px;
    background-size: cover
}

.eris_feature_section7 h1 {
    font-size: 34px;
    color: #fff;
    text-align: center;
    letter-spacing: 4px;
    line-height: 150%;
    margin-bottom: 20px
}

.eris_feature_section7 .sec7_link {
    text-align: center
}

.eris_feature_section7 .sec7_link a {
    color: #fff;
    font-size: 16px
}

.eris_history {
    padding: 60px 0;
    background-color: #fff
}

.eris_history .history_head {
    font-size: 34px;
    color: #2f2f2f;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.5;
    margin-bottom: 40px
}

.eris_history .history_text {
    text-align: justify;
    font-size: 18px;
    color: #2f2f2f;
    line-height: 1.8;
    letter-spacing: .5px;
    margin-bottom: 30px
}

.eris_history .histpry_para {
    font-size: 16px;
    color: #585858;
    line-height: 1.8;
    text-align: justify;
    margin-bottom: 30px
}

.eris_history img {
    width: 100%
}

.eris_trial {
    background-image: url(../images/get_9.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0;
    position: relative
}

.eris_trial .trail_head {
    font-size: 32px;
    color: #fff;
    margin-bottom: 25px;
    line-height: 1.5;
    letter-spacing: .5px;
    font-weight: 600
}

.eris_trial .trial_text {
    font-size: 16px;
    color: #fff;
    text-align: justify;
    line-height: 1.5;
    margin-bottom: 25px;
    width: 85%
}

@media (max-width:540px) {
    .eris_trial .trial_text {
        width: 100%
    }
}

.eris_trial .detail_btn {
    color: #fff;
    background-color: transparent;
    display: inline-block;
    padding-right: 30px;
    font-size: 16px;
    font-weight: 600
}

.eris_trial .detail_btn:last-child {
    padding-right: 0
}

.eris_trial img {
    margin-bottom: 40px
}

.eris_trial .trial_btn {
    background-color: #fff;
    color: #2f2f2f;
    font-size: 14px;
    line-height: 58px;
    text-align: center;
    letter-spacing: 1px;
    font-weight: 600;
    display: inline-block;
    border-radius: 5px;
    border: 2px solid #fff;
    padding: 0 35px;
    transition: .5s all ease-in-out
}

.eris_trial .trial_btn:active,
.eris_trial .trial_btn:hover,
.eris_trial .trial_btn:focus {
    background-color: transparent;
    color: #fff;
    border: 2px solid #fff;
    transition: .5s all ease-in-out
}

.eris_contact_detail {
    padding-bottom: 60px;
    padding-top: 80px;
    background-color: #fff
}

.eris_contact_detail .detail_head {
    color: #2f2f2f;
    font-size: 36px;
    line-height: 1.5;
    letter-spacing: .5px;
    margin-bottom: 30px;
    font-weight: 600
}

.eris_contact_detail .contact_box {
    text-align: left
}

.eris_contact_detail .contact_box .box_item {
    display: flex;
    padding: 20px 20px 20px 25px;
    padding-left: 25px;
    margin-bottom: 25px;
    background-color: #262829;
    position: relative
}

.eris_contact_detail .contact_box .box_item .box_icon {
    display: inline-block;
    margin-right: 20px;
    position: relative;
    height: 70px;
    width: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 100%;
    color: #fff;
    background-color: #d33;
    font-size: 30px
}

.eris_contact_detail .contact_box .box_item .big_box .box_head {
    color: #2f2f2f;
    text-align: left;
    font-size: 25px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 10px
}

.eris_contact_detail .contact_box .box_item .big_box .box_text {
    color: #585858;
    text-align: left;
    font-size: 16px;
    line-height: 1.5
}

@media (max-width:540px) {
    .eris_contact_detail .contact_box .box_item .big_box .box_text {
        font-size: 14px
    }
}

.eris_contact_form {
    padding: 60px 0;
    background-color: #fff
}

.eris_contact_form h1 {
    font-size: 42px;
    color: #2f2f2f;
    text-align: center;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.5;
    margin-bottom: 40px
}

@media (max-width:540px) {
    .eris_contact_form h1 {
        font-size: 25px
    }
}

.eris_contact_form .eris_form input,
.eris_contact_form .eris_form textarea {
    width: 100%;
    line-height: 18px;
    margin-bottom: 25px;
    padding: 15px;
    font-size: 14px;
    color: #2f2f2f;
    background-color: #e1e1e1;
    border-radius: 5px;
    border: 2px solid #e1e1e1;
    font-weight: normal;
    position: relative;
    transition: .3s all ease-in-out
}

.eris_contact_form .eris_form input::-webkit-input-placeholder,
.eris_contact_form .eris_form textarea::-webkit-input-placeholder {
    color: #2f2f2f
}

.eris_contact_form .eris_form input::-moz-placeholder,
.eris_contact_form .eris_form textarea::-moz-placeholder {
    color: #2f2f2f
}

.eris_contact_form .eris_form input:-ms-input-placeholder,
.eris_contact_form .eris_form textarea:-ms-input-placeholder {
    color: #2f2f2f
}

.eris_contact_form .eris_form input:-moz-placeholder,
.eris_contact_form .eris_form textarea:-moz-placeholder {
    color: #2f2f2f
}

.eris_contact_form .eris_form input:focus,
.eris_contact_form .eris_form textarea:focus {
    border: 2px solid #d33;
    transition: .3s all ease-in-out;
    color: #d33
}

.eris_contact_form .eris_form input:focus::-webkit-input-placeholder,
.eris_contact_form .eris_form textarea:focus::-webkit-input-placeholder {
    color: #d33
}

.eris_contact_form .eris_form input:focus::-moz-placeholder,
.eris_contact_form .eris_form textarea:focus::-moz-placeholder {
    color: #d33
}

.eris_contact_form .eris_form input:focus:-ms-input-placeholder,
.eris_contact_form .eris_form textarea:focus:-ms-input-placeholder {
    color: #d33
}

.eris_contact_form .eris_form input:focus:-moz-placeholder,
.eris_contact_form .eris_form textarea:focus:-moz-placeholder {
    color: #d33
}

.eris_contact_form .eris_form textarea {
    min-height: 150px
}

.eris_contact_form .eris_form button {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    box-shadow: none;
    background-color: #d33;
    border: none;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    letter-spacing: .5px;
    transition: .3s all ease-in-out
}

.eris_contact_form .eris_form button:hover,
.eris_contact_form .eris_form button:focus {
    background-color: #2f2f2f;
    color: #fff;
    transition: .3s all ease-in-out
}

.arden_header {
    position: absolute;
    padding: 35px 0;
    top: 0;
    width: 100%;
    z-index: 100;
    -webkit-transition: all .9s ease-in-out;
    -moz-transition: all .9s ease-in-out;
    -ms-transition: all .9s ease-in-out;
    -o-transition: all .9s ease-in-out;
    transition: all .9s ease-in-out
}

.arden_header .main_header {
    background-color: transparent
}

@media (max-width:990px) {
    .arden_header .main_header {
        position: inherit;
        top: inherit;
        float: left;
        padding: 0 20px;
        width: 100%
    }
}

.arden_header .main_header .logo_head {
    display: inline-block;
    float: left;
    padding-left: 30px;
    padding-top: 0
}

.arden_header .main_header .logo_head a {
    width: auto;
    height: auto
}

.arden_header .main_header .logo_head a img {
    max-width: 150px
}

@media (max-width:990px) {
    .arden_header .main_header .logo_head {
        padding-top: 0;
        padding-left: 0
    }
}

.arden_header .main_header .arden_footer_logo {
    display: inline-block;
    float: left;
    padding-left: 40px;
    overflow: hidden;
    margin-bottom: 30px
}

.arden_header .main_header .arden_footer_logo a {
    width: auto;
    height: auto
}

.arden_header .main_header .arden_footer_logo a img {
    max-width: 170px;
    margin-bottom: 20px
}

.arden_header .main_header .nav {
    min-height: auto;
    padding: 0
}

.arden_header .main_header .nav li {
    padding: 0
}

.arden_header .main_header .nav li a {
    border-right: 0;
    color: #383c50;
    letter-spacing: 1px;
    font-weight: 700;
    padding: 30px 8px;
    font-size: 12px
}

@media (max-width:990px) {
    .arden_header .main_header .nav li a {
        padding: 0
    }
}

.arden_header .main_header .nav li a:hover,
.arden_header .main_header .nav li a:focus {
    color: #d33
}

.arden_header .main_header .nav li .active {
    color: #d33;
    background-color: transparent
}

.arden_header .main_header .nav li .dropdown-menu {
    background-color: #1a2026;
    top: 78px
}

@media (max-width:990px) {
    .arden_header .main_header .nav li .dropdown-menu {
        position: initial;
        width: 100%
    }
}

.arden_header .main_header .nav li .dropdown-menu li a {
    color: #fff
}

.arden_header .main_header .nav li .dropdown-menu li a:hover {
    color: #d33
}

.arden_header .main_header .navbar {
    margin-bottom: 0;
    border: 0;
    width: 100%
}

@media (max-width:990px) {
    .arden_header .main_header .navbar .navbar-collapse ul {
        text-align: left;
        position: relative;
        font-size: 0;
        width: 100%;
        margin: 0;
        padding: 0
    }

    .arden_header .main_header .navbar .navbar-collapse ul li {
        margin: 0;
        display: block;
        padding: 0;
        position: relative
    }

    .arden_header .main_header .navbar .navbar-collapse ul li a {
        background-color: #464646;
        border-radius: 0;
        font-weight: 600;
        font-size: 13px;
        letter-spacing: 3px;
        color: #fff;
        position: relative;
        display: block;
        padding: 15px 20px;
        text-align: left;
        line-height: 1;
        border: none
    }

    .arden_header .main_header .navbar .navbar-collapse ul li a:active,
    .arden_header .main_header .navbar .navbar-collapse ul li a.active {
        background-color: #d33;
        color: #464646;
        border-radius: 0;
        border: none
    }

    .arden_header .main_header .navbar .navbar-collapse ul li a:active:hover,
    .arden_header .main_header .navbar .navbar-collapse ul li a.active:hover,
    .arden_header .main_header .navbar .navbar-collapse ul li a:active:focus,
    .arden_header .main_header .navbar .navbar-collapse ul li a.active:focus {
        background-color: #d33;
        color: #fff;
        border: none
    }

    .arden_header .main_header .navbar .navbar-collapse ul li a:hover,
    .arden_header .main_header .navbar .navbar-collapse ul li a:focus {
        background-color: #d33;
        color: #fff;
        border: none;
        border-radius: 0
    }
}

.arden_header .main_header .navbar ul {
    text-align: center;
    position: relative;
    font-size: 0
}

.arden_header .main_header .navbar ul:before {
    position: absolute;
    content: "";
    opacity: .2;
    top: -1px;
    width: 55%;
    margin: 0 auto;
    left: 0;
    right: 0
}

.arden_header .main_header .navbar ul li {
    margin: 0;
    display: inline-block;
    padding: 0 10px
}

.arden_header .main_header .navbar ul li a {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 4px;
    color: #6990ab;
    padding: 0 20px;
    margin: 0;
    position: relative;
    line-height: 55px;
    border: 2px solid transparent
}

.arden_header .main_header .navbar ul li a.active {
    background-color: transparent;
    color: #d33
}

.arden_header .main_header .navbar ul li a.active:hover,
.arden_header .main_header .navbar ul li a.active:focus {
    background-color: transparent
}

.arden_header .main_header .navbar ul li a:hover,
.arden_header .main_header .navbar ul li a:focus {
    background-color: transparent;
    color: #d33
}

.arden_header .main_header .navbar-collapse {
    padding: 0
}

@media (max-width:990px) {
    .arden_header .main_header .navbar-collapse {
        background-color: transparent;
        position: absolute;
        right: 0;
        z-index: 101;
        text-align: center;
        top: 110px
    }
}

.arden_section1 {
    background-image: url(../images/arden_home_banner.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    padding-top: 230px;
    padding-bottom: 230px
}

.arden_section1 h4 {
    font-size: 18px;
    color: #d33;
    margin-bottom: 35px;
    text-align: center;
    letter-spacing: 2px;
    font-weight: 600
}

.arden_section1 h1 {
    font-size: 45px;
    color: #fff;
    text-align: center;
    line-height: 75px;
    font-weight: 600;
    margin-bottom: 70px;
    letter-spacing: 5px
}

.arden_section1 a {
    padding: 18px 32px;
    background-color: transparent;
    border: 3px solid #d33;
    border-radius: 45px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 51px;
    margin: 0
}

.arden_section1 a:active {
    background-color: #d33;
    border: 3px solid #d33;
    color: #fff;
    -webkit-transition: color .1s ease-in-out, background .7s ease-in-out, border .1s ease-in-out
}

.arden_section1 a:hover,
.arden_section1 a:focus {
    background-color: #d33;
    border: 3px solid #d33;
    color: #fff;
    -webkit-transition: color .1s ease-in-out, background .7s ease-in-out, border .1s ease-in-out
}

.arden_section2 {
    padding-top: 130px;
    padding-bottom: 150px;
    background-color: #fff
}

.arden_section2 .arden_sec2_in1 {
    padding-top: 150px;
    padding-bottom: 100px
}

.arden_section2 .arden_sec2_in1 h1 {
    font-size: 36px;
    color: #d33;
    line-height: 50px;
    text-align: left;
    margin-bottom: 40px
}

.arden_section2 .arden_sec2_in1 p {
    font-size: 18px;
    color: #2f2f2f;
    text-align: justify;
    line-height: 28px;
    margin-bottom: 40px
}

.arden_section2 .arden_sec2_in1 h4 {
    font-size: 16px;
    color: #888;
    text-align: left;
    padding-bottom: 3px;
    position: relative
}

.arden_section2 .arden_sec2_in1 h4:after {
    content: '';
    border-bottom: 1px solid #d33;
    width: 0
}

.arden_section2 .arden_sec2_in1 h4 a {
    color: #888
}

.arden_section2 .arden_sec2_in1 h4:hover,
.arden_section2 .arden_sec2_in1 h4:focus,
.arden_section2 .arden_sec2_in1 h4:active {
    border-bottom: 1px solid #d33;
    width: 102px;
    webkit-transition: padding .3s cubic-bezier(.645, .045, .355, 1);
    transition: padding .3s cubic-bezier(.645, .045, .355, 1);
    padding-bottom: 10px
}

.arden_section2 .arden_sec2_in2 {
    text-align: right
}

.arden_section2 .arden_sec2_in2 img {
    max-width: 100%;
    height: auto;
    vertical-align: top
}

.arden_section3 {
    padding-bottom: 150px;
    background-color: #fff
}

.arden_section3 .arden_sec3_in1 {
    text-align: left
}

.arden_section3 .arden_sec3_in1 img {
    max-width: 100%;
    height: auto;
    vertical-align: top
}

.arden_section3 .arden_sec3_in2 {
    padding-top: 150px;
    padding-bottom: 100px
}

.arden_section3 .arden_sec3_in2 h1 {
    font-size: 36px;
    color: #d33;
    line-height: 50px;
    text-align: left;
    margin-bottom: 40px
}

.arden_section3 .arden_sec3_in2 p {
    font-size: 18px;
    color: #2f2f2f;
    text-align: justify;
    line-height: 28px;
    margin-bottom: 40px
}

.arden_section3 .arden_sec3_in2 h4 {
    font-size: 16px;
    color: #888;
    text-align: left;
    padding-bottom: 3px;
    position: relative
}

.arden_section3 .arden_sec3_in2 h4:after {
    content: '';
    border-bottom: 1px solid #d33;
    width: 0
}

.arden_section3 .arden_sec3_in2 h4 a {
    color: #888
}

.arden_section3 .arden_sec3_in2 h4:hover,
.arden_section3 .arden_sec3_in2 h4:active {
    border-bottom: 1px solid #d33;
    width: 102px;
    webkit-transition: padding .3s cubic-bezier(.645, .045, .355, 1);
    transition: padding .3s cubic-bezier(.645, .045, .355, 1);
    padding-bottom: 10px
}

.arden_section4 {
    background-image: url(../images/arden_home_2.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 100px
}

.arden_section4 h1 {
    font-size: 40px;
    color: #fff;
    font-weight: 600;
    line-height: 70px;
    letter-spacing: 5px
}

.arden_section5 {
    padding: 100px;
    padding-bottom: 0;
    background-color: #fff
}

.arden_section5 h4 {
    font-size: 18px;
    color: #d33;
    margin-bottom: 40px;
    text-align: center;
    letter-spacing: 2px;
    font-weight: 600
}

.arden_section5 h1 {
    font-size: 36px;
    color: #000;
    letter-spacing: 2px;
    margin-bottom: 80px;
    text-align: center
}

@media (max-width:540px) {
    .arden_section5 h1 {
        font-size: 30px
    }
}

.arden_section6 {
    top: 0;
    left: 0;
    right: 0;
    padding-bottom: 100px;
    border-bottom: 1px solid #eee
}

.arden_section6 .arden_sec6_in1 {
    padding-bottom: 25px
}

.arden_section6 .arden_sec6_in1 .arden_sec6_in1_overlay_container {
    position: relative;
    width: 100%
}

.arden_section6 .arden_sec6_in1 .arden_sec6_in1_overlay_container:hover .arden_sec6_in1_overlay {
    opacity: 1
}

.arden_section6 .arden_sec6_in1 .arden_sec6_in1_overlay_container .arden_sec6_in1_overlay_image {
    display: block;
    width: 100%;
    height: auto
}

.arden_section6 .arden_sec6_in1 .arden_sec6_in1_overlay_container .arden_sec6_in1_overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #464646
}

.arden_section6 .arden_sec6_in1 .arden_sec6_in1_overlay_container .arden_sec6_in1_overlay .arden_sec6_in1_overtext {
    color: #fff;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center
}

.arden_section6 .arden_sec6_in1 .arden_sec6_in1_overlay_container .arden_sec6_in1_overlay .arden_sec6_in1_overtext h1 {
    font-size: 15px;
    color: #d33;
    margin-bottom: 13px;
    letter-spacing: 2px
}

.arden_section6 .arden_sec6_in1 .arden_sec6_in1_overlay_container .arden_sec6_in1_overlay .arden_sec6_in1_overtext h5 {
    font-size: 15px;
    color: #fff;
    letter-spacing: 2px
}

.arden_section6 .arden_sec6_in2 {
    padding-bottom: 25px
}

.arden_section6 .arden_sec6_in2 .arden_sec6_in2_overlay_container {
    position: relative;
    width: 100%
}

.arden_section6 .arden_sec6_in2 .arden_sec6_in2_overlay_container:hover .arden_sec6_in2_overlay {
    opacity: 1
}

.arden_section6 .arden_sec6_in2 .arden_sec6_in2_overlay_container .arden_sec6_in2_overlay_image {
    display: block;
    width: 100%;
    height: auto
}

.arden_section6 .arden_sec6_in2 .arden_sec6_in2_overlay_container .arden_sec6_in2_overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #464646
}

.arden_section6 .arden_sec6_in2 .arden_sec6_in2_overlay_container .arden_sec6_in2_overlay .arden_sec6_in2_overtext {
    color: #fff;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center
}

.arden_section6 .arden_sec6_in2 .arden_sec6_in2_overlay_container .arden_sec6_in2_overlay .arden_sec6_in2_overtext h1 {
    font-size: 15px;
    color: #d33;
    margin-bottom: 13px;
    letter-spacing: 2px
}

.arden_section6 .arden_sec6_in2 .arden_sec6_in2_overlay_container .arden_sec6_in2_overlay .arden_sec6_in2_overtext h5 {
    font-size: 15px;
    color: #fff;
    letter-spacing: 2px
}

.arden_section6 .arden_sec6_in3 {
    padding-bottom: 25px
}

.arden_section6 .arden_sec6_in3 .arden_sec6_in3_overlay_container {
    position: relative;
    width: 100%
}

.arden_section6 .arden_sec6_in3 .arden_sec6_in3_overlay_container:hover .arden_sec6_in3_overlay {
    opacity: 1
}

.arden_section6 .arden_sec6_in3 .arden_sec6_in3_overlay_container .arden_sec6_in3_overlay_image {
    display: block;
    width: 100%;
    height: auto
}

.arden_section6 .arden_sec6_in3 .arden_sec6_in3_overlay_container .arden_sec6_in3_overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #464646
}

.arden_section6 .arden_sec6_in3 .arden_sec6_in3_overlay_container .arden_sec6_in3_overlay .arden_sec6_in3_overtext {
    color: #fff;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center
}

.arden_section6 .arden_sec6_in3 .arden_sec6_in3_overlay_container .arden_sec6_in3_overlay .arden_sec6_in3_overtext h1 {
    font-size: 15px;
    color: #d33;
    margin-bottom: 13px;
    letter-spacing: 2px
}

.arden_section6 .arden_sec6_in3 .arden_sec6_in3_overlay_container .arden_sec6_in3_overlay .arden_sec6_in3_overtext h5 {
    font-size: 15px;
    color: #fff;
    letter-spacing: 2px
}

.arden_section7 {
    padding: 100px;
    background-color: #fff
}

.arden_section7 .arden_sec7_in1 h1 {
    font-size: 36px;
    color: #464646;
    letter-spacing: 3px;
    text-align: left;
    margin-bottom: 65px
}

.arden_section7 .arden_sec7_in1 h4 {
    font-size: 16px;
    color: #d33;
    letter-spacing: 2px;
    text-align: left;
    margin-bottom: 18px
}

.arden_section7 .arden_sec7_in1 p {
    font-size: 18px;
    color: #2f2f2f;
    text-align: left;
    line-height: 1.6;
    letter-spacing: 1px;
    margin-bottom: 60px
}

.arden_section7 .arden_sec7_in1 a {
    background-color: #d33;
    border: 3px solid #d33;
    color: #fff;
    font-weight: 600;
    letter-spacing: 2px;
    border-radius: 45px;
    line-height: 51px;
    padding: 18px 32px
}

.arden_section7 .arden_sec7_in1 a:active {
    background-color: transparent;
    border: 3px solid #d33;
    color: #d33;
    -webkit-transition: color .1s ease-in-out, background .7s ease-in-out, border .1s ease-in-out
}

.arden_section7 .arden_sec7_in1 a:hover,
.arden_section7 .arden_sec7_in1 a:focus {
    background-color: transparent;
    border: 3px solid #d33;
    color: #d33;
    -webkit-transition: color .1s ease-in-out, background .7s ease-in-out, border .1s ease-in-out
}

.arden_section7 .arden_sec7_in2 {
    margin-top: 106px
}

.arden_section7 .arden_sec7_in2 h4 {
    font-size: 16px;
    color: #d33;
    letter-spacing: 2px;
    text-align: left;
    margin-bottom: 18px
}

.arden_section7 .arden_sec7_in2 p {
    font-size: 18px;
    color: #2f2f2f;
    text-align: left;
    line-height: 1.6;
    letter-spacing: 1px
}

.arden_main_footer .arden_footer {
    padding: 100px 100px;
    background-color: #181818
}

.arden_main_footer .arden_footer .arden_footer_in1 .arden_footer_logo img {
    width: 120px;
    height: auto;
    border: 0;
    vertical-align: middle;
    float: left
}

.arden_main_footer .arden_footer .arden_footer_in2 {
    margin-bottom: 20px
}

.arden_main_footer .arden_footer .arden_footer_in2 h2 {
    font-size: 16px;
    color: #d33;
    letter-spacing: 2px;
    margin-bottom: 18px
}

.arden_main_footer .arden_footer .arden_footer_in2 ul {
    display: block;
    line-height: 2.5;
    color: #181818;
    letter-spacing: 1px
}

.arden_main_footer .arden_footer .arden_footer_in2 ul li {
    display: block;
    color: #181818
}

.arden_main_footer .arden_footer .arden_footer_in2 ul li a {
    color: #181818;
    font-size: 16px
}

.arden_main_footer .arden_footer .arden_footer_in2 ul li a:active {
    color: #d33
}

.arden_main_footer .arden_footer .arden_footer_in2 ul li a:hover,
.arden_main_footer .arden_footer .arden_footer_in2 ul li a:focus {
    color: #d33
}

.arden_main_footer .arden_footer .arden_footer_in3 {
    margin-bottom: 20px
}

.arden_main_footer .arden_footer .arden_footer_in3 h2 {
    font-size: 16px;
    color: #d33;
    letter-spacing: 2px;
    margin-bottom: 18px
}

.arden_main_footer .arden_footer .arden_footer_in3 ul {
    display: block;
    line-height: 2.5;
    color: #181818;
    letter-spacing: 1px
}

.arden_main_footer .arden_footer .arden_footer_in3 ul li {
    display: block;
    color: #181818
}

.arden_main_footer .arden_footer .arden_footer_in3 ul li a {
    color: #181818;
    font-size: 16px
}

.arden_main_footer .arden_footer .arden_footer_in3 ul li a:active {
    color: #d33
}

.arden_main_footer .arden_footer .arden_footer_in3 ul li a:hover,
.arden_main_footer .arden_footer .arden_footer_in3 ul li a:focus {
    color: #d33
}

.arden_main_footer .arden_footer .arden_footer_in4 h2 {
    font-size: 16px;
    color: #d33;
    letter-spacing: 2px;
    margin-bottom: 18px
}

.arden_main_footer .arden_footer .arden_footer_in4 p {
    color: #181818;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 1px
}

.arden_main_footer .arden_footer .arden_footer_in4 p a {
    color: #181818
}

.arden_main_footer .arden_footer .arden_footer_in4 p a:active {
    color: #d33
}

.arden_main_footer .arden_footer .arden_footer_in4 p a:hover,
.arden_main_footer .arden_footer .arden_footer_in4 p a:focus {
    color: #d33
}

.arden_footer2 {
    background-color: #181818;
    padding-top: 50px;
    padding-bottom: 40px
}

.arden_footer2 .arden_footer2_in1 {
    float: left
}

.arden_footer2 .arden_footer2_in1 ul {
    display: inline-block;
    margin-left: 95px
}

.arden_footer2 .arden_footer2_in1 ul li {
    display: inline-block;
    color: #181818;
    font-size: 17px;
    padding: 12px
}

.arden_footer2 .arden_footer2_in1 ul li a {
    color: #181818;
    font-size: 17px
}

.arden_footer2 .arden_footer2_in1 ul li a:active {
    color: #d33
}

.arden_footer2 .arden_footer2_in1 ul li a:hover,
.arden_footer2 .arden_footer2_in1 ul li a:focus {
    color: #d33
}

.arden_footer2 .arden_footer2_in2 {
    text-align: right
}

.arden_footer2 .arden_footer2_in2 h4 {
    color: #fff;
    font-size: 13px;
    margin-right: 95px;
    letter-spacing: 1px;
    padding-top: 20px
}

.arden_about_banner {
    background-image: url(../images/arden_about_banner.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    padding-top: 500px;
    padding-bottom: 100px
}

.arden_about_banner h3 {
    font-size: 39px;
    color: #d33;
    line-height: 49px;
    font-weight: 600;
    text-align: left;
    margin-bottom: 25px;
    letter-spacing: 6px
}

.arden_about_banner p {
    font-size: 18px;
    color: #fff;
    text-align: justify;
    letter-spacing: 4px
}

.arden_about_section2 {
    padding-top: 140px;
    padding-bottom: 110px
}

.arden_about_section2 .arden_about_sec2_in1 h3 {
    font-size: 28px;
    color: #000;
    line-height: 1.4;
    text-align: left;
    margin-top: 28px;
    margin-bottom: 20px
}

.arden_about_section2 .arden_about_sec2_in2 h3 {
    font-size: 16px;
    color: #d33;
    margin-bottom: 20px
}

.arden_about_section2 .arden_about_sec2_in2 p {
    font-size: 16px;
    color: #383c50;
    text-align: justify;
    line-height: 30px
}

.arden_about_section2 .arden_about_sec2_in3 h3 {
    font-size: 16px;
    color: #d33;
    margin-bottom: 20px
}

.arden_about_section2 .arden_about_sec2_in3 p {
    font-size: 16px;
    color: #383c50;
    text-align: justify;
    line-height: 30px
}

.arden_about_section3 {
    padding-bottom: 100px
}

.arden_about_section3 .arden_about_sec3_in1 img {
    width: 100%
}

.arden_about_section3 .arden_about_sec3_in2 img {
    width: 100%
}

.arden_about_section4 {
    padding-bottom: 100px
}

.arden_about_section4 p {
    font-size: 32px;
    color: #464646;
    line-height: 55px;
    letter-spacing: 2px
}

.arden_about_section4 .text_center {
    border-bottom: 1px solid;
    border-color: #454545;
    padding-bottom: 20px
}

.arden_about_section5 {
    padding-bottom: 100px
}

.arden_about_section5 .arden_about_sec5_in1 {
    text-align: center
}

.arden_about_section5 .arden_about_sec5_in1 img {
    width: 100%
}

.arden_about_section5 .arden_about_sec5_in2 {
    padding-top: 70px
}

.arden_about_section5 .arden_about_sec5_in2 h1 {
    text-align: left;
    font-size: 32px;
    color: #000;
    margin-bottom: 20px
}

.arden_about_section5 .arden_about_sec5_in2 p {
    font-size: 18px;
    color: #2f2f2f;
    line-height: 1.8;
    margin-bottom: 20px;
    text-align: justify
}

.arden_about_section5 .arden_about_sec5_in2 .arden_about_sec5_list1 {
    margin-bottom: 20px
}

.arden_about_section5 .arden_about_sec5_in2 .arden_about_sec5_list1 .fa-check {
    float: left;
    margin-right: 10px;
    font-size: 20px;
    text-align: center;
    color: #000
}

.arden_about_section5 .arden_about_sec5_in2 .arden_about_sec5_list1 h4 {
    font-size: 18px;
    color: #2f2f2f
}

.arden_about_section5 .arden_about_sec5_in2 .arden_about_sec5_list2 {
    margin-bottom: 20px
}

.arden_about_section5 .arden_about_sec5_in2 .arden_about_sec5_list2 .fa-check {
    float: left;
    margin-right: 10px;
    font-size: 20px;
    text-align: center;
    color: #000
}

.arden_about_section5 .arden_about_sec5_in2 .arden_about_sec5_list2 h4 {
    font-size: 18px;
    color: #2f2f2f
}

.arden_about_section5 .arden_about_sec5_in2 .arden_about_sec5_list3 .fa-check {
    float: left;
    margin-right: 10px;
    font-size: 20px;
    text-align: center;
    color: #000
}

.arden_about_section5 .arden_about_sec5_in2 .arden_about_sec5_list3 h4 {
    font-size: 18px;
    color: #2f2f2f
}

.arden_service_section1 {
    background-image: url(../images/arden_service_1.jpg);
    background-position: center top;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 340px;
    padding-bottom: 280px
}

.arden_service_section1 h4 {
    font-size: 70px;
    font-weight: 600;
    letter-spacing: 8px;
    margin-bottom: 23px;
    text-align: center;
    color: #fff
}

.arden_service_section1 p {
    font-size: 18px;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    line-height: 35px;
    letter-spacing: 1px
}

.arden_service_section2 {
    padding-top: 75px;
    padding-bottom: 75px;
    background-color: #fff
}

.arden_service_section2 .arden_service_sec2_in1 {
    text-align: center
}

.arden_service_section2 .arden_service_sec2_in2 {
    padding-top: 100px
}

.arden_service_section2 .arden_service_sec2_in2 h1 {
    font-size: 36px;
    color: #000;
    text-align: left;
    line-height: 50px;
    margin-bottom: 35px
}

.arden_service_section2 .arden_service_sec2_in2 p {
    font-size: 18px;
    color: #2f2f2f;
    line-height: 30px;
    margin-bottom: 60px
}

.arden_service_section2 .arden_service_sec2_in2 .arden_service_sec2_in2_list1 {
    margin-bottom: 20px
}

.arden_service_section2 .arden_service_sec2_in2 .arden_service_sec2_in2_list1 i {
    float: left;
    font-size: 18px;
    margin-right: 20px;
    color: #000
}

.arden_service_section2 .arden_service_sec2_in2 .arden_service_sec2_in2_list1 h4 {
    font-size: 18px;
    color: #2f2f2f
}

.arden_service_section2 .arden_service_sec2_in2 .arden_service_sec2_in2_list2 {
    margin-bottom: 20px
}

.arden_service_section2 .arden_service_sec2_in2 .arden_service_sec2_in2_list2 i {
    float: left;
    font-size: 18px;
    margin-right: 20px;
    color: #000
}

.arden_service_section2 .arden_service_sec2_in2 .arden_service_sec2_in2_list2 h4 {
    font-size: 18px;
    color: #2f2f2f
}

.arden_service_section2 .arden_service_sec2_in2 .arden_service_sec2_in2_list3 i {
    float: left;
    font-size: 18px;
    margin-right: 20px;
    color: #000
}

.arden_service_section2 .arden_service_sec2_in2 .arden_service_sec2_in2_list3 h4 {
    font-size: 18px;
    color: #2f2f2f
}

.arden_service_section3 {
    background-image: url(../images/arden_service_2.jpg);
    background-position: center top;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 100px;
    padding-top: 100px
}

.arden_service_section3 .arden_service_sec3_in1 {
    margin-bottom: 130px
}

.arden_service_section3 .arden_service_sec3_in1 h1 {
    font-size: 32px;
    color: #d33;
    line-height: 43px
}

.arden_service_section3 .arden_service_sec3_in2 {
    margin-bottom: 130px
}

.arden_service_section3 .arden_service_sec3_in2 h4 {
    font-size: 16px;
    color: #d33;
    padding-bottom: 20px
}

.arden_service_section3 .arden_service_sec3_in2 p {
    font-size: 16px;
    color: #fff;
    text-align: justify
}

.arden_service_section3 .arden_service_sec3_in3 {
    margin-bottom: 130px
}

.arden_service_section3 .arden_service_sec3_in3 h4 {
    font-size: 16px;
    color: #d33;
    padding-bottom: 20px
}

.arden_service_section3 .arden_service_sec3_in3 p {
    font-size: 16px;
    color: #fff;
    text-align: justify
}

.arden_service_section3 .arden_service_sec3_in4 {
    margin-bottom: 30px
}

.arden_service_section3 .arden_service_sec3_in4 h1 {
    font-size: 40px;
    margin-right: 20px;
    float: left;
    color: #d33
}

.arden_service_section3 .arden_service_sec3_in4 h4 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 10px;
    overflow: hidden;
    margin-top: 6px
}

.arden_service_section3 .arden_service_sec3_in4 p {
    font-size: 16px;
    color: #fff;
    overflow: hidden;
    opacity: .5
}

.arden_service_section3 .arden_service_sec3_in5 {
    margin-bottom: 30px
}

.arden_service_section3 .arden_service_sec3_in5 h1 {
    font-size: 40px;
    margin-right: 20px;
    float: left;
    color: #d33
}

.arden_service_section3 .arden_service_sec3_in5 h4 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 10px;
    overflow: hidden;
    margin-top: 6px
}

.arden_service_section3 .arden_service_sec3_in5 p {
    font-size: 16px;
    color: #fff;
    overflow: hidden;
    opacity: .5
}

.arden_service_section3 .arden_service_sec3_in6 {
    margin-bottom: 30px
}

.arden_service_section3 .arden_service_sec3_in6 h1 {
    font-size: 40px;
    margin-right: 20px;
    float: left;
    color: #d33
}

.arden_service_section3 .arden_service_sec3_in6 h4 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 10px;
    overflow: hidden;
    margin-top: 6px
}

.arden_service_section3 .arden_service_sec3_in6 p {
    font-size: 16px;
    color: #fff;
    overflow: hidden;
    opacity: .5
}

.arder_service_section4 {
    background-color: #d33;
    padding-top: 85px;
    padding-bottom: 50px
}

.arder_service_section4 .arder_service_sec4_in1 {
    overflow: hidden;
    margin-bottom: 50px
}

.arder_service_section4 .arder_service_sec4_in1 h1 {
    font-size: 30px;
    color: #fff;
    text-align: left;
    float: left;
    margin-top: 20px;
    font-weight: 600;
    letter-spacing: 2px
}

.arder_service_section4 .arder_service_sec4_in2 {
    overflow: hidden
}

.arder_service_section4 .arder_service_sec4_in2 a {
    padding: 20px 37px;
    border: 3px solid #fff;
    background-color: transparent;
    color: #fff;
    float: right;
    border-radius: 40px;
    -webkit-transition: color .1s ease-in-out, background .7s ease-in-out, border .1s ease-in-out
}

.arder_service_section4 .arder_service_sec4_in2 a:active {
    border: 3px solid #fff;
    border-radius: 40px;
    padding: 20px 37px;
    background-color: #fff;
    color: #d33;
    -webkit-transition: color .1s ease-in-out, background .7s ease-in-out, border .1s ease-in-out
}

.arder_service_section4 .arder_service_sec4_in2 a:hover,
.arder_service_section4 .arder_service_sec4_in2 a:focus {
    border: 3px solid #fff;
    border-radius: 40px;
    padding: 20px 37px;
    background-color: #fff;
    color: #d33;
    -webkit-transition: color .1s ease-in-out, background .7s ease-in-out, border .1s ease-in-out
}

.arden_contact {
    background-image: url(../images/arden_contact_bg.jpg);
    background-position: center top;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 334px;
    padding-bottom: 230px
}

.arden_contact .arden_form {
    margin-top: 40px
}

.arden_contact .arden_form input,
.arden_contact .arden_form textarea {
    width: 100%;
    outline: none;
    border: 0;
    border-bottom: 2px solid #d33;
    border-radius: 0;
    color: #d33;
    background-color: transparent;
    height: 60px;
    line-height: 60px
}

.arden_contact .arden_form input::-webkit-input-placeholder,
.arden_contact .arden_form textarea::-webkit-input-placeholder {
    color: #d33
}

.arden_contact .arden_form input::-moz-placeholder,
.arden_contact .arden_form textarea::-moz-placeholder {
    color: #d33
}

.arden_contact .arden_form input:-ms-input-placeholder,
.arden_contact .arden_form textarea:-ms-input-placeholder {
    color: #d33
}

.arden_contact .arden_form input:-moz-placeholder,
.arden_contact .arden_form textarea:-moz-placeholder {
    color: #d33
}

.arden_contact .arden_form textarea {
    min-height: 90px
}

.arden_contact .arden_form button {
    padding: 14px 24px;
    border: 3px solid #d33;
    border-radius: 25px;
    color: #d33;
    background-color: transparent;
    letter-spacing: 1px;
    font-weight: 600;
    margin-top: 40px;
    width: 100%;
    height: auto;
    -webkit-transition: color .1s ease-in-out, background .7s ease-in-out, border .1s ease-in-out
}

.arden_contact .arden_form button:active,
.arden_contact .arden_form button:hover,
.arden_contact .arden_form button:focus {
    border: 3px solid #d33;
    background-color: #d33;
    color: #fff;
    border-radius: 25px;
    font-weight: 600
}

.eris_blog_banner {
    background-image: url("/static/themes/nano_lite/images/eris_blog_banner.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
    margin: 0 auto;
    width: 100%;
    padding-top: 200px;
    padding-bottom: 130px
}

.eris_blog_banner .eris_blog_head {
    font-size: 60px;
    color: #fff;
    font-weight: 600;
    padding: 0;
    text-align: center;
    letter-spacing: 2px
}

.eris_category {
    padding: 90px 0
}

@media (max-width:540px) {
    .eris_category {
        padding-bottom: 0;
        padding-top: 50px
    }
}

.eris_category .eris_sidebar {
    margin-bottom: 30px
}

.eris_category .eris_sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.eris_category .eris_sidebar ul li {
    display: block;
    line-height: 1.5
}

.eris_category .eris_sidebar ul li a {
    color: #fff;
    background-color: #383c50;
    padding: 18px;
    margin-bottom: 10px;
    font-size: 16px;
    position: relative;
    display: block;
    z-index: 1;
    font-weight: 600;
    letter-spacing: .5px;
    vertical-align: middle;
    transition: all 250ms ease-in-out
}

.eris_category .eris_sidebar ul li a:active,
.eris_category .eris_sidebar ul li a:hover,
.eris_category .eris_sidebar ul li a:focus {
    transition: all 250ms ease-in-out;
    background-color: #d33;
    color: #fff
}

.eris_category .eris_blog_tile {
    margin-bottom: 50px
}

.eris_category .eris_blog_tile .blog_image_box {
    position: relative;
    width: 100%;
    z-index: -1
}

.eris_category .eris_blog_tile .blog_image_box img {
    width: 100%;
    height: auto;
    max-width: 100%
}

.eris_category .eris_blog_tile .blog_content_box {
    background-color: #fff;
    width: 90%;
    padding: 40px 40px;
    margin: -40px 5% 0 5%;
    z-index: 9999;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.25098039)
}

.eris_category .eris_blog_tile .blog_content_box .blog_title {
    font-size: 22px;
    color: #2f2f2f;
    font-weight: 600;
    letter-spacing: .5px;
    margin: 20px 0;
    margin-top: 0;
    line-height: 1.5;
    max-height: 100px;
    overflow: hidden
}

@media (max-width:540px) {
    .eris_category .eris_blog_tile .blog_content_box .blog_title {
        font-size: 18px
    }
}

.eris_category .eris_blog_tile .blog_content_box .slider_text {
    font-size: 16px;
    line-height: 1.5;
    color: #000;
    max-height: 70px;
    overflow: hidden;
    margin-bottom: 60px
}

@media (max-width:540px) {
    .eris_category .eris_blog_tile .blog_content_box .slider_text {
        margin-bottom: 40px;
        font-size: 15px
    }
}

.eris_category .eris_blog_tile .blog_content_box .blog_btn {
    background-color: #000;
    color: #fff;
    padding: 14px 20px;
    border-radius: 25px;
    font-size: 16px;
    letter-spacing: .5px;
    transition: all 250ms ease-in-out
}

@media (max-width:540px) {
    .eris_category .eris_blog_tile .blog_content_box .blog_btn {
        padding: 13px 14px;
        font-size: 13px
    }
}

.eris_category .eris_blog_tile .blog_content_box .blog_btn:active,
.eris_category .eris_blog_tile .blog_content_box .blog_btn:hover,
.eris_category .eris_blog_tile .blog_content_box .blog_btn:focus {
    background-color: #d33;
    color: #fff;
    box-shadow: 0 0 5px 1px rgba(221, 51, 51, 0.7);
    transition: all 250ms ease-in-out
}

.blog_detail .image_box {
    z-index: -1;
    position: relative
}

.blog_detail .image_box img {
    width: 100%;
    height: auto
}

.blog_detail .detail_box {
    background-color: #fff;
    width: 90%;
    margin: -70px 5% 0 5%;
    padding: 40px 40px;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.25098039);
    z-index: 9999
}

.blog_detail .detail_box .blog_title {
    font-size: 24px;
    color: #2f2f2f;
    letter-spacing: .5px;
    line-height: 1.5;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center
}

.blog_detail .detail_box .slider_text,
.blog_detail .detail_box p {
    font-size: 16px;
    color: #000;
    line-height: 1.5;
    letter-spacing: 2px;
    text-align: justify;
    margin-bottom: 40px
}

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

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: "Flaticon";
        src: url("../fonts/Flaticon.svg#Flaticon") format("svg")
    }
}

[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-style: normal
}

.flaticon-mobile-banking:before {
    content: "\f100"
}

.flaticon-payment-terminal:before {
    content: "\f101"
}

.flaticon-analytics:before {
    content: "\f102"
}

body {
    color: #585858
}

.nn_container_fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

a:hover,
a:focus {
    text-decoration: none;
    outline: none
}

*,
*:focus {
    outline: none
}

button:hover,
input:hover,
.btn:hover,
button:focus,
input:focus,
.btn:focus,
button:active,
input:active,
.btn:active,
button.focus,
input.focus,
.btn.focus {
    outline: none !important
}

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

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

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

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

.betsgate_container {
    width: 1300px;
    margin-right: auto;
    margin-left: auto;
    position: relative
}

@media only screen and (max-width: 1366px) {
    .betsgate_container {
        width: 90%
    }
}

@media only screen and (max-width: 1200px) {
    .betsgate_container {
        width: 90%
    }
}

.betsgate_header {
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    z-index: 101
}

.betsgate_header .nav a {
    color: #fff;
    font-size: 14px;
    font-weight: 600
}

.betsgate_header .nav a:hover,
.betsgate_header .nav a:focus {
    background: none;
    color: #d33
}

.betsgate_header .nav .open a {
    background-color: transparent
}

.betsgate_header .nav .dropdown-menu {
    border: none;
    width: 100%
}

.betsgate_header .nav .dropdown-menu li a {
    color: #585858
}

.betsgate_header .nav .dropdown-menu li a:hover {
    color: #d33
}

.home_banner {
    background: url(/static/themes/nano_lite/images/bet-bg-1.png) no-repeat center top;
    min-height: 980px;
    position: relative;
    z-index: 1
}

.home_banner .home_banner_content {
    height: 980px;
    vertical-align: middle;
    display: table-cell
}

.home_banner .home_banner_content .banner_content_head {
    font-size: 72px;
    color: #fff;
    font-weight: 800
}

.home_banner .home_banner_content .banner_content_text {
    color: #fff;
    line-height: 36px;
    font-weight: 400
}

.second_banner {
    background: url(/static/themes/nano_lite/images/bet-bg-2.jpg) no-repeat center top;
    color: #fff;
    padding: 350px 0 80px;
    margin-top: -290px;
    margin-bottom: 70px
}

.second_banner .second_content {
    max-width: 50%;
    margin: 0 auto;
    line-height: 30px;
    font-weight: 400
}

.content_row {
    display: table;
    width: 100%;
    table-layout: fixed;
    padding: 50px 0
}

.content_row .nn_col {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    padding: 0 15px
}

.content_row .nn_col .content_text {
    line-height: 30px;
    color: #d6d5d5
}

.content_row .nn_col img {
    max-width: 100%
}

.slider_sec {
    position: relative;
    padding: 200px 0 100px
}

.slider_sec:after {
    content: '';
    position: absolute;
    background: url(/static/themes/nano_lite/images/bet-bg-3.jpg) no-repeat center top;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.main_slider {
    background-color: #fff;
    display: block;
    width: 85%;
    padding: 15px 0;
    float: right;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1)
}

.main_slider .slide_item {
    display: table;
    width: 100%
}

.main_slider .slide_item .slide_content {
    display: table-cell;
    vertical-align: top;
    width: 320px;
    background-color: #ffc5c5;
    color: #fff;
    padding: 20px;
    position: relative
}

.main_slider .slide_item .slide_content .slide_head {
    font-size: 68px;
    font-weight: 800;
    line-height: 60px
}

.main_slider .slide_item .slide_content .slide_text {
    line-height: 24px;
    font-size: 16px
}

.main_slider .slide_item .slide_content .slide_btn {
    position: absolute;
    left: 20px;
    bottom: 20px
}

.main_slider .slide_item .slide_img {
    display: table-cell;
    vertical-align: top
}

.main_slider .slide_item .slide_btn {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    color: #ffc5c5;
    padding: 0 30px;
    font-weight: 700;
    text-transform: uppercase
}

.slider-counter {
    font-size: 75px;
    color: #fff;
    font-weight: 800;
    line-height: 80px;
    height: 80px
}

.slider_left {
    display: inline-block;
    width: 15%;
    text-align: center;
    padding-right: 20px
}

.slider_left .owl-nav {
    display: block;
    width: 100%
}

.slider_left .owl-nav div {
    background-color: rgba(255, 255, 255, 0.1);
    margin: 5px 0;
    height: 45px;
    line-height: 45px;
    cursor: pointer
}

.slider_left .owl-nav div i {
    font-size: 40px;
    color: #fff;
    display: block;
    height: 45px;
    line-height: 45px
}

.footer_col {
    background-color: #fbfbfb;
    display: table;
    width: 100%;
    color: #fff;
    margin-bottom: 25px;
    padding: 90px 0 60px
}

.footer_col .nn_col {
    display: table-cell;
    vertical-align: middle;
    float: none
}

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

.footer_col .footer_nav li {
    display: inline-block;
    padding-right: 40px
}

.footer_col .footer_nav li:last-child {
    padding-right: 0
}

.footer_col .footer_nav li a {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    position: relative
}

.footer_col .footer_nav li a::before {
    content: '';
    position: absolute;
    top: -15px;
    left: 0;
    width: 20px;
    height: 3px;
    background-color: #d33
}

.footer_col .copyright {
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    padding-top: 20px
}

.footer_col .footer_head {
    font-weight: 800;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 20px
}

.footer_col .social_link {
    padding: 0;
    margin-bottom: 0
}

.footer_col .social_link li {
    display: inline-block;
    padding-right: 5px
}

.footer_col .social_link li:last-child {
    padding-right: 0
}

.footer_col .social_link li a {
    border: 1px solid #fff;
    display: block;
    height: 46px;
    width: 46px;
    line-height: 46px;
    color: #fff;
    text-align: center;
    font-size: 18px
}

.page_head {
    background-position: center top;
    background-repeat: no-repeat;
    color: #fff
}

.page_head.page_contact {
    background-image: url(/static/themes/nano_lite/images/bet-bg-4.jpg)
}

.page_head.page_pricing {
    background-image: url(/static/themes/nano_lite/images/bet-bg-5.jpg)
}

.page_head.page_about {
    background-image: url(/static/themes/nano_lite/images/bet-bg-6.jpg)
}

.page_head.page_mobile {
    background-image: url(/static/themes/nano_lite/images/bet-bg-7.jpg)
}

.page_head.page_odds {
    background-image: url(/static/themes/nano_lite/images/bet-bg-8.jpg)
}

.page_head.page_online {
    background-image: url(/static/themes/nano_lite/images/bet-bg-10.jpg)
}

.page_head.page_payment {
    background-image: url(/static/themes/nano_lite/images/bet-bg-11.jpg)
}

.page_head.page_retails {
    background-image: url(/static/themes/nano_lite/images/bet-bg-12.jpg)
}

.page_head.page_sports {
    background-image: url(/static/themes/nano_lite/images/bet-bg-14.jpg)
}

.page_head.page_virtual {
    background-image: url(/static/themes/nano_lite/images/bet-bg-16.jpg)
}

.page_head.page_casino {
    background-image: url(/static/themes/nano_lite/images/bet-bg-17.jpg)
}

.page_head.page_partner {
    background-image: url(/static/themes/nano_lite/images/bet-bg-18.jpg)
}

.page_head .page_head_text {
    line-height: 30px;
    font-size: 20px
}

.page_head .nn_col {
    height: 600px;
    vertical-align: bottom;
    display: table-cell;
    float: none;
    padding-bottom: 100px
}

.contact_section {
    padding: 50px 0
}

.contact_section .nn_row {
    padding-top: 25px;
    padding-bottom: 25px
}

.contact_section .contact_box {
    display: table;
    width: 100%;
    border: 1px solid #e1e1e1;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    font-weight: 600;
    margin: 20px 0;
    color: #585858
}

.contact_section .contact_box .contact_box_icon {
    display: table-cell;
    width: 80px;
    text-align: center
}

.contact_section .contact_box .contact_box_value {
    display: table-cell
}

.sec_head {
    font-size: 48px;
    font-weight: 300
}

.sec_head b {
    display: block;
    font-weight: 800
}

.sec_text {
    line-height: 35px;
    color: #d6d5d5
}

.sec_sub_text {
    line-height: 40px;
    font-weight: 400
}

.contact_form input,
.betsgate_form input,
.contact_form textarea,
.betsgate_form textarea {
    border: 1px solid #e1e1e1;
    background-color: #fff;
    height: 60px;
    padding: 0 15px;
    width: 100%;
    font-size: 16px;
    margin-bottom: 12px;
    outline: none
}

.contact_form textarea,
.betsgate_form textarea {
    height: 150px
}

.contact_form button,
.betsgate_form button {
    background-image: -moz-linear-gradient(-90deg, #fbfbfb 0, #dedede 100%);
    background-image: -webkit-linear-gradient(-90deg, #fbfbfb 0, #dedede 100%);
    background-image: -ms-linear-gradient(-90deg, #fbfbfb 0, #dedede 100%);
    box-shadow: 0 2px 1px 0 rgba(141, 123, 0, 0.99);
    border: 1px solid #dcc000;
    border-radius: 10px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    padding: 0 25px;
    color: #2f2f2f;
    text-transform: uppercase;
    font-weight: 800;
    margin-top: 15px;
    margin-top: 0;
    float: right;
    width: 150px
}

.pricing_section {
    padding: 50px 0
}

.price_tab_nav {
    text-align: center;
    font-size: 0
}

.price_tab_nav li {
    display: inline-block;
    padding: 0 5px
}

.price_tab_nav li a {
    display: block;
    height: 75px;
    line-height: 75px;
    width: 200px;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    font-weight: 500;
    color: #d6d5d5;
    font-size: 18px
}

.price_tab_nav li a i {
    font-size: 50px;
    vertical-align: top;
    display: inline-block;
    height: 73px;
    margin-right: 10px
}

.price_tab_nav li.active a {
    box-shadow: 0 0 10px 0 rgba(221, 51, 51, 0.5), inset 0 0 6.7px 3.3px rgba(221, 51, 51, 0.3);
    border: 2px solid #d33;
    color: #d33
}

.price_tab_content {
    padding: 50px 0
}

.price_tab_content .price_content_head {
    line-height: 55px;
    font-weight: 600;
    font-size: 42px
}

.price_tab_content .price_content_text {
    color: #d6d5d5;
    line-height: 36px
}

.price_tab_content .price_box {
    text-align: center;
    font-size: 0;
    padding: 50px 0
}

.price_tab_content .price_box .price_list {
    display: inline-block;
    width: 350px;
    border: 1px solid #716d6e;
    border-radius: 10px;
    padding: 30px 0;
    margin: 0 10px;
    margin-bottom: 30px
}

.price_tab_content .price_box .price_list:hover {
    border-color: #d33;
    box-shadow: 0 0 5.76px .24px rgba(221, 51, 51, 0.35)
}

.price_tab_content .price_box .price_list:hover .list_btn {
    background-image: -moz-linear-gradient(-90deg, #fbfbfb 0, #dedede 100%);
    background-image: -webkit-linear-gradient(-90deg, #fbfbfb 0, #dedede 100%);
    background-image: -ms-linear-gradient(-90deg, #fbfbfb 0, #dedede 100%);
    box-shadow: 0 2px 1px 0 rgba(230, 230, 230, 0.99);
    border: 1px solid #dcc000;
    border-radius: 10px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    padding: 0 25px;
    color: #585858;
    text-transform: uppercase;
    font-weight: 800;
    margin-top: 15px;
    margin: 0
}

.price_tab_content .price_box .price_list li {
    display: block;
    padding: 10px;
    font-size: 16px;
    font-weight: 500
}

.price_tab_content .price_box .price_list li.list_head {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700
}

.price_tab_content .price_box .price_list li.list_price {
    line-height: 30px
}

.price_tab_content .price_box .price_list li.list_price small {
    font-size: 36px;
    font-weight: 700
}

.price_tab_content .price_box .price_list li.list_price b {
    font-size: 60px;
    font-weight: 700
}

.price_tab_content .price_box .price_list li.list_price span {
    display: block;
    clear: both;
    color: #d6d5d5
}

.price_tab_content .price_box .price_list li.disabled {
    color: rgba(214, 213, 213, 0.5)
}

.price_tab_content .price_box .price_list li .list_btn {
    background-image: -moz-linear-gradient(-90deg, #b9bcbd 0, #ccd1d2 100%);
    background-image: -webkit-linear-gradient(-90deg, #b9bcbd 0, #ccd1d2 100%);
    background-image: -ms-linear-gradient(-90deg, #b9bcbd 0, #ccd1d2 100%);
    border: 1px solid #b9bcbd;
    border-radius: 10px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    padding: 0 25px;
    color: #fbfbfb;
    text-transform: uppercase;
    font-weight: 700;
    width: 150px
}

.price_modal {
    box-shadow: none;
    border: none
}

.price_modal .modal-body {
    display: table;
    width: 100%;
    padding: 0
}

.price_modal .modal-body .modal_left {
    display: table-cell;
    vertical-align: top;
    width: 290px;
    padding: 25px;
    position: relative;
    height: 580px
}

.price_modal .modal-body .modal_slider {
    display: table-cell;
    vertical-align: top;
    background-color: #262829;
    padding: 25px 90px
}

.price_modal .modal_head {
    background-color: #d33;
    font-size: 24px;
    line-height: 24px;
    text-transform: uppercase;
    padding: 15px 30px;
    font-weight: 600;
    margin-left: -25px
}

.price_modal .list_price {
    line-height: 30px;
    text-align: center;
    padding: 50px 0
}

.price_modal .list_price small {
    font-size: 36px;
    font-weight: 700
}

.price_modal .list_price b {
    font-size: 60px;
    font-weight: 700
}

.price_modal .list_price span {
    display: block;
    clear: both;
    color: #d6d5d5
}

.price_modal .modal_total_list {
    padding: 0;
    margin: 0;
    position: absolute;
    left: 25px;
    bottom: 25px;
    right: 25px
}

.price_modal .modal_total_list li {
    display: block;
    margin: 5px 0;
    color: #d6d5d5;
    font-size: 13px
}

.price_modal .modal_total_list li.list_head {
    font-size: 16px;
    font-weight: 700;
    color: #585858;
    text-transform: uppercase;
    margin-bottom: 10px
}

.price_modal .modal_total_list li .list_value {
    float: right;
    text-align: right
}

.price_modal .price-box {
    margin: 0 auto
}

.price_modal .price-box .price-slider {
    margin-bottom: 20px;
    height: 60px
}

.price_modal .price-box .price-slider .price_slider_head {
    font-weight: 500;
    display: block;
    font-size: 16px;
    margin-bottom: 15px;
    margin-left: -35px
}

.price_modal .price-box .price-form {
    background: #4ab847;
    display: none
}

.price_modal .price-box .ui-widget-content {
    border: 1px solid #b9bcbd;
    margin: 0 -50px
}

.price_modal .price-box .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    height: 32px;
    width: 100px;
    margin: 0 -50px auto !important;
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-size: 15px;
    top: -15px;
    border: 1px solid #fff;
    background: #585858;
    cursor: pointer;
    border-radius: 15px;
    box-shadow: 0 0 5.76px .24px rgba(88, 88, 88, 0.4)
}

.price_modal .price-box .ui-slider .ui-slider-handle label {
    margin: 0;
    width: 100%;
    padding: 0 15px
}

.price_modal .price-box .ui-slider .ui-slider-handle label span {
    color: rgba(255, 255, 255, 0.3);
    height: 30px;
    line-height: 30px
}

.price_modal .price-box .ui-slider .ui-slider-handle label span:first-child {
    float: left
}

.price_modal .price-box .ui-slider .ui-slider-handle label span:last-child {
    float: right
}

.price_modal .price-box .cout_min {
    display: block;
    float: left;
    margin-left: -50px;
    color: #d6d5d5
}

.price_modal .price-box .cout_max {
    display: block;
    float: right;
    margin-right: -50px;
    color: #d6d5d5
}

.price_modal .modal_select {
    margin-top: 20px
}

.price_modal .modal_select .modal_select_label {
    display: block;
    width: 100%;
    font-weight: 600;
    font-size: 16px;
    height: 25px;
    line-height: 25px;
    margin-bottom: 10px
}

.price_modal .modal_select .modal_select_label input {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #e1e1e1;
    border-radius: 3px;
    margin: 0 10px 0 0;
    vertical-align: middle
}

.price_modal .modal_select .modal_select_label input:checked {
    background-color: #585858;
    border-color: #4b4b4b;
    position: relative
}

.price_modal .modal_select .modal_select_label input:checked:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    font-size: 10px;
    color: #fff;
    text-align: center;
    line-height: 17px
}

.price_modal .modal_btn {
    background-image: -moz-linear-gradient(-90deg, #fbfbfb 0, #dedede 100%);
    background-image: -webkit-linear-gradient(-90deg, #fbfbfb 0, #dedede 100%);
    background-image: -ms-linear-gradient(-90deg, #fbfbfb 0, #dedede 100%);
    box-shadow: 0 2px 1px 0 rgba(230, 230, 230, 0.99);
    border: 1px solid #dcc000;
    border-radius: 10px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    padding: 0 25px;
    color: #585858;
    text-transform: uppercase;
    font-weight: 800;
    margin-top: 15px;
    height: 50px;
    width: 200px;
    margin-top: 0;
    margin-left: -40px;
    font-size: 18px;
    font-weight: 700
}

.about_section {
    padding: 100px 0
}

.about_section .sm_box {
    background-color: #ebbe62;
    color: #453109;
    height: 75px;
    position: relative;
    padding: 0 25px;
    font-size: 20px;
    font-weight: 500;
    margin-top: 50px
}

.about_section .sm_box span {
    display: inline-block;
    line-height: 75px;
    font-size: 18px
}

@media only screen and (max-width: 540px) {
    .about_section .sm_box span {
        font-size: 9px;
        font-weight: 600
    }
}

.about_section .sm_box img {
    position: absolute;
    right: 20px;
    top: -30px
}

@media only screen and (max-width: 540px) {
    .about_section .sm_box img {
        width: 35%;
        top: -20%;
        right: 5px
    }
}

.about_section .bet_sec_btn {
    padding: 12px 30px;
    background-color: #d33;
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 600;
    border: 2px solid #d33;
    color: #fff;
    text-shadow: none;
    display: inline-block;
    margin-top: 10px;
    transition: .3s all ease-in-out
}

.about_section .bet_sec_btn:active,
.about_section .bet_sec_btn:hover,
.about_section .bet_sec_btn:focus {
    background-color: transparent;
    border: 2px solid #d33;
    color: #d33;
    transition: .3s all ease-in-out
}

.mobile_section {
    padding: 100px 0
}

.mobile_section .nn_row {
    display: table
}

.mobile_section .nn_row .nn_col {
    display: table-cell;
    vertical-align: bottom;
    float: none
}

.mobile_section .nn_row .nn_col .sec_sub_text {
    margin-left: -150px
}

.mobile_slider_section {
    margin: 100px 0
}

.mobile_slider_section .slider_col {
    font-size: 0
}

.mobile_slider_section .slider_col .slider_text {
    display: inline-block;
    vertical-align: top;
    width: 25%
}

.mobile_slider_section .slider_col .mobile_slider_col {
    display: inline-block;
    width: 75%
}

.mobile_slider_section .mobile_slider:after {
    content: '';
    position: absolute;
    left: -27px;
    top: -71px;
    width: 373px;
    background: url(/static/themes/nano_lite/images/bet-mobile.png) no-repeat left center;
    height: 757px;
    padding: 0 30px
}

.mobile_slider_section .mobile_slider .item {
    text-align: center
}

.mobile_slider_section .mobile_slider .item img {
    width: auto;
    margin: 0 auto
}

.mobile_slider_section .mobile_slider .owl-item.active:first-child {
    background-color: #117bff
}

.odds_section {
    padding: 50px 0
}

.odds_comparison {
    background: url(/static/themes/nano_lite/images/bet-bg-9.jpg) no-repeat center center;
    padding: 100px 0;
    color: #fff;
    margin-bottom: 50px
}

.odds_comparison .odds_head {
    font-size: 48px;
    line-height: 60px;
    font-weight: 400
}

.odds_comparison .odds_content {
    line-height: 36px;
    margin: 0 auto 50px;
    width: 75%
}

.odds_comparison .sm_head {
    font-weight: 400
}

.odds_comparison .sm_text {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 30px
}

.odds_comparison .sm_text:last-of-type {
    margin-bottom: 0
}

.online_section {
    padding: 75px 0;
    background: url(/static/themes/nano_lite/images/bet-image-11.jpg) no-repeat center center
}

.online_section .onlie_list {
    padding: 0;
    margin: 40px 0 0
}

.online_section .onlie_list li {
    display: block;
    width: 100%;
    margin-bottom: 30px;
    font-size: 18px;
    color: #d6d5d5;
    padding-left: 40px;
    position: relative
}

.online_section .onlie_list li:after {
    content: "\f00c";
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    top: 0
}

.online2 {
    padding: 75px 0
}

.online2 .online2_img {
    margin: 35px 0
}

.online3 {
    padding-bottom: 75px
}

.online3 .sm_box {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    background-color: #d33;
    color: #fff;
    padding: 0 50px;
    margin: 10px 3px;
    border-radius: 3px;
    font-weight: 600
}

.payment_section {
    padding: 75px 0
}

.payment_section .nn_row {
    display: table;
    width: 100%;
    table-layout: fixed
}

.payment_section .nn_row .nn_col {
    display: table-cell;
    vertical-align: middle;
    float: none
}

.payment_partner {
    text-align: center;
    padding-bottom: 75px
}

.payment_partner .partners_list {
    padding: 0;
    margin-top: 50px;
    font-size: 0
}

.payment_partner .partners_list li {
    display: inline-block;
    padding: 0 40px
}

.payment_partner .partners_list li:hover img {
    opacity: 1;
    filter: none
}

.payment_partner .partners_list li img {
    -moz-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .5
}

.retails1 {
    padding: 75px 0
}

.retails1 .hr {
    margin: 75px 0
}

.retails2 {
    background: url(/static/themes/nano_lite/images/bet-bg-13.jpg) no-repeat center bottom / cover;
    padding: 75px 0;
    color: #fff
}

.retails2 .sec_text {
    color: #fff
}

.sports1 {
    padding: 75px 0
}

.sports1 .hr {
    margin: 50px 0
}

.sports1 .sec_head {
    margin-top: 0
}

.sports2 {
    background: url(/static/themes/nano_lite/images/bet-bg-15.jpg) no-repeat center bottom / cover;
    padding: 75px 0;
    color: #fff
}

.sports2 .sec_text {
    color: #fff
}

.sports3 {
    padding: 75px 0
}

.sports4 {
    padding-bottom: 75px
}

.virtual1 {
    padding: 75px 0
}

.virtual2 {
    padding-bottom: 75px
}

.virtual2 .sec_head {
    margin-top: 0
}

.virtual_list {
    padding: 0;
    margin: 0
}

.virtual_list li {
    display: block;
    height: 40px;
    margin-bottom: 10px;
    line-height: 40px;
    background-color: #d6d5d5;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    padding: 0 25px
}

.virtual_list li:hover {
    background-color: #585858
}

.virtual_list li:last-child {
    margin-bottom: 0
}

.more_btn {
    background-color: #d33;
    height: 40px;
    display: inline-block;
    padding: 0 25px;
    font-size: 16px;
    line-height: 40px;
    text-transform: uppercase;
    color: #585858;
    font-weight: 600
}

.lg_text {
    font-size: 72px;
    font-weight: 800
}

.more_info_btn {
    background-image: -moz-linear-gradient(-90deg, #fbfbfb 0, #dedede 100%);
    background-image: -webkit-linear-gradient(-90deg, #fbfbfb 0, #dedede 100%);
    background-image: -ms-linear-gradient(-90deg, #fbfbfb 0, #dedede 100%);
    box-shadow: 0 2px 1px 0 rgba(230, 230, 230, 0.99);
    border: 1px solid #dcc000;
    border-radius: 10px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    padding: 0 25px;
    color: #585858;
    text-transform: uppercase;
    font-weight: 800;
    margin-top: 15px
}

.mt50 {
    margin-top: 50px
}

.partner_section {
    padding: 100px 0
}

.partner_list {
    padding: 0;
    margin: 0;
    font-size: 0
}

.partner_list li {
    display: inline-block;
    width: 50%;
    font-size: 14px;
    padding: 10px
}

.partner_list .list_box {
    border: 1px solid #716d6e;
    border-top: 2px solid #d33;
    padding: 20px;
    display: table;
    width: 100%
}

.partner_list .list_box:hover {
    box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.1)
}

@media only screen and (max-width: 540px) {
    .partner_list .list_box {
        display: block
    }
}

.partner_list .partner_logo {
    display: table-cell;
    vertical-align: middle;
    width: 100px
}

@media only screen and (max-width: 540px) {
    .partner_list .partner_logo {
        display: inline-block;
        padding-bottom: 20px;
        text-align: center
    }
}

.partner_list .partner_logo img {
    width: 80%
}

.partner_list .list_content {
    display: table-cell;
    vertical-align: middle;
    padding-left: 25px
}

@media only screen and (max-width: 540px) {
    .partner_list .list_content {
        padding-left: 0;
        display: block;
        text-align: center
    }
}

.partner_list .list_content .partner_head {
    margin-top: 0;
    font-size: 18px;
    font-weight: 600
}

@media only screen and (max-width: 540px) {
    .partner_list .list_content .partner_head {
        margin-bottom: 10px;
        font-size: 14px
    }
}

.partner_list .list_content .partner_text {
    color: #d6d5d5;
    line-height: 28px;
    margin-bottom: 0
}

.sp_page {
    font-family: 'Rubik', sans-serif;
    position: relative
}

.sp_page.sp_maintenance {
    background: url(../images/sp-img-01.png) no-repeat right top / cover
}

.sp_page.sp_construction {
    background: url(../images/sp-img-02.png) no-repeat right top / cover
}

.sp_page.sp_coming {
    background: url(../images/sp-img-03.png) no-repeat right top / cover
}

.sp_page.sp_payment {
    background: url(../images/sp-img-04.png) no-repeat right top / cover
}

.sp_page.sp_policy {
    background: url(../images/sp-img-05.png) no-repeat right top / cover
}

.sp_page.sp_forbidden {
    background: url(../images/sp-img-06.png) no-repeat right top / cover
}

.sp_page.sp_not_found {
    background: url(../images/sp-img-07.png) no-repeat right top / cover
}

.sp_page.sp_http {
    background: url(../images/sp-img-08.png) no-repeat right top / cover
}

.sp_page .sp_page_content {
    height: 100vh;
    vertical-align: middle;
    display: table-cell
}

.sp_page .sp_page_content .sp_head {
    color: #d33;
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 50px
}

.sp_page .sp_page_content .sp_head.sp_error {
    color: #ed1c24
}

.sp_page .sp_page_content .sp_content {
    font-weight: 200;
    color: #585858;
    font-size: 30px;
    margin-bottom: 15px
}

.sp_page .sp_page_content .sp_text {
    font-size: 16px;
    font-weight: 400;
    color: #d6d5d5;
    line-height: 30px
}

body {
    font-family: 'Fira Sans Condensed', sans-serif
}

a,
a:hover,
a:focus,
a:active {
    text-decoration: none;
    background-color: transparent
}

h1,
h2,
h3,
h4,
h5,
h6,
li,
ul,
td,
th,
tr,
ol {
    margin: 0
}

h1 p,
h2 p,
h3 p,
h4 p,
h5 p,
h6 p,
li p,
ul p,
td p,
th p,
tr p,
ol p {
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    width: auto !important;
    font-size: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
    font-weight: inherit !important;
    display: initial;
    background: initial !important;
    position: initial !important
}

p a {
    color: inherit
}

span p,
b p,
strong p,
small p,
bold p,
a p {
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    width: auto !important;
    font-size: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
    font-weight: inherit !important
}

h5 {
    font-size: 18px
}

@media (max-width:500px) {
    h5 {
        font-size: 16px
    }
}

@media (max-width:480px) {
    h1 {
        font-size: 28px
    }
}

@media (max-width:480px) {
    h2 {
        font-size: 24px
    }
}

@media (max-width:480px) {
    h3 {
        font-size: 20px
    }
}

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

h6 {
    font-size: 14px;
    padding: 10px 0
}

@media (max-width:500px) {
    h6 {
        font-size: 12px
    }
}

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

header {
    text-align: left
}

header .navbar-toggle .icon-bar {
    background: #fff
}

header .nn_collapse {
    float: right
}

@media (max-width:991px) {
    header .nn_collapse {
        width: 100%;
        padding: 0;
        border: none
    }
}

@media (min-width:768px) and (max-width:991px) {
    header .navbar-collapse.collapse {
        display: none !important;
        padding: 0;
        margin: auto
    }
}

@media (min-width:768px) and (max-width:991px) {
    header .navbar-collapse.collapse.in {
        display: block !important;
        padding: 0;
        margin: auto
    }
}

@media (min-width:768px) and (max-width:991px) {

    header .navbar-header .collapse,
    header .navbar-toggle {
        display: block !important
    }

    header .navbar-header .collapse .icon-bar,
    header .navbar-toggle .icon-bar {
        background: #2e303f
    }
}

@media (max-width:991px) {

    header .navbar-header .collapse,
    header .navbar-toggle {
        padding: 0;
        margin: 0;
        margin-right: 30px
    }
}

@media (max-width:991px) {
    header .navbar-header {
        padding-top: 35px;
        float: right
    }
}

header .collapsing {
    padding: 0
}

header .dropdown-menu {
    padding: 0
}

header .dropdown-menu li {
    display: block !important;
    float: none;
    width: 100%;
    border-right: 0;
    border-left: 0
}

header.bell_fixedheader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    text-align: center;
    -webkit-transition: all .9s ease-in-out;
    -moz-transition: all .9s ease-in-out;
    -ms-transition: all .9s ease-in-out;
    -o-transition: all .9s ease-in-out;
    transition: all .9s ease-in-out
}

@media (max-width:990px) {
    header.bell_fixedheader {
        width: 100%;
        margin: 0
    }
}

.nn_container_lite {
    margin-right: auto;
    margin-left: auto;
    max-width: 1400px;
    padding-right: 15px;
    padding-left: 15px;
    position: relative
}

@media (max-width:1366px) {
    .nn_container_lite {
        max-width: 1200px
    }
}

.bell_header {
    position: fixed;
    top: 0;
    background-color: #1a2026;
    border-bottom: 1px solid #22272b;
    width: 100%;
    z-index: 100;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out
}

.bell_header .main_header {
    background-color: transparent
}

@media (max-width:990px) {
    .bell_header .main_header {
        position: inherit;
        top: inherit;
        float: left;
        width: 100%
    }
}

.bell_header .main_header .logo_head {
    display: inline-block;
    float: left;
    position: relative;
    z-index: 101;
    padding-right: 30px
}

@media (max-width:990px) {
    .bell_header .main_header .logo_head {
        padding-left: 0
    }
}

.bell_header .main_header .logo_head a {
    width: auto;
    height: auto;
    display: table-cell;
    line-height: 78px;
    height: 78px;
    vertical-align: middle;
    max-width: 140px
}

.bell_header .main_header .logo_head a bell_logo {
    max-width: 170px
}

.bell_header .main_header .footer_logo {
    display: inline-block;
    float: left;
    padding-left: 40px
}

.bell_header .main_header .footer_logo a {
    width: auto;
    height: auto
}

.bell_header .main_header .footer_logo a img {
    max-width: 170px;
    margin-bottom: 20px
}

.bell_header .main_header .nav {
    text-align: center;
    font-size: 0
}

.bell_header .main_header .nav:before {
    position: absolute;
    content: "";
    opacity: .2;
    top: -1px;
    width: 55%;
    margin: 0 auto;
    left: 0;
    right: 0
}

.bell_header .main_header .nav .dropdown-menu {
    background-color: #464646;
    border-top: 3px solid #d33;
    line-height: 77px;
    border-radius: 0;
    margin-top: 0
}

@media (max-width:540px) {
    .bell_header .main_header .nav .dropdown-menu {
        border: none
    }
}

.bell_header .main_header .nav .dropdown-menu li {
    border-bottom: 1px solid #2e303f;
    height: auto;
    padding: 10px;
    line-height: 40px
}

.bell_header .main_header .nav .dropdown-menu li:last-child {
    border: none
}

.bell_header .main_header .nav .dropdown-menu li a {
    color: #182141
}

.bell_header .main_header .nav .dropdown-menu li a.active,
.bell_header .main_header .nav .dropdown-menu li a:hover,
.bell_header .main_header .nav .dropdown-menu li a:focus {
    color: #fff
}

.bell_header .main_header .nav .dropdown-menu li a:after {
    display: none
}

.bell_header .main_header .nav .divider {
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    padding: 0;
    height: 30px;
    margin: 24px auto
}

.bell_header .main_header .nav li {
    margin: 0;
    display: inline-block;
    padding: 0 20px;
    height: 78px;
    line-height: 78px;
    float: left
}

.bell_header .main_header .nav li:hover .dropdown-menu {
    display: block
}

.bell_header .main_header .nav li a {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #fff;
    margin: 0;
    padding: 0;
    position: relative;
    background-color: transparent;
    display: initial
}

.bell_header .main_header .nav li a:after {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -5px;
    background-color: #d33;
    transition: width .3s
}

.bell_header .main_header .nav li a:hover:after,
.bell_header .main_header .nav li a:focus:after,
.bell_header .main_header .nav li a.active:after {
    width: 100%
}

.bell_header .main_header .nav li .bell_head_button {
    padding: 15px 13px;
    border: 3px solid rgba(221, 51, 51, 0.85);
    color: rgba(221, 51, 51, 0.85);
    font-weight: 600;
    margin-right: 20px;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out;
    margin: 0;
    outline: none
}

.bell_header .main_header .nav li .bell_head_button:active,
.bell_header .main_header .nav li .bell_head_button:hover,
.bell_header .main_header .nav li .bell_head_button:focus {
    color: #d32323;
    border: 3px solid #d32323;
    -webkit-box-shadow: inset 0 0 40px #000;
    -moz-box-shadow: inset 0 0 40px #000;
    box-shadow: inset 0 0 40px #000
}

.bell_header .main_header .nav li .bell_head_button:after {
    display: none
}

.bell_header .main_header .navbar {
    margin-bottom: 0;
    border: 0;
    width: 100%
}

@media (max-width:990px) {
    .bell_header .main_header .navbar .navbar-collapse ul {
        text-align: left;
        position: relative;
        font-size: 0;
        width: 100%;
        margin: 0;
        padding: 0
    }

    .bell_header .main_header .navbar .navbar-collapse ul li {
        margin: 0;
        padding: 0;
        display: block;
        position: relative;
        box-sizing: border-box;
        height: auto;
        line-height: normal;
        float: none
    }

    .bell_header .main_header .navbar .navbar-collapse ul li a {
        background-color: transparent;
        border-radius: 0;
        font-weight: 600;
        font-size: 13px;
        letter-spacing: 3px;
        color: #fff;
        position: relative;
        display: block;
        padding: 20px 20px;
        text-align: left;
        line-height: 1;
        background-color: #000;
        border: none
    }

    .bell_header .main_header .navbar .navbar-collapse ul li a.active {
        background-color: #d33;
        color: #fff;
        border-radius: 0;
        border: none
    }

    .bell_header .main_header .navbar .navbar-collapse ul li a.active:hover,
    .bell_header .main_header .navbar .navbar-collapse ul li a.active:focus {
        background-color: #000;
        color: #fff;
        border: none;
        border-bottom: 3px solid #d33
    }

    .bell_header .main_header .navbar .navbar-collapse ul li a:hover,
    .bell_header .main_header .navbar .navbar-collapse ul li a:focus {
        background-color: #000;
        color: #fff;
        border: none;
        border-bottom: 3px solid #d33
    }
}

.bell_header .main_header .navbar-collapse {
    padding: 0
}

@media (max-width:990px) {
    .bell_header .main_header .navbar-collapse {
        background-color: transparent;
        position: fixed;
        border-top: 3px solid #d33;
        left: 0;
        right: 0;
        z-index: 101;
        text-align: center;
        width: 100%;
        margin: 0;
        padding: 0;
        top: 79px
    }
}

.bell_slider .bell-carousel .owl-item {
    height: auto
}

@media (max-width:540px) {
    .bell_slider .bell-carousel .owl-item {
        height: 340px
    }
}

.bell_slider .bell-carousel .owl-item.owl-animated-out .fadeInUp2 {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.bell_slider .bell-carousel .owl-item.active .fadeInUp2 {
    -webkit-animation-name: fadeInUp2;
    animation-name: fadeInUp2;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.bell_slider .bell-carousel .owl-item img {
    display: block;
    width: 100%;
    height: auto
}

@media (max-width:540px) {
    .bell_slider .bell-carousel .owl-item img {
        width: auto;
        max-width: none
    }
}

.bell_slider .bell-carousel .carousel-caption {
    left: 5%;
    bottom: 45%;
    text-align: left;
    z-index: 999999999;
    width: 40%;
    padding: 0;
    transform: translateY(50%)
}

@media (max-width:540px) {
    .bell_slider .bell-carousel .carousel-caption {
        width: auto;
        bottom: 37%
    }
}

.bell_slider .bell-carousel .carousel-caption .slider_title {
    font-size: 100px;
    line-height: 1.2;
    margin-bottom: 10px;
    text-decoration: none
}

@media (max-width:990) {
    .bell_slider .bell-carousel .carousel-caption .slider_title {
        font-size: 60px;
        line-height: 1.2;
        margin-bottom: 10px
    }
}

@media (max-width:767px) {
    .bell_slider .bell-carousel .carousel-caption .slider_title {
        font-size: 60px;
        line-height: 1;
        margin-bottom: 10px
    }
}

@media (max-width:540px) {
    .bell_slider .bell-carousel .carousel-caption .slider_title {
        font-size: 40px;
        line-height: 1;
        margin-bottom: 10px
    }
}

.bell_slider .bell-carousel .carousel-caption .slider_text {
    font-size: 55px;
    margin-bottom: 20px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: normal;
    text-transform: none;
    color: rgba(255, 255, 255, 0.6);
    text-shadow: none
}

@media (max-width:990) {
    .bell_slider .bell-carousel .carousel-caption .slider_text {
        font-size: 60px;
        line-height: 1.2;
        margin-bottom: 10px
    }
}

@media (max-width:767px) {
    .bell_slider .bell-carousel .carousel-caption .slider_text {
        font-size: 60px;
        line-height: 1;
        margin-bottom: 10px
    }
}

@media (max-width:540px) {
    .bell_slider .bell-carousel .carousel-caption .slider_text {
        font-size: 25px;
        line-height: 1;
        margin-bottom: 3px
    }
}

.bell_slider .bell-carousel .owl-controls .owl-buttons {
    width: 100%;
    position: absolute;
    bottom: 50%;
    transform: translateY(50%)
}

@media (max-width:540px) {
    .bell_slider .bell-carousel .owl-controls .owl-buttons {
        display: none
    }
}

@media (max-width:780px) {
    .bell_slider .bell-carousel .owl-controls .owl-buttons {
        display: none
    }
}

.bell_slider .bell-carousel .owl-controls .owl-buttons .owl-prev {
    position: absolute;
    left: 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 60px;
    background-color: transparent;
    outline: none;
    margin-left: 20px;
    height: auto;
    padding-right: 40px;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out
}

.bell_slider .bell-carousel .owl-controls .owl-buttons .owl-prev:active,
.bell_slider .bell-carousel .owl-controls .owl-buttons .owl-prev:hover,
.bell_slider .bell-carousel .owl-controls .owl-buttons .owl-prev:focus {
    color: #fff
}

.bell_slider .bell-carousel .owl-controls .owl-buttons .owl-next {
    position: absolute;
    right: 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 60px;
    background-color: transparent;
    outline: none;
    height: auto;
    margin-right: 20px;
    padding-left: 40px;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out
}

.bell_slider .bell-carousel .owl-controls .owl-buttons .owl-next:active,
.bell_slider .bell-carousel .owl-controls .owl-buttons .owl-next:hover,
.bell_slider .bell-carousel .owl-controls .owl-buttons .owl-next:focus {
    color: #fff
}

.bell_slider .bell-carousel .owl-dots,
.bell_slider .bell-carousel .owl-pagination {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 60px;
    text-align: center;
    width: 100%
}

@media (max-width:990) {

    .bell_slider .bell-carousel .owl-dots,
    .bell_slider .bell-carousel .owl-pagination {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 60px;
        text-align: center
    }
}

@media (max-width:767px) {

    .bell_slider .bell-carousel .owl-dots,
    .bell_slider .bell-carousel .owl-pagination {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 15px;
        text-align: center
    }
}

@media (max-width:540px) {

    .bell_slider .bell-carousel .owl-dots,
    .bell_slider .bell-carousel .owl-pagination {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 15px;
        text-align: center
    }
}

.bell_slider .bell-carousel .owl-dots .owl-dot,
.bell_slider .bell-carousel .owl-pagination .owl-dot,
.bell_slider .bell-carousel .owl-dots .owl-page,
.bell_slider .bell-carousel .owl-pagination .owl-page {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 2px 6px;
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid #fff;
    outline: none
}

.bell_slider .bell-carousel .owl-dots .owl-dot span,
.bell_slider .bell-carousel .owl-pagination .owl-dot span,
.bell_slider .bell-carousel .owl-dots .owl-page span,
.bell_slider .bell-carousel .owl-pagination .owl-page span {
    display: none
}

.bell_slider .bell-carousel .owl-dots .owl-dot.active,
.bell_slider .bell-carousel .owl-pagination .owl-dot.active,
.bell_slider .bell-carousel .owl-dots .owl-page.active,
.bell_slider .bell-carousel .owl-pagination .owl-page.active {
    background-color: #fff;
    position: relative
}

.bell_slider .bell-carousel .owl-dots .owl-dot.active:after,
.bell_slider .bell-carousel .owl-pagination .owl-dot.active:after,
.bell_slider .bell-carousel .owl-dots .owl-page.active:after,
.bell_slider .bell-carousel .owl-pagination .owl-page.active:after {
    content: '';
    border: 1px solid #fff;
    height: 18px;
    width: 18px;
    left: -5px;
    top: -5px;
    position: absolute;
    border-radius: 50%
}

.bell_slider .bell-carousel .slider_button {
    text-align: center;
    position: absolute;
    left: 108%;
    top: 30%;
    width: 80px;
    height: 80px;
    background: linear-gradient(to top, rgba(255, 255, 255, 0.05) 0, rgba(255, 255, 255, 0.3) 100%);
    border-radius: 50%;
    z-index: 10;
    font-size: 20px;
    border: 6px solid rgba(255, 255, 255, 0.5);
    color: transparent;
    overflow: hidden
}

.bell_slider .bell-carousel .slider_button:before {
    content: "\f04b";
    font-family: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
    font-size: 90%;
    color: #fff;
    width: 68px;
    height: 68px;
    text-align: center;
    display: block;
    line-height: 68px
}

@media (max-width:540px) {
    .bell_slider .bell-carousel .slider_button {
        opacity: 0
    }
}

.bell_slider .bell-carousel .slider_button:after {
    content: '';
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.bell_slider .bell-carousel .slider_button:active,
.bell_slider .bell-carousel .slider_button:hover,
.bell_slider .bell-carousel .slider_button:focus {
    background: linear-gradient(to top, rgba(255, 255, 255, 0.1) 0, rgba(255, 255, 255, 0.4) 100%);
    border: 6px solid rgba(255, 255, 255, 0.7)
}

.bella_latest {
    margin-top: 50px
}

.bella_latest .bella_text_box {
    margin-bottom: 50px
}

.bella_latest .bella_text_box h1 {
    font-size: 70px;
    color: #d33;
    line-height: 1;
    margin: 0;
    padding: 0;
    font-weight: 600
}

.bella_latest .bella_text_box h4 {
    font-size: 40px;
    color: #d33;
    font-weight: 600;
    padding: 0;
    margin: 0;
    line-height: 1.3
}

.bella_latest .bella_text_box p {
    font-size: 16px;
    color: #888;
    margin-bottom: 40px;
    margin-top: 15px;
    line-height: 1.75
}

.bella_latest .bella_text_box a {
    font-size: 15px;
    font-weight: 600;
    color: #f2c21a;
    background-color: #3c3c3c;
    border-radius: 0;
    padding: 18px 28px;
    z-index: 101;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out
}

.bella_latest .bella_text_box a:active,
.bella_latest .bella_text_box a:hover,
.bella_latest .bella_text_box a:focus {
    background-color: #d33;
    color: #fff
}

.bella_latest .video_box {
    margin-bottom: 50px
}

.bella_latest .video_box .image_box {
    position: relative
}

.bella_latest .video_box .image_box img {
    width: 100%
}

.bella_latest .video_box .image_box .play_icon {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.bella_latest .video_box .image_box .play_icon .fa {
    line-height: 55px;
    color: #fff;
    position: absolute;
    text-align: center;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    width: 65px;
    height: 65px;
    background-color: #fff;
    transform: translate(-50%, -50%);
    background: linear-gradient(to top, rgba(255, 255, 255, 0.05) 0, rgba(255, 255, 255, 0.3) 100%);
    border: 6px solid rgba(255, 255, 255, 0.5);
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out
}

.bella_latest .video_box .image_box .play_icon .fa:active,
.bella_latest .video_box .image_box .play_icon .fa:hover,
.bella_latest .video_box .image_box .play_icon .fa:focus {
    background: linear-gradient(to top, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.7) 100%);
    border: 6px solid rgba(255, 255, 255, 0.8)
}

.bella_latest .video_box .content_box {
    padding: 26px 30px;
    border: 1px solid #3c3c3c
}

.bella_latest .video_box .content_box .cat_tag {
    font-size: 12px;
    letter-spacing: .5px;
    font-weight: 600;
    text-transform: uppercase;
    color: #f2c21a;
    border-bottom: 2px solid #2e303f;
    margin-bottom: 8px
}

.bella_latest .video_box .content_box .video_title {
    line-height: 1.2;
    margin-bottom: 8px;
    font-weight: 600;
    color: #f2c21a;
    margin-top: 10px;
    height: 72px;
    overflow: hidden
}

.bella_latest .video_box .content_box .video_title a {
    color: #f2c21a;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out
}

.bella_latest .video_box .content_box .video_title a:active,
.bella_latest .video_box .content_box .video_title a:focus,
.bella_latest .video_box .content_box .video_title a:hover {
    color: #d33
}

.bella_latest .video_box .content_box .video_comment {
    font-size: 13px;
    color: #f2c21a;
    padding-right: 20px
}

.bella_latest .video_box .content_box .video_comment .fa {
    color: #f2c21a;
    padding-right: 3px
}

.bella_video_sec .bella_text_box {
    position: relative
}

.bella_video_sec .bella_text_box h1 {
    font-size: 70px;
    color: #d33;
    line-height: 1;
    margin: 0;
    padding: 0;
    font-weight: 600
}

.bella_video_sec .bella_text_box h4 {
    font-size: 40px;
    color: #d33;
    font-weight: 600;
    padding: 0;
    margin: 0;
    line-height: 1.3
}

.bella_video_sec .bella_text_box p {
    font-size: 16px;
    color: #888;
    margin-bottom: 25px;
    margin-top: 15px;
    line-height: 1.75
}

.bella_video_sec .bella_text_box a {
    font-size: 15px;
    font-weight: bold;
    color: #f2c21a;
    background-color: #3c3c3c;
    border-radius: 0;
    padding: 18px 28px;
    float: left;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.bella_video_sec .bella_text_box a:active,
.bella_video_sec .bella_text_box a:hover,
.bella_video_sec .bella_text_box a:focus {
    background-color: #d33;
    color: #fff
}

.bella_video_sec .video_box {
    margin-bottom: 50px
}

.bella_video_sec .video_box .image_box {
    position: relative
}

.bella_video_sec .video_box .image_box img {
    width: 100%
}

.bella_video_sec .video_box .image_box .play_icon {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.bella_video_sec .video_box .image_box .play_icon .fa {
    line-height: 55px;
    color: #fff;
    position: absolute;
    text-align: center;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    width: 65px;
    height: 65px;
    background-color: #fff;
    transform: translate(-50%, -50%);
    background: linear-gradient(to top, rgba(255, 255, 255, 0.05) 0, rgba(255, 255, 255, 0.3) 100%);
    border: 6px solid rgba(255, 255, 255, 0.5);
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out
}

.bella_video_sec .video_box .image_box .play_icon .fa:active,
.bella_video_sec .video_box .image_box .play_icon .fa:hover,
.bella_video_sec .video_box .image_box .play_icon .fa:focus {
    background: linear-gradient(to top, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.7) 100%);
    border: 6px solid rgba(255, 255, 255, 0.8)
}

.bella_video_sec .video_box .content_box {
    padding: 26px 30px;
    border: 1px solid #3c3c3c
}

.bella_video_sec .video_box .content_box .cat_tag {
    font-size: 12px;
    letter-spacing: .5px;
    font-weight: 600;
    text-transform: uppercase;
    color: #f2c21a;
    border-bottom: 2px solid #2e303f;
    margin-bottom: 8px
}

.bella_video_sec .video_box .content_box .video_title {
    line-height: 1.2;
    margin-bottom: 8px;
    font-weight: 600;
    color: #f2c21a;
    margin-top: 10px
}

.bella_video_sec .video_box .content_box .video_title a {
    color: #f2c21a;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out
}

.bella_video_sec .video_box .content_box .video_title a:active,
.bella_video_sec .video_box .content_box .video_title a:focus,
.bella_video_sec .video_box .content_box .video_title a:hover {
    color: #d33
}

.bella_video_sec .video_box .content_box .vid_cmnt {
    font-size: 13px;
    color: #f2c21a;
    padding-right: 20px
}

.bella_video_sec .video_box .content_box .vid_cmnt .fa {
    color: #f2c21a;
    padding-right: 3px
}

.load_more_sec {
    text-align: center;
    margin: 40px 0 90px 0
}

.load_more_sec .load_btn {
    text-decoration: none;
    box-shadow: none;
    font-size: 16px;
    color: #fff;
    background-color: #d33;
    line-height: 1;
    border: none;
    text-align: center;
    border-radius: 0;
    padding: 18px 26px;
    font-weight: 600;
    letter-spacing: 1px;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out
}

.load_more_sec .load_btn:active {
    transition: none
}

.load_more_sec .load_btn:hover,
.load_more_sec .load_btn:focus {
    background-color: #3b65ce;
    color: #fff
}

.load_more_sec .load_btn .load_icon {
    margin-left: 5px;
    font-size: 18px;
    color: #fff
}

.bell_cat_sec {
    padding: 70px 30px;
    background: linear-gradient(90deg, #a31d00 0, #d33 100%)
}

.bell_cat_sec .vid_cat_head {
    padding: 0;
    margin: 0;
    line-height: 1;
    color: #fff;
    letter-spacing: 2px;
    font-weight: 600;
    margin-bottom: 40px
}

.bell_cat_sec .vid_cat ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 100%
}

@media (max-width:900px) {
    .bell_cat_sec .vid_cat ul {
        display: block;
        width: 100%
    }
}

.bell_cat_sec .vid_cat ul li {
    margin: 0;
    padding: 0;
    float: left;
    width: 33.33%
}

@media (max-width:900px) {
    .bell_cat_sec .vid_cat ul li {
        float: none;
        width: 100%
    }
}

.bell_cat_sec .vid_cat ul li a {
    display: block;
    width: 95%;
    padding: 10px 5%;
    color: #fff;
    margin-bottom: 10px;
    font-size: 15px;
    border-radius: 4px;
    background-color: #666;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out
}

.bell_cat_sec .vid_cat ul li a:active,
.bell_cat_sec .vid_cat ul li a:hover,
.bell_cat_sec .vid_cat ul li a:focus {
    background-color: #1a2026
}

@media (max-width:900px) {
    .bell_cat_sec .vid_cat ul li a {
        display: block;
        width: 100%
    }
}

.bell_cat_sec .vid_cat ul li .cat_count {
    float: right;
    font-size: 80%
}

.bell_subscribe {
    padding-top: 60px;
    padding-bottom: 40px;
    background-color: #fff
}

.bell_subscribe .subscribe_head {
    text-align: center
}

.bell_subscribe .subscribe_head .lett_title {
    font-size: 25px;
    color: #d33;
    letter-spacing: 2px;
    font-weight: 900;
    margin-bottom: 20px
}

.bell_subscribe .subscribe_head .lett_para {
    font-size: 16px;
    color: #909090;
    letter-spacing: 3px;
    font-weight: 400
}

.bell_subscribe .bell_letter {
    text-align: center;
    margin-top: 30px
}

.bell_subscribe .bell_letter .bell_email_group {
    display: inline-block;
    margin-right: 12px;
    padding: 0 22px;
    background-color: #ebebeb;
    border-radius: 50px
}

.bell_subscribe .bell_letter .bell_email_group .fa {
    text-align: center;
    vertical-align: middle;
    font-size: 22px;
    height: 50px;
    line-height: 50px;
    color: #909090
}

.bell_subscribe .bell_letter .bell_email_group .bell_email {
    line-height: 50px;
    border-radius: 25px;
    background-color: transparent;
    padding: 0 10px;
    min-width: 450px;
    outline: none;
    letter-spacing: .5px;
    border: none
}

.bell_subscribe .bell_letter .bell_button {
    border-radius: 25px;
    border: none;
    padding: 15px 40px;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 16px;
    color: #fff;
    outline: none;
    background: linear-gradient(90deg, #a31d00 0, #d33 100%);
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out
}

.bell_subscribe .bell_letter .bell_button:active,
.bell_subscribe .bell_letter .bell_button:hover,
.bell_subscribe .bell_letter .bell_button:focus {
    -webkit-box-shadow: inset 0 0 40px #000;
    -moz-box-shadow: inset 0 0 40px #000;
    box-shadow: inset 0 0 40px #000
}

.bell_footer {
    background-color: #181818;
    padding-top: 100px;
    font-size: 15px;
    width: 100%;
    height: auto
}

.bell_footer .main_footer {
    padding-bottom: 20px
}

.bell_footer .main_footer .bell_footer1 .footer_logo {
    margin-bottom: 30px
}

.bell_footer .main_footer .bell_footer1 .footer_about p {
    color: #909090;
    text-align: justify;
    width: 80%
}

.bell_footer .main_footer .bell_footer1 .footer_social {
    margin-top: 35px;
    margin-bottom: 35px
}

.bell_footer .main_footer .bell_footer1 .footer_social ul li {
    display: inline-block
}

.bell_footer .main_footer .bell_footer1 .footer_social ul li a {
    color: #fff;
    background-color: #383c50;
    margin-right: 5px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    transition: .3s all ease-in-out
}

.bell_footer .main_footer .bell_footer1 .footer_social ul li a:active,
.bell_footer .main_footer .bell_footer1 .footer_social ul li a:hover,
.bell_footer .main_footer .bell_footer1 .footer_social ul li a:focus {
    background-color: #d33;
    color: #fff;
    transition: .3s all ease-in-out
}

.bell_footer .main_footer .bell_footer2 .footer_title {
    font-size: 21px;
    color: #d33;
    margin-bottom: 20px
}

.bell_footer .main_footer .bell_footer2 .footer_links {
    margin-bottom: 35px
}

.bell_footer .main_footer .bell_footer2 .footer_links li {
    display: block;
    padding: 18px;
    padding-left: 0;
    text-align: left
}

.bell_footer .main_footer .bell_footer2 .footer_links li .fa {
    margin-right: 12px;
    color: #d33
}

.bell_footer .main_footer .bell_footer2 .footer_links li .footer_link a {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.6);
    letter-spacing: .5px;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out
}

.bell_footer .main_footer .bell_footer2 .footer_links li .footer_link a:active,
.bell_footer .main_footer .bell_footer2 .footer_links li .footer_link a:hover,
.bell_footer .main_footer .bell_footer2 .footer_links li .footer_link a:focus {
    color: #fff
}

.bell_footer .main_footer .bell_footer3 .footer_title {
    font-size: 21px;
    color: #d33;
    margin-bottom: 20px
}

.bell_footer .main_footer .bell_footer3 .footer_links li {
    display: block;
    padding: 18px;
    padding-left: 0;
    text-align: left
}

.bell_footer .main_footer .bell_footer3 .footer_links li .fa {
    margin-right: 12px;
    color: #d33
}

.bell_footer .main_footer .bell_footer3 .footer_links li .footer_link a {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.6);
    letter-spacing: .5px;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out
}

.bell_footer .main_footer .bell_footer3 .footer_links li .footer_link a:active,
.bell_footer .main_footer .bell_footer3 .footer_links li .footer_link a:hover,
.bell_footer .main_footer .bell_footer3 .footer_links li .footer_link a:focus {
    color: #fff
}

.bell_footer .main_footer .bell_footer4 .footer_title {
    font-size: 21px;
    color: #d33;
    margin-bottom: 20px
}

.bell_footer .main_footer .bell_footer4 .footer_links li {
    display: flex;
    padding: 18px;
    padding-left: 0;
    text-align: left
}

.bell_footer .main_footer .bell_footer4 .footer_links li .fa {
    margin-right: 12px;
    color: #d33;
    font-size: 18px
}

.bell_footer .main_footer .bell_footer4 .footer_links li .fa-map-marker {
    font-size: 25px
}

.bell_footer .main_footer .bell_footer4 .footer_links li .fa-phone {
    font-size: 25px
}

.bell_footer .main_footer .bell_footer4 .footer_links li .footer_link a {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.6);
    letter-spacing: .5px;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out
}

.bell_footer .main_footer .bell_footer4 .footer_links li .footer_link a:active,
.bell_footer .main_footer .bell_footer4 .footer_links li .footer_link a:hover,
.bell_footer .main_footer .bell_footer4 .footer_links li .footer_link a:focus {
    color: #fff
}

.bell_footer .bell_sub_footer {
    padding: 40px 0
}

.bell_footer .bell_sub_footer .bell_copy {
    letter-spacing: 2px;
    color: #909090;
    text-align: center
}

.bell_detail_banner {
    background-image: url(../images/video_cat_banner.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    margin: auto;
    padding: 0;
    width: 100%;
    height: 840px
}

@media (max-width:540px) {
    .bell_detail_banner {
        height: auto
    }
}

@media (max-width:768px) {
    .bell_detail_banner {
        height: auto
    }
}

.bell_detail_banner .video_over .bell_player {
    height: auto;
    text-align: center;
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    margin-top: 150px
}

@media (max-width:540px) {
    .bell_detail_banner .video_over .bell_player {
        height: auto;
        margin-top: 100px;
        margin-bottom: 20px
    }
}

@media (max-width:768px) {
    .bell_detail_banner .video_over .bell_player {
        margin-top: 130px;
        margin-bottom: 50px
    }
}

.bell_detail_banner .video_over .bell_player iframe {
    position: relative;
    width: 100%;
    height: 610px
}

@media (max-width:540px) {
    .bell_detail_banner .video_over .bell_player iframe {
        width: 100%;
        height: 100%
    }
}

@media (max-width:768px) {
    .bell_detail_banner .video_over .bell_player iframe {
        width: 100%;
        height: 300px
    }
}

.bell_detail_banner .bell_vid_group {
    margin-top: 40px;
    text-align: center
}

.bell_detail_banner .bell_vid_group ul li {
    display: inline-block;
    padding: 10px
}

.bell_deatil_social ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: table;
    table-layout: fixed;
    width: 100%
}

@media (max-width:990px) {
    .bell_deatil_social ul {
        display: block;
        width: 100%
    }
}

.bell_deatil_social ul li {
    margin: 0;
    padding: 0;
    display: table-cell
}

@media (max-width:990px) {
    .bell_deatil_social ul li {
        display: block;
        width: 100%
    }
}

.bell_deatil_social ul li .social_btn {
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0;
    font-size: 16px;
    position: relative;
    text-align: center;
    color: #fff;
    letter-spacing: .5px;
    font-weight: 600
}

.bell_deatil_social ul li .social_btn.fb {
    background-color: #dedede;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out
}

.bell_deatil_social ul li .social_btn.fb:active,
.bell_deatil_social ul li .social_btn.fb:hover,
.bell_deatil_social ul li .social_btn.fb:focus {
    background-color: rgba(222, 222, 222, 0.9)
}

.bell_deatil_social ul li .social_btn.tw {
    background-color: #fbfbfb;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out
}

.bell_deatil_social ul li .social_btn.tw:active,
.bell_deatil_social ul li .social_btn.tw:hover,
.bell_deatil_social ul li .social_btn.tw:focus {
    background-color: rgba(251, 251, 251, 0.9)
}

.bell_deatil_social ul li .social_btn.yt {
    background-color: #e6e6e6;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out
}

.bell_deatil_social ul li .social_btn.yt:active,
.bell_deatil_social ul li .social_btn.yt:hover,
.bell_deatil_social ul li .social_btn.yt:focus {
    background-color: rgba(230, 230, 230, 0.9)
}

.bell_deatil_social ul li .social_btn.em {
    background-color: #dcc000;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out
}

.bell_deatil_social ul li .social_btn.em:active,
.bell_deatil_social ul li .social_btn.em:hover,
.bell_deatil_social ul li .social_btn.em:focus {
    background-color: rgba(220, 192, 0, 0.9)
}

.bell_deatil_social ul li .social_btn .fa {
    margin-right: 10px;
    font-size: 18px
}

.bell_cat_details {
    padding-top: 50px;
    text-align: justify
}

.bell_cat_details .cat_head_text {
    text-align: left;
    margin-bottom: 40px
}

.bell_cat_details .cat_head_text .vid_cat_text {
    font-size: 14px;
    margin-right: 10px;
    letter-spacing: .5px;
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 2px solid #2e303f;
    color: #f2c21a
}

.bell_cat_details .cat_head_text .vid_head_text {
    font-size: 50px;
    color: #f2c21a;
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: 600;
    letter-spacing: 1px
}

.bell_cat_details .cat_head_text .cat_post_detail {
    color: #f2c21a;
    margin-top: 10px
}

.bell_cat_details .cat_head_text .cat_post_detail .cat_author_text {
    font-size: 15px;
    color: #f2c21a;
    margin-right: 30px
}

.bell_cat_details .cat_head_text .cat_post_detail .vid_cmnt {
    font-size: 15px;
    color: #f2c21a;
    padding-right: 20px
}

.bell_cat_details .cat_head_text .cat_post_detail .vid_cmnt .fa {
    color: #f2c21a;
    padding-right: 8px
}

.bell_cat_details .cat_head_text .cat_post_detail .vid_view {
    font-size: 15px;
    color: #f2c21a;
    padding-right: 20px
}

.bell_cat_details .cat_head_text .cat_post_detail .vid_view .fa {
    color: #f2c21a;
    padding-right: 8px
}

.bell_cat_details .bell_detail blockquote {
    border-color: #d33;
    padding: 0 0 0 30px
}

.bell_cat_details .bell_detail p,
.bell_cat_details .bell_detail slider_text {
    line-height: 1.7;
    margin-bottom: 25px;
    font-size: 15px
}

.bell_cat_details .bell_detail p strong,
.bell_cat_details .bell_detail slider_text strong {
    color: #d33;
    letter-spacing: .5px
}

.bell_cat_details .bell_detail .bell_author_sec {
    height: 280px;
    background-color: #b9bcbd;
    margin-bottom: 40px;
    padding: 60px 0
}

.bell_cat_details .bell_detail .bell_author_sec .author_pic {
    float: left;
    text-align: center;
    width: 30%;
    border-right: 1px solid #9fa3a4
}

.bell_cat_details .bell_detail .bell_author_sec .author_pic img {
    border-radius: 50%;
    margin-bottom: 20px;
    width: 80px
}

.bell_cat_details .bell_detail .bell_author_sec .author_pic h4 {
    color: #f2c21a
}

.bell_cat_details .bell_detail .bell_author_sec .author_pic h6 {
    color: #383c50
}

.bell_cat_details .bell_detail .bell_author_sec .author_detail {
    float: right;
    width: 65%;
    padding-right: 50px
}

.bell_cat_details .bell_detail .bell_author_sec .author_detail h4 {
    text-transform: uppercase;
    margin-bottom: 15px;
    margin-top: 10px;
    color: #f2c21a
}

.bell_cat_details .bell_detail .bell_author_sec .author_detail p {
    color: #383c50
}

.bell_cat_details .bell_detail .bell_author_sec .author_detail .author_social {
    margin-top: 30px
}

.bell_cat_details .bell_detail .bell_author_sec .author_detail .author_social li {
    display: inline-block;
    padding-right: 15px
}

.bell_cat_details .bell_detail .bell_author_sec .author_detail .author_social li a {
    color: #f2c21a;
    font-size: 23px;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out
}

.bell_cat_details .bell_detail .bell_author_sec .author_detail .author_social li a:active,
.bell_cat_details .bell_detail .bell_author_sec .author_detail .author_social li a:hover,
.bell_cat_details .bell_detail .bell_author_sec .author_detail .author_social li a:focus {
    color: #e1e1e1
}

.bell_cat_details .bell_detail .bell_banner_ad {
    padding: 15px 0 30px 0;
    text-align: center
}

.bell_cat_details .bell_detail .bell_banner_ad a img {
    width: 100%;
    height: auto
}

.bell_cat_details .bell_detail .bell_cat_tag {
    text-align: left;
    margin-top: 20px;
    margin-bottom: 50px
}

.bell_cat_details .bell_detail .bell_cat_tag ul li {
    display: inline-block;
    padding: 5px
}

.bell_cat_details .bell_detail .bell_cat_tag ul li a {
    background-color: #ffc5c5;
    color: #f2c21a;
    padding: 6px 20px;
    border-radius: 25px;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out;
    font-weight: 600
}

.bell_cat_details .bell_detail .bell_cat_tag ul li a:active,
.bell_cat_details .bell_detail .bell_cat_tag ul li a:hover,
.bell_cat_details .bell_detail .bell_cat_tag ul li a:focus {
    background-color: #d33;
    color: #fff
}

.bell_cat_details .bell_detail .bell_cat_tag ul li .fa {
    font-size: 20px;
    color: #f2c21a
}

.bell_cat_details .bell_detail .bell_related {
    margin-bottom: 30px
}

.bell_cat_details .bell_detail .bell_related h3 {
    color: #d33;
    letter-spacing: 1px;
    margin-bottom: 25px
}

.bell_cat_details .bell_detail .bell_related .related_box .image_box {
    position: relative
}

.bell_cat_details .bell_detail .bell_related .related_box .image_box img {
    width: 100%
}

.bell_cat_details .bell_detail .bell_related .related_box .image_box .play_icon {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.bell_cat_details .bell_detail .bell_related .related_box .image_box .play_icon .fa {
    line-height: 55px;
    color: #fff;
    position: absolute;
    text-align: center;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    width: 65px;
    height: 65px;
    background-color: #fff;
    transform: translate(-50%, -50%);
    background: linear-gradient(to top, rgba(255, 255, 255, 0.05) 0, rgba(255, 255, 255, 0.3) 100%);
    border: 6px solid rgba(255, 255, 255, 0.5);
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out
}

.bell_cat_details .bell_detail .bell_related .related_box .image_box .play_icon .fa:active,
.bell_cat_details .bell_detail .bell_related .related_box .image_box .play_icon .fa:hover,
.bell_cat_details .bell_detail .bell_related .related_box .image_box .play_icon .fa:focus {
    background: linear-gradient(to top, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.7) 100%);
    border: 6px solid rgba(255, 255, 255, 0.8)
}

.bell_cat_details .bell_detail .bell_related .related_box .content_box {
    padding: 15px 30px;
    border: 1px solid #3c3c3c
}

.bell_cat_details .bell_detail .bell_related .related_box .content_box .cat_tag {
    font-size: 12px;
    letter-spacing: .5px;
    font-weight: 600;
    text-transform: uppercase;
    color: #f2c21a;
    border-bottom: 2px solid #2e303f;
    margin-bottom: 8px
}

.bell_cat_details .bell_detail .bell_related .related_box .content_box .video_title {
    line-height: 1.2;
    margin-bottom: 8px;
    font-weight: 600;
    color: #f2c21a;
    margin-top: 10px;
    height: 72px;
    overflow: hidden
}

.bell_cat_details .bell_detail .bell_related .related_box .content_box .video_title a {
    color: #f2c21a;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out
}

.bell_cat_details .bell_detail .bell_related .related_box .content_box .video_title a:active,
.bell_cat_details .bell_detail .bell_related .related_box .content_box .video_title a:focus,
.bell_cat_details .bell_detail .bell_related .related_box .content_box .video_title a:hover {
    color: #d33
}

.bell_cat_details .bell_detail .bell_related .related_box .content_box .vid_cmnt {
    font-size: 13px;
    color: #f2c21a;
    padding-right: 20px
}

.bell_cat_details .bell_detail .bell_related .related_box .content_box .vid_cmnt .fa {
    color: #f2c21a;
    padding-right: 3px
}

.bell_cat_details .bell_sidebar {
    margin-bottom: 15px
}

.bell_cat_details .bell_sidebar .bell_search {
    background-color: #ffc5c5;
    padding: 25px 25px;
    margin-bottom: 5px
}

.bell_cat_details .bell_sidebar .bell_search h3 {
    text-transform: uppercase;
    margin-bottom: 30px;
    color: #d33;
    letter-spacing: .5px
}

.bell_cat_details .bell_sidebar .bell_search .search_group {
    width: 100%;
    height: 50px;
    background-color: #fff;
    position: relative
}

.bell_cat_details .bell_sidebar .bell_search .search_group .serch_box {
    width: 100%;
    height: 50px;
    padding: 0 50px 0 10px;
    background-color: transparent;
    box-sizing: border-box;
    position: absolute;
    border: none;
    outline: none;
    font-size: 14px;
    color: #f2c21a;
    border-left: 10px solid #d33;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out
}

.bell_cat_details .bell_sidebar .bell_search .search_group .serch_box:focus {
    border-left: 10px solid #f2c21a
}

.bell_cat_details .bell_sidebar .bell_search .search_group .search_icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    border: none;
    outline: none;
    background-color: transparent
}

.bell_cat_details .bell_sidebar .bell_search .search_group .search_icon span {
    font-size: 25px;
    color: #d33;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out
}

.bell_cat_details .bell_sidebar .bell_search .search_group .search_icon span:active,
.bell_cat_details .bell_sidebar .bell_search .search_group .search_icon span:hover,
.bell_cat_details .bell_sidebar .bell_search .search_group .search_icon span:focus {
    color: #f2c21a
}

.bell_cat_details .bell_sidebar .side_cat {
    background-color: #ffc5c5;
    padding: 25px 25px;
    margin-bottom: 5px
}

.bell_cat_details .bell_sidebar .side_cat h3 {
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #d33;
    letter-spacing: .5px
}

.bell_cat_details .bell_sidebar .side_cat ul {
    list-style: none;
    margin: 0 0 25px 0;
    padding: 0
}

.bell_cat_details .bell_sidebar .side_cat ul li {
    line-height: 1.5;
    margin: 0 0 12px 0;
    padding: 0 0 12px 0;
    border-bottom: 1px solid #ccd1d2
}

.bell_cat_details .bell_sidebar .side_cat ul li:before {
    content: "\f105";
    font-family: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
    padding-left: 1px;
    font-size: 90%;
    margin-right: 15px
}

.bell_cat_details .bell_sidebar .side_cat ul li a {
    text-decoration: none;
    font-weight: 600;
    color: #f2c21a;
    letter-spacing: 1px;
    cursor: pointer;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out
}

.bell_cat_details .bell_sidebar .side_cat ul li a:active,
.bell_cat_details .bell_sidebar .side_cat ul li a:hover,
.bell_cat_details .bell_sidebar .side_cat ul li a:focus {
    color: #d33
}

.bell_cat_details .bell_sidebar .bell_side_ad {
    padding: 25px 25px;
    margin-bottom: 5px;
    background-color: #ffc5c5;
    text-align: center
}

.bell_cat_details .bell_sidebar .bell_side_ad a img {
    width: 100%;
    height: auto
}

.bell_common_banner {
    background-image: url(../images/video_common_banner.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
    margin: auto;
    padding: 0;
    width: 100%;
    padding-top: 200px;
    padding-bottom: 130px
}

.bell_common_banner .common_banner_head {
    font-weight: 700;
    padding: 0 1px;
    display: inline-block;
    margin-bottom: 40px;
    color: #fff;
    font-size: 60px;
    position: relative;
    letter-spacing: 2px;
    z-index: 5
}

.contact_sec1 .bell_map {
    padding: 0;
    margin: 0;
    height: 700px;
    background-color: #3c3c3c
}

.contact_sec1 .bell_map iframe {
    width: 100%;
    height: 100%
}

.contact_sec1 .cnt_detail {
    padding: 5% 8% 3% 5%;
    background-color: #d33;
    min-height: 700px
}

.contact_sec1 .cnt_detail .bell_address {
    margin-bottom: 50px;
    text-align: left
}

.contact_sec1 .cnt_detail .bell_address h3 {
    color: #000;
    font-weight: 600;
    margin-bottom: 10px
}

.contact_sec1 .cnt_detail .bell_address h6 {
    font-size: 24px;
    color: #fff;
    font-weight: normal
}

.contact_sec1 .cnt_detail .bell_email {
    margin-bottom: 50px;
    text-align: left
}

.contact_sec1 .cnt_detail .bell_email h3 {
    color: #000;
    font-weight: 600;
    margin-bottom: 10px
}

.contact_sec1 .cnt_detail .bell_email h6 {
    font-size: 24px;
    color: #fff;
    font-weight: normal
}

.contact_sec1 .cnt_detail .bell_mob {
    margin-bottom: 50px;
    text-align: left
}

.contact_sec1 .cnt_detail .bell_mob h3 {
    color: #000;
    font-weight: 600;
    margin-bottom: 10px
}

.contact_sec1 .cnt_detail .bell_mob h6 {
    font-size: 24px;
    color: #fff;
    font-weight: normal
}

.contact_sec1 .cnt_detail .bell_social {
    margin-bottom: 50px;
    text-align: left
}

.contact_sec1 .cnt_detail .bell_social h3 {
    color: #000;
    font-weight: 600;
    margin-bottom: 10px
}

.contact_sec1 .cnt_detail .bell_social ul {
    margin-top: 30px
}

.contact_sec1 .cnt_detail .bell_social ul li {
    display: inline-block;
    padding: 0 30px 0 0
}

.contact_sec1 .cnt_detail .bell_social ul li a {
    color: #fff;
    font-size: 25px
}

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

.bell_cnt_form .form_head {
    font-weight: 600;
    color: #000;
    letter-spacing: 1px;
    margin-bottom: 50px
}

.bell_cnt_form .bell_form input,
.bell_cnt_form .bell_form textarea {
    width: 100%;
    margin-bottom: 25px;
    outline: none;
    padding: 10px 18px;
    background-color: #ffc5c5;
    border: 3px solid transparent;
    font-size: 15px;
    color: #888;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out
}

.bell_cnt_form .bell_form input textarea,
.bell_cnt_form .bell_form textarea textarea {
    min-height: 150px
}

.bell_cnt_form .bell_form input:focus,
.bell_cnt_form .bell_form textarea:focus {
    border: 3px solid #d33
}

.bell_cnt_form .bell_form input:-webkit-input-placeholder,
.bell_cnt_form .bell_form textarea:-webkit-input-placeholder {
    color: #888
}

.bell_cnt_form .bell_form input:-moz-placeholder,
.bell_cnt_form .bell_form textarea:-moz-placeholder {
    color: #888
}

.bell_cnt_form .bell_form input:-ms-input-placeholder,
.bell_cnt_form .bell_form textarea:-ms-input-placeholder {
    color: #888
}

.bell_cnt_form .bell_form input:-moz-placeholder,
.bell_cnt_form .bell_form textarea:-moz-placeholder {
    color: #888
}

.bell_cnt_form .bell_form button {
    border: 0;
    padding: 16px 18px;
    background-color: #f2c21a;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out
}

.bell_cnt_form .bell_form button:active,
.bell_cnt_form .bell_form button:focus,
.bell_cnt_form .bell_form button:hover {
    background-color: #d33;
    color: #fff
}

.bell_category_banner {
    background-image: url(../images/video_category_banner.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
    margin: auto;
    padding: 0;
    width: 100%;
    padding-top: 200px;
    padding-bottom: 130px
}

.bell_category_banner .category_banner_head {
    font-weight: 700;
    padding: 0 1px;
    display: inline-block;
    margin-bottom: 40px;
    color: #fff;
    font-size: 60px;
    position: relative;
    letter-spacing: 2px;
    z-index: 5
}

.bell_category {
    padding-top: 50px
}

.bell_category .video_gallery .video_box {
    margin-bottom: 50px
}

.bell_category .video_gallery .video_box .image_box {
    position: relative
}

.bell_category .video_gallery .video_box .image_box img {
    width: 100%
}

.bell_category .video_gallery .video_box .image_box .play_icon {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.bell_category .video_gallery .video_box .image_box .play_icon .fa {
    line-height: 55px;
    color: #fff;
    position: absolute;
    text-align: center;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    width: 65px;
    height: 65px;
    background-color: #fff;
    transform: translate(-50%, -50%);
    background: linear-gradient(to top, rgba(255, 255, 255, 0.05) 0, rgba(255, 255, 255, 0.3) 100%);
    border: 6px solid rgba(255, 255, 255, 0.5);
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out
}

.bell_category .video_gallery .video_box .image_box .play_icon .fa:active,
.bell_category .video_gallery .video_box .image_box .play_icon .fa:hover,
.bell_category .video_gallery .video_box .image_box .play_icon .fa:focus {
    background: linear-gradient(to top, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.7) 100%);
    border: 6px solid rgba(255, 255, 255, 0.8)
}

.bell_category .video_gallery .video_box .content_box {
    padding: 26px 30px;
    border: 1px solid #3c3c3c
}

.bell_category .video_gallery .video_box .content_box .cat_tag {
    font-size: 12px;
    letter-spacing: .5px;
    font-weight: 600;
    text-transform: uppercase;
    color: #f2c21a;
    border-bottom: 2px solid #2e303f;
    margin-bottom: 8px
}

.bell_category .video_gallery .video_box .content_box .video_title {
    line-height: 1.2;
    margin-bottom: 8px;
    font-weight: 600;
    color: #f2c21a;
    margin-top: 10px
}

.bell_category .video_gallery .video_box .content_box .video_title a {
    color: #f2c21a;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out
}

.bell_category .video_gallery .video_box .content_box .video_title a:active,
.bell_category .video_gallery .video_box .content_box .video_title a:focus,
.bell_category .video_gallery .video_box .content_box .video_title a:hover {
    color: #d33
}

.bell_category .video_gallery .video_box .content_box .vid_cmnt {
    font-size: 13px;
    color: #f2c21a;
    padding-right: 20px
}

.bell_category .video_gallery .video_box .content_box .vid_cmnt .fa {
    color: #f2c21a;
    padding-right: 3px
}

.bell_category .video_gallery .video_box .content_box .video_text {
    margin-top: 20px
}

.bell_category .video_gallery .video_box .content_box .video_text p,
.bell_category .video_gallery .video_box .content_box .video_text slider_text {
    color: #000;
    text-align: justify;
    height: 60px;
    overflow: hidden
}

.bell_category .cat_load_btn {
    padding-bottom: 55px
}

.bell_category .cat_load_btn .load_btn {
    text-decoration: none;
    box-shadow: none;
    font-size: 16px;
    color: #fff;
    background-color: #d33;
    line-height: 1;
    border: none;
    text-align: center;
    border-radius: 0;
    padding: 18px 26px;
    font-weight: 600;
    letter-spacing: 1px;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out
}

.bell_category .cat_load_btn .load_btn:active,
.bell_category .cat_load_btn .load_btn:hover,
.bell_category .cat_load_btn .load_btn:focus {
    background-color: #f2c21a;
    color: #fff
}

.bell_category .cat_load_btn .load_btn .load_icon {
    margin-left: 5px;
    font-size: 18px;
    color: #fff
}

.bell_category .bell_sidebar {
    margin-bottom: 15px
}

.bell_category .bell_sidebar .bell_search {
    background-color: #ffc5c5;
    padding: 25px 25px;
    margin-bottom: 5px
}

.bell_category .bell_sidebar .bell_search h3 {
    text-transform: uppercase;
    margin-bottom: 30px;
    color: #d33;
    letter-spacing: .5px
}

.bell_category .bell_sidebar .bell_search .search_group {
    width: 100%;
    height: 50px;
    background-color: #fff;
    position: relative
}

.bell_category .bell_sidebar .bell_search .search_group .serch_box {
    width: 100%;
    height: 50px;
    padding: 0 50px 0 10px;
    background-color: transparent;
    box-sizing: border-box;
    position: absolute;
    border: none;
    outline: none;
    font-size: 14px;
    color: #f2c21a;
    border-left: 10px solid #d33;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out
}

.bell_category .bell_sidebar .bell_search .search_group .serch_box:focus {
    border-left: 10px solid #f2c21a
}

.bell_category .bell_sidebar .bell_search .search_group .search_icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    border: none;
    outline: none;
    background-color: transparent
}

.bell_category .bell_sidebar .bell_search .search_group .search_icon span {
    font-size: 25px;
    color: #d33;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out
}

.bell_category .bell_sidebar .bell_search .search_group .search_icon span:active,
.bell_category .bell_sidebar .bell_search .search_group .search_icon span:hover,
.bell_category .bell_sidebar .bell_search .search_group .search_icon span:focus {
    color: #f2c21a
}

.bell_category .bell_sidebar .side_cat {
    background-color: #ffc5c5;
    padding: 25px 25px;
    margin-bottom: 5px
}

.bell_category .bell_sidebar .side_cat h3 {
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #d33;
    letter-spacing: .5px
}

.bell_category .bell_sidebar .side_cat ul {
    list-style: none;
    margin: 0 0 25px 0;
    padding: 0
}

.bell_category .bell_sidebar .side_cat ul li {
    line-height: 1.5;
    margin: 0 0 12px 0;
    padding: 0 0 12px 0;
    border-bottom: 1px solid #ccd1d2
}

.bell_category .bell_sidebar .side_cat ul li:before {
    content: "\f105";
    font-family: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
    padding-left: 1px;
    font-size: 90%;
    margin-right: 15px
}

.bell_category .bell_sidebar .side_cat ul li a {
    text-decoration: none;
    font-weight: 600;
    color: #f2c21a;
    letter-spacing: 1px;
    cursor: pointer;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out
}

.bell_category .bell_sidebar .side_cat ul li a:active,
.bell_category .bell_sidebar .side_cat ul li a:hover,
.bell_category .bell_sidebar .side_cat ul li a:focus {
    color: #d33
}

.bell_category .bell_sidebar .bell_side_ad {
    padding: 25px 25px;
    margin-bottom: 5px;
    background-color: #ffc5c5;
    text-align: center
}

.bell_category .bell_sidebar .bell_side_ad a img {
    width: 100%;
    height: auto
}

.bell_about_banner {
    background-image: url(../images/video_about_banner.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin: auto;
    padding: 0;
    width: 100%;
    padding-top: 200px;
    padding-bottom: 130px
}

.bell_about_banner .banner_head {
    font-weight: 700;
    padding: 0 1px;
    display: inline-block;
    color: #fff;
    font-size: 60px;
    position: relative;
    letter-spacing: 2px;
    z-index: 5
}

.zirjo_slider {
    background-color: #f2c21a;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 60px 10px
}

.zirjo_slider .car_slider_form {
    background-color: #fff;
    padding: 35px;
    padding-top: 12px;
    width: 100%;
    box-shadow: 0 9px 0 0 #fff, 0 -9px 0 0 #fff, 7px 0 15px -4px rgba(0, 0, 0, 0.4), -7px 0 15px -4px rgba(0, 0, 0, 0.4);
    margin-bottom: 40px
}

.zirjo_slider .car_slider_form .zirjo_form .car_select {
    position: relative
}

.zirjo_slider .car_slider_form .zirjo_form .car_select:after {
    content: '\f078';
    font-family: 'FontAwesome';
    color: #f2c21a;
    position: absolute;
    top: 38px;
    right: 15px;
    font-size: 14px;
    pointer-events: none
}

@media (max-width:540px) {
    .zirjo_slider .car_slider_form .zirjo_form .car_select:after {
        font-size: 11px;
        top: 41px;
        right: 15px
    }
}

.zirjo_slider .car_slider_form .zirjo_form .car_select .user_success {
    width: 100%;
    position: relative;
    margin-bottom: 25px;
    border: 2px solid #e1e1e1;
    color: #716d6e;
    font-size: 24px;
    font-weight: 600;
    padding: 9px 10px;
    outline: none;
    -webkit-appearance: none
}

.zirjo_slider .car_slider_form .zirjo_form .car_select .user_success option {
    font-size: 24px;
    padding: 0 2px 1px;
    display: block
}

.zirjo_slider .car_slider_form .zirjo_form .pickup_group {
    width: 100%;
    position: relative;
    display: table;
    border-collapse: separate;
    margin-bottom: 25px
}

.zirjo_slider .car_slider_form .zirjo_form .pickup_group .fa {
    position: absolute;
    top: 34%;
    left: 7px;
    font-size: 18px;
    color: #716d6e
}

.zirjo_slider .car_slider_form .zirjo_form .pickup_group .fa-calendar {
    font-size: 15px;
    color: #716d6e
}

.zirjo_slider .car_slider_form .zirjo_form .pickup_group .input_group_add {
    border-radius: 0;
    border: none;
    background-color: #e1e1e1;
    font-weight: 600;
    font-size: 15px;
    color: #716d6e;
    width: 110px;
    text-align: left;
    padding: 0 10px;
    display: table-cell;
    padding-left: 25px
}

.zirjo_slider .car_slider_form .zirjo_form .pickup_group .pickup_input {
    border-radius: 0;
    color: #f2c21a;
    font-size: 16px;
    padding: 0 15px;
    box-shadow: none;
    height: 45px;
    width: 100%;
    border: 2px solid #e1e1e1;
    outline: none
}

@media (max-width:540px) {
    .zirjo_slider .car_slider_form .zirjo_form .pickup_group .pickup_input {
        margin-left: -1px;
        padding: 0 7px
    }
}

.zirjo_slider .car_slider_form .zirjo_form .pickup_group input::-webkit-input-placeholder {
    color: #f2c21a
}

.zirjo_slider .car_slider_form .zirjo_form .pickup_group input::-moz-placeholder {
    color: #f2c21a
}

.zirjo_slider .car_slider_form .zirjo_form .pickup_group input:-ms-input-placeholder {
    color: #f2c21a
}

.zirjo_slider .car_slider_form .zirjo_form .pickup_group input:-moz-placeholder {
    color: #f2c21a
}

.zirjo_slider .car_slider_form .zirjo_form .dropoff_group {
    width: 100%;
    position: relative;
    display: table;
    border-collapse: separate;
    margin-bottom: 25px
}

.zirjo_slider .car_slider_form .zirjo_form .dropoff_group .fa {
    position: absolute;
    top: 34%;
    left: 7px;
    font-size: 18px;
    color: #716d6e
}

.zirjo_slider .car_slider_form .zirjo_form .dropoff_group .fa-calendar {
    font-size: 15px;
    color: #716d6e
}

.zirjo_slider .car_slider_form .zirjo_form .dropoff_group .input_group_add {
    border-radius: 0;
    border: none;
    background-color: #e1e1e1;
    font-weight: 600;
    font-size: 15px;
    color: #716d6e;
    width: 110px;
    text-align: left;
    padding: 0 10px;
    display: table-cell;
    padding-left: 25px
}

.zirjo_slider .car_slider_form .zirjo_form .dropoff_group .pickup_input {
    border-radius: 0;
    color: #f2c21a;
    font-size: 16px;
    padding: 0 15px;
    box-shadow: none;
    height: 45px;
    width: 100%;
    border: 2px solid #e1e1e1;
    outline: none
}

@media (max-width:540px) {
    .zirjo_slider .car_slider_form .zirjo_form .dropoff_group .pickup_input {
        padding: 0 7px
    }
}

.zirjo_slider .car_slider_form .zirjo_form .dropoff_group input::-webkit-input-placeholder {
    color: #f2c21a
}

.zirjo_slider .car_slider_form .zirjo_form .dropoff_group input::-moz-placeholder {
    color: #f2c21a
}

.zirjo_slider .car_slider_form .zirjo_form .dropoff_group input:-ms-input-placeholder {
    color: #f2c21a
}

.zirjo_slider .car_slider_form .zirjo_form .dropoff_group input:-moz-placeholder {
    color: #f2c21a
}

.zirjo_slider .car_slider_form .zirjo_form .date_group {
    width: 100%;
    position: relative;
    display: table;
    border-collapse: separate;
    margin-bottom: 25px
}

.zirjo_slider .car_slider_form .zirjo_form .date_group:after {
    content: '\f078';
    font-family: 'FontAwesome';
    color: #f2c21a;
    position: absolute;
    top: 12px;
    right: 14px;
    font-size: 14px;
    pointer-events: none
}

@media (max-width:540px) {
    .zirjo_slider .car_slider_form .zirjo_form .date_group:after {
        font-size: 11px;
        top: 17px;
        right: 9px
    }
}

@media (max-width:1366px) {
    .zirjo_slider .car_slider_form .zirjo_form .date_group:after {
        display: none
    }
}

.zirjo_slider .car_slider_form .zirjo_form .date_group .fa {
    position: absolute;
    top: 34%;
    left: 7px;
    font-size: 18px;
    color: #716d6e
}

.zirjo_slider .car_slider_form .zirjo_form .date_group .fa-calendar {
    font-size: 15px;
    color: #716d6e
}

.zirjo_slider .car_slider_form .zirjo_form .date_group .date_group_add {
    border-radius: 0;
    border: none;
    background-color: #e1e1e1;
    font-weight: 600;
    font-size: 15px;
    color: #716d6e;
    width: 110px;
    text-align: left;
    padding: 10px 0 0 10px;
    display: table-cell;
    padding-left: 25px
}

.zirjo_slider .car_slider_form .zirjo_form .date_group .date_input {
    border-radius: 0;
    color: #f2c21a;
    font-size: 15px;
    padding: 0 12px;
    box-shadow: none;
    height: 48px;
    width: 58%;
    margin-right: 2%;
    border: 2px solid #e1e1e1;
    outline: none
}

@media (max-width:540px) {
    .zirjo_slider .car_slider_form .zirjo_form .date_group .date_input {
        font-size: 11px
    }
}

@media (max-width:1366px) {
    .zirjo_slider .car_slider_form .zirjo_form .date_group .date_input {
        padding: 0;
        padding-left: 2px;
        font-size: 12px
    }
}

.zirjo_slider .car_slider_form .zirjo_form .date_group .time_input {
    border-radius: 0;
    color: #f2c21a;
    font-size: 15px;
    padding: 0 15px;
    box-shadow: none;
    height: 48px;
    width: 40%;
    margin: 0;
    border: 2px solid #e1e1e1;
    outline: none;
    -webkit-appearance: none
}

@media (max-width:540px) {
    .zirjo_slider .car_slider_form .zirjo_form .date_group .time_input {
        padding: 0 4px;
        font-size: 12px
    }
}

@media (max-width:1366px) {
    .zirjo_slider .car_slider_form .zirjo_form .date_group .time_input {
        padding: 0 4px;
        font-size: 13px
    }
}

.zirjo_slider .car_slider_form .zirjo_form .date_group input::-webkit-input-placeholder {
    color: #f2c21a
}

.zirjo_slider .car_slider_form .zirjo_form .date_group input::-moz-placeholder {
    color: #f2c21a
}

.zirjo_slider .car_slider_form .zirjo_form .date_group input:-ms-input-placeholder {
    color: #f2c21a
}

.zirjo_slider .car_slider_form .zirjo_form .date_group input:-moz-placeholder {
    color: #f2c21a
}

.zirjo_slider .car_slider_form .zirjo_form .car_submit {
    border: none;
    box-shadow: none;
    outline: none;
    background-color: #f2c21a;
    color: #fff;
    border-radius: 0;
    box-shadow: 6px 6px 0 #e1e1e1;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 900;
    padding: 10px 16px;
    width: 100%;
    margin-top: 30px;
    -webkit-transition: .2s;
    transition: .2s
}

.zirjo_slider .car_slider_form .zirjo_form .car_submit:active,
.zirjo_slider .car_slider_form .zirjo_form .car_submit:hover,
.zirjo_slider .car_slider_form .zirjo_form .car_submit:focus {
    background-color: #716d6e;
    color: #fff
}

@media (max-width:540px) {
    .zirjo_slider .car_slider_form .zirjo_form .car_submit {
        font-size: 16px
    }
}

@media (max-width:1366px) {
    .zirjo_slider .car_slider_form .zirjo_form .car_submit {
        font-size: 16px
    }
}

.zirjo_slider .car_slect_bg img {
    width: 100%
}

.bell_about_sec1 {
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
    margin: auto;
    width: 100%;
    background-color: #fff;
    padding-top: 100px;
    padding-bottom: 90px
}

@media (max-width:540px) {
    .bell_about_sec1 {
        padding-bottom: 20px;
        padding-top: 20px
    }
}

.bell_about_sec1 .sec1_part1 {
    padding: 130px 60px
}

@media (max-width:540px) {
    .bell_about_sec1 .sec1_part1 {
        padding: 0 10px;
        margin-bottom: 30px
    }
}

.bell_about_sec1 .sec1_part1 h1 {
    font-size: 48px;
    color: #f2c21a;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 30px;
    margin-top: 10px;
    letter-spacing: -1px
}

.bell_about_sec1 .sec1_part1 p {
    font-size: 18px;
    text-align: justify;
    line-height: 1.7
}

.bell_about_sec1 .sec1_part1 p strong {
    color: #d33;
    letter-spacing: 1px
}

.bell_about_sec1 .sec1_part2 {
    width: 100%;
    height: auto
}

.bell_about_sec1 .sec1_part2 img {
    width: 100%;
    height: auto
}

.bell_about_sec2 {
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
    margin: auto;
    width: 100%;
    background-color: #ffc5c5;
    padding-top: 100px;
    padding-bottom: 90px
}

@media (max-width:540px) {
    .bell_about_sec2 {
        padding-top: 30px;
        padding-bottom: 20px
    }
}

.bell_about_sec2 .about_sec2_part1 {
    margin-bottom: 60px
}

.bell_about_sec2 .about_sec2_part1 h1 {
    font-size: 30px;
    color: #f2c21a;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 30px;
    letter-spacing: 1px
}

.bell_about_sec2 .about_sec2_part1 p {
    font-size: 18px;
    color: #383c50
}

.bell_about_sec2 .about_sec2_part2 .bell_team {
    width: 100%;
    height: auto;
    background-color: #fff;
    margin-bottom: 30px
}

.bell_about_sec2 .about_sec2_part2 .bell_team .team_bg img {
    width: 100%;
    height: auto
}

.bell_about_sec2 .about_sec2_part2 .bell_team .team_content {
    padding: 50px
}

.bell_about_sec2 .about_sec2_part2 .bell_team .team_content h1 {
    color: #f2c21a;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 5px;
    font-size: 34px
}

.bell_about_sec2 .about_sec2_part2 .bell_team .team_content h3 {
    font-size: 18px;
    font-weight: 600;
    color: #d33;
    line-height: 1.4;
    margin-bottom: 25px
}

.bell_about_sec2 .about_sec2_part2 .bell_team .team_content p {
    font-size: 16px;
    color: #f2c21a;
    text-align: justify;
    margin-bottom: 25px
}

.bell_about_sec2 .about_sec2_part2 .bell_team .team_content .team_social ul li {
    display: inline-block;
    padding: 0 20px 0 0
}

.bell_about_sec2 .about_sec2_part2 .bell_team .team_content .team_social ul li a {
    color: #fff;
    font-size: 18px;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out;
    cursor: pointer;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #f2c21a;
    line-height: 35px;
    text-align: center
}

.bell_about_sec2 .about_sec2_part2 .bell_team .team_content .team_social ul li a:active,
.bell_about_sec2 .about_sec2_part2 .bell_team .team_content .team_social ul li a:hover,
.bell_about_sec2 .about_sec2_part2 .bell_team .team_content .team_social ul li a:focus {
    color: #fff;
    background-color: #d33
}

.bell_about_sec3 {
    padding-top: 80px;
    padding-bottom: 0;
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
    margin: auto;
    width: 100%;
    background-color: #fff
}

.bell_about_sec3 img {
    width: 100%;
    height: auto
}

.bell_about_sec3 .bell_about_sec3_part1 {
    padding: 150px 70px
}

@media (max-width:540px) {
    .bell_about_sec3 .bell_about_sec3_part1 {
        padding: 50px 20px
    }
}

.bell_about_sec3 .bell_about_sec3_part1 h1 {
    font-size: 35px;
    color: #f2c21a;
    letter-spacing: 1px;
    line-height: 1.2;
    font-weight: 900;
    margin-bottom: 30px
}

.bell_about_sec3 .bell_about_sec3_part1 p {
    font-size: 18px;
    margin-bottom: 20px;
    color: #383c50;
    text-align: left;
    margin-bottom: 50px
}

.bell_about_sec3 .bell_about_sec3_part1 .abt_btn {
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    background-color: #d33;
    border-radius: 0;
    padding: 18px 28px;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out
}

.bell_about_sec3 .bell_about_sec3_part1 .abt_btn:active,
.bell_about_sec3 .bell_about_sec3_part1 .abt_btn:hover,
.bell_about_sec3 .bell_about_sec3_part1 .abt_btn:focus {
    background-color: #f2c21a;
    color: #fff
}

.bell_about_sec4 {
    background-image: url(../images/video_about_sec4_bg.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
    margin: auto;
    width: 100%;
    padding: 180px 0
}

@media (max-width:540px) {
    .bell_about_sec4 {
        padding: 60px 0
    }
}

.bell_about_sec4 h1 {
    color: #fff;
    font-size: 38px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 1px;
    margin-bottom: 30px
}

.bell_about_sec4 p {
    font-size: 20px;
    color: #fff;
    letter-spacing: 1px;
    line-height: 1.3;
    margin-bottom: 50px
}

.bell_about_sec4 .abt_btn {
    font-size: 15px;
    color: #fff;
    background-color: #d33;
    font-weight: 600;
    padding: 18px 28px;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out;
    border: 3px solid transparent
}

.bell_about_sec4 .abt_btn:active,
.bell_about_sec4 .abt_btn:hover,
.bell_about_sec4 .abt_btn:focus {
    background-color: transparent;
    color: #d33;
    border: 3px solid #d33
}

.modal-newsletter {
    color: #909090;
    font-size: 15px
}

.modal-newsletter .modal-content {
    padding: 40px;
    border-radius: 0;
    border: none
}

.modal-newsletter .modal-header {
    border-bottom: none;
    position: relative;
    text-align: center;
    border-radius: 5px 5px 0 0
}

.modal-newsletter h4 {
    color: #000;
    text-align: center;
    font-size: 30px;
    margin: 0 0 25px;
    font-weight: bold;
    text-transform: capitalize
}

.modal-newsletter .close {
    background: #c0c3c8;
    position: absolute;
    top: -15px;
    right: -15px;
    color: #fff;
    text-shadow: none;
    opacity: .5;
    width: 22px;
    height: 22px;
    border-radius: 20px;
    font-size: 16px;
    outline: none
}

.modal-newsletter .close span {
    position: relative;
    top: 0
}

.modal-newsletter .close:hover {
    opacity: .8
}

.modal-newsletter .icon-box {
    color: #d33;
    display: inline-block;
    z-index: 9;
    text-align: center;
    position: relative;
    margin-bottom: 10px
}

.modal-newsletter .icon-box i {
    font-size: 110px
}

.modal-newsletter .form-control {
    min-height: 46px;
    border-radius: 3px;
    box-shadow: none;
    border-color: #182141
}

.modal-newsletter .form-control:focus {
    border-color: #d33;
    box-shadow: 0 0 8px #d33
}

.modal-newsletter .btn {
    min-height: 46px;
    border-radius: 3px;
    color: #fff;
    border-radius: 4px;
    background: #d33;
    text-decoration: none;
    transition: all .4s;
    line-height: normal;
    padding: 6px 20px;
    min-width: 150px;
    border: none
}

.modal-newsletter .btn:hover {
    background: #bd2020;
    outline: none
}

.modal-newsletter .btn:focus {
    background: #d33;
    outline: none
}

.modal-newsletter .input-group {
    margin: 30px 0 15px
}

.hint-text {
    margin: 100px auto;
    text-align: center
}

@keyframes fadeInUp2 {
    0% {
        opacity: 0;
        transform: translate3d(0, 20%, 0)
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.corp_banner {
    background-image: url(../images/video_common_banner.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin: auto;
    padding: 0;
    width: 100%;
    padding-top: 200px;
    padding-bottom: 130px
}

.corp_banner .corp_head {
    font-weight: 700;
    padding: 0 1px;
    display: inline-block;
    color: #fff;
    font-size: 60px;
    position: relative;
    letter-spacing: 2px;
    z-index: 5
}

.corp-crumps {
    background-color: #d33;
    border: 0;
    padding: 10px 0
}

.corp-crumps ol {
    background-color: transparent;
    padding: 0;
    margin: 0;
    list-style: none
}

.corp-crumps ol li {
    font-weight: 300;
    font-size: 16px;
    display: inline-block;
    color: #fff;
    padding: 0 5px
}

.corp-crumps ol li.active {
    color: #f3b6b6
}

.corp-crumps ol li a {
    color: #fff;
    font-weight: 600
}

.corp_category {
    padding-bottom: 50px;
    padding-top: 50px;
    background-color: #fff
}

.corp_category .corp_thumb {
    border-radius: 0;
    padding: 0;
    border: 5px solid #e1e1e1;
    margin-top: 40px;
    margin-bottom: 0;
    width: 100%;
    display: inline-block;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.corp_category .corp_thumb:active,
.corp_category .corp_thumb:hover,
.corp_category .corp_thumb:focus {
    border: 5px solid #d33;
    background-color: #d33
}

.corp_category .corp_thumb:active .thumb_box,
.corp_category .corp_thumb:hover .thumb_box,
.corp_category .corp_thumb:focus .thumb_box {
    background-color: #d33;
    color: #fff
}

.corp_category .corp_thumb img {
    margin: 0 auto;
    width: 100%
}

.corp_category .corp_thumb .thumb_box {
    background-color: #e1e1e1;
    color: #d33;
    padding: 5px 15px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.corp_category .corp_thumb .thumb_box .thumb_caption {
    font-size: 20px;
    display: inline-block;
    line-height: 30px
}

.corp_category .corp_thumb .thumb_box .cap_icon {
    display: inline-block;
    font-size: 18px;
    vertical-align: middle;
    float: right;
    height: 45px;
    line-height: 40px
}

.corp_detail .corp-container {
    display: table
}

@media (max-width:540px) {
    .corp_detail .corp-container {
        display: block
    }
}

.corp_detail .corp-container .corp-left-menu {
    padding: 0;
    border-right: 1px solid #cfcfcf;
    background-color: #e1e1e1;
    display: table-cell;
    float: none;
    vertical-align: top
}

@media (max-width:540px) {
    .corp_detail .corp-container .corp-left-menu {
        display: block;
        float: none
    }
}

.corp_detail .corp-container .corp-left-menu .left_caption {
    width: 100%;
    background-color: #d33;
    height: 90px;
    padding-top: 36px;
    padding-left: 23px
}

.corp_detail .corp-container .corp-left-menu .left_caption .left_icon {
    display: inline-block;
    color: #fff;
    margin-right: 11px;
    font-size: 22px
}

.corp_detail .corp-container .corp-left-menu .left_caption h3 {
    font-size: 22px;
    letter-spacing: .5px;
    text-align: left;
    color: #fff;
    display: inline-block;
    font-weight: 600
}

.corp_detail .corp-container .corp-left-menu .left_list {
    width: 100%
}

.corp_detail .corp-container .corp-left-menu .left_list ul {
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #e1e1e1
}

.corp_detail .corp-container .corp-left-menu .left_list ul li {
    display: block
}

.corp_detail .corp-container .corp-left-menu .left_list ul li a {
    font-size: 18px;
    color: #d33;
    letter-spacing: .5px;
    font-weight: 400;
    display: block;
    padding: 25px;
    background-color: #e1e1e1;
    border-bottom: 1px solid #cfcfcf;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

@media (max-width:1366px) {
    .corp_detail .corp-container .corp-left-menu .left_list ul li a {
        font-size: 16px
    }
}

.corp_detail .corp-container .corp-left-menu .left_list ul li a:active,
.corp_detail .corp-container .corp-left-menu .left_list ul li a:focus,
.corp_detail .corp-container .corp-left-menu .left_list ul li a:hover {
    background-color: #d33;
    color: #fff
}

.corp_detail .corp-container .corp-right-menu {
    padding: 0;
    display: table-cell;
    float: none
}

@media (max-width:540px) {
    .corp_detail .corp-container .corp-right-menu {
        display: block;
        float: none
    }
}

.corp_detail .corp-container .corp-right-menu .right_crumbs {
    padding: 36px 36px;
    background-color: #d33;
    height: 90px
}

.corp_detail .corp-container .corp-right-menu .right_crumbs ol {
    background-color: transparent;
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block
}

.corp_detail .corp-container .corp-right-menu .right_crumbs ol li {
    font-size: 16px;
    display: inline-block;
    color: #fff;
    padding: 0 5px
}

.corp_detail .corp-container .corp-right-menu .right_crumbs ol li.active {
    color: #fff
}

.corp_detail .corp-container .corp-right-menu .right_crumbs ol li a {
    color: #fff;
    font-size: 16px
}

.corp_detail .corp-container .corp-right-menu .detail_box {
    padding: 30px 40px
}

.corp_detail .corp-container .corp-right-menu .detail_box .right_caption {
    color: #d33;
    letter-spacing: .5px;
    text-align: left;
    margin-bottom: 30px
}

.corp_detail .corp-container .corp-right-menu .detail_box .banner_img {
    margin-bottom: 20px
}

.corp_detail .corp-container .corp-right-menu .detail_box .banner_img img {
    width: 100%;
    height: auto
}

.corp_detail .corp-container .corp-right-menu .detail_box .slider_text,
.corp_detail .corp-container .corp-right-menu .detail_box p {
    text-align: justify;
    font-size: 16px;
    line-height: 25px;
    color: #888;
    margin-bottom: 20px
}

.corp_detail .corp-container .corp-right-menu .detail_box .slider_text strong,
.corp_detail .corp-container .corp-right-menu .detail_box p strong {
    color: #626262
}

.corp_detail .corp-container .corp-right-menu .detail_box .img_group {
    margin-top: 30px
}

.corp_detail .corp-container .corp-right-menu .detail_box .img_group img {
    width: 100%;
    height: auto;
    margin-bottom: 32px
}