a{outline:none;} @font-face { font-family: Oswald; src: url('fonts/Oswald-Light_0.otf'); } @font-face { font-family: Oswald; src: url('fonts/Oswald-Light-webfont.ttf'); } @font-face { font-family: OpenSans-CondLight; src: url('fonts/OpenSans-CondLight.eot');} @font-face { font-family: OpenSans-CondLight; src: url('fonts/OpenSans-CondLight.woff'); } @font-face { font-family: OpenSans-CondBold; src: url('fonts/OpenSans-CondBold.eot'); } @font-face { font-family: OpenSans-CondBold; src: url('fonts/OpenSans-CondBold.woff'); } @font-face { font-family: OpenSans-Light; src: url('fonts/OpenSans-Light.eot'); } @font-face { font-family: OpenSans-Light; src: url('fonts/OpenSans-Light.woff'); } @font-face { font-family: OpenSans-Regular; src: url('fonts/OpenSans-Regular.eot'); } @font-face { font-family: OpenSans-Regular; src: url('fonts/OpenSans-Regular.woff'); } img{border:0px;padding:0px;} h1,h2,h3,p{margin:0px;padding:0px;} .fleft{float:left;} .fright{float:right;} .cleard{clear:both;} a{text-decoration:none;} .mgnt10{margin-top:10px;} .mgnt15{margin-top:15px;} .mgnt25{margin-top:25px;} .mgnl10{margin-left:10px;} .mgnl20{margin-left:20px;} .mgnl80{margin-left:80px;} .mgnl150{margin-left:150px;} .mgnt30{margin-top:30px;} .mgnt100{margin-top:100px;} .padt10{padding-top:10px;} .padt15{padding-top:15px;} .maincontainer{width:100%;margin:0 auto} .header{background:#fff;width:100%;} .mainheader{margin:0px auto;padding:0px;width:1000px;} .main-sect {height: auto;overflow-x: hidden;position: static;margin:0px;padding:0px;} .fleft{float:left;} /************ Header ***/ .mobiledev{display:none} .l-header {background-color: #dff2fc;height: 70px;left: 0;line-height: 70px;position: relative;width: 100%;z-index: 10;box-shadow:0px 1px 7px #d1cfcf; border-bottom:1px solid #dadada; } .main-sect.headertype_sticky .l-header {position: absolute;} .main-sect.headertype_sticky.headerpos_top .l-header {position: fixed;top: 0;} .header-sect, .header-logo{height: 100%;} .logo{margin:10px 0 0 0px;padding:0px;} .header-logo {width: 1000px;margin:0 auto;} .section-list {background-color: #FFFFFF;color: #444444;position: relative;margin:0px;width:100%;padding:0px;} .header-logo .w-nav {float: right;} .header-logo .w-nav-control {color: #666666;cursor: pointer;display: none;font-size: 21px;height: inherit;line-height: inherit;position: relative;text-align: center;width: 50px;} .header-logo .w-nav-control:hover, .header-logo .w-nav-control:active {color: #333333;} .header-logo .w-nav-control i {display: block;line-height: inherit;} .header-logo .w-nav-item.topmatter {font:15px Oswald;color:#242424;line-height: inherit;text-transform: uppercase;} .header-logo .global-navlink.topmatter {color: #242424;padding: 0 15px;} .header-logo .w-nav-item.topmatter:hover .global-navlink.topmatter {color: #333333;} .header-logo .w-nav-item.topmatter.active .global-navlink.topmatter, .header-logo .w-nav-item.topmatter.current-menu-item .global-navlink.topmatter, .header-logo .w-nav-item.topmatter.current-menu-ancestor .global-navlink.topmatter {color: #31C5C7;background:url(../img/menubg.gif) left top repeat-x;color:#fff;} .header-logo .w-nav-item.topmatter .global-navlink.topmatter:before {background:url(../img/menubg.gif) left top repeat-x;content: "";display: block;color:#fff;height: 0;left: 0;position: absolute;top: 0;transition: height 0.5s ease 0s;width: 100%;} .no-touch .header-logo .w-nav-item.topmatter .global-navlink.topmatter:before {display: block;} .header-logo .w-nav-item.topmatter:hover .global-navlink.topmatter:before {height: 100%;} .header-logo .global-navlink.topmatter > .global-nav-option {position: relative;} /*.header-logo .w-nav.touch_enabled {position: static;width: 50px;} .header-logo .w-nav.touch_enabled .global-navsect {position: static;} .header-logo .w-nav.touch_enabled .w-nav-control {display: block;} .header-logo .w-nav.touch_enabled .global-navlist.topmatter {background-color: #FFFFFF;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);left: 0;max-height: 300px;overflow-y: auto !important;padding: 0 3%;position: absolute;right: 0;top: 60px;} .header-logo .w-nav.touch_enabled .w-nav-item {float: none;line-height: 26px;width: 100%;} .header-logo .w-nav.touch_enabled .global-navlink {border-top: 1px solid #E8E8E8;} .header-logo .w-nav.touch_enabled .global-navlink.topmatter:after, .header-logo .w-nav.touch_enabled .global-navlink.topmatter:before { display: none !important; }*/ .w-nav {position: relative;} .global-navsect {position: relative;} .global-navsect:after {clear: both;content: "";display: block;height: 0;overflow: hidden;visibility: hidden;} .global-navlist {display: block;min-width: 150px;position: relative;width: auto;} .global-navlist-main {} .w-nav-item {font-size: 14px;line-height: 18px;} .global_navitem_list {position: relative;} .global_navitem_list a span:hover,.global_navitem_list:hover,.header-logo .w-nav-item.topmatter .global-navlink.topmatter:hover{color:#fff} .global-navlink {display: block;overflow: hidden;position: relative;text-decoration: none;} .global-navlink.topmatter {padding: 10px 20px;text-align: left;} .global-navlist.global-layout {} .global-navlist.global-layout.global-auto > .global-navlist-main:after {clear: both;content: "";display: block;height: 0;overflow: hidden;visibility: hidden;} .global-navlist.global-layout.global-auto > .global-navlist-main > .w-nav-item {float: left;} .global-navlist.global-layout.global-auto.with_separator > .global-navlist-main > .w-nav-separator {display: block;} .global-navlist.global-layout.width_full > .global-navlist-main {line-height: 0;text-align: justify;} .global-navlist.global-layout.width_full > .global-navlist-main:after {content: "";display: inline-block;height: 0;overflow: hidden;visibility: hidden;width: 100%;} .global-navlist.global-layout.width_full > .global-navlist-main > .w-nav-item {display: inline-block;position: relative;text-align: left;vertical-align: top;} .global-navlist.global-layout.width_full.with_separator > .global-navlist-main > .w-nav-separator {display: inline-block;float: none;line-height: normal;position: relative;text-align: left;vertical-align: top;} .global-navlist.layout_ver {} .global-navlist.float_right {float: right;} .global-navlist.show_active, .global-navlist.show_onclick {display: none;} .w-nav-item.active > .global_navitem_list > .global-navlist.show_active, .w-nav-item.clicked > .global_navitem_list > .global-navlist.show_onclick {display: block;} .w-nav-item.active > .global_navitem_list > .global-navlist.global-layout.width_stretch.show_active, .w-nav-item.clicked > .global_navitem_list > .global-navlist.global-layout.width_stretch.show_onclick {display: table;} .global-navlist.show_onhover {display: none;} .w-nav-item:hover > .global_navitem_list > .global-navlist.show_onhover {display: block;} .w-nav-item:hover > .global_navitem_list > .global-navlist.global-layout.width_stretch.show_onhover {display: table;} .global-navlist.show_always, .global-navlist.topmatter {display: block;} .global-navlist.global-layout.width_stretch.show_always {display: table;} /************* Banner *******************/ .banner{margin:0px 0 0;} .ls-preview .ls-nav-next{background:url(../right_arrow.html) left top no-repeat;width:48px;height:48px;} .ls-preview .ls-nav-prev{background:url(../left_arrow.html) left top no-repeat;width:48px;height:48px;} .ls-preview .ls-nav-prev,.ls-preview .ls-nav-next{width:45px!important;height:45px!important;line-height:45px!important;margin:-23px 0 0!important;z-index:1!important;top:50%;position:absolute;cursor:pointer;background-color:none!important;} .ls-preview .ls-nav-prev{background-image:url(../img/left_arrow.png)!important;background-position:center!important;background-repeat:no-repeat!important;left:15px!important;z-index:10;} .ls-preview .ls-nav-prev:hover{background-image:url(../img/left_arrow.png)!important;} .ls-preview .ls-nav-next{background-image:url(../img/right_arrow.png)!important;background-position:center!important;background-repeat:no-repeat!important;right:15px!important} .ls-preview .ls-nav-next:hover{background-image:url(../img/right_arrow.png)!important} .image_with_text_over{display:inline-block;position:relative;margin:0;width:100%}.image_with_text_over img{display:block;position:relative;width:100%;z-index:10}.image_with_text_over .shader{position:absolute;width:100%;height:100%;top:0;left:0;background-image:url(img/pixel.html);background-position:0 0;background-repeat:repeat;z-index:20}.image_with_text_over .text{position:absolute;width:100%;height:100%;top:0;left:0;z-index:30;text-align:center}.image_with_text_over table{position:absolute;width:100%;height:100%;top:0;left:0;width:100%;height:100%}.image_with_text_over table td{padding:0;vertical-align:middle;background:none!important}.image_with_text_over .caption,.image_with_text_over .subtitle,.image_with_text_over .over_line{opacity:1;filter:alpha(opacity = 100);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.image_with_text_over .caption{font-weight:400;font-family:"Oswald",sans-serif;font-size:35px;line-height:35px}.image_with_text_over .over_line{display:block;background-color:#fff;height:1px;width:115px;margin:13px auto 9px}.image_with_text_over .text p,.image_with_text_over .caption,.image_with_text_over .subtitle{color:#fff}.image_with_text_over .desc{margin:0 30px;opacity:0;filter:alpha(opacity = 0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0px)}.image_with_text_over .text:hover .caption,.image_with_text_over .text:hover .subtitle,.image_with_text_over .text:hover .over_line{opacity:0;filter:alpha(opacity = 0)}.image_with_text_over .text:hover .desc{opacity:1;filter:alpha(opacity = 100)} .slider{width:100%;margin:0 auto;padding:0px;height:610px;} .banner-txt{font-size: 35px;} /**********************************/ .about_content{background:#32296f;width:100%;font:55px 'OpenSans-CondLight';color:#ffffff;text-align:center;padding:0px 0px 10px;} .about-innerbg{background:url(../img/about-bg.gif) left top repeat;width:100%;} .about-inner{width:1000px;margin:0px auto;padding:20px 0 80px;} .about-weare{width:305px;margin-right:40px;} .about-weare.last{width:305px;margin-right:0px;} .about-weare h2{font:25px 'OpenSans-Regular';color:#000000;text-align:center} .about-weare .abouttxt{margin:0px;padding:0px;} .about-weare .abouttxt p{color:#5a5a5a;font:13px 'OpenSans-Regular';text-align:justify;padding:0 0px;margin:5px 0;line-height:18px;} .about-weare .aboutlink {margin:30px 0 0 100px;padding:0 0 0 0px;} .about-weare .aboutlink a{color:#5a5a5a;font:15px 'OpenSans-Regular';text-decoration:none;border:1px solid #f8c9c9;padding:5px 30px;color:#e41a1a;background:#fff;} .about-weare .aboutlink a:hover{background:#e41a1a;color:#fff} .about-weare .aboutimg{text-align:center} .about-inner.service-animate{display:block} .about-inner.about-mobile{display:none;} .service{width:100%;/*border-bottom:20px solid #F88B00;*/padding-bottom:0px;} .service_inner{margin:0 auto;width:1000px;} .service-head{background:#32296f;width:100%;padding:0px 0;margin:0px;font:55px 'OpenSans-CondLight';color:#fff;text-align:center;} .service-head p{font:13px 'OpenSans-Regular';color:#666666;text-align:center;padding:0px 0 0 0px;} .serive-bg{width:1000px;} .service-innerhead{margin:0px 0 0 0px;padding:0px;width:1000px;} .service-innerhead h2{font:20px 'OpenSans-Regular';color:#000000;margin:0px 0 0;padding:0px;} .service-innerhead span{display:none} .service-innerhead p{font:13px 'OpenSans-Light';color:#666666;line-height:20px;margin:10px 0 0px 0;padding:0px;} .service-innerhead p b{font:bold 13px 'OpenSans-Light';color:#666666;} .service-innerhead a{font:13px 'OpenSans-Light';color:#ff0000;text-decoration:none} .service-rgt{text-align:left;margin-left:0px;margin-right:25px;} .mobile-service{display:none;} #about-innerbg{height:820px;} .portal-info-wrap, .portal-infomat{position: relative;width: 154px;height: 154px;border-radius: 50%;margin:0px;padding:0px;} .portal-info-wrap {background: #cbcbcb;box-shadow: 0 0 0 20px rgba(255,255,255,0.2),inset 0 0 3px #cdcdcd;} .portal-infomat > div {display: block;position: absolute;width: 100%;height: 100%;border-radius: 50%;background-position: center center;-webkit-backface-visibility: hidden;} .portal-infomat .portal-info-front {-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} .portal-infomat .portal-info-back {opacity: 0; color:#fff;pointer-events: none; -webkit-transform: scale(1.5);-moz-transform: scale(1.5);-o-transform: scale(1.5); -ms-transform: scale(1.5);transform: scale(1.5); -webkit-transition: all 0.4s ease-in-out 0.2s;-moz-transition: all 0.4s ease-in-out 0.2s;-o-transition: all 0.4s ease-in-out 0.2s; -ms-transition: all 0.4s ease-in-out 0.2s;transition: all 0.4s ease-in-out 0.2s;} .portal-infomat .portal-info-back1{opacity: 0; color:#fff;pointer-events: none; -webkit-transform: scale(1.5);-moz-transform: scale(1.5);-o-transform: scale(1.5); -ms-transform: scale(1.5);transform: scale(1.5); -webkit-transition: all 0.4s ease-in-out 0.2s;-moz-transition: all 0.4s ease-in-out 0.2s;-o-transition: all 0.4s ease-in-out 0.2s; -ms-transition: all 0.4s ease-in-out 0.2s;transition: all 0.4s ease-in-out 0.2s;} .service-portal { margin:0px;padding:0px;} .service-product{display:none} .service-online{margin:0px;padding:0px;} .portal-infomat h3 {color: #fff;text-transform: uppercase;letter-spacing: 2px;font-size: 17px;margin: 0 0px;padding: 40px 0 0 0;height: 80px;font-family: 'OpenSans-Regular', Arial, sans-serif;text-shadow:0 0 1px #fff,0 1px 2px rgba(0,0,0,0.3);text-align:center} .portal-infomat h3 a{color:#fff;} .portal-item:hover .portal-info-front {-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);opacity: 0;} .portal-item:hover .portal-info-back {-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;pointer-events: auto;} .portal-item:hover .portal-info-back1 {-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;pointer-events: auto;} .line-bg{margin:40px 0 30px 0;border-bottom:1px solid #85d316;} .line-bgimg{position:absolute;margin-top:-16px;margin-left:400px} /******************************************/ .footer{width:100%;background:#332a70;margin:0px;padding:0px 0px;clear:both;height:80px;} .footer-inner{margin:0 auto;width:1000px;padding:10px 0px;font:11px arial;color:#ab9ac9;} .footer_nav,.footer_nav ul{margin:0px;padding:0px;font:11px 'OpenSans-Regular';color:#ab9ac9;text-align:center;} .footer_nav li{list-style:none;float:left;font:11px 'OpenSans-Regular';color:#fff;padding:0 10px;} .footer_nav li a{text-decoration:none;color:#ab9ac9;} .footer_nav li a:hover{color:#fff;} .footer_nav a{text-decoration:none;color:#ab9ac9;} .mfooter_nav{display:none;} /* ---------- Animation effects ---------- */ .service-animate div[data-animation="fadein"] {opacity:0;} .service-animate div.cmsms_animated[data-animation="fadein"] { opacity:1; -webkit-animation:cmsms_fade .7s 1 cubic-bezier(.445, .05, .55, .95); -moz-animation:cmsms_fade .7s 1 cubic-bezier(.445, .05, .55, .95); -o-animation:cmsms_fade .7s 1 cubic-bezier(.445, .05, .55, .95); animation:cmsms_fade .7s 1 cubic-bezier(.445, .05, .55, .95); } @-webkit-keyframes cmsms_fade{ 0%{opacity:.1;} 100%{opacity:1;} } @-moz-keyframes cmsms_fade{ 0%{opacity:.1;} 100%{opacity:1;} } @-o-keyframes cmsms_fade{ 0%{opacity:.1;} 100%{opacity:1;} } @keyframes cmsms_fade{ 0%{opacity:.1;} 100%{opacity:1;} } .service-animate div[data-animation="to_bottom"] {opacity:0;} .service-animate div[data-animation="to_bottom"].cmsms_animated { opacity:1; -webkit-animation:cmsms_bottom .6s 1 cubic-bezier(.77, 0, .175, 1); -moz-animation:cmsms_bottom .6s 1 cubic-bezier(.77, 0, .175, 1); -o-animation:cmsms_bottom .6s 1 cubic-bezier(.77, 0, .175, 1); animation:cmsms_bottom .6s 1 cubic-bezier(.77, 0, .175, 1); } /*cmsms_animated_hide*/ @-webkit-keyframes cmsms_bottom { 0%{opacity:0;-webkit-transform:translate(0, -20%);} 100%{opacity:1;-webkit-transform:translate(0, 0);} } @-moz-keyframes cmsms_bottom{ 0%{opacity:0;-moz-transform:translate(0, -20%);} 100%{opacity:1;-moz-transform:translate(0, 0);} } @-o-keyframes cmsms_bottom{ 0%{opacity:0;-o-transform:translate(0, -20%);} 100%{opacity:1;-o-transform:translate(0, 0);} } @keyframes cmsms_bottom{ 0%{opacity:0;transform:translate(0, -20%);} 100%{opacity:1;transform:translate(0, 0);} } .service-animate div[data-animation="to_bottom"].cmsms_animated_hide { opacity:0; -webkit-animation:cmsms_bottom_hide .6s 1 cubic-bezier(.77, 0, .175, 1); -moz-animation:cmsms_bottom_hide .6s 1 cubic-bezier(.77, 0, .175, 1); -o-animation:cmsms_bottom_hide .6s 1 cubic-bezier(.77, 0, .175, 1); animation:cmsms_bottom_hide .6s 1 cubic-bezier(.77, 0, .175, 1); } @-webkit-keyframes cmsms_bottom_hide { 0%{opacity:1;-webkit-transform:translate(0, 50%);} 100%{opacity:0;-webkit-transform:translate(0, 0);} } @-moz-keyframes cmsms_bottom_hide{ 0%{opacity:1;-moz-transform:translate(0, 50%);} 100%{opacity:0;-moz-transform:translate(0, 0);} } @-o-keyframes cmsms_bottom_hide{ 0%{opacity:1;-o-transform:translate(0, 50%);} 100%{opacity:0;-o-transform:translate(0, 0);} } @keyframes cmsms_bottom_hide{ 0%{opacity:1;transform:translate(0, 50%);} 100%{opacity:0;transform:translate(0, 0);} } .service-animate .cmsms_clients_img, .service-animate div[data-animation="to_right"] {opacity:0;} .service-animate .cmsms_clients_img.cmsms_animated, .service-animate div[data-animation="to_right"].cmsms_animated { opacity:1; -webkit-animation:cmsms_right .6s 1 cubic-bezier(.77, 0, .175, 1); -moz-animation:cmsms_right .6s 1 cubic-bezier(.77, 0, .175, 1); -o-animation:cmsms_right .6s 1 cubic-bezier(.77, 0, .175, 1); animation:cmsms_right .6s 1 cubic-bezier(.77, 0, .175, 1); } @-webkit-keyframes cmsms_right{ 0%{opacity:0;-webkit-transform:translate(-15%, 0);} 100%{opacity:1;-webkit-transform:translate(0, 0);} } @-moz-keyframes cmsms_right{ 0%{opacity:0;-moz-transform:translate(-15%, 0);} 100%{opacity:1;-moz-transform:translate(0, 0);} } @-o-keyframes cmsms_right{ 0%{opacity:0;-o-transform:translate(-15%, 0);} 100%{opacity:1;-o-transform:translate(0, 0);} } @keyframes cmsms_right{ 0%{opacity:0;transform:translate(-15%, 0);} 100%{opacity:1;transform:translate(0, 0);} } .service-animate div[data-animation="to_left"] { opacity:0; } .service-animate div[data-animation="to_left"].cmsms_animated { opacity:1; -webkit-animation:cmsms_left .6s 1 cubic-bezier(.77, 0, .175, 1); -moz-animation:cmsms_left .6s 1 cubic-bezier(.77, 0, .175, 1); -o-animation:cmsms_left .6s 1 cubic-bezier(.77, 0, .175, 1); animation:cmsms_left .6s 1 cubic-bezier(.77, 0, .175, 1); } @-webkit-keyframes cmsms_left{ 0%{opacity:0;-webkit-transform:translate(15%, 0);} 100%{opacity:1;-webkit-transform:translate(0, 0);} } @-moz-keyframes cmsms_left{ 0%{opacity:0;-moz-transform:translate(15%, 0);} 100%{opacity:1;-moz-transform:translate(0, 0);} } @-o-keyframes cmsms_left{ 0%{opacity:0;-o-transform:translate(15%, 0);} 100%{opacity:1;-o-transform:translate(0, 0);} } @keyframes cmsms_left{ 0%{opacity:0;transform:translate(15%, 0);} 100%{opacity:1;transform:translate(0, 0);} } .service-animate div[data-animation="to_top"] { opacity:0; } .service-animate div[data-animation="to_top"].cmsms_animated { opacity:1; -webkit-animation:cmsms_top .6s 1 cubic-bezier(.77, 0, .175, 1); -moz-animation:cmsms_top .6s 1 cubic-bezier(.77, 0, .175, 1); -o-animation:cmsms_top .6s 1 cubic-bezier(.77, 0, .175, 1); animation:cmsms_top .6s 1 cubic-bezier(.77, 0, .175, 1); } @-webkit-keyframes cmsms_top{ 0%{opacity:0;-webkit-transform:translate(0, 60%);} 100%{opacity:1;-webkit-transform:translate(0, 0);} } @-moz-keyframes cmsms_top{ 0%{opacity:0;-moz-transform:translate(0, 60%);} 100%{opacity:1;-moz-transform:translate(0, 0);} } @-o-keyframes cmsms_top{ 0%{opacity:0;-o-transform:translate(0, 60%);} 100%{opacity:1;-o-transform:translate(0, 0);} } @keyframes cmsms_top{ 0%{opacity:0;transform:translate(0, 60%);} 100%{opacity:1;transform:translate(0, 0);} } .social { list-style:none; margin:30px auto;} .social li { display:inline; float:left; background-repeat:no-repeat; } .social li a { display:block; width:40px; height:40px; padding-right:10px; position:relative; text-decoration:none; } .social li a strong { font-weight:normal; position:absolute; left:20px; top:-1px; color:#fff; padding:3px; z-index:9999; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75); background-color:rgba(0, 0, 0, 0.7); -moz-border-radius:3px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-border-radius:3px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } .social li.facebook { background-image:url("../img/facebook.png"); } .social li.twitter { background-image:url("../img/twitter.png"); } .social li.linkedin { background-image:url("../img/linkedin.png"); } /***************/ /********** career *********/ .hide{display:none} .career{width:100%;margin:0px 0 0 0px;background:#32296f url(../img/our-team.png) right bottom no-repeat;height:620px;} .career1{width:100%;margin:0px 0 0 0px;background:url(../img/why_bg.png);height:auto;} .career-inner{width:1000px;margin:0 auto;z-index:20px;} .career-inner h2{font:55px 'OpenSans-CondLight';color:#ffffff;margin:0 0 0 20px;} .career-inner p{font:14px 'OpenSans-Regular';color:#f2f2f2;width:560px;margin:0 0 0 20px;line-height:22px;} .career-opening{font:30px 'OpenSans-CondLight';color:#502504;background:#fff;padding:10px 80px 10px 20px;} .career-opening a{color:#502504} .career-nav ul{margin:0px;padding:0px;} .career-nav li{list-style:none;float:none;background:#ffbd68;margin:1px 0 0px;font:14px 'OpenSans-Light';color:#603600;cursor:pointer} .career-nav li li{margin:0px;padding:0px;padding:10px 0 10px 20px} .career-nav li li:hover{background:#C46E00} .career-nav li:hover li{background:#C46E00} #career-lftbg{position:absolute;margin:435px 0 0 0px;background:#fff;width:50%;height:65px;} .career-hgt{height:349px;} #career_list{margin-top:86px;position:relative;} .career_list{background:#fff;padding:10px 20px;margin:0px 0 0px;width:500px;} .career-openactive{position:absolute;margin-top:10px;background:#c46e00;width:720px;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;padding:0 0 30px 0;} /*.career-activearrow{position:absolute;margin-top:55px;margin-left:713px;background:url(../img/career-activearrow.gif) left top no-repeat;width:17px;height:26px;}*/ .carrer-inneract{width:654px;margin:0 auto;font:13px 'OpenSans-Light';color:#fff;} .carrer-inneract h2{font:20px 'OpenSans-Light';color:#ffaf03;padding:10px 0 10px;border-bottom:1px dotted #ffaf03;margin:0 0 20px 0px;} .carrer-inneract p{margin:0px;padding:0px;font:13px 'OpenSans-Light';color:#fff;width:500px;line-height:22px;} .wdt130{width:130px;} .wdt10{width:10px;} .wdt474{width:474px;} .carrer-applybttn{margin-top:10px;} .carrer-applybttn a{padding:5px 20px 5px 10px;font:14px 'OpenSans-Light';color:#000000;background:#fff url(../img/career-arrow.png) 81px 9px no-repeat;margin:20px 0 0;} .carrer-applybttn a:hover{background:#ed8314 url(../img/career-arrow.gif) 81px 9px no-repeat;color:#fff} /*.career_list img{opacity:0.5;filter:alpha(opacity=50)}*/ .career_list a:hover img{opacity:1;filter:alpha(opacity=100)} .contact{width:100%;background:url(../img/contact-bg.gif) left top repeat;height:276px;} .contact_inner{width:1000px;margin:0 auto;font:14px 'OpenSans-Regular';color:#555555;} .contact_inner p{line-height:22px;} .contact_inner p span{font:16px 'OpenSans-Regular';color:#000000;text-transform:uppercase} .contact_inner h2{font:55px 'OpenSans-CondLight';color:#000000;text-align:center;margin-bottom:10px;} .contact_inner .brdr{margin-top: 15px; border-top: 1px dotted #332a70; width: 50%;} .phone{background:url(../img/call-icon.png) left top no-repeat;margin:10px 0 10px 0px;padding:5px 0 0 35px;height:30px;} .email{background:url(../img/mail-icon.png) left top no-repeat;margin:10px 0 0 30px;padding:5px 0 0 35px;height:30px;} .email a{color:#555555;} .map{width:100%;height:400px;border-top:1px solid #999999;margin-bottom:5px;} .toparrow{ width: 50px; height: 50px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #32296f;margin-left:500px;position:absolute;margin-top:-30px; } .toparrow img{padding-top:8px;} /************* mobile**********/ .global-nav {position:fixed;width:100%;padding:0px;margin:0 auto !important;text-align: center;line-height:19px !important;} .global-nav * {-webkit-tap-highlight-color:transparent !important;font-family:Arial;} .global-nav a {color:#ebebeb;text-decoration:none;} .global-nav-main-list{display:none} .global-nav .global-nav-main-list, .global-nav .global-nav-main-list li {margin:0px;padding:0px;} .global-nav ul {display:block;width:auto !important;overflow:hidden;list-style:none;} .global-nav ul li ul, .global-nav ul li ul li, .global-nav ul li ul li a {display:none !important;height:0px !important;width:0px !important;} .global-nav .global-nav-main-list li {display:inline;padding:padding:0px;margin:0px !important;} .global-nav-toggled {display:none;width:100%;position:relative;overflow:hidden;margin:0 auto !important;} .global-nav-button:hover {cursor:pointer;} .global-nav .global-nav-toggled ul {display:none;margin:0px 0 0;padding:0px;} .global-nav .global-nav-toggled ul li {display:block;} .global-nav.graphite .global-nav-toggled {} .global-nav.graphite .global-nav-toggled-controls {display:block;height:54px;color:white;text-align:left;position:relative;border-radius:6px;width:40px;background-color:#fff;border-radius:3px;right:-87%;margin-top:15px;} .global-nav.graphite .global-nav-toggled-title {position:relative;top:9px;left:15px;font-size:16px;color:white;text-shadow:1px 1px 1px black;} .global-nav.graphite .global-nav-button {display:block;position:absolute;left:4px;top:10px;} .global-nav.graphite .global-nav-button span {display:block;height:4px;background:#ac968c;width:24px;margin:2px 0px;} .global-nav.graphite .global-nav-toggled ul li a { display:block;width:100%;background-color:#ac968c;text-align:left;padding:10px 0px 10px 30px;border-bottom:1px solid #d8c7bf; font:16px 'OpenSans-Light';color:#fff;text-transform: uppercase;} .global-nav.graphite .global-nav-toggled ul li a:hover {background-color:#d8c7bf;color:#000;} .global-nav.graphite .global-nav-toggled ul li a:active {background-color:#444444;border-bottom:1px solid #444444;border-top:1px solid #444444;} /************************ repsonive menu ***************************/ .global-nav {position:fixed;width:100%;padding:0px;margin:0 auto !important;text-align: center;line-height:19px !important;top:10px;} .global-nav * {-webkit-tap-highlight-color:transparent !important;font-family:Arial;} .global-nav a {color:#ebebeb;text-decoration:none;} .global-nav-main-list{display:none} .global-nav .global-nav-main-list, .global-nav .global-nav-main-list li {margin:0px;padding:0px;} .global-nav ul {display:none;width:auto !important;overflow:hidden;list-style:none;} .global-nav ul li ul, .global-nav ul li ul li, .global-nav ul li ul li a {display:none !important;height:0px !important;width:0px !important;} .global-nav .global-nav-main-list li {display:inline;padding:padding:0px;margin:0px !important;} .global-nav-toggled {display:none;width:100%;position:relative;overflow:hidden;margin:0 auto !important;} .global-nav-button:hover {cursor:pointer;} .global-nav .global-nav-toggled ul {display:none;margin:0px 0 0;padding:0px;} .global-nav .global-nav-toggled ul li {display:block;} .global-nav.graphite .global-nav-toggled {} .global-nav.graphite .global-nav-toggled-controls {display:block;height:35px;color:white;text-align:left;position:relative;border-radius:6px;width:32px;background-color:#fff;border-radius:3px;right:-87%;margin-top:10px;} .global-nav.graphite .global-nav-toggled-title {position:relative;top:9px;left:15px;font-size:16px;color:white;text-shadow:1px 1px 1px black;} .global-nav.graphite .global-nav-button {display:block;position:absolute;left:4px;top:0px;} .global-nav.graphite .global-nav-button span {display:block;height:4px;background:#ac968c;width:24px;margin:2px 0px;} .global-nav.graphite .global-nav-toggled ul li a { display:block;width:100%;background-color:#32296f;text-align:left;padding:10px 0px 10px 30px;border-bottom:1px solid #d8c7bf; font:16px 'OpenSans-Light';color:#fff;text-transform: uppercase;} .global-nav.graphite .global-nav-toggled ul li a:hover {background-color:#ab9ac9;color:#000;} .global-nav.graphite .global-nav-toggled ul li a:active {background-color:#444444;border-bottom:1px solid #444444;border-top:1px solid #444444;} /********************** layer silder *******/ .showContent ul{margin:0px 0 0 15px;padding:0px;} .showContent li{margin:0px;padding:0px;list-style:circle;float:none;padding-bottom:5px;} #empty-space{height:20px;}