@import "compass/css3";

@font-face {
    font-family: 'ProximaNova-Regular';
    src: url('fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/ProximaNova-Regular.woff') format('woff'),
        url('fonts/ProximaNova-Regular.ttf') format('truetype'),
        url('fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-family: 'helvetica_neueExultraLt';
}

@font-face {
    font-family: 'futura_lt_btlight';
    src: url('fonts/futult__-webfont.eot');
    src: url('fonts/futult__-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/futult__-webfont.woff2') format('woff2'),
        url('fonts/futult__-webfont.woff') format('woff'),
        url('fonts/futult__-webfont.ttf') format('truetype'),
        url('fonts/futult__-webfont.svg#futura_lt_btlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('fonts/HelveticaNeue-Medium.eot');
    src: url('fonts/HelveticaNeue-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/HelveticaNeue-Medium.woff') format('woff'),
        url('fonts/HelveticaNeue-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helvetica_neueExultraLt';
    src: url('fonts/helveticaneue-ultraligext-webfont.eot');
    src: url('fonts/helveticaneue-ultraligext-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/helveticaneue-ultraligext-webfont.woff2') format('woff2'),
        url('fonts/helveticaneue-ultraligext-webfont.woff') format('woff'),
        url('fonts/helveticaneue-ultraligext-webfont.ttf') format('truetype'),
        url('fonts/helveticaneue-ultraligext-webfont.svg#helvetica_neueExultraLt') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/opensans-regular-webfont.woff2') format('woff2'),
        url('fonts/opensans-regular-webfont.woff') format('woff'),
        url('fonts/opensans-regular-webfont.ttf') format('truetype'),
        url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans-bold-webfont.eot');
    src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/opensans-bold-webfont.woff2') format('woff2'),
        url('fonts/opensans-bold-webfont.woff') format('woff'),
        url('fonts/opensans-bold-webfont.ttf') format('truetype'),
        url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
    margin: 0px auto;
    padding: 0px;
    font-family: 'futura_lt_btlight';
}
.home_slider_event .events_slider .date, .home_slider_event .events_slider .venue {
    border-right: 1px solid #fff;
    padding-right: 30px;
    margin-left: -150px;
}

.home_slider_event .events_slider .date{
    margin-left: 0px;
}

.invitation {
    float: right;
    font-size: 16px;
    color: #fff;
    background: #4f4f4f;
    background: rgba(79, 79, 79, 0.6);
    padding: 10px 35px 40px 35px;
    position: relative;
    z-index: 9999999;
    text-decoration: none;
    border-radius: 3px;
    right: 0px;
    margin-top: -185px;
    height: 80px;
    transition: all ease-in-out 0.3s;
}

.invitation:hover {
    background: #4f4f4f;
}

.media_shows {
    width: 31%;
    float: left;
    margin-bottom: 15px;
    margin-right: 15px;
}

.imgdiv_outer {
    min-height: 290px;
}

.media_shows img {
    width: 100%;
}

.media_shows video {
    width: 100%;
    background: #000;
    display: block;
}

.imgdiv_outer {
    border: 1px solid #ccc;
    padding: 10px;
}

.shows-center {
    text-align: center;
}

.catalogue {
    width: 100%;
    display: block;
}

.catalogue a {
    text-decoration: none;
}

.catalogue a h3 {
    text-align: center;
    margin: 15px 0 5px 0;
    color: #000;
}

.catalogue a p {
    text-align: center;
    margin: 0px 0 0 0;
    color: #000;
    font-size: 16px;
}

.margin-top-40 {
    margin-top: 40px !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-bottom-40 {
    margin-bottom: 40px;
}

.margin-bottom-50 {
    margin-bottom: 50px;
}

.padding-left-15 {
    padding-left: 15px;
}

.innerslides {
    width: 100%;
    position: relative;
    z-index: -1;
    margin-top: 0
}

.text-light {
    color: #A6A6A6 !important;
}

.text-black {
    color: #000 !important;
}

#scrolltop {
    height: 0px;
}

#supersized-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
    text-indent: -999em
}

#supersized {
    display: block;
    position: relative;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: -999;
    height: 500px;
    width: 100%
}

#supersized img {
    width: auto;
    height: auto;
    position: relative;
    display: none;
    outline: none;
    border: none
}

#supersized.speed img {
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: -moz-crisp-edges
}

.captionHolder {
    bottom: 9% !important;
}

.captionHolder {
    border: 1px solid #666;
    background: transparent !important;
}

.superCaption span {
    color: #fff;
    font-size: 17px;
}

.captionHolder:hover,
.blackBgAlpha60:hover {
    background: #000;
    background: rgba(0, 0, 0, 0.7);
}

.captionHolder:hover .decod {
    color: #fff;
}

.blackBgAlpha60 {
    background: rgba(0, 0, 0, 0.5) !important;
}

.decod {
    position: inherit;
    color: #E0DFDF;
    cursor: pointer;
    font-size: 14px !important;
    height: 1px;
    font-weight: 300;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 17px;
    text-align: center;
    z-index: 10000;
}

#supersized.quality img {
    -ms-interpolation-mode: bicubic;
    image-rendering: optimizeQuality
}

#supersized li {
    display: block;
    list-style: none;
    z-index: -30;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 500px
}

#supersized a {
    width: 100%;
    height: 100%;
    display: block
}

#supersized li.prevslide {
    z-index: -20
}

#supersized li.activeslide {
    z-index: -10
}

#supersized li.image-loading {
    background: #111 url(img/progress.gif) no-repeat center center;
    width: 100%;
    height: 100%
}

#supersized li.image-loading img {
    visibility: hidden
}

#supersized li.prevslide img,
#supersized li.activeslide img {
    display: inline
}

ul#demo-block {
    margin: 0 15px 15px
}

ul#demo-block li {
    margin: 0 0 10px;
    padding: 10px;
    display: inline;
    float: left;
    clear: both;
    color: #aaa;
    font: 11px Helvetica, Arial, sans-serif
}

ul#demo-block li a {
    color: #eee;
    font-weight: 700
}

.colortheme {
    position: fixed;
    right: -165px;
    top: 50px;
    width: 150px;
    z-index: 99999999;
    padding: 11px 0px 10px 15px;
    background: #ee474e;
}

.colortheme span {
    color: #000;
    display: block;
    color: #8991a2;
    font-family: 'robotobold';
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 8px 0;
}

.colortheme p {
    float: right;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #ff0000;
    margin: 0 5px 5px 0;
    cursor: pointer;
}

.colortheme p:hover {
    border: 1px solid #666 !important;
}

.colortheme p.blue {
    background: #00bef2;
}

.colortheme p.red {
    background: #f1521b;
}

.colortheme p.yellow {
    background: #fdba0b;
}

.colortheme p.green {
    background: #80cd29;
}

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

.colortheme .thbut {
    position: absolute;
    background: #fff;
    top: 0;
    left: -31px !important;
    padding: 0px 0px;
    border-radius: 0 7px 7px 0;
    -moz-border-radius: 0 7px 7px 0;
    -webkit-border-radius: 0 7px 7px 0;
    cursor: pointer;
}

.colortheme .thbutclose {
    position: absolute;
    background: #fff;
    font-family: 'robotoregular';
    font-size: 16px;
    top: 0;
    left: -31px !important;
    padding: 0px 0px;
    border-radius: 0 7px 7px 0;
    -moz-border-radius: 0 7px 7px 0;
    -webkit-border-radius: 0 7px 7px 0;
    cursor: pointer;
    display: none;
}

.colselected {
    border: 1px solid #666 !important;
}

body {
    background: #E9E9E9;
    font-family: 'futura_lt_btlight';
}

.clear {
    clear: both;
}

.outer { 
    width: 100%;
    max-width: 100%;
    height: auto;
    overflow: hidden;
}

.outer .banner {
    width: 100%;
    position: relative;
    z-index: -1;
}

.banner img {
    width: 100%;
}

.arrow-wrap {
    position: fixed;
    z-index: 1;
    left: 50%;
    bottom: 0;
    margin-left: -20px;
    background: #111;
    width: 40px;
    height: 10px;
    opacity: 0.8;
    padding: 4em 2em;
    border-radius: 50%;
    font-size: 0.5em;
    display: block;
    box-shadow: 0px 0px 5px 0px #333;
}

.arrow {
    float: left;
    position: relative;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 20px 20px 0 20px;
    border-color: #ffffff transparent transparent transparent;
    -webkit-transform: rotate(360deg)
}

.arrow span {
    color: #fff;
    text-decoration: none;
}

.arrow:after {
    content: '';
    position: absolute;
    top: -3.2em;
    left: -3em;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 3em 3em 0 3em;
    border-color: #111 transparent transparent transparent;
    -webkit-transform: rotate(360deg)
}

.hint {
    position: absolute;
    top: 0.6em;
    width: 115%;
    margin-left: -12px;
    left: 0;
    font-size: 16px;
    text-align: center;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.9);
    border-radius: 5px;
    opacity: 0;
    margin-top: -40px;
    padding: 5px 5px;
    font-size: 14px;
    text-transform: capitalize;
    text-shadow: 0px 0px 10px #000;
}

.arrow-wrap:hover .hint {
    opacity: 1;
}

@-webkit-keyframes arrows {
    0% {
        top: 0;
    }

    10% {
        top: 12%;
    }

    20% {
        top: 0;
    }

    30% {
        top: 12%;
    }

    40% {
        top: -12%;
    }

    50% {
        top: 12%;
    }

    60% {
        top: 0;
    }

    70% {
        top: 12%;
    }

    80% {
        top: -12%;
    }

    90% {
        top: 12%;
    }

    100% {
        top: 0;
    }
}

.responsive-menu {
    position: absolute;
    margin-top: 10px;
    margin-left: 10px;
    display: none;
}

.arrow-wrap .arrow {
    -webkit-animation: arrows 2.8s 0.4s;
    -webkit-animation-delay: 3s;
}

.floating-box img {
    float: left;
    width: 300px;
    height: 150px;
    margin: 57px 45px 0px 0px;
    border: 3px solid #666666;
}

.header {
    width: 100%;
    /* float: left; */
    height: auto;
    background-color: rgba(0, 0, 0, 0.85);
    box-shadow: -2px 2px 15px #454545;
    /* position: fixed; */
    /* left: 0; */
    /* top: 0; */
    /* z-index: 1000; */
    transition: all ease-in-out 0.3;
}

.header:hover {
    background-color: #000
}

.header_inner {
    width: 100%;
    max-width: 1370px;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center;
    padding: 0;
    justify-content: space-between;
}
.logo_outer {
    width: 100%;
    /*float: left;*/
    /*height: 0px;*/
    /*position: fixed;*/
    /*z-index: 999999;*/
    margin: 0;
    max-width: 300px;
}
 
.logo_inner {
    width: 100%;
    /*max-width: 1470px;*/
    /*margin: 0 auto;*/
    /*position: relative;*/
    /*z-index: 10;*/
}
.logo_main {
    width: auto;
    /* float: left; */
    /* margin: 25px 0 0 50px; */
    /* height: 76px; */
    /* overflow: hidden;*/
}
.logo_main a {
    display: block;
    margin: 0;
}
.header .logo {
    position: absolute;
    padding-left: 85px;
    margin-top: 50px;
    z-index: 7;
}
.aclass-header-event-wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}
.header .menu .chepi {
    position: absolute;
    background-color: #000;
    width: 20px;
    height: 20px;
    right: -20px;
}
.header .menu {
        /* float: right; */
        /* right: 7vw; */
        width: auto;
        transition: all 0.9s ease;
        /* top: 0px; */
        /* position: relative;*/
        margin: 0;
}
.header .menu > ul {
    /*float: right;*/
    list-style: none;
    margin: 0;
    padding: 0;
    margin-right: 50px;
    display: flex;
    justify-content: end;
}

.header .menu ul li:first-child {
    background: none;
}

.header .menu > ul > li {
    /*float: left;*/
    font-family: 'futura_lt_btlight';
    text-transform: uppercase;
    font-size: 13px;
    margin: 0;
}
.menu ul li:hover ul.menu_sub_thumb {
    display: flex;
    flex-wrap: wrap;
}
.header .menu ul li a {
    padding: 25px 25px;
    text-decoration: none;
    color: #fff;
    display: block;
    transition: all 0.5s ease;
    border-bottom: 1px solid #444037;
    width: max-content;
}
.header .menu ul li a:hover {
    color: #e13a3a;
    font-weight: bold;
}

.header .menu ul li a.tb_cart:hover {
    background: url(images/cart.png) no-repeat right 6px;
    background-color: #D62F36;
}

.menu ul li:hover > ul > li a:hover {
    background: transparent !important;
    color: #D62F36 !important;
    font-weight: bold;
    border-bottom: 1px solid #9a9a9a;
}

.header .search {
    width: auto;
    float: right;
    cursor: pointer;
}

.homecontainer {
    width: 100%;
    position: relative;
    height: auto;
}

.homecontainer .homecompany {
    width: 100%;
    float: left;
}

.homecontainer h1 {
    transition: all ease-in-out 0.3s;
}

.homecontainer a:hover h1 {
    padding: 7px 30px 0px 30px !important;
}

.homecontainer .homecompany .companyleft {
    width: 50%;
    position: relative;
    background: url(images/banners/The-company-kishangarh.jpg) no-repeat 0 0;
    background-size: cover;
    float: left;
}

.homecontainer .homecompany .companyleft a {
    text-decoration: none;
    display: block;
    height: 82px;
    padding: 170px 0px;
    transition: all 0.5s ease;
}

.homecontainer .homecompany .companyleft a h1 {
    text-transform: uppercase;
    text-align: center;
    font-family: 'helvetica_neueExultraLt';
    color: #fff;
    font-size: 26px;
    margin-bottom: 10px;
    transition: all 0.5s ease;
    font-weight: normal;
    background: rgba(0, 0, 0, 0.4);
    display: table;
    padding: 7px 7px 0px 7px;
    margin-top: 40px;
}

.homecontainer .homecompany .companyleft a:hover h1 {
    margin-bottom: 5px;
}

.homecontainer .homecompany .companyleft a:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

.homecontainer .homecompany .companyleft a h1 .homecompanyline {
    border-bottom: 0px solid #EE3739;
    margin-top: 7px;
    width: 70px;
    transition: all 0.5s ease;
}

.homecontainer .homecompany .companyleft a:hover h1 .homecompanyline {
    width: 130px;
}

.homecontainer .homecompany .companyleft p {
    text-align: center;
    font-family: 'helvetica_neueExultraLt';
    font-size: 20px;
    line-height: 30px;
    color: #000;
}

