@font-face {
	font-family: 'Conv_GE_SS_Two_Light';
	src: url('fonts/GE_SS_Two_Light.eot');
	src: local('☺'), url('fonts/GE_SS_Two_Light.woff') format('woff'), url('fonts/GE_SS_Two_Light.ttf') format('truetype'), url('fonts/GE_SS_Two_Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_GE_SS_Two_Medium';
	src: url('fonts/GE_SS_Two_Medium.eot');
	src: local('☺'), url('fonts/GE_SS_Two_Medium.woff') format('woff'), url('fonts/GE_SS_Two_Medium.ttf') format('truetype'), url('fonts/GE_SS_Two_Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Hacen Casablanca';
	src: url('fonts/Hacen Casablanca.eot');
	src: local('☺'), url('fonts/Hacen Casablanca.woff') format('woff'), url('fonts/Hacen Casablanca.ttf') format('truetype'), url('fonts/Hacen Casablanca.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

a:link {
	text-decoration: none;
	cursor: auto;
}
/*Main CSS Begins*/
.no-padding{
	padding: 0rem !important;
}
.no-padding-left{
	padding-left: 0em !important;
}
.no-padding-right{
	padding-right: 0em !important;
}
.no-margin{
	margin: 0em !important;
}
.no-margin-left{
	margin-left: 0em !important;
}
.no-margin-right{
	margin-right: 0em !important;
}
.margin-center{
	margin: auto !important;
	display: block !important;
	float: none !important;
}
.text-center{
	text-align: center;
}
p{
	margin-bottom: 0px !important;	
}
a{
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
a:foucs{
	text-decoration: none;
}
li{
	list-style: none;
}
ul{
	margin: 0px !important;
	padding: 0px !important;
}
/*Main CSS Ends*/

/* Hydro Water Technology CSS */
body{
	direction: rtl;
	text-align: right;
	-webkit-transition: 500ms ease-out 1s;
	-moz-transition: 500ms ease-out 1s;
	-o-transition: 500ms ease-out 1s;
	transition: 500ms ease-out 1s;
	/*height: auto !important;*/
	overflow-x: hidden;
	font-family: 'Conv_Hacen Casablanca';
	color:#000000;
}
body.animated {
    -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
.blur {
     /* Any browser which supports CSS3 */
    filter: blur(2px);

    /* Firefox */
    -moz-filter: blur(2px);

    /* Webkit */
    -webkit-filter: blur(2px);

    /* Opera */
    -o-filter: blur(2px);

}
header{
	padding-top: 20px;
	position: absolute;
	z-index: 1;
	z-index: 999999999;
	margin: 0px auto;
	left: 0px;
	right: 0px;
}
.bx-wrapper{
	height: 100%;
}
.bx-wrapper .bx-pager {
    bottom: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #F7F7F7;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #90C320;
}
.matrix{
	transform-origin: 50px 50px;
	transform: rotate(49.3deg);
	position: absolute;
	left: -121px;
	background: #E5E5E5;
	width: 1630px;
	height: 1410px;
	top: -60px;
	z-index: 99999999999;
}
.matrix img{
	position: absolute;
	right: 760px;
	z-index: 9999999999999;
	transform: rotate(-49.5deg);
	top: -352px;
	width: 37.6%;
}
.logo img{
	width: 55%;
	margin: auto;
}
.desktop-menu{
	text-align: center;
}
.desktop-menu li{
	display: inline-block;
	padding: 20px;
	vertical-align: top;
}
.desktop-menu li a{
	font-family: Conv_GE_SS_Two_Medium !important;
	font-size: 14px;
	color: #000000;
	cursor: pointer;
	font-weight: 600;
}
.langauge input{
	background: #80af1c;
	border: 0px;
	padding: 13px;
	color: white;
	font-family: Conv_Hacen Casablanca;
	font-size: 15px;
	font-weight: 300;
}
.langauge{
	margin-top: 0px;
}
.langauge a{
	cursor: pointer;
}
.arabic:after{
	content: '';
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 7px 8px 0px 8px;
	border-color: rgb(144, 195, 32) rgba(144, 195, 32, 0) rgba(84, 103, 44, 0) rgba(218, 38, 38, 0);
	position: relative;
	top: 10px;
	left: 0px;
	right: 6px;
	margin: auto;
}
.english:after{
	content: '';
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 7px 8px 0px 8px;
	border-color: rgb(144, 195, 32) rgba(144, 195, 32, 0) rgba(84, 103, 44, 0) rgba(218, 38, 38, 0);
	position: relative;
	top: 10px;
	left: 0px;
	right: 6px;
	margin: auto;
}
.english, .arabic{
	top: 13px;
	position: relative;
}
.langauge li{
	display: inline-block;
	margin: 0px 10px;
}

.installment-holder{
	position:fixed;
	top: 30%;
	left: 0px;
	z-index: 999;
	opacity: 1;
}
.installment{
	position: relative;
	width: 300px;
	height: 400px;
	float: left;
	border-radius: 0px 10px 10px 0px;
	display:none;
}
.installment img{
	width: 100%;
	height: 100%;
}
.installment-before{
	content: '';
	position: absolute;
	width: 100px;
	height: 40px;
	background: #0B7BB0;
	z-index: 999;
	float: left;
	top: -40px;
	left: 0px;
	border-radius: 0px 10px 10px 0px;
	padding: 10px 18px;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
}
.current{
	font-family: Conv_GE_SS_Two_Medium !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	color: #82b11d !important;
}
.current:after{
	content: url(../img/current-img.png);
	position: relative;
	top: 10px;
	float: none;
	margin: auto;
	display: block;
}
.home-page-background{
	width: 100%;
	position: relative;
	overflow: hidden;
}
.description-inside-item-owl{
	position: absolute;
}
.home-page-container {
    position: absolute;
    z-index: 9;
    top: 40px;
    left: 0px;
    right: 0px;
}
.slider-description {
	position: absolute;
	text-align: center;
	right: 100px;
	top: 156px;
	z-index: 1;
}
.slider-description h1{
	font-family: Conv_Hacen Casablanca;
	font-size: 45px;
	background: -webkit-linear-gradient(right, #025a9e, #12afe5, #025a9e);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	line-height: 45px;
}
.slider-description h2{
	font-family: Conv_GE_SS_Two_Medium;
	color: #5ac554;
	font-size: 20px;
	line-height: 15px;
}
.slider-description h3{
	font-family: Conv_Hacen Casablanca;
	color: #08a03b;
	font-size: 30px;
	line-height: 15px;
}
.slider-description h3 span{
	font-family: Conv_Hacen Casablanca;
	color: #3399e1;
	font-size: 30px;
}
.swiper-container {
	width: 100%;
	height: 100%;
	background: #fff;
}
.swiper-slide {
	font-size: 18px;
	color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 40px 60px;
}
.parallax-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
}
.swiper-slide .title {
	font-size: 41px;
	font-weight: 300;
}
.swiper-slide .subtitle {
	font-size: 21px;
}
.swiper-slide .text {
	font-size: 14px;
	max-width: 400px;
	line-height: 1.3;
}
.product-slider{
	position: absolute;
	z-index: 99999;
	left: 115px;
	top: 110px;
}
.home-page .ms-thumbs-cont{
	width: 90px !important;
	left: -140px !important;
	height: 30px !important;
}
.products .ms-thumbs-cont{
	width: 90px !important;
	left: 0px !important;
	height: 30px !important;
	right: 0px !important;
	margin: auto;
}
.video-container {
	position: absolute;
	top: 300px;
	left: 300px;
	height: 273px;
	width: 684px;
	display: block;
	overflow: hidden;
	z-index: 9999;
}
.home-page-background-after{
	background: url('../img/hydro-water-technology-after.jpg') no-repeat;
	width: 100%;
	height: 700px;
	position: relative;
	z-index: 0;
	background-size: 100%;
	margin-bottom: 60px;
}
.water-cup-after-header{
	padding: 48px 0px 20px;
}
.water-cup-after-header-div p{
	font-family: "Conv_Hacen Casablanca";
	font-size: 13px;
	line-height: 20px;
	text-align: justify;
	color: #ffffff;
}
.after-slider-description{
	padding: 70px 0px 0px;
}
.after-slider-description h3:first-of-type{
	font-family: Conv_Hacen Casablanca;
	font-size: 60px;
	background: -webkit-radial-gradient(circle, #dd8123, #252220);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin: 2px 0px;
}
.after-slider-description h3:nth-of-type(2){
	font-family: Conv_Hacen Casablanca;
	font-size: 40px;
	background: -webkit-radial-gradient(circle, #dd8123, #252220);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin: 2px 0px;
}
.after-slider-description h3:last-of-type{
	font-family: Conv_Hacen Casablanca;
	font-size: 30px;
	background: -webkit-radial-gradient(circle, #dd8123, #252220);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin: 2px 0px;
}
.social-media-green{
	position: absolute;
	top: 30px;
	left: 24%;
	z-index: 9;
}
#channal-one{
	background: url('../img/bottom-arrow.png');
	width: 75px;
	height: 75px;
	background-size: 100% 100%;
	position: absolute;
	bottom: 120px;
	right: 200px;
}
/* TABS */
.tabs{
	padding: 0px 0px 20px;
}
.tabs h2{
	padding: 30px 0px 20px;
	margin: 0px;
	font-size: 30px;
	font-family: "Conv_Hacen Casablanca";
	color: #2f81cc;
	border-bottom: 1px solid #bfc1c2;
	font-weight: 600;
}
.tabs p{
	padding: 15px 0px;
    margin: 0px;
    font-size: 15px;
    font-family: "Conv_Hacen Casablanca";
    color: #000000;
    line-height: 25px;
    letter-spacing: 0em;
}
.tabs img{
	width: 100%;
}
/* Parallex Section */
.parallex-scetion{
	background: #1e70a1;
	min-height: 350px;
	position: relative;
	z-index: 0;
	-webkit-transform: translateZ(0)
}
.parallax-window {
	background: transparent;
}
.white-right-top{
	position: absolute;
	width: 55px;
	height: 127px;
	top: 0px;
	right: 0px;
	background: #ffffff;
	z-index: 2;
}
.white-right-top:after{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 67px 80px 60px 87px;
	border-color: rgb(255, 255, 255) rgb(255, 255, 255) rgba(30, 112, 161, 0) rgba(30, 112, 161, 0);
	position: absolute;
	top: 0px;
	right: 55px;
}
.white-right-top-again{    
	position: absolute;
	width: 18px;
	height: 127px;
	top: 70px;
	right: 0px;
	background: rgb(29, 82, 148);
	z-index: 1;
}
.white-right-top-again:after{
	content: "";
	width: 0;
	height: 127px;
	border-style: solid;
	border-width: 99px 104px 98px 101px;
	border-color: #1d5294 #1d5294 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
	position: absolute;
	top: -70px;
	right: 18px;
}
.home-page .ms-showcase3-template, .home-page .ms-container {
	background: none;
	background-size: 600px 36%;
}
.products .ms-tooltip-point{
	display: none
}
/* Inner Pages */
#html5-watermark{
	display: none !important;
}
.inner-pages .slider-description {
       position: absolute;
    text-align: center;
    right: 462px;
    top: 195px;
    z-index: 1;
}
.inner-pages .slider-description h2:first-child{
	font-family: Conv_Hacen Casablanca;
	font-size: 45px;
	background: -webkit-linear-gradient(right, #025a9e, #12afe5, #025a9e);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	line-height: 45px;
}
.inner-pages .slider-description h2{
	font-family: Conv_GE_SS_Two_Medium;
	color: #5ac554;
	font-size: 20px;
	line-height: 15px;
}
.inner-pages .slider-description h3{
	font-family: Conv_Hacen Casablanca;
	color: #08a03b;
	font-size: 30px;
	line-height: 15px;
}
.inner-pages .slider-description h3 span{
	font-family: Conv_Hacen Casablanca;
	color: #3399e1;
	font-size: 30px;
}
.home-page-background-after-inner{
	background: url('../img/hydro-water-technology-after-inner-pages.jpg') no-repeat;
	width: 100%;
	height: 700px;
	position: relative;
	z-index: 0;
	background-size: 100%;
}
.inner-pages>div:nth-of-type(1)>img:first-of-type{
	width: 100%;
	position: relative;
}
.about .first-section, .about .third-section, .about .fourth-section{
	margin-bottom: 20px;
}
.about .first-section h2, .about .second-section h2, .about .third-section h2, .about .fourth-section h2{
	padding: 20px 0px;
	margin: 20px 0px;
	font-size: 22px;
    font-family: "Conv_GE_SS_Two_medium";
	color: #2f81cc;
	border-bottom: 1px solid #bfc1c2;
}
.about .first-section p{
	color: #000000;
    padding-bottom: 10px;
    font-size: 20px;
    line-height: 40px;
}
.about .second-section p{
	line-height: 40px;
	font-size: 20px;
	color: #000000;
}
.about .second-section h3{
	padding: 20px 0px;
	margin: 20px 0px;
	font-size: 18px;
	font-family: "Conv_Hacen Casablanca";
	color: #2f81cc;
	border-bottom: 1px solid #bfc1c2;
}
.about .second-section li{
	list-style-type: disc;
    margin: 5px 15px;
    color: #2F81CC;
    font-size: 20px;
    line-height: 40px;
}
.about .third-section ul{
	margin: 0px 0px 20px !important;
}
.about .third-section p{
	line-height: 40px;
	font-size: 20px;
	color: #000000;
}
.about .third-section li{
	list-style-type: disc;
	margin: 10px 15px;
	color: #2F81CC;
    font-size: 20px;
    line-height: 40px;
}
.image_tn{
	float: right !important;
}
.image_tn img{
	width: 100%;
}
.image_tn h3{
	color: #2F81CC;
	font-size: 14px;
}
.products{
}
.products h1, .about h1, .information h1, .contact h1, .services h1{
	padding: 20px 0px;
	margin: 20px;
	font-size: 30px;
	font-family: "Conv_Hacen Casablanca";
	color: #2f81cc;
	border-bottom: 1px solid #bfc1c2;
}
.our-products{
	padding: 20px 0px;
	margin: 0px;
	font-size: 25px;
	font-family: "Conv_Hacen Casablanca";
	color: #2f81cc;
}
.products .btn-success{
	background: #80af1c;
	border-color: #749f1a;
}
.product-inside h1{
	direction: ltr;
}
.btn-details{
	padding: 10px 0px;
	text-align: center;
}
.ms-showcase1{
	padding: 20px 0px 70px;
}
.ms-showcase1 .ms-slide-bgcont img{
	float: left;
	margin-left: 8% !important;
}
.product-specs-title{
	padding: 40px 0px 0px;
	color: #2f81cc;
}
.product-specs{
	padding: 20px 0px;
}
.product-specs li{
	font-size: 20px;
    line-height: 40px;
    letter-spacing: 0em;
	color: #000000;
}
.product-specs span{
	font-weight: 600;
	padding: 0px 0px 0px 5px
}
.product-specs h3{
	color: #2f81cc;
	padding: 15px 0px;
}
.back{
	background: url('../img/back.png');
	width: 50px;
	height: 50px;
	border: none;
	top: 40px;
	position: relative;
	background-size: 100%;
	right: 30px;
	z-index: 999999;
	outline: none;
	outline: 0px;
}
.col-item
{
	border: 1px solid #E1E1E1;
	border-radius: 5px;
	background: #FFF;
}
.col-item .photo img
{
	margin: 0 auto;
	width: 100%;
}

.col-item .info
{
	padding: 10px 10px 0px;
	border-radius: 0 0 5px 5px;
	margin-top: 1px;
}

.col-item:hover .info {
	background-color: rgba(47, 129, 204, 0.16);
}
.col-item .price
{
	/*width: 50%;*/
	float: left;
	margin-top: 5px;
}

.col-item .price h5
{
	line-height: 20px;
	margin: 0;
}

.price-text-color
{
	color: #219FD1;
}

.col-item .info .rating
{
	color: #777;
}

.col-item .rating
{
	/*width: 50%;*/
	float: left;
	font-size: 17px;
	text-align: right;
	line-height: 52px;
	margin-bottom: 10px;
	height: 52px;
}

.col-item .separator
{
	border-top: 1px solid #E1E1E1;
}

.clear-left
{
	clear: left;
}

.col-item .separator p
{
	line-height: 20px;
	margin-bottom: 0;
	margin-top: 10px;
	text-align: center;
}

.col-item .separator p i
{
	margin-right: 5px;
}
.col-item .btn-add
{
	width: 50%;
	float: left;
}

.col-item .btn-add
{
	border-right: 1px solid #E1E1E1;
}

.col-item .btn-details
{
	width: 50%;
	float: left;
	padding-left: 10px;
}
.controls
{
	margin-top: 20px;
}
[data-slide="prev"]
{
	margin-right: 10px;
}
.content{
	padding: 20px 0px;
}
.content h3{
	font-family: "Conv_Hacen Casablanca";
	color: #2f81cc;
}
.content address{
	padding: 20px 0px;
}
.content address{
	float: right;
	padding: 5px;
}
.content address p{
	padding: 5px 0px;
    font-size: 19px;
    line-height: 40px;
	color: #000000;
}
.content strong{
	float: right;
	padding-left: 5px;
	color: #79a71b;
}
.content button{
	background: #80af1c;
	border-color: #79a71b;
}
.content button:hover{
	background: #79a71b;
	border-color: #80af1c;
}
#map{
	height: 250px;
}

.services .blogShort{ 
	border-bottom: 1px solid #ddd;
}
.services .add{
	background: #333; 
	padding: 10%; 
	height: 300px;
}
.services .nav-sidebar { 
	width: 100%;
	padding: 30px 0; 
	border-left: 1px solid #ddd;
}
.services .nav-sidebar a {
	color: #333;
	-webkit-transition: all 0.08s linear;
	-moz-transition: all 0.08s linear;
	-o-transition: all 0.08s linear;
	transition: all 0.08s linear;
}
.services .nav-sidebar .active a { 
	cursor: default;
	background-color: #0b56a8; 
	color: #fff; 
}
.services .nav-sidebar .active a:hover {
	background-color: #75B322;   
}
.services .nav-sidebar .text-overflow a,
.services .nav-sidebar .text-overflow .media-body {
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis; 
}
.services .btn-blog {
	color: #ffffff;
	background-color: #E50000;
	border-color: #E50000;
	border-radius: 0;
	margin-bottom: 10px
}
.services .btn-blog:hover,
.services .btn-blog:focus,
.services .btn-blog:active,
.services .btn-blog.active,
.services .open .dropdown-toggle.btn-blog {
	color: white;
	background-color: #0b56a8;
	border-color: #0b56a8;
}
.services article h2{
	color: #333333;
}
.services h2{
	color: #0b56a8;
}
.services .margin10{
	margin-bottom: 10px;
	margin-right: 10px;
}
.services .container .text-style
{
	text-align: justify;
	line-height: 23px;
	margin: 0 13px 0 0;
	font-size: 19px;
}
.services .text-style h2{
	padding: 0px 0px 20px;
	margin: 0px 0px 20px;
	font-size: 30px;
	font-family: "Conv_Hacen Casablanca";
	color: #2f81cc;
	border-bottom: 1px solid #bfc1c2;
}
.services .text-style p{
	font-size: 15px;
	line-height: 30px;
}
.services-numberic h3{
	margin: 20px 0px;
	padding: 0px;
	font-family: "Conv_Hacen Casablanca";
	color: #2F81CC;
}
.services-numberic li{    
	list-style-type: arabic-indic;
    line-height: 40px;
    font-size: 20px;
    margin-right: 16px;
	color: #000000;
}
.services-holder > p {
	font-size: 20px;
    line-height: 40px;
    margin: 10px 0px;
	color: #000000;
}
.informaton-topic-title h2{
	color: #2F81CC;
	padding: 30px 0px;
}
.informaton-topic-title p{
	padding: 25px 0px;
	font-size: 20px;
}

.information .blogShort{ 
	border-bottom: 1px solid #ddd;
}
.information .add{
	background: #333; 
	padding: 10%; 
	height: 300px;
}
.information .nav-sidebar { 
	width: 100%;
	padding: 30px 0; 
	border-left: 1px solid #ddd;
}
.information .nav-sidebar a {
	color: #000000;
	-webkit-transition: all 0.08s linear;
	-moz-transition: all 0.08s linear;
	-o-transition: all 0.08s linear;
	transition: all 0.08s linear;
}
.information .nav-sidebar .active a { 
	cursor: default;
	background-color: #0b56a8; 
	color: #fff; 
}
.information .nav-sidebar .active a:hover {
	background-color: #75B322;   
}
.information .nav-sidebar .text-overflow a,
.information .nav-sidebar .text-overflow .media-body {
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis; 
}
.information .btn-blog {
	color: #ffffff;
	background-color: #E50000;
	border-color: #E50000;
	border-radius: 0;
	margin-bottom: 10px
}
.information .btn-blog:hover,
.information .btn-blog:focus,
.information .btn-blog:active,
.information .btn-blog.active,
.information .open .dropdown-toggle.btn-blog {
	color: white;
	background-color: #0b56a8;
	border-color: #0b56a8;
}
.information article h2{
	color: #333333;
}
.information h2{
	color: #2F81CC;
}
.information .margin10{
	margin-bottom: 10px;
	margin-right: 10px;
}
.information .container .text-style
{
	text-align: justify;
	line-height: 23px;
	margin: 0 13px 0 0;
	font-size: 19px;
}
.information-holder{
	display: flex;	
}
.information .text-style h3{
	padding: 0px 0px 20px;
	margin: 0px 0px 20px;
	font-family: "Conv_Hacen Casablanca";	
	border-bottom: 1px solid #bfc1c2;
	color: #000000;
}
.information .text-style p{
	font-size: 20px;
	line-height: 40px;
	color: #000000;
}
.information-numberic > li{
	list-style-type: arabic-indic;
    line-height: 40px;
    font-size: 20px;
	color: #000000;
}
.information-numberic > li:last-of-type{
	line-height: 30px;
	font-size: 15px;
	font-weight: 600;
}
.information-numberic > li:last-of-type p{
	text-decoration: underline;
}
.information-numberic > li:last-of-type > ul > li{
	line-height: 40px;
    font-size: 20px;
    font-weight: 100;
    text-decoration: none;
    list-style-type: disc;
    margin-right: 16px;
    color: #2F81CC;
}
.products .ms-bullets-count{
	top: 70px;
}
.products .ms-bullets-count div:nth-of-type(1){
	width: 100px;
	height: 100px;
	border-radius: 50% !important;
	background: url('../img/123123.jpg');
	background-size: 100% 100% 
}
.products .ms-bullets-count div:nth-of-type(2){
	width: 100px;
	height: 100px;
	border-radius: 50% !important;
	background: url('../img/1231232.jpg');
	background-size: 100% 100% 
}
.products .ms-bullets-count div:nth-of-type(3){
	width: 100px;
	height: 100px;
	border-radius: 50% !important;
	background: url('../img/1231234.jpg');
	background-size: 100% 100% 
}
.products .ms-bullets-count div:nth-of-type(4){
	width: 100px;
	height: 100px;
	border-radius: 50% !important;
	background: url('../img/1231233.jpg');
	background-size: 100% 100% 
}
.products .ms-bullets-count div:nth-of-type(5){
	width: 100px;
	height: 100px;
	border-radius: 50% !important;
	background: url('../img/1231235.jpg');
	background-size: 100% 100% 
}
.products .ms-skin-light-6 .ms-bullet-selected{

	border: 0px !important;
}
.products .ms-skin-light-6 .ms-bullet-selected:after {
	content: '';
	width: 100px;
	height: 100px;
	background: rgba(218, 218, 218, 0.49);
	position: absolute;
	border-radius: 50%;
	top: 3px;
}
.products .ms-slide-layers{
	left: -30px !important;
}
/* /Inner Pages */
/* Footer */
footer{
	background: #2c2c2c;
	min-height: 350px;
	border-top: 5px solid #fff;
	position: relative;
}
.white-left-bottom{
	position: absolute;
	width: 55px;
	height: 127px;
	bottom: 0px;
	left: 0px;
	background: #ffffff;
}
.white-left-bottom:after{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 60px 87px 67px 80px;
	border-color: rgb(44, 44, 44) #2C2C2C rgb(255, 255, 255) rgb(255, 255, 255);
	position: absolute;
	top: 0px;
	left: 55px;
	z-index: 0;
}
.water-cup{
	padding: 63px 0px 20px;
}
.logo-footer{
	padding: 55px 25px 20px;
}
.footer-water-cup{
	font-family: "Conv_Hacen Casablanca";
	font-size: 13px;
	line-height: 20px;
	text-align: justify;
	color: #b6b6b6;
}
.footer-socials-icon{
	float: right;
}
.footer-socials-icon li{
	display: inline-block;
	margin: 0px 2px;
	float: left;
}
.top-arrow{
	width: 35px;
	height: 35px;
	position: absolute;
	right: 20px;
	bottom: 20px;
	background: url('../img/top-arrow.png');
	cursor: pointer;
}
.after-footer{
	background: white;
	width: 100%;
	height: 110px;
	position: relative;
	z-index: 5;
}
.slicknav_menu {
	display: none;
}
.copyright ul{
	font-family: Conv_Hacen Casablanca;
	direction: ltr;
}
.copyright li{
	    display: inline-block;
    direction: ltr;
    margin-top: 30px;
}
/* /Footer */
/*Media Query*/
@media screen and (max-width: 1800px) {
	.slider-description {
		position: absolute;
		text-align: center;
		right: 123px;
		top: 144px;
		z-index: 1;
	}
.inner-pages .slider-description {
           position: absolute;
    text-align: center;
    right: 422px;
    top: 180px;
    z-index: 1;
}
	.product-slider {
		position: absolute;
		z-index: 99999;
		left: 135px;
		top: 140px;
	}
}
@media screen and (max-width: 1700px) {
	.slider-description {
		position: absolute;
		text-align: center;
		right: 143px;
		top: 170px;
		z-index: 1;
	}
	.product-slider {
		position: absolute;
		z-index: 99999;
		left: 115px;
		top: 120px;
		width: 50%;
	}
.inner-pages .slider-description {
               position: absolute;
    text-align: center;
    right: 392px;
    top: 170px;
    z-index: 1;
}
	.home-page .ms-thumbs-cont {
		width: 90px !important;
		left: -220px !important;
		height: 30px !important;
	}
}
@media screen and (max-width: 1600px) {
	.slider-description {
		position: absolute;
		text-align: center;
		right: 157px;
		top: 120px;
		z-index: 1;
	}
	.product-slider {
		position: absolute;
		z-index: 99999;
		left: 155px;
		top: 80px;
		width: 40%;
	}
.inner-pages .slider-description {
      position: absolute;
    text-align: center;
    right: 354px;
    top: 157px;
    z-index: 1;
}
	.home-page .ms-thumbs-cont {
		width: 90px !important;
		left: -160px !important;
		height: 30px !important;
	}
	.after-slider-description {
		padding: 50px 0px 0px;
	}
	.water-cup-after-header {
		padding: 28px 0px 20px;
	}
	.social-media-green {
		position: absolute;
		top: 22px;
		left: 24%;
		z-index: 9;
	}
}
@media screen and (max-width: 1500px) {
	.slider-description {
		position: absolute;
		text-align: center;
		right: 152px;
		top: 110px;
		z-index: 1;
		width: 30%;
	}
	.product-slider {
		position: absolute;
		z-index: 99999;
		left: 225px;
		top: 120px;
		width: 30%;
	}
.inner-pages .slider-description {
          position: absolute;
    text-align: center;
    right: 254px;
    top: 147px;
    z-index: 1;
}
	.home-page .ms-thumbs-cont {
		width: 90px !important;
		left: -110px !important;
		height: 30px !important;
	}
}
@media screen and (max-width: 1440px) {
	.product-slider {
		position: absolute;
		z-index: 99999;
		left: 248px;
		top: 85px;
		width: 30%;
	}
	.slider-description {
		position: absolute;
		text-align: center;
		right: 159px;
		top: 105px;
		z-index: 1;
	}
.inner-pages .slider-description {
    position: absolute;
    text-align: center;
    right: 248px;
    top: 152px;
    z-index: 1;
}
	.home-page .ms-thumbs-cont {
		width: 90px !important;
		left: -110px !important;
		height: 30px !important;
	}
	.slider-description h1 {
		font-family: Conv_Hacen Casablanca;
		font-size: 35px;
		background: -webkit-linear-gradient(right, #025a9e, #12afe5, #025a9e);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		line-height: 45px;
		margin-top: 10px;
		margin-bottom: 0px;
	}
	.slider-description h2 {
		font-family: Conv_GE_SS_Two_Medium;
		color: #5ac554;
		font-size: 15px;
		line-height: 15px;
		margin-top: 10px;
		margin-bottom: 0px;
	}
	.slider-description h3 {
		font-family: Conv_Hacen Casablanca;
		color: #08a03b;
		font-size: 20px;
		line-height: 15px;
		margin-top: 10px;
		margin-bottom: 0px;
	}
	.slider-description h3 span {
		font-family: Conv_Hacen Casablanca;
		color: #3399e1;
		font-size: 20px;
	}
	.social-media-green {
		position: absolute;
		top: 16px;
		left: 24%;
		z-index: 9;
	}
	.water-cup-after-header {
		padding: 18px 0px 10px;
	}
	.after-slider-description {
		padding: 20px 0px 0px;
	}
}
@media screen and (max-width: 1400px) {
	.product-slider {
		position: absolute;
		z-index: 99999;
		left: 248px;
		top: 85px;
		width: 30%;
	}
	.slider-description {
		position: absolute;
		text-align: center;
		right: 168px;
		top: 100px;
		z-index: 1;
	}
.inner-pages .slider-description {
   position: absolute;
    text-align: center;
    right: 242px;
    top: 148px;
    z-index: 1;
}
	.home-page .ms-thumbs-cont {
		width: 90px !important;
		left: -105px !important;
		height: 30px !important;
	}
}
@media screen and (max-width: 1366px) {
	.product-slider {
		position: absolute;
		z-index: 99999;
		left: 265px;
		top: 70px;
		width: 25%;
	}
	.slider-description {
		position: absolute;
		text-align: center;
		right: 172px;
		top: 99px;
		z-index: 1;
	}
.inner-pages .slider-description {
       position: absolute;
    text-align: center;
    right: 236px;
    top: 143px;
    z-index: 1;
}
	.ms-showcase3-template .ms-thumb-list .ms-thumb-frame {
		width: 20px;
		height: 20px;
	}
	.ms-showcase3-template .ms-thumb-frame {
		border-radius: 50px;
		border: solid 2px #F1F1F1;
	}
	.home-page .ms-thumbs-cont {
		width: 90px !important;
		left: -65px !important;
		height: 30px !important;
	}
	.social-media-green {
		position: absolute;
		top: 23px;
		left: 24%;
		z-index: 9;
		width: 11%;
	}
	.water-cup-after-header-div p {
    font-family: "Conv_Hacen Casablanca";
    font-size: 13px;
    line-height: 17px;
    text-align: justify;
    color: #ffffff;
}
	#channal-one {
		background: url('../img/bottom-arrow.png');
		width: 50px;
		height: 50px;
		background-size: 100% 100%;
		position: absolute;
		bottom: 80px;
		right: 200px;
	}
}
@media screen and (max-width: 1300px) {
	.slider-description {
		position: absolute;
		text-align: center;
		right: 181px;
		top: 92px;
		z-index: 1;
	}
	.product-slider {
		position: absolute;
		z-index: 99999;
		left: 321px;
		top: 67px;
		width: 25%;
	}
.inner-pages .slider-description {
           position: absolute;
    text-align: center;
    right: 226px;
    top: 137px;
    z-index: 1;
}
	.after-slider-description h3:first-of-type {
		font-family: Conv_Hacen Casablanca;
		font-size: 50px;
		background: -webkit-radial-gradient(circle, #dd8123, #252220);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		margin: 2px 0px;
	}
	.after-slider-description h3:nth-of-type(2) {
		font-family: Conv_Hacen Casablanca;
		font-size: 30px;
		background: -webkit-radial-gradient(circle, #dd8123, #252220);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		margin: 2px 0px;
	}
	.after-slider-description h3:last-of-type {
		font-family: Conv_Hacen Casablanca;
		font-size: 22px;
		background: -webkit-radial-gradient(circle, #dd8123, #252220);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		margin: 2px 0px;
	}
	.after-slider-description {
		padding: 34px 0px 0px;
	}
}
@media screen and (max-width: 1280px) {
	.slider-description {
		position: absolute;
		text-align: center;
		right: 173px;
		top: 89px;
		z-index: 1;
	}
}
@media screen and (max-width: 1199px) {
	.desktop-menu li {
		display: inline-block;
		padding: 20px 15px;
	}
	.current:after {
    content: url(../img/current-img.png);
    position: relative;
    top: 10px;
    float: none;
    margin: auto;
    display: block;
	}
	.slider-description {
		position: absolute;
		text-align: center;
		right: 133px;
		top: 79px;
		z-index: 1;
	}
	.product-slider {
		position: absolute;
		z-index: 99999;
		left: 221px;
		top: 57px;
		width: 25%;
	}.inner-pages .slider-description {
    position: absolute;
    text-align: center;
    right: 206px;
    top: 124px;
    z-index: 1;
}
	.home-page .ms-thumbs-cont {
		width: 90px !important;
		left: -45px !important;
		height: 30px !important;
	}
}
@media screen and (max-width: 1170px) {
	.water-cup-after-header {
		padding: 9px 0px 10px;
	}
	.product-slider {
		position: absolute;
		z-index: 99999;
		left: 215px;
		top: 50px;
		width: 25%;
	}
	.slider-description {
		position: absolute;
		text-align: center;
		right: 139px;
		top: 76px;
		z-index: 1;
	}.inner-pages .slider-description {
    position: absolute;
    text-align: center;
    right: 206px;
    top: 120px;
    z-index: 1;
}
}
@media screen and (max-width: 1100px) {
	.water-cup-after-header-div p {
    font-family: "Conv_Hacen Casablanca";
    font-size: 13px;
    line-height: 14px;
    text-align: justify;
    color: #ffffff;
}
	.after-slider-description {
		padding: 14px 0px 0px;
	}
	.slider-description {
		position: absolute;
		text-align: center;
		right: 145px;
		top: 73px;
		z-index: 1;
	}
	.product-slider {
		position: absolute;
		z-index: 99999;
		left: 225px;
		top: 40px;
		width: 25%;
	}
	.inner-pages .slider-description {
    position: absolute;
    text-align: center;
    right: 188px;
    top: 112px;
    z-index: 1;
}
	.slider-description h1 {
		font-family: Conv_Hacen Casablanca;
		font-size: 25px;
		background: -webkit-linear-gradient(right, #025a9e, #12afe5, #025a9e);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		line-height: 25px;
		margin-top: 10px;
		margin-bottom: 0px;
	}
	.slider-description h2 {
		font-family: Conv_GE_SS_Two_Medium;
		color: #5ac554;
		font-size: 10px;
		line-height: 15px;
		margin-top: 10px;
		margin-bottom: 0px;
	}
	.slider-description h3 {
		font-family: Conv_Hacen Casablanca;
		color: #08a03b;
		font-size: 15px;
		line-height: 15px;
		margin-top: 10px;
		margin-bottom: 0px;
	}
}
@media screen and (max-width: 1024px) {
	.product-slider {
		position: absolute;
		z-index: 99999;
		left: 255px;
		top: 40px;
		width: 25%;
	}
	.slider-description {
		position: absolute;
		text-align: center;
		right: 121px;
		top: 64px;
		z-index: 1;
	}
	.inner-pages .slider-description {
    position: absolute;
    text-align: center;
    right: 178px;
    top: 104px;
    z-index: 1;
}
}
@media screen and (max-width: 1000px) {
	.product-slider {
		position: absolute;
		z-index: 99999;
		left: 255px;
		top: 40px;
		width: 25%;
	}
	.slider-description {
		position: absolute;
		text-align: center;
		right: 113px;
		top: 62px;
		z-index: 1;
	}
	.water-cup-after-header-div{
		padding: 0px 50px;
	}
	.parallex {
		background: #1e70a1;
		min-height: 230px;
		position: relative;
		z-index: 0;
	}
	footer {
		background: #2c2c2c;
		min-height: 320px;
		border-top: 5px solid #fff;
		position: relative;
	}
}
@media screen and (max-width: 991px) {
	.logo img {
		width: 16%;
		margin: auto;
	}
	.bx-wrapper .bx-pager {
    bottom: 0px;
}
.inner-pages>div:nth-of-type(1)>img:first-of-type {
    width: 100%;
    top: 50px;
    position: relative;
    padding-bottom: 50px;
}
.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 70%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}
	/*.ms-skin-light-6 .ms-nav-next {
		right: -30px;
		left: auto;
		background-position: -89px -106px;
	}
	.ms-skin-light-6 .ms-nav-prev {
		left: -30px;
		right: auto;
		background-position: -89px -254px;
	}*/
	.slicknav_menu .slicknav_icon {
		float: left;
		width: 1.125em;
		height: 0.875em;
		margin: 0.188em 0 0 0.028em;
	}
	.slicknav_menutxt{
		display: none !important;
	}
	.slicknav_menu {
		display: block;
	}
	#menu li{
		display: none
	}
	.slicknav_menu {
		font-size: 16px;
		box-sizing: border-box;
		background: rgba(160, 195, 6, 0);
		padding: 5px;
		position: absolute;
		z-index: 99999999999999999999999999999999999999;
	}
	.slicknav_btn {
		margin: 5px 5px 6px;
		text-decoration: none;
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		background-color: #80AF1C;
	}
	.slicknav_menu .slicknav_menutxt {
		color: #fff;
		font-weight: 300;
		text-shadow: 0 0px 0px #F9FCFD;
	}
	.slicknav_nav {
		color: #fff;
		margin: 0;
		padding: 0;
		font-size: 0.875em;
		list-style: none;
		overflow: hidden;
		background: rgb(160, 195, 6);
		width: 180%;
		border-radius: 5px;
		margin-right: 4px !important;
	}
	.slicknav_nav a:hover {
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		background: #80AF1C;
		color: #FFF;
	}
	.home-page-background{
		padding-bottom: 0px;
	}
	.products .ms-skin-light-6 .ms-bullets.ms-dir-h {
    position: relative;
    bottom: 80px;
    width: 100% !important;
    right: 0px;
    left: 0px;
    margin: auto;
}
.ms-skin-light-6 .ms-bullets.ms-dir-h .ms-bullets-count {
    position: relative;
    /* margin: auto; */
    max-width: 56%;
    float: none;
    display: block;
    right: 0px;
    left: 0px;
    margin: auto;
	}
.langauge {
    float: left !important;
    position: absolute;
    left: -5px;
    top: -20px;
}
	.langauge form{
		float: left !important;
	}
	.about-img img{
		width: 100%;
	}
	.after-slider-description, .slider-description, .matrix, .bottom-arrow, .product-slider{
		display: none;
	}
	.water-cup-after-header{
		width: 35%;
		padding: 5px 0px;
		margin: auto;
	}
	.water-cup-after-header-div {
		padding: 20px;
		float: right;
	}
	.water-cup-after-header-div p {
    font-family: "Conv_Hacen Casablanca";
    font-size: 10px;
    line-height: 21px;
    text-align: center;
    color: #ffffff;
}
	.social-media-green {
		position: absolute;
		top: 10px;
		left: 24%;
		z-index: 9;
		width: 11%;
	}
	.home-page-background-after {
		background: url('../img/hydro-water-technology-after.jpg') no-repeat;
		width: 100%;
		height: 700px;
		position: relative;
		z-index: 0;
		background-size: 100%;
		margin-bottom: 20px;
	}
	.logo-footer {
		padding: 10px 0px;
		margin: auto;
	}
	.services-holder {
		display: block;
	}
	.services .nav>li {
		position: relative;
		display: block;
		text-align: center;
		margin: auto;
		float: none;
	}
	.controls {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.item>div>div{
		padding-bottom: 20px	
	}
	.our-products {
		padding: 20px 0px;
		margin: 0px;
		font-size: 25px;
		font-family: "Conv_Hacen Casablanca";
		color: #2f81cc;
		text-align: center;
		border-bottom: 1px solid #bfc1c2;
	}
	.services .nav-sidebar {
		width: 100%;
		padding: 30px 0;
		border-left: 0px solid #ddd;
	}
	.information-holder {
		display: block;
	}
	.information .nav>li {
		position: relative;
		display: block;
		text-align: center;
		margin: auto;
		float: none;
	}
	.information .nav-sidebar {
		width: 100%;
		padding: 30px 0;
		border-left: 0px solid #ddd;
	}
	.footer-socials-icon li {
		display: inline-block;
		margin: 0px 2px;
		float: none;
	}
	.footer-socials-icon {
		float: none;
		text-align: center;
		padding: 20px 20px 110px !important;
	}
	.products .ms-bullets-count div:nth-of-type(1){
		width: 50px;
		height: 50px;
		border-radius: 50% !important;
		background: url('../img/123123.jpg');
		background-size: 100% 100% 
	}
	.products .ms-bullets-count div:nth-of-type(2){
		width: 50px;
		height: 50px;
		border-radius: 50% !important;
		background: url('../img/1231232.jpg');
		background-size: 100% 100% 
	}
	.products .ms-bullets-count div:nth-of-type(3){
		width: 50px;
		height: 50px;
		border-radius: 50% !important;
		background: url('../img/1231234.jpg');
		background-size: 100% 100% 
	}
	.products .ms-bullets-count div:nth-of-type(4){
		width: 50px;
		height: 50px;
		border-radius: 50% !important;
		background: url('../img/1231233.jpg');
		background-size: 100% 100% 
	}
	.products .ms-bullets-count div:nth-of-type(5){
		width: 50px;
		height: 50px;
		border-radius: 50% !important;
		background: url('../img/1231235.jpg');
		background-size: 100% 100% 
	}
	
	.products .ms-skin-light-6 .ms-bullet-selected:after {
		content: '';
		width: 50px;
		height: 50px;
		background: rgba(218, 218, 218, 0.49);
		position: absolute;
		border-radius: 50%;
		top: 3px;
	}
	
}
@media screen and (max-width: 768px) {
	.white-right-top {
		position: absolute;
		width: 57px;
		height: 127px;
		top: -2px;
		right: 0px;
		background: #ffffff;
		z-index: 2;
	}
	.white-left-bottom {
		position: absolute;
		width: 55px;
		height: 127px;
		bottom: -2px;
		left: 0px;
		background: #ffffff;
	}
	.white-left-bottom:after {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 60px 87px 67px 80px;
		border-color: rgb(44, 44, 44) #2C2C2C rgb(255, 255, 255) rgb(255, 255, 255);
		position: absolute;
		top: 0px;
		left: 50px;
		z-index: 0;
	}
	.water-cup-after-header-div {
		padding: 4px;
		float: right;
	}
	.water-cup-after-header-div p {
    font-family: "Conv_Hacen Casablanca";
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    color: #ffffff;
}
}
@media screen and (max-width: 850px) {

	.water-cup-after-header-div {
		padding: 15px;
		float: right;
	}
	.langauge li {
    display: inline-block;
    margin: 0px 3px;
}
}
@media screen and (max-width: 810px) {

	.langauge li {
    display: inline-block;
    margin: 0px 3px;
}
.langauge {
    float: left !important;
    position: absolute;
    left: -5px;
    top: -20px;
}
}
@media screen and (max-width: 720px) {

	.langauge {
    float: left !important;
    position: absolute;
    left: -5px;
    top: -20px;
}
}
@media screen and (max-width: 680px) {

	.water-cup-after-header-div {
		padding: 5px;
		float: right;
	}
	.langauge li {
    display: inline-block;
    margin: 0px 5px;
}
}
@media screen and (max-width: 640px) {
	
	.langauge {
    float: left !important;
    position: absolute;
    left: -5px;
    top: -20px;
}
}
@media screen and (max-width: 570px) {
	.water-cup-after-header-div p {
    font-family: "Conv_Hacen Casablanca";
    font-size: 8px;
    line-height: 7px;
    text-align: center;
    color: #ffffff;
}
	.langauge {
    float: left !important;
    position: absolute;
    left: -5px;
    top: -20px;
}
	.langauge li {
    display: inline-block;
    margin: 0px 5px;
}
}
@media screen and (max-width: 500px) {
	.information .nav>li {
		position: relative;
		display: block;
		text-align: center;
		margin: auto;
		float: none;
	}
	.services .nav>li {
		position: relative;
		display: block;
		text-align: center;
		margin: auto;
		float: none;
	}
	.langauge {
    float: left !important;
    position: absolute;
    left: -5px;
    top: -20px;
}
}

@media screen and (max-width: 450px) {
	.water-cup-after-header-div {
    padding: 4px;
    float: right;
}
	.water-cup-after-header-div p {
		font-family: "Conv_Hacen Casablanca";
		font-size: 6px;
		line-height: 6px;
		text-align: center;
		color: #ffffff;
	}
}
@media screen and (max-width: 420px) {
	
	.langauge {
    float: left !important;
    position: absolute;
    left: -5px;
    top: -20px;
}
}
@media screen and (max-width: 400px) {
	.water-cup-after-header-div {
    padding: 0px;
    float: right;
}
	.water-cup-after-header-div p {
		font-family: "arial";
		font-size: 6px;
		line-height: 6px;
		text-align: center;
		color: #ffffff;
	}
	
	.langauge {
    float: left !important;
    position: absolute;
    left: -10px;
    top: -20px;
}
}
@media screen and (max-width: 373px) {
	
	.langauge li {
    display: inline-block;
    margin: 0px;
    width: 30px;
}
	.langauge img{
    width:80%;
}
.langauge li {
    display: inline-block;
    margin: 0px -1px;
}
.arabic:after {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 7px 8px 0px 8px;
    border-color: rgb(144, 195, 32) rgba(144, 195, 32, 0) rgba(84, 103, 44, 0) rgba(218, 38, 38, 0);
    position: relative;
    top: 10px;
    left: 0px;
    right: 4px;
    margin: auto;
}
}

.mobile-menu .animate {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.mobile-menu .nav-controller {
	position: fixed;
	top: 15px;
	right: 40px;
	padding: 6px 6px 0px;
	border: 5px solid rgb(128, 175, 28);
	color: rgb(144, 195, 32);
	border-radius: 25px;
	font-size: 12pt;
	cursor: pointer;
	z-index: 300;
}

.mobile-menu nav ~ .nav-controller > .controller-open {
	display: inline-block;
}

.mobile-menu nav ~ .nav-controller > .controller-close {
	display: none;
}
.mobile-menu nav.focus ~ .nav-controller > .controller-open {
	display: none;
}

.mobile-menu nav.focus ~ .nav-controller > .controller-close {
	display: inline-block;
}

.mobile-menu nav {
	position: fixed;
	top: 0px;
	right: -100%;
	padding-top: 65px;
	padding-bottom: 15px;
	height: 100%;
	max-width: 200px;
	text-align: right;
	background-color: rgb(255, 255, 255);
	box-shadow: -3px 0px 3px 0px rgba(160, 160, 160, 0.30);
	z-index: 100;    
	overflow: auto;
}

.mobile-menu nav.focus {
	right: 0px;
}

.mobile-menu nav > .divider {
	content: '';
	border-bottom: 1px solid rgb(230, 230, 230);
	max-height: 1px;
	overflow: hidden;
	margin: 15px 0px;
}

.mobile-menu nav > h4,
.mobile-menu nav > p,
.mobile-menu nav > ul {
	padding: 0px 10px;
}

.mobile-menu nav > h4 {
	font-family: 'Anton', sans-serif;
}

.mobile-menu nav > ul {
	list-style: none;
}
.mobile-menu nav > ul > li {
	padding: 10px 30px;
}
.mobile-menu nav > ul > li > a {
	color: rgb(190, 190, 190);   
}
.mobile-menu nav > ul > li > a:hover {
	font-size: 1.1em;
	font-weight: 700;
	color: rgb(51, 51, 51);
	text-decoration: none;
}
.animate .current:after {
	content: url(../img/current-img.png);
	position: relative;
	right: 0px;
	top: 2px;
}
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}