@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Heebo:300,400,500,700,800,900');

*{
	border: 0;
	padding: 0px;
	margin: 0px;
	direction:rtl;
	outline: 0;
	font-family: 'Heebo', sans-serif;

}
html{
	min-height:100%;
	width: 100%; 
	height: 100%; 
	font-family: 'Heebo', sans-serif;

}
input, select, select *, textarea{
	font-size: 14px;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
	border: 0px;
}
ol, ul{
	list-style: none;
}
.clear{
	clear: both;
}
.right{float: right;}
.left{float: left;}
.mobile{display: none!important;}
.transition{ -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.transition:hover{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.mobile{display:none!important;}
.cmp{display:block!important;}

/* Start Web Css */

html{overflow-x: hidden;}
body{min-height: 100%;width: 100%;}
section{width: 100%;position:relative;}
.main{width: 1173px;position:relative;margin:0px auto;}
.cmp{display:block!important;}
.mobile{display:none!important;}

/* Basic */
.color-blue{color:#224764!important;}
a.color-blue{color:#224764!important;}
.color-white{color:white;}
.color-green{color:#a5b739;}
.regular{font-weight:400;}
.bold{font-weight:700;}
.medium{font-weight:500;}
.light{font-weight:300;}

nav{height:64px;margin-top:23px;padding-top:19px;width:100%;position:Relative;background:#27272d;}

#top .main{width:1100px;}
#top{background:url('../images/bg.png')no-repeat center;background-size: cover;height:830px;padding-top:94px;}
.top-right{position:absolute;right:1%;top:0.6%;font-size:14px;font-weight:400;}
#top .content{width:425px;margin-right:21.8%;}
#top span.first{font-size: 26px;display:block;width:100%;margin:5px 0 5px 0;}
#top span.small{font-size: 42px;display:block;width:100%;margin:0;}
#top .line{ border-color: #224764!important;margin:0;}
#top h1{font-size: 75px;margin:0;margin:0px auot;margin-right:16px;margin-top:0;    line-height: 85%;}
#top .logo{margin-left:9%;}
#top .contact{width:412px;height:456px;background:url('../images/contact-bg.png')no-repeat;}
#top .contact{margin-top:54px;}
#top .contact .content{width:327px;margin:0px auto;padding-top:42px;}
#top .contact h2{font-size:26px;text-align:center;}
#top .contact h2 a{text-decoration:none;}
#top .contact h2 a:hover{color:white;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #224764;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #224764;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #224764;
}
:-moz-placeholder { /* Firefox 18- */
  color: #224764;
}
#top .contact p{font-size:20px;text-align:center;width:100%;}
#top .contact form{width:100%;}
#top .contact .input{width:100%;border-radius: 4px;height: 45px;padding-right:8px;font-size:18px;background:white;margin-bottom:2px;}
#top .contact .submit, #popup .submit{width:100%;border-radius: 4px;height: 64px;font-size:22px;
  background-image: -moz-linear-gradient( 90deg, rgb(154,179,1) 0%, rgb(192,223,1) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(154,179,1) 0%, rgb(192,223,1) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(154,179,1) 0%, rgb(192,223,1) 100%);
  box-shadow: 0px 5px 0px 0px rgba(2, 3, 3, 0.1);position:Relative;z-index:1000;
  margin-top:12px;
}
.submit span{border-radius: 3px;
  background-image: -moz-linear-gradient( 90deg, rgb(255,126,0) 0%, rgb(255,192,0) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,126,0) 0%, rgb(255,192,0) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,126,0) 0%, rgb(255,192,0) 100%);
  position:absolute;top:0;width:100%;height:100%;right:0;opacity:0;z-index:-1;
}
.submit:hover span{opacity:1;}



#top .contact .err{background:#d68080;}



#green{background:url('../images/green.png')repeat-x;height:162px;}
#green .main{width:1100px;background:none;}
#green .tag{position:absolute;top:-112px;right:0;}
#green .text{width:100%;}
#green h2{font-size: 32px;text-align:left;margin-right:155px;margin-top:26px;}
#green p{font-size:16px;width:580px;margin-top:21px;margin-right:33px;line-height: 154%;}

#info{background:#eef4f6;}
#info .content{width: 470px;height:93px;margin-top:70px;}
#info h2{font-size: 53px;margin:0;line-height:93%;}
#info .man{margin-left: -64px;margin-top:23px;}
#info p{font-size: 16px;color:#4f4f4f;margin-top:30px;line-height:173%;}
#info .button{
	  background-image: -moz-linear-gradient( 90deg, rgb(154,179,1) 0%, rgb(189,220,1) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(154,179,1) 0%, rgb(189,220,1) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(154,179,1) 0%, rgb(189,220,1) 100%);  border-radius: 3px;
  box-shadow: 0px 5px 0px 0px rgba(2, 3, 3, 0.1);
  overflow:hidden;
  position:relative;
	display:block;
	text-decoration:none;
	width: 239px;
	height: 47px;
	line-height:47px;
	text-align:center;
	color:black;
	font-size:16px;
	margin-top:47px;
	position:relative;z-index:100;
}
#info .button span{border-radius: 3px;
	  background-image: -moz-linear-gradient( 90deg, rgb(255,126,0) 0%, rgb(255,192,0) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,126,0) 0%, rgb(255,192,0) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,126,0) 0%, rgb(255,192,0) 100%);
  position:absolute;top:0;width:100%;height:100%;right:0;opacity:0;z-index:-1;
}
#info .button:hover span{opacity:1;}

