@charset "utf-8";

@import 'https://fonts.googleapis.com/css?family=Playfair+Display:400,700';
@import url('https://fonts.googleapis.com/css?family=Lusitana:400,700|Roboto+Slab:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Voltaire');

/* CSS Document */

body{
	font-family: 'Roboto Slab', serif;
	/*font-family: 'Lusitana', serif;*/
}
a:hover { text-decoration: none;}
.header{
	padding:15px 0;
	float:left;
	width:100%;
	background:#FFF;
	transition:all 0.6s ease 0s;
	position:relative;
	z-index:111;
}
.header.sticky {
	position: fixed;
	width: 100%;
	background:#FFF;
	top:0;
	padding:8px 0;
	transition:all 0.6s ease 0s;
	box-shadow: 0px 0px 5px #565656;
	-webkit-box-shadow:0px 0px 5px #565656;
	-moz-box-shadow:0px 0px 5px #565656;
	z-index:999;
}
.logo{
	width:100%;
	float:left;
	/*padding:7px 0;*/
}
.logo img{
	width:100%;
}
.menu{}
.menu ul{
	float:right;
	margin:0;
}
.welcome{
	padding:60px 0;
	width:100%;
	float:left
}
.text-heading{
	width:100%;
	float:left;
	margin-bottom:15px;
}
.text-heading h3{
	font-family: 'Voltaire', sans-serif;
	font-size:34px;
	color: #f04e35;
	margin:0;
	font-weight:400;
	text-align:center;
}
.text-heading h3:after{
	content:'';
	height:1px;
	width:100px;
	background:#666;
	position:relative;
	display:block;
	margin:15px auto;
}
.text-heading h5{
	font-family: 'Voltaire', sans-serif;
	font-size:28px;
	color: #0284c1;
	margin:0;
	font-weight:400;
	text-align:center;
}
.text-heading h5:after{
	content:'';
	height:1px;
	width:100px;
	background:#666;
	position:relative;
	display:block;
	margin:15px auto;
}
.text-heading h4{
	font-family: 'Voltaire', sans-serif;
    font-size: 25px;
    color:#ffffff;
    margin: 0;
    border-bottom: 1px solid #62768a;
    padding-bottom: 5px;
    font-weight: 400;
    line-height: 25px;
}
.text-heading h4 span{
	border-bottom: 1px solid #ffffff;
    line-height: 31px;
    padding-bottom: 5px;
}
.welcome-inner{
	text-align:center;
}
.welcome-inner p{
	line-height:30px;
	color:#565656;
}
.welcome-inner a{
	display: inline-block;
    padding: 6px 15px;
    background: #0284c1;
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
	margin-top:10px;
}
.more-info{
	width:100%;
	float:left;
	margin-top:30px;
	padding:20px;
	text-align:center;
	border-right: 1px solid #eaeaea;
}
.more-info img{
	width:30%;
}
.more-info h3{
	margin: 30px 0 15px;
    font-size: 22px;
	color: #0284c1;
	font-family: 'Voltaire', sans-serif;
}
.more-info h3 span{
	border-bottom:1px solid #0284c1;
	padding-bottom:3px;
}
.more-info p{
	line-height:25px;
	color:#565656 ;
	font-size:13px;
	margin:0;
}
.prd-range{
	padding:60px 0;
	float:left;
	width:100%;
	background: #34495e;
}
.prd-range-box{
	width: 48%;
    float: left;
    margin: 1%;
    /*border-radius: 3px;*/
    background: #fff;
    overflow: hidden;
	/*box-shadow:#f2f2f2 0px 2px 0px 0px;
	border:1px solid #ebebeb;*/
	position:relative;
}
.prd-range-box img{
	width:100%;
}
.prd-range-box h3{
	margin: 0;
    font-size: 16px;
    color: #ffffff;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    font-family: 'Voltaire', sans-serif;
    background: rgba(0, 0, 0, 0.72);
    padding: 7px 0;
}
.company-video{
	margin:2%;
	float:left;
	width:98%;
}
.brands{
	width:100%;
	float:left;
	padding:22px 0;
}
.distributor{
	padding:50px 0;
	float:left;
	width:100%;
}
.distributor-inner{
	float:left;
	width:100%;
	/*margin:30px 0;*/
}
.distributor-inner ul{margin:0;}
.distributor-inner ul li{
	float:left;
	width:14.28%;
	text-align:center;
	padding:10px 10px;
	border: 1px solid #e8e8e8;
    /*border-right: none;*/
}
.distributor-inner ul li:last-child{/*border-right: 1px solid #e8e8e8;*/}
.distributor-inner ul li img{width:85%;}
.more-specific{
	width:100%;
	float:left;
	padding:60px 0;
}
.center-img{
	text-align: center;
    padding: 35px 0;
    float: left;
    width: 100%;
    border-top: 1px solid #0284c1;
	background:#e6e6e6;
}
/*.center-img img{
	width:200px;
}*/
.center-img h3{
	font-family: 'Voltaire', sans-serif;
    font-size: 34px;
    color: #5a5a5a;
    margin: 0;
    font-weight: 400;
    text-align: center;
}
.scame-page-banner{
	width:100%;
	float:left;
}
.banner-small{
	width:15%;
	float:left;
	height:400px;
	background:#8e44ad;
}
.banner-big{
	width:35%;
	float:left;
	height:400px;
	background:black;
}
.banner-small:hover .banner-small-image img{
	-moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  transition: all 0.6s ease 0s;
  cursor:pointer;
}
.banner-big-inner:hover .banner-big-image img{
	-moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  transition: all 0.6s ease 0s;
  cursor:pointer;
}
.banner-small-image{
	background:#CCC;
	width:100%;
	max-height:250px;
	overflow:hidden;
}
.banner-big-text{
	width: 40%;
    float: left;
    height: 100%;
    background: #fff;
	padding:15px;
}
.banner-big-text h3{
	margin:0;
	font-family: 'Voltaire', sans-serif;
	font-size:22px;
	margin-bottom:5px;
	color:#fff;
}
.banner-big-text p{
	line-height: 20px;
    color: #565656;
    font-size: 13px;
	color:#fff;
}
.banner-small-image img{
	width:100%;
	transition: all 0.6s ease 0s;
}
.banner-big-image{
	width:60%;
	float:left;
	height:100%;
	overflow:hidden;
}
.banner-big-image img{
	width:100%;
	transition: all 0.6s ease 0s;
}
.banner-small-text{
	background:#fff;
	width:100%;
	height:150px;
	padding:15px;
}
.banner-small-text h3{
	margin:0;
	font-family: 'Voltaire', sans-serif;
	font-size:22px;
	margin-bottom:5px;
	color:#fff;
}
.banner-small-text p{
	line-height: 20px;
    color: #565656;
    font-size: 13px;
	color:#fff;
}
.banner-big-inner{
	width:100%;
	background:red;
	height:200px;
}


