@import url('https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:700&display=swap');
                        @import url('https://fonts.googleapis.com/css?family=Karla');
                        @import url('http://fonts.googleapis.com/css?family=Ubuntu');
                        /* 
@font-face {

    font-family: 'Karla', sans-serif !important;

    src: url(../fonts/MONTSERRAT-REGULAR.TTF);

}

@font-face {

    font-family: 'MODERN NO. 216 BOLD';

    src: url(../fonts/MODERN NO. 216 BOLD.TTF);

}
 */
                        /*

font-family: 'Karla', sans-serif !important;

font-family: 'Modern', sans-serif;

*/
                 
.headlogo-1{padding-left: 5px !important;padding-right: 5px !important;}
.headlogo-1 img{width: 100% !important;}
#nav-icon3{margin-left: 7.5px !important;}
                        body {
                            background: none;
                            overflow-x: hidden !important;
                        }
                        /*button css starts*/
                        
                        body,
                        html {
                            overflow-x: hidden;
                        }
                        
                        #nav-icon3 {
                            position: absolute !important;
                            z-index: 9999 !important;
                            right:0;
                        }
                        
                        .headlogo-1 a {
                            position: relative;
                            float: left;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            height: 100%;
                            width: 100%;
                        }
                        
                        .menud a {
                            position: relative;
                            float: left;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            height: 100%;
                            width: 100%;
                        }
                        
                        .mainpopuphome {
                            position: fixed;
                            top: 15%;
                            width: 60%;
                            left: 0%;
                            z-index: 99999999;
                            left: 25%;
                        }
                        
                        .videomainpopupclose {
                            cursor: pointer;
                            width: auto;
                            float: right;
                            padding: 1% 2%;
                            font-size: 20px;
                            font-weight: bold;
                            color: #ffffff;
                        }
                        
                        .videopopmain {
                            box-shadow: 0px 0px 6px 3px #fff;
                            background-color: #000;
                        }
                        
                        .smallfont {
                            clear: both !important;
                        }
                        
                        .cr {
                            color: #ffffff !important;
                        }
                        
                        .buttonText {
                            font-size: 18px;
                            font-family: 'Karla', sans-serif !important;
                            color: #fff;
                        }
                        
                        <!-- css starts for btn -->.right-corder-container {
                            position: relative;
                            left: 20px;
                            bottom: 20px;
                        }
                        
                        .paynowinfo {
                            position: absolute;
                            width: 40%;
                            right: 10%;
                            top: 15%;
                            z-index: 9;
                        }
                        
                        .paynowp {
                            color: #ffffff;
                            font-family: 'Ubuntu', serif !important;
                            margin-top: 2%;
                        }
                        
                        .paynowpb {
                            color: #ffffff;
                            font-family: 'Ubuntu', serif !important;
                            font-weight: bold;
                            font-style: italic;
                            font-size: 16px;
                            letter-spacing: 1.5px;
                            margin-bottom: 5%;
                        }
                        
                        .paynowp:before {
                            content: "\2018";
                            font-weight: bold;
                            font-size: 200px;
                            color: rgba(255, 255, 255, 0.7);
                            position: absolute;
                            top: -0.0em;
                            left: -0.2em;
                            font-family: 'Raleway';
                        }
                        
                        .paynowpb:after {
                            content: "\2019";
                            font-weight: bold;
                            font-size: 200px;
                            color: rgba(255, 255, 255, 0.7);
                            position: absolute;
                            bottom: -0.5em;
                            right: 0;
                            font-family: 'Raleway';
                        }
                        
                        .paybtn {
                            font-family: 'Ubuntu', serif !important;
                            background-color: #eee91d;
                        }
                        
                        .paynowm {
                            display: none;
                        }
                        
                        .right-corder-container .right-corder-container-button {
                            position: relative;
                            height: 30px;
                            width: 30px;
                            border: none;
                            background-color: #00a6e5;
                            border-radius: 62px;
                            /*Transform the square into rectangle, sync that value with the width/height*/
                            transition: all 300ms;
                            /*Animation to close the button (circle)*/
                            cursor: pointer;
                        }
                        
                        .right-corder-container .right-corder-container-button span {
                            font-size: 15px;
                            color: white;
                            position: absolute;
                            left: 2px;
                            top: 0px;
                            line-height: 24px;
                        }
                        
                        .right-corder-container .right-corder-container-button:hover {
                            transition: all 200ms cubic-bezier(.62, .1, .5, 1);
                            width: 120px;
                            border-top-left-radius: 62px;
                            border-bottom-left-radius: 62px;
                        }
                        
                        .getaquote {
                            position: fixed;
                            width: 100%;
                            top: 0%;
                            left: 0%;
                            margin: 0 auto;
                            background-color: rgba(0, 0, 0, 0.5);
                            z-index: 999999999;
                            font-family: 'Ubuntu', serif !important;
                            height: 100vH;
                            display: none;
                        }
                        
                        .gaqimgclose {
                            position: absolute;
                            right: 2%;
                            top: 0%;
                            background-color: #00a6e5;
                            padding: 1% 2%;
                            font-size: 20px;
                            color: #ffffff;
                            cursor: pointer;
                            border-radius: 0px 0px 10px 10px;
                        }
                        
                        .gaqimg {
                            position: fixed;
                            right: 0%;
                            top: 15%;
                            z-index: 999999;
                            cursor: pointer;
                            border-radius: 13px 0 0 13px;
                            box-shadow: 1px 1px 20px 1px #000000;
                        }
                        
                        #getaquoteform {
                            width: 60%;
                            position: absolute;
                            left: 20%;
                            top: 5%;
                            background-color: #ffffff;
                            padding: 1%;
                            font-family: 'Ubuntu', serif !important;
                            box-shadow: 1px 1px 20px 4px #000000;
                            border-radius: 15px;
                        }
                        
                        #getaquoteform h1 {
                            text-align: center;
                        }
                        
                        .gqfp {
                            width: 45%;
                            margin-right: 2%;
                            float: left;
                            font-family: 'Ubuntu', serif !important;
                        }
                        
                        .fullrow {
                            width: 100%;
                            clear: both;
                            font-family: 'Ubuntu', serif !important;
                        }
                        
                        label {
                            display: block;
                            position: relative;
                            margin-bottom: 10px;
                            padding: 5px 0px 8px 27px;
                            border: 3px solid #fff;
                            border-radius: 100px;
                            color: #fff;
                            background-color: #f38e14;
                            box-shadow: 0 0 20px rgba(0, 0, 0, .2);
                            white-space: nowrap;
                            cursor: pointer;
                            user-select: none;
                            transition: background-color .2s, box-shadow .2s;
                            width: 22%;
                            margin-right: 2%;
                            float: left;
                            font-size: 13px;
                            font-family: 'Ubuntu', serif !important;
                        }
                        
                        label::before {
                            content: '';
                            display: block;
                            position: absolute;
                            top: 9px;
                            bottom: 8px;
                            left: 6px;
                            width: 14px;
                            border: 3px solid #fff;
                            border-radius: 100px;
                            transition: background-color .2s;
                        }
                        
                        label:hover,
                        input:focus+label {
                            box-shadow: 0 0 20px rgba(0, 0, 0, .6);
                            font-weight: normal;
                        }
                        
                        input:checked+label {
                            font-family: 'Ubuntu', serif !important;
                            background-color: #f38e14;
                            font-weight: normal;
                        }
                        
                        input+label {
                            font-family: 'Ubuntu', serif !important;
                            background-color: #00a6e5;
                            font-weight: normal;
                        }
                        
                        input:checked+label::before {
                            font-family: 'Ubuntu', serif !important;
                            background-color: #fff;
                        }
                        
                        input[type="checkbox"] {
                            visibility: hidden;
                            position: absolute;
                            font-weight: normal !important;
                        }
                        
                        .fwidth {
                            clear: both;
                        }
                        
                        .gaqbtn {
                            background-color: #f38e14;
                            color: #ffffff;
                            padding: 0.5% 8%;
                            border-radius: 15px;
                            border: 0px;
                            font-size: 16px;
                        }
                        
                        .gaqbtn:hover {
                            background-color: #00a6e5;
                            color: #ffffff;
                        }
                        /*

    Long text appears slowly with an animation. That code prepare the animation by hidding the text.

    The use of display is not there because it does not work well with CSS3 animation.

*/
                        
                        .right-corder-container .right-corder-container-button .long-text {
                            transition: opacity 1000ms;
                            /*Only the text fadein/fadeout is animated*/
                            opacity: 0;
                            /*By default we do not display the text, we want the text to fade in*/
                            color: white;
                            white-space: nowrap;
                            font-size: 0;
                            /*Set to 0 to not have overflow on the right of the browser*/
                            width: 0;
                            /*Set to 0 to not have overflow on the right of the browser*/
                            margin: 0;
                            /*Set to 0 to not have overflow on the right of the browser*/
                        }
                        /*

    Animation to have a text that appear progressively. We need to play with a delay

    on the width and the font-size to not have the browser have the text appears on the right

    side of the browser view port. This has the side-effect of having an horizontal bar.

*/
                        
                        .right-corder-container .right-corder-container-button .long-text.show-long-text {
                            transition: opacity 500ms, width 1ms linear 325ms, /*two thirds of the animation on the container width*/
                            font-size 1ms linear 325ms;
                            /*two thirds of the animation on the container width*/
                            opacity: 1;
                            margin-top: 1px;
                            /*Center the position vertically*/
                            margin-left: 10px;
                            /*Center between the + and the right end side*/
                            font-size: 15px;
                            /*Text size, cannot be defined initially without moving the scrollbar*/
                            width: auto;
                            /*Required to be set with a delay (see animation) to not have scrollbar. Delay is to wait container to size up*/
                        }
                        
                        <!-- 2 -->.right-corder-container1 {
                            position: relative;
                            left: 20px;
                            bottom: 20px;
                        }
                        
                        .right-corder-container1 .right-corder-container-button1 {
                            position: relative;
                            height: 30px;
                            width: 30px;
                            border: none;
                            background-color: #ffda27;
                            border-radius: 62px;
                            /*Transform the square into rectangle, sync that value with the width/height*/
                            transition: all 300ms;
                            /*Animation to close the button (circle)*/
                            cursor: pointer;
                        }
                        
                        .right-corder-container1 .right-corder-container-button1 span {
                            font-size: 15px;
                            color: white;
                            position: absolute;
                            left: 2px;
                            top: 0px;
                            line-height: 24px;
                        }
                        
                        .right-corder-container1 .right-corder-container-button1:hover {
                            transition: all 200ms cubic-bezier(.62, .1, .5, 1);
                            width: 120px;
                            border-top-left-radius: 62px;
                            border-bottom-left-radius: 62px;
                        }
                        
                        .right-corder-container1 .right-corder-container-button1 .long-text1 {
                            transition: opacity 10ms;
                            opacity: 0;
                            color: white;
                            white-space: nowrap;
                            font-size: 0;
                            width: 0;
                            margin: 0;
                        }
                        
                        .right-corder-container1 .right-corder-container-button1 .long-text1.show-long-text1 {
                            transition: opacity 5ms, width 1ms linear 325ms, /*two thirds of the animation on the container width*/
                            font-size 1ms linear 325ms;
                            /*two thirds of the animation on the container width*/
                            opacity: 1;
                            margin-top: 1px;
                            margin-left: 10px;
                            font-size: 15px;
                            width: auto;
                        }
                        
                        <!-- 3 -->.right-corder-container2 {
                            position: relative;
                            left: 20px;
                            bottom: 20px;
                        }
                        
                        .right-corder-container2 .right-corder-container-button2 {
                            position: relative;
                            height: 30px;
                            width: 30px;
                            border: none;
                            background-color: #ffda27;
                            border-radius: 62px;
                            /*Transform the square into rectangle, sync that value with the width/height*/
                            transition: all 300ms;
                            /*Animation to close the button (circle)*/
                            cursor: pointer;
                        }
                        
                        .right-corder-container2 .right-corder-container-button2 span {
                            font-size: 15px;
                            color: white;
                            position: absolute;
                            left: 2px;
                            top: 0px;
                            line-height: 24px;
                        }
                        
                        .right-corder-container2 .right-corder-container-button2:hover {
                            transition: all 200ms cubic-bezier(.62, .1, .5, 1);
                            width: 120px;
                            border-top-left-radius: 62px;
                            border-bottom-left-radius: 62px;
                        }
                        
                        .right-corder-container2 .right-corder-container-button2 .long-text2 {
                            transition: opacity 10ms;
                            opacity: 0;
                            color: white;
                            white-space: nowrap;
                            font-size: 0;
                            width: 0;
                            margin: 0;
                        }
                        
                        .right-corder-container2 .right-corder-container-button2 .long-text2.show-long-text2 {
                            transition: opacity 5ms, width 1ms linear 325ms, /*two thirds of the animation on the container width*/
                            font-size 1ms linear 325ms;
                            /*two thirds of the animation on the container width*/
                            opacity: 1;
                            margin-top: 1px;
                            margin-left: 10px;
                            font-size: 15px;
                            width: auto;
                        }
                        
                        <!-- 4 -->.right-corder-container3 {
                            position: relative;
                            left: 20px;
                            bottom: 20px;
                        }
                        
                        .right-corder-container3 .right-corder-container-button3 {
                            position: relative;
                            height: 30px;
                            width: 30px;
                            border: none;
                            background-color: #ffda27;
                            border-radius: 62px;
                            /*Transform the square into rectangle, sync that value with the width/height*/
                            transition: all 300ms;
                            /*Animation to close the button (circle)*/
                            cursor: pointer;
                        }
                        
                        .right-corder-container3 .right-corder-container-button3 span {
                            font-size: 15px;
                            color: white;
                            position: absolute;
                            left: 2px;
                            top: 0px;
                            line-height: 24px;
                        }
                        
                        .right-corder-container3 .right-corder-container-button3:hover {
                            transition: all 200ms cubic-bezier(.62, .1, .5, 1);
                            width: 120px;
                            border-top-left-radius: 62px;
                            border-bottom-left-radius: 62px;
                        }
                        
                        .right-corder-container3 .right-corder-container-button3 .long-text3 {
                            transition: opacity 3ms;
                            opacity: 0;
                            color: white;
                            white-space: nowrap;
                            font-size: 0;
                            width: 0;
                            margin: 0;
                        }
                        
                        .right-corder-container3 .right-corder-container-button3 .long-text3.show-long-text3 {
                            transition: opacity 5ms, width 1ms linear 325ms, /*two thirds of the animation on the container width*/
                            font-size 1ms linear 325ms;
                            /*two thirds of the animation on the container width*/
                            opacity: 1;
                            margin-top: 1px;
                            margin-left: 10px;
                            font-size: 15px;
                            width: auto;
                        }
                        
                        <!-- 5 -->.right-corder-container4 {
                            position: relative;
                            left: 20px;
                            bottom: 20px;
                        }
                        
                        .right-corder-container4 .right-corder-container-button4 {
                            position: relative;
                            height: 30px;
                            width: 30px;
                            border: none;
                            background-color: #00a6e5;
                            border-radius: 62px;
                            /*Transform the square into rectangle, sync that value with the width/height*/
                            transition: all 300ms;
                            /*Animation to close the button (circle)*/
                            cursor: pointer;
                        }
                        
                        .right-corder-container4 .right-corder-container-button4 span {
                            font-size: 15px;
                            color: white;
                            position: absolute;
                            left: 2px;
                            top: 0px;
                            line-height: 24px;
                        }
                        
                        .right-corder-container4 .right-corder-container-button4:hover {
                            transition: all 200ms cubic-bezier(.62, .1, .5, 1);
                            width: 120px;
                            border-top-left-radius: 62px;
                            border-bottom-left-radius: 62px;
                        }
                        
                        .right-corder-container4 .right-corder-container-button4 .long-text4 {
                            transition: opacity 3ms;
                            opacity: 0;
                            color: white;
                            white-space: nowrap;
                            font-size: 0;
                            width: 0;
                            margin: 0;
                        }
                        
                        .right-corder-container4 .right-corder-container-button4 .long-text4.show-long-text4 {
                            transition: opacity 5ms, width 1ms linear 325ms, /*two thirds of the animation on the container width*/
                            font-size 1ms linear 325ms;
                            /*two thirds of the animation on the container width*/
                            opacity: 1;
                            margin-top: 1px;
                            margin-left: 10px;
                            font-size: 15px;
                            width: auto;
                        }
                        
                        .right-corder-container5 {
                            position: relative;
                            left: 20px;
                            bottom: 20px;
                        }
                        
                        .right-corder-container5 .right-corder-container-button5 {
                            position: relative;
                            height: 30px;
                            width: 30px;
                            border: none;
                            background-color: #00a6e5;
                            border-radius: 62px;
                            /*Transform the square into rectangle, sync that value with the width/height*/
                            transition: all 300ms;
                            /*Animation to close the button (circle)*/
                            cursor: pointer;
                        }
                        
                        .right-corder-container5 .right-corder-container-button5 span {
                            font-size: 15px;
                            color: white;
                            position: absolute;
                            left: 2px;
                            top: 0px;
                            line-height: 24px;
                        }
                        
                        .right-corder-container5 .right-corder-container-button5:hover {
                            transition: all 200ms cubic-bezier(.62, .1, .5, 1);
                            width: 120px;
                            border-top-left-radius: 62px;
                            border-bottom-left-radius: 62px;
                        }
                        
                        .right-corder-container5 .right-corder-container-button5 .long-text5 {
                            transition: opacity 3ms;
                            opacity: 0;
                            color: white;
                            white-space: nowrap;
                            font-size: 0;
                            width: 0;
                            margin: 0;
                        }
                        
                        .right-corder-container5 .right-corder-container-button5 .long-text5.show-long-text5 {
                            transition: opacity 5ms, width 1ms linear 325ms, /*two thirds of the animation on the container width*/
                            font-size 1ms linear 325ms;
                            /*two thirds of the animation on the container width*/
                            opacity: 1;
                            margin-top: 1px;
                            margin-left: 10px;
                            font-size: 15px;
                            width: auto;
                        }
                        
                        .right-corder-container6 {
                            position: relative;
                            left: 20px;
                            bottom: 20px;
                        }
                        
                        .right-corder-container6 .right-corder-container-button6 {
                            position: relative;
                            height: 30px;
                            width: 30px;
                            border: none;
                            background-color: #ffffff;
                            border-radius: 62px;
                            /*Transform the square into rectangle, sync that value with the width/height*/
                            transition: all 300ms;
                            /*Animation to close the button (circle)*/
                            cursor: pointer;
                        }
                        
                        .right-corder-container6 .right-corder-container-button6 span {
                            font-size: 15px;
                            color: white;
                            position: absolute;
                            left: 2px;
                            top: 0px;
                            line-height: 24px;
                        }
                        
                        .right-corder-container6 .right-corder-container-button6:hover {
                            transition: all 200ms cubic-bezier(.62, .1, .5, 1);
                            width: 120px;
                            border-top-left-radius: 62px;
                            border-bottom-left-radius: 62px;
                        }
                        
                        .right-corder-container6 .right-corder-container-button6 .long-text6 {
                            transition: opacity 5ms;
                            opacity: 0;
                            color: white;
                            white-space: nowrap;
                            font-size: 0;
                            width: 0;
                            margin: 0;
                        }
                        
                        .right-corder-container6 .right-corder-container-button6 .long-text6.show-long-text6 {
                            transition: opacity 5ms, width 1ms linear 325ms, /*two thirds of the animation on the container width*/
                            font-size 1ms linear 325ms;
                            /*two thirds of the animation on the container width*/
                            opacity: 1;
                            margin-top: 1px;
                            margin-left: 10px;
                            font-size: 15px;
                            width: auto;
                        }
                        
                        <!-- css end for btn -->.extrap {
                            height: 25px;
                        }
                        
                        .checkit1,
                        .checkit2,
                        .checkit3,
                        .checkit4,
                        .checkit5,
                        .checkit6,
                        .checkit7 {
                            position: absolute;
                            font-size: 12px;
                            margin-right: 2px;
                        }
                        
                        .headlogo-1 img {
                            position: absolute;
                            /* left: 25%;
                        bottom: 30%; */
                        }
                        
                        .headlogo-1 {
                            transition: all 1s;
                            width: 55px;
                            height: 100%;
                            position: fixed;
                            z-index: 99999;
                            background-color: #ffffff;
                            left: -60px;
                            top: 0%;
                        }
                        
                        #button1 span {
                            display: none;
                            text-decoration: none;
                            color: #000000;
                        }
                        
                        #button2 span {
                            display: none;
                            text-decoration: none;
                            color: #000000;
                        }
                        
                        #button3 span {
                            display: none;
                            text-decoration: none;
                            color: #000000;
                        }
                        
                        #button4 span {
                            display: none;
                            text-decoration: none;
                            color: #ffffff;
                        }
                        
                        #button5 span {
                            display: none;
                            text-decoration: none;
                            color: #ffffff;
                        }
                        
                        #button6 span {
                            display: none;
                            text-decoration: none;
                            color: #ffffff;
                        }
                        
                        #button7 span {
                            display: none;
                            text-decoration: none;
                            color: #ff4e00;
                        }
                        
                        .firstbtn {
                            display: block;
                            position: absolute;
                            top: 1px;
                            left: 2px;
                        }
                        
                        .mobilemenu {
                            display: none;
                            padding: 6px 4%;
                            padding-left: 0%;
                        }
                        
                        #button1,
                        #button2,
                        #button3 {
                            background: #ffda27;
                            border: 0px solid #eee;
                            position: relative;
                            color: #000000;
                            height: 30px;
                            width: 30px;
                            margin: 0px;
                            padding: 2px 0px 0px 6px;
                            overflow: hidden;
                            display: block;
                            -webkit-border-radius: 15px;
                            -moz-border-radius: 15px;
                            border-radius: 15px;
                            background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
                            background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
                            background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
                            background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
                            background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
                            -webkit-transition: All 0.1s ease;
                            -moz-transition: All 0.1s ease;
                            -o-transition: All 0.1s ease;
                            -ms-transition: All 0.1s ease;
                            transition: All 0.1s ease;
                        }
                        
                        #button4,
                        #button5,
                        #button6 {
                            background: #00a6e5;
                            border: 0px solid #eee;
                            position: relative;
                            color: #ffffff;
                            height: 30px;
                            width: 30px;
                            margin: 0px;
                            padding: 2px 0px 0px 6px;
                            overflow: hidden;
                            display: block;
                            -webkit-border-radius: 15px;
                            -moz-border-radius: 15px;
                            border-radius: 15px;
                            background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
                            background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
                            background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
                            background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
                            background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
                            -webkit-transition: All 0.1s ease;
                            -moz-transition: All 0.1s ease;
                            -o-transition: All 0.1s ease;
                            -ms-transition: All 0.1s ease;
                            transition: All 0.1s ease;
                        }
                        
                        #button7 {
                            background: #ffffff;
                            border: 0px solid #eee;
                            position: relative;
                            color: #ffffff;
                            height: 30px;
                            width: 30px;
                            margin: 0px;
                            padding: 2px 0px 0px 6px;
                            overflow: hidden;
                            display: block;
                            -webkit-border-radius: 15px;
                            -moz-border-radius: 15px;
                            border-radius: 15px;
                            background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
                            background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
                            background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
                            background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
                            background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
                            -webkit-transition: All 0.1s ease;
                            -moz-transition: All 0.1s ease;
                            -o-transition: All 0.1s ease;
                            -ms-transition: All 0.1s ease;
                            transition: All 0.1s ease;
                        }
                        
                        #button1:hover,
                        #button2:hover,
                        #button3:hover,
                        #button4:hover,
                        #button5:hover,
                        #button6:hover,
                        #button7:hover {
                            width: 110px;
                        }
                        /* #button2:hover {



  width: 100px;

}



#button3:hover {



  width: 100px;

} */
                        /*button css ends*/
                        
                        .deskbtn {
                            display: block;
                        }
                        
                        .mobbtn {
                            display: none;
                            margin-bottom: 5%;
                        }
                        
                        .headlogo {
                            background-color: #ffffffa8;
                            position: fixed;
                            top: 0px;
                            z-index: 9999999;
                            width: 100%;
                        }
                        
                        .menuside {
                            background-color: #ffffff;
                            width: 100%;
                            margin: 0px;
                            padding: 5% 2%;
                            /*margin-top:1%;*/
                            height: 100%;
                            position: fixed;
                            right: 0px;
                            overflow: hidden;
                            display: none;
                        }
                        
                        .menucontents {
                            text-align: center;
                            display: none;
                        }
                        
                        .ourmenu {
                            list-style: none;
                            width: 30%;
                            margin: 0 auto;
                            position: fixed
                        }
                        
                        .ourmenu li {
                            list-style: none;
                            display: block;
                            font-family: 'MODERN NO. 216 BOLD';
                            font-size: 28px;
                            letter-spacing: 1px;
                            padding: 0px;
                            text-align: center;
                            color: #00a6e5;
                        }
                        
                        .ourmenu li:hover {
                            background-color: #fbb157;
                            color: #ffffff;
                        }
                        
                        .ourmenu li a:hover {
                            background-color: #fbb157;
                            color: #ffffff;
                        }
                        
                        .ourmenu li a {
                            text-decoration: none;
                            font-family: 'Ubuntu', serif !important;
                            color: #00a6e5 !important;
                        }
                        
                        .smh li a {
                            font-family: 'Ubuntu', serif !important;
                        }
                        
                        .menu {
                            cursor: pointer;
                        }
                        
                        .aboutmain {
                            background-image: url(../images/about-background.jpg);
                            background-origin: border-box;
                            background-size: cover;
                            background-color: #000000;
                            background-attachment: fixed;
                            background-repeat: no-repeat;
                            position: relative;
                        }
                        
                        input:focus,
                        select:focus,
                        textarea:focus,
                        button:focus {
                            outline: none;
                        }
                        
                        .about1,
                        .about2,
                        .about3,
                        .about4 {
                            padding-left: 0px !important;
                            padding-right: 0px !important;
                        }
                        
                        .about1,
                        .about2,
                        .about3 {
                            padding-left: 0px;
                            padding-right: 0px;
                            height: 600px;
                            ;
                            background: none;
                            color: #ffffff;
                            position: relative;
                        }
                        
                        .about4 {
                            height: 300px;
                            background: none;
                            color: #ffffff;
                            position: relative;
                        }
                        
                        .about41 {
                            visibility: hidden;
                        }
                        
                        .about11,
                        .about21,
                        .about31 {
                            width: 50%;
                            height: 50px;
                            top: 0;
                            bottom: 0;
                            left: 0;
                            right: 0;
                            margin: auto;
                            position: absolute;
                            text-align: center;
                        }
                        
                        .about11 {
                            padding: 6% 0px;
                        }
                        
                        .about21 p {
                            text-transform: uppercase;
                            color: #ffda27;
                        }
                        
                        .about31 {
                            text-align: left;
                            padding-top: 0px;
                            margin-top: auto;
                            padding-left: 3%;
                        }
                        
                        .about31h1s {
                            color: #ffda27;
                        }
                        
                        .about31 h2 {
                            color: #ffda27;
                            font-family: 'MODERN NO. 216 BOLD';
                            font-size: 35px;
                        }
                        
                        .about31 h1,
                        .about11 h1,
                        .about21 h1 {
                            font-family: 'MODERN NO. 216 BOLD';
                            font-size: 45px;
                        }
                        
                        .firsthome h1 {
                            font-family: 'MODERN NO. 216 BOLD';
                            font-size: 45px;
                            text-align: left;
                            color: #ffffff;
                        }
                        
                        .secondhome h1 {
                            font-family: 'MODERN NO. 216 BOLD';
                            font-size: 45px;
                            text-align: center;
                            color: #ffffff;
                        }
                        
                        .secondhome p {
                            text-align: center;
                            color: #ffda27;
                        }
                        
                        .about31 p,
                        .about11 p,
                        .about21 p {
                            font-family: 'Karla', sans-serif !important;
                        }
                        
                        .thirdhome h1 {
                            font-family: 'MODERN NO. 216 BOLD';
                            font-size: 45px;
                            color: #ffffff;
                        }
                        
                        .about31h1s {
                            color: #ffda27;
                        }
                        
                        .thirdhome p {
                            font-family: 'Karla', sans-serif !important;
                            text-align: left;
                            color: #ffffff;
                        }
                        
                        .thirdhome h2 {
                            font-family: 'MODERN NO. 216 BOLD';
                            font-size: 35px;
                            color: #ffda27;
                        }
                        
                        #word {
                            color: #ffda27;
                        }
                        
                        #word1 {
                            color: #ffda27;
                        }
                        
                        .ourservicesmain {
                            margin-top: -4%;
                            -webkit-background-color: #00a6e5;
                            -moz-background-color: #00a6e5;
                            -o-background-color: #00a6e5;
                            background-color: #00a6e5;
                            -webkit-transform: skewY(4deg);
                            -moz-transform: skewY(4deg);
                            -o-transform: skewY(4deg);
                        }
                        
                        .ourservices {
                            padding: 11% 7%;
                            padding-top: 8%;
                            -webkit-background: none;
                            -moz-background: none;
                            -o-background: none;
                            background: none;
                            -webkit-transform: skewY(-4deg);
                            -moz-transform: skewY(-4deg);
                            -o-transform: skewY(-4deg);
                            transform: skewY(-4deg);
                            color: #ffffff;
                        }
                        
                        .getintouchmain {
                            margin-top: -5%;
                            -webkit-background-color: #ffffff;
                            -moz-background-color: #ffffff;
                            -o-background-color: #ffffff;
                            background-color: #ffffff;
                            -webkit-transform: skewY(5deg);
                            -moz-transform: skewY(5deg);
                            -o-transform: skewY(5deg);
                        }
                        
                        .getintouch {
                            padding: 2% 7%;
                            -webkit-background: none;
                            -moz-background: none;
                            -o-background: none;
                            background: none;
                            -webkit-transform: skewY(-5deg);
                            -moz-transform: skewY(-5deg);
                            -o-transform: skewY(-5deg);
                            transform: skewY(-5deg);
                            color: #000000;
                        }
                        
                        .ourservices-l h1 {
                            margin-top: 0px;
                            font-family: 'MODERN NO. 216 BOLD';
                            font-size: 40px;
                        }
                        
                        .osh1 {
                            color: #ffda27;
                        }
                        
                        .ourservices-l p {
                            font-family: 'Karla', sans-serif !important;
                            text-align: justify;
                        }
                        
                        .ourservices-r1 {
                            margin-bottom: 4%;
                        }
                        
                        .ourservices-r1 img {
                            border: 1px dashed #ffffff !important;
                        }
                        
                        .ourprojectsmain {}
                        
                        .ourprojects {
                            padding-right: 0px;
                            padding-left: 0px;
                        }
                        
                        .ourprojects-l h1 {
                            margin-top: 0px;
                            font-family: 'MODERN NO. 216 BOLD';
                            font-size: 40px;
                            color: #000000;
                        }
                        
                        .oph1 {
                            color: #ffda27;
                        }
                        
                        .ourprojects-l p {
                            font-family: 'Karla', sans-serif !important;
                            text-align: justify;
                        }
                        
                        .ourprojects-r {
                            padding-right: 0px;
                            margin-top: -10%;
                        }
                        
                        .ourprojects-l {
                            padding-left: 5%;
                            padding-top: 5%;
                        }
                        
                        .ourprojects-r1 {}
                        
                        .casestudy-r h1 {
                            margin-top: 0px;
                            font-family: 'MODERN NO. 216 BOLD';
                            font-size: 40px;
                            color: #000000;
                        }
                        
                        .casestudy-l {
                            padding-left: 0px;
                            z-index: 999;
                        }
                        
                        .csh1 {
                            color: #00a6e5;
                        }
                        
                        .showreelmain {
                            margin-top: -15%;
                            background-image: url(../images/showreel-bg.png);
                            background-size: cover;
                            position: relative;
                            color: #000000;
                        }
                        
                        .showreelmain {
                            z-index: 9;
                            /* margin-top: -5%; */
                            -webkit-background-color: #ffda27;
                            -moz-background-color: #ffda27;
                            -o-background-color: #ffda27;
                            background-color: #ffda27;
                            -webkit-transform: skewY(-5deg);
                            -moz-transform: skewY(-5deg);
                            -o-transform: skewY(-5deg);
                        }
                        
                        .countermain {
                            -webkit-transform: skewY(5deg);
                            -moz-transform: skewY(5deg);
                            -o-transform: skewY(5deg);
                        }
                        
                        .showreel {
                            padding: 11% 7%;
                            padding-top: 8%;
                            -webkit-background: none;
                            -moz-background: none;
                            -o-background: none;
                            background: none;
                            -webkit-transform: skewY(5deg);
                            -moz-transform: skewY(5deg);
                            -o-transform: skewY(5deg);
                            transform: skewY(5deg);
                            color: #ffffff;
                        }
                        
                        .showreel {
                            padding: 3% 6%;
                        }
                        
                        .showreel-l {
                            color: #00a6e5;
                        }
                        
                        .showreel-l h1 {
                            color: #00a6e5;
                            font-family: 'MODERN NO. 216 BOLD';
                            font-size: 40px;
                        }
                        
                        .showreel-l p {
                            width: 60%;
                            color: #000000;
                            font-family: 'Karla', sans-serif !important;
                            text-align: justify;
                        }
                        
                        .showreel-r {
                            color: #00a6e5;
                            position: relative;
                        }
                        
                        .showreel-r img {
                            position: absolute;
                            margin-top: -13%;
                        }
                        
                        .showreel-r h1 {
                            color: #00a6e5;
                            font-family: 'MODERN NO. 216 BOLD';
                            font-size: 40px;
                        }
                        
                        .showreel-r p {
                            color: #000000;
                            font-family: 'Karla', sans-serif !important;
                            text-align: justify;
                        }
                        
                        .showreelgallery {
                            padding: 0px;
                        }
                        
                        .ourprojectsd {
                            display: block;
                        }
                        
                        .ourprojectsm {
                            display: none;
                        }
                        /* .blog{

	padding-top: 5%;

	padding-bottom: 5%;

	background-color: #ff4e00;

} */
                        
                        .blog {
                            margin-top: -5%;
                            -webkit-background-color: #00a6e5;
                            -moz-background-color: #00a6e5;
                            -o-background-color: #00a6e5;
                            background-color: #00a6e5;
                            /* -webkit-transform: skewY(-5deg);

    -moz-transform: skewY(-5deg);

    -o-transform: skewY(-5deg); */
                        }
                        
                        .bloginnner {
                            padding: 11% 7%;
                            padding-top: 8%;
                            -webkit-background: #00a6e5;
                            -moz-background: #00a6e5;
                            -o-background: #00a6e5;
                            background: #00a6e5;
                            /* -webkit-transform: skewY(5deg);

    -moz-transform: skewY(5deg);

    -o-transform: skewY(5deg);

    transform: skewY(5deg); */
                            color: #ffffff;
                        }
                        
                        .blog h1 {
                            text-align: center;
                            color: #ffffff;
                            margin: 0px;
                        }
                        
                        .blog .da-thumbs {
                            padding-left: 3%;
                            padding-right: 0px;
                        }
                        
                        .blog .da-thumbs li {
                            padding: 0px;
                            color: #ff4e00;
                        }
                        
                        .blog .da-thumbs li a div {
                            border: 15px solid #ffffff;
                        }
                        
                        .blog .da-thumbs li a div span {
                            margin-top: 20%;
                            color: #ffffff;
                            text-align: center;
                            margin: 0px width: 90% margin: auto;
                            font-size: 16px;
                            font-weight: bold;
                            font-family: 'MODERN NO. 216 BOLD';
                        }
                        /* .da-thumbs li a div span{    margin: 0px 0px 1px 0px !important;} */
                        /* .bloginner{padding:0px;} */
                        
                        .bloginnner h1 {
                            font-weight: bold;
                            font-family: 'MODERN NO. 216 BOLD';
                            font-size: 40px;
                        }
                        
                        .clientele {
                            padding-top: 5%;
                            padding-bottom: 5%;
                            background-color: #ffffff;
                        }
                        
                        .clienteleinnner h1 {
                            font-weight: bold;
                            font-family: 'MODERN NO. 216 BOLD';
                            font-size: 40px;
                            text-align: center;
                        }
                        
                        .clienteleinnner li {
                            list-style: none;
                            padding: 3px;
                        }
                        
                        .clienteleinnner ul li img {
                            -webkit-filter: grayscale(100%);
                            /* Ch 23+, Saf 6.0+, BB 10.0+ */
                            filter: grayscale(100%);
                            /* FF 35+ */
                        }
                        
                        .clienteleinnner ul li img:hover {
                            transition: filter .5s ease-in-out;
                            -webkit-filter: grayscale(0%);
                            /* Ch 23+, Saf 6.0+, BB 10.0+ */
                            filter: grayscale(0%);
                            /* FF 35+ */
                        }
                        
                        .getintouchmain {
                            padding-top: 3%;
                            padding-bottom: 3%;
                            background-color: #ffffff;
                        }
                        
                        .getintouch-l h1 {
                            font-weight: bold;
                            font-family: 'MODERN NO. 216 BOLD';
                            font-size: 40px;
                            color: #000000;
                        }
                        
                        .getintouch-l h4 {
                            font-weight: bold;
                            font-family: 'MODERN NO. 216 BOLD';
                            font-size: 30px;
                            color: #7a7a7a;
                            margin: 0px;
                            padding-bottom: 10px;
                        }
                        
                        .getintouch-l p {
                            color: #3e3e3e;
                            font-family: 'Karla', sans-serif !important;
                        }
                        
                        .getintouch-l h1 span {
                            color: #00a6e5;
                        }
                        
                        .getintouchicon {
                            padding: 0px;
                        }
                        
                        .getintouch-r {
                            background-color: #ffda27;
                            padding: 2% 2%;
                            width: 40%;
                        }
                        
                        .formcss {
                            background: none;
                            border: 0px;
                            border-bottom: 1px solid gray;
                            margin-bottom: 2%;
                            padding: 3% 3%;
                            width: 100%;
                        }
                        
                        .formcss1 {
                            background: #ffffff;
                            border: 0px;
                            color: #7e7e7e;
                            margin-bottom: 2%;
                            padding: 1% 3%;
                            width: 100%;
                        }
                        
                        .footer {
                            background-color: #fff;
                            /* background-color: #353333; */
                            padding-top: 3%;
                            padding-bottom: 1%;
                            color: #7e7e7e;
                            position: relative;
                        }
                        
                        .footer ul li a {
                            text-decoration: none;
                            /* color: #ffffff; */
                            color: #353333;

                        }
                        .grey_txt{color: #353333 !important;}
                        
                        .footer ul li {
                            line-height: 2;
                            list-style: none;
                        }
                        
                        .partners {
                            float: right;
                            margin-top: 10px;
                            visibility: hidden;
                        }
                        
                        .socialicons {
                            float: right;
                        }
                        
                        .socialicons div {
                            padding: 0px;
                            margin: 0px;
                        }
                        
                        .footerinside h4 {
                            padding-left: 5%;
                            font-weight: bold;
                            font-family: 'MODERN NO. 216 BOLD';
                        }
                        
                        .footerinside ul li {
                            font-family: 'Karla', sans-serif !important;
                            list-style: none;
                            padding-left: 5%;
                            padding: 0px;
                            margin: 0px;
                            text-decoration: none;
                            color: #ffffff !important;
                        }
                        
                        .footerinside {
                            padding: 0px;
                        }
                        
                        .footerinside img {
                            float: right;
                        }
                        
                        .footerinside ul li a {
                            color: #7e7e7e;
                            text-decoration: none;
                        }
                        
                        .footerinside ul li a:hover {
                            color: #ffffff;
                        }
                        
                        .footerinside ul {
                            padding-left: 5%;
                        }
                        
                        .footerdesk {
                            display: block;
                        }
                        
                        #myForm {
                            width: 100%;
                        }
                        
                        .extrra {
                            padding: 0px;
                            margin: 0px;
                            height: 10px;
                        }
                        
                        .sn {
                            text-align: right;
                        }
                        /*About Us CSS starts*/
                        
                        .video-section {
                            position: relative;
                            width: 100%;
                            /* height:130%; */
                            /* background-color:#0165a1; */
                            overflow: auto;
                            overflow-x: hidden;
                            padding: 0%;
                        }
                        
                        #video-elem {
                            width: 100%;
                        }
                        
                        video::-webkit-media-controls {
                            display: none !important;
                        }
                        
                        .video-overlay {
                            /* 	z-index: 99999; */
                            position: absolute;
                            top: 0;
                            left: 0;
                            bottom: 0;
                            /* height: 100%; */
                            overflow-y: Scroll;
                        }
                        
                        .scrolled {
                            background-color: #ffffff !important;
                        }
                        
                        .video-overlay::-webkit-scrollbar {
                            width: 0px !important;
                        }
                        
                        .video-overlay::-webkit-scrollbar-track {
                            -webkit-box-shadow: inset 0 0 6px transparent !important;
                            width: 0px !important;
                        }
                        
                        .video-overlay::-webkit-scrollbar-thumb {
                            background-color: transparent !important;
                            width: 0px !important;
                            -webkit-box-shadow: inset 0 0 6px transparent !important;
                        }
                        
                        .firsthome {
                            padding: 18% 0%;
                            clear: both;
                        }
                        
                        .secondhome {
                            padding: 18% 0%;
                            clear: both;
                        }
                        
                        .thirdhome {
                            padding: 18% 0%;
                            clear: both;
                            padding-bottom: 50%;
                        }
                        
                        .menud {
                            width: 4%;
                            height: 100%;
                            position: fixed;
                            z-index: 99999;
                            background-color: #ffffff;
                            left: 0%;
                            top: 0%;
                        }
                        /* .menud img {
        position: absolute;
        left: 32%;
        bottom: 3%;
    }
     */
                        
                        .headlogo-1 img {
                            position: relative;
                        }
                        
                        .aboutus {}
                        /*About Us CSS ends*/
                        
                        .dvideo {
                            display: block;
                        }
                        
                        .mvideo {
                            display: none;
                        }
                        /* .gitouch{background: url(images/gitouch.png) no-repeat center center fixed;  */
                        
                        #email_form_1 input::-webkit-input-placeholder {
                            color: #ffffff !important;
                        }
                        
                        #email_form_1 input:-ms-input-placeholder {
                            color: #ffffff !important;
                        }
                        
                        #email_form_1 input::placeholder {
                            color: #ffffff !important;
                        }
                        
                        #email_form_1 textarea::-webkit-input-placeholder {
                            color: #ffffff !important;
                        }
                        
                        #email_form_1 textarea:-ms-input-placeholder {
                            color: #ffffff !important;
                        }
                        
                        #email_form_1 textarea::placeholder {
                            color: #ffffff !important;
                        }
                        
                        .fspace input,
                        .fspace textarea {
                            background: transparent;
                            border-radius: 0px;
                            border: 1px solid #ffffff;
                            color: #ffffff;
                        }
                        
                        .fspace .btn {
                            border-radius: 0px;
                            padding: 4px !important;
                            width: 94%;
                            color: #000;
                            background: #ffda27;
                            border: 1px solid #ffda27;
                            margin-left: 1px;
                        }
                        
                        .fspace {
                            padding: 0px;
                        }
                        
                        .espace {
                            margin-top: 5%;
                            padding: 0px;
                        }
                        
                        .espace img {
                            margin-right: 2px;
                        }
                        
                        .espace div {
                            padding: 0px;
                        }
                        
                        .espace span {
                            color: #ffda27;
                        }
                        
                        .sideformmain {
                            background-color: #00a6e5;
                            color: #ffffff;
                            z-index: 99;
                            margin-top: 0%;
                            padding: 6%;
                            position: relative;
                        }
                        
                        .aboutmain {
                            display: none;
                        }
                        
                        .video-section {
                            display: block;
                        }
                        
                        .homepagebloginfo {
                            color: #ffffff;
                            clear: both;
                            position: relative;
                            width: 100%;
                            display: none;
                        }
                        
                        .bnsocialhome {
                            padding-left: 0%;
                        }
                        /*Media Querries*/
                        
                        @media only screen and (max-width: 1200px) {
                            .getaquote {
                                position: fixed;
                                width: 100%;
                                top: 0%;
                                left: 0%;
                                margin: 0 auto;
                                background-color: rgba(0, 0, 0, 0.5);
                                z-index: 9999;
                                font-family: 'Ubuntu', serif !important;
                                height: 100%;
                                overflow-y: scroll;
                            }
                            #getaquoteform {
                                width: 70%;
                                position: absolute;
                                left: 15%;
                                top: 5%;
                                background-color: #ffffff;
                                padding: 1%;
                                font-family: 'Ubuntu', serif !important;
                            }
                            #getaquoteform h1 {
                                text-align: center;
                            }
                            .gqfp {
                                width: 45%;
                                margin-right: 2%;
                                float: left;
                                font-family: 'Ubuntu', serif !important;
                            }
                            .fullrow {
                                width: 100%;
                                clear: both;
                                font-family: 'Ubuntu', serif !important;
                            }
                            label {
                                display: block;
                                position: relative;
                                margin-bottom: 10px;
                                padding: 5px 0px 8px 27px;
                                border: 3px solid #fff;
                                border-radius: 100px;
                                color: #fff;
                                background-color: #f38e14;
                                box-shadow: 0 0 20px rgba(0, 0, 0, .2);
                                white-space: nowrap;
                                cursor: pointer;
                                user-select: none;
                                transition: background-color .2s, box-shadow .2s;
                                width: 22%;
                                margin-right: 2%;
                                float: left;
                                font-size: 13px;
                                font-family: 'Ubuntu', serif !important;
                            }
                            label::before {
                                content: '';
                                display: block;
                                position: absolute;
                                top: 9px;
                                bottom: 8px;
                                left: 6px;
                                width: 14px;
                                border: 3px solid #fff;
                                border-radius: 100px;
                                transition: background-color .2s;
                            }
                            label:hover,
                            input:focus+label {
                                box-shadow: 0 0 20px rgba(0, 0, 0, .6);
                            }
                            input:checked+label {
                                font-family: 'Ubuntu', serif !important;
                                background-color: #00a6e5;
                            }
                            input:checked+label::before {
                                font-family: 'Ubuntu', serif !important;
                                background-color: #fff;
                            }
                            input[type="checkbox"] {
                                visibility: hidden;
                                position: absolute;
                            }
                            .fwidth {
                                clear: both;
                            }
                            .gaqbtn {
                                background-color: #f38e14;
                                color: #ffffff;
                                padding: 0.5% 8%;
                                border-radius: 15px;
                                border: 0px;
                                font-size: 16px;
                            }
                            .gaqbtn:hover {
                                background-color: #00a6e5;
                                color: #ffffff;
                            }
                        }
                        
                        @media only screen and (max-width: 1147px) {
                            .top_count_text {
                                height: 50px;
                            }
                        }
                        
                        @media only screen and (max-width: 850px) {
                            .getaquote {
                                position: fixed;
                                width: 100%;
                                top: 0%;
                                left: 0%;
                                margin: 0 auto;
                                background-color: rgba(0, 0, 0, 0.5);
                                z-index: 9999;
                                font-family: 'Ubuntu', serif !important;
                                height: 100%;
                                overflow-y: scroll;
                            }
                            #getaquoteform {
                                width: 90%;
                                position: absolute;
                                left: 8%;
                                top: 5%;
                                background-color: #ffffff;
                                padding: 1%;
                                font-family: 'Ubuntu', serif !important;
                            }
                            #getaquoteform h1 {
                                text-align: center;
                            }
                            .gqfp {
                                width: 45%;
                                margin-right: 2%;
                                float: left;
                                font-family: 'Ubuntu', serif !important;
                            }
                            .fullrow {
                                width: 100%;
                                clear: both;
                                font-family: 'Ubuntu', serif !important;
                            }
                            label {
                                display: block;
                                position: relative;
                                margin-bottom: 10px;
                                padding: 5px 0px 8px 27px;
                                border: 3px solid #fff;
                                border-radius: 100px;
                                color: #fff;
                                background-color: #f38e14;
                                box-shadow: 0 0 20px rgba(0, 0, 0, .2);
                                white-space: nowrap;
                                cursor: pointer;
                                user-select: none;
                                transition: background-color .2s, box-shadow .2s;
                                width: 22%;
                                margin-right: 2%;
                                float: left;
                                font-size: 13px;
                                font-family: 'Ubuntu', serif !important;
                            }
                            label::before {
                                content: '';
                                display: block;
                                position: absolute;
                                top: 9px;
                                bottom: 8px;
                                left: 6px;
                                width: 14px;
                                border: 3px solid #fff;
                                border-radius: 100px;
                                transition: background-color .2s;
                            }
                            label:hover,
                            input:focus+label {
                                box-shadow: 0 0 20px rgba(0, 0, 0, .6);
                            }
                            input:checked+label {
                                font-family: 'Ubuntu', serif !important;
                                background-color: #00a6e5;
                            }
                            input:checked+label::before {
                                font-family: 'Ubuntu', serif !important;
                                background-color: #fff;
                            }
                            input[type="checkbox"] {
                                visibility: hidden;
                                position: absolute;
                            }
                            .fwidth {
                                clear: both;
                            }
                            .gaqbtn {
                                background-color: #f38e14;
                                color: #ffffff;
                                padding: 0.5% 8%;
                                border-radius: 15px;
                                border: 0px;
                                font-size: 16px;
                            }
                            .gaqbtn:hover {
                                background-color: #00a6e5;
                                color: #ffffff;
                            }
                        }
                        
                        @media only screen and (max-width: 1024px) {
                            .menud {
                                width: 5%;
                                height: 100%;
                                position: fixed;
                                z-index: 99999;
                                background-color: #ffffff;
                                left: 0%;
                                top: 0%;
                            }
                            .menud img {
                                position: absolute;
                                left: 32%;
                                bottom: 3%;
                            }
                            #nav-icon3 {
                                margin: 6px;
                            }
                            .about11,
                            .about21,
                            .about31 {
                                width: 60%;
                            }
                            .homepagebloginfo {
                                text-align: center;
                                color: #ffffff;
                                clear: both;
                                position: relative;
                                width: 100%;
                                display: block;
                                background: #071f3b;
                                padding-top: 10px;
                            }
                            .homepageblog {
                                width: 50% !important;
                                margin: 10px auto;
                                padding-right: 20px !important;
                                background: transparent !important;
                            }
                        }
                        
                        @media only screen and (max-width: 894px) {
                            .menud {
                                width: 5%;
                                height:1 .menud img {
                                    position: absolute;
                                    left: 32%;
                                    bottom: 3%;
                                }
                                #nav-icon3 {
                                    margin: 6px;
                                }
                                .about11,
                                .about21,
                                .about31 {
                                    width: 60%;
                                }
                            }
                            @media only screen and (max-width: 768px) {
                                .footer img {
                                    padding-bottom: 5px;
                                }
                                .paynowm {
                                    display: block;
                                }
                                .paynowd {
                                    display: none;
                                }
                                .paynowinfo {
                                    position: relative;
                                    width: 80%;
                                    right: auto;
                                    top: auto;
                                    z-index: 9;
                                    margin: 0 auto;
                                    padding-bottom: 5%;
                                }
                                .mainpopuphome {
                                    position: fixed;
                                    top: 40%;
                                    width: 95%;
                                    left: 0%;
                                    z-index: 99999999;
                                    left: 2%;
                                }
                                .getaquote {
                                    position: fixed;
                                    width: 100%;
                                    top: 0%;
                                    left: 0%;
                                    margin: 0 auto;
                                    background-color: rgba(0, 0, 0, 0.5);
                                    z-index: 999999999;
                                    font-family: 'Ubuntu', serif !important;
                                    height: 100%;
                                    overflow-y: scroll;
                                }
                                #getaquoteform {
                                    width: 90%;
                                    position: absolute;
                                    left: 5%;
                                    top: 5%;
                                    background-color: #ffffff;
                                    padding: 1%;
                                    font-family: 'Ubuntu', serif !important;
                                }
                                #getaquoteform h1 {
                                    text-align: center;
                                }
                                .gqfp {
                                    width: 45%;
                                    margin-right: 2%;
                                    float: left;
                                    font-family: 'Ubuntu', serif !important;
                                }
                                .fullrow {
                                    width: 100%;
                                    clear: both;
                                    font-family: 'Ubuntu', serif !important;
                                }
                                label {
                                    display: block;
                                    position: relative;
                                    margin-bottom: 10px;
                                    padding: 5px 0px 8px 27px;
                                    border: 3px solid #fff;
                                    border-radius: 100px;
                                    color: #fff;
                                    background-color: #f38e14;
                                    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
                                    white-space: nowrap;
                                    cursor: pointer;
                                    user-select: none;
                                    transition: background-color .2s, box-shadow .2s;
                                    width: 22%;
                                    margin-right: 2%;
                                    float: left;
                                    font-size: 13px;
                                    font-family: 'Ubuntu', serif !important;
                                }
                                label::before {
                                    content: '';
                                    display: block;
                                    position: absolute;
                                    top: 9px;
                                    bottom: 8px;
                                    left: 6px;
                                    width: 14px;
                                    border: 3px solid #fff;
                                    border-radius: 100px;
                                    transition: background-color .2s;
                                }
                                label:hover,
                                input:focus+label {
                                    box-shadow: 0 0 20px rgba(0, 0, 0, .6);
                                }
                                input:checked+label {
                                    font-family: 'Ubuntu', serif !important;
                                    background-color: #00a6e5;
                                }
                                input:checked+label::before {
                                    font-family: 'Ubuntu', serif !important;
                                    background-color: #fff;
                                }
                                input[type="checkbox"] {
                                    visibility: hidden;
                                    position: absolute;
                                }
                                .fwidth {
                                    clear: both;
                                }
                                .gaqbtn {
                                    background-color: #f38e14;
                                    color: #ffffff;
                                    padding: 0.5% 8%;
                                    border-radius: 15px;
                                    border: 0px;
                                    font-size: 16px;
                                }
                                .gaqbtn:hover {
                                    background-color: #00a6e5;
                                    color: #ffffff;
                                }
                                .aboutmain {
                                    display: block;
                                }
                                .video-section {
                                    display: none;
                                }
                                .espacegit {
                                    width: 100%;
                                }
                                .showreel-l p {
                                    width: 80%;
                                    color: #000000;
                                    font-family: 'Karla', sans-serif !important;
                                    text-align: justify;
                                }
                                .showreel-r img {
                                    position: relative;
                                }
                                .headlogo-1 {
                                    display: none;
                                }
                                .firsthome h1 {
                                    font-family: 'MODERN NO. 216 BOLD';
                                    font-size: 45px;
                                    text-align: left;
                                    color: #ffffff;
                                }
                                .secondhome h1 {
                                    font-family: 'MODERN NO. 216 BOLD';
                                    font-size: 30px;
                                    text-align: center;
                                    color: #ffffff;
                                }
                                .secondhome p {
                                    font-family: 'Karla', sans-serif !important;
                                    text-align: center;
                                    color: #ffda27;
                                    font-size: 16px;
                                }
                                .about31 p,
                                .about11 p,
                                .about21 p {
                                    font-family: 'Karla', sans-serif !important;
                                }
                                .thirdhome h1 {
                                    font-family: 'MODERN NO. 216 BOLD';
                                    font-size: 30px;
                                    color: #ffffff;
                                }
                                .about31h1s {
                                    color: #ffda27;
                                }
                                .thirdhome p {
                                    text-align: left;
                                    color: #ffffff;
                                }
                                .thirdhome h2 {
                                    font-family: 'MODERN NO. 216 BOLD';
                                    font-size: 20px;
                                    color: #ffda27;
                                }
                                .menuside {
                                    background-color: #ffffff;
                                    width: 100%;
                                    margin: 0px;
                                    padding: 15% 2%;
                                    /*margin-top:1%;*/
                                    height: 100%;
                                    position: fixed;
                                    right: 0px;
                                    overflow: hidden;
                                    display: none;
                                }
                                #nav-icon3 {
                                    right: 0px !important;
                                }
                                .mobilemenu {
                                    display: block;
                                    height: 50px;
                                    z-index: 99999999;
                                }
                                .deskbtn {
                                    display: none !important;
                                }
                                .mobbtn {
                                    display: block;
                                }
                                .aboutmain {
                                    background-image: url(../images/about-backgroundmob.jpg) !important;
                                    background-origin: border-box;
                                    background-size: cover;
                                    background-attachment: fixed;
                                    background-repeat: no-repeat;
                                    position: relative;
                                }
                                .about11,
                                .about21,
                                .about31 {
                                    width: 70%;
                                }
                                .about31 h2 {
                                    color: #ffda27;
                                    font-family: 'MODERN NO. 216 BOLD';
                                    font-size: 35px;
                                }
                                .about31 h1,
                                .about11 h1,
                                .about21 h1 {
                                    font-family: 'MODERN NO. 216 BOLD';
                                    font-size: 45px;
                                }
                                .ourservices-r1 {
                                    margin-bottom: 4%;
                                }
                                .showreelgallery li {
                                    padding: 0px;
                                }
                            }
                            @media only screen and (max-width: 640px) {
                                label {
                                    display: block;
                                    position: relative;
                                    margin-bottom: 10px;
                                    padding: 5px 0px 8px 27px;
                                    border: 3px solid #fff;
                                    border-radius: 100px;
                                    color: #fff;
                                    background-color: #f38e14;
                                    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
                                    white-space: nowrap;
                                    cursor: pointer;
                                    user-select: none;
                                    transition: background-color .2s, box-shadow .2s;
                                    width: 30%;
                                    margin-right: 2%;
                                    float: left;
                                    font-size: 13px;
                                    font-family: 'Ubuntu', serif !important;
                                }
                                .fspace #message {
                                    border-top: 1px solid #ffffff !important;
                                }
                                .fspaceh {
                                    height: 2px !important;
                                }
                                .fspace input,
                                .fspace textarea {
                                    margin-bottom: 5px;
                                }
                                .firsthome {
                                    padding: 28% 2%;
                                    clear: both;
                                }
                                .secondhome {
                                    padding: 28% 2%;
                                    clear: both;
                                }
                                .thirdhome {
                                    padding: 28% 2%;
                                    clear: both;
                                    padding-bottom: 50%;
                                }
                                .dvideo {
                                    display: none;
                                }
                                .mvideo {
                                    display: block;
                                }
                                .firsthome h1 {
                                    font-family: 'MODERN NO. 216 BOLD';
                                    font-size: 30px;
                                    text-align: left;
                                    color: #ffffff;
                                }
                                .secondhome h1 {
                                    font-family: 'MODERN NO. 216 BOLD';
                                    font-size: 30px;
                                    text-align: center;
                                    color: #ffffff;
                                }
                                .secondhome p {
                                    text-align: center;
                                    color: #ffda27;
                                }
                                .about31 p,
                                .about11 p,
                                .about21 p {
                                    font-family: 'Karla', sans-serif !important;
                                }
                                .thirdhome h1 {
                                    font-family: 'MODERN NO. 216 BOLD';
                                    font-size: 30px;
                                    color: #ffffff;
                                }
                                .about31h1s {
                                    color: #ffda27;
                                }
                                .thirdhome p {
                                    text-align: left;
                                    color: #ffffff;
                                }
                                .thirdhome h2 {
                                    font-family: 'MODERN NO. 216 BOLD';
                                    font-size: 20px;
                                    color: #ffda27;
                                }
                                .casestudy-l {
                                    margin-top: 2%;
                                }
                                .deskbtn {
                                    display: none !important;
                                }
                                .mobbtn {
                                    display: block;
                                }
                                .ourprojectsd {
                                    display: none;
                                }
                                .ourprojectsm {
                                    display: block;
                                }
                                .showreelmain {
                                    margin-top: 0%;
                                    background-image: url(../images/showreel-bg1.png);
                                    background-size: cover;
                                    position: relative;
                                    color: #000000;
                                }
                                .aboutmain {
                                    background-image: url(../images/about-backgroundmob.jpg) !important;
                                    background-origin: border-box;
                                    background-size: cover;
                                    background-attachment: fixed;
                                    background-repeat: no-repeat;
                                    position: relative;
                                }
                                .about11,
                                .about21,
                                .about31 {
                                    width: 90%;
                                }
                                .about31 h2 {
                                    color: #ffda27;
                                    font-family: 'MODERN NO. 216 BOLD';
                                    font-size: 30px;
                                }
                                .about31 h1,
                                .about11 h1,
                                .about21 h1 {
                                    font-family: 'MODERN NO. 216 BOLD';
                                    font-size: 35px;
                                }
                                .ourservices-r1 {
                                    width: 50%;
                                    margin-bottom: 4%;
                                }
                            }
                            @media only screen and (max-width: 580px) {
                                .casestudy-l {
                                    margin-top: 2%;
                                }
                                .deskbtn {
                                    display: none !important;
                                }
                                .mobbtn {
                                    display: block;
                                }
                                .getintouch-l {
                                    width: 100%;
                                }
                                .getintouch-r {
                                    width: 100%;
                                }
                                .ourprojectsd {
                                    display: none;
                                }
                                .ourprojectsm {
                                    display: block;
                                }
                                .aboutmain {
                                    background-image: url(../images/about-backgroundmob.jpg) !important;
                                    background-origin: border-box;
                                    background-size: cover;
                                    background-attachment: fixed;
                                    background-repeat: no-repeat;
                                    ` position: relative;
                                }
                                .about11,
                                .about21,
                                .about31 {
                                    width: 90%;
                                }
                                .about31 {
                                    padding: 5%;
                                }
                                .about31 h2 {
                                    color: #ffda27;
                                    font-family: 'MODERN NO. 216 BOLD';
                                    font-size: 30px;
                                }
                                .about31 h1,
                                .about11 h1,
                                .about21 h1 {
                                    font-family: 'MODERN NO. 216 BOLD';
                                    font-size: 35px;
                                }
                                .ourservices-r1 {
                                    width: 50%;
                                    margin-bottom: 4%;
                                }
                            }
                            @media only screen and (max-width: 480px) {
                                .homepageblog {
                                    width: 100% !important;
                                    margin: 10px auto;
                                    padding-right: 20px !important;
                                    background: transparent !important;
                                }
                                .paynowp:before {
                                    content: "\2018";
                                    font-weight: bold;
                                    font-size: 200px;
                                    color: rgba(255, 255, 255, 0.7);
                                    position: absolute;
                                    top: -0.1em;
                                    left: -0.2em;
                                    font-family: 'Raleway';
                                }
                                .paynowpb:after {
                                    content: "\2019";
                                    font-weight: bold;
                                    font-size: 200px;
                                    color: rgba(255, 255, 255, 0.7);
                                    position: absolute;
                                    bottom: -0.5em;
                                    right: 0;
                                    font-family: 'Raleway';
                                }
                                .gqfp {
                                    width: 95%;
                                    margin-right: 2%;
                                    float: left;
                                    font-family: 'Ubuntu', serif !important;
                                }
                                #getaquoteform {
                                    padding: 3%;
                                    left: 5%;
                                }
                                label {
                                    display: block;
                                    position: relative;
                                    margin-bottom: 10px;
                                    padding: 5px 0px 8px 27px;
                                    border: 3px solid #fff;
                                    border-radius: 100px;
                                    color: #fff;
                                    background-color: #f38e14;
                                    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
                                    white-space: nowrap;
                                    cursor: pointer;
                                    user-select: none;
                                    transition: background-color .2s, box-shadow .2s;
                                    width: 47%;
                                    margin-right: 2%;
                                    float: left;
                                    font-size: 13px;
                                    font-family: 'Ubuntu', serif !important;
                                }
                                .espacegit {
                                    width: 100%;
                                }
                                .showreel-l p {
                                    width: 100%;
                                    color: #000000;
                                    font-family: 'Karla', sans-serif !important;
                                    text-align: justify;
                                }
                                .firsthome {
                                    padding: 28% 2%;
                                    clear: both;
                                }
                                .secondhome {
                                    padding: 28% 2%;
                                    clear: both;
                                }
                                .thirdhome {
                                    padding: 28% 2%;
                                    clear: both;
                                    padding-bottom: 50%;
                                }
                                .dvideo {
                                    display: none;
                                }
                                .mvideo {
                                    display: block;
                                }
                                .firsthome h1 {
                                    font-family: 'MODERN NO. 216 BOLD';
                                    font-size: 25px;
                                    text-align: left;
                                    color: #ffffff;
                                }
                                .secondhome h1 {
                                    font-family: 'MODERN NO. 216 BOLD';
                                    font-size: 25px;
                                    text-align: center;
                                    color: #ffffff;
                                }
                                .secondhome p {
                                    text-align: center;
                                    color: #ffda27;
                                }
                                .about31 p,
                                .about11 p,
                                .about21 p {
                                    font-family: 'Karla', sans-serif !important;
                                }
                                .thirdhome h1 {
                                    font-family: 'MODERN NO. 216 BOLD';
                                    font-size: 25px;
                                    color: #ffffff;
                                }
                                .about31h1s {
                                    color: #ffda27;
                                }
                                .thirdhome p {
                                    text-align: left;
                                    color: #ffffff;
                                }
                                .thirdhome h2 {
                                    font-family: 'MODERN NO. 216 BOLD';
                                    font-size: 20px;
                                    color: #ffda27;
                                }
                                #nav-icon3 span {
                                    height: 3px;
                                }
                                .cr {
                                    color: #ffffff;
                                    font-size: 11px;
                                }
                                .km {
                                    display: none;
                                }
                                .km1 {
                                    width: 100%;
                                    text-align: center;
                                }
                                .partners {
                                    padding-top: 10%;
                                }
                                .footerinside h4 {
                                    text-align: center;
                                }
                                .footerinside img {
                                    margin: auto;
                                    float: none;
                                }
                                .socialicons {
                                    float: none;
                                }
                                .footerdesk {
                                    display: none;
                                }
                                .getintouch-l {
                                    padding: 0px;
                                }
                                .getintouch-r {
                                    margin-top: 10%;
                                    margin-bottom: 10%;
                                }
                                .getintouch-l h4 {
                                    font-size: 22px !important;
                                }
                                .casestudy-l {
                                    margin-top: 10%;
                                }
                                .deskbtn {
                                    display: none !important;
                                }
                                .mobbtn {
                                    display: block;
                                }
                                .ourmenu {
                                    list-style: none;
                                    width: 95%;
                                    margin: 0 auto;
                                    position: fixed;
                                    padding-left: 0px;
                                }
                                .ourmenu li {
                                    list-style: none;
                                    display: block;
                                    font-family: 'MODERN NO. 216 BOLD';
                                    font-size: 20px;
                                    letter-spacing: 1px;
                                    padding: 2px;
                                    text-align: center;
                                }
                                #nav-icon1,
                                #nav-icon2,
                                #nav-icon3,
                                #nav-icon4 {
                                    width: 30px !important;
                                    height: 28px !important;
                                }
                                #nav-icon3 span:nth-child(1) {
                                    top: 0px;
                                }
                                #nav-icon3 span:nth-child(2),
                                #nav-icon3 span:nth-child(3) {
                                    top: 12px !important;
                                }
                                #nav-icon3 span:nth-child(4) {
                                    top: 25px !important;
                                }
                                .headlogo1 img {
                                    max-width: 80%;
                                    padding-top: 1%;
                                }
                                .sn {
                                    text-align: left;
                                }
                                .footerinside {
                                    width: 100%;
                                }
                                .getintouch-l {
                                    width: 100%;
                                }
                                .getintouch-r {
                                    width: 100%;
                                }
                                .ourprojectsd {
                                    display: none;
                                }
                                .ourprojectsm {
                                    display: block;
                                }
                                .about31 {
                                    padding-top: 0px;
                                    margin-top: auto;
                                }
                                .aboutmain {
                                    background-image: url(../images/about-backgroundmob.jpg) !important;
                                    background-origin: border-box;
                                    background-size: cover;
                                    background-attachment: fixed;
                                    background-repeat: no-repeat;
                                    position: relative;
                                }
                                .about11 {
                                    padding: 0% 0px;
                                }
                                .about11,
                                .about21,
                                .about31 {
                                    width: 100%;
                                }
                                .about31 {
                                    padding: 5%;
                                }
                                .about31 h2 {
                                    color: #ffda27;
                                    font-family: 'MODERN NO. 216 BOLD';
                                    font-size: 25px;
                                }
                                .about31 h1,
                                .about11 h1,
                                .about21 h1 {
                                    font-family: 'MODERN NO. 216 BOLD';
                                    font-size: 30px;
                                }
                                .ourservices-r1 {
                                    width: 50%;
                                    margin-bottom: 4%;
                                    padding: 0px;
                                    padding-right: 3%;
                                }
                                .ourservicesr {
                                    padding: 0px;
                                }
                            }
                            @media only screen and (max-width: 380px) {
                                label {
                                    display: block;
                                    position: relative;
                                    margin-bottom: 10px;
                                    padding: 5px 0px 8px 27px;
                                    border: 3px solid #fff;
                                    border-radius: 100px;
                                    color: #fff;
                                    background-color: #f38e14;
                                    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
                                    white-space: nowrap;
                                    cursor: pointer;
                                    user-select: none;
                                    transition: background-color .2s, box-shadow .2s;
                                    width: 96%;
                                    margin-right: 2%;
                                    float: left;
                                    font-size: 13px;
                                    font-family: 'Ubuntu', serif !important;
                                }
                                #getaquoteform {
                                    padding: 3%;
                                    left: 5%;
                                }
                            }
                            @media only screen and (max-width: 320px) {
                                .paynowp:before {
                                    content: "\2018";
                                    font-weight: bold;
                                    font-size: 200px;
                                    color: rgba(255, 255, 255, 0.7);
                                    position: absolute;
                                    top: -0.2em;
                                    left: -0.2em;
                                    font-family: 'Raleway';
                                }
                                #getaquoteform {
                                    padding: 3%;
                                    left: 5%;
                                }
                                .firsthome {
                                    padding: 28% 2%;
                                    clear: both;
                                }
                                .secondhome {
                                    padding: 28% 2%;
                                    clear: both;
                                }
                                .thirdhome {
                                    padding: 28% 2%;
                                    clear: both;
                                    padding-bottom: 50%;
                                }
                                .dvideo {
                                    display: none;
                                }
                                .mvideo {
                                    display: block;
                                }
                                .firsthome h1 {
                                    font-family: 'MODERN NO. 216 BOLD';
                                    font-size: 25px;
                                    text-align: left;
                                    color: #ffffff;
                                }
                                .secondhome h1 {
                                    font-family: 'MODERN NO. 216 BOLD';
                                    font-size: 25px;
                                    text-align: center;
                                    color: #ffffff;
                                }
                                .secondhome p {
                                    text-align: center;
                                    color: #ffda27;
                                }
                                .about31 p,
                                .about11 p,
                                .about21 p {
                                    font-family: 'Karla', sans-serif !important;
                                }
                                .thirdhome h1 {
                                    font-family: 'MODERN NO. 216 BOLD';
                                    font-size: 25px;
                                    color: #ffffff;
                                }
                                .about31h1s {
                                    color: #ffda27;
                                }
                                .thirdhome p {
                                    text-align: left;
                                    color: #ffffff;
                                }
                                .thirdhome h2 {
                                    font-family: 'MODERN NO. 216 BOLD';
                                    font-size: 20px;
                                    color: #ffda27;
                                }
                                .about1 {
                                    height: 600px;
                                }
                                .about2 {
                                    height: 600px;
                                }
                                .about3 {
                                    height: 600px;
                                }
                                .about4 {
                                    display: none;
                                }
                                .cr {
                                    color: #ffffff !important;
                                    font-size: 11px;
                                }
                                .km {
                                    display: none;
                                }
                                .km1 {
                                    width: 100%;
                                    text-align: center;
                                }
                                .footerinside h4 {
                                    text-align: center;
                                }
                                .footerinside img {
                                    margin: auto !important;
                                    float: none;
                                }
                                .socialicons {
                                    float: none;
                                }
                                .getintouch-l {
                                    padding: 0px;
                                }
                                .casestudy-l {
                                    margin-top: 10%;
                                }
                                .deskbtn {
                                    display: none !important;
                                }
                                .mobbtn {
                                    display: block;
                                }
                                .ourmenu {
                                    list-style: none;
                                    width: 95%;
                                    margin: 0 auto;
                                    position: fixed;
                                    padding-left: 0px;
                                }
                                .ourmenu li {
                                    list-style: none;
                                    display: block;
                                    font-family: 'MODERN NO. 216 BOLD';
                                    font-size: 20px;
                                    letter-spacing: 1px;
                                    padding: 2px;
                                    text-align: center;
                                }
                                #nav-icon1,
                                #nav-icon2,
                                #nav-icon3,
                                #nav-icon4 {
                                    width: 35px !important;
                                    height: 24px !important;
                                }
                                #nav-icon3 span {
                                    height: 3px;
                                }
                                #nav-icon3 span:nth-child(1) {
                                    top: 0px;
                                }
                                #nav-icon3 span:nth-child(2),
                                #nav-icon3 span:nth-child(3) {
                                    top: 12px !important;
                                }
                                #nav-icon3 span:nth-child(4) {
                                    top: 25px !important;
                                }
                                .headlogo1 img {
                                    max-width: 80%;
                                    padding-top: 1%;
                                }
                                .footerinside {
                                    width: 100%;
                                }
                                .getintouch-l {
                                    width: 100%;
                                }
                                .getintouch-r {
                                    width: 100%;
                                }
                                .ourprojectsd {
                                    display: none;
                                }
                                .ourprojectsm {
                                    display: block;
                                }
                                .aboutmain {
                                    background-image: url(../images/about-backgroundmob.jpg) !important;
                                    background-origin: border-box;
                                    background-size: cover;
                                    background-attachment: fixed;
                                    background-repeat: no-repeat;
                                    position: relative;
                                }
                                .about11 {
                                    padding: 20% 0px;
                                }
                                .about11,
                                .about21,
                                .about31 {
                                    width: 100%;
                                }
                                .about31 {
                                    padding: 5%;
                                }
                                .about31 h2 {
                                    color: #ffda27;
                                    font-family: 'MODERN NO. 216 BOLD';
                                    font-size: 25px;
                                }
                                .about31 h1,
                                .about11 h1,
                                .about21 h1 {
                                    font-family: 'MODERN NO. 216 BOLD';
                                    font-size: 30px;
                                }
                                /* .ourservices-r1{width:100%; margin-bottom: 4%;}	 */
                                .about31 {
                                    padding-top: 0px;
                                    margin-top: auto;
                                }
                            }