.homecontainer .homecompany .infrastructureright {
    background: url(images/banner8-2017.jpg) no-repeat 0 0;
    background-size: cover !IMPORTANT;
    width: 45%;
    float: left;
    position: relative;
    bottom: 110px;
}

.homecontainer .homecompany .news {
    padding: 30px;
    position: relative;
    background: url(images/news.jpg) no-repeat 0 0;
    background-size: cover;
    width: 30%;
    float: left;
    margin-left: 20%;
    margin-top: -342px;
    margin-bottom: 17px;
    box-sizing: border-box;
}

.homecontainer .homecompany .news:before {
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.7);
    transition: all ease-in-out 0.3s;
}
.header .search {
    width: auto !important;
    float: right !Important;
    cursor: pointer !important;
    position: relative !Important;
    right: 11px !important;
    top: 21px !Important;
}
.homecontainer .homecompany .news li {
    list-style: none;
}

.homecontainer .homecompany .news a {
    text-decoration: none;
    display: block;
    color: #fff;
    padding-bottom: 10px;
    padding-left: 15px;
    border-bottom: 1px solid #4c6681;
    position: relative;
}

.homecontainer .homecompany .news a:before {
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    left: 0;
    color: #ddd
}

.homecontainer .homecompany .news h1 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    top: 86px;
    font-family: 'helvetica_neueExultraLt';
    font-size: 24px;
    margin-bottom: 10px;
    text-shadow: 0px 0px 50px #000;
    transition: all 0.5s ease;
    font-weight: normal;
    background: rgba(0, 0, 0, 0.4);
    display: table;
    padding: 7px 7px 0px 7px;
}

.homecontainer .homecompany .infrastructureright a {
    height: 350px;
    padding-top: 330px;
    border: 1px solid #fff;
    transition: all 0.5s ease;
    display: block;
    text-decoration: none;
}

.homecontainer .homecompany .infrastructureright a:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

.homecontainer .homecompany .infrastructureright a h1 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-family: 'helvetica_neueExultraLt';
    font-size: 24px;
    margin-bottom: 10px;
    text-shadow: 0px 0px 50px #000;
    transition: all 0.5s ease;
    font-weight: normal;
    background: rgba(0, 0, 0, 0.4);
    display: table;
    padding: 7px 7px 0px 7px;
}

.homecontainer .homecompany .infrastructureright a:hover h1 {
    margin-bottom: 5px;
}

.homecontainer .homecompany .infrastructureright a h1 .infrastructureline {
    border-bottom: 0px solid #EE3739;
    margin-top: 7px;
    width: 80px;
    transition: all 0.5s ease;
}

.homecontainer .homecompany .infrastructureright a:hover h1 .infrastructureline {
    width: 140px;
}
.homecontainer .homecompany .wacthimg {
    width: 100%;
    float: left;
    background: url(images/participation.jpg) no-repeat 0 0;
    background-size: cover;
    max-width: 470px;
    margin-top: 200px;
    position: relative;
    position: absolute;
        bottom: 310px;
    left: 204px;
}



@media only screen and (min-width: 1367px){
.homecontainer .homecompany .wacthimg {
    bottom: 333px;
    left: 265px;
}
}
@media only screen and (min-width: 1600px) and (max-width: 1800px){
.homecontainer .homecompany .wacthimg {
    bottom: 303px;
}
}
@media only screen and (max-width: 1360px){
    .homecontainer .homecompany .wacthimg {
    bottom: 312px;
    left: 143px;
}
}

@media only screen and (min-width: 1900px) {
    .homecontainer .homecompany .wacthimg {
    bottom: 308px;  
}
}
.homecontainer .homecompany .wacthimg a {
    text-decoration: none;
    border: 1px solid #fff;
    height: 170px;
    padding-top: 145px;
    transition: all 0.9s ease;
    display: block;
}
.homecontainer .homecompany .wacthimg a:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

.homecontainer .homecompany .wacthimg a h1 {
    text-transform: uppercase;
    text-align: center;
    font-family: 'helvetica_neueExultraLt';
    font-size: 22px;
    margin-bottom: 10px;
    color: #fff;
    text-shadow: 0px 0px 50px #000;
    transition: all 0.5s ease;
    font-weight: normal;
    background: rgba(0, 0, 0, 0.4);
    display: table;
    padding: 7px 7px 0px 7px;
}

.homecontainer .homecompany .wacthimg a:hover h1 {
    margin-bottom: 5px;
}

.homecontainer .homecompany .wacthimg a h1 .watchline {
    border-bottom: 0px solid #EE3739;
    margin-top: 7px;
    width: 70px;
    transition: all 0.5s ease;
}

.homecontainer .homecompany .wacthimg a:hover h1 .watchline {
    width: 140px;
}

.homecontainer .homecompany {
    width: 100%;
    float: left;
    margin: 0 auto;
}
.homecontainer .homecompany .companyleft1 {
    background: url(images/participation3.jpg) no-repeat 0 0;
    background-size: cover;
    width: 45%;
    float: left;
    margin-top: 50px;
    margin-left: 5%;
    background-position: center;
}
.homecontainer .homecompany .companyleft1 a {
    border: 1px solid #fff;
    text-decoration: none;
    display: block;
    height: 30px;
    padding: 235px 0px;
    transition: all 0.5s ease;
}
.homecontainer .homecompany .companyleft1 a:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

.homecontainer .homecompany .companyleft1 a h1 {
    text-transform: uppercase;
    text-align: center;
    font-family: 'helvetica_neueExultraLt';
    color: #fff;
    font-size: 26px;
    margin-bottom: 10px;
    transition: all 0.5s ease;
    font-weight: normal;
    background: rgba(0, 0, 0, 0.4);
    display: table;
    padding: 7px 7px 0px 7px;
}

.homecontainer .homecompany .companyleft1 a:hover h1 {
    margin-bottom: 5px;
}

.homecontainer .homecompany .companyleft1 a h1 .homecompanyline {
    border-bottom: 0px solid #EE3739;
    margin-top: 7px;
    width: 70px;
    transition: all 0.5s ease;
}

.homecontainer .homecompany .companyleft1 a:hover h1 .homecompanyline {
    width: 230px;
}

.homecontainer .homecompany .companyleft1 p {
    text-align: center;
    font-family: 'helvetica_neueExultraLt';
    font-size: 20px;
    line-height: 30px;
    color: #fff;
}

.homecontainer .homecompany .infrastructureright1 {
    background: url(images/participation4.jpg) no-repeat 0 0;
    background-size: cover;
    width: 50%;
    max-width: 735px;
    float: left;
}

.homecontainer .homecompany .infrastructureright1 a {
    height: 310px;
    padding-top: 310px;
    border: 1px solid #fff;
    transition: all 0.5s ease;
    display: block;
    text-decoration: none;
}

.homecontainer .homecompany .infrastructureright1 a:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

.homecontainer .homecompany .infrastructureright1 a h1 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-family: 'helvetica_neueExultraLt';
    font-size: 24px;
    margin-bottom: 10px;
    text-shadow: 0px 0px 50px #000;
    transition: all 0.5s ease;
    font-weight: normal;
    background: rgba(0, 0, 0, 0.4);
    display: table;
    padding: 7px 7px 0px 7px;
}

.homecontainer .homecompany .infrastructureright1 a h1:hover {
    color: #fff;
}

.homecontainer .homecompany .infrastructureright1 a:hover h1 {
    margin-bottom: 5px;
    color: #fff;
}

.homecontainer .homecompany .infrastructureright1 a h1 .infrastructureline {
    border-bottom: 0px solid #EE3739;
    margin-top: 7px;
    width: 100px;
    transition: all 0.5s ease;
}

.homecontainer .homecompany .infrastructureright1 a:hover h1 .infrastructureline {
    width: 215px;
}

.homecontainer .homeclassy {
    width: 100%;
    float: left;
}

.homecontainer .homeclassy .classyleft {
    width: 50%;
    float: left;
    background: url(images/classy.jpg) no-repeat 0 0;
    background-size: cover;
    max-width: 735px;
    margin-top: -200px;
}

.homecontainer .homeclassy .classyleft a {
    text-decoration: none;
    border: 1px solid #fff;
    height: 310px;
    padding-top: 310px;
    transition: all 0.9s ease;
    display: block;
}

.homecontainer .homeclassy .classyleft a:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

.homecontainer .homeclassy .classyleft a h1 {
    text-transform: uppercase;
    text-align: center;
    font-family: 'helvetica_neueExultraLt';
    font-size: 26px;
    margin-bottom: 10px;
    color: #fff;
    text-shadow: 0px 0px 50px #000;
    transition: all 0.5s ease;
    font-weight: normal;
    background: rgba(0, 0, 0, 0.4);
    display: table;
    padding: 7px 7px 0px 7px;
}

.homecontainer .homeclassy .classyleft a:hover h1 {
    margin-bottom: 5px;
}

.homecontainer .homeclassy .classyleft a h1 .homeclassyline {
    border-bottom: 0px solid #EE3739;
    margin-top: 7px;
    width: 70px;
    transition: all 0.5s ease;
}

.homecontainer .homeclassy .classyleft p {
    text-align: center;
    font-family: 'helvetica_neueExultraLt';
    font-size: 20px;
    line-height: 30px;
    color: #fff;
}
.homecontainer .homeclassy .watchright {
    float: left;
    width: 50%;
    position: relative;
    top: 220px;
}
.homecontainer .homeclassy .watchright .wacthimg {
    width: 100%;
    float: left;
    background: url(images/contwatch.jpg) no-repeat 0 0;
    background-size: cover;
    max-width: 570px;
    margin: -20px 0 0 0;
    position: relative;
    top: 30px;
}
.homecontainer .homeclassy .watchright .wacthimg a {
    text-decoration: none;
    border: 1px solid #fff;
    height: 250px;
    padding-top: 220px;
    transition: all 0.9s ease;
    display: block;
}
.homecontainer .homeclassy .watchright .wacthimg a:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

.homecontainer .homeclassy .watchright .wacthimg a h1 {
    text-transform: uppercase;
    text-align: center;
    font-family: 'helvetica_neueExultraLt';
    font-size: 22px;
    margin-bottom: 10px;
    color: #fff;
    text-shadow: 0px 0px 50px #000;
    transition: all 0.5s ease;
    font-weight: normal;
    background: rgba(0, 0, 0, 0.4);
    display: table;
    padding: 7px 7px 0px 7px;
}

.homecontainer .homeclassy .watchright .wacthimg a:hover h1 {
    margin-bottom: 5px;
}

.homecontainer .homeclassy .watchright .wacthimg a h1 .watchline {
    border-bottom: 0px solid #EE3739;
    margin-top: 7px;
    width: 70px;
    transition: all 0.5s ease;
}

.homecontainer .homeclassy .watchright .wacthimg a:hover h1 .watchline {
    width: 170px;
}

.homecontainer .homeclassy .watchright ul {
    float: left;
    margin: 0;
    padding: 0;
    margin: -21% 0% 0 40%;
    list-style: none;
    z-index: 99999;
    background: url(images/ulliline.png) no-repeat left top;
}