#main{padding-top:29px;text-align:center;padding-bottom:60px;}
#main .main{width:1176px;margin:0px auto;border:0;padding-bottom:33px;}
#main .banks span{text-align:center;display:block;color:#3a3c41;font-size: 16px;margin-bottom:30px;}
#main .banks{text-align:center;width:1107px;margin:0px auto;}
#main .banks img{margin-left:65px;}
#main .banks img:last-child{margin-left:0;}
.services{width: 100%;height:500px;margin-top:95px;border:0;padding-right: 38px;}
.service{
	
	overflow:hodden;
	cursor:pointer;
	float: right;
	-ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
	border: 3px solid rgb(34, 71, 100);border-radius:22px;background:white;height: 214px;width: 214px;
	display:inline-block;margin-left: 82px;position:relative;
}
#main h2{margin:0;font-size:40px;margin-top:78px;}
.service:hover{background: rgb(34, 71, 100);

}
.sr-last{margin-left:0;}
#main .second-line{margin-right:148px;margin-top:-33px;float:right;}
.service .content{
		width:100%;height:100%;
	    -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg);
	text-align:center;
}
.service .hover_content{
	position:absolute;top:0;right:0;
	width:100%;height:100%;
	-ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg);
	color:white;
	display:none;    padding-top: 17px;
}
.service .content{text-align:center;padding-top:17px;}
.service .content img{display:block;text-align:center;margin:0px auto;margin-bottom:21px;}
.service .content span.title{display:block;width: 133px;font-size:20px;margin:0px auto;}
.service p{font-size: 16px;width:170px;margin:0px auto;margin-top:-5px;}
.service .hover_content img{margin-bottom: 22px;    width: 25%;}
#main .button{
	  background-image: -moz-linear-gradient( 90deg, rgb(154,179,1) 0%, rgb(189,220,1) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(154,179,1) 0%, rgb(189,220,1) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(154,179,1) 0%, rgb(189,220,1) 100%);
  border-radius: 3px;
  box-shadow: 0px 5px 0px 0px rgba(2, 3, 3, 0.1);
  overflow:hidden;
  position:relative;
	display:block;
	text-decoration:none;
	width: 239px;
	height: 47px;
	line-height:47px;
	text-align:center;
	color:black;
	font-size:16px;
	margin-top:47px;
	margin:0px auto;
	margin-bottom:25px;
	position:Relative;z-index:1000;
}
#main .button span{border-radius: 3px;
	  background-image: -moz-linear-gradient( 90deg, rgb(255,126,0) 0%, rgb(255,192,0) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,126,0) 0%, rgb(255,192,0) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,126,0) 0%, rgb(255,192,0) 100%);
  position:absolute;top:0;width:100%;height:100%;right:0;opacity:0;z-index:-1;
}
#main .button:hover span{opacity:1;}

#main > .main > p{color:black;font-size:24px;text-align:Center;}
#main .line{width:80%;max-width:1450px;height: 1px;margin:0px auto;background-color: rgb(233, 233, 233);}


