@charset "utf-8"; * { margin:0px; padding:0px; } img { border:none; } @font-face { font-family:'opensanslight'; src: url('../fonts/open-sans-light.eot'); src: url('../fonts/open-sans-light.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans-light.woff') format('woff'), url('../fonts/open-sans-light.woff2') format('woff2'), url('../fonts/open-sans-light.ttf') format('truetype'), url('../fonts/open-sans-light.svg#opensanslight') format('svg'); font-weight: normal; font-style: normal; font-stretch: normal; } @font-face { font-family:'opensansregular'; src: url('../fonts/open-sans-regular.eot'); src: url('../fonts/open-sans-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans-regular.woff') format('woff'), url('../fonts/open-sans-regular.woff2') format('woff2'), url('../fonts/open-sans-regular.ttf') format('truetype'), url('../fonts/open-sans-regular.svg#opensansregular') format('svg'); font-weight: normal; font-style: normal; font-stretch: normal; } @font-face { font-family:'opensansbold'; src: url('../fonts/open-sans-bold.eot'); src: url('../fonts/open-sans-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans-bold.woff') format('woff'), url('../fonts/open-sans-bold.woff2') format('woff2'), url('../fonts/open-sans-bold.ttf') format('truetype'), url('../fonts/open-sans-bold.svg#opensansbold') format('svg'); font-weight: bold; font-style: normal; font-stretch: normal; } body { background:#FFFFFF; font-family:'opensanslight', Arial; color:#000; font-size:12px; font-weight:normal; font-style: normal; font-stretch:normal; line-height:normal; letter-spacing:normal; word-spacing:normal; } #pageloadimage { position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:99999; background:#fff url(../images/page_loader.gif) no-repeat 50% 50%; } #mainwaper { width:100%; height:auto; float:left; margin:0px; padding:0px; background:#FFF; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; } .size_screen { display:block; width:100%; height:auto; float:left; margin:0px; padding:0px; border:none; } .size_ipad { display:none; width:100%; height:auto; float:left; margin:0px; padding:0px; border:none; } .size_mobile { display:none; width:100%; height:auto; float:left; margin:0px; padding:0px; border:none; } .size_fixed { width:100%; float:left; margin:0px; padding:0px; border:none; } /* ###################################################### Header ###################################################### */ #header { position:absolute; z-index:9996; margin:0 0 0 0; padding:15px 2% 15px 2%; height:50px; width:96%; float:left; clear:both; } #header .logo { border:none; padding:0; margin:0px 0px 0px 0px; float:left; height:50px; width:180px; } #search-block-icon { display:none; width:28px; height:28px; float:right; margin:10px 10px 0px 0px; padding:0px; border:none; background:url(../images/icon_search_onclick.png) no-repeat left top; background-size:100% 100%; } #search-block-icon:hover { opacity:.5; } #search-block-form { display:block; height:32px; width:210px; float:right; margin:10px 10px 0px 0px; padding:0; } #search-block-form .sbf_input { height:30px; width:155px; float:left; margin:0px; padding:3px 9px 0px 9px; border:solid 1px #efefef; border-right:none; background:#fff; font-family:'opensansregular', Arial; font-size:14px; font-weight:normal; color:#161616; line-height:30px; font-style:italic; border-radius:none; } #search-block-form .sbf_button { height:35px; width:36px; float:left; margin:0px; padding:0px; border:none; border-radius:0px; background:#ff5757 url(../images/icon_search.png) no-repeat center top; cursor:pointer; font-size:0px; line-height:20px; } #search-block-form .sbf_button:hover { background:#161616 url(../images/icon_search.png) no-repeat center top; } #MainMenu { display:none; width:650px; height:auto; float:right; margin:0px; padding:0px; border:none; z-index:99999; } #MenuOpener { width:80px; height:20px; float:right; margin:15px 0px 0px 0px; padding:0px; cursor:pointer; line-height:20px; text-align:left; font-family:'opensansregular'; font-size:14px; font-weight:normal; text-transform:uppercase; } #MenuOpenerShow { display:block; background:url(../images/mob_nav.png) no-repeat right top; width:80px; height:20px; float:right; cursor:pointer; overflow:hidden; color:#131313; } #MenuOpenerHide { display:none; background:url(../images/mob_nav2.png) no-repeat right top; width:80px; height:20px; float:right; cursor:pointer; overflow:hidden; color:#ff5757; } .MainMenuInner { width:100%; float:left; height:auto; margin:0px; padding:0px; } .MainMenuInner li { list-style:none; width:15%; float:left; margin:0px .5%; padding:0px; } .MainMenuInner li a { position:relative; left:0px; top:0px; text-decoration:none; color:#131313; width:100%; float:left; margin:0px; padding:0px; height:80px; color:#131313; font-family:'opensansregular'; font-size:14px; font-weight:normal; } #clickMenu { height:80px; width:100%; float:left; padding:0px; margin:-15px 0px 0px 0px; list-style:none; } #clickMenu > li { position:relative; float:left; height:auto; width:auto; margin:0px; padding:0px; } #clickMenu > li > a { display:block; background:url(../images/menu_arrow_mobile2.png) no-repeat right 32px; float:left; padding:0px 30px 0px 15px; margin:0px; height:80px; width:auto; text-decoration:none; line-height:80px; text-align:center; font-family:Arial; font-size:14px; color:#161616; } #clickMenu > li > a:hover { color:#F00; } #clickMenu > li > a:focus { background:#f15b5b url(../images/menu_arrow_mobile.png) no-repeat right 32px; color:#fff; outline:none; } #clickMenu > li > a:focus ~ .clickMenuDropdown { display:block; } #clickMenu .clickMenuDropdown:hover { display:block; } #clickMenu .clickMenuDropdown { display:none; position:absolute; top:80px; left:0px; background:#f15b5b; float:left; height:auto; width:auto; padding:0px; margin:0px; } .cmd_commn { float:left; height:auto; width:180px; padding:10px 15px; margin:0px; } .cmd_commn li { list-style:none; float:left; height:auto; width:100%; padding:4px 0px 4px 0px; margin:0px; border-bottom:dotted 1px #fff; line-height:28px; text-align:left; font-family:'opensansregular'; font-size:14px; } .cmd_commn li:last-child { border-bottom:none; } .cmd_commn li a { text-decoration:none; color:#fff; } .cmd_commn li a:hover { color:#000; } .cmd_style { float:left; height:auto; width:300px; padding:10px 15px; margin:0px; } .cmd_style ul { float:left; width:180px; height:auto; padding:0px; margin:0px; } .cmd_style ul li { list-style:none; float:left; height:auto; width:100%; padding:4px 0px 4px 0px; margin:0px; border-bottom:dotted 1px #fff; line-height:28px; text-align:left; font-family:'opensansregular'; font-size:14px; } .cmd_style li:last-child { border-bottom:none; } .cmd_style ul li a { text-decoration:none; color:#fff; } .cmd_style ul li a:hover { color:#000; } .cmd_img { float:right; width:100px; height:auto; padding:0px; margin:0px; } .cmd_products { float:left; height:auto; width:210px; padding:0px 0px 10px 0px; margin:0px; } .cmd_products li { list-style:none; float:left; height:auto; width:80%; padding:5px 10% 5px 10%; margin:0px; border-bottom:dotted 1px #fff; line-height:28px; text-align:left; font-family:'opensansregular'; font-size:14px; } .cmd_products li:last-child { border-bottom:none; } .cmd_products li a { text-decoration:none; color:#fff; } .cmd_products li:hover > a { color:#000; } .cmd_products li ul { display:none; } .cmd_products li:hover ul { display:block; position:absolute; left:0px; top:0px; width:140px; padding:5px 20px 10px 20px; margin:0px 0px 0px 210px; background:#161616; } .cmd_products li ul li { width:100%; border-bottom:none; margin:0px; padding:3px 0px 4px 0px; border-bottom:dotted 1px #333; color:#fff; } .cmd_products li ul li a { line-height:22px; color:#fff; font-size:12px; font-weight:normal; } .cmd_products li ul li:hover > a { color:#fff; } .cmd_products li ul li a:hover { color:#f15b5b; } .cmd_products li ul li img { float:left; width:80px; padding:0px; margin:0px; height:auto; clear:none; } /* #clickMenu > li.cmd_fwPos { position:static; } .cmd_fullwidth { width:100% !important; overflow:hidden; } .cmd_fullwidth ul { float:left; width:96%; padding:15px 1% 15px 3%; margin:0px; height:auto; } .cmd_fullwidth ul li { list-style:none; float:left; height:auto; width:20%; padding:0px; margin:0px; } .cmd_fullwidth ul li a { width:100%; float:left; margin:0px; padding:0px; clear:both; text-decoration:none; color:#fff; line-height:28px; text-align:left; font-family:'opensansregular'; font-size:14px; font-weight:bold; } .cmd_fullwidth ul li a:hover { color:#000; } .cmd_fullwidth ul li ul { float:left; height:auto; width:55%; padding:0px; margin:0px; clear:none; } .cmd_fullwidth ul li ul li { float:left; height:auto; width:100%; padding:0px; margin:0px; } .cmd_fullwidth ul li ul li a { text-decoration:none; color:#fff; line-height:22px; text-align:left; font-family:'opensansregular'; font-size:13px; font-weight:normal; } .cmd_fullwidth ul li ul li a:hover { color:#000; } .cmd_fullwidth ul li img { float:left; width:70px; padding:0px; margin:0px 30px 0px 0px; height:auto; clear:none; } .cmd_fullwidth ul li ul li img { float:left; width:70px; padding:0px; margin:0px 0px 0px 0px; height:auto; clear:none; } */ /* ###################################################### Footer ###################################################### */ .footer { margin:0; padding:90px 3% 30px 3%; height:auto; width:94%; float:left; clear:both; background:#000000 url(../images/footer_bg.jpg) no-repeat left top; background-size:100% 100%; } .footerBox { width:16.5%; float:left; height:auto; padding:0px; margin:15px 0px 15px 0px; text-align:left; } #ft_about, #ft_pro, #ft_sol, #ft_cont, #ft_reso, #ft_supp { display:block; width:100%; float:left; margin:0px 0px 25px 0px; padding:0px 0px 10px 0px; height:auto; border-bottom:solid 1px #fff; text-align:left; line-height:24px; font-family:'opensanslight'; font-size:18px; font-weight:bold; color:#fff; text-transform:uppercase; cursor:pointer; } #foot_about, #foot_pro, #foot_sol, #foot_cont, #foot_reso, #foot_supp { display:block; width:90%; float:left; margin:0px; padding:0px; height:210px; border-right:solid 1px #fff; } #foot_supp { border-right:none; } .footerBox li { list-style:none; width:100%; height:auto; float:left; margin:0px; padding:0px; } .footerBox li a { text-decoration:none; color:#fff; font-family:'opensansregular'; font-size:14px; font-weight:normal; line-height:26px; } .footerBox li a:hover { color:#f43838; } .footer .footer_bottom { width:100%; height:auto; float:left; margin:40px 0px 0px 0px; padding:0px; clear:both; } .footer .footer_bottom p { height:auto; width:60%; float:left; margin:0px 0px 0px 0px; padding:0px; line-height:25px; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:600; color:#fff; } .footer .footer_bottom p a { text-decoration:none; color:#fff; } .footer .footer_bottom p a:hover { color:#f43838; } .footer .footer_bottom .fb_powerdby { height:auto; width:60%; float:left; margin:0px 0px 0px 0px; padding:0px; } .footer .footer_bottom .fb_powerdby span { float:left; width:auto; height:40px; margin:0px; padding:0px 5px 0px 0px; line-height:40px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#fff; } .footer .footer_bottom .fb_powerdby img { float:left; width:150px; height:40px; margin:0px; padding:0px; border:0px; line-height:0px; } .footer .footer_bottom .footer_bottom_right { float:right; width:30%; height:auto; margin:0px; padding:0px; } .fbr_fb { background:url(../images/icon_fb.png) no-repeat left top; background-size:100% 100%; width:36px; height:37px; float:right; margin:0px 5px 0px 0px; padding:0px; font-size:0px; border:none; } .fbr_fb:hover { background:url(../images/icon_fb2.png) no-repeat left top; background-size:100% 100%; } .fbr_tw { background:url(../images/icon_tw.png) no-repeat left top; background-size:100% 100%; width:36px; height:37px; float:right; margin:0px 5px 0px 0px; padding:0px; font-size:0px; border:none; } .fbr_tw:hover { background:url(../images/icon_tw2.png) no-repeat left top; background-size:100% 100%; } .fbr_yt { background:url(../images/icon_ln.png) no-repeat left top; background-size:100% 100%; width:36px; height:37px; float:right; margin:0px 5px 0px 0px; padding:0px; font-size:0px; border:none; } .fbr_yt:hover { background:url(../images/icon_ln2.png) no-repeat left top; background-size:100% 100%; } .fbr_msg { background:url(../images/icon_msg.png) no-repeat left top; background-size:100% 100%; width:36px; height:37px; float:right; margin:0px 5px 0px 0px; padding:0px; font-size:0px; border:none; } .fbr_msg:hover { background:url(../images/icon_msg2.png) no-repeat left top; background-size:100% 100%; } /* ########################### Home popUp onPageLoad ########################### */ .my_popup_boxes { } #my_mask_bg { z-index:9997; position:absolute; left:0px; top:0px; display:none; width:100%; height:100%; float:left; padding:0px; margin:0px; background:#000; overflow:hidden; } .my_window_popup { z-index:9998; position:absolute; top:200px; left:30%; display:none; width:40%; height:auto; padding:0px; margin:0px; background:#ffffff; } .my_window_popup .my_close { z-index:9999; position:absolute; right:-12px; top:-12px; background:#000; border:solid 2px #fff; border-radius:50%; height:22px; width:22px; float:right; margin:0px; padding:0px; cursor:pointer; text-align:center; line-height:20px; font-size:12px; font-weight:bolder; color:#fff; font-family:Arial; } .my_window_popup img { width:100%; height:auto; float:left; margin:0px; padding:0px; border:0px; } /* ##################################### Home flexslider ################################################# */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} .flexslider { width:100%; height:auto; float:left; clear:both; margin:0px 0px 0px 0px; padding:0px; background: #fff; position: relative; zoom: 1; overflow:hidden; } .flexslider.inner .flex-control-nav{ display:none} .flexslider .slides { zoom: 1; } .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position:relative; } .flex-pauseplay span {text-transform: capitalize;} .no-js .slides > li:first-child {display: block;} .flex-viewport{ max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .carousel li { margin-right: 5px; } .flex-direction-nav {*height: 0;} .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; } .flex-direction-nav a { text-decoration:none; display: block; width:100%; height:auto; margin:0px; position:absolute; top:45%; z-index:10; overflow: hidden; opacity:0; cursor: pointer; transition: all .3s ease; } .flexslider:hover .flex-direction-nav a { opacity:1; } .flex-direction-nav .flex-prev { left:0px; background:url(../images/leftNavOFF.png) no-repeat left top; width:72px; height:63px; } .flex-direction-nav .flex-next { right:0px; background:url(../images/rightNavOFF.png) no-repeat right top; width:72px; height:63px; } .flexslider .flex-next:hover { background:url(../images/rightNavON.png) no-repeat right top; } .flexslider .flex-prev:hover { background:url(../images/leftNavON.png) no-repeat left top; } .flex-control-nav { width:100%; position: absolute; bottom:15px; text-align:center; margin:0px; } .flex-control-nav li { margin: 0 3px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a { float:left; width:10px; height:10px; background:#fff; cursor: pointer; border-radius:50%; font-size:0px; overflow:hidden;} .flex-control-paging li a:hover, .flex-control-paging li a.flex-active { background: #ff5757; } .bzp_home, .bzp_sme, .bzp_industry, .bzp_transport, .bzp_traffic, .bzp_education, .bzp_retail, .bzp_bank { position:absolute; width:96%; height:auto; padding:0px; margin:0px 2%; } .bzp_home { float:left; margin-top:620px; color:#fff; text-align:left; } .bzp_sme { float:left; margin-top:620px; color:#fff; text-align:left; } .bzp_industry { float:left; margin-top:620px; color:#fff; text-align:left; } .bzp_transport { float:right; margin-top:620px; color:#fff; text-align:right; } .bzp_traffic { float:left; margin-top:620px; color:#fff; text-align:left; } .bzp_education { float:right; margin-top:220px; color:#161616; text-align:right; } .bzp_retail { float:left; margin-top:620px; color:#fff; text-align:left; } .bzp_bank { float:left; margin-top:620px; color:#161616; text-align:left; } .flexslider .slides img { width:100%; height:auto; padding:0; margin:0; float:left; display: block; } .flexslider .slides li h1 { margin:0px; padding:0px; font-size:30px; line-height:40px; font-weight:bolder; font-family:'opensansbold'; text-transform:uppercase; } .flexslider .slides li p { margin:0px; padding:0px; font-size:20px; line-height:30px; font-weight:normal; font-family:'opensanslight'; } /* ########################### home navigation ########################### */ .home_navigation { margin:0 0 0 0; padding:0px; height:auto; width:100%; float:left; clear:both; } .home_navigation_left { margin:0; padding:0; float:left; width:50%; height:700px; background:#fff; } .home_navigation_left_box, .home_navigation_left_box2 { position:relative; width:50%; height:50%; margin:0px; padding:0px; } .home_navigation_left_box { float:left; } .home_navigation_left_box2 { float:right; } .home_navigation_left img { width:100%; height:100%; float:left; margin:0px; padding:0px; transition: all 0.7s ease-in; } .home_navigation_left img:hover { background:#000; opacity:.8; transition: all 0.7s ease-in; } .home_navigation_left h4 { width:90%; height:auto; float:left; margin:30px 5% 15px 5%; padding:0px; font-family:'opensanslight'; font-size:32px; font-weight:normal; color:#f15b5b; line-height:36px; text-align:center; text-transform:uppercase; transition:color 0.7s ease-in; } .home_navigation_left span { width:20%; float:left; height:4px; margin:0px 40% 0px 40%; padding:0px; background:#ff5757; font-size:0px; line-height:0px; transition:background 0.7s ease-in; } .home_navigation_left p { width:90%; height:auto; float:left; margin:10px 5% 0px 5%; padding:0px; font-family:'opensansregular'; font-size:14px; font-weight:normal; color:#161616; line-height:22px; text-align:center; transition:color 0.7s ease-in; } .home_navigation_left h6 { position:absolute; top:20%; right:0px; background:url(../images/home_navigation_icon2.png) no-repeat left top; margin:0px; padding:0px; height:25px; width:21px; font-size:0px; line-height:0px; } .home_navigation_left h5 { position:absolute; top:20%; left:0px; background:url(../images/home_navigation_icon1.png) no-repeat left top; margin:0px; padding:0px; height:25px; width:21px; font-size:0px; line-height:0px; } .home_navigation_right { margin:0; padding:0; float:left; width:50%; height:700px; background:#ff5757; text-align:center; } .home_navigation_right img { width:70%; float:left; height:auto; margin:0px 15%; padding:0px; } .home_navigation_right h4 { width:90%; height:auto; float:left; margin:40px 5% 15px 5%; padding:0px; font-family:'opensanslight'; font-size:32px; font-weight:normal; color:#fff; line-height:36px; text-align:center; text-transform:uppercase; transition:color 0.7s ease-in; } .home_navigation_right span { width:10%; float:left; height:4px; margin:0px 45% 0px 45%; padding:0px; background:#fff; font-size:0px; line-height:0px; transition:background 0.7s ease-in; } .home_navigation_right p { width:90%; height:auto; float:left; margin:20px 5% 20px 5%; padding:0px; font-family:'opensansregular'; font-size:14px; font-weight:normal; color:#fff; line-height:22px; text-align:center; transition:color 0.7s ease-in; } .home_navigation_left_box:hover h4, .home_navigation_left_box2:hover h4 { color:#161616; transition:color 0.7s ease-in; } .home_navigation_left_box:hover span, .home_navigation_left_box2:hover span { background:#161616; transition:background 0.7s ease-in; } .home_navigation_left_box:hover p, .home_navigation_left_box2:hover p { color:#666; transition:color 0.7s ease-in; } .home_navigation_right:hover h4, .home_navigation_right:hover h4 { color:#161616; transition:color 0.7s ease-in; } .home_navigation_right:hover span, .home_navigation_right:hover span { background:#161616; transition:background 0.7s ease-in; } .home_navigation_right:hover p, .home_navigation_right:hover p { color:#161616; transition:color 0.7s ease-in; } /* ########################### home navigation ########################### */ .home_products_gallery { margin:0px; padding:0px; width:100%; float:left; clear:both; height:auto; background:url(../images/home_product_gallery_left.png) repeat-y left top, url(../images/home_product_gallery_right.png) repeat-y right top; } .home_products_gallery .hpg_head { position:relative; background:#131313; width:100%; height:60px; float:left; margin:0px; padding:0px; font-family:'opensanslight'; font-size:40px; font-weight:normal; color:#fff; line-height:60px; text-align:center; text-transform:uppercase; } .flexi { position:relative; width:80%; margin:10px 10% 20px 10%; float:left; } #flexiselDemo1 { display:; } #flexiselDemo1 ul{ margin:0px; padding:0px;} #flexiselDemo1 ul li{ margin:0px; padding:0px; list-style-type:none; } .nbs-flexisel-container {} .nbs-flexisel-ul { position:relative; width:9999px; margin:0px; padding:0px; list-style-type:none; text-align:center; } .nbs-flexisel-ul li { margin:0px; padding:0px; text-align:center; overflow:hidden; } .nbs-flexisel-ul li img { width:auto; max-width:300px; float:noen; max-height:200px; margin:0px auto; padding:0px; border:none; } .nbs-flexisel-ul li h2 { width:90%; float:left; height:auto; margin:10px 5% 0px 5%; padding:0px; line-height:22px; text-align:center; font-family:'opensansregular'; font-size:18px; font-weight:bold; color:#161616; background:none; } .nbs-flexisel-ul li p { width:90%; float:left; height:auto; margin:10px 5% 0px 5%; padding:0px; line-height:20px; text-align:center; font-family:'opensansregular'; font-size:14px; font-weight:normal; color:#161616; } .nbs-flexisel-ul li:hover h1, .nbs-flexisel-ul li:hover p { color:#fd5252; } .nbs-flexisel-inner { overflow:hidden; float:left; width:100%; } .nbs-flexisel-item { float:left; margin:0px; padding:0px; cursor:pointer; position:relative; line-height:0px; } .nbs-flexisel-nav-left, .nbs-flexisel-nav-right { width:30px; height:46px; position:absolute; cursor: pointer; z-index:100; top:110px !important; } .nbs-flexisel-nav-left { left:-30px; background: url(../images/arrow_left.png) no-repeat; transition:all 1s ease-out; } .nbs-flexisel-nav-right { right:-30px; background: url(../images/arow_right.png) no-repeat; transition:all 1s ease-out; } .nbs-flexisel-nav-left:hover { background: url(../images/arrow_left2.png) no-repeat; transition:all 1s ease-in; } .nbs-flexisel-nav-right:hover { background: url(../images/arow_right2.png) no-repeat; transition:all 1s ease-in; } /* ########################### home bottom ########################### */ .home_bottom { margin:0px; padding:0px 3%; width:94%; float:left; clear:both; height:520px; background:#161616; } .home_bottom .hb_map { width:33%; float:left; height:auto; margin:0px; padding:0px; } .home_bottom .hb_map h2 { width:100%; float:left; height:auto; margin:20px 0px 10px 0px; padding:0px; line-height:50px; text-align:left; font-family:'opensanslight'; font-size:40px; font-weight:normal; color:#fec14d; text-transform:uppercase; } .home_bottom .hb_map img { width:100%; float:left; height:auto; margin:0px; padding:0px; border:none; } .home_bottom .hb_form { width:65%; float:right; height:auto; margin:0px; padding:0px 0px 30px 0px; } .home_bottom .hb_form_input { height:40px; width:100%; float:left; margin:25px 0px 0px 0px; padding:0px; background:none; border:none; border-bottom:solid 1px #797979; line-height:50px; font-family:'opensansregular'; font-size:14px; font-weight:normal; color:#EFEFEF; font-style:italic; } .home_bottom .hbf_captcha { height:40px; width:15%; float:left; margin:25px 0px 0px 0px; padding:0px; background:none; border:none; } .home_bottom .hbf_security { height:40px; width:80%; float:left; margin:25px 0px 0px 5%; padding:0px; background:none; border:none; border-bottom:solid 1px #797979; line-height:50px; font-family:'opensansregular'; font-size:14px; font-weight:normal; color:#EFEFEF; font-style:italic; } .home_bottom .hb_form_select { height:40px; width:100%; float:left; margin:25px 0px 0px 0px; padding:0px; border:none; border-bottom:solid 1px #797979; line-height:50px; font-family:'opensansregular'; font-size:14px; font-weight:normal; color:#999; font-style:italic; background:url(../images/icon_dropdown.png) no-repeat right 15px; appearance:none; -moz-appearance:none; -webkit-appearance:none; text-indent: 0.01px; text-overflow: ""; cursor:pointer; } .home_bottom .hb_form_textarea { height:80px; width:100%; float:left; margin:25px 0px 0px 0px; padding:0px; background:none; border:none; border-bottom:solid 1px #797979; line-height:25px; font-family:'opensansregular'; font-size:14px; font-weight:normal; color:#EFEFEF; font-style:italic; } .home_bottom .hb_form_button { cursor:pointer; height:42px; width:auto; float:right; margin:20px 0px 0px 0px; padding:0px 35px; background:none; border:solid 1px #fec14d; text-align:center; line-height:35px; font-family:'opensansregular'; font-size:14px; font-weight:bold; color:#fec14d; text-transform:uppercase; transition: all .5s ease-out; } .home_bottom .hb_form_button:hover { color:#161616; background:#fec14d; transition: all .5s ease-in; } #ContentPlaceHolder1_lblcaptcha { width:50%; float:left; height:auto; line-height:22px; font-size:14px; margin:20px 0px 0px 0px; padding:0px; color:#ff5757 !important; } /* ########################### banner inside ########################### */ .inner_banner { margin:0px; padding:0px; width:100%; float:left; clear:both; height:auto; overflow:hidden; } .inner_banner img { border:none; margin:0px; padding:0px; width:100% !important; float:left; height:auto; } .inner_banner h1 { position:relative; top:0px; left:0px; z-index:999; background:url(../images/title_bg.png) no-repeat right top; background-size:100% 100%; width:auto; float:left; height:55px; margin:-100px 0px 0px 0px; padding:0px 100px 0px 20px; text-align:left; line-height:45px; font-family:'opensanslight'; font-size:40px; color:#fff; text-transform:uppercase; font-weight:normal; } .inner_banner h1 strong { font-weight:bolder !important; font-size:110%; line-height:110%; } /* ########################### backlink ########################### */ ul.backlink { width:94%; height:auto; float:left; margin:0px; clear:both; padding:0px; padding:10px 3% 20px 3%; } ul.backlink li { list-style:none; display:inline; margin:0px 10px 0px 0px; padding:0px; line-height:22px; font-family:'opensansregular'; font-size:14px; color:#ff5757; font-weight:normal; } ul.backlink li a { color:#161615; text-decoration:none; } ul.backlink li a:hover { color:#ff5757; } .bg_white { background:#ffffff; } .bg_grey { background:#f0f0f0; } .bg_black { background:#161616; } .bg_red { background:#ff5757; } /* ########################### top link holder ########################### */ .top_link_holder { margin:0; padding:0px 8% 30px 8%; height:auto; width:84%; float:left; clear:both; } .top_link_holder img { height:66px; width:66px; margin:0px auto; float:none; padding:0px; border:solid 2px #161616; border-radius:50%; } .top_link_holder h2, .top_link_holder p { width:100%; height:40px; float:left; margin:0px; padding:6px 0px 0px 0px; clear:both; font-family:'opensansregular'; font-size:16px; font-weight:normal; line-height:20px; text-align:center; text-transform:uppercase; } .top_link_holder p { color:#161616; } .top_link_holder h2 { color:#ff5757; } .tlb_activeimgborder { border-color:#ff5757 !important; } .toplink_threebox { width:31%; height:auto; float:left; margin:15px 1% 5px 1%; padding:0px; text-align:center; } .toplink_fourbox { width:23%; height:auto; float:left; margin:15px 1% 5px 1%; padding:0px; text-align:center; } .toplink_fivebox { width:18%; height:auto; float:left; margin:15px 1% 5px 1%; padding:0px; text-align:center; } /* ########################### div common ########################### */ .div_common { margin:0; padding:0px 0px 10px 0px; height:auto; width:100%; float:left; clear:both; } .div_common h1 { width:90%; height:auto; float:left; margin:10px 5% 10px 5%; padding:0px; line-height:46px; text-align:center; font-family:'opensanslight'; font-size:36px; font-weight:normal; color:#ff5757; text-transform:uppercase; } .div_common h2 { clear:both; width:90px; height:4px; background:#ff5757; margin:0px auto; padding:0px; font-size:1px; line-height:1px; } .div_common p { width:80%; height:auto; float:left; margin:25px 10% 20px 10%; padding:0px; line-height:28px; text-align:center; font-family:'opensansregular'; font-size:18px; font-weight:normal; color:#161616; } .div_common h3 { width:94%; height:auto; float:left; margin:10px 3% 0px 3%; padding:0px; line-height:28px; text-align:left; font-family:'opensanslight'; font-size:28px; font-weight:normal; color:#ff5757; text-transform:uppercase; } .div_common p a { text-decoration:none; color:#ff5757; } .div_common p a:hover { text-decoration:underline; } /* ########################### navinfobar us ########################### */ .navinfobar { margin:0; padding:25px 3% 25px 3%; height:auto; width:94%; float:left; clear:both; } .navinfobar h1 { width:100%; height:auto; float:left; margin:0px 0px 10px 0px; padding:0px; font-family:'opensansregular'; font-size:28px; font-weight:normal; color:#ff5757; line-height:28px; text-align:left; text-transform:uppercase; } .navinfobar p { width:100%; height:auto; float:left; margin:0; padding:0px; font-family:'opensansregular'; font-size:14px; font-weight:normal; color:#161616; line-height:22px; text-align:justify; } .navinfobar h2 { clear:both; width:100%; height:auto; float:left; margin:10px 0px 5px 0px; padding:0px; font-family:'opensansregular'; font-size:18px; font-weight:normal; color:#ff5757; line-height:28px; text-align:left; text-transform:none; } .navinfobar ul { float:left; margin:0px 0px 15px 0px; padding:0px; height:auto; width:100%; } .navinfobar li { list-style:square; margin:5px 0px 0px 20px; padding:0px; font-family:'opensansregular'; font-size:14px; font-weight:normal; color:#161616; line-height:24px; text-align:justify; } .navinfobar li:first-child { list-style:none; margin:0px 0px 0px 0px; font-weight:bold; } .infobar_mission { float:left; width:70%; height:auto; margin:0px 15% 0px 15%; padding:0px; border:0px; } .infobar_mission_img, .infobar_mission_img2 { width:25%; height:auto; margin:0px; padding:0px; border:0px; } .infobar_mission_img { float:left; margin-right:5%; } .infobar_mission_img2 { float:right; margin-left:5%; } .infobar_mission_pera, .infobar_mission_pera2 { width:55%; height:auto; margin:0px; padding:20px 0px 0px 0px; } .infobar_mission_pera { float:right; padding-right:15%; text-align:left; } .infobar_mission_pera2 { float:left; padding-left:15%; text-align:right; } /* ########################### Solution Content ########################### */ .solution_content { margin:0; padding:25px 3% 25px 3%; height:auto; width:94%; float:left; clear:both; } .solution_content h1 { width:100%; height:auto; float:left; margin:0px 0px 10px 0px; padding:0px; font-family:'opensansregular'; font-size:28px; font-weight:normal; color:#ff5757; line-height:28px; text-align:left; text-transform:uppercase; } .solution_content p { width:100%; height:auto; float:left; margin:0; padding:0px; font-family:'opensansregular'; font-size:14px; font-weight:normal; color:#161616; line-height:22px; text-align:justify; } .solution_content h2 { clear:both; width:100%; height:auto; float:left; margin:10px 0px 5px 0px; padding:0px; font-family:'opensansregular'; font-size:16px; font-weight:bold; color:#161616; line-height:28px; text-align:left; text-transform:none; } .solution_content h3 { clear:both; width:100%; height:auto; float:left; margin:0px; padding:0px; font-family:'opensansregular'; font-size:14px; font-weight:bold; color:#ff5757; line-height:28px; text-align:left; text-transform:none; } .solution_content ul { float:left; margin:0px 0px 15px 0px; padding:0px; height:auto; width:100%; } .solution_content ul li { list-style:square; margin:5px 0px 0px 20px; padding:0px; font-family:'opensansregular'; font-size:14px; font-weight:normal; color:#161616; line-height:24px; text-align:justify; } .solution_content ul li:first-child { list-style:none; margin:0px 0px 0px 0px; font-weight:bold; color:#069; } .solution_content ol { float:left; margin:0px 0px 15px 0px; padding:0px; height:auto; width:100%; } .solution_content ol li { list-style:square; margin:5px 0px 0px 20px; padding:0px; font-family:'opensansregular'; font-size:14px; font-weight:normal; color:#161616; line-height:24px; text-align:justify; } .solution_content table { width:100%; float:left; clear:both; padding:0px; margin:10px 0px 10px 0px; } .solution_content table td { padding:2px 5px; font-family:'opensansregular'; font-weight:normal; color:#161616; line-height:20px; font-size:13px; font-weight:normal; } .solution_content hr { border:none; height:10px; width:100%; clear:both; margin:0px; padding:0px; font-size:1px; line-height:1px; } .solution_content .sc_part_left1 { width:62%; height:auto; float:left; margin:0px 0px 0px 0px; padding:0px; } .solution_content .sc_part_right1 { width:35%; height:auto; float:right; margin:15px 0px 10px 0px; padding:0px; } .solution_content .sc_part_three { width:31.3%; height:auto; float:left; margin:10px 1% 10px 1%; padding:0px; } .solution_content .sc_part_two { width:48%; height:auto; float:left; margin:10px 1% 10px 1%; padding:0px; } .solution_content .sc_part_one { width:98%; height:auto;float:left; margin:10px 1% 10px 1%; padding:0px; } .smart_selection_heading { width:40%; height:auto; float:left; margin:0px 0px 0px 3%; padding:0px; line-height:40px; text-align:left; font-family:'opensansregular'; font-size:28px; font-weight:normal; color:#ff5757; text-transform:uppercase; } .pfd_error_msg { width:40%; height:auto; float:right; margin:0px 3% 0px 0px; padding:0px; line-height:40px; text-align:right; font-size:16px; font-family:'opensanslight'; font-weight:bold; color:#161616; } #pfh_dropdown { float:none; padding:0px; margin:-40px auto 0px auto; height:40px; width:180px; text-align:center; line-height:40px; background:#ff5757 url(../images/menu_arrow_mobile.png) no-repeat right 12px; border-radius:5px; cursor:pointer; font-family:'opensansregular'; color:#fff; font-size:16px; font-weight:normal; } /* product filter */ .product_filter_holder { margin:0px; padding:0px 4% 0px 4%; height:auto; width:92%; float:left; clear:both; background:#f0f0f0; } #pfh_dropdown_holder { display:block; clear:both; float:left; height:auto; width:100%; padding:5px 0px 10px 0px; margin:10px 0px 10px 0px; background:#FFF; box-shadow:0px 0px 6px 4px #999999; } #pfh_dropdown_holder .pfd_box { border:solid 1px #ddd; margin:10px .9% 10px .9%; padding:0px .9% 0px .9%; height:160px; width:16%; float:left; overflow:hidden; } #pfh_dropdown_holder .pfd_box h2 { z-index:999; width:100%; height:25px; float:left; margin:5px 0px 5px 0px; padding:0px; font-family:'opensansregular'; font-size:14px; font-weight:bold; color:#f02d31; line-height:24px; text-align:left; } #pfh_dropdown_holder .pfd_box_inner { border:none; margin:0px; padding:0px; height:115px; width:100%; float:left; overflow:auto; } .pfd_box_inner input { width:auto; height:auto; float:left; margin:2px 10px 0px 0px; padding:0px; } #pfh_dropdown_holder .pfd_submit_holder { width:auto; height:auto; float:right; clear:both; margin:0px; padding:0px; } #pfh_dropdown_holder .pfd_submit_holder .pfd_submit { width:auto; height:35px; float:right; margin:0px 10px 0px 10px; padding:0px 20px; background:#ff5757; border:none; line-height:32px; cursor:pointer; text-transform:uppercase; font-family:'opensansregular'; font-weight:bold; color:#fff; } #pfh_dropdown_holder .pfd_submit_holder .pfd_submit:hover { background:#161616; } /* ########################### Category Landing ########################### */ .CategoryLanding { margin:0px; padding:0px; height:auto; width:100%; float:left; clear:both; } .CategoryLanding_box1, .CategoryLanding_box2, .CategoryLanding_box3, .CategoryLanding_box4 { margin:0; padding:0; float:left; width:50%; height:350px; overflow:hidden; text-align:left; transition: all 500ms ease-in; } .CategoryLanding_box1 img, .CategoryLanding_box2 img, .CategoryLanding_box3 img, .CategoryLanding_box4 img { width:40%; height:auto; float:left; margin:30px 0px 30px 3%; padding:0px; transition: all 0.7s ease-in; } .CategoryLanding_box1 p, .CategoryLanding_box2 p, .CategoryLanding_box3 p, .CategoryLanding_box4 p { width:50%; height:auto; float:right; margin:50px 4% 50px 0px; padding:0px; font-family:'opensansregular'; font-size:14px; font-weight:normal; line-height:26px; text-align:justify; } .CategoryLanding_box1 p strong, .CategoryLanding_box2 p strong, .CategoryLanding_box3 p strong, .CategoryLanding_box4 p strong { font-size:28px; line-height:36px; font-family:'opensanslight'; } .CategoryLanding_box1 { background:#f0f0f0; } .CategoryLanding_box2 { background:#ff5757; } .CategoryLanding_box3 { background:#ff5757; } .CategoryLanding_box4 { background:#f0f0f0; } .CategoryLanding_box1 p { color:#161616;} .CategoryLanding_box2 p { color:#ffffff; } .CategoryLanding_box3 p { color:#ffffff;} .CategoryLanding_box4 p { color:#161616; } .CategoryLanding_box1:hover { background:#ffffff; transition: all 500ms ease-out; } .CategoryLanding_box2:hover { background:#961919; transition: all 500ms ease-out; } .CategoryLanding_box3:hover { background:#961919; transition: all 500ms ease-out; } .CategoryLanding_box4:hover { background:#ffffff; transition: all 500ms ease-out; } .sub_cat_head { width:100%; height:auto; float:left; margin:0px; padding:0px; line-height:36px; text-align:center; font-family:'opensanslight'; font-size:36px; font-weight:normal; color:#ff5757; text-transform:uppercase; } .sub_cat_bord_holder { clear:both; width:80%; height:4px; margin:0px; padding:15px 10% 15px 10%; font-size:1px; line-height:1px; } .sub_cat_bord { clear:both; width:90px; height:4px; background:#ff5757; margin:0px auto; padding:0px; font-size:1px; line-height:1px; background:#ff5757; } .sub_cat_pera { width:80%; height:auto; float:left; margin:0px 10% 0px 10%; padding:0px; line-height:28px; text-align:center; font-family:'opensansregular'; font-size:18px; font-weight:normal; color:#161616; } /* ########################### sliding functionality in category ########################### */ .category_list { margin:0; padding:20px 3% 25px 3%; height:auto; width:94%; float:left; clear:both; background:#f0f0f0; } .owl-carousel { display: none; position:relative;-ms-touch-action: pan-y; float:left; height:auto; width: 100%; margin:0px; padding:0px; } .owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;} .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float:left; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { -webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .grabbing { cursor:url(../images/grabbing.png) 8 8, move; } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } .owl-theme .owl-controls { margin:20px 0px 0px 0px; text-align:center; } .owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); opacity:1; text-decoration: none; } .owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-controls .owl-page span { display:block; width:11px; height:11px; margin:5px 10px 5px 10px; background:#000; border-radius:50%; transition:all .3s ease-in; } .owl-theme .owl-controls.clickable .owl-page:hover span { background:#999; } .owl-theme .owl-controls .owl-page.active span { width:31px; height:5px; margin:8px 0px 8px 0px; background:#000; border-radius:20px; transition:all .3s ease-out; } .owl-theme .owl-controls .owl-page span.owl-numbers { display:none; height:auto; width:auto; margin:0px; padding:0px; } .owl-item.loading { min-height:100px; background: url(../images/AjaxLoader.gif) no-repeat center center; } .item { margin:0px; padding:0px; width:100%; height:auto; float:left; border:none; } .item .item_CatBox { position:relative; float:left; height:auto; width:94%; margin:8px 3% 8px 3%; padding:0px; background:#fff; overflow:hidden; border:none; transition-delay:0s; transform: scale(1) rotate(0deg); box-shadow:0px 0px 2px 0px #ccc; transition: all 0.4s ease-in; text-align:center; } .item .item_CatBox:hover { transition-delay:0s; transform: scale(1.02) rotate(0deg); box-shadow:0px 0px 2px 0px #ff5757; transition: all 0.4s ease-in; } .item .item_CatBox img { width:auto; height:auto; max-height:150px; max-width:150px; margin:0px auto; padding:0px; float:none; border:none; } .item .item_CatBox h1 { width:100%; height:auto; margin:0px; padding:5px 0px 0px 0px; float:left; border:none; text-align:center; line-height:22px; font-family:'opensansregular'; font-size:15px; font-weight:bold; color:#161616; text-decoration:none; } .item .item_CatBox:hover h1 { color:#ff5757; } .item .item_CatBox p { overflow:hidden; width:94%; height:auto; margin:0px 3% 20px 3%; padding:0px; float:left; border:none; text-align:center; line-height:20px; font-family:'opensanslight'; font-size:13px; font-weight:normal; color:#161616; text-decoration:none; } .item .item_CatBox:hover p { color:#000; } /* listing sub category */ .proCatBox { position:relative; float:left; height:auto; width:15.6%; margin:0px .5% 15px .5%; padding:0px; background:#fff; overflow:hidden; border:none; transition-delay:0s; transform:scale(1) rotate(0deg); box-shadow:0px 0px 2px 0px #ccc; transition:all 0.4s ease-in; text-align:center; } .proCatBox:hover { transition-delay:0s; transform: scale(1.02) rotate(0deg); box-shadow:0px 0px 2px 0px #ff5757; transition: all 0.4s ease-in; } .proCatBox img { width:auto; height:auto; max-height:150px; max-width:150px; margin:0px auto 0px auto; padding:0px; float:none; border:none; } .proCatBox h1 { width:98%; height:auto; margin:0px; padding:5px 1% 0px 1%; float:left; border:none; text-align:center; line-height:22px; font-family:'opensansregular'; font-size:15px; font-weight:bold; color:#161616; transition:all 0.6s ease-out; text-decoration:none; } .proCatBox:hover h1 { color:#ff5757; transition:all 0.6s ease-in; } .proCatBox p { overflow:hidden; width:90%; height:45px; margin:5px 5% 10px 5%; padding:0px; float:left; border:none; text-align:center; line-height:20px; font-family:'opensanslight'; font-size:13px; font-weight:normal; color:#161616; text-decoration:none; } .proCatBox:hover p { color:#000; } /* .proCatBox { position:relative; float:left; height:auto; width:19%; margin:0px .5% 25px .5%; padding:0px; background:#fff; overflow:hidden; border:none; transition-delay:0s; transform:scale(1) rotate(0deg); box-shadow:0px 0px 2px 0px #ccc; transition:all 0.4s ease-in; } .proCatBox:hover { transition-delay:0s; transform: scale(1.02) rotate(0deg); box-shadow:0px 0px 2px 0px #ff5757; transition: all 0.4s ease-in; } .proCatBox img { width:100%; height:auto; margin:0px; padding:0px; float:left; border:none; } .proCatBox h1 { width:100%; height:auto; margin:0px; padding:10px 0px 0px 0px; float:left; border:none; text-align:center; line-height:25px; font-family:'opensansregular'; font-size:18px; font-weight:normal; color:#161616; transition:all 0.6s ease-out; text-decoration:none; } .proCatBox:hover h1 { color:#ff5757; transition:all 0.6s ease-in; } .proCatBox p { overflow:hidden; width:94%; height:35px; margin:10px 3% 15px 3%; padding:0px; float:left; border:none; text-align:center; line-height:20px; font-family:'opensanslight'; font-size:14px; font-weight:normal; color:#161616; text-decoration:none; } .proCatBox:hover p { color:#000; } */ .proCatBox .proCatBox_keyfeture { position:absolute; top:0px; left:0px; width:100%; height:100%; margin:0px; padding:0px; border:none; background-color:rgba(0,0,0,0.75); opacity:0; transition:all 0.8s ease-in; transition-delay:0s; transform: scale(1) rotate(0deg); overflow:hidden; } .proCatBox:hover .proCatBox_keyfeture { opacity:1; transform:scale(1) rotate(0deg); } .proCatBox_keyfeture ul { width:80%; float:left; margin:0px; padding:10px 10% 10px 10%; height:auto; } .proCatBox_keyfeture ul li { list-style:disc; margin:3px 0px 0px 20px; padding:0px; font-family:'opensansregular'; font-size:14px; font-weight:normal; color:#fff; line-height:20px; } .proCatBox_keyfeture h2 { width:80%; float:left; margin:0px; padding:10px 10% 0px 10%; height:auto; font-family:'opensansregular'; font-size:16px; font-weight:bold; color:#fff; line-height:22px; text-align:left; } /* ########################### product detail page ########################### */ .product_detail_outer { margin:0; padding:0; height:auto; width:100%; float:left; clear:both; background:#f0f0f0; } .product_detail { padding:30px 3% 40px 3%; margin:20px 3% 30px 3%; height:auto; width:88%; float:left; clear:both; background:#fff; } .product_detail_left { width:60%; float:left; margin:0px; padding:0px; height:auto; } .product_detail_left h1 { width:100%; height:auto; margin:0px; padding:15px 0px 0px 0px; float:left; border:none; text-align:left; line-height:30px; font-family:'opensansregular'; font-size:24px; font-weight:bold; color:#f02d31; } .product_detail_left .feture { width:100%; float:left; margin:0px; padding:0px; height:auto; } .product_detail_left .feture li { list-style:url(../images/icon_bullets.png); margin:7px 0px 3px 25px; padding:0px; font-family:'opensansregular'; font-size:14px; font-weight:normal; color:#161616; } .TabbedPanels { overflow:hidden; margin:30px 0px 0px 0px; padding: 0px; clear:both; float:left; width:100%; padding:0px;} .TabbedPanelsTabGroup { margin:0px;padding:0px; } .TabbedPanelsTab { position: relative;top:0px; float:left; padding:0px 20px; margin:0px 2px 0px 0px; background:#161616; text-align:center; list-style: none; border:none; -moz-user-select: none; -khtml-user-select: none;cursor: pointer; text-align:center; line-height:32px; text-decoration: none; font-family:'opensansregular'; font-size:15px; font-weight:normal; color:#fff; outline:none; } .TabbedPanelsTabHover { } .TabbedPanelsTabSelected { background-color: #ff5757; cursor:default; } .TabbedPanelsContentGroup { clear: both; border:none; clear:both; height:auto; width:100%; float:left; } .TabbedPanelsContent { overflow: hidden; padding:15px 0px 0px 0px; margin:0px; border:none; clear:both; height:auto; width:100%; float:left; } .TabbedPanelsContent ul { width:100%; float:left; margin:0px 0px 0px 0px; padding:0px; height:auto; } .TabbedPanelsContentGroup { clear: both; border:none; clear:both; height:auto; width:100%; float:left; } .TabbedPanelsContent { overflow: hidden; padding:15px 0px 0px 0px; margin:0px; border:none; clear:both; height:auto; width:100%; float:left; } .TabbedPanelsContent ul.Prd_detail { width:100%; float:left; margin:0px 0px 0px 0px; padding:0px; height:auto; } .TabbedPanelsContent ul.Prd_detail li { list-style:none; width:100%; height:auto; float:left; margin:0px 0px 0px 0px; padding:0px; border-bottom:solid 2px #f6f6f6; font-family:'opensansregular'; font-size:14px; font-weight:normal; color:#161616; line-height:28px; } .TabbedPanelsContent ul.Prd_detail li small { background:#F33; padding:4px 15px; line-height:18px; color:#fff; font-size:16px; font-weight:bold; } .TabbedPanelsContent ul.Prd_detail li strong { width:30%; float:left; padding:0px 1% 0px 1%; } .TabbedPanelsContent ul.Prd_detail li b { width:66%; float:left; padding:0px 1% 0px 1%; font-weight:normal; } .TabbedPanelsContent #PrdReqForm { width:100%; float:left; margin:0px 0px 0px 0px; padding:0px; height:auto; } .TabbedPanelsContent #PrdReqForm .prf_input { clear:both; width:96%; height:32px; float:left; margin:10px 0px 10px 0px; padding:0px 1%; border:solid 1px #eee; background:#FFF; line-height:32px; font-family:'opensansregular'; font-size:14px; font-weight:normal; color:#161616; border-radius:5px; } .TabbedPanelsContent #PrdReqForm .prf_textarea { clear:both; width:96%; height:90px; float:left; margin:10px 0px 10px 0px; padding:0px 1%; border:solid 1px #eee; background:#FFF; line-height:25px; font-family:'opensansregular'; font-size:14px; font-weight:normal; color:#161616; border-radius:5px; } .TabbedPanelsContent #PrdReqForm .prf_button { clear:both; width:130px; height:35px; float:left; margin:10px 0px 10px 0px; padding:0px; border:none; cursor:pointer; background:#f02d31; line-height:35px; font-family:'opensansregular'; font-size:16px; font-weight:bold; color:#fff; border-radius:5px; } .TabbedPanelsContent #PrdReqForm button:hover { background:#161616; } .TabbedPanelsContent #PrdReqForm .prf_captcha { width:20%; height:32px; float:left; margin:10px 0px 10px 0px; padding:0px; border:none; } .TabbedPanelsContent #PrdReqForm .prf_security { width:71%; height:32px; float:left; margin:10px 0px 10px 4%; padding:0px 1%; border:solid 1px #eee; background:#FFF; line-height:32px; font-family:'opensansregular'; font-size:14px; font-weight:normal; color:#161616; border-radius:5px; } .download_pdf { clear:both; width:auto; height:40px; float:left; margin:30px 0px 0px 0px; padding:0px 20px 0px 40px; background:#f02d31 url(../images/icon_download_pdf.png) no-repeat 10px 7px; text-align:left; line-height:40px; font-family:'opensansregular'; font-size:12px; font-weight:bold; color:#fff; text-decoration:none; text-transform:uppercase; } .download_pdf:hover { background:#161616 url(../images/icon_download_pdf.png) no-repeat 10px 7px; } /* detail gallery */ .gallery-container { width:37%; height:auto; float:right; margin:20px 0px 0px 0px; padding:0px; clear:right; } .big-image-container { position:relative; float:left; height:auto; width:99%; margin:0px; padding:0px; display: table-cell; vertical-align: middle; text-align: center; border:solid 1px #eee; } .big-image { width:100% !important; height:auto !important; float:left !important; margin:0px !important; padding:0px !important; border:none !important; } .lens-image { position:relative; display: inline-block; width:100% !important; height:auto !important; float:left !important; margin:0px !important; padding:0px !important; border:none !important; } .mouse-cursor { position:absolute; top:0; left:0; opacity:0.2; filter: alpha(opacity = 20); cursor:none; border:1px solid #999; box-shadow:0 0 2px 2px #999; background:#000; } .lens-element { position: absolute; left:-112%; top:0px; overflow:hidden; z-index: 9999; height:500px; width:500px; float:right; background: #FFFFFF; border:solid 1px #161616; text-align: center; } .lens-element img { position:relative; top:0; left:0; width:auto !important; max-width:none !important; } .thumbnail-wrapper img { width:22%; height:auto; float:left; border:solid 1px #eee; padding:0px; margin:15px 1% 0px 1%; cursor:pointer; } /* testimonials */ .testimonials_holder { width:80%; float:left; clear:both; height:auto; margin:0px; padding:40px 10% 40px 10%; background:#fff; } .testimonials_holder h1 { width:100%; height:auto; float:left; margin:0px 0px 20px 0px; padding:0px; font-family:'opensansregular'; font-size:28px; font-weight:normal; color:#ff5757; line-height:28px; text-align:left; text-transform:uppercase; } .testimonials { background:#fff; clear:both; float:left; width:auto; padding:0px; margin:10px 0px 10px 0px; border-radius:4px; } .testimonials .tm_text1 { float:right; width:500px; height:auto; margin:0px; padding:10px 20px 10px 20px; text-align:justify; line-height:22px; font-size:14px; font-weight:normal; color:#161616; font-family:'opensansregular'; } .testimonials .tm_text1 strong { color:#ff5757; line-height:30px; } .testimonials .tm_box1 { float:left; width:120px; height:120px; margin:5px 0px 5px 5px; padding:3px; background:#f0f0f0; border-radius:50%; } .testimonials2 { background:#fff; clear:both; float:right; width:auto; padding:0px; margin:10px 0px 10px 0px; border-radius:4px; } .testimonials2 .tm_text2 { float:left; width:500px; height:auto; margin:0px; padding:10px 20px 10px 20px; text-align:justify; line-height:22px; font-size:14px; font-weight:normal; color:#161616; font-family:'opensansregular'; } .testimonials2 .tm_text2 strong { color:#ff5757; line-height:30px; } .testimonials2 .tm_box2 { float:right; width:120px; height:120px; margin:5px 5px 5px 0px; padding:3px; background:#f0f0f0; border-radius:50%; } /* ########################### contact page ########################### */ .OurOffices { margin:0; padding:35px 3% 35px 3%; height:auto; width:94%; float:left; clear:both; background:#fff; } .OurOffices h1 { width:100%; height:auto; float:left; margin:0px 0px 20px 0px; padding:0px; font-family:'opensansregular'; font-size:28px; font-weight:normal; color:#ff5757; line-height:28px; text-align:left; text-transform:uppercase; } .OurOffices p { width:23%; float:left; height:200px; margin:10px 1% 10px 1%; padding:0px; line-height:20px; text-align:left; font-family:'opensansregular'; font-size:14px; font-weight:normal; color:#161616; } .OurOffices p img { padding:0px; margin:0px 10px 0px 0px; float:left; clear:left; width:32px; height:20px; border:none; } .OurOffices p small { padding:0px; margin:0px 10px 0px 0px; float:left; clear:right; width:auto; height:20px; font-size:110%; font-weight:bold; color:#161616; } .OurOffices p strong { padding:0px; margin:10px 0px 10px 0px; float:left; clear:both; width:100%; height:20px; font-weight:bold; color:#ff5757; } .OurOffices p b { font-weight:bold; color:#161616; } .OurOffices p a { text-decoration:none; color:#f30; } .OurOffices p a:hover { color:#000; } /* map */ #LocationMap { float:left; width:100%; height:400px; margin:20px 0px 0px 0px; padding:0px; } #LocationMap .location_map_marker { width:180px !important; float:left; height:auto; margin:0px; padding:5px !important; background:#FFF; } #LocationMap .location_map_marker h5 { width:100%; height:auto; float:left; margin:0px; padding:0px; font-family: "opensansregular"; font-size:14px; color:#f30; text-align:left; font-weight:bold; line-height:22px; text-transform:uppercase; } #LocationMap .location_map_marker h6 { width:100%; height:auto; float:left; margin:0px; padding:0px; font-family: "opensansregular"; font-size:13px; color:#000; text-align:left; font-weight:normal; line-height:20px; } /* ########################### career page ########################### */ .career { margin:0; padding:35px 3% 35px 3%; height:auto; width:94%; float:left; clear:both; background:#f0f0f0; } .career h1 { width:100%; height:auto; float:left; margin:0px 0px 30px 0px; padding:0px; font-family:'opensanslight'; font-size:28px; font-weight:bold; color:#ff5757; line-height:28px; text-align:left; text-transform:uppercase; } .career .career_form { width:100%; height:auto; float:left; margin:0; padding:0px; border:none; font-family:'opensansregular'; font-size:14px; font-weight:normal; color:#161616; } .career .career_input { clear:both; background:#FFF; width:96%; height:40px; float:left; margin:0px 0px 15px 0px; padding:0px 2%; border:none; line-height:35px; } .career .career_select { clear:both; background:#FFF; width:100%; height:40px; float:left; margin:0px 0px 15px 0px; padding:0px 2%; border:none; line-height:35px; background:#fff url(../images/icon_dropdown2.png) no-repeat right 10px; appearance:none; -moz-appearance:none; -webkit-appearance:none; text-indent: 0.01px; text-overflow: ""; cursor:pointer; } .career .career_captcha { width:20%; height:40px; float:left; margin:0px 0px 15px 0px; padding:0px; border:none; line-height:35px; } .career .career_security { background:#FFF; width:75%; height:40px; float:left; margin:0px 0px 15px 3%; padding:0px 0px 0px 2%; border:none; line-height:35px; } .career .career_textarea { clear:both; background:#FFF; width:96%; height:120px; float:left; margin:0px 0px 15px 0px; padding:0px 2%; border:none; line-height:25px; } .career .career_button { width:140px; height:40px; float:left; margin:10px 0px 0px 0px; padding:0px 20px; border:solid 2px #ff5757; line-height:35px; font-weight:bold; cursor:pointer; background:none; color:#ff5757; text-transform:uppercase; } .career .career_button:hover { background:#ff5757; color:#fff; } .career .career_file { clear:both; width:100%; float:left; height:40px; margin:0px 0px 15px 0px; padding:0px; background:#fff; border:none; font-family:'opensansregular'; font-size: 16px; color:#161616; font-weight: normal; } #collapes_holder { width:100%; float:left; height:auto; margin:0px 0px 0px 0px; padding:0px; } .collapes_head { } .collapes_head a { background:#eee url(../images/icon_sprite1.png) no-repeat right 12px; display:block; border-top:solid 1px #C8C8C8; padding:5px 20px 5px 10px; margin:0; line-height:25px; text-align:left; font-family:'opensansregular'; font-size: 16px; color:#161616; font-weight: normal; text-decoration:none; } .collapes_head a:hover { background:#C8C8C8 url(../images/icon_sprite1.png) no-repeat right 12px; } .collapes_head.open { } .collapes_head.open a { background:#ff5757 url(../images/icon_sprite2.png) no-repeat right 14px; color:#fff !important; } .collapes_head + .collapes_body { padding:0px; display:none; } #collapes_holder .collapes_head + .collapes_body { height:0px; padding:0px; overflow:hidden; background:#fff; display:block!important; transform:translateZ(0); transition:all 0.3s ease; } #collapes_holder .collapes_head.open + .collapes_body { background:none; } #collapes_holder .collapes_body_content { height:auto; width:96%; float:left; margin:0px; padding:10px 2% 10px 2%; } #collapes_holder .collapes_body_content h3 { width:100%; height:auto; float:left; margin:5px 0px 0px 0px; padding:0px; font-family:'opensansregular'; font-size:14px; font-weight:bold; color:#ff5757; line-height:24px; } #collapes_holder .collapes_body_content p { width:100%; height:auto; float:left; margin:10px 0px 10px 0px; padding:0px; font-family:'opensansregular'; font-size:14px; font-weight:normal; color:#161616; line-height:22px; text-align:justify; } #collapes_holder .collapes_body_content p strong { color:#ff5757; font-weight:bold; } #collapes_holder .collapes_body_content p a { text-decoration:none; color:#ff5757; } #collapes_holder .collapes_body_content p a:hover { color:#314cb1; } #collapes_holder .collapes_body_content ol { width:100%; height:auto; float:left; margin:10px 0px 10px 0px; padding:0px; } #collapes_holder .collapes_body_content ol li { list-style-color:#f30; margin:0px 0px 5px 15px; padding:0px 0px 0px 0px; font-family:'opensansregular'; font-size:14px; color:#161616; line-height:20px; } #collapes_holder .collapes_body_content .career_OnlineApply { background:#ff5757; width:auto; float:right; clear:both; height:35px; margin:10px 0px 10px 0px; padding:0px 25px; border-radius:5px; text-align:center; line-height:32px; font-size:14px; color:#FFF; font-family:'opensansregular'; text-decoration:none } #collapes_holder .collapes_body_content .career_OnlineApply:hover { background:#161616; } /* ########################### Media Page ########################### */ .mediapage { margin:0; padding:10px 3% 35px 3%; height:auto; width:94%; float:left; clear:both; background:#fff; } .mediapage .media_left { width:55%; float:left; } .media_left h1 { width:100%; height:auto; float:left; margin:0px 0px 30px 0px; padding:0px; font-family:'opensanslight'; font-size:28px; font-weight:bold; color:#ff5757; line-height:28px; text-align:left; text-transform:uppercase; } ul.media_ulpaging { clear:both; width:100%; height:auto; float:left; margin:0px 0px 0px 0px; padding:0px; list-style:none; } ul.media_ulpaging li { width:100%; height:auto; float:left; margin:0px 0px 30px 0px; padding:0px; font-family:'opensansregular'; font-size:14px; font-weight:normal; color:#161616; line-height:24px; text-align:justify; } ul.media_ulpaging li a { text-decoration:underline; color:#ff5757; font-style:italic; font-weight:bold; } ul.media_ulpaging li a:hover { text-decoration:none; color:#161616; } .media_pagining_holder { clear:both; width:100%; height:auto; float:left; margin:0px 0px 0px 0px; padding:0px; color:#fff; cursor:pointer; font-family:'opensanslight'; font-size:12px; font-weight:bold; color:#fff; text-transform:uppercase; } .media_pagining_holder a { width:auto; float:left; height:22px; background:#ff5757; padding:0px 5px; margin:0px 5px 0px 0px; line-height:22px; text-align:center; color:#fff; text-decoration:none; } .media_pagining_holder a:hover { background:#666; } .jp-previous { } .jp-next { } .jp-current { background:#161616 !important; } .jp-hidden { } .mediapage .media_right { width:40%; float:right; } .mediapage .media_right .add_heading { clear:both; width:100%; float:left; height:auto; padding:0px; margin:0px 0px 10px 0px; border-bottom:solid 1px #ff5757; text-align:left; line-height:40px; font-family:'opensanslight'; font-size:24px; font-weight:bold; color:#ff5757; } .mediapage .media_right .add_prints { clear:both; width:100%; float:left; height:auto; padding:0px; margin:0px 0px 20px 0px; border:none; } .mediapage .media_right .add_divider { width:2%; float:left; height:50px; margin:0px; padding:0px; font-size:0px; line-height:0px; } .mediapage .media_right .add_body { width:49%; float:left; height:auto; margin:0px 0px 10px 0px; padding:0px; } .mediapage .media_right .add_body img { float:right; width:100%; height:auto; margin:0px 0px 5px 0px; padding:0px; border:none; } .mediapage .media_right .add_body p { width:100%; height:35px; float:left; margin:0px; padding:0px; font-family:'opensansregular'; font-size:14px; font-weight:bold; color:#161616; line-height:18px; text-align:center; text-decoration:none; } .mediapage .media_right .add_body:hover p { color:#ff5757; } /* box slider */ .mediapage .media_right .bx-wrapper {position: relative; margin: 0 auto 0px; padding: 0; *zoom: 1;} .mediapage .media_right .bx-wrapper img {max-width: 100%;display: block;} .mediapage .media_right .bx-wrapper .bx-viewport {left:0px;background: #fff; transform: translatez(0);} .mediapage .media_right .bx-wrapper .bx-controls-auto { position: absolute; bottom:0px; width: 100%; } .mediapage .media_right .bx-wrapper .bx-loading { background: url(../images/AjaxLoader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0; z-index: 2000; } .mediapage .media_right .bx-wrapper .bx-pager { display:none; } .mediapage .media_right .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; *zoom: 1; *display: inline;} .mediapage .media_right .bx-wrapper .bx-prev { right:30px; background:url(../images/bx_left1.png) no-repeat left top; } .mediapage .media_right .bx-wrapper .bx-next { right:10px; background:url(../images/bx_right1.png) no-repeat right top; } .mediapage .media_right .bx-wrapper .bx-prev:hover { background:url(../images/bx_left2.png) no-repeat left top; } .mediapage .media_right .bx-wrapper .bx-next:hover { background:url(../images/bx_right2.png) no-repeat right top; } .mediapage .media_right .bx-wrapper .bx-controls-direction a { position: absolute; bottom:5px; margin-top:0px; outline: 0; width:20px; height:30px; text-indent: -9999px; z-index:999; } .mediapage .media_right .bx-wrapper .bx-controls-direction a.disabled { display: none;} .mediapage .media_right .bx-wrapper .bx-caption { position:absolute; bottom:0; left:0; background: #000\9; background:rgba(0, 0, 0, 0.70); width: 100%; } .mediapage .media_right .bx-wrapper .bx-caption span { display: block; padding:0px 0px 0px; margin:0px; line-height:40px; text-align:left; text-indent:20px; color:#fff; font-family:'opensanslight'; font-size:24px; font-weight:normal; text-transform:uppercase; } /* fancy slider */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0;margin: 0;border: 0; outline: none; vertical-align: top; } .fancybox-wrap {position: absolute; top: 0; left: 0;z-index: 8020;} .fancybox-skin {position: relative; background: #f9f9f9;color: #444;text-shadow: none; border-radius: 4px; } .fancybox-opened { z-index: 8030;} .fancybox-opened .fancybox-skin { box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative;} .fancybox-inner { overflow: hidden;} .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch;} .fancybox-error { color: #444; font: 14px/20px Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap;} .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%;} .fancybox-image { max-width: 100%; max-height: 100%;} #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../images/fancybox_sprite.png'); } #fancybox-loading { position: fixed;top: 50%;left: 50%;margin-top: -22px;margin-left: -22px;background-position: 0 -108px; opacity: 0.8;cursor: pointer;z-index: 8060;} #fancybox-loading div { width: 44px;height: 44px;background: url('../images/fancybox_loading.gif') center center no-repeat;} .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040;} .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer;text-decoration: none; background: transparent url('../images/blank.gif'); -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040;} .fancybox-prev {left: 0;} .fancybox-next {right: 0;} .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px;margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden;} .fancybox-prev span {left: 10px;background-position: 0 -36px;} .fancybox-next span {right: 10px;background-position: 0 -72px;} .fancybox-nav:hover span { visibility: visible;} .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important;} .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0;overflow: hidden; display: none; z-index: 8010; background: url('../images/fancybox_overlay.png');} .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0;} .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll;} .fancybox-title { visibility: hidden; font: normal 13px/20px Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050;} .fancybox-opened .fancybox-title { visibility: visible;} .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center;} .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: rgba(0, 0, 0, 0.8); border-radius: 15px;text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff;} .fancybox-title-inside-wrap { padding-top: 10px;} .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } .media_detail { margin:0; padding:10px 5% 35px 5%; height:auto; width:90%; float:left; clear:both; background:#fff; font-family:'opensansregular'; font-size:14px; font-weight:normal; color:#161616; line-height:24px; text-align:justify; } /* ########################### case study page ########################### */ .casestudy { margin:0; padding:35px 3% 35px 3%; height:auto; width:94%; float:left; clear:both; background:#f0f0f0; } .casestudy .cs_select { position:relative; right:0px; top:0px; z-index:999; width:250px; height:32px; float:right; margin:0px 0px 20px 0px; padding:0px 5px; border:solid 1px #d0d0d0; background:#fff url(../images/icon_dropdown.png) no-repeat right 9px; appearance:none; -moz-appearance:none; -webkit-appearance:none; text-indent: 0.01px; text-overflow: ""; cursor:pointer; font-family:'opensanslight'; font-size:14px; font-weight:normal; color:#161616; line-height:28px; text-align:left; } .casestudy .cs_head { width:100%; height:32px; float:left; margin:0px 0px 20px 0px; padding:0px; font-family:'opensanslight'; font-size:28px; font-weight:bold; color:#ff5757; line-height:32px; text-align:left; text-transform:uppercase; } /*.accordion, .accordion * { box-sizing:border-box; }*/ .accordion { position:relative; right:0px; top:-50px; overflow:hidden; margin:0; padding:0px; height:auto; width:100%; float:left; clear:both; } .accordion-section { overflow:hidden; width:100%; height:auto; clear:both; float:left; margin:0px; padding:0px; } .accordion-section-title { display:inline-block; width:98%; height:auto; float:left; margin:0px; padding:7px 1% 7px 1%; background:#D8D8D8; border-bottom:solid 1px #fff; line-height:28px; text-align:left; text-decoration:none; font-family:'opensanslight'; font-size:18px; font-weight:bold; color:#161616; line-height:22px; text-align:left; } .accordion-section-title:hover { background:#ccc; } .accordion-section-title.active { background:#ff5757; color:#fff; } .accordion-section:last-child .accordion-section-title {} .accordion-section-content { display:none; width:98%; height:auto; float:left; margin:0px; padding:10px 1% 10px 1%; } .accordion-section .open { display:block; } .casestudy h2 { width:100%; height:auto; float:left; margin:10px 0px 0px 0px; padding:0px; font-family:'opensansregular'; font-size:18px; font-weight:bold; color:#ff5757; line-height:22px; } .casestudy h3 { width:100%; height:auto; float:left; margin:5px 0px 0px 0px; padding:0px; font-family:'opensansregular'; font-size:14px; font-weight:bold; color:#06C; line-height:20px; } .casestudy p { width:100%; height:auto; float:left; margin:10px 0px 10px 0px; padding:0px; font-family:'opensansregular'; font-size:14px; font-weight:normal; color:#161616; line-height:22px; text-align:justify; } .casestudy p img { float:right; width:auto; height:auto; margin:5px 0px 10px 15px; padding:2px; border:solid 1px #dddddd; } .casestudy ul { width:100%; height:auto; float:left; margin:10px 0px 10px 0px; padding:0px; } .casestudy ul li { list-style:square; margin:0px 0px 5px 15px; padding:0px 0px 0px 10px; font-family:'opensansregular'; font-size:14px; color:#161616; line-height:20px; } .casestudy ul li:first-child { margin:0px 0px 5px -10px; list-style:none; } .casestudy table { width:100%; float:left; clear:both; font-family:'opensansregular'; font-weight:normal; color:#161616; line-height:20px; font-size:14px; font-weight:normal; } .casestudy table td { padding:0px 5px 0px 5px; } /* ########################### resource page ########################### */ .resource_download { margin:0; padding:35px 3% 35px 3%; height:auto; width:94%; float:left; clear:both; background:#f0f0f0; } .rd_heading { width:100%; height:auto; float:left; margin:0px; padding:0px; font-family:'opensanslight'; font-size:24px; font-weight:bold; color:#ff5757; line-height:20px; text-align:left; text-transform:uppercase; } .rd_tabal { clear:both; width:100%; height:auto; margin:0px; padding:5px 0px; float:left; border-bottom:solid 1px #d0d0d0; font-family:'opensansregular'; font-weight:normal; color:#161616; line-height:22px; } .rd_tabal:hover { background:#d0d0d0; } .rd_tabal h4 { width:60%; float:left; height:atuo; margin:0px 0px 0px 1%; padding:0px; font-size:14px; font-weight:normal; } .rd_tabal h5 { width:15%; float:left; height:atuo; margin:0px; padding:0px; font-size:14px; font-weight:normal; } .rd_tabal h6 { width:24px; float:right; height:24px; margin:5px 1% 0px 0px; padding:0px; background:url(../images/download1.png) no-repeat; font-size:0px; } .rd_tabal:hover h6 { background:url(../images/download2.png) no-repeat; } .rd_tools { margin:0px; padding:0px; height:auto; width:100%; float:left; clear:both; } .rd_tools h2 { clear:both; width:100%; height:auto; float:left; margin:10px 0px 10px 0px; padding:0px; font-family:'opensanslight'; font-size:18px; font-weight:bold; color:#ff5757; line-height:28px; text-align:left; } .rd_tools p { clear:both; width:100%; height:auto; float:left; margin:20px 0px 0px 0px; padding:0px; font-family:'opensansregular'; font-size:14px; font-weight:normal; color:#161616; line-height:24px; text-align:left; } .rd_tools p strong { color:#ff5757; } .rd_tools img { float:left; margin:10px 0px 0px 20px; padding:0px; border:none; } .rd_tools ul { clear:both; float:left; margin:0px 0px 10px 0px; padding:0px; height:auto; width:100%; } .rd_tools ul li { list-style:square; margin:5px 0px 0px 20px; padding:0px; font-family:'opensansregular'; font-size:14px; font-weight:normal; color:#161616; line-height:24px; text-align:justify; } .rd_tools ul li:first-child { list-style:none; margin:20px 0px 0px 0px; color:#ff5757; } .rdt_box { margin:0px 0px 7px 0px; padding:0px; height:auto; width:690px; float:left; clear:both; font-family:'opensansregular'; } .rdtb_head2 { margin:0px .5% 0px 0px; padding:0px; height:auto; width:15.5%; float:left; } .rdtb_head { margin:0px .5% 0px 0px; padding:0px; height:auto; width:10%; float:left; } .rdtb_head3 { margin:0px .5% 0px 0px; padding:0px; height:auto; width:10%; float:right; text-align:center; line-height:24px; } .rdt_box .rdtb_total { margin:0px .5% 0px 0px; padding:0px; width:15%; float:right; height:25px; background:#ddd; text-align:center; color:#000; line-height:25px; font-weight:bold; } .rdt_box .rdtb_calculate { margin:0px .5% 0px 0px; padding:0px; width:15%; float:right; height:25px; border:none; cursor:pointer; background:#ff5757; text-align:center; color:#fff; } .rdtb_calculate:hover { background:#161616; } .rdt_box input { width:95%; height:22px; padding:0px 0px 0px 5%; border:none; background:#FFF; } .rdt_box select { width:100%; height:22px; padding:0px 0px 0px 0px; border:none; background:#FFF; } .hddcallable { background:#fff; float:left; width:95%; height:22px; padding:0px 0px 0px 5%; border:none; } /* ########################### support callus ########################### */ .supports { margin:0; padding:25px 3% 25px 3%; height:auto; width:94%; float:left; clear:both; background:#FFF; } .supports h1 { width:100%; height:auto; float:left; margin:0px 0px 0px 0px; padding:0px; font-family:'opensanslight'; font-size:24px; font-weight:bold; color:#ff5757; line-height:28px; text-align:left; text-transform:uppercase; } .supports h2 { width:100%; height:auto; float:left; margin:10px 0px 0px 0px; padding:0px; font-family:'opensansregular'; font-size:18px; font-weight:bold; color:#ff5757; line-height:24px; text-align:left; } .supports h3 { width:100%; height:auto; float:left; margin:10px 0px 0px 0px; padding:0px; font-family:'opensansregular'; font-size:16px; font-weight:bold; color:#ff5757; line-height:24px; text-align:left; } .supports p { width:100%; height:auto; float:left; margin:10px 0px 10px 0px; padding:0px; font-family:'opensansregular'; font-size:14px; font-weight:normal; color:#161616; line-height:24px; text-align:justify; } .supports ul { clear:both; float:left; margin:5px 0px 10px 0px; padding:0px; height:auto; width:100%; } .supports li { list-style-type:square; margin:5px 0px 0px 20px; padding:0px; font-family:'opensansregular'; font-size:14px; font-weight:normal; color:#161616; line-height:24px; text-align:justify; } .sf_clear { width:100%; float:left; clear:both; height:1px; font-size:0px; line-height:0px; } .supports .supports_form { width:84%; float:left; height:auto; margin:0px 8%; padding:0px; } .supports .supports_form .sf_input { height:45px; width:100%; float:left; margin:25px 0px 0px 0px; padding:0px; background:none; border:none; border-bottom:solid 1px #999; line-height:50px; font-family:'opensansregular'; font-size:14px; font-weight:normal; color:#000; font-style:italic; } .supports .supports_form .sf_input_captcha { width:20%; float:left; height:45px; margin:25px 0px 0px 0px; padding:0px; border:none; } .supports .supports_form .sf_input_vrf { height:45px; width:75%; float:left; margin:25px 0px 0px 5%; padding:0px; background:none; border:none; border-bottom:solid 1px #999; line-height:50px; font-family:'opensansregular'; font-size:14px; font-weight:normal; color:#000; font-style:italic; } .supports .supports_form .sf_textarea { height:110px; width:100%; float:left; margin:25px 0px 0px 0px; padding:0px; background:none; border:none; border-bottom:solid 1px #999; line-height:25px; font-family:'opensansregular'; font-size:14px; font-weight:normal; color:#000; font-style:italic; } .supports .supports_form .sf_button { clear:both; cursor:pointer; height:42px; width:auto; float:left; margin:35px 0px 0px 0px; padding:0px 35px; background:#ff5757; border:none; text-align:center; line-height:35px; font-family:'opensansregular'; font-size:14px; font-weight:bold; color:#fff; text-transform:uppercase; transition: all .5s ease-out; } .supports .supports_form .sf_button:hover { background:#161616; transition: all .5s ease-in; } .supports_form_box { width:100%; float:left; height:auto; margin:40px 3% 20px 3%; padding:0px; line-height:22px; text-align:center; font-family:'opensansregular'; font-size:14px; font-weight:bold; color:#161616; } .supports_form_box strong { color:#ff5757; font-size:130%; } .supports_form_box a { text-decoration:none; color:#ff5757; } .supports_form_box a:hover { color:#161616; } .supports table { width:100%; float:left; clear:both; margin:20px 0px 10px 0px; padding:0px; } .supports table td { padding:0px 5px 0px 5px; font-family:'opensansregular'; font-weight:normal; color:#161616; line-height:20px; font-size:14px; font-weight:normal; } /* faqs */ #faq_callapes { width:100%; float:left; height:auto; margin:20px 0px 0px 0px; padding:0px; } .faq_head { } .faq_head a { background:url(../images/icon_faq1.png) no-repeat right 12px; display:block; border-top:solid 1px #d8d8d8; padding:7px 25px 7px 5px; margin:0; line-height:24px; text-align:left; font-family:'opensansregular'; font-size: 16px; color:#161616; font-weight: normal; text-decoration:none; } .faq_head:hover { background:#f0f0f0 url(../images/icon_faq1.png) no-repeat right 12px; } .faq_head.open { } .faq_head.open a { background:#161616 url(../images/icon_faq2.png) no-repeat right 14px; color:#fff !important; } .faq_head + .faq_body { padding:0px; display:none; } #faq_callapes .faq_head + .faq_body { height:0px; padding:0px; overflow:hidden; background:#fff; display:block!important; transform:translateZ(0); transition:all 0.3s ease; } #faq_callapes .faq_head.open + .faq_body { background:none; } #faq_callapes .faq_body_content { height:auto; width:96%; float:left; margin:0px; padding:10px 2% 10px 2%; background:#fcfcfc; } #faq_callapes .faq_body_content p { clear:both; float:left; margin:0px; padding:0px; height:auto; width:100%; font-family:'opensansregular'; font-size:14px; font-weight:normal; color:#161616; line-height:24px; text-align:justify; } #faq_callapes .faq_body_content ul { clear:both; float:left; margin:0px; padding:0px; height:auto; width:100%; } #faq_callapes .faq_body_content ul li { list-style-type:square; margin:0px 0px 0px 20px; padding:0px; font-family:'opensansregular'; font-size:14px; font-weight:normal; color:#161616; line-height:24px; text-align:justify; } #faq_callapes .faq_body_content ul li:first-child { list-style:none; margin:0px 0px 10px 0px; font-weight:bold; } /* ########################### sitemap page ########################### */ .sitemap { margin:0; padding:35px 3% 35px 3%; height:auto; width:94%; float:left; clear:both; background:#fff; } .sitemap li { width:33%; float:left; list-style:none; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; font-family:'opensanslight'; font-size:18px; line-height:30px; font-weight:bold; } .sitemap li a { color:#ff5757; text-decoration:none; } .sitemap li a:hover { color:#161616; text-decoration:none; } .sitemap li ul { margin:0; padding:0px; height:auto; width:100%; float:left; clear:both; } .sitemap li ul li { list-style:disc; margin:0px 0px 0px 20px; padding:0px; height:auto; width:100%; float:left; clear:both; font-family:'opensansregular'; font-size:14px; line-height:24px; font-weight:normal; } .sitemap li ul li a { color:#161616; text-decoration:none; } .sitemap li ul li a:hover { color:#ff5757; text-decoration:none; } /* ########################### privacy policy page ########################### */ .privacypolicy { margin:0; padding:20px 3% 35px 3%; height:auto; width:94%; float:left; clear:both; background:#fff; } .privacypolicy h1 { width:100%; height:auto; float:left; margin:0px 0px 10px 0px; padding:0px; font-family:'opensansregular'; font-size:24px; font-weight:normal; color:#ff5757; line-height:28px; text-align:left; text-transform:uppercase; } .privacypolicy h2 { width:100%; height:auto; float:left; margin:10px 0px 5px 0px; padding:0px; font-family:'opensansregular'; font-size:18px; font-weight:normal; color:#ff5757; line-height:28px; text-align:left; } .privacypolicy p { width:100%; height:auto; float:left; margin:0px 0px 10px 0px; padding:0px; font-family:'opensansregular'; font-size:14px; font-weight:normal; color:#161616; line-height:22px; text-align:justify; } .privacypolicy ul { clear:both; float:left; margin:0px 0px 10px 0px; padding:0px; height:auto; width:100%; } .privacypolicy li { list-style-type:square; margin:5px 0px 0px 20px; padding:0px; font-family:'opensansregular'; font-size:14px; font-weight:normal; color:#161616; line-height:24px; text-align:justify; } /* ##################################### Gallery Page ################################################# */ .GalleryPage { width:100%; padding:0px; margin:0px; float:left; border:none; height:auto; overflow:hidden; } .GalleryPage .bx-wrapper { position: relative; left:0px; top:0px; width:100%; height:auto; float:left; margin:0px; padding:0; *zoom: 1; } .GalleryPage .bx-wrapper .bxslider, .GalleryPage .bx-wrapper .bxslider li, .GalleryPage .bx-wrapper .bxslider li img { float:left; width:100%; height:auto; margin:0px; padding:0px; } .GalleryPage #bx-pager { clear:both; float:left; width:100%; height:auto; margin:0px; padding:0px; } .GalleryPage #bx-pager .bx-pager-box { float:left; width:15.6%; height:auto; margin:0px; padding:.5%; background:#fff; } .GalleryPage #bx-pager .bx-pager-box.active { background:#ddd; } .GalleryPage #bx-pager .bx-pager-box img { width:100%; height:auto; float:left; margin:0px; padding:0px; border:none; } .GalleryPage .bx-wrapper .bx-loading { min-height:50px; background: url(../images/AjaxLoader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0;z-index: 99; } .GalleryPage .bx-wrapper .bx-controls-direction a { position:absolute; top:40%; margin:0px; outline:0; width:40px; height:50px; text-indent:-9999px; z-index:98; } .GalleryPage .bx-wrapper .bx-controls-direction a.disabled { display: none; } .GalleryPage .bx-wrapper .bx-prev { left:10px; background:#161616 url(../images/bx_left1.png) no-repeat 10px 10px; } .GalleryPage .bx-wrapper .bx-next { right:10px; background:#161616 url(../images/bx_right1.png) no-repeat 10px 10px; } .GalleryPage .bx-wrapper:hover .bx-prev { background:#161616 url(../images/bx_left2.png) no-repeat 10px 10px; } .GalleryPage .bx-wrapper:hover .bx-next { background:#161616 url(../images/bx_right2.png) no-repeat 10px 10px; } /* ##################################### signup for newsletter ################################################# */ .signup_for_newsletter { background:url(../images/signup_bg.jpg) repeat left bottom; height:auto; width:100%; float:left; padding:130px 0px 150px 0px; margin:0px; } .signup_for_newsletter h1 { width:100%; height:auto; float:left; margin:10px 0px 20px 0px; padding:0px; font-family:'opensanslight'; font-size:30px; font-weight:bold; color:#161616; line-height:40px; text-align:center; text-transform:uppercase; } .signup_for_newsletter .snlf_form { background:url(../images/signup_for_bg.jpg) repeat left top; height:auto; width:70%; float:left; margin:0px 15% 0px 15%; padding:20px 2%; } .signup_for_newsletter .snlf_form .snlf_input { background:#FFF; width:66%; padding:0px 1%; float:left; height:40px; border:none; text-align:center; line-height:35px; font-family:'opensanslight'; font-size:16px; font-weight:normal; color:#161616; } .signup_for_newsletter .snlf_form .snlf_button { background:#161616; width:29%; padding:0px 1%; float:right; height:40px; border:none; text-align:center; line-height:35px; font-family:'opensanslight'; font-size:16px; font-weight:bold; color:#fff; } .signup_for_newsletter .snlf_form .snlf_button:hover { background:#000; cursor:pointer; } /* ############################################ reveal ############################################ .reveal-modal-bg { position:fixed; height:100%; width:100%; background:#000; background:rgba(0,0,0,.8); z-index:99995; display:none; top:0; left:0; } .close-reveal-modal { z-index:99997; position:absolute; top:-17px; right:-17px; background:url(../images/close_icon.png) no-repeat left top; background-size:100% 100%; height:32px; width:32px; float:right; margin:0px; padding:0px; text-shadow: 0 -1px 1px rbga(0,0,0,.6);cursor: pointer; } .reveal-jobpost { background:#fff; visibility: hidden; z-index: 99998; position: absolute; top:0px; margin:100px 20% 0px 20%; padding:0px; float:left; width:60%; height:500px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow:0 0 10px rgba(0,0,0,.4); } .scrol_holder { position:absolute; width:100%; height:470px; float:left; margin:0px; padding:15px 0 15px 0; } .scrol_holder .viewport { position:relative; left:0px; bottom:0px; height:470px; width:90%; float:left; margin:0px 0px 0px 3%; padding:0px; overflow:hidden; } .scrol_holder .overview { background:url(../images/logo.png) no-repeat right top; position:absolute; width:100%; float:left; margin:0px; padding:0px; height:auto; float:left; margin:0px; padding:0px; overflow:hidden; font-family:'opensansregular'; font-size:14px; font-weight:normal; color:#161616; line-height:24px; text-align:justify; } .reveal-jobpost .overview strong { color:#ff5757; font-weight:bold; } .reveal-jobpost .overview b { color:#ff5757; font-weight:bold; word-spacing:10px; } .scrol_holder .scrollbar { z-index:999; height:95% !important; overflow:hidden; position:relative; right:12px; top:20px; width:7px; float:right; margin:0px; padding:0px; } .scrol_holder .track { background:#ababaa; height:100% !important; width:3px; position:relative; padding:0; margin:0px 2px 0px 2px; } .scrol_holder .thumb { background:#ff5757; position:relative; top:0; left:-2px; height:50px; width:7px; padding:0; margin:0px; cursor:pointer; } .scrol_holder .disable { display:none;} .scrol_holder .noSelect { user-select:none; -o-user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; } .jobpost_close { background:#FFF !important; float:right !important; width:24px !important; height:24px !important; right:5px !important; top:5px !important; margin:0px !important; padding:0px !important; } ############################################ reveal ############################################ */ /* ############################################ Auto Complete ############################################ */ .ui-autocomplete { position: absolute; cursor: default; z-index:999999; } * html .ui-autocomplete { width:1px; } .ui-menu { list-style:none; padding: 2px;margin: 0;display:block; float: left; } .ui-menu .ui-menu { margin-top: -3px;} .ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left;width: 100%; border-top:dashed #ccc 1px; } .ui-menu .ui-menu-item a { cursor: pointer; display: block; line-height: 22px; padding: 5px 0 5px 10px; text-decoration: none; width: 98% !important;} .ui-menu .ui-menu-item a.ui-state-hover,.ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; } .ui-widget-content { border:1px solid #aaaaaa; background: #ffffff; color: #222222; } .ui-widget-content a { color:#222222; } .ui-widget-header { border:1px solid #aaaaaa; background: #cccccc; color: #222222; font-weight: bold; } .ui-widget-header a { color:#222222; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6; font-weight: normal; color: #555555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { color:#f30; } .ui-autocomplete-category { font-weight: bold; padding:.2em .4em; line-height:22px; } .ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all { max-height: 220px; width:205px!important; overflow-x: hidden; } /* ############################################ product filter section (loader only) ############################################ */ .modal { position: fixed; z-index: 999; height: 100%; width: 100%; top: 0; background:#000; filter: alpha(opacity=60); opacity: 0.6; -moz-opacity: 0.8; } .center { z-index: 1000; margin: 300px auto; padding: 10px; width: 130px; background-color: White; border-radius: 10px; filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; } .center img{ height: 128px; width: 128px; z-index:99999;} #pfh_close_button { z-index:9999; position:relative; right:-10px; top:-10px; height:22px; width:22px; float:right; margin:0px; padding:0px; cursor:pointer; } /* search */ .highlight { text-decoration: none; color:#FF5757 !important; } .sr_heading { width:33.1%; height:auto; float:left; margin:0px; padding:0px; line-height:20px; text-align: left; font-family: "opensansregular"; font-size: 28px; font-weight: normal;color:#FF5757; text-transform: uppercase; } .sr_searchFor { width:33.1%; height:auto; float:left; margin:0px; padding:0px; line-height:35px; text-align:center; font-family: "opensansregular"; font-size:16px; font-weight: normal;color: #161616; } .sr_searchCount { width:33.1%; height:auto; float:left; margin:0px; padding:0px; line-height:35px; text-align:right; font-family: "opensansregular"; font-size:16px; font-weight: normal;color: #FF5757; } .sr_searchClear { width:100%; height:20px; float:left; margin:0px; padding:0px; clear:both; }