.homecontainer .homeclassy .watchright ul li {
    font-family: 'ProximaNova-Regular';
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

.homecontainer .homeclassy .watchright ul li a {
    background: url(images/ulliline.png) no-repeat left bottom;
    padding: 0px 145px;
    display: block;
    color: #000;
    text-decoration: none;
}

.homecontainer .homeclassy .watchright ul li a:hover {
    color: #fff;
    text-decoration: none;
}

.homecontainer .homeclassy .watchright .menueffect a {
    overflow: hidden;
}

.homecontainer .homeclassy .watchright .menueffect a span {
    position: relative;
    display: inline-block;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    padding: 20px 0px;
}

.homecontainer .homeclassy .watchright .menueffect a span::before {
    position: absolute;
    top: 100%;
    content: attr(data-hover);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    color: #fff;
    padding: 20px 0px;
}

.homecontainer .homeclassy .watchright .menueffect a:hover span,
.menueffect a:focus span {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}

.homecontainer .contladybg {
  /*  background: url(images/ladybg.jpg) no-repeat top center;*/
    width: 100%;
    display: block;
    left: 0;
    margin-top: -422px;
    padding-bottom: 60px;
}

.homecontainer .contladybg .fourtabs {
    float: left;
    margin-top: 20%;
    margin-left: 15%;
    width: 85%;
}

.homecontainer .contladybg .fourtabs .fourtabsleft {
    float: left;
    margin-right: 50px;
    width: 100%;
    max-width: 379px;
}

.homecontainer .contladybg .fourtabs .fourtabsleft .fourproduction {}

.homecontainer .contladybg .fourtabs .fourtabsleft .fourproduction a {
    background: #fff;
    height: 150px;
    padding-top: 100px;
    transition: all 0.5s ease;
    display: block;
    text-decoration: none;
}

.homecontainer .contladybg .fourtabs .fourtabsleft .fourproduction a:hover {
    background: #DABB82;
}

.homecontainer .contladybg .fourtabs .fourtabsleft .fourproduction a h1 {
    text-transform: uppercase;
    text-align: center;
    font-family: 'HelveticaNeue';
    font-size: 26px;
    margin-bottom: 10px;
    color: #000;
    transition: all 0.5s ease;
}

.homecontainer .contladybg .fourtabs .fourtabsleft .fourproduction a:hover h1 {
    margin-bottom: 5px;
}

.homecontainer .contladybg .fourtabs .fourtabsleft .fourproduction a h1 .productionline {
    border-bottom: 1px solid #EE3739;
    margin-top: 7px;
    width: 70px;
    transition: all 0.5s ease;
}

.homecontainer .contladybg .fourtabs .fourtabsleft .fourproduction a:hover h1 .productionline {
    width: 170px;
}

.homecontainer .contladybg .fourtabs .fourtabsleft .fourproduction a p {
    text-align: center;
    font-family: 'futura_lt_btlight';
    font-size: 20px;
    line-height: 30px;
    color: #000;
}

.homecontainer .contladybg .fourtabs .fourtabsleft .productionlinks {
    width: 100%;
    background: #000;
}

.homecontainer .contladybg .fourtabs .fourtabsleft .productionlinks ul {
    float: none;
    margin: 0;
    padding: 0;
    list-style: none;
}

.homecontainer .contladybg .fourtabs .fourtabsleft .productionlinks ul li {
    font-family: 'futura_lt_btlight';
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
}

.homecontainer .contladybg .fourtabs .fourtabsleft .productionlinks ul li a {
    background: url(images/proulliline.png) no-repeat center bottom;
    padding: 0px 0px;
    display: block;
    color: #fff;
    text-decoration: none;
}

.homecontainer .contladybg .fourtabs .fourtabsleft .productionlinks ul li a:hover {
    color: #EE3739;
}

.homecontainer .contladybg .fourtabs .fourtabsleft .productionlinks .menueffect a {
    overflow: hidden;
}

.homecontainer .contladybg .fourtabs .fourtabsleft .productionlinks .menueffect a span {
    position: relative;
    display: inline-block;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    padding: 20px 0px;
}

.homecontainer .contladybg .fourtabs .fourtabsleft .productionlinks .menueffect a span::before {
    position: absolute;
    top: 100%;
    content: attr(data-hover);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    color: #EE3739;
    padding: 20px 0px;
}

.homecontainer .contladybg .fourtabs .fourtabsleft .productionlinks .menueffect a:hover span,
.menueffect a:focus span {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}

.homecontainer .contladybg .fourtabs .fourtabsright {
    float: left;
    width: 100%;
    max-width: 379px;
    margin-top: -5%;
}

.homecontainer .contladybg .fourtabs .fourtabsright .fourliving {}

.homecontainer .contladybg .fourtabs .fourtabsright .fourliving a {
    background: #fff;
    height: 150px;
    padding-top: 100px;
    transition: all 0.5s ease;
    display: block;
    text-decoration: none;
}

.homecontainer .contladybg .fourtabs .fourtabsright .fourliving a:hover {
    background: #DABB82;
}

.homecontainer .contladybg .fourtabs .fourtabsright .fourliving a h1 {
    text-transform: uppercase;
    text-align: center;
    font-family: 'HelveticaNeue';
    font-size: 26px;
    margin-bottom: 10px;
    color: #000;
    transition: all 0.5s ease;
}

.homecontainer .contladybg .fourtabs .fourtabsright .fourliving a:hover h1 {
    margin-bottom: 5px;
}

.homecontainer .contladybg .fourtabs .fourtabsright .fourliving a h1 .livingline {
    border-bottom: 1px solid #EE3739;
    margin-top: 7px;
    width: 70px;
    transition: all 0.5s ease;
}

.homecontainer .contladybg .fourtabs .fourtabsright .fourliving a:hover h1 .livingline {
    width: 85px;
}

.homecontainer .contladybg .fourtabs .fourtabsright .fourliving a p {
    text-align: center;
    font-family: 'futura_lt_btlight';
    font-size: 20px;
    line-height: 30px;
    color: #000;
}

.homecontainer .contladybg .fourtabs .fourtabsright .livinglinks {
    width: 100%;
    background: #000;
}

.homecontainer .contladybg .fourtabs .fourtabsright .livinglinks ul {
    float: none;
    margin: 0;
    padding: 0;
    list-style: none;
}

.homecontainer .contladybg .fourtabs .fourtabsright .livinglinks ul li {
    font-family: 'futura_lt_btlight';
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
}

.homecontainer .contladybg .fourtabs .fourtabsright .livinglinks ul li a {
    background: url(images/proulliline.png) no-repeat center bottom;
    padding: 0px 0px;
    display: block;
    color: #fff;
    text-decoration: none;
}

.homecontainer .contladybg .fourtabs .fourtabsright .livinglinks ul li a:hover {
    color: #EE3739;
}

.homecontainer .contladybg .fourtabs .fourtabsright .livinglinks .menueffect a {
    overflow: hidden;
}

.homecontainer .contladybg .fourtabs .fourtabsright .livinglinks .menueffect a span {
    position: relative;
    display: inline-block;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    padding: 20px 0px;
}

.homecontainer .contladybg .fourtabs .fourtabsright .livinglinks .menueffect a span::before {
    position: absolute;
    top: 100%;
    content: attr(data-hover);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    color: #EE3739;
    padding: 20px 0px;
}

.homecontainer .contladybg .fourtabs .fourtabsright .livinglinks .menueffect a:hover span,
.menueffect a:focus span {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}

.exploring {
    background: #fff;
    width: 100%;
    padding: 20px 0px;
}

.exploring h1 {
    text-transform: uppercase;
    text-align: center;
    font-family: 'HelveticaNeue';
    font-size: 26px;
    margin-bottom: 10px;
    color: #000;
}

.exploring h1 .exploringline {
    border-bottom: 0px solid #EE3739;
    margin-top: 7px;
    width: 70px;
}

.exploring p {
    text-align: center;
    font-family: 'futura_lt_btlight';
    font-size: 20px;
    line-height: 30px;
    color: #000;
}

.martbles {
    width: 100%;
}

.martbles ul {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}

.martbles ul li {
    width: 25% !important;
    position: relative;
}

.martbles ul li a img {
    width: 100%;
    float: left;
    transition: all 0.4s ease;
}

.martbles ul li a .marblecaption {
    position: absolute;
    text-align: center;
    font-family: 'futura_lt_btlight';
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    padding: 5px 15px;
    text-align: left;
    bottom: 0;
    margin-bottom: 10px;
    transition: all 0.4s ease;
}

.martbles-inner {
    width: 100%;
}

.martbles-inner div {
    width: 24% !important;
    position: relative;
    float: left;
    margin-right: 1%;
    margin-bottom: 1%;
}

/*.martbles-inner div a img {*/
/*    width: 100%;*/
    /* float: left; */
/*    transition: all 0.4s ease;*/
/*    height: auto;*/
/*}*/

.martbles-inner div a img {
    width: 100%;
    /*/ float: left; /*/
    transition: all 0.4s ease;
    height: auto;
    height: 180px;
    object-fit: cover;
}


/*.martbles-inner a {*/
/*    display: block;*/
/*    overflow: hidden !important;*/
/*    position: relative;*/
/*}*/
.martbles-inner a {
    display: block;
    overflow: hidden !important;
    position: relative;
    min-height: 180px;
}

.martbles-inner div a .marblecaption {
    position: absolute;
    text-align: center;
    font-family: 'futura_lt_btlight';
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    padding: 5px 30px;
    text-align: left;
    bottom: 0;
    margin-bottom: 10px;
    transition: all 0.4s ease;
}

.overlay-inner {
    opacity: 0;
    transition: all ease-in-out 0.4s;
    position: absolute;
    top: 0;
    left: 0;
}

.martbles-inner div:hover .overlay-inner {
    opacity: 1;
    transition: all ease-in-out 0.4s;
}

.overlay {
    opacity: 0;
    transition: all ease-in-out 0.4s;
    position: absolute;
    top: 0;
    left: 0;
}

.martbles ul li:hover .overlay {
    opacity: 1;
    transition: all ease-in-out 0.4s;
}

.marblemap {
    width: 100%;
    padding: 2% 0%;
    background: #fff;
}

.marblemap .marblemapcontent {
    width: 40%;
    float: left;
    padding-top: 200px;
}

.marblemap .marblemapcontent h1 {
    text-transform: uppercase;
    text-align: center;
    font-family: 'helvetica_neueExultraLt';
    font-size: 26px;
    margin-bottom: 10px;
    color: #000;
    font-weight: normal;
    text-shadow: 0px 0px 0px #000;
}

.marblemap .marblemapcontent h1 .marblemapline {
    border-bottom: 0px solid #EE3739;
    margin-top: 7px;
    width: 70px;
}

.marblemap .marblemapcontent p {
    text-align: center;
    font-family: 'futura_lt_btlight';
    font-size: 20px;
    line-height: 30px;
    color: #000;
}

.marblemap .marblemapimage {
    width: 60%;
    float: left;
}

.marblemap .marblemapimage img {
    width: 100%;
}

.conaddrss {
    float: left;
    width: 50%;
    margin-right: 5%;
}

.conaddrss .conttitle {
    font-family: 'HelveticaNeue';
    color: #EE3739;
    text-align: center;
    margin-bottom: 15px;
}

.conaddrss .contadrssmap {
    float: left;
    margin-right: 3%;
    width: 96%;
    text-align: center;
    background: #F9F5F5;
    margin-bottom: 20px;
    line-height: 34px;
    padding: 2%;
    font-size: 18px;
    position: relative;
}

.conaddrss .contadrssmap .googlemap {
    padding: 5px;
    background: #4d4d4d;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    cursor: pointer;
}

.conaddrss .contadrssmap .googlemap:hover {
    background: #000;
}

.contform {
    float: left;
    width: 35%;
    margin-top: 0px;
    position: relative;
}

.contform h1 {
    color: #000000 !important;
    font-size: 40px;
}

.contform input {
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    padding: 8px 10px 10px 45px;
    box-shadow: none;
    outline: none;
    margin-bottom: 10px;
    border: 1px solid #d6d6d6;
    background-color: rgba(255, 255, 255, 0.7) !important;
    font-size: 15px;
    font-family: 'futura_lt_btlight';
    letter-spacing: 1px;
    display: block;
    position: relative;
}

.contform textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 10px 10px 45px;
    box-shadow: none;
    background: none;
    outline: none;
    margin-bottom: 10px;
    border: 1px solid #cbcbcb;
    font-size: 18px;
    font-family: 'futura_lt_btlight';
    letter-spacing: 1px;
    height: 100px;
}

.contform .submit {
    padding: 9px 30px;
    box-shadow: none;
    background: #fff;
    background: rgba(255, 255, 255, 0.5);
    outline: none;
    font-size: 18px;
    font-family: 'futura_lt_btlight';
    letter-spacing: 3px;
    width: auto;
    float: left;
    border-radius: 3px;
    cursor: pointer;
    box-sizing: border-box;
    margin-right: 4px;
    color: #727272 !important;
    font-size: 14px;
    transition: all ease-in-out 0.3s;
}

.contform .submit:hover {
    border: 1px solid #cdcdcd;
    background: #dfdfdf !important;
    color: #727272 !important;
    transition: all ease-in-out 0.3s;
}

input.input12:focus {
    background: #fff;
    padding-left: 14px;
    width: 100%;
}

input.input12 {
    background: #fff url(images/input12.png) top 7px left 8px no-repeat;
}

input.input13:focus {
    background: #fff;
    padding-left: 14px;
    width: 100%;
}

input.input18 {
    background: #fff url(images/input18.png) top 7px left 8px no-repeat;
}

input.input13:focus {
    background: #fff;
    padding-left: 14px;
    width: 100%;
}

input.input13 {
    background: #fff url(images/input13.png) top 12px left 8px no-repeat;
}

input.input14:focus {
    background: #fff;
    padding-left: 14px;
    width: 100%;
}

input.input14 {
    background: #fff url(images/input14.png) top 8px left 13px no-repeat;
}

textarea.input15:focus {
    background: #fff;
    padding-left: 14px;
    width: 100%;
}

textarea.input15 {
    background: rgba(255, 255, 255, 0.5) url(images/input15.png) top 12px left 8px no-repeat;
    height: 150px;
    border-radius: 3px;
}

input.input16 {
    background: url(images/input16.png) top 7px left 13px no-repeat;
}

input.input16:focus {
    background: #fff;
    padding-left: 14px;
    width: 92%;
}

input.input17 {
    background: url(images/input17.png) top 8px left 10px no-repeat;
}

input.input17:focus {
    background: #fff;
    padding-left: 14px;
    width: 92%;
}

.submit_news {
    padding: 6px 5px;
    box-shadow: none;
    background: transparent;
    outline: none;
    font-size: 16px;
    font-family: 'futura_lt_btlight';
    letter-spacing: 3px;
    cursor: pointer;
    width: 96%;
    color: #a0a0a0;
    border: 1px solid #a0a0a0;
    margin-left: 2px;
    vertical-align: middle;
    margin-top: 1px;
    transition: all ease-in-out 0.3s;
}

.submit_news:hover {
    border: 1px solid #fff;
    color: #fff;
}

.tidio-newsletter-widget .submit_news:hover {
    color: #000;
    border: 1px solid #C7C7C7;
}

.input_news {
    width: 73%;
    /*padding: 2px 10px 4px 45px;*/
    padding: 2px 10px 4px 15px;
    box-shadow: none;
    outline: none;
    margin-bottom: 15px;
    border: 3px solid #cbcbcb;
    font-size: 18px;
    font-family: 'futura_lt_btlight';
    letter-spacing: 1px;
    display: block;
    position: relative;
    /*background: url(images/input13.png) top 6px left 8px no-repeat;*/
    background-color: #fff;
}

.input_news:focus {
    background: none;
    padding-left: 14px;
    width: 84%;
    background-color: #fff;
}

.newsletter {
    width: 40%;
    margin: 0 auto;
}

.newsletter .input_news,
.newsletter button {
    box-sizing: border-box;
    width: 100% !important;
    border: 1px solid #ddd;
    margin: 0;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    margin-bottom: 10px;
}

.contform .strick1 {
    color: #FF0000;
    font-size: 22px;
    font-weight: bold;
    position: absolute;
    top: 5px;
    right: 11px;
    font-family: 'open_sansregular';
    z-index: 999999999999999;
}

.contform .strick2 {
    color: #FF0000;
    font-size: 22px;
    font-weight: bold;
    position: absolute;
    top: 80px;
    right: 11px;
    font-family: 'open_sansregular';
    z-index: 999999999999999;
}

.contform .strick3 {
    color: #FF0000;
    font-size: 22px;
    font-weight: bold;
    position: absolute;
    top: 150px;
    right: 11px;
    font-family: 'open_sansregular';
    z-index: 999999999999999;
}

.contform .mandatory {
    float: left;
    font-size: 16px;
    font-family: 'open_sansregular';
    margin-top: 10px;
}

.contform .mandatory span {
    color: #FF0000;
    font-size: 22px;
    font-weight: bold;
    font-family: 'open_sansregular';
    margin-right: 5px;
}

.footer {
    width: 100%;
    background: #000;
    position: relative;
    z-index: 999999;
    clear: both;
}

.footer ul {
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
}

.footer ul li {
    float: left;
    font-family: 'futura_lt_btlight';
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
}

.footer ul li a {
    color: #fff;
    text-decoration: none;
    padding: 10px 54px;
    display: block;
}

.footer ul li a:hover {
    color: #d62f36;
}

.footer .footersub {
    position: relative;
    z-index: 99999;
    background: #000;
}

.sitemapslide {
    width: 96%;
    background: #191616;
    height: auto;
    box-shadow: 0px -5px 5px #888888;
    bottom: 76px;
    position: absolute;
    padding: 0% 2%;
    margin-bottom: -5100px;
    overflow: hidden;
}

.sitemapslide .sitemapclose {
    right: 0%;
    padding: 0px 15px;
    color: #fff;
    cursor: pointer;
    position: absolute;
    top: 4%;
}

.sitemapslide h1 {
    font-weight: normal;
    font-size: 30px;
    font-family: 'futura_lt_btlight';
    color: #fff;
    margin-bottom: 15px;
    display: none;
    text-align: center;
    border-bottom: 1px solid #949494;
    padding: .5% 0;
    text-transform: uppercase;
    margin: 0% -2%;
}

.sitemapslide .sitelinks {
    width: 50%;
    padding: 2% 0;
}

