@charset "utf-8";
/* CSS Document */

body{
	margin:0px;
	font-family: 'Montserrat', sans-serif;
	padding:0px;
}

.top	{
		min-height:100%;
		color:#273650;
		font-size:14px;
		background-color:transparent;
		font-family: 'Montserrat', sans-serif;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background:url(../img/header-bg.png);
  font-family: 'Montserrat', sans-serif;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 150px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 20px;
  color: #fff;
  display: block;
  text-align:center;
  transition: 0.3s;
  text-decoration:none;
}

.sidenav a:hover {
  color: #fff;
  letter-spacing:2px;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}



	padding:0em 0;
}





header	{
		width:100%;
		height:auto;
		z-index:999;
}



.banner-margin	{
}

.banner-img	{
		background:url(../img/bg.jpg);
		background-size:cover;
		background-position:center;
		background-repeat:no-repeat;
		min-height:100vh;
}

.abt_banner-img	{
		background:url(../img/abt-banner.jpg);
		background-size:cover;
		background-position:center;
		background-repeat:no-repeat;
		height:400px;
}

.srv_banner-img	{
		background:url(../img/srv-banner.jpg);
		background-size:cover;
		background-position:center;
		background-repeat:no-repeat;
		height:400px;
}

.cnt_banner-img	{
		background:url("../img/cnt-banner.jpg");
		background-size:cover;
		background-position:center;
		background-repeat:no-repeat;
		height:400px;
}
.miloplus_banner-img	{
		background:url("../img/miloplus_banner.jpg");
		background-size:cover;
		background-position:center;
		background-repeat:no-repeat;
		height:400px;
}



#banner-head	{
		font-size:30px;
		font-weight:700;
		color:#fff;
		padding:0.5em 0;
}

.more-button	{
		padding:0.5em 1em;
		color:#fff;
		text-align:left;
		font-size:13px;
		transition:0.4s;
		font-family: 'Montserrat', sans-serif;
		margin:1em 0;
		border-left-style:solid;
		border-left-color:#ffafb5;
		border-left-width:5px;
		font-weight:bold;
	background-color:#e93a47;
		}
.more-button:hover	{
	
	color:#fff;
	background-color: #343434;
	border-left-style:solid;
	border-left-color:#ababab;
	border-left-width:5px;
}


.more-button1	{
		padding:0.5em 1em;
		color:#e73a45;
		text-align:left;
		font-size:13px;
		transition:0.4s;
		font-family: 'Montserrat', sans-serif;
		margin:1em 0;
		border-left-style:solid;
		border-left-color:#ffafb5;
		border-left-width:5px;
		font-weight:bold;
	background-color:#fff;
		}
.more-button1:hover	{
	
	color:#fff;
	background-color: #343434;
	border-left-style:solid;
	border-left-color:#ababab;
	border-left-width:5px;
}




.caption_banner	{	
	padding-top:300px;
}




.welcome-note	{
		background-repeat:no-repeat;
}

.saudi-data	{
		background-color: #e73a45;
		padding: 4em 0;
}

.welcome-note_sec	{
		background-color:#fff;
		padding:2em;
		margin-top:0.5em;
}

.welcome-note-head	{
		font-size:18px;
		color:#333;
		font-weight:500;
		font-family: 'Montserrat', sans-serif;
}

.welcome-note-head2	{
		font-size:30px;
		color:#e83b46;
		font-weight:700;
		font-family: 'Montserrat', sans-serif;
		height:30px;
}


.welcome-note-head3	{
		font-size:18px;
		color:#fff;
		font-weight:500;
		height:25px;
		font-family: 'Montserrat', sans-serif;
}

.welcome-note-head4	{
		font-size:30px;
		color:#fff;
		font-weight:700;
		font-family: 'Montserrat', sans-serif;
		height:30px;
}


.welcome-text	{
	font-size:14px;
	color:#888888;
	padding:2em 0;
	line-height:23px;	
	font-weight:300;	
	font-family: 'Montserrat', sans-serif;
}


.welcome-text2	{
	font-size:14px;
	color:#fff;
	padding:2em 0;
	line-height:23px;	
	font-weight:300;	
	font-family: 'Montserrat', sans-serif;
}

.work	{
		background:$#fff;
		padding:3em 0;
}

.work-head	{
		font-size:15px;
		color:#a6a6a6;
		height:15px;
		font-weight:500;
		font-family: 'Montserrat', sans-serif;
}

.work-head2	{
		font-size:28px;
		color:#2b2449;
		height:20px;
		font-weight:700;
		font-family: 'Montserrat', sans-serif;
		margin-bottom:2em;
}



/* Add padding BETWEEN each column */
.row,
.row > .column {
  padding: 8px;
}

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 33.33%;
  display: none; /* Hide all elements by default */
}

