@font-face {
    font-family: lato;
    src: url(../fonts/Lato-Regular.ttf);
}

@font-face {
    font-family: lato-light;
    src: url(../fonts/Lato-Light.ttf);
}

@font-face {
    font-family: lato-thin;
    src: url(../fonts/Lato-Thin.ttf);
}

@font-face {
    font-family: neuropol;
    src: url(../fonts/neuropol.ttf);
}



body {
    background: #f4f4f4;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}
 
.score-card{
    position: fixed;
    bottom: 25rem;
    right: 0;
    z-index: 5;
}

* {
    /*border: .1px solid #f00;*/
}

a {
    color: #fff;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
}

section {
    width: 100%;
}

.img-responsive {
    width: 100%;
}

.no-padding-left {
    padding-left: 0;
}

.no-padding-right {
    padding-right: 0;
}

.magic_bottom {
    margin: 35px 0px;
}

.left {
    float: left;
    position: relative;
}

.right {
    float: left;
}

.slider {
    width: 100%;
    display: block;
    height: auto;
    position: relative;
    padding: 80px 40px 85px 178px;
    margin-left: 0px;
    overflow-x: hidden;
}

button {
    background-color: Transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    color: #fff;
    padding: 0px 15px 15px 15px;
}

button:focus {
    outline: 0px dotted;
}
.bg-red{background-color: #E32B36!important}
.bg-gray{background-color: #999999!important}
.top-menu{
    position: fixed;
    top: 24px;
    right: 40px;
    cursor: pointer; 
     display: -ms-flexbox;
    display: flex;
} 
.top-menu a img{width: 22px;height: 22px; }
.top-menu a span{ padding-left: 3px}
.top-menu a{ 
     display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-align: center!important;
    align-items: center!important;
     padding: 0 6px;
     font-weight: 600;
     color: #444;
     /*border-radius: 4px;*/
     text-transform: uppercase;
} 

.helplin-no {
  position: fixed;
  top: 30vh;
  right: 0;
  z-index: 3;
  visibility: inherit;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  justify-content: center;
  color: #e02d3b;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
  line-height: 1.5;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  padding: 4px 8px 4px 4px;
  border-bottom-left-radius: 15px;
  border-top-left-radius: 15px;
  cursor: pointer;
  border: 1px solid #f1f1f1;
  transform: translateX(89%);
  -ms-transform: translateX(89%);
  -webkit-transform: translateX(89%); }
  .helplin-no a i { 
    width: 20px;
    height: 20px;
    padding: 4px;
    font-size: 12px;
    text-align: center;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    display: inline-block; 
    font-weight: 700;  }
    .helplin-no span { display: inline }
    .helplin-no a {
    color: #444; display: inline }
    .helplin-no a.telephone i {
    color: #ffffff; 
    background: #E32B36; }
    .helplin-no a.whatsapp i {
    color: #ffffff; 
    background: #25E47D; }
  /*.helplin-no a:hover {*/
    /*color: #128ECE; }*/
  .helplin-no.show-slide {
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0); }
.catalogue-icon{
    position: fixed;
    bottom: 85px;
    z-index: 100;
    right: 0px;
    transition: all .5s;
    width: 150px;
}
.catalogue-icon .close-this{
    position: absolute;
    top: -20px; 
    background: red;
    text-align: center;
    padding: 3px 0;
    border-radius: 100%;
    color: white;
    right: -20px; 
    cursor: pointer;
    width: 20px;
    height: 20px;
}
.scroll_dwn{
    transform: translateY(100%);
    opacity: 0;
}
.pointers {
    position: absolute;
    bottom: 20%;
    width: 200px;
    /*left: 12%;*/
    letter-spacing: 15px;
    width: auto;
    padding-bottom: 0;
}

.button-border {
    border-bottom: 2px solid;
    border-right: none;
    border-left: none;
    border-top: none;
    border-bottom-color: #E32B36;
}

.content-slider {
	display: none;
    color: #fff;
    letter-spacing: 0;
    max-width: 60%;
    position: absolute;
    bottom: 237px;
    /*padding-bottom: 160px;*/
    /*padding-left: 128px;*/
    /*left: 12%;*/
    left: 8%;
}

.head_slider {
    margin-bottom: 20px;
}

.sub_head_slider h5 {
    text-transform: uppercase;
    letter-spacing: 1px;
}

.sub_head_slider h5 span::before {
    content: " / ";
}

.sub_head_slider h5 span {
    text-transform: capitalize;
    letter-spacing: 0px;
}

.anchor_post {
    /*float: left;*/
    width: auto;
    display: block;
}

.arrow_post_content {
    width: 50px;
    height: 50px;
    display: block;
    border: 2px solid #858585;
    border-radius: 100%;
    text-align: center;
    transition: all 0.5s linear;
}

.anchor_post a:hover .arrow_post_content {
    border-color: #fff;
    transition: all 0.5s ease;
}

.anchor_post a:hover .arrow_post_content img {
    transition: all 0.4s ease;
    -webkit-animation: arrow 0.4s linear;
    /* Safari 4.0 - 8.0 */
    animation: arrow 0.4s linear;
    animation-direction: normal;
    -webkit-animation-direction: normal;
    /* Safari 4.0 - 8.0 */
}

.button-row {
    position: relative;
    display: block;
}

.arrow_post_content img {
    width: 15px;
    vertical-align: bottom;
    position: relative;
    margin: auto;
    top: 5px;
}

.anchor_post a {
    width: 100%;
    float: left;
    display: flex;
    vertical-align: middle;
    position: relative;
}

.anchor_post>a>h3 {
    float: left;
    color: #E32B36;
    font-size: 15px;
    position: relative;
    top: 15px;
    text-transform: uppercase;
    margin-left: 15px;
    font-family: HNM;
    font-weight: bold;
    letter-spacing: 2px;
    display: flex;
    height: 20px;
}

.heading_news {
    text-transform: uppercase;
    font-weight: bold!important;
}

.heading_news,
.heading2_news {
    font-size: 11px;
    font-family: HNM;
    font-weight: normal;
    letter-spacing: 1.5px;
    text-align: center;
    float: left;
    width: 100%;
    margin: 15px 0px 5px 0px;
}

.heading2_news {
    font-size: 40px;
}

.heading_news::before {
    background: red;
    height: 0;
    content: " ";
    width: 30px;
    display: block;
    position: relative;
    border: 1px solid red;
    text-align: center;
    margin: 0 auto;
    bottom: 10px;
}

.heading2_news {
    margin-bottom: 30px;
}


/* Safari 4.0 - 8.0 */

@-webkit-keyframes arrow {
    0% {
        left: 0px;
    }
    25% {
        left: 20px;
        opacity: 1;
    }
    25.5% {
        left: 20px;
        opacity: 0;
    }
    50% {
        left: -20px;
        opacity: 0;
    }
    100% {
        left: 0px;
        opacity: 1;
    }
}


/* Standard syntax */

@keyframes arrow {
    0% {
        left: 0px;
    }
    25% {
        left: 20px;
        opacity: 1;
    }
    25.5% {
        left: 20px;
        opacity: 0;
    }
    50% {
        left: -20px;
        opacity: 0;
    }
    100% {
        left: 0px;
        opacity: 1;
    }
}

/* Safari 4.0 - 8.0 */

@-webkit-keyframes arrow_left {
    0% {
        right: 0px;
    }
    25% {
        right: 20px;
        opacity: 1;
    }
    25.5% {
        right: 20px;
        opacity: 0;
    }
    50% {
        right: -20px;
        opacity: 0;
    }
    100% {
        right: 0px;
        opacity: 1;
    }
}


/* Standard syntax */

@keyframes arrow_left {
    0% {
        right: 0px;
    }
    25% {
        right: 20px;
        opacity: 1;
    }
    25.5% {
        right: 20px;
        opacity: 0;
    }
    50% {
        right: -20px;
        opacity: 0;
    }
    100% {
        right: 0px;
        opacity: 1;
    }
}

.container-fluid.limited-width {
    width: 100%;
    max-width: 1304px;
    margin: 0 auto;
}

.catalogues .container-fluid.limited-width {
    max-width: 1510px;
}

.about_us_home_content {
    width: 100%;
    margin: 0 auto;
    display: flex;
    height: 100%;
    max-height: 280px;
    line-height: normal;
    position: relative;
    bottom: 30px;
}

.about_us_home_img {
    width: 100%;
    float: left;
    box-shadow: 10px 30px 50px 0 rgba(0, 0, 0, .1);
}

.heading_abt {
    font-size: 12.5px;
    font-family: HNM;
    color: #E32B36;
    line-height: normal;
    margin: 0;
}

.magic-margin {
    margin-left: 0;
}

.about_us_home {
    width: 100%;
    padding: 130px 0px 0px 0px;
}

.about_us_home_inner_content {
    width: 100%;
    max-width: 915px;
    margin: 0 auto;
    text-align: justify;
    padding: 40px 65px;
    background: #fff;
    box-shadow: 10px 30px 50px 0 rgba(0, 0, 0, .1);
    top: 0px;
    position: relative;
    transform: translate3d(0%,-35%,0);
    transition: all 0.5s ease;
}

.about_us_home_inner_content:hover {
    box-shadow: 12px 60px 60px 0 rgba(0, 0, 0, .15);
    transition: all 0.5s ease;
}

.heading_abt::before {
    width: 50px;
    height: 4px;
    background: #E32B36;
    content: '';
    display: block;
    float: left;
    position: relative;
    top: 5px;
    margin-right: 10px;
    line-height: normal;
}

.content_abt {
    margin: 25px 0px 0px 0px;
    font-size: 20.83px;
    font-family: HNM;
    display: flex;
    color: #333;
    line-height: 1.8;
}

.read_abt {
    float: right;
    color: #E32B36;
    text-transform: uppercase;
    font-size: 16.67px;
    font-family: HNM;
    position: relative;
    left: 0;
    transition: 0.35s linear;
    top: 0;
    margin: 20px 0px 0px 0px;
}

.about_us_home_inner_content:hover .read_abt {
    left: 15px;
    transition: 0.35s linear;
}

.read_abt::before {
    width: 1px;
    float: left;
}

.about_us_home_inner_content:hover .read_abt::before {
    height: 0;
    width: 1px;
    border-bottom: 2px solid #000;
    -webkit-animation: increase 0.35s;
    -moz-animation: increase 0.35s;
    -o-animation: increase 0.35s;
    animation: increase 0.35s;
    animation-fill-mode: forwards;
    content: '';
    display: block;
    position: relative;
    top: 10px;
    left: -10px;
    line-height: normal;
}

@keyframes increase {
    100% {
        width: 15px;
    }
}


/*.extra_details_div_image{
    padding-top: 120px;
}*/

.category_home_image {
    float: left;
    width: 100%;
    display: block;
}

.anchor_post.cat_anchor {
    position: absolute;
    bottom: 0;
}

.category_home_content {
    position: relative;
    float: left;
    display: block;
    width: 100%;
}

.anchor_post.cat_anchor {
    position: relative;
    bottom: 0;
    display: block;
    direction: rtl;
    width: 100%;
    top: 0;
}

.anchor_post.cat_anchor a {
    width: 100%;
    float: left;
    display: flex;
    vertical-align: middle;
    position: relative;
    height: 100%;
}
.cat-logo{
    position: absolute;
    width: 100px;
    top: 1rem;
}
.cat-logo.left-logo{left: 3rem;}
.cat-logo.right-logo{right: 3rem;}

/*.anchor_post.cat_anchor {
    position: absolute;
    bottom: 0;
    display: block;
    direction: rtl;
    width: 100%;
}*/

.cat_anchor .arrow_post_content {
    width: 50px;
    height: 50px;
    display: block;
    border: 2px solid #858585;
    border-radius: 100%;
    text-align: center;
    transition: all 0.5s linear;
    margin: 22px;
    position: absolute;
    right: 30px;
    bottom: 30px;
}
.cat_anchor .arrow_post_content.border-white{
    border-color: white!important;
}


/*.cat_anchor .arrow_post_content {
    width: 50px;
    height: 50px;
    display: block;
    border: 2px solid #858585;
    border-radius: 100%;
    text-align: center;
    transition: all 0.5s linear;
    margin: 22px;
    position: relative;
    right: 30px;
}*/

.category_home_image:hover .category_home_content .cat_anchor .arrow_post_content {
    border-color: #fff;
    transition: all 0.5s ease;
}

.cat_anchor .arrow_post_content img {
    width: 15px;
    vertical-align: bottom;
    position: relative;
    margin: 0 auto;
    top: 9px;
    left: 1px;
    text-align: center;
}

.read_more_cat {
    position: absolute;
    left: 0;
    display: block;
    margin: 30px;
    bottom: 30px;
}


/*.read_more_cat {
    position: absolute;
    left: 0;
    display: block;
    margin: 30px;
    bottom: 0;
}*/

.read_more_cat a {
    text-transform: uppercase;
    font-size: 20.83px;
    font-family: HNM;
    text-decoration: none;
    color: #fff;
}
.read_more_cat a.text-dark{
    color: #333!important;
}
.category_home_image_inner {
    overflow: hidden;
}

.category_home_image .category_home_image_inner img {
    transition: all 0.35s ease-in-out;
}

.category_home_image:hover .category_home_image_inner img {
    transform: scale(1.05);
    transition: all 0.35s ease-in-out;
}

.about_us_home_inner_content.extra_para {
    position: relative;
    right: 0;
    bottom: 0;
    top: 0;
    height: 100%;
    max-height: 263px;
}

.about_us_home_content.extra_height {
    width: 100%;
    position: absolute;
    height: 100%;
    max-width: 527px;
    right: -120px;
    top: 265px;
}

.extra_details {
    width: 100%;
    padding: 45px 320px 65px 305px;
    position: relative;
    float: left;
}

.form_newsletter form {
    margin: 0px 20%;
    width: 100%;
    display: block;
}

.email_newsletter {
    width: 100%;
    max-width: 512px;
    height: 55px;
    float: left;
    border-radius: 0%;
    border: none;
}

.home_newsletter {
    margin: 35px 0px 25px 0px;
    float: left;
    width: 100%;
}

.form_newsletter {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    float: left;
}

.submit_newsletter {
    text-align: center;
    text-transform: uppercase;
    float: left;
    border-radius: 0%;
    background: #cccccc;
    font-size: 18px;
    font-family: HNM;
    display: inline-block;
    padding: 0 72px;
    height: 55px;
    letter-spacing: 2px;
}

.form_newsletter {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.submit_newsletter:hover {
    background: #020202;
    color: #fff;
}

.website_home_arrow {
    width: auto;
    position: absolute;
    bottom: 25px;
    left: 15px;
}

.arrow_post_content img {
    width: 15px;
    vertical-align: bottom;
    position: relative;
    margin: auto;
    top: 9px;
    left: 1px;
}

.anchor_post>a>h3 {
    top: 0px;
    margin: 15px 10px;
}

.power {
    float: right;
    width: auto;
    height: auto;
    display: block;
    padding: 30px 0px;
    font-size: 12px;
    font-family: HNM;
    text-transform: capitalize;
    font-weight: normal;
    letter-spacing: 1px;
    color: #fff;
    position: relative;
    right: 40px;
}

.power a {
    font-family: neuropol;
    margin-left: 0px;
    letter-spacing: 3px;
    color: #fff;
}

.power a:hover {
    color: #ef7f1a;
}

.socil_icons_footer {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

.contacts,
.sub_footer {
    background: #111111;
    color: #fff;
    float: left;
    padding: 37px 15px;
    width: 100%;
}
.contacts{
    padding-top: 2rem;
    padding-bottom: 2rem;
    display: none;
    opacity: 0;
    transition: all .5s linear;
}
.contacts.show{display: block;opacity: 1}
.contacts *{font-size: 12px; color: #888; line-height: 22px;font-family: HNM;}
.contacts h6{ text-transform: uppercase; color: #fff; margin-bottom: 1rem;}

.social_icon {
    list-style: none;
    padding: 50px 0;
    margin: 0;
}

.social_icon li {
    display: contents;
}

.social_icon a {
    padding: 10px 15px;
    border: 0.5px solid #888;
    margin: 0px 10px;
}

.social_icon li .fa {
    color: #fff;
}

.insta:hover {
    background: linear-gradient(#400080, transparent), linear-gradient(200deg, #d047d1, red, #ff0);
    border: 1px solid transparent;
}

.face:hover {
    background: #3b5999;
    border: 1px solid transparent;
}

.tweet:hover {
    background: #00aced;
    border: 1px solid transparent;
}

.main_footer {
    float: left;
    width: 100%;
    background: #000000;
    display: block;
    padding: 0 15px;
}

.menu_footer {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

.menu_list_footer {
    list-style: none;
    margin: 0;
    display: inline-block;
    padding: 15px 0;
}

.menu_list_footer li {
    float: left;
    padding: 15px;
    display: inline-block;
}

.menu_list_footer li a {
    text-transform: uppercase;
    font-size: 10px;
    font-family: HNM;
}

.menu_list_footer li a:after {
    height: 0;
    width: 1px;
    border-bottom: 1px solid transparent;
    content: '';
    display: block;
}

.menu_list_footer li a:hover {
    color: #E32B36;
}

.menu_list_footer li a:hover::after {
    border-bottom: 1px solid #E32B36;
    -webkit-animation: content_line 0.35s;
    -moz-animation: content_line 0.35s;
    -o-animation: content_line 0.35s;
    animation: content_line 0.35s;
    animation-fill-mode: forwards;
}

@keyframes content_line {
    100% {
        width: 100%;
    }
}

.website_home_arrow .anchor_post>a>h3 {
    top: 2px;
}

.vertical_about_txt {
    text-align: center;
    font-size: 12px;
    transform: rotate(180deg);
    transform-origin: center center;
    writing-mode: vertical-rl;
    overflow: hidden;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 1;
}
.about_txt {
    left: -77px;
    flex-direction: column;
    align-items: flex-start;
    width: 77px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    z-index: 2;
    display: flex;
    visibility: inherit;
    justify-content: center;
    overflow: visible;
    box-sizing: border-box;
    pointer-events: none;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    max-height: 620px;
}
/*
.about_txt { 
    flex-direction: column;
    align-items: flex-start;
    width: 100%; 
    position: relative;  
    display: flex;
    visibility: inherit;
    justify-content: center;
    overflow: visible;
    box-sizing: border-box;
    pointer-events: none;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    max-height: 620px;
}
*/
.vertical_about_txt .sub_head_slider h5 {
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #E32B36;
}

.vertical_about_txt .sub_head_slider h5 span {
    color: #000;
}

.menu {
    position: fixed;
    width: 96px;
    height: 100%;
    background: #fff;
    border: 1px solid #ddd;
    z-index: 10;
    transition: all 0.5s ease;
    left: 0;
    top: 0;
}

.slide_menu {
    left: -100px;
    transition: all 0.5s ease;
}

.main_pop_menu {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: #fff;
    z-index: 3;
    transition: all 0.5s ease;
    display: none;
    top: 0;
}

.main_pop_menu_open {
    transition: all 0.5s ease;
    display: block;
    z-index: 100;
}

.close_menu:hover {
    transition: transform .25s ease;
    transform: rotate(90deg);
    transform-origin: center;
    will-change: transform;
}

.close_menu {
    float: left;
    width: 40px;
    font-size: 36px;
    position: absolute;
    top: 45vh;
    left: 30px;
    transform: rotate(0deg);
    transform-origin: center;
    will-change: transform;
    transition: all 0.25s ease;
    will-change: transform;
    text-align: center;
}

.face {
    width: 45px;
}

.logo {
    width: 100%;
    float: left;
    height: 100%;
    position: relative;
    display: block;
}

.log_image {
    width: 100%;
    height: auto;
    position: absolute;
    /*transform: rotate(-90deg);*/
    top: 40px;
    left: 0px;
}

.log_image a{
    display: inline-block;
    background-color: #fff;
    padding: 5px 10px;
    border-radius: 0 8px 8px 0;
    box-shadow:1px 2px 4px #d7d7d766;
}

.make_menu_line {
    width: 50px;
    height: 50px;
    z-index: 2;
    position: absolute;
    top: 45vh;
    left: 20px;
    cursor: pointer;
}

.make_menu_line span {
    width: 35px;
    height: 2px;
    background: #000;
    display: block;
    margin: 7px auto;
    position: relative;
    top: 5px;
    transition: all 0.2s ease;
}

.make_menu_line:hover span:first-child,
.make_menu_line:hover span:last-child {
    width: 22px;
    transition: all 0.2s ease;
}

.search_icon {
    position: absolute;
    bottom: 20px;
    right: 0;
    left: 20px;
    font-size: 30px;
    transition: all 0.2s ease;
    width: 50px;
    text-align: center;
}

.search_icon a {
    color: #000
}

.search_icon .fa-search:hover {
    transform: rotate(90deg);
    transition: all 0.3s ;
    transform-origin: center center;
}

.social_footer,
.website_home {
    width: 100%;
    max-width: 100%;
}
.website_home .lazyloaded{max-width: 100%;width: 100%;}
.website_home .logo-centered img{max-width: 100%;width: 100%;     margin-top: 189px;}
.website_home .left_website{
    position: relative;
}
.website_home .logo-centered{
    position: absolute;
    
    left: 50%;
    width: 30%; 
    transform: translate3d(-50%,-50%,0);
}

.social_footer,
.website_home .col-lg-6 {
    padding: 0;
}

.carousel.is-fullscreen .carousel-cell {
    height: 100%;
}

.category_home {
    width: 100%;
    padding: 218px 78px 75px 177px;
    float: left;
}

.website_home .website_home_arrow {
    bottom: 15%;
    left: 30px;
}


/*About Us Page Start*/

.slider.about_page {
    padding: 0 0 0 95px;
    overflow: hidden;
}


/*.about_page .pointers {
    position: absolute;
    bottom: 10%;
    letter-spacing: 15px;
    width: auto;
    padding-bottom: 0;
}*/

.content_about_heading {
    width: 75%;
    margin: 0 auto 100px;
    display: block;
}

.text_about_page {
    width: 100%;
    padding: 100px 0px;
}

 

.content_about_heading h1{
    line-height: 50px!important;
}
.content_about_heading h1::before {
    width: 40px;
    height: 2px;
    background: red;
    content: " ";
    display: block;
}

.text_about_page p {
    font-size: 20.83px;
    font-family: HNM;
    line-height: normal;
    margin-top: 40px;
}

.content_about_heading h1 {
    font: 400 33.33px HNM;
}

.text_about_page_2 p {
    font-size: 20.83px;
    font-family: HNM;
    line-height: normal;
    margin-top: 40px;
}

.col-left {
    width: 50%;
    float: left;
    max-width: 100%;
    display: block;
    padding-left: 5%;
}

.owner_title {
    text-align: left;
    font-family: HNM;
    font-size: 16.33px;
    font-weight: bold;
    margin: 5px 0px 0px 5px;
    float: left;
    width: 100%;
}
.about_owner_images  .owner_position{
    color:#E32B36;
}
.owner_position {
    text-align: left;
    font-size: 12.5px;
    font-family: HNM;
    margin: 5px 0px 0px 5px;
    font-weight: bold;
}

.col-right {
    width: 50%;
    float: right;
    max-width: 100%;
    display: block;
    padding-right: 5%;
}

.owner_1,
.owner_2 {
    width: 100%;
    /*float: right;*/
    max-width: 375px;
    text-align: center;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}

.about_owner_images {
    width: 100%;
    float: left;
    margin: 50px 0px 100px 0px;
}

.owner_image:hover {
    transform: scale(1.03);
    transition: all 0.5s ease-in-out;
}

.owner_image2:hover {
    width: 100%;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
    box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, .1);
}

.owner_image {
    transition: all 0.5s ease-in-out;
}

.owner_image2 {
    width: 100%;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
}


/*About Us Page End*/


/*Product Style Start*/

.main_banner_product {
    width: 100%;
    float: left;
    height: 100%;
    padding-left: 95px;
}

.slider_home.product_grid {
    height: 100vh;
    float: left;
    display: block;
    width: 100%;
}

.inner_page_menu {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    background: transparent;
}

.inner_menu_grid {
    width: 100%;
    height: 100%;
    display: block;
    padding: 25px 40px;
    max-width: 1500px;
    margin: 0 auto;
    background: #ffffff;
}

.menu_title h2 {
    margin: 0;
    font: 400 12.5px HNM;
    text-transform: uppercase;
}
.menu_title h2 a{
    color: #E32B36
}

.menu_title h2 a:hover{
    text-decoration: underline;
}

.product_category {
    width: 100%;
    float: left;
    margin: 150px 0px;
    height: 100%;
}

.interior_image_div .image_div {
    width: 100%;
    overflow: hidden;
    transition: all 0.5s ease;
    box-shadow: 0px 0px 5px 3px rgba(24, 23, 23, 0.20);
}

.product_cat_img {
    transition: all 0.5s ease;
}

.image_div:hover .product_cat_img {
    transition: all 0.5s ease;
    transform: scale(1.04);
}

.image_div {
    transition: all 0.5s ease;
}

.product_category_title h2  a,
.product_category_title h2 {
    font: 400 12.5px HNM;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #666;
}
/*parent category*/
.parent-category{
    cursor: pointer;
    position: relative;
    z-index: 5;
    margin-bottom:6rem; 
     transition: width .25s ease;
  -moz-transition: width .25s ease;
  -webkit-transition: width .25s ease;

}
.parent-category .parent-category-img{
    width: 50%;
    height: 100%;
    background-size: cover;
    background-position:left center;
    overflow: hidden;
}
 
 
.parent-category .product_category_title{
    color: #000; 
    position: absolute;
   left: 0;
    right: 0; 
    top: 0; 
    bottom: 0;
    opacity: 1; 
    /*border:1px solid red;*/
    height: 40%;
    text-transform: uppercase;

    transform:rotate(-90deg) translate(-30%, 40%);
    -webkit-transform:rotate(-90deg) translate(-30%, 40%);
    -o-transform:rotate(-90deg) translate(-30%, 40%);
    -ms-transform:rotate(-90deg) translate(-30%, 40%);
    -moz-transform:rotate(-90deg) translate(-30%, 40%);
}

.parent-category .product_category_title h3{ 
    font-size: 9vw;
    color: #999; 
    text-align: center;
}
 
.parent-category .product_category_title p{ 
    font-size: 1.5rem;
    color: #f03; 
    margin-top: 3rem;
}   
.parent-category .product_category_title a{  
    color: #f03;  
}  
.product_category p{ 
    opacity: 0; 
    z-index: 10;
} 
.parent-category .product_category_title p span{ 
    border: 1px solid red;
    padding: .8rem;
    text-align: center;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    display: inline-block;
}
.parent-category .product_category_title p a{
    /*margin: 8px 0;*/
}
.parent-category .product_category_title p a:hover  i{  
    transition: all 0.4s ease;
    -webkit-animation: arrow 0.4s linear;
    /* Safari 4.0 - 8.0 */
    animation: arrow 0.4s linear;
    animation-direction: normal;
    -webkit-animation-direction: normal;
    /* Safari 4.0 - 8.0 */
    position: relative;
}
 
 
.product_category .parent-category-product{
 /*  background:#f4f4f4;*/
   position: absolute;
   top: 0;

  opacity: 0; 
    transition: all 1s ease;
  -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
} 
.product_category .parent-category-product .interior_image_div{
    opacity: 1; 
} 
 
.product_category .parent-category-product.visible{
  opacity: 1;  
  transform: translateX(85%);
}  
/*.product_category .alpha .visible{
  opacity: 1;  
  transform: translateX(105%);
} */
  
.product_category .parent-category-product.visible-alpha{
  opacity: 1;  
  transition: transform 2s ease;
  /*transform: translateX(-100%);*/
} 
   
.product_category .in-visible{
    opacity: 1;
    z-index: 10;
  transform: translateX(-100%);
} 
 
.product_category .parent-category.fade-from-left{
  transform: translateY(0%)  translateX(100%) ;
  opacity: 0;
}   

.animated { 
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
 }
 
 @-webkit-keyframes fadeIn {
    0% {opacity: 0;}
    50% {opacity: 0.5;}
    100% {opacity: 0;}
 }
 
 @keyframes fadeIn {
    0% {opacity: 0;}
    50% {opacity: 0.5;}
    100% {opacity: 0;}
 }
 
 .fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
 } 
 
/*Product Style End*/


/*Category Style Start*/

.product_start {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
    padding-top: 115px;
}
 

/*.extra_details_div_image_cat {
    overflow: hidden;
    transition: all 0.35s ease;
}*/


/*.extra_details_div_image_cat:hover {
    box-shadow: 10px 10px 20px 0 rgba(0,0,0,.1);
    transition: all 0.35s ease;
}*/

.image-main a {
    overflow: hidden;
    transition: all 0.35s ease;
    display: block;
}

.image-main a:hover {
    box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, .1);
    transition: all 0.35s ease;
}

.image-main a:hover .zoom_cat_image {
    transform: scale(1.05);
    transition: all 0.35s ease;
}

.zoom_cat_image {
    transition: all 0.35s ease;
}


/*.extra_details_div_image_cat:hover .zoom_cat_image {
    transform: scale(1.05);
    transition: all 0.35s ease;
}*/

.list_view span {
    width: 28px;
    height: 20px;
    background: #878787;
    display: block;
    transition: all 0.35s ease;
}

.list_view span:hover {
    width: 28px;
    height: 20px;
    background: #020202;
    display: block;
    transition: all 0.35s ease;
}

.fa.fa-th-large {
    font-size: 30px;
    color: #878787;
    transition: all 0.35s ease;
}

.fa.fa-th-large:hover {
    font-size: 30px;
    color: #020202;
    transition: all 0.35s ease;
}

.icons_grid {
    position: absolute;
    width: 30px; 
    right: 9%;
    z-index: 1;
    top: 20px;
}

.grid_view , .list_view{
    cursor: pointer;
}
.grid_view {
    margin-bottom: 10px;
}


/*Classes Added on click of grid view start*/
/*
.make_cat_padding {
    margin: 100px 0px 0px 0px;
}

.make_cat_padding,
.extra_details,
.about_txt,
.vertical_about_txt {
    transition: all 0.5s ease;
}

.make_cat_padding2 {
    width: 100%;
    padding: 0px 10%;
    transition: all 0.5s ease;
    margin-bottom: 100px;
    float: left;
}

.extra_details2 {
    width: 50%;
    float: left;
    transition: all 0.5s ease;
    padding: 110px 0px 0px 0px;
}

.about_txt2 {
    left: 0;
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: block;
    visibility: inherit;
    justify-content: center;
    overflow: visible;
    box-sizing: border-box;
    pointer-events: none;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    max-height: 100%;
    transition: all 0.5s ease;
}

.vertical_about_txt2 {
    text-align: left;
    font-size: 12px;
    transform: rotate(0deg);
    transform-origin: center center;
    writing-mode: horizontal-tb;
    overflow: hidden;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 1;
    transition: all 0.5s ease;
}

.vertical_about_txt2 .sub_head_slider h5 span {
    color: #000;
    visibility: hidden;
    transition: all 0.2s ease;
}

.extra_details_div_image_cat .image-main:hover .vertical_about_txt2 .sub_head_slider h5 span {
    visibility: visible;
    transition: all 0.2s ease;
}*/


/*Classes Added on click of grid view end*/


/*Category Style End*/


/*CATALOGUE CSS*/

.catalogues {
    width: 100%;
    float: left;
    position: relative;
    margin: 100px 0px; 
    min-height: 70vh;
}

.catalogues .catalogues_div {
    position: relative;
    background: #fff;
    margin: 20px 0px;
    min-height: 445px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);
    border: 1px solid rgba(0, 0, 0, .125);
    transition: all 0.3s ease-in-out;
}

.catalogues .catalogues_div:hover {
    box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, .1);
}

.catalogues .catalogues_div .image_div {
    width: 100%;
    overflow: hidden;
    transition: all 0.5s ease;
}

.catalogues img {
    transition: all 0.3s ease-in-out;
}

.catalogues .catalogues_div:hover img {
    transform: scale(1.04);
}

.catalogues .catalogues_details {
    padding: 1rem 2.5rem;
}

.catalogues .catalogues_details h2 {
    font: 600 12.5px HNM;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #333;
}

.catalogues .catalogues_details p {
    color: #ababab;
}

.catalogues .catalogues_details h2 span {
    display: inline;
    position: relative;
}

.catalogues .catalogues_details h2 span:after {
    content: '/';
    position: absolute;
    right: -8px;
}


/*CATALOGUE CSS END*/


/*blogs csss*/

.blogs .block-width-change{ 
    transition: all 0.2s;
    -ms-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
}
.blogs .blogs_details{
    background: #fff;
    padding:2.5rem; 
}
.blogs .blogs_details .blogs_details_title p>span{ 
    border:1px solid #E32B36;
    height: 2px;
    display: block;
    width: 30px;
    margin-bottom: 1.5em;
    transition: all 0.3s ease-in-out;
}
.blogs .catalogues_div:hover .blogs_details .blogs_details_title p>span{   
    width: 50px; 
}
.blogs .catalogues_div:hover .blogs_details .blogs_details_title .blog_link{  
    color:#E32B36!important; 
}
.blogs .blogs_details .blogs_details_title>.blog_text{ 
    color:#000!important;
    margin-bottom: 1em;
    line-height: 1.5em; 
}
.blogs .blogs_details .blogs_details_title>.blog_text{ 
    color:#000!important;
    margin-bottom: 1em;
    line-height: 1.5em; 
    text-transform: capitalize;
}
.blogs .blogs_details .blogs_details_title>.blog_link{ 
    color:#555!important; 
    font-weight: 600;
    text-transform: capitalize;
}

.blogs-inner{
    margin-top: 0; 
}
.blogs-inner .blogs-inner-banner{
   position: relative;
}
.blogs-inner .blogs-inner-banner .image_div{
    padding: 0 10%;
}
.blogs-inner .blogs-inner-banner .blogs-inner_title{
    position: absolute;
    top: 40%; 
}
.blogs-inner .blogs-inner-banner .blogs-inner_title h5{
    letter-spacing: 1px;
    text-transform: uppercase; 
}
.blogs-inner .blogs-inner-banner .blogs-inner_title.left{
    left: 0;
    transform: rotate(-90deg);
}
.blogs-inner .blogs-inner-banner .blogs-inner_title.left h5{
    color: #E32B36;
}
.blogs-inner .blogs-inner-banner .blogs-inner_title.right{
    right: 0;
    transform: rotate(90deg);
}
.blogs-inner .blogs-inner-banner .blogs-inner_title.bottom{
    top: auto;
    bottom:-2em; 
    left:25%;
    width: 50%;
    background: #fff;
    padding: 1em 2em;
}
.blogs-inner .description .description_title{ 
    background: #fff;
    padding: 1em 2em;
    margin-top: -5rem;
    margin-bottom: 2em;
}
.blogs-inner .description .description_title h2{ 
    margin: 0.5em 0;
    text-transform: capitalize;
}

.blogs-inner .description p span.red-devider{  
    border:1px solid #E32B36;
    height: 2px;
    display: block;
    width: 30px;
    margin-bottom: 2em;
    transition: all 0.3s ease-in-out;
}
.blogs-inner .description:hover p span.red-devider{   
    width: 50px; 
}
.blogs-inner .description  p {   
    margin-bottom: 1.5em;
    margin-top: 1.5em;
    text-align: justify;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.8em;
}
.blog-slider-container{
    position: relative;
    margin: 4em 0;
}
.blog-slider-container .blog-navigator{
position: relative;
margin: 20px auto;
width: 120px !important;
display: block; 
}
.blog-slider-container .blog-navigator button{
    color: #999;
    text-align: center;
    padding: 10px 14px;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    font-size: 18px;
    text-align: center;
    display: inline-block;
    border: 2px solid #858585;
    transition: all .5s;
}
.blog-slider-container .blog-navigator button:hover,
.blog-slider-container .blog-navigator button:focus{
    color: #000!important; 
    border-color: #000;
}
.blog-slider-container .blog-navigator .button--next{
    margin-left: 1rem;
}
.blog-slider-container .blog-navigator .button--next:hover i{ 
    transition: all 0.4s ease;
    -webkit-animation: arrow 0.4s linear;
    /* Safari 4.0 - 8.0 */
    animation: arrow 0.4s linear;
    animation-direction: normal;
    -webkit-animation-direction: normal;
    /* Safari 4.0 - 8.0 */
    position: relative;
}
.blog-slider-container .blog-navigator .button--previous:hover i{ 
    transition: all 0.4s ease;
    -webkit-animation: arrow_left 0.4s linear;
    /* Safari 4.0 - 8.0 */
    animation: arrow_left 0.4s linear;
    animation-direction: normal;
    -webkit-animation-direction: normal;
    /* Safari 4.0 - 8.0 */
    position: relative;
}



.blog-slider .carousel-cell{
    width: 66%;
    margin-right: 8%;
    height: 65vh; 
    overflow: hidden; 
}
.blog-slider .carousel-cell img{
    width: 100%;  
}
.view-all-btn{
    color: #444;
    background: #fff;
    border:1px solid #ddd;
    text-transform: uppercase;
    padding:1em 3em ;
    margin-top: 1em;
    margin-bottom: 1em;
    display: inline-block;
}
.view-all-btn:hover{
    color: #fff;
    background: #000;
    border:1px solid #000; 
}

@media (max-device-width: 768px) {
.projects-gallery .carousel-cell .caption {padding:8px 8px}
.projects-gallery .carousel-cell .caption h3{font-size: 15px}
   .catalogue-icon{
        right: -108px;
    }    
    #CF5b0676dad8b55_1-row-2 .col-sm-7.first_col{
        padding-left: 0;
    }
    .contacts,
    .sub_footer {
        background: #000;
     }
     .hero-parallax h1{
        font-size: 2em!important;
        line-height: 35px;
     }
    .icons_grid{ 
        position: relative; 
        width: 90%;  
        display: none;
        margin-left: 9%;
    }
    .icons_grid div{
        display: inline-block;
        margin-right: 10px;
    }
    .blogs-inner {
        margin-top: 3em;
    }
    .blogs-inner .description .description_title{ 
        padding: 1em ; 
    }
    .blogs-inner .description .description_title h2{ 
        font-size: 1.25em;
    }
    .blogs-inner .blogs-inner-banner .blogs-inner_title.left { 
        transform-origin:   27px 27px;
    }
    .blogs-inner .blogs-inner-banner .blogs-inner_title.right { 
        transform-origin:   75px 35px;
    }
    .blogs-inner .description p{
        font-size: 14px!important;
        line-height: 22px!important;
    }
    .blog-slider .carousel-cell{
        height: 35vh
    }
     [data-aos="fade-left"] {
        transform: translate(40px)!important;
    }
}
/*projects CSS */

.projects {
    width: 100%;
    float: left;
    margin: 60px 0px;
    height: 100%;
    min-height: 30vh;
}

.projects .container-fluid.limited-width {
    max-width: 1700px;
    padding-left: 115px;
    padding-right: 15px;
}

.projects .bottom-divs {
    position: relative;
    display: block;
    /*border: 1px solid red; */
}

.projects .bottom-divs .bottom-divs-block {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;padding-left: 15px;
    padding-right: 15px;
    vertical-align: bottom;
}

.projects .bottom-divs .bottom-divs-block .interior_image_div {
    margin-top: 0rem!important;
}

.projects .interior_image_div {
    margin-top: 3rem;
}

.projects .interior_image_div .image_div {
    z-index: 1;
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .1);
}

.projects .interior_image_div .image_div:hover {
    box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, .2);
}

.projects .interior_image_div .product_category_title {
 
}

.projects .interior_image_div:hover .product_category_title {
     
}

.projects .interior_image_div .image_div span {
    position: absolute;
    top: 50%;
    font-size: 1.25rem;
    text-transform:uppercase;
    color: rgba(255,255,255,0.15);
    left: 50%;
    margin-top: -15px;
    transform: translate3d(-50%,-50%,0); 
    transition: all .5s;
    /*opacity: 0;*/
    letter-spacing: 2px;
}

.projects .interior_image_div:focus .image_div span,
.projects .interior_image_div:hover .image_div span { 
    /*opacity: 1;*/
    color: #fff;
}


/*projects CSS END*/


/*parallax image*/

.hero-parallax {
    width: 100%;
    height: 500px;
    position: relative;
    min-height: 105px;
    /*background-image: url(../images/projects/virgo_acp_project_parallax_banner.jpg);*/
    background-size: cover;
    overflow: hidden;
    display: flex;
}

.hero-parallax .hero-parallax__inner {
    z-index: 2;
    display: contents;
}


.hero-parallax h1 {
    color: #fff; 
    font-size: 3em;
}

.hero-parallax:before {
    content: "";
    background: rgba(0, 0, 0, 0);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: background 400ms;
}
 

 
/*parallax image*/


/*Pop Up Menu Css Start*/

.navigation_menu_popup {
    width: 70%;
    margin: 0px auto;
    overflow: hidden;
}

.main_container_menu {
    height: 100vh;
}

.small_heading_navigation {
    position: relative;
    margin-top: 16vh;
}

.small_heading_navigation h4 a {
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    font-size: 14px;
    color: #000;
    margin: 0;
    padding-left: 10px;
    font-style: normal
}

.small_heading_navigation h4 a:after {
    height: 0;
    width: 1px;
    border-bottom: 2px solid transparent;
    content: '';
    display: block;
}

.small_heading_navigation h4::after {
    position: absolute;
    content: '/';
    left: 0;
    color: #000;
}

.underline-onhover::after {
    height: 0;
    width: 1px;
    border-bottom: 2px solid transparent;
    content: '';
}

.underline-onhover:hover::after {
    border-bottom: 2px solid #E32B36;
    -webkit-animation: content_line 0.35s;
    -moz-animation: content_line 0.35s;
    -o-animation: content_line 0.35s;
    animation: content_line 0.35s;
    animation-fill-mode: forwards;
    display: block;
}

.main-menu {
    margin-top: 0;
}
.hotline>a{
  color: #e54852!important; 
}
.main-menu a {
    color: #000;
}

.main-menu ul {
    margin: 0;
}

.main-menu ul li {
    padding: 0;
    border: none;
    position: initial;
    background: transparent;
}

.main-menu ul a {
    align-items: center;
    overflow: hidden;
    overflow: visible!important;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: capitalize;
    transition: all .3s ease-in-out;
    display: inline-block;
    opacity: 0;
    font-size: 4.44vh;
}

.main-menu ul a:before {
    position: absolute;
    top: calc(45% + 1px);
    left: 0;
    overflow: hidden;
    width: 0;
    height: 2px;
    background-color: #c9002b;
    color: inherit;
    content: "";
    transition: left .2s ease, width .2s ease;
    will-change: left, width
}

.main-menu ul a:hover {
    padding-left: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.main-menu ul a:hover::before {
    width: 30px;
}

.big-device-menu {
    width: 45%;
    float: left;
    position: relative;
}

.navigation_menu_popup ul li .submenu {
    transform: translateX(100%);
    top: 0;
    position: absolute;
    right: 0; 
    display: none;
}

.navigation_menu_popup ul li .submenu.show {
    display: block;
}
.navigation_menu_popup ul li .submenu a{
    text-transform: uppercase!important;
}
.navigation_menu_popup ul li a {
    animation: FadeInLeft 80ms ease-in;
    animation-fill-mode: both;
}

.navigation_menu_popup ul li:nth-child(1) a {
    animation-delay: .05s;
}

.navigation_menu_popup ul li:nth-child(2) a {
    animation-delay: .1s
}

.navigation_menu_popup ul li:nth-child(3) a {
    animation-delay: .15s
}

.navigation_menu_popup ul li:nth-child(4) a {
    animation-delay: .2s
}

.navigation_menu_popup ul li:nth-child(5) a {
    animation-delay: .25s
}

.navigation_menu_popup ul li:nth-child(6) a {
    animation-delay: .3s
}
.navigation_menu_popup ul li:nth-child(7) a {
    animation-delay: .35s
}
.navigation_menu_popup ul li:nth-child(8) a {
    animation-delay: .4s
}

@keyframes FadeInLeft {
    0% {
        opacity: 0;
        transform: translate(4px, -1px);
    }
    25% {
        opacity: .10;
        transform: translate(3px, -.7px);
    }
    50% {
        opacity: .30;
        transform: translate(2px, -.5px);
    }
    75% {
        opacity: .60;
        transform: translate(1px, -.2px);
    }
    100% {
        opacity: 1;
        transform: translate(0px, 0px);
    }
}

.main_pop_menu_open .bottom-menu {
    width: 100%;
    float: left;
    /*border: 1px solid red;*/
    margin-top: 14vh;
}

.main_pop_menu_open .bottom-menu .nav a {
    margin-bottom: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    color: #000;
    background: transparent;
    text-transform: uppercase;
}

.main_pop_menu_open .bottom-menu .nav li a {
    animation: FadeInUp 100ms linear;
    animation-fill-mode: both;
}

.main_pop_menu_open .bottom-menu .nav li:nth-child(1) a {
    animation-delay: 100ms;
}

.main_pop_menu_open .bottom-menu .nav li:nth-child(2) a {
    animation-delay: 100ms
}

.main_pop_menu_open .bottom-menu .nav li:nth-child(3) a {
    animation-delay: 200ms
}

.main_pop_menu_open .bottom-menu .nav li:nth-child(4) a {
    animation-delay: 300ms
}

.main_pop_menu_open .bottom-menu .nav li:nth-child(5) a {
    animation-delay: 400ms
}

.main_pop_menu_open .bottom-menu .nav li:nth-child(6) a {
    animation-delay: 500ms
}

@keyframes FadeInUp {
    0% {
        opacity: 0;
        transform: translate(0px, 5px);
    }
    25% {
        opacity: .25;
        transform: translate(0px, 4px);
    }
    50% {
        opacity: 5;
        transform: translate(0px, 3px);
    }
    75% {
        opacity: .75;
        transform: translate(0px, 2px);
    }
    100% {
        opacity: 1;
        transform: translate(0px, 0px);
    }
}

/*Pop Up Menu Css Ends*/

.search_form {
    height: 100vh;
}

.search_box {
    position: relative;
    border-bottom: 1px solid #000;
    margin-top: 10vh;
}

.search_box .searchicon {
    height: 50px;
    width: 50px;
    padding: 5px;
    /*border: 1px solid red; */
    cursor: pointer;
    z-index: 2;
    opacity: 0;
}

.search_box .form-control {
    border: 0;
    background: transparent;
    box-shadow: none;
    font-size: 24px;
}

.search_box .input-group-addon {
    position: relative;
    text-align: center;
    background: transparent;
    padding: 0;
    cursor: pointer;
    border: 0;
}

.search_box .input-group-addon:before {
    position: absolute;
    top: 10px;
    left: 0;
    height: 100%;
    width: 100%;
    font-size: 32px;
    content: "\f002";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}

.search_box label {
    font-size: 6vh!important;
    text-transform: uppercase;
    font-weight: 600;
}

.search_box {}

.footer-logo {
    display: none;
}


/*contact_modal css*/
.contact_modal textarea,
.contact_modal .modal-content{
    border-radius: 0;
}
.contact_modal .modal-dialog{
    margin: 8vh auto;
}
.contact_modal .modal-body{
    padding-top: 0;
    padding-bottom: 0;
}
.contact_modal .left-part{
    background: #f4f4f4;
    padding:4vw;
    height: 80vh;
}
.contact_modal .left-part .mt-5{
    margin-top: 8vh;
}
.contact_modal .right-part{
    background: #fff;
    padding:4vw;
}
.contact_modal .right-part .title{
    font: bold 28px HNM;
    margin: 0;
    text-transform: capitalize;
}
.contact_modal .right-part label{ 
    text-transform: capitalize;
    padding: 20px 0 12px 0;
    position: relative;
}
.contact_modal .right-part label:after{
    border-bottom: 2px solid #ec3137;
    content: "";
    width: 30px;
    height: 1px;
    left: 0;
    position: absolute;
    bottom: 0;
}
.contact_modal .right-part .cancel{
    font: bold 18px HNM;
    text-transform: capitalize;
    background: transparent;
    width: 100%;
    padding: 0;
    text-align: left;
    height: 55px;
    color: #000;
}
.contact_modal .right-part input[type='submit']{
    font: bold 18px HNM;
    text-transform: capitalize;
    background: #ec3137;
    width: 100%;
    border-radius: 0;
    height: 55px;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0; 
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
}
.contact_modal .right-part input[type='submit']:hover{opacity: 0.9}
.close-with-icon{
    color:  #ec3137;
    position: absolute;right: 15px;
    top: 15px;
    padding: 0; 
    font: 400 12px HNM;
    z-index: 2;
    cursor: pointer;
    text-transform: uppercase;
}
.close-with-icon:hover i{ 
    transition: transform 200ms ease;
    transform: rotate(180deg); 
    will-change: transform;
}
/*contact_modal css end*/

/*single-product-content css */
.text-black{color: #222!important;}
.text-red{color: #E32B36!important;}
.text-uppercase{text-transform: uppercase!important;}
.text-capitalize{text-transform: capitalize!important;}
.font-bold{font-weight: 600!important;} 
.font-normal{font-weight: normal!important;} 
 
.single-product-content {
    /*background: rgba(0, 0, 0, 0) url(../images/single_page_pattern.png) no-repeat ;*/
    margin: 65px 0px;
    background-position:0 -70px;
    padding: 40px 0 0 0;
    background-size: cover;
}
.single-product-content img{
    border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
/*.single-product-content .row{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}*/
.bg-white{
    background-color: #fff;
}
.single-product-content .product-details{
    /*position: absolute;*/
    /*width: 90%;*/
    /*top: 50%;*/
    /*left: 50%;  */
    letter-spacing: 0.5px;
    /*transform: translate3d(-50%, -50%, 0);*/
    border: 1px solid #f3f3f3;
    margin-top: 2.25rem;
}
.single-product-content .product-details .product-name{
    background: #E6E4E5;
    padding: 1rem 2rem;
}
.single-product-content .product-details .product-specs.right-side{
    padding:2rem 0;
}
.single-product-content .product-details .product-specs.right-side,
.single-product-content .product-details .product-name.right-side{
    text-align: right;
    letter-spacing: 0px;
}
.single-product-content .product-details .product-name p{
    margin-bottom: 0;
    font-size: 20px;
}
.single-product-content .product-details .product-specs{ 
    padding: 2.5rem ;
    font-size: 16px;
} 
.single-product-content .product-details .product-specs p{ 
    font-weight: 100; 
} 
.single-product-content .product-details .product-specs span:first-child{
    display: block;
}
.single-product-content .product-details .product-specs span:last-child{
    text-transform: capitalize
} 
.single-product-content .product-details .product-specs .related-item{
    width: 100%;
    text-align: right;
} 
.single-product-content .product-details .product-specs .related-item .thumb{
    width: 120px;  
    text-transform: uppercase;
}
.single-product-content .product-details .product-specs .related-item p{
    margin: 5px 0;
    font-size: 12px;
}
.single-product-content .product-details .product-specs .related-item a{
    color:#444;
}

 .mfp-close{
    position: fixed!important;
    top: 0!important;
    right: 0!important;
    width: 60px!important;
    height: 60px!important;
    padding: 0 15px!important;
    font-size: 40px!important;
    background: rgba(0,0,0,0.5)!important;
 }
 .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close{
    cursor: pointer!important;
 }

 @media  (max-device-width: 991.99px) { 
    .single-product-content .product-details{ 
       /* top: 30%;
        transform: translate(-50%, -30%);*/
        /*border: 1px solid red;*/
    }
    .single-product-content .product-details .product-specs{        
        position: relative;
        display: flow-root;
    }
    .single-product-content .product-details .product-specs .related-item{
        width: 33.3%;
        float: left;
        text-align: center;
    }
    .single-product-content .product-details .product-specs .related-item p{
        margin-top: 15px;
    }
 }
/*single-product-content css end*/

/*social-right*/
#right-panel {
    position: fixed;
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    z-index: 2!important;
    display: none;
    visibility: inherit;
    overflow: hidden;
    box-sizing: border-box;
    width: 48px;
    height: auto;
    background: 0 0;    
    transition: width .25s ease-in-out .5s;
    transform: translate3d(0, -50%, 0);
    will-change: width
}
 

 
#right-panel:focus,
#right-panel:hover {
    width: calc(48px * 5 + 3px);
    transition: width .25s ease
}

#right-panel .right-panel_row {
    position: relative;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    z-index: auto;
    visibility: inherit;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    height: 48px;
    transition: background .3s ease, color .3s ease;
    will-change: background, color
}

#right-panel .right-panel_row .right-panel_icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    z-index: 2;
    display: -ms-flexbox;
    display: flex;
    visibility: inherit;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-sizing: border-box;
    width: 48px;
    height: 48px;
    color: #999;
    font-size: 16px;
    background-color: #fff;
    transition: background .3s ease;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    will-change: background
}
 
#right-panel_download-btn,
#right-panel_store-btn {
    display: block;
    overflow: hidden;
    background-color: #fff;
    color: #888;
    text-overflow: initial;
    white-space: nowrap;
    font-size: 12px;
    line-height: 1
}

#right-panel_download-btn span,
#right-panel_store-btn span {
    position: absolute;
    top: 18px;
    right: auto;
    bottom: auto;
    left: 20px;
    z-index: 1;
    visibility: inherit;
    overflow: hidden;
    box-sizing: border-box;
    color: inherit
}

.right-panel_share .social-btn,
.product-designer-component {
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    visibility: inherit;
    overflow: hidden;
    box-sizing: border-box
}

#right-panel_download-btn:hover,
#right-panel_store-btn:hover {
    background-color: #000;
    color: #fff
}