.sitemapslide .sitelinks ul {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-left: 15px;
}

.sitemapslide .sitelinks ul li {
    font-family: 'open_sansregular';
    text-transform: none;
    text-align: center;
}

.sitemapslide .sitelinks ul li a {
    color: #bbb;
    padding: 5px 10px;
}

.sitemapslide ul li a:hover {
    color: #D62F36;
}

.sitemapslide .sitelinks ul > ul {}

.sitemapslide .sitelinks ul ul > li {
    float: none !important;
    width: 100%;
}

.sitemapslide1 {
    width: 30%;
    background: #191616;
    height: auto;
    box-shadow: 0px -5px 5px #888888;
    bottom: 76px;
    position: absolute;
    margin-bottom: -500px;
    overflow: hidden;
}
/*.sitemapslide1 {
    position: fixed !IMPORTANT;
    top: 50%;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
}*/

.sitemapslide1 .sitemapclose1 {
    right: 0%;
    padding: 5px 15px;
    color: #fff;
    cursor: pointer;
    position: absolute;
    top: 4%;
}

.sitemapslide1 h1 {
    font-weight: normal;
    font-size: 18px;
    font-family: 'futura_lt_btlight';
    color: #fff;
    margin-bottom: 15px;
    text-align: left;
    border-bottom: 1px solid #949494;
    padding: 2% 33px 1%;
    text-transform: uppercase;
    margin: 0px -2%;
}

.sitemapslide1 .sitelinks1 {
    width: 94%;
    padding: 4% 0px 0px 0px;
}

.sitemapslide1 .sitelinks1 ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sitemapslide1 .sitelinks1 ul li {
    width: 33%;
    font-family: 'open_sansregular';
    text-transform: none;
    text-align: center;
}

.sitemapslide1 .sitelinks1 ul li a {
    color: #bbb;
    padding: 5px 10px;
}

.sitemapslide1 ul li a:hover {
    color: #D62F36;
}

.sitemapclose1 img {
    width: 17px;
}

.marblefolio div {
    font-size: 22px;
    text-transform: capitalize;
}

.copyright {
    width: 100%;
    background: #2C2C2C;
}

.copyright .copyrightleft {
    font-size: 12px;
    font-family: 'futura_lt_btlight';
    text-transform: uppercase;
    text-align: center;
    color: #A7A7A7;
    padding: 12px 0px 12px 45px;
}

.copyright .copyrightleft span {
    font-weight: bold;
}

.copyright .copyrightright {
    color: #A7A7A7;
    float: right;
    font-size: 12px;
    font-family: 'futura_lt_btlight';
    text-transform: uppercase;
    padding: 12px 55px 12px 0px;
}

.copyright .copyrightright a {
    color: #A7A7A7;
    text-decoration: none;
}

.copyright .copyrightright a:hover {
    color: #fff;
}

.social ul {
    list-style: none;
    float: left;
    margin: 0 20%;
    padding: 0;
}

.social ul li {
    float: left;
    text-align: center;
}

.social ul li a {
    padding: 10px 10px;
    display: block;
}

.innercontainer {
    width: 87%;
    margin: 0 auto;
    padding: 1% 6% 5% 7%;
    background: #fff;
}

.innercontainer .discovertitle {
    float: left;
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'HelveticaNeue';
    color: #535353;
    margin-bottom: 10px;
}

.innercontainer .marblepageulli {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.innercontainer .marblepageulli ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.innercontainer .marblepageulli ul li:last-child {
    border-right: 0px;
}

.innercontainer .marblepageulli ul li {
    border-right: 0px solid #D2D2D2;
    width: 100%;
    font-family: 'futura_lt_btlight';
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    background: #e9e9e9;
    z-index: 99999
}

.innercontainer .marblepageulli ul li a {
    display: block;
    padding: 15px 15px;
    color: #000;
    border-bottom: 1px solid #D2D2D2;
    text-decoration: none;
}

.marblepageulli select {
    width: 32.5%;
    padding: 7px;
    box-sizing: border-box;
    outline: none;
    border: 1px solid #545454;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url("images/select-bullet.png") no-repeat scroll 95% center;
    color: #A6A6A6;
    border-radius: 1px;
    margin: 2px;
    cursor: pointer;
}

.marblepageulli select option {
    padding: 5px 10px 5px 10px;
    line-height: 20px;
}

.innercontainer .breadcrumb {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.breadcrumb-product ul li a {
    color: #e3e3e3 !important;
}

.innercontainer .breadcrumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.innercontainer .breadcrumb ul li {
    font-size: 12px;
    color: #616161;
    font-family: 'open_sansregular';
    padding: 5px 15px 5px 10px;
    float: left;
    background: url(images/breadcrumb-arrow.png) no-repeat center right;
}

.innercontainer .breadcrumb ul li:first-child {
    text-transform: uppercase;
    font-family: 'open_sansbold';
    color: #000;
    padding-left: 0;
}

.innercontainer .breadcrumb ul li:last-child {
    background: none;
}

.innercontainer .breadcrumb ul li a {
    text-decoration: none;
    color: #000;
    position: relative;
    display: inline-block;
    font-family: 'open_sansregular';
}

.innercontainer .breadcrumb ul li a:hover {
    color: #D62F36;
}

.innercontainer .breadcrumb ul li a:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: 0;
    visibility: hidden;
    background-color: #D62F36;
    -webkit-transition: all .1s ease;
    transition: all 0.3s ease;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    margin-bottom: -3px;
}

.innercontainer .breadcrumb ul li a:hover:after {
    visibility: visible;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

.innercontainer h1 {
    text-transform: uppercase;
    font-size: 68px;
    font-family: 'helvetica_neueExultraLt';
    color: #000;
    text-align: center;
    font-weight: normal;
    margin-bottom: 30px;
}

.innercontainer h1 .h1line {
    border-bottom: 0px solid #EE3739;
    width: 130px;
}

.innercontainer .h2line {
    display: block;
    width: 100%;
    border-bottom: 1px solid red;
    text-align: center;
    margin-bottom: 50px;
}

.innercontainer .h2line h2 {
    text-transform: uppercase;
    font-size: 72px;
    font-family: 'futura_lt_btlight';
    color: #979797;
    text-align: center;
    font-weight: normal;
    position: relative;
    top: 40px;
    padding: 0 25px;
    display: inline-block;
    background: white
}

.innercontainer .styletxt {
    /*text-align: center;*/
    font-size: 17px !important;
    font-style: normal !important;
    line-height: 27px;
    font-family: 'futura_lt_btlight';
    border: 0px !important;
    margin-bottom: 30px;
    margin-top: 40px;
    position: relative;
}
.innercontainer .styletxt.text-light.caegory_page_desc_dev h2,
.innercontainer .styletxt.text-light.caegory_page_desc_dev h3{
    margin-bottom: 10px;
    margin-top: 28px;
}
.innercontainer .styletxt:before {
    content: "";
    position: absolute;
    width: 100px;
    height: 4px;
    background: #535353;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -20px;
}

.innercontainer p {
    font-size: 19px;
    line-height: 34px;
    margin-bottom: 30px;
}

.innercontainer .companydiv {
    width: 100%;
    float: left;
}

.innercontainer .companydiv .companydivimg {
    float: left;
    margin-right: 4%;
    max-width: 550px;
    width: 100%;
    height: auto;
    margin-bottom: 5%;
}

.innercontainer .companydiv .companydivtext {
    float: left;
    color: #616161;
    width: 100%;
    height: auto;
    max-width: 570px;
    font-size: 20px;
    line-height: 27px;
    text-align: justify;
    padding-top: 10%;
}

.innercontainer .companydiv1 {
    width: 100%;
    float: left;
    background: #EAEAEA;
    margin-bottom: 30px;
    padding: 20px;
}

.innercontainer .companydiv1 .companydivimg1 {
    float: left;
    max-width: 550px;
    width: 100%;
    height: auto;
}

.innercontainer .companydiv1 .companydivtext1 {
    float: left;
    color: #616161;
    margin-right: 4%;
    width: 100%;
    height: auto;
    max-width: 570px;
    font-size: 20px;
    line-height: 27px;
    text-align: justify;
    padding-top: 8%;
}

.innercontainer .pagelinks {
    margin: 30px 0px 40px 0px;
}

.innercontainer .pagelinks ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 71%;
}

.innercontainer .pagelinks ul li {
    text-align: center;
    float: left;
}

.innercontainer .pagelinks ul li a {
    color: #666;
    text-decoration: none;
    padding: 10px 15px;
    background: url(images/pagelinksbor.png) no-repeat center right;
}

.innercontainer .pagelinks ul li a:hover {
    color: #333;
}

.innercontainer .pagelinks ul li:last-child a {
    background: none;
}

.innercontainer .journey-div h1 {
    text-align: left;
}

.journey-div {
    width: 78%;
    float: right;
}

.text-left {
    text-align: left !important;
}

.innercontainer .journey-div p {
    color: #616161;
    font-size: 17px;
    line-height: 27px;
    text-align: left;
    width: 80%;
}

.innercontainer .journey-div p {
    color: #616161;
    font-size: 17px;
    line-height: 27px;
    text-align: justify;
    width: 100%;
}
.innercontainer .journey-div p a {
    color: #000;
}
.innercontainer .journey-div h2,
.innercontainer .journey-div h3 {
    margin-left:
}

.innercontainer .journey-div p span {
    background: #FFBCBD;
    border-bottom: 2px solid #EE3739;
    padding: 3px 5px;
    font-style: italic;
    text-transform: uppercase;
}

.innercontainer .journey-div .imgborrr {
    float: right;
    margin-left: 20px;
    margin-bottom: 30px;
    border: 1px solid #ccc;
    padding: 2px;
}

.logo-div {
    width: 75%;
    float: right;
}

.vission_font {
    width: 73%;
    float: right;
    margin-left: 0%;
}

.innercontainer .logo-div p {
    color: #616161;
    font-size: 17px;
    line-height: 27px;
    width: 80%;
}

.innercontainer .logo-div p {
    color: #616161;
    font-size: 17px;
    line-height: 27px;
    width: 100%;
}

.innercontainer .logo-div-img {
    float: left;
    width: 100%;
    text-align: center;
    margin: 30px 0;
}

.innercontainer .rd-div {}

.innercontainer .rd-div p {
    color: #616161;
    font-size: 17px;
    line-height: 27px;
    width: 80%;
}

.innercontainer .culture-div {}

.innercontainer .culture-div p {
    color: #616161;
    font-size: 17px;
    line-height: 27px;
    width: 80%;
}

.innercontainer .value-div {
    width: 100%;
}

.innercontainer .value-div ul {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    list-style: none;
    margin: 25px 0px;
}

.innercontainer .value-div ul li {
    text-align: center;
    padding: 12px 0px;
    border-bottom: 1px solid #ccc;
    font-size: 18px;
}

.innercontainer .value-div ul li:nth-child(odd) {
    background: #ddd;
}

.innercontainer .value-div ul li:nth-child(even) {
    background: #ededed;
}

.innercontainer .marblefolio {
    width: 100%;
    float: left;
    margin: 0 auto;
}

.innercontainer .marblefolio ul {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}

.innercontainer .marblefolio ul li {
    float: left;
    width: 24%;
    margin-right: 1%;
    margin-bottom: 1.5%;
    position: relative;
    font-family: 'futura_lt_btlight';
}

.innercontainer .marblefolio ul li img {
    width: 100%;
    float: left;
    position: relative;
}

.innercontainer .marblefolio ul li .marblename {
    position: absolute;
    bottom: 0;
    text-align: center;
    font-family: 'futura_lt_btlight';
    text-transform: uppercase;
    width: 100%;
    background: url(images/whitetrans.png) repeat 0 0;
    padding: 4% 0%;
    font-size: 14px;
    font-weight: bold;
    color: #000;
}

.innercontainer .pcdiv {
    float: left;
    width: 100%;
}

.innercontainer .pcdiv .pc {
    float: left;
    width: 24%;
    margin-right: 1%;
    margin-bottom: 2%;
    padding-bottom: 2%;
    cursor: pointer;
}

.award {
    margin: 0 -15px;
}

.award .award-box {
    width: 30%;
    float: left;
    padding: 15px;
    margin-bottom: 15px;
    box-sizing: border-box;
}

.award .award-box .award-contanr {
    border: 1px solid #e3e3e3;
    background: #fff;
    min-height: 370px;
}
.award .award-box .title {
    font-size: 15px;
    padding-top: 10px;
    margin-top: 10px;
    padding: 5px 15px;
    height: 40px;
}
.award .award-box .content {
    font-size: 14px;
    line-height: 20px;
    margin: 10px 15px;
    width: auto;
    text-align: left;
}

.innercontainer .pcdiv .pc img {
    width: 100%;
    float: left;
    margin-bottom: 7px;
}

.innercontainer .pcdiv .pc div {
    text-align: center;
    font-family: 'futura_lt_btlight';
    text-transform: uppercase;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    margin: 0;
    line-height: 26px;
    margin-top: 7px;
}

.innercontainer .pcdiv .pc div p {
    font-size: 13px;
    line-height: inherit;
    margin-bottom: 0;
}

.innercontainer .pcdiv .pc:hover img {
    opacity: 0.7;
}

.innercontainer .mediarelease {
    margin-left: 30px;
}

.innercontainer .mediarelease li {
    list-style: none;
}

.innercontainer .mediarelease ul {
    font-style: italic;
    font-family: 'open_sansbold';
    font-size: 24px;
    color: #D62F36;
    padding: 0;
}

.innercontainer .mediarelease ul li {
    width: 25%;
    float: left;
    box-sizing: border-box;
    padding: 0 15px;
    margin-bottom: 20px;
}

.innercontainer .mediarelease ul li .content {
    border: 1px solid #ededed;
    padding: 15px;
    border-radius: 3px;
    min-height: 415px;
}

.innercontainer .mediarelease ul li .content img {
    max-width: 100%;
    padding: 2px;
    border: 1px solid #ededed;
    border-radius: 3px;
}

.innercontainer .mediarelease ul li .content .date {
    font-size: 16px;
    font-weight: bold;
    color: #4d4d4d;
    margin: 10px 0;
    line-height: 18px;
    padding: 0;
}

.innercontainer .mediarelease ul li .content .title {
    font-size: 14px;
    color: #838383;
    padding: 0;
    text-transform: none;
    line-height: 18px;
}

.innercontainer .mediarelease ul li p {
    font-size: 20px;
    font-family: 'futura_lt_btlight';
    text-transform: uppercase;
    margin-bottom: 10px;
    padding: 5px;
    font-style: normal;
    padding: 5px 10px;
}

.innercontainer .mediarelease ul li p a {
    text-decoration: none;
    padding: 0px;
    line-height: 26px;
    color: #616161;
    display: block;
}

.innercontainer .mediarelease ul li p a span {
    font-size: 16px;
    text-transform: none;
    color: #D62F36;
}

.grid {
    position: relative;
    margin: 0 auto;
    float: left;
    list-style: none;
    text-align: center;
    width: 24%;
    margin-right: 1%;
    margin-bottom: 1.5%;
    overflow: hidden;
    border-radius: 3px;
    box-sizing: border-box;
    -webkit-box-shadow: 3px 2px 5px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 3px 2px 5px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 3px 2px 5px 0px rgba(50, 50, 50, 0.5);
}

.grid figure {
    position: relative;
    overflow: hidden;
    float: left;
    height: auto;
    text-align: center;
    cursor: pointer;
    width: 100%;
}

.grid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    width: 100%;
}

