@import url(/fonts_googleapis_com/css/index.html);
body {background: url('/addons/shared_addons/themes/sablon/img/bg/motif.png') no-repeat center right; font-family: 'Roboto Slab', serif; font-size:13px; padding-bottom:30px;}


.news-photo .row {margin:0 -3px;}
.news-photo .row .col-md-6.col-sm-6.col-xs-6 {padding:0 3px;}





header {height:150px; border-bottom: 1px dotted #000; position: relative;}
	
	.logo {
		line-height:150px; 
	}
	
	
	ul.mainmenu {
		display: inline-block;
		margin-top: 60px;
		font-size:14px;
		float: right;
	}
	ul.mainmenu li {
		float: left;
		padding:5px 20px;
	}
	ul.mainmenu li + li {
		border-left:1px dotted #000;
	}
	ul.mainmenu li a {
		color:#000;
	}
	ul.mainmenu li:last-child {
		padding-right:0;
	}
	ul.mainmenu li:last-child a {
		color:#e30613;
	}
	
	.dl-menuwrapper {
		left: 0;
		top:100px;
		display: none;
	}
	.dl-menuwrapper button {
		position: absolute;
		top: -40px; 
		left: 0;
	}
	.dl-menuwrapper li a {
		text-align: left;
		text-decoration: none;
	}
	.dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul , .dl-menuwrapper button {
		background:#007323;
	}
	
	a.language {position:absolute; right:0; top:65px; font-size: 25px; color:#fff; text-align: center; line-height:45px; text-decoration: none; display: none;  width: 48px; height: 45px; background:#007323;}



section {margin:15px 0;}
		
	.mainbanner {
		background: #52a7d2; 
		border: 1px solid #dbdbdb;
	}
	.mainbanner .bx-wrapper .bx-pager {
		z-index: 151;
		right:20px;
		bottom:10px;
	}
	.mainbanner .bx-wrapper .bx-pager.bx-default-pager a {
		background: url('/addons/shared_addons/themes/sablon/img/bg/banner-pager.png');
	}
	.mainbanner .bx-wrapper .bx-pager.bx-default-pager a:hover, .mainbanner .bx-wrapper .bx-pager.bx-default-pager a.active {
		background: #fff;
	}
	.banner-caption {
		color:#fff; 
		padding:20px 20px 20px 10px;
	}
	.banner-caption h4 {
		margin-bottom: 10px;
	}
	.banner-caption p {
		text-align: justify;
	}
	
	
	
	
	.campaigns .bx-wrapper .bx-controls-direction a {
		width:20px; 
		height:19px;
		top:-20px;
	}
	.campaigns .bx-wrapper .bx-prev {
		right: 20px;
		background: url('/addons/shared_addons/themes/sablon/img/controls.png') no-repeat 0 0;
	}

	.campaigns .bx-wrapper .bx-next {
		right: 0;
		background: url('/addons/shared_addons/themes/sablon/img/controls.png') no-repeat -20px 0;
	}
	
	.campaigns .bx-wrapper .bx-prev:hover {
		background-position: 0 -19px;
	}

	.campaigns .bx-wrapper .bx-next:hover {
		background-position: -20px -19px;
	}
	
	.campaign-products {
		margin:15px 0;
	}
	.campaigns {
		position: relative;
	}
	.campaigns > h4 {
		padding-bottom:10px ; 
		margin-bottom:10px;
		border-bottom: 1px dotted #000;
		font-weight: normal;
		color:#52a7d2;
		font-size: 17px;
	}
	ul.campaigns-slider li h4 {
		margin-bottom: 5px;
		font-weight: normal;
		font-size: 17px;
	}
	ul.campaigns-slider li a {
		text-decoration: none;
		color:#666666;
		-webkit-transition: all 300ms ease-in;
		-moz-transition: all 300ms ease-in;
		-ms-transition: all 300ms ease-in;
		-o-transition: all 300ms ease-in;
		transition: all 300ms ease-in;
	}
	ul.campaigns-slider li a:hover {
		color:#000;
	}
	ul.campaigns-slider li p {
		line-height: 15px;
		text-align: justify;
		height: 60px; 
		overflow: hidden; 
		font-size: 12px;
	}
	
	
	
	
	.main-products .bx-wrapper .bx-controls-direction a {
		width:20px; 
		height:19px;
		top:-20px;
	}
	.main-products .bx-wrapper .bx-prev {
		right: 20px;
		background: url('/addons/shared_addons/themes/sablon/img/controls.png') no-repeat 0 0;
	}

	.main-products .bx-wrapper .bx-next {
		right: 0;
		background: url('/addons/shared_addons/themes/sablon/img/controls.png') no-repeat -20px 0;
	}
	
	.main-products .bx-wrapper .bx-prev:hover {
		background-position: 0 -19px;
	}

	.main-products .bx-wrapper .bx-next:hover {
		background-position: -20px -19px;
	}
	
	.main-products {
		position: relative;
	}
	.main-products > h4 {
		padding-bottom:10px ; 
		margin-bottom:10px;
		border-bottom: 1px dotted #000;
		font-weight: normal;
		color:#52a7d2;
		font-size: 17px;
	}
	.main-products-body {
		width:100%;
	}
	.main-products-img {
		width:35%; 
		float: left;
	}
	.main-products-info {
		width:65%;
		float: right;
	}
	.main-products-info h4 {
		font-weight: normal;
		font-size: 17px;
	}
	ul.main-products-slider li a {
		text-decoration: none;
		color:#666666;
		-webkit-transition: all 300ms ease-in;
		-moz-transition: all 300ms ease-in;
		-ms-transition: all 300ms ease-in;
		-o-transition: all 300ms ease-in;
		transition: all 300ms ease-in;
	}
	ul.main-products-slider li a:hover {
		color:#000;
	}
	.main-products-info p {
		line-height: 15px;
		text-align: justify;
		height: 60px; 
		overflow: hidden; 
		margin-top: 5px;
		font-size: 12px;
	}
	
	
	.leftside {
		min-height: 190px;
		padding:20px 0 ;
		background: #52a7d2;
	}
	ul.leftmenu {
	}
	ul.leftmenu li {
		font-size: 16px;
		margin: 5px 20px 0 -10px;
		background: none;
		z-index: 9999;
		position: relative;
	}
	ul.leftmenu li.active , ul.leftmenu li:hover {
		background: #0172ab;	
	}
	ul.leftmenu li a {
		color:#fff;
		padding: 7px 0 7px 30px;
		display: block;
		text-decoration: none;		
	}
	
	
	h4.page-title {
		display: inline-block;
		color:#5b5b5b; 
		padding: 0 10px 5px 0; 
		margin-bottom: 5px;
		border-bottom: 1px solid #52a7d2;
	}
	h5.page-information {
		font-weight: normal;
		font-size: 13px;
	}
	
	
	.brand {
		padding: 12px; 
		height: 203px;
		border: 1px solid #dbdbdb;
		line-height: 183px;
		margin-bottom: 10px;
		position: relative;
		overflow: hidden;
	}
	.brand img {
		width: 100%;
	}
	
	
	.newslist {min-height:500px;}	
	.news {padding:10px; border:1px solid #d9d9d9;
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;}
	.news + .news {margin-top:15px;}
	.news-intro {height:170px; overflow: hidden; position:relative; position:relative;}
	.news-intro a {}
	.news-intro a h5 {max-height:36px; overflow: hidden; color:#5b5b5b; line-height:18px; padding:0 0 10px;
	 margin-bottom:10px; border-bottom:1px dotted #d9d9d9;}
	.news-intro a p {line-height: 15px; color:#595959; border-bottom:1px dotted #d9d9d9; padding:0 0 10px;}
	a.news-more {display:inline-block; position:absolute; bottom:0; right:0; color:#5b5b5b; font-weight:bold;}
	
	
	.news-photo img {margin-bottom:5px; }
	.news-photo .row img {opacity:0.8; -webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;}
	.news-photo .row img:hover {opacity:1;}
	.newsbody {}
	.newsbody h5 {color:#ce8a1b; margin-bottom:10px;}
	.newsbody h6 {color:#282828; margin-bottom:5px; font-size:13px;}
	
	
	.products {
		margin-top: 10px;
	}
	.product {
		border: 1px solid #dbdbdb;
		-webkit-transition: all 200ms ease-in;
		-moz-transition: all 200ms ease-in;
		-ms-transition: all 200ms ease-in;
		-o-transition: all 200ms ease-in;
		transition: all 200ms ease-in;
		margin-bottom: 10px;
		
	}
	.product img {
		width: 100%;
		padding: 10px 20px;
	}
	.product a {
		display: block;
		padding: 10px;
		text-decoration: none;
	}	
	.product h5 {
		font-weight: normal;
		margin-top: 5px;
		color: #828080;
		padding: 0 0 0 25px; 
		height: 19px;
		line-height: 19px;
		background: url('/addons/shared_addons/themes/sablon/img/controls.png') no-repeat -20px 0;
		-webkit-transition: all 200ms ease-in;
		-moz-transition: all 200ms ease-in;
		-ms-transition: all 200ms ease-in;
		-o-transition: all 200ms ease-in;
		transition: all 200ms ease-in;
	}
	.product:hover h5 {
		color: #000;
	}
	
	
	.pagination {margin:5px 0 0 0; height:30px; width:100%; border-radius:0;  }
	.pagination span { display:block; float:left;  text-align:center; line-height:28px; margin-right:3px;}
	.pagination span a { width:30px; height:30px; display:block; color:#848484;  border:1px solid #dddddd; border-radius:50%; text-decoration: none;}
	.pagination span.active a {width:30px; height:30px; border:1px solid #52a7d2; color:#000; font-weight:bold;}
	.pagination span a:hover {
		color:#000;
	}
	
	
	a.product-document {
		text-decoration: none;
		display: block;
		padding: 10px 15px;
		border: 1px solid #dbdbdb;
		background: url('/addons/shared_addons/themes/sablon/img/icons/download.png') no-repeat center right 10px ;
		color:#828080;
		font-size:13px;
		-webkit-transition: all 200ms ease-in;
		-moz-transition: all 200ms ease-in;
		-ms-transition: all 200ms ease-in;
		-o-transition: all 200ms ease-in;
		transition: all 200ms ease-in;
	}
	a.product-document:hover {
		color:#000;
		border: 1px solid #52a7d2;
	}
	
	
	.share {height:40px; background:#f6f6f6; padding:0 10px; margin-top:20px;}
	.share > span {display: block; float: left; font-size:14px; margin-right:10px; line-height:40px;}
	.share ul {display: inline-block;}
	.share ul li {float: left;font-size:20px; line-height:40px; position: relative; 
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;}
	.share ul li a {color:#9f9f9f; text-decoration:none;   padding:0 15px; display: block;
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;}
	.share ul li span[class*="icon-"] {display: block; float: left; font-size:20px; margin-right:2px; line-height:40px;
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;}
	.share ul li span.arrow {display:block; position:absolute; top:30%; right:-9px;
		border-bottom: 8px solid transparent; 
		border-top: 8px solid transparent; 
		border-left: 9px solid transparent; 
		height: 0px;
		width: 0px;
		-webkit-transition: all 200ms ease-in;
		-moz-transition: all 200ms ease-in;
		-ms-transition: all 200ms ease-in;
		-o-transition: all 200ms ease-in;
		transition: all 200ms ease-in;	
		border-left-color:#fff;
		opacity:0;}
	.share ul li:hover a  {color:#fff;}
	.share ul li:hover span.arrow {opacity:1;	}
	
	.share ul li.facebook span[class*="icon-"] {color:#3c5d96;}
	.share ul li.facebook span.arrow {border-left-color:#3c5d96;}
	.share ul li.facebook:hover span[class*="icon-"] {color:#fff;}
	.share ul li.twitter span[class*="icon-"] {color:#63adeb;}
	.share ul li.twitter span.arrow {border-left-color:#63adeb;}
	.share ul li.twitter:hover span[class*="icon-"] {color:#fff;}
	.share ul li.gplus span[class*="icon-"] {color:#c65942;}
	.share ul li.gplus span.arrow {border-left-color:#c65942;}
	.share ul li.gplus:hover span[class*="icon-"] {color:#fff;}
	.share ul li.linkedin span[class*="icon-"] {color:#287cb3;}
	.share ul li.linkedin span.arrow {border-left-color:#287cb3;}
	.share ul li.linkedin:hover span[class*="icon-"] {color:#fff;}
	
	.share ul li.facebook:hover {background:#3c5d96;}
	.share ul li.twitter:hover {background:#63adeb;}
	.share ul li.gplus:hover {background:#c65942;}
	.share ul li.linkedin:hover {background:#287cb3;}
	
	
	ul.contact-list {
		overflow: hidden;
		margin-top: 15px;
	}
	ul.contact-list li {
		padding: 10px 25px;
		border:1px solid #dbdbdb;
		margin-bottom: 5px;
		font-size: 13,5px;
		color:#828080;
		-webkit-transition: all 200ms ease-in;
		-moz-transition: all 200ms ease-in;
		-ms-transition: all 200ms ease-in;
		-o-transition: all 200ms ease-in;
		transition: all 200ms ease-in;	
	}
	ul.contact-list li:hover {
		color:#000;
	}
	
	
	.contact-form {margin-top: 20px;}
	.contact-form ul li {padding: 3px 10px; 	margin-top: 5px; overflow:hidden;}
	.contact-form ul li label {width:25%; float:left; margin-right:6px; font-weight: normal; line-height:20px;}
	.contact-form ul li:last-child {border:none; padding: 0;}
	.contact-form ul li label span {float:right;}
	.contact-form ul li input:not([type]), input[type="color"], input[type="email"], input[type="number"], input[type="password"],
	input[type="tel"], input[type="url"], input[type="text"], textarea ,select { border:1px solid #d4d4d4; width:74%; height:30px; 
	padding:0 5px; }
	.contact-form ul li textarea {height:70px;}
	.contact-form ul li button {width:74%; margin-left:26%; padding:15px 0; text-align:center; background:#52a7d2 ; border-radius:0;
	 border:none; color:#fff; font-size:16px;
	-webkit-transition: all 300ms ease-in;
		-moz-transition: all 300ms ease-in;
		-ms-transition: all 300ms ease-in;
		-o-transition: all 300ms ease-in;
		transition: all 300ms ease-in;}
	.contact-form ul li button:hover {background:#007222;}
	.contact-form ul h6 {margin:10px 0; color:#007abb;}
	.contact-form ul li input[type="text"].min {width:36.55%;}
	.formError .formErrorContent , .formError .formErrorArrow div {background:#007222;}
	



footer {border-top: 1px dotted #000; padding-top: 15px;}
	
	.copyright {margin:0 0 0 0;}
	.copyright span.in {
		display: block;
		float: left;
		margin-top: -5px;
		margin-right: 10px;
	}
	.copyright p {color:#848484; font-size:12px; line-height:20px;float:left;padding-left:20px;}
	.copyright p span {
		color:#52a7d2;
	}
	.copyright a.digibee {float:right; line-height:10px; color:#848484;line-height: 20px;font-size: 12px;}
	
	
	span.IN-widget{float:left;}