#right-panel_download-btn:hover .right-panel_icon,
#right-panel_store-btn:hover .right-panel_icon {
    background-color: #000
}

.right-panel_share {
    background: #fff;
    border-top: 1px solid #eee;

}
 
.right-panel_share .social-btn {
    /*border:1px solid red;*/
}
.right-panel_share   .social {
    background: #fff;
    width: 48px;
    height: 48px;
    padding:1rem ; 
    color: #999;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    transition: all .2s ease;
}

.right-panel_share  .social:hover {
    color: #fff; 
} 
.right-panel_share  .facebook:hover {
    background-color: #3b5999;
} 
.right-panel_share  .twitter:hover {
   background-color: #00aced;
} 
.right-panel_share  .instagram:hover {
    background-color: #bd081c;
}

/*.social-right{
    position: fixed;
    right: 0;
    top: 50vh;
    width: auto;
    background: #fff; 
    transition: all .5s ease;

    transform: translateX(75%);
}
.social-right .action{
    color: #888;
    position: relative;
    padding: 1rem 0 1rem 1rem;
    display: block; 
    transition: all .2s ease;
}
.social-right .action:hover{
    color: #fff; 
    background: #ED002A;
}
.social-right .action .action-label{
    float: left; 
    width: auto;    
    text-align: center; 
    display: inline-block; 
}
.social-right  .action_icon{ 
    width: 40px; 
    text-align: center; 
    display: inline-block; 
    background: #fff;
}
.social-right .social-share{
    border-top: 1px solid #ddd;
}
.social-right .social-share .social_icon {
    width: 45px;
    height: 42px;
    padding: .8rem 0;
    font-size: 18px;
    color: #888;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    transition: all .2s ease;
} 
.social-right .social-share .social_icon:hover {
    color: #fff; 
} 
.social-right .social-share .facebook:hover {
    background-color: #3b5999;
} 
.social-right .social-share .twitter:hover {
   background-color: #00aced;
} 
.social-right .social-share .instagram:hover {
    background-color: #bd081c;
} */