.grid figure figcaption {}

.grid figure figcaption::before,
.grid figure figcaption::after {}

.grid figure figcaption,
.grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.grid figure figcaption > a {}

.grid figure h2 {}

.grid figure h2,
.grid figure p {}

.grid figure p {}

figure.effect-steve figcaption p {
    display: none;
}

figure.effect-steve {
    z-index: auto;
    overflow: visible;
    height: 240px;
}

figure.effect-steve:before,
figure.effect-steve h2:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    content: '';
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}

figure.effect-steve figcaption {
    z-index: 1;
}

figure.effect-steve img {
    opacity: 1;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: perspective(1000px) translate3d(0, 0, 0);
    transform: perspective(1000px) translate3d(0, 0, 0);
}

figure.effect-steve h2,
figure.effect-steve p {
    background: url(images/whitetrans.png) repeat 0 0;
}

figure.effect-steve h2 {
    position: absolute;
    text-align: center;
    font-family: 'futura_lt_btlight';
    text-transform: uppercase;
    width: 100%;
    padding: 4% 0%;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    bottom: 0;
}

figure.effect-steve h2:before {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
}

figure.effect-steve p {
    margin-top: 53%;
    padding: 5px;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(0.9, 0.9, 1);
    transform: scale3d(0.9, 0.9, 1);
    text-transform: uppercase;
    color: #000;
    margin-bottom: 5px;
    font-family: 'futura_lt_btlight';
    font-size: 14px;
    font-weight: bold;
}

figure.effect-steve:hover:before {
    opacity: 1;
}

figure.effect-steve:hover img {
    -webkit-transform: perspective(1000px) translate3d(0, 0, 21px);
    transform: perspective(1000px) translate3d(0, 0, 21px);
}

figure.effect-steve:hover h2:before {
    opacity: 0;
}

figure.effect-steve:hover p {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.innercontainer .marblefolio ul li a {
    transition: all 0.5s ease;
    display: block;
    text-decoration: none;
}

.innercontainer .marblefolio ul li:hover .marblename {
    position: absolute;
}

.wrapper-dropdown-1 {
    position: relative;
    padding: 1%;
    margin: 0 auto;
    outline: none;
    cursor: pointer;
    float: left;
    border-right: 1px solid #D2D2D2;
    width: 22%;
    font-family: 'futura_lt_btlight';
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    background: #e9e9e9;
}

.wrapper-dropdown-1:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -6px;
    border-width: 6px 0 6px 6px;
    border-style: solid;
    border-color: transparent #000;
}

.wrapper-dropdown-1 .dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    list-style: none;
    font-weight: normal;
    opacity: 0;
    pointer-events: none;
}

.wrapper-dropdown-1 .dropdown li a {
    display: block;
    text-decoration: none;
    color: #9e9e9e;
    padding: 10px 20px;
}

.wrapper-dropdown-1 .dropdown li:hover a {
    background: #f3f8f8;
}

.wrapper-dropdown-1.active .dropdown {
    opacity: 1;
    pointer-events: auto;
    z-index: 9;
}

.wrapper-dropdown-1.active:after {
    border-color: #000 transparent;
    border-width: 6px 6px 0 6px;
    margin-top: -3px;
}

.wrapper-dropdown-1.active {
    background: #000;
    color: #fff;
    background: -moz-linear-gradient(left, #000 0%, #000 78%, #e9e9e9 78%, #e9e9e9 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e9e9e9), color-stop(78%, #e9e9e9), color-stop(78%, #ffffff), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(left, #000 0%, #000 78%, #e9e9e9 78%, #e9e9e9 100%);
    background: -o-linear-gradient(left, #000 0%, #000 78%, #e9e9e9 78%, #e9e9e9 100%);
    background: -ms-linear-gradient(left, #000 0%, #000 78%, #e9e9e9 78%, #e9e9e9 100%);
    background: linear-gradient(to right, #000 0%, #000 78%, #e9e9e9 78%, #e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#ffffff', GradientType=1);
}

.no-opacity .wrapper-dropdown-1 .dropdown,
.no-pointerevents .wrapper-dropdown-1 .dropdown {
    display: none;
    opacity: 1;
    pointer-events: auto;
}

.no-opacity .wrapper-dropdown-1.active .dropdown,
.no-pointerevents .wrapper-dropdown-1.active .dropdown {
    display: block;
}

.wrapper-dropdown-2 {
    position: relative;
    padding: 1%;
    margin: 0 auto;
    outline: none;
    cursor: pointer;
    float: left;
    border-right: 1px solid #D2D2D2;
    width: 23%;
    font-family: 'futura_lt_btlight';
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    background: #e9e9e9;
}

.wrapper-dropdown-2:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -6px;
    border-width: 6px 0 6px 6px;
    border-style: solid;
    border-color: transparent #000;
}

.wrapper-dropdown-2 .dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    list-style: none;
    font-weight: normal;
    opacity: 0;
    pointer-events: none;
}

.wrapper-dropdown-2 .dropdown li a {
    display: block;
    text-decoration: none;
    color: #9e9e9e;
    padding: 10px 20px;
}

.wrapper-dropdown-2 .dropdown li:hover a {
    background: #f3f8f8;
}

.wrapper-dropdown-2.active .dropdown {
    opacity: 1;
    pointer-events: auto;
    z-index: 9;
}

.wrapper-dropdown-2.active:after {
    border-color: #000 transparent;
    border-width: 6px 6px 0 6px;
    margin-top: -3px;
}

.wrapper-dropdown-2.active {
    background: #000;
    color: #fff;
    background: -moz-linear-gradient(left, #000 0%, #000 78%, #e9e9e9 78%, #e9e9e9 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e9e9e9), color-stop(78%, #e9e9e9), color-stop(78%, #ffffff), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(left, #000 0%, #000 78%, #e9e9e9 78%, #e9e9e9 100%);
    background: -o-linear-gradient(left, #000 0%, #000 78%, #e9e9e9 78%, #e9e9e9 100%);
    background: -ms-linear-gradient(left, #000 0%, #000 78%, #e9e9e9 78%, #e9e9e9 100%);
    background: linear-gradient(to right, #000 0%, #000 78%, #e9e9e9 78%, #e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#ffffff', GradientType=1);
}

.no-opacity .wrapper-dropdown-2 .dropdown,
.no-pointerevents .wrapper-dropdown-2 .dropdown {
    display: none;
    opacity: 1;
    pointer-events: auto;
}

.no-opacity .wrapper-dropdown-2.active .dropdown,
.no-pointerevents .wrapper-dropdown-2.active .dropdown {
    display: block;
}

.wrapper-dropdown-3 {
    position: relative;
    padding: 1%;
    margin: 0 auto;
    outline: none;
    cursor: pointer;
    float: left;
    border-right: 1px solid #D2D2D2;
    width: 23%;
    font-family: 'futura_lt_btlight';
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    background: #e9e9e9;
}

.wrapper-dropdown-3:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -6px;
    border-width: 6px 0 6px 6px;
    border-style: solid;
    border-color: transparent #000;
}

.wrapper-dropdown-3 .dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    list-style: none;
    font-weight: normal;
    opacity: 0;
    pointer-events: none;
}

.wrapper-dropdown-3 .dropdown li a {
    display: block;
    text-decoration: none;
    color: #9e9e9e;
    padding: 10px 20px;
}

.wrapper-dropdown-3 .dropdown li:hover a {
    background: #f3f8f8;
}

.wrapper-dropdown-3.active .dropdown {
    opacity: 1;
    pointer-events: auto;
    z-index: 9;
}

.wrapper-dropdown-3.active:after {
    border-color: #000 transparent;
    border-width: 6px 6px 0 6px;
    margin-top: -3px;
}

.wrapper-dropdown-3.active {
    background: #000;
    color: #fff;
    background: -moz-linear-gradient(left, #000 0%, #000 78%, #e9e9e9 78%, #e9e9e9 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e9e9e9), color-stop(78%, #e9e9e9), color-stop(78%, #ffffff), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(left, #000 0%, #000 78%, #e9e9e9 78%, #e9e9e9 100%);
    background: -o-linear-gradient(left, #000 0%, #000 78%, #e9e9e9 78%, #e9e9e9 100%);
    background: -ms-linear-gradient(left, #000 0%, #000 78%, #e9e9e9 78%, #e9e9e9 100%);
    background: linear-gradient(to right, #000 0%, #000 78%, #e9e9e9 78%, #e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#ffffff', GradientType=1);
}

.no-opacity .wrapper-dropdown-3 .dropdown,
.no-pointerevents .wrapper-dropdown-3 .dropdown {
    display: none;
    opacity: 1;
    pointer-events: auto;
}

.no-opacity .wrapper-dropdown-3.active .dropdown,
.no-pointerevents .wrapper-dropdown-3.active .dropdown {
    display: block;
}

.wrapper-dropdown-4 {
    position: relative;
    padding: 1%;
    margin: 0 auto;
    outline: none;
    cursor: pointer;
    float: left;
    border-right: 1px solid #D2D2D2;
    width: 23%;
    font-family: 'futura_lt_btlight';
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    background: #e9e9e9;
}

.wrapper-dropdown-4:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -6px;
    border-width: 6px 0 6px 6px;
    border-style: solid;
    border-color: transparent #000;
}

.wrapper-dropdown-4 .dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    list-style: none;
    font-weight: normal;
    opacity: 0;
    pointer-events: none;
}

.wrapper-dropdown-4 .dropdown li a {
    display: block;
    text-decoration: none;
    color: #9e9e9e;
    padding: 10px 20px;
}

.wrapper-dropdown-4 .dropdown li:hover a {
    background: #f3f8f8;
}

.wrapper-dropdown-4.active .dropdown {
    opacity: 1;
    pointer-events: auto;
    z-index: 9;
}

.wrapper-dropdown-4.active:after {
    border-color: #000 transparent;
    border-width: 6px 6px 0 6px;
    margin-top: -3px;
}

.wrapper-dropdown-4.active {
    background: #000;
    color: #fff;
    background: -moz-linear-gradient(left, #000 0%, #000 78%, #e9e9e9 78%, #e9e9e9 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e9e9e9), color-stop(78%, #e9e9e9), color-stop(78%, #ffffff), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(left, #000 0%, #000 78%, #e9e9e9 78%, #e9e9e9 100%);
    background: -o-linear-gradient(left, #000 0%, #000 78%, #e9e9e9 78%, #e9e9e9 100%);
    background: -ms-linear-gradient(left, #000 0%, #000 78%, #e9e9e9 78%, #e9e9e9 100%);
    background: linear-gradient(to right, #000 0%, #000 78%, #e9e9e9 78%, #e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#ffffff', GradientType=1);
}

.no-opacity .wrapper-dropdown-4 .dropdown,
.no-pointerevents .wrapper-dropdown-4 .dropdown {
    display: none;
    opacity: 1;
    pointer-events: auto;
}

.no-opacity .wrapper-dropdown-4.active .dropdown,
.no-pointerevents .wrapper-dropdown-4.active .dropdown {
    display: block;
}

.wrapper {
    display: none;
}

.hvr-sweep-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-sweep-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-sweep-to-right:hover,
.hvr-sweep-to-right:focus,
.hvr-sweep-to-right:active {
    color: white !important;
}

.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.menu_sub_thumb li a {
    width: 100%;
    float: left;
    padding-right: 20px !important;
}

.menu_sub_thumb li a span {
    float: left;
    line-height: 50px;
    -webkit-font-weight: 300;
}

.menu_sub_thumb li a img {
    float: right;
    width: 100px;
    height: 50px;
    margin-right: 18px;
}

.menu_sub_thumb li a img:hover {}

.under_cubstuction {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 30px;
    margin: 50px 0;
}
.search_area {
    position: absolute;
    top: 60px;
    right: 0px;
    display: none;
    z-index: 99;
}
.search_box {
    width: 265px;
    padding: 9px;
    border: 1px solid #161616;
    background: rgba(21, 20, 20, 0.48);
    margin: 7px;
    outline: none;
    color: #fff;
}

.search_box:focus {
    border: 1px solid #198C2A;
}

.menu_sub_thumb {
    width: 750px !important;
    left: 0;
}

.menu_sub_thumb li {
    width: 33.33% !important;
}

.conadd {
    width: 65%;
    float: left;
}

.floating-box {
    float: left;
    width: 43%;
    padding: 20px;
}

.floating-box p {
    font-size: 14px;
    font-family: 'open_sansregular';
}

#carrer-form .form_field {
    width: 25%;
    position: relative;
    min-height: 80px;
    float: left;
    box-sizing: border-box;
    padding: 0 15px;
}

#carrer-form .form_field .error {
    border: 1px solid #E51114;
}

#carrer-form .form_field label.error {
    display: none !important;
}

#carrer-form .form_field .submit_btn_gr {
    border: 1px solid #e9e9e9;
    color: #464646;
    padding: 5px 30px !important;
    background: #fff;
    width: auto !important;
    font-size: 16px;
    border-radius: 3px;
    transition: all ease-in-out 0.3s;
}

#carrer-form .form_field .submit_btn_gr:hover {
    border: 1px solid #C5C5C5;
    background: #e0e0e0;
    color: #434343;
}

#carrer-form .form_field label {
    color: #929292 !important;
    font-size: 15px !important;
}

#carrer-form .form_field.experience .select2 {
    width: 47.1% !important;
    float: left;
    margin-right: 1%;
}

.upd_btn {
    padding: 0px 14px;
    width: 100%;
    line-height: 37px;
    top: 1px;
    position: relative;
    border-radius: 7px;
    background: #FECB09;
    border: 1px solid #FECB09;
    cursor: pointer;
    font-family: "opineheavyregular";
    font-size: 18px;
    text-transform: uppercase;
}

#carrer-form .form_field input,
#carrer-form .form_field select,
#carrer-form .form_field textarea {
    width: 100% !important;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 5px;
}

#carrer-form .form_field.date-of-birth .select2 {
    width: 29% !important;
    padding: 3px;
    margin-right: 2%;
    float: left;
    display: inline-block;
}

.conadd .googlepin {
    margin-right: 10px;
    position: relative;
    top: 3px;
}

.conadd .googlemap {
    padding: 5px;
    position: relative;
    top: 10px;
    color: #ee3739;
    text-decoration: none;
    font-size: 14px;
    cursor: pointer;
    font-family: 'open_sansregular';
}

.conadd .floating-box .googlemap:hover {
    text-decoration: underline;
    color: #828282;
}

.grid125 {
    width: 38% !important;
    margin-left: 50px;
}

.contform1 {
    width: 100%;
    margin: auto;
    overflow: hidden;
}

.contform1 label {
    clear: both;
    width: 100%;
    float: left;
    padding: 3% 0px 1% 0px;
    font-family: 'open_sansregular';
    color: #616161;
    font-size: 17px;
    line-height: 27px;
}

.contform1 input {
    width: 94%;
    padding: 1%;
    font-family: 'open_sansregular';
    margin-top: 0;
}

.contform1 select {
    width: 96%;
    padding: 0.9% 0px;
    font-family: 'open_sansregular';
    margin-top: 0;
}

.contform1 textarea {
    width: 94%;
    padding: 1% 1%;
}

.submit_btn_gr {
    padding: 5px 10px !important;
    box-shadow: none;
    background: #ee3739;
    outline: none;
    font-size: 18px;
    font-family: 'futura_lt_btlight';
    letter-spacing: 3px;
    cursor: pointer;
    width: 23% !important;
    color: #fff;
    font-size: 26px;
    text-transform: uppercase;
}

option {
    font-family: 'open_sansregular';
}

ul.menu {
    padding: 0px 55px;
}

ul.menu li a {
    padding: 5px 0px 5px 10px;
}

ul.menu li a:hover {
    background: url(images/face1.png) no-repeat;
}

.clientele-page {
    width: 100%;
    float: left;
}

.clientele-page ul {
    list-style: none;
}

.clientele-page li {
    float: left;
    max-width: 224px !important;
    width: 100%;
    margin-left: 10px;
    margin-bottom: 10px;
    padding: 25px !important;
    box-sizing: border-box;
    border: 0px !important;
    outline: 0px !important;
}

.clientele-page li img {
    width: 100%;
    float: left;
}

.error {
    font-size: 14px;
    color: #FF0000;
    margin-top: 15px;
    border: 1px solid #FF0000 !important;
}
.tb_cart {
    display: block;
    color: #FFF;
    text-decoration: none;
    background: url(images/message-icon-2.png) no-repeat right 2px top 7px;
    padding: 4px 25px 4px 18px;
    border-left: 0px dotted #606060;
    margin-top: 11px;
    background-size: 21px;
    position: relative;
    left: 2px;
}
.hvr-float-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.hvr-float-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(117, 117, 117, 117) 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}

