* {padding: 0px;margin: 0px;box-sizing: border-box;list-style: none;}
html {overflow-x: hidden;}
body {font: 14px Tajawal, sans-serif;position: relative;background: #e7e9ee;}
.container {margin: auto;width: 1200px;}
.container-boxed { max-width: 1000px; margin: auto; }
.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 1 0%; }
.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%; min-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 {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 { border: 0px; outline: 0px; background: none; font: 14px Tajawal, sans-serif; }
.hide { display: none !important; }
a { text-decoration: none; color: inherit; }
.pull-left { float: left; }
.pull-right { float: right; }
.scroll-top {position: fixed;bottom: 10px;right: 10px;width: 40px;height: 40px;text-align: center;line-height: 44px;font-size: 21px;cursor: pointer;background: rgb(255 165 0);box-shadow: rgba(0, 0, 0, 0.26) 0px 0px 5px;transition: all 0.35s ease 0s;color: rgb(255 255 255);z-index: 99999999;border-radius: 7px;opacity: 0;top: inherit;}
.scroll-top.show { opacity: 1; }
main {margin-top: 0;overflow: hidden;}
header {height: 100px;position: relative;}
header .logo { margin-left: 10px; }
header .logo img {}
.search {margin-left: 4px;height: 40px;border-radius: 4px;background: rgb(238, 247, 244);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(255 255 255);font-size: 16px;transition: all 0.35s ease 0s;border-radius: 50%;line-height: 43px;border: 1px solid #fff;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(238, 33, 43); }
.social a.whatsapp:hover { color: rgb(255, 255, 255); background: rgb(37, 177, 93) !important; }
.main-menu { float: right; }
.main-menu li {font-weight: 500;display: block;z-index: 99;margin-top: 13px;min-width: 110px;border-left: 1px solid #f7f1f15c;padding: 0px 10px;font-size: 16px;height: 23px;color: rgb(255 255 255);transition: all 0.5s ease-out 0s;text-align: center;position: relative;}
.main-menu li:hover {color: rgb(245 183 71);}
.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;border-radius: 4px;margin-left: 8px;padding: 7px;top: 63px;right: 0px;list-style: none;background: rgb(35 50 72);visibility: hidden;opacity: 0;transition: all 0.3s cubic-bezier(0.15, 0.83, 0.58, 1) 0s;box-shadow: rgba(43, 52, 59, 0.1) 0px 3px 25px 0px, rgba(43, 52, 59, 0.1) 0px 0px 0px inset;border: 2px solid #233248;}
.main-menu li:hover > .sub-menu {opacity: 1;visibility: visible;}
.main-menu .sub-menu li:hover {border-bottom: 1px solid rgb(93 93 93);}
.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;}
.main-menu .sub-menu li .sub-menu { right: 100%; top: 0px; }
.main-menu .sub-menu li a { color: rgb(255, 255, 255); display: block; transition: all 0.35s ease 0s; font-size: 16px; font-weight: 100; }
.main-menu .sub-menu li a:hover {color: rgb(243 243 243);}
.bottom-header {width: 100%;height: 55px;z-index: 9999;transition: all 0.3s ease 0s;background: #233248;box-shadow: 0px 0px 4px #000;position: relative;}
.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 {}
.logo img {width: auto;height: 80px;margin-top: 11px;}
.act-search {color: rgb(24 35 51);font-size: 25px;font-weight: 500;line-height: 50px;margin-top: 24px;height: 50px;text-align: center;width: 50px;background: #ffa500;border-radius: 10px;cursor: pointer;margin-left: 10px;}
.main-menu li:nth-child(1) { padding-right: 0px; }
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 {/* content: ""; */position: absolute;top: 20px;width: 100%;height: 16px;border-left: 2px solid rgb(62 62 62 / 44%);left: 0px;}
.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 {z-index: 9998;border-top: 5px solid #fff;box-shadow: 0px 0px 6px #00000042;padding: 0 10px;}
.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(255 165 0);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;}
.news-block-one {border-radius: 7px;margin-left: 20px;position: relative;width: calc((100% - 40px) / 2);margin-bottom: 20px;cursor: pointer;height: 100%;}
.image {width: 100%;height: 340px;overflow: hidden;position: relative;}
.image img {width: 100%;display: block;min-height: 100%;object-fit: cover;}
.lower-content {width: 100%;height: 255px;padding: 0px 20px 20px;position: relative;border-radius: 0px 0px 10px 10px;box-shadow: 0px 2px 5px #00000024;z-index: 3;background-color: rgb(255, 255, 255);transition: all 0.3s ease-out 0s;}
.link {font-weight: 600;display: block;text-align: right;color: rgba(50, 50, 50, 0.93);margin-top: -2px;}
.lower-content p {font-weight: 500;font-size: 15px;margin-bottom: 20px;max-height: 68px;overflow: hidden;color: rgb(104, 104, 104);}
.lower-content h3 {font-weight: 700;margin-bottom: 12px;font-size: 19px;height: 56px;overflow: hidden;color: rgb(50, 50, 50);}
.date {display: inline-flex;width: 130px;height: 100%;line-height: 20px;font-size: 15px;text-align: center;border-radius: 50%;color: rgb(0 0 0);margin-left: 6px;}
.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;
}
.shape-item-2 {
    margin-bottom: 18px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    margin-left: 18px;
    max-height: 450px;
    height: 420px;
    width: calc((100% - 41px) / 3);
    }
.shape-item-2 .sdas {display: block;height: 100%;color: rgb(0, 0, 0);position: relative;width: 100%;}
.shape-item-2 .sdas:hover .shape-info { transform: rotateX(0deg); }
.shape-2-image {height: 100%;background: rgb(245, 245, 245);position: relative;}
.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 {}
video-section.block-tag {width: 100%;display: block;position: relative;background: #f5f8fe;padding: 50px;}
.video {position: relative;height: 370px;overflow: hidden;margin: 0 auto;}
.video img {display: block;object-fit: cover;width: 100%;object-position: center top;}
.play-icon {position: absolute;height: 140px;width: 140px;box-sizing: border-box;top: calc(50% - 61px);color: #172438;right: calc(50% - 90px);text-align: center;line-height: 150px;font-size: 50px;z-index: 9999;cursor: pointer;background-image: url(./Standard/UI/img/video-play.png);display: inline-block;background-position: center center;background-size: cover;}
.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) {margin: 15px auto;}
.mohs { margin: 0px auto; position: relative; top: -300px; }
.video-title {font-size: 18px;margin-bottom: 10px;width: 50%;overflow: hidden;color: #d60c0c;border-left: 2px solid #dee1e7;}
.video-content {font-size: 16px;width: 50%;overflow: hidden;color: rgb(10, 10, 10);}
.play-icon:hover i {color: rgb(216 26 26);transition: all 0.3s ease 0s;}
.play-icon i { transition: all 0.3s ease 0s; }
.video iframe { width: 100%; height: 100%; }
footer {padding: 30px 0px;background: #263045;position: relative;overflow: hidden;z-index: 99;display: flex;background: url(./Standard/UI/img/bg-footer.png) no-repeat center bottom #182333;}
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(255, 255, 255); }
.mals {display: flex;height: 100%;}
.mals ul {margin-top: 0px;}
.mals ul li {position: relative;color: rgb(230, 230, 230);padding: 5px;border-radius: 5px;margin: 2px 5px;background: #ffffff0d;width: 31.333%;height: 32px;display: inline-flex;font-size: 16px;overflow: hidden;}
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 210 13);}
.col-8.flex-1 {display: block;overflow: hidden;padding-left: 22px;}
.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 {border-bottom: 1px solid rgb(37, 37, 37);padding: 10px 0px;position: relative;}
.email-subscriber .clearfix .pull-right {display: flex;width: 100%;}
.email-subscriber .logo {margin-right: auto;width: 238px;z-index: 9;}
.social { height: 70px; line-height: 83px; margin-top: 10px; margin-bottom: 10px; }
.social a.twitter:hover { background: rgb(6, 155, 212); }
.social a.telegram:hover { background: rgb(6, 136, 212); }
.email-subscriber a.ertf {color: rgb(255, 255, 255);position: inherit;background: none;box-shadow: none;height: 50px;width: auto;text-align: center;font-size: 23px;padding: 7px;line-height: 0;padding: 10px;border-radius: 0;margin-top: auto;margin-bottom: auto;margin-left: 100px;margin-right: 40px;z-index: 9;}
.ertf i {
    margin-right: 7px;
}

section.shape-3 {margin-bottom: 30px;}
.shape-3-info h3 {line-height: 30px;color: rgb(54 64 136);margin-bottom: 15px;font-size: 17px;width: 100%;max-height: 60px;overflow: hidden;}
.shape-3-info p {color: rgb(118 118 118);font-size: 15px;width: 100%;height: 100px;max-height: 120px;overflow: hidden;margin-bottom: 10px;}
.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 {width: 70%;color: rgb(59, 59, 59);display: flex;background: #172438;text-align: center;/* mix-blend-mode: color-dodge; */padding-right: 20px;margin: 0 auto;box-sizing: border-box;position: relative;}
.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 {height: 90px;padding: 8px 15px 20px;margin-left: 0 !important;position: absolute;bottom: 0;right: 0;width: 100%;height: 100px;padding: 20px;background: #ffffff;border-bottom: 5px solid rgb(71 74 76 / 30%);z-index: 99;transition: all 0.4s ease-in-out;}
.info-til h3 {font-size: 16px;max-height: 50px;overflow: hidden;color: rgb(0 0 0);margin-bottom: 1px;font-weight: 700;}
.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;line-height: 44px;margin-left: 28px;z-index: 9;transition: .3s all !important;}
.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(255 194 81);transition: all 0.3s ease 0s;}
/*******************start-video*****************/

.accordion {
    width: 100%;
    margin-top: 25px;
}

.panel-header {
    color: #2e2e2e;
    font-size: 21px;
    padding: 15px 15px 15px 0px;
    margin-bottom: 7px;
    background: #fffdfd;
    cursor: pointer;
    transition: .35s ease;
    border: 2px solid #cec8c878;
}

.panel-header i {
    margin-left: 10px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 33px;
    margin-right: 15px;
    color: #fafafa;
    transition: .35s ease;
    background: #284c80;
    font-size: 14px;
    float: left;
}

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

.bakg-videos:after {}

.bakg-videos {
    width: 100%;
    margin: 0 auto;
}
/*******************end-video*****************/
/*******************start-slider*****************/

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

.panel-header.active {
    background: rgb(255 255 255);
    color: #101010;
}

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

.custom-slider {
    position: relative;
    height: 480px;
    overflow: hidden;
    background: linear-gradient(180deg, #0e1a2d, #223758);
    border-radius: 0px 0px 8% 8%;
    border-bottom: 8px solid #172438;
    box-shadow: 0px 2px 5px #000;
}

.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: 999;
}

.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: 28px;
    color: #ffffff;
    /* text-shadow: 0px 0px 4px #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: #8b9aaf;
    font-size: 17px;
    transform: translateY(60px);
    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: 22px;
    background: #fff;
}

.company-title h2 {
    font-size: 26px;
    color: #182333;
    text-align: right;
    width: 90%;
    max-height: 120px;
    margin-bottom: 20px;
    overflow: hidden;
}
.company-title p{color: #696969;font-size: 17px;width: 100%;max-height: 100px;text-align: right;padding-bottom: 30px;margin-bottom: 10px;border-bottom: 2px solid #eee;}

.clearfix div.benfit-item:nth-child(2), .clearfix div.benfit-item:nth-child(5) {
}
.rokn-rihgt {
    width: 60%;
    text-align: right;
}

.icon {
    font-size: 50px;
    margin-left: 20px;
    color: #c5ccd8;
    font-weight: 300;
}

.benfit-item {
    margin-left: 3%;
    margin-bottom: 15px;
    box-shadow: 0px 0px 5px #4c4c4c36;
    border-radius: 15px;
    width: 97%;
    padding: 10px;
    background: #fff;
}

.kamc {
    color: #6d6d6d;
}

.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 {position: relative;z-index: 9;}

.rokn-left img {z-index: 9;}

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

h2.services-title{
  position: relative;
  color: #223656;
  font-weight: 600;
  font-size: 34px;
  padding-top: 10px;
  margin-bottom: 15px;
}
.service-item{
      height: 300px;
      box-sizing: border-box;
      margin: 0 0 1% 1%;
      float: left;
      min-height: 1px;
      box-shadow: 0px 0px 5px #00000029;
      background: linear-gradient(180deg, #0e1a2d, #223758);
      position: relative;
      width: calc( ( 3 / 12) * 117% );
      transition: all 0.5s ease-in-out;
      padding: 20px;
}
.service-item a{
  vertical-align: baseline;
  float: right;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 9;
  position: relative;
  border: 1px dashed rgba(173, 181, 189, 0.3);
  padding: 20px;
}
.ser-item-image{
  width: 100px;
  height: 100px;
  margin: 0 auto;
  font-size: 48px;
  color: #ffa500;
  font-weight: 300;
  padding-top: 20px;
}
h2.ser-title{
      font-size: 17px;
      max-height: 65px;
      margin-top: 13px;
      text-align: right;
      color: #fffdfd;
      text-transform: capitalize;
      text-align: center;
}
p.ser-title{
      height: 45px;
      font-size: 15px;
      overflow: hidden;
      text-align: center;
      color: #d6d6d6dd;
      text-transform: capitalize;
}


.service-item img {
    min-height: 100%;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 0px 5px #00000075;
}
/*******************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.block-tag {
   padding-bottom: 160px;
   box-shadow: 0 0 0 0 #ffffff;
   position: relative;
   display: block;
   border: none;
}



.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;
      display: inline-block;
      margin-bottom: 10px;
      border: 4px solid #fff;
}
.poster img{
      width: auto;
      max-height: 450px;
      object-fit: cover;
}
breadcrumb{
      display: block;
      padding: 10px;
      margin-bottom: 20px;
      border-radius: 10px;
      padding-right: 0;
}
breadcrumb a{
  color: #434346;
  display: inline-block;
  margin-left: 10px;
  font-size: 13px;
  font-weight: 600;
}
breadcrumb i{
  color: #4d57a0;
  display: inline-block;
  margin-left: 10px;
  font-size: 13px;
  font-weight: 600;
}

.contain-body {
    padding: 10px 14px 15px 14px;
    width: 100%;
    border: 2px solid #dddddd61;
    background: #fff;
    margin-bottom: 40px;
}

.clearfix h1 {
      padding: 5px;
    margin-bottom: 10px;
}

.last {
    position: absolute;
    top: calc(100% - 92%);
    max-height: 130px;
    right: calc(100% - 81%);
    z-index: 9;
    text-align: right;
}

h1.ti-singel a {
    color: #ffffff;
}

.poster:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
    background: linear-gradient(transparent,#5d5d5dcc);
}
post-content * {
    max-width: 100%;
    font-size: 18px;
    color: #1e243a;
    list-style: initial;
}
post-content li {
  margin-right:20px
}
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 {
    position: sticky;
    top: 70px;
    background: #fff;
    padding: 20px 14px 15px 14px;
    box-shadow: 0 0 10px #0003;
    border-radius: 10px;
}

.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: #f6ca00;
    margin-left: 5px;
}

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

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

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

li.athur {
    z-index: 9;
    width: 95px;
    height: 100px;
    text-align: center;
    border-radius: 0 0 0 15px;
    color: #364088;
}

li.athur img {
    max-height: 85PX;
    max-width: 85PX;
    border-radius: 7px;
}

.social-single {
    z-index: 9;
    display: inline-flex;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 20px;
}

.social-single a {
        width: 40px;
        height: 40px;
        color: #616265;
        line-height: 40px;
        font-size: 22px;
        background: #dedede;
        border-radius: 4px;
        display: block;
        text-align: center;
        margin-bottom: 2px;
        margin-left: 3px;
        transition: .3s all;
}




.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: #364088;
    width: 100%;
    display: block;
}

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

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

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

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

.SubmitComment button {
    background: #23cc57;
    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: #404041;
    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 {
    color: #364088;
    display: flow-root;
    width: max-content;
    margin: 2px;
    padding: 2px 10px;
    background: #f1f1f1;
    font-weight: 500;
    font-size: 16px;
    border-radius: 10px;
    transition: .3s ease;
}

.tags li {margin-bottom: 4px;}

.tags li a i {
    color: #a0a0a0;
}
/*******************end-css-singel*****************/

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

.aside {}

.aside section.shape-1 {
    background: none;
    background-image: none;
}

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

.up-header {
    position: relative;
}

.open {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.container.clearfix {
}

.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: 70px;
    width: 70px;
    text-align: center;
    position: fixed;
    font-size: 40px;
    left: 20px;
    bottom: 20px;
    box-shadow: 0px 0px 5px #0000003b;
    color: #ffffff;
    z-index: 99999999;
    background: #23cc57;
    border-radius: 24px;
    transition: .3s all;
    padding-top: 8px;
}

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

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

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


.block-tag .panel-header:hover i {
    /* color: #fff; */
}

.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;
}

h2.news-titlee {
    text-align: right;
    color: #364088;
    padding-bottom: 7px;
    width: 180px;
    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%;
}



ul.quiqk-posts li div:last-of-type label {
    display: inline-block;
    background: #292929;
    padding: 4px 7px;
    margin-top: 10px;
    border-radius: 25px;
    transition: .35s ease;
    color: #fff;
}


.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: #aeaeae;color: #364088;} ul.page-numbers li a {display:block; height:100% } ul.page-numbers li .current {display:block;height:100%;background: #364088;color:#fff;} 
.comment-toggle {color: #1e243a;background: #ffd20d;padding: 5px;width: 160px;text-align: center;font-size: 18px;margin: 10px 0px;border-radius: 14px;cursor: pointer;font-weight: 700;} ul.quiqk-posts {margin: 15px 0;list-style: none;justify-content: space-between;DISPLAY: flex;} ul.quiqk-posts li {width: 50%;border-radius: 15px;box-shadow: 1px 2px 4px #00000014;transition:.45s ease;cursor: pointer;margin-bottom: 10px;margin-left: 20px;position: relative;} ul.quiqk-posts li div:last-of-type {
    max-height: 40px;
} ul.quiqk-posts li:hover {background: #ffffff;} ul.quiqk-posts li div:last-of-type h3 {color: #ffffff;font-size: 15px;transition:.35s ease;max-height: 40px;overflow: hidden;} ul.quiqk-posts li:hover div:last-of-type h3 {color:#f44336 } ul.quiqk-posts li div:last-of-type label {display:inline-block;background: #d81f1f;padding: 4px 7px;margin-top: 10px;border-radius: 25px;transition:.35s ease;} ul.quiqk-posts li:hover div:last-of-type label {background: #515ba9;} 
.thumb {height: 155px;width: 100%;border-radius: 10px;object-fit: cover;overflow: hidden;background: #fbfbfb;border-bottom: 1px solid #65656547;position: relative;} 

.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;
}

.tags {
    margin-top: 9px;
}

form.CommentsFormInner {
    width: 100%;
}

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

h2.news-title {
    position: relative;
    padding: 20px 0;
}

.displ {
    display: flex;
}

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

.shape-item-2:hover img {
    transform: scale(1.1);
}

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

.archive {
    margin-top: 50px;
}
.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 {background: #fff;display: block;border-bottom: 5px;border-radius: 15px;}
strong {
    color: #3c4b96;
    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-thumbnail.post-thumbnail-archive {
    margin-top: 50px;
    text-align: center;
    margin-bottom: 39px;
    background: #0a146130;
    padding: 30px;
}

.post-in-archive {
    margin-top: 10px;
    color: #3f4b9e;
}

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

section.up-Search {
    margin-top: 90px;
}

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;
}

li.full {
    padding-right: 10px;
}

.shape-2 .row div:nth-child(3), .shape-2 .row div:nth-child(6), .shape-2 .row div:nth-child(8), .shape-2 .row div:nth-child(10), .shape-2 .row div:nth-child(10), .shape-2 .row div:nth-child(12), .shape-2 .row div:nth-child(14) {
    margin-left: 0;
}

.bars {
    font-size: 40px;
    color: #fff;
    margin-right: 20px;
    margin-left: 10px;
    padding-top: 22px;
}

.mobile-menu.hide-pc {
    position: fixed;
    right: 0;
    top: 0;
    height: 100vh;
    z-index: 9999999;
    width: 314px;
    background: #172438;
    box-shadow: 0px 0px 4px #000;
    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 {
    background: #f8b233;
    color: #000;
}

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

.close {
    position: absolute;
    left: -35px;
    top: 0px;
    font-size: 30px;
    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%;
    padding-top: 15px;
    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%;
    padding-top: 15px;
    font-size: 19px;
    z-index: 9;
    text-align: right;
}

.up-header .container.clearfix {
    margin: 0 auto;
    height: 100%;
}

.bottom-header .pull-right {
    height: 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: #000;}

.bottom-header:before {content: '';width: 35%;position: absolute;right: 0;height: 100%;background: #ffa500;}

.bottom-header .pull-left {
    height: 100%;
}

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

.social-hed:before {content: '';position: absolute;right: -26px;top: 12px;width: 2px;height: 28px;background: #ffffff1c;}

.hed-botm {
    background: #172438;
    box-shadow: 0px 0px 5px #00000047;
}

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

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

.search:after {}

.bak-searc {
    position: absolute;
    left: 0;
    top: 100px;
    height: 80px;
    width: 300px;
    background: #e5e5e5;
    box-shadow: 0 3px 5px rgb(0 0 0 / 10%);
    border-top: 3px solid;
    border-top-color: #fda12b;
    border-radius: 0;
    z-index: 9;
    padding: 15px 14px 0px;
}

.search i {
    font-size: 16px;
    width: 40px;
    height: 40px;
    background: #fda12b;
    color: #fff;
    text-align: center;
    padding-top: 12px;
}

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

.bak-searc:before {
    position: absolute;
    left: 27px;
    top: -11px;
    width: 47px;
    height: 47px;
    text-align: center;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 8px solid;
    content: " ";
    border-bottom-color: #fda12b;
}
/************end-header************/






p.services-title-tow {
    width: 90%;
    text-align: center;
    margin: 0 auto;
    font-size: 20px;
    color: #585858;
    margin-bottom: 40px;
}

.service-item a:before {content: '';width: 30px;height: 30px;border: 1px solid transparent;position: absolute;transition: all 0.4s ease-in-out;top: -1px;left: -1px;border-top-color: #ffa500;border-left-color: #ffa500;}

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

.service-item a:after {
    content: "";
    width: 30px;
    height: 30px;
    border: 1px solid transparent;
    position: absolute;
    transition: all 0.4s ease-in-out;
    bottom: -1px;
    right: -1px;
    border-bottom-color: #ffa500;
    border-right-color: #ffa500;
}

.service-item:hover a:before, .service-item:hover a:after {
    width: calc(100% + 0px);
    height: calc(100% + 0px);
}

.sppb-row-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center center;
    background-repeat: repeat;
    z-index: -1;
    width: 100%;
    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: 5px;
    color: #ffa500;
}

.info-post-home {
    width: 100%;
    padding: 10px 0px;
}

.link a {
    background: linear-gradient(90deg, #d60c0c, #da1b0c);
    padding: 10px 20px;
    border-radius: 5px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    transition: transform .4s;
    float: left;
}

.ask-right {
    width: 50%;
    padding-left: 10px;
}

.ask-left {
    width: 50%;
    padding-right: 10px;
}

span.video-content p {
    height: 100%;
    margin-right: 20px;
}

span.mails {
    height: 50px;
    width: auto;
    text-align: center;
    font-size: 23px;
    background: #0000002b;
    border-radius: 10px;
    padding: 7px 12px;
    z-index: 9;
    color: #fff;
    margin-top: auto;
    margin-bottom: auto;
}

span.mails i {
    margin-right: 9px;
}

span.loctions {
    font-size: 18px;
    max-height: 60px;
    z-index: 9;
    color: #fff;
    width: 300px;
    display: flex;
    margin-top: auto;
    margin-bottom: auto;
}

span.loctions i {
    font-size: 43px;
    width: 20%;
    margin-left: 10px;
    padding-top: 6px;
}

.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;
}

.color-bak {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: #143b75;
    z-index: 0;
    opacity: 0.90;
    background-image: url(./Standard/UI/img/bg-footer-top.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

span.loctions span {overflow: hidden;height: 80px;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;
    top: -40px;
    right: 0;
    background: #2d4a8a;
    padding: 6px;
    border-radius: 3px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-out 0s;
}

.social a span:after {
  content: '';
  position: absolute;
  top: 12px;
  right: 13px;
  width: 50%;
  height: 50%;
  background: #2d4a8a;
  z-index: -1;
  transform: rotate(
35deg
);
  border-radius: 1px;
  transition: all 0.3s ease-out 0s;
}

.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 {
    content: "";
    width: 30px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: -10px;
    transform: skew( -25deg );
    background: #172438;
}

.social-shepstow:after {
    content: "";
    width: 30px;
    height: 100%;
    background: #172438;
    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%;}

.info-til:before {content: '';width: 0;height: 5px;position: absolute;bottom: -4px;right: 0;background: #ffa500;transition: all 0.4s ease-in-out;}

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

.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;
}

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

.shape-3-info {
    width: 100%;
    height: 250px;
    overflow: hidden;
    padding: 30px 20px;
    font-size: 15px;
    /* border: 1px solid #ffa500; */
    margin-bottom: 2px;
    margin-top: 2px;
    box-shadow: 0px 0px 5px #00000036;
    background: #fff;
}
.shape-3 .col-4:nth-child(even) .shape-3-info {
  order:1
}
.shape-3 .col-4:nth-child(even) .shape-3-image {
  order:2
}
.shape-3 .col-4{
  padding: 10px;
  height: 520px;
}

.shape-3-info span {
    color: #d60c0c;
    font-weight: 600;
}

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

.rights.text-center {
    color: #fff;
    font-weight: 700;
    padding: 5px;
    background: url(./Standard/UI/img/bg-footer.png) no-repeat center bottom #182333;
}

.link .telphone-post {
    font-size: 30px;
    height: 45px;
    padding: 0;
    background: #23cc57;
    transition: transform .1s;
    float: right;
    margin-right: 20px;
    position: relative;
    top: 0;
    color: #fff;
}

.link .telphone-post:hover {transform: scale(1.1);}

.slider-item.full-absolute {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 1350px;
    margin: 0 auto;
}

.slider-info {
    z-index: 99;
    display: block;
    width: 50%;
    height: 100%;
    text-align: right;
    padding: 20px;
    margin-top: -17px;
}

.slider-image {
    width: 50%;
    min-width: 500px;
    max-width: 500px;
    margin-top: 29px;
    height: 400px;
    overflow: hidden;
    position: relative;
    /* right: 1px; */
}

.slider-image img {
    width: 100%;
    min-height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: .55s ease;
    border: 2px solid #fff;
}

.active .slider-image img {
    opacity: 1;
}
.custom-slider .owl-item:nth-child(even) .slider-info {
  order: 1;
}
.custom-slider .owl-item:nth-child(even) .slider-image {
  order:2
}


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

.custom-slider .owl-nav .owl-prev {margin-right: 18px;background: #233a5f;}

.custom-slider .owl-nav > div {
    font-size: 18px;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 78px;
    background: #355282;
    color: #fff;
    cursor: pointer;
    position: relative;
    border-radius: 50%;
}

.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;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: rgba(3,0,20,.67);
    z-index: 1;
}

.up-img-slider {
    width: 100%;
    height: 100%;
}

.breadcrumb a span {
    color: #e5e5e5;
    font-size: 14px;
}

.breadcrumb a {color: #fff;font-weight: 100;}

span.seprator i {color: #ffa500;font-weight: 800;}

.image-overlay {
    width: 138px;
    height: 118px;
    background-image: url(./Standard/UI/img/ptitle-overlay.png);
    position: absolute;
    top: 54px;
    left: 45px;
    z-index: -1;
    animation: squares_lg 3s infinite linear alternate;
    z-index: 99;
}

.margin {
    margin-top: -110px;
    z-index: 999;
}

.margin ul.list-unstyled.flex-center {
    width: auto;
    height: 40px;
    line-height: 30px;
    display: inline-flex;
    position: relative;
}

li.margen-auot {}

.margin ul.list-unstyled.flex-center li {
    margin-left: 20px;
}

.margin ul.list-unstyled.flex-center:before {content: '';position: absolute;width: 49px;height: 4px;right: 1px;bottom: -3px;background: #3c4b96;}

.aligncenter img {
    border-radius: 10px;
}

post-content p img {
    border-radius: 10px;
}

.up-tagss {
    display: flex;
}

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

.social-single a:hover {
    color: #fff;
    background: #ffa500;
    transition: .3s all;
}

.single-container {
}

.shape-3 .col-4 a {
}

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

.video:after {content: '';position: absolute;top: 0;right: 0;width: 100%;height: 100%;background: #00000042;}

.bacg-tag {
    height: 86%;
    width: 100%;
    top: 80px;
    left: 0;
    position: absolute;
    opacity: 1;
    transform: rotateY(180deg);
    z-index: -1;
}

body:after {content: '';position: fixed;right: 0;top: 0;width: 100%;height: 100%;z-index: -1;background-repeat: no-repeat;opacity: .6;background-image: url(./Standard/UI/img/banner-three.jpg);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;
    border-radius: 10px;
    padding: 5px 10px;
    background: #17243852;
    left: 3px;
    width: auto;
    height: auto;
    transition: all 0.3s cubic-bezier(0.42, 0.17, 0.93, 0.65) 0s;
    font-size: 16px;
    opacity: 0;
    visibility: hidden;
}

.news-block-one:hover .date {
    bottom: 10px;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s cubic-bezier(0.42, 0.17, 0.93, 0.65) 0s;
}

.image .date i {
    color: #ffa500;
    margin-left: 6px;
}

.company-steps:before {content: '';position: absolute;top: -297px;right: 0;width: 100%;height: 100%;background-image: url(./Standard/UI/img/custo.png);/* z-index: -1; */}

.inner-box {
    height: 100%;
}

.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;background: #233248;z-index: -1;transform: rotate(45deg);border-top: 2px solid #ffffff;border-left: 2px solid #ffffff;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: #ffa500;
}

h1.ti-singel {
    text-align: right;
}

.bottom-header aside ul li:nth-child(1) .olk i {
    color: #000;
}
@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 {
  width:100%;
  position:static;
  height: auto;
  padding: 10px;
}
.shape-3-info h3,.shape-3-info p {
  width:100%
}
.right-post,.left-post {
  height:600px
}
.video {
  height:auto
}
.video img {
  height: 100%;
}

/************start-header************/
h3.heads-title {
  font-size:17px;
  line-height:25px
}
}

@media (max-width: 1199px){
  .bottom-header   {
    
display: none;
  }
  .email-subscriber .logo{
    
display: none;
  }
  .email-subscriber a.ertf{
  }
  .social{
  }
  .email-subscriber .clearfix .pull-right{
    
width: inherit;
  }
  .video{
    margin: 0;
    width: 99%;
  }
  .bakg-videos{
    margin: 0;
    max-width: 99%;
  }

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

}
@media (max-width: 1023px){
  .act-search, .bars{
    padding-top:0px: ;
  }

  .social-shepstow{
    
margin-left: auto !important;
  }
  .slider-info{
    
position: absolute;
    
top: 49px;
    
background: #00000082;
    
height: 92%;
  }
  header .logo{
    
margin-left: auto;
  }
  .news-block-one{
    width: 100%;
  }
  .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-item-2{
  width: calc((100% - 81px) / 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%;
  }
    .container{
    
max-width: 94%;
  }
   .video{
    margin: 0;
    width: 99%;
  }
  .custom-slider{
  width: 99%;
  margin: 0 auto;
  }
  .company-steps{
    padding-top:59px;
  }
  .main-menu{
    display: none;
  }
  services.block-tag:before{
    display:none;
  }
   .sticky{
  width: 100%;
  }
   ul.quiqk-posts{
  display: flex;
  }
  ul.quiqk-posts li{
  }
   .contain-body{
    
width: 100%;
  }
 

}
@media (max-width: 900px){
  .imge-apsleo h2{
    
display: none;
  }
  .rokn-left{
    
left: -50px;
  }
  .koydf p{
    
margin: 85px auto;
  }
   .ask-left{
     
margin-top: 50px;
   }
  .benfit-item p {
    opacity:1;

  }
  .benfit-item h3 {
    transform:translateY(0)
  }
  .service-item{
    width: 49%;
  }
  .heads-item{
    width: 100%;
    margin-left: 0 !important;
  }
  .news-block-one{
    width: calc(50% - 20px);
  }
  .container{
    padding: 9px;
    max-width: 99%;
  }
  .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;
  height: 75px;
  }
  .email-subscriber{
    display:none;
  }
  .lotas{
    
width: 100%;
    
flex: inherit;
  }
  footer .container.flex-start{
    
display: block;
  }
  footer .col-8.flex-1{
    
width: 100%;
  }
  .custom-slider .owl-nav{
    
bottom: 0;
    
top: inherit;
  }
}
@media (max-width:500px) {
  .rokn-left{
    
left: 0;
  }
  .company-title{
    
padding-bottom: 40px;
  }
  .rokn-rihgt{
    
width: 100%;
  }
  .service-item{
    
width: 100%;
  }
  .slider-info{
    
width: 100%;
  }
  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 {
  width:100%;
  position:static;
  height: auto;
  padding: 10px;
}
.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
}
.news-block-one{
  
width: 100%;
  
margin-left: 0 !important;
}
.shape-item-2{
  
width: 100%;
  
margin-left: 0 !important;
}
.shape-3 .col-4{
  
width: 100%;
}
.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;
}
.last{
  
font-size: 8px;
  
text-align: right;
}
breadcrumb .breadcrumb span, breadcrumb .breadcrumb a{
    font-size: 12px;
}
ul.quiqk-posts li{
  
width: 100%;
}
.slider-image{
  width:100%;
}

}

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

ul.quiqk-posts li .flex-1 {
    position: absolute;
    bottom: 10px;
    right: 6px;
}

.thumb:before {content: '';position: absolute;width: 100%;height: 100%;background: linear-gradient(transparent,#1c1e22);right: 0;top: 0;}

.rights .lotas {
    display: flex;
    margin: 0 auto;
    min-width: 1200px;
}

.your {
    margin-right: auto;
    padding-top: 25px;
}

.news-description {
    margin: 10px;
    background: #fff;
    margin: 20px auto;
    padding: 20px;
    font-size: 17px;
    border-radius: 5px;
    box-shadow: 0 0 20px #0000001a;
}

.news-description img {
    width: 280px;
    height: 280px;
    float: right;
    margin: 0 0 20px 20px;
    border: 1px solid #ccc;
}

@media (max-width:767px) {
  .mals ul li {
    width:100%
  }
   .your {
     padding:10px 90px
   }
   a.phone-icon {

    width: 50px;

    height: 50px;

    font-size: 26px;

    left: 10px;

    bottom: 10px;
  }
 a.whats {   
  bottom: 43px;
 }
 footer {
   padding:30px 0 0 0
  }
  .rights .lotas {
    min-width:100%;
    display:block;
    margin-bottom:20px
  }
  .social a {
    width:30px;
    height:30px;
    margin-left: 2px;
    line-height: 30px;
    font-size: 13px;
  }
}