html{width:100%;height:100%;}
body {width:100%;height:100%;padding:0px; margin:0px 0px 0px 0px;background-color:#ffffff; direction:rtl;}
input, textarea, button {border-radius: 0; -webkit-appearance:none; outline: none;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;}


a {text-decoration:none;outline: none;text-decoration:none;color:#48c3ed;}
a:hover {text-decoration:underline;outline: none;}
img{border:0px;}


.dir{float: left;}
.dir-op{float: right;}
.full-div{width:100%;float:right;}

.halth-div{width:50%;float:right;} /*full on mobile*/
.third-div{width:33.333333%;float:right;} /*full on mobile*/
.three-third-div{width:70%;float:right;margin-top: 2.7%;} /*full on mobile*/
.qrtr-div{width:25%;float:right;} /*full on mobile*/

.hide-mobile{display:block;}
.hide-desktop{display:none;}


/*colors*/
.c-white{color:#ffffff;}
.c-green{color:#83C53E;}
.c-grey{color:#ede9e4;}
.c-dark{color:#444444;}
.c-blue{color:#147cb3;}
.c-light{color:#eaeaea;}
.c-red{color:#910f0f;}
.c-brown{color:#483f2e;}
.c-orange{color:#fe8900;}
.c-black{color:#2a2a2a;}




h1 {font-family: 'Rubik';color:#252963; margin-bottom: 0px;font-weight:normal;font-size:55px;line-height:55px;margin-top:0px;}
h2 {font-family: 'Rubik';color:#3081c2;margin-top: 0px;margin-bottom: 5px;font-weight:normal;font-size:34px;}
h3 {font-family: 'Rubik';color:#24292b;margin-top: 0px;margin-bottom: 20px;font-weight:normal;font-size:22px;}


p{margin-top: 0px;margin-bottom: 0px; }


.responsive-img{max-width: 100%; height: auto;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.text-left{text-align: left;}
.hand{cursor:pointer;}
.t-b{font-weight: 600;}
.t-nob{font-weight:normal;}
.t-i{font-style: italic;}
.t-u{text-decoration:underline;}
.t-nou{text-decoration:none;}
.t-nou:hover {text-decoration:none;}
.t-upper{text-transform: uppercase;}

.s-9{font-size:9px;}
.s-10{font-size:10px;}
.s-11{font-size:11px;}
.s-12{font-size:12px;}
.s-13{font-size:13px;}
.s-14{font-size:14px;}
.s-15{font-size:15px;}
.s-16{font-size:16px;}
.s-17{font-size:17px;}
.s-18{font-size:18px;}
.s-19{font-size:19px;}
.s-20{font-size:20px;}
.s-21{font-size:21px;}
.s-22{font-size:22px;}
.s-23{font-size:23px;}
.s-24{font-size:24px;}
.s-25{font-size:25px;}
.s-26{font-size:26px;}
.s-27{font-size:27px;}
.s-28{font-size:28px;}
.s-30{font-size:30px;}
.s-32{font-size:32px;}
.s-36{font-size:36px;}
.s-38{font-size:38px;}
.s-40{font-size:40px;}
.s-42{font-size:42px;}
.s-45{font-size:45px;}
.s-48{font-size:48px;}
.s-55{font-size:55px;}
.s-60{font-size:60px;}
.s-70{font-size:70px;}
.s-90{font-size:90px;}



.green {border:solid 1px green;}
.red {border:solid 1px red;}
.blue {border:solid 1px blue;}

.b-green {background-color:green;}
.b-red {background-color:red;}
.b-blue {background-color:blue;}

.absu{position:absolute;}
.rela{position:relative;top:0px;right:0px;}

.fade-this{opacity: 1;transition: opacity .4s ease;}
.fade-this:hover{opacity: 0.5;}

.hide{display:none;}

.dir-left{float:left;}
.dir-right{float:right;}

.full-div{float:left;width:100%;}

.base-text {font-family: 'Rubik'; font-size:14px; color:#444444;line-height:22px;}
.font-title {font-family: 'Rubik';}

						
.general-field{font-family: 'Rubik';width:100%;height:22px;border:1px solid #b7b3b2; color:#fcfcfc;border-radius:8px;padding-left:4px;
				font-size:16px;line-height:16px;}
		
.genral-button{
                width:100%;
                height:90px;
                color:#ffffff;
                font-size:34px;
                border:0px solid;
                background-color:#0b2240;
                -webkit-appearance:none;
                font-weight: 600;
                text-transform: uppercase;
                cursor:  pointer;
                }
.genral-button:hover{background-color:#061527;}				
.form-field,.form-field-message{font-family: 'Rubik';-webkit-appearance: none;border-radius: 0;width:100%;height:90px;border: none;color: #434343;font-size: 16px;line-height: 15px;border-bottom: 1px solid #434343;}
.genral-button:hover{background-color:#0f618c;}

.general-shadow{
-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}
.soft-shadow{
-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.50);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.50);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.50);
}
.text-shadow{
	text-shadow: -2px 1px 6px rgba(150, 150, 150, 1);
}


/****website classes*/

.thecontainer{width:100%;height:100%;padding-bottom:0px;text-align:center;text-align:right;}
.grid{margin:auto;width:1700px;overflow:auto;float:none;text-align:right;max-width: 100%;padding: 0 20px;}
.top-header{width:100%;float:right;height:92px;background-image:url('../images/bg-top.jpg');background-repeat:repeat-x; background-position:center top;}
.main-pic-text{width:440px;float:none;margin:auto;text-align:center;padding-top:100px;}
.top-logo{width:100%;float:right;margin-top:0px;text-align:center;}
.hp-main-pic{width:100%;float:right;height:331px;background-image: url('../images/hp-main-img.jpg');	background-repeat: no-repeat;background-position:top center;background-size:cover;}

.form-container{width:450px;height:auto;float:left;position:left;}
.content{width:700px;margin-left:50px;float:right;height:auto;padding-top:10px;}
.box-contianer{width:100%;float:right;background-image:url('../images/grey-bg.jpg');background-repeat:repeat-x; background-position:center bottom;}
.the-form{width:100%;float:left;background-color:#ffffff;margin-top:20px;padding-bottom:10px;border-radius:10px;} 
.form-top{width:100%;padding-top:10px;padding-bottom:10px;text-align:center;float:left;background-color:#259bf5;margin-bottom:10px;border-top-left-radius:10px;border-top-right-radius:10px;} 
.signup-field{width:100%;float:right;margin-bottom:18px;text-align:center;margin-top:6px;}	
.signup-field-text{width:100%;float:right;margin-bottom:18px;text-align:center;margin-top:6px;}	
.font-title-form{font-size:20px;}	
.form-field{height:28px;width:85%;padding-right:5%;}
.header-bg-blue{background-image: url(../images/bg-blue-transparent.png);background-repeat: repeat;}
.full-div.header-bg-blue {position: fixed; top: 0;}
.dir-op.logo-padd { padding: 1% 0;}
.header-bg-blue .dir {margin-top: 2.4%;}

.prod-icon-txt-padd{padding-top: 10px;}
.prod-icon-grid {background: #f2f2f2;width: 165px;display: inline-block;vertical-align: top;height: 176px;margin-right: 8px;margin-left: 8px;margin-top: 2%;text-align: center;}
.prod-icons-row.txt-center {
    width: 100%;
    margin-bottom: 5%;
    direction: ltr;
}
.prod-icon-grid:hover {background: #e4e4e4; transition: all .4s ease;}
.prod-bi-metallic {width: 395px;max-width: 100%;background-color: #e6c387;padding-top: 12px;padding-bottom: 12px;padding-left: 10px;transition: all .4s ease;cursor: pointer;margin-right: 10px;margin-top:  2%;}
.prod-bi-metallic:hover { background-color: #d8b67a;}
.prod-bi-metallic-title{width: 33.333333%;float: left;}
.prod-bi-mettalic-sub-title{width: 58.666666%;float: left;text-align: left;font-size: 13px;}
.prod-icon-txt {width: 80%;margin: auto;line-height: 20px;font-size: 18px;padding:  0;}
.prod-cat-main-pad { padding-top: 50px;padding-bottom: 50px;}
.prod-pls-img{width:100%;height: 690px;float:right;}
.prod-pls-img-small{width:100%;height:542px;float:right;}
.prod-pls-text{width:650px; max-width: 100%; float:left;margin-top:404px;overflow:hidden;}
.prod-pls-text-small{width:650px;max-width: 100%;float:left;margin-top:207px;overflow:hidden;}
.prod-pls-txt-title{float:left;margin-bottom: 20px;width:100%;line-height: 50px;}
.prod-pls-txt-span{font-weight:normal;line-height: 23px;display: block;max-width: 95%;}
.prod-lobi-conntent-pad{padding-top: 50px;padding-bottom: 50px;}
.prod-bot-color_1{box-shadow: inset 0 -5px 0 #7abfc6;}
.prod-bot-color_2{box-shadow: inset 0 -5px 0 #f58c7a;}
.prod-bot-color_3{box-shadow: inset 0 -5px 0 #5d8fa7;}
.prod-bot-color_4{box-shadow: inset 0 -5px 0 #8da587;}
.prod-bot-color_5{box-shadow: inset 0 -5px 0 #a4a9ab;}
.prod-bot-color_6{box-shadow: inset 0 -5px 0 #f0b950;}
.prod-bot-color_7{box-shadow: inset 0 -5px 0 #e6c387;}
.three-third-div.text-right p {max-width: 75%;margin-bottom: 5%;}

 .info-box-bg {background: #0b2240;padding-left: 70px;padding-right: 70px;padding-top: 12.5%;padding-bottom: 12.5%;min-height: 320px;}  
.prod-txt-inner-grid-with-form{ width: 40%; float: left; padding-left: 2%; padding-right: 2%; } 
.info-box-wrapper{width: 30%;float: left;margin-top: 2.5%;direction: ltr;} 
.info-box-bg { width: 100%; float: left; padding: 0%; text-align: center; } 
.info-box-bg .form-field {padding-left: 2.5%;height: 45px;width: 90%;margin-bottom: 1.5%;} 
.info-box-bg .form-field-message { height: 80px; padding-right: 5%; width: 90%;padding-top: 17px;} 
.prod-lobi-conntent-pad .info-box-bg .genral-button { background-color: white; color: #0b2240; height: 50px; font-size: 20px; width: 160px; margin-bottom: 10%; margin-right: 10%; } 
.info-box-bg div.contact-form-submit {float: none;margin: 2.5% auto; } 
.info-box-bg .info-box-phone { padding-bottom: 7%; }
.info-box-bg .info-box-email { padding-top: 5%; }
.info-box-wrapper h2 { font-size: 36px !important;} 
.info-box-bg .info-box-email { padding-top: 5%; }
.info-box-wrapper h3 {max-width: 80%; margin: 3.5% auto; font-size: 22px;  }
.footer.full-div.text-center {padding: 1% 0;}
.info-box-bg .genral-button {background-color: #ffffff;color: #0b2240;height: 50px;font-size: 20px;width: auto;margin: 2.5% 0;padding: 0 2.5%;font-family: 'Rubik';}
.prod-icon-grid:last-child {
    margin-right: 0;
}
.info-box-wrapper h2 {
    padding-bottom: 1.5%;
    line-height: 100%;
    font-size: 40px;
    text-align: center;
    direction: rtl;
    color: #0b2240;
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*laptop & small Screens!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 1681px) {
.grid {width: 95%;}
.prod-icons-row.txt-center {width: 60%;}
.prod-icon-grid:nth-child(3) {
    margin-right: 0;
}
}
@media (max-width: 1480px) {
.prod-icons-row.txt-center {width: 70%;}

}
@media (max-width: 1366px) {
.prod-icons-row.txt-center {width: 100%;}
.hp-main-pic {height: 200px;}
.prod-inner-icon-grid { width: 35%; } 
 .info-box-bg { width: 100%; } 
.prod-txt-inner-grid-with-form { width: 30%; } 
 .info-box-bg .genral-button { height: 50px; font-size: 1.7vw; }
.info-box-bg .s-20 {font-size: 1.3vw;max-width: 90%;display: block;margin: auto;padding: 2.5% 0;} 
.info-box-bg br {display: none;}
.prod-icon-grid{width: 14%;height: 155px;} 
.prod-icon-grid>img { max-width: 80px; padding-top: 10px; } 
.prod-icon-txt { line-height: 100%; }
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*tablet classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 1024px) {
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*mobile classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

@media (max-width: 768px) {

.hide-mobile{display:none;}
.hide-desktop{display:block;}
.prod-icons-row.txt-center {width: 100%;float: right;}
 .prod-inner-icon-grid,.prod-lobi-conntent-pad .info-box-bg,.prod-txt-inner-grid-with-form { width: 95%; } 
 .info-box-bg .genral-button {height: auto;font-size: 5.4vw;padding: 1.5% 2.6%;width: 90%;} 
 div.contact-form-submit { margin-top: 15px; padding-bottom: 15px; }
.grid .info-box-wrapper, .grid .three-third-div.text-left {width: 85% !important;margin-left: 7.5%;}
 .grid .three-third-div {width: 90%;margin: auto;margin-right: 5%;text-align: center;} 
.three-third-div.text-right p { margin: auto; max-width: 100%; margin-bottom: 5%; } 
.prod-icon-grid {width: 42%;height: 182px;padding: 1.5%;float: left;margin: 2.5%;}   
.prod-icon-grid:nth-child(3) {margin-right: 2.5%;}
.info-box-bg br {display: none;}
.form-field, .form-field-message {font-size: 3vw;}
.info-box-bg .s-20 {font-size: 4vw;max-width: 90%;display: block;margin: auto;} 
.full-div.header-bg-blue .s-24 { font-size: 5vw; } 
.header-bg-blue .dir { margin-top: 3.5%; } 
.full-div.header-bg-blue .grid { width: 90%; } 
.dir-op.logo-padd>img { max-width: 20vw; margin-top: 2.5%; }
.grid {padding: 0;}
.prod-icons-row.txt-center {margin-right: 0;}
.info-box-wrapper { margin-bottom: 2.5%; } 
h1.s-40.text-center { font-size: 9vw; line-height: 100%; padding: 5% 0 !important; } 
.dir-op.logo-padd img { max-width: 70px; margin-top: 8%; }
.hp-main-pic {height: 150px;}
    .info-box-wrapper h2 {
    font-size: 9vw !important;
}
}
@media (max-width: 420px) {
h1.s-40.text-center{ font-size: 6vw; padding: 2% 0 !important; } 
.form-field, .form-field-message {font-size: 4vw;} 
.info-box-bg .s-20{ font-size: 3.7vw; padding: 2.5%; } 
textarea#msg { height: 50px; padding-top: 18px !important; }
    .info-box-bg {min-height: auto;}
    .info-box-bg .form-field{height: 30px;}
}