@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900');

@import url('https://fonts.googleapis.com/css?family=Hepta+Slab:500,600,700&display=swap');

@font-face {

    font-family: RobotoCondensed_Bold;

    src: url('../Fonts/RobotoCondensed_Bold.ttf');

}



@font-face {

    font-family: RobotoCondensed_Light;

    src: url('../Fonts/RobotoCondensed_Light.ttf');

}



@font-face {

    font-family: RobotoCondensed_Regular;

    src: url('../Fonts/RobotoCondensed_Regular.ttf');

}



@font-face {

    font-family: Arial_Regular;

    src: url('../Fonts/Arial_Regular.ttf');

}



@font-face {

    font-family: Arial_Bold;

    src: url('../Fonts/Arial_Bold.ttf');

}





body {

    margin: 0px;

    padding: 0px;

    font-family: RobotoCondensed_Regular, Arial, Verdana, Calibri;

    /*padding-top:40px;*/

}

.mbg { background-color:#f6f6f9!important; }



img {

    border: none;

    margin: 0px;

    padding: 0px;

}



a {

    outline: none;

    display:inline-block;

    text-decoration:none!important;

}



a:hover {

    outline: none;

    text-decoration:none!important;

}



.h1 {

    background: rgb(0,159,219); /* Old browsers */

background: -moz-linear-gradient(top, rgba(0,159,219,1) 0%, rgba(16,94,152,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, rgba(0,159,219,1) 0%,rgba(16,94,152,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, rgba(0,159,219,1) 0%,rgba(16,94,152,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009fdb', endColorstr='#105e98',GradientType=0 ); /* IE6-9 */

-webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



.clear {

    clear: both;

}



.clear5 {

    clear: both;

    height: 5px;

}



.clear10 {

    clear: both;

    height: 10px;

}



.clear20 {

    clear: both;

    height: 20px;

}





.clear30 {

    clear: both;

    height: 30px;

}



.m-banner {

    background-image: url('../images/maso_automotiv.png')!important;

}

.m-banner-1 {

    background-image: url('../images/Banner_Maso_1.jpg');

}

.m-banner-2 {

    background-image: url('../images/Banner_Maso_2.jpg');

}

.m-banner-3 {

    background-image: url('../images/Banner_Maso_3.jpg');

}

.m-banner-4 {

    background-image: url('../images/Banner_Maso_4.png');

}



.d-banner {

    background-image: url('../images/banners/b01.png')!important;

}

.d-banner-1 {

    background-image: url('../images/products-home/03.jpg');

}

.d-banner-2 {

    background-image: url('../images/banners/fof.png');

}

.d-banner-3 {

    background-image: url('../images/banners/BirdEyeView.png');

}

.d-banner-4 {

    background-image: url('../images/banners/robotics.png');

}

.d-banner-5 {

    background-image: url('../images/banners/GearGrinding.png');

}





.mcr-banner {

    background-image: url('../images/banners/mascor.png');

}

.mcr-banner-1 {

    background-image: url('../images/banners/banner3.png');

}

.mcr-banner-2 {

    background-image: url('../images/mascor/mc-1.png');

}



h1 {

    font-family: RobotoCondensed_Regular, Arial, Verdana, Calibri;

    font-size: 48px;

    color: #0066ac;

    margin: 0px;

    padding: 0px;

    text-align: center;

    width: 100%;

    font-weight: normal;

}



    h1 span {

        color: #000000;

    }



h2 {

    font-family: RobotoCondensed_Bold, Arial, Verdana, Calibri;

    font-size: 22px;

    color: #202020;

    margin: 0px;

    padding: 0px;

    text-align: center;

    width: 100%;

    font-weight: normal;

}



h3 {

    font-family: RobotoCondensed_Regular, Arial, Verdana, Calibri;

    font-size: 48px;

    color: #202020;

    margin: 0px;

    padding: 0px;

    text-align: center;

    width: 100%;

    font-weight: normal;

}



h4 {

    font-family: RobotoCondensed_Regular, Arial, Verdana, Calibri;

    font-size: 30px;

    color: #0066ac;

    margin: 0px;

    padding: 0px;

    text-align: left;

    width: 100%;

    font-weight: normal;

    border-bottom: 1px solid #ccc;

}

.h1 { font-family:Montserrat!important; font-weight:800!important; }

p {

    font-family: Arial_Regular, Arial, Verdana, Calibri;

    font-size: 18px;

    font-weight: normal;

    color: #666666;

    margin: 0px;

    padding: 0px;

    line-height: 22px;

    text-align: justify;

    margin-bottom:15px;



}

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



    p span {

        color: #202020;

        font-family: Arial_Bold, Arial, Verdana, Calibri;

    }



.text-center, .text-center p { text-align: center!important; }



.text-justify-center p{

    text-align:justify!important;

    text-align-last:center!important;

}

.e-scale img {  transition:all 0.4s ease 0s; }

    

.e-scale:hover img { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);  }



.Landing_page_Top {

    width: 100%;

    height: auto;

    /*background: url(/Content/images/Landing_page_top_bg.jpg) repeat;*/

    background-image: url('../images/bg.png') ;

    background-repeat: no-repeat;

    background-position:center center;

    background-size:cover;

    overflow:hidden;

    position:relative;



}

.nobg { background-image:none;

        background:linear-gradient(180deg, rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.50), rgba(255, 255, 255, 0.80) ), url() center top no-repeat

}

.bg-mascor {

    background-image: url('../images/banners/mascor.png')!important ;

}

.vimeo-play { display:block; margin:10px auto 40px; width:100px; max-width:10%; opacity:0.8; transition: all 0.4s ease 0s}

.vimeo-play:hover { opacity:1; transform:scale(1.1);}



.page_Top .Landing_page_top_Products_bg{ height:50vh; 

    background-image: url('../images/bg.png') ;}



.Landing_page_top_Products_bg {

    width: 100%;

    height: 100vh;

    /*float: left;*/ /*background: url(/Content/images/Landing_pageTopbg.jpg) no-repeat;*/

    background-position: center top;

    background-size: 100% 100%;

    position: relative;

    /*background-image: url('../images/bg1.jpg') ;*/

    background-repeat: no-repeat;

    background-position:center center;

    background-size:cover;

}





    .Landing_page_top_Products_bg:before { position:absolute; top:0; left:0; width:100%; height:100%; content:""; background-color:rgba(22,22,22,0.8);}



    .Landing_page_top_Products_bg.n-banners:before { position:absolute; bottom:0; top:auto; left:0; width:100%; height:40%; content:""; background:linear-gradient(180deg, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 0.80) ), /*url(../images/bg.png)*/ center top no-repeat}

    .Landing_page_top_Products_bg.white-mask:before {  background:linear-gradient(180deg, rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.50), rgba(255, 255, 255, 0.80) ), /*url(../images/bg.png)*/ center top no-repeat}



    .Landing_page_top_Products_bg.white-mask h2, .Landing_page_top_Products_bg.white-mask h5 { color:#000!important; }



.Landing_page_Wraper {

    width: 80%;

    height: auto;

    margin: 0 auto;

    max-width: 1100px;

    position:absolute;

    top:50%; left:50%; transform:translateX(-50%) translateY(-50%);

}



.Landing_page_top_Products_bg.n-banners .Landing_page_Wraper {

    top:auto; left:50%; bottom:2%; transform:translateX(-50%) translateY(-50%);

}



.Landing_page_Maso_Group_logo {

    width: 100%;

    height: auto;

    margin: 0 auto;

    margin-top: 50px;

    max-width: 460px;

}



    .Landing_page_Maso_Group_logo img {

        max-width: 100%; display:block; margin:0 auto;

    }



.Landing_page_Maso_Group_logo_text {

    width: 100%;

    height: auto;

    float: left;

    margin-top: 20px;

}



    .Landing_page_Maso_Group_logo_text h2 {

        color: #fff;

        /*font-size: 30px;*/

        font-size: 36px;

        font-family: 'Hepta Slab', serif;

        font-weight:600;

        text-shadow:1px 2px 4px rgba(0,0,0,0.3);

    }



.Landing_page_bootom {

    width: 100%;

    height: auto;

    float: left;

    position: relative;

    background-color: #fff;

    padding: 20px 0px;

}



.Landing_page_bootom_text {

    width: 400px;

    height: auto;

    position: absolute;

    top: 30px;

    left: 0;

    right: 0;

    margin: 0 auto;

}



    .Landing_page_bootom_text h1 {

        color: #202020;

        font-size: 36px;

        line-height: 36px;

    }



    .Landing_page_bootom_text h3 {

        color: #202020;

        font-size: 18px;

        line-height: 18px;

    }



.Landing_page_maso_logo, .Landing_page_devgiri_logo {

    width: 270px;

    height: auto;

    float: left;

    text-align: center;

    margin-top: 50px;

}



.Landing_page_devgiri_logo {

    float: right;

}



    .Landing_page_maso_logo img, .Landing_page_devgiri_logo img {

        width: 80%;

        float: none;

        -webkit-transition: all 0.5s;

        -moz-transition: all 0.5s;

        -ms-transition: all 0.5s;

        -o-transition: all 0.5s;

        transition: all 0.5s;

    }



    .Landing_page_maso_logo:hover img, .Landing_page_devgiri_logo:hover img {

        width: 90%;

        -webkit-transition: all 0.5s;

        -moz-transition: all 0.5s;

        -ms-transition: all 0.5s;

        -o-transition: all 0.5s;

        transition: all 0.5s;

    }



    .Landing_page_maso_logo a, .Landing_page_devgiri_logo a {

        text-decoration: none;

    }





















.Header_top {

    width: 100%;

    height: auto;

    background-color: #0066ac;

    padding: 6px 0 8px;

    min-height:30px;

    position:fixed;

    left:0; right:0; top:0;

    z-index:999;

}





.Header_top_Maso_logo {

    width: 148px;

    height: auto;

    margin: 0 auto;

    margin-top: 2px;

}



.Header_top_Maso_logo img {

     width: 90%;

        float: none;

        -webkit-transition: all 0.5s;

        -moz-transition: all 0.5s;

        -ms-transition: all 0.5s;

        -o-transition: all 0.5s;

        transition: all 0.5s;

}

.Header_top_Maso_logo:hover img {

    transform:scale(1.3);

        -webkit-transition: all 0.5s;

        -moz-transition: all 0.5s;

        -ms-transition: all 0.5s;

        -o-transition: all 0.5s;

        transition: all 0.5s;

}





.Pagewraper {

    width: 80%;

    height: auto;

    margin: 0 auto;

    padding: 30px 0px;

}



.Content_wraper {

    width: 90%;

    height: auto;

    margin: 0 auto;

}





.PagewraperLeft {

    width: 62%;

    height: auto;

    float:left;

}

    .PagewraperLeft p {

        text-align:justify;

    }



.PagewraperRight {

    width: 35%;

    height: auto;

    float:right;

   

}





.Logo {

    width: 400px;

    height: auto;

    float: left;

    margin: 5px 0px;

}



    .Logo img {

        width: 100%;

    }





.main_menu {

    width: auto;

    height: auto;

    float: right;

    margin-top: 20px;

}



/*.main_menu ul {

        padding: 0px;

        margin: 0px;

        list-style: none;

        float: right;

    }



        .main_menu ul li {

            float: left;

            width: auto;

            padding: 0px;

            margin-left: 40px;

        }



            .main_menu ul li a {

                list-style: none;

                text-decoration: none;

                font-family: RobotoCondensed_Regular, Arial, Verdana, Calibri;

                font-size: 16px;

                font-weight: normal;

                color: #666666;

                padding: 1px 0px;

                letter-spacing: 0.5px;

            }



                .main_menu ul li a:hover {

                    text-decoration: none;

                    color: #0066ac;

                    border-bottom: 3px solid #0066ac;

                }*/

/* nocture_Vijay */

.shine-btn { position:absolute; bottom:25px; line-height:80px; right:25px;/*translate(-50%,-50%)*/ transform: perspective(500px) rotateY(-15deg); -webkit-transform:perspective(500px) rotateY(-15deg); -moz-transform:perspective(500px) rotateY(-15deg); width:200px; height:100px; font-size:20px; text-align:center; background: linear-gradient(90deg, #3603ff, #a41ee9); color:#fff; text-decoration:none; border-radius:50px; padding:10px; letter-spacing:1px; transition:0.5s; text-shadow:6px 3px 2px rgba(0,0,0,0.4); overflow:hidden; }

            .shine-btn:hover { transform: perspective(500px) rotateY(15deg); -webkit-transform: perspective(500px) rotateY(15deg); -moz-transform: perspective(500px) rotateY(15deg); text-shadow:-6px 3px 2px rgba(0,0,0,0.4); }

            .shine-btn:before { content:''; position:absolute; top:0; left:-100%; width:100%; height:100%; background: linear-gradient(90deg, rgba(0,0,0,0), #fff, rgba(0,0,0,0)); transition:0.5s; }

            .shine-btn:hover:before{ left:100%; }

    .shine-btn img { max-height:90%; max-width:90%; margin:0 auto;}

/* nocture_Vijay */

.Banner {

    width: 100%;

    height: auto;

    float: left;

}



    .Banner img {

        width: 100%;

    }



.TextInnerDiv {

    width: 100%;

    max-width: 900px;

    margin: 0 auto;

}



    .TextInnerDiv p {

        text-align: justify;

    }



.Sepretor1 {

    width: 190px;

    height: 25px;

    float: none;

    margin: 0 auto;

}



    .Sepretor1 img {

        width: 100%;

    }





.ReadMore1 {

    width: 140px;

    height: auto;

    margin: 0 auto;

    margin-top: 15px;

}



    .ReadMore1 a {

        color: #ffffff;

        display: block;

        font-family: RobotoCondensed_Bold, Arial, Verdana, Calibri;

        font-size: 18px;

        font-weight: normal;

        line-height: 24px;

        padding: 8px 0px;

        text-align: center;

        text-decoration: none;

        text-transform: uppercase;

        border-radius: 5px;

        letter-spacing: 0.5px;

        background-color: #0066ac;

        border-bottom: 3px solid #003366;

    }



        .ReadMore1 a:hover {

            background-color: #333;

            border-color: #000;

        }



.ReadMore2 {

    width: 120px;

    height: auto;

    margin: 0 auto;

}



    .ReadMore2 a {

        color: #0066ac;

        display: block;

        font-family: RobotoCondensed_Bold, Arial, Verdana, Calibri;

        font-size: 16px;

        font-weight: normal;

        line-height: 24px;

        padding: 2px 0px;

        text-align: center;

        text-decoration: none;

        text-transform: uppercase;

        letter-spacing: 0.5px;

    }



        .ReadMore2 a:hover {

            color: #000;

        }







.ReadMore3 {

    width: 120px;

    height: auto;

    float: right;

    margin-top: -20px;

}



    .ReadMore3 a {

        color: #FFF;

        display: block;

        font-family: RobotoCondensed_Bold, Arial, Verdana, Calibri;

        font-size: 16px;

        font-weight: normal;

        line-height: 24px;

        padding: 2px 0px;

        text-align: center;

        text-decoration: none;

        text-transform: uppercase;

        letter-spacing: 0.5px;

    }



        .ReadMore3 a:hover {

            color: #003366;

        }





.Services_bg {

    width: 100%;

    height: auto;

    float: left;

    background: url(/Content/images/Services_bg.jpg) no-repeat;

    background-size: 100% 100%;

}



.Services_bg_wraper {

    width: 990px;

    height: auto;

    margin: 0 auto;

    padding: 20px 0px;

}



.Services_bg_wraper h1, h2, a {

    color:#fff;

}

.Services_Left {

    width: 300px;

    height: 350px;

    float: left;

    background: url(/Content/images/Services_left_bg2.png) no-repeat;

    margin: 15px;

}



    .Services_Left:hover {

        

        background: url(/Content/images/Services_left_bg.png) no-repeat;

        cursor: pointer;

    }



    .Services_Left h2 {

        margin-top: 10px;

        text-transform: uppercase;

    }



.Services_Left_icon {

    width: 155px;

    height: auto;

    float: none;

    margin: 70px auto 0;

}



    .Services_Left_icon img {

        width: 100%;

    }



#Services_Left4 {

    margin-left: 180px;

    margin-top: -80px;

}



#Services_Left5 {

    margin-top: -80px;

}











.Provide_Technology {

    width: 100%;

    height: auto;

    float: left;

}



.Provide_Technology_left {

    width: 28%;

    height: auto;

    float: left;

    margin: 2.6%;

}



.Provide_Technology_left_img {

    width: 100%;

    height: auto;

    float: left;

    text-align: center;

}



    .Provide_Technology_left_img img {

        width: 100%;

        max-width: 300px;

        float: none;

    }



.Provide_Technology_left_Text {

    width: 100%;

    height: auto;

    float: left;

    margin-top: 10px;

}



    .Provide_Technology_left_Text p {

        text-align: center;

    }





.Client_logo {

    width: 100%;

    height: auto;

    float: left;

    border-top: 3px solid #cccccc;

    padding: 5px 0px;

}



    .Client_logo img {

        width: 100%;

    }









.footer {

    background-color: #000000;

    height: auto;

    width: 100%;

    padding: 15px 0px;

    margin-top: 3px;

}



.footer-wraper {

    height: auto;

    margin: 0 auto;

    width: 80%;

}



    .footer-wraper p {

        text-align: center;

        color: #999999;

        font-family: RobotoCondensed_Regular, Arial, Verdana, Calibri;

    }



    .footer-wraper a {

        text-decoration: none;

        color: #66ccff;

    }



        .footer-wraper a:hover {

            text-decoration: underline;

        }



.Innerpage_Banner {

    width: 100%;

    height: 170px;

    float: left;

    background: url(/Content/images/Inner_Banner.jpg) no-repeat;

    margin-top:41px;

}



    .Innerpage_Banner h1 {

        text-align: left;

        color: #fff;

        font-size: 24px;

        margin-top: 70px;

    }



        .Innerpage_Banner h1 span {

            color: #35aeff;

        }



.Content_list {

    width: 100%;

    height: auto;

    float: left;

}



    .Content_list ul {

        margin: 0 0 0 25px;

        padding: 0;

    }



        .Content_list ul li {

            text-decoration: none;

            font-family: Arial_Regular, Arial, Verdana, Calibri;

            font-size: 14px;

            font-weight: normal;

            color: #666666;

            margin: 0px;

            padding: 0px;

            line-height: 22px;

            text-align: left;

            margin-bottom: 7px;

            padding-left: 5px;

        }



.Maso_Content {

    width: 100%;

    height: auto;

    float: left;

   

}



.Maso_Content_Facilities {

    width: 100%;

    height: auto;

    float: left;

    border-bottom: 1px solid #ccc;

    padding-bottom:5px;

    margin-top:5px;

}



.Maso_Content_left {

    width: 65%;

    height: auto;

    float: left;

}

.Maso_Content_left p {

  text-align:justify;

}



.Maso_Content_right {

    width: 34%;

    height: auto;

    float: right;

}



    .Maso_Content_right img {

        width: 47%;

        height: 100px;

        float: right;

        max-width: 150px;

        margin: 1%;

        border: 1px solid #333;

    }



.Maso_Content_right2 {

    width: 34%;

    height: auto;

    float: right;

}



    .Maso_Content_right2 img {

        width: 100%;

        border: 1px solid #333;

        float: right;

    }



.TechnologyDevelopmentCentreImg {

    max-width: 202px;

}

.SAMPUTENSILI_Gear_machin_img {

    width: 90%;

    max-width: 600px;

    float: left;

    border: 1px solid #333;

}



.SAMPUTENSILI_Gear_machin_G450_img {

    max-width: 660px;

}



.productbox {

    width: 250px;

    height: 200px;

    border: 1px solid #ccc;

    float: left;

    margin: 5px;

    overflow: hidden;

}



    .productbox img {

        width: 100%;

    }



.clientbox {

    width: 250px;

    height: 110px;

    float: left;

    margin: 5px;

}



.clientboximage {

    text-align: center;

    margin: 0 auto;

    float: none;

    width: 250px;

    height: 105px;

    border: 1px solid #ccc;

    padding-top: 5px;

}



    .clientboximage img {

        float: none;

        width: auto;

        max-height: 105px;

        max-width: 250px;

    }



.clientboxText {

    width: 100%;

    text-align: center;

    font-family: Arial_Regular, Arial, Verdana, Calibri;

    font-size: 14px;

    font-weight: normal;

    color: #666666;

    display: none;

}

.AboutLeft {

    width:62%;

    height:auto;

    float:left;

    text-align:justify;

}

    .AboutLeft p {

        text-align:justify;

    }



.AboutRight {

    width:35%;

    height:auto;

    float:right;

}



.Contact_Enquiry_Box {

    height: auto;

    float: right;

    padding: 5%;

    background-color: #efefef;

    border-radius:5px;

}



    .Contact_Enquiry_Box h3 {

        font-size: 24px;

        color: #0066ac;

    }



.Contact_textBox1 {

    width: 99%;

    height: 40px;

    float: left;

    padding-left: 1%;

    margin: 5px 0px;

    border: 1px solid #afafaf;

    color: #333333;

    font-family: Arial_Regular, Arial, Helvetica, sans-serif;

    font-size: 14px;

    background-color: #fff;

    border-radius:3px;

}



.Contact_messageBox1 {

    width: 99%;

    height: 95px;

    float: left;

    padding-left: 1%;

    padding-top: 1%;

    margin: 5px 0px;

    border: 1px solid #afafaf;

    color: #333333;

    font-family: Arial_Regular, Arial, Helvetica, sans-serif;

    font-size: 14px;

    background-color: #fff;

    border-radius:3px;

}



    .Contact_textBox1:focus, .Contact_messageBox1:focus {

        border: 1px solid #0066ac;

        color: #0066ac;

    }



.Contact_SendButton1 {

    width: 120px;

    height: auto;

    float:left;

    margin-top: 10px;

    border: none;

    background-color: #0066ac;

    border-radius: 5px;

}



.Contact_SendButton1 {

    color: #ffffff;

    display: block;

    font-family: Arial_Regular, Arial, Helvetica, sans-serif;

    font-size: 16px;

    font-weight: normal;

    line-height: 20px;

    padding: 8px 0px;

    text-align: center;

    text-decoration: none;

}



    .Contact_SendButton1:hover {

        background-color: #000;

        cursor: pointer;

        border-radius: 5px;

    }



.Contact_Captcha, .Code_below {

    width: 100px;

    height: 40px;

    float: left;

    background-color: #fff;

    margin: 5px;

    margin-left: 0px;

    border: none;

    padding: 0px 0.5%;

    border: 1px solid #afafaf;

    text-align: center;

    border-radius:3px;

}



    .Contact_Captcha img {

        width: 100%;

        height: 100%;

    }



.Contact_IframeReloadLink {

    width: 25px;

    height: auto;

    float: left;

    padding-top: 13px;

    margin-left: 05px;

}



    .Contact_IframeReloadLink img {

        width: 100%;

       border:none;

    }

.researchImg {

    float:left;

    width:90%;

    padding:2% 0;

}

.researchImg img{

    float:left;

    width:30%;

    height:8em;

    margin:0 2%;

    border:1px solid;

    padding:2px;

}

.researchImg1 {

    float:left;

    width:65%;

    padding:2% 0;

}

.researchImg1 img{

    float:left;

    width:28%;

    height:8em;

    margin:0 2%;

        border:1px solid;

    padding:2px;

}

.achievement {

    float:left;

    width:100%;

    margin:2% 0 0;

    border-bottom:1px solid;

    padding:0 0 2%;

}

.achievementLeft {

    float:left;

    width:45%;

    text-align:center;

}

.achievementLeft p{

    font-size:20px;

text-align:center;

line-height:25px;

margin:2% 0 0;

}



.achievementLeft img{

    float:none;

    margin:0 2%;

    width:35%;

    text-align:center;

}



.bg-gray { background-color:#DFDFDF }

.vh-100 { min-height:100vh;}

.minh-100 { min-height:100%!important; height: auto;}

a.card, .card{ color:#333; transition:all 0.2s ease-in 0s; display:block;}

    a.card:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }

a.card .card-img-top, .card .card-img-top{

    height:200px;

    display:block;

    object-fit:cover;

    -webkit-object-fit:cover;

    object-position:center center;

    -moz-object-fit:cover; 

    -o-object-fit:cover;

    display:block;

}

.vc { position:relative; top:50%; transform:translateY(-50%);}

.texture-bg {

    background-image: url('../images/bg-texture.jpg');

    background-repeat: no-repeat;

    background-position: center center;

    background-size:cover;

}

.texture-bg2 {

    background-image: url('../images/bg1.png');

    background-repeat: no-repeat;

    background-position: center center;

    background-size:cover;

}

.texture-bg3 {

    background-image: url('../images/bg2.jpg');

    background-repeat: no-repeat;

    background-position: center center;

    background-size:cover;

}

.texture-bg2 h2{text-shadow: 1px 1px 0px rgba(255,255,255,0.1)!important;}

.justify-content-center img { float:none; }

.bg-video { width:100%; height:100%; position:absolute; left:0; top:0; bottom:0; right:0; object-fit:cover; }

.clients img { box-shadow:0 2px 4px rgba(0,0,0,0.2);  }



.bg-blue { /*background-color:#0066ac;*/ color:rgba(255,255,255,1); text-align:center; width:100%; }

    .bg-blue p span{ color:rgba(255,255,255,1); text-align:center;   }

    .bg-blue a { color:#fff; } .bg-blue a:hover { color:#66ccff; }

.h-points {  }

.h-points li { list-style:none; font-size: 1.25rem; color:#000; padding:10px 10px 10px 30px; position:relative; margin-bottom:10px; font-weight:600 }

    .h-points li:before { position:absolute; top:17px; left:2px; width:16px; height:16px; 

    background-image: url('../images/bullet.png');

    background-repeat: no-repeat;

    background-position: center center;

    background-size:contain; content:""; }





    .box-img { position:relative; width:100%; padding-top:100%; height:auto!important; overflow:hidden; }

    .box-img img { position:absolute; width:100%; height:100%!important; top:0; left:0; bottom:0; object-fit:cover; object-position:center center;  }

    .r-4-3 { padding-top:75%!important; }

    .points { padding: 0; list-style: none; }

    .points.row { padding-left: 10px; }

    .points > li { position: relative; padding: 2px 15px 12px 30px; text-align:justify; font-family: Arial_Regular, Arial, Verdana, Calibri; font-size: 18px; font-weight: normal; color: #666666;}

        .points > li:before { position: absolute; width: 8px; height: 8px; background-color: #FD3349; left: 10px; top: 10px; content: ""; transform: rotate(45deg); }





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

    p, .points > li { font-size: 16px; }

}



.slbContent { max-height:84vh;}



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

    .Landing_page_top_Products_bg {

        width:100%;

        padding-top:60%;

        height:auto;

    }

    .Landing_page_Maso_Group_logo img {

        max-width:70px;

    }

    .Landing_page_Maso_Group_logo_text h2 {

        font-size: 24px;

    }

}



.carousel-control-next, .carousel-control-prev{background-color:transparent; border:none}



.logoimg{max-width: 240px; max-height: 60px; margin: 0 auto 20px; display: block;}

.logoimg2{max-width: 180px; max-height: 48px; position: absolute; left: 72px; top: 26px; display: block;}