/*Media Query Start*/

@media screen and (max-device-width: 500px) {
    .menu .log_image{
        top: 10px;
        width: 120px;
    }
    .content-slider h1{
        font-size: 20px;
    }
    #CF5b0676dad8b55_1-row-2 .col-sm-5.last_col {
        min-height:300px;
    }
    .caldera-grid h1 {
        margin: 1rem!important;
    }


}
@media screen and (max-device-width: 900px) {

.slider_about .slider_about-slider {
    position: absolute;
    top: 350px;
    left: 10%;
    right: 10%;
}
.slider_about .btn-scroll-down {
  width: 49px;
  height: 49px;
  float: right;
/*  position: absolute;
  bottom: 30px; 
  right: 50px; */ 
  margin-top: -49px;
  z-index: 9;
  border-radius: 50%;
  -webkit-transition: background-color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out;
} 
}
@media screen and (max-device-width: 767.99px) {
    .projects .bottom-divs .bottom-divs-block {
        position: relative;
   }
       .menu_list_footer {
        width: 100%;
    }
    .menu_list_footer li {
        display: block;
        float: none;
        border-bottom: 1px solid #232323;
    }
    .menu_list_footer li a:after {
        display: none;
    }
    .menu_list_footer li a:hover:after {
        display: none;
    }
}
@media screen and (max-device-width: 768px) { 
    .dealer {
        padding: 0px 25px!important;
    }
    .dealer_heading {
        font-size: 27px!important;
        line-height: 40px!important;
    }
    .text_count { 
        padding: 0px 0px 10px 20px!important;
    }
    .dealer_head{
        padding: 30px  0px 0px 0px!important;  
    }
    .dealer_head h2{
        font-size: 27px!important;
        line-height: 40px!important;
    }
    .parent-category-product .col-xs-5{
        padding-left: 5px;
        padding-right: 5px;
    }
    .parent-category .product_category_title p span{
        width: 25px;
        height: 25px;
        padding: 5px;
    }
    .product_category_title h2 a, .product_category_title h2{
        margin-top: 8px!important;
        margin-bottom: 4px!important;
    }
    .parent-category .product_category_title p{
        font-size: 10px;
        margin-top: 0;
    }
    .main_footer .col-md-6{
        padding: 0;
    }
    .main_footer .menu_list_footer{
        padding: 0;
    }
    .main_footer .power_by_rocklime{
        display: none;
    }
    .contact_modal .right-part,
    .contact_modal .left-part{
        height: auto;
        padding: 15px;
    }
    .contacts{text-align: center;}
    .footer-logo {
        width: 200px;
        margin: 0 auto;
        padding-top: 30px;
        display: block;
    }
    .search_box .form-control {
        font-size: 14px;
    }
    .close-icon_search {
        font-size: 24px!important;
        top: 85px!important;
        right: 20px!important;
    }
    .email_newsletter {
        min-width: 100%;
    }
    .form_newsletter {
        padding: 0 10%
    }
    .form_newsletter form {
        margin: 0;
    }
    .form_newsletter .submit_newsletter {
        float: none;
        ;
        width: 40%;
        display: initial;
        margin-top: 25px;
    }
    .category_home {
        padding: 0
    }
    .product_category {
        margin: 70px 0;
    }
    .product_category .container-fluid.limited-width,
    .text_about_page .container-fluid.limited-width,
    .text_about_page_2 .container-fluid.limited-width {
        width: 100%;
        max-width: 800px;
        margin: 0 auto;
    }
    .category_home .category_home_image {
        margin-top: 135px;
        position: relative;
    }
    .about_us_home .container-fluid.limited-width {
        max-width: 100%;
        padding: 15px;
    }
    .about_us_home .magic-margin {
        margin-left: 0;
    }
    .about_us_home .about_us_home_inner_content {
        max-width: 80%;
        transform: translate3d(0%, -2%, 0);
    }
    .content_abt {
        font-size: 13px;
        line-height: 18px;
    }
    .about_txt {
        max-height: 450px;
    }
    .read_abt {
        font-size: 12.67px;
    }
    .about_us_home_inner_content:hover .read_abt::before {
        top: 8px;
        left: -10px;
    }
    .about_us_home_content.extra_height {
        max-width: 100%;
        right: 0;
        top: 70%;
        padding: 10%;
    }
    .about_us_home_inner_content {
        padding: 20px 30px;
    }
    .about_us_home_inner_content.extra_para,
    .about_us_home_inner_content.extra_height {
        max-height: 210px;
        height: 210px;
    }
    .extra_details {
        padding: 55px 15px 50px 15px;
        float: left;
    }
    .projects .bottom-divs {
        position: relative;
    }

    .extra_details2 {
        width: 50%;
        padding: 40px!important 0;
    }
    .extra_details2 .about_txt {}
    .about_txt {
        position: absolute;
        top: -50px;
        right: 15px;
        bottom: auto;
        left: 15px;
        z-index: 2;
        width: 90%;
        height: 40px;
        pointer-events: none;
    }
    .vertical_about_txt {
        writing-mode: horizontal-tb;
        transform: rotate(0);
        margin: 0 auto;
        font-weight: 600;
    }
    .category_home .no-padding-left {
        padding-left: 15px;
    }
    .category_home .no-padding-right {
        padding-right: 15px;
    } 
    .extra_details .container-fluid {
        padding: 0!important;
    }
    .home_newsletter {
        margin: 0px 0px 50px 0;
    }
    .heading2_news {
        font-size: 18px;
        padding: 25px 10%; 
        margin: 0;
    }
    .email_newsletter {
        max-width: 200px;
        height: 40px!important;
    }
    .read_more_cat {
        margin: 15px
    }
    .read_more_cat a {
        font-size: 15.83px;
    }
    .cat_anchor .arrow_post_content {
        width: 30px;
        height: 30px;
        line-height: 15px;
        margin: 10px;
    }
    .submit_newsletter {
        padding: 0 15px;
        height: 40px;
    }
    .power_by_rocklime {
        text-align: center;
    }
    .projects .container-fluid.limited-width {
        width: 90%;
        padding-left: 0;
    }
    .product_category {
       margin: 120px 0 60px 0;
    }
    .product_category .interior_image_div {
        margin-bottom: 20px;
    }

}

