aDriv4 - MANAGER
Edit File: style.css
/*fonts*/ @font-face { font-family: 'roboto-light'; src: url('../fonts/Roboto-Light.ttf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto-bold'; src: url('../fonts/Roboto-Bold.ttf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto-regular'; src: url('../fonts/Roboto-Regular.ttf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto-medium'; src: url('../fonts/Roboto-Medium.ttf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto-mediumitalic'; src: url('../fonts/Roboto-MediumItalic.ttf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto-bolditalic'; src: url('../fonts/Roboto-BoldItalic.ttf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto-boldcondensed'; src: url('../fonts/Roboto-BoldCondensed.ttf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'titilliumWeb-regular'; src: url('../fonts/TitilliumWeb-Regular.ttf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'opensans-regular'; src: url('../fonts/OpenSans-Regular.ttf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'opensans-light'; src: url('../fonts/OpenSans-Light.ttf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'opensans-semibold'; src: url('../fonts/OpenSans-Semibold.ttf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'opensans-bold'; src: url('../fonts/OpenSans-Bold.ttf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto-condenseditalic'; src: url('../fonts/Roboto-CondensedItalic.ttf'); font-weight: normal; font-style: normal; } section.pos { position: relative; } .pos-div { position: absolute; width: 100%; top: 0px; opacity: 0.6; } section.pos > img { width: 100%; } /*header*/ header.header.sticky { position: fixed; width: 100%; z-index: 10000; -webkit-animation: slide-down 0.7s ease-in-out; animation: slide-down 0.7s ease-in-out; } @-webkit-keyframes slide-down { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slide-down { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } header.header { border-bottom: 2px solid #5b5b5b; background: #2a2a2a; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .header-container { padding: 0px 93px 0px 342px; } nav.navbar.navbar-inverse.custom-navbar { background: none; border: none; margin: 0px; } .custom-nav li a { font-size: 15px; text-transform: uppercase; font-family: 'roboto-bold'; padding: 22px 23px 16px 23px; color: #fff !important; } .nav.navbar-nav.navbar-right.custom-nav li:nth-of-type(8) a { padding-right:40px; } ul.nav.navbar-nav.custom-nav li a:hover { background-color: #080807 !important; } .nav.navbar-nav.navbar-right.custom-nav li.icon { /*border-left: 2px solid #5b5b5b;*/ border-left: 2px solid #5b5b5b; } /*.nav.navbar-nav.navbar-right.custom-nav li:last-child { border-left: 0; }*/ a.navbar-brand.custom-brand { position: relative; z-index: 2; } /*.mam-pos a { position: relative; } .mam-pos a::before { content: ""; height: 5px; width: 5px; background: red; position: absolute; border-radius: 50px; } */.mam-pos.mam-pos1 { position: absolute; top: 118px; left: 219px; } .mam-pos.mam-pos2 { position: absolute; top: 151px; left: 244px; } .mam-pos.mam-pos3 { position: absolute; top: 195px; left: 328px; } .mam-pos.mam-pos4 { position: absolute; top: 275px; left: 265px; } .mam-pos.mam-pos5 { position: absolute; top: 302px; left: 242px; } .mam-pos.mam-pos6 { position: absolute; top: 306px; left: 184px; } .mam-pos.mam-pos7 { position: absolute; top: 317px; left: 191px; } .mam-pos.mam-pos8 { position: absolute; top: 339px; left: 244px; } .mam-pos.mam-pos9 { position: absolute; top: 322px; left: 325px; } .mam-pos.mam-pos10 { position: absolute; top: 349px; left: 288px; } .mam-pos.mam-pos11 { position: absolute; top: 366px; left: 212px; } .mam-pos.mam-pos12 { position: absolute; top: 405px; left: 246px; } .mam-pos.mam-pos13 { position: absolute; top: 401px; left: 285px; } .mam-pos.mam-pos14 { position: absolute; top: 423px; left: 251px; } .mam-pos.mam-pos15 { position: absolute; top: 430px; left: 245px; } .mam-pos.mam-pos16 { position: absolute; top: 434px; left: 238px; } .mam-pos.mam-pos17 { position: absolute; top: 446px; left: 253px; } .mam-pos.mam-pos18 { position: absolute; top: 456px; left: 249px; } .why-con { line-height: 28px; margin: 0 auto; padding: 75px; width: 995px; } .why-con h3 { font-family: "opensans-semibold"; font-size: 16px; } .why-con ul { margin: 0 0 0 15px; padding: 0; } .why-con { } li.icon { position: relative; } li.icon.active .form-pos { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; } .form-pos { position: absolute; width: 150px; top: 0px; height: 100%; display: none; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; left: -150px; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } li.icon.active input { background: #000; color: #fff; font-size: 13px; } .custom-nav li.icon a { font-size: 23px; padding: 16px 22px; } .menulist { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 15px; display: none; } .menulist > p { margin: 0px 0px -34px 0px; position: relative; bottom: -17px; color: #dcdcdc; z-index: 1; font-size: 12px; font-family: 'titilliumWeb-regular'; } /*header*/ .crousel-text { position: absolute; top: 0px; z-index: 2; width: 100%; height: 100%; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .banner-section .carousel-indicators { margin: 0px; width: auto; left: 30%; } .banner-section .carousel-indicators { bottom: 40px; margin: 0px 0px 0px 0px; width: 100%; left: 0px; display: -webkit-flex; /* NEW */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: flex-end; -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; } .banner-section .carousel-indicators li { margin: 0px 0px 0px 0px; border-radius: 0px; background: #bcbcbc; border: 0px; display: block; width: auto; height: auto; text-indent: 0px; position: relative; } .banner-lists { padding: 15px 35px; } .banner-section .carousel-indicators li:before { position: absolute; top: 10%; height: 80%; width: 2px; background: -webkit-linear-gradient(top, rgba(159, 159, 159, 0.1), #9f9f9f, rgba(159, 159, 159, 0.1)); background: linear-gradient(to bottom, rgba(159, 159, 159, 0.1), #9f9f9f, rgba(159, 159, 159, 0.1)); content: ""; right: 0px; } .banner-section .carousel-indicators li.active:after { position: absolute; content: "\f0d8"; top: -26px; font-size: 30px; color: #ff5556; left: 45%; font-family: fontawesome; } .banner-lists h4 { margin: 0px 0px 5px 0px; color: #4b4b4b; font-family: 'roboto-mediumitalic'; font-size: 15px; text-transform: uppercase; letter-spacing: 0.2px; } .banner-lists h2 { margin: 0px 0px 0px 0px; color: rgba(0, 0, 0, 0.5); font-family: 'roboto-mediumitalic'; font-size: 15px; text-transform: uppercase; letter-spacing: 0.2px; } .banner-section .carousel-indicators li.active { background: #ff5556; } .banner-section .carousel-indicators li.active h4 { color: #ffbbbb; } .banner-section .carousel-indicators li.active h2 { color: #ffffff; } .carousel-row { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .carousel-con { width: 530px; padding: 0px 0px 0px 70px; } .carousel-con1 > img { width: 100%; } .carousel-con h5 { font-size: 30px; color: #bcbcbc; font-family: 'roboto-mediumitalic'; margin: 0px 0px 5px 0px; text-transform: uppercase; } .carousel-con h2 { font-family: 'roboto-mediumitalic'; margin: 0px 0px 5px 0px; font-size: 33px; color: #fc4f4f; text-transform: uppercase; } .carousel-con h1 { font-size: 30px; color: #bcbcbc; font-family: 'roboto-mediumitalic'; margin: 0px 0px 5px 0px; text-transform: uppercase; } .carousel-con h1 span{ font-family: 'roboto-mediumitalic'; margin: 0px 0px 5px 0px; font-size: 33px; display:block; color: #fc4f4f; text-transform: uppercase; } h1 { font-size: 30px; color: #fff; font-family: 'roboto-mediumitalic'; margin: 0px 0px 15px 0px; text-transform: uppercase; } .carousel-con h3 { font-family: 'roboto-mediumitalic'; margin: 0px 0px 30px 0px; font-size: 24px; color: #bcbcbc; } .carousel-con h4 { font-family: 'roboto-mediumitalic'; margin: 0px 0px 30px 0px; font-size: 16px; color: #bcbcbc; } .carousel-con p { font-family: 'roboto-light'; margin: 0px 0px 45px 0px; font-size: 14px; line-height: 26px; color: #ffffff; letter-spacing: 0.1px; opacity: 0.6; } .carousel-col { -webkit-flex: 1 1 50%; -ms-flex: 1 1 50%; -webkit-box-flex: 1; flex: 1 1 50%; } /*testi video*/ .testi-video-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 90px 0 0 0; } .testi-video-col { width: 32.333333334%; margin: 0px 1%; } .testi-video-col iframe { width: 100%; height: 215px; border: 3px solid #000; } .home-pow-sec { padding: 130px 0px; background: #ff5556; } .home-pow-row { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; } .home-pow-col { width: 50%; } .home-pow-col.home-pow-col1 { padding: 0px 100px 0px 0px; } .home-pow-content { width: 370px; margin: 0px 0px 0px auto; } .home-pow-content h2 { text-transform: uppercase; font-size: 41.46px; color: #feffff; margin: 0px 0px 0px 0px; /*font-family: 'roboto-boldcondensed'; font-style: italic;*/ letter-spacing: 2.7px; } .home-pow-content h4 { font-family: 'roboto-mediumitalic'; text-align: right; font-size: 16px; line-height: 24px; color: #feffff; margin: 0px 0px 0px auto; width: 100%; text-transform: uppercase; } .home-line { width: 110px; height: 2px; margin: 10px auto 10px auto; background: #fff; } .home-low-col p { font-family: 'roboto-regular'; color: #fff; font-size: 20px; line-height: 30px; margin: 0px 0px 0px 0px; } .home-low-row { /* display: flex; justify-content: center; */ padding: 0px 0px 0px 130px; margin: 90px 0px 0px 0px; } .home-low-col { /*flex-basis: 33.333333333334%;*/ display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; padding: 0px 30px 0px 30px; position: relative; float: left; } .home-low-col:last-child { position: inherit; } .home-low-col:before { height: 100%; width: 2px; content: ""; position: absolute; top: 0px; right: 0px; background: -webkit-linear-gradient(top, rgba(254, 139, 139, 0.07), #fe8b8b, rgba(254, 139, 139, 0.08)); background: linear-gradient(to bottom, rgba(254, 139, 139, 0.07), #fe8b8b, rgba(254, 139, 139, 0.08)); } /*.home-low-col:last-child { flex-basis: 28%; position: inherit; } */.home-low-col:first-child { padding: 0px 30px 0px 0px; } .home-low-col > img { display: block; margin: 0px 0px 25px 0px; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .home-low-col:hover > img { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } .home-pow-col.home-pow-col2 { padding: 0px 90px 0px 0px; } .home-pow-con p { font-family: 'roboto-light'; color: #fff; font-size: 14px; line-height: 24px; letter-spacing: 1.4px; text-align: justify; } .home-pow-con p span { font-family: 'roboto-bold'; } .home-pro-sec { padding: 100px 0px 120px 0px; } .home-pro-col { background: #fcfcfc; -webkit-flex-basis: -webkit-calc(33% - 12px); -ms-flex-preferred-size: calc(33% - 12px); flex-basis: calc(33% - 12px); padding: 15px 30px; overflow: hidden; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .home-pro-col:hover { background: #fe5555; } .home-pro-col:hover .home-pro-content h2 { color: #fff; } .home-pro-col:hover .home-pro-content h4 { color: #fff; } .home-pro-col:hover .home-pro-content a { color: #fff; } .home-pro-col:hover .home-pro-content p { color: #fff; } .home-pro-row { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; margin: 70px 0px 0px 0px; } .home-pro-content h2 { font-family: 'roboto-condenseditalic'; color: #373737; font-size: 16px; text-transform: uppercase; margin: 0px 0px 5px 0px; } .home-pro-content h4 { font-family: 'roboto-condenseditalic'; color: #fc4f4f; font-size: 18px; text-transform: uppercase; margin: 0px 0px 0px 0px; } .home-pro-content p { font-family: 'roboto-condenseditalic'; color: #373737; font-size: 16px; text-transform: uppercase; margin: 0px 0px 0px 0px; } .home-pro-content > img { display: block; margin: 40px 0px 0px -45px; width: 100%; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .home-pro-col:hover img { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } .home-pro-content a { font-family: 'opensans-regular'; color: #fc4f4f; font-size: 13px; text-transform: uppercase; margin: 0px 0px 0px 0px; display: block; text-align: center; text-decoration: underline; } .home-pro-con h2 { font-family: 'roboto-bolditalic'; text-transform: uppercase; text-align: center; color: #373737; font-size: 34px; margin: 0px 0px 10px 0px; } .home-pro-con p { text-align: center; color: #000; font-size: 14px; margin: 0px auto 0px auto; font-family: 'opensans-regular'; line-height: 20px; width: 52%; } .home-ver-row { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; } .home-ver-col { width:50%; } .home-ver-img > img { width: 100%; } .home-ver-col1 { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; padding: 0px 50px 0px 50px; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; background: #fcfcfc; } .home-ver-content { text-align: center; } .home-ver-content h2 { text-transform: uppercase; font-family: 'roboto-bolditalic'; color: #373737; font-size: 34px; margin: 0px 0px 25px 0px; } .home-ver-content ul { padding: 0px; margin: 0; /*display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;*/ } .home-ver-content ul li { list-style-type: none; width:30%; float: left; text-align: center; margin: 0px 0px 5px 0px; } .home-ver-content ul li p { font-family: 'opensans-bold'; font-size: 11px; line-height: 20px; color: #000; text-transform: uppercase; list-style-type: none; margin: 5px 0px 0px 0px; text-align: center; width: 100%; } .home-ver-content ul li > img { -webkit-filter: grayscale(100%); filter: grayscale(100%); -moz-webkit-filter: grayscale(100%); filter: grayscale(1); filter: gray; -webkit-filter: grayscale(1); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 0.7; } .home-ver-content ul li:hover > img { opacity: 1; } .home-ver-content p { font-family: 'opensans-regular'; font-size: 13px; line-height: 24px; color: #000; margin: 0px auto 25px auto; width: 60%; } .home-ver-con .carousel-indicators { bottom: -30px; margin: 0px 0px 0px 0px; width: 100%; left: inherit; } .home-ver-con .carousel-indicators li { width: 15px; border-radius: 0px; border: 0px; height: 5px; background: #c1c1c1; } .home-ver-con .carousel-indicators li.active { background: #515151; } .home-cli-row { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; } .home-cli-col > img { width: 100%; } .down-content ul{padding:0; margin:0;} .down-content ul li{list-style:none; border:solid 1px #f2f1f1; position:relative; margin: 0 15px 15px 0; min-height: 260px; text-align: center;} .down-content ul li span{display:block;} .down-content ul li a{padding:15px 20px; display:block;} .down-content ul li a img{margin:0 0 15px;} .down-content ul li a:hover:before{background: url(../images/pdf-icon.png) no-repeat center center rgba(0,0,0,0.7); position:absolute; left:0; top:0; height:100%; width:100%; content:'';} .down-content ul li a:hover{text-decoration:none;} /*.home-cli-col { flex: 1 1 50%; display: flex; align-items: center; background: #f2f2f2; }*/ section.home-cli-sec { background: #f2f2f2; padding: 90px 0px; } .home-cli-content { padding: 0px 0px 0px 0px; } .home-sli-row { } .home-sli-col { width:25%; float: left; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } /*.home-sli-col:hover { background: #fe5555; }*/ .home-sli-col > img { width: 100%; } .home-sli-col:nth-of-type(4) { border-right: 0px; } .home-sli-col:nth-of-type(5) { border-bottom: 0px; } .home-sli-col:nth-of-type(6) { border-bottom: 0px; } .home-sli-col:nth-of-type(7) { border-bottom: 0px; } .home-sli-col:nth-of-type(8) { border-right: 0px; border-bottom: 0px; } .home-tes-row { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; } .home-tes-col { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; padding: 0px 0px 0px 0px; width: 60%; } .home-tes-content { margin: 0px 0px 0px 40px; } .home-tes-content h2 { margin: 0px 0px 6px 0px; font-family: 'roboto-regular'; color: #515151; font-size: 24px; } .home-tes-content h4 { margin: 0px 0px 15px 0px; font-family: 'roboto-regular'; color: #000; font-size: 15px; } .home-tes-sec { padding: 90px 0px; } .home-sec-con h2 { font-family: 'roboto-bolditalic'; text-transform: uppercase; font-size: 34px; color: #373737; text-align: center; } .home-sec-con p { margin: 0px 0px 50px 0px; font-family: 'opensans-regular'; color: #000; font-size: 14px; text-align: center; } .home-tes-content p { margin: 0px 0px 10px 0px; font-family: 'opensans-regular'; color: #000; font-size: 14px; line-height: 24px; padding: 0px 0px 0px 0px; text-align:justify; } .home-tes-sec .carousel-indicators { margin: 0px; left: 0px !important; width: 100% !important; bottom: -50px !important; } .home-tes-sec .carousel-indicators li { width: 15px; border-radius: 0px; border: 0px; height: 5px; background: #c1c1c1; margin: 0px 0px 0px 0px; } .home-tes-sec .carousel-indicators li.active { background: #515151; } .home-cli-content h2 { text-transform: uppercase; text-align: center; font-family: 'roboto-bolditalic'; color: #373737; font-size: 34px; margin: 0px 0px 30px 0px; } .home-cli-content .carousel-indicators { margin-bottom: 0px; bottom: -45px; } .home-cli-content .carousel-indicators li { width: 15px; border-radius: 0px; border: 0px; height: 5px; background: #c1c1c1; margin: 0px 0px 0px 0px; } .home-cli-content .carousel-indicators li.active { background: #515151; } /*about*/ .about-sec { position: relative; } .about-sec > img { width: 100%; } .about-con { position: absolute; top: 0px; width: 100%; height: 100%; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .about-con h2 { font-family: 'roboto-regular'; font-size: 60px; color: #fff; margin: 0px 0px 50px 77px; text-transform: uppercase; } .who-sec { padding: 115px 0px 60px 0px; background: #fc4f4f; } .who-col1 { width: 31%; text-align: right; padding: 0px 65px 0px 0px; } .who-col2 { width: 69%; padding: 0px 115px 0px 0px; } .who-row { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .who-col1 h2 { margin: 0px 0px 15px 0px; font-family: 'roboto-medium'; font-size: 74px; line-height: 47.63px; color: #fff; } .who-col1 h4 { margin: 0px 7px 0px 0px; font-family: 'roboto-mediumitalic'; font-size: 36px; line-height: 25.63px; color: #fff; } .who-col2 p { margin: -10px 0px 29px 4px; font-family: 'opensans-regular'; font-size: 14px; line-height: 23px; color: #fff; text-align:justify; } .meet-sec { padding: 100px 0px 122px 0px; background: #f9f9f9; } .meet-text { text-align: center; } .solutions-sec { padding: 100px 0px 100px 0px; background: #f9f9f9; } #myCarousel3{min-height: 212px;} .solutions-text { text-align: justify; } .solutions-text p { margin: -10px 0px 29px 4px; font-family: 'opensans-regular'; font-size: 14px; line-height: 23px; } .solutions-text h1 { margin: 0px 0px 20px 0px; font-family: 'roboto-bolditalic'; font-size: 30px; color: #373737; letter-spacing: -1px; text-align: left; } .down-content h1{ margin: 0px 0px 20px 0px; font-family: 'roboto-bolditalic'; font-size: 30px; color: #373737; letter-spacing: -1px; } .meet-text h2 { margin: 0px 0px 9px 0px; font-family: 'roboto-bolditalic'; font-size: 30px; color: #373737; letter-spacing: -1px; } .meet-text p { margin: 0px auto 0px auto; font-family: 'opensans-regular'; font-size: 15px; line-height: 20px; color: #373737; width: 92%; letter-spacing: 0.1px; } .meet-row { margin: 48px 0px 0px 0px; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .meet-img:hover > img { -webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(10deg); transform: scale3d(1.2, 1.2, 1.2) rotate(10deg); } .meet-img { overflow: hidden; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .meet-img > img { -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .meet-con { text-align: center; padding: 15px 0px 15px 0px; background: #fff; } .meet-con h2 { margin: 0px 0px 9px 0px; font-family: 'roboto-medium'; font-size: 16px; color: #fc4f4f; } .meet-con h4 { margin: 0px 0px 0px 0px; font-family: 'roboto-medium'; font-size: 14px; color: #373737; text-transform: capitalize; } .line { height: 1px; width: 85%; background: #cdcdcd; margin: 10px auto 10px auto; } .meet-list li a i { color: #cdcdcd; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .meet-list li a:hover i { color: #fc4f4f; -webkit-transform: rotate3d(0, 1, 0, 360deg); transform: rotate3d(0, 1, 0, 360deg); } /*why sec*/ .why-row { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; } .why-col:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .why-col { -webkit-flex: 1 1 50%; -ms-flex: 1 1 50%; -webkit-box-flex: 1; flex: 1 1 50%; overflow: hidden; } .why-col > img { width: 100%; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .why-col.why-col1 { padding: 0px 132px 0px 0px; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .why-con { line-height: 28px; margin: 0 auto; padding: 75px; width: 995px; } .why-con ul li { font-family: "opensans-regular"; color:#fff; } .why-con h2 { margin: 0px 0px 20px 0px; font-family: 'roboto-bolditalic'; font-size: 30px; color: #fff; } .why-con h3 {color:#fff;} .why-con p { margin: 0px 0px 0px 0px; font-family: 'opensans-regular'; font-size: 14px; line-height: 26px; color: #373737; text-align: justify; letter-spacing: 0.5px; } .why-sec { background: #fc4f4f; } /*qua sec*/ .qua-sec { padding: 60px 0px 60px 0px; background: #f1f1f1; } .qua-row { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; } .qua-col { -webkit-flex: 1 1 48%; -ms-flex: 1 1 48%; -webkit-box-flex: 1; flex: 1 1 48%; } .qua-col p { font-family: 'opensans-semibold'; margin: 0px auto 0px 0px; font-size: 16px; line-height: 22px; color: #ffffff; width: 80%; } .qua-col ul li { font-family: 'opensans-regular'; margin: 0px auto 17px 3px; font-size: 14px; line-height: 18px; color: rgba(255, 255, 255, 0.9); width: 77%; } .qua.list { margin: 20px 0px 0px 0px; padding: 0px 0px 0px 13px; } .qua-col.qua-col1 { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -webkit-justify-content: flex-end; -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; padding: 0px 88px 0px 0px; } .qua-col.qua-col1:hover > img { -webkit-transform: rotate3d(0, 1, 0, 360deg); transform: rotate3d(0, 1, 0, 360deg); } .qua-col.qua-col1 > img { -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .qua-con h2 { font-family: 'roboto-bolditalic'; text-transform: uppercase; color: #fff; margin: 0px 0px 0px 40px; font-size: 30px; line-height: 32.51px; } /*pro-sec*/ .pro-row, .our-row { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; } .pro-col > img { width: 100%; display: none; } section.un-sec { padding: 100px 0px; } section.un-sec .our-col.our-col1::before { position: inherit; } .pro-col, .our-col { -webkit-flex: 1 1 50%; -ms-flex: 1 1 50%; -webkit-box-flex: 1; flex: 1 1 50%; } /*footer*/ .footer-row p { margin: 0px; } .pro-con { width: 415px; } .pro-col.pro-col1 { padding: 75px 0px 45px 90px; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .pro-col.pro-bg { background: url(../images/pro-img1.jpg); background-size: cover; } .pro-col.in-bg { background: url(../images/pro-img2.jpg); background-size: cover; } .pro-col.pro-col2 { padding: 75px 90px 45px 0px; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .pro-con h2 { font-family: 'roboto-bolditalic'; text-transform: uppercase; color: #373737; margin: 0px 0px 5px 0px; font-size: 30px; line-height: 32.51px; } .pro-con h2:nth-of-type(2) { margin: 0px 0px 40px 0px !important; } .pro-list { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 15px; } .pro-list li { font-family: 'opensans-regular'; color: #565656; margin: 0px 0px 20px 0px; font-size: 14px; line-height: 20px; } /*our-sec*/ .our-sec { padding: 100px 0px; background: #f1f1f1; } .our-con h2 { font-family: 'roboto-regular'; color: #fc4f4f; margin: 10px 0px 30px 0px; font-size: 24px; } .our-con p { font-family: 'opensans-regular'; color: #565656; margin: 0px 0px 30px 0px; font-size: 14px; line-height: 18px; letter-spacing: 0.3px; } .our-con ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 15px; } .our-con ul li { font-family: 'opensans-regular'; color: #565656; margin: 0px 0px 30px 0px; font-size: 14px; line-height: 18px; letter-spacing: 0.3px; } .our-col.our-col1 { padding: 0px 50px 0px 0px; position: relative; } .our-col.our-col1:hover img { -webkit-transform: rotate3d(0, 1, 0, 360deg); transform: rotate3d(0, 1, 0, 360deg) } .our-col.our-col1 img { -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .our-col.our-col2:hover img { -webkit-transform: rotate3d(0, 1, 0, 360deg); transform: rotate3d(0, 1, 0, 360deg) } .our-col.our-col2 img { -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .our-col.our-col3:hover img { -webkit-transform: rotate3d(0, 1, 0, 360deg); transform: rotate3d(0, 1, 0, 360deg) } .our-col.our-col3 img { -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .our-col.our-col2 { padding: 0px 0px 0px 40px; position: relative; } .our-col.our-col3 { padding: 0px 0px 0px 40px; position: relative; } .our-con.our-con1 { width: 300px; margin: 0px 0px 0px auto; } .our-con.our-con2 { width:300px; } .our-con.our-con3 { width:300px; } .our-col.our-col3::before { position: absolute; top: 0px; right: 0px; content: ""; background: -webkit-linear-gradient(bottom, rgba(219, 219, 219, 0.07), #dbdbdb, rgba(219, 219, 219, 0.15)); background: linear-gradient(to top, rgba(219, 219, 219, 0.07), #dbdbdb, rgba(219, 219, 219, 0.15)); height: 100%; width: 2px; } .our-col.our-col2::before { position: absolute; top: 0px; right: 0px; content: ""; background: -webkit-linear-gradient(bottom, rgba(219, 219, 219, 0.07), #dbdbdb, rgba(219, 219, 219, 0.15)); background: linear-gradient(to top, rgba(219, 219, 219, 0.07), #dbdbdb, rgba(219, 219, 219, 0.15)); height: 100%; width: 2px; } /*product page*/ .product-row { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; } .product-col { -webkit-flex: 1 1 50%; -ms-flex: 1 1 50%; -webkit-box-flex: 1; flex: 1 1 50%; } .product1-con:hover img { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } /*.product1-con { background: url(../images/product1.png); } */.product1-con img { -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .product-sec { background: -webkit-linear-gradient(left, #e2e2de, #ffffff); background: linear-gradient(to right, #e2e2de, #ffffff); padding: 100px 0px; } .product-sec.active { background: -webkit-linear-gradient(right, #e2e2de, #ffffff); background: linear-gradient(to left, #e2e2de, #ffffff); } .product-con { width: 495px; } .product-col1 .product-con { margin: 0px 0px 0px auto; } .product-col.product-col1 { padding: 0px 90px 0px 0px; } .product-col.product-col2 { padding: 0px 0px 0px 90px; } .product-con h5 { font-family: 'roboto-mediumitalic'; margin: 0px 0px 5px 0px; font-size: 24px; color: #303030; text-transform: uppercase; } .product-con h2 { font-family: 'roboto-mediumitalic'; margin: 0px 0px 5px 0px; font-size: 28px; color: #fc4f4f; text-transform: uppercase; } .product-con h1 { font-family: 'roboto-mediumitalic'; margin: 0px 0px 5px 0px; font-size: 24px; color: #303030; text-transform: uppercase; } .product-con h1 span { font-family: 'roboto-mediumitalic'; margin: 0px 0px 5px 0px; font-size: 28px; color: #fc4f4f; text-transform: uppercase; display:block; } .product-con h3 { font-family: 'roboto-mediumitalic'; margin: 0px 0px 30px 0px; font-size: 24px; color: #303030; } .product-con h4 { font-family: 'roboto-medium'; margin: 0px 0px 10px 0px; font-size: 16px; color: #333333; } .product-con p { font-family: 'roboto-light'; margin: 0px 0px 45px 0px; font-size: 14px; line-height: 26px; color: #333333; letter-spacing: 0.1px; text-align: justify; } .product-con a { font-family: 'roboto-medium'; font-size: 14px; text-decoration: none; color: #fff; background: #fc4f4f; text-transform: uppercase; padding: 15px 15px; } /*media tab*/ .tab_wrapper { margin: 0px 0px; display: block; width: 100%; position: relative; } .tab_wrapper.second_tab.right_side { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; margin: 50px 0px 0px 0px; } .tab_wrapper > ul { /* clear: both; display: inline-block; width: 100%; border-bottom: 1px solid #49a4d9; */} .tab_wrapper > ul li { cursor: pointer; padding: 8px 18px; text-transform: uppercase; position: relative; margin: 0px 0px 0px 0px; } .tab_wrapper > ul li.active { border-color: #49a4d9; color: #49a4d9; } .tab_wrapper .controller { display: block; overflow: hidden; clear: both; position: absolute; top: 0; right: 0; } .tab_wrapper .controller span { padding: 8px 22px; background: #49a4d9; color: #fff; text-transform: uppercase; display: inline-block; } .tab_wrapper .controller span.next { float: right; margin-left: 10px; } .tab_wrapper .content_wrapper .tab_content { display: none; } .tab_wrapper .content_wrapper .tab_content.active { /* display: block; */ } .tab_wrapper .content_wrapper .tab_content .error { color: red; } .tab_wrapper .content_wrapper .accordian_header { display: none; padding: 10px 20px; text-transform: uppercase; font-weight: bold; border-top: 1px solid #ccc; border-bottom: 1px solid #fff; position: relative; cursor: pointer; } .tab_wrapper .content_wrapper .accordian_header.active { color: #49a4d9; border-bottom: 1px solid #ccc; } .tab_wrapper .content_wrapper .accordian_header.active:after { position: absolute; top: 0; left: 0; content: ""; width: 5px; height: 100%; background: #49a4d9; } .tab_wrapper .content_wrapper .accordian_header .arrow { float: right; display: inline-block; width: 12px; height: 12px; position: relative; border-radius: 2px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); background: #fff; border-top: 3px solid #ccc; border-left: 3px solid #ccc;/* &:after{ position: absolute; top: 0; content: ""; left: 0; width: 10px; height: 10px; background: $white; border-top: 3px solid $border_color; border-left: 3px solid $border_color; } */ } .tab_wrapper .content_wrapper .accordian_header.active .arrow { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: 5px; border-top: 3px solid #49a4d9; border-left: 3px solid #49a4d9; } .tab_wrapper.left_side > ul { width: 25%; float: left; border-bottom: 1px solid #ccc; } .tab_wrapper.left_side > ul li { width: 100%; box-sizing: border-box; margin: 0; padding: 12px 18px; border-width: 1px; border-right: 0; border-left: 0; } .tab_wrapper.left_side > ul li:after { left: 0; top: 0; content: ""; position: absolute; width: 5px; height: 100%; background: #ccc; } .tab_wrapper.left_side > ul li.active { border-color: #ccc; } .tab_wrapper.left_side > ul li.active:after { left: 0; top: 0; width: 5px; height: 100%; background: #49a4d9; } .tab_wrapper.left_side > ul li.active:before { right: -1px; position: absolute; top: 0; content: ""; width: 2px; height: 100%; background: #fff; } .tab_wrapper.left_side .content_wrapper { /* width: 75%; border: 1px solid #ccc; float: left; */} .tab_wrapper.left_side .controller { top: -50px; } .tab_wrapper.right_side > ul { padding: 0px 0px 0px 0px; margin: 0px; width: 210px; list-style-type: none; } .tab_wrapper.right_side > ul li { width: 100%; margin: 0; padding: 15px 0px 15px 25px; background: #e9e9e9; border-bottom: 1px solid #fff; font-family: 'opensans-bold'; font-size: 14px; color: #979797; } .tab_wrapper.right_side > ul li span { margin: 0px 0px 0px 20px; } .tab_wrapper.right_side > ul li.active { background: #fc4f4f; color: #fff; } .tab_wrapper ul li img:first-child { display: none; } .tab_wrapper ul li.active img:first-child { display: inline; } .tab_wrapper ul li.active img:nth-of-type(2) { display: none; } .tab_wrapper.right_side > ul li.active::after { right: -7px; top: 5px; content: "\f0da"; font-family: fontawesome; font-size: 30px; color: #fc4f4f; position: absolute; width: 10px; height: 10px; } .client-sec { background: #f8f8f8; padding: 100px 0px 130px 0px; } .client-text { margin: 0px 0px 0px 0px; text-align: center; } .client-text h2 { margin: 0px 0px 15px 0px; text-transform: uppercase; font-family: 'roboto-bolditalic'; color: #373737; font-size: 30px; } .client-text p { margin: 0px auto 0px auto; font-family: 'opensans-regular'; color: #000; font-size: 14px; width: 58%; } .client-logo { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .client-img { position: relative; width: -webkit-calc(25% - 15px); width: calc(25% - 15px); margin: 0px 0px 20px 0px; border: 1px solid #e5e5e5; outline: 0px solid #e5e5e5; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .client-img > img { width: 100%; } .client-name { position: absolute; top: 0px; height: 100%; width: 100%; background: #fc5858; display: none; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .client-img:hover .client-name { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; } .client-img:hover { outline: 1px solid #fc5858; border: 5px solid #fff; } .client-name p { font-size: 14px; margin: 0px 0px 0px 0px; color: #fff; text-transform: uppercase; font-family: 'opensans-semibold'; } .tab_wrapper.right_side .content_wrapper { width: 895px; } .tab_wrapper.right_side .controller { top: -50px; } .tab_wrapper.accordion .content_wrapper { border-color: #ccc; } .tab_wrapper.accordion .content_wrapper .accordian_header { display: block; } .tab_wrapper.accordion > ul { display: none; } /*contact*/ .address-sec { background: #fc4f4f; } .address-row { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; } .address-col { width:50%; } .address-col.address-col1 { padding: 0px 0px 0px 40px; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; } .add-line { width: 190px; background: -webkit-linear-gradient(right, rgba(253, 114, 114, 0.26), #fd7272); background: linear-gradient(to left, rgba(253, 114, 114, 0.26), #fd7272); height: 2px; margin: 15px 0px 15px 0px; } .add-con { margin: 0px 0px 35px 0px; } .add-con h1 { margin: 15px 0px 15px 0px; text-transform: uppercase; font-family: 'roboto-mediumitalic'; font-size: 30px; color: #fff; } .add-con h2 { margin: 0px 0px 0px 0px; text-transform: uppercase; font-family: 'roboto-mediumitalic'; font-size: 24px; color: #fff; } .add-con img { padding: 0px 15px 0px 0px; } .add-con h4 { font-family: 'roboto-medium'; font-size: 18px; color: #fff; margin: 0px 0px 5px 0px; letter-spacing: 0.5px; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } /*.add-con h4:hover { transform: translateX(10px); } */.add-con h5 { font-family: 'roboto-light'; font-size: 18px; color: #fff; margin: 0px 0px 5px 0px; letter-spacing: 0.5px; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } /*.add-con h5:hover { transform: translateX(10px); } */.add-con p { margin: 0px 0px 5px 0px; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } /*.add-con p:hover { transform: translateX(10px); } */.add-con p a { font-family: 'roboto-light'; font-size: 18px; color: #fff; margin: 0px 0px 0px 0px; letter-spacing: 0.5px; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .add-con h6 { margin: 0px 0px 5px 0px; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } /*.add-con h6:hover { transform: translateX(10px); } */.add-con h6 a { font-family: 'roboto-light'; font-size: 18px; color: #fff; margin: 0px 0px 0px 0px; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .india-sec { padding: 140px 0px 130px 0px; } /*.india-col1:hover .india { transform: translateY(-15px); } */.india { margin: 0px 0px 15px 100px; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .india-con1 { background: url(../images/india-round.png); background-repeat: no-repeat; position: relative; } .india-row { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; } .india-col { width: 46%; padding: 0px 50px 0px 120px; } .india-col1 { width:54%; } .india-con h2 { margin: 0px 0px 0px 0px; font-family: 'roboto-bolditalic'; color: #5a5a5a; font-size: 34px; text-transform: uppercase; } .india-lists { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; margin: 30px 0px 0px 0px; } .india-list { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; list-style-type: none; } .india-list li { font-size: 22px; color: #636363; font-family: 'roboto-light'; position: relative; margin: 0px 0px 15px 0px; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .india-list li:hover { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } .india-list li::before { position: absolute; top: 15px; left: -15px; content: ""; background: #fc4f4f; height: 5px; width: 5px; border-radius: 50%; } .get-row { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; /* -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;*/ } .get-col { width:50%; } .get-col.get-col1 { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; padding: 65px 50px 65px 0px; background: #f5f5f5; } .get-content { width: 510px; } .get-form { } .get-align { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .get-group.get-phone { width: 49%; } .get-group { width: 100%; position: relative; margin: 0px 0px 10px 0px; } .get-pos { position: absolute; top: 0px; width: 40px; height: 100%; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; } .get-pos.get-ta { height: 50px; } .get-group textarea { height: 85px; } .get-control { width: 100%; position: relative; padding: 15px 0px 15px 40px; border: 0px; background: #fff; } .get-button { padding: 10px 30px 10px 25px; border: none; background: #fc4f4f; font-family: 'roboto-medium'; text-transform: uppercase; font-size: 16px; color: #fff; } .get-button img { padding: 0px 15px 0px 0px; } .get-content h2 { font-family: 'roboto-bold'; font-size: 23.71px; color: #000; margin: 0px 0px 30px 0px; } .get-col iframe { width: 100%; min-height: 506px; } ..get-group input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size: 12px; font-family: 'roboto-regular'; color: #979797; } ..get-group input::-moz-placeholder { /* Firefox 19+ */ font-size: 12px; font-family: 'roboto-regular'; color: #979797; } ..get-group input:-ms-input-placeholder { /* IE 10+ */ font-size: 12px; font-family: 'roboto-regular'; color: #979797; } ..get-group input:-moz-placeholder { /* Firefox 18- */ font-size: 12px; font-family: 'roboto-regular'; color: #979797; } ..get-group textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size: 12px; font-family: 'roboto-regular'; color: #979797; } ..get-group textarea::-moz-placeholder { /* Firefox 19+ */ font-size: 12px; font-family: 'roboto-regular'; color: #979797; } ..get-group textarea:-ms-input-placeholder { /* IE 10+ */ font-size: 12px; font-family: 'roboto-regular'; color: #979797; } ..get-group textarea:-moz-placeholder { /* Firefox 18- */ font-size: 12px; font-family: 'roboto-regular'; color: #979797; } .broucher-sec { position: relative; } .broucher-sec > img { width: 100%; } .broucher-content { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .broucher-content p { margin: 0px 0px 20px 0px; font-family: 'roboto-regular'; font-size: 16px; color: #fff; } .broucher-content a { padding: 15px 18px; background: #fc4f4f; color: #fff; font-family: 'roboto-medium'; font-size: 14px; text-decoration: none; } .pro-tab-sec { padding: 85px 0px 60px 0px; } .pro-tab-row { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; margin: 60px 0px 0px 0px; } .pro-tab-col { width: 352px; border-right: 1px solid #c4c4c5; } .pro-tab-col1 { width: 758px !important; } .pro-tab-col1 { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .pro-tab-head.pro-tab-head1 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } .pro-tab-head { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .pro-de-row { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; } .pro-de-col { -webkit-flex: 1 1 50%; -ms-flex: 1 1 50%; -webkit-box-flex: 1; flex: 1 1 50%; } .pro-de-content { width: 485px; } .pro-de-content h2 { font-family: 'roboto-mediumitalic'; font-size: 30px; text-transform: uppercase; color: #fc4f4f; margin: 0px 0px 0px 0px; } .pro-de-content h1 { font-family: 'roboto-mediumitalic'; font-size: 30px; text-transform: uppercase; color: #fc4f4f; margin: 0px 0px 0px 0px; } .pro-de-content h4 { font-family: 'roboto-mediumitalic'; font-size: 24px; /*text-transform: uppercase;*/ color: #303030; margin: 0px 0px 30px 0px; } .pro-de-content h3 { font-family: 'roboto-bold'; font-size: 18px; text-transform: uppercase; color: #333333; margin: 0px 0px 30px 0px; } .pro-de-content p { font-family: 'roboto-light'; font-size: 14px; color: #333333; line-height: 26px; margin: 0px 0px 30px 0px; letter-spacing: 0.1px; text-align: justify; } .pro-de-slide .carousel-control { background: none; } .glyphicon-chevron-left::before { content: "\f104"; color: #737373; font-family: fontawesome; } .glyphicon-chevron-right::before { content: "\f105"; color: #737373; font-family: fontawesome; } .pro-de-sec { padding: 100px 0px; position: relative; background: #fefefe; overflow: hidden; } .pro-de-sec::before { height: 200%; width: 52%; content: ""; background: #f9f9f9; position: absolute; top: -64%; -webkit-transform: rotate(211deg); -ms-transform: rotate(211deg); transform: rotate(211deg); left: -20%; } .pro-tab-head { border-bottom: 1px dashed #d7d7d9; padding: 0px 0px 25px 0px; } .pro-tab-row.pro-tab-step1 .pro-tab-head { height: 60px; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; padding: 0px 0px 0px 0px; } .pro-tab-row.pro-tab-step1 .pro-tab-body { padding: 10px 0px 10px 0px; } .pro-tab-head h4 { font-family: 'roboto-mediumitalic'; color: #4b4b4b; font-size: 18px; text-align: center; text-transform: uppercase; margin: 0px 0px 0px 0px; } .pro-tab-body p { font-size: 14px; color: #545454; font-family: 'roboto-light'; margin: 0px 0px 0px 0px; } .servo-content p { font-size: 17px; color: #545454; font-family: 'roboto-light'; text-align: center; width: 80%; margin: 40px auto 0px auto; } .pro-tab-col .pro-tab-body { padding: 10px 0px 10px 50px; border-bottom: 1px dashed #d7d7d9; } .pro-tab-col1 .pro-tab-body { padding: 10px 0px 10px 0px; text-align: center; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; border-bottom: 1px dashed #d7d7d9; } .pro-tab-body.pro-tab-body1 { padding: 0px 0px 0px 0px; } .pro-tab-body.pro-tab-body1 p { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; border-right: 1px solid #c4c4c5; padding: 10px 0px 10px 0px; } .pro-tab-body.pro-tab-body1 p:last-child { border: none; } .pro-tab-body.pro-tab-body1 { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; } .pro-tab-col .pro-tab-body:nth-child(2n + 1) { background: #f5f5f6; } .pro-tab-col1 .pro-tab-body:nth-child(2n) { background: #f5f5f6; } /*footer*/ .footer { padding: 90px 0px 0px 0px; background: #fe5555; } .footer-row { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; padding: 0px 0px 25px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.52); } .footer-col1 { width: 28%; padding: 0px 0px 0px 30px; position: relative; } .footer-col1:before { height: 100%; width: 2px; position: absolute; right: 0px; content: ""; top: 0px; background: -webkit-linear-gradient(top, rgba(254, 117, 117, 0.12), rgba(255, 189, 189, 0.8), rgba(254, 117, 117, 0.12)); background: linear-gradient(to bottom, rgba(254, 117, 117, 0.12), rgba(255, 189, 189, 0.8), rgba(254, 117, 117, 0.12)); } .footer-col2 { width: 33%; padding: 0px 0px 0px 60px; position: relative; } .footer-col2:before { height: 100%; width: 2px; position: absolute; right: 0px; content: ""; top: 0px; background: -webkit-linear-gradient(top, rgba(254, 117, 117, 0.12), rgba(255, 189, 189, 0.8), rgba(254, 117, 117, 0.12)); background: linear-gradient(to bottom, rgba(254, 117, 117, 0.12), rgba(255, 189, 189, 0.8), rgba(254, 117, 117, 0.12)); } .footer-col3 { width: 39%; padding: 0px 0px 0px 75px; } .footer-col1 h2, .footer-col2 h2, .footer-col3 h2 { font-family: 'roboto-bold'; text-transform: uppercase; color: #fff; font-size: 33.95px; margin: 0px 0px 20px 0px; } .list-inline.custom-list { margin: 0px 0px 0px 0px; } .list-inline.custom-list li a { font-family: 'opensans-regular'; color: #fff; font-size: 13.98px; line-height: 23.96px; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } /*.list-inline.custom-list li a:hover { transform: translateX(10px); } */.footer-col2 h4 { font-family: 'opensans-regular'; color: #fff; font-size: 13.98px; line-height: 23.96px; text-transform: uppercase; letter-spacing: 1.5px; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } /*.footer-col2 h4:hover { transform: translateX(10px); } */.footer-col2 p { font-family: 'opensans-regular'; color: #fff; font-size: 13.98px; line-height: 23.96px; letter-spacing: 0.3px; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } /*.footer-col2 p:hover { transform: translateX(10px); } */.footer-col3 p { font-family: 'opensans-regular'; color: #fff; font-size: 13.98px; line-height: 23.96px; letter-spacing: 0.3px; margin: 0px 0px 10px 0px; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } /*.footer-col3 p:hover { transform: translateX(10px); } */.footer-col3 p a { font-family: 'opensans-regular'; color: #fff; font-size: 13.98px; line-height: 23.96px; letter-spacing: 0.3px; } .foot-div p { font-family: 'opensans-regular'; color: #fffefe; font-size: 14px; margin: 0px 0px 0px 0px; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } /*.foot-div p:hover { transform: translateX(10px); } */.foot-div { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; } .foot-div p a { font-family: 'opensans-regular'; color: #fffefe; font-size: 14px; } .foot-div span { font-family: 'opensans-regular'; color: #fffefe; font-size: 14px; margin: 0px 60px 0px 50px; } .footer-bot-sec { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; padding: 20px 0px; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .list-inline.foot-list { margin: 0px 0px 0px 30px; } .list-inline.foot-list li { height: 30px; width: 30px; text-align: center; line-height: 30px; background: #ffaaaa; border-radius: 50%; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .list-inline.foot-list li a i { color: #fe5555; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .list-inline.foot-list li:hover { -webkit-transform: rotate3d(0, 1, 0, 360deg); transform: rotate3d(0, 1, 0, 360deg) } section.downloads-sec { padding: 100px 0px; } .down-content p a { font-family: 'roboto-bold'; color: #000000; text-decoration: none; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .down-content p { text-align: center; } .down-content p a:hover { color: #fe5555; } .un-sec-content h2 { font-family: 'roboto-mediumitalic'; margin: 0px 0px 5px 0px; font-size: 20px; color: #fc4f4f; text-transform: uppercase; } .un-sec-content p { font-family: 'roboto-light'; margin: 0px 0px 45px 0px; font-size: 14px; line-height: 26px; color: #333333; letter-spacing: 0.1px; text-transform: capitalize; } .un-sec-content ul { margin: 0px 0px 45px 0px; } .un-sec-content li { font-family: 'roboto-light'; margin: 0px 0px 10px 0px; font-size: 14px; line-height: 26px; color: #333333; letter-spacing: 0.1px; text-transform: capitalize; } .knowMore{position:absolute; z-index:10000; background:#ff5556; width:120px; font-size:13px; text-align:center; padding:15px; color: rgba(255, 255, 255, 0.8); } .knowMore:hover{color: rgba(255, 255, 255, 0.8);} .demo table { border:solid 1px #c0c0c0; width:700px; margin:0 auto; } .demo li section { padding:45px 0; } .demo table tr td ul { padding:0; margin:0; } .demo table tr td ul li { background:url(../images/bullets-bg-2.png) no-repeat left 8px; list-style-type:none; padding:0 0 0 15px; line-height:22px; } .demo table tr td { border-bottom:dotted 1px #c7c8cb; border-right:solid 1px #c7c8cb; padding:16px; text-align:left; vertical-align:text-top; color:#545454; } .demo table tr:nth-child(odd){ background: #fff; } .demo table tr:nth-child(even){ background: #f5f5f6; } .Features tr td:first-child { width:25px; background:url(../images/bullets-bg.png) no-repeat center 22px; } .CustomDesigned tr td:first-child { text-align:right; font-weight:bold; } .subUl { margin:5px 0 0 15px !important; } .thank-you-content h2 { font-family: 'roboto-bold'; } .thank-you-content { text-align: center; } section.thankyou { padding: 90px 0px; } .testimonialTop { padding: 115px 0px 180px 0px; background: #fc4f4f; } .testimonial{text-align:center;} .testimonial h2{color:#fff; padding:0; margin:0 0 20px; font-size:40px; font-style:italic;} .testimonial p{color:#fff; padding:0; margin:0 0 20px; font-size:16px;} .testimonialBottom{padding:80px 0; display:block; overflow:hidden;} .testimonialBottom .col-md-4{padding:0 30px; margin:0 0 40px; color:#666; text-align:center;} .tbox{background:#fff; border-radius:15px; padding:35px;box-shadow: 0px 1px 16px #ececec; min-height:422px;} .tbox img{margin-bottom:20px;} .tbox p{margin:0 0 15px;} .tbox p span{display:block; font-size:17px; color:#3f3f3f; text-transform:uppercase; font-weight:600;} .tbox:before{background:url(../images/t-arrow.gif) no-repeat; content:''; position:absolute; left:15%; width: 57px; height: 49px; bottom: 21px;} .testimonialBottom h2{ text-align:center; font-style:italic; text-transform:uppercase; font-weight:800; font-size:40px; margin:0 0 45px;} .testimonialBottom h3{text-align:right; color:#fc4f4f; text-transform:uppercase; font-size:18px; line-height:20px;} .testimonialBottom h3 span{display:block; font-size:13px; color:#404040; text-transform:capitalize;} .tvideoContent{display:block; overflow:hidden;margin: -126px 0 0;} .tvideoContent .col-md-6 img{width:100%; margin-bottom:10px;} .tvideoContent .col-md-6 p{font-size:16px; color:#666;} .tvideoContent .videoply{ height:327px; width:100%; } .playBtn {position:absolute; top:35%; left:45%;} .playBtn img{width:auto;} @media (max-width: 1600px) { /*.banner-section .carousel-indicators { margin: 175px 0px 0px 0px; left: 27%; }*/ .header-container { padding: 0px 93px 0px 200px; } .custom-nav li a { font-size: 14px; } .carousel-con h2 { font-size: 35px; } } @media (max-width: 1366px) { /*.banner-section .carousel-indicators { margin: 0px 0px 115px 0px; left: 23%; align-items: flex-end; }*/ .pro-de-sec::before { left: -20%; } section.home-tes-sec .carousel { min-height: 210px; } .banner-section .carousel-indicators { bottom: 20px; } .banner-lists h2, .banner-lists h4 { font-size: 12px; } .banner-lists { padding: 12px 30px; } .header-container { padding: 0px 93px 0px 125px; } .home-ver-col1 { padding: 40px 40px 40px 0px; } .home-ver-con .carousel-indicators { bottom: -20px; } .home-ver-content h2 { margin: 0px 0px 20px 0px; } .home-ver-content p { margin: 0px auto 10px auto; } .custom-nav li a { font-size: 13px; padding: 22px 18px 16px; } .home-low-row { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; } .home-low-col p { font-size: 16px; line-height: 20px; } .home-low-col > img { margin: 0px 0px 10px 0px; } .home-low-col { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -webkit-box-flex: 1; flex: 1 1 auto; float: none; } .home-ver-content h2, .home-pro-con h2, .home-sec-con h2, .home-cli-content h2, .footer-col1 h2, .footer-col2 h2, .footer-col3 h2 { font-size: 30px; } .home-pro-content h2 { font-size: 14px; } .home-pro-content h4 { font-size: 16px; margin: 0px 0px 5px 0px; } .home-pro-content p { font-size: 14px; } .home-ver-content ul li { font-size: 11px; } } @media (min-width: 1201px) { .container.meet-container { width: 960px; } .container.qua-container { width: 890px; } .container.product-container { width: 1330px; } .container.client-container { width: 1200px; } .container.pro-de-container { width: 1200px; } .container.address-container { width: 1330px; } .container.footer-container { width: 1300px; } .container.india-container { width: 1195px; } .container.home-pow-container { width: 1230px; } .container.tes-container { width: 800px; } } @media (max-width: 1280px) { .container.footer-container { width: 1170px; } .header-container { padding: 0 93px 0 78px; } } @media (max-width: 1024px) { .container.footer-container { width: 980px; } .header-container { padding: 0px 25px 0px 50px; } .custom-nav li a { padding: 22px 20px 16px 20px; } .banner-lists { padding: 12px 20px; } .home-pow-col.home-pow-col1 { padding: 0px 60px 0px 0px; } .home-pow-col.home-pow-col2 { padding: 0px 60px 0px 0px; } .home-low-row { padding: 0px 0px 0px 30px; margin: 90px 0px 0px 0px; } .our-col.our-col2 { padding: 0px 0px 0px 20px; } .our-col.our-col3 { padding: 0px 0px 0px 20px; } .our-col.our-col1 { padding: 0px 20px 0px 0px; } .footer-col1 { padding: 0px 0px 0px 2px; } .footer-col2 { padding: 0px 10px 0px 20px; } .footer-col3 { padding: 0px 0px 0px 25px; } .foot-div span { margin: 0px 25px 0px 25px; } .product1-con img { width: 100%; } .down-content ul li a img { margin: 0 0 15px; width: 100%; } .address-col > img { width: 100%; } .get-col.get-col1 { padding: 65px 30px 65px 30px; } } @media (max-width: 768px) { .testi-video-row { margin: 50px 0 0 0; display: block; } .testi-video-col { width: 100%; margin: 30px 0 0 0; } .demo li section { overflow: scroll; } .home-line { margin: 10px 0px 10px 25%; width: 60px; } .home-ver-col1 { -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; } .container.footer-container { width: 100%; } .home-ver-content ul li { float: none; text-align: center; margin: 0px auto 5px auto; } section.thankyou { padding: 40px 0px; } .demo table { width: 100%; } .list-inline.foot-list { margin: 0px 0px 0px 0px; } .custom-header .navbar-toggle { margin-top: 22px; margin-right: 0px; margin-bottom: 22px; z-index: 1000; } .home-pow-content h2 { font-size: 25px; } .home-pow-col.home-pow-col1 { padding: 0px 0px 0px 0px; } .home-pow-col { width: 100%; } .home-ver-col { width: 100%; } .home-pow-col.home-pow-col2 { padding: 0px 0px 0px 0px; } .home-pow-content h4 { text-align: left; font-size: 15px; width: 100%; margin: 25px 0px 25px auto; } .menulist > p { margin: 0px 0px -20px 0px; bottom: 8px; font-size: 7px; } .nav.navbar-nav.navbar-right.custom-nav li.icon { border-left: none; border-right: none; display: none; } .header-container { padding: 0px 15px 0px 15px; } .header-container .navbar-brand { float: none; } /*.header-container .navbar-brand > img { width: 100px; }*/ .menulist { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .carousel-row { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .crousel-text { top: 0px; width: 100%; left: 0px; } .crousel-text .home-pow-container { margin: 0px 0px; width: 100%; } .carousel-con1 { display: none; } .carousel-con { width: 100%; padding: 0px 0px 0px 0px; } .carousel-con h3 { margin: 0px 0px 10px 0px; font-size: 18px; } .knowMore { position: inherit; width: 100px; padding: 5px; } .home-low-col:before { position: inherit; } .home-low-col p br { display: none; } .carousel-con h5 { font-size: 20px; } .carousel-con h2 { font-size: 18px; } .carousel-con h4 { font-size: 25px; } .carousel-con p { font-size: 15px; } .banner-section .carousel-indicators { margin: 0px 0px 0px 0px; left: 0px; position: absolute; -webkit-justify-content: space-between; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; display: none; -webkit-align-items: stretch; -ms-flex-align: stretch; -webkit-box-align: stretch; align-items: stretch; bottom: 0px; } .banner-section .carousel-indicators li { width: 50%; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; -webkit-flex-grow: 1; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; } .home-pow-sec { padding: 40px 0px; } .home-pow-row { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .home-pow-content { width: 100%; margin: 0px 0px 0px auto; } .home-low-row { padding: 0px 0px 0px 0px; margin: 15px 0px 0px 0px; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .home-ver-col1 { padding: 40px 0px 40px 0px; } .home-low-col:first-child { padding: 0px 0px 20px 0px; } .home-low-col:last-child { padding: 0px 0px 0px 0px; } .home-low-col { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; padding: 0px 0px 20px 0px; } .home-pro-sec { padding: 40px 0px 40px 0px; } .home-pro-con p { width: 100%; } .home-pro-row { -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin: 25px 0px 0px 0px; } .home-ver-row { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .home-tes-sec { padding: 40px 0px; } .home-sec-con p { margin: 0px 0px 25px 0px; } .home-tes-row { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .home-tes-col { padding: 0px 0px 0px 0px; width: 100%; display: block; text-align: center; } .home-tes-content p { margin: 0px 0px 0px 0px; font-size: 14px; line-height: 24px; padding: 0px 0px 0px 0px; } .home-tes-content { margin: 10px 0px 10px 0px; text-align: center; } .home-cli-row { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .home-cli-content { padding: 40px 0px 40px 0px; width: 100%; } .home-cli-content .carousel-indicators { margin-bottom: 0px; bottom: -50px; } .home-cli-content h2 { font-size: 34px; margin: 0px 0px 15px 0px; } .home-tes-sec .carousel-indicators { bottom: -15px !important; } .pro-col > img { width: 100%; display: block; } .pro-col.pro-col2 { padding: 0px 15px 25px 15px; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .pro-row, .our-row { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .pro-col.pro-col1 { padding: 25px 15px 25px 15px; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .our-sec { padding: 40px 0px; } .our-col.our-col1 { padding: 0px 0px 0px 0px; position: relative; } .our-con.our-con1 { width: 100%; margin: 0px 0px 0px auto; } .our-con.our-con3 { width: 100%; } .our-col.our-col2 { padding: 0px 0px 0px 0px; position: relative; } .our-col.our-col3 { padding: 0px 0px 0px 0px; position: relative; } .qua-sec { padding: 40px 0px 40px 0px; } .qua-row { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .qua-col.qua-col1 { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -webkit-justify-content: flex-start; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; padding: 0px 0px 0px 0px; } .qua-col p { font-family: 'opensans-semibold'; margin: 15px auto 0px 0px; font-size: 15px; line-height: 22px; color: #ffffff; width: 100%; } .our-con.our-con2 { width: 100%; } section.why-sec { padding: 40px 0px 0px 0px; } .why-row { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .why-col.why-col1 { padding: 0px 15px 0px 15px; } .why-con { width: 100%; margin: 0px 0px 0px auto; padding: 0px 0px 30px 0px; } .why-con p { margin: 0px 0px 15px 0px; } .pro-con h2 { margin: 0px 0px 5px 0px; font-size: 25px; line-height: 26px; } .meet-sec { padding: 40px 0px 40px 0px; background: #f9f9f9; } .meet-text p { width: 100%; } .meet-row { margin: 25px 0px 0px 0px; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .meet-col { margin: 0px 0px 20px 0px; } .who-sec { padding: 40px 0px 40px 0px; } .who-row { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .who-col1 { width: 100%; text-align: left; padding: 0px 0px 0px 0px; margin: 0px 0px 25px 0px; } .who-col2 { width: 100%; padding: 0px 0px 0px 0px; } .who-col2 p { margin: 0px 0px 15px 0px; } .home-sli-row { } section.home-cli-sec { padding: 40px 0px; } .home-sli-col { width: 50%; border-right: 0px; border-bottom: 0px; border-top: 1px solid #d4d4d4 !important; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .home-sli-row .home-sli-col:nth-child(odd) { border-right: 1px solid #d4d4d4 !important; } .home-sli-row .home-sli-col:nth-of-type(1) { border-top: 0px !important; } .home-sli-row .home-sli-col:nth-of-type(2) { border-top: 0px !important; } /*.home-sli-col:nth-of-type(4) { border-bottom: 1px solid #d4d4d4; } .home-sli-col:nth-of-type(5) { border-bottom: 1px solid #d4d4d4; } .home-sli-col:nth-of-type(6) { border-bottom: 1px solid #d4d4d4; } .home-sli-col:nth-of-type(7) { border-bottom: 1px solid #d4d4d4; }*/ .footer { padding: 40px 0px 40px 0px; background: #fe5555; } .footer-col1 { width: 100%; padding: 0px 0px 20px 0px; } .footer-col2 { width: 100%; padding: 0px 0px 20px 0px; } .footer-col3 { width: 100%; padding: 0px 0px 20px 0px; } .footer-row { display: none; padding: 0px 0px 25px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.52); } .footer-bot-sec { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; padding: 20px 0px; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .foot-div { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } /*contact*/ .about-con h2 { font-family: 'roboto-regular'; font-size: 30px; color: #fff; margin: 0px 0px 0px 0px; } .about-con .container { margin: 0px 0px 0px 0px; } .address-row { display: block; } .address-col > img { width: 100%; } .address-col.address-col1 { padding: 0px 0px 0px 0px; display: block; } .india-sec { padding: 40px 0px 40px 0px; } .india-row { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .india-col { width: 100%; padding: 0px 0px 0px 10px; } .india-col1 { width: 100%; } .get-col { width: 100%; } .get-align { display: block; } .india { margin: 0px 0px 15px 0px; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .india-con1 { background-size: 100% auto; } .india-con1 > img { width: 100%; } .get-group.get-phone { width: 100%; } .get-col iframe { width: 100%; min-height: 300px; } .get-content { width: 100%; } .get-row { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .get-col.get-col1 { padding: 20px 15px 30px 15px; } .footer-col1:before { position: inherit; } .footer-col2:before { position: inherit; } .footer-col1 h2, .footer-col2 h2, .footer-col3 h2 { font-size: 25px; } .add-con p a, .add-con h5, .add-con h6 a { font-size: 14px; } .india-con h2 { font-size: 25px; } .india-list li { font-size: 16px; } .add-con h1 { font-size: 25px; } .add-con h2 { font-size: 20px; } .address-col { padding: 15px 0px 0px 0px; width:100%; } .foot-div span { display: none; } .foot-div p { text-align: center; margin: 10px 0px 0px 0px; } .pro-de-sec { padding: 40px 0px; } .pro-de-row { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .pro-de-sec::before { height: 39%; width: 100%; top: 0; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); left: 0; } .pro-de-content { width: 100%; padding: 20px 0px 0px 0px; } .pro-de-content h2, .pro-de-content h4 { font-size: 20px; margin: 0px 0px 15px 0px; } .pro-de-content h3 { font-size: 15px; margin: 0px 0px 10px 0px; } .pro-tab-sec { padding: 40px 0px 40px 0px; } .pro-tab-row { margin: 25px 0px 0px 0px; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .at-accordion-or-tabs > li { margin: 0px 0px 0px 0px; } .pro-de-content p { margin: 0px 0px 0px 0px; } .pro-tab-col1 { width: 100% !important; } .pro-tab-head { border-bottom: 1px dashed #d7d7d9; padding: 15px 0px 15px 0px; } .broucher-sec > img { width: 100%; height: 150px; } .mam-pos { display: none; } .broucher-content p { text-align: center; } .product-sec { background: -webkit-linear-gradient(left, #e2e2de, #ffffff); background: linear-gradient(to right, #e2e2de, #ffffff); padding: 40px 0px; } .product-row { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .product1-con > img { width: 100%; } .product-col.product-col2 { padding: 0px 0px 0px 0px; } .product-con h5, .product-con h3 { font-size: 20px; } .product-con h2 { font-size: 24px; } .product-col.product-col1 { padding: 0px 0px 0px 0px; -webkit-order: 1; -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } .product-con { width: 100%; } .client-sec { background: #f8f8f8; padding: 40px 0px 40px 0px; } .client-text h2 { font-size: 25px; } .client-text p { width: 100%; } .banner-lists { padding: 12px 12px; } } @media only screen and (max-width: 736px) { .tab_wrapper > ul { display: none; } .tab_wrapper .content_wrapper { border: 0; } .tab_wrapper .content_wrapper .accordian_header { display: block; } .tab_wrapper.left_side .content_wrapper, .tab_wrapper.right_side .content_wrapper { width: 100%; border-top: 0; } .tab_wrapper .controller { display: none; } } @media (max-width: 480px){ .pro-de-slide .item > img { position: relative; left: -10%; } } /*media tab*/ /*responsive ------WebKitFormBoundaryYs6CB7GDY9Zo4XZK--