@font-face{font-family:"gauthamfamily";src:url(fonts/Gotham-Book.woff);}



body{background-color:#fff;overflow-x:hidden !important;font-family:"gauthamfamily";}

.wrapper{margin:0;padding:0;}

.top{width:100%;max-width:1080px;margin:0 auto;}

input::-webkit-input-placeholder{color:#555 !important;}

input:-moz-placeholder{color:#555 !important;}

input::-moz-placeholder{color:#555 !important;}

input:-ms-input-placeholder{color:#555 !important;}

textarea::-webkit-input-placeholder{color:#555 !important;}

textarea:-moz-placeholder{color:#555 !important;}

textarea::-moz-placeholder{color:#555 !important;}

textarea:-ms-input-placeholder{color:#555 !important;}

.bg-image{background-image:url('../images/extraimgs/About-Section1.png');width:100%;position:relative;height:690px;}

.bg-overlay{background-color:#FFF;position:absolute;width:100%;height:100%;opacity:0.7;}

.vert-box-1, .vert-box-2,

.image-section{position:absolute;top:15px;left:38.3%;z-index:10;width:285px;overflow:hidden;}

.image-section-2, .vert-box-3, .vert-box-4{position:absolute;top:15px;z-index:10;width:285px;overflow:hidden;left:67.7%;}

.vert-box-1{background-color:transparent;}

.vert-box-2{background-color:#FFF;height:760px;opacity:0.7;}

.vert-box-3{background-color:#FFF;z-index:999;opacity:0.7;}

.image-section img, .image-section-2 img{background-size:contain;width:100%;height:100%;overflow:hidden;}

#snowcem-main h2{-webkit-text-fill-color:transparent;background:rgba(0, 0, 0, 0) -moz-linear-gradient(left center , #360670 35%, #db0768 calc(80% - 10px)) repeat scroll 0 0 padding-box text;font-size:14em;background:-webkit-linear-gradient(left, #360670 35%, #db0768 calc(80% - 10px));-webkit-background-clip:text;font-weight:bold;letter-spacing:1px;z-index:2;width:934px;}

.snow-section{position:relative;width:934px;height:auto;margin:13% auto;}

.snow-paints{color:#293a80;font-size:50px;font-weight:bold;letter-spacing:120px;}

#paint h2{-webkit-text-fill-color:transparent;background:rgba(0, 0, 0, 0) -moz-linear-gradient(left center , #360670 60%, #db0768 calc(100% - 20px)) repeat scroll 0 0 padding-box text;font-size:50px;background:-webkit-linear-gradient(left, #360670 60%, #db0768 calc(100% - 20px));-webkit-background-clip:text;font-weight:bold;font-family:"gauthamfamily";}





#contactus h2{    -webkit-text-fill-color: transparent;

    background: rgba(0, 0, 0, 0) -moz-linear-gradient(left center , #360670 45%, #db0768 calc(65% - -20px)) repeat scroll 0 0 padding-box text;

    font-size: 50px;

    background: -webkit-linear-gradient(right, #db0768 80%, #360670 calc(100% - 20px));

    -webkit-background-clip: text;

    font-weight: bold;

    font-family: "gauthamfamily";

    text-align: left;

    margin-left: 50px;

}

.top-about h2{-webkit-text-fill-color:transparent;background:rgba(0, 0, 0, 0) -moz-linear-gradient(left center , #360670 60%, #db0768 calc(100% - 20px)) repeat scroll 0 0 padding-box text;font-size:50px;background: -webkit-linear-gradient(left, #360670 , #db0768 calc(100% - 20px));-webkit-background-clip:text;font-weight:bold;position:absolute;font-family:"gauthamfamily"; margin-left:50px;}

h5.page-head{font-weight:700;font-size:80px;letter-spacing:5px;margin-top:20px;font-family:"gauthamfamily";-webkit-text-fill-color:transparent !important;background:rgba(0, 0, 0, 0) -moz-linear-gradient(right, #360670 60%, #db0768 calc(100% - 20px)) repeat scroll 0 0 padding-box text !important;background:-webkit-linear-gradient(right,#360670 60%,#db0768 calc(100% - 20px)) !important;background:rgba(0, 0, 0, 0) -moz-linear-gradient(left, #360670 60%, #db0768 calc(100% - 20px)) repeat scroll 0 0 padding-box text !important;background:-webkit-linear-gradient(left,#360670 60%,#db0768 calc(100% - 20px)) !important;-webkit-background-clip:text !important;}

h5.page-headr{font-weight:700;font-size:80px;letter-spacing:5px;margin-top:20px;font-family:"gauthamfamily";-webkit-text-fill-color:transparent !important;background:rgba(0, 0, 0, 0) -moz-linear-gradient(right, #360670 60%, #db0768 calc(100% - 20px)) repeat scroll 0 0 padding-box text !important;background:-webkit-linear-gradient(right,#360670 60%,#db0768 calc(100% - 20px)) !important;text-transform:uppercase;-webkit-background-clip:text !important;}

@media screen and (max-width:768px){.xyx{height:100% !important;}

h5.page-headr{font-size:30px;}

#menu{right:-53px !important;}

canvas{height:75px !important;width:70px !important;}

.menu-nav-text{left:-15px !important;}

}

.about-section-inner{background-image:url("../images/extraimgs/About-Section.jpg");background-repeat:no-repeat;height:auto;width:100%;font-family:"gauthamfamily";}

#services h1{-webkit-text-fill-color:transparent;background:rgba(0, 0, 0, 0) -moz-linear-gradient(left center , #360670 60%, #db0768 calc(100% - 20px)) repeat scroll 0 0 padding-box text;font-size:50px;background:-webkit-linear-gradient(left, #360670 40%, #db0768 calc(100% - 20px));-webkit-background-clip:text;font-weight:bold;font-family:"gauthamfamily";}

.top-container{margin-right:50px;}

.brands-container h2{-webkit-text-fill-color:transparent;background:rgba(0, 0, 0, 0) -moz-linear-gradient(left center , #360670 60%, #db0768 calc(100% - 20px)) repeat scroll 0 0 padding-box text;font-size:50px;background:-webkit-linear-gradient(left, #360670, #db0768 calc(100% - 20px));-webkit-background-clip:text;position:absolute;margin-left:50px;margin-top:-125px;font-weight:bold;z-index:999;font-family:"gauthamfamily";}

.bckclr{background-color:#d3d4d4; width:100%;height:580px;}

.main-brand-inner{width:54%;float:left;padding:20px 10px 10px 10px; margin-right:15px;text-align: justify;}

.true-colors{color:#918398;font-size:3em;font-weight:bold;letter-spacing:1px;margin-top:65px;text-align:center;}

.true-colors span{color:#5E5F99;}

.sc-intro-btn-container{position:absolute;left:50%;bottom:200px;width:88px;height:65px;margin-left:-44px;opacity:0;}

.sc-intro-btn{width:100%;height:100%;padding-top:15px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:17px;text-align:center;color:#000000;-moz-transition:letter-spacing 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:letter-spacing 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);-webkit-transition:letter-spacing 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);transition:letter-spacing 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);cursor:pointer;}

.sc-intro-btn-arrow{position:absolute;left:50%;bottom:0;width:7px;height:18px;margin-left:-3px;-moz-transition:all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);-webkit-transition:all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);transition:all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);}

svg, .icon{display:block;width:100%;height:100%;}

.sc-intro-btn-arrow:before{content:'';position:absolute;left:3px;top:0;width:1px;height:15px;background-color:#444;-moz-transition:all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);-webkit-transition:all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);transition:all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);}

.sc-intro-btn:after{content:'';position:absolute;left:0px;top:33px;width:100%;height:5px;background-color:#64c1eb;-moz-box-shadow:88px 0 88px -44px #b51bb0 inset;-webkit-box-shadow:88px 0 88px -44px #b51bb0 inset;box-shadow:88px 0 88px -44px #b51bb0 inset;-moz-transition:all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition:all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);-webkit-transition:all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);}

.sc-intro-btn:before{content:'';position:absolute;left:50%;top:0;width:1px;height:10px;background-color:#444;-moz-transition:all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);-webkit-transition:all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);transition:all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);}

.sc-intro-btn:hover{letter-spacing:0.2em}

.sc-intro-btn:hover:before{-moz-transform:translate(0, 50%) scale(1, 0);-ms-transform:translate(0, 50%) scale(1, 0);-webkit-transform:translate(0, 50%) scale(1, 0);transform:translate(0, 50%) scale(1, 0)}

.sc-intro-btn:hover:after{background-color:#b51bb0;-moz-box-shadow:88px 0 88px -44px #64c1eb inset;-webkit-box-shadow:88px 0 88px -44px #64c1eb inset;box-shadow:88px 0 88px -44px #64c1eb inset}

.sc-intro-btn:hover .sc-intro-btn-arrow{-moz-transform:translateY(10px);-ms-transform:translateY(10px);-webkit-transform:translateY(10px);transform:translateY(10px)}

.sc-intro-btn:hover .sc-intro-btn-arrow:before{-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-webkit-transform:translateY(-10px);transform:translateY(-10px)}

.svg{display:none;}

.xyx{right:0;bottom:0;top:0;right:0;width:100%;height:100vh;background-size:100% 100%;background-position:center center;background-size:contain;object-fit:cover;z-index:9;}

.sc-prod{display:block;position:relative;width:240px;text-decoration:none;background-color:#fff}

.sc-prod:hover .sc-prod-title{-moz-transform:translateY(-14px);-ms-transform:translateY(-14px);-webkit-transform:translateY(-14px);transform:translateY(-14px);-moz-transition:all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);-webkit-transition:all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);transition:all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)}

.sc-prod:hover .sc-prod-subtitle{-moz-transform:translateY(-14px);-ms-transform:translateY(-14px);-webkit-transform:translateY(-14px);transform:translateY(-14px);-moz-transition:all 0.75s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s;-o-transition:all 0.75s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s;-webkit-transition:all 0.75s cubic-bezier(0.165, 0.84, 0.44, 1);-webkit-transition-delay:0.05s;transition:all 0.75s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s}

.sc-prod:hover .sc-prod-price{-moz-transform:translateX(calc(95px - 50%));-ms-transform:translateX(calc(95px - 50%));-webkit-transform:translateX(calc(95px - 50%));transform:translateX(calc(95px - 50%));font-size:16px;margin-top:-5px;}

.sc-prod:hover .sc-prod-frame{width:100%;height:50px}

.sc-prod:hover .sc-prod-arrow-1{opacity:0;-moz-transform:translateX(10px);-ms-transform:translateX(10px);-webkit-transform:translateX(10px);transform:translateX(10px);-moz-transition:all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);-webkit-transition:all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);transition:all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)}

.sc-prod:hover .sc-prod-arrow-2{opacity:1;-moz-transform:translateX(10px);-ms-transform:translateX(10px);-webkit-transform:translateX(10px);transform:translateX(10px);-moz-transition:all 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0.3s;-o-transition:all 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0.3s;-webkit-transition:all 0.5s cubic-bezier(0.77, 0, 0.175, 1);-webkit-transition-delay:0.3s;transition:all 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0.3s}

.sc-prod-img{position:relative;width:240px;overflow:hidden}

.sc-prod-img:before{content:'';position:absolute;left:0;top:0;width:100.5%;height:101%;-moz-transition:all 0.8s cubic-bezier(0.77, 0, 0.175, 1);-o-transition:all 0.8s cubic-bezier(0.77, 0, 0.175, 1);-webkit-transition:all 0.8s cubic-bezier(0.77, 0, 0.175, 1);transition:all 0.8s cubic-bezier(0.77, 0, 0.175, 1);background:-webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #e9bbe7), color-stop(100%, #d1edf9));background:-moz-linear-gradient(top left, #e9bbe7 0%, #d1edf9 100%);background:-webkit-linear-gradient(top left, #e9bbe7 0%, #d1edf9 100%);background:linear-gradient(to bottom right, #e9bbe7 0%, #d1edf9 100%)}

.sc-prod-img.loaded:before{-moz-transform:translate(100%, 0);-ms-transform:translate(100%, 0);-webkit-transform:translate(100%, 0);transform:translate(100%, 0)}

.sc-prod-img .img-lazyload{width:100%;height:100%;}

.sc-prod-txt{position:relative;width:100%;padding:30px 20px;color:#444;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-shadow:rgba(68, 68, 68, 0.1) 5px 5px 10px;-webkit-box-shadow:rgba(68, 68, 68, 0.1) 5px 5px 10px;box-shadow:rgba(68, 68, 68, 0.1) 5px 5px 10px;overflow:hidden}

.sc-prod-title{font:normal 18px/18px "SM";margin-bottom:2px;text-transform:uppercase;-moz-transition:all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.2s;-o-transition:all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.2s;-webkit-transition:all 0.6s cubic-bezier(0.77, 0, 0.175, 1);-webkit-transition-delay:0.2s;transition:all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.2s}

.sc-prod-subtitle{font:normal 12px/14px "CB";margin-bottom:1px;-moz-transition:all 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0.15s;-o-transition:all 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0.15s;-webkit-transition:all 0.5s cubic-bezier(0.77, 0, 0.175, 1);-webkit-transition-delay:0.15s;transition:all 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0.15s}

.sc-prod-btn{position:relative;width:100%;height:40px}

.sc-prod-price{position:absolute;left:0;top:0;font:normal 24px/42px "SB";-moz-transition:all 0.8s cubic-bezier(0.77, 0, 0.175, 1);-o-transition:all 0.8s cubic-bezier(0.77, 0, 0.175, 1);-webkit-transition:all 0.8s cubic-bezier(0.77, 0, 0.175, 1);transition:all 0.8s cubic-bezier(0.77, 0, 0.175, 1)}

.sc-prod-frame{position:absolute;right:0;top:50%;width:30px;height:40px;border-right:5px solid #64c1eb;border-left:5px solid #b51bb0;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);-moz-transition:all 0.8s cubic-bezier(0.77, 0, 0.175, 1);-o-transition:all 0.8s cubic-bezier(0.77, 0, 0.175, 1);-webkit-transition:all 0.8s cubic-bezier(0.77, 0, 0.175, 1);transition:all 0.8s cubic-bezier(0.77, 0, 0.175, 1)}

.sc-prod-frame:before,

.sc-prod-frame:after{content:'';position:absolute;left:-1px;width:calc(100% + 2px);height:5px;background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I1MWJiMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzY0YzFlYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background:-webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #b51bb0), color-stop(100%, #64c1eb));background:-moz-linear-gradient(left, #b51bb0 0%, #64c1eb 100%);background:-webkit-linear-gradient(left, #b51bb0 0%, #64c1eb 100%);background:linear-gradient(to right, #b51bb0 0%, #64c1eb 100%)}

.sc-prod-frame:before{top:0}

.sc-prod-frame:after{bottom:0}

.sc-prod-arrow{position:absolute;top:50%;margin-top:-3px;width:35px;height:7px}

.sc-prod-arrow-1{right:19px;-moz-transition:all 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0.3s;-o-transition:all 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0.3s;-webkit-transition:all 0.5s cubic-bezier(0.77, 0, 0.175, 1);-webkit-transition-delay:0.3s;transition:all 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0.3s}

.sc-prod-arrow-2{left:-30px;opacity:0;-moz-transition:all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);-webkit-transition:all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);transition:all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)}

.txtsection{text-align:center;}

.service-img1{background:#333 !important;}

.service-img1 img{opacity:0.3 !important;}

.service-text1{color:#fff;font-weight:bold;font-size:21px;width:282px;padding:0 40px;line-height:30px;text-align:left;margin:-73px 0 0 -25px;}

.service-img2{background:#333 !important;}

.service-img2 img{opacity:0.3 !important;}

.service-text2{color:#fff;font-weight:bold;font-size:21px;width:282px;padding:0 40px;line-height:30px;text-align:left;margin:-73px 0 0 -25px;}

.service-img3{background:#333 !important;}

.service-img3 img{opacity:0.3 !important;}

.service-text3{color:#fff;font-weight:bold;font-size:21px;width:282px;padding:0 40px;line-height:30px;text-align:left;margin:-73px 0 0 -25px;}

.service-text4{color:#000;font-size:2em;line-height:30px;}

.brands-section{margin-top:15%;}

.about-section-content{font-size:20px;padding:25% 0 15%;width:35%;}

.about-section-content span{color:#7d337f;font-size:2em;}

.brands-container{margin:35px 0;}

#myProgress{position:relative;width:100%;height:10px !important;background-color:#ddd;top:50%;}

#myBar{position:absolute;width:0;height:100%;background:rgba(0, 0, 0, 0) linear-gradient(to right, #64c1eb 0%, #b51bb0 100%) repeat scroll 0 0;}

.mainprogressbar{top:50%;position:relative;}

#label{text-align:center;line-height:30px;color:#000;}

#circle{}

#contentsection{height:100%;display:none;}

.preloading{height:100px;right:4%;margin-top:-50px;position:fixed;top:50%;width:100%;}

.mainprogressbar{float:left;position:relative;top:50%;vertical-align:middle;width:95.8%;}

.middle-container{display:block;height:auto;width:100%;padding:60px;}

.main-brands{z-index:-2147483648;max-width:1200px;padding:10px;}

.text-right{margin-right:33px !important;}

#menu{height:100%;position:fixed;right:0;top:0;transition:opacity 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s, transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;width:80px;z-index:8;}

#menu-lines::before{bottom:50%;transform:translate(0px, -60px) scale(1, 1);}

#menu-lines::before, #menu-lines::after{background-color:#444;content:"";height:100%;left:0;opacity:0.2;position:absolute;transition:all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;width:1px;z-index:-1;}

#menu-lines::after{top:50%;transform:translate(0px, 75px) scale(1, 1);}

#menu-lines::before, #menu-lines::after{background-color:#444;content:"";height:100%;left:0;opacity:0.2;position:absolute;transition:all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;width:1px;z-index:-1;}

#menu-lines{height:100%;left:0;position:absolute;top:0;width:1px;}

#menu-nav{-moz-user-select:none;cursor:url("../img/icons/grab.ico"), move;height:130px;left:0;margin:-57px 0 0 -49px;position:absolute;top:50%;width:130px;}

.menu-nav-circle{height:100px;left:0;margin-top:-50px;position:absolute;top:50%;transition:transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;width:100px;background-color:#fff;border-radius:60px;}

#menu-nav-circle-svg{transform:rotate(-180deg);}

.gradient-circle{transition:all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;}

.stop-color-blue{stop-color:#64c1eb;}

.gradient-circle{transition:all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;}

.stop-color-violet{stop-color:#b51bb0;}

.menu-nav-text{-moz-user-select:none;color:#444;font-family:"CB";left:0;margin-top:-14px;position:absolute;text-align:center;top:50%;transition:all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;width:100px;}

.menu-nav-arrow{bottom:0;height:36px;left:46px;position:absolute;transition:all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;width:7px;display:none;}

.menu-nav-arrow-up{top:0;}

.menu-nav-arrow-up, .menu-nav-arrow-down{height:18px;position:absolute;transition:all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;width:7px;}

.menu-nav-arrow-down{bottom:30px;}

.menu-nav-arrow-up, .menu-nav-arrow-down{height:18px;position:absolute;transition:all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;width:7px;}

.menu-nav-burger::before, .menu-nav-burger::after{background-color:#444;content:"";height:2px;left:0;position:absolute;top:0;transition:all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;width:100%;}

.menu-nav-burger::before, .menu-nav-burger::after{background-color:#444;content:"";height:2px;left:0;position:absolute;top:0;transition:all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;width:100%;}

.menu-nav-burger{background-color:#444;height:2px;left:43px;margin-top:-1px;opacity:0;position:absolute;top:50%;transition:all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;width:14px;}

#contact-form input{background-color:#fff;background-image:none;border:3px solid black;color:#555;display:block;font-size:18px;height:50px;line-height:1.42857;margin-bottom:20px;padding:6px 12px;width:100%;border-radius:5px;}

.contact-form-left{border-right:3px solid #000;margin-bottom:20px;width:50%;float:left;padding:60px;}

.contact-form-right{float:left;padding:60px;width:50%;}

.hello-text{font-size:35px;line-height:45px;margin-bottom:35px;}

.contact-section{margin-top:60px;}

#contact-text{font-size:22px;word-spacing:3px;}

.contact-form-sections{display:table;margin-bottom:35px;margin-top:35px;width:100%;}

#footer-bootom{background-color:#000000;margin-top:15px;padding:45px;}

#footer-bootom ul li a{color:white;text-decoration:none;}

#footer-bootom p#news{color:#dfdfdf;font-size:24px;}

#footer-bootom input{background-color:black;padding:4px 53px 7px 10px;}

#footer-bootom span{color:white;margin-left:13px;}

#footer-bootom h2{color:white;}

#footer-bootom p#address{color:white;font-size:11px;}

input#msg{border-color:#e3265e;color:#000000;font-size:18px;letter-spacing:3px;}

.antena , .brushimg , .bagimg , .calcimg , .womenimg , .color2img , .color3img , .color4img{display:block;margin:0 auto;}

.abt-main-setion-cntnt{display:block;width:100%;}

.testcls{padding-top:250px; padding-left:5px; position:absolute;width:380px;z-index:99;font-size:20px;text-align: justify;}

.testcls2{padding-top:375px;  padding-left:5px; width:380px;z-index:99;font-size:20px;text-align: justify;}

.testcls span{color:#001F99;font-size:2em;}

#abouts{padding-bottom:180px;}

.overlay{height:100%;width:0;position:fixed;z-index:1;top:0;left:0;background-color:#fff;overflow-x:hidden;transition:0.5s;z-index:9999;}

.overlay-content{position:relative;top:0%;width:100%;text-align:center;margin-top:38px;}

.overlay a{padding:8px;text-decoration:none;font-size:36px;color:#818181;display:block;transition:0.3s;text-decoration:none;}

.overlay a:hover, .overlay a:focus{color:#818181;text-decoration:none;}

.overlay .closebtn {

    font-size: 38px;

    z-index: 99;

    position: absolute;

    right: 0px;

}

@media screen and (max-height:450px){.overlay a{font-size:20px}

}

.menu-top-column-1{background-image:url('../images/extraimgs/menu-1.jpg');margin-right:6%;float:left;padding-top:45px;background-repeat:no-repeat;background-size:100% 100%;}

.menu-column-1-know-more{margin-right:45px;float:left;}

.menu-column-1-visualizer{margin-right:50px;float:left;}

.menu-top-column-2{background-image:url('../images/extraimgs/menu-3.png');padding-top:45px;background-repeat:no-repeat;background-size:100% 100%;}

.menu-top-column-3{background-image:url('../images/extraimgs/menu-2.png');float:left;padding-top:45px;background-repeat:no-repeat;background-size:100% 100%;}

.menu-column-1-budget{float:left;width:350px;}

.menu-top-wraper{width: 100%;max-width: 1200px;margin: 0px 36px;display: inline-block;}

div#myNav .menu-top-wraper a {width: 30.6%;}

.menu-top-column-1 h3{ font-size: 36px;text-align:left !important;margin-left:-12% !important;font-weight:lighter;}

.menu-top-column-2 h3{ font-size: 36px;text-align:left !important;margin-left:-12% !important;font-weight:lighter;}

.menu-top-column-3 h3{ font-size: 36px;text-align:left !important;margin-left:-12% !important;font-weight:lighter;}

.menu-top-column-content{text-align:left;margin-left:-12%;width:55%;padding:10px 0 10px 0px;font-size:12px;}

.know-more-menu{text-align:left;margin-left:-12%;text-decoration:underline;font-size:10px;}

.menu-bottom-wraper{background-image: url(../images/extraimgs/watermark.png);

    background-repeat: no-repeat;

    clear: both;

    margin-left: auto;

    margin-right: auto;

    display: table;}

.menu-bottom-wraper-inner{max-width:1200px;width:100%;margin:0 auto;}

.img-true img{margin:20px 0 15px 0px;}

.img-true{text-align:left;}

.img-true p{text-align:justify;margin:12px 0px 0px 0px;font-size:17px;}

.navigation li{list-style:none;font-size:25px;}

.navigation{margin-top:45px;}

.navigation li a{font-size:22px !important;color:#333;padding:2px;}

#messagebox{width:100%;height:100px;border:3px solid #000;padding:10px;font-size:20px;border-radius:5px;}

.background{width:100%;z-index:1;}

.cloud{width:auto;height:auto;z-index:0;opacity:0.8;font-size:50px;font-weight:900;background:-webkit-linear-gradient(left, #360670 60%, #db0768 calc(100% - 20px));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:"gauthamfamily";}

.header h2{font-size:40px;font-weight:lighter;}

.header a{font-size:32px;text-decoration:none;padding-bottom:2px;border-bottom:1px solid #fff;color:#fff;}

#paint h2{margin-top:10px;margin-bottom:40px}

.outer-wrap{display:table;width:100%;height:100%;}

.inner-wrap{display:table-cell;vertical-align:middle;text-align:center;}

.top-vastu h2{-webkit-text-fill-color:transparent;background:rgba(0, 0, 0, 0) -moz-linear-gradient(left center , #360670 60%, #db0768 calc(100% - 20px)) repeat scroll 0 0 padding-box text;font-size:50px;background:-webkit-linear-gradient(left, #360670 60%, #db0768 calc(100% - 20px));-webkit-background-clip:text;font-weight:bold;position:absolute;font-family:"gauthamfamily";}

.top-rnd h2{-webkit-text-fill-color:transparent;background:rgba(0, 0, 0, 0) -moz-linear-gradient(left center , #360670 60%, #db0768 calc(100% - 20px)) repeat scroll 0 0 padding-box text;font-size:50px;background:-webkit-linear-gradient(left, #360670 60%, #db0768 calc(100% - 20px));-webkit-background-clip:text;font-weight:bold;position:absolute;font-family:"gauthamfamily";}

.top-abt-intro h2{-webkit-text-fill-color:transparent;background:rgba(0, 0, 0, 0) -moz-linear-gradient(left center , #360670 60%, #db0768 calc(100% - 20px)) repeat scroll 0 0 padding-box text;font-size:50px;background:-webkit-linear-gradient(left, #360670 60%, #db0768 calc(100% - 20px));-webkit-background-clip:text;font-weight:bold;position:absolute;font-family:"gauthamfamily";}

.top-abt-history h2{-webkit-text-fill-color:transparent;background:rgba(0, 0, 0, 0) -moz-linear-gradient(left center , #360670 60%, #db0768 calc(100% - 20px)) repeat scroll 0 0 padding-box text;font-size:50px;background:-webkit-linear-gradient(left, #360670 60%, #db0768 calc(100% - 20px));-webkit-background-clip:text;font-weight:bold;position:absolute;font-family:"gauthamfamily";}

.top-abt-history{width:30%;margin:0 auto;}

.top-abt-testimonials{width:60%;margin:0 auto;}

.top-abt-testimonials h2{-webkit-text-fill-color:transparent;background:rgba(0, 0, 0, 0) -moz-linear-gradient(left center , #360670 60%, #db0768 calc(100% - 20px)) repeat scroll 0 0 padding-box text;font-size:50px;background:-webkit-linear-gradient(left, #360670 60%, #db0768 calc(100% - 20px));-webkit-background-clip:text;font-weight:bold;position:absolute;font-family:"gauthamfamily";}

.know-your-color-top h1{-webkit-text-fill-color:transparent;background:rgba(0, 0, 0, 0) -moz-linear-gradient(left center , #360670 60%, #db0768 calc(100% - 20px)) repeat scroll 0 0 padding-box text;font-size:4em;background:-webkit-linear-gradient(left, #360670 11%, #db0768 calc(80% - 20px));-webkit-background-clip:text;font-weight:bold;position:absolute;font-family:"gauthamfamily";}

#vastuform{padding:5% 30% 5% 0%;}

#firstletter{border:2px solid #000;height:40px;color:#000;text-transform:uppercase;}

.firstlettermn{margin-bottom:30px;}

#bday{border:2px solid #000;height:40px;color:#000;text-transform:uppercase;}

.input-group-addon{border:2px solid #000 !important;border-left:0px !important;}

#submitbtn {width: 100%;height: 40px;background-color: #fff;border: 3px solid #e3265e;margin-top: 30px;border-radius: 5px;font-size: 18px;outline: none;}

.know-more-imgcls{margin:0 auto;display:block;border:1px solid #ccc;padding:10px;margin-bottom:5%;}

.know-color-main{padding:0 30px;}

.color-name{font-weight:bold;text-transform:uppercase;letter-spacing:1px;}

.color-shade{border:1px solid #000;width:25px;height:25px;float:left;margin-right:10px;}

.color-description{clear:both;margin-top:25px;font-size:17px;letter-spacing:1px;}

.error{color:red;}

.nav-mobile-menu li{border-bottom:1px solid #ccc;list-style-type:none;padding:5px 25px;}

.nav-mobile-menu{padding:0px;}

.nav-mobile-menu a{color:#fff;text-decoration:none;}

.nav-menu{background:#360670;background:-moz-linear-gradient(#360670, #DB0768) !important;background:linear-gradient(#360670, #DB0768) !important;background:-webkit-linear-gradient(#360670, #DB0768) !important;background:-o-linear-gradient(#360670, #DB0768) !important;}

.mobile-responsive-menu{display:none;}

.scroll-down{-webkit-text-fill-color:transparent;background:rgba(0, 0, 0, 0) -moz-linear-gradient(left center , #360670 45%, #db0768 calc(125% - -20px)) repeat scroll 0 0 padding-box text;font-size:15px;background:-webkit-linear-gradient(left, #360670 45%, #db0768 calc(125% - 20px));-webkit-background-clip:text;font-weight:bold;font-family:"gauthamfamily";}

.error {color: red;}



/* The Overlay (background) */

.overlay_1 {

    height: 100%;

    width: 0;

    position: fixed; /* Stay in place */

    z-index: 999; /* Sit on top */

    left: 0;

    top: 0;

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

    overflow-x: hidden; /* Disable horizontal scroll */

    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */

}



/* Position the content inside the overlay */

.overlay-content_1 {

    position: relative;

    top: 5%; 

    width: 100%; 

    text-align: center; 

    margin-top: 30px; 

}

/* The navigation links inside the overlay */

.overlay_1 a {

    padding: 8px;

    text-decoration: none;

    font-size: 22px;

    color: black;

    display: block; /* Display block instead of inline */

    transition: 0.3s; /* Transition effects on hover (color) */

}

/* When you mouse over the navigation links, change their color */

.overlay_1 a:hover, .overlay_1 a:focus {

    color: black;

}

/* Position the close button (top right corner) */

.overlay_1 .closebtn {

    position: absolute;

    top: 20px;

    right: 45px;

    font-size: 60px;

}

.prestigious_heading {

    -webkit-text-fill-color: transparent;

    font-size: 50px;

    background: rgba(0, 0, 0, 0); /* For browsers that do not support gradients */

    background: -webkit-linear-gradient(left, #360670 50%, #db0768 calc(100% - 20px));

    background: -o-linear-gradient(left, #360670 50%, #db0768 calc(100% - 20px));

    background: -moz-linear-gradient(left, #360670 50%, #db0768 calc(100% - 20px));

    background: linear-gradient(left, #360670 50%, #db0768 calc(100% - 20px));

    -webkit-background-clip: text;

    font-weight: bold;

    position: absolute;

    font-family: "gauthamfamily";

    top: -3%;

}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */

@media screen and (max-height: 450px) {

    .overlay_1 a {font-size: 20px}

    .overlay_1 .closebtn {

        font-size: 40px;

        top: 15px;

        right: 35px;

    }

}

@media only screen and (min-width:1026px) and (max-width: 1439px){



div#abtsection {

    margin-right: 50px;

}



.brands-container {

    margin-right: 50px;

}

.main-brand-inner {

    width: 54%;

    margin-right: 7px; 

}

}