@media (min-device-width: 1024.1px) {
.projects-gallery .carousel-cell .caption {
        -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
}
    .about_page .pointers {
        left: 13%;
        bottom: 14%;
    }
    .pointers {
        /*bottom: 10%;*/
        left: 16.5%
    }
    .social_footer,
    .website_home {
        padding-left: 96px;
    }
    .category_home {
        padding: 10px 80px 80px 150px!important;
    }
    .right_sidebar_menu {
        background: #020202;
        height: 100vh;
        width: 130px;
        position: absolute;
        right: 0;
        top: 0;
    }
    .right_sidebar_menu .socil_icons_footer {
        width: 150px;
    }
    .right_sidebar_menu .social_icon {
        padding: 0px;
        position: absolute;
        bottom: 0;
        margin-bottom: 45px;
    }
    .right_sidebar_menu .social_icon li {
        display: flex;
        text-align: center;
        margin: 0 auto 20px;
        width: 100%;
        float: left;
    }
    .right_sidebar_menu .social_icon a {
        padding: 10px 15px;
        border: 0.5px solid #888;
        margin: 0 auto;
        top: 75vh;
    }
}


@media (max-device-width: 1024px) {

    .top-menu { 
        right: auto;
        left: 126px; 
        position: absolute;
        z-index: 1060;
    } 
    .top-menu span{display: none;}
    #right-panel {display: none!important;}
    .single-inner-banner{margin-top: 70px}
 
     
    .inner_page_menu {
        top: 70px;
    }
    .pointers,
    .content-slider {
        /*bottom: 10%;*/
        left: 2%
    }
    .log_image {
        width: 120px;
        float: right;
        position: relative;
    }
    .log_image img {
        width: 100%;
    }
    .slide_menu {
        left: 0px;
        transition: all 0.5s ease;
        top: -100px;
    }
    .small_heading_navigation {
        margin-left: 15px;
    }
    .big-device-menu {
        width: 100%;
        padding: 0 15px;
    }
    .main-menu ul li ul.submenu {
        transform: translateX(40px);
        position: relative;
    }
    .main_container_menu {
        overflow-y: scroll;
        /*padding-bottom: 300px;*/
    }
    .navigation_menu_popup {
        overflow-y: auto;
        width: 100%;
        height: auto;
        padding: 20px 20px 200px 20px;
    }
    .main-menu ul li {
        margin: 6px 0;
    }
    .main-menu ul li ul.submenu li a::before {
        display: none;
    }
    .main-menu ul li ul.submenu li a {
        padding-left: 0;
        font-size: 16px;
        font-weight: 600;
    }
    .close_menu {
        top: 15px;
        right: 15px;
        left: auto;
        z-index: 55
    }
    .menu {
        position: relative;
        width: 100%;
        height: 70px;
    }
    .menu .search_icon {
        bottom: 14px;
        float: left;
        top: 10px;
        position: relative;
    }
    .menu .search_icon i {
        font-size: 22px
    }
    .menu .make_menu_line {
        position: relative;
        float: left;
        top: 12px;
        left: 15px;
    }
    .menu .log_image {
        transform: rotate(0);
        top: 15px;
        text-align: right;
        padding-right: 20px;
    }
    .slider {
        padding: 0;
    }
    .right_sidebar_menu {
        position: absolute;
        bottom: 0;
        height: 80px;
        width: 100vw;
        top: auto;
        background: black
    }
    .right_sidebar_menu .socil_icons_footer {
        margin: 0 auto;
    }
    .right_sidebar_menu .social_icon {
        padding: 30px!important;
    }
    /* .right_sidebar_menu .socil_icons_footer ul {position: relative;margin-bottom: 0;}
    .right_sidebar_menu .socil_icons_footer ul li{display: inline;float: left;width: 60px;}*/
    .main_pop_menu_open .bottom-menu {
        margin-top: 1vh
    }
    .bottom-menu ul li {
        display: block;
        float: none;
    }
    .bottom-menu ul li a {
        *padding: 5px;
    }
    .bottom-menu ul li a.underline-onhover:hover::after {
        display: none;
    }
    .about_first_image {
        padding: 0 5%;
    }
    .about_owner_images {
        padding: 0 50px;
    }
    .text_about_page {
        padding: 50px 0px;
    }
    .content_about_heading h1 {
        font: 400 20px HNM;
    }
    .text_about_page p,
    .text_about_page_2 p {
        font-size: 15px;
        text-align: justify;
    }
    .slider.about_page {
        padding: 0;
    }
    .power_by_rocklime {
        text-align: center;
    }
    .power {
        float: none;
        width: auto;
        height: auto;
        display: block;
        padding: 20px 0px 40px 0;
        margin: 0 auto;
        position: relative;
        right: 0;
    }
    /*.menu_list_footer li {display: block;float: none;}*/
}

