/* CUSTOM CSS - this is where you add your own css rules !! ***********************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ font-weight: normal;} /*a { color: #a40802; }*/ /*About us Page*/ .about-us-container {box-shadow: 0 1px 14px -2px #999; margin-bottom: 14px; padding: 14px 0 14px 3%;} .about-us-container .about-plan { float: left; width: 29%; } .about-us-container .about-plan a span{ font-size: 18px; } .about-us-container .about-plan-div { float: left; margin-left: 2%; margin-right: 3%; } .nomargin-bottom {background: #ffffff;box-shadow: 0px 1px 14px -2px #999;} .sprocket-readmore{ width:100%; display: inline-block;padding: 4px 0px;margin-bottom: 0;font-size: 14px;line-height: 20px;color: #333333;text-align: center;vertical-align: middle;cursor: pointer;/*background-color: #a40802;*/background-repeat: repeat-x; border: 1px solid #cccccc; border-radius: 1px; color:#fff;} .readon:hover , .sprocket-readmore:hover{color: #333333; text-decoration: none; background-position: 0 -15px; transition: background-position 0.1s linear; background-color: #e6e6e6;} #sidebar_right .chronoform .readon{width : 100%;} .join-t-left {float: left;width: 55%;} .join-t-right {float: left; padding-top: 23px;width : 40%;} .readon { display: inline-block;padding: 4px 14px;margin-bottom: 0;font-size: 14px;line-height: 20px;color: #333333;text-align: center;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);vertical-align: middle;cursor: pointer;background-color: #f5f5f5;background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);background-repeat: repeat-x; border: 1px solid #cccccc; border-radius: 1px;box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);} .readon:hover , .sprocket-readmore:hover{color: #333333; text-decoration: none; background-position: 0 -15px; transition: background-position 0.1s linear; background-color: #e6e6e6;} #sidebar_right .chronoform .readon{width : 100%;} .join-t-left {float: left;width: 55%;} .join-t-right {float: left; padding-top: 23px;width : 40%;} /*Google Nocaptcha*/ .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;} @media only screen and (min-width:768px) and (max-width:959px){ #sidebar_right .chronoform .g-recaptcha{transform:scale(0.5);-webkit-transform:scale(0.5);transform-origin:0 0;-webkit-transform-origin:0 0;} } @media only screen and (min-width:960px) and (max-width:1199px){ #sidebar_right .chronoform .g-recaptcha{transform:scale(0.5);-webkit-transform:scale(0.5);transform-origin:0 0;-webkit-transform-origin:0 0;} } @media only screen and (max-width:767px){ #sidebar_right .gbs3 .form-control{max-width : 250px;} #sidebar_right .chronoform .readon{width : auto;} } #sidebar_right .gbs3 .gcore-display-table{display: block ;} /*Referral*/ #referral_form_pane_container{border: medium none !important;} /*#referral_form_container .ccms_form_element { margin : 10px 0px 2px !important; }*/ #referral_form_container label { float: none !important; display : block !important; } #referral_form_container input[type="text"] , #referral_form_container textarea { padding: 6px 12px !important; background-color: #ffffff; border: 1px solid #ccc !important; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } #referral_form_container input[type="text"]{ height : 34px; } #referral_form_container input[type="text"]:focus , #referral_form_container textarea:focus { border-color: #66afe9; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6) !important; background: #FDF6DF; } #referral_form_container .cfdiv_radio label { display : inline-block !important; width : auto !important; } #referral_form_container input[type="radio"] { width : auto !important; } #referree_tab, #referrer_tab { border-radius: 5px 5px 0px 0px !important; } #referrer_tab.active,#referree_tab.active { /*border: 1px solid #374F64 !important; background-color: #374F64 !important;*/ } #referrer_tab:hover, #referree_tab:hover { border: 1px solid #374F64 !important; } #referrer_tab.active a.active,#referree_tab.active a.active{ color : #fff !important; } #referral_form_container .cfdiv_textarea { padding-top : 10px !important; } #rt-mainbody #chronoform-Referral textarea { width : 206px !important; height : 95px !important; } #referral_form_container .ccms_form_element input[type="radio"] { margin : 0px 5px !important; } .ref_fw_container { width : 100%; clear : both; } .ref_left_pane { width : 40%; float: left; clear: none !important; } .ref_right_pane { width : 40%; float: left; clear: none !important; margin-left : 10% !important; } @media only screen and (max-width: 767px) { .ref_left_pane, .ref_right_pane { width : 100%; float: none; clear: both !important; margin-left : 0px !important; } } div#je-testimonials7 div#je-audetails { margin-top: 40px; } #je-quoteright > img { margin-top: -20px !important; } .google_nocaptcha.ccms_form_element.cfdiv_submit{padding-top: 30px;clear: both;} /*end*/ /*IT services Mosaic*/ .item-297 .sprocket-mosaic .sprocket-padding {min-height:340px; position:relative;} .item-297 .sprocket-mosaic .sprocket-readmore {position:absolute; bottom: 10px; width: 92%;} .item-297 .sprocket-mosaic-item .sprocket-mosaic-text , .item-525 .sprocket-mosaic-item .sprocket-mosaic-text {padding-bottom:25px;} .item-297 .sprocket-mosaic-item .sprocket-mosaic-text{min-height: 90px;} .item-525 .sprocket-mosaic-item .sprocket-mosaic-text{min-height: 90px;} .item-297 .sprocket-mosaic-header , .menu-it-services .sprocket-mosaic-header { display: none; } .item-525 .sprocket-mosaic .sprocket-padding {min-height:470px; position:relative;} .item-297 .sprocket-mosaic-title , .item-525 .sprocket-mosaic-title{font-size : 15px;min-height: 40px !important;} /* Support Page */ .support-box {color: #ffffff;/*background-color: #203243;*/text-transform: uppercase;font-size: 14px;border-bottom: 2px solid #203243;box-shadow: 0 2px 0 rgba(0,0,0,0.1);border-radius: 15px !important;transition: all 0.2s ease-in;text-decoration: none;padding: 5px; height: 181px;} .support-option {width: 19%;float: left;display: inline-block;padding: 2% 3% 2% 1%;} .outer-wrapper {width: 100%;min-height: 200px;padding: 5px;margin-left: auto;margin-right: auto;overflow: hidden;} .support-box img {width: 90%;height: auto;text-align: center;} .text-for-support {text-align: center;margin-top: 6%; min-height: 80px;} .support-box p {text-align: center !important;} .support-box a {color: #fff;} .support-box:hover {background-color: #333;border-bottom: 2px solid #ddd;} /* End Support Page */ #mainbody .span12 .chronoform input[type="text"], #mainbody .span12 .chronoform input[type="password"], #mainbody .span12 .chronoform select, #mainbody .span12 .chronoform textarea, #mainbody .span12 .chronoform input[type="text"], #mainbody .span12 .chronoform input[type="password"], #mainbody .span12 .chronoform select, #mainbody .span12 .chronoform textarea, #mainbody .span9 .chronoform input[type="text"], #mainbody .span9 .chronoform input[type="password"], #mainbody .span9 .chronoform select, #mainbody .span9 .chronoform textarea, #mainbody .span9 .chronoform input[type="text"], #mainbody .span9 .chronoform input[type="password"], #mainbody .span9 .chronoform select, #mainbody .span9 .chronoform textarea{ width: 206px !important; } #fin-checkbox_group16 , #fin7 , #fin-checkbox_group19{ float: left;} .gcore-checkbox-item label {font-weight : normal !important;} /*Contact Us*/ .contact_us_cotainer_l { float: left; width: 30%; } .contact_us_cotainer_r { float: left; width: 70%; } .freecon_graphic { float : right; } /*responsive*/ @media only screen and (max-width:479px) { .freecon_graphic{ float : none; text-align :center; } } /*Video Portal page*/ .item-296.media{ overflow: visible;} @media screen and (min-width: 1200px){ body.res1170 #footer1 .span5 .span5 , body.res1170 #footer1 .span4 .span4 { margin-left: 0px !important; } } #footer a.readon { /*color: #000;*/ margin-top : 15px; } /*Mobile Menu*/ .jf_mm_trigger.jf_mm_rtl{ background-image: url("/images/burger2.png") !important; background-size: 100% !important; right: 120px !important;top: 55px; position:absolute !important;background-color: transparent !important;} .jf_mm_wrapper .jf_mm_h2_img{display:none !important;} .jf_mm_a_img.menu-image {display: none;} .jf_mm_trigger.jf_mm_rtl .fa-bars::before {content: "" !important;} @media screen and (max-width:979px){nav#main_menu{display:none !important;}} @media screen and (min-width:980px){ #rt-utility{display:none !important;} } div#rt-utility {float: right; height: 40px; margin-right: 15px; margin-top: 10px; width: 40px;} @media screen and (max-width:400px){ .jf_mm_trigger.jf_mm_rtl{left: 10px !important;top: 110px !important;} } .jf_mm_trigger {background-image: url("../../../images/burger2.png") !important; background-size: 100% !important;background-color: transparent !important;font-size: 0px !important;top: auto !important;left: auto !important;position: absolute !important;} @media screen and (max-width:400px){ .jf_mm_trigger {top: 110px !important;left: 8px !important;} } #footer1 .contact_us.span3{margin-left: 0px;} #mainbody .sidebar ul.menu li{list-style: none;} /** Action Box **/ .action_box {padding:20px 0; color:#fff; border-top:2px solid #fff; border-bottom:1px solid #fff; position:relative; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.2))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000',GradientType=0 ); /* IE6-9 */ background-color:#CD2122; } .action_box .row {margin-bottom:0;} .action_box h4.text {margin: 5px 0; font-weight: 500; font-size: 22px;} .action_box:after, .action_box:before {content:""; position:absolute; left:50%; bottom:-14px; margin-left: -25%; border-radius:3px; border: 8px solid transparent; border-top-width: 7px; border-top-color:#CD2122;} .action_box:after { border-top-color:rgba(0,0,0,0.2); } .action_box[data-arrowpos=center]:after, .action_box[data-arrowpos=center]:before {margin-left: -7px; } .action_box[data-arrowpos=right]:after, .action_box[data-arrowpos=right]:before {margin-left: 25%; } #action_box99 .span8 {margin-top: 0px !important;} .action_box h4.text {margin: 15px 0 !important;} .action_box h4.text {margin: 5px 0;font-weight: 500;font-size: 22px;} .livedemo {/*background: #a40802*/;width: 275px;height: 50px;border-radius: 8px;color: #a40802;overflow: hidden; -webkit-transition: .2s ease-in-out;-moz-transition: .2s ease-in-out;-o-transition: .2s ease-in-out; opacity: 1;transition: .2s ease-in-out;border: 1px solid #fff;float: right;} .d-icon2 { width: 23%; height: 50px; float: left; background: url('../images/d-arrow-right.png') 18px 14px no-repeat;-webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1);} .livedemo a, .livedemo a:hover { color: #e9e9e9; display: block;} .d-icon2 img { -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; opacity: 1; transition: .2s ease-in-out; opacity: 1;} .d-text { width: 70%; padding: 5px 0 0 10px; float: left; border-left: 1px #fff solid;height: 46px;} .d-text p { margin-bottom: 0;} .d-text p #__mce_tmp { font-size: 1.7em;} .livedemo:hover { background: #333;} .livedemo:hover .d-icon2 img { -webkit-transform: scale(5); -moz-transform: scale(5); -o-transform: scale(5); opacity: 0; transform: scale(5); opacity: 0;} body.res1170 #mod359 .css3accordion > ul > li .thumb { opacity: 1; } #mod359 .css3accordion > ul > li { padding: 0px !important;} @media screen and (min-width:1199px){ #mod359 .css3accordion > ul > li{margin-right:30px;} } @media (min-width:768px) and (max-width:799px){ #mod359 .css3accordion > ul > li{ width:213px !important; margin-right:30px !important; } } body.res1170 #mod359 .css3accordion > ul > li > .inner-acc,body.res1170 #mod359 .css3accordion > ul > li.last, body.res1170 #mod359 .css3accordion > ul > li:hover { width: 440px; } #mod359 .moduletitle,.m_title { /*color: #cd2122;*/ } .moduletable div.event_legend_container { background-color: transparent; border: none; } body.res1170 #mod359 .css3accordion > ul > li{width:212px;} #mod359 .css3accordion ul li .inner-acc a.thumb.hoverBorder.plus img{width: 212px} #mod359 .hoverBorderWrapper{position: unset !important;} .shadow-up {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #fff transparent transparent; border-image: none; border-style: solid; border-width: 5px;content: "";left: 50%; margin-left: -6px; position: absolute;} .shadow-down { background: rgba(0, 0, 0, 0) url("../images/shadow-down.png") no-repeat scroll center top;height: 10px !important;margin-top: 5px;} .action_box:after, .action_box:before{display: none;} #mod356 .hover-box { background: #333; } #mod356 .hover-box:hover { background: #cd2122; } @media (min-width: 1200px){ .hover-box { min-height: 125px !important; } } /****Responsive issues***/ @media(max-width:767px) { #referral_form_container { width:100% !important; } #referral_form_pane_container { width:100% !important; } #referrer_pane, #referree_pane { width: 100% !important; } #referral_form_important { width:100% !important; } #action_box99 .livedemo { float: none !important; margin: 0 auto !important; } .livedemo { /*width: 100% !important;*/ } .action_box h4.text { text-align: center; } .jc_jobdetails_details { padding: 0px 2px; } .support-option { display: block !important; float: none !important; margin: 0 auto !important; width: 50% !important; } } @media(max-width:414px) { #cat_list { width:100px !important; margin: 0px; padding: 0px; font-size: 10px !important; } .jd_top_navi td { padding: 0px !important; } .about-us-container .about-plan a span { font-size: 13px; } .services_box .list-style1 { width: 70% !important;} #action_box99 .span8 h4 { font-size: 1em !important; text-align: center; } } @media(min-width:415px) and (max-width:602px) { #mod101 .services_box .icon { margin-right: 100px !important; } } @media (min-width:415px) and (max-width:767px) { #mod101 .services_box .span4 { float: left !important; margin-right: 5px; width: 32% !important; } .services_box .icon { margin-bottom: 20px; } } @media (min-width:768px) and (max-width:1199px){ .hover-box { min-height: 160px !important; } .hover-box > h3 { font-size: 15px; } .jc_jobdetails_button button { width: 100% !important; } #mod324 .sprocket-lists-title.padding { font-size: 18px !important; } .services_box .icon { margin-bottom: 20px; } #mod101 .list-style1 { margin: 0 0 10px 25px !important; } #footer1 #mod330 .ezb-mod.ezblog-latestpost.latest-blog.span4 { margin: 0px; } .item-101 .sprocket-mosaic-item .sprocket-mosaic-text{ min-height: 85px;} #mod370 .gantry-width-50 {width: 46% !important; margin-right: 20px;} body.item-525 .sprocket-mosaic .sprocket-padding {min-height:410px; position:relative;} } @media(max-width:600px){ .copyright p{text-align: center;} .copyright .customPowerBy , .copyright .customPowerBy img{float: none !important;} .copyright .customPowerBy img{display: block;margin: 0 auto !important;} } @media (min-width:800px) and (max-width:1199px){ #mod359 .hoverBorderWrapper img { width: 100% !important; } /* .css3accordion > ul > li .thumb { max-width: 150px !important; }*/ .css3accordion > ul > li .thumb { max-width: 90px; } body.res1170 .css3accordion > ul > li { width: 90px; } .css3accordion > ul > li .content { width: 450px !important; } } /*Accordion Blogs*/ /*body.res1170 .css3accordion > ul > li > .inner-acc,body.res1170 .css3accordion > ul > li.last, body.res1170 .css3accordion > ul > li:hover { width: 440px !important; } */ body.res1170 .css3accordion > ul > li .thumb{ width: 212px;} body.res1170 .css3accordion .hoverBorderWrapper > img { width: 100% !important;} @media screen and (max-width:367px){ .css3accordion li .content{float:left; } .css3accordion li{ margin-left:25px;} .css3accordion > ul > li{border-top: none !important;} body.res1170 .css3accordion > ul > li > .inner-acc, body.res1170 .css3accordion > ul > li.last, body.res1170 .css3accordion > ul > li:hover { width:212px !important;} } @media (min-width:368px) and (max-width:459px){ .css3accordion, .css3accordion li, .css3accordion li .content, .css3accordion .inner-acc, .css3accordion .hoverBorderWrapper img, .css3accordion .hoverBorderWrapper{width: 100% !important;} } @media (min-width:482px) and (max-width:619px){ .css3accordion li:nth-child(1) {display: block; width: 29% !important;} .css3accordion li:nth-child(2) {display: block;width: 29% !important;} .css3accordion li:nth-child(3) {display:block;width: 29% !important;} .css3accordion .hoverBorderWrapper , .css3accordion .hoverBorderWrapper img, .css3accordion > ul > li .thumb, .css3accordion .inner-acc, .css3accordion .content, .css3accordion{width: 100% !important;} } @media (min-width:980px) and (max-width:1199px){ .css3accordion > ul > li .thumb{ max-width:150px; } .hoverBorderWrapper img{ width:100% !important; } body.res1170 .css3accordion > ul > li{ width:150px; } } @media (min-width:320px) and (max-width:480px){ .moduletable.fp-roksprocket-strips.rt-center.rt-big-title.span12 { margin: 0px;} } @media (min-width:800px) and (max-width:980px){ .css3accordion > ul > li > .inner-acc{ width:500px !important; } .css3accordion > ul > li .thumb{ max-width:90px !important; } .hoverBorderWrapper img{ width:100% !important; } body.res1170 .css3accordion > ul > li{ width:90px !important; } .css3accordion > ul > li .content { width: 450px !important; } body.res1170 .css3accordion > ul > li > .inner-acc, body.res1170 .css3accordion > ul > li.last, body.res1170 .css3accordion > ul > li:hover{width:450px !important;} } @media (min-width:980px) and (max-width:1199px){ body.res1170 #mod359 .css3accordion > ul > li{ width: 150px;} } @media (min-width:800px) and (max-width:979px){ body.res1170 .css3accordion > ul > li > .inner-acc, body.res1170 .css3accordion > ul > li.last, body.res1170 .css3accordion > ul > li:hover { width: 445px !important; } body.res1170 .css3accordion > ul > li > .inner-acc, body.res1170 .css3accordion > ul > li.last, body.res1170 .css3accordion > ul > li:hover { width: 445px !important; } .css3accordion > ul > li .thumb{ margin-right:20px !important; } .css3accordion > ul > li .content { width: 445px !important; } .css3accordion > ul > li{ margin-right:5px !important; } } @media (min-width:768px) and (max-width:799px){ .css3accordion { width: 100%; } body.res1170 .css3accordion > ul > li { width: 224px !important; } body.res1170 .css3accordion > ul > li > .inner-acc, body.res1170 .css3accordion > ul > li.last, body.res1170 .css3accordion > ul > li:hover { width: 224px !important; } .css3accordion > ul > li .thumb { max-width: 224px !important; } } @media (min-width:460px) and (max-width:767px){ .css3accordion > ul > li .thumb { max-width: 226px; } } @media (min-width:245px) and (max-width:459px){ body.res1170 .css3accordion > ul > li > .inner-acc, body.res1170 .css3accordion > ul > li.last, body.res1170 .css3accordion > ul > li:hover { width: auto; } } @media (min-width:460px) and (max-width:481px){ .css3accordion li:nth-child(1) {display: block;width: 28% !important;} .css3accordion li:nth-child(2) {display: block; width: 28% !important;} .css3accordion li:nth-child(3) {display:block;width: 28% !important;} .css3accordion .hoverBorderWrapper , .css3accordion .hoverBorderWrapper img, .css3accordion > ul > li .thumb, .css3accordion .inner-acc, .css3accordion .content, .css3accordion{width: 100% !important;} } @media (min-width:620px) and (max-width:767px){ .css3accordion li:nth-child(1) { display: block; width: 30% !important;} .css3accordion li:nth-child(2) { display: block; width: 30% !important;} .css3accordion li:nth-child(3) { display:block; width: 30% !important;} .css3accordion .hoverBorderWrapper , .css3accordion .hoverBorderWrapper img, .css3accordion > ul > li .thumb, .css3accordion .inner-acc, .css3accordion .content, .css3accordion { width: 100% !important;} } @media (min-width:768px) and (max-width:799px){ .css3accordion { width: 100% !important;} body.res1170 .css3accordion > ul > li { width: 224px !important;} body.res1170 .css3accordion > ul > li > .inner-acc, body.res1170 .css3accordion > ul > li.last, body.res1170 .css3accordion > ul > li:hover { width: 224px !important;} .css3accordion > ul > li .thumb { max-width: 224px !important;} } @media (min-width:768px) and (max-width:979px){ .chaser ul.sf-menu li a{ padding: 7px 18px 7px 15px !important;} .sf-sub-indicator{right: 0.5em !important;} #footer1 .mod_easybloglatestblogslatest-blog {margin-left: 0px;} } @media (min-width:980px) and (max-width:1199px) { nav#main_menu > ul.sf-menu > li > a { font-size: 10px; } } /***** Custom CSS - JM *****/ #slideshow.dark-blue, #page_header.dark-blue { /*background-color: #A40802;*/ } .sprocket-mosaic-item .sprocket-padding { background:#F5F5F5;} #bottom .fixclear.normal li.title { display: none; } #user11 h2.title { text-align: center; color: #303030; font-size: 3em; } span.customPowerBy { /* float: right;*/ } #custom_info { background-image: url("/images/bg.png") !important; background-repeat: repeat; background: #41A4DD; color: #fff; text-align: center; } #mod369 h4.moduletitle { text-shadow: 1px 2px 0 rgba(0,0,0,0.2); font-size: 40px; line-height: 52px; } #mod369 .sprocket-strips-s-pagination ul { float:none !important; text-align: center; } #mod370 .gantry-width-50 { width: 50%; float: left; } #mod370 .gantry-width-block { display: block; float: left; } #mod370 .sprocket-tabs-nav { background: none; border-bottom: 1px solid #ccc; } #mod370 .layout-top .sprocket-tabs-panels { margin-top: 15px; } #mod370 .sprocket-tabs .sprocket-tabs-nav > li.active > .sprocket-tabs-inner, #mod370 .sprocket-tabs .sprocket-tabs-nav > li.active:hover > .sprocket-tabs-inner { color: #ffffff; /*background: #0A2642 !important;*/ } .action-button-subtxt { font-size:16px;} .layout-top .sprocket-tabs-nav { padding-left:0px !important;} #mod370 .sprocket-tabs-nav > li.active > .sprocket-tabs-inner { background: #b8b8b8 !important; } #mod370 .sprocket-tabs-nav > li > .sprocket-tabs-inner { border-radius: 0px !important; } #mod324 a.readon, input#submit7, a.readon, .readon, .readon.form-control.A, .registration .controls button, .registration .btn, .jc_jobdetails_button button, .application_button button { /*background: #a40802 !important;*/ color: #fff !important; text-shadow: none; } #mod324 a.readon:hover { color : #333 !important } .jc_jobdetails_back a{color: #fff !important;} .jc_jobdetails_back a:hover {background: #e6e6e6 !important;color: #333 !important;} .login_register_stuff input.button { background: #a40802; color: #fff; text-shadow: none; } .login_register_stuff .login_register_stuff input.button { border-color:#cd2122 !important; } /*.custom_latest { display: none; }*/ .jc-login-links li { margin-left: 18px; } #user-registration button { /*background: #a40802 !important;*/ background-image: none !important; border-radius: none; border: 1px solid #ccc; } #user-registration button:hover { background: #e6e6e6 !important; color: #333 !important; } #mod366 { clear:both; padding-top:20px; } .rt-center { text-align: center; margin:30px; } .readon:hover, .button:hover, .readon:hover, .readon.form-control.A:hover, .registration .controls button:hover,.registration .btn:hover, .jc_jobdetails_button button:hover, .application_button button:hover, button[type="button"]:hover { background: #e6e6e6 !important; color: #333 !important; } #chronoform-Newsletter_Sign_Up .readon { color: #fff; } .button { /* background: #a40802;*/ border: 1px solid #cccccc; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); color: #fff; padding: 5px 10px; } .sprocket-strips-text:before { content: ""; margin-right: 5px; } .sprocket-strips-s-text{ color: #fff; font-family: serif; font-size: 1.6em; font-style: italic; line-height: 1.3em; width: 98%; } /*.sprocket-mosaic .sprocket-mosaic-item:hover { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.1); box-shadow: inset 0 0 5px rgba(0,0,0,0.1); background: #ECECEC; border-color: #cdcdcd; text-shadow: 1px 1px 1px #ffffff; } .sprocket-mosaic .sprocket-mosaic-item .sprocket-mosaic-hover { background: rgba(0,0,0,0.5); } .sprocket-mosaic-hovercontent { position: absolute; opacity: 0; left: 50%; top: 50%; margin-left: -47px; margin-top: -10px; -webkit-transform: translateZ(0); -webkit-font-smoothing: subpixel-antialiased; }*/ #mod365 .sprocket-mosaic-loadmore { background-color: #c0242a; background-image: linear-gradient(#d83137, #c9262c 50%, #9e1e23); background-repeat: no-repeat; border: 1px solid #a72024; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.3) inset; color: #ffffff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); } #footer .copyright{width: 100%;} #adminForm input[type="file"]{width: 206px !important;} .chrono_credits a{display: none;} /*Chronoform credits*/ .gbs3 .chrono_credits a{display: none;} .post_details { display:none !important;} .sprocket-mosaic-header { display:none !important;} /* Added By Rahul For fixing color of jevents and joomcareer button*/ /* Don't change*/ div#eb .eb-post-foot .eb-post-more .btn, div#eb .eb-post-foot .eb-post-comments a { color: #444 !important; } div#eb .eb-post-foot .eb-post-more .btn:hover, div#eb .eb-post-foot .eb-post-comments a:hover { color: #727070 !important; } .jc_jobdetails_wrapper .jc_jobdetails_back a, .jc_jobdetails_wrapper .jc_jobdetails_button button, .jc_application .application_button button, .jeventpage button, .jeventpage input[type="button"], .jeventpage input[type="submit"], .com_jevents .jeventslight .btn.btn-small.btn-success, #toolbar-cancel .btn.btn-small { background: #444 !important; color: #fff !important; border-color: #444!important; text-shadow: none; } .jc_jobdetails_wrapper .jc_jobdetails_back a:hover, .jc_jobdetails_wrapper .jc_jobdetails_button button:hover, .jc_application .application_button button:hover, .jeventpage button:hover, .jeventpage input[type="button"]:hover, .jeventpage input[type="submit"]:hover, .com_jevents .jeventslight .btn.btn-small.btn-success:hover, #toolbar-cancel .btn.btn-small:hover { background: #727070 !important; color: #fff !important; border-color: #727070!important; text-shadow: none; } /* End */ body.res1170 .css3accordion .hoverBorderWrapper > img { /*height: 212px;*/ } /* Added By Rahul */ .about-us-container .about-plan a span { font-size: 15px; } body #mainbody .sidebar ul.menu li.active > a, body #mainbody .sidebar ul.menu li:hover > a { background: #f5f5f5; color: #595959; } #mainbody .sidebar ul.menu li.active a::after, #mainbody .sidebar ul.menu li:hover a::after { color: #595959; } #mod332 #form-login-remember label { display: inline-block; } #mod332 #modlgn-remember { float: left; margin-right: 3px; } #mod332 #login-form ul { display: inline-block; margin-top: -20px; margin-left: 100px; } #mod332 .button, #mod330 .readon, .mod_easybloglatestblogs .readon { border: none; } .regpage_graphic { float: right; margin-left: 15px; } .dtb-container { width: 100%; } .dtb-img-container { width: 35%; float: left; } .dtb-content-container { width: 45%; float: left; } @media (max-width:479px) { .regpage_graphic { float: none; margin-left: auto; text-align: center; } .dtb-content-container, .dtb-img-container { width: 100%; float: none; } } #mainbody .jd_top_navi, #mainbody .jd_footer { display: none; } #editor-xtd-buttons {display:none;} /* End */ nav#main_menu > ul.sf-menu > li > a.sf-with-ul .sf-sub-indicator{background: none;} @media(min-width:361px) and (max-width:440px){ .item-101 .rev_slider_wrapper .tp-caption.large_bg_black.tp-fade.tp-resizeme.layer3_title.start{left:8px!important;line-height:14px !important;} .item-101 .rev_slider_wrapper .tp-caption.large_bg_black.tp-fade.tp-resizeme.layer2_title.start{left:33px !important; top:55px !important;} .item-101 .rev_slider_wrapper .tp-caption.large_bg_black.tp-fade.tp-resizeme.layer3_title.start{left:35px !important;top:100px!important} .item-101 .rev_slider_wrapper .tp-caption.large_bg_black.tp-fade.tp-resizeme.layer3_title.start .title_big{white-space:normal!important;} .item-101 .rev_slider_wrapper .item-101 .rev_slider_wrapper .title_big {font-size: 11px !important;} .item-101 .rev_slider_wrapper .tp-caption.large_bg_black.tp-fade.tp-resizeme.layer1_title.start{left: -36.43px!important;top: 3px !important;} .item-101 .rev_slider_wrapper .tp-simpleresponsive .tp-caption.large_bg_black:nth-child(3), .item-101 .rev_slider_wrapper .tp-simpleresponsive .tp-caption.large_bg_black:nth-child(4){min-width: 280px!important;} .item-101 .rev_slider_wrapper .tp-caption.tp-fade.start { top: 20px !important;} } @media(min-width:320px) and (max-width:359px){ .item-101 .rev_slider_wrapper .tp-caption.large_bg_black.tp-fade.tp-resizeme.layer1_title.start {top: 10px !important;left: -60px !important;} .item-101 .rev_slider_wrapper .tp-caption.large_bg_black.tp-fade.tp-resizeme.layer2_title.start {top: 55px !important;left: 9px !important;} .item-101 .rev_slider_wrapper .tp-caption.large_bg_black.tp-fade.tp-resizeme.layer3_title.start {top: 90px !important;left: 10px !important;} } /* Added By Rahul For meet the team page */ .meet_the_team .sprocket-grids-b-text a.modal_link.cboxElement { display: inline-block; padding: 4px 14px; margin-bottom: 0; font-size: 14px; line-height: 20px; color: #fff; text-align: center; text-shadow: none; vertical-align: middle; cursor: pointer; background-color: #b11818; background-image: none; background-repeat: repeat-x; border: none; border-radius: 1px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); position: absolute; bottom: 10px; } .meet_the_team .sprocket-grids-b .sprocket-grids-b-title { font-size: 20px; line-height: 25px; margin-bottom: 5px; color : #fff; } .meet_the_team .sprocket-grids-b .overlay-mode.sprocket-grids-b-content { padding : 10px; } .meet_the_team .sprocket-grids-b .sprocket-grids-b-title a{ color : #fff; } .meet_the_team .sprocket-grids-b .sprocket-grids-b-text { font-size: 16px; margin-bottom: 5px; padding : 5px 0px; margin : 0px 0px 5px; } #cboxContent .img_tag_cust { width: 50%; float: right !important; } #cboxContent .detail_tag_cust { width: 100%; float: none !important; } #cboxContent p.img_met_th_tem { float: none; margin: 0; } #cboxContent .img_tag_cust img { height: auto; width: 100%; } #cboxContent .name_n_title { background: #f4f4f4 none repeat scroll 0 0; margin: 0; padding: 20px; color: #000; font-size: 18px; text-align : left !important; } #cboxContent .name_n_title span { color: #666; font-size: 15px; display : block; } #cboxContent .dis_of_tile { padding: 0 20px; margin-top: 10px !important; } @media only screen and (max-width:480px) { .meet_the_team .sprocket-grids-b .overlay-mode .sprocket-grids-b-text { display: block; } .meet_the_team .sprocket-grids-b .overlay-mode.sprocket-grids-b-content { text-align : left; } } @media only screen and (max-width:700px) { #cboxContent .img_tag_cust{ display : none; } } @media only screen and (max-width:639px) { .meet_the_team .sprocket-grids-b-columns-3 > li { width: 100% !important; } } @media only screen and (min-width:640px) and (max-width:1199px) { .meet_the_team .sprocket-grids-b-columns-3 > li { width: 50% !important; } .menu-meet-the-team #rt-main .rt-grid-12.rt-alpha.rt-omega { margin-bottom : 0px !important; } } @media only screen and (max-width:360px) { .meet_the_team .sprocket-grids-b .sprocket-grids-b-title { font-size: 15px; line-height: 18px; } .meet_the_team .sprocket-grids-b .sprocket-grids-b-text { font-size: 12px; line-height: 16px; } } @media only screen and (min-width:640px) and (max-width:767px) { .meet_the_team .sprocket-grids-b .sprocket-grids-b-title { font-size: 17px; line-height: 20px; } .meet_the_team .sprocket-grids-b .sprocket-grids-b-text { font-size: 14px; line-height: 18px; } } .item-387 #cboxContent .item-page .page-title { display: none; } .item-101 .it-services-mosaic .sprocket-mosaic-item .sprocket-padding { min-height: 367px !important; padding: 10px !important; } /*.item-403 .item-page a { color: #FF0000 !important; }*/ #mod365 .sprocket-mosaic-title { font-size: 26px; } #mod365 .sprocket-mosaic-text { min-height: 50px; } /* End */ .item-525 .sprocket-mosaic-head { font-size: 15px !important; text-align: center !important; } .item-525 .sprocket-mosaic-head h2 { line-height: 20px; } /*.item-525 .sprocket-mosaic-item .sprocket-mosaic-title a { font-size: 18px; color: #828282; font-weight: bold; }*/ #navigation-toggle span.nav-line{visibility: hidden;} /* Added By Rahul */ @media only screen and (min-width:980px) and (max-width:1199px) { #footer1 .mod_easybloglatestblogslatest-blog { margin-left: 0px; } } @media only screen and (max-width:767px) { #mod370 .sprocket-tabs-panels .gantry-width-50.gantry-width-block{ width: 100%; float: none; } #referral_form_btn_container { margin-left: 12px !important; } #jevents_body .cal_top_day_names { min-width: auto; } } @media only screen and (min-width:768px) and (max-width:979px) { #referral_form_container, #referral_form_btn_container, #referral_form_pane_container, #referrer_pane, #referree_pane{ width: 100% !important; } } .mod-cell .readon:hover { background: #e6e6e6 !important; } .support-box img { display: block; margin: 0 auto; } @media (min-width:481px) and (max-width:767px){ .support-option { width: 25% !important; float: left !important; } .support-box img { width: 100%; } .support-box p { font-size: 11px; } .item-536 #mainbody .outer-wrapper { overflow: visible; } } @media (min-width:768px) and (max-width:979px){ .support-box p { font-size: 10px; margin-bottom: 0px; } } .item-366 #mainbody .eb-header .eb-brand .eb-brand-bio { display: none; } /*.item-366 #mainbody .eb-header .eb-brand .eb-brand-name.reset-heading { font-size: 26px !important; margin-bottom: 15px !important; color : #000 !important; font-weight: normal !important; }*/ @media (min-width:360px) and (max-width:360px){ .item-101 .rev_slider_wrapper .tp-caption.large_bg_black.tp-fade.tp-resizeme.layer1_title.start { top : 13px !important; } } header.style2 #logo a, header.style2 a#logo { background: transparent; } header.style2 #logo a::after, header.style2 a#logo::after { display: none; } header.style1, header.style2 #logo a, header.style2 a#logo, header.style3 #logo a, header.style3 a#logo, header#header.style6 { border: none !important; } header { background: rgba(0, 0, 0, 0.8); } header.style2 #logo a, header.style2 a#logo { line-height: 100px !important; } nav#main_menu.clearRight { clear: none; } .header_contact { color: #fff; display: inline-block; } .header_contact a,.header_contact a:hover{ color: #fff; } .header_contact a span{ font-weight: bold; margin-left: 5px; } #header.cta_button .topnav.navRight { margin-right: 0px; } #mod365 .sprocket-mosaic-text, #mod365 .sprocket-mosaic-title { text-align: center; } #mod359 .moduletitle, #mod418 .moduletitle { font-size: 40px; line-height: 52px; text-align: center; } #mod418 .owl-wrapper .item { color: #fff; font-family: serif; font-size: 1.6em; font-style: italic; line-height: 1.3em; } #mod418 { margin: 0px 0px 30px; padding: 20px 0px; min-height: 200px; } .chaser { background: #111; } .item-101 .rev_slider_wrapper .layer2_title p.title_big { margin: 10px 0px; } @media (min-width:1201px){ .item-101 .rev_slider_wrapper .layer2_title p.title_big { font-size: 24.5px; } } .item-101 .rev_slider_wrapper .tp-caption.large_bg_black.tp-fade.tp-resizeme.layer3_title.start .title_big { margin: 10px 0px; } /* Module title */ p.moduletitle { margin: 10px 0px; } #footer1 p.moduletitle { font-size: 17.5px; } .sprocket-mosaic p.sprocket-mosaic-title { margin: 10px 0px 5px; } .action_box p.h4text { font-weight: 500; font-size: 22px; margin: 15px 0 !important; font-family: 'Open Sans', 'Helvetica', Arial, serif; line-height: 20px; color: inherit; border: 0; padding: 0; } @media(max-width:767px) { .action_box p.h4text { text-align: center; } } @media(max-width:414px) { .action_box p.h4text { font-size: 1em !important; text-align: center; } } /* Module title End */ .customchaser { display: block !important; } .item-366 .eb-entry-nav.fd-cf { display: none; } .item-366 .eb-entry-author { display: none; } .item-366 .eb-comments { display:none; } /* End */ /* Homepage tabs */ #mod421 .gantry-width-50 { width: 50%; float: left; } #mod421 .gantry-width-block { display: block; float: left; } #mod421 .sprocket-tabs-nav { background: none; border-bottom: 1px solid #ccc; } #mod421 .layout-top .sprocket-tabs-panels { margin-top: 15px; } #mod421 .sprocket-tabs .sprocket-tabs-nav > li.active > .sprocket-tabs-inner, #mod421 .sprocket-tabs .sprocket-tabs-nav > li.active:hover > .sprocket-tabs-inner { color: #ffffff; background: #b8b8b8; } #mod421 .sprocket-tabs-nav > li > .sprocket-tabs-inner { border-radius: 0px !important; } @media (min-width:768px) and (max-width:1199px){ #mod421 .gantry-width-50 {width: 46% !important; margin-right: 20px;} } @media only screen and (max-width:767px) { #mod421 .sprocket-tabs-panels .gantry-width-50.gantry-width-block{ width: 100%; float: none; } } /*#header #logo img { width: 210px; height: 93px; padding-bottom: 6px; }*/ /* End */ #mod419 .sprocket-mosaic-title { font-size: 26px; } #mod419 .sprocket-mosaic-text { min-height: 50px; } #mod419 .sprocket-mosaic-text, #mod419 .sprocket-mosaic-title { text-align: center; } #mod419 .sprocket-mosaic-loadmore { color: #ffffff; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.3) inset; } #mod424 .sprocket-tabs-nav li .sprocket-tabs-inner{padding: 10px 14px;} /* Added By Rahul */ h1.page-title,div#eb h1.eb-brand-name, #jevents_header h1,div#eb p.eb-brand-name, #je-faqpro h1, .jc_jobs h1, h1.media-media-title, #jmap_sitemap h1, .jd-item-page h1 { font-size: 30px; margin-bottom: 15px; font-weight: normal; color: #050505; padding-bottom: 25px ; border-bottom: 1px solid #cbcbcb; } body h2 { font-size: 23px; } #hwd-container h1.media-media-title { float: none; } .sprocket-mosaic p.sprocket-mosaic-title { font-size: 26px; padding-top: 10px; } .item-525 .sprocket-mosaic-title { min-height: 60px !important; } @media (min-width:768px) and (max-width:1199px){ .item-525 .sprocket-mosaic p.sprocket-mosaic-title { font-size: 20px; } .item-525 .sprocket-mosaic-title { min-height: 80px !important; } .item-525 .sprocket-mosaic-item .sprocket-mosaic-text { min-height: 120px; } } div#fd a:hover,div#fd a:focus { color: #333; } #footer .modulecontent div#fd a:hover, #footer .modulecontent div#fd a:focus { color: #d5d5d5; } .jd_cat_subheader { border: none; } /* End */ .item-366 .eb-avatar > img { display: none;} #system-message .alert, .alert.alert-error { background: #5f5f5f none repeat scroll 0 0; border: medium none #c6c6c6; color: #fff; text-shadow: none; } .alert, .alert h4{ color: #fff;} /*Hide Date under Breadcrumbs*/ .djcuwc.pos-top { position: absolute;} #current-date{display: none !important;} /*.trigger-l { background: url("/images/red_trigger_l.png") !important; } .trigger-m{ background: url("/images/red_trigger_m.png") !important; } .trigger-r{ background: url("/images/red_trigger_r.png") !important; }*/ .event_legend_container .event_legend_item:nth-child(6) .event_legend_name { border-color: #FFFF00 !important; } #bottom .row.bottom, #bottom .row.bottom .span12, #bottom .row.bottom .copyright_a { margin-left: 0px; } .customPowerBy { display: block; text-align: right; margin-top: -4px; } @media (max-width:767px) { #bottom .row.bottom .customPowerBy, #bottom .row.bottom .copyrightbottom { text-align: center; } } .homepage #header #logo a, #header a#logo { margin-left: 0px; } #header #logo a, #header a#logo { margin-left: -23px; } #sidebar_right .video-cta-text { margin: 10px 0px; } .radio.btn-group input[type="radio"] { display: block; margin-left: 0px; min-height: auto; } .eBlog .itemReadMore { border-bottom: none; } /* Service video homepage */ .service_video_home { width: 100%; clear: both; } .sv_homepage .moduletitle { display: none; } .sv_homepage .sv_link { font-weight: bold; } .sv_title { margin-top: 0px; line-height: 34px; font-weight: bold; } .service_video_home a.sv_readon { width : 100%; padding-left: 0px; padding-right: 0px; } @media (min-width:980px) and (max-width:1199px) { #mod424 .sprocket-tabs-nav li .sprocket-tabs-inner { padding: 10px 5px; font-size: 11px; } } /* Service video homepage */ #rev_slider_4_1 { height: 530px !important; } #rev_slider_4_1_wrapper { height: 530px !important; } @media only screen and (min-width: 1800px) { .item-819 #page_header.gradient, .item-819 #slideshow.gradient { max-height: 530px !important; } } .jc_jobs_list .jc_jobs_head .jc_head_default_created, .jc_jobs_list .jc_jobs_created, #jobsForm .jc_filter { display: none; } /*a:focus { color: #ffffff !important; text-decoration: none !important; } */ .attention .fa-li { position: inherit; width: 1em; } .typo-icon { background-color: #FEEFB3; padding: 10px; margin: 22px 0px; color: #9F6000; border-radius: 3px; } .whitepaper-consult-mod ul.sprocket-tabs-nav { font-size: 12px; background: #fff; } .item-366 .eb-header .eb-navbar .eb-navbar-collapse .eb-navbar-left { display: none; } /*Login Widget Panel By Atul*/ @media only screen and (max-width: 579px){ .djcuwc.pos-top{display: none !important;} } @media only screen and (max-width: 767px){ .pos-top .uwc-code-d1.uwc-pos-right{width: 40% !important;} body div.djcuwc ul.djcuw-menu li{ max-width: 100% !important;margin: 0 4px !important;} body .jc_horizontal_form input.jc_username, body .jc_horizontal_form input.jc_password{width: 100px !important;} } .VmArrowdown.icon-plus, .VmArrowdown.icon-minus { float: right; vertical-align: bottom !important; margin-top: 8px; display: inline-block; width: 0px; } #mainbody #sidebar_left ul.menu.VMmenu > li { border-bottom: 1px solid #EEE; } #mainbody #sidebar_left ul.menu.VMmenu > li a{ display: inline-block; padding: 10px 15px; } #mainbody #sidebar_left ul.menu.VMmenu > li a:hover{ background : none !important; color: #595959; } #mainbody #sidebar_left ul.menu.VMmenu > li a:after{display: none !important;} .VmArrowdown.icon-plus, .VmArrowdown.icon-minus { float: right; vertical-align: bottom !important; margin-top: 8px; display: inline-block; width: 0px; } #mainbody #sidebar_left ul.menu.VMmenu li ul.menu li{ padding-left: 30px;} #mainbody #sidebar_left .shop-latest-carousel .caroufredsel_wrapper{margin-left: 0px !important;} #mainbody #sidebar_left .shop-latest-carousel .controls{position: absolute;top: -55px;right: 0;} #mainbody #sidebar_left .shop-latest-carousel{position: relative;} .mod_vm_product.vmproduct .product-details .spacer .pr-img-handler { float: left; width: 80px; border-bottom: 0!important; text-align: left; } .mod_vm_product.vmproduct .product-details .spacer img{width : 70px;} .action-handler {position: relative;text-align: left!important;} .mod_vm_product.vmproduct .product-details .h-pr-title {font-weight: 400;font-size: 100%; padding-bottom: 0px; padding-top: 0px;margin-bottom: 0px!important; margin-top: 0;} .feature_area_tiles { width: 100%;} .feature_area_tiles .outer_tiles {width: 30%; border-radius: 3px; border: 1px solid #ddd; display: inline-block; /* clear: both; */ padding: 10px; margin-right: 10px; vertical-align: top;min-height: 180px;} .feature_area_tiles .outer_tiles .inner_tiles_left { width: 60%;float: left;} .feature_area_tiles .outer_tiles .inner_tiles_right { width: 38%; float: left;} .store_features_homepage .span3 { margin-top: 10px; margin-bottom: 10px; border-right: 1px solid #b7b7b7; margin-left: 24px !important; } .store_features_homepage .span3 span { margin-right: 10px; font-size: 25px; } .store_features_homepage .span3 div { display: inline-block; vertical-align: middle; margin: 0; } .store_features_homepage .span3 div h3, .store_features_homepage .span3 div h5 { margin: 0; } .item-1031 #user3 .row { background: #edecec; border-radius: 5px; margin-bottom: 32px;} .store_features_homepage .span3:last-child { border-right: none !important;} .seperate_border.container .row { border-top: 2px solid #cd2122; height: 10px; margin-bottom: 20px;} .item-1031 #user4 .span6 { margin-left: 0px !important; margin-right: 22px;} .tablets_images { background: url('/images/directive-store-ad-workstation.jpg'); padding: 10px; background-repeat: no-repeat; background-size: cover; min-height: 150px;} .tablets_images .content_container, .laptops_images .content_container { margin-left: 30px;} .tablets_images .content_container h3, .laptops_images .content_container h3 { color: #000; font-weight: bold;} .tablets_images .content_container h5, .laptops_images .content_container h5 { color: #cd2122; font-weight: bold;} .laptops_images { background: url('/images/directive-store-ad-laptops.jpg'); padding: 10px; background-repeat: no-repeat; background-size: cover; min-height: 150px;} .item-1031 #mod456 { clear: both; padding-top: 30px;} .item-1031 #user4 .free_shipping { background: #E6E6E8; margin-left: 0; padding: 10px; margin-right: 10px; border-radius: 5px;} .padding15 { padding: 15px;} .free_shipping_first_title, .order_return_first_title, .cod_first_title { font-weight: bold;} .red_heading { color: #cd2122; font-weight: bold; font-size: 18px;} .item-1031 #user4 .order_return { background: #343436; margin-left: 0; padding: 10px; margin-right: 10px; border-radius: 5px; color: #fff;} .item-1031 #user4 .cod { background: #959595; margin-left: 0; padding: 10px; margin-right: 10px; border-radius: 5px; color: #fff;} .item-1031 .shop_page_blog_section .mod-item { width: 31%; float: left; margin-left: 20px; margin-top: 0px !important; padding-top: 0px !important; border-top: none !important;} .shop_page_blog_section { padding: 20px; background: #A50803;} .shop_page_blog_section .mod-item * { color: #fff !important;} .shop_page_blog_section .eb-mod-foot.mod-muted.mod-small .mod-cell a { background: #2f2f2f; padding: 5px 10px 5px 10px; border: 1px solid #2f2f2f; border-radius: 2px; font-weight: bold;} .vm-pagination ul li { display: inline-block !important; width: 3%;margin-right: 10px;} .vm-pagination{float: none !important;} .vm-pagination .pagenav:before , .vm-pagination .pagenav:after{display: none;} .vm-pagination .pagenav{border : none;} .display-number, .control-buttons{margin: 0px;} @media (min-width:1201px) and (max-width:1300px) { #user1 .feature_area_tiles .outer_tiles{width: 31%;padding : 0px; margin-right: 0px;margin-left: 20px;} #user1 .feature_area_tiles .outer_tiles .inner_tiles_left{ width: 55%;padding: 10px;} .item-1031 #user1 .row , .item-1031 #user2 .row , .item-1031 #user3 .row , .item-1031 #user4 .row , .item-1031 #user5 .row , .item-1031 .seperate_border container{ margin-left: -15px;} .item-1031 #user4 .free_shipping{padding: 0px;margin-left: 10px;margin-right: 0px;} .item-1031 #user4 .span6{margin-right: 0px;margin-left: 18px !important;} .item-1031 #user2 p.moduletitle {margin-left: 16px;} } @media(min-width:768px) and (max-width:979px) { .feature_area_tiles .outer_tiles{width: 45%;} /*.inner_tiles_left h3{font-size: 16px;}*/ .feature_area_tiles .outer_tiles .inner_tiles_left{ width: 66%;} .feature_area_tiles .outer_tiles .inner_tiles_right{ width: 33%;} .inner_tiles_left h5{min-height: 40px;} .feature_area_tiles { margin-left: 18px;} .store_features_homepage .span3{ margin-left: 16px !important;} .store_features_homepage .span3 div{ width: 72%;} .store_features_homepage .span3 h3{font-size: 13px;} .item-1031 #user4 .span6{ margin-left: 20px !important;margin-right: auto;} .item-1031 #user4 #mod800 .span4{ width: 43% !important; margin-left: 20px;} .com_virtuemart .product-list-item .prod-details{min-height: 140px !important;} .item-1031 #user2 .shop-latest-products .image img{width: 70%;} .item-1031 #user4 #mod456 .span4{ width: 43% !important; margin-left: 20px;} .shop_page_blog_section .mod-item{width: 30% !important;} .browse-view .row-fluid .product.span4{ width: 47%; float: left; margin-bottom: 20px;} .item-1059 .manufacturer.span3{margin-left: 13px;} #mod450 .vmproduct.product-details{margin-left: 0px;} .mod_vm_product.vmproduct .product-details .spacer .pr-img-handler{width: 100%;} #mod450 .product-details .addtocart-button{margin: 5px 0px;} } @media(min-width:980px) and (max-width:1199px) { .feature_area_tiles .outer_tiles{width: 29%; margin-left: 16px; margin-right: 0;} .inner_tiles_left h3{font-size: 16px;} .feature_area_tiles .outer_tiles .inner_tiles_left{ width: 66%;} .feature_area_tiles .outer_tiles .inner_tiles_right{ width: 33%;} .inner_tiles_left h5{min-height: 40px;} .inner_tiles_left span { display: block; min-height: 76px;} .store_features_homepage .span3{ margin-left: 16px !important;} .store_features_homepage .span3 div{ width: 72%;} .store_features_homepage .span3 h3{font-size: 13px;} .item-1031 #user4 .span6{ margin-left: 20px !important;margin-right: auto;} .item-1031 #user4 #mod456 .span4{ width: 28% !important; margin-left: 20px;} .browse-view .row-fluid .product.span4{ width: 31%; float: left; margin-bottom: 20px;} } @media (max-width: 979px){ .outer_tiles{ margin-bottom: 15px;} } @media(min-width:580px) and (max-width:767px) { .outer_tiles{ min-height: 250px; margin-bottom: 15px;} } @media (max-width: 767px){ .feature_area_tiles .outer_tiles{width: 43%;} .feature_area_tiles .outer_tiles .inner_tiles_left { width: 70% !important; } .feature_area_tiles .outer_tiles .inner_tiles_right { width: 26% !important;} .item-1031 .shop_page_blog_section .mod-item{padding-top: 15px !important; max-height: 480px; margin-top: 10px !important;} } @media (max-width: 579px){ .feature_area_tiles .outer_tiles{width: 95% !important;} .shop_page_blog_section .mod-item{width: 95% !important;} } @media (min-width:580px) and (max-width:767px){ .shop_page_blog_section .mod-item{width: 46% !important;} } .browse-view .product-list-item .prod-details { min-height: 90px ; } #mod450 .product-details .addtocart-area { clear: both;margin: 0px auto;} #mod450 .product-details .spacer .addtocart-bar { position: relative; height: 36px;} #mod450 .product-details span.quantity-box {height: 34px; display: inline-block; padding-top: 0px;} #mod450 .product-details .quantity-box .quantity-input.js-recalculate {background-color: #f5f5f5 !important; font-size: 16px; height: 34px; width: 34px;text-align: center;font-weight: 700; padding: 0; margin: 0;} #mod450 .product-details span.quantity-controls{ padding-top: 1px;margin: 0 0 0 15px;} #mod450 .product-details .addtocart-button{width: auto;} #mod450 .product-details .addtocart-button .addtocart-button{font-size: 11px; padding: 8px;background: #cd2122; border: 1px solid;} .com_virtuemart .product.span.span4 { margin-left: 0px; margin-right: 13px; } @media (min-width: 520px){ #mod448 .shop-latest-carousel .caroufredsel_wrapper{max-height: 372px;} } .item-1059.com_virtuemart .manufacturer-view-default .product-list-item .prod-details{min-height: auto !important;} .manufacturer-product-link a:hover{color: #777;} .product-page .addtocart-bar .quantity-controls.js-recalculate{padding : inherit !important;margin: 0px;float: none;width: auto;} #mod453 .moduletitle {font-weight: bold;color: #000;font-size: 24px; } a:focus { color: #333; } .sprocket-mosaic a:focus { color: #fff; } #user1 > .row { margin-bottom: 0px; } #mod377 .image-boxes .box { margin-bottom: 5px; } .jc_item_wrapper0 { background-color: transparent; } .jeventslight #jevents .jevbootstrap .btn-success:active, .jeventslight #jevents .jevbootstrap .btn-success.active { background: #444 !important; } /*Referral Form Changes */ #referral_form_pane_container { border: 1px solid #666 !important; padding: 10px !important; margin: initial !important; margin-top: 4px !important; } #referrer_tab,#referree_tab { border-bottom: none !important; } #referrer_tab:hover, #referree_tab:hover { border-bottom: none !important; } #referrer_tab,#referree_tab { padding: 5px !important; } #referree_btn,#referrer_btn { padding: 5px !important; } .gbs3 #chronoform-Referral .readon { margin-left: 5px; } #referral_form_btn_container { margin-left: 0px !important } #referral_form_pane_container { max-width: 520px; } @media (max-width: 767px){ #mainbody .span9 #chronoform-Referral input[type="text"], #mainbody .span9 #chronoform-Referral input[type="password"], #mainbody .span9 #chronoform-Referral select, #mainbody .span9 #chronoform-Referral textarea { width: 100% !important; } } @media (min-width: 768px){ .ref_left_pane, .ref_right_pane{ width: 48%; float: none; display: inline-block; vertical-align: top; } .ref_right_pane{ margin-left: 10px !important; } #referral_form_pane_container, #referral_form_btn_container, #referral_form_container, #referree_pane, #referrer_pane { width: 100% !important; } } #referral_form_container input[type="text"]:focus, #referral_form_container textarea:focus { border-color: #66afe9 !important; } #referral_form_container .ccms_form_element { margin-bottom: 15px; } #referral_form_container .google_nocaptcha.ccms_form_element.cfdiv_submit { padding-top: 0px; margin-left: 5px; } /*Referral Form Changes */ .sprocket-mosaic-hover{display: none !important;} .sprocket-mosaic-hovercontent{display: none !important;} .breadcrumbs { margin: 7px 0px; } #page_header { min-height: 200px!important; } @media (max-width: 767px){ #page_header { min-height: 98px!important; } } @media (max-width: 480px){ ul.breadcrumbs.fixclear { margin: 0px !important; } } #page_header .span6 { width: 100%; } /*Latest Easyblog CSS*/ div#eb .eb-post-foot .mt-15 { margin-top: 0px !important; } div#eb .eb-post-foot .col-cell { display : inline-block !important; } #eb .is-active>.eb-navbar__footer-link { color: #cd2122; } #eb .is-active .eb-navbar__footer-link:before{background-color: #cd2122;} #eb .eb-dialog-footer .eb-dialog-footer-content button, #eb .eb-login a.btn.btn-block.btn-success, #eb .eb-login button.btn.btn-primary, #eb .eb-tags-filter button.btn.btn-default, #eb .eb-quick-content button.btn.btn-default, #eb .eb-quick-content .btn.btn-primary, #fd .eb-dialog-footer-content .btn.btn-sm, div#eb .btn-primary, div#eb .eb-comment-editor .btn-primary, div#eb .eb-quick-actions .btn-primary{background-color: #cd2122 !important;color: #fff !important;border-color: #cd2122 !important;} #wrap_404 { text-align: center; } #wrap_404 .title_404 { font-size: 120px; margin-bottom: 20px; line-height: 120px; } #wrap_404 .line_1_404 { font-size: 25px; line-height: 30px; text-transform: uppercase; display: block; } #wrap_404 .line_2_404 { font-size: 15px; border-bottom: solid 1px #E8E8E8; padding-bottom: 32px; display: inline-block; } .jd-item-page .jd_cat_subheader tbody { width: 100%; display: table; } .jd-item-page .jd_cat_subheader ul { margin: 0px 0px 0px 20px; } @media (max-width:767px) { .jd-item-page .jd_cat_subheader td { display: block; width: 100%; } .jd-item-page .jd_sort_order, .jd-item-page .jd_page_nav { text-align: center !important; float: none; } .jd-item-page .jd_cat_subheader ul { float: none; margin : 0 auto; } } /*Latest Easyblog CSS*/ div#eb .eb-post-foot .mt-15 { margin-top: 0px !important; } div#eb .eb-post-foot .col-cell { display : inline-block !important; } #eb .is-active>.eb-navbar__footer-link { color: #f59120; } #eb .is-active .eb-navbar__footer-link:before{background-color: #f59120;} #eb .eb-dialog-footer .eb-dialog-footer-content button, #eb .eb-login a.btn.btn-block.btn-success, #eb .eb-login button.btn.btn-primary, #eb .eb-tags-filter button.btn.btn-default, #eb .eb-quick-content button.btn.btn-default, #eb .eb-quick-content .btn.btn-primary, #fd .eb-dialog-footer-content .btn.btn-sm, div#eb .btn-primary, div#eb .eb-comment-editor .btn-primary, div#eb .eb-quick-actions .btn-primary{background-color: #f59120 !important;color: #fff !important;border-color: #f59120 !important;} /* Rollout Changes */ .jc_jobdetails_wrapper .jc_jobdetails_back a, .jc_jobdetails_wrapper .jc_jobdetails_button button, .jc_application .application_button button, .jeventpage button, .jeventpage input[type="button"], .jeventpage input[type="submit"], .com_jevents .jeventslight .btn.btn-small.btn-success, #toolbar-cancel .btn.btn-small, .mktgrp_name.modsubmit #__jcd_btn, .eb-dialog-footer .eb-dialog-footer-content button, #eb .eb-login a.btn.btn-block.btn-success, #eb .eb-login button.btn.btn-primary, #eb .eb-tags-filter button.btn.btn-default, #eb .eb-quick-content button.btn.btn-default, #eb .eb-quick-content .btn.btn-primary, #eb .eb-dialog-footer-content .btn.btn-sm, div#eb .eb-comment-editor .btn-primary, .jdbutton.jorange, #jcforms_Referral .next-tab-your_details-Referral.btn.success, #jcforms_Referral .prev-tab.prev-tab-your_details-Referral.btn.success { background: #f59120 !important; color: #fff !important; border-color: #f59120 !important; text-shadow: none; border-radius: 0px; font-weight : normal !important; } .jc_jobdetails_wrapper .jc_jobdetails_back a:hover, .jc_jobdetails_wrapper .jc_jobdetails_button button:hover, .jc_application .application_button button:hover, .jeventpage button:hover, .jeventpage input[type="button"]:hover, .jeventpage input[type="submit"]:hover, .com_jevents .jeventslight .btn.btn-small.btn-success:hover, #toolbar-cancel .btn.btn-small:hover, .mktgrp_name.modsubmit #__jcd_btn:hover, .eb-dialog-footer .eb-dialog-footer-content button:hover, #eb .eb-login a.btn.btn-block.btn-success:hover, #eb .eb-login button.btn.btn-primary:hover, #eb .eb-tags-filter button.btn.btn-default:hover, #eb .eb-quick-content button.btn.btn-default:hover, #eb .eb-quick-content .btn.btn-primary:hover, #eb .eb-dialog-footer-content .btn.btn-sm:hover, div#eb .eb-comment-editor .btn-primary:hover, .jdbutton.jorange:hover,.readon:hover, .button:hover, .readon:hover, .readon.form-control.A:hover, .registration .controls button:hover, .registration .btn:hover, .jc_jobdetails_button button:hover, .application_button button:hover, .sprocket-readmore:hover, .login-panel .create_account:hover, .login-panel input[type="submit"]:hover, .register-panel input[type="submit"]:hover, .forgot-panel input[type="submit"]:hover, #mod365 .sprocket-mosaic-loadmore:hover, .com_users #mainbody button.btn:hover, div#eb .btn-primary:hover, #jcfc_Referral .tab-buttons-panel-but .next-tab:hover, #jcfc_Referral .tab-buttons-panel-but .prev-tab:hover, .jeventpage input[type="button"]:hover, li.mktgrp_name #__jcd_btn:hover, .understading_it_mosaic .sprocket-mosaic-loadmore:hover, .com_jevents .jeventslight .btn.btn-small.btn-success:hover, #toolbar-cancel .btn.btn-small:hover, .com_users #mainbody button.btn:hover, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { background: #1f91cf !important; color: #fff !important; border-color: #1f91cf !important; text-shadow: none; border-radius: 0px; font-weight : normal !important; } #ctabutton { /* background: #1f91cf !important; */ color: #fff !important; } #ctabutton:hover { background: #1f91cf !important; color: #fff !important; } #ctabutton .trisvg path { /* fill: #1f91cf !important; */ } #ctabutton:hover .trisvg path { fill: #1f91cf !important; } nav#main_menu > ul.sf-menu ul li a:hover { color: #ffffff; background: #1f91cf; padding-left: 14px; } .greySlideBx .owl-theme .owl-controls .owl-page.active span { background: #1f91cf !important; } a#totop { background-color: #1f91cf !important; } /*.livedemo { background: #1f91cf !important; } .livedemo:hover { background: #f59120 !important; }*/ .support-box:hover { background: #1f91cf; border-bottom: 2px solid #1f91cf; } .mod-cell .readon:hover { background: #1f91cf !important; } .livedemo a, .livedemo a:hover { color: #fff; } #custom_info { /* background-color: #1f91cf !important; */ } .jeventslight #jevents .jevbootstrap .btn-success:active, .jeventslight #jevents .jevbootstrap .btn-success.active { background: #f59120 !important; } .com_jevents .jeventslight .btn.btn-small.btn-success i, .com_jevents .jeventslight #toolbar-cancel .btn.btn-small i { display: none !important; } .com_jevents #eb.eb-popover.fade.in { background : #fff; display : inline-block !important; padding : 5px 10px; z-index : 9999; } .com_jevents #eb.eb-popover .eb-popover-title { line-height : 30px; margin-top : 0px; } .rev_slider_wrapper .tp-caption a { padding: 10px !Important; } /* Rollout Changes */ div#action_box99 { background-color: #1f91cf !important; } nav#main_menu > ul.sf-menu > li.active > a { background-color:#1f91cf !important; } nav#main_menu > ul.sf-menu > li > a:hover { background-color:#1f91cf !important; } nav#main_menu > ul.sf-menu > li:hover > a { background-color:#1f91cf !important; } #ctabutton { background-color:#1f91cf !important; } #ctabutton .trisvg path { fill:#1f91cf !important; } #ctabutton:hover { background-color:#f59120 !important; } #ctabutton:hover .trisvg path { fill:#f59120 !important; } #custom_info { background-color: #1f91cf !important; } #mainbody textarea#textarea6 { width: 100% !important; } #mainbody .span9 .chronoform textarea { width:100% !important; } #mainbody .span12 .chronoform textarea { width:100% !important; } #mainbody .span9 .chronoform input[type="text"] { width: 100% !important; } #mainbody .span12 .chronoform input[type="text"] { width: 100% !important; } #mainbody .gbs3 .gcore-form-row .gcore-input { width: 100% !important; } .contact_us_cotainer_r .gbs3 { width:60% !important; } div#mainbody .span12 .gbs3 { width:30% !important; } body { color: #050505 !IMPORTANT; } .header_contact a, .header_contact a:hover { color: #fff; font-size: 1.2em; } span.customPowerBy { display: none !important; } @media(min-width:772px) and (max-width:981px) { .support-box { height: 122px; } } @media(min-width:982px) and (max-width:1199px) { .support-box { height: 148px; } } @media(max-width:480px) { .support-box { height: auto; } } @media(min-width:691px) and (max-width:767px) { .support-box { height: 203px; } } #eb .eb-dialog-footer-content .btn, #eb .eb-dialog-footer-content .btn:hover, #eb .eb-dialog-footer-content .btn:focus, #eb .eb-dialog-footer-content .btn:active { height: auto !important; margin: 0px 10px; } #eb .col-cell.eb-dialog-footer-content { padding-top: 7px; } #eb .eb-post + .eb-post { margin-top: 0px; border-top: none; } #eb.eb-component .eb-category-profile { padding: 10px; border: 1px solid #cccccc; } @media screen and (min-width: 481px){ #eb.eb-component .eb-category-profile .eb-category-details .eb-category-head, #eb.eb-component .eb-category-profile .eb-category-details .eb-category-subscribe { display: table-cell; vertical-align: middle; } #eb.eb-component .eb-category-profile .eb-category-details .eb-category-subscribe, #eb.eb-component .eb-category-profile .eb-category-details { padding-left: 10px; } } #eb.eb-component .eb-category-profile .eb-category-details .eb-category-head h2 { margin-bottom: 0px !important; } div.eb-author .eb-authors-head > .col-cell.cell-tight, div.eb-composer-author > .col-cell.cell-tight, div.eb-category-profile > .col-cell.cell-tight.eb-category-thumb { min-width: 60px; } #eb .eb-post-thumb .eb-post-image img { padding: 5px; } #eb .eb-post-thumb .eb-post-image { border: 1px solid #ddd; border-radius: 2px; } .item-366 #mainbody #eb .eb-brand .eb-brand-bio, .item-366 #mainbody #eb .eb-header .eb-navbar__footer, .item-366 #mainbody #eb .eb-header .eb-toolbar { display: none; } a.o-nav__link.eb-toolbar__link.has-composer i.fa.fa-pencil { color: #fff; } #eb .eb-toolbar__search-form .eb-filter-select-group, #eb .eb-search .eb-search__filter #category_id, #eb .eb-search .eb-search__filter .eb-filter-select-group__drop{ display: none; } #eb.eb-component ul { list-style-position: inside; } #eb .eb-toolbar__search-submit-btn button.btn.btn-primary.btn-search-submit { padding: 7px 10px !important; color: #fff !important; outline: none; border: none; background-color: #f59120 !important; border-radius: 0px !important; font-weight: normal; } #eb .eb-toolbar__search-submit-btn button.btn.btn-primary.btn-search-submit:hover { background-color: #1f91cf !important; } @media (min-width: 481px) { .hd_form .semanticui-body.chronoforms .field, .hd_form .semanticui-body.chronoforms .grouped.fields, .contact_form .semanticui-body.chronoforms .field, .contact_form .semanticui-body.chronoforms .grouped.fields, .reg_form .semanticui-body.chronoforms .field, .reg_form .semanticui-body.chronoforms .grouped.fields { display: table; max-width: 480px; width: 100%; } } @media (min-width: 481px) { .hd_form .semanticui-body.chronoforms .ui.form .field > label, .hd_form .semanticui-body.chronoforms .grouped.fields > label, .contact_form .semanticui-body.chronoforms .ui.form .field > label, .contact_form .semanticui-body.chronoforms .grouped.fields > label, .reg_form .semanticui-body.chronoforms .ui.form .field > label, .reg_form .semanticui-body.chronoforms .grouped.fields > label { display: table-cell; width: 160px; vertical-align: top; } .referral_form .semanticui-body.chronoforms .field, .referral_form .semanticui-body.chronoforms .grouped.fields { display: block; max-width: 100%; width: 100%; } .referral_form .semanticui-body.chronoforms .ui.form .field > label, .referral_form .semanticui-body.chronoforms .grouped.fields > label { display: block; width: auto; vertical-align: top; } } @media (min-width: 768px) { #mod519.referral_form { max-width: 600px; } } .referral_form form .item { margin-bottom: -1px !important; } @media (min-width: 1200px) { #mod520.reg_form, #mod521.hd_form, #mod519.referral_form, #mod517.contact_form { margin-left: 30px; } } @media (min-width: 768px) and (max-width: 1199px){ #mod520.reg_form, #mod521.hd_form, #mod519.referral_form, #mod517.contact_form { margin-left: 20px; } } .semanticui-body.chronoforms .ui.button { display: inline-block; padding: 4px 14px; margin-bottom: 0; font-size: 14px; line-height: 20px; color: #fff; text-align: center; vertical-align: middle; cursor: pointer; background: #f59120; border: 1px solid #f59120; border-radius: 1px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); font-weight: normal; } .semanticui-body.chronoforms .ui.button:hover, .semanticui-body.chronoforms .ui.button:active, .semanticui-body.chronoforms .ui.button:focus { background: #1f91cf; border: 1px solid #1f91cf; } #sidebar_right .semanticui-body.chronoforms .ui.button { width: 100%; } #header { background:rgba(21.2, 27.1, 31, 1); } .homepage #header { background: rgba(0, 0, 0, 0.8); } #fd-toolbar-search .fd-toolbar-btn { display: none !important; } #eb #fd .fd-toolbar .is-active .fd-toolbar__link:not(.no-active-state), #eb #fd .fd-toolbar .is-active .fd-toolbar__submenu-link { color: #000; } #eb .eb-post-listing__item { margin-bottom: 20px; } .homepage .logo-container img { position: relative; top: 10px; }