@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Cairo:400,600,700,900&subset=arabic");

@font-face { font-family: "JF Flat"; src: url("../fonts/JFFlat-Regular.eot"); src: url("../fonts/JFFlat-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/JFFlat-Regular.woff2") format("woff2"), url("../fonts/JFFlat-Regular.woff") format("woff"), url("../fonts/JFFlat-Regular.ttf") format("truetype"), url("../fonts/JFFlat-Regular.svg#JFFlat-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; }

.logo img,
img { max-width: 100%; }

.block span a,
.modern-ticker a,
a,
a h3,
a.butt,
a.buty,
a.red { text-decoration: none; }

* { border: 0; margin: 0; padding: 0; }

body { color: #555; font-family: "JF Flat", sans-serif; background: #fff; direction: rtl; font-weight: 300; }

/* .logee h2 span, .logee h1 span {
    color: #f5ae32;
} */

.loader { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; background: url(../images/loader.gif) 50% 50% no-repeat #fff; background-size: 200px; }

.form-control { height: auto; }

a:focus { outline: 0; border: none; }

div#html5-watermark { display: none !important; }

a,
button { transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; }

.nav,
h1,
h2,
h3,
h4,
h5,
h6 { font-family: "JF Flat", sans-serif; color: #757a79; }

h1,
h2,
h3,
h4,
h5,
h6 { font-weight: 600; }

h3 { font-size: 18px; }

p { line-height: 180%; font-size: 14px; }

.clear { clear: both; }

input:active,
input:focus,
input:hover,
textarea:active,
textarea:focus,
textarea:hover,
select:hover,
select:focus { border-color: #ddd !important; box-shadow: none !important; outline: 0 !important; }

button:active,
button:focus,
button:hover { border-color: #ddd !important; outline: 0 !important; }

.input-group-btn:last-child > .btn { border-right: 0; }

.col-lg-15,
.col-md-15,
.col-sm-15,
.col-xs-15 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }

.col-xs-15 { width: 20%; float: right; }

@media (min-width: 768px) {
    .col-md-15 { width: 50%; float: right; }
}

@media (min-width: 992px) {
    .col-md-15 { width: 33.3333%; float: right; }
}

@media (min-width: 1200px) {
    .col-md-15 { width: 20%; float: right; }
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] { height: auto !important; line-height: normal; }

/*  */
.top-bar { background: #6B7DB3; color: #fff; }

.cart-item label { font-weight: normal; margin-bottom: 6px; }

.cart-item { margin-top: 10px; padding: 10px; border: 1px solid #dddddd; background: #fcfcfc; position: relative; }

.cart-item h3 { margin: 12px 0; font-size: 14px; line-height: 180%; color: #222; }

th.dow { color: #f44645; }

th.datepicker-switch { color: #6B7DB3; }

.cart-item a h3,
.cart-item a { text-decoration: none; }

.cart-item h3 span { color: #6B7DB3; padding-right: 10px; }

#sidebar { position: relative; top: 0; }

.cart-item .form-group { margin-bottom: 0; }

.cart-item .form-control { border: 1px solid #dddddd; }

.cart-item .moreat { font-size: 16px; margin: 10px 0; padding: 10px }

.cart-item p { color: #F4804C; font-size: 14px; font-weight: 600; }

.cart-item p b { color: #222; padding-left: 8px; }

.cart-item p.deta { text-align: inherit; color: #5a5a5a; }

.cart-item .morea1 { background: #222; padding: 6px 18px; font-size: 14px; }

.cart-item .paymenty { padding: 10px 0; border-bottom: 1px solid #eeeeee; margin-bottom: 9px; margin-top: 5px; }

.cart-item img.icony { margin: 0 auto; display: block; width: 100px; margin-top: 10px; }

a.closa { display: block; width: 30px; height: 30px; background: #5a5a5a; color: #ffffff; text-align: center; line-height: 30px; position: absolute; right: 10px; top: 10px; z-index: 9; }

a.closa:hover { background: #222; }

h3.head-title.total { text-align: left; margin-top: 10px; }

h3.head-title.total .text-left { text-align: right; }

h3.head-title.total span { color: #ec625f; }

.checkout .tabley .table { margin: 10px 0; }

.cart-item .radio span { color: #ec625f; }

.cart-item hr.seperate { margin: 10px 0; margin-bottom: 4px; }

.payments .radio { margin: 15px 0; }

.payments .radio img { margin-left: 5px; margin-top: -7px; }

.times { margin: 0 15px; }

.times .radio { border-bottom: 1px solid #eee; padding-bottom: 6px; }

.times .radio:last-child { border-bottom: 0; }

p.noti { text-align: center; font-size: 14px; margin: 0; }

.select ul { display: none; border: 1px solid #dddddd; position: absolute; overflow: hidden; overflow-y: auto; width: 100%; background: #fff; border-radius: 2px; top: 100%; left: 0; list-style: none; margin: 5px 0 0 0; padding: 0; z-index: 100; max-height: 120px; }

.select ul li { display: block; text-align: left; padding: 10px; color: #999; cursor: pointer; }

.select ul li:hover { background: #F4804C; color: #fff; }

h3.head-title { margin: 0; font-size: 14px; color: #6B7DB3; padding: 13px; border: 1px solid #eee; background: #fcfcfc; }

.radio input { margin-top: 5px; margin-left: 5px; }

h3.head-title span:first-child { padding-left: 6px; }

h3.head-title span + span { padding-right: 6px; }

.top-bar p { margin: 0; display: inline-block; font-size: 14px; padding: 10px 0; border-right: 1px solid #38908b; }

.top-bar p.lasty { border-left: 1px solid #38908b; }

.top-bar p i { color: #fff; font-size: 20px; display: inline-block; vertical-align: middle; }

.top-bar p:hover i { color: #fff; }

.top-bar p a { color: #fff; text-decoration: none; }

.top-bar p a:hover { color: #034a4e; }

.top-bar p span { display: inline-block; vertical-align: middle; }

.social-m { list-style: none; margin: 0; padding: 10px 0; display: inline-block; }

.social-m li { display: inline-block; }

.social-m li a { color: #fff; display: inline-block; vertical-align: middle; padding: 0 8px; font-size: 18px; }

.social-m li a:hover { color: #222; }

.product p span { font-size: 18px !important; color: #222; font-weight: 600; margin: 1em 0; }

/* header */
.header { padding: 15px 0; border-bottom: 1px solid #e0e0e0; }

a.logo { display: block; }

.logo img { max-height: 65px; }

ul.navbar-nav li a { display: inline-block; text-decoration: none; font-size: 16px; color: #222; position: relative; cursor: pointer; font-weight: bold; }

ul.navbar-nav li a:hover,
ul.navbar-nav li a.active { color: #F4804C; }

ul.navbar-nav li a i { color: #F4804C; font-weight: bold; font-size: 18px; margin-top: 5px; }

ul.navbar-nav li { margin: 0 3px; }

ul.navbar-nav a:not([href]):not([tabindex]),
ul.navbar-nav a:not([href]):not([tabindex]) { color: #222; }

ul.navbar-nav a:not([href]):not([tabindex]):focus,
ul.navbar-nav a:not([href]):not([tabindex]):hover,
ul.navbar-nav a:not([href]):not([tabindex]).active { color: #F4804C; }

.dropdown-menu { right: 0; top: 35px; left: auto; border-color: #ccc; min-width: 190px; margin: 0; padding: 0; }

ul.dropdown-menu .dropdown-menu { right: 100%; top: 0; }

ul.navbar-nav .dropdown-menu > li > a { font-size: 15px; padding: 12px 6px; display: block; border-bottom: 1px solid #ddd; }

ul.navbar-nav li a i { float: left; }

.dropdown-menu > li > a:before { display: none; }

.dropdown-menu > li > a:hover { color: #444444; background: #fcfcfc; }

ul.navbar-nav li.dropdown-m { position: relative; }

.navbar { padding-left: 0; padding-right: 0; }

.after-header { height: 600px; position: relative; overflow: hidden; }

.after-header img.hero { height: 100%; width: 100%; object-fit: cover; object-position: center; -o-object-fit: cover; -o-object-position: center; }

/* section 1 */
.section-1 { padding: 50px 0; border-bottom: 1px solid #edf3f8; }

.section-1.inners { padding: 50px 0; padding-bottom: 70px; }

.section-1.inners .title-wrapper { margin-bottom: 40px; }

.section-1.inners .title-wrapper h3 { margin-bottom: 20px; }

.section-1 h3 { color: #358683; font-size: 18px; margin-bottom: 15px; margin-top: 41px; }

.section-1 p { color: #555; font-size: 16px; font-weight: bold; text-align: justify; margin-bottom: 12px; }

.image-holder { position: relative; }

.image-holder:before { content: ""; position: absolute; top: 0; right: 0; width: 0; height: 0; border-top: 50px solid #fff; border-left: 50px solid transparent; }

.image-holder h2 { background: linear-gradient(40deg, #6B7DB3 0, #222 100%); padding: 2rem; position: absolute; top: 45px; left: 0; width: auto; font-size: 22px; text-align: center; line-height: 180%; color: #fff; }

a.moreat,
.moreat,
button.moreat { background: #222; color: #fff; text-transform: capitalize; display: inline-block; border-radius: 4px; font-size: 16px; padding: 12px 30px; text-decoration: none; text-align: center; position: relative; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }

a.moreat:before,
.moreat:before,
button.moreat:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; border-radius: 4px; background: #3d9c97; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

a.moreat:hover,
.moreat:hover,
button.moreat:hover { color: #fff; }

.moreat:hover:before,
.moreat:focus:before,
.moreat:active:before,
a.moreat:hover:before,
a.moreat:focus:before,
a.moreat:active:before,
button.moreat:hover:before,
button.moreat:focus:before,
button.moreat:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); }

.section-video { padding: 6em 0; border-bottom: 1px solid #edf3f8; border-top: 1px solid #edf3f8; background: #f7f8fc; background-color: #f7f8fc; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='152' height='152' viewBox='0 0 152 152'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='temple' fill='%23494949' fill-opacity='0.04'%3E%3Cpath d='M152 150v2H0v-2h28v-8H8v-20H0v-2h8V80h42v20h20v42H30v8h90v-8H80v-42h20V80h42v40h8V30h-8v40h-42V50H80V8h40V0h2v8h20v20h8V0h2v150zm-2 0v-28h-8v20h-20v8h28zM82 30v18h18V30H82zm20 18h20v20h18V30h-20V10H82v18h20v20zm0 2v18h18V50h-18zm20-22h18V10h-18v18zm-54 92v-18H50v18h18zm-20-18H28V82H10v38h20v20h38v-18H48v-20zm0-2V82H30v18h18zm-20 22H10v18h18v-18zm54 0v18h38v-20h20V82h-18v20h-20v20H82zm18-20H82v18h18v-18zm2-2h18V82h-18v18zm20 40v-18h18v18h-18zM30 0h-2v8H8v20H0v2h8v40h42V50h20V8H30V0zm20 48h18V30H50v18zm18-20H48v20H28v20H10V30h20V10h38v18zM30 50h18v18H30V50zm-2-40H10v18h18V10z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); position: relative; text-align: center; overflow: hidden; }

/* .opacity-full {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: .8;
  top: 0;
  left: 0;
  background: #f7f8fc;
} */
.section-video video { position: absolute; min-width: 100%; min-height: 100%; width: auto; height: auto; top: 50%; left: 50%; -o-object-fit: contain; object-fit: contain; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

/* .section-video:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  border-left: 50px solid #358683;
  border-top: 50px solid transparent;
} */
.section-video h3 { color: #358683; font-size: 24px; font-weight: 400; font-weight: bold; }

.section-video p { color: #555; font-size: 18px; margin-top: 10px; font-weight: bold; }

.section-video img.playon { width: 85px; animation: pulsee 3s infinite; border-radius: 50%; margin-bottom: 65px; }

@-webkit-keyframes pulsee {
    0% { -webkit-box-shadow: 0 0 0 0 rgba(138, 154, 167, 0.31); }

    70% { -webkit-box-shadow: 0 0 0 25px rgba(138, 154, 167, 0.31); }

    100% { -webkit-box-shadow: 0 0 0 0 rgba(138, 154, 167, 0.31); }
}

@keyframes pulsee {
    0% { -moz-box-shadow: 0 0 0 0 rgba(138, 154, 167, 0.31); box-shadow: 0 0 0 0 rgba(138, 154, 167, 0.31); }

    70% { -moz-box-shadow: 0 0 0 25px rgba(138, 154, 167, 0.31); box-shadow: 0 0 0 25px rgba(138, 154, 167, 0.31); }

    100% { -moz-box-shadow: 0 0 0 0 rgba(138, 154, 167, 0.31); box-shadow: 0 0 0 0 rgba(138, 154, 167, 0.31); }
}

.section-service { padding: 50px 0; }

.feature-box img { width: 100px; margin-bottom: 25px; }

.feature-box * { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }

.feature-box { margin-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden !important; border-radius: 6px; border: 1px solid !important; border-color: #e4e4e4 !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; z-index: 1; position: relative; transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; }

.feature-box:hover { box-shadow: 0 0 30px rgba(0, 0, 0, 0.08); -webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0); }

.feature-box a:hover { text-decoration: none; }

.feature-box .feature-box-move-bottom-top { width: 100%; transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; padding: 3rem; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); overflow: hidden; }

.feature-box:hover .feature-box-move-bottom-top { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }

.feature-box .feature-box-move-bottom-top i { margin-bottom: 25px; display: inline-block; font-size: 40px; }

.feature-box .feature-box-content { max-width: 100%; }

.feature-box .feature-box-content h3 { font-size: 20px; margin-bottom: 15px; color: #3d9c97; }

.feature-box .feature-box-content p { font-size: 16px; }

.feature-box .move-bottom-top { opacity: 0; margin-top: 15px; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); }

.feature-box:hover .move-bottom-top { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

.btn.btn-link { font-size: 16px; color: #38908b; padding: 7px 0 2px; border-radius: 0; position: relative; text-decoration: none; border: 0; padding-bottom: 5px; border-bottom: 1px solid; background-color: transparent; }

.section-tabs { padding: 100px 0; border-bottom: 1px solid #edf3f8; background: #f7f8fc; position: relative; }

.backy { position: absolute; left: 0; top: 0; height: 100%; width: 40vw; background: #f7f8fc url(../images/backy.jpg) no-repeat left center; background-attachment: fixed; background-size: cover; }

.backy:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(247, 248, 252, 0.58) url(../images/pattern.png); }

.client-box { position: relative; width: 100%; height: 100%; display: inline-block; z-index: 0; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; opacity: 1; padding: 15px; border: 1px solid transparent; }

.client-box:hover { z-index: 10; border: 1px solid #939393 !important; }

.client-box .client-box-image { z-index: 2; position: relative; filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray; -webkit-filter: grayscale(100%); opacity: 0.8; }

.client-box:hover .client-box-image { -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: none; opacity: 1; -webkit-filter: grayscale(0%); }

.client-box:after,
.client-box:before { content: ""; display: block; position: absolute; background: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; opacity: 1; height: calc(100% + 4px); width: 100%; z-index: 1; transition: width 1s ease, opacity 0.8s ease; }

.client-box:before { width: calc(100% + 3px); height: calc(100% + 4px); z-index: 1; transition: height 1s ease, opacity 0.8s ease; -webkit-transition: height 1s ease, opacity 0.8s ease; -moz-transition: height 1s ease, opacity 0.8s ease; -ms-transition: height 1s ease, opacity 0.8s ease; -o-transition: height 1s ease, opacity 0.8s ease; }

.client-box:hover:before { transition: height 0.2s ease, opacity 0.3s ease; -webkit-transition: height 0.2s ease, opacity 0.3s ease; -moz-transition: height 0.2s ease, opacity 0.3s ease; -ms-transition: height 0.2s ease, opacity 0.3s ease; -o-transition: height 0.2s ease, opacity 0.3s ease; height: calc(100% - 20px); opacity: 0.7; }

.client-box:after { height: calc(100% + 4px); width: 100%; z-index: 1; transition: width 1s ease, opacity 0.8s ease; }

.client-box:hover:after { transition: width 0.2s ease, opacity 0.3s ease; -webkit-transition: width 0.2s ease, opacity 0.3s ease; -moz-transition: width 0.2s ease, opacity 0.3s ease; -ms-transition: width 0.2s ease, opacity 0.3s ease; -o-transition: width 0.2s ease, opacity 0.3s ease; width: calc(100% - 20px); opacity: 0.8; }

.section-tabs h3 { font-size: 24px; color: #222; margin-top: 0; margin-bottom: 20px; }

.section-tabs p { font-size: 16px; color: #555; margin-top: 0; margin-bottom: 20px; }

.accordion-style-03 .panel { padding-left: 32px; padding-right: 32px; margin-bottom: 22px; border-radius: 5px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.08); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; background-color: #fff; }

.accordion-style-03 .panel .panel-heading { position: relative; }

.accordion-style-03 .panel .panel-heading .panel-title { padding: 18px 0; color: #3d9c97; font-size: 18px; font-weight: bold; }

.accordion-style-03 .panel .panel-heading .panel-title span span { color: #222; }

.accordion-style-03 .panel .panel-heading i { position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); color: #3d9c97; font-size: 22px; font-weight: 900; }

.accordion-toggle[aria-expanded="false"] i:before { content: "\f104"; }

.accordion-toggle[aria-expanded="true"] i:before { content: "\f107"; }

.accordion-style-03 .panel .panel-body { padding: 0 0 30px 0; }

.section-2 { padding: 50px 0; border-top: 1px solid #edf3f8; }

.section-news .title-wrapper h3 { text-align: inherit; margin-bottom: 0; }

.section-news .title-wrapper { margin-bottom: 20px; padding-top: 0; }

.title-wrapper { position: relative; padding: 15px; margin-bottom: 45px; }

.title-wrapper h3 { font-size: 20px; color: #222; text-align: center; margin-top: 0; margin-bottom: 30px; }

.title-wrapper h3 span { color: #F4804C; }

.container-fluid { width: 90%; }

.title-wrapper .line { position: absolute; width: 100%; height: 1px; background: #f7f7f7; left: 0; content: ""; bottom: 0px; }

.title-wrapper .line .box { position: absolute; width: 48px; height: 48px; background: #ffffff; top: 50%; margin-top: -24px; left: 50%; margin-left: -24px; }

.title-wrapper .line .box i { position: absolute; width: 17px; height: 17px; background: url(../images/sprite.png) no-repeat; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; content: ""; }

figure.snip1312 { position: relative; overflow: hidden; width: 100%; background-color: #ffffff; color: #000000; font-size: 16px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); }

figure.snip1312 * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

figure.snip1312 img { width: 100%; max-width: 100%; vertical-align: top; position: relative; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray; -webkit-filter: grayscale(100%); opacity: 0.8; }

figure.snip1312 figcaption { position: absolute; bottom: 15px; left: 15px; right: 15px; padding: 15px 15px 30px; background-color: #ffffff; z-index: 99; }

figure.snip1312 .date { background-color: #38908b; top: 15px; color: #fff; right: 15px; min-height: 48px; min-width: 48px; position: absolute; text-align: center; font-size: 16px; }

figure.snip1312 .date span { display: block; line-height: 24px; }

figure.snip1312 .date .month { font-size: 12px; background-color: rgba(0, 0, 0, 0.1); }

figure.snip1312 h3,
figure.snip1312 p { margin: 0; padding: 0; }

figure.snip1312 h3 { min-height: 50px; margin-top: 11px; margin-right: 60px; text-align: justify; line-height: 180%; font-size: 16px; display: inline-block; color: #222; }

figure.snip1312 p { font-size: 14px; font-weight: bold; text-align: justify; margin-bottom: 25px; line-height: 1.9em; }

figure.snip1312 footer { padding: 0 15px; background-color: #222; color: #fff; font-size: 16px; line-height: 39px; text-align: left; position: absolute; bottom: 0; left: 0; width: 100%; }

figure.snip1312 footer > div { display: inline-block; margin-left: 10px; }

figure.snip1312 footer i { color: rgba(255, 255, 255, 0.2); margin-right: 5px; }

figure.snip1312 a { text-decoration: none; color: #fff; }

figure.snip1312:hover img,
figure.snip1312.hover img { z-index: 1; }

#owl-demo3 .owl-item.center figure.snip1312 footer { background: #38908b; }

#owl-demo3 .owl-item.center figure.snip1312 img { -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: none; opacity: 1; -webkit-filter: grayscale(0%); }

#owl-demo3 .item { text-align: right; direction: rtl; }

#owl-demo3 .owl-next,
#owl-demo3 .owl-prev { display: inline-block; z-index: 999; opacity: 1; position: absolute; }

#owl-demo3 .owl-next img,
#owl-demo3 .owl-prev img { transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ }

#owl-demo3 .owl-next img:hover,
#owl-demo3 .owl-prev img:hover { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale"); filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: none; /* IE6-9 */ zoom: 1; /* needed to trigger "hasLayout" in IE if no width or height is set */ -webkit-filter: grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ }

#owl-demo3 .owl-prev { left: 0; top: -100px; }

#owl-demo3 .owl-next { right: 0; top: -100px; }

.owl-dots { margin-top: 30px; }

.section-news { padding: 50px 0; }

/* footer */

.footer { padding: 50px 0; padding-bottom: 0; background-color: #222; position: relative; border-top: 10px solid #111; }

.single-menu.style-2 { margin-bottom: 30px; }

.single-menu.style-2 .menu-image { background: #ffffff; padding: 2em; text-align: center; position: relative; overflow: hidden; border: 1px solid #eee; box-shadow: 0 3px 5px #efefef; height: 280px; }

.single-menu.style-2 .menu-image img { margin: auto; max-height: 100%; max-width: 100%; transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; }

.single-menu.style-2:hover .menu-image img { transform: translateY(-10px); opacity: 0.8; }

.single-menu.style-2 a.adiaa { background: #42464e; color: #fff; position: absolute; bottom: 0; margin-bottom: -51px; width: 100%; padding: 12px; text-decoration: none; left: 0; transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; font-size: 16px; font-weight: 600; }

.single-menu.style-2:hover a.adiaa { margin-bottom: 0; }

.single-menu.style-2 a.adiaa:hover { background: #6B7DB3; }

.single-menu.style-2 h4,
.single-menu.style-2 h4 a { font-size: 18px; color: #222; font-weight: 600; margin-top: 2em; margin: 1em 0; text-decoration: none; }

.scroll-block { padding: 0 10px; border: 1px solid #eeeeee; margin-bottom: 10px; }

#sidebar h2.side-title { margin: 0; font-size: 14px; color: #5a5a5a; padding: 13px; border: 1px solid #dddddd; margin-bottom: 17px; }

#sidebar h3.side-title { font-size: 12px; padding: 10px; background: #fcfcfc; border: 1px solid #eeeeee; margin: 10px 0; margin-bottom: 10px; color: #484848; }

#sidebar h3.side-title i { float: left; }

#price-slider { width: 300px; height: 80px; font-size: 14px; }

#price-slider input { width: 90px; display: inline-block; font-size: 12px; }

.price-filter { padding: 10px; }

.row.slider-labels { margin: 0; }

.row.slider-labels .col-lg-6 { padding: 0; }

.category-banner { border-bottom: 1px solid #eee; display: inline-block; clear: both; padding: 0; position: relative; text-align: center; z-index: 1; width: 100%; border-top: 1px solid #eee; }

.single-menu.style-2 span { display: block; font-size: 20px; font-weight: bold; color: #F4804C; margin: auto; letter-spacing: 1px; }

.cat-carasouel .item p { color: #222; text-align: center; margin-top: 13px; margin-bottom: 0; font-weight: 600; font-size: 16px; }

.cat-carasouel .item p,
.cat-carasouel .item a { text-decoration: none; }

.cat-carasouel .item img { max-width: 170px; margin: 0 auto; display: block; }

.cat-carasouel .owl-nav h1 { color: #6B7DB3; }

.cat-carasouel .owl-nav h1:hover { color: #222; }

.cat-carasouel .owl-next,
.cat-carasouel .owl-prev { display: inline-block; z-index: 999; opacity: 1; position: absolute }

.cat-carasouel .owl-next img,
.cat-carasouel .owl-prev img { transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ }

.cat-carasouel .owl-next img:hover,
.cat-carasouel .owl-prev img:hover { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: none; /* IE6-9 */ zoom: 1; /* needed to trigger "hasLayout" in IE if no width or height is set */ -webkit-filter: grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ }

.single-gallery { margin-bottom: 25px }
.single-gallery .gallery-image .holder { height: 219px; width: 100%; overflow: hidden; display: block; }
.single-gallery .gallery-image .holder img { height: 100%; width: 100%; object-fit: cover; object-position: center; }
.single-gallery:hover .content i { font-size: 38px; }
.single-gallery .gallery-image { position: relative; z-index: 1 }

.single-gallery .gallery-image img { border-radius: 5px }

.single-gallery .gallery-image::before { position: absolute; content: ''; width: 85%; height: 85%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: .6s; transition: .6s; background-color: #6B7DB3; border-radius: 5px; opacity: 0; visibility: hidden }

.single-gallery .gallery-image .content { position: absolute; left: 0; right: 0; margin: auto; text-align: center; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: .6s; transition: .6s; opacity: 0; visibility: hidden; margin-top: 10px; padding: 50px }

.single-gallery .gallery-image .content img { margin-bottom: 18px }

.single-gallery .gallery-image .content h3 { font-size: 24px; margin-bottom: 12px; color: #fff }

.single-gallery .gallery-image .content span { font-size: 16px; color: #fff }

.single-gallery:hover .gallery-image::before { opacity: 0.8; visibility: visible }

.single-gallery:hover .content { margin-top: 0; opacity: 1; visibility: visible }

.section-0 { padding: 30px 0; background: #f7f7f7; border-radius: 0 0 35px 35px; box-shadow: 0 0 10px rgba(0, 0, 0, .10) !important; }

.cat-carasouel .owl-prev { left: -66px; top: 50%; margin-top: -25px }

.cat-carasouel .owl-next { right: -66px; top: 50%; margin-top: -25px }

.single-menu.style-2 span img { width: 26px; display: inline-block !important; }

span.price.dis { color: #dd3333; text-decoration: line-through; opacity: 0.7; }

.product-carasouel .owl-dots { margin: 0; margin-bottom: 15px; }

.product-carasouel .owl-theme .owl-controls { margin-top: -10px; }

.single-menu.style-2 span em { font-style: normal; font-size: 16px; color: #222; }

.footer li a { font-size: 14px; color: #eee; text-decoration: none; padding-right: 10px; line-height: 180%; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }

.footer li a:not([href]):not([tabindex]) { color: #eee; }

.footer li a:hover { color: #fff; padding-right: 16px; }

.footer li a:not([href]):not([tabindex]):hover { color: #fff; }

.footer li { list-style: none; line-height: 218%; margin: 0 5px 5px; }

.footer li:before { content: "\f24d"; color: #fff; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.footer ul { margin-left: 10px; padding: 0; }

.footer img { display: block; max-width: 200px; margin-bottom: 15px; }

.footer h3 { color: #fff; font-size: 18px; margin-top: 0; margin-bottom: 30px; font-weight: normal; }

.footer p { font-size: 16px; color: #eee; text-align: justify; text-decoration: none; line-height: 180%; }

.footer h3 i { margin-left: 10px; color: #6B7DB3; font-size: 18px; }

.footer .col-md-4 p { color: #eee; text-align: justify; }

.footer-area { position: relative; border-top: 0; margin-top: 0; padding: 10px 0; background: #111; border-top: 1px solid #151515; }

a.top { position: absolute; right: 25px; bottom: 0; color: #ffffff; padding-top: 13px; padding-bottom: 13px; line-height: 14px; width: 53px; font-size: 24px; border: 1px solid #484848; text-align: center; text-decoration: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: 0.5s; transition: 0.5s; z-index: 999; background: #111; border-top: 1px solid #484848; border-bottom: 0; }

a.top:hover { background: #384548; color: #fff; }

.footer-area p { margin: 0; font-size: 16px; color: #fff; }

.footer-area p span { color: #6B7DB3; padding: 0 5px; }

.footer-area .top-links a { font-size: 16px; padding-top: 8px; display: inline-block; text-align: center; color: #fff; border: 1px solid #eee; }

.footer-area .top-links a:hover { color: #ff4e4e; }

.footer-area .top-links { float: right; }

/* testmonial */

.mail-section { padding: 15px 0; padding-top: 0; border-bottom: 1px solid #4e6165; margin-bottom: 30px; position: relative; }

.mail-section .input-group input { padding: 18px; font-size: 16px; height: auto; color: #ffffff; background: #344244; border: 1px solid #4e6165 !important; }

.mail-section .input-group-btn:last-child > .btn { background: #f4f7f7; border: 1px solid #f4f7f7; color: #484848; font-size: 18px; padding: 18px 30px; transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; }

.mail-section .input-group-btn:last-child > .btn:hover { background: #eeeeee; color: #484848; border: 1px solid #eee; outline: 0; }

.mail-section .input-group input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #ccc; }

.mail-section .input-group input::-moz-placeholder { /* Firefox 19+ */ color: #ccc; }

.mail-section .input-group input:-ms-input-placeholder { /* IE 10+ */ color: #ccc; }

.mail-section .input-group input:-moz-placeholder { /* Firefox 18- */ color: #ccc; }

.mail-section h3 { color: #eee; font-size: 15px; margin: 0; margin-bottom: 25px; }

.mail-section img { display: block; margin: 0 auto; margin-top: 12px; }

.social { padding-left: 0px; }

.social li { color: #353e44; border: 1px solid #353e44; list-style-type: none; display: inline-block; width: 40px; opacity: 1; height: 40px; line-height: 40px; cursor: pointer; margin-left: 10px; transition: ease 0.3s; font-size: 16px; text-align: center; }

.social:hover > li { opacity: 0.5; }

.social:hover > li:hover { opacity: 1; }

.scrolly { cursor: pointer; }

.social-buttons { text-align: left; }

.social_icons { min-height: 50px; padding: 0; width: auto; display: inherit; margin: 0 auto; text-align: left; margin-top: 5px; }

.social_icons > a { display: inline-block; width: 50px; line-height: 50px; height: 50px; margin: 0 5px; cursor: pointer; transition: all 0.3s ease; overflow: hidden; text-decoration: none; }

.social_icons > a:hover { color: #6B7DB3; }

.social_icons > a:hover > i:first-child { margin-top: 0; color: #5cfff3; }

.social_icons > a > i { transition: all 0.3s ease; display: block; position: relative; margin-top: 0; height: 100%; line-height: 50px; width: 100%; text-align: center; font-size: 120%; color: #fff; }

.social_icons > a > i:first-child { margin-top: -48px; }

/* inners */
.small-banner { padding: 45px 0; border-bottom: 1px solid #e0e0e0; background: #fcfcfc url(../images/backy.svg) center; }

ol.breadcrumb { background: transparent; padding: 0; border-radius: 0; margin-bottom: 0; }

ol.breadcrumb li { font-size: 16px; font-weight: bold; }

ol.breadcrumb li a { color: #38908b; text-decoration: none; }

ol.breadcrumb li a:hover { color: #555; }

ol.breadcrumb li a i { font-size: 22px; }

ol.breadcrumb li a:hover i { color: #38908b; }

ol.breadcrumb > li + li:before { padding: 0 10px; color: #555; content: "/\00a0"; }

.section-1.inners p { font-weight: normal; }

.section-1.inners p i { color: #38908b; font-size: 18px; }

.section-1.inners p a.info { color: #38908b; font-weight: 600; }

.section-1.inners p a.info:hover { color: #222; }

.title { border-bottom: 1px solid #dddddd; margin-bottom: 15px; }

.title h4 { display: inline-block; margin: 0; padding: 20px 15px; font-size: 18px; color: #38908b; border-bottom: 2px solid #222; }

.bor-r { border-right: 1px solid #dddddd; }

.reque iframe { border: 1px solid #dddddd !important; border-radius: 5px !important; width: 100% !important; margin-bottom: 10px !important; }

.reque hr { border-color: #dddddd; margin: 0; }

.reqe .col-md-6 input.form-control,
.reqe .col-md-6 select.form-control,
.reqe .col-md-6 textarea.form-control { padding: 12px; color: #A0A0A0; height: auto; border-radius: 0; font-size: 14px; }

.reque .reqe { padding-top: 10px; }

.reque a.button { padding: 10px 44px; font-size: 18px; text-decoration: none; border-radius: 5px; }

.reque iframe { border: 1px solid #dddddd !important; border-radius: 5px !important; width: 100% !important; margin-bottom: 10px !important; }

ul.pagination .page-item { border-top: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; }

ul.pagination .page-item a { padding: 8px 15px; font-size: 18px; border: 0; color: #0b2031; }

.page-item.active .page-link { z-index: 1; color: #fff; background-color: #6B7DB3; border-color: #6B7DB3; border-radius: 5px; }

.reqe h4 { color: #222; font-size: 16px; margin-bottom: 15px; padding-bottom: 20px; border-bottom: 1px solid #f7f7f7; }

.bor-r { border-right: 1px solid #f7f7f7; }

.reque iframe { border: 1px solid #f7f7f7 !important; border-radius: 5px !important; width: 100% !important; margin-bottom: 10px !important; }

.reque hr { border-color: #f7f7f7; margin: 0; }

.reqe p i { color: #6B7DB3; padding-left: 10px; }

.reque .col-md-6 input,
.reque .col-md-6 select,
.reque .col-md-6 textarea { padding: 12px; color: #A0A0A0; height: auto; border: 1px solid #eee; }

.reque .reqe { padding-top: 10px; }

.reque a.button { padding: 10px 44px; font-size: 18px; text-decoration: none; border-radius: 5px; }

iframe.mape { border: 1px solid #f7f7f7 !important; border-radius: 5px !important; width: 100% !important; margin-bottom: 10px !important; }

ul.pagination .page-item:first-child a,
ul.pagination .page-item:last-child a { background: #414042; color: #fff !important; padding: 8px 20px; font-size: 18px; border-radius: 5px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); }

ul.pagination .page-item:first-child:hover a,
ul.pagination .page-item:last-child:hover a { background: #38908b; }

ul.pagination .page-item:first-child a { margin-left: 10px; }

ul.pagination .page-item:last-child a { margin-right: 10px; }

.inners figure.snip1312 figcaption { position: relative; top: auto; bottom: auto; right: auto; left: auto; padding: 15px 15px 30px; background-color: #ffffff; z-index: 99; }

.inners figure.snip1312 .image a { height: 250px; display: block; position: relative; }

.inners figure.snip1312 img { filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: none; -webkit-filter: grayscale(0); opacity: 1; }

.inners figure.snip1312 { margin-bottom: 30px; }

.inners figure.snip1312 .image img { object-fit: cover; object-position: center; height: 250px; }

.inners figure.snip1312 p { margin-bottom: 36px; }

.inners figure.snip1312 .comments { padding: 7px; }

.inners figure.snip1312 footer:hover { background: #38908b; }

.inners .image-holder h2 { background: linear-gradient(40deg, #6B7DB3 0, #222 100%); padding: 15px 30px; position: absolute; bottom: 17px; right: 0; left: auto; top: auto; width: auto; font-size: 22px; text-align: center; line-height: 180%; color: #fff; }

.akhbar { background: #fcfcfc; border: 1px solid #eee; padding: 15px; overflow: hidden; margin-bottom: 30px; }

.akhbar img { border: 1px solid #eee; margin-left: 12px; margin-top: 5px; margin-bottom: 5px; }

.akhbar h3 { margin: 10px 0; font-size: 18px; color: #38908b; }

.akhbar h4 { font-size: 14px; color: #38908b; }

.akhbar span { font-size: 16px; padding-left: 18px; margin: 5px 0; display: inline-block; }

.akhbar span i { padding-left: 8px; color: #38908b; }

.itemy { border: 1px solid #e3eaf0; }

.itemy a,
.itemy a h3,
.itemy a p,
.itemy a h4,
.itemy a span { text-decoration: none; }

.itemy .imagee { position: relative; height: 200px; border-left: 1px solid #dddddd; background: #edf8f9; }

.itemy .imagee img { width: auto; }

.itemy .imagee span { position: absolute; bottom: 0; right: 0; background: #29333d; }

.itemy .conty { display: block; padding: 15px; }

.itemy .conty h3 { color: #38908b; margin: 15px 0; margin-top: 5px; }

.itemy .conty h4 { color: #555; font-size: 18px; }

.itemy .conty p { color: #666666; font-size: 16px; text-align: justify; }

.itemy .conty span.price { color: #29333d; font-size: 20px; text-align: inherit; }

p.price em { color: #EC625F; text-decoration: line-through; padding-right: 10px; font-style: normal; font-size: 16px; }

.more-deta { background: #fcfcfc; border: 1px solid #dddddd; border-top: 0; padding: 10px; }

.more-deta p { display: inline-block; padding-left: 15px; margin: 0; margin-top: 8px; }

.more-deta p i { font-size: 22px; padding-left: 6px; }

span.typee { background: #414042; padding: 6px 27px; color: #ffffff; font-size: 18px; float: left; margin-top: -20px; position: relative; margin-left: 30px; }

.more-deta p span { padding: 0 6px; font-size: 18px; }

.more-deta a.moree { padding: 10px 20px; color: #ffffff; background: #38908b; text-align: center; font-size: 16px; border-radius: 4px; text-decoration: none; }

.more-deta a.moree:hover { background: #29333d; }

.propertye { margin-bottom: 30px; }

.section-1 .r-ser { margin-top: 50px; }

.section-1 .r-ser h3 { font-size: 18px; margin-top: 15px; }

.section-1 .r-ser img { width: 100px; filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray; -webkit-filter: grayscale(100%); }

a.moreat1,
.moreat1,
button.moreat1 { background: #222; color: #fff; text-transform: capitalize; display: inline-block; border-radius: 4px; font-size: 16px; padding: 12px 30px; text-decoration: none; text-align: center; position: relative; cursor: pointer; }

.moreat1:before,
a.moreat1:before,
button.moreat1:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; border-radius: 4px; background: #f44746; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

a.moreat1,
.moreat1,
button.moreat1 { vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }

.moreat1:hover:before,
.moreat1:focus:before,
.moreat1:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); }

/* smaller screens */
.forme label { font-style: normal; font-weight: 400; font-size: 14px; color: #444; margin-bottom: 13px; }

.forme .tab-content h3 { font-style: normal; font-size: 18px; line-height: 1.2; text-transform: uppercase; text-align: center; color: #484848; margin: 20px 0; margin-top: 40px; }

.forme .form-control { padding: 12px; border-radius: 0; }

.forme label.radio-inline { margin-bottom: 0; }

.forme .moreat1,
.forme a.moreat1,
.forme button.moreat1 { display: block; width: 100%; }

a.reset { font-style: normal; display: block; font-weight: 400; font-size: 16px; line-height: 1.5; text-decoration: none; text-align: center; color: #484848; }

p a.reset { font-size: 14px; display: inline-block; }

a.savi.sing { text-decoration: none; }

a.savi.sing i { display: block; text-align: center; }

a.savi.sing i { background: #fcfcfc; padding: 9px 10px; border: 1px solid #dddddd; font-size: 28px; color: #6B7DB3; }

div#owl-demo5 img { display: inline-block; }

a.savi.sing.highlight i { color: #F4804C; }

.form-control { height: auto; }

a.reset:hover { color: #F4804C; }

.inner-content { padding: 60px 0; }

.small-banner { padding: 35px 0; border-bottom: 1px solid #e0e0e0; background: #fcfcfc; }

ol.breadcrumb { background: transparent; padding: 0; border-radius: 0; margin-bottom: 0; }

ol.breadcrumb li { font-size: 16px; font-weight: bold; }

ol.breadcrumb li a { color: #f44645; text-decoration: none; }

ol.breadcrumb li a:hover { color: #555; }

ol.breadcrumb li a i { font-size: 14px; color: #222; }

ol.breadcrumb li a:hover i { color: #222; }

ol.breadcrumb > li + li:before { padding: 0 10px; color: #555; content: "/\00a0"; padding-left: 5px; }

.befori { position: relative; text-align: center; margin-top: 15px; }

.befori span { font-size: 18px; color: #484848; position: relative; text-align: center; background: #ffffff; padding: 0 15px; }

.befori:before { border-top: 2px solid #dfdfdf; content: ""; margin: 0 auto; position: absolute; top: 50%; left: 0; right: 0; bottom: 0; width: 100%; z-index: -1; }

.row.pro-view { margin: 0 -5px; }

.row.pro-view .col-md-3,
.row.pro-view .col-md-9,
.row.pro-view .col-md-6,
.row.pro-view .col-md-8,
.row.pro-view .col-md-4,
.row.pro-view .col-md-2,
.row.pro-view .col-md-10,
.row.pro-view .col-md-7,
.row.pro-view .col-md-5 { padding: 0 5px; }

.owl1 { margin: 0px; margin-bottom: 10px; }

.owl1 .item { text-align: center; }

.owl1 .owl-controls,
.owl2 .owl-controls { margin: 0 !important; }

.owl1 .item img { margin: 0 auto; display: block; }

.owl2 { margin: 0px; margin-bottom: 10px; }

.owl2 .item { text-align: center; }

.owl2 .owl-next,
.owl2 .owl-prev { top: 0; bottom: 0; }

.owl2 .owl-next h1,
.owl2 .owl-prev h1 { height: 100%; margin: 0; display: table; text-align: center; font-size: 36px; color: #fff; }

.owl1.owl-carousel { margin: 0; }

.owl1 { background: #fff; padding: 5px; border: 1px solid #eee; border-bottom: 0; }

.owl1 .owl-nav i { color: #777777; background-color: #eeeeee; padding: 9px 17px; font-size: 22px; transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; }

.owl1 .owl-nav .owl-prev i { border-radius: 0 5px 5px 0; }

.owl1 .owl-nav .owl-next i { border-radius: 5px 0 0 5px; }

.owl1 .owl-nav i:hover { color: #d13f3a; }

.owl1 .owl-prev,
.owl1 .owl-next { display: inline-block; z-index: 999; opacity: 1; position: absolute; top: 50%; margin-top: -22px; }

.owl1 .owl-prev { left: 0; }

.owl1 .owl-next { right: 0; }

.owl2 { background: #fff; padding: 5px; border: 1px solid #eee; border-top: 0; }

.owl2 .owl-carousel .owl-item img { height: auto; max-height: 500px; }

.owl2 .item img { background: #f6f6f6; }

.product h3 { margin: 6px 0; font-size: 16px; line-height: 180%; color: #018cd1; }

.product h3:hover { color: #5a5a5a; }

.product a h3,
.product a { text-decoration: none; }

.product p { margin: 0; margin-bottom: 15px; font-size: 16px; color: #1e1e1e; }

.product p span { margin: 0; font-size: 14px; color: #018cd1; padding-left: 5px; }

.product p.price span { margin: 0; font-size: 14px; color: #222; padding-left: 5px; }

.product p img { margin-left: 6px; display: inline-block !important; width: 20px; }

.modal-title { color: #018cd1; }

.quick .form-control { margin-top: 10px; border: 1px solid #dddddd; border-radius: 0; }

.quick .product { margin: 0; }

.quick a.moreat { font-size: 14px; margin: 0; margin-top: 10px; padding: 10px; }

nav.pagi { border-top: 1px solid #eeeeee; margin-top: 15px; }

.pagination { margin: 15px 0; }

.filter-it .form-control { padding: 10px; margin-top: 9px; }

.filter-it h2 { font-size: 18px; color: #222; font-weight: 600; margin-top: 2em; margin: 1em 0; }

.filter-it h3 { margin: 6px 0; font-size: 14px; line-height: 180%; color: #222; }

.filter-it h3 span { color: #6B7DB3; padding-right: 10px; }

p.price { display: block; font-size: 16px; font-weight: bold; color: #F4804C; margin: auto; letter-spacing: 1px; }

.filter-it h3 a { margin: 6px 0; font-size: 15px; line-height: 180%; color: #484848; float: left; text-decoration: none; }

.control-panel__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 2%; }

.filter-widget .form-control { font-size: 12px; }

.list-group-item.active { background-color: #6B7DB3; border-color: #6B7DB3; }

.tabley td:last-child { background: #fcfcfc; }

.table-bordered td,
.table-bordered th { vertical-align: middle; font-size: 14px; }

.payments label,
.times label { font-weight: 600; font-size: 14px; }

.table-bordered td label { margin-bottom: 0; }

.forme { border: 1px solid #eee; padding: 15px; border-radius: 5px; }

.forme h3 { padding: 15px; text-align: center; margin: 0; background: #fcfcfc; color: #666; margin-bottom: 10px; border: 1px solid #eee; font-size: 16px; }

.forme label { font-style: normal; font-weight: 500; font-size: 15px; color: #222; margin-bottom: 13px; }

.title-box { padding: 10px; margin-bottom: 0; background: #fcfcfc; border: 1px solid #eeeeee; margin-bottom: 15px; }

.title-box p,
.title-box h3 { margin: 0; font-size: 16px; line-height: 180%; }

.title-box p span,
.title-box h3 { padding-right: 5px; }

#no-more-tables .table-bordered > tbody > tr > td { vertical-align: middle; }

#no-more-tables .table-bordered > thead > tr > th { background: #ffffff; color: #004d73; font-weight: normal; font-size: 16px; }

#no-more-tables td { padding: 10px; color: #5a5a5a; font-size: 14px; }

#no-more-tables .table-bordered th { padding: 10px 5px !important; background: #ffffff; }

#no-more-tables .table-bordered td { line-height: 180%; }

#no-more-tables .table-bordered td img { height: 100px; padding: 5px; background: #f3f3f3; border-radius: 5px; border: 1px solid #dddddd; }

#no-more-tables .table-striped > tbody > tr:nth-child(even) > td { background: #ffffff; }

div#owl-demo5 .item { text-align: center; }
a.searche { color: #414142; cursor: pointer; }
a.searche i { padding: 0 5px; color: #fff; }
a.searche:hover { color: #6d9682; }
.sear-box { position: absolute; top: 48px; z-index: 99; left: 15px; }
.sear-box .well { height: auto; margin-bottom: 0; padding: 10px; border-radius: 0; border-top: 0; }
.sear-box .well { height: auto; margin-bottom: 0; padding: 10px; border-radius: 0; border-top: 0; }
.well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%); }
.sere { display: none; position: absolute; top: 43px; left: 15px; border: 1px solid #dddddd; border-top: 0; padding: 10px; background: #fff9f2; z-index: 999999; }
.sere.active--search { display: block; }

@media only screen and (max-width: 800px) {

    /* Force table to not be like tables anymore */
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr { display: block; }

    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr { position: absolute; top: -9999px; left: -9999px; right: auto; }

    #no-more-tables tr { border: 1px solid #ccc; }

    #no-more-tables td { /* Behave  like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding-right: 50%; white-space: normal; text-align: right; }

    #no-more-tables td:before { color: #484848; left: auto; padding-left: 10px; position: absolute; right: 9px; text-align: right; top: 14px; width: 45%; }

    /*
Label the data
*/
    #no-more-tables td:before { content: attr(data-title); }
}

@media screen and (max-width: 640px) {
    .control-panel__item { margin-top: 5rem; }

    .control-panel__item:first-child { margin-top: 0; }
}

.control-panel__hint { font-weight: 700; margin-right: .5rem; }


@media only screen and (max-width :480px) {
}


@media (max-width: 525px) {
}

/* xs screens */

@media only screen and (max-width :767px) {
}

/* sm screens */

@media only screen and (min-width: 768px) and (max-width :992px) {
}

/* md screens */

@media only screen and (min-width: 993px) and (max-width :1200px) {
    .backy { position: relative; height: 250px; margin-bottom: 50px; width: 100%; background-size: cover; }

    .feature-box .feature-box-move-bottom-top { padding: 1rem; }

    .section-tabs { padding-top: 0; }

    .feature-box .feature-box-content h3 { font-size: 18px; }
}

/* ipad pro */
.btn-code { background: #6B7DB3; color: #fff; }
.btn-code:hover { background: #222; color: #fff; }
.aff-block { padding: 48px 15px; flex-direction: column; transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; cursor: pointer; border-radius: 10px; border: 1px solid #eee; margin-bottom: 1.5em; text-align: center; background: #fdfdfd; }
.aff-block:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 10%); border: 1px solid #fff; }
.aff-block img { height: 65px; width: auto; object-fit: inherit; z-index: 1; }
.aff-block h2 { margin-top: 15px; font-size: 20px; color: #222; z-index: 1; }
.aff-block h3 { font-size: 18px; color: #666; z-index: 1; }
.wella { padding: 48px 15px; flex-direction: column; transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; cursor: pointer; border-radius: 10px; border: 1px solid #eee; margin-bottom: 1.5em; text-align: center; background: #fdfdfd; }
.wella a { color: #222; font-weight: 600; }

@media only screen and (max-width :1100px) {
    .top-bar .container-fluid .row { margin: 0; }
    .top-bar .container-fluid .row .col-5, .top-bar .container-fluid .row .col-7 { padding: 0; }
    .top-bar .container-fluid { padding-left: 0; padding-right: 0; width: 100%; }
    .social-m { display: block; margin: 0 auto; text-align: center; }
    .social-m li a { font-size: 16px; }
    .social-m li a { padding: 0 5px; }

    .top-bar p span { display: none; }

    .top-bar p.lasty span { display: block; }

    .top-bar p i { margin: 0 !important; }

    .top-bar p { font-size: 14px; padding: 10px !important; margin: 0 !important; }

    .navbar-expand-lg.navbar-light { float: left; margin-top: -52px; }

    .logo img { max-height: 65px; height: auto; }

    ul.navbar-nav li a { font-size: 14px; padding: 10px; border-bottom: 1px solid #eee; display: block; }

    nav.navbar.navbar-expand-lg { width: 100vw; padding: 0; position: absolute; z-index: 999; background: #fff; left: 50%; top: -1px; transform: translateX(-50%); margin-top: 16px; }

    #layerslider { margin: 0 auto !important; }

    .single-menu.style-2 .menu-image img { height: auto; }

    .single-menu.style-2 h4,
    .single-menu.style-2 h4 a { font-size: 14px; }

    nav.navbar.navbar-expand-lg .navbar-collapse.collapse { border: 1px solid #eee; }

    ul.navbar-nav li a i { float: left; }

    .image-holder h2,
    .inners .image-holder h2 { padding: 10px; top: auto; bottom: -8px; width: 100%; font-size: 18px; }

    ol.breadcrumb li,
    ol.breadcrumb li a i { font-size: 13px; }

    .small-banner { padding: 25px 0; }

    .feature-box .feature-box-content h3 { font-size: 18px; }

    .image-holder:before { display: none; }

    .section-video h3 { font-size: 20px; }

    .section-video { padding: 3em 0; }

    .section-1 h3 { line-height: 180%; }

    section-video h3 { font-size: 20px; }

    .section-1,
    .section-2 { padding: 30px 0; }

    .backy { position: relative; height: 250px; margin-bottom: 50px; width: 100%; background-size: cover; }

    .section-tabs { padding-top: 0; }

    .client-box .client-box-image { opacity: 1; margin: 0 auto; display: block; }

    a.top { position: absolute; right: auto; left: 25px; }

    .footer-area p { font-size: 14px; text-align: center; }

    .footer img { max-width: 160px; margin: 0 auto; margin-bottom: 15px; }

    .propertye a.moreat { width: 100%; margin-top: 11px; }

    .itemy .imagee { border-left: 0; }

    .footer li a { font-size: 12px; }

    .footer p { font-size: 14px; }

    .footer h3 { color: #fff; font-size: 16px; }

    .feature-box .feature-box-move-bottom-top { padding: 1rem; }

    .section-1 p { font-size: 14px; }

    .section-1 h3 { font-size: 16px; }

    .cat-carasouel .item p { font-size: 12px; }


    .single-menu.style-2 span { font-size: 14px; }

    .title-wrapper h3 { margin-bottom: 6px; }

    .title-wrapper { margin-bottom: 25px; }

    .single-menu.style-2 a.adiaa { padding: 10px; font-size: 14px; }

    .section-0 { padding: 20px 0; }
    .cat-carasouel .item img { max-width: 100%; }
    .single-gallery .gallery-image .holder { height: 115px; }
}

/*--------------*/

@media (min-width: 769px) {
}

/* lg screens */

@media only screen and (min-width: 1201px) {
}

.nav-pills a.nav-link { color: #F4804C; }
.nav-pills .nav-link.active { background-color: #F4804C; color: #fff; }
.owl-carousel .owl-item img { max-height: 500px; }

@media only screen and (max-width :767px) {
    .sideNave { display: initial !important; }
    .sideNave a.nav-link { display: inline-block; background: #58585A; margin-bottom: 5px; font-size: 12px; padding: 2px 5px; color: #fff; }
    .single-menu.style-2 .menu-image { height: 250px !important; }
}

.badgesContainer { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; text-align: left; }
.badgesContainer .badge { display: inline-block !important; font-size: 11px !important; font-weight: normal !important; color: #fff !important; padding: 2px 4px !important; margin: 5px; border-radius: 3px; }

ol, ul { list-style-position: inside; }