.hvr-float-shadow:hover,
.hvr-float-shadow:focus,
.hvr-float-shadow:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.hvr-float-shadow:hover:before,
.hvr-float-shadow:focus:before,
.hvr-float-shadow:active:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}

.product_name {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(38, 34, 35, 0.4);
    height: 40px;
    line-height: 40px;
    text-align: center;
    z-index: 10000;
    color: #fff;
}

.countary {
    overflow: hidden;
    margin-bottom: 30px;
    margin: 0 -15px;
}

.countary li {
    width: 25%;
    font-weight: bold;
    float: left;
    margin-bottom: 10px;
    list-style: none;
    text-align: left;
    padding: 0 20px;
    box-sizing: border-box;
}

.countary li span {
    width: 100%;
    border-bottom: 1px solid #ebebeb;
    display: block;
    padding-bottom: 10px;
}

.scroll-down {
    position: absolute;
    bottom: 90px;
    align-content: opacity:0.6;
    right: 50px;
    transition: all ease-in-out 0.3s;
}

.scroll-down:hover {
    opacity: 1;
    transition: all ease-in-out 0.3s;
}

.img-responsive {
    width: 100%;
}

.img-responsive-2 {
    max-width: 100%;
}

.header-img {
    position: relative;
    height: 730px;
    background: url(images/header-img.jpg) no-repeat top center;
    background-size: cover;
}

.icon-button {
    background-color: white;
    border-radius: 1.6rem;
    cursor: pointer;
    display: inline-block !important;
    font-size: 1.0rem;
    height: 1.6rem !important;
    line-height: 1.6rem !important;
    margin: 0 5px;
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none !important;
    width: 1.6rem !important;
}

.icon-button span {
    border-radius: 0;
    display: block;
    height: 0;
    left: 50%;
    margin: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 0;
}

.icon-button:hover span {
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 1.6rem;
    margin: -0.8rem;
}

.twitter span {
    background-color: #4099ff;
}

.facebook span {
    background-color: #3B5998;
}

.instagram span {
    background-color: #db5a3c;
}

.youtube span {
    background: #F71115;
}

.icon-button i {
    background: none;
    color: white;
    height: 1.6rem;
    left: 0;
    line-height: 1.6rem;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 1.6rem;
    z-index: 10;
}

.icon-button .fa-youtube {
    color: #e62117;
}

.icon-button .fa-youtube:hover,
.icon-button .fa-instagram:hover {
    color: #fff;
}

.icon-button .icon-twitter {
    color: #4099ff;
}

.icon-button .icon-facebook {
    color: #3B5998;
}

.icon-button .icon-camera-retro {
    color: #db5a3c;
}

.icon-button:hover .icon-twitter,
.icon-button:hover .icon-facebook,
.icon-button:hover .instagram,
.icon-button:hover .youtube {
    color: white;
}

.linkedin i {
    border-radius: 50%;
    color: #008bd1;
}

.linkedin i:hover {
    background: #008bd1;
    color: #fff;
}

.instagram i {
    color: #936357;
}

label.error {
    color: #000;
    font-size: 14px;
    margin-left: 5px;
    margin-top: 15px;
    display: none !important;
}

.white-texture {
    overflow: hidden;
    background: url(images/texture.jpg) no-repeat top center fixed;
    background-size: cover;
}

.white-texture-2 {
    overflow: hidden;
    background: url(images/white-texture.jpg) repeat top center;
}

.black-texture {
    overflow: hidden;
    background: #100f0f url(images/black-textture.jpg) repeat 0 0;
}

.leftPanel {
    width: 180px;
    float: left;
    margin-right: 0px;
    background-color: rgba(0, 0, 0, 0.7);
    padding-bottom: 0px;
    margin-bottom: 20px;
    text-align: center;
}

.leftPanel ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.leftPanel ul li a {
    border-top: 1px solid #5d5d5d;
    width: 100%;
    box-sizing: border-box;
    color: #fff;
    font-family: 'open_sansregular';
    display: block;
    padding: 10px 1% 10px 1%;
    font-size: 14px;
    text-decoration: none;
    font-weight: 400;
}

.leftPanel ul li a {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
    transition: all ease-in-out 0.3s;
}

.leftPanel ul li a:hover {
    color: #D62F36;
    font-weight: bold;
}

.leftPanel ul li.current_page_item a {
    background: #4c4c4c;
    padding: 10px 1% 10px 1%;
    color: #e14242;
    font-family: 'open_sansregular';
    font-weight: bold;
    right: 0;
}

.infrastructure-bg {
    height: 500px;
    background: url(images/infrastructure-bg.jpg) no-repeat top center;
    background-size: cover;
}

.across-the-globe-bg {
    position: relative;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.25);
    box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.25);
}

.journey-div h4 {
    margin: 15px 0;
}

.fixedmenu {
    top: 60px;
    position: fixed;
    z-index: 99;
    transition: all ease-in-out 0.3s;
}

.mobile-menu-toggle {
    position: absolute;
    width: 41px;
    height: 41px;
    background: #000;
    background: rgba(0, 0, 0, 0.7);
    top: 1px;
    right: -42px;
}

.mobile-menu-toggle i {
    font-size: 25px;
    color: #fff;
    padding: 6px;
}

.contact-container .conadd {
    width: 100%;
}

.contact-container .contform {
    width: 70%;
    float: none;
    margin: 0 auto;
}

.contact-container .contform .left-form {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding: 0 15px
}

.contact-container .contform .right-form {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding: 0 15px
}

.contform .right-form .input15 {
    height: 135px !important;
}

.contact-container .contform #contact-form {
    overflow: hidden;
}

.contact-container .contform #contact-form label {
    display: none !important;
}

.contact-container .contform #contact-form .error {
    border: 1px solid #FF363A;
}

.contact-container .contform .call {
    float: right;
    width: 46.5%;
    padding: 0 15px;
    margin-top: -46px;
}

.contact-container .contform .call input[type="tel"] {
    width: 63% !important;
    margin-right: 10px;
    float: left;
}

.contact-container .contform .call .submit {
    text-transform: uppercase;
}

.contact-container .conadd .contact-box {
    width: 20%;
    box-sizing: border-box;
    padding: 0 15px 0 0px;
    float: left;
    min-height: 215px;
    margin-bottom: 40px;
}

.contact-container .conadd .contact-box:last-child {
    padding-right: 0px;
}

.contact-container .conadd .contact-box:last-child > div {
    border: 0px;
}

.contact-container .conadd .contact-box > div {
    border-right: 1px solid #e3e3e3;
    min-height: 230px;
}

.contact-container .conadd .contact-box .googlemap {
    padding-left: 40px background:url("images/google.jpg") no-repeat left 0px top -5px;
}

.contact-container .conadd .contact-box .fax {
    width: 21px;
    height: 19px;
    margin-right: 3px;
    display: inline-block;
    background: url(images/fax.jpg) no-repeat 0 0;
}

.contact-container .conadd .contact-box .recever {
    width: 23px;
    height: 22px;
    margin-right: 3px;
    position: relative;
    top: 5px;
    display: inline-block;
    background: url(images/recever.jpg) no-repeat 0 0;
}

.contact-container .conadd .contact-box a {
    color: #333;
}

.contact-container .conadd .contact-box a:hover {
    color: #212121;
}

.contact-container .conadd .contact-box p {
    margin-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 3px;
    line-height: 24px;
    font-size: 15px;
}

.contact-bg {
    padding-top: 150px;
    overflow: hidden;
    background: #fff url(images/contact-bg.jpg) no-repeat 0 0px fixed;
    background-size: cover;
}

.contact-container .contform h1 {
    color: #fff;
    font-size: 43px;
    letter-spacing: 8px;
}

.contact-container .social {
    margin-top: 20px;
    overflow: hidden;
    width: 100%;
}

.contact-container .social li {
    float: left;
    margin-right: 10px;
    color: #727272;
    list-style: none;
}

.contact-container .social li a {
    color: #727272;
    text-decoration: none;
}

.contact-container .contform .social li a:hover {
    color: #323232;
}

.contact-container .social .media a {
    transition: all ease-in-out 0.3s;
}

.butn li a {
    background-color: 000000;
}

.butn li a:hover {
    background-color: 000000;
}

.contact-container .social li .envlop {
    width: 20px;
    height: 15px;
    margin-top: 5px;
    margin-right: 2px;
    display: inline-block;
    float: left;
    background: url(images/social-sprite.png) no-repeat 0 0;
}

.contact-container .social li .globe {
    width: 15px;
    height: 15px;
    margin-top: 5px;
    margin-right: 2px;
    display: inline-block;
    float: left;
    background: url(images/social-sprite.png) no-repeat -20px 0;
}

.contact-container .social .media a {
    width: 30px;
    height: 27px;
    margin-right: 4px;
    padding: 5px;
    float: left;
    text-align: center;
    border: 1px solid #ECECEC;
    border-radius: 3px;
    box-sizing: border-box;
    background: transparent;
    transition: all ease-in-out 0.3s;
}

.contact-container .social .media a:hover {
    color: #fff !important;
}

.contact-container .social li .fb {
    color: #3b5998;
    margin-right: 4px;
    display: inline-block;
    float: left;
}

.contact-container .social li .fb:hover {
    background: #3b5998;
}

.contact-container .social li .instagram {
    margin-right: 4px;
    color: #a56e4e;
    display: inline-block;
    float: left;
}

.contact-container .social li .instagram:hover {
    background: #a56e4e;
    color: #fff !important;
    transition: all ease-in-out 0.3s;
}

.contact-container .social li .instagram:hover i {
    color: #fff;
}

.contact-container .social li .youtube {
    margin-right: 4px;
    color: #e62117;
    display: inline-block;
    float: left;
}

.contact-container .social li .youtube:hover {
    background: #e62117;
    color: #fff;
    transition: all ease-in-out 0.3s;
}

.contact-container .contform .social li .twitter {
    margin-right: 6px;
    color: #4099ff;
    display: inline-block;
    float: left;
}

.contact-container .social li .twitter:hover {
    background: #4099ff;
    transition: all ease-in-out 0.3s;
}
.mwhatsapp {
    position: absolute;
    right: 77px;
    top: 22px;
}
.mphone {
    position: absolute;
    right: 110px;
    top: 22px;
}
.phone1 {
    position: absolute;
    right: 2%;
    top: 40px;
    display: none;
    padding: 5px 10px 5px 10px
}

.cphone {
    padding: 5px 10px 5px 10px;
    border: 1px solid #f0555b;
    background: rgba(240, 85, 91, 0.6);
    margin: 7px;
    outline: none;
    color: #fff;
    text-decoration: none
}

/*.mail_popup {*/
/*    background: #fff;*/
/*    width: 350px;*/
/*    position: fixed;*/
/*    bottom: -535px;*/
/*    right: 2px;*/
/*    overflow: hidden;*/
/*    border-bottom: 0;*/
/*    z-index: 9999999;*/
/*}*/

.mail_popup {
    background: #fff;
    width: 350px;
    max-height: 525px;
    box-shadow: 0px 2px 30px -10px rgba(0, 0, 0, 0.6);
    height: 100%;
    position: fixed;
    top: 100vh;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    border-bottom: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 9999999;
}

.mail_popup.active {
    opacity: 1;
    visibility: visible;
    top: 50%;
}

.pophead {
    background: #f0f0f0;
    padding: 10px 10px;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}

.headttl {
    float: left;
}

.headttl img {
    border-radius: 20px;
}

.headttl2 {
    float: left;
    line-height: 40px;
    padding-left: 8px;
    font-family: arial;
    font-size: 14px;
    font-weight: 600;
}

.headttl3 {
    padding-left: 8px;
    font-family: arial;
    color: gray;
    padding: 4px 8px;
    cursor: pointer;
    background: #3a362e;
    position: absolute;
    right: 0;
    top: 0px;
    color: #fff;
}

