* {padding: 0px;margin: 0px;box-sizing: border-box;list-style: none;}
html {overflow-x: hidden;}
body {font: 14px Tajawal, sans-serif;position: relative;background: #f3f3f3;padding-right: 70px;}
.container {margin: 0 auto;width: 1200px;}
.container-boxed {max-width: 100%;height: 100%;}
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.image-cover { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.align-center { align-items: center; }
.flex-center {display: flex;justify-content: center;flex-wrap: wrap;}
.flex-start {justify-content: flex-start;display: flex;flex-wrap: wrap;}
.flex-end { justify-content: flex-end; display: flex; flex-wrap: wrap; }
.flex-1 {flex: 1;}
.w-100 { width: 100%; min-width: 100%; }
.col-1 { width: calc(8.33333%); }
.col-2 { width: calc(16.6667%); }
.col-3 {width: calc(25%);}
.col-4 { width: calc(33.3333%); }
.col-5 { width: calc(41.6667%); }
.col-6 { width: calc(50%); }
.col-7 { width: calc(58.3333%); }
.col-8 { width: calc(66.6667%); }
.col-9 { width: calc(75%); }
.col-10 { width: calc(83.3333%); }
.col-11 { width: calc(91.6667%); }
.col-12 { width: 100%; }

@media (min-width: 1023px) {
  .hide-pc {
    display: none;
}
}
@media (max-width: 1199px) {
  .hide-mobile {}
}
@media (min-width: 992px) and (max-width: 1199px) {
  .col-lg-1 { width: calc(8.33333%); min-width: calc(8.33333%); }
  .col-lg-2 { width: calc(16.6667%); min-width: calc(16.6667%); }
  .col-lg-3 { width: calc(25%); min-width: calc(25%); }
  .col-lg-4 { width: calc(33.3333%); min-width: calc(33.3333%); }
  .col-lg-5 { width: calc(41.6667%); min-width: calc(41.6667%); }
  .col-lg-6 { width: calc(50%); min-width: calc(50%); }
  .col-lg-7 { width: calc(58.3333%); min-width: calc(58.3333%); }
  .col-lg-8 { width: calc(66.6667%); min-width: calc(66.6667%); }
  .col-lg-9 { width: calc(75%); min-width: calc(75%); }
  .col-lg-10 { width: calc(83.3333%); min-width: calc(83.3333%); }
  .col-lg-11 { width: calc(91.6667%); min-width: calc(91.6667%); }
  .col-lg-12 { width: 100%; min-width: 100%; }
  .flex-lg-center { display: flex; justify-content: center; flex-wrap: wrap; }
  .flex-lg-start { justify-content: flex-start; display: flex; flex-wrap: wrap; }
  .flex-lg-end { justify-content: flex-end; display: flex; flex-wrap: wrap; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .col-md-1 { width: calc(8.33333%); min-width: calc(8.33333%); }
  .col-md-2 { width: calc(16.6667%); min-width: calc(16.6667%); }
  .col-md-3 { width: calc(25%); min-width: calc(25%); }
  .col-md-4 { width: calc(33.3333%); min-width: calc(33.3333%); }
  .col-md-5 { width: calc(41.6667%); min-width: calc(41.6667%); }
  .col-md-6 {width: calc(50%);min-width: calc(50%);}
  .col-md-7 { width: calc(58.3333%); min-width: calc(58.3333%); }
  .col-md-8 { width: calc(66.6667%); min-width: calc(66.6667%); }
  .col-md-9 { width: calc(75%); min-width: calc(75%); }
  .col-md-10 { width: calc(83.3333%); min-width: calc(83.3333%); }
  .col-md-11 { width: calc(91.6667%); min-width: calc(91.6667%); }
  .col-md-12 {width: 100%;}
  .flex-md-center { display: flex; justify-content: center; flex-wrap: wrap; }
  .flex-md-start { justify-content: flex-start; display: flex; flex-wrap: wrap; }
  .flex-md-end { justify-content: flex-end; display: flex; flex-wrap: wrap; }
}
@media (max-width: 767px) {
  .col-sm-1 { width: calc(8.33333%); min-width: calc(8.33333%); }
  .col-sm-2 { width: calc(16.6667%); min-width: calc(16.6667%); }
  .col-sm-3 { width: calc(25%); min-width: calc(25%); }
  .col-sm-4 { width: calc(33.3333%); min-width: calc(33.3333%); }
  .col-sm-5 { width: calc(41.6667%); min-width: calc(41.6667%); }
  .col-sm-6 { width: calc(50%); min-width: calc(50%); }
  .col-sm-7 { width: calc(58.3333%); min-width: calc(58.3333%); }
  .col-sm-8 { width: calc(66.6667%); min-width: calc(66.6667%); }
  .col-sm-9 { width: calc(75%); min-width: calc(75%); }
  .col-sm-10 { width: calc(83.3333%); min-width: calc(83.3333%); }
  .col-sm-11 { width: calc(91.6667%); min-width: calc(91.6667%); }
  .col-sm-12 { width: 100%; min-width: 100%; }
  .mobile-big-title { font-size: 24px; }
  .mobile-p { font-size: 14px; }
  .flex-sm-center { display: flex; justify-content: center; flex-wrap: wrap; }
  .flex-sm-start { justify-content: flex-start; display: flex; flex-wrap: wrap; }
  .flex-sm-end { justify-content: flex-end; display: flex; flex-wrap: wrap; }
}
@media (max-width: 450px) {
  .col-xs-1 { width: calc(8.33333%); min-width: calc(8.33333%); }
  .col-xs-2 { width: calc(16.6667%); min-width: calc(16.6667%); }
  .col-xs-3 { width: calc(25%); min-width: calc(25%); }
  .col-xs-4 { width: calc(33.3333%); min-width: calc(33.3333%); }
  .col-xs-5 { width: calc(41.6667%); min-width: calc(41.6667%); }
  .col-xs-6 { width: calc(50%); min-width: calc(50%); }
  .col-xs-7 { width: calc(58.3333%); min-width: calc(58.3333%); }
  .col-xs-8 { width: calc(66.6667%); min-width: calc(66.6667%); }
  .col-xs-9 { width: calc(75%); min-width: calc(75%); }
  .col-xs-10 { width: calc(83.3333%); min-width: calc(83.3333%); }
  .col-xs-11 { width: calc(91.6667%); min-width: calc(91.6667%); }
  .col-xs-12 { width: 100%; min-width: 100%; }
  .flex-xs-center { display: flex; justify-content: center; flex-wrap: wrap; }
  .flex-xs-start { justify-content: flex-start; display: flex; flex-wrap: wrap; }
  .flex-xs-end { justify-content: flex-end; display: flex; flex-wrap: wrap; }
}
.clearfix::after { content: ""; display: block; clear: both; }
.list-unstyled { list-style: none; }
.before::before { content: ""; position: absolute; width: 100%; height: 100%; inset: 0px; }
.owl-item {display: inline-block;vertical-align: text-top;}
.disabled { display: none; }
.owl-carousel {z-index: 2;position: relative;height: 100%;}
.owl-load { opacity: 1; visibility: visible; }
img {height:100%;max-width: 100%;vertical-align: middle;border-style: none;transition: all 0.3s cubic-bezier(0, 0, 0.99, 0.74) 0s;}
form, input, button, textarea, select {}
.hide { display: none !important; }
a { text-decoration: none; color: inherit; }
.pull-left { float: left; }
.pull-right {float: right;}
.scroll-top {position: fixed;bottom: 13px;right: 5px;width: 40px;height: 40px;text-align: center;line-height: 45px;font-size: 23px;cursor: pointer;background: #ffbe00;color: rgb(24 18 42);z-index: 99999999;opacity: 0;top: inherit;padding: 0;box-shadow: 0 0 8px rgb(0 0 0 / 20%);transition: all 0.3s ease;box-sizing: border-box;border-radius: 50%;}
.scroll-top.show { opacity: 1; }
main {margin-top: 0;overflow: hidden;}
header {height: 100px;position: relative;}
header .logo {
    margin-top: 10px;
}
header .logo img {
}
.search {margin-left: 4px;height: 40px;border-radius: 4px;float: revert;opacity: 0;visibility: hidden;transition: all ease .3s;}
.social a {display: inline-block;text-align: center;width: 40px;height: 40px;margin-left: 9px;color: rgb(0 0 0);font-size: 22px;transition: all 0.35s ease 0s;border-radius: 10px;line-height: 43px;background: #ffbe00;position: relative;}
.social a:hover { color: rgb(243, 249, 255); }
.social a.facebook:hover { color: rgb(255, 255, 255); background: rgb(72, 88, 197); }
.social a.instagram:hover {background: rgb(190 13 13);}
.social a.whatsapp:hover { color: rgb(255, 255, 255); background: rgb(37, 177, 93) !important; }
.main-menu {margin-top: 20px;}
.main-menu li {font-weight: 500;display: block;padding: 0px 10px;border-left: 2px solid #ffffff2b;font-size: 16px;height: 23px;color: rgb(243 243 243);transition: all 0.5s ease-out 0s;text-align: center;position: relative;}
.main-menu li:hover {color: rgb(255 210 81);}
.menu-item-has-children::after {font-family: "font awesome 5 pro";color: rgb(255, 255, 255);font-size: 13px;margin-right: 3px;}
.main-menu .sub-menu {position: absolute;width: max-content;margin-left: 8px;min-width: 200px;padding: 7px;top: 50px;right: 0px;list-style: none;background: rgb(243 243 243);visibility: hidden;opacity: 0;transition: all 0.5s ease-out 0s;box-shadow: rgba(43, 52, 59, 0.1) 0px 3px 25px 0px, rgba(43, 52, 59, 0.1) 0px 0px 0px inset;transform: translateY(70px);border-radius: 0 0 10px 10px;}
.main-menu li:hover > .sub-menu {transform: inherit;opacity: 1;visibility: visible;}
.main-menu .sub-menu li:hover {
    background: #e21e1d;
    border-radius: 0 0 10px 10px;
}
.main-menu .sub-menu li {border-bottom: 1px solid rgba(218, 216, 216, 0.12);margin: 0px;padding: 0px 10px;height: auto;line-height: 39px !important;border-left: none;padding-right: 10px;text-align: right;}
.main-menu .sub-menu li .sub-menu { right: 100%; top: 0px; }
.main-menu .sub-menu li a {color: rgb(24 18 42);display: block;transition: all 0.35s ease 0s;font-size: 14px;font-weight: 100;}
.main-menu .sub-menu li a:hover {color: rgb(255 255 255);}
.bottom-header {width: 100%;z-index: 9999;transition: all 0.3s ease 0s;position: relative;padding: 10px 110px 10px 10px;background: #f91f1e;}
.info-us {display: flex;line-height: 90px;}
.info-us a { width: 230px; font-size: 27px; margin-left: 31px; text-align: right; }
.info-us li {width: auto;font-size: 23px;display: flex;margin-left: 30px;}
.info-us a i { margin-left: 9px; color: rgb(0, 102, 255); }
.header-hot {}
.olk i {color: rgb(255 255 255);margin-left: 9px;}
.olk {color: rgb(255 255 255);}
.logo {
    margin-left: 20px;
}
.logo img {height: 100%;width: auto;}
.act-search {color: rgb(243 243 243);font-size: 27px;font-weight: 500;text-align: center;cursor: pointer;}
.up-header.show .main-menu li:nth-child(1) {color: #f3f3f3;padding: 0 10px;}
a.contact-us {font-size: 20px;text-align: center;height: 50px;line-height: 46px;margin-top: 24px;background: rgb(243 51 51);border-radius: 8px;color: #fff;margin-left: 0;}
.main-menu li::before {}
.main-menu li::after {}
.main-menu li a {width: 100%;display: block;}
.bottom-header.show {position: fixed;top: 0;background: #364088;box-shadow: 0px 2px 5px #0000009e;}
li.up-contact-us {margin-right: 30px;display: inline-flex;margin-left: 0;}
.block-tag {display: block;}
.heads-item {margin-bottom: 30px;position: relative;overflow: hidden;border: 5px solid #fff;box-shadow: 0px 0px 5px #00000033;cursor: pointer;margin-left: 30px;max-height: 280px;width: calc((100% - 81px) / 3);}
.heads-image { width: 100%; height: 100%; }
.heads-image img { min-width: 100%; min-height: 100%; transition: all 4s cubic-bezier(0.01, 0.66, 0.5, 1.06) 0s; }
.heads-info { position: absolute; display: block; bottom: 0px; padding: 100px 30px 25px; transform: translate3d(0px, 29%, 0px); transition: opacity 0.35s ease 0s, bottom 0.35s ease 0s, transform 0.4s ease 0s; z-index: 2; }
.heads-item::before { content: ""; position: absolute; top: 0px; right: 0px; width: 100%; height: 100%; transition: opacity 0.35s ease 0s, bottom 0.35s ease 0s, transform 0.4s ease 0s; transform: translate3d(0px, 35%, 0px); background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 65%, rgba(0, 0, 0, 0.7) 100%); z-index: 1; }
h3.heads-title { margin-bottom: 5px; font-size: 24px; line-height: 34px; font-weight: bold; max-height: 64px; overflow: hidden; color: rgb(255, 255, 255); }
label.title-2 {font-size: 23px;line-height: 24px;color: rgb(226 200 56);width: 100%;display: block;margin-bottom: 11px;font-weight: 600;}
p.heads-content { margin-bottom: 0px; font-size: 15px; line-height: 24px; color: rgb(221, 221, 221); text-shadow: rgb(138, 138, 138) 0px 1px 2px; height: 50px; overflow: hidden; }
.heads-item:hover .heads-info { transform: translate3d(0px, 0%, 0px); }
.heads-item:hover::before { transform: translate3d(0px, 0px, 0px); }
.heads-item:hover img { transform: scale(1.2); transition: transform 4s ease-out 0s; }
.margin-one div:nth-child(3), .margin-one div:nth-child(6) {margin-left: 0px;}
section.shape-1 {background-repeat: repeat-y;border-top: 2px solid #0000001a;background: radial-gradient(#271e42,#18122a);padding: 50px 10px;}
.news-block-one {position: relative;cursor: pointer;height: 60px;line-height: 60px;flex: 1;overflow: hidden;border-left: 1px solid #ffffff0f;color: #fff;transition: all 0.5s ease-in-out;}
.news-block-one:last-child{
  border-left:0
}
.image {width: 40%;height: 300px;overflow: hidden;position: relative;box-shadow: 0px 0px 5px #0000003b;border-radius: 10px;min-width: 40%;}
.image img {width: 100%;display: block;min-height: 100%;object-fit: cover;}
.lower-content {width: 60%;height: 100%;padding: 10px 24px 10px 0px;position: relative;z-index: 3;transition: all 0.3s ease-out 0s;min-width: 60%;}
.link {font-weight: 600;display: block;text-align: right;color: rgba(50, 50, 50, 0.93);margin-top: 30px;width: 100%;padding-top: 6px;}
.lower-content p {font-weight: 500;font-size: 15px;margin-bottom: 15px;max-height: 82px;overflow: hidden;line-height: 29px;color: rgb(243 243 243);}
.lower-content h3 {font-weight: 700;margin-bottom: 10px;font-size: 21px;height: 61px;overflow: hidden;color: rgb(255 255 255);margin-top: 20px;}
.date {display: inline-flex;font-size: 15px;text-align: center;color: rgb(255 255 255);margin-left: 6px;width: 130px;padding: 20px 0px;height: 30px;line-height: 0px;}
.svg-content { position: absolute; width: 100%; top: -70px; left: 0px; }
svg.top-svg {display: block;overflow: hidden;position: absolute;width: 100%;transform: scale(1.056);fill: rgb(54 64 136);}
svg.bottom-svg {width: 100%;transform: scale(1.056);display: block;fill: rgb(243 51 51);position: absolute;top: 7px;}
svg.bottom-svgw { width: 100%; transform: scale(1.056); position: absolute; top: 16px; }
.day {font-size: 25px;}
.news-block-one:hover .lower-content {}
h2.news-title::after {}
.shape-1 .row > div:nth-child(2), .shape-1 .row > div:nth-child(4), .shape-1 .row > div:nth-child(6), .shape-1 .row > div:nth-child(8), .shape-1 .row > div:nth-child(10), .shape-1 .row > div:nth-child(12), .shape-1 .row > div:nth-child(14) {
    /* margin-left: 0; */
}
.image-more .day {
  font-size:inherit
}
.shape-item-2 {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    max-height: 480px;
    height: 300px;
    }
.shape-item-2 .sdas {display: block;color: rgb(0, 0, 0);position: relative;width: 100%;height: 100%;margin: 9px;overflow: hidden;box-shadow: 0px 0px 8px -4px #00000059;}
.shape-item-2 .sdas:hover .shape-info { transform: rotateX(0deg); }
.shape-2-image {height: 100%;background: rgb(245, 245, 245);position: relative;overflow: hidden;}
.shape-info label:hover { }
.shape-info label { display: inline-block; background: rgba(44, 45, 72, 0.79); padding: 7px 14px; margin-bottom: 5px; color: rgb(255, 255, 255); border-radius: 5px; width: 100%; text-align: center; font-size: 18px; }
.shape-info time { font-size: 13px; font-weight: 600; color: rgb(183, 130, 97); }
.shape-2-image img {min-width: 100%;min-height: 100%;object-fit: cover;}
section.shape-2 {padding: 50px 10px;}
video-section {position: relative;padding: 26px 0px 0px 0px;z-index: 1;overflow: hidden;border-bottom: 5px solid #fff;height: 530px;}
.video {position: relative;}
.video img {display: block;object-fit: cover;width: 100%;min-height: 100%;height: 100%;opacity: 0.7;}
.play-icon {position: absolute;height: 125px;width: 125px;box-sizing: border-box;top: calc(50% - 210px);color: #18122a;right: 0;text-align: center;line-height: 116px;font-size: 50px;border-radius: 50%;z-index: 9;cursor: pointer;display: inline-block;background: #ffeb3b;border: 7px solid #4e10101f;box-shadow: 0 0 0 0 rgb(255 235 59);animation: pulse 1.5s infinite;transform: inherit !important;}
.video-label { position: absolute; width: 245px; background: linear-gradient(90deg, rgba(255, 255, 255, 0.62), rgb(31, 37, 60)); font-size: 19px; font-weight: 600; right: -208px; line-height: 39px; z-index: -1; padding: 2px 10px; top: 25px; border-radius: 20px; transition: all 0.35s ease 0s; opacity: 0; transform: rotate(-45deg); transform-origin: left center; }
.play-icon:hover .video-label { }
video-section .container > div:nth-child(1) {}
.mohs { margin: 0px auto; position: relative; top: -300px; }
.video-title {font-size: 16px;margin-bottom: 25px;color: #ffffff;display: block;position: relative;height: 36px;}
.video-content {font-size: 20px;display: block;height: 85px;padding-top: 23px;}
.play-icon:hover i {color: rgb(255 255 255);transition: all 0.3s ease 0s;}
.play-icon i { transition: all 0.3s ease 0s; }
.video iframe {width: 100%;height: 100%;z-index: 99;position: fixed;top: 20%;right: 30%;width: 600px;height: 500px;}
footer {padding: 30px 10px;background-color: #140e24;position: relative;overflow: hidden;z-index: 9;background-clip: border-box;background-position: center;padding-bottom: 0;min-height: 350px;}
h2.footer-title {font-size: 21px;font-weight: 500;color: rgb(245 248 254);position: relative;padding: 0px 0px 21px;}
.up-callme { display: flex; font-size: 22px; color: rgb(255, 255, 255); line-height: 50px; font-weight: 700; }
h5.footer-title-callme { color: rgb(255, 210, 13); font-size: 27px; margin-right: 6px; }
.up-callme p { }
footer .col-8 p {font-size: 19px;width: 70%;color: rgb(248 206 16);}
.mals {display: block;height: 100%;}
.mals ul {margin-top: 0px;}
.mals ul li {position: relative;color: rgb(196 196 196);padding: 5px;background: #ffffff1c;width: auto;display: inline-flex;font-size: 16px;margin-bottom: 6px;margin-left: 3px;}
ul.footer-menu li::before {font-family: "font awesome 5 pro";margin-left: 6px;float: right;margin-top: 4px;font-size: 11px;color: rgb(255, 210, 13);}
ul.footer-menu li:hover {color: rgb(255 255 255);}
.col-8.flex-1 {display: block;overflow: hidden;padding-left: 22px;width: 100%;}
.footer-contacts li.flex-start { width: 100%; height: 29px; margin-bottom: 9px; }
a.phone-icon.dsa.fot { position: absolute; top: inherit; background: rgb(246, 96, 0); z-index: 99; height: 47px; width: 200px; transition: all 0.5s cubic-bezier(0.42, 0, 0.81, 0.63) 0s; box-shadow: rgba(18, 19, 18, 0.25) 0px 0px 4px; text-align: center; cursor: pointer; line-height: 33px; font-size: 19px; color: rgb(255, 255, 255); border: 5px solid rgba(61, 61, 61, 0.33); }
a.phone-icon.dsa.fot i { line-height: 33px; margin-right: 10px; font-size: 24px; }
.footer-contacts .flex-1 { font-size: 16px; color: rgb(255, 255, 255); }
.footer-contacts .flex-1 div { font-size: 17px; font-weight: 700; }
.footer-contacts i {font-size: 20px;color: rgb(255 253 253);margin-left: 14px;background: #2d4a8a;width: 30px;height: 30px;text-align: center;line-height: 30px;border-radius: 3px;position: relative;}
div#img-footer { width: 250px; margin-right: auto; }
.email-subscriber {padding: 19px 0px 0 0px;position: relative;background: #18122a;z-index: 1;}
.email-subscriber .clearfix .pull-right {display: flex;width: 100%;}
.email-subscriber .logo {margin-right: auto;width: 238px;height: auto;z-index: 9;padding: 3px;border-radius: 10px;margin-left: 8px;}
.social {
    line-height: 35px;
    background: #18122a;
    z-index: 9;
    position: relative;
}
.social a.twitter:hover { background: rgb(6, 155, 212); }
.social a.telegram:hover {background: rgb(255 216 0);}
.email-subscriber a.ertf {color: rgb(255, 255, 255);position: inherit;box-shadow: none;width: auto;text-align: center;font-size: 23px;line-height: 76px;margin-left: 100px;z-index: 9;background: #46c6ce;border-radius: 10px;padding: 7px 12px;height: auto;}
.ertf i {
    margin-right: 7px;
}

section.shape-3 {margin-bottom: 30px;width: 92%;float: left;}
.shape-3-info h3 {line-height: 30px;color: rgb(0 0 0);margin-bottom: 7px;font-size: 17px;width: 100%;height: 55px;overflow: hidden;}
.shape-3-info p {color: rgb(118 118 118);font-size: 15px;width: 100%;height: 103px;line-height: 27px;max-height: 120px;overflow: hidden;margin-bottom: 15px;}
.shape-3-info::before {}
.right-post:hover .shape-3-image, .left-post:hover .shape-3-image {
}
.right-post:hover .shape-3-info, .left-post:hover .shape-3-info {
}

.social-shepstow {color: rgb(59, 59, 59);display: flex;text-align: center;margin: 0 auto;box-sizing: border-box;position: absolute;top: 21px;left: 10px;transform: translate(-300px, 0px);transition: all 0.4s ease-in-out;flex-direction: column;text-align: center;background: #cf2e2e;}
.koyd {transform: translateY(-213px);height: 210px;position: relative;top: 4px;}
.svgss {fill: rgb(54 64 136);transform: rotateY(180deg);}
.svgss svg {display: block;}
path.cls-1 {}
.info-til {padding: 24px;width: 100%;height: 100%;position: absolute;top: 0;right: 0;box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%);padding-top: 90px;text-align: center;transition: all 0.3s ease 0.5s;}
.info-til h3 {font-size: 16px;max-height: 50px;overflow: hidden;color: rgb(255 190 0);margin-bottom: 4px;font-weight: 700;text-align: center;z-index: 2;position: relative;opacity: 0;transition: all 0.3s ease 0.5s;}
.info-til label {font-size: 16px;color: #d60c0c;font-weight: 500;}
.item-social { height: 100%; line-height: 50px; color: rgb(46, 46, 46); cursor: pointer; }
.up-item-social {position: absolute;top: 0;right: 0;width: 100%;height: 100%;left: 40px;z-index: 9;font-size: 23px;text-align: center;opacity: 0;transition: all 0.3s ease-out 0s;}
.social-shepstow a {font-size: 24px;color: #ffffff;display: block;width: 60px;height: 50px;line-height: 54px;z-index: 9;transition: .3s all !important;margin-bottom: 4px;}
.up-item-social:hover .social-shepstow { opacity: 1; visibility: visible; transition: all 0.4s ease-out 0s; }
.up-item-social:hover .item-social i {transition: all 0.4s ease-out 0s;color: rgb(54 64 136);transform: rotate(90deg);}
.up-item-social:hover .social-shepstow a { transform: translate(0px, 0px); opacity: 1; visibility: visible; transition: all 0.4s cubic-bezier(0.09, 0.82, 0.58, 1) 1s; }
.up-item-social:hover .social-shepstow a.whatsapp {transition-delay: 1.1s;}
.up-item-social:hover .social-shepstow a.facebook {transition-delay: 1.5s;}
.up-item-social:hover .social-shepstow a.telegram {transition-delay: 1.2s;}
.up-item-social:hover .social-shepstow a.google {transition-delay: 1.3s;}
.up-item-social:hover .social-shepstow a.twitter {transition-delay: 1.4s;}
.up-item-social .item-social i { transition: all 0.4s ease-out 0s; }
a.readmore-link:hover {color: rgb(226 28 28);transform: scale(1.1);}
/*******************start-video*****************/
h2.q-title {
    text-align: center;
    font-size: 40px;
    color: #fff;
    padding: 20px 0;
}
.accordion {
    width: 50%;
    position: relative;
    z-index: 9;
    padding-top: 50px;
    padding-left: 30px;
}

.panel-header {
    color: #f3f3f3;
    font-size: 21px;
    padding: 15px 15px 11px 0px;
    margin-bottom: 12px;
    background: #18122ab3;
    border-radius: 30px;
    cursor: pointer;
    transition: .35s ease;
}
.post-faq .panel-header {
  background:#eee;
  color:#000
}
.panel-header i {
    margin-left: 7px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 38px;
    margin-right: -5px;
    margin-top: -8px;
    border-radius: 50%;
    color: inherit;
    transition: .35s ease;
    font-size: 16px;
    float: right;
    border: 1px solid ;
}

.panel-content {
    color: #f3f3f3;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    padding: 14px;
    border-radius: 15px;
    display: none;
    margin-bottom: 15px;
    overflow: hidden;
}

.post-faq .panel-content {
  color:#222
}

.bakg-videos {
}
/*******************end-video*****************/
/*******************start-slider*****************/

.up-title {width: 100%;margin: -25px auto;}

.panel-header.active {
}

.block-tag .panel-header:hover {color: #ffbe00;}

.custom-slider {
    position: relative;
    height: 500px;
    overflow: hidden;
    background: linear-gradient(180deg, #ffffff, #bde0fc);
    margin-top: 116px;
}

.big-image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: .45s ease;
}

.big-image.active {
    opacity: 1;
    visibility: visible;
}

.big-image img, .thumb-sm img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

a.slider-link {
    background: #d21f1f;
    display: inline-block;
    width: max-content;
    line-height: 40px;
    border-radius: 10px;
    font-size: 20px;
    box-shadow: 0px 0px 12px #00000030;
    transition: .55s ease;
    transition-delay: .6s;
    transform: translateY(60px);
    text-shadow: 0px 1px 4px #06060642;
    opacity: 0;
    color: #ffffff;
    font-weight: 600;
    padding: 3px 20px;
    text-align: center;
    z-index: 99;
    cursor: pointer;
}

.active p.slider-content, .active a.slider-link {
    transform: translateY(0px);
    opacity: 1;
}

.titel-slider {
    position: absolute;
    top: 0px;
    right: 0;
    width: 940px;
    text-align: right;
    height: 100%;
    z-index: 6;
    background: linear-gradient(
-90deg
, #252a4e, transparent);
    padding-top: 20px;
}

h3.slider-title {
    font-size: 18px;
    color: #f3f8fb;
    text-shadow: 0px 0px 2px #ffffff;
    padding: 15px 0;
    transition: .55s ease;
    transition-delay: .5s;
    opacity: 0;
    max-height: 102px;
    overflow: hidden;
    padding: 5px;
    margin-bottom: 14px;
}

.active h3.slider-title {
    transform: translateY(0);
    opacity: 1;
}

.slider-title:before {
    position: absolute;
    content: '';
    left: 50%;
    bottom: 0;
    height: 2px;
    width: 91%;
    transform: translateX(-50%);
    
    max-width: 770px;
    margin: 0 auto;
}

p.slider-content {
    color: #f4f4f4;
    font-size: 17px;
    transform: translateY(60px);
    /* text-shadow: 0px 0px 2px #ffb81f; */
    transition: .55s ease;
    transition-delay: .5s;
    opacity: 0;
    width: 100%;
    line-height: 30px;
    height: 90px;
    overflow: hidden;
    margin-bottom: 30px;
}

.custom-slider-thumbs {
    position: absolute;
    width: 50%;
    height: 236px;
    top: 360px;
    right: 0;
    padding: 8px;
    z-index: 99;
    border-radius: 25px 0px 0px 25px;
}

.navs {
    position: absolute;
    width: 129px;
    right: 40%;
    bottom: -40px;
}

.navs span {
    display: block;
    background: #ffffff;
    padding: 1px;
    text-align: center;
    flex: 1;
    color: #364088;
    font-size: 21px;
    cursor: pointer;
    margin-left: 6px;
    border-radius: 15px;
}

.custom-slider-thumbs .owl-carousel {
    height: 187px;
    overflow: hidden;
}

.thumb-sm {
    height: 186px;
    cursor: pointer;
    max-width: 287px;
    border: 4px solid #fff;
    border-radius: 20px;
    margin-left: 2px;
}

.thumb-sm img {
    object-fit: cover;
    border-radius: 20px;
}


/*******************end-slider*****************/
/*******************features *****************/
.company-steps {
    position: relative;
    padding-top: 50px;
}

.company-title h2 {
    font-size: 26px;
    color: #cf2e2e;
    max-height: 120px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}
.company-title p{color: #595959;font-size: 17px;max-height: 176px;margin-bottom: 10px;line-height: 30px;overflow: hidden;}

.rokn-rihgt .flex-center div.benfit-item:nth-child(5) {margin-left: 0;}
.rokn-rihgt {
    width: 100%;
    text-align: right;
    height: 230px;
}

.icon {
    font-size: 45px;
    margin-left: 20px;
    color: #f91f1e;
    font-weight: 300;
    text-align: center;
    width: 100%;
}

.benfit-item {
    margin-left: 25px;
    margin-bottom: 25px;
    width: calc((100% - 100px) / 5);
    padding: 32px 16px 32px 16px;
    background-color: #FFFFFF;
    position: relative;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
    box-shadow: 0 0 8px rgb(0 0 0 / 20%);
    height: fit-content;
    z-index: 1;
    border-radius: 10% 10% 0 0;
}

.kamc {
    color: #687f9b;
    max-height: 60px;
    overflow: hidden;
}

.imge-apsleo {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 55px;
    background: linear-gradient(90deg, #ffa500, #ffcb05);
    z-index: -1;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 0;
}

.imge-apsleo h2 {color: #fff;width: 550px;margin: 0 auto;padding-left: 100px;padding-top: 10px;}

.rokn-left {width: 500px;position: relative;height: 420px;}

.rokn-left img {z-index: 9;width: 250px;min-height: 100%;object-fit: cover;height: 420px;display: block;}

/*******************end-features *****************/
/*******************start-services *****************/

h2.services-title{
  position: relative;
  color: #f91f1e;
  font-weight: 600;
  font-size: 34px;
  padding-top: 10px;
  margin-bottom: 15px;
}
.service-item{
      position: relative;
      transition: all 0.5s ease-in-out;
      padding: 5px;
}
.service-item a{
  vertical-align: baseline;
  float: right;
  width: 100%;
  padding: 10px;
  position: relative;
  z-index: 9;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 0 3px rgb(0 0 0 / 88%);
  transition: all 0.4s ease;
}
.ser-item-image{
  width: 100%;
  height: 190px;
  font-size: 43px;
  color: #d21f1f;
  font-weight: 300;
  transition: .3s all;
  text-align: center;
  line-height: 90px;
  overflow: hidden;
  border-radius: 10px;
}
h2.ser-title{
      font-size: 17px;
      max-height: 65px;
      text-align: right;
      color: #000000;
      text-transform: capitalize;
      overflow: hidden;
      border-bottom: 2px solid #ddd;
      margin-bottom: 15px;
      text-align: center;
      padding-top: 15px;
      padding-bottom: 15px;
      transition: all 0.4s ease;
}
p.ser-title{
      font-size: 16px;
      text-align: center;
      color: #575757;
      text-transform: capitalize;
      margin-bottom: 11px;
      transition: all 0.4s ease;
      height: 150px;
      overflow: hidden;
}


.service-item img {
    min-height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
    overflow: hidden;
}
/*******************end-services *****************/

/*******************shapes-there*****************/
.left-post .shape-3-info {
    left: 0;
    right: inherit;
}

.left-post .shape-3-image {
    right: 0;
}

.right-post:hover .shape-3-image img, .left-post:hover .shape-3-image img {
}
/*******************end-shapes-there*****************/


/*******************shapes-fuor*****************/
services {
   box-shadow: 0 0 0 0 #ffffff;
   position: relative;
   z-index: 0;
   overflow: hidden;
   border-top: 10px solid #e3e3e3;
   padding-bottom: 30px;
   padding-right: 20px;
   padding-left: 20px;
}



.big-image label.title-2 {
    font-size: 18px;
    margin-top: 20px;
    font-weight: 500;
    background: #d21f1f;
    color: #ffffff;
    margin-right: 10%;
    padding: 2px 10px;
    border-radius: 20px;
    width: max-content;
    max-width: 400px;
}
/*******************end-shapes-fuor*****************/
/*******************css-singel*****************/
.poster{overflow: hidden;box-shadow: 0px 0px 5px #00000075;position: relative;margin-bottom: 10px;border: 4px solid #fff;margin: 0 auto;}
.poster img{width: 100%;max-height: 510px;object-fit: cover;}
breadcrumb{
      display: block;
      padding: 5px 10px;
      border-radius: 4px;
      margin-bottom: 15px;
      background: #e3e3e3;
}
breadcrumb a{
  color: #000000;
  display: inline-block;
  margin: 10px;
  font-size: 15px;
  font-weight: 600;
}
breadcrumb i{
  color: #4d57a0;
  display: inline-block;
  margin-left: 10px;
  font-size: 13px;
  font-weight: 600;
}

.contain-body {
    width: 100%;
    background: #fff;
}

.clearfix h1 {
}

.last {
    text-align: right;
    z-index: 9;
}

.poster:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
    background: linear-gradient(transparent,#00000099);
    z-index: 0;
}
post-content * {
    max-width: 100%;
    font-size: 18px;
    color: #1e243a;
}

post-content h1, post-content h2, post-content h3, post-content h4 {
    color: #d81f1f;
    margin: 10px 0;
    padding: 5px;
}
post-content p{
      font-size: 18px;
      line-height: 30px;
      margin-bottom: 0;
      color: #1e243a;
}

.sticky {display: flex;}

.logo-singel-sidbar {
    width: 100%;
    height: 70px;
    background: #ffd20d;
    box-shadow: 0 0 10px #0003;
    border-radius: 40px;
    margin-bottom: 15px;
}

a.phone-icon-sidbar {
    width: 100%;
    height: 100%;
    font-size: 25px;
    color: #1e243a;
}

a.phone-icon-sidbar i {
    width: 70px;
    height: 70px;
    border-radius: 20%;
    z-index: 0;
    background-color: #6daa3b;
    box-shadow: 0px 0px 4px #12131263;
    text-align: center;
    cursor: pointer;
    border-radius: 50%;
    transition: all 0.5s cubic-bezier(0.42, 0, 0.81, 0.63);
    border: 5px solid #e3e3e3;
    line-height: 57px;
}

.sticky ul.list-unstyled.flex-center li.margen-auot {
    margin-left: 5px;
}

span.folder {
    color: #c5c5c5;
    margin-left: 5px;
}

li.margen-auot a {
    color: #d21f1f;
    font-weight: 600;
    font-size: 13px;
}

span.calendar, span.eye {
    color: #c5c5c5;
}

.sticky ul.list-unstyled.flex-center li {margin-bottom: 5px;}

li.athur {margin-left: 0 !important;}

li.athur img {
    max-height: 30px;
    max-width: 30px;
    border-radius: 50%;
}

.social-single {display: flex;z-index: 9;margin-bottom: 30px;}

.social-single a {
        height: 50px;
        line-height: 53px;
        font-size: 25px;
        flex:1;
        display: block;
        text-align: center;
        margin-left: 6px;
        transition: .3s all;
        background: #e3e3e3;
        color: rgb(165 165 165);
        z-index: 99999999;
        padding: 0;
        border-radius: 3px;
}

.social-single a.youtube {
  color:#fff;
  background:#be2424
}
.social-single a.pinterest {
  color:#fff;
  background:#fd4242
}
.comment-box {
    margin-top: 15px;
    display: none;
    padding: 10px;
    background: #ffffff;
    border-radius: 15px;
}

.comment-box h2.news-title {
    font-size: 25px;
    margin-bottom: 12px;
    padding-bottom: 20px;
    border-bottom: 5px solid #ececec;
    position: relative;
    text-align: center;
    margin-top: 30px;
    color: #18364a;
    width: 100%;
    display: block;
    background: none;
}

.comment-box h2.news-title::after {
    display: none;
}

form, input, button, textarea, select {
}

.FormControl label {
    display: block;
    font-size: 17px;
    font-weight: 600;
    color: #18364a;
}

.FormControl input, .FormControl textarea {
    border: 1px solid #00000057;
    width: 100%;
    margin: 10px 0;
    padding: 10px;
    border-radius: 15px;
}

.SubmitComment button {
    background: #18122a;
    color: #fff;
    padding: 10px;
    font-size: 19px;
    border-radius: 11px;
    width: 100%;
    cursor: pointer;
}

form, input, button, textarea, select {
    border: 0;
    outline: 0;
    background: none;
    font: 14px 'Tajawal',sans-serif;
    width: 100%;
}

.NoCommentsFound {
    background: #18364a;
    margin: 10px 0;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
}
h2.news-titlett {
    color: #4d4d4d;
    font-size: 25px;
    margin-bottom: 12px;
    padding-bottom: 20px;
    border-bottom: 5px solid #1c1c1c;
    position: relative;
    text-align: center;
    margin-top: 30px;
}

.tags li a {
    margin: 2px;
    background: #ebebeb;
    font-weight: 500;
    font-size: 15px;
    display: block;
    color: #4f4e4e;
    border-radius: 5px;
    transition: .3s ease;
    padding: 7px 14px;
}

/*******************end-css-singel*****************/

ul.info-us li:nth-child(1) {margin-right: auto;}

.aside {
    margin-top: 10px;
}

.aside section.shape-1 {
    background: none;
    background-image: none;
    padding-top: 10px;
}

.aside h2.news-title {
    color: #404041;
}

.up-header {position: fixed;right: 0;top: 0;z-index: 99;width: 100%;height: 100px;transition: all 500ms ease;border-radius: 1% 0px 100px 100px;}

.open {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    background: #f4f4f4;
    padding-right: 10px;
    margin-left: 0;
}

.email-subscriber .container.clearfix {position: relative;}

.custom-slider:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    z-index: 0;
    right: 0;
}



.up-pro {
    text-align: center;
}
/*******************start-ask-phone*****************/

a.phone-icon {
    height: 60px;
    width: 60px;
    line-height: 51px;
    text-align: center;
    position: fixed;
    font-size: 33px;
    left: 10px;
    bottom: 10px;
    box-shadow: 0px 0px 5px #0000003b;
    color: #ffffff;
    z-index: 99999;
    background: #23cc57;
    transition: .3s all;
    padding-top: 5px;
    border-radius: 50%;
}

a.whats {
    bottom: 85px;
    background: #fff !important;
    color: #23cc57;
    box-shadow: 0px 0px 5px #0000003b;
    left: 10px;
}

a.whats:hover {
    background: #23cc57 !important;
    color: #fff;
}

a.telphone:hover {
    background: #15bf31;
}
/*******************end-ask-phone*****************/


.block-tag .panel-header:hover i {
    color: #ffbe00;
    border-color: #ffbe00;
}

.lotas {
    flex: .5;
}

a.telphone:hover i {animation-name: shake;animation-duration: 14.08s;animation-delay: 17.1s;animation-iteration-count: infinite;filter: blur(0.3px);}

a.telphone i {}

.up-titel-sheps {
    text-align: center;
    margin-bottom: 39px;
}

h2.news-titlee {
    text-align: center;
    color: #18364a;
    padding-bottom: 7px;
    padding-top: 23px;
}

.up-img-slider .owl-nav {
    position: absolute;
    right: 0;
    top: 45%;
    width: 100%;
    display: none;
    z-index: 9;
}

.up-img-slider .owl-prev, .up-img-slider .owl-next {
    float: left;
    width: 40px;
    height: 40px;
    text-align: center;
    background: #e3e3e369;
    font-size: 30px;
    color: #182333;
    transition: .3s all;
    cursor: pointer;
}

.up-img-slider .owl-next {
    float: right;
}

.up-img-slider .owl-prev:hover, .up-img-slider .owl-next:hover {
    color: #fff;
}





.thumb img {
    width: 100%;
    min-height: 100%;
    border: 5px solid #18122a;
}



ul.quiqk-posts li div:last-of-type label {
}


.CommentsListInner li {border: 1px solid #00000024; margin: 10px 0; padding: 10px; background: #f1fbff; border-radius: 7px; position: relative; } 
.CommentInfo {overflow: hidden; position: absolute; left: 10px; top: 18px; } 
.CommentDate {background: #00acef; float: right; color: #fff; font-size: 12px; padding: 7px 14px; margin-left: 4px; border-radius: 6px; } 
.CommentInfo a {float: left;display: inline-block;background: #293e9c;padding: 5px 14px;border-radius: 6px;color: #ffff;} 
.CommentContent {font-size: 25px;width: 100%;overflow: hidden;} 
.NameArea {font-size: 17px; padding: 10px; color: red; font-weight: bold; border-bottom: 1px solid #0000002b; margin-bottom: 10px; } 
.NameArea em {color: #293e9c;font-style: normal;margin-right: 10px;font-size: 14px;} ul.page-numbers {list-style:none; background: #d42339; display: inline-block; overflow:hidden; } ul.page-numbers li {display:inline-block;min-width: 60px;line-height: 60px;font-size: 26px;border-left: 1px solid #c7c7c7;float: right;background: #18122a;color: #f3f3f3;} ul.page-numbers li a {display:block; height:100% } ul.page-numbers li .current {display:block;height:100%;background: #f91f1e;color:#fff;} 
.comment-toggle {color: #1e243a;background: #ffbe00;padding: 5px;width: 160px;text-align: center;font-size: 18px;margin: 10px 0px;border-radius: 14px;cursor: pointer;font-weight: 700;box-shadow: 0 0 8px rgb(0 0 0 / 20%);transition: all 0.3s cubic-bezier(0, 0, 0.99, 0.74) 0s;} ul.quiqk-posts {list-style: none;justify-content: space-between;width: 100%;margin-bottom: 30px;} ul.quiqk-posts li {width: 100%;transition:.45s ease;cursor: pointer;font-size: 13px;color: #fff;border-radius: 10px 110px 110px 0px;margin-top: 10px;margin-bottom: 10px;} ul.quiqk-posts li .flex-1 {background: #18122a;border-radius: 4px 0 0 4px;height: 95px;font-size: 11px;padding: 10px 9px;transition: all 0.3s cubic-bezier(0, 0, 0.99, 0.74) 0s;} ul.quiqk-posts li:hover {} 
 ul.quiqk-posts li:hover div:last-of-type h3 {} ul.quiqk-posts li div label {display:inline-block;margin-top: 10px;border-radius: 25px;transition:.35s ease;color: #ffd20d;font-size: 13px;} ul.quiqk-posts li:hover div:last-of-type label {} 
.thumb {height: 95px;width: 95px;object-fit: cover;overflow: hidden;position: relative;background: #18122a;border-radius: 0px 10px 10px 0px;transition: all 0.3s cubic-bezier(0, 0, 0.99, 0.74) 0s;} 

.aside h2.news-title::after {
    background: none;
}

.CommentsTitle {
    padding: 20px;
    font-size: 19px;
    font-weight: 800;
}

.CommentsTitle i {
    color: #ff9e0d;
}

.CommentsTitle span {
}

.commentscount em {
    color: #ff9e0d;
}


form.CommentsFormInner {
    width: 100%;
}

.sticky ul.list-unstyled.flex-center {
    display: block;
    padding-top: 1px;
}

h2.news-title {
    position: relative;
    padding: 20px 0;
    color: #d21f1f;
    width: max-content;
    margin: 0 auto;
    padding-bottom: 3px;
    font-size: 28px;
}

.displ {
}

.news-block-one:hover  img {
    transform: scale(1.1);
}

.shape-item-2:hover img {
}

.social-shepstow a:hover {transition: .3s all !important;background: #18364a;}

section.shape-1.archive {padding-top: 60px;background: #ffff;}
.aligncenter {margin:10px auto;text-align:center;display: block;max-width: 100%;} main.post-content {line-height: 28px; font-size: 15px; } main.post-content h1 , main.post-content h2, main.post-content h3 {border-right: 5px solid; padding-right: 10px; line-height: 40px; margin-top: 15px; color: #2698d8; } main.post-content h4 {} main.post-content p {} main.post-content a {color: #f50e0e;} main.post-content ul,main.post-content ol {margin: 15px auto; } main.post-content li {margin-right: 20px;} table {margin: 0 auto; width: 100% !important; text-align:center; line-height:initial!important; height: auto!important; } tbody {border: 1px solid #252525; background: #ffb63117; } tr {border-bottom: 1px solid #252525; height: auto!important; } td {border-left: 1px solid #252525; height: 42px!important; } main.post-content iframe {width:100%; display:block } post-content {display: block;border-bottom: 5px;border-radius: 15px;}
strong {
    color: #18364a;
    font-size: 17px;
    margin-bottom: 14px;
}

table {
    margin: 0 auto;
    width: 100% !important;
    text-align:center;
    line-height:initial!important;
    height: auto!important;
}

tbody {
    border: 1px solid #252525;
    background: #ffb63117;
}

tr {
    border-bottom: 1px solid #252525;
    height: auto!important;
}
td {
    border-left: 1px solid #252525;
    height: 42px!important;
}


.post-in-archive {
    margin-top: 10px;
    color: #f91f1e;
    margin-bottom: 40px;
}

.post-thumbnail-cont {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    margin-top: 150px;
}

section.up-Search {
    position: relative;
    top: 0;
    height: 100%;
    margin-top: 120px;
}

section.up-Search h2.news-title {
    margin-bottom: 33px;
}

.no-sheps {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 30px;
}

.thumb label {
    position: absolute;
    right: 7px;
    top: 6px;
    color: #172438;
    background: #ffa500;
    padding: 2px 10px;
    border-radius: 15px;
}

questions.block-tag.single {
    background: none;
    border: none;
    box-shadow: none;
}

.post-info li {
    padding-right: 10px;
}


.bars {
    font-size: 40px;
    color: #ffffff;
    margin-right: 20px;
    float: left;
    width: 40px;
    height: 50px;
}

.mobile-menu.hide-pc {
    position: fixed;
    right: 0;
    top: 0;
    height: 100vh;
    z-index: 9999999;
    width: 270px;
    background: #be0404;
    box-shadow: 0px 0px 4px #00000073;
    opacity: 0;
    visibility: hidden;
    transform: translate(380px, 0px);
    transition: .3s all;
}

.mobile-menu.hide-pc a.logo {
    margin: 5px auto;
    display: block;
}

.mobile-menu-list li {}

.mobile-menu.hide-pc li {
    padding: 9px;
    background: #5b5b5b17;
    margin-bottom: 3px;
    font-size: 17px;
    color: #fff;
    transition: .3s all;
}

.mobile-menu.hide-pc li:hover {
    color: #000;
}

.mobile-menu.hide-pc.open {
    opacity: 1;
    visibility: visible;
    transform: translate(0px, 0px);
}

.close {
    position: absolute;
    right: 0;
    top: 0px;
    font-size: 60px;
    color: #ffa500;
    transition: .3s all;
    cursor: pointer;
}

.close:hover {
    color: red;
}
@media (max-width:1199px) {
  .koyd {
    z-index: 999;
    transform: translateY(0);
    top: auto;
    bottom: 0;
    position: absolute;
    height: auto;
    width: 100%;
  }
  .up-item-social{
    
top: -60px;
    
left: 20px;
  }
}

/************start-header************/
.social-hed {
    width: 200px;
    height: 100%;
    position: relative;
}

.bottom-header aside {
    width: 1000px;
    height: 100%;
}

.bottom-header aside ul {
    display: flex;
    height: 100%;
}

.bottom-header aside ul li {
    width: auto;
    height: 100%;
    font-size: 19px;
    z-index: 9;
    text-align: right;
    margin-left: 20px;
}

.up-header .container {
    width: 100%;
}


.bottom-header aside ul li:nth-child(2) {
    margin-right: auto;
    margin-left: 50px;
}

.bottom-header aside ul li:nth-child(1) .olk {color: #fff;}

.bottom-header:before {}

.bottom-header .pull-left {
    height: 100%;
    position: relative;
    width: auto;
}

.social-hed a {
    color: #fff;
    font-size: 19px;
    margin-left: 22px;
}

.social-hed:before {}

.up-header.show .hed-botm:before {}

header .main-menu {
    height: 50px;
    margin-top: 25px;
}

.act-search i {margin-top: auto;}

.search:after {}

.bak-searc {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #241b32f2;
    z-index: 99999;
    overflow: hidden;
    transition: 0.2s cubic-bezier(.39,-.12,.93,1.58);
    top: 0;
    left: 0;
    visibility: hidden;
    transform: scaleX(0);
    transform-origin: top;
}

.search i {
    font-size: 46px;
    color: #ff002c;
    text-align: center;
    padding-top: 12px;
    padding: 11px;
    cursor: pointer;
}

.bak-searc input {
    width: 82%;
}

.bak-searc:before {
}
/************end-header************/






p.services-title-tow {
    width: 1000px;
    text-align: center;
    margin: 0 auto;
    font-size: 20px;
    color: #4a4a4a;
    margin-bottom: 30px;
}

.service-item {}

.service-item a:after {
    bottom: -1px;
    right: -1px;
}

.service-item a:after {
}

.service-item:hover a:before {height: 100%;}


.ser-image {
}

services.block-tag .container:after {
}

services.block-tag .container {
    position: relative;
    padding-top: 20px;
}

services.block-tag .container:before {
}

.info-post-home i {
    margin-left: 7px;
    color: #ffd20d;
    line-height: 0;
    margin-right: 4px;
}

.info-post-home {
    display: block;
    width: max-content;
}

.link a {
    border-radius: 25px;
    color: #000000;
    font-size: 15px;
    padding: 0 30px;
    background: #ffbe00;
    font-weight: 600;
    display: inline-block;
    transition: transform .1s;
    float: revert;
    line-height: 50px;
    text-align: center;
}

.ask-right {
    padding: 60px 100px 10px 20px;
    margin-top: 0;
    text-align: center;
}

.ask-left {
}

span.video-content p {color: #c5c5c5;font-size: 16px;}

span.mails {
    width: auto;
    text-align: center;
    font-size: 23px;
    z-index: 9;
    color: #8f8f8f;
    line-height: 90px;
    margin-right: 20px;
}

span.mails i {
    margin-right: 9px;
    width: 50px;
    height: 50px;
    font-size: 27px;
    border-radius: 50%;
    line-height: 50px;
    margin-left: 12px;
    color: #cf2e2e;
}

span.loctions {
    font-size: 18px;
    z-index: 9;
    color: #fffefe;
    width: 400px;
    text-align: center;
    cursor: pointer;
    font-weight: 700;
    margin-right: 20px;
    line-height: 90px;
}

span.loctions i {
    font-size: 36px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding-top: 6px;
    color: #cf2e2e;
}

.lotas h2 {
    font-size: 21px;
    font-weight: 500;
    color: rgb(245 248 254);
    position: relative;
    padding: 0px 0px 21px;
}

footer .lotas p {
    width: 90%;
    font-size: 17px;
    background: #143a69;
    height: 153px;
    padding: 6px 5px 8px 10px;
    border-radius: 10px;
}

.color-bak {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    opacity: 0.90;
    
}

span.loctions span {overflow: hidden;height: 50px;font-size: 14px;}

.footer-contacts li:nth-child(1) {
    height: 70px;
    overflow: hidden;
}

.footer-contacts i:after {content: '';position: absolute;top: 4px;left: -4px;width: 50%;height: 50%;background: #2d4a8a;z-index: -1;transform: rotate(35deg);box-shadow: 1px 1px 1px #00000042;border-radius: 1px;}

.social a span {
    position: absolute;
    bottom: -31px;
    right: 0;
    background: #ffeb3b;
    color: #000;
    padding: 6px;
    border-radius: 3px;
    font-size: 14px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-out 0s;
}

.social a span:after {
}

.social a:hover span {
    opacity: 1;
    visibility: visible;
}

.koydf {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(33, 37, 41, .8);
}

.koydf p {
    width: 280px;
    height: 165px;
    font-size: 17px;
    margin: 56px auto;
    color: #e3e3e3;
    overflow: hidden;
}

.social-shepstow:before {
    width: 30px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: -10px;
    transform: skew( 25deg );
}

.social-shepstow:after {
    width: 30px;
    height: 100%;
    background: #46c6ce;
    display: block;
    position: absolute;
    top: 0;
    right: -10px;
    transform: skew(
25deg
);
}

.shape-2-image:hover .up-item-social {
    opacity: 1;
}

.shape-2-image:hover .info-til:before {width: 100%;}

.shape-item-2:hover .info-til:before {
}

.hed-botm.fixed-header.show {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 90px;
    display: block;
    z-index: 9999999;
    border-radius: inherit;
}

.hed-botm.fixed-header.show header {
}

.hed-botm.fixed-header.show img {
    width: auto;
    height: 64px;
}

.hed-botm.fixed-header.show .main-menu {
    margin-top: 10px;
}

.hed-botm.fixed-header.show .act-search i {
    margin-top: auto;
}

.shape-3-image {
    width: 100%;
    height: 250px;
    overflow: hidden;
    position: relative;
}

.shape-3-image img {
    width: 100%;
    min-height: 100%;
    object-fit: cover;
}

.shape-3-info {
    font-size: 15px;
    margin-bottom: 2px;
    margin-top: 2px;
    width: 100%;
    padding: 14px;
    padding-top: 46px;
    position: relative;
}
.shape-3 .col-4:nth-child(even) .shape-3-info {
  order:1
}
.shape-3 .col-4:nth-child(even) .shape-3-image {
}
.shape-3 .col-4{
  height: 520px;
  box-shadow: 0px 20px 40px 0px rgb(37 59 112 / 10%);
  margin-bottom: 20px;
  background: #fff;
  width: calc((100% - 40px) / 3);
  margin-left: 20px;
  position: relative;
  overflow: hidden;
}

.shape-3-info span {
    color: #cf2e2e;
    transition: all 0.5s ease-in-out;
    position: relative;
    overflow: hidden;
    padding-bottom: 5px;
}

.shape-3 .col-4:hover .shape-3-image img {transform: scale(1.1);}

.rights.text-center {
    background: #d21f1f;
    color: #fff;
    font-weight: 700;
    padding: 15px;
    border-top: 2px solid #ffffff3d;
    z-index: 9;
    position: relative;
}

.link .telphone-post {
    font-size: 26px;
    padding: 0;
    background: #fff;
    transition: transform .1s;
    float: left;
    position: relative;
    top: 0;
    right: 0;
    color: #23cc57;
    line-height: 50px;
    box-shadow: none;
    border-radius: 50%;
    line-height: 61px;
}

.link .telphone-post:hover {background: #23cc57;color: #fff;}

.slider-item.full-absolute {
    position: relative;
    align-items: center;
    min-height: 100%;
}

.slider-info {
    z-index: 99;
    display: block;
    width: auto;
    text-align: right;
    padding: 20px;
}

.slider-image {
    width: 100%;
    overflow: hidden;
    height: 100%;
}

.slider-image img {
    height:100%;
    width: 100%;
    max-height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: all 6000ms linear;
}




.custom-slider .owl-nav {
    position: absolute;
    width: 100%;
    display: flex;
    top: 48%;
    right: 0;
    z-index: 0;
    display: none;
}

.custom-slider .owl-nav .owl-prev {margin-right: 18px;}

.custom-slider .owl-nav > div {
    font-size: 40px;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 79px;
    background: linear-gradient(-90deg, #00000026, #00000052);
    color: #fff;
    cursor: pointer;
    position: relative;
}

.more-news .pull-left {
    width: 25%;
}

.botton-more.pointered {
    background: none;
    color: #000;
    font-size: 22px;
    font-weight: 800;
    cursor: auto;
}
.q-title-box {
    position: relative;
    z-index: 9999;
}
.q-title-box p {
    text-align: center;
    font-size: 19px;
    color: #aaa;
}
.contct-us form {
    margin:50px;
    padding: 40px;
    background: #fff;
    width: calc(100% - 100px);
    color: #000;
    text-align: center;
    font-size: 17px;
    border-top: 5px solid #ddd;
    border-radius: 10px;
}

.contct-us {
    padding:0;
    width: 40%;
  z-index:9
}
.contct-us form input,.contct-us form textarea {
    width:100%;
    height: 35px;
    background: #e4e4e470;
    margin: 10px 0;
}
h3.titel-us {
    margin-bottom: 11px;
    color: #f91f1e;
    font-size: 25px;
}
div#wpcf7-f3415-o2 {
    display: none;
}

.custom-slider .owl-nav .owl-next {
    margin-right: auto;
    margin-left: 18px;
}

.custom-slider .owl-nav .owl-prev:after {}


.head-singel {
    overflow: hidden;
    width: 100%;
    height: 220px;
    position: relative;
    z-index: 0;
}

.head-singel img {
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

.head-singel:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(./Standard/UI/img/buble-3.png);
    animation-name: banner-animate;
    animation-duration: 70s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.up-img-slider {
    width: 100%;
    height: 100%;
    background: #2cb6be;
}

.breadcrumb a span {
    color: #000000;
    font-size: 12px;
}


span.seprator i {
    font-size: 11px;
    color:inherit
}

.image-overlay {
}

.margin {
    position: relative;
    margin-top: 170px;
    background: #fff;
    box-shadow: 0px 0px 5px 0px #00000052;
    padding: 30px 20px 15px 20px;
    border-radius: 10px 10px 0 0;
    flex: 1;
    width: 800px;
}

.margin ul{
    margin-bottom: 20px;
}

li.margen-auot {
    margin-left: 10px;
}


.aligncenter img {border: 4px solid #ddd;}

post-content p img {border: 4px solid #d7d7d7;}

.up-tagss {
    padding-bottom: 20px;
}

.up-tols {
    display: flex;
    border-bottom: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
    margin-top: 20px;
}

.social-single a.facebook {
    background: #3b5999;
    color: #fff;
}

.social-single a.twitter {
    background: #55acee;
    color: #fff;
}
.social-single a.google {
    background: #e4405f;
    color: #fff;
}
.social-single a.telegram {
    background: #1f5a7a;
    color: #fff;
}
.social-single a.whatsapp {
    background: #25D366;
    color: #fff;
}
.single-container {
}

.shape-3 .col-4 a {
}

.ser-item-image i {
    font-weight: 100;
}

.video:after {}

.bacg-tag {
}

body:after {content: '';position: fixed;right: 0;top: 0;width: 100%;height: 100%;z-index: -1;background-repeat: no-repeat;opacity: .6;background-size: cover;}

.slider-image img:after {position: absolute;}

.telphone-post span {
    background: #23c655;
    font-size: 21px;
    height: 45px;
    color: #fff;
    position: absolute;
    line-height: 45px;
    top: 0px;
    padding-left: 10px;
    right: 60px;
    z-index: -1;
    border-radius: 10px 0px 0px 10px;
    width: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s cubic-bezier(0.43, 0.39, 0.85, 0.93) 0s;
}

.telphone-post span i {}

.image .date {
    position: absolute;
    font-weight: 600;
    text-shadow: 0px 0px 5px #0000008a;
    color: #ffffff;
    padding: 5px 10px;
    background: #17243852;
    left: 0;
    top: 0;
    width: auto;
    height: auto;
    transition: all 0.3s cubic-bezier(0.42, 0.17, 0.93, 0.65) 0s;
    font-size: 16px;
}

.news-block-one:hover .date {
}

.image .date i {
    color: #ffffff;
    margin-left: 6px;
    line-height: 30px;
}

.custom-slider:before {content: '';}

.inner-box {display: none;}
.inner-box:nth-child(1) {
  display:block
}
.link .telphone-post:hover span {
    /* opacity: 1; */
    visibility: visible;
    width: auto;
}

.main-menu .sub-menu:before, .main-menu .sub-menu:after {content: '';position: absolute;top: -10px;right: 27px;width: 14px;height: 13px;z-index: -1;transform: rotate(45deg);/* border-top: 2px solid #194376; *//* border-left: 2px solid #194376; */transition: all 0.5s cubic-bezier(0.45, 0.37, 0.82, 0.63) 0s;opacity: 0;visibility: hidden;}

.main-menu .sub-menu:after {
    border: none;
    z-index: 0;
    width: 21px;
    top: -2px;
    height: 20px;
    right: 25px;
    transform: inherit;
    border-radius: 4px;
    transition: .3s all;
}

.main-menu li:hover > .sub-menu:before, .main-menu li:hover > .sub-menu:after {
    opacity: 1;
    visibility: visible;
    transition: .3s all;
}

.breadcrumb {color: #000;}

h1.ti-singel {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 10px;
}

.bottom-header aside ul li:nth-child(1) .olk i {
    color: #ffffff;
}
@media (max-width:1199px) {
  .koyd {
    z-index: 999;
    transform: translateY(0);
    top: auto;
    bottom: 0;
    position: absolute;
    height: auto;
    width: 100%;
  }
  .up-item-social{
    
top: -60px;
    
left: 20px;
  }
}
@media (max-width:500px) {
  section.shape-3 {
    padding:0 10px
  }
.shape-3-image img {
  width:100%;
  min-height: auto;
  height:100%
}
.shape-3-image {
  height:250px;
  position: static;
}
.shape-3-info,.right-post:hover .shape-3-info, .left-post:hover .shape-3-info {
}
.shape-3-info h3,.shape-3-info p {
  width:100%
}
.right-post,.left-post {
  height:600px
}
.video {
  height:auto
}
.video img {
  height: 100%;
}

h3.heads-title {
  font-size:17px;
  line-height:25px
}
}
ames banner-animate {
    0% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    }

    50% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    }

    100% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    }
}

@keyframes banner-animate {
    0% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    }

    50% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    }

    100% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    }
}

.mobile-menu.hide-pc li a {}

.slider-image:after {content: '';position: absolute;top: 0;right: 0;width: 100%;height: 100%;background: linear-gradient(to right,transparent,#0a003f63,#18122ae3,#18122a);z-index: 0;}


.phon {
    font-size: 22px;
    padding-left: 20px;
    position: relative;
    display: flex;
    padding-top: 20px;
}

.phon .olk {
    color: #f8f8f8;
    font-weight: 200;
}

.phon .olk i {
    color: #46c6ce;
    font-size: 30px;
}

.phon .olk span {display: block;font-weight: 800;color: #fff;text-shadow: 0px 0px 2px #fff;}

span.phon-titel {
    font-weight: 400;
    font-size: 45px;
    width: 60px;
    height: 60px;
    display: block;
    margin-left: 10px;
    text-align: center;
    color: #e33a0f;
}

.phon:before {}

.phon li {
}

.up-info {
    text-align: center;
    margin-top: 0px;
}

.company-title {
    display: flex;
    height: 100%;
    width: 700px;
    padding-bottom: 20px;
    flex-direction: column;
    padding-top: 50px;
  
}
questions.block-tag .company-title{
  position:absolute;
  top:0;
  right:0;
  width: 100%;
}

.rokn-rihgt .flex-center:before {}

.rokn-rihgt .flex-center {
    position: relative;
    width: 100%;
}

.rokn-rihgt .flex-center:after {
}

.benfit-info h3 {
    color: #000000;
}

.benfit-info {
    margin-bottom: 9px;
    height: 46px;
    overflow: hidden;
}

.service-item a:before {
}

.service-item a:hover:before {
    height: 100%;
}

.service-item:hover .ser-item-image {
}

.ser-item-image:before {}

.ser-item-image span {
    z-index: 9;
    position: relative;
}

.service-item:hover .ser-item-image:before {
    background: #ffffff;
    width: 100%;
}

.service-item:hover h2.ser-title {
}

.shape-3 .col-4:before {
    position: absolute;
    left: 5px;
    bottom: 2px;
    right: 114px;
    top: 1px;
    background-image: url(./Standard/UI/img/shape-16.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    z-index: -1;
}

.shape-3 .row div:nth-child(3), .shape-3 .row div:nth-child(6), .shape-3 .row div:nth-child(9), .shape-3 .row div:nth-child(12), .shape-3 .row div:nth-child(15), .shape-3 .row div:nth-child(18), .shape-3 .row div:nth-child(21) {margin-left:0;}



.shape-3-info span:hover {color: #000;}

.dateaaa {
    position: absolute;
    top: -40px;
    background: #cf2e2e;
    width: 75px;
    text-align: center;
    height: 75px;
    color: #fff;
    font-size: 40px;
    line-height: 78px;
}

.dateaaa .day {
    margin-left: 5px;
    font-size: 21px;
}

.company-title h2:before {width: 20px;}

h2.services-title:before {
}

h2.news-title:before {
}

.elementor-background-overlay {}

.email-subscriber:before {}

video-section.block-tag .info-video {
    position: relative;
    height: 480px;
}

.up-tiecc {
    display: block;
}

.blokk {
}

li.momaz {
    width: 50%;
    height: 23px;
    font-size: 16px;
    margin-bottom: 10px;
    padding-left: 11px;
    padding-right: 24px;
    overflow: hidden;
    position: relative;
    color: #d7d7d7;
    font-weight: 600;
}

ul.up-momaz {margin-bottom: 40px;}

li.momaz span {
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 50%;
    background: #cf2e2e;
}

li.momaz span:before {content: '';width: 4px;height: 10px;border: 2px solid #ffffff;position: absolute;top: 2px;right: 6px;border-left: 0;border-top: 0;transform: rotate(45deg);}

.info-meza {
    font-size: 17px;
    color: #c5c5c5;
    overflow: hidden;
    z-index: 9;
    position: relative;
}

.video-title:before {
}

.info-til p {
    font-size: 16px;
    color: #f3f3f3;
    height: 45px;
    width: 90%;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
    z-index: 2;
    position: relative;
    opacity: 0;
    transition: all 0.3s ease 0.5s;
}

.info-til a {
    font-size: 16px;
    border-radius: 10px;
    z-index: 9;
    position: relative;
    opacity: 0;
    transition: all 0.3s ease 0.5s;
}

.info-til a:hover {
    color: #d81c1c;
}

.shape-1 .row div:nth-child(3), .shape-1 .row div:nth-child(6), .shape-1 .row div:nth-child(9), .shape-1 .row div:nth-child(12), .shape-1 .row div:nth-child(15), .shape-1 .row div:nth-child(18), .shape-1 .row div:nth-child(21) {
    margin-left: 0;
}

.shape-item-2:hover .social-shepstow {
    transform: translate(0px, 0px);
}

questions.block-tag:before {}

questions.block-tag {
    position: relative;
    z-index: 0;
    width: 100%;
    border: none;
    padding: 0;
    min-height: 350px;
    overflow: hidden;
}

questions.block-tag:after {
    position: absolute;
    right: 0;
    bottom: -150px;
    width: 100%;
    height: 150px;
    background: #fffefe;
    z-index: -1;
}

.comment-box h2.news-title:before {
    display: none;
}

.archive-slice h2.news-title {
    text-align: center;
    color: #f91f1e;
    margin-bottom: 20px;
    margin-top: 80px;
}



.post-thumbnail-cont img {
    border-radius: 10px;
}

.single-header {
}

.foter-color {
    display: flex;
    position: absolute;
    bottom: 0;
    height: 70px;
    background: #0e305a;
    border-radius: 30px 30px 0 0;
    padding: 11px;
}

.single-header .hed-botm {
}

.single-header .hed-botm.fixed-header.show {
    top: 50px;
}

.up-header.show {
    position: fixed;
    top: 0;
    right: 0;
}

ul.quiqk-posts li i {
    margin-right: 5px;
    margin-left: 7px;
    font-size: 15px;
}

li.next-post {
    text-align: left;
    display: block;
}

.kamc p {
}

.main-menu li > .sub-menu li {border-bottom: 1px solid #18122a1f;}

.up-header.show .olk {
    color: #e5e4e4;
}

.up-header.show .phon .olk span {
}

.slider-info-up {
    position: absolute;
    top: 80px;
    right: 6%;
    align-items: center;
}

.slider-info-two {
    width: 50%;
    transform: rotateZ(165deg);
    transition: all 0.3s cubic-bezier(0, 0, 0.99, 0.74) 0s;
}

.slider-info-two img {
    width: 500px;
    height: 500px;
    border-radius: 364px 50% 40% 230px;
    margin: 0 auto;
    display: block;
    border: 4px solid #fff;
    box-shadow: 2px -2px 20px #434343;
    object-fit: cover;
    border: 5px solid #18364a;
    box-shadow: 0 0 8px rgb(0 0 0 / 20%);
    border-left-color: #da0f32;
    border-bottom-color: #da0f32;
    cursor: pointer;
    z-index: 99;
}

.slider-info div {
    width: 500px;
}

.owl-item.active .slider-info-two {
    transform: inherit;
}

.icon.two {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    color: #0000001A;
    padding-right: 7px;
}

img.pos-apsl {
    position: absolute;
    right: -60px;
    bottom: -30px;
    width: 250px;
    min-height: 250px;
    border-style: solid;
    border-width: 15px 15px 0px 0px;
    border-color: #d11e1e;
}

.company-steps:before {}

span.bomo {
    width: 90px;
    height: 30px;
    display: block;
    font-size: 14px;
    color: #ffffff;
    font-weight: 600;
    text-align: center;
    background: #d21f1f;
    border-radius: 22px;
    line-height: 28px;
    transition: all 0.4s ease;
    margin: 0 auto;
}

span.apslot {
    width: 140px;
    height: 130px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 72px;
    color: #2828288f;
}

.benfit-item:hover {
    transform: translatey(-135px);
}

.info-til:before {
    position: absolute;
}

.info-til:after {}

.shape-item-2:hover .info-til:after {
}

.shape-3-info span:before {content: '';width: 100%;height: 1px;right: 28px;bottom: 0;position: absolute;background: #18364a;transition: all 0.5s ease-in-out;}

.shape-3-info span:hover:before {
    width: 0;
}

video-section.block-tag:before {}

video-section:after {content: '';position: absolute;right: -110px;bottom: 0;width: 60%;height: 100%;background: #d21f1f;z-index: 0;box-shadow: 0 0 3px rgb(0 0 0 / 88%);transform: skewX(
-18deg
);}



.video:before {}

.company-title div {
       width: 100%;
    height: 100%;
}

.contuct {
    width: 91%;
    height: 90px;
    background: linear-gradient(89deg, #5a5959, #0e0909);
    margin-top: 30px;
    display: flex;
    position: relative;
}

.contuct img {height: auto;width: 250px;position: absolute;left: -185px;transform: rotatey(-180deg);}

.contuct:before {
    content: '';
    position: absolute;
    right: -40px;
    top: 20px;
    width: 50px;
    height: 48px;
    background: #0e0909;
    transform: rotate(45deg);
}
.email-subscriber .container.clearfix:before {}

.color-bak:before {}

.up-header.show .hed-botm:after {
}

.main-menu li:nth-child(1) {
    color: #ffca50;
}


.owl-dot {
    width: 10px;
    height: 10px;
    background: #fff;
    margin-right: 15px;
    cursor: pointer;
    border-radius: 50%;
    transition: all 0.5s ease-in-out;
}

.owl-dots {
    height: 30px;
    text-align: center;
    display: inline-flex;
    position: absolute;
    right: 7%;
    bottom: 0;
}

.owl-dot.active {
    background: #cf2e2e;
    width: 35px;
    height: 12px;
    border-radius: 5px;
}

.up-sliderr ul {
    text-align: center;
}

.hed-botm {
    background: #18122a;
    height: 100vh;
    width: 70px;
    position: fixed;
    right: 0;
    top: 0;
    box-shadow: 0px 1px 4px #000;
}

h2.news-title:before {}

.up-titel-sheps p {
    padding: 10px;
    font-size: 18px;
    color: #000000;
}

.contacts {
    position: fixed;
    width: 500px;
    top: 30%;
    right: -500px;
    z-index: 99;
    background: #fff;
    padding: 14px;
    transition: all 0.3s cubic-bezier(0, 0, 0.99, 0.74) 0s;
    box-shadow: 0 0 8px rgb(0 0 0 / 20%);
}
.contact--form {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    flex-wrap: wrap;
    width: 97%;
}
.form-group label {
    color: black;
    font-size: 17px;
    text-align: right;
    display: block;
    margin-top: 20px;
}

span.wpcf7-form-control-wrap input {
    height: 50px;
    padding: 14px 10px;
    border: 0;
    margin: 5px;
    background: #e4e4e4;
    box-shadow: 0px 0px 1px #000;
    color: #b8b8b8;
    direction: rtl !important;
    margin-bottom: 10px;
}

textarea.wpcf7-form-control.wpcf7-textarea {
    box-shadow: 0px 0px 1px #000;
    height: 50px;
    color: #b8b8b8;
    padding: 14px 10px;
    margin-right: 5px;
}

.contact-btn input {
    background: #d21f1f;
    color: #fff;
    display: block;
    width: 160px;
    padding: 10px;
    margin-top: 19px;
    cursor: pointer;
}


.apslot-con {
    position: absolute;
    left: -90px;
    top: 134px;
    font-size: 25px;
    color: #fff;
    display: flex;
    transform: rotate(-90deg);
}

span.loy {width: 50px;height: 40px;text-align: center;background: #18364a;line-height: 41px;}

span.loyone {
    background: #d21f1f;
    width: 100%;
    font-size: 18px;
    text-align: center;
    line-height: 40px;
}

span.loy i {
    transform: rotate(90deg);
}

.contacts:hover {
    right: 0;
}

.main-menu li:before {
}

.main-menu li:after {
}

.main-menu li:hover:before, .main-menu li:hover:after {
}

.search.pull-left.open {width: 100%;display: block;height: 68px;}

.bak-searc:before {}

.scroll-top.show i {
}

.scroll-top.show:hover {
    border-radius: 15px;
}

.owl-next {
    font-size: 40px;
    text-align: center;
    line-height: 79px;
    color: #d11e1e;
    cursor: pointer;
    position: relative;
    margin-right: auto;
}

.owl-nav {
    position: absolute;
    width: 1400px;
    display: flex;
    top: 54%;
    right: -102px;
}

.owl-prev {
    font-size: 40px;
    text-align: center;
    line-height: 79px;
    color: #d21f1f;
    cursor: pointer;
    position: relative;
}

.owl-stage-outer {
    overflow: hidden;
    height: 100%;
}

.owl-nav div:hover {
    color: #fff;
}

.accordion.singela {
    width: 100%;
    padding: 0;
}

.thumb:before {position: absolute;}

ul.quiqk-posts li a {
}

ul .prev-post .flex-1 {}

ul.quiqk-posts li.next-post .flex-1 {
    border-radius: 0px 10px 10px 0px;
    text-align: right;
}

ul.quiqk-posts li.next-post .thumb {
    border-radius: 10px 0px 0px 10px;
}

li.next-post {
}



ul.quiqk-posts li:hover .thumb {
    padding: 0;
}

ul.quiqk-posts li:hover .flex-1 {
    background: #110d1d;
}

.comment-toggle:hover {
    background: #323232;
    color: #fff;
}

.service-item a:hover {}

.slider-info-two img:hover {
    border-radius: 50%;
}

.service-item a:hover span.bomo {opacity: 1;visibility: visible;transform: inherit;background: #ffbe00;color: #000;}

.service-item a:hover .ser-item-image img {transform: scale(1.5);}

.service-item a:hover .ser-item-image:before {}

.ser-item-image:before {content: '';}

.up-header.show .main-menu li li:before, .up-header.show .main-menu li li:after {
    display: none;
}



.main-menu li > .sub-menu li:before, .main-menu li > .sub-menu li:after {
    display: none;
}

span.titel-cont {
    font-size: 20px;
    margin-bottom: 12px;
    display: block;
    margin-right: 4px;
    font-weight: 800;
    color: #18364a;
}

span.titel-phone {
    position: absolute;
    height: 31px;
    top: 6px;
    right: 40px;
    background: #23cc57;
    color: #f3f3f3;
    font-size: 0;
    line-height: 30px;
    transition: all 0.5s ease-in-out;
    width: 0;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 0 8px rgb(0 0 0 / 20%);
}

span.titel-whats {
    position: absolute;
    width: 122px;
    top: 5px;
    right: 40px;
    background: #ffffff;
    color: #23cc57;
    height: 31px;
    line-height: 30px;
    font-size: 0;
    box-shadow: 0 0 8px rgb(0 0 0 / 20%);
    width: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
}

a.whats:hover span.titel-whats {
    width: 122px;
    opacity: 1;
    visibility: visible;
    font-size: 18px;
    color: #000;
}

a.telphone:hover span.titel-phone {
    width: 122px;
    opacity: 1;
    visibility: visible;
    font-size: 18px;
    background: #fff;
    color: #000;
}

ul.i-meno li {
    color: #fff;
    text-align: center;
    font-size: 26px;
    border-bottom: 1px solid #dddddd38;
    padding: 10px;
    position: relative;
    width: 100%;
    cursor: pointer;
    margin-bottom: 4px;
}

ul.i-meno {
    margin-top: 20px;
    width: 100%;
}

ul.i-meno li span {
    position: absolute;
    right: 100%;
    width: max-content;
    font-size: 20px;
    background: #d21f1f;
    padding: 10px;
    border-radius: 10px 0px 0px 10px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
}

ul.i-meno li:hover span {
    opacity: 1;
    visibility: visible;
}

ul.i-meno li:last-child {
    background: #d21f1f;
}

.ask-silder {
    width: 100%;
    height: 100px;
    position: relative;
    /* background: #FFEB3B; */
}

ul.up-ask {
}

ul.up-ask li {
    font-size: 18px;
    text-align: center;
}

ul.up-ask {
}

ul.up-ask li:nth-child(3) {
    font-size: 15px;
    margin-left: 130px;
}

ul.up-ask li i {
    font-size: 40px;
    width: 45px;
    text-align: center;
    height: 100%;
    line-height: 99px;
    color: #18122a;
    margin-left: 20px;
}

ul.up-ask li:last-child {
    display: inherit;
    z-index: 0;
    color: #fff;
    margin-left: 0;
}

ul.up-ask li span {
    color: #18122a;
    font-size: 35px;
    font-weight: 600;
}

ul.up-ask li:nth-child(3) span {
    font-size: 14px;
    padding-top: 30px;
}

.ask-silder:before {content: '';position: absolute;top: 0;left: 0;width: 36%;height: 100%;background: #f91f1e;z-index: 0;border-radius: 0px 60px 60px 0px;box-shadow: 0px 0px 13px #00000069;}

ul.up-ask li:last-child p {
    font-size: 14px;
}

.owl-nav.disabled {
    display: none;
}

.more-news {
    display: flex;
    width: 100%;
    height: 40px;
    padding: 0 20px;
    position: fixed;
    top: 80px;
    background: #18122a;
    z-index: 9;
    overflow: hidden;
}

.company-title span {
    font-size: 20px;
    color: #000000;
    margin-bottom: 10px;
}

.apslot {
    padding: 10px;
    z-index: 9;
    border: 3px solid #ffffff;
    font-size: 14px;
    color: #18122a;
    height: 0;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
}

.benfit-item:hover .apslot {
    height: 160px;
    opacity: 1;
    visibility: visible;
}

video-section {
    color: #fff;
}
@keyframes pulse{
  0%{-moz-transform:skewX(-18deg)scale(.9);
  -ms-transform:skewX(-18deg)scale(.9);
-webkit-transform:skewX(-18deg)scale(.9);
transform:skewX(-18deg) scale(.9)}70%{-moz-transform:skewX(-18deg)scale(1);
  -ms-transform:skewX(-318deg)scale(1);
-webkit-transform:skewX(-18deg)scale(1);
transform:skewX(-18deg)scale(1);
box-shadow:0 0 0 50px rgba(90,153,212,0)}100%{-moz-transform:skewX(-18deg)scale(.9)
  ;

  -ms-transform:skewX(-18deg)scale(.9);
  -webkit-transform:skewX(-18deg)scale(.9);transform:skewX(-18deg)scale(.9);box-shadow:0 0 0 0 rgba(90,153,212,0);
    }}

video-section.block-tag .ask-right img {
    z-index: 9;
    position: relative;
    width: 200px;
  height:100px;
    object-fit: cover;
    margin-bottom: 40px;
}

.info-meza p {
    color: #fff;
    line-height: 27px;
    height: 160px;
}

.video iframe:before {content: '';position: absolute;top: 0;right: 0;width: 100%;height: 100%;background: #000;z-index: 99;}

.up-titelser {
    width: 100%;
    height: 100%;
    z-index: 9;
    position: relative;
}

.service-item a:hover .up-titelser {}

.service-item a:hover p.ser-title {
}

.service-item a:hover h2.ser-title {
}

.email-subscriber img {
    width: 200px;
    height: 100px;
}
#ez-toc-container{background:#f9f9f9;border:1px solid #aaa;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.05);display:table;margin-bottom:1em;padding:10px;position:relative;width:auto}div.ez-toc-widget-container{padding:0;position:relative}#ez-toc-container.ez-toc-light-blue{background:#edf6ff}#ez-toc-container.ez-toc-white{background:#fff}#ez-toc-container.ez-toc-black{background:#000}#ez-toc-container.ez-toc-transparent{background:none transparent}div.ez-toc-widget-container ul{display:block}div.ez-toc-widget-container li{border:none;padding:0}div.ez-toc-widget-container ul.ez-toc-list{padding:10px}#ez-toc-container ul ul,.ez-toc div.ez-toc-widget-container ul ul{margin-left:1.5em}#ez-toc-container li,#ez-toc-container ul{margin:0;padding:0}#ez-toc-container li,#ez-toc-container ul,#ez-toc-container ul li,div.ez-toc-widget-container,div.ez-toc-widget-container li{background:0 0;list-style:none none;line-height:1.6;margin:0;overflow:hidden;z-index:1}#ez-toc-container p.ez-toc-title{text-align:left;line-height:1.45;margin:0;padding:0}.ez-toc-title-container{display:table;width:100%}.ez-toc-title,.ez-toc-title-toggle{display:table-cell;text-align:left;vertical-align:middle}#ez-toc-container.ez-toc-black p.ez-toc-title{color:#fff}#ez-toc-container div.ez-toc-title-container+ul.ez-toc-list{margin-top:1em}.ez-toc-wrap-left{float:left;margin-right:10px}.ez-toc-wrap-right{float:right;margin-left:10px}#ez-toc-container a{color:#444;box-shadow:none;text-decoration:none;text-shadow:none}#ez-toc-container a:visited{color:#9f9f9f}#ez-toc-container a:hover{text-decoration:underline}#ez-toc-container.ez-toc-black a{color:#fff}#ez-toc-container.ez-toc-black a:visited{color:#fff}#ez-toc-container a.ez-toc-toggle{color:#444}#ez-toc-container.counter-flat ul,#ez-toc-container.counter-hierarchy ul,.ez-toc-widget-container.counter-flat ul,.ez-toc-widget-container.counter-hierarchy ul{counter-reset:item}#ez-toc-container.counter-numeric li,.ez-toc-widget-container.counter-numeric li{list-style-type:decimal;list-style-position:inside}#ez-toc-container.counter-decimal ul.ez-toc-list li a::before,.ez-toc-widget-container.counter-decimal ul.ez-toc-list li a::before{content:counters(item, ".") ". ";display:inline-block;counter-increment:item;margin-right:.2em}#ez-toc-container.counter-roman li a::before,.ez-toc-widget-container.counter-roman ul.ez-toc-list li a::before{content:counters(item, ".", upper-roman) ". ";counter-increment:item}.ez-toc-widget-container ul.ez-toc-list li::before{content:' ';position:absolute;left:0;right:0;height:30px;line-height:30px;z-index:-1}.ez-toc-widget-container ul.ez-toc-list li.active::before{background-color:#ededed}.ez-toc-widget-container li.active>a{font-weight:900}.ez-toc-btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.428571429;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.ez-toc-btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.ez-toc-btn:focus,.ez-toc-btn:hover{color:#333;text-decoration:none}.ez-toc-btn.active,.ez-toc-btn:active{background-image:none;outline:0;box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.ez-toc-btn-default{color:#333;background-color:#fff;border-color:#ccc}.ez-toc-btn-default.active,.ez-toc-btn-default:active,.ez-toc-btn-default:focus,.ez-toc-btn-default:hover{color:#333;background-color:#ebebeb;border-color:#adadad}.ez-toc-btn-default.active,.ez-toc-btn-default:active{background-image:none}.ez-toc-btn-sm,.ez-toc-btn-xs{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.ez-toc-btn-xs{padding:1px 5px}.ez-toc-btn-default{text-shadow:0 -1px 0 rgba(0,0,0,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075)}.ez-toc-btn-default:active{box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.active,.ez-toc-btn:active{background-image:none}.ez-toc-btn-default{text-shadow:0 1px 0 #fff;background-image:linear-gradient(to bottom,#fff 0,#e0e0e0 100%);background-repeat:repeat-x;border-color:#dbdbdb;border-color:#ccc}.ez-toc-btn-default:focus,.ez-toc-btn-default:hover{background-color:#e0e0e0;background-position:0 -15px}.ez-toc-btn-default.active,.ez-toc-btn-default:active{background-color:#e0e0e0;border-color:#dbdbdb}.ez-toc-pull-right{float:right!important;margin-left:10px}.ez-toc-glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';-webkit-font-smoothing:antialiased;font-style:normal;font-weight:400;line-height:1;-moz-osx-font-smoothing:grayscale}.ez-toc-glyphicon:empty{width:1em}.ez-toc-toggle i.ez-toc-glyphicon{font-size:16px;margin-left:2px}[class*=ez-toc-icon-]{font-family:ez-toc-icomoon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ez-toc-icon-toggle:before{content:"\e87a"}
.company-title div img {
    width: 100%;
    min-height: 100%;
    object-fit: cover;
 
}

questions:before {background: linear-gradient(to right,#18122a,#18122ae0,#1a142c);content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}

.post-faq:before {
  display:none
}
.info-til span {color: #ffbe00;font-weight: 700;}

.up-titel-one {
    width: 100%;
    background: #18122a;
    text-align: center;
}

.news-block-one:hover {
    color: #ffbe00;
}

.content-block-one {
    display: block;
    width: 100%;
    height: 400px;
    padding-top: 40px;
    overflow: hidden;
}

.margin li:last-child {
    margin-right: auto;
}

.sidebaer {width: 400px;margin-top: 170px;margin-right: 2%;height: fit-content;position: sticky;top: 130px;}

.up-post {}

.search-singel {
    height: 100px;
    width: 100%;
    background: #ffffff;
    z-index: 9;
    padding: 20px 20px 20px 20px;
    box-shadow: 0px 0px 5px 0px #00000052;
    border-radius: 10px;
}

.up-more-post {
    height: 100px;
    width: 100%;
    background: #ffffff;
    z-index: 9;
    padding: 30px 20px 15px 20px;
    box-shadow: 0px 0px 5px 0px #00000052;
    border-radius: 10px;
    display: inline-table;
    margin-top: 20px;
}

.up-more-post h3 {
    font-size: 25px;
    color: #d21f1f;
    margin-bottom: 15px;
    text-align: center;
}

.form-shc {
    width: 100%;
    height: 100%;
    background: #ddd;
    border-radius: 8px;
}

.form-shc form {
    width: 100%;
    height: 100%;
    padding: 20px;
}

.form-shc input {
    width: 90%;
}

.form-shc i {
    font-size: 20px;
    font-weight: 500;
    color: #5c5c5c;
}

.image-more {padding: 10px;transition: .35s ease;}
.image-more:hover {
  background:#f7f7f7
}
.image-more img {
    width: 90px;
    height: 90px;
    object-fit: cover;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0px #00000052;
}

.date-more {
    display: flex;
    width: auto;
    color: #4f4f4f;
}

.image-more a {
    display: flex;
}

.info-image-more {
    padding: 0 10px;
}

.info-image-more h4 {
    color: #18122a;
    margin-bottom: 10px;
}

.date-more i {
    margin-left: 5px;
}

.min-post {
    display: flex;
    padding-bottom: 30px;
}

div#wpcf7-f177-o1 {
    margin: 0 auto;
}

div#wpcf7-f177-o1 form.wpcf7-form.init {
    padding: 10px;
    display: flex;
}

div#wpcf7-f177-o1 form.wpcf7-form.init label {position: relative;}

.wpcf7-form-control-wrap input {border-radius: 10px;}

.box-overlay {
    left: 80%;
    transition-delay: 0.5s;
}

.shape-item-2 .sdas:before, .shape-item-2 .sdas:after, .info-til:before, .info-til:after, .box-overlay {
    content: "";
    width: 20%;
    height: 100%;
    background: #18122a;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: scale(1.2);
    transition: all 0.3s ease 0.1s;
    z-index: 1;
}

.shape-item-2:hover .sdas:before, .shape-item-2:hover .sdas:after, 
.shape-item-2:hover .info-til:before,
 .shape-item-2:hover .info-til:after,
 .shape-item-2:hover .box-overlay {
    opacity: .9;
    transform: scale(1);
}

.sdas:after {}

.shape-item-2:after {
    left: 20%;
    transition-delay: 0.2s;
}

.box-overlay {
    left: 80%;
    transition-delay: 0.5s;
}

.info-til:before {
    left: 40%;
    transition-delay: 0.3s;
}

.info-til:after {
    left: 60%;
    transition-delay: 0.4s;
}

.shape-item-2:hover .info-til a {
    opacity: 1;
}

.shape-item-2:hover .info-til p {
    opacity: 1;
}

.shape-item-2:hover .info-til h3 {
    opacity: 1;
}

.shape-2-image h3 {
    position: absolute;
    bottom: 10px;
    right: 0;
    width: 100%;
    padding: 15px;
    text-align: center;
    color: #fff;
    z-index: 1;
    transition: all 0.5s ease 0.1s;
}

.shape-item-2:before {
  content: '';
  position: absolute;
  right: 9px;
  left: 0px;
  bottom: 0;
  top: 10px;
  z-index: 1;
  transition: all 0.3s ease 0.1s;
  background: #18122a6e;
  }

.shape-item-2:hover h3 {
    opacity: 0;
}

.shape-item-2:hover:before {
    opacity: 0;
}
.shape-item-2 .sdas:before {
  left:20%;
  transition: all 0.3s ease 0.2s;
}
.bakgra-search {
    height: 100px;
    width: 40%;
    background: #ffffff;
    box-shadow: 0px 0px 5px 0px #00000052;
    border-radius: 0;
    padding: 12px 7px;
    border-radius: 7px;
    border: 5px solid #18364a;
    margin: 30% auto;
}

.bak-searc.open {
    transform: scaleX(1);
    visibility: visible;
}

.search form i {
    font-size: 40px;
}

.bottom-header .social a {
    background: none;
    font-size: 29px;
    width: 50px;
    height: 50px;
    color: #fff;
    line-height: 57px;
}

.bottom-header .social {
    height: 100%;
    margin: 0;
}

input.wpcf7-form-control.wpcf7-submit {width: 100px;height: 50px;background: #d21f1f;color: #fff;margin-right: 16px;border-radius: 15px;font-weight: 600;margin-top: 6px;padding: 5px;}

div#wpcf7-f177-o1 form.wpcf7-form.init p {
    display: flex;
}

.more-news a {
    color: #fff;
    background: 0;
    width: 40px;
}
.up-bottom {}

.botton-more {
    text-align: center;
    margin: 20px auto;
    width: 220px;
    padding: 20px;
    background: #f91f1e;
    color: #fff;
    font-size: 18px;
    border-radius: 10px;
    margin-bottom: 18px;
    cursor: pointer;
}

marquee {flex: 1;line-height: 37px;}

.flotaleft {
    position: relative;
    padding-top: 12px;
    color: #fff;
    font-size: 17px;
    margin-right: auto;
    width: 400px;
    background: #f91f1e;
    border-radius: 0 40px 40px 0;
    padding-right: 30px;
}

.flex {
    width: 380px;
}

a.sheo {
    display: block;
    font-size: 20px;
}

a.sheo span {
    color: #ffffff;
}

.email-subscriber .social {
    line-height: 90px;
}


.more-news marquee a {width: max-content;margin-left: 61px;display: inline-block;}

span.bomo.lsd {
    background: none;
    width: max-content;
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
    margin-top: 8px;
    padding: 10px;
    line-height: 10px;
}

.service-item a:hover span.bomo.lsd {
    background: #870606;
    color: #fff;
}



.mobile-menu.hide-pc.open .close {
    left: -61px;
    right: initial;
    color: #1e1e1e;
}


.fexsd-video {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 9999;
    height: 100%;
    background: #18122ad1;
}
@media (max-width: 1199px){
  .bottom-header   {
  }
  .email-subscriber .logo{
  }
  .email-subscriber a.ertf{
  }
  .social{
  }
  .email-subscriber .clearfix .pull-right{
  }
  .video{
    margin: 0;
    width: 99%;
  }
  .bakg-videos{
    margin: 0;
  
  }

    main{
    
margin-top: 0;
  }
  .info-us{
    /* display: none; */
  }
  header .logo{
  }
  .container{
    
max-width: 100%;
  }
  .bottom-header{
  }
  .search{
  }
  .contain-body{
    
width: 100%;
  }
  .sticky{
  }
  ul.quiqk-posts{
  }
  ul.quiqk-posts li{
  }
  .logo{

  }


}
@media (max-width: 1024px){
  .rights.text-center, .email-subscriber, section.shape-2, section.shape-1, services.block-tag, .company-steps, .ask-silder, footer {width: 100%;height: 100%;}
  .email-subscriber .logo{
    
display: none;
  }
  .up-titel-one{
    font-size: 13px;
    overflow-x: scroll;
    flex-wrap: nowrap;
  }
 .up-header.show .logo{
   
margin: 0 auto;
   
float: inherit;
 }
  .rokn-left img{
    
margin: 0 auto;
  }
  ul.up-ask li{
  width: auto;
  }
  ul.up-ask li:last-child{}
  .hed-botm{
    display: none;
  }
  body {
    padding-right:0
  }
  .bottom-header {
    padding:10px
  }
  .more-news .pull-left{
    display: none;
  }
  .ask-left{
  }
  .shape-3 .col-4{
    
width: calc((100% - 40px) / 2);
    
margin-left: 20px !important;
  }

  .act-search, .bars{
  }

  .social-shepstow{
    
margin-left: auto !important;
  }
  .slider-info{
  }
  header .logo{
    
margin-left: auto;
  }

  .shape-1 .row > div:nth-child(3){
  margin-left: 20px;
  }
  .shape-1 .row > div:nth-child(2), .shape-1 .row > div:nth-child(4){
    margin-left:0;
  }
  .shape-2 .row > div:nth-child(2), .shape-2 .row > div:nth-child(4)
    .shape-item-2{
  }
  .shape-2 .row div:nth-child(3){
    margin-left:20px;
  }
  .shape-2 .row div:nth-child(2), .shape-2 .row div:nth-child(4){
  }
  .heads-item{
    width: calc((100% - 81px) / 2);
  }
  .margin-one div:nth-child(3){
    margin-left: 30px;
  }
  .margin-one div:nth-child(2), .margin-one div:nth-child(4){margin-left:0;}
  .right-post{
    width: 100%;
  }
  .left-post{
    width: 100%;
  }
  
   .video{
    margin: 0;
    width: 100%;
    height: 480px;
  }
  .custom-slider{
  width: 99%;
  margin: 0 auto;
  height: 428px;
  margin-top: 99px;
  }
  .company-steps{
  }
  .main-menu{
    display: none !important;
  }
  services.block-tag:before{
    display:none;
  }
   .sticky{
  }
   ul.quiqk-posts{
  display: flex;
  }
  ul.quiqk-posts li{
  }
   .contain-body{
    
width: 100%;
  }
  .rokn-rihgt{
    
width: 100%;
    
height: 100%;
  }
  .mobile-menu.hide-pc .logo img{
    
margin: 0 auto;
    
display: block;
  }
  .mobile-menu.hide-pc a.logo{
  width: 100%;
  margin-bottom: 40px;
  margin-top: 38px;
  height: 70px;
  }
  .rokn-rihgt .flex-center:before{
    display:none;
  }
  .service-item{
  width: calc((100% - 61px) / 3);
  }
  .contuct{
    
display: none;
  }
  .accordion{
    width:100%;
    margin-top:10px;
  }
  .slider-info-two{
    display:none;
  }
  .custom-slider{height: 360px;margin-bottom: 2px;margin-top: 80px;}
.slider-info div{
  width:auto;
}
.slider-info-up{
  
height: auto;
  
right: 23%;
  
top: 3%;
}
 header .logo{
   
 }
 .rokn-left{
   
margin: 0 auto;
   
float: inherit;
 }
 .company-title{
    width: 100%;
    text-align: center;
    padding-right: 20px;
    padding-left: 20px;
  }
  .play-icon{
    top: 40%;
    right: 35%;
  }
  video-section {
    height:auto
  }
  .up-header .container.clearfix{
    margin: 0;
  }
  .bottom-header .logo{
    
margin: 0 auto;
  }

}
@media (max-width: 900px){
  .ask-right{
    
padding: 40px;
    
padding-right: 10px;
  }
  .bakg-videos{
    
width: 40%;
    

  }
  video-section{
    
  }
  .benfit-item:hover{
    
transform: inherit;
  }
  .apslot{
    
visibility: visible;
    
opacity: 1;
    
height: auto !important;
  }
  span.loctions{
    margin: 0 auto;
  }
  span.mails{
    display: none;
  }
  .shape-item-2{
    min-width: 37%;
    margin-left: 18px !important;
    width: 47%;
  }
  .shape-3 .col-4{
  }
  .imge-apsleo h2{
    
display: none;
  }
  
  .koydf p{
    
margin: 85px auto;
  }
   .ask-left{
   width: 60%;
   min-height: 100%;
   }
  .benfit-item p {
    opacity:1;

  }
  .benfit-item h3 {
    transform:translateY(0)
  }
  .service-item{
  width: calc((100% - 21px) / 2);
  }
  .heads-item{
    width: 100%;
    margin-left: 0 !important;
  }
  .news-block-one{
  padding: 0 16px;
  flex: auto;
  min-width: fit-content;
  }

  .bottom-header.show .logo {
    display:block!important;
    position:absolute;
    width:200px;
    text-align:center;
    right:calc(50% - 100px)
  }
    .bottom-header.show .logo img {
      width:auto;
    height:40px;
    }
  .shape-2 .row div:nth-child(6){
  margin-left: 17px;
  }
  ul.info-us li:nth-child(2){
    display:none;
  }
  .bottom-header{
  box-shadow: none;
  }
  .logo.pull-left{
  }
  .lotas{
    
width: 100%;
    
flex: inherit;
  }
  footer .container.flex-start{
    
display: block;
  }
  footer .col-8.flex-1{
    width: 100%;
    padding-left: 0;
    text-align: center;
  }
  .custom-slider .owl-nav{
  }
  
  .social{
  text-align: center;
  }
  .bottom-header aside ul{
    display: none;
  }
  .up-header aside ul{
    
display: flex;
  }
  .ask-silder .container{
    
width: 100% !important;
  }
  .benfit-item{
    width: calc((100% - 100px) / 3);
    height: 100%;
    margin: 10px 0;
    border-radius: 10%;
  }

}
@media (max-width: 500px) {
  video-section.block-tag .info-video{
    display: flex;
    flex-direction: row;
    height:auto;
  }
  .flotaleft{
    
font-size: 15px;
  }
  ul.up-ask li span{

font-size: 20px;

}
  ul.up-ask li i{
    
font-size: 34px;
    
height: 40px;
    
line-height: 40px;
    
margin: 0 auto;
    
display: block;
  }
  p.services-title-tow{
    
width: auto;
  }
  .bakgra-search{
    
width: 90%;
    
margin: 90% auto;
  }
  .ask-silder{
  height: auto;
  }
  .up-header.show .logo{
    margin: 0 auto;
    flex: 1;
    text-align: center;
  }
  .phon{
  padding: 0;
  }
  .rokn-left{
  width: 100%;
  }
  .company-title p{
  width: auto;
  max-height: initial;
  }
  .company-title h2{
  width: auto;
  }
  .rokn-rihgt{
    width: 100%;
    height: 100%;
  }
  .service-item{
  width: 100%;
  }
  .slider-info{
    width: 100%;
    left: 0;
    background: none;
    height: 210px;
  }
  section.shape-3 {
    padding:0 10px
  }
.shape-3-image img {
  width:100%;
  min-height: auto;
  height:100%
}
.shape-3-image {
  height:250px;
  position: static;
}
.shape-3-info,.right-post:hover .shape-3-info, .left-post:hover .shape-3-info {
}
.shape-3-info h3,.shape-3-info p {
  width:100%
}
.right-post,.left-post {
  height:600px
}
.video {
}
.video img {
  height: 100%;
}


h3.heads-title {
  font-size:17px;
  line-height:25px
}
.news-block-one{
}
.shape-item-2{
  
width: 100%;
  
margin-left: 0 !important;
}
.shape-3 .col-4{
  width: 100%;
  margin-left: 0 !important;
}
.video-title{
  
width: 100%;
}
span.video-content p{
  
width: 100%;
  
margin-right: 0;
}
.video-content{
  width:100%;
}
.ask-left{

width: 100%;

padding: 0;
}
.ask-right{
  
width: 100%;
}
.panel-content{
  
font-size: 14px;
}
.hed-botm.fixed-header.show img{
  
height: 54px;
}
.act-search, .bars{
  
margin-top: 0;
  
padding-top: 0;
  
margin-right: 0;
  
line-height: 60px;
}
.last{

  
text-align: right;
}
breadcrumb .breadcrumb span, breadcrumb .breadcrumb a{
    font-size: 12px;
}
ul.quiqk-posts li{
  
width: 100%;
}
.slider-image{
  width:100%;
  height: 350px;
}
.slider-image img{height: 350px;}

.custom-slider .owl-nav{
  display: none;
}
footer{
  height: auto;
}
.sticky{
  display: none;
}
.accordion{
  
width: 100%;
  
margin-top: 10px;
}
.contuct{
  
display: none;
}
.rokn-rihgt .flex-center div.benfit-item:nth-child(5){
  
margin-left: 25px;
}
.slider-info-two{
  
display: none;
}
.custom-slider{margin-top: 120px;height: 350px;}
.slider-info div{
  width:auto;
  height: 184px;
}
.bottom-header .pull-left{
  display:none;
}
.mobile-menu .logo img{
  
margin: 10px auto;
  
display: block;
}
.olk{
  
display: flex;
}
.bottom-header aside ul li{
  
margin-left: 10px;
}
.slider-info-up{
  
right: 0;
}
ul.quiqk-posts{
  
display: block;
}
.logo.pull-left{
  
display: none;
}
.up-bottom{
  /* margin-top: 230%; */
}

.ask-right{
    padding:0;
}
.lower-content, .image{
  
width: 100%;
  
height: 220px;
}

.content-block-one{
  
height: 578px;
}
.sidebaer, .margin{
  
max-width: 100%;
  
width: 100%;
  
margin-right: 0;
  
position: static;
  
margin-top: 100px;
}
.min-post{
  
display: block;
}
.up-post{
  
width: 98%;
  
margin: 0 auto;
  
float: inherit;
}
.email-subscriber .clearfix .pull-right{
  
display: block;
}
div#wpcf7-f177-o1{
  
padding-right: 50px;
}
.bak-searc input{
  
width: 72%;
}
rights text-center img{
    padding: 20px;
}
.rights.text-center{
    padding: 20px;
}
.rights.text-center .container{
  
display: flex;
  
padding-right: 43px;
}
.rights.text-center .container a{width: 45%;}
.apslot{
  visibility: visible;
  opacity: 1;
  height: 130px;
}
.benfit-item:hover{
  transform: inherit;
}
ul.up-ask{
  flex-direction: column;
  padding: 20px;
}
ul.up-ask li{
  text-align: right;
}
.ask-silder:before{
  height: 50%;
  width: 40%;
}
.bakg-videos{
  
    width: 100%;

}
  .info-meza{
    display:none;
  }
  
  

}

/*******/

.up-sochi {
}

a.call-now {
    position: absolute;
    bottom: 5px;
    left: 0;
    background: #ffbe00;
    z-index: 1;
    padding: 15px;
    font-size: 24px;
    color: #000;
    transform: translateX(-100%);
    transition: .35s ease;
    border-radius: 0  35px 35px 0;
}
.shape-item-2:hover a.call-now {
  transform:translateX(0)
}

.tags li {
    display: inline-block;
}

ul.sub-menu {
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: .3s all;
}

ul.sub-menu.acts {
    display: block;
    opacity: 1;
    visibility: visible;
}

.ask-silder .container {
    display: flex;
    background: #fee636;
    border-radius: 0 50px 50px 0;
    width: 60%;
}
.xmobile-icons {
  display:none;
  position: fixed;
  bottom: 0;
  z-index: 999999;
  width: 100%;
  background: #fff;
  box-shadow: 0px -13px 9px #00000038;
  display: none;
}
.marquee {
    flex: 1;
    overflow: hidden;
}
.marquee-container {
    animation: marquee 80s linear infinite;
    position:absolute;
    white-space:nowrap
}
.marquee-container a {
    display:inline-block;
    width: auto;
    margin-left: 60px;
    line-height: 37px;
     
}

@keyframes marquee {
  0% { right: 100%; }
  100% { right: -350%; }
}
@media (max-width:767px) {
  .contct-us form{
    width: 100%;
    margin: 0;
    margin-top: 20px;
  }
  .contct-us{
        width: 90%;
  }
  .xmobile-icons {
  }
  a.phone-icon {
  }
   .rights {
   }
  .xmobile-icons a {
    flex:1;
    text-align:center;
    padding: 15px;
    font-size:19px;
  }
  .xmobile-icons a i {
    margin-left:10px
  }
  .mobile-whats{
     color:#216424;
  }
  .mobile-phone {
    background:#23cc57;
    color:#fff
  }
  .marquee-container{
      animation: marquee 20s linear infinite;
  }
  .info-meza{
    display:none;
  }
  
  video-section{
    height: 330px;
  }
    .play-icon {
    top: 20%;
    right: -4px;
}
  video-section.block-tag .ask-right img{
        margin-top: 110px;
        height: 70px;
  }
  video-section:after{
    width:90%;
    
  }
}
.email-subscriber div#wpcf7-f3415-o1 {
    display: none;
}


post-content h1, post-content h2, post-content h3, post-content h4 {

    background: linear-gradient(to left,#006bb721,#0000);
    color: #006bb7;
    padding: 15px;
    border-radius: 5px;
}
.logo a {
    display: block;
    height: 60px;
}


span.seprator {
    margin-right: 11px;
}
@media(max-width:1023px){
	.owl-dots,p.slider-content {
		display:none
	}
}