.customer-references h1,
.customer-references h2{
	display: block;
	text-align: left;
	font-size: 26px;
	font-weight: bold;
	line-height:24pt;
}
.customer-references h3 {
	font-weight:normal;
	line-height:35px;
	font-size:25px;
	color:#000000;
/*	text-shadow:#efefef 2px 2px 0px; */
	width: auto;
	text-align: left;
	word-wrap:break-word;
}
/* .customer-references h3:before {
	content:url("../images/q1.png");
	display:inline-block;
	vertical-align:bottom;
	position:relative;
	left: -20px;
} */
.customer-references .sliding-element h1:after {
	content:url("../images/q22.png");
	position:relative;
	 bottom:-10px;
	 right:-15px;
	 z-index:10;
	 opacity:0.2; 
} 
.quotationm {
	position:absolute;
	top:0px;
	left:-50px;
	z-index:10;
	opacity:0.2;
	width:30px;
}
.customer-references .row:after {
  content: "";
  display: table;
  clear: both;
}
.customer-references h2{
	text-align: left;
	word-break: break-strict;
}
.customer-references h4{
	font-size:16px;
	text-align:left;
	padding-top:15px;
	line-height:24px;
}
.customer-references h5{
	font-size:10px;
	color:#000000;
	/* text-shadow:#efefef 2px 2px 0px; */
	box-sizing:border-box;
	word-wrap:break-word;
	text-transform: uppercase;
}
.customer-references .sliding-element > h5 {
    margin-top: 25px;
    text-align: right;
}