/* Clear floats after rows */ 
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Content */
.content {
  background-color: white;
  padding: 10px;
}

/* The "show" class is added to the filtered elements */
.show {
  display: block;
}

/* Style the buttons */
.btn {
  border:solid;
  border-width:1px;
  border-color:#fff;
  outline: none;
  padding: 12px 16px;
  background-color: #fff;
  cursor: pointer;
  font-family: 'Montserrat', sans-serif;
  font-weight:900;
}

.btn:hover {
  background-color: #f2f2f2;
  border:solid;
  border-width:1px;
  border-color:#fff;
  color:#f2f2f2;
  font-family: 'Montserrat', sans-serif;
}



.service	{
		background:url(../img/b1.jpg);
		min-height:400px;
		padding:4em 0;
}


.business-note	{
		padding:2em 0;
}

.business-note-head	{
		font-size:20px;
		color:#fff;
		font-weight:600;
		height:30px;
		font-family: 'Montserrat', sans-serif;
}

.business-section	{
		padding:2em 0;
}

.business-note-head2	{
		font-size:12px;
		color:#fff;
		font-weight:500;
		height:20px;
		font-family: 'Montserrat', sans-serif;
}

.business-text	{
	font-size:13px;
	color:#dfdaf3;
	padding-top:1em;
	line-height:20px;	
	font-weight:300;	
	font-family: 'Montserrat', sans-serif;
}

.business-tools	{
		background-color:#f2f3f8;
		min-height:300px;		
}

.business_tools_section	{
		border-left-style:solid;
		border-left-width:10px;
		border-left-color:#baa460;
		min-height:300px;
		background:url(../img/srv-banner.jpg) #f2f3f8;
}

.business-tool-detail	{
		padding:1.5em 0 0 0;	
}

.business-tool-box	{
		margin:0.6em 0;
}

.news_letter_bg	{
		background:url(../img/newsletter_bg.jpg);
		min-height:400px;
		padding:6em 0;
}

.footer	{
		background:url(../img/footer-bg.jpg);
		padding:4em 0 0 0;
		background-size:cover;
		background-position:center;
		background-repeat:no-repeat;
		min-height:40vh;
}

.footer-menu	{
		color:#fff;
		padding:0px 0px;
	font-weight: 400;
}
.footer-menu:hover	{
		color:#9c9c9c;
}

.footer-bottom	{
	min-height:50px;
	padding:20px 0;
	color:#fff;
	border:solid #fff;
	border-width:1px 0 0 0;
	margin-top:25px;
}

.share-us	{
	font-family: 'Montserrat', sans-serif;
	color:#fff;
	text-align:center;
	font-size:28px;
	margin:10px 0;
	text-decoration:underline;
	padding-bottom:8px;
}


form {
  font-family: 'Montserrat', sans-serif;
}


input[type=text], input[type=submit] {
  width: 100%;
  padding: 12px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
  border-radius:6px;
}

input[type=checkbox] {
  margin-top: 16px;
}

input[type=submit] {
  background-color: #dab96b;
  color: black;
  border: none;
}

input[type=submit]:hover {
  opacity: 0.8;
}


.text-5	{
		font-size:13px;
		line-height:25px;
		font-family: 'Montserrat', sans-serif;
		color:#fff;
		text-decoration:none;
		transition:0.4s;
}
.text-5:hover	{
		color:#f3f3f3;
		font-weight:500;
		letter-spacing:1px;
}

.footer-men{
		min-width:120px;
		height:40px;
		padding:1em 0;
		
}


.text-4	{
		font-size:22px;
		font-family: 'Montserrat', sans-serif;
		color:#333;
		text-decoration:none;
		transition:0.4s;
		font-weight:600;
		margin-bottom:0.2em;
}

.text-3	{
		font-size:14px;
		line-height:25px;
		font-family: 'Montserrat', sans-serif;
		color:#fff;
		text-decoration:none;
		transition:0.4s;
}

.text-5	{
		font-size:13px;
		line-height:25px;
		font-family: 'Montserrat', sans-serif;
		color:#fff;
		text-decoration:none;
		transition:0.4s;
}

.quote_section	{
		font-size:30px;
		font-style:italic;
		color:#fff;
		text-align:center;
		font-family: 'Montserrat', sans-serif;
		padding:1em 0;
}

* {
  box-sizing: border-box;
}




.gal-container{
	padding: 12px;
}
.gal-item{
	overflow: hidden;
	padding: 3px;
}
.gal-item .box{
	height: 350px;
	overflow: hidden;
}
.box img{
	height: 100%;
	width: 100%;
	object-fit:cover;
	-o-object-fit:cover;
}
.gal-item a:focus{
	outline: none;
}
.gal-item a:after{
	content:"\e003";
	font-family: 'Montserrat', sans-serif;
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.75);
	position: absolute;
	right: 3px;
	left: 3px;
	top: 3px;
	bottom: 3px;
	text-align: center;
    line-height: 350px;
    font-size: 30px;
    color: #fff;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}