.blck-main {
    padding: 6px 32px 8px 18px;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
}

.blck-button {
    padding: 14px 23px 12px 18px;
    overflow: hidden;
}

.inptfld:first-child {
    margin: 15px 0px 10px 0px;
}

.inptfld {
    margin-bottom: 10px;
}

.inptfld input,
.inptfld textarea {
    width: 91%;
    border: 1px solid gainsboro;
    padding: 8px 0px 8px 36px;
    border-radius: 4px;
}

.inpt1 input {
    background: url(images/user.png) top 4px left 5px no-repeat;
    background-size: 24px 23px;
}

.inpt2 input {
    background: url(images/mail.png) top 6px left 5px no-repeat;
    background-size: 25px 20px;
}

.inpt3 input {
    background: url(images/phone.png) top 4px left 8px no-repeat;
    background-size: 18px 24px;
}

.inpt4 textarea {
    background: url(images/msg.png) top 7px left 5px no-repeat;
    background-size: 24px 23px;
}

.inpt5 input {
    background: url(images/input16.png) top 4px left 8px no-repeat;
    background-size: 18px 24px;
}

.inpt6 input {
    background: url(images/input17.png) top 4px left 8px no-repeat;
    background-size: 18px 24px;
}

.inptfld input:focus,
.inptfld textarea:focus {
    outline: 0;
    background: none;
    padding-left: 10px;
    width: 99.5%;
}

.inptchk input {}

.inptfld textarea {
    padding: 8px 0px 8px 36px;
    height: 80px;
}

.clckbtnblck {
    width: 100%;
}

.clckbtnblck > .submit {
    border: 1px solid gainsboro;
    padding: 7px 20px;
    float: right;
    font-size: 12px;
    font-family: arial;
    color: gray;
    cursor: pointer;
    border-radius: 2px;
    transition: 0.2s;
    background: white;
}

.clckbtnblck > .submit:hover {
    background: gainsboro;
}

.error {
    margin-top: 0px !important;
    color: black !important;
}

.mailuspop {
    position: fixed;
    bottom: -60px;
    right: 0;
    z-index: 999999;
}

.mailuspop img {
    cursor: pointer;
    filter: saturate(0);
}

.thnxyou {
    padding: 10px 15px;
    margin: 25px 0px;
    font-weight: 600;
}

.call {
    position: absolute;
    text-decoration: none;
    color: rgba(255, 255, 255, 1.00);
    top: 10px;
    left: 10px;
}

.sitemap-tab {
    float: left;
    margin-right: 46px;
}

.sitemap-tab ul {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 200px;
}

.sitemap-tab ul li {
    border-bottom: 1px #eee solid;
    font-size: 12px;
    background: none !important;
    padding-left: 0px !important;
}

.sitemap-tab ul li a {
    color: #535353;
    text-decoration: none;
    display: block;
    padding: 4px 5px;
    line-height: 16px !important;
    text-align: left !important;
}

.sitemap-tab ul li a:hover {
    color: #EE3135;
    text-decoration: none;
}

.sitemap-tab ul li p {
    font-size: 13px;
    background: #EE3135;
    color: #fff;
    padding: 4px 5px;
    margin-bottom: 0px !important;
    border: 1px solid #EE3135;
}

.sitemap-tab ul li p a {
    background: #EE3135;
    color: #fff !important;
    text-decoration: none;
    padding: 0px;
}

.sitemap-tab ul li p a:hover {
    background: #fff;
    color: #EE3135 !important;
    text-decoration: none;
    padding: 4px 5px;
    margin: -5px -6px !important;
    border: 1px solid #EE3135;
}

#text {
    font-size: 12px;
    color: #6c6c6c;
    padding-right: 20px;
}

.maintext-ly2 {
    float: left;
    width: 100%;
}
.custom_right_menu_new ul li {
    display: inline-block;
    margin: 0 0 0 6px;
    vertical-align: middle;
}

.custom_right_menu_new ul li img {
    width: 20px;
}

.custom_right_menu_new {
    display: inline-block;
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
}
.logo_main a img {
    width: 140px !important;
}
ul.menu_sub_thumb .tagline {
    display: none !important;
}
html, body{
    overflow-x:hidden !Important;
}
.marblemap {
    overflow: hidden;
}

.current-positions ul {
    list-style: none;
    padding: 0;
    margin: 10px 0 0 0;
}

.current-positions ul li {
    display: inline-block;
    border: 1px solid #000;
    padding: 10px 20px;
    margin: 0 10px 12px 0;
}
@media only screen and (min-width:571px) and (max-width:990px) {
    .shows-center {
        margin-left: -15px;
        margin-right: -15px;
    }

    .media_shows {
        width: 50% !important;
        padding: 0 15px;
        box-sizing: border-box;
        margin: 0 0 15px 0 !important;
    }

    .responsive-menu {
        display: block;
    }
}

@media screen and (max-width:570px) {
    .contact-container .contform .call {
        width: 100% !important;
        margin-top: 0;
        padding: 0px 0px;
    }

/*.mail_popup {*/
/*    width: 330px;*/
    /* bottom: 65px; */
/*    right: 15px;*/
/*    max-width: 100%;*/
/*    right: 0;*/
/*}*/
.footer .footersub {
    padding: 20px 0 0px 0;
}


.icons_class {
    margin: 0 0 20px 0;
}

    .contact-container .contform .left-form {
        width: 100% !important;
    }

    .contact-container .contform .right-form {
        width: 100% !important;
    }

    .shows-center {
        margin-left: -15px;
        margin-right: -15px;
    }

    .media_shows {
        width: 100% !important;
        padding: 0 15px;
        margin: 0 0 15px 0 !important;
        box-sizing: border-box;
        overflow: hidden;
    }

    .responsive-menu {
        display: block;
    }
}

@media screen and (max-width:991px) {
    .newsletter {
        width: 50% !important;
    }
#header-img .responsive-slider {
    display: none;
}
#header-img.the-company-page-slider .responsive-slider {
    display: block;
}
    .contact-container .conadd .contact-box {
        width: 33.33% !important;
    }

    #carrer-form .form_field {
        width: 33.33% !important;
    }

    .media_shows img {
        width: 100% !important;
    }

    .contact-container .conadd,
    .contact-container .contform {
        width: 100% !important;
    }

    .contact-bg {
        padding-top: 120px !important;
    }

    .contact-container .contform h1 {
        color: #000;
    }

    .contact-container .contform #contact-form {
        padding-left: 0px !important;
    }

    .contact-container .contform .social {
        margin: 30px 0 !important;
        overflow: hidden;
    }

    .contact-container .contform .social li,
    .contact-container .contform .social li a {
        color: #000 !important;
    }

    .responsive-menu {
        display: none;
    }
}

@media screen and (min-width:1025px) {
    .mobile-menu-toggle {
        display: none;
    }

    .fixedmenu {
        left: inherit !important;
    }

    .remove-transform {
        transform: none !important;
    }

    .contact-bg .breadcrumb {
        margin-top: 100px;
    }

   .contact-outer .logo_main {
    margin: 5px 0 0 90px !important;
}

    .homecontainer .contladybg {
       /* background: url(images/ladybg.jpg) no-repeat top center;*/
        background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
        -webkit-background-size: cover;
    }

}

@media only screen and (min-width:992px) and (max-width:1024px) {
    .contact-container .contform {
        margin-top: 50px !important;
    }

}

@media screen and (max-width:1024px) {
    .homecontainer .contladybg {
        background: none !important;
    }

    .homecontainer .homecompany .infrastructureright1 a {
        border: 0px !important;
    }

    .homecontainer .homecompany .infrastructureright1 a {
        height: 440px !important;
        box-sizing: border-box;
    }

    .homecontainer {
           /* background: url(images/ladybg.jpg) no-repeat 60% 250px; */
        background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
        -webkit-background-size: cover;
    }

    .contform1 {
        margin-bottom: 30px;
    }

    .logo_main img {
        width: 120px;
    }

    .innercontainer .marblefolio {
        margin-bottom: 50px !important;
    }

    .logo-div {
        width: 100%;
    }

    .fixedmenu {
        width: 234px;
    }

    .journey-div {
        width: 100%;
    }

    .innercontainer,
    .vission_font {
        width: 100%;
        box-sizing: border-box;
        padding: 0 15px;
        float: left;
    }

    .leftPanel {
        width: 234px;
        margin-top: 70px;
        position: absolute;
        left: -234px;
        transition: all ease-in-out 0.3s;
    }

    .fixedmenu {
        top: 50px !important;
        position: fixed;
        transition: all ease-in-out 0.3s;
    }

    .leftPanel ul {
        position: relative;
    }

    .footer ul li a {
        padding: 10px 30px;
    }

    .wrapper-dropdown-1,
    .wrapper-dropdown-2,
    .wrapper-dropdown-3,
    .wrapper-dropdown-4 {
        width: 21%;
    }

    .clientele-page li {
        float: left;
        max-width: 22% !important;
    }

}


@media only screen and (max-width: 1120px){
    .homecontainer .homecompany .wacthimg {
    bottom: 315px;
    left: 143px;
    max-width: 396px;
}
}

@media screen and (max-width:1000px) {
    .marblepageulli select {
        width: 32%;
    }

    .homecontainer .contladybg .fourtabs {
        margin-left: 9%;
    }

    .footer ul li a {
        padding: 10px 27px;
    }

    .copyright .copyrightleft {
        padding: 7px 0px;
        text-align: center;
        width: 100%;
    }

    .copyright .copyrightright {
        padding: 7px 0px;
        text-align: center;
        width: 100%;
    }

    .abtCont {
        display: block;
    }

    .martbles-inner div a .marblecaption {
        font-size: 16px;
        padding: 5px 28px;
        text-align: center;
        width: 50% !important;
    }

    .grid {
        width: 32%;
    }

    .img122 {
        margin-left: 26px !important;
    }

    .homecontainer .contladybg {
        background: transparent url("images/ladybg.jpg") no-repeat scroll -342px 0px/cover;
    }

    .grid125 {
        width: 44% !important;
        margin-left: 10px;
    }

    .contform textarea {
        margin-left: 0px;
    }

    .sitemapslide1 {
        width: 100%;
        background: #191616 none repeat scroll 0% 0%;
        height: auto;
        box-shadow: 0px -5px 5px #888;
        bottom: 98px;
        position: absolute;
        margin-bottom: -500px;
        overflow: hidden;
    }

    .sitemapslide {
        bottom: 92px;
    }

    .sitemapslide1 .sitelinks1 {
        width: 94%;
        padding: 2% 0px 0px;
    }

    .sitemapslide1 h1 {
        padding: 2% 25px 1%;
    }

    .floating-box {
        float: left;
        width: 40%;
        padding: 25px 35px;
        border: 1px solid #E5E5E5 !important;
    }

    .conadd {
        width: 100%;
        float: none;
        margin: auto;
    }

    .contform {
        width: 48%;
        margin-top: 0px;
    }

    .contform textarea {
        width: 100%;
        box-sizing: border-box;
    }

    @media screen and (max-width:980px) {
        .header .menu {
            display: none;
        }

        .wrapper {
            display: block;
        }

        .responsive-menu {
            display: block;
        }

        .header {
            padding: 0;
        }

        .header .logo {
            position: inherit;
            margin: 0;
            padding: 0;
            text-align: center;
        }

        .header .logo img {
            border: 0px solid #ADADAD;
        }

        .clientele-page li {
            max-width: 21% !important;
        }
    }

    @media screen and (max-width:970px) {
        .homecontainer .contladybg .fourtabs .fourtabsleft {
            margin-right: 30px;
        }

        .footer ul {
            float: none;
        }

        .footer ul li {
            float: none;
        }

        .footer ul li a {
            padding: 5px 0px;
        }

        .header .menu ul li a {
            padding: 8px 20px;
        }

        .icons_class {
            text-align: center;
        }

        .sitemapslide .sitelinks ul {
            margin-bottom: 298px;
        }

        .sitemapslide .sitelinks ul li {
            float: left;
        }

        .sitemapslide .sitemapclose {
            top: 1%;
        }

        .sitemapslide1 {
            bottom: 197px;
            width: 100%;
            display: block;
            text-align: center;
        }

        .input_news:focus {
            background: none;
            padding-left: 14px;
            width: 80%;
            background-color: #fff;
        }

        .conadd {
            float: none;
            width: 100%;
        }

        .grid125 {
            width: 47% !important;
            margin-left: 10px;
        }

        .contform input {
            width: 100%;
            box-sizing: border-box;
        }

        .sitemapclose img {
            width: 17px;
        }
    }

    @media screen and (max-width:900px) {
        .innercontainer .mediarelease ul li {
            width: 33.33% !important;
        }

        .homecontainer .contladybg {
            max-width: none;
            margin-top: -231px;
            padding: 0;
        }

        .homecontainer .contladybg .fourtabs {
            width: 100%;
            margin-top: 0;
            margin-left: 0;
        }

        .homecontainer .contladybg .fourtabs .fourtabsleft {
            max-width: none;
            width: 50%;
            margin-right: 0;
        }

        .homecontainer .contladybg .fourtabs .fourtabsright {
            max-width: none;
            width: 50%;
            margin-top: 0;
        }

        .homecontainer .homecompany .companyleft a {
            padding: 30px 0px;
            position: absolute;
            width: 100%;
            height: 100%;
            box-sizing: border-box;
        }

        .homecontainer .homecompany .infrastructureright {
            max-width: none;
            width: 50%;
        }

        .homecontainer .homecompany .infrastructureright a {
            height: 210px;
            padding-top: 210px;
        }

        .homecontainer .homeclassy .classyleft a {
            height: 210px;
            padding-top: 210px;
        }

        .homecontainer .homeclassy .watchright img {
            float: left;
        }

        .homecontainer .homeclassy .watchright ul {
            float: left;
            margin: 0;
        }

        .marblemap .marblemapcontent {
            padding: 5% 0%;
            width: 100%;
            float: none;
        }

        .marblemap .marblemapimage {
            width: 100%;
            float: none;
        }

        .martbles-inner div a .marblecaption {
            width: 64% !important;
        }

        .homecontainer .homeclassy .watchright {
            width: 50%;
        }

        .homecontainer .homeclassy .classyleft {
            width: 50%;
            max-width: none;
            margin-top: -240px;
            float: left;
        }

        .homecontainer .homecompany .infrastructureright1 {
            background: transparent url("images/participation4.jpg") no-repeat scroll 0px 0px/cover;
            width: 50%;
            max-width: 735px;
            float: left;
            height: 440px;
        }

        .homecontainer .homecompany .companyleft {
            height: 200px;
        }
    }

    @media screen and (max-width:800px) {
        .mwhatsapp {
            right: 17%;
            top: 13px
        }

        .mphone {
            right: 14%;
            top: 13px
        }

        .phone1 {
            right: 3%;
            top: 42px;
        }

        .logo_main img {
            width: 90px
        }

        .wrapper-dropdown-1,
        .wrapper-dropdown-2,
        .wrapper-dropdown-3,
        .wrapper-dropdown-4 {
            width: 47%;
        }

        .grid {
            width: 49%;
        }

        .conaddrss {
            float: left;
            width: 100%;
            margin-right: 0px;
        }

        .conaddrss .contadrssmap {
            float: left;
            margin-right: 4%;
            padding: 3%;
            width: 42%;
        }

        .conaddrss .contadrssmap:nth-child(2n+1) {
            margin-right: 0px !important;
        }

        .contform {
            float: left;
            width: 100%;
        }

        .innercontainer .pcdiv .pc {
            width: 32%;
        }

        .img122 {
            margin-left: 26px !important;
        }

        .logo_outer {
            /* width: 97%; */
            /* float: left; */
            /* height: 0px; */
        }
    }

    @media screen and (max-width:700px) {
        .logo_main img {
            width: 80px;
        }

        .caption {
            display: NONE;
        }

        .contform h1 {
            margin-top: 20px;
            font-size: 30px !important;
        }

        .innercontainer .mediarelease ul li {
            width: 50% !important;
        }

        .invitation {
            margin-top: -88px !important;
        }

        .marblemap .marblemapcontent h1 {
            font-size: 22px;
        }

        .marblemap .marblemapcontent p {
            font-size: 16px;
        }

        .homecontainer .homeclassy .watchright img {
            width: 38%;
        }

        .homecontainer .homeclassy .watchright ul {
            width: 60%;
        }

        .martbles ul li {
            width: 100% !important;
        }

        .homecontainer .homeclassy .watchright ul li a {
            padding: 0;
        }

        .abtCont {
            display: block;
        }

        .clientele-page li:nth-child(4n+1) {
            margin-left: 10px !important;
        }

        .clientele-page li {
            max-width: 28% !important;
        }

        .martbles-inner div {
            width: 32% !important;
        }

        .innercontainer h1 {
            font-size: 58px;
        }

        .img122 {
            margin-left: 17px !important;
        }
    }

    @media screen and (max-width:650px) {
        .mwhatsapp {
            right: 20%
        }

        .mphone {
            right: 17%
        }

        .caption {
            display: NONE;
        }

        .award .award-box {
            width: 50% !important;
        }

        #carrer-form .form_field {
            width: 50% !important;
        }

        .wrapper-dropdown-1,
        .wrapper-dropdown-2,
        .wrapper-dropdown-3,
        .wrapper-dropdown-4 {
            padding: 2% 1%;
        }

        .clientele-page li {
            max-width: 45% !important;
            box-sizing: border-box;
        }

        #banner-slide {
            margin-left: -10px !important;
        }
        
        .homecontainer .homeclassy .watchright {
    top: 0;
}

