@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap'); @charset "utf-8"; /* CSS Document */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; } article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video { display: block; } a img { border: 0; } a {text-decoration:none;} a:hover {text-decoration:none;} body { margin: 0px; padding:0px; font-family: "Nunito Sans", sans-serif; font-size:15px; font-weight:400; background-color:#fff; } // : Use a unique and descriptive class name // : Use a value from 200 to 1000 .nunito-sans- { font-family: "Nunito Sans", sans-serif; font-optical-sizing: auto; font-weight: ; font-style: normal; font-variation-settings: "wdth" 100, "YTLC" 500; } .fixed { position: fixed; top: 0; left: 0; animation: smoothScroll 1s forwards; } @keyframes smoothScroll { 0% { transform: translateY(-70px); } 100% { transform: translateY(0px); } } /* Selection colours */ ::selection { background: #006847; color:#fff; } ::-moz-selection { background: #006847; color:#fff; } ul { padding:0px; margin:0px; list-style:none; } a { outline:none; } p { padding:0px; margin:0px; color:#333333; font-size:15px; } li { padding:0px; margin:0px; list-style:none; } h1 { font-size:30px; font-weight:600; } h2 { font-size:28px; margin-bottom:10px; } h3 { font-size:23px; margin-bottom:10px; } h4 { font-size:20px; margin-bottom:10px; } h5 { font-size:18px; margin-bottom:10px; } h6 { font-size:16px; margin-bottom:10px; } ol li { list-style:decimal inside; margin-left: 0; padding-left: 1.5em; text-indent: -1.5em; } header { padding: 15px 0px; background: #fff; width: 100%; z-index:9999999; -webkit-transition: all 0.5s ease; -moz-transition: position 10s; -ms-transition: position 10s; -o-transition: position 10s; transition: all 0.5s ease; } /*section { height: 100vh; }*/ .fixed { position: fixed; top: 0; left: 0; animation: smoothScroll 1s forwards; } @keyframes smoothScroll { 0% { transform: translateY(-70px); } 100% { transform: translateY(0px); } } .navbar-default {background:transparent !important} .head_top_bg{ background:#772235 ; width:100%; display:block; padding:10px 0px; vertical-align:middle;} .head_top_bg p { color:#fff; font-size:14px;} .head_top_bg a { color:#fff!important; font-size:14px; text-decoration:none; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;} .head_top_bg a:hover {color:#60bb46;!important} .head_top_bg .fa {color:#fff!important; font-size:15px; font-weight:500; margin-right:2px; margin-top:-2px;} .mobi_txt {float:right;} .socialmedia {margin:0px; padding:0px; list-style:none; float:right; display:block; margin:0px 0 0 10px;} .socialmedia ul {margin:0px; padding:0px; list-style:none;} .socialmedia li {margin:0px; padding:0px; list-style:none; float:left; border-bottom:none !important} .socialmedia li a{ font-size:14px; color:#444!important; margin:0px 1px; padding:0px; width:30px; height:30px; /*line-height:30px; */text-align:center; display:inline-block; vertical-align:middle; background:#3b4654; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;} .socialmedia li a:hover {background:#8d2e43; color:#fff;} .socialmedia .fa {color:#fff;} .ph-mail { color:#000;} .ph-mail a{ color:#000; font-weight:400; text-decoration:none; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; } .ph-mail a:hover {color:#444;} .booknow{ float:right; display:block; margin:-5px 0 0 5px; background:#d25a17; color:#fff; font-size:14px; padding:10px 25px; border-radius:45px; font-weight:600; text-transform:none; text-decoration:none!important; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;} .booknow:hover {background:#e2c10d; color:#fff;} .booknow_mobile{ float:right; display:block; margin:-70px 45px 2px 0; background:#d25a17; color:#fff; font-size:14px; padding:10px 20px; border-radius:25px; font-weight:500; text-transform:none; text-decoration:none!important; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;} .booknow_mobile:hover {background:#e2c10d; color:#fff;} .menu{ float:right;} .menu ul{ margin:0px; padding:0px; list-style:none;} .menu li{ list-style:none; float:left!important; color:#ffd628; font-weight:400; font-size:12px; padding:5px 5px 5px 10px; line-height:20px; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; text-transform:uppercase; padding:0px 10px;} .menu li a{color:#ffd628; float:left!important;} .menu li a:hover{ color:#fff; text-decoration:none;} /*.main{ background:#fff; display:block; width:100%;}*/ .bg_white{ background:#c6e1fb; width:100%; height:auto; padding:0px;} .scroller { padding:10px 15px; background:#FFFFFF; } .header_top { } .logo { display:inline-block; margin:7px 0px;} .banner_bg {margin:0!important; padding:0!important;} .fade_slider {margin:0!important; padding:0!important;} header .navbar { margin-bottom:0px; border:0px; margin-top:20px!important; z-index:9999; float:right;} header .navbar-nav > li { /*padding-left:2px; padding-right:2px; */ padding:0 1px ;} header .navbar-nav > li > a { background:transparent; color:#707d8f !important; display:block; font-size:16px; padding:5px 25px!important; border-radius:3px; font-weight:600; text-transform:none; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;} header .navbar-nav > li:hover a { color:#3a3a3a !important;} header .navbar-nav > li.active > a { color:#3a3a3a!important;} header .navbar-nav > li > a:hover { color:#3a3a3a !important; text-decoration:none;} .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background-color:#772235 !important; text-decoration:none;color:#fff !important; } header .navbar-nav li a .caret { margin-top:-3px; border-width: 4px 4px 0 4px;} .banner_bg {width:100%; margin:0!important; padding:0!important;} .banner_bg .fade_slider li.slide1 { background-image:url(../images/banner1.jpg); height:550px; background-repeat:no-repeat; background-size:cover; background-size: 110% 110%; background-position: center center; animation: shrink 5s infinite alternate;} .banner_bg .fade_slider li.slide2 { background-image:url(../images/banner2.jpg); height:550px; background-repeat:no-repeat; background-size:cover; background-size: 110% 110%; background-position: center center; animation: shrink 5s infinite alternate;} .banner_bg .fade_slider li.slide3 { background-image:url(../images/banner3.jpg); height:550px; background-repeat:no-repeat; background-size:cover; background-size: 110% 110%; background-position: center center; animation: shrink 5s infinite alternate;} .banner_bg .fade_slider li.slide4 { background-image:url(../images/banner4.jpg); height:550px; background-repeat:no-repeat; background-size:cover; background-size: 110% 110%; background-position: center center; animation: shrink 5s infinite alternate;} .banner_bg .fade_slider li.slide5 { background-image:url(../images/banner5.jpg); height:550px; background-repeat:no-repeat; background-size:cover; background-size: 110% 110%; background-position: center center; animation: shrink 5s infinite alternate;} @keyframes shrink { 0% { background-size: 110% 110%; } 100% { background-size: 100% 100%; } } .banner_bg .slick-dots { bottom: 25px; margin: auto; position: absolute; text-align: center; width: 100%; } .banner_bg .slick-dots li { display:inline-block; padding-left:5px; padding-right:5px; } .banner_bg .slick-dots li .sliders_dots { width:13px; height:13px; background-color:#60bb46; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border:none; } .banner_bg .slick-dots li.slick-active .sliders_dots { background-color:#fff; } .banner_bg .slick-prev { background-image:url(../images/header_slider_left_arw.png); background-position:top; background-repeat:no-repeat; border:none; background-color:transparent; width:28px; height:55px; position: absolute; left: 20px; top: 45%; z-index:9999; } .banner_bg .slick-next { background-image:url(../images/header_slider_right_arw.png); background-position:top; background-repeat:no-repeat; border:none; background-color:transparent; width:28px; height:55px; position: absolute; right: 20px; top: 45%; } .banner_bg .slick-prev:hover, .banner_bg .slick-next:hover { background-position:bottom; } .banner_txt { padding:170px 0!important; } .banner_bg h3 {color:#fff; font-size:40px; font-weight:800; } .banner_bg .bnr_text { color:#fff; font-size:20px; line-height:30px; font-weight:400; /*width:40%;*/} .banner_txt .read_more_link { display:inline-block; padding:8px 20px; border:2px solid #fff; color:#fff; font-size:18px; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; } .banner_txt .read_more_link:hover { text-decoration:none; border-color:#ED1C24; background-color:#ED1C24; color:#fff; } .banner_txt a{ background:url(../images/btn_arrow.png) no-repeat left 8px; display:inline-block; padding-left:45px; color: #fff; font-size: 18px; font-weight:500; line-height:55px; text-decoration: none; } .banner_txt a:hover{color: #60bb46;} .slider_img {margin-top:60px; position:relative; z-index:999;} .slider_img_logo {position:absolute; top:220px; left:232px; z-index:100000;} .slider_img img{ animation: animName 15s linear infinite; } .slick-arrow {position: absolute;border: 0px;box-shadow: none;top:54px;background-color: transparent; } .slick-prev {position: absolute;right: 6.5%;top:100%;background-color: #fff;width: 30px;height: 30px;} .slick-prev:before {content: "\f104";font-family: FontAwesome;left:6px;position:absolute; top:-14px;font-size: 38px;color: #fff;} .slick-next {position: absolute;right: 3%;top:100%;background-color: #fff;width: 30px;height: 30px;} .slick-next:before {content: "\f105";font-family: FontAwesome;position:absolute;top:-14px;right:6px; font-size: 38px;color: #fff;} @keyframes animName { 0%{ transform: rotate(0deg); } 100%{ transform: rotate(360deg); } } .inner-banner-about{ background-image:url(../images/inner-banner-about.jpg); background-repeat:no-repeat; width:100%; background-size:cover; padding:50px 0px; vertical-align:middle;} .inner-banner-about h1 { font-weight:400; color:#fff; font-size:32px; font-weight:600; margin-bottom:10px; text-transform:none;} .breadcrumb_sec {width:100%; background:#f0f0f0; vertical-align:middle;} .breadcrumb {padding:5px 2px; margin-bottom:0;} .breadcrumb > li a{ color:#444; font-size:13px; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;} .breadcrumb > li a:hover {color:#53a63c;} .breadcrumb > li + li:before {color:#999;} .inner-content-bg{ background:#fff; width:100%; padding:45px 15px; } .inner-content-bg h1{ font-weight:500; color:#333; font-size:32px;} .inner-content-bg h1 span{ color:#fff;} .inner-content-bg .uline{ width:10%; height:2px; background:#FFCC00; margin:10px 0 25px 0;} .inner-content-bg p{ font-weight:400; color:#333; font-size:16px; line-height:30px!important; margin:12px 0;} .inner-content-bg h3{ color:#333; font-weight:400; font-size:22px; line-height:30px!important;} .inner-content-bg h4{ color:#666; font-size:20px;} .inner-content-bg .list ul{ list-style:none; margin:0px; padding:0px;} .inner-content-bg .list li{ list-style:none; margin:0px; padding:0px; background: url(../images/bullet1.png) no-repeat left 8px!important; font-weight:400; color:#333; font-size:16px; padding-left:20px;line-height:30px!important;} .inner-content-right{ margin:30px 0px;} .inner-content-right img{ margin-bottom:25px;} .inner-content-right a {color:#FFCC00; text-decoration:none;} .inner-content-right a:hover {color:#fff;} .btn_enquiry {background-color:#772235 !important; background-image:none; color:#fff!important; font-size:14px!important; border-radius:3px; padding:6px 25px; font-weight:600; text-transform:uppercase; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;} .btn_enquiry:hover {background-color:#882d42!important;} .btn_enquiry .fa {margin-right:5px;} .btn_whatsapp {background-color:#555!important; background-image:none; color:#fff!important; font-size:14px!important; border-radius:3px; padding:6px 25px; font-weight:600; text-transform:uppercase; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;} .btn_whatsapp:hover {background-color:#61bc47!important;} .btn_whatsapp .fa {margin-right:5px;} .enqbtn {margin:25px 0;} .price {float:right; margin-top:0; margin-bottom:10px; } .price .enq_txtbox {width:100px; height:30px; border-radius:3px; padding:4px; border:1px #999 solid; color:#555; font-size:15px;} .price1 {float:left; margin-top:0; margin-bottom:10px; background:#1e3969; color:#fff; display:inline-block; padding:15px; border-radius:0px; } .price1 .enq_txtbox {width:100px; background:#fff; height:30px; border-radius:3px; padding:4px; border:1px #999 solid; color:#555; font-size:15px;} .what_next_after_bg #horizontalTab1{position:relative;width:100%; max-width:1100px; margin:auto !important; /*background:#f5f5f5; padding:25px;*/ } .what_next_after_bg .resp-tabs-list{ display:inline-block;width:100%; margin-bottom:-5px; border-bottom:1px solid #cecece; } .what_next_after_bg .resp-tabs-list li{ font-size:14px; display:inline-block; vertical-align: top; background:#e9e9e9; padding:12px 25px; margin:1px; list-style:none;cursor:pointer;float:left; color:#888; text-transform:uppercase; font-size:13px; font-weight:600; line-height:normal; border-bottom:5px solid #dddddd; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;} .what_next_after_bg .resp-tabs-list li:first-child { margin-left:0px; } .what_next_after_bg .resp-tabs-list li:last-child { margin-right:0px; } .what_next_after_bg .resp-tabs-list li.resp-tab-active{ border-bottom:5px solid #163468; background:#1e3969; color:#fff!important; } .what_next_after_bg .resp-tabs-container{padding:0;color:#2b2a2a;margin-top:-3px} .what_next_after_bg .resp-tab-content{display:none; /*border:5px solid #008224; border-bottom:5px solid #008224;*/ background-color:#fff; padding:25px 0px; color:#333; font-weight:500; font-size:15px; line-height:26px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } .what_next_after_bg .resp-tab-content h3 {font-family: "Poppins", sans-serif; color:#1e3969; font-weight:600; font-size:18px; margin-bottom:8px; text-transform:none;} .what_next_after_bg .resp-accordion{cursor:pointer;padding:5px;display:none} .what_next_after_bg .resp-tab-content{display:none; } .what_next_after_bg .resp-tab-active{border-bottom:none;color:#4e4e4e!important;background-image:url(images/tab_active_arrow.png);background-repeat:no-repeat;background-position:bottom;padding-bottom:54px} .what_next_after_bg .resp-content-active,.resp-accordion-active{display:block} .what_next_after_bg .resp-tabs-container{overflow:hidden;max-height:5000px} .what_next_after_bg .resp-tabs-container a{color:#fff} .what_next_after_bg .resp-tabs-container a:hover{color:#fff; text-decoration:none} .what_next_after_bg .resp-tabs-container .text-center{overflow:hidden} .orange_txt {color:#5282b5;} .what_next_after_bg .resp-tabs-container fa {color:#1a325d;} @media (max-width: 1199px) { .what_next_after_bg .resp-tabs-list li { margin: 0px 16px 0 16px; } } @media (max-width: 991px) { .what_next_after_bg { padding:40px 0px; } .what_next_after_bg h3 { font-size: 20px; line-height: 30px; margin-bottom:40px; } .what_next_after_bg h4 { font-size: 17px; margin-bottom:30px; } .what_next_after_bg .resp-tabs-list li { margin: 0px 5px 0 5px; padding: 18px 21px; font-size:13px; } .what_next_after_bg .resp-tab-content { padding:25px 0px; font-size:14px; line-height:28px; } } @media only screen and (max-width: 767.99px) { .what_next_after_section .resp-tabs-list { display:none; } .what_next_after_section .resp-tabs-container .resp-accordion{display:inline-block;width:100%;background-color:#302a2a; text-transform:uppercase; font-size:14px; margin-bottom:0px !important; font-weight:500;padding:10px 15px;color:#fff; border-bottom:1px solid #fff; margin-bottom:0; line-height:22px; margin-top:0; background-image:url(../images/sub_menu.png);background-repeat:no-repeat;background-position:95% 12px;} .what_next_after_section .resp-tabs-container .resp-accordion span { display:block; } .what_next_after_section .resp-tabs-container .resp-accordion span.resp-arrow { display:none; } .what_next_after_section .resp-tab-content{ padding:15px } .what_next_after_section .resp-tabs-container .resp-accordion.resp-tab-active{background-color:#0e4d90; color:#fff!important; font-weight:500; } .what_next_after_section .tab_content {width:100%;padding-top:20px;font-size:13px; border-top:0; margin-bottom:5px;} .tab_content a.tabbtn {background:#FFFFFF; border:2px #333333 solid; border-radius:4px;font-size:13px; font-weight:500; padding:8px 10px;} .tab_content a.tabbtn :hover {background:#333333; color:#FFFFFF;} .what_next_after_section .resp-tabs-list { display:none; } .what_next_after_section .resp-tabs-container .resp-accordion{display:inline-block;width:100%;background-color:#e2e5e6; text-transform:none; font-size:15px; margin-bottom:0px !important; font-weight:500;padding:10px 15px;color:#333; border-bottom:1px solid rgba(255,255,255,0.7); margin-bottom:0; line-height:22px; margin-top:0; background-image:url(../images/sub_menu.png);background-repeat:no-repeat;background-position:95% 12px;} } .bg_tabular {background:#f5f5f5; padding:25px; margin:10px 0;} .bg_tabular h3 {color:#05133a; font-size:18px; font-weight:600; margin-bottom:12px;} .intro_delios {background:#fff; padding:65px 0px;} .intro_delios h1 {color: #373737; font-size: 32px; text-align:center; line-height: 26px; font-weight: 700; margin-bottom:75px;} .intro_cont {padding:120px 125px; display:table; vertical-align:middle;} .intro_cont h2 {color: #373737; font-size: 24px; line-height:normal; text-align:center; line-height: 26px; font-weight: 400;} .intro_cont img {box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; margin:0; padding:0;} .welcome_delios {background:#f5f5f5; padding:65px 0px;} .welcome_delios p {color: #373737; font-size: 18px; line-height: 26px; font-weight: 400; margin:0;} .welcome_delios_cont {background:#fff; padding:20px; border-radius:10px; margin:10px 0; height:150px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;} .welcome_delios_cont img {width:25%; margin-bottom:12px;} .welcome_delios_cont p {color: #373737; font-size: 16px; line-height: normal; font-weight: 600;} .welcome_delios_cont h3 {font-weight:700; font-size:18px; text-align:center; color:#333;} .welcome_delios_right {padding:0 0 0 100px;} .welcome_delios_brief {background:#f5f5f5; padding:65px 0px;} .welcome_delios_brief h4 { font-size: 30px; font-weight: 700; text-align: center; color: #3b4654; margin-bottom: 15px; } .welcome_delios_brief p { color: #373737; font-size: 18px; text-align: center; width:85%; margin:auto; line-height: 26px; font-weight: 400; margin-bottom: 40px; } .welcome_delios_brief img {box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;} .whychoose_delios {background:#3b4654; padding:65px 0px;} .whychoose_delios h4 {font-size: 30px; font-weight: 700; text-align:center; color: #fff; margin-bottom:15px;} .whychoose_delios .uline { width: 12%; background: #60bb46!important; height: 3px; margin: auto; margin-bottom: 45px; border: none!important;} .whychoose_sec {padding:15px 0 0 0;} .whychoose_sec_inner {background:#60bb46; padding:25px 35px; margin:15px 0; border-radius:15px; height:190px;} .whychoose_sec_inner img {width:35%; margin-bottom:12px;} .whychoose_sec_inner p {color: #fff; text-align:center; font-size: 16px; line-height: 24px; font-weight: 400; margin:10px 0;} .delios_techspec {background:#fff; padding:65px 0px;} .delios_techspec h4 {font-size: 30px; font-weight: 700; text-align:center; color: #3b4654; margin-bottom:15px;} .delios_techspec .uline { width: 12%; background: #60bb46!important; height: 3px; margin: auto; margin-bottom: 45px; border: none!important;} .col-container { display: table; /* Make the container element behave like a table */ width: 100%; /* Set full-width to expand the whole page */ } .col {display: table-cell; padding:35px; /* Make elements inside the container behave like table cells */} .col h2 {font-size: 24px; text-align:center; font-weight: 700; color: #3b4654; margin-bottom:25px!important;} .col p {color: #373737; font-size: 16px; line-height: 26px; font-weight: 400; margin:10px 0;} .why_tech {background:#006042; padding:65px 0px;} .why_tech h4 {font-size: 30px; font-weight: 700; color: #fff; margin-bottom:15px;} .why_tech p{color: #fff; font-size: 16px; line-height: 26px; font-weight: 400;} .right-sec {background:#FFFFFF; color:#fff; margin:20px 0px; } .right-sec h3 { color:#333; text-align:left; font-size:24px; font-weight:600; text-transform:uppercase; margin-bottom:20px;} .right-sec h3 span{ color:#0575ae; text-align:left; font-size:24px; font-weight:600; text-transform:uppercase;} .right-sec h4 {background:#0575ae; padding:8px 25px; color:#fff; font-size:20px;} .right-sec ul {margin:0px; padding:0px; list-style:none;} .right-sec li {margin:0px; padding:0px; list-style:none; font-size:16px; color:#333; background:none; background:url(../images/bullet.png) no-repeat left 8px; padding-left:15px; border-bottom:1px #ccc solid; margin:2px 0;} .right-sec li a { font-size:15px; color:#333; text-decoration:none; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;} .right-sec li a:hover {color: #0897e0; text-decoration:none;} .right-sec li a.active {color: #0897e0; text-decoration:none;} .right-sec li a.active:hover {color: #0897e0; text-decoration:none;} .img-cont {margin:0px 0px 20px 0px;} .content_img{margin: 0px 20px 25px 0px; padding-left: 0px;} .bg_grey {background:#f5f5f5; padding:15px;} .accordion { background-color: #3b4654; color: #fff; cursor: pointer; padding: 10px 15px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; transition: 0.4s; } .accordion .active, .accordion:hover { background-color: #60bb46; } .accordion:after { content: '\002B'; color: #fff; font-weight: bold; float: right; margin-left: 5px; } .accordion .active:after { content: "\2212"; } .panel { padding: 0 18px; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; } .panel list ul li{margin:0; padding:0; font-size:14px!important;} .cont-icon1 {background: #fff; width:100%; padding:45px 0px;} .cont-icon2 {background:#FFFFFF; width:100%; height:auto;} .cont-icon-inner {background: #fff; width:100%; padding:55px 15px;} .cont-icon-inner p { color:#49499; font-size:16px; line-height:30px; font-weight:400; margin:10px 0px; } .cont-icon-inner h1{ color:#212121; font-size:26px; font-weight:900; text-transform:uppercase; margin:13px 0px; -webkit-text-decoration-color:#ff0000; text-decoration-color: red; text-decoration: underline red;} .cont-icon-inner .uline {width:12%; background:#c81e28 !important; height:2px; margin:5px 0 35px 0; border:none !important;} .cont-icon-inner h2{ color:#c81e28; font-size:20px; font-weight:600; text-transform:uppercase; margin:18px 0px; } .cont-icon-inner h3{ color:#494949; font-size:20px; font-weight:600; text-transform:none; margin:25px 0px 20px 0px; } .cont-icon-inner h5{ color:#2f2360; font-size:15px; font-weight:400; text-transform:uppercase; margin:10px 0px; } .counter {padding:0 0 0 50px;} .counter h3 {color:#a80003; font-size:65px; letter-spacing:-1px; font-weight:300;} .counter p {font-weight:600!important; color:#494949; font-size:18px; margin-bottom:55px!important;} .faculty {margin:0; padding:0;} .faculty_details {padding:15px 20px; background:#f5f5f5; border:3px #e9e9e9 solid; margin:10px 0; border-radius:5px;} .faculty_details h1 {font-size:16px; color:#999; text-align:center;} .faculty_details h3 {font-size:35px; color:#ccc; text-align:center;} .faculty_details h5 {font-size:16px; font-weight:500; color:#0e4d90; text-align:left; margin-bottom:5px;} .faculty_details h6 {font-size:16px; font-weight:600; color:#555; text-align:center; margin-bottom:5px; height:45px;} .faculty_details h5 span {font-size:14px; font-weight:500; color:#999; margin-bottom:5px;} .faculty_details a{font-weight:500px!important; display:inline-block; font-size:14px!important;margin:5px 0;text-transform:none;background:#1a325d;text-align:center;padding:3px 12px;color:#fff!important; border-radius:3px;} .faculty_details a:hover {background:#09F;color:#fff;text-decoration:none;} .faculty_details .fa {margin-right:5px; color:#fff; font-size:13px;} a.mail { font-size:18px; font-weight:400; color:#212121; text-transform:none !important; text-decoration:none;-webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;} a.mail:hover {color:#555;} .steps {padding:75px 0;} .steps h1{ color:#333; font-size:40px; font-weight:500; text-transform:none; text-align:center; margin:15px 0px;} .steps h2 { font-size:24px !important; line-height:32px; font-weight:400; color:#494949; text-transform:none; text-align:center !important;} .steps h3 { font-size:20px !important; font-weight:500; color:#333; text-transform:none; text-align:center !important; height:35px!important;} .steps .uline {width:10%; background:#FF9900 !important; height:2px; margin:15px auto;} .steps p { color:#494949; font-size:16px; line-height:30px; text-align:center !important; font-weight:400; margin:10px 0px; } .steps_cont {padding:100px 0 0 0;} .steps_cont img {margin-bottom:20px;} .group {width:100%; border:10px #e5e5e5 solid; padding:25px; background:url(../images/bg-group.png) no-repeat right; background-attachment:fixed; margin-bottom:25px;} .group img {margin-bottom:15px; !important} .group h2 { font-size:35px !important; font-weight:700; color:#212121; text-transform:none; text-align:center !important;} .group .uline {width:10%; background:#555 !important; height:1px; margin:10px auto;} .group h3 {font-size:18px; line-height:35px; font-weight:400; color:#212121; text-transform:uppercase; margin:10px 0; text-align:center !important;} .group h3 span {color:#555;} .group .btn1{font-family:Arial, Helvetica, sans-serif !important; color:#212121; font-size:14px; font-weight:500; text-transform:none; text-decoration:none; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;} .group .btn1:hover {color:#555;} .abt-cont {padding:25px 0;} .abt-cont h2 {font-size:24px !important; line-height:37px; font-weight:400; color:#212121; margin-bottom:25px !important;} .abt-cont h2 span{color:#555;} .abt-cont p { font-size:18px; font-weight:400; color:#212121; text-transform:none; line-height:36px; text-align:left !important; margin-bottom:25px !important; width:90%;} .machine {padding:25px 0;} .machine h2 {font-size:24px !important; line-height:37px; font-weight:400; color:#212121; margin-bottom:25px !important;} .machine img {/*margin:10px 0;*/} .machine ul {margin:0; padding:0; list-style:none;} .machine li {margin:0; padding:0; list-style:none;} .machine li a {font-size:15px; color:#666666; text-decoration:none; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;} .machine li a:hover {color:#555;} .qty {background:url(../images/bg-quality.jpg) no-repeat center; background-size:cover;} .bdr {border:8px #e5e5e5 solid;} .qty-cont{padding:0 0 25px 0; background: #fff;} .qty-cont h3 { font-size:35px; font-weight:600; color:#212121; text-transform:none; text-align:center !important;} .qty-cont .uline {width:15%; background:#555 !important; height:1px; margin:15px auto;} .qty-cont p { font-size:18px; font-weight:400; color:#212121; text-transform:none; line-height:36px; text-align:left !important; margin-bottom:25px !important} .qty-cont p span{color:#555;} .jobs {padding:45px 25px; background:#e5e5e5;} .job-info {background:#FFFFFF; padding:20px; box-shadow: 5px 5px #dddcdc;} .jobs h3 {font-size:30px; line-height:35px; font-weight:400; color: #212121; text-transform:none; margin:10px 0; text-align:left !important;} .jobs .uline {width:10%; background: #555 !important; height:1px; margin:10px 0 25px 0;} .jobs h4 {font-size:18px; line-height:28px; font-weight:600; color: #212121; text-transform:none; text-align:left !important;} .jobs p {font-size:16px; font-weight:400; color:#494949; text-transform:none; line-height:26px; text-align:left !important; width:98%;} .careers {padding:45px 25px; background:url(../images/bg-careers.jpg) no-repeat; background-attachment:fixed; background-size:cover; width:100%;} .careers h3 {font-size:30px; line-height:35px; font-weight:400; color: #fff; text-transform:none; margin:10px 0; text-align:left !important;} .careers .uline {width:10%; background:#555 !important; height:1px; margin:10px 0 25px 0;} .careers h4 {font-size:18px; line-height:28px; font-weight:400; color: #FFCC00; text-transform:none; text-align:left !important;} .careers p {font-size:16px; font-weight:400; color:#fff; text-transform:none; line-height:26px; text-align:left !important; width:98%;} .carimg {padding:0 0 0 25px;} .careers_form { width:50%; font-size:14px; margin:25px 0 0 0 !important } .careers_form tr td span { font-size:14px; color:#e6192a; } .careers_form tr td { padding-bottom:10px; } .careers_form tr .left_section { width:140px; font-size:14px; font-weight:400; color:#fff;} .careers_form .text_box { width:100%; height:40px; border:1px solid #484747; border-radius:4px; font-size:14px; padding-left:10px; padding-right:5px; background:transparent; color:#fff;} .careers_form .text_box1 { width:24%; height:40px; border:1px solid #484747; border-radius:4px; font-size:14px; padding-left:10px; padding-right:5px; background:transparent; color:#fff;} .careers_form .comments_box { font-size:14px; width:100%; height:145px; max-height:145px; /*max-width:345px;*/ border:1px solid #484747; border-radius:4px; background:transparent; padding-left:10px; padding-right:5px; padding-top:8px; line-height:23px; font-size:14px; font-weight:400; color:#fff;} .careers_form .styled-select select { background: transparent; width: 345px; padding: 5px; font-size: 14px; line-height: 1; border: 0; border-radius: 0; height: 40px; border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size:14px; font-weight:400; } .careers_form .styled-select { overflow: hidden; background:url(../images/select_arw.png) no-repeat; background-position:95% center; border:1px solid #484747; width:345px; height:40px; line-height:40px; padding-right:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size:14px; } .careers_form .submit_enquiry { background-color: #fff; border:2px #555 solid; color:#fff; padding:8px 25px; border-radius:4px; font-size:13px; font-weight:600; text-transform:uppercase; cursor:pointer; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; } .careers_form .submit_enquiry:hover, .enquiry_form .submit_enquiry:focus { background-color: #fff; border:2px #fff solid; color:#212121; } .wcome {padding:85px 35px; width:100%; background: url(../images/bg_about.png) no-repeat right 140px #fff; } .wcome_cont {padding:0 !important;} .wcome h1 { font-size:36px; font-weight:700; color:#3b4654; margin-bottom:15px; width:70%; } .wcome h2 {font-size:22px; font-weight:400; color:#274259; line-height:30px; margin:15px 0;} .wcome_cont h5 { text-transform: uppercase; text-align: center; font-size: 15px; font-weight: 700; background:#60bb46; padding:5px 15px; color: #fff; letter-spacing: 2px; display:inline-block; } .wcome_cont .uline { width: 12%; background: #871c1c !important; height: 3px; margin-bottom: 15px; border: none!important; } .wcome p {color:#373737; font-size:18px; line-height:26px; font-weight:400; margin-bottom:10px;} .wcome_cont h6 {font-size:14px; text-align:center; font-weight:600; text-transform:none; margin:12px 0 5px 0; line-height:20px;} .wcome .btn{ margin:15px 0 0 0; background:#a80003; border:2px #a80003 solid; color:#fff; font-size:15px; padding:9px 25px; border-radius:3px; font-weight:600; text-transform:uppercase; text-decoration:none; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;} .wcome .btn:hover {background:#b61842; border:2px #b61842 solid; color:#fff;} .logobg {background:#fff; margin:8px 0; padding:10px 15px; height:200px; max-height:210px; border-radius:10px; border:1px #e9e9e9 solid; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;} .how_to {padding:85px 0px; background:#e9e9e9; } .how_to img {margin-bottom:15px;} .how_to h2 { font-size:32px!important; font-weight:500; color:#333; text-align:center; letter-spacing:-1px; line-height:35px; margin-bottom:10px!important; width:80%; margin:0 auto; } .how_to h3 { font-size:20px!important; font-weight:500; color:#333; text-align:center; } .how_to p { color:#494949; font-size:16px; line-height:26px; text-align:center; font-weight:300; margin:10px 0;} .how_to .icolin {margin:20px 0 45px 0;} .offers {padding:100px 0; /*background:#3e224e;*/ background:url(../images/forex-bg.jpg) no-repeat; background-size:cover; background-attachment:fixed;} .offers h3 { font-size:35px; font-weight:600; color:#fff; text-align:center; letter-spacing:0px; margin-bottom:25px; } .offers h4 { font-size:22px; line-height:26px; font-weight:300; color:#fff; text-align:center; margin:10px auto; width:80%; } .offer_cont {padding:75px 0 0 0;} .offer_cont_marker {padding:15px; border:2px rgba(255,255,255,0.1) solid; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;} .offer_cont_marker:hover {border:2px #a80003 solid;} .offer_cont img {margin-bottom:12px;} .offer_cont h5 { font-size:22px; font-weight:400; color:#fff; text-align:center; } .offer_cont p { color:#fff; font-size:16px; line-height:30px; font-weight:300; text-align:center; margin:10px 0; width:90%; margin:auto;} .our_services {padding:85px 35px; /*background: url(../images/greenarc.jpg) no-repeat top #006847;*/ background:#006847;} .our_services h3 { width:80%; margin:auto; text-transform:none; text-align:center; font-size:32px; font-weight:600; color:#fff; } .our_services h5 {text-transform: none; color:#FFF; text-align: center; font-size: 30px; font-weight: 700; margin-bottom:15px;} .our_services .uline {width:12%; background:#60bb46!important; height:3px; margin: auto; margin-bottom:45px; border:none!important;} .our_services_section {padding:0; margin:25px 0;} .our_services_section img {margin-bottom:15px;} .our_services_section h4 { text-transform:uppercase; text-align:center; font-size:15px; font-weight:700; color:#fff; letter-spacing:-1px; } .our_services_section p { color:#fff; font-size:15px; font-weight:400; text-align:center;} .slide-padding{margin:0px; padding:0;} .orange-bg-contain{ width:94.5%; font-size: 18px; font-weight: bold; background-color: #60bb46; padding: 10px 20px; height:75px; color: #fff;} .slide-contain{margin: 80px 10px 0px;} .slide-padding .slick-prev{background-color: transparent;top: 5%;right: 3%;z-index: 1} .slide-padding .slick-next{background-color: transparent;top: 5%;right: 0} @media only screen and (max-width: 767px) { .meet-professional{padding: 30px 0px;} .meet-professional h3{font-size: 24px;} .slide-padding .slick-prev{right: 5%;} .slide-contain {margin:0;} .orange-bg-contain{ width:100%;} .intro_delios h1 {font-size:26px; margin-bottom:20px;} .intro_cont {display:block; padding:25px;} .col {display:block;} .col h2 {font-size:18px;} .why_tech {padding:45px 0;} .why_tech h4 {font-size:24px;} .delios_techspec h4 {font-size:24px;} .delios_techspec .uline {width:50%;} .welcome_delios {padding:45px 0;} .whychoose_delios h4 {font-size:24px;} .whychoose_delios .uline {width:50%; margin-bottom:25px;} .whychoose_sec_inner {height:auto;} .welcome_delios_right {padding:25px 10px;} .welcome_delios_cont {height:auto;} .welcome_delios_cont img {width:50%;} .welcome_delios_cont h3 {font-size:16px; line-height:normal; height:60px; max-height:65px;} .whychoose_sec_inner img {width:25%;} .socialmedia li a {background:#fff; color:#333!important;} .welcome_delios_brief {padding:45px 0;} .welcome_delios_brief h4 {font-size:20px;} .welcome_delios_brief p {width:95%; font-size:16px; margin-bottom:15px;} } /*-------------------------------------------------------------------------- Image zoom on hover --------------------------------------------------------------------------*/ /* Image zoom on hover + Overlay colour */ /* [1] The container */ .img-hover-zoom { height: auto; /* [1.1] Set it as per your need */ overflow: hidden!important; /* [1.2] Hide the overflowing of child elements */ } /* [2] Transition property for smooth transformation of images */ .img-hover-zoom img { transition: transform .5s ease; } /* [3] Finally, transforming the image when container gets hovered */ .img-hover-zoom:hover img { transform: scale(1.1); } /*Bounce animation*/ .bounce { /* position: absolute; bottom: 30px; left: 50% ; width: 60px; height: 60px ; margin-left:-30px; border: 2px solid #990000; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; border-radius:50%;*/ animation: bounce 4s infinite; -webkit-animation: bounce 4s infinite; -moz-animation: bounce 4s infinite; -o-animation: bounce 4s infinite; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(-30px);} 60% {-webkit-transform: translateY(-15px);} } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);} 40% {-moz-transform: translateY(-30px);} 60% {-moz-transform: translateY(-15px);} } @-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);} 40% {-o-transform: translateY(-30px);} 60% {-o-transform: translateY(-15px);} } @keyframes bounce { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-30px);} 60% {transform: translateY(-15px);} } /*Bounce animation*/ .flowchart {width:100%; padding:85px 35px; background:url(../images/bg_process.jpg) no-repeat; background-size:cover; background-attachment:fixed;} .flowchart h2{ font-weight:500; color:#fff; font-size:26px; text-align:center;} .flowchart .uline{ width:10%; height:2px; background:#f5c400; margin:10px auto; margin-bottom:35px;} .flowchart p{ font-weight:300; color:#fff; font-size:15px; line-height:30px; text-align:left;} .flowchart p span {font-weight:bold; margin-bottom:15px!important;} .flowchart h3{ font-weight:300; color:#fff; font-size:22px; line-height:35px; text-align:center;} .infra {background:#033364; padding:35px 15px;} .infra img {margin:15px 0;} .team_sirius {background: #e8e8e8; padding: 65px 35px;} .team_sirius h3 {font-weight: 400; color: #333; font-size: 32px; text-align: center; margin-bottom: 0px;} .team_sirius .uline {width:10%; background:#f5c400 !important; height:2px; margin:15px auto; border:none!important;} .team_cont {padding:65px 0;} .team_cont ul {margin:0; padding:0; list-style:none;} .team_cont li {margin:0; padding:0; list-style:none; color:#494949; font-size:16px; line-height:40px; font-weight:400; border-bottom:1px #d9d9d9 dashed; background:url(../images/bullet1.png) no-repeat left 14px; padding-left:14px;} .cont-icon-inner a { color:#212121 !important; font-size:14px; line-height:25px; font-weight:400; text-decoration:none; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; } .cont-icon-inner a:hover {color:#c81e28; text-decoration:none;} .cont-icon-inner ul {margin:0px; padding:0px; list-style:none;} .cont-icon-inner li {margin:0px; padding:0px; list-style:none; background:url(../images/product_categories_list1.png) no-repeat left 15px; padding-left:15px; color:#212121; font-size:16px; line-height:35px; border-bottom:1px #e5e5e5 solid; font-weight:400;} .cont-icon-inner li a{ color:#212121; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;} .cont-icon-inner li a:hover {color:#c81e28; text-decoration:none;} .cont-icon-inner li a.active{color:#c81e28 !important;} .list ul {margin:0px; padding:0px; list-style:none;} .list li {margin:0px; padding:0px; list-style:none; background:url(../images/product_categories_list1.png) no-repeat left 15px; padding-left:15px; color:#212121; font-size:16px; line-height:1.6; border-bottom:none !important; font-weight:400;} .list li a {color:#212121; text-decoration:none; text-transform:none !important;} .list li a:hover {color:#000;} .list li a.active {color:#000;} .pad-btm {padding-bottom:25px;} .panel-heading h5 {color:#FFFFFF !important; font-weight:500; font-size:13px; line-height:22px;} .panel-heading a {color:#FFFFFF !important; font-weight:500; font-size:13px;} .contact_page_info { display:inline-block; width:240px; color:#fff; } .contact_address { background-image:url(../images/contact_address_icon.png); background-repeat:no-repeat; background-position:left top; } .contact_address span.name_txt { font-size:14px; line-height:25px; display:block;` } .contact_phone_enquiry { background-image:url(../images/contact_enquiry_icon.png); background-repeat:no-repeat; background-position:left top; padding-left:45px; margin-top:20px; } .contact_phone_enquiry a { display:block; color:#fff; } .contact_phone_enquiry a:hover { text-decoration:none; color:#ED1C24; } .contact_mail_enquiry { background-image:url(../images/contact_mail_icon.png); background-repeat:no-repeat; background-position:left 0px; padding-left:45px; margin-top:20px; } .contact_mail_enquiry a { display:block; color:#fff; line-height:18px; margin-bottom:8px; } .contact_mail_enquiry a:hover { text-decoration:none; color:#ED1C24; } .pad {padding:25px 0;} .enquiry_form { width:95%; font-size:14px; } .enquiry_form tr td span { font-size:14px; color:#e6192a; } .enquiry_form tr td { padding-bottom:10px; } .enquiry_form tr .left_section { width:140px; font-size:14px; font-weight:400; color:#494949;} .enquiry_form .text_box { display: block; width: 100%; height: 45px; padding: 20px 15px; font-size: 15px; line-height: 1.5; color: #444; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 5px; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;} .enquiry_form .text_box1 { width:24%; height:40px; border:1px solid #cccccc; border-radius:0px; font-size:14px; padding-left:10px; padding-right:5px; background:transparent; color:#494949;} .enquiry_form .comments_box { width: 100%; height: 150px; padding: 20px 15px; font-size: 15px; line-height: 1.5; color: #444; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 5px; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;} .enquiry_form .styled-select select { background: transparent; width: 345px; padding: 5px; font-size: 14px; line-height: 1; border: 0; border-radius: 0; height: 40px; border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size:14px; font-weight:400; } .enquiry_form .styled-select { overflow: hidden; background:url(../images/select_arw.png) no-repeat; background-position:95% center; border:1px solid #cbcbcb; width:345px; height:40px; line-height:40px; padding-right:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size:14px; } .enquiry_form .submit_enquiry { color:#fff; border:none; border-radius:5px; padding:8px 35px; background-color:#222; font-size:14px; font-weight:600; text-transform:uppercase; cursor:pointer; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; } .enquiry_form .submit_enquiry:hover, .enquiry_form .submit_enquiry:focus { background-color:#60bb46 ; color:#fff; } .input-highlight { content: ""; width: 0; height: 2px; background: #e03443; position: absolute; display: block; bottom: 0; transition: width 0.4s ease; } .home_content_bg { background:#eeecec; padding:150px 0px; position:relative;} .home_products { margin:75px auto; margin-bottom:0; } .home_products li { text-align:center; width:208px; } .home_products li { width:208px; text-align:center; display:block; margin-top:15px!important; } .home_products li h5 {padding:10px 0px!important; color:#3b3e47!important; font-size:16px!important; text-align:center; font-weight:500!important; text-transform:none; } .home_products li p {font-size:14px; color:#333; line-height:35px; text-align:center; width:90%; margin:auto;} .home_products li.slick-slide img { display:inherit; } .home_products li .product_img {height:146px; margin-bottom:10px; text-align:center; width:100%; /*padding-left:5px; padding-right:5px;*/ } .slide_outer img{display: inline-block;} .home_products .slick-arrow { position: absolute; border: 0px; box-shadow: none; top: -60px; background-color: transparent; } .home_products .slick-prev { background-image: url(../images/featured_product_left.png); background-repeat: no-repeat; width: 29px; height: 25px; position: absolute; right: 40px; } .home_products .slick-next { background-image:url(../images/featured_product_right.png); background-repeat: no-repeat; width: 29px; height: 25px; position: absolute; right: 10px; } .home_products .slick-list { transform: translate3d(0px, 0px, 0px); margin: auto; } .home_products li .industrial_list:hover { text-decoration:none; } .home_products li .industrial_list:hover h5 { text-decoration:none; color:#00a0e3; } .home_products li .industrial_list:hover .product_img { border:none; } @media only screen and (min-width: 768px) { header .navbar .navbar-collapse { padding-left:0px; padding-right:0px; } header .navbar-nav { float:left; } header .navbar-nav > li:hover > ul { display:block; } header .navbar-nav > li > ul > li:hover > ul { display:block; } header .navbar-nav > li ul li a { font-size:17px; color:#494949!important; font-weight:500;} header .navbar-nav > li:hover ul li a {/* color:#204f38 !important; text-transform:uppercase;*/ color:#494949;} header .navbar-nav li .dropdown-menu { padding:0px; } header .navbar-nav > li > a { padding-left:10px; /*padding-right:5px*/ } header .navbar-nav li ul li a { padding:7px 12px; font-size:16px ; font-weight:500!important; background-color:#fff; color:#494949!important; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; position:relative; } header .navbar-nav li ul li { border-bottom:1px solid #e8e8e8; } header .navbar-nav li ul li:last-child { border:none; } header .navbar-nav li ul li a:hover { color:#fff !important; background:#772235;} header .navbar-nav li ul li:last-child a { -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } header .navbar-nav li ul li:last-child a:hover { -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } header .navbar-nav li ul li:last-child { -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-color:transparent; } header .navbar-nav li ul.dropdown-menu { border-top:0px; background-color:transparent !important; left:0px; min-width:250px; } header .navbar-nav li ul.dropdown-menu li { position:relative !important; } header .navbar-nav li ul.dropdown-menu li ul.dropdown-menu { border-top:0px; background-color:transparent !important; left:-250px; top:-2px; min-width:250px; } .sub_dropdown_icon { background-image: url(../images/dropdown_arw.png); background-repeat:no-repeat; background-position:left; width:15px; height:7px; margin-left:8px; display:inline-block; } header .navbar-nav li ul li ul li a { background-color:#fff; color:#494949 !important;} .dropdown_icon { background-image: url(../images/dropdown_arw.png); background-repeat:no-repeat; background-position:left; width:15px; height:7px; margin-left:5px; display:inline-block; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { /*background-color:#fbecc7;*/ border-bottom:0px solid #fff; } } select{background:transparent; color:#FFFFFF;} select option { background: transparent); color:#212121; } select option[val="1"]{ background: transparent); } select option[val="2"]{ background: transparent); } .ftr_arc { background:url(../images/greenarc_ftr.jpg) no-repeat center; display:block; padding:75px 0; background-size:cover;} .bg_reachus {width:100%; background: url(../images/ftr-img.png) no-repeat bottom center #006847; padding:85px 35px; } .bg_reachus p {font-size:15px; font-weight:400; line-height:26px; color:#fff; margin-bottom:20px!important;} .bg_reachus h3 {font-size: 20px; font-weight: 600; color: #fff; margin:25px 0 15px 0;} .bg_reachus .uline { width: 15%; background: #60bb46 !important; height: 3px; margin-bottom: 30px; border: none!important;} .bg_reachus a {color:#fff;-webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;} .bg_reachus a:hover {color:#60bb46;} .bg_reachus .fa {font-size:12px; text-align:center; color:#fff; background:rgba(0,0,0,0.5); padding:5px; width:24px; height:24px; border-radius:100%;} .bg_reachus h5 { text-transform: uppercase; text-align: center; font-size: 15px; font-weight: 700; background: #60bb46; padding: 5px 15px; color: #fff; letter-spacing: 1px; display: inline-block; margin-bottom:15px;} .address1 {margin-left:80px!important;} .location {margin:12px 0 20px 0;} .address {margin:0px; padding:0px;} .address_cont {margin:6px 0;} .address_cont p {color:#fff; font-size:15px; line-height:26px; font-weight:400;} .address_cont a {color:#fff;} .address_cont a:hover {color:#60bb46;} .address_cont .fa {font-size:16px; text-align:center; color:#fff; background:rgba(0,0,0,0.5); padding:10px; margin-top:-5px; width:36px; height:36px; border-radius:300px; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;} .address_cont .fa:hover {color:#222; background:#60bb46;} .copyright {padding:60px 0 0 0;} .copyright p {color:#fff; font-size:15px; line-height:26px;} .copyright a {color:#fff; text-decoration:none;-webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;} .copyright a:hover {color:#60bb46;} .copyright p span {float:right;} .copyright span a {color:#fff; text-decoration:none;-webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;} .copyright span a:hover {color:#60bb46;} .contact_us { float:left; display:inline-block; color:#333; padding:8px 35px; border:2px #333 solid; border-radius:4px; background-color:#transparent; font-size:14px; font-weight:600; text-transform:uppercase; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; } .contact_us:hover { border:2px #333 solid; background-color:#333; color:#fff; } } @media (max-width: 1199px) { .cont-icon1 .col-md-4{ width: 50%;} .col-bg1, .col-bg2, .col-bg3{ height: auto; margin-bottom:10px;} } @media (max-width: 991px){ .cont-icon1 .col-md-4{ width: 100%;} .col-bg1, .col-bg2, .col-bg3{ height: auto; margin-bottom:10px;} .qty_policy .content_right{ padding:25px 35px } .qty_policy h3 { font-size:30px; } .whyus .content_right{ padding:25px 35px } .whyus h3 { font-size:30px; } } @media (min-width: 992px) and (max-width: 1199px) { h1 { font-size:30px; } h2 { font-size:26px; } h3 { font-size:24px; } h4 { font-size:22px; } h5 { font-size:20px; } h6 { font-size:16px; } .head_top_bg a {font-size:12px!important;} .mobi_txt {float:none;} .navbar {min-height:0!important;} header .navbar { margin-top:10px; } header .navbar-nav > li { padding-left:6px; padding-right:6px; } header .navbar-nav > li > a { font-size:12px; } /*.header_top .navbar-nav > li { padding-left:0px; padding-right:15px;} .header_top .navbar-nav > li > a { font-size:12px; }*/ .logo img{ margin-top:15px; margin-right:30px; } .menu{ float:right;} .banner_bg { width:100%; height:auto;/*height:380px;*/ } .home_about_content { font-size:13px; } .featured_product_bg { padding-top:10px; padding-bottom:10px; background-size:inherit; } .featured_product_bg h3 { font-size:35px; } .featured_product_bg .industrial_solutions li { padding:10px; margin-left:7px; margin-right:7px; margin-bottom:20px; } .featured_product_bg .industrial_solutions li { width: 210px !important; height:auto; min-height:240px; max-height:240px; } .featured_product_bg .industrial_solutions li .img_bg { max-width:100%; } .featured_product_bg .industrial_solutions li h5 { font-size:14px; line-height:18px; } .industrial_solutions .slick-list { transform: translate3d(0px, 0px, 0px); width: 450px; margin: auto; } .footer_menu { margin-left:0px; } .footer_menu h4 { padding-left:20px; } footer { padding-bottom: 30px; padding-top: 30px; } .rg-image-wrapper { max-width:830px; } .rg-caption p { font-size:14px; } #sliderFrame { width:940px; } #slider, #slider div.sliderInner { width:940px; } .page_content h2 { font-size: 22px; color: #222860; line-height: 24px; text-transform: uppercase; } .text{ border:1px solid #c3c1c1; border-radius:3px; padding:10px; width:240px; line-height:20px; margin-bottom:10px; font-size: 14px;color:#333333; margin-right:10px; margin-left:10px;} .text2{ border:1px solid #c3c1c1; border-radius:3px; padding:10px; width:120px; line-height:20px; margin-bottom:10px; font-size: 14px;color:#333333; margin-right:5px; margin-left:5px;} .textarea{ border:1px solid #c3c1c1; border-radius:3px; padding:10px; width:240px; height:100px; line-height:20px; font-size:14px; margin-bottom:10px;font-size: 14px;color:#333333; margin-right:10px; margin-left:10px;} .submit{ background:#ff861c; width:80px; height:35px; float:left; border:0px; cursor:pointer; color:#FFF; border-radius:3px;-webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; margin-right:10px;} .submit:hover {background:#222860; color:#FFFFFF;-webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;} .career-heading{ color:#fff; padding:10px; font-size:15px;} .star {color: #CC0000!important; font-size:13px!important; } .select1 select { background: transparent;width:240px; font-size: 14px; line-height: 1; border: 0; border-radius: 0; border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor:pointer; padding:5px; margin-bottom:10px; padding-top:7px!important; margin-right:10px; margin-left:10px;} .select1 { overflow: hidden; background: url(../images/arrow-mark.png) no-repeat; background-position:95% center; border:1px solid #cbcbcb; width:240px; padding-right:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 14px;cursor:pointer; padding:5px; margin-bottom:10px;padding-top:7px!important; margin-right:10px; margin-left:10px;} .select2 select { background: transparent;width:120px; font-size: 14px; line-height: 1; border: 0; border-radius: 0; border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor:pointer; /*padding:5px;*/ margin-bottom:10px;padding-top:5px!important; margin-right:5px; margin-left:5px;} .select2 { overflow: hidden; background: url(../images/arrow-mark.png) no-repeat; background-position:95% center; border:1px solid #cbcbcb; width:120px; padding-right:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 14px;cursor:pointer; /*padding:10px;*/ margin-bottom:10px;padding-top:5px!important; margin-right:5px; margin-left:5px;} .col-bg h2 { font-size:25px; } .col-bg { padding-left:0px; padding-right:0px; } .col-bg p { font-size:14px; line-height:25px; } .home-content-bg p { font-size:14px; line-height:25px; } .home-content-bg li { font-size:14px; } .getin { top: 10px !important; } footer { padding-bottom:0px; } .footer p { font-size:14px; } .copyright { font-size:13px; } .products_content { width:255px !important; float:right; overflow:hidden; } .home-content-bg h3 { font-size:18px; } .products_content .home-content-bg h3 { font-size:18px; } header .navbar { margin-bottom:0px; border:0px; margin-top:25px; z-index:9999;} header .navbar-nav > li { padding-left:2px; padding-right:2px; } header .navbar-nav > li > a { color:#494949 !important; font-size:14px; font-weight:400; text-transform:uppercase; padding:5px 6px ; line-height:20px; border-bottom:1px transpatent solid !important; } header .navbar-nav li ul li a {font-size:14px;} } @media (min-width: 768px) and (max-width: 991px) { .first_image{margin-left: -50px; margin-right: 0px;} .banner_bg { height:auto; padding:0px 0px; } .banner_bg .fade_slider .slick-track li { height:auto !important; padding:40px 0px; } .banner_bg .fade_slider .slick-dots { bottom:10px; } .banner_bg .banner_txt { padding-top:0px; } .banner_bg h3 { font-size: 30px; } .banner_bg .bnr_text { font-size: 80px; line-height: 80px; } .banner_txt .read_more_link { padding:8px 15px; font-size:16px; } .side_bar{margin:10px 0px;} .carimg {padding:0;} .bg_reachus {width:100%; } .bg_reachus h3 {font-size:18px; color:#FFFFFF; font-weight:400; margin:20px 0 0 0;} } @media only screen and (max-width: 767px) { .logo img{width:75%;} header .navbar { position:absolute; z-index:99999; margin-top:0px!important; } .navbar-collapse{ background:#60bb46!important;} .nav.navbar-nav { background:#60bb46!important; margin-right:0px; margin-left:0px; } .navbar #bs-example-navbar-collapse-1 { padding-left:0px; padding-right:0px; } header .navbar-nav li ul { border-top:1px solid transparent !important; padding:12px 15px!important; } header .navbar-nav > li, header .navbar-nav > li > ul > li { border-bottom:1px solid rgba(255,255,255,0.4); } header .navbar-nav > li > ul > li:last-child { border:none; } header .navbar-nav > li:last-child { border-bottom:none; } header .navbar-nav > li { padding-left:0px; padding-right:0px; } .navbar-nav .open .dropdown-menu { background-color:#29196a;/*background-color:#ae1019;*/ display:block; overflow:visible!important; } .navbar-default .navbar-nav .open .dropdown-menu > li { border-bottom:1px solid #fff; display:block; overflow:visible!important; } .navbar-nav > li > .dropdown-menu { border-radius:0px; padding-top:0px; padding-bottom:0px; } .navbar-default .navbar-nav .open .dropdown-menu > li > a { color:#fff !important; display:block; overflow:visible!important; } header .navbar-nav > li.dropdown.open { border-bottom:0px; display:block; overflow:visible!important; } .dropdown_icon { background-image:url(../images/mob_dropdown_icon.png); background-repeat:no-repeat; float:right; margin-top:8px; margin-right:15px; background-position:left; width:14px; height:8px; margin-left:5px; display:inline-block; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { border-bottom:none; background-color:transparent!important; color:#fff !important; } header .navbar-nav > li > a { padding:10px 10px; color:#fff !important; border-bottom:0px; font-size:12px; } header .navbar-nav li ul li a { padding:10px 20px !important; color:#fff !important; border-bottom:0px; display:block; overflow:visible!important; } header .navbar-nav li:hover a { color:#fff !important; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color:#0b2247!important; display:block; overflow:visible; color:#fff !important; } header .navbar-nav > li > a:hover, header .navbar-nav > li > ul > li > a { color:#23382d !important; display:block; overflow:visible!important; background-color:#0b2247!important; color:#fff !important; } .navbar {/*float:none !important;*/ margin: auto !important; min-height: inherit; width: 100%; } header .navbar-nav > li.active a { background-color:#0b2247!important;} header .navbar-nav li a .caret { margin-top:7px; float:right; margin-left:0px; border-left: 7px solid rgba(0, 0, 0, 0); border-right: 7px solid rgba(0, 0, 0, 0); border-top: 8px dashed; } .ph-mail { margin:-10px; padding:0px 65px; font-size:12px; } .ph-mail a { font-size:12px; } .bg_reachus p {font-size:13px;} .price {float:none; margin:15px 0 0 0;} .wcome {background:none;} .logobg { margin:8px 0; height:auto; max-height:auto;} .socialmedia1 li { margin-top:30px; margin-left:2px; margin-right:2px; vertical-align:middle;} .socialmedia1 li a {background:#60bb46!important; margin:3px; padding-top:5px;} .facolor_phone { background-color:#121212; border-radius:300px;} .facolor_whatsapp { background-color:#009e0e; border-radius:300px;} .facolor_mail { background-color:#fc3832; border-radius:300px;} .head_top_bg .fa {color:#333!important; vertical-align:middle; font-size:14px; font-weight:700; margin-top:6px; } .first_image{margin-left: 0px; margin-right: 0px;} .banner_bg { height:auto; padding:40px 0px; overflow:hidden; } .banner_bg .fade_slider .slick-track li { height:auto !important; padding:0px; } .banner_bg .fade_slider .slick-dots { bottom:10px; } .banner_bg .slick-next { top:30%; } .banner_bg .slick-prev { top:30%; } .banner_bg .banner_txt { padding-top:0px; } .banner_bg h3 { font-size: 24px; height:55px; text-align:center; } .slider_img {margin:50px 0;} .banner_bg .bnr_text { font-size: 25px; line-height: 25px; } .banner_txt {padding:60px 0!important;} .banner_txt .read_more_link { padding:8px 13px; font-size:15px; background-color: #ed1c24; border-color: #ed1c24; } h1 { font-size:35px; } .slider_img_logo {position:absolute; top:170px; left:125px; z-index:100000;} .slider_img_logo img {max-width:75%;} .quick_lnks_bg {margin-top:50px;} .home_content_bg {height:2100px;} .qty_policy .img_left { width:100%; height:300px; } .qty_policy .content_right { width:100%; padding:40px 15px; padding-top:0px; } .qty_policy h3{ font-size:25px; margin-top:30px;} .whyus .img_left { width:100%; height:300px; } .whyus .content_right { width:100%; padding:40px 25px; padding-top:0px; } .whyus h3{ font-size:25px; margin-top:30px;} .team_sirius {padding: 35px 0px;} .team_sirius .uline {width:45%;} .team_cont img {margin-bottom:25px;} .team_cont li {font-size:15px; line-height:30px; padding-left:16px; background:url(../images/bullet1.png) no-repeat left 10px;} .infra {padding:45px 0;} .infra .uline{ width:50%;} .infra_cont {padding: 45px 0;} .infra_cont_inner {height:auto;} .infra_cont_inner h4 {font-size:16px;} .infra_cont_inner p {font-size:14px;} .qty_cont_inner {height:auto;} .cont_process img {border-radius:300px; max-width:40%!important;} .process p {font-size:18px;} .contact .bodr {border-bottom:1px #999999 dashed!important;} .home_products { width:95%; } .home_content_bg h1{font-size: 25px;} .home_products .slick-list { width:auto; margin-left:30px; } .home_products li.slick-slide img {display:block; } .home_products li .home_product_list { width:178px !important } .home_products li .product_img { width:275px !important; height:auto; } .home_products .slick-next { right:-20px; top:30%; background-size: auto; } .home_products .slick-prev { left:-10px; top:30%; background-size:28px auto; } .home_products li .home_product_list h5 { font-size:14px; padding:10px 3px; } .home_products li h5 {margin-top:10px!important;} .carimg {padding:0;} .flowchart .uline {width:25%;} .flowchart h3 {font-size:18px; line-height:24px;} .flowchart p {font-size:14px; line-height:22px;} .bg_reachus {width:100%; padding:30px 15px; } .bg_reachus h3 {font-size:26px; } .contact_hgt {height:auto;} .mob_ico {width:20%;} .mob_ico_cont {width:80%;} .call {padding:20px 15px;} .address {padding:20px 15px;} .capabilities {height:100%; background-size:cover;} .bg-capabilities {right:0%!important; left:0%; } .card img {max-width:40%; width:40%;} .card h3 {font-size: 45px;} .card p {font-size: 13px;line-height: 15px; margin:auto;} .infra_facilities p {width:100%;} .quality_system {width:100%; background-size:cover; height:400px; } .bg-quality_system {padding:30px 25px; right:2%; left:2%; top:10%;} .bg-quality_system h3 { font-size:34px; line-height: 32px; letter-spacing:0; margin-bottom: 15px;} .bg-quality_system .uline{ width:10%; height:1px; background:#fff; margin:10px 0; margin-bottom:15px;} .bg-quality_system p { font-size:15px; line-height:26px;} .time_commitment {width:100%; background-size:cover; height:350px; } .bg-time_commitment {padding:30px 25px; right:2%; left:2%; top:10%;} .bg-time_commitment h3 { font-size:34px; line-height: 32px; letter-spacing:0; margin-bottom: 15px;} .bg-time_commitment .uline{ width:10%; height:1px; background:#fff; margin:10px 0; margin-bottom:15px;} .bg-time_commitment p { font-size:15px; line-height:26px;} .work_flow {width:100%; background-size:cover; height:330px; } .bg-work_flow {padding:30px 25px; right:2%; left:2%; top:10%;} .bg-work_flow h3 { font-size:34px; line-height: 32px; letter-spacing:0; margin-bottom: 15px;} .bg-work_flow .uline{ width:10%; height:1px; background:#fff; margin:10px 0; margin-bottom:15px;} .bg-work_flow p { font-size:15px; line-height:26px;} .statement {padding:50px 15px;} .faq {padding:50px 15px;} .faq h5 {margin:20px 0 0 0; font-size:18px;} .copyright p span {float:left;} .address1 {margin-left:0;} .bg_reachus h3 {font-size:18px;} } @media only screen and (max-width: 480px) { .top-bg {padding:5px 0;} .logo img{margin:5px 0;} .facolor {color:#fff;} .mob_menu_btn { background-image: url(../images/mobile_menu_icon.png) !important; background-repeat: no-repeat; background-position: center; width: 21px; height: 21px; border: none; margin-right: 0px; } .bg_white {padding:0px;} .banner_bg {height:auto!important;} .banner_bg .fade_slider .slick-next { display:none !important; } .banner_bg .fade_slider .slick-prev { display:none !important;} .banner_bg .bnr_text { font-size: 22px; line-height: 30px; } .banner_txt .read_more_link { padding:7px 10px; font-size:14px;} h1 { font-size:28px; } .inner-banner-about { height:auto!important;} .inner-banner-about h1 {font-size:18px !important;} .home_content_bg {padding:25px 0px; height:1300px!important;} .inner-content-bg {padding:35px 0px;} .inner-content-bg p {font-size:15px; line-height:25px;} .bg_grey {padding:0 15px;} .quick_lnks {top:0;} .quick_lnks_bg {margin-bottom:10px;} .quick_lnks_cont {padding:12px 0;} .steps {padding:35px 0 0 0;} .steps h1 {font-size:28px;} .steps h2 {font-size:18px!important; line-height:24px;} .steps .uline {width:25%; background:#FFCC00;} .steps img {margin-bottom:5px;} .steps p {line-height:24px; margin-bottom:32px;} .steps_cont {padding:35px 0;} .counter {padding:45px 0;} .counter h3 {font-size:35px;} .counter p {font-weight:400; margin-bottom:20px;} .wcome_cont {padding:0;} .wcome p {font-size:15px;} .wcome h1 {font-size:24px; line-height:28px; letter-spacing:0;} .wcome h2 {font-size:16px; line-height:20px; letter-spacing:0;} .home_content_bg {padding:35px 15px;} .home_content_bg h1 {font-size:20px;} .ph-mail {text-align:center !important; width:100%; padding:0px 5px; margin:0px; display:inline-block;} .wcome h3 {font-size:26px!important;} .wcome_cont {padding:25px 10px!important;} .footer {padding:25px 0px !important;} .footer .uline {width:15%; margin:5px 0 25px 0} .footer li { line-height:26px;} .footer img {margin-bottom:15px; max-width:70%;} .footer h5 {margin-top:20px;} .footer a{text-align:center !important; font-size:12px; } .ftr_right{text-align:left !important; } a.ftr{text-align:left !important; } .cont-icon-inner {padding:20px 0px !important;} .cont-icon-inner h1 {font-size:18px; font-weight:600;} .cont-icon-inner .uline {margin-bottom:15px;} .cont-icon-inner p {font-size:14px; line-height:22px; margin:10px 0 !important; width:100%; } .cont-icon-inner h2 {font-size:16px; line-height:18px; font-weight:600;} .caret {color:#fff !important} .iconic img {margin:25px 0;} .txtbox {width:100%;} .txtarea {width:100%;} .navbar-toggle {margin:-16px 0 0 0;} .careers_form { width:100%;} .carimg {padding:0 0 20px 0;} .logo_slider img {width:100% !important} .bg_reachus {width:100%; padding:65px 0px; } .enqry_form { background: #FFFFFF; padding: 25px 25px; margin:35px 0 0 0;} .enqry_form h3 {color:#5a5037; font-size:25px; line-height:35px;} .enqry_form p { font-size:13px;} } @media (min-width: 768px) and (max-width: 991px) { h1 { font-size:30px; } h2 { font-size:26px; } h3 { font-size:24px; } h4 { font-size:22px; } h5 { font-size:20px; } h6 { font-size:16px; } .logo img { max-width:140px; } .menu_right { } header .navbar { margin-top:10px; } header .navbar-nav { float:right; margin-top:10px; } header .navbar-nav > li { padding-left:5px!important; padding-right:5px!important; } header .navbar-nav > li > a { font-size:12px!important; padding-right:0px; padding-left:2px; } .col-bg1 h2{ font-size:20px;} .col-bg1 p{font-size:14px; line-height:18px;} .col-bg2 h2{ font-size:20px;} .col-bg2 p{font-size:14px; line-height:18px;} .col-bg3 h2{ font-size:20px;} .col-bg3 p{font-size:14px; line-height:18px;} /*.header_top #bs-example-navbar-collapse-1 { padding-left:0px; padding-right:0px; } .header_top .navbar-nav > li { padding-left:5px; padding-right:5px; } .header_top .navbar-nav > li > a { font-size:11px; } .header_section .navbar-nav > li { padding-right:8px!important;} .header_section .navbar-nav > li > a { font-size:11px;padding-right:3px!important; } .header_section #bs-example-navbar-collapse-2 { padding-left:0px; padding-right:0px; } */.logo { width:100%; margin-top:10px; } .menu{ float:right!important;} /*.header_main_menu { padding-top:0px; } navbar .collapse.navbar-collapse { padding-left:0px; padding-right:0px; }*/ .banner_bg { padding-top:0px; } .banner_bg ul.fade_slider .slick-list li { /*height:270px*/ } .banner_bg .fade_slider li { background-size:cover; } .banner_bg { width:100%; height:auto; } .banner_content p {font-size:15px; line-height:22px; width:100%;} .banner_content .btn {font-size:15px; padding:5px 10px;} .home_content_bg { background:url(../images/bg-machineries-scroll.jpg) no-repeat; background:cover; padding:45px 0px; width:100%;} .home_content_bg h1 { font-size:26px; color:#212121; font-weight:600; text-align:center; text-transform:none; } .home_content_bg .uline {width:15%; background: #FFCC66; height:1px; margin:10px auto;} .home_products { width:650px !important; margin:auto; } .home_products li { text-align:center; width:200px !important; display:block; } .home_products li .industrial_list { text-align:center; } .home_products li.slick-slide img { display:inherit; width:100% !important } .home_products li .product_img { height:auto;} .home_products .slick-prev { background-image:url(../images/home_slider_left_arw.png); background-position:top; background-repeat:no-repeat; border:none; background-color:transparent; width:28px; height:55px; position: absolute; left: -40px; top: 25%; } .home_products .slick-next { background-image:url(../images/home_slider_right_arw.png); background-position:top; background-repeat:no-repeat; border:none; background-color:transparent; width:28px; height:55px; position: absolute; right: -20px; top: 25%; } .home_products .slick-prev:hover, .home_products .slick-next:hover { background-position:bottom; } .home_products .slick-list { transform: translate3d(0px, 0px, 0px); margin: auto; } .home_products li .industrial_list:hover { text-decoration:none; } .home_products li .industrial_list:hover .product_img { border:none; } .inner-content-bg h1{ font-size:28px;} .col-bg img { max-width:45px; } .col-bg h2 { margin-top:10px; margin-bottom:15px; font-size: 23px; } .cont-icon .col-lg-4.col-md-4.col-sm-12 { margin-bottom:40px; } .col-bg p { font-size: 14px; line-height: 25px; } .welcome-more { display: inline-block; } .home-content-bg p { font-size: 14px; } .home-content-bg li { font-size: 14px; } .why_content { margin-bottom:25px; } .products_content { padding-top:20px; } .featured_product_bg { padding-top:15px; padding-bottom:15px; } footer { padding-bottom:0px; } .footer p { font-size:14px; } .copyright { font-size:13px; } } /* Landscape */ @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { } @media only screen and (max-width: 767px) { h1 { font-size:25px; } h2 { font-size:24px; } h3 { font-size:22px; } h4 { font-size:20px; } h5 { font-size:18px; } h6 { font-size:16px; } .mob_menu_btn { display:inline-block; background-image: url(../images/mobile_menu_icon.png) !important; background-repeat: no-repeat; background-position: center; width: 26px; height: 20px; border: none; margin-right: 20px; border-radius: 0px!important;} .mob_menu_btn span { display:none !important; } .socialmedia {margin-top:-70px; margin-right:34px;} header .navbar { position:absolute; z-index:99999; } .navbar-collapse{ background-color:rgba(46,46,46,0.9);} .nav.navbar-nav { background-color:rgba(46,46,46,0.9);/*background-color:#000;*/ margin-top:1px; margin-right:0px; margin-left:0px; } .navbar #bs-example-navbar-collapse-1 { padding-left:0px; padding-right:0px; } header .navbar-nav li ul { border-top:1px solid #fff !important; } header .navbar-nav > li, header .navbar-nav > li > ul > li { border-bottom:1px solid #fff; } header .navbar-nav > li > ul > li:last-child { border:none; } header .navbar-nav > li:last-child { border-bottom:none; } header .navbar-nav > li { padding-left:0px; padding-right:0px; } .navbar-nav .open .dropdown-menu { background-color:#3b4654; display:block; overflow:visible!important; } .navbar-default .navbar-nav .open .dropdown-menu > li { border-bottom:1px solid #fff; display:block; overflow:visible!important; } .navbar-nav > li > .dropdown-menu { border-radius:0px; padding-top:0px; padding-bottom:0px; } .navbar-default .navbar-nav .open .dropdown-menu > li > a { color:#fff !important; font-weight:400!important; display:block; overflow:visible!important; border-bottom:1px solid rgba(255,255,255,0.5)!important; } header .navbar-nav > li.dropdown.open { border-bottom:0px; display:block; overflow:visible!important; } .dropdown_icon { background-image:url(../images/mob_dropdown_icon.png); background-repeat:no-repeat; float:right; margin-top:8px; margin-right:15px; background-position:left; width:14px; height:8px; margin-left:5px; display:inline-block; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { border-bottom:none; background-color:#0278c3; color:#fff !important; } header .navbar-nav > li > a { padding:10px 10px; color:#fff !important; border-bottom:0px; font-size:12px; } header .navbar-nav li ul li a { padding:10px 20px !important; color:#fff !important; border-bottom:0px; display:block; overflow:visible!important; } header .navbar-nav li:hover a { color:#fff !important; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color:#8e8934; display:block; overflow:visible; color:#fff !important; } header .navbar-nav > li > a:hover, header .navbar-nav > li > ul > li > a { color:#23382d !important; display:block; overflow:visible!important; background-color:#8e8934; color:#fff !important; } .navbar {/*float:none !important;*/ margin: auto !important; min-height: inherit; width: 100%; } header .navbar-nav > li.active a { background-color:#0b2247!important; } header .navbar-nav li a .caret { margin-top:7px; float:right; margin-left:0px; border-left: 7px solid rgba(0, 0, 0, 0); border-right: 7px solid rgba(0, 0, 0, 0); border-top: 8px dashed; } a.brochure{ float: none; margin: 5px ;} a.brochure1{ float: none; margin: 5px ;} .ph-mail{margin: 15px 15px 15px;} .right_mob { /*float:right;*/ width:100%; } .mob_menu_btns { margin-top:-30px !important; } .banner_bg { height:160px; padding-top:0px; } .banner_content p {width:60%; line-height:24px;} .banner_content span {font-size:20px;} .banner_content .btn {padding:5px 10px;} .banner_bg .bnr_text {font-size:15px; text-align:center; line-height:20px; font-weight:400;} inner-banner-about {height:140px;} inner-banner-about h1 {font-size:18px; line-height:22px; margin-top:5%; width:100%;} #slider, #slider div.sliderInner { height:160px; } #sliderFrame { width:100%; } #slider, #slider div.sliderInner { width:100%; } #slider { background-position: center top !important; background-size: 100% !important; } .mc-caption-bg, .mc-caption { display:none!important; } #slider div.mc-caption{ display:none!important; } .col-bg img { max-width:45px; } .col-bg h2 { margin-top:10px; margin-bottom:15px; font-size: 23px; } .cont-icon .col-lg-4.col-md-4.col-sm-12 { margin-bottom:40px; } .col-bg p { font-size: 14px; line-height: 25px; } .home-content-bg p { font-size: 14px; } .home-content-bg li { font-size: 14px; } .why_content { margin-bottom:25px; } .products_content { padding-top:20px; } .featured_product_bg { padding-top:15px; padding-bottom:15px; } .right_mob { float:right; width:100%; } .banner_bg { padding:0px 0px; overflow:hidden; position:relative; margin-top:0px;} .banner_bg ul.fade_slider .slick-list li { } .banner_bg .fade_slider li { background-size:cover; background-repeat:no-repeat; background-position:center center;} .product_category_mob { background-color:#ee1c25; color:#fff; font-size:16px; width:100%; margin-left:0px; margin-right:0px; text-align:left; } .product_category_mob span.add_class { font-size:35px; float:right; } .product_categories { display:none; } .product_categories li a { font-size:14px; } .logo_mob_left { text-align:center; } .our_services h5 {margin-bottom:0px; font-size:26px;} .logo_slider{margin-top: 20px;} .logo_slider img{padding: 0px 25px; margin:0 auto;} .logo_slider .slick-arrow{position: absolute;top: 45%;} .logo_slider .slick-prev{ background: url(../images/logoleft_arrow.png) no-repeat; width: 10px; height: 42px; border: 0px; position: absolute; left: 0px; } .logo_slider .slick-next{ background: url(../images/logoright_arrow.png) no-repeat; width: 10px; height: 42px; border: 0px; position: absolute; right: 0px; } .whyus li {font-size:15px; line-height:26px;} .featured_product_bg { background-size:inherit; } .featured_product_bg h3 { font-size:25px; } .featured_product_bg .industrial_solutions li { padding:10px; margin-left:15px; margin-right:15px; margin-bottom:15px; } .featured_product_bg .industrial_solutions li { width: 250px !important; height:auto; min-height:265px; max-height:265px; } .featured_product_bg .industrial_solutions li .img_bg { max-width:100%; } .featured_product_bg .industrial_solutions li h5 { font-size:14px; line-height:18px; } .home-content-bg { padding-bottom:30px; } .footer { text-align:left; padding:40px 35px;} .footer h5 {margin:20px 0 0 0;} .txtbox { color:#fff !important; } .txtarea { color:#fff !important; } .btn-sub { margin-top:10px; } .wcome_say { margin-top:20px; } .contact_address { margin-top:20px; } .footer p { font-size:14px; } a.mail, .phone, .mobile { font-size:14px; } .copyright { text-align:left; font-size: 13px; padding:25px 0; } .copyright p {font-size:13px; margin:4px 0;} .copyright .col-lg-3.col-md-3.col-sm-3.col-xs-12 { float:none; display:inline-block; } .all_rights { display:block; } .address_cont {margin:0;} .address_cont p {font-size:14px; line-height:20px; margin:10px 0 0 0;} .socialmedia {margin-top:-65px; margin-right:37px;} .home-left-content-bg { width:100%; margin-top:30px!important; margin-left:10px;} .inner-content-bg h1{ font-size:24px;} .inner-content-bg .uline {width:18%;} .inner-content-bg p{ font-size:15px;} .inner-content-bg .list li{ font-size:13px;} .inner-content-bg h3{ font-size:20px;} .inner-content-bg h4{ font-size:16px;} .banner_bg { width:100%; height:auto; } #slider, #slider div.sliderInner { height:160px; } #sliderFrame { width:100%; } #slider, #slider div.sliderInner { width:100%; } #slider { background-position: center top !important; background-size: 100% !important; } .mc-caption-bg, .mc-caption { display:none!important; } #slider div.mc-caption{ display:none!important; } .col1-bg{ background:url(../images/col1-bg.jpg) repeat; width:100%; float:left; border-top:12px solid #3a6b17; height:150px;} .col1-bg-icon{ margin-top:16px;} .col1-bg img{ margin-top:5px; margin-bottom:5px;} .col1-bg h2{ color:#e2be2a; text-align:center; font-size:18px;} .col1-bg p{ color:#e2be2a; text-align:center; font-size:13px; padding:5px 15px;} .col2-bg{ background:url(../images/col2-bg.jpg) repeat; width:100%; float:left; border-top:12px solid #689622; height:150px;} .col2-bg img{ margin-top:5px; margin-bottom:5px;} .col2-bg h2{ color:#e2be2a; text-align:center; font-size:18px;} .col2-bg p{ color:#e2be2a; text-align:center; font-size:13px; padding:5px;} .col3-bg{ background:url(../images/col3-bg.jpg) repeat; width:100%; float:left; border-top:12px solid #4e7c00; height:150px;} .col3-bg img{ margin-top:5px; margin-bottom:5px;} .col3-bg h2{ color:#e2be2a; text-align:center; font-size:18px;} .col3-bg p{ color:#e2be2a; text-align:center; font-size:13px; padding:5px;} .inner-content-right{ margin-top:20px;} .inner-content-right img{ margin-bottom:15px;} .contact_us_form .contact_us_text{ color:#fff; font-size:13px; height:0px;} .contact_us_form .textbox{ font-size:13px; height:40px; } .contact_us_form .textarea{ font-size:13px; width:300px; height:50px; } } @media only screen and (max-width: 480px) { .menu li{ font-size:11px;} .mob_menu_top { padding-left:0px; padding-right:0px; } .logo_mob_left { padding-left:0px; padding-right:0px; } .header_section .navbar { top:15px; } .banner_bg { background:#000000; } .banner_bg ul.fade_slider .slick-list li { } .home-left-content-bg { width:100%; margin-top:30px!important; margin-left:10px;} .wcome .img_left { width:100%; height:200px; margin-bottom:30px; } .iconic img {max-width:50% !important;} .whyus li {font-size:15px; line-height:26px;} .abt-cont {padding:0px;} .abt-cont p {font-size:16px; width:100%;} .abt-cont h2 {font-size:18px !important; line-height:32px;} .qty-cont h3 {font-size:24px !important; font-weight:400; line-height:32px;} .qty-cont p {font-size:16px; width:100%; line-height:26px;} .solutions {padding:0px;} .wcome {padding:45px 0px;} .wcome h3{font-size:32px !important; line-height:32px;} .wcome .uline {width:35%;} .logo_slider {width:287px; margin:0 auto;} .logo_slider img {width:190px !important; display:block; margin:0 auto; border:1px #CCCCCC solid;} .ph-mail {margin:-10px; padding:0px 65px; font-size:12px;} .ph-mail a {font-size:12px;} .socialmedia {margin-top:0px; margin-right:-5px;} .our_services {padding:65px 0px;} .our_services h3 {font-size:26px;} .our_services .uline {width:25%;} .btn-sub {padding:5px 20px; font-size:14px;} } @media (max-width: 767px) { .megamenu{ margin-left: 0 ; margin-right: 0 ; } .megamenu> li:last-child { margin-bottom: 0; } .megamenu.dropdown-header { padding: 3px 15px !important; } .navbar-nav .open .dropdown-menu .dropdown-header{ color:#fff; background-color:rgba(34,40,96,0.9); } header .navbar-nav li.megamenu_head ul.dropdown-menu { padding-top:0px; padding-bottom:10px; } header .navbar-nav li.megamenu_head ul li { padding-left:0px; padding-right:0px; } .nav > li.megamenu_head ul li a { color:#fff !important; background-color:rgba(34,40,96,0.9); } header .navbar-nav li.megamenu_head ul li.divider { display:none; } header .navbar-nav li.megamenu_head ul.dropdown-menu { background-color:rgba(34,40,96,0.9); } .nav > li.megamenu_head ul { border-top:none !important; } .nav > li.megamenu_head ul li.dropdown-header { padding-left:20px !important; margin-top:0px; padding-top:10px !important; padding-bottom:10px !important; } header .navbar-nav li.megamenu_head ul li a { padding:3px 20px !important; } .wcome .img_left { width:100%; height:300px; margin-bottom:30px; } } /*table hover 15-12-16*/ .rg-image { position:relative; text-align:center; line-height:0px; } .rg-image img { max-height:100%; max-width:100%; } .rg-caption { position: absolute; bottom:0px; width: 100%; padding: 15px 0px; color: #fff; background-color:rgba(0, 0, 0, 0.7); } .rg-caption p { font-size:14px; line-height:16px; padding:0 15px; margin:0px; } .rg-view { display:none; } .rg-view a { display:block; float:right; width:16px; height:16px; margin-right:3px; background:#464646 url(../images/views.png) no-repeat top left; border:3px solid #464646; opacity:0.8; } .rg-view a:hover { opacity:1.0; } .rg-view a.rg-view-full { background-position:0px 0px; } .rg-view a.rg-view-selected { background-color:#6f6f6f; border-color:#6f6f6f; } .rg-view a.rg-view-thumbs { background-position:0px -16px; } .rg-loading { width:46px; height:46px; position:absolute; top:50%; left:50%; background:#000 url(../images/ajax-loader.gif) no-repeat center center; margin:-23px 0px 0px -23px; z-index:100; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; opacity:0.7; } /********************/ .rg-gallery { background-color:#705b60; padding-top:20px; } .rg-image-wrapper { max-width:600px; margin:auto; } .rg-thumbs { } .rg-image-wrapper { position:relative; } .es-carousel ul { margin: 0px; padding: 0px; } .rg-image-nav a { position:absolute; top:0px; left:0px; width:28px; height:100%; text-indent:-9000px; cursor:pointer; opacity:0.3; outline:none; -moz-border-radius: 10px 0px 0px 10px; -webkit-border-radius: 10px 0px 0px 10px; border-radius: 10px 0px 0px 10px; } .rg-image-nav a.rg-image-nav-next { right:0px; left:auto; background-position:115% 50%; -moz-border-radius: 0px 10px 10px 0px; -webkit-border-radius: 0px 10px 10px 0px; border-radius: 0px 10px 10px 0px; } .rg-image-nav a:hover { opacity:0.8; } .text{ border:1px solid #c3c1c1; border-radius:3px; padding:10px; width:280px; line-height:20px; margin-bottom:10px; font-size: 14px;color:#333333;} .text2{ border:1px solid #c3c1c1; border-radius:3px; padding:10px; width:180px; line-height:20px; margin-bottom:10px; font-size: 14px;color:#333333;} .textarea{ border:1px solid #c3c1c1; border-radius:3px; padding:10px; width:280px; height:100px; line-height:20px; font-size:14px; margin-bottom:10px;font-size: 14px;color:#333333;} .submit{ background:#ff861c; width:80px; height:35px; float:left; border:0px; cursor:pointer; color:#FFF; border-radius:3px;-webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; } .submit:hover {background:#222860; color:#FFFFFF;-webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;} .career-heading{ color:#fff; padding:10px; font-size:15px;} .star {color: #CC0000!important; font-size:13px!important; } .select1 select { background: transparent;width:280px; font-size: 14px; line-height: 1; border: 0; border-radius: 0; border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor:pointer; padding:5px; margin-bottom:10px; padding-top:7px!important;} .select1 { overflow: hidden; background: url(../images/arrow-mark.png) no-repeat; background-position:95% center; border:1px solid #cbcbcb; width:280px; padding-right:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 14px;cursor:pointer; padding:5px; margin-bottom:10px;padding-top:7px!important;} .select2 select { background: transparent;width:180px; font-size: 14px; line-height: 1; border: 0; border-radius: 0; border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor:pointer; margin-bottom:10px;padding-top:5px!important;} .select2 { overflow: hidden; background: url(../images/arrow-mark.png) no-repeat; background-position:95% center; border:1px solid #cbcbcb; width:180px; padding-right:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 14px;cursor:pointer; /*padding:10px;*/ margin-bottom:10px;padding-top:5px!important;} .bg-cont {padding:30px 0px;} .read-more{background-color:#26166a; color:#FFF; font-size:16px; padding:12px 30px; text-transform:uppercase; display:inline-block; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; margin-bottom:10px; margin:10px 0px;} .read-more:hover { text-decoration:none; background-color:#f55415; color:#fff; } } /*Contact-us form*/ .contact_us_form {width:100%; background:#FFFFFF; margin:25px 0px;} .contact_us_form .contact_us_text{ color:#333; font-size:16px;} .contact_us_form .contact_us_text span{ color:#f30b21; font-size:12px; } .contact_us_form .textbox{ border:1px solid #dedede; background:transparent; color:#fff; font-size:14px; width:100%; height:40px; border-radius:3px; margin-bottom:10px; padding:5px;} .contact_us_form .textarea{ border:1px solid #dedede; background:transparent; color:#fff; font-size:14px; width:100%; height:120px; border-radius:3px; margin-bottom:10px; padding:5px;} .contact_us_form .submit_btn{background-color:#333; color:#fff; font-size:16px; padding:10px 30px; text-transform:uppercase; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; border:none; } .contact_us_form .submit_btn:hover { text-decoration:none; background-color:#f55415; color:#fff; } .touch { position:relative;} .getin {position:absolute; top:-20px; left:50px;} .videos {margin:25px 0px;} .testimonials {width:100%; height:auto; padding:0px 25px 0px 0px; margin-bottom:15px;} .testimonials p {font-size:16px; color:#b7b7b7; font-weight:normal; line-height:30px; text-align:left; margin:20px 0px;} .testimonials .fade_slider li:hover, .banner_bg .fade_slider li:focus { outline:none; } .testimonials .slick-dots {margin: auto; position: absolute; text-align: left; width: 100%;} .testimonials .slick-dots li { display:inline-block; padding-left:5px; padding-right:5px; } .testimonials .slick-dots li .sliders_dots { width:13px; height:13px; background-color:#4d4c4c; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border:none;display:block; } .testimonials .slick-dots li.slick-active .sliders_dots { background-color:#0491d5;display:block;} .testimonials .slick-prev { background-image: url(../images/previous-arrow-mark.png); background-position:bottom; background-repeat:no-repeat; border:none; background-color:transparent; width:30px; height:30px; position: absolute!important; left: 20px; top: 45%; z-index:9999; display:none!important; } .testimonials .slick-next { background-image: url(../images/next-arrow-mark.png); background-position:bottom; background-repeat:no-repeat; border:none; background-color:transparent; width:30px; height:30px; position: absolute!important; right: 20px; top: 45%; display:none!important;} .plan {margin:15px 0px;} .wcome img {margin:15px 0;} .prod {margin:15px 0px;} .modal-title h4 {font-size:18px; color:#212121 !important; line-height:26px;} .modal-title h4 spam {color:#FFCC00 !important;} .login {background: url(../images/bg-login.jpg) no-repeat; background-size:cover; width:100%; padding:25px 0px;} .login h2 { font-size:35px; text-align:center; color:#FFFFFF; font-weight:600;} .login-btn {background-color:#fff; color:#000; font-size:15px; text-transform:uppercase; padding:12px 40px; text-transform:uppercase; display:inline-block; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; margin-bottom:10px; } .login-btn:hover { text-decoration:none; background-color:#000; color:#fff; } .joining {background:#322e45; padding:10px;} .joining h3 { font-size:25px; text-align:center; color:#FFFFFF; font-weight:600;} .joining h3 span {color:#FFCC00;} /* I Phone Landscape */ /* Portrait */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { .logo img{width:100%!important;} .head_top_bg a {font-size:12px;} .mobi_txt {float:none;} header .navbar {margin-top:5px!important;} header .navbar-nav > li > a { font-size:12px; font-weight:400;} .banner_bg .fade_slider li.slide1 {height:auto;} .banner_bg .fade_slider li.slide2 {height:auto;} .banner_bg .fade_slider li.slide3 {height:auto;} .banner_bg .fade_slider li.slide4 {height:auto;} .banner_bg .fade_slider li.slide5 {height:auto;} .banner_txt {padding:90px 0;} .inner-banner-about {height:auto; padding:25px 0;} .inner-banner-about h1 { font-size:18px;} .banner_bg {} .banner_bg h3 {font-size:26px;} .banner_bg .bnr_text {font-size:18px; line-height:20px; width:90%;} .banner_txt {padding-top: 30px!important;} .inner-content-bg {padding:35px 10px;} .team_cont img {margin-bottom:35px!important;} .infra_cont_inner {height:auto;} .bg_reachus h3 {font-size:24px; margin-bottom:25px;} .qty_cont_inner {height:auto;} .home_content_bg {height:700px;} .quick_lnks_bg {margin-bottom:10px;} .capabilities {height:100%; background-size:cover;} .bg-capabilities {right:0%!important; left:5%; width:90%;} .card img {max-width:40%; width:40%;} .card h3 {font-size: 45px!important;} .card p {font-size: 13px; line-height:8px; width:90%!important; margin:auto;} .steps {padding:35px 0 0 0;} .steps h1 {font-size:28px;} .steps h2 {font-size:18px!important; line-height:24px;} .steps .uline {width:25%; background:#FFCC00;} .steps img {margin-bottom:5px;} .steps p {line-height:24px; margin-bottom:32px;} .steps_cont {padding:35px 0;} .wcome_cont {padding:20px 0!important;} .wcome {padding:35px 0;} .wcome h1 {font-size:28px; letter-spacing:0;} .wcome h2 {font-size:18px; line-height:24px; letter-spacing:0;} .logobg {height: auto; min-height:0;} .how_to {padding:15px 0!important;} .how_to h3 {font-size:22px!important;} .how_to p {font-size:15px; line-height:22px;} .offers {padding:45px 0;} .offers h3 {font-size:28px; letter-spacing:0;} .offers h4 {font-size:16px; line-height:20px; letter-spacing:0; width:90%; margin:auto;} .offer_cont {padding:45px 0 0 0;} .offer_cont p {margin-bottom:30px;} .our_services {padding:45px 10px;} .home_products { margin:75px auto; margin-bottom:0; } .home_products li { text-align:center; padding:0 2px;} .home_products li { width:217px!important; text-align:center; display:block; margin-top:15px!important; } .home_products li h5 {padding:10px 0px!important; color:#3b3e47!important; font-size:16px!important; text-align:center; font-weight:500!important; text-transform:none; } .home_products li p {font-size:12px; color:#999999; line-height:18px; text-align:center; width:90%; margin:auto;} .home_products li.slick-slide img { display:inherit; } .home_products li .product_img {height:146px; margin-bottom:10px; text-align:center; width:100%; /*padding-left:5px; padding-right:5px;*/ } .slide_outer img{display: inline-block;} .home_products .slick-arrow { position: absolute; border: 0px; box-shadow: none; top: -40px; background-color: transparent; } .home_products .slick-prev { background-image: url(../images/featured_product_left.png); background-repeat: no-repeat; width: 29px; height: 25px; position: absolute; right: 40px; } .home_products .slick-next { background-image:url(../images/featured_product_right.png); background-repeat: no-repeat; width: 29px; height: 25px; position: absolute; left: 0px; } .home_products .slick-list { transform: translate3d(0px, 0px, 0px); margin: auto; } .home_products li .industrial_list:hover { text-decoration:none; } .home_products li .industrial_list:hover h5 { text-decoration:none; color:#00a0e3; } .home_products li .industrial_list:hover .product_img { border:none; } .orange-bg-contain {font-size:13px; font-weight:normal; line-height:18px; width:100%; height:50px; padding:5px 10px;} .price {float:none; margin:15px 0 0 0;} .contact_us_form .submit_btn {font-size:14px; padding:8px 15px;} .bg_reachus {padding:35px 0;} .address1 {margin-left:0;} .location {margin:40px 0 0 0;} .copyright p span {float:none;} } /* Landscape */ @media only screen and (min-device-width: 1024px) and (max-device-width: 768px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { .logo img{width:50%!important;} header .navbar {margin-top:25px!important;} header .navbar-nav > li > a { font-size:15px; font-weight:400;} .banner_txt {padding:0;} .inner-banner-about {height:175px;} .inner-banner-about h1 {margin-top:45px;} .banner_bg {} .banner_bg h3 {font-size:18px;} .banner_bg .bnr_text {font-size:32px; line-height:45px;} .banner_txt {padding-top: 50px!important;} .inner-content-bg {padding:35px 10px;} .team_cont img {margin-bottom:35px!important;} .infra_cont_inner {height:auto;} .bg_reachus h3 {font-size:24px; color:#000000; margin-bottom:25px;} .qty_cont_inner {height:auto;} .home_content_bg {height:270px;} .quick_lnks_bg {margin-bottom:10px;} .quick_lnks_cont {padding:15px 10px;} .capabilities {height:100%; background-size:cover;} .bg-capabilities {right:0%!important; left:0%;} .card img {max-width:40%; width:40%;} .card h3 {font-size: 25px;} .card p {font-size: 13px; line-height:8px; width:90%!important; margin:auto;} .steps {padding:35px 0 0 0;} .steps h1 {font-size:28px;} .steps h2 {font-size:18px!important; line-height:24px;} .steps .uline {width:25%; background:#FFCC00;} .steps img {margin-bottom:5px;} .steps p {line-height:24px; margin-bottom:32px;} .steps_cont {padding:35px 0;} .wcome_cont {padding:0;} .wcome h1 {font-size:26px!important; letter-spacing:0;} .wcome h2 {font-size:16px; line-height:20px; letter-spacing:0;} .how_to {padding:15px 0!important;} .how_to h3 {font-size:18px!important;} .offers {padding:45px 0;} .offers h3 {font-size:28px; letter-spacing:0;} .offers h4 {font-size:16px; line-height:20px; letter-spacing:0; width:90%; margin:auto;} .offer_cont {padding:45px 0 0 0;} .offer_cont p {margin-bottom:30px;} .our_services {padding:45px 10px;} .home_products { margin:75px auto; margin-bottom:0; } .home_products li { text-align:center; padding:0 2px;} .home_products li { width:217px!important; text-align:center; display:block; margin-top:15px!important; } .home_products li h5 {padding:10px 0px!important; color:#3b3e47!important; font-size:16px!important; text-align:center; font-weight:500!important; text-transform:none; } .home_products li p {font-size:12px; color:#999999; line-height:18px; text-align:center; width:90%; margin:auto;} .home_products li.slick-slide img { display:inherit; } .home_products li .product_img {height:146px; margin-bottom:10px; text-align:center; width:100%; /*padding-left:5px; padding-right:5px;*/ } .slide_outer img{display: inline-block;} .home_products .slick-arrow { position: absolute; border: 0px; box-shadow: none; top: -40px; background-color: transparent; } .home_products .slick-prev { background-image: url(../images/featured_product_left.png); background-repeat: no-repeat; width: 29px; height: 25px; position: absolute; right: 40px; } .home_products .slick-next { background-image:url(../images/featured_product_right.png); background-repeat: no-repeat; width: 29px; height: 25px; position: absolute; left: 0px; } .home_products .slick-list { transform: translate3d(0px, 0px, 0px); margin: auto; } .home_products li .industrial_list:hover { text-decoration:none; } .home_products li .industrial_list:hover h5 { text-decoration:none; color:#00a0e3; } .home_products li .industrial_list:hover .product_img { border:none; } .orange-bg-contain {font-size:13px!important; font-weight:normal; line-height:18px!important; width:100%!important; height:50px!important; padding:5px 10px;} .statement h4{ color:#fff; font-weight:500; font-size:28px; text-transform:uppercase; line-height:30px!important; text-align:center; letter-spacing:-1px;} .statement .yline {width:20%; background:#FFCC00; height:1px; margin:5px auto;} .statement p{ font-weight:300; color:#fff; font-size:15px; line-height:30px!important; margin:12px 0; text-align:center; width:90%; margin:auto;} .statement img {border-radius:360px; margin-bottom:25px; margin-top:20px;} .price {float:none!important; margin:12px 0 0 0!important;} .address1 {margin-left:0!important;} }