#about{height: auto;background:url('../images/bg-about.png')no-repeat center;background-size: cover;padding: 76px 0 76px 0;text-align:center;}
#about .main{width:1170px;}
#about h2{font-size:42px;margin:0;margin-bottom:20px;}
#about p{font-size: 18px;margin-top:40px;line-height: 175%;}
#about .button{display:block;position:relative;width:239px;height:47px;border-radius: 3px;
 z-index: 100; 
  box-shadow: 0px 5px 0px 0px rgba(2, 3, 3, 0.1);text-decoration:none;line-height:47px;text-align:center;
	  background-image: -moz-linear-gradient( 90deg, rgb(154,179,1) 0%, rgb(189,220,1) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(154,179,1) 0%, rgb(189,220,1) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(154,179,1) 0%, rgb(189,220,1) 100%);
	color:black;font-size:16px;margin:0px auto;
	margin-top:41px;  text-transform: uppercase;
}
#about .button span{border-radius: 3px;
	  background-image: -moz-linear-gradient( 90deg, rgb(255,126,0) 0%, rgb(255,192,0) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,126,0) 0%, rgb(255,192,0) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,126,0) 0%, rgb(255,192,0) 100%);
  position:absolute;top:0;width:100%;height:100%;right:0;opacity:0;z-index:-1;
}
#about .button:hover span{opacity:1;}
.Rounded_Rectangle_2_copy {
  border-radius: 3px;

  box-shadow: 0px 5px 0px 0px rgba(2, 3, 3, 0.1);
  position: absolute;
  left: 1246px;
  top: 1293px;
  width: 239px;
  height: 47px;
  z-index: 59;
}

.tag-m{display:none;}
.pack-service{display:none;}

@media handheld, only screen and (max-width:1500px) {
	#top .main{width:61.1%;}
	#top .content{width:425px;margin-right:7.72%;}
	#top .logo{margin-left:2.5%;}
	#top .contact{margin-left:-10%;margin-top:54px;}
}

#success{text-align:center;color:#27272e;font-size:32px;font-family: 'Heebo', sans-serif;font-weight:500;padding-top:10%;}
footer{background:#eef4f6;padding-top:25px;padding-bottom:20px;width:100%;text-align:Center;color:black;}
footer .main{width:1170px;}
footer .strike {display: block;text-align: center;overflow: hidden;white-space: nowrap; font-size:16px;color:black;margin-top:;margin-bottom:;}
footer .strike > span {position: relative;display: inline-block;}
footer .strike > span:before,.strike > span:after { content: "";position: absolute;top: 50%;width: 9999px;height: 1px;background: #98b0b8;}
footer .strike > span:before {right: 100%;margin-right: 10px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;    }
footer .strike > span:after {left: 100%;margin-left: 10px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
footer .strike a{color:white;text-decoration:noen;}
.mobile_f{display:none;margin-bottom:50px;}
footer .button{display:block;width:239px;height:47px;border-radius: 3px;
  background-image: -moz-linear-gradient( 90deg, rgb(255,126,0) 0%, rgb(255,192,0) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,126,0) 0%, rgb(255,192,0) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,126,0) 0%, rgb(255,192,0) 100%);
  box-shadow: 0 5px 0 0 rgba(2, 3, 3, 0.1);text-decoration:none;line-height:47px;text-align:center;
	background:url('../images/button-bg-2.png')repeat-x;color:black;font-size:16px;margin:0 auto;
	margin-top:0;margin-bottom: 40px;
}
#blank{
    z-index: 10000;
    position: fixed;
    width: 100%;
    height:100%;
    opacity: 0.6;
    top: 0;
    background-color: black;
}
#popup {
    background-color: #224764;
    border-radius:10px;
    position: fixed;
    top: calc(50% - 250px);
    width: 470px;
    left: calc(50% - 235px);
    text-align: center;
    z-index: 10001;
    padding: 30px;
}
#popup p {
    font-size:20px;
}
#popup form {
    font-size: larger;
}
#popup hr {
    margin-top:0;
    margin-bottom: 10px;
}
#queries{
    text-align:right;
    background-color: white;
    color: #333;
    padding: 10px;
    border-radius: 4px;
}
#popup .submit{
    font-weight: 600;
    line-height: 60px;
    cursor: pointer;
}
#popup .err{background: #d68080;}
/*#popup .submit:hover{
    background-image: -moz-linear-gradient( 90deg, rgb(255,126,0) 0%, rgb(255,192,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(255,126,0) 0%, rgb(255,192,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(255,126,0) 0%, rgb(255,192,0) 100%);
    
}*/
.close {
    position: absolute;
    left: 15px;
    top: 15px;
    width: 32px;
    height: 32px;
    opacity: 0.3;
    z-index: 2;
    cursor: pointer;
}

    .close:hover {
        opacity: 1;
    }

    .close:before, .close:after {
        position: absolute;
        left: 15px;
        content: ' ';
        height: 33px;
        width: 2px;
        background-color: #fff;
    }

    .close:before {
        transform: rotate(45deg);
    }

    .close:after {
        transform: rotate(-45deg);
    }