.homecontainer .homeclassy .watchright .wacthimg {
    top: 0;
}

.homecontainer .homecompany .companyleft1 {
    margin: 0;
}

.homecontainer .homecompany br,.homecontainer .homecompany p {
    display: none !Important;
}


.homecontainer .homecompany .infrastructureright {
    bottom: 0;
}

    }
    

    @media screen and (max-width:600px) {
        .mwhatsapp {
            right: 23%
        }

        .mphone {
            right: 18%
        }

        .caption {
            display: NONE;
        }

        .marblepageulli select {
            width: 31.4%;
        }

        .newsletter {
            width: 70% !important;
        }

        .contact-container .conadd .contact-box {
            width: 50% !important;
        }

        .grid {
            width: 100%;
            display: flex;
        }

        .martbles-inner div {
            width: 49% !important;
        }

        .countary li {
            width: 50% !important;
        }

        .grid.photogallery > a {
            float: left;
            width: 100%;
        }

        .grid.photogallery {
            margin-bottom: 20px;
        }
    }

    @media screen and (max-width:500px) {
        .mwhatsapp {
            right: 26%
        }

        .mphone {
            right: 21%
        }

        .caption {
            display: NONE;
        }

        .newsletter {
            width: 90% !important;
        }

        .innercontainer .mediarelease ul li {
            width: 50% !important;
        }

        #carrer-form .form_field {
            width: 100% !important;
        }

        .innercontainer h1 {
            font-size: 60px;
        }

        .conaddrss .contadrssmap {
            float: none;
            padding: 3%;
            width: 94%;
            margin: 0px auto 20px !important;
        }

        .contform textarea {
            margin-left: 0px;
        }

        .innercontainer .pcdiv .pc {
            width: 47%;
            margin-right: 3%;
        }

        .img122 {
            margin-left: 13px !important;
        }

        .innercontainer h1 {
            font-size: 38px;
        }

        .homecontainer .homecompany .companyleft1 {
            width: 51%;
            margin-left: 0%;
        }

        .homecontainer .homecompany .wacthimg {
            width: 100%;
            float: left;
            background: transparent url("images/live-preview.jpg") no-repeat scroll 0px 0px/cover;
            max-width: 235px;
            margin-top: 200px;
        }

        .homecontainer .homecompany .infrastructureright {
            max-width: none;
            width: 49%;
        }

        .responsive-slider .slides ul li .slide-body .caption.header p {
            font-size: 15px !important;
        }

        .logo_main {
            /* width: auto; */
            /* margin: 65px 0px 0px 10px; */
            /* text-align: right; */
        }

        .banner img {
            width: 100%;
            height: 303px;
        }
    }

    @media screen and (max-width:450px) {
        .mwhatsapp {
            right: 30%
        }

        .mphone {
            right: 24%
        }

        .caption {
            display: NONE;
        }

        .contact-container .conadd .contact-box {
            width: 100% !important;
        }

        .award .award-box {
            width: 100% !important;
        }
.clientele-page li {
    /* max-width: 100% !important; */
    padding: 0 !important;
    display: flex;
    justify-content: center;
    margin-bottom: 20px !important;
}
.clientele-page li img {

    height: 70px !Important;
}

        .homecontainer .homecompany .companyleft1 {
            width: 56%;
            margin-left: 0%;
        }

        .homecontainer .homecompany .wacthimg {
            width: 100%;
            float: left;
            background: transparent url("images/live-preview.jpg") no-repeat scroll 0px 0px/cover;
            max-width: 193px;
            margin-top: 200px;
        }

        .homecontainer .homecompany .infrastructureright {
            max-width: none;
            width: 44%;
        }
.tb_cart {
    padding: 11px 26px 7px 18px;
    margin-top: 9px;
}
.regular.slider .slick {
    height: 270px !IMPORTANT;
    object-fit: cover;
}

.header {
    background: #000 !IMPORTANT;
}
.regular.slider .slick img {height: 100% !IMPORTANT;object-fit: cover !important;}
/*.regular.slider {
    margin-top: 70px;
}*/

    }

    @media screen and (max-width:420px) {
       .mwhatsapp {
    right: 25%;
    top: 13px;
}

       .mphone {
    right: 17%;
    top: 13px;
}

        .phone1 {
            right: 2%;
            top: 45px;
        }

        .innercontainer .mediarelease ul li {
            width: 100% !important;
        }

        .homecontainer .homecompany .infrastructureright {
            width: 100%;
        }

        .homecontainer .homeclassy .classyleft {
            width: 100%;
            float: left;
            margin-top: 0px;
        }

        .homecontainer .contladybg .fourtabs .fourtabsright,
        .homecontainer .contladybg .fourtabs .fourtabsleft {
            width: 100%;
        }

        .homecontainer .contladybg .fourtabs .fourtabsright .fourliving a,
        .homecontainer .contladybg .fourtabs .fourtabsleft .fourproduction a {
            padding-top: 30px;
            height: 100px;
        }

        .marblemap .marblemapcontent h1 {
            font-size: 16px;
        }

        .marblemap .marblemapcontent p {
            font-size: 15px;
        }

        .innercontainer h1 {
            font-size: 50px;
        }

        .innercontainer .styletxt {
            font-size: 17px;
            position: relative;
        }

        .homecontainer .homeclassy .watchright ul li a {
            color: #fff;
        }

        .homecontainer .homeclassy .watchright ul li a:hover {
            color: #EE3739;
        }

        .homecontainer .homeclassy .watchright .menueffect a span::before {
            color: #EE3739;
        }

        .contform .submit {
            margin-right: 0px;
        }

        .martbles-inner div {
            width: 98% !important;
        }

        .innercontainer .journey-div p {
            width: 100%;
        }

        .innercontainer .logo-div p {
            width: 100%;
        }

        .innercontainer .culture-div p {
            width: 100%;
        }

        .innercontainer .rd-div p {
            width: 100%;
        }

        .innercontainer h1 {
            font-size: 32px;
            margin-bottom: 44px;
        }

        .abtCont p {
            width: 80% !important;
        }

        .homecontainer .homecompany .infrastructureright1 {
            width: 100%;
        }

        .homecontainer .homecompany .companyleft {
            height: 200px;
            width: 100%;
        }

        .homecontainer .homeclassy .watchright {
            width: 100%;
        }

        .homecontainer .homecompany .companyleft1 {
            width: 100%;
            margin-left: 0%;
            margin-top: 0px;
        }

        .homecontainer .homecompany .wacthimg {
            max-width: 100%;
            margin-top: 0px;
        }

        .homecontainer .homeclassy .watchright .wacthimg {
            max-width: 100%;
        }

        .responsive-slider .slides ul li .slide-body .caption.header p {
            font-size: 14px;
        }

.logo_main {
    width: auto;
    margin: -53px 0px 0px 50px;
    text-align: right;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 19px !Important;
}

        .logo_main img {
            width: 75px;
        }

        .caption {
            display: NONE;
        }

        .sitemapslide .sitelinks {
            width: 100%;
            padding: 2% 0px;
        }

        .sitemapslide .sitelinks ul {
            margin-bottom: 335px;
        }

        .sitemapslide1 {
            width: 100%;
            background: #191616 none repeat scroll 0% 0%;
            height: auto;
            box-shadow: 0px -5px 5px #888;
            bottom: 257px;
            position: absolute;
            margin-bottom: -500px;
            overflow: hidden;
        }

        .sitemapclose img {
            width: 20px;
        }

        .submit_news {
            padding: 3px 2px;
            letter-spacing: 1px;
            width: 96%;
            font-size: 18px;
            margin-left: 2px;
        }

        .input_news:focus {
            background: none;
            padding-left: 14px;
            width: 86%;
            background-color: #fff;
        }

        .sitemapslide1 .sitelinks1 {}
    }

    @media screen and (max-width:390px) {
        .mwhatsapp {
            right: 33%;
            top: 11px
        }

        .mphone {
            right: 26%;
            top: 11px
        }

        .phone1 {
            right: 8%;
            top: 42px;
        }

        .colortheme {
            top: 36px;
            padding: 13px 0px 12px 15px;
        }

        .call {
            top: 13px;
            left: 10px;
        }

        .wrapper-dropdown-1,
        .wrapper-dropdown-2,
        .wrapper-dropdown-3,
        .wrapper-dropdown-4 {
            width: 100%;
            padding: 5% 1%;
        }

        .innercontainer h1 {
            font-size: 32px;
        }

        .innercontainer .styletxt {
            font-size: 15px;
        }

        .innercontainer .pcdiv .pc {
            width: 85%;
            float: none;
            margin: auto;
        }

        .img122 {
            margin-left: 10px !important;
        }
    }

    @media screen and (max-width:340px) {

        .marblepageulli select {
            width: 100%;
        }

        .mwhatsapp {
            right: 38%;
            top: 11px
        }

        .mphone {
            right: 30%;
            top: 11px
        }

        .phone1 {
            right: 8%;
            top: 42px;
        }

        .sitemapslide1 {
            bottom: 277px;
        }

        .innercontainer .mediarelease {
            margin-left: 0px;
        }
    }

    @media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation:landscape) {
        .sitemapslide1 {
            bottom: 267px;
        }
    }


@media only screen and (max-width: 768px){
    div#mp-pusher {
    height: auto !IMPORTANT;
}
.slides {
    min-height: auto !IMPORTANT;
    height: auto !important;
}
div#mp-pusher {
    transform: inherit !IMPORTANT;
}
.homecontainer .homecompany .wacthimg {
    position: static !IMPORTANT;
}
div#mp-pusher.mp-pusher.mp-pushed {
    transform: translateX(250px) !IMPORTANT;
    position: relative !IMPORTANT;
    z-index: 9;
}
.mp-menu {
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 1;
    width: 250px;
    height: 100vh !important;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    background: #fff;
    z-index: 9999999999999999999 !important;
}
div#mp-pusher.mp-pusher.mp-pushed .header {
    top: 13px;
}
div#mp-pusher.mp-pusher.mp-pushed{
    overflow:initial !important;
}
.marblemapimage img {
    width: 100% !important;
    height: auto !IMPORTANT;
}
.homecontainer .homecompany .wacthimg {
    background: url(images/participation.jpg) no-repeat 0 0 !important;
}
.mp-menu ul li > a {
    text-transform: uppercase !important;
}
.homecontainer .homecompany .companyleft1 a {
    padding: 165px 0px;
}

.homecontainer .homecompany .companyleft1 {
    margin-top: 0px;
}
.homecontainer .homecompany .infrastructureright1 {
    height: 350px;
}

.homecontainer .homecompany .infrastructureright1 a {
    height: 100%;
    padding-top: 160px;
}
.mobile-menu-toggle {
    top: -33px;
}
.innercontainer .mediarelease ul li .content iframe {
    width: 100% !IMPORTANT;
    height: auto !important;
}

.innercontainer .mediarelease ul li .content {
    min-height: inherit;
}

.innercontainer .mediarelease ul li {
    display: inline-block !IMPORTANT;
    float: inherit !important;
}

.innercontainer .mediarelease {
    margin-left: 0;
}
.logo_main {
    /* margin: 27px 0px 0px 50px; */
}
.main_banner_area {
    padding-top: 0;
    background: #000;
}
.custom_right_menu_new {
    top: 34px;
    z-index: 99;
}
.innercontainer .pcdiv .pc {
    width: calc(100% - 32px) !important;
}
.header {
    position: static;
    float: left;
    height: 70px;
}

.header_inner {
    position: relative;
}

.logo_outer {
    /* position: absolute; */
    /* top: 35px !important; */
    padding-top: 10px;
}



a#trigger {
    z-index: 99;
}
.logo_main a img {
    width: 120px !important;
}
}

/***************Mobile***********************/
@media only screen and (max-width: 480px) {
            .logo_main {
            /* margin: 39px 0px 0px 50px; */
        }
}