@media (min-device-width: 280px) and (max-device-width: 479.9px) {
    .product_category .container-fluid.limited-width,
    .text_about_page .container-fluid.limited-width,
    .text_about_page_2 .container-fluid.limited-width {
        width: 100%;
        max-width: 800px;
        margin: 0 auto;
    }
    /* .about_page .pointers {bottom: 30%;}*/
    .main-menu ul a {
        font-size: 28px;
    }
    .slider_image {
        max-height: 500px;
    }
    .pointers {
        position: relative;
        bottom: 100px;
    }
    .vertical_about_txt .sub_head_slider h5 {
        font-size: 12px
    }
    .content-slider {
        bottom: 170px;
        /*
        padding-left: 30px;*/
    }
    .about_us_home_inner_content.extra_para,
    .about_us_home_inner_content.extra_height {
        min-height: 200px
    }
    .home_newsletter {
        margin-top: 5rem;
    }
    .about_us_home_content {
        max-height: 345px
    }
    .catalogues .catalogues_details {
        padding: 0rem 1.5rem;
    }
    .about_us_home {
        width: 100%;
        padding: 45px 0px 0px 0px;
    }
    .category_home {
        padding: 10px 0 10px 0;
    }
    .category_home .magic_bottom {
        margin: 0;
    }
    .category_home .category_home_image {
        margin-top: 35px;

    }
    /* .read_more_cat{margin: 10px}
    .read_more_cat a{font-size: 15.83px;}
    .cat_anchor .arrow_post_content {
        width: 30px;
        height: 30px;
        line-height: 15px;
        margin: 10px;
    }*/
    .cat_anchor .arrow_post_content img {
        top: 5px;
    }
}