.gal-item a:hover:after{
	opacity: 1;
}
.modal-open .gal-container .modal{
	background-color: rgba(0,0,0,0.4);
}
.modal-open .gal-item .modal-body{
	padding: 0px;
}
.modal-open .gal-item button.close{
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: #000;
    opacity: 1;
    color: #fff;
    z-index: 999;
    right: -12px;
    top: -12px;
    border-radius: 50%;
    font-size: 15px;
    border: 2px solid #fff;
    line-height: 25px;
    -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);
	box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);
}
.modal-open .gal-item button.close:focus{
	outline: none;
}
.modal-open .gal-item button.close span{
	position: relative;
	top: -3px;
	font-weight: lighter;
	text-shadow:none;
}
.gal-container .modal-dialogue{
	width: 80%;
}
.gal-container .description{
	position: relative;
	height: 40px;
	top: -40px;
	padding: 10px 25px;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	text-align: left;
}
.gal-container .description h4{
	margin:0px;
	font-size: 15px;
	font-weight: 300;
	line-height: 20px;
}
.gal-container .modal.fade .modal-dialog {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    top: 100px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.gal-container .modal.fade.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
    opacity: 1;
}
@media (min-width: 768px) {
.gal-container .modal-dialog {
    width: 55%;
    margin: 50 auto;
}
}
@media (max-width: 768px) {
    .gal-container .modal-content{
        height:250px;
    }
}
/* Footer Style */
i.red{
    color:#BC0213;
}
.gal-container{
    padding-top :75px;
    padding-bottom:75px;
}


*{
	padding:0;
	margin:0;
}

/*	general	*/

section{
    padding: 50px 0;
}

/*	gallery */

.gallery-title{
    font-size: 36px;
    color: #3F6184;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.filter-button{
    font-size: 14px;
    border: 2px solid #3F6184;
	padding:5px 10px;
    text-align: center;
    color: #3F6184;
    margin-bottom: 30px;
	background:transparent;
	font-family: 'Montserrat', sans-serif;
	border-radius:20px;
}
.filter-button:hover,
.filter-button:focus,
.filter-button.active{
    color: #ffffff;
    background-color:#2b2449;
	outline:none;
}
.gallery_product{
    margin: 0px;
	padding:0;
	position:relative;
}
.gallery_product .img-info{
	position: absolute;
    background: rgba(0,0,0,0.5);
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
	overflow:hidden;
	color:#fff;
	top:0;
	display:none;
	-webkit-transition: 2s;
    transition: 2s;
	font-family: 'Montserrat', sans-serif;
}

.gallery_product:hover .img-info{
	display:block;
   -webkit-transition: 2s;
    transition: 2s;
}

/*	end gallery */


.about_page_section	{
		background:#f8f8f8;
		background-repeat:no-repeat;
		background-position:right;
		min-height:250px;
}

.about_page_sec	{
		background-color:#fff;
		height:100%;
		padding:3em;
		margin-top:2em;
}

.about_page_head	{
		font-size:28px;
		color:#2b2449;
		font-weight:700;
		font-family: 'Montserrat', sans-serif;
		height:60px;
		line-height:35px;
}

.advrt_img	{
		background-image:url(../img/adv_img.jpg);
		background-repeat:no-repeat;
		background-position:right;
		min-height:500px;
}
.marketing_img	{
		background-image:url(../img/marketing_img.jpg);
		background-repeat:no-repeat;
		background-position:right;
		min-height:500px;
}

/* Slider */

.client_head	{
		font-size:18px;
		color:#2b2449;
		font-weight:700;
		height:20px;
		font-family: 'Montserrat', sans-serif;
		padding:1em;
}

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.ftr-head	{
		font-size: 21px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 0.5em;
}


.contact_page_head	{
	font-weight:700;
	font-family: 'Montserrat', sans-serif;
	font-size: 35px;
	color: #e63a45;
	padding: 1em 0 0 0;
}

.contact_page_head2	{
	font-weight:600;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	color: #333;
	padding: 0 0 0.3em 0;
}


.app-button	{
		padding:0.5em 1em;
		color:#fff;
		text-align:left;
		font-size:18px;
		transition:0.4s;
		font-family: 'Montserrat', sans-serif;
		margin:0.3em 0;
		border-left-style:solid;
		border-left-color:#ffafb5;
		border-left-width:5px;
		font-weight:500;
	background-color:#e93a47;
		}
.app-button:hover	{
	
	color:#fff;
	background-color: #343434;
	border-left-style:solid;
	border-left-color:#ababab;
	border-left-width:5px;
}