.item-lastest-news {
  /*margin-top: 4px;
  margin-bottom: 40px;
  padding-right: 50px;*/
  margin-bottom:15px;
  border: 1px solid #ddd;
}
.item-lastest-news h3 {
  margin:0;
}
.item-lastest-news h3:hover {
  color: #00abc9;
}
.item-lastest-news img {
  position: relative;
  float: left;
  padding:10px;
  /*max-width: 160px;*/
}
.item-lastest-news .news-text-container {
  /*padding-left: 180px;*/
  clear:both;
  background-color:#666;
  text-align:center;
  padding:10px;
}
.news-text-container a h3:hover{
	color:#FFF;
}
.item-lastest-news .news-text-container .title-news {
  margin-top: 0;
  font-weight: bold;
  font-size: 14px;
  color:#fff;
  -webkit-transition: all 0.6s ease 0s;
          transition: all 0.6s ease 0s;
}
.item-lastest-news .news-text-container p {
  line-height: 25px;
  margin-bottom: 15px;
}
.item-lastest-news .news-text-container .tags {
  margin-right: 15px;
}
.item-lastest-news .news-text-container .tags a {
  text-transform: uppercase;
  -webkit-transition: all 0.6s ease 0s;
          transition: all 0.6s ease 0s;
  font-size: 11px;
  color: #00abc9;
  letter-spacing: 1px;
}
.item-lastest-news .news-text-container .tags a:hover {
  color: #005463;
  text-decoration:underline;
}
.item-lastest-news .news-text-container .dates {
  text-transform: uppercase;
  color: #999999;
  font-size: 11px;
}
.item-lastest-news .img-news-container:hover img {
  -webkit-transform: scale(1.1, 1.1);
      -ms-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
}
.item-lastest-news .img-news-container {
  /*width: 160px;
  height: 120px;*/
  overflow: hidden;
  display: block;
  float: left;
}
.item-lastest-news .img-news-container img {
  -webkit-transition: all 0.6s ease 0s;
          transition: all 0.6s ease 0s;
}
.slidebar .list-group-item:first-child,
.slidebar .list-group-item:last-child,
.slidebar .list-group-item {
  -webkit-border-radius: 0;
          border-radius: 0;
  margin-bottom: 5px;
  transition: all 0.6s ease 0s;
  font-size:14px;
  /*color:#333;*/
  border: 1px solid #e6e6e6;
}
a.list-group-item:hover{
  background: #666;
  border-radius:5px;
  transition: all 0.6s ease 0s;
  color: #FFF;
}
.slidebar .list-group-item.active,
.slidebar .list-group-item.active:hover,
.slidebar .list-group-item.active:focus {
	border: 1px solid #666;
	transition: all 0.6s ease 0s;
  background: #666;
  color: #FFF;
}
.services-detail-content {
  padding-left: 25px;
}
.services-detail-content .img-header-detail {
  /*margin-bottom: 30px;*/
  border:1px solid #e7e7e7;
  width: 100%;
  max-width: 100%;
}
.services-detail-content h3 {
    font-size: 17px;
    color: #e94b39;
    padding-bottom: 0.3em;
    border-bottom: 1px solid #e94b39;
    margin-top: 0;
	text-transform:capitalize;
    margin-bottom: 10px;
}
.services-detail-content p {
  font-size: 14px;
  color:#333;
}
.services-detail-content .left-hblock {
  padding-right:15px;
  max-width: 590px;
}
.services-detail-content .right-hblock {
  float: right;
}
.services-detail-content .h-block {
  /*margin-top: 15px;*/
}
.brochures-download {
  border: 1px solid #e6e6e6;
  padding: 35px;
  width: 270px;
  margin-top: -25px;
}
.brochures-download p {
  font-size: 15px;
  color: #333;
}
.detail-inner{
	padding:2em 0;
	display:table;
	border-bottom:1px solid #e6e6e6;
	width:100%;
}

