* {padding: 0px;margin: 0px;box-sizing: border-box;}
 html {overflow-x: hidden;}
 body {font: 14px Tajawal, sans-serif;background: #ffffff;position: relative;background-image: url(./Standard/UI/img/bg-07.png) !important;overflow-x:hidden;}
 .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 {display: none; }
 }
 @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(100%);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;}
 .owl-load { opacity: 1; visibility: visible; }
 img {max-width: 100%;vertical-align: middle;border-style: none;transition: all 0.3s ease-out 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: 60px; text-align: center; line-height: 60px; font-size: 28px; cursor: pointer; background: rgb(255, 253, 253); box-shadow: rgba(0, 0, 0, 0.26) 0px 0px 5px; transition: all 0.35s ease 0s; color: rgb(44, 45, 72); z-index: 99999999; border-radius: 7px; opacity: 0; top: inherit; }
 .scroll-top.show { opacity: 1; }
 main {margin-top: 60px;}
 header {height: 100px;margin-top: 0px;}
 header .logo { margin-left: 10px; }
 header .logo img { }
 .search {margin-left: 4px;height: 36px;padding: 8px 14px 0px;border-radius: 4px;background: rgb(238, 247, 244);float: revert;display: none;position: absolute;left: 63px;top: 20px;}
 .social a {display: inline-block;text-align: center;width: 50px;height: 50px;margin-left: 9px;color: rgb(255 255 255);font-size: 23px;transition: all 0.35s ease 0s;line-height: 56px;background: rgb(67 78 156);border-radius: 8px;}
 .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 {display: block;margin: 0px;text-decoration: none;position: relative;z-index: 1;min-width: 110px;line-height: 55px;border-left: 1px solid #eeeeee29;padding: 0px 16px;list-style: none;font-size: 17px;font-weight: 500;color: rgb(255 255 255);transition: all 0.5s ease-out 0s;text-align: center;}
 .main-menu li:hover {color: rgb(255 210 13);}
  .main-menu .sub-menu { position: absolute; width: max-content; border-radius: 4px; margin-left: 8px; padding: 7px; top: 90%; right: 0px; list-style: none; background: rgb(51, 51, 51); visibility: hidden; min-width: 250px; max-width: 250px; opacity: 0; transform-origin: 0px 0px; transform: rotateX(-90deg); 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; }
 .main-menu li:hover > .sub-menu { opacity: 1; visibility: visible; transform: rotateX(0deg); }
 .main-menu .sub-menu li:hover { border-bottom: 2px solid rgba(255, 218, 151, 0.4); line-height: 40px; margin: 0px; padding: 0px 10px; }
 .main-menu .sub-menu li { border-bottom: 1px solid rgba(218, 216, 216, 0.12); margin: 0px; padding: 0px 10px; height: 45px; line-height: 39px !important; }
  .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(253, 200, 52); }
 .bottom-header {position: absolute;width: 100%;height: 55px;right: 0px;z-index: 9999;transition: all 0.3s ease 0s;background: #3f4b9e;box-shadow: 0px 0px 4px #000;}
 .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 210 13);margin-left: 9px;}
 .olk {color: rgb(255 255 255);}
 .logo { width: 223px; }
 .logo img {width: auto;height: 40px;margin-top: 10px;}
 .act-search {color: rgb(255 210 13);font-size: 25px;font-weight: 500;display: inline-block;float: left;line-height: 45px;width: 45px;margin-top: 5px;text-align: center;background: #364088;border-radius: 10px;cursor: pointer;}
 .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 {content: "";position: absolute;top: 9px;width: 100%;height: 16px;border-top: 2px solid rgb(227 227 227);right: 0px;opacity: 0;visibility: hidden;transition: all 0.3s ease 0s;}
 .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 {padding: 2%;animation: 10s ease 0s infinite alternate none running MultiColorVC;z-index: 9998;background-color: rgb(255 255 255);border-top: 5px solid #fff;box-shadow: 0px 0px 6px #00000042;padding: 0 10px;}
 .heads-item  {padding: 10px;}
 .heads-item a {position: relative;overflow: hidden;border: 5px solid #fff;box-shadow: 0px 0px 5px #00000033;cursor: pointer;margin-left: 30px;display: block;max-height: 280px;height: 280px;width: 100%;}
 .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 a::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: 13px;line-height: 24px;color: rgb(255 210 13);width: 100%;display: block;margin-bottom: 11px;}
 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 a::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) {}
 section.shape-1 {background-color: rgb(245 248 254);background-image: url("./Standard/UI/img/sbg.png");background-position: center bottom;background-repeat: no-repeat;background-size: cover;padding: 30px;border-top: 2px solid #0000001a;}
 .news-block-one {border-radius: 7px;overflow: hidden;margin-left: 20px;position: relative;box-shadow: 0px 0px 5px #00000036;width: calc((100% - 81px) / 3);height: 500px;margin-bottom: 20px;cursor: pointer;}
 .image { width: 100%; height: 286px; overflow: hidden; }
 .image img {width: 100%;display: block;object-fit: cover;min-height: 100%;}
 .lower-content { width: 100%; height: 230px; padding: 40px 30px 34px; position: relative; z-index: 3; background-color: rgb(255, 255, 255); transition: all 0.3s ease-out 0s; transform: translateY(17px); }
 .link { font-weight: 600; display: block; text-align: left; color: rgba(50, 50, 50, 0.93); margin-top: 23px; }
 .lower-content p { font-weight: 500; font-size: 15px; margin-bottom: 10px; height: 61px; 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: block;width: 70px;height: 70px;line-height: 20px;font-size: 15px;text-align: center;border-radius: 50%;background: rgb(54 64 136);color: rgb(255, 255, 255);position: absolute;left: 40px;top: -54px;}
 .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 {margin-top: 15px;font-size: 25px;}
 .news-block-one:hover .lower-content { transform: translateY(-15px); }
 h2.news-title::after {content: "";height: 52px;width: 80px;position: absolute;top: 10px;background-image: url(./Standard/UI/img/Untitled-1.png);margin-right: 20px;}
 .shape-1 .row > div:nth-child(3), .shape-1 .row > div:nth-child(6) { margin-left: 0px; }
 .shape-item-2 {margin-bottom: 18px; position: relative; overflow: hidden; cursor: pointer; margin-left: 18px; max-height: 400px; width: calc((100% - 81px) / 3); border-radius: 10px; }
 .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%;}
 section.shape-2 {background-color: rgb(255 255 255);background-position: center bottom;background-repeat: no-repeat;background-size: cover;padding: 50px;}
 video-section.block-tag {width: 100%;display: block;position: relative;background-image: url("./Standard/UI/img/bg-07.png");background-position: center bottom;background-blend-mode: color-burn;background: none;padding: 40px 0px;}
 .video {position: relative;height: 560px;overflow: hidden;width: 1000px;margin: 0 auto;}
 .video img { height: 530px; display: block; margin: 24px auto 24px 116px; object-fit: cover; border: 4px solid rgb(211, 211, 211); width: 100%; border-radius: 2%; object-position: center top; }
 .play-icon {position: absolute;height: 140px;width: 140px;box-sizing: border-box;top: calc(50% - 61px);color: rgb(54, 54, 54);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: 0 auto;}
 .mohs { margin: 0px auto; position: relative; top: -300px; }
 h2.video-title {font-size: 29px;margin-bottom: 10px;height: 46px;overflow: hidden;color: rgb(243 51 51);}
 p.video-content {font-size: 16px;height: 43px;width: 820px;overflow: hidden;max-width: 98%;color: rgb(10, 10, 10);margin: 0 auto;}
 .play-icon:hover i { color: rgb(246, 96, 0); 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: rgb(67 78 156);position: relative;overflow: hidden;z-index: 99;display: flex;}
 h2.footer-title {font-size: 29px;color: rgb(243 243 243);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; }
 .mals ul { margin-top: 0px; width: 50%; }
 .mals ul li {position: relative;color: rgb(230, 230, 230);padding: 5px;border-radius: 5px;margin: 2px 5px;background: #ffffff0d;width: calc( 100% - 6px );display: inline-flex;font-size: 16px;}
 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;}
 .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, 210, 13); margin-left: 11px; }
 div#img-footer { width: 250px; margin-right: auto; }
 .email-subscriber {border-bottom: 1px solid rgb(37, 37, 37);background: rgb(54 64 136);padding: 9px 0px;}
 .email-subscriber .clearfix .pull-right {display: flex;width: 100%;}
 .email-subscriber .logo { margin-right: auto; width: 238px; }
 .social {height: 70px;line-height: 83px;margin-top: 10px;margin-bottom: 10px;text-align: center;}
 .social a.twitter:hover { background: rgb(6, 155, 212); }
 .social a.telegram:hover { background: rgb(6, 136, 212); }
 .email-subscriber a.ertf {font-size: 29px;color: rgb(255, 255, 255);font-weight: 700;margin: 0px auto;line-height: 90px;position: inherit;width: auto;height: auto;background: none;box-shadow: none;z-index: 9;}
 .ertf i {font-size: 20px;color: rgb(255, 255, 255);width: 50px;height: 50px;background: rgb(45 224 100);border-radius: 50%;line-height: 50px;text-align: center;margin-right: 20px;}
 .rights {background: rgb(54 64 136);padding: 8px;color: rgb(255, 255, 255);font-size: 18px;width: 100%;position: relative;bottom: 0px;height: 62px;text-align: center;border-top: 1px solid rgb(51, 51, 51);}
 .rights .logo { padding: 0px; margin-left: 7px; width: 230px; float: right; }
 .right-post {display: flex;height: 320px;overflow: hidden;direction: ltr;width: 50%;border-left: 0px !important;border-right: 0px !important;border: 3px solid #f1f1f1;position: relative;}
 .shape-3-image {transition: all 0.3s ease-out 0s;position: absolute;left: 0;height: 100%;width: 100%;transform: scale(1.1);}
 .shape-3-info {width: 50%;direction: rtl;align-items: center;background-color: rgb(255 255 255);padding: 50px;transition: all 0.3s ease-out 0s;position: absolute;right: 0;top: 0;height: 100%;}
 .shape-3-image img {width: 50%;min-height: 100%;}
 section.shape-3 {}
 .shape-3-info h3 {line-height: 30px;color: rgb(54 64 136);margin-bottom: 15px;font-size: 20px;width: calc(100% - -30px);height: 60px;overflow: hidden;}
 .shape-3-info p {color: rgb(39 38 38);font-size: 16px;font-weight: 600;width: calc(100% - -30px);height: 97px;max-height: 120px;overflow: hidden;}
 .shape-3-info::before {content: "";transition: left 0.3s ease 0s;width: 0px;height: 0px;border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-right: 15px solid rgb(255 255 255);position: absolute;top: calc(50% - 15px);z-index: 2;margin-left: 0px;right: 100%;}
 .right-post:hover .shape-3-image, .left-post:hover .shape-3-image {transform: scale(1); }
 .right-post:hover .shape-3-info, .left-post:hover .shape-3-info {width: 55%; }
 .left-post .shape-3-info::before { border-left: 15px solid rgb(46, 43, 54); left: 100%; right: inherit; border-right: none; }
 a.flex-start {width: 100%;position: relative;}
 .left-post {display: flex;height: 320px;overflow: hidden;}
 .shape-3 h2.news-title { color: rgb(46, 43, 54); }
 .shape-3-info span {width: 100px;display: block;text-align: center;height: 32px;line-height: 30px;font-size: 16px;border-radius: 5px;background: rgb(243 51 51);color: #fff;margin-top: 21px;}
 .social-shepstow {position: absolute;bottom: 52px;left: -3px;z-index: 9;width: 52px;color: rgb(59, 59, 59);opacity: 0;visibility: hidden;transition: all 0.4s ease-out 0s;padding: 5px;}
 .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 {background: rgb(54 64 136);height: 100px;margin-top: -3px;padding: 8px 15px 20px;margin-left: 0 !important;}
 .info-til h3 {font-size: 16px;height: 50px;overflow: hidden;color: rgb(255, 255, 255);margin-bottom: 1px;font-weight: 500;text-shadow: 0px 0px 2px;}
 .info-til label {font-size: 16px;color: rgb(255 210 13);font-weight: 500;float: left;}
 .item-social { height: 100%; line-height: 50px; color: rgb(46, 46, 46); cursor: pointer; }
 .up-item-social {position: absolute;top: 60px;left: 40px;z-index: 9;font-size: 23px;width: 50px;height: 50px;text-align: center;background: rgb(255, 255, 255);border-radius: 50%;}
 .social-shepstow a {font-size: 20px;width: 40px;box-shadow: 0px 0px 5px #000;height: 40px;background: rgb(255 255 255 / 85%);border-radius: 50%;color: #0e1112;display: block;line-height: 44px;margin-bottom: 4px;opacity: 0;visibility: hidden;transform: translate(0px, -60px);transition: all 0.4s cubic-bezier(0.04, 0.81, 0.58, 1) 0s;}
 .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(238, 33, 43); transition: all 0.3s ease 0s; }
 /*******************start-video*****************/ .accordion {width: 100%; margin-top: 25px; }
 .panel-header {color: #011f42; font-size: 21px; padding: 7px; margin-bottom: 7px; border-radius: 10px; background: #fffdfd; cursor: pointer; transition: .35s ease; border: 2px solid #cec8c878; }
 .panel-header i {margin-left: 10px; width: 40px; text-align: center; line-height: 40px; margin-right: 15px; color: #364088; border-radius: 50%; transition: .35s ease; }
 .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 {content: '';width: 100%;height: 64%;position: absolute;bottom: 0;right: 0;background: linear-gradient(180deg, #f3f3f3, transparent);z-index: -1;display: block;}
 .bakg-videos {max-width: 1000px; width: 100%; margin: 0 auto; }
 /*******************end-video*****************/ /*******************start-slider*****************/ .up-title {width: 100%;margin: 0 auto;}
 .panel-header.active {background: #434e9c; color: #fff; }
 .block-tag .panel-header:hover {background: #434e9c; color: #fff; }
 .custom-slider {position: relative; height: 750px; overflow: hidden; margin-top: -14px; }
 .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: 370px; line-height: 50px; 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; position: absolute; bottom: 140px; font-weight: 600; left: 200px; padding: 6px; 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 #040404; padding: 15px 0; transform: translateY(-60px); transition: .55s ease; transition-delay: .5s; opacity: 0; max-height: 102px; overflow: hidden; padding: 5px; text-align: center; }
 .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%); background-image: url(./Standard/UI/img/border-shape.png); max-width: 770px; margin: 0 auto; background: #7373733b; }
 p.slider-content {color: #ffffff; margin: 15px auto; font-size: 17px; transform: translateY(60px); transition: .55s ease; transition-delay: .5s; opacity: 0; width: 90%; text-shadow: 0px 0px 4px #000; line-height: 30px; height: 60px; overflow: hidden; }
 .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; }
 .custom-slider:before {content: '';position: absolute;width: 100%;height: 100px;bottom: 0;right: 0;background-image: url(./Standard/UI/img/hosting-solutions-top-bg.png);z-index: 9;}
 /*******************end-slider*****************/ /*******************features *****************/ .company-steps {position: relative; padding-top: 7px; }
 .company-title h2 {font-size: 30px; color: #364088; }
 .clearfix div.benfit-item:nth-child(2), .clearfix div.benfit-item:nth-child(5) {margin-top: -9px; }
 .benfit-item {padding: 10px; height: 224px; border-radius: 20px; }
 .benfit-item >div {position: relative; align-items: center; transition: .35s ease; display: block; }
 .icon {position: relative; font-size: 40px; line-height: 70px; width: 90px; height: 90px; text-align: center; right: 0; transition: all 0.5s ease-in-out; margin: 0 auto; transform: translatey(20px); padding: 3px; }
 .icon i {color: #c5c5c5; position: absolute; width: 70px; height: 70px; top: 0; font-weight: 500; right: 8px; font-size: 50px; line-height: 85px; opacity: 2.5; transition: all 0.5s ease-in-out; }
 .benfit-info {transition: all 0.5s ease-in-out; text-align: center; }
 .benfit-item p {font-size: 15px; color: #262626; text-align: center; max-height: 65px; overflow: hidden; line-height: 23px; opacity: 0; margin-bottom: 8px; transition: all 0.5s ease-in-out; font-weight: 500; position: relative; }
 .benfit-item >div:hover p {opacity: 1; visibility: visible; }
 .benfit-item >div:hover .benfit-info {transform: scale(.9); }
 .benfit-item h3 {color: #3f4b9e; font-size: 20px; margin-bottom: 10px; position: relative; padding: 0 0 10px 0; text-align: center; transition: all 0.5s ease-in-out; transform: translatey(-50px); }
 .benfit-item >div:hover .kamc {transform: inherit; }
 .benfit-item >div:hover .icon {transform: scale(.9); }
 .benfit-item >div:hover h3 {transform: translatey(5px); color: #d21f1f; }
 /*******************end-features *****************/ /*******************start-services *****************/ h2.services-title{position: relative; color: #ffffff; font-size: 40px; padding-top: 10px; margin-bottom: 40px; }
 .service-item{height: 100px; box-sizing: border-box; margin: 0 0 1% 1%; float: left; min-height: 1px; box-shadow: 0px 0px 5px #00000029; background: #ffffff17; position: relative; width: calc( ( 3 / 12) * 125% ); transition: all 0.5s ease-in-out; }
 .service-item a{vertical-align: baseline; padding: 0px 100px 0px 0px; float: right; width: 100%; position: relative; z-index: 9; }
 .ser-item-image{right: 8px; position: absolute; bottom: 3px; font-size: 100%; width: 80px; height: 70px; }
 h2.ser-title{font-size: 17px; max-height: 65px; margin-top: 13px; text-align: right; color: #fffdfd; text-transform: capitalize; }
 p.ser-title{height: 45px; font-size: 15px; overflow: hidden; text-align: right; 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 {background: #3f4b9e !important; background-image: url(./Standard/UI/img/Line-Pattern.png) !important; background-position: center center; background-repeat: no-repeat; background-size: cover; background-blend-mode: overlay; display: block; position: relative; }
 services.block-tag:before {content: ''; position: absolute; right: 0; top: -85px; height: 100px; width: 100%; z-index: 9; background-image: url(./Standard/UI/img/hosting-solutions-top-bg-1.png); }
 .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{border: 5px solid #e3e3e3; border-radius: 15px 15px 0 0; overflow: hidden; box-shadow: 0px 0px 5px #00000075; position: relative; margin-bottom: 0; width: 100%; height: 480px; margin-top: 71px; margin-bottom: 19px; }
 .poster img{width: 100%; height: 100%; object-fit: cover; }
 breadcrumb{display: block; background: linear-gradient(-45deg , #e6e6e6, #dbdbdb); padding: 10px; margin-bottom: 20px; border-radius: 10px; }
 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; box-shadow: 0 0 10px #0003; border-radius: 10px; background: #ffffff; width: 880px; }
 .clearfix h1 {padding: 5px; margin-bottom: 10px; }
 .last {position: absolute; bottom: 0; max-height: 130px; right: 0; z-index: 9; }
 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;height: auto;}
 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;list-style: none;}
 li.athur img {max-height: 85PX; max-width: 85PX; border-radius: 7px; }
 .social-single {z-index: 9;display: inline-flex;margin-bottom: 10px;padding-top: 5px;position: absolute;left: 0;}
 .social-single a {width: 40px;height: 40px;color: #fff;line-height: 40px;font-size: 22px;border-radius: 4px;display: block;text-align: center;margin-bottom: 2px;margin-left: 3px;}
.social-single a.facebook{
    background: #1877F2;
}
.social-single a.telegram{
    background: #3680ad;
}
.social-single a.google{
	background:#E4405F
}
.social-single a.twitter{
    background: #1DA1F2;
}
.social-single a.whatsapp{
    background: #25D366;
}
 .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: 89%; }
 .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 {
    overflow: hidden;
}
 .aside section.shape-1 {background: none; background-image: none; }
 .aside h2.news-title {color: #404041; }
 .up-header {background: #364088; position: relative; }
 .open {display: block; }
 .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: 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; border-bottom: 2px solid #dedede; padding-bottom: 7px; }
 .up-img-slider .owl-nav {position: absolute; right: 0; top: 45%; width: 100%; 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: #898989; transition: .3s all; }
 .up-img-slider .owl-next {float: right; }
 .up-img-slider .owl-prev:hover, .up-img-slider .owl-next:hover {color: #000; }
 .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; }
 ul.quiqk-posts li {width: 100%;border-radius: 15px;/* box-shadow: 1px 2px 4px #00000014; */transition:.45s ease;cursor: pointer;margin-bottom: 10px;}
 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: #364088;font-size: 13px;transition:.35s ease;max-height: 40px;margin-top: 10px;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 {}
 .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: #4c4848; }
 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: #ffd20d; background: #364088; padding: 2px 10px; border-radius: 15px; }
 questions.block-tag.single {background: none; border: none; box-shadow: none; }
 li.full {padding-right: 10px;list-style: none;}
 .shape-2 .row div:nth-child(3), .shape-2 .row div:nth-child(6) {margin-left: 0; }
 @media (min-width: 992px) and (max-width: 1199px){.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{margin-top: -14px; }
 .search{left: 115px; }
 .contain-body{width: 100%; }
 .sticky{width: 100%; }
 ul.quiqk-posts{display: flex; width: 60%; margin: 0 auto; }
 ul.quiqk-posts li{margin-left: 30px; }
 }
 @media (max-width: 1023px){.news-block-one{width: calc((100% - 81px) / 2); }
 .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){margin-left:0; }
 .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: 100%; }
 .video{margin: 0; width: 99%; }
 .custom-slider{display:none; }
 .company-steps{padding-top:59px; }
 .main-menu{display: none; }
 services.block-tag:before{display:none; }
 .sticky{width: 100%; }
 ul.quiqk-posts{display: flex;width: 100%;margin: 0 auto;}
 ul.quiqk-posts li{margin-left: 30px; }
 .contain-body{width: 100%; }
 }
 @media (max-width: 800px){.benfit-item p {opacity:1; }
 .benfit-item h3 {transform:translateY(0) }
 .service-item{width: 100%; }
 .heads-item{width: 100%; margin-left: 0 !important; }
 .news-block-one{width: 100%; margin-left: 0 !important; }
 .container{padding: 9px; max-width: 99%; }
 .bottom-header .logo {display:block!important; position:absolute; width:200px; text-align:center; right:calc(50% - 100px) }
 .bottom-header.show .logo img {}
 .shape-item-2{width: 100%; margin-left: 0 !important; }
 ul.info-us li:nth-child(2){display:none; }
 .bottom-header{box-shadow: none; height: 75px; }
 .email-subscriber .logo{
    display: none;
}
.email-subscriber .clearfix .pull-right {
	display:block
}
 .lotas{width: 100%; flex: inherit; }
 footer .container.flex-start{display: block; }
 footer .col-8.flex-1{width: 100%; }
 }
 .bars {font-size: 40px; color: #fff; margin-right: 20px; margin-left: 10px; }
 .mobile-menu.hide-pc {position: fixed;right: 0;top: 0;height: 100vh;z-index: 9999999;width: 270px;background: #313c8a;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: #ffffff17; 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: #f3f3f3; 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; }
 }
 @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%; }
 h3.heads-title {font-size:17px; line-height:25px }
}
@media(max-width:1200px) {
	.big-image label.title-2{
		    margin-right: 36%;
	}

	p.slider-content{
		    width: 50%;
	}

	a.slider-link{
		    width: 230px;
		    right: 310px;
		    top: 250px;
			bottom:inherit;
		
	}

	.custom-slider{
		margin-top: 40px;
	}

}

@media(max-width:767px) {
    a.phone-icon {
    display:none
    }
	header{
	display: none;
	}

	
    ul.quiqk-posts {
        display:block
    }

   ul.quiqk-posts li {
       margin:10px 0
   }

   .social-single {
       width:100%;
       text-align:center;
       display:block;
       position: static;
       }

       .social-single a {
           display:inline-block
       }

       
      .rights {
          padding: 0 110px;
          height: auto;
      }

      .mals  {
          display:block
      }

      .mals ul li,.mals ul {
         width:100% 
      }

      .poster {
          height:auto
      }

}



.up-slider-mob {
    margin-top: 80px;
}



.up-slider-mob .slider-mob {
    display: block;
    width: 100%;
    height: 250px;
}


.up-slider-mob .thumb-sm {
    display: block;
    height: 100%;
    width: 100%;
    margin: 0;
    margin-left: 0;
    max-width: 100%;
    padding: 8px;
}


.owl-nav {}


.titel-slider-mob {text-align:center;}

.shape-item-2{
    min-height: 290px;
}
.rights img{
	height: 25px;
}

.mobile-fixed-btns {
    
    bottom: 0;
    height: 60px;
    
    right: 0;
    width: 100%;
    z-index: 99999;
    text-align:center;
    font-size:27px
}
.mobile-fixed-btns > * {
		height:100%;
	display:flex;
	align-items:center;
	justify-content:center
}
.mob-wats {
	color: #ffffff;
	background: #7bbe0a;position: fixed;left: 10px;bottom: 80px;height: auto;width: 60px;height: 60px;border-radius: 50%;}
.mob-phone {
	background: #1da1f2;
position: fixed;left: 10px;bottom: 10px;top: auto;height: auto;width: 60px;height: 60px;border-radius: 50%;color: #fff;}

.rights.mobile-footer.text-center {
    margin-bottom: 60px;
}

.scroll-mobile.flex-1 {position: fixed;width: 50px;height: 50px;right: 10px;bottom: 10px;background: black;color: #fff;}

ol.BreadcrumbsFilters {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}