* { font-family: 'Monda','Cairo', sans-serif; outline: none; -webkit-box-sizing: border-box; box-sizing: border-box; }

::-moz-selection { background: #3260b5; color: #fff; }

::selection { background: #3260b5; color: #fff; }

::-webkit-scrollbar { width: 10px; }

::-webkit-scrollbar-thumb { background: #3260b5; border: none; }

::-webkit-scrollbar-thumb:hover { background: #4c7ace; }

::-webkit-scrollbar-corner { background: transparent; }

html, body { margin: 0; padding: 0; overflow-x: hidden; }

p { margin: 0; padding: 0; }

a, a:hover, a *, input, .btn { text-decoration: none; -webkit-transition: all 0.3s cubic-bezier(0, 0.4, 0, 1); transition: all 0.3s cubic-bezier(0, 0.4, 0, 1); color: #3260b5; }

a { cursor: pointer; }

.btn { border: none; font-size: 20px; color: #252525; border-radius: 2px; cursor: pointer; }

.btn.btn-primary { padding: 8px 20px; background-color: #3260b5; color: #fff; }

.btn.btn-primary::before { background-color: #274b8d; }

.btn.btn-primary:hover { background-color: #4c7ace; }

.btn.btn-light { padding: 5px 12px; font-size: 16px; background-color: #fff; color: #252525; border: 2px solid #d8d8d8; }

.btn.btn-light:hover { background-color: #f2f2f2; color: #3260b5; }

.container { max-width: 1200px; margin: auto; }

body { position: relative; }

nav { background-color: #fff; }

nav .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media only screen and (max-width: 768px) { nav .container { -ms-flex-pack: distribute; justify-content: space-around; } }

nav .container .logo { -ms-flex-preferred-size: 170px; flex-basis: 170px; margin: 10px 0; }

@media only screen and (max-width: 768px) { nav .container .logo { -ms-flex-preferred-size: auto; flex-basis: auto; } }

nav .container .logo img { width: 100%; }

nav .container .links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-preferred-size: 740px; flex-basis: 740px; }

@media only screen and (max-width: 1024px) { nav .container .links { -ms-flex-preferred-size: 650px; flex-basis: 650px; } }

@media only screen and (max-width: 768px) { nav .container .links { -ms-flex-preferred-size: auto; flex-basis: auto; } }

nav .container .links a { font-size: 22px; padding: 3px 10px; color: #3260b5; }

@media only screen and (max-width: 768px) { nav .container .links a { width: 100%; text-align: center; background-color: #eeeeee; margin: 1px; padding: 5px; } }

nav .container .links a:hover { text-decoration: none; }

h1, h2 { font-size: 60px; font-weight: bold; text-shadow: 2px 4px 0 rgba(0, 0, 0, 0.3); color: #3260b5; margin: 0; }

@media only screen and (max-width: 1024px) { h1, h2 { font-size: 40px; } }

h2 { text-align: center; }

.text { font-size: 22px; line-height: 26px; color: #252525; }

.center { text-align: center; }

.welcome { height: 562px; position: relative; overflow: hidden; background-color: rgba(50, 96, 181, 0.8); color: #fff; }

@media only screen and (max-width: 768px) { .welcome { height: auto; text-align: center; } }

.welcome .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; }

@media only screen and (max-width: 1024px) { .welcome .container { padding: 10px; } }

.welcome .container h1 { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; color: #fff; }

@media only screen and (max-width: 768px) { .welcome .container h1 { -ms-flex-preferred-size: 100%; flex-basis: 100%; } }

.welcome .container p { -webkit-box-flex: 3; -ms-flex: 3; flex: 3; font-size: 26px; text-shadow: 1px 3px 0 rgba(0, 0, 0, 0.3); }

@media only screen and (max-width: 768px) { .welcome .container p { -ms-flex-preferred-size: 100%; flex-basis: 100%; } }

.welcome img { position: absolute; top: -150px; left: 0; width: 100%; z-index: -1; }

@media only screen and (max-width: 1024px) { .welcome img { width: auto; height: 100%; } }

.products { display: -ms-grid; display: grid; -ms-grid-columns: (minmax(285px, 1fr))[auto-fill]; grid-template-columns: repeat(auto-fill, minmax(285px, 1fr)); grid-gap: 18px; margin: 10px 0; }

.products a { position: relative; height: 215px; overflow: hidden; border-radius: 2px; }

@media only screen and (max-width: 576px) { .products a { height: 250px; } }

.products a img { width: 100%; height: 100%; }

.products a span { position: absolute; left: -100px; bottom: 0; background-color: rgba(50, 96, 181, 0.9); width: 100%; height: 100%; text-align: center; padding: 10px 0; font-size: 20px; line-height: 190px; color: #fff; opacity: 0; }

.products a:hover span { left: 0; opacity: 1; }

.opening-hours { background-color: #3260b5; margin: 30px 0; }

.opening-hours .container { overflow: hidden; }

.opening-hours .content { background-color: #fff; margin: 30px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 30px; }

.opening-hours .content div { text-align: center; font-size: 36px; color: #252525; }

.opening-hours .content div .hours { background-color: #eeeeee; padding: 10px 20px; margin: 10px 50px; border-radius: 4px; }

.opening-hours .content div .hours:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }

.opening-hours .content div .hours i { font-size: 28px; margin-right: 10px; }

.contact h2 { line-height: 48px; margin-bottom: 20px; }

.contact .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.contact .container .img-container { position: relative; overflow: hidden; -ms-flex-preferred-size: 500px; flex-basis: 500px; height: 713px; }

@media only screen and (max-width: 1024px) { .contact .container .img-container { -ms-flex-preferred-size: 100%; flex-basis: 100%; height: 400px; } }

.contact .container .img-container img { position: absolute; left: 0; top: 0; width: 100%; z-index: -5; }

.contact .container .info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 30px; }

@media only screen and (max-width: 1024px) { .contact .container .info { margin: 0; padding: 20px; } }

.contact .container .info p:not(.text) { font-size: 20px; padding-left: 23px; }

.contact .container .info p:not(.text) i { margin-right: 3px; margin-left: -23px; }

form input[type=text], form input[type=email], form select, form textarea { border: 2px solid #eeeeee; color: #252525; padding: 5px 10px; font-size: 22px; width: 100%; min-width: 200px; margin: 1px; }

form input[type=text]:hover, form input[type=email]:hover, form select:hover, form textarea:hover { border-color: #d8d8d8; }

form input[type=text]:focus, form input[type=email]:focus, form select:focus, form textarea:focus { border-color: #3260b5; }

form .form-group.inline { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

form .form-group.inline * { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

footer { background-color: #252525; margin-top: 30px; color: #fff; }

footer .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100px; }

@media only screen and (max-width: 1024px) { footer .container { padding: 10px; -ms-flex-pack: distribute; justify-content: space-around; height: auto; }
  footer .container .goto_top { margin: 10px; } }

footer .poweredby { text-align: center; font-size: 10px; padding: 5px; color: #d8d8d8; background-color: #000; }

/* Shutter Out Horizontal */
/* Underline From Left */
.hvr { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); position: relative; overflow: hidden; }

.hvr:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0; background: #3260b5; height: 3px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(0, 0.4, 0, 1); transition-timing-function: cubic-bezier(0, 0.4, 0, 1); }

.hvr:hover:before, .hvr:focus:before, .hvr:active:before { right: 0; }

.fancybox-slide--iframe .fancybox-content { width: 80vw; max-height: 90vh; min-height: 500px; margin: 0; }

.product-preview { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; }

.product-preview * { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

@media only screen and (max-width: 768px) { .product-preview * { width: 100%; } }

.product-preview div { padding: 10px; }

.product-table { text-align: center; border-collapse: collapse; width: 100%; }

.product-table td { border: 2px solid #474747; padding: 20px 10px; margin: 0; }

.msg { position: fixed; left: 10%; top: 0; width: 80%; padding: 20px; text-align: center; z-index: 100; color: #fff; font-size: 20px; -webkit-box-shadow: 0 10px 10px -13px #000; box-shadow: 0 10px 10px -13px #000; border-radius: 0 0 2px 2px; }

.msg.success { background-color: #77c34a; }

.msg.error { background-color: #f44336; }
/*# sourceMappingURL=dayana.min.css.map */