@media (min-device-width: 480px) and (max-device-width: 768px) {
        #CF5b0676dad8b55_1-row-2 .col-sm-5.last_col {
            min-height:350px;
        }
    .caldera-grid h1 {
        margin: 2rem!important;
    }

    .category_home {
        padding: 0
    }
    .product_category {
        margin: 70px 0;
    }
    .product_category .container-fluid.limited-width,
    .text_about_page .container-fluid.limited-width,
    .text_about_page_2 .container-fluid.limited-width {
        width: 100%;
        max-width: 800px;
        margin: 0 auto;
    }
    .main-menu ul a {
        font-size: 28px;
    }
    .slider_image {
        max-height: 500px;
    }
    .pointers {
        position: relative;
        bottom: 50px;
    }
    .content-slider {
        bottom: 70px;
        /*
        padding-left: 30px;*/
    }
    .inner_page_menu .inner_menu_grid,
    .catalogues .container-fluid.limited-width {
        max-width: 650px;
    }
    .catalogues .catalogues_details {
        padding: 0rem 1.5rem;
    }
    .about_us_home {
        width: 100%;
        padding: 50px 0px 0px 0px;
    }
    .category_home .magic_bottom {
        margin: 0;
    }
    .category_home .category_home_image {
        margin-top: 0;
        margin-bottom: 35px;
    }
    .read_more_cat a {
        font-size: 15.83px;
    }
    .cat_anchor .arrow_post_content {
        width: 40px;
        height: 40px;
    }
    .cat_anchor .arrow_post_content img {
        top: 10px;
    }
}

@media (min-device-width: 768.1px) and (max-device-width: 989.9px) {
    .icons_grid{
        right: 5%;
    }
    .product_category {
        margin: 70px 0;
    }
    .product_category .container-fluid.limited-width,
    .text_about_page .container-fluid.limited-width,
    .text_about_page_2 .container-fluid.limited-width {
        width: 100%;
        max-width: 800px;
        margin: 0 auto;
    }
    .main-menu ul a {
        font-size: 28px;
    }
    .slider_image {
        max-height: 500px;
    }
    .pointers {
        position: relative;
        bottom: 50px;
    }
    .content-slider {
        bottom: 70px;
        /*
        padding-left: 30px;*/
    }
    .about_us_home {
        width: 100%;
        padding: 25px 0px 0px 0px;
    }
    .projects .container-fluid.limited-width {
        padding-left: 0;
    }
    .projects .container-fluid.limited-width,
    .inner_page_menu .inner_menu_grid,
    .about_us_home .container-fluid.limited-width,
    .catalogues .container-fluid.limited-width {
        max-width: 750px;
    }

    .catalogues .catalogues_details {
        padding: 0rem 1.5rem;
    }
    .about_us_home .container-fluid.limited-width {
        max-width: 600px;
    }
    .about_us_home .magic-margin {
        margin-left: 0;
    }
    .about_us_home .about_us_home_inner_content {
        max-width: 500px;
        transform: translate3d(0%, -10%, 0);
    }
    .content_abt {
        font-size: 14px;
    }
    .about_txt {
        max-height: 450px;
    }
    .read_abt {
        font-size: 12.67px;
    }
    .about_us_home_inner_content:hover .read_abt::before {
        top: 8px;
        left: -10px;
    }
    .category_home {
        padding: 10px 15px 10px 15px;
    }
    .category_home .magic_bottom {
        margin: 0;
    }
    .category_home .category_home_image {
        margin-top: 35px;
    }
    .category_home .no-padding-left {
        padding-left: 15px;
    }
    .category_home .no-padding-right {
        padding-right: 15px;
    }
 
    .extra_details {
        padding: 60px 120px 60px 120px;
    }
    .heading2_news {
        font-size: 22px;
    }
    .email_newsletter {
        max-width: 330px;
    }
    .submit_newsletter {
        padding: 0 25px;
    }
    .extra_details2 {
        width: 50%;
        float: left;
        transition: all 0.5s ease;
        padding: 110px 0px 0px 0px !important;
    }
    .about_us_home_content.extra_height {
        max-width: 390px;
        right: -80px;
        top: 40px;
    }
    .read_more_cat a {
        font-size: 15.83px;
    }
    .about_us_home_inner_content {
        padding: 20px 30px;
    }
    .about_us_home_inner_content.extra_para,
    .about_us_home_inner_content.extra_height {
        max-height: 200px;
    }
    .cat_anchor .arrow_post_content {
        width: 40px;
        height: 40px;
    }
    .cat_anchor .arrow_post_content img {
        top: 5px;
    }
    /*.social_footer, .website_home {
        max-width: 1200px;
    }*/
    .home_newsletter {
        margin: 0px 0px 78px 0px;
    }
}

@media (min-device-width: 990px) and (max-device-width: 1024px) {
    .text_about_page {
        padding: 50px 0px;
    }
    .content_about_heading h1 {
        font: 400 26.33px HNM;
    }
    .text_about_page p,
    .text_about_page_2 p {
        font-size: 16.83px;
        text-align: justify;
    }
    .about_first_image {
        padding: 0 120px;
    }
    .about_owner_images {
        padding: 0 100px;
    }
    .product_category {
        margin: 120px 0 80px 0;
    }
    /*.product_category .container-fluid.limited-width{
        max-width: 770px;
    }*/
    .product_category .container-fluid.limited-width,
    .text_about_page .container-fluid.limited-width,
    .text_about_page_2 .container-fluid.limited-width {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto;
    }
    .slider.about_page {
        padding: 0;
    }
    .main-menu ul a {
        font-size: 28px;
    }
    .slider_image {
        max-height: 500px;
    }
    .pointers {
        position: relative;
        bottom: 50px;
    }
    .content-slider {
        bottom: 70px;
        /*
        padding-left: 30px;*/
    }
    .about_us_home {
        width: 100%;
        padding: 85px 0px 0px 0px;
    }
    .projects .container-fluid.limited-width {
        padding-left: 0;
    }
    .projects .container-fluid.limited-width,
    .inner_page_menu .inner_menu_grid,
    .catalogues .container-fluid.limited-width {
        max-width: 950px;
    }
    .catalogues .catalogues_details {
        padding: 0rem 1.5rem;
    }
    .about_us_home .container-fluid.limited-width {
        max-width: 700px;
    }
    .about_us_home .magic-margin {
        margin-left: 0;
    }
    .about_us_home .about_us_home_inner_content {
        max-width: 500px;
        transform: translate3d(0%, -10%, 0);
    }
    .content_abt {
        font-size: 15.83px;
    }
    .about_txt {
        max-height: 450px;
    }
    .read_abt {
        font-size: 14.67px;
    }
    .about_us_home_inner_content:hover .read_abt::before {
        top: 8px;
        left: -10px;
    }
    .category_home {
        padding: 10px 15px 10px 15px;
    }
    .category_home .magic_bottom {
        margin: 0;
    }
    .category_home .category_home_image {
        margin-top: 35px;
    }
    .category_home .no-padding-left {
        padding-left: 15px;
    }
    .category_home .no-padding-right {
        padding-right: 15px;
    }
 
    .extra_details {
        padding: 60px 120px 60px 120px;
    }
    .heading2_news {
        font-size: 22px;
    }
    .email_newsletter {
        max-width: 406px;
    }
    .extra_details2 {
        width: 50%;
        float: left;
        transition: all 0.5s ease;
        padding: 110px 0px 0px 0px !important;
    }
    .about_us_home_content.extra_height {
        max-width: 390px;
        right: -80px;
        top: 108px;
    }
    .read_more_cat a {
        font-size: 15.83px;
    }
    .about_us_home_inner_content {
        padding: 20px 30px;
    }
    .about_us_home_inner_content.extra_para,
    .about_us_home_inner_content.extra_height {
        max-height: 200px;
    }
    .cat_anchor .arrow_post_content {
        width: 40px;
        height: 40px;
    }
    .cat_anchor .arrow_post_content img {
        top: 5px;
    }
    /* .social_footer, .website_home {
        max-width: 1200px;
    }*/
    .home_newsletter {
        margin: 0px 0px 78px 0px;
    }
  
}

@media (min-device-width:980px) and (max-device-width:1024px) {
    .icons_grid{
        right: 10px;
    }
}
@media (min-device-width: 1024.01px) and (max-device-width: 1279.9px) {
    .icons_grid{
        right: 12%;
    }
    .text_about_page {
        padding: 50px 0px;
    }
    .content_about_heading h1 {
        font: 400 26.33px HNM;
    }
    .text_about_page p,
    .text_about_page_2 p {
        font-size: 16.83px;
        text-align: justify;
    }
    .about_first_image {
        padding: 0 120px;
    }
    .about_owner_images {
        padding: 0 100px;
    }
    .content_about_heading,
    .content_about_heading {
        width: 65%;
    }
    .product_category {
        margin: 70px 0;
    }
    .product_category .container-fluid.limited-width {
        max-width: 770px;
    }
    .text_about_page .container-fluid.limited-width,
    .text_about_page_2 .container-fluid.limited-width {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto;
    }
    .main-menu ul a {
        font-size: 28px;
    }
    .slider_image {
        max-height: 650px;
    }
    .slider {
        padding: 55px 80px 85px 155px;
    }
    .pointers {
        position: relative;
        bottom: 115px;
    }
    .content-slider {
        bottom: 245px;
        /*
        padding-left: 150px;*/
    }
    .about_us_home {
        width: 100%;
        padding: 25px 0px 0px 0px;
    }
    .projects .container-fluid.limited-width {
        padding-left: 0;
    }
    .projects .container-fluid.limited-width,
    .inner_page_menu .inner_menu_grid,
    .catalogues .container-fluid.limited-width {
        max-width: 750px;
    }
    .catalogues .catalogues_details {
        padding: 0rem 1.5rem;
    }
    .about_us_home .container-fluid.limited-width {
        max-width: 660px;
    }
    .about_us_home .magic-margin {
        margin-left: 75px;
    }
    .about_us_home_inner_content {
        max-width: 520px;
    }
    .content_abt {
        font-size: 15.83px;
    }
    .about_txt {
        max-height: 450px;
    }
    .read_abt {
        font-size: 14.67px;
    }
    .about_us_home_inner_content:hover .read_abt::before {
        top: 8px;
        left: -10px;
    }
    .category_home {
        padding: 10px 15px 10px 175px;
    } 
    .extra_details {
        padding: 50px 175px 50px 220px;
    }
    .heading2_news {
        font-size: 22px;
    }
    .email_newsletter {
        max-width: 406px;
    }
    .extra_details2 {
        width: 50%;
        float: left;
        transition: all 0.5s ease;
        padding: 110px 0px 0px 0px !important;
    }
    .about_us_home_content.extra_height {
        max-width: 390px;
        right: -80px;
        top: 108px;
    }
    .read_more_cat a {
        font-size: 15.83px;
    }
    .about_us_home_inner_content {
        padding: 20px 30px;
    }
    .about_us_home_inner_content.extra_para,
    .about_us_home_inner_content.extra_height {
        max-height: 200px;
    }
    .cat_anchor .arrow_post_content {
        width: 40px;
        height: 40px;
    }
    .cat_anchor .arrow_post_content img {
        top: 5px;
    }
    /* .social_footer, .website_home {
        max-width: 1200px;
    }*/
    .home_newsletter {
        margin: 0px 0px 78px 0px;
    } 
}

