@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100);
@import url(http://fonts.googleapis.com/css?family=Lato:400,900);

html, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	list-style:none;
}
a{ text-decoration:none; color:#000;}
body{margin:0; padding:0; background:#FFF; font-family:Arial, Helvetica, sans-serif; color:#333;}
h1,h2,h3,h4,h5,h6{margin:0; padding:0;}
#wrap {color: #404040; margin: 20px 30px;}
.inner-left a{color:#EE8000; font-size:15px;}
.job-right a{float:left;}
.navbar{background:url(../images/space1.png) repeat;}
.sendus{float:left; padding:0 5px 0 15px;}
.clr{clear:both;}
.wrapper{width:1000px; margin:0 auto; position:relative;}
.logo{ float:left;}
#nav{ z-index:9999; position:absolute;  width:100%; padding:0 0 0 0;}
.container{ background-color:#fff; width:100%;}
.nav2{ display:none;}
.nav2 select{  width:98%; margin:0 auto; padding:5px 0;}
.nav{float:right;}
.nav ul{margin:0; padding:29px 0 0 ; }
.nav ul li{margin:0; padding:0; font-family: 'Roboto', sans-serif; font-size:12px; color:#474747; display:inline; list-style:none; text-transform:uppercase;  }
.nav ul li a{text-decoration:none; color:#fff; padding:5px 20px; border:1px solid ; border-color:transparent;}
.nav ul li a:hover{color:#ed7e00; border:1px solid #e2e2e2; background-color:#fff;}
.nav ul li.activ a{color:#ed7e00; border:1px solid #e2e2e2; padding:5px 20px; background-color:#fff;}
.nav ul li:hover{transition: all 300ms ease-in 0s; }
.nav ul li .sub{ display:none; position:absolute; height:auto; z-index:9999; background:url(../images/black-bg.png); border:1px solid #e2e2e2;  padding:10px; top:53px; right:0;}
.nav ul li:hover .sub{ display:block;}
.nav ul li .sub li{ margin:0; padding:0 ; list-style:none; width:190px; float:left; border-right:1px solid #e2e2e2; min-height:400px;}
.nav ul li .sub li:last-child{ border-right:none;}
.nav ul li .sub ul{ margin:0; padding:0; list-style:none;}
.nav ul li .sub ul li { clear:both; min-height:20px !important}
.nav ul li .sub li h1{text-decoration:none; color:#fff; background-color:#E76B00; border-bottom:1px solid #e2e2e2; border-left:none;  border-right:none;  border-top:none; padding:5px 20px;display:block;}
.nav ul li .sub li a{text-decoration:none; color:#fff; border-bottom:1px solid #e2e2e2; border-left:none;  border-right:none;  border-top:none; padding:5px 20px;display:block;}
.nav ul li .sub li ul li a:hover{ background-color:#E76B00; color:#fff;}
.nav:before, .nav:after {content: " "; display: table;}
.nav:before, .nav:after { content: " "; display: table;}
.nav:after { clear: both;}
.nav:before, .nav:after { content: " "; display: table;}
.nav:after {clear: both;}
.nav:before, .nav:after {content: " ";display: table;}
.affix { position: fixed;}
.pannello-affix.affix {background-color: #3d3d3d; box-shadow: none; opacity: 1; width: 100%;}
.navbar:before, .navbar:after { content: " "; display: table;}
.navbar:before, .navbar:after { content: " "; display: table;}
.navbar:after {clear: both;}
.navbar:before, .navbar:after { content: " "; display: table;}
.navbar:after {clear: both;}
.navbar:before, .navbar:after {content: " ";display: table;}
.navbar-default {}
.navbar {}
.navbar {}
.pannello-affix.affix .navbar-inner { margin-top: 0;}
.navbar .navbar-inner {}
.navbar .navbar-inner {background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; padding: 0;}
/* ==========================================================================
   navbar ridotta dopo scroll
   ========================================================================== */
.pannello-affix {
	width: 100%;
	-webkit-transition: all 0.1s ease-out;  /* Chrome 1-25, Safari 3.2+ */
	-moz-transition: all 0.1s ease-out;  /* Firefox 4-15 */
	-o-transition: all 0.1s ease-out;  /* Opera 10.50–12.00 */
	transition: all 0.1s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
		-webkit-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
}
.pannello-affix #menu-primary-navigation {
	-webkit-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
}
.pannello-affix.affix {
	opacity: 1;
	filter: alpha(opacity=100);
	width: 100%;
	background-color: #363635;
	-webkit-box-shadow: none; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
	box-shadow: none; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
}
.pannello-affix.affix .navbar-inner {
	margin-top: 0;
}
.navbar .pannello-affix.affix .nav li a {
	
}
.navbar .pannello-affix.affix .brand-piccolo {
	display: block;
	opacity: 1;
	filter: alpha(opacity=100);
}

.navbar .pannello-affix.affix .brand {
	display: none;
	opacity: 0;
	filter: alpha(opacity=0);
}
/* ==========================================================================
   Content, stili generici
   ========================================================================== */

/*----------------NAV END-----------------*/
.banner-full{background:url(../images/bnner-bg.jpg) no-repeat top center; background-size:100%;  padding-top: 87px; position:fixed; width:100%; z-index: -99; }
.banner {
    background: url("../images/banner.png") no-repeat scroll center top hsla(0, 0%, 0%, 0);
    height: 551px;
    margin: 0 auto;
    position: relative;
    width: 1000px;
}
.welcome{ top: -3%; left: 25%;position: absolute; z-index:999;}
.bg-color{padding:639px 0 0 0;}
.top{padding:81px 0 20px 0; text-align:center; font-size:14px; background-color:#fff;}
.customar-logo{ background:url(../images/line.png) no-repeat center bottom; padding-bottom:29px; min-height:118px;  }
.fullbg{background-color:#fff;}
.body{ width:100%; margin:0; padding:0; background-color:transparent !important; overflow:hidden }
	.body .ul{ margin:0; padding:0; list-style:none; }
	.body .ul li{ width:100%; margin:0; padding:0;}
	.part1{ background: url(../images/climate_bg.jpg);}
	.part2{ background: url(../images/v-slider31.jpg);padding-top:0px;}
	.part3{ padding-top:0; background-color:#fff;}
	.intro {
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height:100px;
    position: relative;
    z-index: 10; top:0;}
	.man_box { position: relative;   z-index: 20;}
	.div1000{ margin:0 auto; width:1000px;}
/*----------Push The Limits------------*/
.push-the-limits{ width:670px; float:left; margin:20px 0; font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#777777; }
.push-the-limits h1{font-family: 'Lato',sans-serif; font-size:28px; font-weight: 100; color:#313131; width:100%; float:left; margin-bottom:20px; }
.push-the-limits h2{font-family: 'Lato',sans-serif; font-size:19px; font-weight: 100; color:#e76b00; width:100%; float:left; margin-bottom:10px; }
/*----------Push The Limits end------------*/

/*-----------Our skills---------------*/
.our-skills{ width:288px; float:right; margin:20px 0; font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#777777;}
.our-skills h1{font-family: 'Lato',sans-serif; font-size:30px; font-weight: 100; color:#313131; width:100%; margin-bottom:20px; }
.our-skills ul{ margin:0; padding:0; list-style:none;}
.our-skills ul li{ padding:5px; width:99%;}
.design{ width:90%; background-color:#7caf00; color:#fff; text-align:left !important; padding:5px 0 5px 5px;}
.graphics{ width:85%; background-color:#a8d324; color:#fff; text-align:left !important; padding:5px 0 5px 5px;}
.html-css{ width:90%; background-color:#50c0e9; color:#fff; text-align:left !important; padding:5px 0 5px 5px;}
.php{ width:80%; background-color:#109ecf; color:#fff; text-align:left !important; padding:5px 0 5px 5px;}
.javascript{ width:70%; background-color:#497cf0; color:#fff; text-align:left !important; padding:5px 0 5px 5px;}
.wordPress { width:75%; background-color:#9876fc; color:#fff; text-align:left !important; padding:5px 0 5px 5px;}
.magento{ width:85%; background-color:#6b3bf9; color:#fff; text-align:left !important; padding:5px 0 5px 5px;}
.online-marketing{ width:85%; background-color:#ef0bb1; color:#fff; text-align:left !important; padding:5px 0 5px 5px;}
.net {width:85%; background-color:#e79800; color:#fff; text-align:left !important; padding:5px 0 5px 5px;}
.marketing { width:90%; background-color:#e76b00; color:#fff; text-align:left !important; padding:5px 0 5px 5px;}
/*-----------Our skills---------------*/


/*-------------all Services--------------*/
.all-services{padding:370px 0 0 0; position:relative; margin-top:100px; overflow:hidden;}
.all-services .rubik { bottom: 0;  height: 300px; padding: -150px 0; position: absolute; width: 100%;  }

.all-services .rubik .div1000{ margin:0 auto; }
.all-services .rubik .div1000 .all-services-part{ min-height:247px; width:100%; }
.all-services .rubik .div1000 .all-services-part ul li{ width:190px; float:left; padding:30px; min-height:186px; position:relative; background-color:#fff; }
.all-services .rubik .div1000 .all-services-part ul li:hover{ background-color:#e76b00;  transition: all 300ms ease-in 0s;}
.all-services .rubik .div1000 .all-services-part ul li h3{font-family: 'Lato',sans-serif; font-size:30px; color:#313131; font-weight:100;}
.all-services .rubik .div1000 .all-services-part ul li:hover h3{ color:#fff;}
.all-services .rubik .div1000 .all-services-part ul li:hover{ color:#fff;}
.all-services .rubik .div1000 .all-services-part ul li:hover a{ display:block; color:#313131;}
.all-services .rubik .div1000 .all-services-part ul li a{ display:block; color:#313131;}
.all-services .rubik .div1000 .all-services-part ul li .more{ display:none; }
.all-services .rubik .div1000 .all-services-part ul li:hover .more{ display:block; width:46px; height:46px; position:absolute; right:-21px; background:url(../images/more.png) no-repeat center top; z-index:999;   }
.all-services .rubik .div1000 .all-services-part ul li .ul-part{ width:100%; margin:20px 0 0 0; float:left;}
.all-services .rubik .div1000 .all-services-part ul li:hover .ul-part{ color:#fff;}
.all-services .rubik .div1000 .all-services-part ul li .ul-part ul{ margin:0 ; padding:0; list-style:none;}
.all-services .rubik .div1000 .all-services-part ul li .ul-part ul li{ background:url(../images/arrow.png) no-repeat left 10px; padding:5px 0 0 20px; min-height:20px !important; font-size:13px; font-family:Arial, Helvetica, sans-serif;}
.all-services .rubik .div1000 .all-services-part ul li:hover .ul-part ul li{ color:#fff; background:url(../images/arrow2.png) no-repeat left 10px; }

/*-----------------------content-part-----------------*/

.content-part{padding:370px 0 0 0; position:relative; z-index:999 }
.content-part .rubik { bottom: 0;  height:400px; padding: 50px 0 0 0; position: absolute; width: 100%; }

.content-part .rubik .div1000{ margin:0 auto;  background-color:#fff !important;}
.content-part .rubik .div1000 .content-part-part{ min-height:447px; width:100%; }
.content-part .rubik .div1000 .content-part-part ul li{ width:230px; float:left; padding:10px; min-height:108px; position:relative; margin-top:20px;}
.content-part .rubik .div1000 .content-part-part ul li h3{font-family: 'Lato',sans-serif; font-size:30px; color:#313131; font-weight:100; text-align:center; width:100%; border-bottom: 1px solid #e3e3e3; padding-bottom:10px;}
.content-part .rubik .div1000 .content-part-part ul li h3 .img-icon{ height:62px; text-align:center; padding:30px 0 0 0 ; background:url(../images/img-small-bg1.png) no-repeat top center;}
.content-part .rubik .div1000 .content-part-part ul li:hover h3 .img-icon{ background:url(../images/img-small-bg.png) no-repeat top center; }

.content-part .rubik .div1000 .content-part-part ul li h3 .img-icon .span1{ background:url(../images/icon1.png) no-repeat center -23px;  width:40px ;height:26px; margin:0 auto;}
.content-part .rubik .div1000 .content-part-part ul li:hover h3 .img-icon .span1{ background-position: center -43px; }
.content-part .rubik .div1000 .content-part-part ul li h3 .img-icon .span2{ background:url(../images/icon1.png) no-repeat center -70px;  width:40px ;height:30px; margin:0 auto;}
.content-part .rubik .div1000 .content-part-part ul li:hover h3 .img-icon .span2{ background-position: center -101px; }
.content-part .rubik .div1000 .content-part-part ul li h3 .img-icon .span3{ background:url(../images/icon1.png) no-repeat center -134px;  width:40px ;height:30px; margin:0 auto;}
.content-part .rubik .div1000 .content-part-part ul li:hover h3 .img-icon .span3{ background-position: center -171px; }
.content-part .rubik .div1000 .content-part-part ul li h3 .img-icon .span4{ background:url(../images/icon1.png) no-repeat center -208px;  width:40px ;height:30px; margin:0 auto;}
.content-part .rubik .div1000 .content-part-part ul li:hover h3 .img-icon .span4{ background-position: center -244px; }

.content-part .rubik .div1000 .content-part-part ul li h3 span{font-family: 'Roboto', sans-serif; font-size:30px; color:#e76b00; font-weight:bold; display:block;  }
.content-part .rubik .div1000 .content-part-part ul li .ul-part{ width:100%; margin:0 0 20px 0; float:left;}

.content-part .rubik .div1000 .content-part-part ul li .ul-part ul{ margin:0 ; padding:0; list-style:none;}
.content-part .rubik .div1000 .content-part-part ul li .ul-part ul li{ padding:5px 0 10px 0; font-size:13px; font-family:Arial, Helvetica, sans-serif;}
.content-part .rubik .div1000 .content-part-part ul li .ul-part ul li strong{ color:#e76b00;  }
.content-part .rubik .div1000 .content-part-part ul li .ul-part ul li b{color:#000; display:block;}


/*-------------isopart--------------*/
.isopart{padding:200px 0 0 0; position:relative; margin-top:130px; }
.isopart .rubik { bottom: 0;  height: 300px; padding: -150px 0; position: absolute; width: 100%;  }

.isopart .rubik .div1000{ margin:0 auto;  background-color:#fff !important;}
.isopart .rubik .div1000 .isopart-part{ min-height:247px; width:100%; }
.isopart .rubik .div1000 .isopart-part h3{ line-height:normal;font-family: 'Lato',sans-serif; font-size:30px; color:#313131; font-weight:100; background:url(../images/line2.png) no-repeat right bottom; margin:0 0 40px 0; float:left; width:100%;}
.isopart .rubik .div1000 .isopart-part h3 span{ width:auto; background-color:#fff;}
.isopart .rubik .div1000 .isopart-part .assured-quality{ width:475px; margin:20px 0; float:left; font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:20px;}
.isopart .rubik .div1000 .isopart-part .assured-quality img{ float: left; width:142px; height:142px; margin:0 20px 20px 0;}
.isopart .rubik .div1000 .isopart-part .assured-quality a{ color:#e76b00;}

.isopart .rubik .div1000 .isopart-part .check-showcase{ width:475px; margin:20px 0; float:right; font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:20px;}
.isopart .rubik .div1000 .isopart-part .check-showcase img{ float: left; width:142px; height:142px; margin:0 20px 20px 0;}
.isopart .rubik .div1000 .isopart-part .check-showcase a{ color:#e76b00;}
footer{}
.top-footer{background-color:#e9e9e9; overflow:hidden; padding:16px 0;}

.express-quotation{ width:100%;}
.express-quotation .express-left{ width:511px; float:left;}
.express-quotation .express-left input[type="text"]{ width:236px; padding:5px; float:left;}




.top-footer .top-content-part{ width:100%; }
.top-footer .top-content-part ul li{ width:226px; display:inline-block; padding:10px; position:relative; /*margin-top:30px;*/ }
.top-footer .top-content-part ul li h3{ background:url(../images/logo-icon.png) no-repeat left top; font-family: 'Roboto', sans-serif; font-size:17px; font-weight:400;  width:83%; border-bottom: 1px solid #e3e3e3; padding-bottom:10px; padding-left:35px}

.top-footer .top-content-part ul li .footer-ul-part{ width:100%; margin:1px 0 0 0; float:left;}

.top-footer .top-content-part ul li .footer-ul-part ul{ margin:0 ; padding:0; list-style:none;}
.top-footer .top-content-part ul li .footer-ul-part ul li{ background:url(../images/arrow.png) no-repeat left 10px; padding:5px 0 0 20px; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:5px 0 0 0; }
.top-footer .top-content-part ul li .footer-ul-part ul li a{ color:#313131;}
.top-footer .top-content-part ul li .footer-ul-part ul li a:hover{ color:#F07E01;}

.footer-buttom{ background:url(../images/footer-bg.png) repeat-x #1e1e1e; min-height:70px; padding:30px 0;}
.footer-buttom .office{ width:381px; font:12px Arial, Helvetica, sans-serif; color:#797979;float:left; border-right:1px dashed #999; min-height:123px;}
.footer-buttom .office strong{color:#CCC;}

.footer-buttom .right{ width:263px; font:12px Arial, Helvetica, sans-serif; color:#797979; float:right;}
.footer-buttom .right a{  margin:0 5px 0 0;}
.banner-container {
	margin:0 auto 0 210px;
	padding-top:140px;
    width: 564px;
}
.innerbanner{width:100%; height:auto;}
.innerbanner img{width:100%; height:auto;}
.inner{padding:15px 0 42px 0; min-height:400px;}
.inner h2{    color: hsl(0, 0%, 19%);
    font: 100 26px/40px 'Lato', sans-serif;
    margin-bottom: 4px;}
.inner-left{width:670px; float:left;}
.inner-right{width:288px; float:right;}
.inner-left h2{font-family: 'Lato', sans-serif; color:#333; font-size:28px;}
.inner-left h1{font-family: 'Lato', sans-serif; color:#333; font-size:28px; font-weight:normal; padding:10px 0;}
.inner-left h1 span{font-size:23px; font-family: 'Lato', sans-serif;}

.inner-left p{font-size:15px; line-height:20px;}
.inner-left ul{margin:0; padding:0;}
.inner-left ul li{}
.menu_container {
 	width: 100%;
}
.menu_head {
	color: #000;
    cursor: pointer;
	margin: 0 0 1px 0;
    padding: 7px 11px;
	font-weight: bold;
	font-family: 'Lato',sans-serif;
    font-size: 17px;
    font-weight: 100;
	border-bottom:1px dotted hsl(0, 1%, 64%);
}
.menu_body {}
.menu_body p{
	padding: 5px;
	margin: 0px;
}
.plusminus{
	float:left;
	width:21px;
}
.menu_body ul{padding:0 15px;}

.menu_body ul li{background:url(../images/arrow.png) no-repeat left; padding:5px 0 5px 18px; border-bottom:1px solid #CCC;}
.menu_body ul li a{text-decoration:none; color:#777777; display:block; font-size:14px;}
.menu_body ul li a:hover{ color:#000;}

.menu_body1 ul li{background:url(../images/arrow.png) no-repeat left; padding:5px 0 5px 18px; border-bottom:1px solid #CCC; font-family:'Lato',sans-serif; color:#000;}
.menu_body1 ul li a{text-decoration:none; color:#000; display:block;}
.menu_body1 ul li a:hover{ color:#000;}


.list{margin:0; padding:0;}
.list ul{ margin-bottom: 25px; padding:0;}
.list ul li{background: url("../images/icon-li.png") no-repeat scroll left 3px hsla(0, 0%, 0%, 0); margin: 0; padding: 3px 0 3px 28px; font-size:15px;}

.job{margin:0; padding:0;}
.job ul{ margin-bottom: 25px; padding:0;}
.job ul li{background: url("../images/icon-li.png") no-repeat scroll left 3px hsla(0, 0%, 0%, 0); margin: 0; padding: 3px 0 3px 28px; font-size:14px;}


.inner-left h4 {
    border-bottom: 1px solid hsl(35, 100%, 48%);
    color: hsl(35, 100%, 48%);
    font: bold 15px/22px Arial,Helvetica,sans-serif;
    margin-bottom: 15px;}



#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form textarea,
#contact-form button[type="submit"] {
}
#contact-form {
	text-shadow:0 1px 0 #FFF;
}
#contact-form h3 {
	color:#991D57;
	display:block;
	font-size:28px;
}
#contact-form h4 {
	margin:5px 0 15px;
	display:block;
	font-size:13px;
}
#contact-form label span {
	cursor:pointer;
	color:#F69700;
	display:block;
	margin:5px 0;
	font-weight:900;
	width:25%;
	float:left;
	font-size:14px;
}
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form textarea,
#contact-form select

 {
	width:93%;
	box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 16px;
	padding:10px;
	border-radius:5px;
	float:left;
	width:62%;
}
#contact-form input[type="text"]:hover,
#contact-form input[type="email"]:hover,
#contact-form input[type="tel"]:hover,
#contact-form input[type="url"]:hover,
#contact-form textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}
#contact-form textarea {
	height:100px;
	max-width:100%;
}
#contact-form button[type="submit"] {
	cursor:pointer;
	width:34%;
	border:none;
	background:#F69700;
	color:#FFF;
	margin:0 0 5px;
	padding:10px;
	border-radius:5px;
	font-size:18px;
	text-transform:uppercase;
	
}
#contact-form button[type="submit"]:hover {
	background:#E66C00;
	
}
#contact-form button[type="submit"]:active {
	box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
}
#contact-form input:focus,
#contact-form textarea:focus {
	outline:0;
	border:1px solid #999;
}
::-webkit-input-placeholder {
    color:#888;
}
:-moz-placeholder {
    color:#888;
}
::-moz-placeholder {
    color:#888;
}
:-ms-input-placeholder {
    color:#888;
}

.caption {color: hsl(35, 100%, 48%);font: 16px/22px Arial,Helvetica,sans-serif;}
.section { border: 1px solid hsl(35, 100%, 48%); margin-bottom: 25px; padding: 15px;width: auto;}

.contact_form{}
.contact_add{width:50%; float:left;}
.inner-right h3{color:#F79900; border-bottom:1px solid #F79900; text-transform:uppercase;}

.inner-right span{font-size:14px; display:block; padding:3px 0;}

::selection {
	background: #E76B00; color:#FFF; /* Safari */
	}
::-moz-selection {
	background: #E76B00; color:#FFF; /* Firefox */
}

.request{position:fixed; top:14%; left:0; z-index:99999;}

.modalbox{}
.button {
   background-color: #EE8325;
   border:none; padding:9px 12px;
   color:#FFF;
  text-transform:uppercase;
  cursor:pointer;
}
	.button:hover, .button:focus {
}
	.button:active {
	}

#wrapper {  }
#inline { display: none;  }
#inline1 { display: none; top:20%; overflow-x:hidden; height: 400px; width:100%; }
#inline2 { display: none; top:20%; overflow-x:hidden; height: 400px; width:100%; }
.pop-banner{padding:10px; color:#FFF; text-align:center; font-size:18px; color:#FFF;


background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #FF8442),
	color-stop(1, #FFB95E)
);
background-image: -o-linear-gradient(bottom, #FF8442 0%, #FFB95E 100%);
background-image: -moz-linear-gradient(bottom, #FF8442 0%, #FFB95E 100%);
background-image: -webkit-linear-gradient(bottom, #FF8442 0%, #FFB95E 100%);
background-image: -ms-linear-gradient(bottom, #FF8442 0%, #FFB95E 100%);
background-image: linear-gradient(to bottom, #FF8442 0%, #FFB95E 100%);

}

.clients{margin:0; padding:0; width:106%;}

.clients li{margin:0; padding:8px 15px 8px 0;  display:inline-block; width: 29%;}
.clients li img{width:100%;}


/* --- The Form --- */
#contact_quote { width:94%; margin:0 auto; }
.fancybox-wrap{z-index:99999 !important;}
#contact_quote fieldset {
    border: 1px solid #ccc;
    padding: 20px;
	border-radius: 3px;
}

#contact_quote legend {
    border: 1px solid #ccc;
    color: #E76B00;
    margin-bottom: 0 !important;
    padding: 7px 10px;
	font-weight: bold;
	border-radius: 3px;
}

#contact_quote label {
    display: inline-block;
    float: left;
    font-size: 1em;
    height: 26px;
    line-height: 26px;
    width: 155px;
}

#contact_quote input, #contact_quote textarea, #contact_quote select {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #CCCCCC;
    color: #666666;
    font: 1em "Dosis";
    margin: 5px 0;
    padding: 5px;
    width: 98%;
	border-radius: 3px;
}

#contact_quote .button { border-radius: 3px; width:40%; color:#FFF; background:#EE8224; padding:9px 12px; cursor:pointer; }

#contact_quote input:focus, #contact_quote textarea:focus { border: 1px solid #eee; color: #444; background: #fff; }

#contact_quote .error { border: 1px solid #973d3d; background: #f0bebe; color: #a35959; }
#contact_quote .error:focus { border: 1px solid #eee; color: #a35959; }



.t_pro {margin: 0 0 20px; padding: 4px; background:#CCC;}
.job-opening table tr td{;  border:1px solid #CCC; background:#FFF;}
.job-left{width:30%; font-size:13px; font-weight:bold; vertical-align:middle; padding:5px 12px;}
.job-right{width:70%; font-size:12px; padding:5px 12px; }
.title{padding:3px 0; background:#CCCCCC !important; text-transform:uppercase;}


#job-apply input[type="text"],
#job-apply input[type="email"],
#job-apply input[type="tel"],
#job-apply input[type="url"],
#job-apply textarea,
#job-apply button[type="submit"] {
	
}
#job-apply {
	text-shadow:0 1px 0 #FFF;

}
#job-apply h3 {
	color:#991D57;
	display:block;
	font-size:28px;
}
#job-apply h4 {
	margin:5px 0 15px;
	display:block;
	font-size:13px;
}
#job-apply label span {
	cursor:pointer;
	color:#F69700;
	display:block;
	margin:5px 0;
	font-weight:900;
	width:22%;
	float:left;
}
#job-apply input[type="text"],
#job-apply input[type="email"],
#job-apply input[type="tel"],
#job-apply input[type="url"],
#job-apply textarea {

	box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 16px;
	padding:10px;
	border-radius:5px;
	float:left;
	width:62%;
}
#job-apply input[type="file"]{border:none; float:left; width:62%; margin:0 0 16px; padding:10px;}

#job-apply input[type="text"]:hover,
#job-apply input[type="email"]:hover,
#job-apply input[type="tel"]:hover,
#job-apply input[type="url"]:hover,
#job-apply textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}
#job-apply textarea {
	height:100px;
	max-width:100%;
}
#job-apply button[type="submit"] {
	cursor:pointer;
	width:34%;
	border:none;
	background:#F69700;
	color:#FFF;
	margin:0 0 5px;
	padding:10px;
	border-radius:5px;
	font-size:18px;
	text-transform:uppercase;
	
}
#contact-form button[type="submit"]:hover {
	background:#E66C00;
	
}
#job-apply button[type="submit"]:active {
	box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
}
#job-apply input:focus,
#job-apply textarea:focus {
	outline:0;
	border:1px solid #999;
}
.partner{float:left; width:261px; border-right:1px dashed #999; padding:0 22px;}
.partner ul{margin:0; padding:0;}
.partner ul li{margin:0; padding:2px 5px; list-style:none; display:inline; float:left; min-height:44px; float:left;}

.footer-buttom h1{font-family:Arial, Helvetica, sans-serif; color:#f69700; text-transform:uppercase; font-size:14px; padding-bottom:13px;}

.right-select{color:#E76B00;}

.inner-right span img{}
.soft-icon{width:28px; float:left;}
.single-testimonial{background:#e7e7e7; }

.single-testimonial .main{background:url(../images/testimonial-shadow.png) no-repeat bottom right #E7E7E7;  padding:10px 15px 10px 15px; margin:10px 0 20px 0; overflow:hidden;}
.teti-pic{width:13%; float:left;}
.teti-pic img{width:100%; height:auto; padding:2px; border:1px solid #666;}
.single-testimonial span{font-size:13px;}
.single-testimonial .name{text-align:right; font-weight:bold; font-style:italic;}

.teti-txt{width:83%; float:right; font-size:12px; line-height:20px;}
.teti-txt strong{padding:0 0 5px 0; font-size:13px; overflow:hidden; display:block;}

.push-the-limits p{margin:0; padding:0; line-height:20px;}

.st-accordion{ width:100%; min-width:270px; margin: 0 auto;}
.st-accordion ul li{ height: 100px; border-bottom: 1px solid #c7deef; border-top:1px solid #fff; overflow: hidden;}
.st-accordion ul li:first-child{ border-top:none;}
.st-accordion ul li > a{
    font-family: 'Josefin Slab',Georgia, serif; text-shadow: 1px 1px 1px #fff; font-size: 46px; display: block; position: relative;
    line-height: 100px;	outline:none; -webkit-transition:  color 0.2s ease-in-out;-moz-transition:  color 0.2s ease-in-out;	-o-transition:  color 0.2s ease-in-out; -ms-transition:  color 0.2s ease-in-out; transition:  color 0.2s ease-in-out;
}
.st-accordion ul li > a span{
	background: transparent url(../images/down.png) no-repeat center center; text-indent:-9000px; width: 26px;
	height: 14px; position: absolute;	top: 50%; right: -26px;	margin-top: -7px;	opacity:0;	-webkit-transition:  all 0.2s ease-in-out;
	-moz-transition:  all 0.2s ease-in-out;	-o-transition:  all 0.2s ease-in-out;	-ms-transition:  all 0.2s ease-in-out;
	transition:  all 0.2s ease-in-out;
}
.st-accordion ul li > a:hover{ color: #1693eb;}
.st-accordion ul li > a:hover span{	opacity:1;right: 10px;}
.st-accordion ul li.st-open > a{   color: #1693eb;}
.st-accordion ul li.st-open > a span{-webkit-transform:rotate(180deg);	-moz-transform:rotate(180deg);    transform:rotate(180deg);	right:10px;
	opacity:1;
}
.st-content{    padding: 5px 0px 30px 0px;}
.st-content p{    font-size:  16px;   font-family:  Georgia, serif;   font-style: italic;   line-height:  28px;   padding: 0px 4px 15px 4px; }
.st-content img{  width:125px;   border-right:1px solid #fff;   border-bottom:1px solid #fff;}
@media screen and (max-width: 320px){
	.st-accordion ul li > a{
		font-size:36px;
	}
}

.st-accordion ul li{height:auto;}
.st-accordion ul li > a span{visibility:hidden;}

.default-pic{float:left; margin:0 10px 10px 0;}
.admin-icon{background:url(../images/admin-icon.png) no-repeat left; width:26px; height:26px; padding:5px 10px 5px 18px;}
.product-icon{background:url(../images/products.png) no-repeat left; width:26px; height:26px; padding:5px 10px 5px 18px;}
.ipin-icon{background:url(../images/ipin.png) no-repeat left; width:26px; height:26px; padding:5px 10px 5px 18px;}
.payout-icon{background:url(../images/payout.png) no-repeat left; width:26px; height:26px; padding:5px 10px 5px 18px;}
.franchisee-icon{background:url(../images/franchisee-icon.png) no-repeat left; width:26px; height:26px; padding:5px 10px 5px 18px;}
.software-icons{background:url(../images/software-icons.png) no-repeat left; width:26px; height:26px; padding:5px 10px 5px 18px;}

.purchase-icon{background:url(../images/purchase.png) no-repeat left; width:26px; height:26px; padding:5px 10px 5px 18px;}
.sales-icon{background:url(../images/sales.png) no-repeat left; width:26px; height:26px; padding:5px 10px 5px 18px;}
.financial-accounting-icon{background:url(../images/financial-accounting.png) no-repeat left; width:26px; height:26px; padding:5px 10px 5px 18px;}

.enroll-icon{background:url(../images/enroll_icon.png) no-repeat left; width:26px; height:26px; padding:5px 10px 5px 18px;}
.fees-icon{background:url(../images/fees-icon.png) no-repeat left; width:26px; height:26px; padding:5px 10px 5px 18px;}
.examin-icon{background:url(../images/examin-icon.png) no-repeat left; width:26px; height:26px; padding:5px 10px 5px 18px;}

.result-icon{background:url(../images/result-icon.png) no-repeat left; width:26px; height:26px; padding:5px 10px 5px 18px;}
.time-icon{background:url(../images/time-icon.png) no-repeat left; width:26px; height:26px; padding:5px 10px 5px 18px;}
.attendence-icon{background:url(../images/attendence-icon.png) no-repeat left; width:26px; height:26px; padding:5px 10px 5px 18px;}
.comunication-icon{background:url(../images/comunication-icon.png) no-repeat left; width:26px; height:26px; padding:5px 10px 5px 18px;}
.teacher-icon{background:url(../images/teacher-icon.png) no-repeat left; width:26px; height:26px; padding:5px 10px 5px 18px;}
.parents-icon{background:url(../images/parents-icon.png) no-repeat left; width:26px; height:26px; padding:5px 10px 5px 18px;}
.reports-icon{background:url(../images/reports-icon.png) no-repeat left; width:26px; height:26px; padding:5px 10px 5px 18px;}

.mlm{overflow:hidden;}
.mlm img{float:left; margin:18px 18px 18px 0;}
.idea{background:url(../images/develope.png) no-repeat bottom right;}

.moduletable_quote{ padding:12px 0 15px 0; text-align:center;}
.moduletable_quote p{padding:10px 0;}

.portfolio{margin:0; padding:16px 0;}
.portfolio ul{margin:0; padding:0; width:100%;}
.portfolio ul li{margin:0; display:inline; list-style:none; float:left;}

#horizontalTab .resp-tabs-list{ border-bottom:1px dashed #ccc;}

.logos img{width:193px; height:auto;}
.logos ul{padding:15px 0;}
.logos ul li{padding:5px 13px 10px 13px;}

.software{margin:0; padding:0;}
.software ul{margin:0; padding:26px 32px;}
.software ul li{margin:0; padding:9px; display:inline; list-style:none; background:url(../images/s-bg.png) no-repeat center 6px;}


#social-hover {position: fixed;height: 40px;top:45%;right:0;padding:0 0 0 4px;z-index:99999;}
#social-hover a{font-family:Arial, Helvetica, sans-serif;width: 40px; transition:width 0.4s; -webkit-transition:width 0.4s; -moz-transition:width 0.4s;
}
#social-hover a:hover{width: 115px;}
#social-hover ul, #top-menu ul { margin: 0; }
#social-hover li,
#social-hover li a,
#social-hover li .ts-icon,
#social-hover li .ts-text {
display: block;position: relative; width: 49px; height: 40px; font-size:15px;
font-family:Arial, Helvetica, sans-serif;
}
#social-hover li,
#social-hover li a,
#social-hover li .ts-text {
float: left;
width: auto;
overflow: hidden;
}
#social-hover li a {
width: 50px;
line-height: 40px;
color: #FFF;
font-size: 12px;
font-weight: bold;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
border-bottom-left-radius:2em;
border-top-left-radius:2em;

}
#social-hover li.ts-rss a { background-color: #F88F16; }
#social-hover li.ts-rss .ts-icon { background: url("https://lh6.googleusercontent.com/-oQGmKZI7eJs/UlLJ-4f81II/AAAAAAAACV4/F3IcLsUKqsY/s16/rss.png") no-repeat center center; }
#social-hover li .ts-icon { float: left; }
#social-hover li.ts-facebook a { background-color: #3B5998; }
#social-hover li.ts-facebook .ts-icon { background: url("https://lh6.googleusercontent.com/-EcJsEGuE1QA/UlLJ-nbtGOI/AAAAAAAACVs/dizwfAR_0KU/s16/facebook.png") no-repeat center center; }
#social-hover li.ts-twitter a { background-color: #3CF; }
#social-hover li.ts-twitter .ts-icon { background: url("https://lh6.googleusercontent.com/-k9dXtRP_KG4/UlLJ_VpWtJI/AAAAAAAACWA/fsGPNo1tkjw/s16/twitter.png") no-repeat center center; }
#social-hover li.ts-gplus a { background: url(../images/p-bg.jpg) repeat-x; }
#social-hover li.ts-gplus .ts-icon { background: url("../images/portfolio.png") no-repeat center left 3px; }

.software ul li a .a{display:block; }
.software ul li a:hover .a{display:none; margin:0; padding:0;}
.software ul li a .b{display:none; margin:0; padding:0;}
.software ul li a:hover .b{display:block; margin:0; padding:0; transition: all 300ms ease-in 0s;}

.side{}
.side ul li{float:left; width:150px;}
.section p a{background:#EE8728; padding:4px 7px; color:#FFF; border-radius: 9px; color: hsl(0, 0%, 100%); font-size: 17px; padding: 8px 11px;}

.section-threepanel{margin:0; padding:10px 0;}
.section-threepanel li{display:inline-block; display: inline-block; margin:0 13px 15px 0; width: 44%; text-align:center; border:1px solid #FF7D02; padding:10px; min-height:98px;}

.section-threepanel li:hover{-moz-box-shadow: 0 0 5px 5px #888;
-webkit-box-shadow: 0 0 5px 5px#888;
box-shadow: 0 0 5px 5px #888; transition: all 300ms ease-in 0s;}

.mobile{display:none;}
.inner-left h2 span{font-size:20px;}

.customar-logo h1{text-align:center; font-size:18px;}

.our-technology{padding:10px 0;}
.our-technology ul{margin:0; padding:0;}
.our-technology ul li{margin:0; padding:5px 0; width:33%; float:left; list-style:none; text-align:center;}

.why-choose{padding:26px 0;}
.why-choose ul{margin:0; padding:0;}
.why-choose ul li{margin:0; padding:5px 0; list-style:none; display:block;}


#article{}
code { font-family: "Courier New", Courier, Monaco, monospace; margin-bottom: 20px; display: block; padding: 20px; }	
blockquote p { margin: 10px 0; font-style: italic; background:url("../images/quote-mark.png") no-repeat scroll  hsla(0, 0%, 0%, 0); padding-left:40px;}
blockquote cite { font-style: normal; display: block; text-align: right; text-transform: uppercase; font-size: 10px; font-weight: bold; letter-spacing: 1px; font-family: Arial, Helvetica, sans-serif; }

/*
 |	Setting the width for the blockquotes is required
 |	to accurately adjust it's contianer
*/

blockquote {
	width: 100%; /* required */
	margin: 0 auto;
	}
blockquote img{width:100%; height:auto; margin:0 auto;  }	
	
/*
 |	The #quote_wrap div is created
 |	by Quovolver to wrap the quotes
*/

#quote_wrap { 
	margin: 0; padding: 0px;
	height:375px !important;
	}

.sucess-link{font-size:14px; text-align:center;}
.sucess-link a{color:#C60;}

.list-new ul{background:#E8E8E8; padding:14px; border:1px solid #d6d6d8;}
.list-new ul:hover{background:#ffe0b3; transition: all 300ms ease-in 0s;-moz-box-shadow: 0 0 5px 5px #888;
-webkit-box-shadow: 0 0 5px 5px#888;
box-shadow: 0 0 5px 5px #888;}
.list-new ul li{width:44%; float:left;}


.laptop{background:url("../images/laptop.png") no-repeat; width:312px; height:182px; padding-top:8px;}
.laptop-main{width:226px; height:141px; background:#000; margin:0 auto;}

.moduletable_quote a{color:#FFF; text-align:center; padding:7px 20px; border-radius:5px; background: #ff9f3f; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOWYzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmYTczZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjdmMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ff9f3f 0%, #ffa73d 50%, #ff7f04 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9f3f), color-stop(50%,#ffa73d), color-stop(100%,#ff7f04)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff9f3f 0%,#ffa73d 50%,#ff7f04 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff9f3f 0%,#ffa73d 50%,#ff7f04 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff9f3f 0%,#ffa73d 50%,#ff7f04 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff9f3f 0%,#ffa73d 50%,#ff7f04 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9f3f', endColorstr='#ff7f04',GradientType=0 ); /* IE6-8 */
}

.quick-contact{background:#f8f8f8; border:1px solid #dcdcdc; border-radius:15px;  margin:20px 0; position:relative; padding:0 15px;}
.quick-contact .head{background:url("../images/ask-expert-heading.png") no-repeat; width:269px; height:42px; position:absolute; top:-6px; text-align:center; left:10px; color:#FFF; font-size:21px; font-family: 'Roboto', sans-serif; padding-top:5px;}
.quick-contact form{padding:55px 0 0 0; width:80%; margin:0 auto;}
.quick-contact input[type="text"]{width:100%; border-top:1px solid #dadada; border-left:1px solid #dadada; border-bottom:1px solid #fff; border-right:1px solid #fff; padding:4px; margin-bottom:13px;}
.quick-contact input[type="text"]:focus{border:1px solid #FF7F00; background:#ffe9c2;  transition: all 300ms ease-in 0s;}
.quick-contact input[type="email"]{width:100%; border-top:1px solid #dadada; border-left:1px solid #dadada; border-bottom:1px solid #fff; border-right:1px solid #fff; padding:4px; margin-bottom:13px;}
.quick-contact input[type="email"]:focus{border:1px solid #FF7F00; background:#ffe9c2;  transition: all 300ms ease-in 0s;}


.quick-contact textarea{width:100%; height:78px; border-top:1px solid #dadada; border-left:1px solid #dadada; border-bottom:1px solid #fff; border-right:1px solid #fff; padding:4px; margin-bottom:13px; resize:none;}
.quick-contact textarea:focus{border:1px solid #FF7F00; background:#ffe9c2;  transition: all 300ms ease-in 0s; outline:none;}

.quick-contact input[type="submit"]{background:url("../images/submit.jpg") repeat-x; width:100%; height:auto; border:none; cursor:pointer; color:#FFF; text-align:center; text-transform:uppercase; padding:7px 0; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.quick-contact input[type="submit"]:hover{background:url("../images/submit.jpg") repeat-x;}

.map{margin:30px 0 0 0; padding: 4px; border:1px solid #999;}

.error{font-size:12px; color:#900; border:1px solid #900; display:block; padding:2px; font-size:13px;}
blockquote p { margin-bottom: 10px; font-style: italic; }
blockquote cite { font-style: normal; display: block; text-align: right; text-transform: uppercase; font-size: 10px; font-weight: bold; letter-spacing: 1px; font-family: Arial, Helvetica, sans-serif; }

.testimonial-right{margin:0; padding:20px 0;}
.testimonial-right h1{font-size:17px; margin:0; padding:0; border-bottom:1px solid #FF6600;  font-family: 'Roboto', sans-serif; color:#FF6600;}

blockquote {
	width: 100%; /* required */
	margin: 0 auto;
	}

#quote_wrap { 
	background: url(
	http://sandbox.sebnitu.com/jquery/quovolver/demo/images/quote-mark.png
	) no-repeat 20px 20px;
	margin: 10px 0; padding: 0px;
	height:150px !important;
	}
	
#quote_wrap strong{font-size:14px;}	
.yellow{color:#EE7E00; font-size:24px !important; font-weight:700;}
.module{margin:0; padding:0 0 15px 0;}
.module ul{margin:0; padding:0;}
.module ul li{margin:0; padding:5px; float:left; list-style:none;}
.module ul li:hover{-moz-box-shadow: 0 0 5px 5px #d9d9d9;
-webkit-box-shadow: 0 0 5px 5px #d9d9d9;
box-shadow: 0 0 5px 5px #d9d9d9; transition: all 300ms ease-in 0s;}


/* 19-08-15 */

.cont_inner-left{ width:48%; float:left;}
.cont_inner-right{ width:48%; float:right;}
#contact-form select { width: 65.5%; }
.mb_mp { border: 1px solid #ccc; margin-bottom: 20px; padding: 10px 10px 6px; width: 100%; border-radius:3px; margin-top:-14px; }


/*21-12-2015*/
.inner-left > h3 { color:#333; font-family:"Lato",sans-serif; font-size:22px; padding:5px 0; font-weight:500; margin-bottom:6px; }
.alag { display:table; padding:0 0 10px 15px !important;  width:auto; }
.alag > li { margin: 0 0 10px 0; list-style:disc; }
.mnn { margin:5px 0 20px; width:100%; }
.list span { font-weight:600!important; line-height:25px; }
.fldr.fa.fa-folder-open { margin-right:12px; }
.fldr.fa.fa-folder-open { margin-right:10px; }
.fldr.fa.fa-bookmark-o { margin-right:13px; }
.fldr.fa.fa-bell { margin-right:10px; }
.fldr.fa.fa-asterisk { margin-right:11px; }

/*quick_contact_popup*/
.all_clear { clear:both; }
.cklog_inn { width:469px; margin:30px auto; padding:0 10px; position:fixed; z-index:100001; height:auto; box-shadow: 4px 4px 30px #130507; left:30%; top:20%; display:none; background:#fff; border-top:7px solid #ee8224; }
.trans_2 { width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,0.8); z-index:100000; display:none; }
.clse { cursor:pointer; }
.frgt_pass { width:95%; text-align:center; color:#6b0101; font-size:15px; margin:10px auto; }
.frgt_pass a { color:#6b0101; text-decoration:none; }
.nwsgn.row_all > label { width:auto; display:inline-block; margin:0; padding:0; }
.rgsrt_acc { width:100%; text-align:center; margin:0; padding:0; }
.rgsrt_acc a { width:100%; text-align:center; margin:0; padding:0; text-decoration:underline; color:#6b0101; font-size:15px; }
.clse > img { float:right; margin-right:-23px; margin-top:-20px; width:35px; }
.maroon.all_out > img { position:fixed; right:0; top:21%; width:139px; z-index:100; }
.hdng > h3 { background:#ee8224; border-bottom:3px solid #0b8593; font-size:23px; margin:-30px auto 25px; padding:10px 0;
 text-align:center; width:385px; color:#fff; /*font-family: "Lato",sans-serif;*/ font-weight:500; border-radius: 5px 5px 0 0;
 box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); font-family: "Roboto",sans-serif; }
.cont-exe { border:1px solid #ccc; font-size:16px; height:27px; margin-bottom:10px; padding:5px; width:430px; }
.cont-exe:focus { background:#ffe9c2; border:1px solid #ff7f00; transition: all 300ms ease-in 0s; }
/*.sndr { background:#ee8224!important;  cursor:pointer; font-family: "Roboto",sans-serif; } */
.sndr {
 background: #ee8224 none repeat scroll 0 0 !important;
 cursor: pointer;
 font-family: "Roboto",sans-serif;
 margin-top: 14px !important;
} 
.comtrxt { border:1px solid #ccc; font-size:16px; height:70px; margin-bottom:31px; padding:5px; width:430px;
font-family: "Lato",sans-serif; }
.comtrxt:focus { background:#ffe9c2; border:1px solid #ff7f00; transition: all 300ms ease-in 0s; }

/*quick_contact_popup*/

/*22-12-2015*/

#sendmessage { color:#0b8593; font-size:18px; font-weight:600; padding:10px 5px; }
.frgt_pass .error { border:1px solid #900; color:#900; display:table; font-size:13px; margin-bottom: 10px; padding:2px;
width:438px; }

/*24-12-2015*/
.phone_code_select { border:1px solid #ccc; float:left; height:39px!important; width:100px; margin-right:10px; }
.xen-con.cont-exe { float:right; margin-right:0; width:320px; }





/*===================== eCommerce_Website_Development__09-03-2016 ======================*/

.rotate { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform;-o-transition-property: -o-transform; transition-property: transform; overflow:hidden; }  
.rotate:hover  { -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); cursor:pointer; }
.e_commerce_middle_top { width:100%; display:table; margin:35px 0 0 0; padding:0; }
.e_commerce_middle_top h1 { color:#333333; font-family: "Lato",sans-serif; font-size:28px; font-weight:normal; padding:10px 0; text-align:left; }
.e_commerce_middle_top p { font-size:15px; line-height:20px; text-align:left; width:100%; margin:0; }
.e_commerce_middle_top h2 { color:#333333; font-family: "Lato",sans-serif; font-size:28px; font-weight:normal; padding:10px 0; text-align:left; }
.three_block { background:#e4e4e4; box-shadow:3px 2px 10px #888888; display:table; float:left; margin:35px 23px 35px 0; 
padding:0 15px 15px; position:relative; text-align:center; width:28%; }
.block_icon { width:63px; height:63px; margin:-32px auto 0; }
.block_icon:hover { box-shadow:2px 2px 3px #eb9204; border-radius:50%; }
.block_icon img { width:63px; height:63px; }
.three_block h3 { font-family: "Lato",sans-serif; font-size:20px; font-weight:normal; padding:10px 0; text-align:center; 
line-height:30px; width:100%; color:#38291c; }
.three_block p { width:87%; background:#fff; font-size:15px; line-height:20px; margin:10px auto 0; padding:14px 20px 10px; 
text-align:center; min-height:94px; }
.features_bggr { background:url(../images/fetursbggr.jpg) no-repeat center center; width:100%; padding:30px 0; display:table; }
.feature_area { width:100%; display:table; margin:0; padding:0; }
.feature_area h2 { color:#fff; font-family: "Lato",sans-serif; font-size:28px; font-weight:normal; padding:10px 0; text-align:left; }
.feature_area ul { width:78%; margin:0; padding:0; display:table; float:left; }
.feature_area ul li { color:#fff; font-family: "Lato",sans-serif; font-size:15px; font-weight:normal; padding:0 0px 0 25px; 
text-align:left; line-height:22px; margin:3px 0; list-style:none; background:url(../images/whitetick.png) no-repeat left 6px; 
width:46%; float:left; }
.ecart { float:right; width:21%; }
.e_commerce_seo { width:60%; display:table; margin:35px 0; padding:0; float:left; }
.e_commerce_seo p { font-size:15px; line-height:20px; text-align:left; width:100%; margin:0; }
.e_commerce_seo h2 { color:#333333; font-family: "Lato",sans-serif; font-size:28px; font-weight:normal; padding:10px 0; 
text-align:left; }
.e_commerce_seoright { float:right; margin:51px 0 0; padding:0; width:35%; display:table; }
.e_commerce_seoright ul { width:100%; margin:0; padding:0; display:table; float:left; }
.e_commerce_seoright ul li { color:#474747; font-family: "Lato",sans-serif; font-size:15px; font-weight:normal; padding:0 0px 0 25px;text-align:left; line-height:22px; margin:6px 0; list-style:none; background:url(../images/blktick.png) no-repeat left 6px; 
width:100%; float:left; }
.floating{ animation-name:floating; -webkit-animation-name:floating; animation-duration: 1.5s; -webkit-animation-duration: 1.5s;
animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; }

@keyframes floating {
	0% {
		transform: translatex(0%);	
	}
	50% {
		transform: translatex(8%);	
	}	
	100% {
		transform: translatex(0%);
	}			
}

@-webkit-keyframes floating {
	0% {
		-webkit-transform: translatex(0%);	
	}
	50% {
		-webkit-transform: translatex(8%);	
	}	
	100% {
		-webkit-transform: translatex(0%);
	}			
}

.howtostart { width:100%; border:1px solid #eb9204; border-radius:12px; padding:7px 25px 19px; background:#f5f5f5; display:table; margin-bottom:35px; }
.how_start { width:60%; display:table; margin:0; padding:0; float:left; }
.how_start p { font-size:15px; line-height:20px; text-align:left; width:100%; margin:0; }
.how_start h2 { color:#333333; font-family: "Lato",sans-serif; font-size:28px; font-weight:normal; padding:10px 0; 
text-align:left; }
.how_start span { color:#eb9204; }
.mobcall { width:231px; height:47px; background:url(../images/mcall.jpg) no-repeat center center; color:#fff; text-align:right;
font-size:21px; line-height:48px; padding-right:20px; margin-top:24px; }
.mobcall:hover { box-shadow:5px 5px 10px #888888; }
.howtosrtright { float:right; margin:0 65px 0 0; padding:22px 25px 7px; width:auto; display:table; height:auto; }
.howtosrtright img { width:200px; height:200px; border-radius:50%; }
.wrapper_new {width:1000px; margin:0 auto; position:relative;}

/*=====18.05.2016====*/
.g-recaptcha.pop_cap iframe {
 margin-left: 64px;
}

.cont_cap {
 
 width: 100%;
}
.g-recaptcha.cnt_captcha {
  float: left;
  width: 65%;
  margin-bottom: 12px;
}
.g-recaptcha.qkcnt_captcha iframe {
    display: table;
    margin-left: -18px;
    width: 240px;  border: 1px solid #ccc;   
}    .rc-anchor-normal .rc-anchor-content {
 height: 74px;
 width: 173px;
}  .rc-anchor-checkbox {
 margin: 0 8px 2px;
}   .rc-anchor-logo-portrait {
 -moz-user-select: none;
 margin: 10px 0 0 -6px;
 width: 58px;
}  .rc-anchor-normal .rc-anchor-checkbox-label {
 width: 117px;
}
/*.qkcnt_captcha .rc-anchor-normal {
  width: 254px !important;
}
.qkcnt_captcha .rc-anchor-normal .rc-anchor-content {
  width: 148px !important;
}*/
/*------------------------07.06.2016-----------------------*/
.distri_block{ border-bottom:1px solid #FF7315; margin-bottom:20px; font-size:15px;}
.distri_block h3{ font-size:22px;}



.distribution{
	width:100%;
	text-align:left;
	padding-top:15px;
	padding-bottom:29px;
	}
.distribution h2{
	font-size:28px;
	color:#333;
	font-weight:500;
	}
.distribution h3{
	font-size:22px;
	color:#333;
	font-weight:500;
	}
.dis_image{
	width:100%;
	padding-top:5px;
	text-align:left;
	}
.image{
	display:inline-block;
	margin: 0 1%;
	width:17%;
	vertical-align:top;
	}
.image > img {
  width:100%;
}	
.image span {
  display: block;
  font-size:13px;
  color:#333;
  text-align:center;
    }



















