@import"reset.css";@import"pro_pages_style.css";@import"grid.css";@import"forms.css";@import"prettyPhoto.css";@import"jquery.snippet.min.css";
@import"../skin/blue.monday/jplayer.blue.monday.css";@import url(http://fonts.googleapis.com/css?family=Arimo:700,400);@import url('smoothness/jquery-ui-1.8.17.custom.css');
body{background:#fff url(../images/bg-body.jpg) 50% 0 repeat;font:15px/20px Arial, Helvetica, sans-serif;color:#141414;position:relative;min-width:980px;}
html,body{height:100%;}
p{padding-bottom:20px;}
a{color:#000;outline:none;cursor:pointer;text-decoration:none;}
a:hover{text-decoration:underline}
/*  Header styles */
h1,h2,h3,h4,h5,h6{line-height:1.3em;color:#000;font-family:'Arimo', sans-serif; font-weight:400;}
h1{font-size:30px;font-weight:700;}
h2{font-size:26px;font-weight:700; letter-spacing:-1px; padding-bottom:17px;}
h3{font-size:20px;padding-bottom:17px;} 
h4{font-size:18px; letter-spacing:-1px; padding-bottom:13px;}  
h5{font-size:16px;}
h6{font-size:14px;}
/* Global Structure---------------------------------------- */
.main{margin:0 auto;position:relative;width:940px; overflow:hidden;}
.bg-main{ width:100%;background:#fff url(../images/bg-body.jpg)  50% 0 repeat;}
/*----- txt,links,lines,titles -----*/
.clear{clear:both;line-height:0;font-size:0;overflow:hidden;height:0;width:100%;}
.wrapper{overflow:hidden;position:relative;}
.extra-wrap{overflow:hidden;display:block;}
.fleft{float:left}
.fright{float:right}
.alignright{text-align:right}
.aligncenter{text-align:center}
.alignmiddle *{vertical-align:middle}
.color1{color:#000;}
.colorLightBlack{color:#333;}
.wrapper-large{overflow:hidden;position:relative; height:80px;}
/*********************************header*************************************/
header{position:relative;z-index:99;padding:31px 0 25px 0;width:100%; background:url(../images/header-line.jpg) 0 0 repeat-x;}
header h1{ padding-bottom:39px;}
header h1 a{ display:block; background: url(../images/logo.png) 0 0 no-repeat;width:299px; height:94px; text-indent:-5000px;}
nav.main-menu{ width:950px; margin:0 auto;overflow: hidden;}


/* menu */
.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}
.sf-menu{text-align: center;}
.sf-menu li {display: inline-block; position:relative;text-transform:capitalize; font:11px/15px Arial, Helvetica, sans-serif;border-right: 1px solid #000000;height: 120px;}
.sf-menu li:first-child{ background:none; padding-left:0;}
	.sf-menu li a {display:inline-block;background:#001ce5;text-align:center; color:#eaeaea; position:relative; overflow:hidden;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	.sf-menu li.last a{ width:134px;}
			.sf-menu li a em{ font-style:normal;color:#eaeaea;}
			.sf-menu li.sfHover a,.sf-menu li.current a,.sf-menu li a:hover{text-decoration:none; background:#e5e4e2;color:#001ce5;}
			.sf-menu li.sfHover a em,.sf-menu li.current a em,.sf-menu li a:hover em{color:#001ce5;}


.sf-menu li a {display:inline-block;background:#001ce5;padding: 19px 12px; text-align:center; color:#eaeaea; position:relative; overflow:hidden;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;text-align: center;height: 100%;}
.sf-menu li.firstss:before{}
.sf-menu li.firstss{position: relative;}
.sf-menu li.lastss:after{}
.sf-menu li.lastss{position: relative;}

.sf-menu li.firstss::before {
  background: #001ce5;
  content: "";
  display: block;
  height: 100%;
  left: -30px;
  position: absolute;
  top: 0;
  width: 30px;
}
.sf-menu li.lastss::after {
  background: #001ce5;
  content: "";
  display: block;
  height: 100%;
  right: -30px;
  position: absolute;
  top: 0;
  width: 30px;
}
.sf-menu li.firstss.current::before {
  background: #e5e4e2;
  content: "";
  display: block;
  height: 100%;
  left: -30px;
  position: absolute;
  top: 0;
  width: 30px;
}
.sf-menu li.lastss.current::after {
  background: #e5e4e2;
  content: "";
  display: block;
  height: 100%;
  right: -30px;
  position: absolute;
  top: 0;
  width: 30px;
}

.sf-menu li a span {
  display: block;
  font-size: 13px;
  margin-bottom: 2px;
  text-align: center;
  text-transform: uppercase;
}

.sf-menu ul {position:absolute;top:-999em;z-index:99;width:172px;display:none;background:none; background:#001ce5; padding:3px;}
.sf-menu li li{padding:0; width:100%; font:10px/13px Arial, Helvetica, sans-serif;}
	.sf-menu li li a,.sf-menu li.sfHover li a,.sf-menu li.current li a{color:#fff; background:#001ce5; width:auto; padding:10px;
	-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
		.sf-menu li li a:hover,.sf-menu li li.sfHover a,.sf-menu li li.current a{ background:#efeeee; color:#000;}
.sf-menu ul ul {position:absolute;top:-999em;z-index:99;width:172px;display:none;background:none; background:#001ce5; padding:3px;}
	.sf-menu li li li{padding:0; width:100%;}
	.sf-menu li li li a,.sf-menu li li.sfHover li a,.sf-menu li li.current li a{color:#fff; background:#001ce5; width:auto; padding:10px;}
		.sf-menu li li li a:hover,.sf-menu li li li.current a{background:#efeeee; color:#001ce5;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0px;top:53px; /* match top ul list item height */}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:179px; /* match ul width */top:0px;}
ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */	top:00px;}
/* slider */
.pad-slider{ padding:13px 0 0 0;}
.main-slider{ width:950px; height:440px; position:relative; overflow:hidden; margin:0 auto;}
.main-slider .pagination{ position:absolute; z-index:99; bottom:26px; left:30px;}
	.main-slider .pagination li{ display:block; float:left; margin-right:3px;}
	.main-slider .pagination li a{ display:block; background:url(../images/slider-pagination.png) -17px 0 no-repeat; width:14px; height:14px;}
	.main-slider .pagination li.current a,.main-slider .pagination li a:hover{background:url(../images/slider-pagination.png) 0 0 no-repeat;}
.slider-banner{ width:950px; height:70px; background:url(../images/bg-slider-banner.png) 0 0 repeat; bottom:0; left:0; z-index:90 !important; position:absolute;  text-transform:uppercase; font:24px/30px Arial, Helvetica, sans-serif; color:#000; letter-spacing:-1px;}
	.slider-banner span{ display:block;text-align:right;  padding:21px 30px 0 0;}
/********************** Content ************************/
section{position:relative; z-index:1; padding:30px 0;}
section.padsection{ padding:0 0 24px 0;}
section.padsection2{ padding:11px 0 49px 0;}
section.padsection3{ padding:11px 0 34px 0;}
section.padsection4{ padding:11px 0 56px 0;}
section.padsection5{ padding:11px 0 29px 0;}
section.padsection6{ padding:11px 0 52px 0;}
section.padsection7{ padding:21px 0 56px 0;}


.services_items{text-align: center;}
.services{height:182px; background:url(../images/bg-body2.jpg) 0 0 repeat;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;display: inline-block;margin: 8px .5%;width: 13%;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:0 6px;}

.services a{ display:block; padding:30px 0 0 0; height:100%; position:relative;}
.services a span{ display:block; font-family:'Arimo', sans-serif; font-weight:400;line-height:1.3em;color:#e4e0dd;font-size:17px; padding:7px 0 0 0;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease; text-align:center;overflow: hidden;word-wrap: break-word;}
.services a span strong{ display:block; margin-top:-11px; font-weight:normal;}
.services a em{display:inline-block; position:relative;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.services a img{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;width: 80%;}
.services a img.image-hover{position:absolute;left: 8px;top: 0;opacity: 0;}
.services a:hover,.services:hover a{ text-decoration:none;}
.services:hover a span{color:#fff;}
.services:hover a img{ opacity:0;}
.services:hover a img.image-hover{ opacity:1;}




.partners{ position:relative; overflow: hidden; margin-top:-1px;}
	.partners li{ float:left; margin:0 60px 0 0px;}
	.partners li a{ display:block;}
	.partners li a img{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	.partners li a:hover img{-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-o-transform:scale(0.9);transform:scale(0.9);}
.list-1{ padding:5px 0 24px;}
.list-1.padlist{ padding-bottom:9px;}
.list-1.padlist2{ padding-bottom:30px;}
	.list-1 li{ background: url(../images/marker.png) 0 10px no-repeat; padding:4px 0 0 15px;}
	.list-1 li a{ color:#949494;}
.list-2{}
	.list-2 li{ background:url(../images/marker2.png) 0 17px no-repeat; padding:13px 0 11px 41px; font-size:14px;}
	.list-2 li a{ color:#747474;}
	.list-2 li a strong{ display:block; color:#000;}
	.list-2 li a:hover{ text-decoration:none;}
	.list-2 li a:hover strong{ text-decoration:underline;}
.banner1{ display:block; background:url(../images/4page_img2.jpg) 0 0 no-repeat; width:271px; height:164px;}
.banner2{ display:block; background:url(../images/4page_img3.jpg) 0 0 no-repeat; width:271px; height:164px;}
.banner3{ display:block; background:url(../images/5page_img4.jpg) 0 0 no-repeat; width:276px; height:194px; margin-top:7px;}
.pdf-link{ display:block; background:url(../images/pdf-image.png) 0 0 no-repeat; color:#000; height:51px; padding:2px 0 0 65px; margin:13px 0 0 0;}
	.pdf-link span{ display:block;color:#000; text-decoration:underline;}
	.pdf-link:hover, .pdf-link:hover span{ text-decoration:none;}
.products{ padding-bottom:30px;}
	.products div{ padding-top:15px;}
	.products p{ padding-bottom:14px;}
.map{ width:470px; height:297px;}
	.map iframe{width:470px; height:297px;}
.contacts{ font-style:normal; padding:16px 0 23px 0;}
	.contacts span{ display:inline-block; width:107px;}
    .contacts span{ display:inline-block; width:40px;}
	.contacts a{ text-decoration:underline;}
	.contacts a:hover{ text-decoration:none;}
	.contacts em{ font-style:normal;}
.und{ text-decoration:underline;}
	.und:hover{ text-decoration:none;}
.lineH{ background:url(../images/lineH.png) 0 0 repeat; height:5px; width:100%;}
/* buttons */
.button{ display:inline-block; background:#000 url(../images/bg-body2.jpg) 0 0 repeat; text-transform:uppercase; font:11px/15px Arial, Helvetica, sans-serif; color:#fff; -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease; padding:7px 15px 6px;}
	.button:hover{ background:#e4e0dd; color:#000; text-decoration:none;}
/******************** Footer ******************/
footer{ padding:60px 0 70px;color:#adadad;}
footer p{ padding-bottom:9px;}
footer h4{ padding-top:17px;}
.privacy{ color:#fff;}
.privacy span{ display:inline-block; margin:0 9px;}
.privacy a{ text-decoration:underline;color:#fff;}
.privacy a:hover{ text-decoration:none;}
.footer-logo{ padding-bottom:19px;}
	.footer-logo a{ display:block; background:url(../images/logo-footer.png) 0 0 no-repeat; width:250px; height:78px; text-indent:-5000px;}
.footer-list li a{color:#adadad;}
.tooltips{ position:relative; overflow:hidden;}
	.tooltips li{ float:left; padding:0px 70px 7px 0;}
	.tooltips li a{color:#fff;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	.tooltips li a:hover{ text-decoration:none; color:#adadad;}
	.tooltips li a img{ margin:3px 9px 0 0;}
footer h4{ color:#fff;}
/* padding */
.padline6{ padding:30px 0 56px;}
.padline{ padding:25px 0 52px;}
.padline4{ padding:34px 0 54px;}
.padline5{ padding:46px 0 58px;}
.padline2{ padding:60px 0 52px;}
.padline3{ padding:60px 0 54px;}
.pad{ padding:15px 0 14px 0;}
.pad{ padding:15px 0 14px 0;}
.padbot{ padding-bottom:26px;}
.padbot3{ padding-bottom:24px;}
.padbot2{ padding-bottom:14px;}
.imgindent{ float:left; min-width:71px; margin:3px 0 0;}
.imgindent2{ float:left;margin:13px 13px 0 0;}
.imgindent3{ float:left;margin:6px 19px 0 0;}
.imgindent4{ float:left;margin:6px 20px 15px 0;}
.imgindent5{ float:left;margin:0 0px 15px 0;}
.imgindent6{ float:left;margin:0 12px 0 0;}
.padtitle22{ padding-bottom:6px !important;}
.padtitle2{ padding-bottom:7px !important;}
.padtitle{ padding-bottom:11px !important;}
.padtitle4{ padding-bottom:9px !important;}
.padtitle3{ padding-bottom:13px !important;}

body .bg-main nav.main-menu{background: #001ce5 !important;}

.header_right_top_call_now_btn{text-align: right;margin-top: 18px;}
.header_right_top_call_now_btn a {
  color: #777777;
  display: inline-block;
  font-size: 20px;
}
.header_right_top_call_now_btn a i{color: #001ce5;font-size: 22px;}
.header_right_top_call_now_btn p{margin: 0;padding: 0;font-size: 14px;}

.header_right_search_form{}
.header_right_search_form form{padding-top: 15px !important;}


/*my one custom css*/

.page_contentss{}
.page_contentss ul{}
.page_contentss ul li {
  font-size: 15px;
  line-height: 20px;
  list-style-type: disc;
  margin-bottom: 6px;
  margin-left: 10px;
}
.page_contentss ul ul {
  margin-left: 20px;
}
.page_contentss ul ul li{
	list-style-type: lower-roman !important;
	font-size: 14px;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-top: 10px;
}
.page_contentss p{font-size: 16px;}


/*new menu css*/

.section_menu_content{}
.section_center{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
.new_menu_css{text-align: center;background: #001ce5;}
.new_menu_css:after{content: "";display: block;clear: both;}
.new_menu_ul{display: inline-block;text-align: center;}
.new_menu_ul li{float: left;position: relative;border-left: 1.5px solid #111;}
.new_menu_ul li:first-child{border-left: 0;}
.new_menu_ul li a{display:block;padding: 10px 20px;color: #fff;height: 58px; font-size:11.5px;}
.new_menu_ul li a span{display: block;}
.new_menu_ul li:hover > a{color: #001ce5;background: #e5e4e2;text-decoration: none;}

.new_menu_ul li .sub_menu_class{
	width: 300px;
	background: #001ce5;
	position: absolute;
	left: 0;
	top: 72px;
        padding: 10px 0px 10px 0px;
	z-index: 9999;
	border-top: 2px solid #ccc;
}
.new_menu_ul li .sub_menu_class{
	left: -999999px;
}
.new_menu_ul li:hover .sub_menu_class{
	left: 0;
}
.new_menu_ul li .sub_menu_class li{
	display: block;
	float: inherit;
	border-left: 0;
}
.new_menu_ul li .sub_menu_class li a{
	display: block;
	height: 15px;
	text-align: left;
        font-size: 10.5px;
}
.new_menu_ul li .sub_menu_class li a:hover{
	color: #001ce5;background: #e5e4e2;text-decoration: none;
}


#categories{
  overflow:hidden;
  width:100%;
  max-width:900px;
  margin:0 auto;
}
.clr:after{
  content:"";
  display:block;
  clear:both;
}
#categories li{
  position:relative;
  list-style-type:none;
  width:23%; /* = (100-2.5) / 3.5 */
  padding-bottom: 24%; /* =  width /0.866 */
  margin: 0.5%;
  margin-top: 0%;
  margin-bottom: 2%;
  float:left;
  overflow:hidden;
  visibility:hidden;
  border-radius: 50%;
}
#categories li:nth-child(1) {
   margin-left:-10.5%;
}
#categories li:nth-child(7n+6){
  margin-left:0.5%;
}
#categories li:nth-child(7n+5){
  margin-left:1.5%;
}
#categories li:nth-child(7n+5):last-of-type {
  margin-left: 13.66667%;
}

#categories li *{
  position:absolute;
  visibility:visible;
}
#categories li > div{
  width:100%;
  height:100%;
  text-align:center;
  color:#fff;
  overflow:hidden;
}

/* HEX CONTENT */
#categories li img{
  left:-100%; right:-100%;
  width: auto; height:100%;
  margin:0 auto;   
}

/* Animations */
.classname {
    -webkit-animation: clockwiseSpin 10s infinite linear;
    animation: clockwiseSpin 10s infinite linear;
}

@-webkit-keyframes clockwiseSpin {
	0%  {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
    
}@keyframes clockwiseSpin {
	0%  {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}	
}

/* Anti */
.classnamerev {
    -webkit-animation: antiClockwiseSpin 100s infinite linear;
    animation: antiClockwiseSpin 100s infinite linear;
}


@-webkit-keyframes antiClockwiseSpin {
	0%  {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
	100% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    
}@keyframes antiClockwiseSpin {
	0%  {-webkit-transform: rotate(360deg);transform: rotate(3600deg);}
	100% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
}

#categories div h1, #categories div p{
  width:90%;
  padding:0 5%;
  background-color:#001ce5; background-color: rgbargba(0, 28, 229, 1);
  font-family: 'Raleway', sans-serif;
  
  -webkit-transition: top .2s ease-out, bottom .2s ease-out, .2s padding .2s ease-out;
  -ms-transition: top .2s ease-out, bottom .2s ease-out, .2s padding .2s ease-out;
  transition: top .2s ease-out, bottom .2s ease-out, .2s padding .2s ease-out;
}
#categories li h1{
  bottom:110%;
  font-style:italic;
  font-weight:normal;
  font-size:1.2em;
  color:#ffffff;
  padding-top:100%;
  padding-bottom:100%;
}
#categories li h1:after{
	content:'';
  display:block;
  position:absolute;
  bottom:-1px; left:45%;
  width:10%;
  text-align:center;
  z-index:1;
  border-bottom:2px solid #fff;
}
#categories li p{
	padding-top:50%;
	top:110%;
	padding-bottom:50%;
}


/* HOVER EFFECT  */

#categories li div:hover h1 {
  bottom:50%;
  padding-bottom:10%;
}

#categories li div:hover p{
  top:50%;
  padding-top:10%;
  text-align:center;
}



.grid {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  background: #fff url(../images/bg-body.jpg)  50% 0 repeat;;
}

.grid::after {
  content: "";
  display: block;
  clear: both;
}

.grid-item, .grid-item1, .grid-item2, .grid-item3, .grid-item4, .grid-item5, .grid-item6 {
  width: 23%;
  padding-bottom: 23%;
  overflow: hidden;
  float: left;
  background-image: url(../images/icons/cog.gif);
  border-radius: 50%;
  margin: 1%;
  margin-top: -2%;
}

.grid-item:nth-child(1),
.grid-item:nth-child(2),
.grid-item:nth-child(3),
.grid-item:nth-child(4) {
   margin-top: 1%;
}

.grid-item:nth-child(7n+6) {
    margin-left: 1.66667%;
}

.grid-item:nth-child(7n+5) {
    clear:left;
    margin-left: 13.66667%;
}

.grid-item:nth-child(7n+5):last-of-type {
  margin-left: margin-left: 13.66667%;;
}

.grid-item:hover {
  background: #6abaff url(../images/icons/cog.gif);
  background-repeat: no-repeat;
    background-position: center;
  background-size: 180px 180px;
}