@media (min-device-width: 1280px) and (max-device-width: 1365px) {
    .icons_grid{
        right: 12%;
    }
    .text_about_page {
        padding: 50px 0px;
    }
    .content_about_heading h1 {
        font: 400 26.33px HNM;
    }
    .text_about_page p,
    .text_about_page_2 p {
        font-size: 16.83px;
        text-align: justify;
    }
    .content_about_heading {
        width: 85%;
        margin: 0 auto 100px;
        display: block;
    }
    .product_category {
        margin: 120px 0 60px 0;
    }
    .product_category .container-fluid.limited-width,
    .text_about_page .container-fluid.limited-width,
    .text_about_page_2 .container-fluid.limited-width {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto;
    }
    .main-menu ul a {
        font-size: 28px;
    }
    .slider_image {
        max-height: 650px;
    }
    .slider {
        padding: 55px 80px 85px 155px;
    }
    .pointers {
        position: relative;
        bottom: 115px;
    }
    .content-slider {
        bottom: 145px;
        /*
        padding-left: 150px;*/
    }
    .about_us_home {
        width: 100%;
        padding: 75px 0px 0px 0px;
    }
    .projects .container-fluid.limited-width {
        padding-left: 0;
    }
    .projects .container-fluid.limited-width,
    .inner_page_menu .inner_menu_grid,
    .catalogues .container-fluid.limited-width,
    .about_us_home .container-fluid.limited-width {
        max-width: 950px;
    }
    .about_us_home .magic-margin {
        margin-left: 75px;
    }
    .about_us_home_inner_content {
        max-width: 750px;
        transform: translate3d(0%, -40%, 0);
    }
    .content_abt {
        font-size: 15.83px;
    }
    .about_txt {
        max-height: 450px;
    }
    .read_abt {
        font-size: 14.67px;
    }
    .about_us_home_inner_content:hover .read_abt::before {
        top: 8px;
        left: -10px;
    }
    .category_home {
        padding: 60px 45px 75px 150px;
    }
    .extra_details {
        padding: 60px 200px 50px 240px;
    }
    .extra_details2 {
        width: 50%;
        float: left;
        transition: all 0.5s ease;
        padding: 110px 0px 0px 0px !important;
    }
    .about_us_home_content.extra_height {
        max-width: 390px;
        right: -80px;
        top: 185px;
    }
    .read_more_cat a {
        font-size: 15.83px;
    }
    .about_us_home_inner_content {
        padding: 40px 50px;
    }
    .cat_anchor .arrow_post_content {
        width: 40px;
        height: 40px;
    }
    .cat_anchor .arrow_post_content img {
        top: 5px;
    }
    /*  .social_footer, .website_home {
        max-width: 1200px;
    }*/
    .home_newsletter {
        margin: 0px 0px 118px 0px;
    } 
}

@media (min-device-width: 1366px) and (max-device-width: 1439px) {
    .icons_grid{
        right: 12%;
    }
    .text_about_page {
        padding: 50px 0px;
    }
    .content_about_heading h1 {
        font: 400 26.33px HNM;
    }
    .text_about_page p,
    .text_about_page_2 p {
        font-size: 16.83px;
        text-align: justify;
    }
    .content_about_heading {
        width: 85%;
        margin: 0 auto 100px;
        display: block;
    }
    .text_about_page .container-fluid.limited-width,
    .text_about_page_2 .container-fluid.limited-width {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto;
    }
    .projects .container-fluid.limited-width {
        padding-left: 0;
    }
    .main-menu ul a {
        font-size: 36px;
    }
    .slider_image {
        max-height: 650px;
    }
    .slider {
        padding: 55px 80px 85px 155px;
    }
    .pointers {
        position: relative;
        bottom: 115px;
    }
    .content-slider {
        bottom: 145px;
        /*
        padding-left: 150px;*/
    }
    .about_us_home {
        width: 100%;
        padding: 75px 0px 0px 0px;
    }
    .product_category {
        margin: 120px 0;
    }
    .product_category .container-fluid.limited-width,
    .projects .container-fluid.limited-width,
    .inner_page_menu .inner_menu_grid,
    .catalogues .container-fluid.limited-width,
    .about_us_home .container-fluid.limited-width {
        max-width: 1000px;
    }
    .about_us_home .magic-margin {
        margin-left: 75px;
    }
    .about_us_home_inner_content {
        max-width: 750px;
        transform: translate3d(0%, -40%, 0);
    }
    .content_abt {
        font-size: 15.83px;
        line-height:1.8;
    }
    .about_txt {
        max-height: 480px;
    }
    .read_abt {
        font-size: 14.67px;
    }
    .about_us_home_inner_content:hover .read_abt::before {
        top: 8px;
        left: -10px;
    }
    .category_home {
        padding: 60px 45px 75px 150px;
    }
    .extra_details {
        padding: 50px 200px 40px 240px;
    }
    .extra_details2 {
        width: 50%;
        float: left;
        transition: all 0.5s ease;
        margin-top: 100px;
        padding: 10px 0px 50px 0px !important;
    }
    .about_us_home_content.extra_height {
        max-width: 405px;
        right: -65px;
        top: 200px;
    }
    .read_more_cat a {
        font-size: 15.83px;
    }
    .about_us_home_inner_content {
        padding: 40px 50px;
    }
    .cat_anchor .arrow_post_content {
        width: 40px;
        height: 40px;
    }
    .about_us_home_inner_content.extra_para {
        max-height: 240px;
    }
    .cat_anchor .arrow_post_content img {
        top: 5px;
    }
    /* .social_footer, .website_home {
        max-width: 1286px;
    }*/
    .home_newsletter {
        margin: 0px 0px 118px 0px;
    }
 

}

@media (min-device-width: 1599.01px) and (max-device-width: 1799px) {
    .icons_grid{
        right: 5%;
    }

    .hero-parallax .container {
        width: 1300px;  
    }
}
@media (min-device-width: 1440px) and (max-device-width: 1599px) {
    .icons_grid{
        right: 10%;
    }
    .product_category .container-fluid.limited-width {
        width: 100%;
        max-width: 1150px;
        margin: 0 auto;
    }
    .projects .container-fluid.limited-width {
        max-width: 1350px;
        padding-left: 115px;
    }
    .text_about_page {
        padding: 50px 0px;
    }
    .content_about_heading h1 {
        font: 400 26.33px HNM;
    }
    .text_about_page p,
    .text_about_page_2 p {
        font-size: 16.83px;
        text-align: justify;
    }
    .content_about_heading {
        width: 85%;
        margin: 0 auto 100px;
        display: block;
    }
    .text_about_page .container-fluid.limited-width,
    .text_about_page_2 .container-fluid.limited-width {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto;
    }
    .main-menu ul a {
        font-size: 40px;
    }
    .carousel-cell .slider_image {
        max-height: 650px;
    }
    .slider {
        padding: 55px 80px 85px 155px;
    }

    .pointers {
        position: relative;
        bottom: 115px !important;
        left: 9% !important;
    }
    /*.pointers {
        position: relative;
        bottom: 115px;
    }*/
    .content-slider {
        bottom: 145px;
        /*
        padding-left: 150px;*/
    }
    .about_us_home {
        width: 100%;
        padding: 75px 0px 0px 0px;
    }
    .projects .container-fluid.limited-width,
    .catalogues .container-fluid.limited-width,
    .about_us_home .container-fluid.limited-width {
        max-width: 1100px;
    }
    .inner_menu_grid {
        max-width: 1100px;
    }
    .about_us_home .magic-margin {
        margin-left: 75px;
    }
    .about_us_home_inner_content {
        max-width: 750px;
        transform: translate3d(0%, -40%, 0);
    }
    .content_abt {
        font-size: 15.83px;
    }
    .about_txt {
        max-height: 480px;
    }
    .read_abt {
        font-size: 14.67px;
    }
    .about_us_home_inner_content:hover .read_abt::before {
        top: 8px;
        left: -10px;
    }
    .category_home {
        padding: 60px 45px 75px 150px;
    }
    .extra_details {
        padding: 60px 200px 50px 240px;
    }
    .extra_details2 {
        width: 50%;
        float: left;
        transition: all 0.5s ease;
        padding: 110px 0px 0px 0px !important;
    }
    .about_us_home_content.extra_height {
        max-width: 405px;
        right: -65px;
        top: 200px;
    }
    .read_more_cat a {
        font-size: 15.83px;
    }
    .about_us_home_inner_content {
        padding: 40px 50px;
    }
    .cat_anchor .arrow_post_content {
        width: 40px;
        height: 40px;
    }
    .about_us_home_inner_content.extra_para {
        max-height: 240px;
    }
    .cat_anchor .arrow_post_content img {
        top: 5px;
    }
    /* .social_footer, .website_home {
        max-width: 1360px;
    }*/
    .home_newsletter {
        margin: 0px 0px 118px 0px;
    }
 
}


/*Media Query End*/


/*Career Page Start*/

.career_form {
    width: 100%;
    float: left;
    /*margin: 175px 0px;*/
    margin: 135px 0px;
    display: block;
    text-align: left;
}

.career_form .container-fluid.limited-width {
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
}

.self_application {
    float: left;
    padding: 10px 30px;
    border-bottom: 1px solid #000;
    width: 100%;
}

.self_application h4 {
    font: 400 11.3px lato;
    text-transform: uppercase;
}

.form_colom_start {
    width: 100%;
    display: block;
    float: left;
    padding: 0px 22px;
}

.colom_heading {
    width: 100%;
    padding: 0px 10px;
    /*margin: 80px 0px 30px 0px;*/
    margin: 0px 0px 30px 0px;
    border-bottom: 1px solid #000;
}

.main_form_colom_start {
    width: 100%;
    padding: 0px 35px;
    display: block;
    position: relative;
}

.main_form_colom_start h3 {
    float: left;
    width: 100%;
    font: 400 12.63px lato;
    letter-spacing: 0.5px;
    margin-bottom: 35px;
}

.main_form_colom_start p {
    width: 100%;
    float: left;
    font: 400 18.75px lato;
}

.make_form_career {
    width: 100%;
    float: left;
    margin: 70px 0px 0px 0px;
    display: block;
}


 

.col-lg-12.col-md-12.col-sm-12.col-xs-12.form_top {
    margin-top: 40px;
    padding: 0;
}

.form-group label {
    font: 400 12.88px lato;
    margin: 0px 0px 10px 0px;
    color: #707070;
}

.form-group input {
    border-radius: 0px;
    height: 55px;
    border-color: #cccccc;
}

.form-control:focus {
    border-color: #000;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/*
.form-group {
    margin-bottom: 20px;
}
*/
#resume {
    visibility: visible;
    z-index: 1;
    position: relative;
    opacity: 0;
}

.upload_btn_add {
    width: 100%;
    height: 55px;
    border: 1px solid #cccccc;
    background: #ec3137;
    top: 0;
    text-align: center;
    position: absolute;
    max-width: 100%;
    /*bottom: 35px;*/
}

.upload_btn_add span {
    color: #fff;
    font: 400 14.58px lato;
    position: relative;
    top: 15px;
}

.upload_btn_add span .fa.fa-file {
    margin-left: 5px;
    font-size: 14.58px;
}

#message {
    border-radius: 0;
    width: 100%;
    float: left;
}

.form-group.textarea-group {
    width: 100%;
    float: left;
    padding: 0px 15px;
}

.checkbox {
    float: left;
    display: block;
    padding-left: 30px;
    width: auto;
    height: 25px;
}

.policy_div .pp_text {
    padding-left: 0px;
    width: auto;
    position: relative;
    top: 10px;
    font: 400 12.88px HNM;
}

.privacy_policy {
    font: 400 12.88px HNM !important;
    position: relative;
    top: 10px;
}

.btn.btn-default.career_btn {
    width: 100%;
    height: 50px;
    background: #ec3137;
    float: left;
    margin-top: 50px;
    border: #ec3137;
    border-radius: 0;
    color: #fff;
    font: 400 14.58px lato;
}


/*Career Page End*/

.close-icon_search {
    float: left;
    width: 50px;
    font-size: 36px;
    position: absolute;
    top: 50px;
    right: 100px;
    transform: rotate(0deg);
    transform-origin: center;
    will-change: transform;
    transition: all 0.25s ease;
    will-change: transform;
    text-align: center;
    cursor: pointer;
}

