/*
Theme Name: Zirve RU
Theme URI: https://planet-www.com
Author: Planet WWW Team
Author URI: https://planet-www.com
Description: Built by Planet WWW .
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: planet, www.
Text Domain: planet-en
*/
/* General */
body {background: #fff;font-family: 'El Messiri', sans-serif !important;font-size:1.3em;color:#000;padding-bottom: 0 !important;}
body a:hover{text-decoration: none !important;}
.np {padding:0 !important;}
.mg{margin:2em auto;padding: 5px;}
.ltr{direction:ltr;}
.img-responsive{margin:auto;}
.dis{display:inline-block;}
a:focus {outline:none;}
.btn-pw {background:#1d4f84;color:#fff;padding:4px 10px;border-radius:0;font-weight:bold;}
.btn-pw:hover {background:#4292dc;color:#fff;}
.btn-pw2 {background:#4292dc;color:#fff;padding:4px 10px;border-radius:0;font-weight:bold;}
.btn-pw2:hover {background:#1d4f84;color:#fff;}
.login .btn-pw{line-height: 33px;background: none;}
.pwww {-moz-transition: all 700ms linear 0s;-ms-transition: all 700ms linear 0s;-webkit-transition: all 700ms linear 0s;-o-transition: all 700ms linear 0s;}
.pwww:hover {-moz-transition: all 700ms linear 0s;-ms-transition: all 700ms linear 0s;-webkit-transition: all 700ms linear 0s;-o-transition: all 700ms linear 0s;}
.pwww-cfix {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);}
.h-r{height:1px;border:none;background:linear-gradient(to right, transparent, #4292dc, transparent);}
.h-2r{height:1px;border:none;background:linear-gradient(to right, transparent, #000, transparent);}
.back_top {border-radius:50%;position: fixed;bottom:1em;right:1em;width:3em;height:3em;border: 6px solid #666666;text-align:center;line-height:2.5em;font-size:1.5em;color:#4292dc;background: #fff;z-index:11;}
.row-bg {background:#fff;padding-top:2em;padding-bottom:2em;}
.bg-pg{background:#fff;}
.pwww-hr {margin: 11px auto;height:1px;border:none;background:linear-gradient(to right, transparent, #4292dc, transparent);}
/* Header */
#sdm-btn {background:#fff;font-size: 10px;border-radius: 50%;color:#fff;margin: 5px auto;height: 32px;width: 32px;line-height: 38px;text-align: center;position: relative;color: #333;}
#sdm-btn span {font-size:17px;}
#sch-btn {background:#fff;padding:5px 15px;border:1px solid #333;border-radius: 5px;}
#sch-btn span {font-size:20px;}
#sdm-cls {border-radius: 50%;height: 35px;width: 35px;line-height: 40px;text-align: center;background: #4292dc;}
#sdm-cls span {font-size:16px;color: #fff;}
#sdm-ttl {background:#fff;line-height: 40px;padding: 3px;}
#sdm-ttl span {font-size:14px;color: #265280;font-weight: bold;}
header {background:#f4f4f4;position: fixed;width: 100%;z-index: 11;}
.logo {margin:auto;max-width: 290px;max-height: 145px;overflow:hidden;}
.show-off {width: 300px;height: 300px;position: relative;top: -300px;left: -300px;transition: 1s;transform: rotate(30deg);background: linear-gradient(90deg, rgba(255,255,255, 0)50%, rgba(255,255,255,0.7)100%);}
.logo:hover .show-off {transform: rotate(0);left: 300px;top: -360px;}
.lang {color:#fff;display:inline-block;margin:10px;font-weight:bold;font-size:14px;text-decoration:none;}
.lang:hover {color:#eee;}
.fa-whatsapp{color: #25ab22;}
.fa-viber{color: #7929cf;}
.pwww-lem {margin: 5px auto;}
.pwww-lem .fas, .pwww-lem .fab {height:32px;width:32px;background:#fff;text-align: center;font-size: 16px;line-height:32px;color:#4292dc;display:inline-block;border-radius:50%;}
.hed-call {margin:5px auto;padding:10px 0;border-radius:3em;background:#939598;box-shadow:0 0 5px #333;}
.call-icons p{margin: 0;font-size: 21px;color: #000;line-height: 39px;direction: ltr;font-weight: bold;}
.call-icons .fab, .call-icons .fas {color: #4292dc;width:36px;height:36px;font-size:20px;background: #fff;text-align:center;border-radius:50%;line-height:36px;border:1px solid #999;}
.pwww-cf p{color:#444;}
.hed-call span {font-size:20px;font-weight:bold;color:#0072bc;text-shadow:0 1px 1px #fff;}
.pwww-mcall {margin-top:7px;padding-top:1em;border-top:1px solid #0072bc;}
.pwww-mcall .fab, .pwww-mcall .fas {width:36px;height:36px;font-size:20px;background: #eee;opacity: 0.8;border-radius:50%;line-height:36px;box-shadow:0 0 5px #333;}
#langs {padding:2px;margin:5px auto;}
#langs a {display:inline-block;border:1px solid #999;padding:5px;font-weight:bold;color:#000;border-radius:5px;}
#langs a:hover {background:#fff;}
#news-slider {overflow:hidden;margin:5px auto;padding:1em 0;border-radius:3em;background:#939598;box-shadow:0 0 5px #333;}
#news-slider .item {font-size:1.5em;line-height:40px;width: 80%;margin: auto;background: none;}
#news-slider .item a {color:#fff;}
#news-slider .item a span {display:block;width:280px;margin:auto;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#news-slider .carousel-control {background: #fff;opacity: 0.8;}
#news-slider .carousel-control .icon-prev {margin-left: -15px;}
#news-slider .icon-prev{background:#0072bc;line-height:75%;border-radius:50%;}
#news-slider .icon-next{background:#0072bc;line-height:75%;border-radius:50%;}
#s {border:none;height:32px;color:#00386c;text-align:center;padding:5px;background: #fff;border-radius:5px;margin:5px auto;width: 175px;border:1px solid #999;}
#s2 {border:none;height:32px;color:#00386c;text-align:center;padding:5px;background: #eee;border-radius:10px;margin:5px auto;width: 175px;}
#searchsubmit{background:#3f85c1;color:#fff;font-size:13px;padding:5px;margin:5px;border-radius:50%;height:32px;width:32px;}
.searchsubmit2{background:#fff;color:#265280;font-size:13px;padding:5px;margin:5px auto;border-radius:50%;height:32px;width:32px;}
#searchform{margin-top:0px;}
.btn-arb{color:#000;}
.btn-arb span{color:#ddd;}
.modal-header{background:#fff;color:#4292dc;text-align: left;}
.modal-footer{background:#4292dc;color:#4292dc;}
#wp-submit, #wp-submitt{background:#000;color:#fff;}
#pwww-breadcrumbs {list-style:none;overflow:hidden;background: #eee;color:#5196d6;padding:8px 5px;font-weight:bold;margin-bottom:0;}
#pwww-breadcrumbs li {display:inline-block;vertical-align:middle;margin-right:15px;}
#pwww-breadcrumbs a {color:#000;}
#pwww-breadcrumbs .separator{font-size:18px;font-weight:100;color:#333333;}
header ul{left: 0;margin: 0 !important;}
.modal-backdrop.in{z-index: 0;}
/* Navbar */
header .dropdown img {width: 16px;}
.head-nav {background:#fff;margin-top: 43px;padding: 1em 0;}
.navbar-default {border:none;border-radius:0;background:#333;font-weight:bold;margin:0;}
.dropdown-menu{z-index: 99999;}
.navbar-default .navbar-brand {color: #F0F0F0;background-color: #26235f;font-weight: bold;}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {color: #F0F0F0;background-color: #333;}
.navbar-default .navbar-text {color: #fff;}
.navbar-default .navbar-nav > li > a {color: #fff;font-weight: bold;margin: auto 2px;font-size: 19px;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #fff;background: #fec104;}
.navbar-default .navbar-nav > li > .dropdown-menu {background-color: #333;}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {color: #ecf0f1;}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {color: #4292dc;background-color: #fff;}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:active {color: #fff;background-color: #4292dc;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {color: #fff;background-color: #4292dc;}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {background-color: #9b59b6;}
.navbar-default .dropdown-menu li:nth-child(odd) {background: #666}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {color: #fff;background-color: #4189c3;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {color: #fff;background-color: #333;}
.navbar-default .navbar-toggle {border-color: #333;background: #f1f1f1;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #fff;} 
.navbar-default .navbar-toggle .icon-bar {background-color: #333;color:#fff;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: #fff;}
.navbar-default .navbar-link {color: #fff;}
.navbar-default .navbar-link:hover {color: #fff;}
.navbar-toggle {margin-right:15px !important;}
.nav > li > a {position: relative;display: block;padding:15px 20px;}
/* Slider */
.bg-sd {position:relative;}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {width: 100%;}
#myCarousel {border-bottom: 5px solid #333;}
#myCarousel .carousel-caption{right:0;left:0;bottom:0;width: 50%;margin: auto;padding:0;}
#myCarousel .carousel-caption .cap-div{padding:2px;font-weight:bold;}
#myCarousel .carousel-caption .cap-div h3{font-size:46px;font-weight: 900;}
#myCarousel .carousel-caption .cap-div p{font-size:28px;}
#myCarousel .icon-prev{background: #4292dc;border-radius:50%;line-height:75%;direction: rtl;}
#myCarousel .icon-next{background: #4292dc;border-radius:50%;line-height:75%;direction: rtl;}
#myCarouselin .carousel-caption{right:0;left: 0 !important;top: 26% !important;width: 50%;margin: auto;}
#myCarouselin .carousel-caption .cap-div{background:rgba(207, 165, 75, 0.84);padding:12px;font-weight:bold;}
#myCarouselin .carousel-caption .cap-div h3{font-size:36px;font-weight: 900;}
#myCarouselin .carousel-caption .cap-div p{font-size:22px;}
#myCarouselin .icon-prev{background: #4292dc;border-radius:50%;line-height:75%;}
#myCarouselin .icon-next{background: #4292dc;border-radius:50%;line-height:75%;}
.carousel-control.right, .carousel-control.left {background-image:none;}
.swiper-container {width: 100%;height: 100%;margin:5em auto;}
.swiper-slide {max-width:360px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide img {}
.swiper-slide p {text-align:justify;padding: 8px;min-height: 24px;color:#fff;}
.g-swiper .swiper-button-prev {left: 0;right: auto;width: 50px;padding: 11px;background-image:none;height: 50px;background: rgba(255, 255, 255, 0.75);color: #00f;border-radius:5px;}
.g-swiper .swiper-button-next {right: 0;left: auto;width: 50px;padding: 11px;background-image:none;height: 50px;background: rgba(255, 255, 255, 0.75);color: #00f;border-radius:5px;}
.swp .fas {font-size: 30px;}
#vd .swp{border-radius:50%;margin: 1em;background: #333333;color: #fff;}
#vd2 .swp{border-radius:50%;margin: 1em;background: #114b88;color: #fff;}
#vd3 .swp{border-radius:10%;margin: 1em;background: rgba(17, 75, 136, 0.9);color: #fff;}
/* widget */
.bg1 p{margin-top: 4em;font-weight: bold;font-size: 24px;color: #fff;padding:2em;}
.bg1 .btn {background:#265280;color:#fff;}
.p-bg{background:#fff;padding:2em;}
.pp {color:#fff;margin:1em auto;border: 2px solid #fff;padding: 3em;}
.pp:hover{background: rgba(44, 147, 228, 0.5);}
.part{background:#fff;margin:1em auto;overflow:hidden;width: 250px;padding: 1em;border: 1px solid #265280;border-radius: 13px;}
.part i{font-size: 35px;color:#265280;}
.zoom {transition: transform .2s; /* Animation */}
.zoom:hover {transform: scale(1.3);}
.the-part{}
.textwidget{}
#abt {padding:4em;box-shadow: 0 0px 9px #bbb;background:url('img/bg2.jpg') no-repeat fixed;background-size:cover;}
#abt h1{font-size:60px;color: #4292dc;}
#abt p{font-size: 17px;color: #666666;line-height: 25px;margin: 1em auto;text-align: justify;}
.abt-bg{background: rgba(255, 255, 255, 0.74);padding: 1em;border-radius: 16px;}
.contact-info-list span{font-weight:bold;}
.play-video {}
.play-video i {border:20px solid rgb(51, 51, 51);border-radius:50%;font-size:70px;color:#fff;}
.play-video i:hover {border:20px solid rgba(23,45,73,.9);box-shadow:0 0 10px #fff;transform:rotate(360deg);}
.bg-vid{background:url('img/bg2.jpg') no-repeat fixed;background-size:cover;}
#sev{
    padding: 1em;
    /* padding: 6em; */
    background:#333;
}
.serv {}
.serv img{transition: all 0.3s ease 0s;padding:5px;border-radius:5px;}
.serv h4{color:#fff;font-weight:bold;margin-top:1em;}
.serv p{color:#fff;font-weight:bold;margin-top:1em;height: 60px;}
.serv a{color:#fff;font-weight:bold;padding: 1em;background: #666;}
.serv a:hover{background:#4292dc;color:#fff;}
.serv:hover {background:#1782c7;border-radius:1em;}
.serv:hover img{transform: scale(1.11) rotate(-5deg);}
.sev1 {color: #333;margin: 1em auto;padding: 3em;position:relative;}
.sev2 {background: #413da1;}
.sev3 {background: #79ccdd;}
.sev4 {background: #1f5152;}
.sev5 {background: #23427d;}
.sev6 {background: #6892b6;}
.dis{display:inline-block;}

.cat-sec {display:inline-block;margin:1em;border-radius: 60px 5px 5px;overflow: hidden;box-shadow: 0 0 5px #999;}
.cat-sec p {margin-top:1em;text-align: center;}
.cat-sec-img {position:relative;}
.cat-sec-img img {width:100%;}
.cat-ovr {margin:1em;background:rgba(0,150,200,.5);position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:0 0 3px #333;display:none;border-radius:60px 5px 5px;}
.cat-ovr a {display:inline-block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background:#fff;width:70px;height:30px;padding:5px;}
.cat-sec-img:hover .cat-ovr {display:block;}
.cat-sec p a {font-weight:bold;font-size:17px;}

.bg3-ht {background: rgba(132, 199, 236, 0.43);border-radius: 3em 0;}
.bg3-ht:hover{background: rgba(132, 199, 236, 0.77);}
.bg4-ht {background: rgba(6, 84, 138, 0.77);color:#fff;border-radius: 3em 0;}
.bg4-ht:hover{background: rgba(6, 84, 138, 0.99);}
#contact-form{padding:10px;background:#4292dc;color:#333;border-radius: 3em 0;margin: 5px auto;}
#contact-form input{box-shadow: none;border: 2px solid #4292dc;margin:10px auto;}
#contact-form label{margin:10px auto;}
#contact-submit {background: #333;color: #fff;border: none;padding: 6px 15px;border-radius: 4em;}
.con{color:#4292dc;}
.ctc-bg {padding:1em;border-bottom: 5px solid #4292dc;border-top: 5px solid #4292dc;}
/* form */
#pwww-cf input{border: none;background: #f6f6f6;border: 1px solid #ddd;padding: 20px !important;}
#pwww-cf textarea{border: none;background: #f6f6f6;padding: 20px !important;border: 1px solid #ddd;}
.ctc-inf {font-size:18px;}
.ctc-inf a{color:#4189c2;}
.ctc-inf i{background:#333 !important;color:#fff !important;border: none !important;}
/* Box */
.box-pd {padding:0 5em;}
.box-tit {color: #4292dc;border-bottom: 3px solid #333;padding: 10px;}
.box {margin:1em auto;max-width: 410px;background: #eee;border-radius: 5px;overflow: hidden;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.52);position:relative;}
.box .img-www {overflow:hidden;  position: relative;}
.box .img-www img{width:100%;height:270px;transition: all 1000ms linear 0s;}
.box .txt-www {width:100%;transition:all 250ms linear 0s;}
.box .txt-www p{min-height: 50px;color: #333;display:none;transition:all 600ms linear 0s;}
.box .txt-h h3{color:#265280;font-weight:bold;font-size: 17px;height: 50px;}
.box .btn-box {display:inline-block;background:#4292dc;color:#fff;padding:4px;position:  absolute;bottom: 5px;left: 5px;}
.ovly {position:absolute;left:5px;top:5px;}
.ovly2 {position:absolute;right:5px;bottom:5px;}
.text {background:#fff;color:#4292dc;padding:5px;font-size:16px;border-radius: 5px;}
.ovly2 .text{background:#333;color:#fff;}
.box:hover .txt-www p{display:inline-block;transition:all 1000ms linear 0s;}

.box-line  .img-www img{width:auto;height:auto;}

.box2 {margin:1em auto;max-width: 410px;background: #eee;border-radius: 5px;overflow: hidden;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.52);position:relative;}
.box2 .img-www {overflow:hidden;position:relative;}
.box2 .img-www img{width:100%;transition: all 1000ms linear 0s;height: 150px;}

.box3 {margin:1em auto;width:280px;background: #5497d6;border-radius: 5px;overflow: hidden;box-shadow: 0 1px 2px #000;}
.box3 .img-www {overflow:hidden;}
.box3 .img-www img{width:100%;height:230px;background: #fff;}
.box3:hover img{filter: grayscale(1);-webkit-filter: grayscale(1);-moz-filter: grayscale(1);-o-filter: grayscale(1);-ms-filter: grayscale(1);}
.box3 .txt-h h3{font-size: 15px;color:#fff;}

.box4 {margin:1em auto;overflow: hidden;background:#fff;border:1px solid #4292dc;}
.box4 .img-www {overflow:hidden;}
.box4 .img-www img{width:100%;height:100%;}
.box4:hover img{filter: grayscale(1);-webkit-filter: grayscale(1);-moz-filter: grayscale(1);-o-filter: grayscale(1);-ms-filter: grayscale(1);}
.page-head {padding: 10px;background: #eee;border-radius: 10px;color: #1d4f84;margin: 1em auto;}
/* 404 Page */
.srch-404 .search-submit{border:none;background:#4292dc;color:#fff;border-radius:1em;padding:7px 10px;}
.cats-404 .widget{border-radius: 15px;padding:10px;margin:10px auto;background: #cbcdcf;background: #f7f7f7;border: 1px solid #ddd;}
.arch-404 .widget{border-radius: 15px;padding:10px;margin:10px auto;background: #cbcdcf;background: #f7f7f7;border: 1px solid #ddd;}
.srch-404 .widget{box-shadow:0px 2px 2px #000;padding:10px;margin-bottom:17px;border-top:2px solid #4292dc;background: #cbcdcf;}
/* Search */
.rezz{border-radius: 15px;padding:10px;margin:10px auto;background: #cbcdcf;background: #f7f7f7;border: 1px solid #ddd;}
.rezz h3 {color:#4292dc;}
.rezz img{border-radius: 15px;}
.rezz:hover{border: 1px solid #4292dc;}
/* Categories */
.cat-head {border-bottom:3px solid #666666;margin-bottom:1em;text-align: center;}
.cat-title {}
.cat {margin:1em auto;background:#265280;overflow:hidden;max-width: 470px;border: 1px solid #ddd;position:relative;height: 460px;border-radius: 17px;overflow: hidden;}
.cat .img-www {overflow:hidden;position: relative;height: 300px;background:#eee;}
.cat .img-www img{width:100%;height: 300px;}
.cat:hover img{filter: grayscale(1);-webkit-filter: grayscale(1);-moz-filter: grayscale(1);-o-filter: grayscale(1);-ms-filter: grayscale(1);}
.cat .txt-www p{color:#fff;min-height: 88px;padding:5px;}
.cat .txt-h {min-height: 55px}
.cat .txt-h h3{color:#fff;height: 35px;margin-top: 0;font-size:20px;padding:7px;}
.cat .btn-pw {position:  absolute;bottom: 8px;right: 8px;padding:4px;border-radius:5px;background: #5196d6;}
.cat:hover .btn-pw{background: #fff;color: #5196d6;}
.cat-6 .img-www{height: auto;}
.cat-6 .img-www img{width:100%;height: 200px;}
/* Single */
.post-head {background: #4292dc;margin: 1em auto;border-radius: 10px;color: #fff;}
.post-head h1{padding: 9px 11px;}
.pwww-dsh {padding:5px;margin-bottom:10px;border-bottom:1px dashed #4292dc;}
.pwww-dshw {padding:5px;margin-bottom:10px;border-bottom:1px dashed #fff;}
.sgl-bg {background:#eee;padding:1em;margin:1em auto;border-radius:10px;}
.sgl-bg .fa{color: #4292dc;}
.tags {}
.tags a{background:#4292dc;color:#fff;display: inline-block;padding: 4px;border-radius: 5px;margin: 2px auto;}
.met {font-weight: bold;font-size: 15px;line-height: 33px;color: #444;}
#ctt {font-size: 15px;}
.line-part {
    margin: 1em auto;
    border: 1px solid #e23641;
    border-left: 3px solid #e23641;
    padding: 1em;
    text-align:justify;
}


.the-post-content p {text-align:justify;}
.the-post-content {font-size: 15px;}

.the-post-content table {border-collapse: collapse;margin:10px;width:100%;}
.the-post-content table .name{font-weight:bold;}
.the-post-content table td, .the-post-content table th {border: 1px solid #848484;padding: 6px;}
.the-post-content table tr:nth-child(even){background-color: #f2f2f2;}
.the-post-content table th {padding-top: 9px;padding-bottom: 9px;text-align: left;background-color: #1c4f84;border-bottom: 4px solid #4292db;}
.the-post-content table th span{color: white !important;}

.list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;}
.list-group{padding-right:0;padding-left:initial;}
.list-group-item {font-size: 16px;}
.the-post-img {overflow:hidden;}
.the-post-img img{width:100%;height:auto;border-radius:10px;}
.post-categories{list-style:none;padding: 0;overflow: hidden;}
.post-categories li{text-align:center;padding:5px;display:block;margin:2px auto;background:#333;transition: all 1000ms linear 0s;}
.post-categories li:hover{transition: all 1000ms linear 0s;background:#4292dc;}
.post-categories li a{color:#fff;}
.prv{background:#4292dc;border-radius: 1em 0;}
.prv a{display:inline-block;padding:5px;color:#fff;}
/* Gallery */
.gallery-item {margin: 5px !important;display: inline-block;}
.gallery-item .fancybox img{}
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
/* Share */
#share-links {display:inline-block;}
#share-links i{font-size:20px;height:40px;width:40px;margin: 1px;line-height:40px;color: #fff;border-radius:50%;text-align: center;}
#share-links i:hover{opacity: 0.7;}
#share-links .fb{background:#36609f;}
#share-links .tw{background:#2aa9e0;}
#share-links .gp{background:#d82a21;}
#share-links .fa-whatsapp {background: #19a12e;}
.whats {display: none;}
/* me */
.btn-new-wesite {
  color: #9b7500;
  border-color: #9b7500;
  border-style: dashed;
  background-color: #FFF
}
.btn-new-wesite:hover {
    color: #FFF;
    background-color: #FEC104;
}
/* Socials */

#fa-twitter-x, #fa-twitter-x-share{
	font-family: 'sans-serif' !important;
}
#fa-twitter-x::before, #fa-twitter-x-share::before{
	content:"𝕏" !important;
	font-size:1.2em;
}
#fa-twitter-x-share{
	background: #000;
}
.socials{margin: 8px auto;}
.socials .fab{height:35px;width:35px;text-align: center;font-size: 19px;line-height:35px;display:inline-block;border-radius:50%;background:#fff;}
.socials .fa-facebook{color:#36609f;}
.socials .fa-twitter{color:#2aa9e0;}
.socials #fa-twitter-x{color:#000;}

.socials .fa-instagram{color:#D8CBBB;}
.socials .fa-youtube{color:#ed3437;}
.socials .fa-linkedin{color:#007BB6;}
.socials .fa-pinterest{color:#bd403a;}
.socials .fab:hover{color:#fff;}
.socials .fa-facebook:hover{background:#36609f;}
.socials .fa-twitter:hover{background:#2aa9e0;}
.socials #fa-twitter-x:hover{background:#000;color:#FFF}
.socials .fa-instagram:hover{background:#D8CBBB;}
.socials .fa-youtube:hover{background:#ed3437;}
.socials .fa-linkedin:hover{background:#007BB6;}
.socials .fa-pinterest:hover{background:#bd403a;}
/* Pagination */
.pagination-w {text-align:center;border-top:1px solid #123241;margin:1em auto;}
.pagination {text-align:center;font-weight:bold;text-shadow:1px 1px 2px #000;margin:0 auto 10px auto;}
.pagination .page-numbers {width:32px;height:32px;border-radius:50%;line-height:32px;box-shadow:0 0 2px #333;margin:5px;display:inline-block;background: #cbcdcf;color:#fff;}
.pagination .page-numbers:hover {-ms-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2);box-shadow:0 0 3px #333;}
.pagination .current {background:#333;color:#fff;}
.pagination .dots {background:#4292dc;color:#fff;}
/* commentform */
#commentform input{display:block;border-radius:0;border:1px solid #4292dc;padding:5px;}
#commentform textarea{border:1px solid #4292dc;display:block;padding:5px;}
#commentform #submit{padding: 5px;color:#fff;background:#4292dc;}
#commentform #submit:hover{color:#000;background:#fff;}
.comment-body{padding:5px;box-shadow:0 1px 3px #000;margin-bottom: 9px;}
.comment-meta{border:2px solid #fff;}
.comment-content{background:#fff;padding:4px;}
.reply{background:#4292dc;padding:4px;}
.reply a{color:#fff;}
/* Sidebar */
.side{padding:1em;}
.side ul{list-style:none;padding:0;background:rgba(102, 102, 102, 0.67);margin-bottom:2em;}
.side ul li a{color:#fff;font-size:14px;display:inline-block;padding:5px 1px;}
.side ul li{padding: 2px 5px;border-bottom: 1px solid #fff;}
.side ul li:last-child{border:none;}
.side ul li:hover{background:rgba(102, 102, 102, 0.75);}
.side ul.children {border: 1px solid #4292dc;margin: 8px;}
.side .the-sidebar{padding:10px;color:#4292dc;margin-top: 0;}
.cat-num{background:#4292dc;display: inline-block;min-width: 18px;box-shadow: 0 1px 1px #000;float:left;margin:5px;color:#fff;}
ul.children {display:none;}
.current-cat > a {color: #180d07 !important;font-weight:bold;}
ul.children .current-cat > a {color: #333 !important;font-weight:bold;}
.sub-arr {width:28px;height:28px;float:right;cursor:pointer;display:none;background:url('img/plus.png') no-repeat center center;}
.roo {background: url('img/plus.png') no-repeat center center !important;}
.rooo {background: url('img/xxx.png') no-repeat center center !important;}
.tagcloud a{font-size: 10pt !important;color:#fff;background: #1867ab;padding: 4px;margin: 2px auto;display: inline-block;}
.tagcloud a:hover{color:#1867ab;background: #fff;}
.tagcloud {height: 30vh;overflow: hidden;overflow-y: hidden;overflow-y: scroll;background: rgba(121, 121, 120, 0.85);padding: 5px 0;}
.side .children a{font-size: 11px;}
/* PWWW Currencey Plugin */
.pwww-curr-plugin {font-size:1em;}
.pwww-curr-plugin .currt {width: 105px;text-align: center;display:inline-block;padding:2px 0;background: #4292dc;color: white;margin: 1px auto;}
.pwww-curr-plugin .mcurr {direction:ltr;border:1px solid #595E64;background: none;color: #4292dc;font-weight: bold;}
.cu2{color:#ee7f0c;font-weight:bold;}
.pwww-shr {position: relative;height:560px;}
.pwww-shr .xyz {background:#fff;width:82%;min-height:260px;margin:auto;position:absolute;right:0;bottom:0;left:0;padding:1em;border-right:1px solid #333;border-bottom:1px solid #333;}
.pwww-shr .xyz h3,.pwww-shr .xyz h4 {color:#4292dc;font-size:28px;}
.pwww-shr .xyz a {background:#4292dc;color:#fff;display:inline-block;padding:5px 30px;}
.pwww-fsize .fab{font-size:20px;height:36px;width:36px;margin:2px;line-height:36px;color:#045ca6;border-left:1px solid #045ca6;text-align:center;}
.pwww-fsize .fas, .pwww-views .fas{font-size:20px;height:36px;width:36px;margin:2px;line-height:36px;color:#045ca6;border-radius:50%;border:1px solid #045ca6;text-align:center;}
.pwww-views span {font-size:12px;color:#045ca6;display:inline-block;height:36px;line-height:30px;vertical-align:middle;}
.pwww-post-tools {margin:5px auto;border:1px solid #333;border-radius: 1em;}
#share-links .fas {font-size:20px;height:36px;width:36px;margin:2px;line-height:36px;color:#045ca6;border-left:1px solid #045ca6;text-align:center;}
#share-links .fab{font-size:20px;height:36px;width:36px;margin:2px;line-height:36px;color:#fff;border-radius:50%;text-align:center;}
#share-links .fab:hover{}
#share-links .fb{background:#36609f;}
#share-links .tw{background:#2aa9e0;}
#share-links .gp{background:#d82a21;}
#share-links .ln{background:#007bb7;}
#share-links .pn{background:#cb2027;}
#share-links .em{background:#70369f;}
#share-links .wa{background:#090;}
.ext-lnk {color: #f00;border: 1px solid #f00;margin: 1em auto;font-size: 13px;}
.contact-info-list img{margin-bottom:8px;}
/* Footer */
.fot-box {margin-top:5em;border-top: 2px solid #666666;background: #333;}
footer {padding:10px 5px;color:#fff;}
footer .call-icons {margin: 2px auto;background: #464646;padding: 7px;}
footer a{color:#45a6f9;}
footer a:hover{color:#6cbbff;}
ul#menu-foot-menu {list-style-type:none;padding:0;text-align:center;margin-top:1em;}
ul#menu-foot-menu li {background:#4292dc;display:inline-block;text-align:center;padding:4px 7px;}
ul#menu-foot-menu li a {display:block;color:#fff;font-size:12px;}
ul#menu-foot-menu li a:hover {text-decoration:underline;}
.mulki{color:#fff;font-weight:bold;padding:1em;}
.mulki a{color:#71bbff;}
.con-prt {border:7px solid #4292dc;height:120px;padding:15px 10px;margin:2em auto;font-weight:bold;}
.con-prt img {height:36px;margin-bottom:5px;}
.con-frm {background:#4292dc;padding:1em;}
.con-frm p {color:#fff;padding:2em;}
.con-frm .con-tar {height:70px;padding:1em;width:482px;}
.sid-prt {border:1px solid #4292dc;padding:5px;margin-bottom:2em;}
.sid-prt .sid-lnk {padding:10px 3px;border-bottom:1px dashed #4292dc;}
.sid-prt .sid-lnk:last-child {border:none;}
.sid-prt img {display:inline-block;width:20px;}
.sid-prt a {display:inline-block;color:#4292dc;line-height:20px;font-weight:bold;}
.sid-prt a:hover {color:#000;}
.pwww-main-wdg {text-align: center;}
.pwww-wdg .fa{font-size:20px;height: 35px;width: 35px;line-height: 35px;background:#4292dc;color:#fff;border-radius:50%;}
.pwww-wdg p{font-size:16px;font-weight:bold;color: #fff;}
.pwww-tbl {width:100%;border:1px solid #4292dc;}
.pwww-tbl tr:nth-child(odd) {background:#fff;}
.pwww-tbl td {padding:1em .3em;}
/* projects properties */
#thumbcarousel .item .thumb {width: 25%;cursor: pointer;float: left;}
#thumbcarousel .item .thumb img {width: 98%;border:1px solid #000;border-radius:2em;margin:5px auto;box-shadow:0 0 5px #333;}
#thumbcarousel .carousel-control.right, #mCarousel .carousel-control.left, #thumbcarousel .carousel-control.left, #mCarousel .carousel-control.right {background:none !important;}
#thumbcarousel .icon-prev, #thumbcarousel .icon-next, #mCarousel .icon-prev, #mCarousel .icon-next {font-size: 20px;background:#000;border-radius:50%;line-height:26px;}
#thumbcarousel .carousel-control .icon-prev {margin-left: -15px;}
#thumbcarousel .carousel-control {width:5%;}
.pwww-project-fields {padding:5px;}
.fld-prt {}
.fld-prt h3 {}
.fld-prt span.glyphicon {background:#eee;color:#4292dc;padding:3px;font-size:12px;box-shadow:0 0 2px #333;border-radius:3px;}
.line-part {margin: 1em auto;border: 1px solid #1d4f84;border-left: 3px solid #1d4f84;padding: 1em;text-align:justify;}
.pwww-ytvid {display:inline-block;width:220px;margin:auto;margin:1em;background:#333;padding:5px;vertical-align: top;height: 167px;}
.pwww-ytvid a {color:#fff;}

textarea.form-control {height: 100px;}

.pwww-2d {border-radius:1em;overflow:hidden;}
.pwww-whatsapp {position:fixed;right:10px;bottom:10px;z-index:99999;width:60px;}
.pwww-whatsapp img {width:50px;}
.pwww-whatsapp span {color:#79c717;font-size:9px;}

@media (max-width: 991px) {
    .navbar-header {float: none;}
    .navbar-toggle {display: block;}
    .navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
    .navbar-collapse.collapse {display: none!important;}
    .navbar-nav {float: none!important;margin: 7.5px -15px;}
    .navbar-nav>li {float: none;}
    .navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
    .navbar-text {float: none;margin: 15px 0;}
    .navbar-collapse.collapse.in { display: block!important;}
    #myCarousel .carousel-caption{right:0;left:0;bottom:0;width: 70%;margin: auto;}
    #myCarousel .carousel-caption .cap-div{padding:2px;font-weight:400;}
    #myCarousel .carousel-caption .cap-div h3{font-size:32px;font-weight: 500;margin:5px;}
    #myCarousel .carousel-caption .cap-div p{font-size:20px;}
    .collapsing {overflow: hidden!important;}
    .box-pd {padding: 0 0 !important;}
    .con-frm .con-tar {height:70px;padding:1em;width:100%;}
    #share-links .fab {width:32px !important;}
    .swiper-button-prev{display:none;}
    .swiper-button-next{display:none;}
    .pwww-shr {position: relative;height:500px;margin-bottom:1em;}
    .pwww-shr .xyz {background:#fff;width:90%;margin:auto;position:absolute;right:0;bottom:0;left:0;padding:1em;border-right:1px solid #333;border-bottom:1px solid #333;}
}
@media (max-width: 767px) {
    header:after {left:70%;}
    .call-icons {margin-top:1em;}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #fff;}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {color: #fff;}
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {color: #fff;background-color: #333;}
	#myCarousel .carousel-caption{right:0;left:0;bottom:0;width: 70%;margin: auto;}
    #myCarousel .carousel-caption .cap-div{padding:1px;font-weight:400;}
    #myCarousel .carousel-caption .cap-div h3{font-size:11px;font-weight: 500;margin:0;}
    #myCarousel .carousel-caption .cap-div p{font-size:11px;}
	#commentform textarea{width:90% !important;}
	#commentform input{width:90% !important;}
	.aqr-frm {position:static;width:100%;}
	.mulki{padding:2em !important;}
	.whats{display: inline-block !important;}
	.back_top{bottom:-1em !important;right:-1em !important;}
	#s {margin:5px auto;}
	h1, h2{font-size: 26px !important;}
	.box-pd {padding:0 !important;}
	.con-frm .con-tar {height:50px;padding:1em;width:100%;}
	footer .pwww-wdg {height:auto;margin-top:10px;}
	.navbar-default {background:#ddd;}
	#sev {padding: 0 !important;}
	.serv {padding: 2px 2px 41px 2px !important;text-align: center;}
	#abt {padding: 1em !important;}
	#dropdownMenu1{background: transparent;line-height: 33px;}
	.call-icons .fab, .call-icons .fas{margin:2px;}
    .swiper-button-prev{display:none;}
    .swiper-button-next{display:none;}
    .pwww-2d {margin:1em auto;}

}
@media (min-width: 991px) {.dropdown:hover .dropdown-menu {display: block;}}

/* me */

@media only screen and (max-width: 425px) {
/* .content-body{
  width: 57%;
 } */
}
.content-body{
 border:3px;
 /*font-size:12px;*/
 margin: 15px;
 margin-bottom:5px;
 padding:1px;
 max-height: 600px;
 overflow-y: auto;
 direction:ltr;
    .element{width:100% !important}
	iframe{width:100% !important;height: auto;}
    .img-part{width:100% !important;}
}

.under-share {
	width: 100%;
	margin: auto;
	padding: 10px;
	border: 1px dashed #4292dc;
	height: -webkit-fill-available;
	min-height: 240px;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
}
u-hr {
    margin: 0.5rem 0px
}
.qr-code-img {
    max-width: 20rem;
}
/* @media (max-width: 576px) { */
@media (max-width: 767px) {
    .the-post-img > .btn-group-vertical {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0.5rem;

    }
    .the-post-img > .btn-group-vertical > button {
        margin: 0;
        padding: 0.3rem;
        overflow: hidden;
        text-wrap: nowrap;
    }
    .content-body {
        margin: 0;
        padding: 1rem;
        border: none;
        max-height: none;
    }

    .pwww-post-tools {
        padding: 1rem;
    }
    .pwww-post-tools #share-links {
        display: flex;
        justify-content: space-evenly;
        padding-top: .5rem
    }
}

.serv {
    display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
    img {
        width: 10rem;
        max-width: 10rem
    }
}
@media (max-width: 767px) {
    .serv{
        height: 30rem;
    }
}

#yusuf-cpc {
    width: 100%;
    position: relative;
    box-shadow: 0 2px 7px #dfdfdf;
    margin: 3rem auto;
    background: #fafafa;

    .badge {
        position: absolute;
        left: 0;
        top: 20px;
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 700;
        background: red;
        color: #fff;
        padding: 3px 10px;
    }

    .product-tumb {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 35rem;
        padding: 1.5rem;
        background: #f0f0f0;
    }

    .product-tumb img {
        max-width: 100%;
        max-height: 100%;
    }

    .product-details {
        padding: 3rem 3rem 1rem;
        text-align: left;
        overflow-wrap: break-word;
    }

    .product-catagory {
        display: block;
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
        color: #ccc;
        margin-bottom: 18px;
    }

    .product-details h4 a {
        font-weight: 500;
        display: block;
        margin-bottom: 2.5rem;
        text-transform: uppercase;
        color: #363636;
        text-decoration: none;
        transition: 0.3s;
    }

    .product-details h4 a:hover {
        color: #003F80;
    }

    .product-details .cat-line-excerpt {
        height: 5rem;
    }
    .product-details .cat-line-excerpt p {

        font-size: 15px;
        line-height: 22px;
        margin-bottom: 2.5rem;
        color: #999;

        /*  */
        display: -webkit-box;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        min-height: 4rem;
    }

    .product-bottom-details {
        overflow: hidden;
        border-top: 1px solid #eee;
        padding-top: 1rem;
    }

    .product-bottom-details div {
        float: left;
        width: 50%;
    }

    .product-price {
        font-size: 18px;
        color: #003F80;
        font-weight: 600;
    }

    .product-price small {
        font-size: 80%;
        font-weight: 400;
        text-decoration: line-through;
        display: inline-block;
        margin-right: 5px;
    }

    .product-links {
        text-align: right;
    }

    .product-links a {
        display: inline-block;
        margin-left: 5px;
        color: #e1e1e1;
        transition: 0.3s;
        font-size: 17px;
    }

    .product-links a:hover {
        color: #003F80;
    }
}
@media (min-width: 1180px) {
    #yusuf-cpc {
        width: 80%
    }
}
#yusuf-comming-soon {
    .comming-soon{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-flow:column;
    position:relative;
    /* height:100vh; */
    height:50vh;
    .circle{
        width:250px;
        height:250px;
        /* background:#000; */
        background:#fff;
        border-radius:100%;
        -webkit-animation: yu-shadow 2s linear 2s infinite alternate;
        animation: yu-shadow 2s linear 2s infinite alternate;
    }
    .form-group{
        width:450px;
        text-align:center;
        position:absolute;
        top:50%;
        .text{
        /* color:#efefef; */
        color:#000;
        letter-spacing:15px;
        font-size:20px;
        }
        label{
        /* color:#efefef; */
        color:#000;
        font-size:15px;
        margin-top:40px;
        margin-bottom:15px;
        }
        .input-group{
        width:100%;
        input{
            border-radius:15px 0px 0px 15px;
            background:rgba(2555,255,255,0);
            border-color:#3e2845;
            padding-left:15px;
            &:focus{
            box-shadow:none !important;
            border-color:#3e2845 !important;
            background:#efefef;
            }
        }
        .input-group-text{
            border-radius:0px;
            padding:0px;
            border:none;
            background:transparent;
            button{
            border:1px solid #3e2845; 
            border-radius:0px 15px 15px 0px;
            background:#3e2845;
            padding:10px 20px;
            color:#fff;
            font-weight:normal;
            letter-spacing:2px;
            &:hover{
                cursor:pointer;
                background:darken(#3e2845,3%);
            }
            &:focus{
                box-shadow:none !important;
                outline:none !important;
            }
            }
        }
        
        }
    }
    }
}
@-webkit-keyframes yu-shadow {
  0%   {box-shadow:0px -3px 2px #044C88}
  25%  {box-shadow:0px -6px 4px #044C88}
  50%  {box-shadow:0px -9px 6px #044C88}
  75%  {box-shadow:0px -12px 8px #044C88}
  100% {box-shadow:0px -15px 10px #044C88}
}
@keyframes yu-shadow {
  0%   {box-shadow:0px -3px 2px #044C88}
  25%  {box-shadow:0px -6px 4px #044C88}
  50%  {box-shadow:0px -9px 6px #044C88}
  75%  {box-shadow:0px -12px 8px #044C88}
  100% {box-shadow:0px -15px 10px #044C88}
}

.video-popup-yusuf {
    position: fixed;
    bottom: 75px;
    right: 40px;
    width: 300px;
    background: #000;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    display: block;
    z-index: 5000000000;
}
.video-popup-yusuf video {
    width: 100%;
    border-radius: 10px;
}
.video-popup-yusuf .close-btn {
    position: absolute;
    top: 5px;
    right: 20px;
    color: white;
    font-size: 40px;
    cursor: pointer;
z-index: 5000000001;
}
.open-btn {
    position: fixed;
    bottom: 20px;
    left: 20px;
    background: #ff5722;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}