/*======start Our Story ========= */
.sce1{width: 100%;height: 650px; position: relative; background: url(../images/factory-raya-foods2.jpg) center center;background-size:cover;}
.sce1 .sec-title{text-shadow: 1px 2px 3px #666; font-size: 48px; font-weight: 400; text-transform: initial; font-family: Ubuntu;font-style:italic; color: #fff; padding: 200px 0 0 0px;}
.sce1 .sec-p{color: white;font-size: 35px;padding-top:  322px;padding-left: 140px;font-family: Ubuntu, sans-serif;text-shadow: 0px 2px 2px rgb(0, 0, 0);}
.sce1 .sec-p strong{background-color: rgba(0,0,0,.5);padding-left: 5px;padding-right: 5px;border-radius: 5px;}
.sce2{width: 100%;height: 100px;position: relative;background-color: #fff;}
.sce2:before{ content: ''; width: 50%;height: 150px;position: absolute;top: -48px;left: 0;background-color: #fff;transform: skewY(6deg);z-index: 0;}
.sce2:after{content: '';width: 50%;height: 150px;position: absolute;top: -48px;right: 0;background-color: #fff;transform: skewY(-6deg);z-index: 0;}
.sce2 h3{z-index: 1;position: absolute;color: #006bb7;font-size: 28px;text-shadow: 0px 1px 9px rgba(0, 0, 0, 0.2);}
.sce2 h5{z-index: 1;position: absolute;color: #9c9ea0;font-size: 16px;margin-top: 55px;}
.sce2 h5 a{text-decoration: none;color: #9c9ea0;font-family: Ubuntu, sans-serif;}
.sce2 h5 a:hover{text-decoration: none;}
/*.howWe{box-shadow: 1px 1px 8px 1px #454444;}*/
.modal-body > iframe {width: 100%;}
.howWe h4{color: #006bb7;font-family: Ubuntu, sans-serif;font-size: 30px;text-shadow: 0px 1px 7px rgba(0, 0, 0, 0.2);text-align: center;margin-bottom: 30px;}
.howWe p{font-family: Ubuntu, sans-serif;font-size: 18px;text-align: justify;font-style: italic;}
.sttory{background: url(../images/raya-foods-our-mission2.jpg) center center no-repeat;background-size: cover !important;height:500px;margin-bottom: 50px;border-bottom: 6px solid #454444;box-shadow: 1px 1px 8px 1px #454444;-webkit-box-shadow: 1px 1px 8px 1px #454444;-ms-box-shadow: 1px 1px 8px 1px #454444;-o-box-shadow: 1px 1px 8px 1px #454444;}
.sttory .t{height:500px;background-color: rgba(0, 0, 0, 0.40);}
.sttory .t .text{padding-top: 120px;color: white;}
.sttory .t .text h3{font-size: 30px;margin-bottom: 60px;font-family: Ubuntu, sans-serif;}
.sttory .t .text p{font-size: 25px;font-family: Ubuntu, sans-serif;}
.sty-y{background: url(../images/raya-foods-our-vision.jpg) center center no-repeat;background-size: cover !important;height:500px;box-shadow: 1px 1px 8px 1px #454444;-webkit-box-shadow: 1px 1px 8px 1px #454444;-ms-box-shadow: 1px 1px 8px 1px #454444;-o-box-shadow: 1px 1px 8px 1px #454444;margin-top: 35px;}
.sty-y .t{height:500px;background-color: rgba(0, 0, 0, 0.40);}
.sty-y .t .text{padding-top: 120px;color: white;}
.sty-y .t .text h3{ font-size: 30px; margin-bottom: 60px;font-family: Ubuntu, sans-serif;}
.sty-y .t .text p{font-size: 25px;font-family: Ubuntu, sans-serif;} 
.value {margin-bottom: 50px;}
.value img {text-align: center; margin: auto;transition: all .5s ease;}
.value a {text-decoration: none;}
.value h3{font-size: 30px; color: #006bb7; text-shadow: 0px 1px 7px rgba(0, 0, 0, 0.2); font-family: Ubuntu, sans-serif; margin-bottom: 40px;}
.value p{font-size: 17px;text-transform: uppercase;color: #006bb7;text-shadow: 0px 1px 7px rgba(0, 0, 0, 0.2);font-family: Ubuntu, sans-serif;font-weight: 600;margin-top: 10px;}
.rayaa{background: url(../images/omar-abdelaziz-ceo.jpg) center center no-repeat;background-size: cover !important; height:700px; box-shadow: 1px 1px 8px 1px #454444; -webkit-box-shadow: 1px 1px 8px 1px #454444;-ms-box-shadow: 1px 1px 8px 1px #454444;-o-box-shadow: 1px 1px 8px 1px #454444;}
.rayaa .text{padding-top: 30px;}
.rayaa h3{font-size: 30px;color: #333;text-shadow: 0px 1px 7px rgba(0, 0, 0, 0.2);font-family: Ubuntu, sans-serif;margin-bottom: 25px;}
.rayaa p{font-size: 23px;font-family: Ubuntu, sans-serif;color: #006cb7;text-align: justify;}
.rayaa h4{font-size: 30px;font-family: Ubuntu, Ubuntu;color: #333;text-align: right;}
.navbar-inverse {  transition: all ease .5s; margin-top: 0px; background-color: #ffffffb3; border-color: rgba(0, 0, 0, 0);}
.navbar-inverse.shrink {height: 40px; transition: all ease .5s; background: #ffffff; margin-top: 0; border-bottom: 1px solid #c7c8cac7;}
/*==================================================================== start MEDIA SCREEN =============================================================== */
.popup__overlay {display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: #55555587;text-align: center;z-index: 100;}
.popup__overlay:after {display: inline-block;height: 100%;width: 0;vertical-align: middle;content: "";}
.popup {display: inline-block;position: relative;width: 100%;height: 100%;max-width: 640px;max-height: 480px;padding: 20px;border: 1px solid black; background: black;color: white;vertical-align: middle;}
.popup-form__row {margin: 1em 0;}
.popup__close {display: block;position: absolute;top: 1px;right: 1px; width: 12px;height: 12px; padding: 8px;cursor: pointer; text-align: center;font-size: 12px;line-height: 12px;color: rgba(53, 36, 22, 0.95);text-decoration: none;font-weight: bold;}
.popup__close:hover {color: #eea200;}
iframe {width: 100%;height: 100%}
/* other styles */
input[type="button"] {border: none; padding: 0.5em;background-color: yellow;}
input[type="button"]:hover {background-color: yellowgreen;}