.customer-references .column-first{
	width: 100%;
	background-color:none;
	padding:0px 0px;
	height:auto;
	vertical-align:middle;
}
.customer-references .column{
	width: 100%;
	padding:25px 0px;
	height:auto;
}
.customer-references .column-3{
	width: 33%;
	text-align:center;
	padding:10px 0px;
	min-height:250px;
}
.customer-references .title{
	background-image: url("../images/title_repeat.png");
	size: auto 29px;
	width: auto;
	height: 29px;
	display:inline-block;
	float: left;
	margin-top:10px;
	margin-bottom:20px;
	color:#ffffff;
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	background-repeat: repeat-x;
}
.customer-references .title-start{
	background-image: url("../images/title_start.png");
	size: 7px 29px;
	width: 7px;
	height: 29px;
	display:block;
	float: left;
	margin-top:10px;
	margin-bottom:20px;
	padding-top:5px;
	background-repeat: no-repeat;
}
.customer-references .title-end{
	background-image: url("../images/title_end.png");
	size: 11px 29px;
	width: 11px;
	height: 29px;
	display:block;
	float: left;
	margin-top:10px;
	margin-bottom:20px;
	font-weight:bold;
	padding-top:5px;
	background-repeat: no-repeat;
}
.customer-references .title-icons{
	width:100%;
	float: left;
	position:relative;
	top:25px;
	left:-50px;
	padding:10px 0px;
}
.customer-references .leads:before{
	content: "";
	background-image: url("../images/leads.png");
	background-size: 65px 65px;
	width: 65px;
	height: 65px;
	display: block;
	float: left;
	margin-top:-20px;
	margin-right:15px;
	text-align: left;
}
.customer-references .globe:before{
	content: "";
	background-image: url("../images/globe.png");
	background-size: 65px 65px;
	width: 65px;
	height: 65px;
	display: block;
	float: left;
	margin-top:-20px;
	margin-right:15px;
	text-align: left;
}
.why-to-join{
	width: 100%;
}
.why-to-join:after {
  content: "";
  display: table;
  clear: both;
}
.why-to-join li{
	margin-top:30px;
	position: relative;
	padding-left: 15px;
}
.why-to-join li:after {
  content: "";
  display: table;
  clear: both;
}
.why-to-join li+li{
	margin-top: 5px;
}
.why-to-join img{
	float:left;
	margin-left: -105px;
}
.why-to-join p,
.what-you-get li{
	font-size: 16px;
	line-height: 21px;
	margin-top: 7px;
}
.what-you-get{
	
	padding: 30px 55px 30px;
	
}
.row.bottom{
	margin-top:30px;
	background:#DDE5E8;
	border:1px solid #D5D5D5;
}
.what-you-get ul{
	margin-top: 30px;
}
.what-you-get li{
	font-weight: bold;
	margin-bottom: 20px;
	padding-left: 55px;
}
.what-you-get li:after {
  content: "";
  display: table;
  clear: both;
}
.what-you-get li:before{
	content: "";
	background-image: url("../images/salespage-bullet.png");
	background-size: 30px 30px;
	width: 30px;
	height: 30px;
	display: block;
	float: left;
	margin-top: -5px;
	margin-left: -55px;
}
.what-you-get li:before img{
	width: 100%;
	height: 100%;
}
.contact-us{
	background: #fff;
	border-left:1px solid #D5D5D5;
	padding: 30px 85px 86px;
	
}
.row.bottom h2{
	margin-top: 0;
}
.contact-us label{
	font-size: 16px;
	font-weight: bold;
	margin-top: 20px;
	color: #000;
}
.contact-us input{
	height: 42px;
	line-height: 42px;
	font-size: 16px;
}
.contact-us .primary-button{
	width: 100% !important;
	font-size: 16px;
	margin-top: 20px;
}
.contact-us:after {
  content: "";
  display: table;
  clear: both;
}
.customer-references .laptop-img{
	max-width: 450px;
	position:relative;
	top:-15px;
}
.customer-references .container-service{
	max-width:85px;
	text-align:center;
	margin:0 auto;
	transition: all 0.2s ease;
	border-radius:50px;
}
.customer-references .container-service:hover {
	background:#f75f01;
	text-decoration:none;
	box-shadow: 2px 3px 0 rgba(0,0,0,0.1);
}
.customer-references .container-service:active {
	background:#ff6600;
	text-decoration:none;
	box-shadow: 0px 0px 0 rgba(0,0,0,0.3);
	opacity:0.6;
}
.customer-references-icons {
	margin-top:-20px;
}
.button {
  background: #DB6427;
  background-image: -webkit-linear-gradient(top, #DB6427, #BE5527);
  background-image: -moz-linear-gradient(top, #DB6427, #BE5527);
  background-image: -ms-linear-gradient(top, #DB6427, #BE5527);
  background-image: -o-linear-gradient(top, #DB6427, #BE5527);
  background-image: linear-gradient(to bottom, #DB6427, #BE5527);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 15px 25px 15px 25px;
  text-decoration: none;
  cursor:pointer;
}

.button:hover {
  background: #F96D30;
  background-image: -webkit-linear-gradient(top, #F96D30, #D36235);
  background-image: -moz-linear-gradient(top, #F96D30, #D36235);
  background-image: -ms-linear-gradient(top, #F96D30, #D36235);
  background-image: -o-linear-gradient(top, #F96D30, #D36235);
  background-image: linear-gradient(to bottom, #F96D30, #D36235);
  text-decoration: none;
  text-decoration:none;
  box-shadow: 2px 3px 0 rgba(0,0,0,0.1);
}
.button:active {
  background: #DB6427;
  background-image: -webkit-linear-gradient(top, #DB6427, #BE5527);
  background-image: -moz-linear-gradient(top, #DB6427, #BE5527);
  background-image: -ms-linear-gradient(top, #DB6427, #BE5527);
  background-image: -o-linear-gradient(top, #DB6427, #BE5527);
  background-image: linear-gradient(to bottom, #DB6427, #BE5527);
  text-decoration: none;
  text-decoration:none;
  box-shadow: 2px 3px 0 rgba(0,0,0,0.3);
}
.customer-references .container-title{
	width:50%;
	float: left;
	display:block;
	height:150px;
}
.customer-references .container-title-bottom{
	width:50%;
	float: left;
	display:block;
	height:150px;
}
.customer-references .info {
	position:absolute;
	bottom:40px;
	right:40px;
}
.reference-wrapper {
	display: -webkit-flex;
    display: flex;
    width: 100%;
    height: auto;
	flex-wrap:wrap;
}
.reference {
	width:23%;
	padding:20px 25px 60px 25px;
	box-sizing:border-box;
	background-color:none;
	border: 2px solid #f7f7f7;
	margin:8px 0.9%;
	border-radius:10px;
	box-sizing:border-box;
	height:auto;
	position:relative;
	transition: all 1s ease-out;
	box-shadow:0px 0px 14px #efefef;
}
.reference h1 {
	font-size:20px;
	text-align:center;
	line-height:22px;
}
.customer-references .reference:hover {
	transition:ease-in 0.2s;
	border:2px solid #ffffff;
	box-sizing:border-box;
	box-shadow:0px 0px 30px #efefef;
	transition: all 0.2s ease-in-out;
}
.img-container > img {
	width:auto;
	max-width:100%;
	max-height: 70px;
	display:block;
	margin:0 auto;
}
.img-container {
	width:100%;
	height:90px;
	padding-top:20px;
	margin:0 auto;
	display:block;
}
.txt-container {
	white-space:pre-line;
	overflow:hidden;
	height:auto;
    padding-bottom: 10px;
}
.txt-container h4 {
	text-align:justify;
}
.head-wrapper {
	height:auto;
	min-height:45px;
	padding:15px 0px;
}
.customer-references .more-info {
	width:80%;
	font-size:11px;
	float:right;
	display:block;
/*margin-top:15px; */
	position:absolute;
	bottom:25px;
	margin:0 auto;
	-webkit-transition: all 0.05s ease-in;
    -moz-transition: all 0.05s ease-in;
    -o-transition: all 0.05s ease-in;
    transition: all 0.05s ease-in;
}

.customer-references .reference h6 {
	font-weight:bold;
	font-size:16px;
	line-height:18px;
	margin-bottom:0px;
	text-shadow: none;
	color:#000000;
} 
.customer-references .reference h4 {
	font-size:12px;
	color:#393939;
	line-height:18px;
	padding-top:5px;
}

.sliding-element {
	width:100%;
	padding:70px 140px;
	min-height:150px !important;
/*	height:100% !important; */
	margin:20px auto 0;
}
.sliding-element .companylink {
    text-decoration: none;
    }

.sliding-element .companylink :hover{
	color:#fb7121;
	transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  cursor:pointer;
  text-decoration: none;
}
.img-a {
	background-image:url(../images/bg_pattern.png);
	width:100%;
	background-repeat: repeat;
}
.img-b {
	background-image:url(../images/2.jpg);
	width:100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.img-c {
	background-image:url(../images/3.jpg);
	width:100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
/*.slick-arrow, .fade_left, .fade_right, button {
  position: absolute;
  top: 50%;
  z-index: 999;
  display: block;
  width: 15px;
  color:#fff;
  padding:0px 30px;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 1;
  cursor: pointer;
}*/
.slick-arrow, button {
	position:absolute;
	top:45%;
	width:35px;
	height:60px;
	background-color:#ffffff;
	z-index:100;
	cursor:pointer;
	box-shadow: 1px 1px 3px #efefef;
	transition:all 0.2s ease-in;
}
.slick-prev {
	background-image:url(../images/arrow_prev_1.png);
	background-size: auto;
	background-position:center;
	background-repeat:no-repeat;
	position:absolute;
	left:-6px;
	border-radius: 0px 5px 5px 0px;
	/*background: #f7f7f7;
	background: -moz-linear-gradient(left,  #f7f7f7 0%, #ffffff 33%);
	background: -webkit-linear-gradient(left,  #f7f7f7 0%,#ffffff 33%);
	background: linear-gradient(to right,  #f7f7f7 0%,#ffffff 33%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=1 );*/
}
.slick-next {
	background-image:url(../images/arrow_next_1.png);
	background-size: auto;
	background-position:center;
	background-repeat:no-repeat;
	position:absolute;
	right:-6px;
	border-radius: 5px 0px 0px 5px;
/*background: #ffffff;
	background: -moz-linear-gradient(left,  #ffffff 67%, #f7f7f7 100%);
	background: -webkit-linear-gradient(left,  #ffffff 67%,#f7f7f7 100%);
	background: linear-gradient(to right,  #ffffff 67%,#f7f7f7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=1 );*/
}
/*.slick-prev {
	position:absolute !important;
	left:0;
	opacity:0.05;
}
.slick-next {
	position:absolute !important;
	right:0;
	opacity:0.05;
}*/
.slick-prev:hover {
	left:0px;
}
.slick-next:hover {
	right:0px;
}
/*.slick-prev:hover {
	opacity:0.6;
}
.slick-next:hover {
	opacity:0.6;
}*/
/*.fade_left {
	background: -moz-linear-gradient(right, rgba(239,239,239,1) 0%, rgba(239,239,239,0) 100%);
	background: -webkit-linear-gradient(right, rgba(239,239,239,1) 0%,rgba(239,239,239,0) 100%);
	background: linear-gradient(to right, rgba(239,239,239,1) 0%,rgba(239,239,239,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#00efefef',GradientType=0 );
	width:50px;
	height:100%;
	padding:0px;
	z-index:1000;
	left:80px;
	top:0;
}
.fade_right {
	background: -moz-linear-gradient(left, rgba(239,239,239,1) 0%, rgba(239,239,239,0) 100%);
	background: -webkit-linear-gradient(left, rgba(239,239,239,1) 0%,rgba(239,239,239,0) 100%);
	background: linear-gradient(to left, rgba(239,239,239,1) 0%,rgba(239,239,239,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#00efefef',GradientType=0 );
	width:50px;
	height:100%;
	padding:0px;
	z-index:1000;
	right:80px;
	top:0;
}*/
.single-item-rtl {
	width:1060px;
	height:auto;
	overflow:hidden;
	padding:0px 0px;
	border-radius:10px;
}
.category {
	position:absolute;
	top:-105px;
	right:0px;
	width:40px;
	height:40px;
	background-color:#ffffff;
	z-index:100;
	box-shadow: 1px 1px 3px #efefef;
	border-radius: 0px 0px 5px 5px;
	transition:all 0.2s ease-in;
}
.category:hover {
	position:absolute;
	top:-102px;
}
.category img {
    margin: 0 auto;
    padding-top: 8px;
    }

/*START RESPONSIVE STYLES FOR SALES PAGE*/

	/* START TABLETS*/
	@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px) {

		.customer-references .row.bottom{
			margin-top: 0px;
		}
		.customer-references .column{
			width: 100%;
			margin:0px;
		}
		.contact-us{
			border-left: 0;
		}
		.customer-references .laptop-img{
			max-width: 100%;
			float:left;
			display:block;
			padding-top:20px;
		}
		.customer-references .leads:before{
			margin-top:-10px;
		}
		.customer-references .globe:before{
			margin-top:-10px;
		}
		.customer-references h2{
			text-align:center;
			font-size:24px;
			padding:0px 5px;
		}
		.customer-references .column-first{
			height: auto;
		}
		.customer-references .column-3{
			width:50%;
			min-height:200px;
		}
		.customer-references .container-title{
			width: 50%;
			display: inline-block;
			clear:right;
		}
		.customer-references .container-title-bottom{
			width: 50%;
			display: inline-block;
			clear:right;
		}
		.customer-references .title-icons{
			width:100%;
			float: left;
			position:relative;
			left:0px;
			top:25px;
			padding:10px 0px;
		}
		.customer-references .mobile-img{
			text-align:center;
			max-width:400px;
			margin:0 auto;
			display:block;
			float:none;
		}
		.customer-references .getnow-img{
			text-align:center;
			margin:8px auto;
			display:block;
			float:none;
		}
		.sliding-element {
			width:100%;
			height:auto;
			margin:0 auto;
			padding:70px 100px !important;
		}
		.single-item-rtl {
			width:100%;
			height:auto;
			padding:0px 0px;
			overflow:hidden;
		}
		
		.customer-references .reference {
			width:32%;
			margin:0.5%;
			margin-top:10px;
		}
		/* .fade_left {
			background: -moz-linear-gradient(right, rgba(239,239,239,1) 0%, rgba(239,239,239,0) 100%);
			background: -webkit-linear-gradient(right, rgba(239,239,239,1) 0%,rgba(239,239,239,0) 100%);
			background: linear-gradient(to right, rgba(239,239,239,1) 0%,rgba(239,239,239,0) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#00efefef',GradientType=0 );
			width:50px;
			height:100%;
			max-height:300px;
			padding:0px;
			z-index:1000;
			left:50px;
			top:0;
		}
		.fade_right {
			background: -moz-linear-gradient(left, rgba(239,239,239,1) 0%, rgba(239,239,239,0) 100%);
			background: -webkit-linear-gradient(left, rgba(239,239,239,1) 0%,rgba(239,239,239,0) 100%);
			background: linear-gradient(to left, rgba(239,239,239,1) 0%,rgba(239,239,239,0) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#00efefef',GradientType=0 );
			width:50px;
			height:100%;
			max-height:300px;
			padding:0px;
			z-index:1000;
			right:50px;
			top:0;
		} */
		.img-container {
			width:auto;
			height:80px;
			margin-bottom:10px;
		}
	}
	/*END TABLETS*/


	/*START PHONES*/
	@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
		.customer-references .column{
			width: 100%;
			padding:0px;
			text-align:center;
			margin-top:5px;
		}
		.why-to-join li{
			padding-left: 0;
			text-align: left;
		}
		.why-to-join li h2{
			text-align: center;
			margin-top: 15px;
		}
		.why-to-join li img{
			float: none;
			margin-left: 0;
			margin-top: 30px;
			width: 40px;
  			height: auto;
		}
		.why-to-join li+li{
			margin-top: 0;
		}
		.what-you-get,
		.contact-us{
			padding-left: 20px;
			padding-right: 20px;
			padding-bottom: 20px;
		}
		.customer-references .laptop-img{
			max-width: 100%;
			float:left;
			display:block;
			padding-top:20px;
			padding-bottom:45px;
			clear:both;
		}
		.mascus-customer_references-icons {
			margin-top:0px;
			width:75px !important;
		}
		.customer-references .mobile-img{
			text-align:center;
		}
		.customer-references .getnow-img{
			margin:8px auto;
		}
		.customer-references h4{
			font-size:16px;
			line-height:14pt;
		}
		.customer-references h2{
			word-wrap:break-word;
			margin:0 auto;
			font-size:24px;
		}
		.customer-references h3{
			font-size:24px;
			line-height: 30px;
		}
		.customer-references h3:after {
			content:url("../images/q222.png");
			position:relative;
			 bottom:-7px;
			 right:-10px;
			 z-index:10;
			 opacity:0.2; 
		} 
		.quotationm {
			position:absolute;
			top:0px;
			left:-25px;
			z-index:10;
			opacity:0.2;
			width:15px;
		}
		.customer-references h5{
			line-height:12pt;
		}
		.customer-references .column-3{
			width:100%;
			min-height:180px;
		}
		.customer-references .title-icons{
			/* max-width:275px; */
			display: block;
			clear:both;
			float: left;
			left:10px;
			top:0px;
			margin: 15px auto;
			position: relative;
			width: 100%;
			text-align: left;
			padding:0px 10px 0px 10px;
			box-sizing:border-box;
		}
		.customer-references .container-title{
			width:100%;
			height:auto;
			position: relative;
			top: 0px;
			left: 0;
			right: 0;
			text-align:left;
			margin:0 auto;
			float: none;
		}
		.customer-references .container-title-bottom{
			width:100%;
			height:auto;
			position: relative;
			top: -80px;
			text-align:left;
			margin:0 auto;
			float: none;
		}
		.customer-references .column-first{
			height: auto;
			background-color:#fff;
			padding:10px 0px 30px 0px;
		}
		.customer-references .info {
			position:absolute;
			bottom:40px;
			right:40px;
		}
		.customer-references .leads:before{
			background-size: 55px 55px;
			width: 55px;
			height: 65px;
			background-repeat:no-repeat;
		}
		.customer-references .globe:before{
			background-size: 55px 55px;
			width: 55px;
			height: 65px;
			background-repeat:no-repeat;
		}
		.sliding-element {
			width:100%;
			height: auto;
			margin:0 auto;
			padding:65px 40px !important;
		}
		.single-item-rtl {
			width:100%;
			height:auto;
			padding:0px;
			overflow:hidden;
		}
		
		.customer-references .reference {
			width:100%;
			max-width:500px;
			margin: 20px auto 20px auto;
			display:block;
			padding-left:40px;
			padding-right:40px;
		}
		.fade_left {
			visibility: hidden;
		}
		.fade_right {
			visibility: hidden;
		}
		.img-container {
			height:auto;
			margin-bottom:20px;
			padding-top:0px;
			width:auto;
			float:left;
			margin-left:0px;
		}
		.img-container img {
			max-height:40px;
		}
		.txt-container {
			display:block;
			clear:both;
			height:auto;
			text-align:left;
			padding-bottom:20px;
		}
		.slick-prev {
			left:-20px;
		}
		.slick-next {
			right:-20px;
		}
		.slick-prev:hover {
			left:-10px;
		}
		.slick-next:hover {
			right:-10px;
		}
		.customer-references .more-info {
			width:100px;
			height:25px;
			right:50px;
			bottom:40px;
		}
		.customer-references .more-info:hover {
			background-color:#ff6633;
			-webkit-transition: translateY(1px) linear ease-in;
			-moz-transition: translateY(1px) linear ease-in;
			-o-transition: translateY(1px) linear ease-in;
			transform: translateY(1px) linear ease-in;
			box-shadow: none;
		}
		.customer-references .more-info:active {
			background-color:#d44700;
		}
	}
	/*END PHONES*/

/*END RESPONSIVE STYLES FOR SALES PAGE*/