.close-icon_search:hover {
    cursor: pointer;
    transition: transform .25s ease;
    transform: rotate(90deg);
    transform-origin: center;
    will-change: transform;
}
.slider_about {
    height: 500px;    
    overflow: hidden;
    position: relative;
}
.slider_about img {
    width: 100%; 
}
.slider_about .slider_about-slider .sub_head_slider{
    color: #fff;
}
.slider_about .slider_about-slider {
    position: absolute;
    top: 350px;
    left: 10%;
    right: 10%;
}
.slider_home .btn-scroll-down {
-ms-writing-mode: tb-rl;
text-transform: uppercase;
letter-spacing: 1.5px;
font-size: 14px;
font-weight: bold;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
  position: absolute;
  bottom: 30px; 
  right: 50px;  
  margin-top: -49px;
  z-index: 9;
  border-radius: 50%;
  -webkit-transition: background-color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out;
} 
.slider_about .btn-scroll-down {
  width: 49px;
  height: 49px;
  float: right;
/*  position: absolute;
  bottom: 30px; 
  right: 50px; */ 
  margin-top: -49px;
  z-index: 9;
  border-radius: 50%;
  -webkit-transition: background-color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out;
} 
.main_image_about {
    width: 100%;
    float: right;
    display: block;
}
@media (min-width: 1024px)
{.main_image_about .slider_image {
    width: 100vw;
    float: left;
    height: 100vh;
    padding: 0px 0px 0px 95px;
}
}

.dealer {
    padding: 50px 225px;
}
.dealer_heading {
    font: 400 37.5px lato;
    text-align: center;
    color: #9b9b9b;
    margin-top: 75px;
    margin-bottom: 100px;
}
.dealer_heading span{color: #000000;}
#CF5b0676dad8b55_1-row-2 .col-sm-7.first_col{padding-right: 0px;}
#CF5b0676dad8b55_1-row-2 .col-sm-5.last_col {
    background: #000; 
    padding-top: 1rem; 
}
.text_count {
    font: 400 37.5px lato;
        font-size: 37.5px;
    color: #fff;
    padding: 0px 0px 50px 20px;
}
.deal_state,.deal_city,.select_city,.deal_city_nepal {
    margin: 0 auto 40px;
    width: 100%;
    max-width: 320px;
}
.deal_state {
    padding-bottom: 40px;
}

/*dealer  card*/
 
.dealer-card{
    background: #fff;
    padding: 2rem 4rem;   
    margin-bottom: 2rem;
    text-transform: uppercase;
    font-weight: 600;
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .1);
}
.dealer-card:hover{ 
    box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, .1);
}
.dealer-card  h4{
    color: #000;
    font-size: 2rem; font-weight: 600; 
    margin-top:2rem;
    margin-bottom:4rem;
}
.dealer-card  p{
    color: #c0c0c0;
    font-size: 1.5rem; 
    margin-bottom: 2rem;
}
.dealer-card  p.ttl{ 
    font-size: 1.75rem;
}
.dealer-card  a{
    color: #e54245;
    font-weight: normal; 
    font-size: 1.5rem; 
}
.dealer-card  a.inform{
    color: #000;
    padding: 5px;
    font-size: 1.35rem; 
    width: 26px;
    text-align: center;
    height: 26px;
    line-height: 10px;
    border-radius: 100%;
    border:1px solid #888;
}
.dealer_head {
    width: 100%;
    padding: 90px 0px 0px 0px;
    text-align: center;
}
.dealer_head h2{ 
    margin-bottom: 40px;
    font: 400 37.5px lato;
    color: #9b9b9b; 
}

/*custom radio btn css*/
/* The custom-radio-btn */
.custom-radio-btn {
    display: inline-block;
    width: 10%;
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.custom-radio-btn input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #cfcfcf;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.custom-radio-btn:hover input ~ .checkmark {
    background-color: #444;
}

/* When the radio button is checked, add a blue background */
.custom-radio-btn input:checked ~ .checkmark {
    background-color: #444  ;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.custom-radio-btn input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.custom-radio-btn .checkmark:after {
  /*  top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;*/
}
/*search page css*/
.search_ajax{
    font-size: 4vh;
    color: #707070;
    font-weight: normal;
    text-transform: uppercase;
}
div[id*="ajaxsearchlite"].wpdreams_asl_container{
    margin:0!important;
    z-index: 1;
}
.asl_m .probox .innericon{
     background-color: transparent!important;
}
.asl_m, .asl_m .probox,
div.asl_w .probox  {
    background: transparent!important;
}
div.asl_w .probox .proloading{
    margin-top: 20px;
}
div.asl_w .probox .proclose{
    height: 66px!important;
}
div.asl_w .probox .promagnifier{
    width: 66px!important;
    height: 66px!important;
    background-image: none!important;
}
#ajaxsearchlite1 .probox, div.asl_w .probox{
    height: 66px!important;
    background-color: transparent!important;
    border-bottom: 1px solid #000!important;
}

div.asl_m .proinput input.autocomplete{
    top: 70px;
}
div.asl_m .probox .proinput input{ 
    height: 66px!important;
    font-size:24px!important;
}

.caldera-grid .row{
    margin-left: -15px!important;
    margin-right: -15px!important;
    max-width: none!important;
}

/*zoom lens*/
.zoomContainer {
  z-index: 20; 
}
.zoomContainer .zoomLens {
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.3) !important;
border: 0 !important;
z-index: 8; 
width: 100px;
height: 100px;
}
.children {
    width: 100%;
    display: block;
    float: left;
}



/*virtual rooom csss*/
/*.nav-tabs > li, .nav-pills > li {
    float:none;
    display:inline-block;
}

.nav-tabs {
    text-align:center;
}*/
.nav-center {
  text-align: center;
}
.nav-center ul.nav {
  /*display: inline-block;*/
}
.nav-center ul.nav li {
    float:none;
    margin-bottom: 1rem;
    display:inline-block;
}
.nav-center .nav-pills > li > a{
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 0;
    width: 100px;
    margin: .5rem;
    background-color: #cccccc;
} 
.nav-center .nav-pills > li.active > a, 
.nav-center .nav-pills > li.active > a:focus, 
.nav-center .nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #e32b36;

}
.virtual-room .before-after {
    position: relative;
    display: inline-block;
    vertical-align: top;
    user-select: none; }
    .virtual-room .before-after .photo img {
      display: block;
      max-width: 100%;
      -webkit-user-drag: none;
      height: auto; }
    .virtual-room .before-after .photo.before {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
      transform: translate(-50%); }
      .virtual-room .before-after .photo.before img, .virtual-room .before-after .photo.before .layer {
        transform: translate(50%); }
    .virtual-room .before-after .drag-handler {
      width: 2px;
      border: 1px dotted #ffffff;
      margin: 0 0 0 -1px;
      position: absolute;
      left: 50%;
      top: 0;
      height: 100%;
      opacity: 0.95; }
      .virtual-room .before-after .drag-handler .drag-element {
        width: 50px;
        height: 50px;
        margin-top: -25px;
        margin-left: -25px;
        position: absolute;
        top: 75%;
        padding: 2px;
        /*border: 2px solid #915911;*/
        left: 50%;
        cursor: pointer;
        background: url("../images/virtual-room/round.png") 0 0 no-repeat;
        background-size: 100%;
        border-radius: 100%; }
        .virtual-room .before-after .drag-handler .drag-element:before, .virtual-room .before-after .drag-handler .drag-element:after {
          content: '';
          display: block;
          width: 12px;
          height: 20px;
          margin-top: -10px;
          position: absolute;
          top: 50%;
          background: url("../images/virtual-room/arrow.png") 0 0 no-repeat; }
        .virtual-room .before-after .drag-handler .drag-element:before {
          left: -15px;
          -webkit-animation: left_arrow 1.50s ease-in-out infinite;
          -moz-animation: left_arrow 1.50s ease-in-out infinite;
          -o-animation: left_arrow 1.5s ease-in-out infinite; }
        .virtual-room .before-after .drag-handler .drag-element:after {
          right: -15px;
          background-position: -12px 0px;
          -webkit-animation: right_arrow 1.50s ease-in-out infinite;
          -moz-animation: right_arrow 1.50s ease-in-out infinite;
          -o-animation: right_arrow 1.5s ease-in-out infinite; }
    .virtual-room .before-after:hover .drag-handler {
      opacity: 1; }

@-webkit-keyframes right_arrow {
  0%,
    50%,
    100% {
    -webkit-transform: translateX(0); }
  25%,
    75% {
    -webkit-transform: translateX(3px); } }
@-moz-keyframes right_arrow {
  0%,
    50%,
    100% {
    -webkit-transform: translateX(0); }
  25%,
    75% {
    -webkit-transform: translateX(3px); } }
@-o-keyframes right_arrow {
  0%,
    50%,
    100% {
    -webkit-transform: translateX(0); }
  25%,
    75% {
    -webkit-transform: translateX(3px); } }
@-webkit-keyframes left_arrow {
  0%,
    50%,
    100% {
    -webkit-transform: translateX(0); }
  25%,
    75% {
    -webkit-transform: translateX(-3px); } }
@-moz-keyframes left_arrow {
  0%,
    50%,
    100% {
    -webkit-transform: translateX(0); }
  25%,
    75% {
    -webkit-transform: translateX(-3px); } }
@-o-keyframes left_arrow {
  0%,
    50%,
    100% {
    -webkit-transform: translateX(0); }
  25%,
    75% {
    -webkit-transform: translateX(-3px); } }

@media (min-width: 1920.1px) {
    /*.inner_menu_grid,
    .container-fluid,
    .container-fluid.limited-width{
        max-width: 100%!important;
        padding-left: 15%;
        padding-right: 15%;
        width: 100%!important;
        font-size: 120%; 
    } */
    .slider{max-width: 1700px;margin:0 auto;padding:80px 40px 85px 50px}
    body{
        margin:0 auto;
        max-width: 1920px;
    }
}
@media (min-width: 3200.1px) {
    /*.inner_menu_grid,
    .container-fluid.limited-width,
    .catalogues .container-fluid.limited-width,
    .catalogues .container-fluid{
        padding-left: 20%;
        padding-right: 20%;
         font-size: 140%; 
    }*/
} 
@media (min-width: 1600px) and (max-width: 1800px){
    .inner_menu_grid,
    .catalogues .container-fluid.limited-width,
    .catalogues .container-fluid{
        padding-left: 10%;
        padding-right: 10%;
    }
}
    .contact-address h4 a,
    .contact-address h4{color: #ec3137}
    .contact-address h4 a:hover{color:#000;}
    .contact-address address span{
        display: block;
    }

    .projects-gallery .heading2_news a{color: #000;}
    .projects-gallery .heading2_news a:hover{color: #e32b36;}
    /*.projects-gallery img:hover{opacity: 0.5}*/
    .projects-gallery .carousel-cell .caption { 
    -webkit-transform-origin: 0 100% 0;
    -ms-transform-origin: 0 100% 0;
    transform-origin: 0 100% 0;
    text-align: left;
    background-color: rgba(0,0,0,0.8);
    color: #ffffff;
    padding: 10px 20px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    }
	.projects-gallery .carousel-cell:hover .caption {
	    -webkit-transform: scaleY(1);
	    -ms-transform: scaleY(1);
	    transform: scaleY(1);
	 }
     .project-page .catalogues_div{
        position: relative;
        margin: 0 0;
        overflow: hidden;
        transition: all .4s ease-in-out;
     }
     .project-page .catalogues_div:hover .blogs_details{        
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
     }
     .project-page .blogs_details{
        position: absolute;
        transition: all .4s ease-in-out;
        bottom: 0;
        opacity: 0;
        text-align: center;
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        left: 0;top: 0;
        right: 0;
        background-color: rgba(0,0,0,0.5);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center ; 
        justify-content: flex-center ;
     }
     .project-page .blogs_details .blogs_details_title{
        -ms-flex-item-align: center ;
        align-self: center ;
        width: 100%;
     }

@media (min-width: 576px){
    .block-columns {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 2rem;
        -moz-column-gap: 2rem;
        column-gap: 2rem;
        orphans: 1;
        widows: 1;
    }
}
@media (min-width: 768px){
    .block-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3; 
        -webkit-column-gap: 2rem;
        -moz-column-gap: 2rem;
        column-gap: 2rem;
        orphans: 1;
        widows: 1;
    }
}
@media (min-width: 1200px){
    .block-columns {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4; 
        -webkit-column-gap: 2rem;
        -moz-column-gap: 2rem;
        column-gap: 2rem;
        orphans: 1;
        widows: 1;
    }
}
.block-columns .card-block{
    display: inline-block;
    width: 100%;
    margin-bottom: 1rem;
    position: relative;
    /*display: -ms-flexbox;*/
    /*display: flex;*/
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.projects-gallery .blog-slider .carousel-cell{
    height: auto;
}
.call-to-action {
	background-color: #ed1d24;
    line-height: 20px;
    padding: 12px 24px;
    font-size: 17px;
    letter-spacing: 1px;
    font-family: "Arial",sans-serif;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
    box-shadow: 0px 0px 22px -4px rgba(177, 12, 12, 0.49);
	-webkit-box-shadow: 0px 0px 22px -4px rgba(177, 12, 12, 0.49);
	-moz-box-shadow: 0px 0px 22px -4px rgba(177, 12, 12, 0.49);
	-ms-box-shadow: 0px 0px 22px -4px rgba(177, 12, 12, 0.49);
	-o-box-shadow: 0px 0px 22px -4px rgba(177, 12, 12, 0.49);
	margin-top: 15px;
	    display: inline-block;
}