.detail-inner h2 {
    font-size: 20px;
    color: #2e363a;
    margin: 0;
	text-transform:capitalize;
    margin-bottom: 5px;
}
.no-padding-top{
	padding-top:0;
}
.detail-inner a{
	margin-top:10px;
	margin-right:10px;
	padding:5px 15px;
	border:1px solid rgba(233, 75, 57, 0.46);
	color:#333;
	border-radius:5px;
	font-size:13px;
}
.detail-inner a i{
	margin-right:3px;
	color:#e94b39;
}

/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #e94b39;
  height: 2px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}

ul.style-list-circle {
  margin: 0;
  padding: 0;
  list-style: initial;
  display: block;
  width: 100%;
  margin-top: 5px;
}
ul.style-list-circle li {
  display: block;
  text-transform:capitalize;
  width: 100%;
  font-size:13px;
  margin-bottom: 3px;
  position: relative;
  /*text-indent: 25px;*/
}
ul.style-list-circle li i{
	margin-right:5px;
	color:#e94b39;
}
ul.style-list-circle li a {
  color: #666666;
  -webkit-transition: all 0.6s ease 0s;
          transition: all 0.6s ease 0s;
}
ul.style-list-circle li:hover a {
  color: #00abc9;
}

#atex{background:#2c3e50; position:relative;}
#indsrty{background:#e74c3c; position:relative;}
#accsr{background:#3498db; position:relative;}
#assmbl{background:#8e44ad; position:relative;}
#eco{background:#7f8c8d; position:relative;}
#wire{background:#f1c40f; position:relative;}
#atex:after {
    top: -13px;
    border-bottom: solid 13px #2c3e50;
}
#assmbl:after {
	bottom: -13px;
    border-top: solid 13px #8e44ad;
}
#wire:after {
    right: -13px;
    border-left: solid 13px #f1c40f;
}
#indsrty:after {
    right: -13px;
    border-left: solid 13px #e74c3c;
}
#accsr:after {
    left: -13px;
    border-right: solid 13px #3498db;
}
#eco:after {
    left: -13px;
    border-right: solid 13px #7f8c8d;
}
#wire:after, #indsrty:after, #accsr:after, #eco:after {
    z-index: 1;
    position: absolute;
    top: 44%;
    width: 0;
    height: 0;
    border-top: solid 13px transparent;
    border-bottom: solid 13px transparent;
    content: '';
}
#atex:after, #assmbl:after {
	z-index: 1;
    position: absolute;
    right: 44%;
    width: 0;
    height: 0;
    border-left: solid 13px transparent;
    border-right: solid 13px transparent;
    content: '';
}
.scame-tabs{
	width:100%;
	float:left;
	padding:60px 0 0;
}
.scame-prd-inner ul{
	margin:0;
	padding:0;
}
.scame-prd-inner ul li{
	float: left;
    width: 19%;
    margin: 0.5%;
    /* border: 1px solid #ccc; */
    padding: 4px;
    background: #ececec;
}
.scame-prd-inner ul li img{
	width:100%;
}
.scame-appl-inner{
	width:100%;
	float:left;
}
.scame-appl-inner ul{
	margin:0;
	padding:0;
}
.scame-appl-inner ul li{
	width:20%;
	float:left;
	border:1px solid #FFF;;
	position:relative;
}
.scame-appl-inner ul li img{
	width:100%;
}
.applt-text{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}
.applt-text h4{
	text-align:center;
	margin:0;
	color:#fff;
	text-transform:capitalize;
	font-size:14px;
	padding:34% 0 0;
}
.rrkabel-page-banner, .mk-page, .cns-page, .legrand-swtgr, .schnei-page{
	float:left;
	padding:30px 0;
	width:100%;
}
.rrkabel-inner, .rrkabel-switches, .mk-inner, .schnei-inner{
	width:100%;
	float:left;
	background:#f1f1f1;
	padding:20px;
	margin:20px 0;
	box-shadow: 0px 0px 5px #969696;
}
.rrkabel-image{
	width:25%;
	float:left;
}
.rrkabel-image img{
	width:100%;
}
.rrkabel-text{
	width:75%;
	float:left;
	padding-left:20px;
}
.rrkabel-text h3{
	margin:0;
	font-family: 'Voltaire', sans-serif;
	font-size:24px;
	margin-bottom:10px;
	color:#333;
}
.rrkabel-switches ul{
	margin:0;
	padding:0;
}
.rrkabel-text ul li{
	width: 31.33334%;
    /* float: left; */
    display: inline-block;
    line-height: 21px;
    padding: 0px 5px;
    margin: 5px 5px;
    font-size: 11px;
    border-bottom: 1px solid #d4d4d4;
	border-left: 2px solid #d4d4d4;
}
.rrkabel-switches h3{
	margin:0;
	font-family: 'Voltaire', sans-serif;
	font-size:24px;
	margin-bottom:10px;
	color:#333;
}
.rrkabel-switches ul li{
	width:24%;
	margin:0.5%;
	float:left;
	border:1px solid #e2e2e2;
	padding:15px;
	text-align:center;
}
.rrkabel-switches ul li img{
	width:100%;
}
.rrkabel-switches ul li h4{
	font-size: 14px;
    margin: 0;
    margin-top: 5px;
}
.mk-inner{
	padding:20px;
	float:left;
	width:100%;
}
.mk-image{
	width:25%;
	float:left;
}
.mk_images{
	width:35% !important;
}
.mk-image img{
	width:100%;
}
.mk_text{
	width:65% !important;
}
.mk-text{
	width:75%;
	float:left;
	padding-left:20px;
}
.mk-text h3{
	margin:0;
	font-family: 'Voltaire', sans-serif;
	font-size:24px;
	margin-bottom:10px;
	color:#333;
}
.mk-text p{
	line-height:25px;
}
.mk-text a{
	padding: 6px 15px;
    background: #666;
    color: #fff;
    font-size: 13px;
    display: inline-block;
}
.mk-banner{
	text-align: center;
    float: left;
    width: 100%;
    border-top: 1px solid #0284c1;
}
.mk-banner img{
	width:100%;
}
.cns-inner{
	width:100%;
	margin-bottom:20px;
}
.cns-inner img{
	width:100%;
	border: 1px solid #ececec;
}
.cns-inner h3{
	font-weight: 400;
    font-size: 21px;
    padding: 5px 0 0;
    color: #016695;
    font-family: 'Voltaire', sans-serif;
    border-bottom: 1px solid #016695;
    display: inline-block;
    margin: 10px 0;
}
.cns-inner ul{
	margin:0;
}
.cns-inner ul li{
	font-size: 13px;
    line-height: 23px;
}
.cns-inner ul li:before{
	content:'\f0da';
	font-family:'FontAwesome';
	position:relative;
	margin-right:7px;
	color:#5d5d5d;
}
.eubiq-page, .eubiq-banner, .eubiq-videos{
	float:left;
	padding:80px 0 0px;
	width:100%;
}
.eubiq-inner{
	width:100%;
	float:left;
	text-align:center;
	position:relative;
}
.eubiq-inner:after, .eubiq-inner:before {
	z-index: 1;
    position: absolute;
    top: 0;
	width: 0;
    height: 0;
    border-top: solid 0px transparent;
    border-bottom: solid 37px transparent;
    content: '';
}
.eubiq-inner:after {
    left: 0;
    border-left: solid 37px #ffffff;
}
.eubiq-inner:before {
    right: 0;
    border-right: solid 37px #ffffff;
}
.eubiq-inner h3{
	font-weight: 400;
    font-size: 21px;
    padding: 5px 0 0;
    color: #016695;
    font-family: 'Voltaire', sans-serif;
}
.eubiq-inner img{
	width:100%;
}
.eubiq-text{
    width: 100%;
    text-align: center;
    border: 1px solid #0284c1;
    background: #fff;
}
.eubiq-text span{
	width: 100%;
    color: #ffffff;
    display: inline-block;
    font-family: 'Voltaire', sans-serif;
    font-size: 18px;
    background: #0284c1;
    padding: 6px;
    text-transform: capitalize;
}
.eubiq-text p{
	line-height: 23px;
    color: #565656;
    font-size: 13px;
    padding: 15px;
}
.eubiq-banner{
}
.eubiq-banner ul{
	margin:0;
	padding:0;
}
.eubiq-banner ul li{
	width:25%;
	float:left;
	background:#454545;
	color:#fff;
	border:1px solid #fff;
	position:relative;
}
.eubiq-banner ul li span{
	position: absolute;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    left: 0;
	transition:all 0.7s ease 0.1s;
}
.eubiq-banner ul li:hover span{
	background:rgba(0,0,0,0);
	transition:all 0.7s ease 0.1s;
	cursor:pointer;
}
.eubiq-banner ul li img{
	width:100%;
}
.eubiq-banner ul li:nth-child(1), .eubiq-banner ul li:nth-child(2), .eubiq-banner ul li:nth-child(3){
	width:33.3334%;
}
.legrand{
	width: 100%;
	padding: 40px 0;
}
.legrand-inner{
	width: 100%;
	float: left;
}
.legrand-inner ul{
	margin: 0;
	padding: 0;
}
.legrand-inner ul li{
	width: 50%;
	float: left;
	text-align: center;
}
.legrand-inner ul li:first-child{
	border-right: 1px solid #dcdcdc;
}
.legrand-inner ul li a{
	display: inline-block;
	padding: 40px 40px 20px;
	width: 100%;
	transition: all 0.6s ease 0.2s;
}
.legrand-inner ul li a:hover{
	background: #F5F5F5;
	transition: all 0.6s ease 0.2s; 
}
.legrand-inner ul li img{
	width: 100%;
}
.legrand-inner ul li h3{
    font-weight: 400;
    font-size: 23px;
    padding: 5px 0;
    color: #ed1c24;
    font-family: 'Voltaire', sans-serif;
    border-bottom: 1px solid #ed1c24;
    display: inline-block;
    margin: 5px 0 10px;
}
.coming-soon{
	font-weight: 400;
    font-size: 30px;
    padding: 5px 0;
    color: #0284c1;
    font-family: 'Voltaire', sans-serif;
    border-bottom: 1px solid #0284c1;
    display: inline-block;
    margin: 15px 0;
}
.legrand-swtgr-inner{
	width:100%;
	float:left;
}
.legrand-swtgr-inner ul{
	margin:0;
	padding:0;
}
#modular-swtch li{
	width:32.333%;
}
.legrand-swtgr-inner ul li{
	width:24%;
	float:left;
	margin:0.5%;
}
.legrand-swtgr-inner ul li h3{
	font-weight: 400;
    font-size: 18px;
    padding: 5px 0 0;
    color: #ed1c24;
    font-family: 'Voltaire', sans-serif;
    border-bottom: 1px solid #ed1c24;
    display: inline-block;
    margin:5px 0 10px;
}
.legrand-swtgr-inner ul li img{
	width:100%;
	border:1px solid #e4e4e4;
	padding:10px;
}
.switches-heading{
	background: #34495e;
    color: #e0e0e0;
	padding: 35px;
	width: 100%;
	float: left;
	position: relative;
}
.switches-heading:before, .switches-heading:after {
	z-index: 1;
	position: absolute;
	top: 0;
	width: 0;
	height: 0;
	border-top: solid 0px transparent;
	border-bottom: solid 20px transparent;
	content: '';
}
.switches-heading:after {
    left: 0;
	border-left: solid 20px #ffffff;
}
.switches-heading:before {
    right: 0;
	border-right: solid 20px #ffffff;
}
.switches-heading h3{
	margin: 0;
	margin-bottom: 10px;
	color: #FFF;
	font-family: 'Voltaire', sans-serif;
}
.switches-heading p{
	line-height: 25px;
	margin: 0;
}
.arteor-switches{
	width: 100%;
	float: left;
	margin-bottom: 50px;
	padding: 5px;
	border: 1px solid #dedede;
}
.arteor-switches ul{
	margin: 0;
	padding: 0;
}
.arteor-switches ul li{
	border: 1px solid #EDEDED;
	width: 11.5%;
	margin: 0.5%;
	float: left;
	text-align: center;
}
.arteor-switches ul li img{
	width: 98%;
}

