/* Add your own custom css to this file. You may wish to use css !important calls to override css from the template css files.
----------------------------------------------------------- */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,300,600,700,800);
body{font-family: 'Raleway', sans-serif !important; font-size: 14px}

/*section*/

#s5_header_area2{background: url(../images/header_bg.jpg);}
#s5_top_row1_area1{padding: 30px 0 0}
#s5_bottom_row2_area1{padding: 28px 0; background: url(../images/footer_menu_bg.jpg);border-bottom: 1px solid #484848;}
#s5_footer_area2{background: #000}


#s5_banner ul{list-style: none; float: right;}
#s5_banner ul li{display: inline-block; font-size: 14px;color: #fff; text-transform: uppercase;}


.service_box{text-align: center;font-family: 'Raleway', sans-serif; min-height: 170px; background: #f8f8f8; border: 1px solid #dedede;border-bottom: 4px solid #1276ae; border-radius: 3px; position: relative; margin: 0px 8px 30px; font-size: 14px; line-height: 24px; padding: 90px 0 50px }
.customservice_box h3{color: #1276ae; font-family: 'Open Sans', sans-serif; font-size: 18px; margin: 0 0 10px; line-height: 28px}
.customservice_box a{color: #fff; display: inline-block; width: 110px; margin-left: -55px; left: 50%; position: absolute; bottom: -4px; padding: 20px 0px 22px; line-height: 14px; border-radius: 3px 3px 0 0; background:url(../images/more_bg.png) no-repeat center; margin-top: 35px}
.customservice_box p{padding: 0 20px}
.customservice_box .service_puzzle {
  background: url("../images/puzzle.png") no-repeat scroll center center rgba(0, 0, 0, 0);margin-bottom: -60px;min-height: 226px;
  overflow: hidden;position: relative;width: 100%;z-index: 9;
}
#s5_top_row2_area_inner {margin-top: 20px}
.customservice_box .icon_circle{width: 126px; height: 126px; border-radius: 50%; margin: 20px auto 76px;/* border: 2px solid #dedede;*/ background: url(../images/manual_icon.png) no-repeat center #fff;}
.service_box:hover{background: #fff; border-color: #1276ae}
.customservice_box:hover .icon_circle{background:url(../images/manual_icon.png) no-repeat center #eee;}

.customservice_box .icon_circle.function{background: url(../images/functional_icon.png) no-repeat center #fff;}
.customservice_box:hover .icon_circle.function{background: url(../images/functional_icon.png) no-repeat center #eee;}

.customservice_box .icon_circle.automated{background: url(../images/automated_icon.png) no-repeat center #fff;}
.customservice_box:hover .icon_circle.automated{background: url(../images/automated_icon.png) no-repeat center #eee;}

.customservice_box .icon_circle.performance{background: url(../images/performance_icon.png) no-repeat center #fff;}
.customservice_box:hover .icon_circle.performance{background: url(../images/performance_icon.png) no-repeat center #eee;}

.customservice_box .icon_circle.security{background: url(../images/security_icon.png) no-repeat center #fff;}
.customservice_box:hover .icon_circle.security{background: url(../images/security_icon.png) no-repeat center #eee;}

.customservice_box .icon_circle.training{background: url(../images/training_icon.png) no-repeat center #fff;}
.customservice_box:hover .icon_circle.training{background: url(../images/training_icon.png) no-repeat center #eee;}





#s5_bottom_row2 .module_round_box {background: none; color: #959595; font-size: 13px; padding: 0px; font-family: 'Raleway', sans-serif; box-shadow: none; border:none;}
#s5_bottom_row2 .module_round_box a{color: #959595;}
#s5_bottom_row2 .module_round_box h3.s5_mod_h3{font-size: 22px;font-family: 'Raleway', sans-serif; padding: 0 0 10px; margin: 0 0 22px; background: none; border-bottom: 1px solid #484848; color: #cccccc; border-radius: 0; text-transform: none;}
#s5_bottom_row2 .module_round_box h3.s5_mod_h3 span{ color: #cccccc}
#s5_bottom_row2 .module_round_box .nav.menu li{width: 100%; font-size: 13px; line-height: 30px; margin-right: 0; float: left;}
#s5_bottom_row2 .module_round_box .nav.menu li a{padding: 0px; background: none; border-bottom: none}

#s5_center_area2{background: #fff;}
.homepage #s5_center_area2{background: #f8f8f8; border-top: 1px solid #dedede}

#s5_bottom_row1_area2{background: #f8f8f8; border-top: 1px solid #dedede}
#s5_bottom_row2 #s5_pos_bottom_row2_1 .nav.menu li{width: 50%; font-size: 13px; line-height: 30px; float: left;}

/*
.s5_fourdivs_1 h3.s5_fourdivs_title{text-align: center;background: #f8f8f8; font-size: 30px ; margin: 0; position: relative; margin: 30px 0 !important; font-family: 'Raleway', sans-serif; color: #1276ae; text-transform: uppercase;}
.s5_fourdivs_1 h3.s5_fourdivs_title:before{background: url(../images/title_bg.jpg) repeat-x center;z-index: 0; position: absolute; left: 0; top: 50%; content: ''; margin-top: -5px; width: 100%; height: 10px}
.s5_fourdivs_1 h3.s5_fourdivs_title span{padding: 0 20px; background: #f8f8f8; z-index: 2; position: relative;}*/

/*.contact h3.s5_mod_h3{text-align: center; background: url(../images/title_bg.jpg) repeat-x center; font-size: 30px ; margin: 0; position: relative; margin: 30px 0 !important; font-family: 'Raleway', sans-serif; color: #1276ae; text-transform: uppercase;}
.contact h3.s5_mod_h3 span{background: #f8f8f8; z-index: 2; position: relative;}

.contact h3.s5_mod_h3 span:first-child{padding-left: 20px;}
.contact h3.s5_mod_h3 span:last-child{padding-right: 20px;}
*/
.center_heading h3.s5_mod_h3, .center_heading h3.s5_fourdivs_title{text-align: center; background: url(../images/title_bg.jpg) repeat-x center; font-size: 30px ; margin: 0; position: relative; margin: 30px 0 !important; font-family: 'Raleway', sans-serif; color: #1276ae; text-transform: uppercase;}
.center_heading h3.s5_mod_h3 span, .center_heading h3.s5_fourdivs_title span{background: #f8f8f8; z-index: 2; position: relative;}
.whiteSection .center_heading h3.s5_mod_h3 span, .whiteSection .center_heading h3.s5_fourdivs_title span{background: #fff;}
#s5_top_row1_wrap .center_heading h3.s5_mod_h3 span, #s5_top_row1_wrap .center_heading h3.s5_fourdivs_title span{background: #fff;}
.center_heading h3.s5_mod_h3 span:first-child, .center_heading h3.s5_fourdivs_title span:first-child{padding-left: 20px;}
.center_heading h3.s5_mod_h3 span:last-child, .center_heading h3.s5_fourdivs_title span:last-child{padding-right: 20px;}

.module_round_boxcontact #s5_center_area2 #s5_component_wrap{box-shadow: none; border: none; background: none; padding: 0px 10px}

.all_contacts{font-size: 16px; line-height: 24px;}
.all_contacts address{line-height: 24px;}
.all_contacts p.text-center{text-align: center; font-weight: 600; margin: 0 0 15px}
.all_contacts strong{font-weight: 600}
.online_contact {text-align: center;}
.online_contact i{font-size: 18px; color: #515151}
.online_contact span a{margin-right: 50px ; color: #000; font-size: 14px; font-weight: 600}

#s5_footer_area_inner2{padding: 16px 0; background: none; color: #959595; text-align: center; box-shadow: none !important; border: none; margin-bottom: 0;}
#s5_footer{width: 100%; text-align: center;}


#s5_header_area1 .s5_wrap{padding-top: 0}
#s5_header_area_inner2, #s5_component_wrap{background: none; border:none; box-shadow:none !important;}
#s5_header_area1 #s5_header_wrap{background: none; border-radius: 0}
ul.menutop.level1{}
.logo_section {width: 30%; float: left;}
#s5_logo{width: 166px !important; margin:44px 0px 0px;}
.logo_section p{overflow: hidden; width: 100%; color: #fff; font-weight: 600; font-style: italic;}

#main_nav{background:url(../images/nav_bg.jpg) repeat-x; height: 61px; padding: 2px 2px 0; border-radius: 5px 5px 0 0;text-transform: uppercase; position: relative; z-index: 101; border-bottom: 1px solid #71badd; box-shadow: 0 1px 0 #055786;}
#main_nav .menu li{padding:0; font-size: 14px; border-right: none; font-family: 'Lucida Sans', sans-serif; height: auto; color: #00476f; font-weight: 600; float: left;}
#main_nav .menu li > a{color: #00476f; height: auto; line-height: 18px; background: none; margin: 0 1px; border:none; display: block; padding: 0 20px; line-height: 63px; text-decoration: none; border-radius: 5px 5px 0 0;}
#main_nav .menu > li:hover > a, #main_nav .menu > li.active > a{background: url(../images/nav_bg_hover.jpg) repeat-x top ; color: #fff; text-shadow:1px 1px 0 rgba(0,0, 0, 0.5);}
#main_nav .menu li ul { display: none; position: absolute; left: 0; right: 0; top: 65px; border-radius: 0 0 5px 5px; background: #1376af; padding: 10px;}
#main_nav .menu li ul li {margin: 0; padding: 12px 0}
#main_nav .menu li ul li a{color: #fff; padding: 0 20px; line-height: 14px; text-shadow:none; border-right: 1px solid #fff; border-radius: 0;}
#main_nav .menu li ul li:last-child a{border-right:none;}
#main_nav .menu li ul li a:hover{color: #000; text-shadow:none;}
#main_nav .menu li.active ul, #main_nav .menu li:hover ul, #main_nav .menu li ul:hover{display: block;}





.fusion-js-subs, .level2{}
.level2 li{width: auto !important;}

#s5_pos_below_body_1 #rsm1{max-width: 730px; width: 100% !important; margin: 0 auto; font-size: 14px ; line-height: 30px; font-family: 'Raleway', sans-serif; }
#s5_pos_below_body_1 #rsm2{ text-align: center !important;}
#slider_module{ margin-top: -15px; background: url(../images/slider_bg.jpg) no-repeat; background-size: 100% auto !important; }

#rsmsc_scroller {
  margin: 20px auto;
  padding: 0;
  max-width: 700px;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
}

#rsmsc_scroller img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 2px solid #bbb !important;
}

#rsmsc_scroller strong{display: block;}

.ic_marquee0{clear: both;}

.ic_marquee0 div { min-height: 125px;}

.ic_marquee0 img {height: 86px; width: auto;}


.module_round_boxclients_scroller{}

.whiteSection{background: #fff; border-top:1px solid #ddd; padding: 25px 0;}


.s5_scrolltotop{position: fixed; right: 20px; bottom: 10px;}

.djslider .slider-container li iframe{background: url(../images/video.png) center center no-repeat;  padding: 27px 27px 127px 25px; width: 435px; height: 244px; float: right; margin: 20px 0;} 
#slider105 li img{ width: 450px !important; height: auto !important; float: right; margin: 30px 0 !important; border:2px solid #000 !important;} 

.djslider .slide-desc {
  float: left;
  margin: 100px 0 0;
  position: static !important;
  max-width: 550px !important;
  width: auto !important;
}

.djslider .slide-title {
  color: #1276ae;
  font-size: 40px;
  line-height: normal;
  font-weight: 600;
}

.djslider .slide-text p {
  color: #000;
  font-size: 20px;
  line-height: normal;
}

.djslider .readmore {background:url(../images/btn.png) 0 0 repeat-x;  font-size: 20px; text-shadow:1px 1px 0 #32769a; padding: 18px 25px; color: #fff; font-weight: 600; text-decoration: none; border-radius: 5px; border:1px solid #1276ae; clear: both; float: left; margin: 10px 0 0;}
.djslider .readmore:hover {background:#4dacdd;}

.slide-desc-bg{display: none;}

.navigation-container-custom {
  left: 0;
  right: 0;
  bottom: 10px;
  top: auto !important;
  text-align: center;
}

#s5_header_wrap{position: relative;}

#s5_banner {
  position: absolute;
  right: 0;
  top: 0;
}



.acymailing_form{width: 100%;}
.acymailing_form td .inputbox{padding: 15px; background: #666; color: #ccc; border:none; width: 92% !important}
.acymailing_form td.acysubbuttons{float: right; }
.acymailing_form td.acysubbuttons input{margin-right: 0px; background: url("../images/btn.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);border: 1px solid #1276ae;
    border-radius: 5px;clear: both;color: #fff;float: left;font-size: 20px;font-weight: 600;margin: 0;padding: 15px 25px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #32769a;}
.acysubbuttons .button.subbutton{float: left; border-radius: 5px;}
.acysubbuttons .button.subbutton:hover{background: none repeat scroll 0 0 #4dacdd;}

#s5_banner  { list-style: none; margin: 0; padding: 0;}
#s5_banner li { background: url(../images/inactive_right.png) no-repeat scroll right center transparent; float: left; height: 27px; line-height: 27px; padding: 0 38px 0 0 ; list-style: none;}
#s5_banner li a { background: url(../images/inactive_left.png) no-repeat scroll left center transparent ; color: #4F4F4F ; display: block ; font-size: 12px ; font-weight: 700 ; height: 27px ; line-height: 27px ; padding: 0; text-decoration: none ; text-transform: uppercase ;}
#s5_banner li:hover { background: url(../images/active_right.png) no-repeat scroll right center transparent ;}
#s5_banner li:hover a{ background: url(../images/active_left.png) no-repeat scroll left center transparent ; margin-left: -38px !important;  padding-left: 38px !important;}
#s5_banner li:first-child a{ background: url(../images/first_inactive_left.png) no-repeat scroll left center transparent; float: left; height: 27px; line-height: 27px; padding-left: 34px;}
#s5_banner li:first-child.active { background: url(../images/active_right.png) no-repeat scroll right center transparent; float: left; height: 27px; line-height: 27px; padding: 0 38px 0 0 ;}
#s5_banner li:first-child.active a{ background: url(../images/first_active_left.png) no-repeat scroll 5px center transparent ; margin-left: 0 ; padding-left: 38px;}
#s5_banner li:first-child:hover a { background: url(../images/first_active_left.png) no-repeat scroll 5px center transparent ; margin-left: 0 ; padding-left: 38px;}
#s5_banner li:last-child{ background: url(../images/last_inactive_right.png) no-repeat scroll right center transparent ; padding-right: 38px ;}
#s5_banner li:last-child:hover { background: url(../images/last_active_right.png) no-repeat scroll right center transparent ;}
#s5_banner li:nth-child(2):hover a { background: url(../images/second_active_left1.png) no-repeat scroll left center transparent !important; margin-left: -38px !important; padding-left: 38px !important;}
#s5_banner li:last-child:hover a { background: url(../images/active_left.png) no-repeat scroll left center transparent ; margin-left: -38px ; padding-left: 38px ;}


.left_img{float: left; border:1px solid #ddd; padding: 2px; background: #fff; margin: 0 20px 10px 0;}
.right_img{float: right; border:1px solid #ddd; padding: 2px; background: #fff; margin: 0 0 10px 20px;}

.item-page {line-height: 24px;}
.item-page h3{clear: both; margin: 20px 0 0;}




#s5_center_area1 .whiteSection{border: none;}
#s5_component_wrap{padding: 0;}
.homepage #s5_center_area1 .whiteSection{display: block;}
.page-header h2 {
  font-size: 30px;
  font-variant: small-caps;
  margin-bottom: 18px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
  margin: 10px 0 25px;
  position: relative;
}

.page-header h2:before{position: absolute; right: 0; width: 50px; height: 2px; content: " "; top: 100%; background: #73a0cf;}



/*naresh*/

.latstats ul{margin: 0 0  20px; list-style-type: none;  }
.latstats ul li{font-size: 14px ; color: #333333; line-height: 30px}
.latstats ul li a{color: #333}
.latstats ul li:before{ background: url(../images/list-style.png) no-repeat;width: 11px ; height: 11px; display: inline-block; margin-right: 5px; content: ''}
#jv_dirmodel{border-bottom: 1px dashed #d6d6d6}
.info{background: #f7f7f7; padding-bottom: 10px; margin-bottom: 30px}
div.jv_dirmodel_categoryset div.maincatimage, a.snap_noshots{display: none;}
span.title, h4.title a, .customer-reviews h4{font-weight: 300; border-bottom: none; border-left: 3px solid #1276ae}
.maincat small{padding:0 10px 0 20px; font-size: 14px; line-height: 26px }
div.info .subcat li a{ color: #333333 }
.pagination.search ul{margin: 0}
.page-header, .module_round_box .s5_mod_h3{font-size: 24px; border:0; border-radius: 0px; color: #1276ae ; margin: 10px 0 20px; font-family: "Raleway",sans-serif; overflow: hidden; padding: 0; display: block; width: 100%; text-transform: uppercase; line-height: 24px; overflow: hidden; background: url("../images/title_bg.jpg") left center repeat-x ;}
.page-header span, .module_round_box .s5_mod_h3 span{background: #fff; padding-right: 15px}
#s5_bottom_row2_area_inner .module_round_box .s5_mod_h3 span{background: none;}
.module_round_box span.s5_h3_first{color: #1276ae; padding-right: 0px}
.title h4 a{color: #1276ae}
.pagination a{padding: 7px 10px !important}



/*left sidebar*/
.s5_float_left .module_round_box{background: none; padding: 0; box-shadow: none; border-radius: 0; border:none;}
.s5_float_left #login-form .input-prepend input{height: 38px; line-height: 38px; background: #525151; border:0; color: #fff; margin: 0 0 20px; border-radius: 4px; padding: 0 10px; display: block; width: 100% !important;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
}
.control-group.checkbox{float: left; margin-top: 6px}
.control-group.checkbox .inputbox{ margin:6px 10px 0 !important ; }
#form-login-submit{float: right;}
#form-login-submit button{border-radius: 4px; padding:0px 21px; box-shadow: none; height: 38px; border-color:#1276ae; text-transform: uppercase; text-shadow:1px 0 0 rgba(0,0,0, 0.3); font-family:"Raleway",sans-serif; 
background: #7ac3ea; /* Old browsers */
background: -moz-linear-gradient(top, #7ac3ea 0%, #2e9bd5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7ac3ea), color-stop(100%,#2e9bd5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #7ac3ea 0%,#2e9bd5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #7ac3ea 0%,#2e9bd5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #7ac3ea 0%,#2e9bd5 100%); /* IE10+ */
background: linear-gradient(to bottom, #7ac3ea 0%,#2e9bd5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ac3ea', endColorstr='#2e9bd5',GradientType=0 ); /* IE6-9 */
}
#form-login-submit button:hover{
  background: #7ac3ea; /* Old browsers */
background: -moz-linear-gradient(bottom, #7ac3ea 0%, #2e9bd5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#7ac3ea), color-stop(100%,#2e9bd5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(bottom, #7ac3ea 0%,#2e9bd5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(bottom, #7ac3ea 0%,#2e9bd5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(bottom, #7ac3ea 0%,#2e9bd5 100%); /* IE10+ */
background: linear-gradient(to top, #7ac3ea 0%,#2e9bd5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ac3ea', endColorstr='#2e9bd5',GradientType=0 ); /* IE6-9 */
}
.unstyled{text-align: right; display: block; clear: both;}
.unstyled a{color: #1276ae; text-decoration: underline; line-height: 30px}
.unstyled a:hover{color: #333; text-decoration: none;}

div.jv_dirmodel_categoryset div.info p.maincat span.title {
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  margin-bottom: 0;
  padding: 4px 10px;
  text-transform: uppercase;
}

div.jv_dirmodel_categoryset div.info .subcat {
  font-size: 14px;
  line-height: 26px;
  list-style-type: none;
  margin: 0;
  padding: 0 10px 0 20px;
  text-align: left;
}