.myrius-swtch{
	width: 100%;
	float: left;
	background: linear-gradient(to top, rgb(20, 30, 48), rgb(36, 59, 85));
}
.switch-products{
	width: 75%;
	background: #f9f6f6;
	padding: 45px;
}
.switch-products ul{
	margin: 0;
	padding: 0;
}
.switch-products ul li{
	width: 17.333%;
    float: left;
    margin: 1%;
	text-align: center;
	transition: all 0.5s ease 0.2s;
	background: #fff;
}
.switch-products ul li:hover{
	box-shadow: 0px 5px 17px #ccc;
	transition: all 0.5s ease 0.2s;
	cursor: pointer;
}
.switch-products ul li img{
	width: 100%;
}
.switch-products ul li h3{
	margin: 0;
    color: #565656;
    font-size: 17px;
    font-family: 'Voltaire', sans-serif;
	padding: 10px 0;
	border-top: 1px solid #f9f6f6;
}
.side-descrp{
	width: 25%;
	padding: 45px;
}
.side-descrp img{
	width: 110px;
    margin-bottom: 20px;
}
.side-descrp h3{
	margin: 0;
	margin-bottom: 10px;
	color: #77ad13;
	font-family: 'Voltaire', sans-serif;
}
.side-descrp p{
	line-height: 22px;
    margin: 0;
	color: #fbfbfb;
	margin-bottom: 15px;
}
.side-descrp a{
	display: inline-block;
    color: #fbfbfb;
    padding: 7px 15px;
    font-size: 15px;
    letter-spacing: 1px;
    margin-bottom: 5px;
    font-family: 'Voltaire', sans-serif;
    background: #112033;
}
.schnei-image{
	width:25%;
	float:left;
}
.schnei-image img{
	width:100%;
}
.schnei-text{
	width:75%;
	float:left;
	padding-left:20px;
}
.schnei-fulltext{
	padding-left:20px;
}
.productheader{
	width:100%;
	border-bottom:1px solid green;
	margin-bottom:15px;
	padding:5px 0;
	border-radius:3px;
}
.productheader h3{
	margin:0px;
	font-family: 'Voltaire', sans-serif;
	font-size:27px;
	
}
.schnei-text h3{
	margin:0;
	font-family: 'Voltaire', sans-serif;
	font-size:24px;
	margin-bottom:10px;
	color:#333;
}
.schnei-text p{
	line-height:23px;
	font-size:13px;
}
.schnei-fulltext h3{
	margin:0;
	font-family: 'Voltaire', sans-serif;
	font-size:24px;
	margin-bottom:10px;
	color:#333;
}
.schnei-fulltext p{
	line-height:23px;
	font-size:13px;
}
.schnei-text a{
	display: inline-block;
    border: 1px solid red;
    background-color: red;
    color: #FFF;
    padding: 5px 15px;
    border-radius: 3px;
	-webkit-transition: background-color 2s ease-out;
    -moz-transition: background-color 2s ease-out;
    -o-transition: background-color 2s ease-out;
    transition: background-color 2s ease-out;
	-webkit-transition: color 2s ease-out;
    -moz-transition: color 2s ease-out;
    -o-transition: color 2s ease-out;
    transition: color 2s ease-out;
}
.schnei-text a:hover{
	background-color:transparent;
	-webkit-transition: color ease-in-out 2s;
	color:#000;
	text-decoration:none;
	
}
.schnei-fulltext > a{
	display: inline-block;
    border: 1px solid #666;
    background-color: #666;
    color: #FFF;
    border-radius: 3px;
	padding-right:10px;
	margin-bottom:15px;
}
.schnei-fulltext > a:hover{
	background-color:#666;
	color:#FFF;
	text-decoration:none;
	
}
.schnei-fulltext > a > i{
	background-color: #383838;
    padding: 5px;
    margin-right: 10px;
    font-size: 19px;
}
.listfeture{
	display:inline-block;
	width:100%;
}
.listfeture li{
	line-height:30px;
	display:inline-flex;
	width:100%;
}
.listfeture li:before{
	content:'\f152';
	font-family:'FontAwesome';
	margin-right:10px;
}
.nonelistfeture{
	display:inline-block;
	margin-left:15px;
}
.nonelistfeture li{
	width:100%;
	line-height:25px;
}
.schnei-proimage{
	float:right;
	margin-left:20px;
}
.contact-page{
	padding:80px 0;
	float:left;
	width:100%;
}
.contact-info{
	width: 100%;
    float: left;
    padding: 25px;
    background: url(../images/back-cont.jpg) center center no-repeat;
    background-size: cover;
    border-radius: 3px;
}
.contact-info ul{
	margin:0;
	padding:0;
}
.contact-info ul li{
	float: left;
    width: 100%;
    margin: 10px 0;
}
.contact-image{
	width:15%;
	text-align:center;
	float:left;
}
.contact-image img{
	width:90%;
}
.contact-info ul li span{
	width:85%;
	padding-left:20px;
	float:left;
}
.contact-info ul li span h3{
	margin:0;
	font-family: 'Voltaire', sans-serif;
	font-size:21px;
	margin-bottom:5px;
	color:#FFF;
}
.contact-info ul li span p {
    line-height: 20px;
	font-size:13px;
    color: #FFF;
	margin: 0;
}
.contact-button{
	padding:8px 15px;
	background:red;
	color:#fff;
	border:none;
	background:#0284c1;
	font-size:12px;
}
.map{
	width:100%;
	float:left;
}
.about-page, .pricelist-page{
	padding:50px 0;
	float:left;
	width:100%;
}
.about-inner{
	width:100%;
	float:left;
}
.about-inner h3{
	margin:0;
	font-family: 'Voltaire', sans-serif;
	font-size:24px;
	margin-bottom:15px;
	color:#454545;
}
.about-inner p{
	line-height:25px;
	font-size:14px;
}
.pricelist-main{
	width:100%;
	float:left;
}
.pricelist-inner{
	width:100%;
	float:left;
	box-shadow:2px 2px 4px #ababab;
}
.pricelist-main ul{
	margin:0;
	padding:0;
}
.pricelist-main ul li{
	border: 1px solid #0284c1;
    width: 24%;
    float: left;
	margin:0.5%;
}
.pricelist-inner a{
	padding: 5px 15px;
    display: inline-block;
    width: 100%;
    background: #0284c1;
    color: #fff;
	font-size:13px;
}
.pricelist-inner a:hover{
	text-decoration:none;
}
.pricelist-inner h3{
	margin: 0;
    font-size: 17px;
    padding: 20px 15px;
	color: #0284c1;
}
/* Youtube Video */
.main-video{
	width:100%;
	float:left;
	margin-bottom:30px;
}
.main-video iframe{
	width:100% !important;
}
#v-kzs6pl8W4{
	width:100%;
	height:232px;
}
#sLu23uqdztg{
	width:100%;
	height:232px;
}
#Z2C5HuyWt8k{
	width:100%;
	height:232px;
}
#jOtPn8cf9oE{
	width:100%;
	height:232px;
}
#POzg7j-pRxU{
	width:100%;
	height:232px;
}
#QD2VaK_9JUI{
	width:100%;
	height:232px;
}
#lhgibfUSv9M{
	width:100%;
	height:232px;
}
#ID68HpdmtAk{
	width:100%;
	height:232px;
}
#lP76op5RV2I{
	width:100%;
	height:232px;
}
.vdo-icon{
	width: 100%;
    float: left;
    background: #0284c1;
    padding: 7px 10px;
    color: #fff;
}
.vdo-icon i{
	float: left;
    font-size: 27px;
}
.vdo-icon p{
	float: left;
    margin: 0;
    display: inline-block;
    margin-left: 10px;
    padding-top: 3px;
    font-size: 15px;
    text-transform: uppercase;
}
.youtube {
	background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    overflow: hidden;
    transition: all 200ms ease-out;
    cursor: pointer;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    transition: .4s all;
}
.youtube .play{
	content:'';
	background:url(../images/youtube-play.png) center center no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(51,51,51,0.3)
}
.footer{
	padding:50px 0 10px;
	float:left;
	width:100%;
	background:#ececec;
	border-top: 3px solid #d8d8d8;
}
.footer-inner{
	float:left;
	width:100%;
}
.footer-inner h3{
	font-family: 'Voltaire', sans-serif;
    font-size: 22px;
    color: #525252;
    margin: 0;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 5px;
    font-weight: 400;
    line-height: 25px;
	margin-bottom:15px;
}
.footer-inner h3 span{
	border-bottom: 1px solid #525252;
    line-height: 32px;
    padding-bottom: 7px;
}
.footer-inner p{
	font-size:13px;
	line-height:25px;
	color:#757575;
}
.footer-inner ul li{
	font-size:13px;
	float:left;
	width:50%;
	line-height:28px;
	text-transform:capitalize;
}
.footer-inner ul li a{
	color:#757575;
}
.footer-inner ul li a i{
	margin-right:5px;
}
.footer-bottom{
	width: 100%;
    float: left;
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #d8d8d8;
}
.footer-bottom p{
	color: #757575;
    text-align: center;
    font-size: 13px;
}
.close { color: #fff; opacity: 1; }
.modal-header { background: #333; padding: 30px 20px; }
.modal-header img { width: 300px; margin: 0px auto; }
@media only screen and (max-width: 768px) {

	.more-info{ border:none;}
	.distributor-inner ul li{width:48%; border:none;}
	.text-heading h4{margin-top:15px;}
	
}
