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

	Theme Name: black mail 2023

	Theme URI: black mail 2023

	Description:black mail 2023

	Author: black mail 2023

	Author URI: black mail 2023

	Version: 1.1

*/

 

 
@font-face {
    font-family: 'Cairo';
    src: url('//blackmail.om/wp-content/themes/blackmail2023/fonts/Cairo-Bold.woff2') format('woff2'),
        url('//blackmail.om/wp-content/themes/blackmail2023/fonts/Cairo-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('//blackmail.om/wp-content/themes/blackmail2023/fonts/Cairo-Regular.woff2') format('woff2'),
        url('//blackmail.om/wp-content/themes/blackmail2023/fonts/Cairo-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('//blackmail.om/wp-content/themes/blackmail2023/fonts/Cairo-SemiBold.woff2') format('woff2'),
        url('//blackmail.om/wp-content/themes/blackmail2023/fonts/Cairo-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

 
 



* {
  font-family: "Cairo", sans-serif;
  text-decoration: none !important;
  -webkit-transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1);
  -moz-transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1);
  -ms-transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1);
  -o-transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1);
  transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1);
 

}
 

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Cairo", sans-serif;
}
html {
  scroll-behavior: smooth;
}

:hover {
  text-decoration: none;
}

body {
  overflow-x: hidden;
  box-sizing: border-box;
  counter-reset: my-sec-counter my-sec-counter2;
  overflow-x: hidden;
  text-transform: capitalize;
  margin: 0;
font-size: 16px;
}

:root {
  --redcolor:#DF1A23;
  --greencolor:#007E3C;
  --textcolor:#263238;
  --gray:#F9F9F9;
}

ul {
  padding: 0;
}

 
 
#acaart_pagination .current:hover, #acaart_pagination .inactive:hover{
background: #000;
}

a:focus{
  outline: 0px !important;
}
::selection{
  background-color: #f1f1f1;
  color: #000;
}
 

 
.header_menu .sub-menu{
  opacity: 0;
  position: absolute;
  width: 220px;
  transform: translateY(16px);
box-shadow: -1px 10px 30px -18px rgba(0,0,0,0.75);
-webkit-box-shadow: -1px 10px 30px -18px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 10px 30px -18px rgba(0,0,0,0.75);
  pointer-events: none;
 
border-radius: 0px !important;
}

.header_menu li.menu-item-has-children a:after{
  content:'\f107';
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  font-size: 15px;
 
  margin-right:  15px;
     transition-duration: 0.5s;
 transition-delay: 0.1s;
  display: inline-block;
}

.header_menu li.menu-item-has-children li a:after{
 
  display: none;
}
 
.header_menu li.menu-item-has-children a:hover:after{
  transform:  rotate(180deg);
  transition-duration: 0.5s;
 transition-delay: 0.1s;
  
}

.header_menu li:hover .sub-menu{
  opacity: 1;
  z-index: 10000 !important;
  width: 220px;
  background: var(--textcolor);
   transform: translateY(0px);
  border-bottom-right-radius: 30px;
      pointer-events:  visible;
}
.header_menu li li:before{
  height: 100% !important;
  z-index: -1;
  border-radius: 0 !important;
    border-bottom-right-radius: 30px !important;
}
 

.header_menu li li:hover a{
  padding-left: 5px !important;
  font-size: 15px;
}
.header_menu li li:hover{
background-color: #1E2245; 
padding-right: 12px;
}
.header_menu li.current-menu-item li a::before{
  background-image: none !important;
  background-color: transparent !important;
}
.header_menu li li{
padding: 10px;
  padding-right: 10px;
padding-right: 10px;
border-bottom: 1px solid #303461;
width: 100%;
max-height: 50px !important;
display: block;
min-height: 31px !important;
line-height: 31px !important;
margin-right: 0;
padding-right: 9px;
text-align: right;
background-color: var(--greencolor);
margin-left: 0;
}
.header_menu li li:last-child{
  border-bottom: 0px;
 
}
 .header_menu li li a{
  font-weight: 600 !important;
  color: #fff !important;
   font-size: 15px;
}
.shrink .header_menu li li a{
  font-weight: 600 !important;
  color: #fff !important;
}
.header_menu li li:hover a{
color: var(--textcolor) !important;
}
 

 
 

.header_menu li.current-menu-item {
  color: #DADDFF !important;
  font-weight: bold;
  background-color: transparent;
  padding-right: 9px;
  padding-left: 9px;
  border-radius: 7px;
}
.header_menu li.current-menu-item a{
 
}
 
 .shrink li.current-menu-item a{
 
}
 .shrink li li.current-menu-item a{
  color: #fff !important;
}
.shrink li.current_page_item a{
  
}
.shrink li li.current_page_item a{
  color: #fff !important;
}
.shrink .header_menu li:hover a{
    color: #FFD9D9;
}

.shrink .header_menu li li:hover a{
    color: #fff !important;
}
.shrink .header_menu li li a{
    color: #fff !important;
}
.shrink .header_menu li li:hover a{
color: var(--textcolor) !important;
}
 
.header_menu li{
  position: relative;
}
.header_menu li:before{
  content:'';
  position: absolute;
  background-color: transparent;
  height: 0%;
  width: -moz-available;
  transition: all .5s ease-in-out;
  opacity: 0;
  transform-origin: center;
  border-radius: 0px;
}
.header_menu li:hover:before{
opacity: 1;
  height: 100%;
}
.header_menu li {
display: inline-block;
position: relative;
min-height: 92px;
line-height: 92px; 
}
.header_menu li a {
color: #fff;
font-size: 1.9rem;
font-weight: 600;
padding-right: 10px;
padding-left: 10px;
padding-top: 7px;
padding-bottom: 7px;
}
.header_menu li.current-menu-item:hover:before{
	background-color: var(--greencolor) !important;
 
	right: 0;
}
.header_menu li.current-menu-item:before{
 display: none;
	right: 0;
}
.header_menu li li:before {
  display: none;
 
}
 .head_bottom .col-md-6{
  padding: 0;
}
 

 
.header_menu ul{
margin-top: 5px !important;
text-align: left;
margin-bottom: 0;
}

 
#acaart_pagination{
  text-align: center;
margin-top: 29px;
margin-bottom: 0;
}
#acaart_pagination span{
  background-color: var(--redcolor);
  color: #fff;
  width: 40px;
  display: inline-block;
  height: 40px;
  border-radius: 0px;
  text-align: center;
  line-height: 40px;
  margin-right: 10px;
  font-size:15px;
  font-weight:bold;
  border-radius: 5px;
}
#acaart_pagination .inactive{
  font-size:15px;
  font-weight:bold;
  background-color: var(--greencolor);
  color: #fff;
  margin-right: 10px;
  width: 40px;
  display: inline-block;
  height: 40px;
  border-radius: 0px;
  text-align: center;
  line-height: 40px;
  border-radius: 5px;
}

 

 
 

.contactforma input{
margin-bottom: 3px !important;
height: 61px !important;
border: 0 !important;
 width: 90%;
box-shadow: 0px 0px 0px !important;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.07) !important;
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.07) !important;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.09) !important;
border-radius: 0px !important;
background-color: #fff;
padding-right: 14px !important;
font-size: 17px !important;
 
color: #AFAFAF !important;
border-radius: 10px !important;
}
.contactforma input:focus{
  outline: none;
}


.contactforma label.vfb-error {
    color: red;
    font-weight: bold;
    font-size: 15px;
    margin-top: 10px;
}

.contactforma {
  margin-bottom: 0px;
}

.contactforma h3{
  display: none;
}
.contactforma .vfb-section-1 li:first-child,
.contactforma .vfb-section-1 li:nth-child(2),
.contactforma .vfb-section-1 li:nth-child(3)
{
  display: inline-block;
  width: 33.3%;
  margin-bottom: 20px;
}
.about_content2 ul{
  text-align: center;
}
label.vfb-error{
  display: none !important;
}
.contactforma textarea:focus{
 
  outline: 1px solid red !important;
}
.contactforma .vfb-item-submit input{
margin-top: 0;
background-color: var(--greencolor) !important;
color: #fff !important;
border: 0px !important;
padding-left: 0 !important;
max-width: 208px;
text-align: center;
box-shadow: 0 0 0 transparent !important;
float: none;
border-radius: 5px !important;
padding-right: 0 !important;
font-weight: bold;
font-size: 22px !important;
height: 67px !important;
}
.vfb-section-2 li:first-child{
  display: none;
}
input.vfb-error {
    background-color: #eee !important;
}
.contactforma input.vfb-text,
.contactforma input[type="text"].vfb-text,
.contactforma input[type="tel"].vfb-text,
.contactforma input[type="email"].vfb-text,
.contactforma input[type="url"].vfb-text,
.contactforma textarea.vfb-textarea {
 background-color: #fff;
 color: #333 !important;
}
 
.contactforma textarea{
	width: 100%;
    border: 0 !important;
    box-shadow: 0px 0px 0px !important;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.07) !important;
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.07) !important;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.07) !important;
    border-radius:0px !important;
    height:118px !important;
    padding: 15px !important;
	background-color: #fff !important;
	font-size: 14px !important;
font-weight: bold;
color: #AFAFAF !important;
margin-bottom: 0 !important;
border-radius: 10px !important;
}

.contactforma label {
    display: none;
    margin-bottom: 19px !important;
    font-size: 15px;
	margin-top: 20px;
    font-weight: normal !important;
}
.nolable label{
  display: none !important;
}
 

 .contactforma .vfb-legend h3{
   font-size: 16px !important;
   border: 1px solid #f1f1f1;
   padding: 15px;
   background-color: #fff;
   margin-top: 0;
   margin-bottom: 30px;
   border-right: 3px solid var(--greencolor) !important;
   border-bottom: 4px solid #f1f1f1;
}


 
 



/* The side navigation menu */
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
background-color: var(--textcolor);
  overflow-x: hidden;
  padding-top: 60px;
  transition: 0.5s;
}
.sidenav a:hover {
  color: var(--greencolor) !important;
}

/* The navigation menu links */
.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
font-size: 2.9rem !important;
line-height: 28px;
border-radius: 5px;
background-color: var(--greencolor) !important;
  margin-left: 50px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left .5s;
  padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
} 

.mobileicon{
	display:none;
}
.rightformcontent .vfb-item-secret{
  display: none !important;
}
 

 
.mobileicon{
  width: 13%;
  float: left !important;
  margin-top: 36px;
  text-align: left !important;
  direction: ltr;
 
}
.mobileicon span{
  background-color: #333;
  width: 30px;
  height: 4px;
text-align: right !important;
  display: block;
  margin-bottom: 7px;
  
}
.mobileicon span:nth-child(2){
  max-width: 23px;
}
.mobileicon a {
 display: block;
    cursor: pointer;
}
.sidenav {
    display: block;
}
 .shrink .header_menu ul {
  
  margin-top: 3px;
 
}

#mySidenav li{
  border-bottom: 1px solid #394951;

  line-height: 37px;
}
.sidenav a{
  font-size: 17px !important;
  color: #fff !important;
   padding-right: 18px;
}

.sidenav a:hover{
  color: #fff !important;
}
.closebtn{
background: var(--redcolor) !important;
text-align: center;
padding: 0px !important;
width: 35px;
height: 35px;
line-height: 35px;
border-radius: 0px;
margin-top: 20px !important;
}

a.closebtn:hover{
  color: #fff !important;
}

.sidenav li.menu-item-has-children .sub-menu{
  display: none;
}


.sidenav li.menu-item-has-children a{
  position: relative;
}
.sidenav li.menu-item-has-children a:after {
  content: '';
  display: block;
  background-color: #fff;
  width: 10px;
  height: 10px;
  position: absolute;

  right: 30px;
  top: 20%;
  margin-top: 10px;
  z-index: 100;
 
}

.sidenav li.menu-item-has-children a::after {
content: '';
display: block;
background-color: #fff;
width: 10px;
height: 10px;
position: absolute;
left: 23px;
top: 20%;
margin-top: 10px;
z-index: 100;
 clip-path: polygon(51% 100%, 0 0, 100% 0);
right: auto;
}
 .sidenav li.menu-item-has-children li a::after {
 
    width: 0px;
    height: 0px;
 
    clip-path: none;
}
.sidenav li.menu-item-has-children a.active {
 
background-color: #000;
}


 
img{
  max-width: 100%;
}
 
.mobicon{
 
  display: none;
}
 
.header_menu li.menu-item-has-children ul li.current-menu-item a{

  color: #fff !important;
  padding: 0;
}
.header_menu li.menu-item-has-children ul li.current-menu-item{
 border-radius: 0;
  background-color: #1E2245;
  padding-right: 19px;
 
}
.header_menu li a:hover{
color: #fff;
 
padding-top: 7px;
padding-bottom: 7px;
 
border-radius: 0px;
}
 
 
.header_menu li a{
  position: relative;
 
	font-weight: bold;
}
 
 
  

 
 
h2.title-bkp{
  color: orange;
}
.content-bkp h2{
  color: #fff;
}
.searchform{
  margin-top: 40px;
}
.searchform input{
  border: 0px;
  padding: 10px;
  border-radius: 0px;
}
.searchform input:focus{
  border: 0px;
  outline: none;
}
 
 
 



.clear{
  clear: both;
}




 
.loader {
  position: fixed;
  background-color: #fff;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 1000;
  text-align: center;
  line-height: 100vh;
  top: 0;
}
.loader img {
 
}

 



.totopa {
  display: none;
}
.totopa2:hover{
  background-color: var(--redcolor);

}

.totopa2:hover i{
  color: #fff;
}
.totopa2 {
  display: block;
  position: fixed;
  right: 20px;
  background-color: var(--greencolor);
  width: 45px;
  border-top-right-radius: 25px;
  border-bottom-left-radius: 25px;
  height: 45px;
  z-index: 100;
  border-radius: 0px;
  border: 0px solid #fff;
  bottom: 25px;
  text-align: center;
  line-height: 45px;
  overflow: hidden;
  box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.07);

}
.totopa2 i {
  color: #fff;
  font-size: 19px;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0px;

}
.totopa2 i.upclass {
  bottom:  12px;
}
.totopa2 i.bottomclass {
  bottom:  -124px;
}
.totopa2:hover i.upclass {
  bottom:  50px;
}
.totopa2:hover i.bottomclass {
  bottom:  10px;

}
.loader {
  position: fixed;
  background-color: #fff;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 1000;
  text-align: center;
  line-height: 100vh;
  top: 0;
}


 

 

 

        .fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInDown {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInDown {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  } 

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInRight {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInRight {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  } 
  
  
  
   

#searchform2{
  display: flex !important;
  flex-direction: row-reverse;
  margin-top: 13px;
}

#searchform2 input{
  border: 0px;
  border-right: 1px solid #f1f1f1;
  padding-right: 15px;
}

#searchform2 button{
  border: 0px;
  background-color: var(--greencolor);
  font-size: 17px;
  width: 45px;
  height: 45px;
  border-radius: 0px;
}
#searchform2 button:hover{
  border: 0px;
  background-color: var(--greencolor);
  color: #fff;
  font-size: 17px;
  width: 45px;
  height: 45px;
  border-radius: 0px;
}

#searchform2 input:focus{
  outline: 0;
}
 
 
 
 
 
 
 
 

.singletitle2{
  position: relative;
}
.singletitle2 h2{
  margin: 0;
  background-color: var(--greencolor);
  padding-top: 30px;
  padding-bottom: 30px;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

.postcontent {
  line-height: 40px;
  padding-top: 20px;
  padding-bottom: 40px;
}
.postcontent  p{
  font-size: 1.6rem;
  text-align: justify;
}
.postcontent.bottomsocial ul{
  margin-top:  60px;
}
.postcontent.bottomsocial li:last-child{
background-color: transparent;
  margin-left: 10px;
}


.postimage{
  text-align: center;
}
.postimage img{
  width: 360px;
  height: 360px;
  margin-top: 35px;
}


.portofolio{
  margin-top: 40px;
  margin-bottom: 40px;
}

.notpage h2{
  font-size: 20px;
}
.notfound{
  text-align: center;
}

.page_content .whyright{
  margin-bottom: 40px;
}

.page_content .whyright{
  margin-bottom: 40px;
}
 

.page_content .wcleft ul{
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
}

.page_content .wcleft li{
  width: 47% !important;
}


.page_content .wcright img{
  max-width: 400px;
  height: auto;
}
.page_content .wcright{
  text-align: center;
  padding-top: 20px;
}


.innservpage{
  text-align: center;
  background-color: #f9f9f9;
  padding-top: 30px;
  padding-bottom: 30px;
}
.innservpage h2{
  font-weight: bold;
}

.conte3{
  display: none;
}

.site_mapo iframe {
  border: 0;
  width: 100%;
  height: 300px;
}

.phoneemail{
  background-color: #f1f1f1;
 
  padding: 7px;
  padding-top: 10px;
  margin-top: 1px;
  direction: ltr;
}
.phoneemail li:first-child span{
  display: none;
}
.phoneemail li:first-child{
  text-align: center !important;
  line-height: 30px;
  padding: 15px;
}
.phoneemail h4{
  display: block;
  max-width: 88%;
  text-align: center;
  margin: 20px auto 41px;
  line-height: 34px;
  color: #111;
  font-size: 16px;
  font-weight: bold;
}

.page-template-contact .contactforma li:nth-child(1){
  width: 100% !important;
}
.page-template-contact .contactforma li:nth-child(2), .page-template-contact .contactforma li:nth-child(3){
  width: 46% !important;
  margin-left: 20px;
}
.page-template-contact .contactforma li input{
  width: 92%;
}

.phoneemail h4 span{
  line-height: 30px;
  color: #111;
  font-size: 16px; 
}
.phoneemail li{
  display: inline-block;
  text-align: right !important;
  width: 46.5%;
  margin-left: 10px;
  box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.07);
  background-color: #fff;
  margin-bottom: 20px;
  line-height: 48px;
  border-radius: 0px;
  -webkit-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.07);
}
.phoneemail li:first-child, .phoneemail li:nth-child(2){
  width: 96% !important;
}
.phoneemail li span{
  background-color: var(--redcolor);
  width: 49px;
  text-align: center;
  border-radius: 0px;
  margin-left: 20px;
  height: 49px;
  display: inline-block;
}
.phoneemail li span i{
  color: #fff;
  font-size: 23px;
  vertical-align: middle;
}
.phoneemail li:first-child span i, .phoneemail li:nth-child(2) span i{
  color: #fff;
  font-size: 26px;
  vertical-align: middle;
}
.phoneemail li a{
  color: #333;
  font-size: 16px;
}
.phoneemail li:first-child{
  background-color: var(--redcolor)
}
.phoneemail li:first-child a{
color: #fff;
}
.contactforma h1 {
  font-size: 18px;
  text-align: center;
  margin-top: 1px !important;
  display: block;
  color: #fff !important;
  margin-bottom: 21px;
  background-color: var(--greencolor);
  padding: 15px;
}
.vfb-item-secret{
  display: none !important;
}

 
.singlenews h2{
  font-weight: bold;
  font-size: 2rem;
  text-align: center;
  border: 1px solid #f1f1f1;
  max-width: 80%;
  margin: 20px auto 20px;
  padding: 20px;
}
.newshare{
  margin-top: 0 !important;
}

 



.teamblockall{
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 23px;
}
.teamnam{
  background-color: var(--greencolor);
  text-align: center;
  padding: 15px;
  border-radius: 5px;
}
.teamnam a{
  font-weight: bold;
  color: #fff;
  font-size: 2.4rem;
}
.teamnam span{
  display: block;
  font-weight: normal;
  font-size: 1.6rem
}
.teamimg{
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  margin-bottom: 5px;
}
.teamimg ul{
 position: absolute;
  bottom: -10px;
  width: 70px;
  margin: 0;
  padding: 20px;
  background-color: var(--greencolor);
  clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%);
  padding-right: 12px;
}
.teamimg li{
  list-style-type: none;
  background-color: #fff;
  border-radius: 100%;
  margin-bottom: 10px;
  text-align: center;
  width: 35px;
  height: 35px;
  line-height: 39px;
}
.teamimg i{
  color: var(--greencolor);
  font-size: 17px;
}

.teamblockall .teamimg span:before{
  content:'';
  width: 100%;
  position: absolute;
  background-color: rgb(0,0,0,0.5);
  height: 0%;
  transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  opacity: 0;
}
.teamblockall:hover .teamimg span:before{
  opacity: 1;
  height: 100%;
}
.teamblockall .teamimg span:before{
  content:'';
  width: 100%;
  position: absolute;
  background-color: rgb(0,0,0,0.5);
  height: 0%;
  transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  opacity: 0;
}
.teamblockall:hover .teamimg span:before{
  opacity: 1;
  height: 100%;
}

.teamimg li:hover{
  background-color: var(--greencolor);
}
.teamimg li:hover i{
  color: #fff;
}
 
 
 
 
 
 
 .bottomsocial ul{
  display: flex;
  justify-content: left;
  margin-top: 15px;
  gap: 5px;
  flex-direction:row-reverse;
  margin-bottom: 0;
}
.bottomsocial li{
  list-style-type: none;
  width: 35px;
  height: 35px;
  background-color: #000;
  text-align: center;
  line-height: 40px;
  border-radius: 5px;
}
.bottomsocial li i{
  color: #fff;
  font-size: 22px;
}

.bottomsocial li:first-child{
  background-color: #2243E6;
}

.bottomsocial li:nth-child(2){
  background-color: #22B6E6;
}

.bottomsocial li:nth-child(3){
  background-color: #DB4E28;
}

.bottomsocial li:nth-child(4){
  background-color: #1A21AC;
}

.bottomsocial li:nth-child(5) {
  background-color: #333;
}
.bottomsocial li:nth-child(6) {
  background-color: #fff;
}
.bottomsocial li:nth-child(6):hover{
  background-color: #fff;
}

.page_text .sharepst{
  text-align: center;
  justify-content: center;
  margin-top: 30px;
}

.head_top{
  min-height: 64px;
}
.head_bottom{
  background-color: var(--redcolor);
  min-height: 102px;
}


.hedbotlefrmenu ul{
  display: flex;
  gap: 20px;
  justify-content: left;
  margin-top: 23px;
}
.hedbotlefrmenu li{
  list-style-type: none;
  background-color: #fff;
  width: 142px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  border-radius:  6px;
}
.hedbotlefrmenu li:first-child{
  background-color: var(--greencolor);
}
.hedbotlefrmenu li a{
  color: var(--textcolor);
  font-size: 1.7rem;
  font-weight: bold;
}
.hedbotlefrmenu li:first-child a{
  color: #fff;
}
.logo_site{
  line-height: 102px;
  text-align: right;
}
.slideslider{
  direction: ltr;
  background-color: var(--gray);
  clip-path: polygon(0 0, 100% 0%, 100% 90%, 50% 100%, 0 90%);
  padding-top: 70px;
  padding-bottom: 70px;
}


.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
} 


.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
} 

.slideslider .owl-item.active .slidertext span {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInUp;
  animation-delay: 0.3s;
}
.slideslider .owl-item.active .slidertext p {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInUp;
  animation-delay: 0.6s;
}
.slideslider .owl-item.active .slidertext ul {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInUp;
  animation-delay: 0.9s;
}



.slideslider .owl-item.active .slider_img img {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeIn;
  animation-delay: 0.6s;
}




.slidertext{
  text-align: right;
}
img{
  max-width: 100%;
 
}
.slidertext span{
  font-size: 2.9rem;
  font-weight: bold;
  color: var(--textcolor);
  display: block;
  margin-bottom: 20px;
}
.slidertext p{
  color: var(--textcolor);;
  line-height: 40px;
  font-size: 1.8rem;
  display: block;
  text-align: justify;
  margin-right:  0;
  direction: rtl;
}

.slidertext ul{
  display: flex;
  justify-content: left;
  gap: 20px;
  direction: rtl;
  margin-top: 40px;
}
.slidertext li{
  list-style-type: none;
  width: 165px;
  height: 61px;
  text-align: center;
  background-color: var(--redcolor);
  border-radius: 5px;
  line-height: 61px;
}
.slidertext li a{
  color: #fff;
  font-weight: bold;
  font-size: 1.7rem;
}


.wcleft li{
  list-style-type: none;
  display: flex;
  gap: 30px;
  margin-bottom: 20px;
}
.listicon{
  width: 29%;
  border: 1px solid #f1f1f1;
  height: 102px;
  border-radius: 25px;
  text-align: center;
  position: relative;
  display: block;
  max-width: 102px;
  overflow: hidden;
}
.listicon img{
  position: absolute;
  transform: translate(-50%,-50%);
  top: 50%;
  left: 50%;
}
.listtext span{
  font-weight: bold;
  font-size: 2.4rem;
  margin: 0;
  color: var(--redcolor);
}
.listtext p{
  margin-top: 5px;
  font-size: 1.7rem;
  line-height: 35px;
}

.moreaboutfeature{
  display: block;
  background-color: var(--redcolor);
  color: #fff;
  text-align: center;

  border-radius: 5px;
  width: 202px;
  font-weight: bold;
  height: 70px;
  line-height: 70px;
  font-size: 2rem;
  overflow: hidden;
  margin: 40px auto;
}
.wcleft{
  position: relative;
}

.about_title{
  margin-bottom: 50px;
  text-align: center;
}
.about_title span {
  margin-right: 10px;
  clip-path: polygon(0 0, 100% 8%, 100% 92%, 0% 100%);
  background-color: var(--greencolor);
  padding-right: 10px;
  padding-left: 10px;
  color: #fff;
  min-width: 119px;
  height: 66px;
  line-height: 62px;
  display: inline-block;
  font-size: 4rem;
}
.about_title h1{
  text-align: center;
  font-size: 4rem;
  font-weight: bold;
  margin-bottom: 18px;
}

.about_title h2{
  text-align: center;
  font-size: 3.5rem;
  font-weight: bold;
  margin-bottom: 18px;
}
.about_title p{
  font-size: 2.1rem;
}
#site_fekra .about_title span{
  font-size: 3.5rem;
}
#site_fekra{
  background-color: var(--gray);
  padding-top: 30px;
  padding-bottom: 41px;
}
#site_type{
  padding-top: 65px;
  padding-bottom: 34px;
}

.typeblock{
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
  border-radius: 25px;
  padding-top:  35px;
  margin-bottom: 30px;
  text-align: center;
  min-height: 184px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.typeblock img{
  display: block;
  margin: 0 auto 10px;;
}
.typeblock a{
  font-weight: bold;
  color: var(--textcolor);
  font-size: 1.6rem;
  font-weight: 600;
  z-index: 1;
  position: relative;
}

.right_type h3{
  background-color: var(--redcolor);
  max-width: 300px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #fff;
  font-size: 2.3rem;
  padding: 20px;
  font-weight: bold;
  margin-bottom:  30px;
  position: relative;
}
.right_type{
  position: relative;
}
.right_type a{
  color: var(--text-color);
  font-size: 1.6rem;
  text-align: justify;
  display: inline-block;
  line-height: 40px;

}
.remortype{
  background-color: var(--gray);
  float: left;
  display: block;
  margin-top: 28px;
  color: var(--gray); !important;
  font-weight: bold;
  width: 130px;
  height: 50px;
  line-height: 50px !important;
  text-align:center !important;
  border-radius: 5px;
}
#site_contact{
  padding-top: 30px;
  padding-bottom: 30px;
}

.footertop{
  background-color: var(--textcolor);
  padding-top: 44px;
  padding-bottom: 30px;
}
.footercontact ul{
  margin-top: 5px;
}
.footercontact h4{
  color: #fff;
  font-size: 1.8rem;
  line-height: 37px;
  display: block;
  max-width: 80%;
  margin-top: 0px; 
}
.footercontact li a{
  color: #fff;
  font-size: 2.1rem;
}
.footercontact li{
  line-height: 40px;
}
.footercontact li i{
  color: var(--redcolor);
  margin-left: 10px;
  font-size: 2.5rem;
}


.footerlinks span{
  color: #fff;
  font-weight: bold;
  font-size: 2.6rem;
}
.footerlinks ul{
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.footerlinks li{
  width: 49%;
  line-height: 40px;
  border-bottom: 1px solid #3C4B53;
}
.footerlinks li a{
  color: #fff;
  font-size: 1.7rem;
}
.footerlinks li:nth-child(7){
  border: 0px;
}
.footerlinks li:nth-child(8){
  border: 0px;
}

.footerlinks li::before {
  content: "\f053";
  color: #fff;
  font-size: 12px;
  margin-left: 10px;
  vertical-align: middle;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}
.site_hq h6{
  font-size: 1.6rem;
  line-height: 71px;
  margin: 0 auto;
}
.footerbottom{
  min-height: 71px;
}
.bottommenu ul{
  display: flex;
  justify-content: left;
  margin: 0;
}
.bottommenu li{
  list-style-type: none;
  line-height: 71px;
}
.bottommenu li a{
  color: var(--textcolor);
  font-size: 1.5rem;
}
.bottommenu li:after{
  content: '|';
  padding-right: 14px;
  padding-left: 14px;
}
.bottommenu li:last-child:after{
  content:'';
}

.footerlinks span:before{
  content:'';
  width: 15px;
  height: 15px;
  background-color: var(--redcolor);
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.wcleft li p{
  margin-bottom: 0;
}
.wcleft p{
  line-height: 40px;
  font-size: 1.8rem;
  display: block;
  margin-bottom: 35px;
}
.wcright img{
  margin-top: 16px;
}
.slideicon{
  width: 54px;
  height: 54px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -30px;
  margin: 0 auto;
  background-color: #fff;
  display: block;
  line-height: 54px;
  box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.09);
  text-align: center;
  border-radius: 100%;
}
.slideicon i{
  color: var(--redcolor);
  font-weight: bold;
  vertical-align: middle;
  font-size: 2.5rem;
}
.slider_site{
  position: relative;
  margin-bottom: 49px;
}

.fekra_content{
  background-image: url(images/1_22.png);
  /*! width: 415px; */
  min-height: 445px;
  background-position: center top;
  background-repeat: no-repeat;
  margin-top: 60px
}
.fekrablock p{
  font-weight: bold;
  font-size: 3rem;
  display: block;
}
.fekrablock span{
  display: block;
  font-weight: normal;
  font-size: 2.2rem;
}
.fekrablock{
  display: flex;
  margin-bottom: 90px;
}
.fekrablock:before{
  display: block;
  background-color: var(--redcolor);
  width: 67px;
  font-size: 3rem;
  font-weight: bold;
  height: 67px;
  text-align: center;
  line-height: 67px;
  color: #fff;
  border-radius: 5px;;
  margin-top: 6px;
  margin-left: 17px;
  counter-increment: my-sec-counter;
  content: counter(my-sec-counter);
  transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.fekra_content .container{
  max-width: 85%;
  margin: 0 auto;
}
.fekra_content .col-md-6:nth-child(3) .fekrablock:before, .fekra_content .col-md-6:nth-child(4) .fekrablock:before{
  background-color: var(--greencolor);
}

.fekra_content .col-md-6:nth-child(1) .fekrablock, .fekra_content .col-md-6:nth-child(5) .fekrablock{
  margin-right: 55px;
}
.fekra_content .col-md-6:nth-child(4) .fekrablock{
  float: left;
}

.fekra_content .col-md-6:nth-child(2) .fekrablock, .fekra_content .col-md-6:nth-child(6) .fekrablock{
  margin-left: 55px;
  float: left;
}

.fekralinks{
  display: flex;
  clear: both;
  gap: 20px;
  justify-content: center;
  margin-top: 22px !important;
}
.fekralinks li{
  list-style-type: none;
  background-color: var(--redcolor);
  width: 139px;
  height: 56px;
  text-align: center;
  line-height: 56px;
  border-radius: 5px;
}
.fekralinks li a{
  color: #fff;
  font-weight: bold;
  font-size: 1.7rem;
}
.fekralinks li:first-child{
  background-color: var(--greencolor);
}


.fekra_content .col-md-6:nth-child(5) .fekrablock, .fekra_content .col-md-6:nth-child(6) .fekrablock{
  margin-bottom: 55px;
}

.right_type h3:before{
  content: '';
  width: 100%;
  height: 65px;
  background-color: var(--redcolor);
  display: inline-block;
  position: absolute;
  right: -100%;
  top: 0;
}


.panel-default > .panel-heading {
  color: #333;
  background-color: #fff !important;
  border-color: #fff !important;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
  padding: 10px;
  margin-bottom: 15px;
  border-radius: 5px;
}
.panel{
  border: 0px !important;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #fff;
  border-bottom-color: #fff;
  border: 0px !important;
  border-right: 5px solid #EBEBEB !important;
  border-radius: 10px;
  font-size: 1.5rem;
  line-height: 40px;
  font-size:1.6rem;
}
.panel-title a{
  font-weight: bold;
  font-size:1.6rem;
}
.panel-title a:focus{
  outline: 0;
}
.panel-title a:before{
  display: inline-block;
  background-color: var(--redcolor);
  width: 46px;
  font-size: 2.2rem;
  font-weight: bold;
  height: 46px;
  text-align: center;
  line-height: 46px;
  color: #fff;
  border-radius: 5px;
  vertical-align: middle;
  margin-left: 10px;
  counter-increment: my-sec-counter2;
  content: counter(my-sec-counter2);
  transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.panel-title a:not(.collapsed):before{
  background-color: var(--greencolor);
}

.ershad_colapse{
  margin-top: 26px;
}



/* hover css */

.bottomsocial li:hover{
  background-color: var(--greencolor);
}




.butonhover li, .bh {
  --c: var(--greencolor);



  text-align: center;

  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: 0.5s;

}

.butonhover li dt, .bh dt {
  position: absolute;
  width: 25%;
  height: 100%;
  background-color: var(--c);
  transform: translateY(150%);
  border-radius: 50%;
  left: calc((var(--n) - 1) * 25%);
  transition: 0.5s;
  transition-delay: calc((var(--n) - 1) * 0.1s);
  z-index: -1;
}


.bh:hover{
  color: #fff;
}
.butonhover li:hover dt, .bh:hover dt {
  transform: translateY(0) scale(4);
}

.butonhover li dt:nth-child(1), .bh dt:nth-child(1) {
  --n: 1;
}

.butonhover li dt:nth-child(2), .bh dt:nth-child(2) {
  --n: 2;
}

.butonhover dt:nth-child(3), .bh dt:nth-child(3) {
  --n: 3;
}

.butonhover li dt:nth-child(4), .bh dt:nth-child(4) {
  --n: 4;
}


.typeblock:before{
  content:'';
  width: 0%;
  height: 100%;
  background-color: #f5f5f5;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  border-radius: 5px;
  transform: rotate(120deg);
  transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.typeblock:hover:before{
  width: 200%;
}
.typeblock:hover a{
  color: var(--redcolor);

}
.typeblock:hover{
  box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.05);
}

.fekrablock:hover:before{
  background-color: var(--textcolor) !important;
  border-radius: 100%;
}

.panel-title a:hover:before{
  background-color: var(--greencolor);
  border-radius: 100%;
}

.wcleft li:hover .listicon{
  border-radius: 50%;
  border: 0px;
  box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.09);
}
.wcleft li:hover .listtext span{
  margin-right: 10px;

  color: var(--greencolor)
}
.hedbotlefrmenu li:hover a{
  color: #fff;
}
.hedbotlefrmenu.butonhover li:first-child dt,
.hedbotlefrmenu.butonhover li:nth-child(2) dt,
.fekralinks.butonhover li:first-child dt,
.fekralinks.butonhover li:nth-child(2) dt{
  background-color: var(--textcolor)
}

.footerlinks li:hover{
  padding-right: 5px;
}

.righttop_menu ul{
  display: flex;
 margin: 0;
}
.righttop_menu li{
  list-style-type: none;
  line-height: 64px;
}
.righttop_menu li a{
  color: var(--textcolor);
  font-size: 1.5rem;
}
.righttop_menu li:after{
  content:'|';
  margin-right: 13px;
  margin-left: 13px;
}
.righttop_menu li:last-child:after{
  content:'';
}

.shrink {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 11;
}



.righttop_menu{
  display: flex;
 
}
.righttop_menu i{
  background-color: var(--redcolor);
  width: 30px;
  height: 30px;
  line-height: 30px;
   border-radius: 5px;
  text-align: center;
  color: #fff;
  margin-left: 5px;
}
.slider_th2 h2{
  margin: 0;
  color: #fff;
  position: absolute;
  transform: translate(-50%,-50%);
  left: 50%;
  top: 50%;
  font-weight: bold;
  font-size: 2.5rem;
}
.slider_th2{
  text-align: center;
  background-color: var(--textcolor);
  height: 100px;
  position: relative;
  clip-path: polygon(0 0, 100% 0%, 100% 80%, 50% 100%, 0 80%);
}



.page_text {
  padding-top: 45px;
  padding-bottom: 45px;
}

.page-id-20 .blocontent{
  font-size: 1.6rem;
 
}
 
.cart_totals h2, #payment_heading{
    background-color: var(--redcolor);
  border-radius: 5px;
  padding: 14px;
  color: #fff;
  font-weight: bold;
  padding-right: 30px;
  font-size: 2rem;
 
}
.blocontent .woocommerce a.button.alt{
  background-color: var(--greencolor) !important;
}

#order_review_heading{
    background-color: var(--greencolor);
  border-radius: 55px;
  padding: 14px;
  color: #fff;
  font-weight: bold;
  padding-right: 30px;
  font-size: 2rem;
}
.woocommerce-billing-fields h3, .woocommerce-additional-fields h3{
  background-color: var(--redcolor);
  border-radius: 55px;
  padding: 14px;
  color: #fff;
  font-weight: bold;
  padding-right: 30px;
  font-size: 1.8rem;
}
.woocommerce form input, .woocommerce form textarea{
  border: 1px solid #f1f1f1;
  padding: 10px;
  border-radius: 5px;
}
.woocommerce form textarea{
  min-height: 300px;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  background-color: var(--greencolor);
  color: #fff;
  -webkit-font-smoothing: antialiased;
  padding: 18px;
  font-size: 2rem;
}

.blocontent .woocommerce a.remove {
  color: #fff !important;
  background: red;
  color: #fff !important;
  border-radius: 5px;
  width: 35px;
  height: 35px;
  line-height: 27px;
  font-size: 35px;
}
.blocontent .product-name a{
  color: #000 !important;
  font-size: 1.6rem;
}

.blocontent .shop_table thead{
  background-color: #f1f1f1;
  padding: 15px !important;
}
.blocontent .shop_table thead th{
  padding: 15px !important;
  font-size: 1.6rem;
}

.blocontent .woocommerce button.button.alt {
  background-color: var(--greencolor);
  color: #fff;
  -webkit-font-smoothing: antialiased;
  padding: 14px;
  font-size: 1.7rem;
}

.blocontent .payment_methods{
  background-color: #fff !important;
  border: 1px solid #f1f1f1
}
.blocontent .payment_methods{
  background-color: #fff !important;
  border: 1px solid #f1f1f1
}
.blocontent .woocommerce-checkout #payment div.payment_box, .blocontent .woocommerce-checkout #payment div.form-row{
  background-color: #f1f1f1;
  border: 0px !important;
}
.blocontent .woocommerce-checkout #payment div.payment_box::before{
 display: none;
}
.blocontent .payment_method_bacs, .blocontent .woocommerce-checkout #payment ul.payment_methods li{
  font-size: 1.5rem;
}
.blocontent .woocommerce-checkout #payment ul.payment_methods{
  border: 0px;
}
.blocontent .woocommerce-checkout-payment{
  border: 1px solid #f1f1f1;
}
.blocontent .wpmc-tabs-wrapper .wpmc-tab-item.current .wpmc-tab-number, .blocontent .wpmc-tabs-wrapper .wpmc-tab-item.current::before {
  border-color: var(--greencolor);
}

.blocontent .wpmc-tabs-wrapper .wpmc-tab-item .wpmc-tab-text{
  font-size: 1.8rem;
}
.blocontent .woocommerce button.button.alt:hover{
  background-color: var(--textcolor);
}
 

.blocontent .checkout label{
  font-size: 1.6rem;
}

.blocontent .wpmc-tabs-wrapper .wpmc-tab-item .wpmc-tab-number {
  margin-top: -21px !important;
  margin-bottom: 10px;
}
.blocontent .wpmc-tabs-wrapper .wpmc-tab-item .wpmc-tab-number {
  display: inline-block;
  line-height: 46px;
  text-align: center;
  vertical-align: middle;
  width: 46px;
  min-width: 46px;
  min-height: 46px;
  height: 46px;
  margin-top: -14px;
  color: #999;
  background: #fff;
  border-radius: 50%;
  position: relative;
  -webkit-transition: color .3s,background .3s;
  -o-transition: color .3s,background .3s;
  transition: color .3s,background .3s;
  font-size: 18px;
  font-weight: 400;
  font-family: 'cairo';
}

.blocontent .woocommerce-notice, 
.blocontent h2.woocommerce-order-details__title,
.blocontent h2.woocommerce-column__title
{
    background-color: #f1f1f1;
  border-radius: 55px;
  padding: 10px;
  color: #000;
  font-weight: bold;
  padding-right: 30px;
  font-size: 1.7rem;
  text-align: center;
} 
.blocontent .woocommerce-order-overview__payment-method,
.blocontent .woocommerce-order-overview__total,
.blocontent .woocommerce-order-overview__email,
.blocontent .woocommerce-order-overview__date,
.blocontent .woocommerce-order-overview__order
{
  font-size: 16px !important;
 
}
.blocontent .woocommerce-order-overview__payment-method strong,
.blocontent .woocommerce-order-overview__total strong,
.blocontent .woocommerce-order-overview__email strong,
.blocontent .woocommerce-order-overview__date strong,
.blocontent .woocommerce-order-overview__order strong{
  font-size: 1.5rem !important;
  margin-top: 15px;
}
.blocontent .woocommerce-order-overview{
  border: 1px solid #f1f1f1;
  padding: 25px;
}
.blocontent .woocommerce .woocommerce-customer-details address{
  line-height: 30px;
  font-size: 1.5rem;
}

.blocontent .woocommerce table.my_account_orders td{
  font-size: 1.6rem;
}
.blocontent .woocommerce-MyAccount-navigation{
  line-height: 40px;
  border: 1px solid #f1f1f1;
  padding: 13px;
  border-bottom: 4px solid #f1f1f1;
}
.blocontent .woocommerce-MyAccount-navigation li{
  list-style-type: none;
  border-bottom: 1px solid #f1f1f1;
  padding-right: 10px;
}
.blocontent .woocommerce-MyAccount-navigation li:last-child{
  border: 0px;
}
.blocontent .woocommerce-MyAccount-navigation li a{
  color: #111;
  font-size: 15px;
}
 
.blocontent .woocommerce-MyAccount-navigation li:hover{
  background-color: #f1f1f1;
  padding-right: 15px;
}
.blocontent .woocommerce-info{
  border-color: #f1f1f1
}
.blocontent .woocommerce-MyAccount-navigation-link--downloads{
  display: none;
}

.blocontent .woocommerce-MyAccount-content p{
 
  border-radius: 5px;
 
 line-height: 30px;
 
  font-size: 1.6rem; 
}
.blocontent .woocommerce-MyAccount-content p strong{
  color: var(--greencolor);
}
.blocontent .woocommerce-MyAccount-content p a{
    color: var(--greencolor);
}
.blocontent .nm-wooconvo-send{
  left: 0 !important;
  right: auto !important;
  background-color: var(--greencolor) !important;
border: 0px;
}
.blocontent .wooconvo-send .wooconvo-textarea{
  padding-right: 20px !important;
}

 
.blocontent .woocommerce-MyAccount-content h2{
  background-color: #f1f1f1;
  padding: 20px;
  font-size: 1.9rem;
  border-radius: 5px;
}
.blocontent .woocommerce-OrderUpdates{
  border: 1px solid #f1f1f1;
  padding-top: 10px;
  padding-bottom: 10px;
}

.blocontent .wooconvo-send .self .msg {
  order: 1;
  border-bottom-right-radius: 0px;
  box-shadow: 1px 2px 0px #D4D4D4;
  width: 93%;
}
.blocontent .wooconvo-send .msg p{
  line-height: 20px
}
.blocontent .wooconvo-send .msg time{
  font-size: 14px;
 
  float: left
}
.blocontent .woocommerce-OrderUpdate-text{
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 10px;
  padding-top: 10px;
}
.righttop_menu ul:nth-child(2) li:first-child a{
  color: brown !important;
}
.blocontent .wp-element-button{
  background-color: var(--greencolor) !important;
  color: #fff !important;
  font-weight: normal !important;
}

.blocontent .woocommerce-orders-table__cell a{
  color: var(--redcolor);
  font-weight: bold;
}
.blocontent .woocommerce-orders-table__cell-order-actions{
  text-align: left;
}

.page_content #about_us .wcleft li{
  width: 100% !important;
}
.page_content #about_us .wcleft li .listicon{
  width: 100% !important;
}
.singlepost #um-submit-btn{
  background-color: var(--greencolor);
  font-weight: bold !important;
}

.postaimaga2{
  text-align: center
}
.postaimaga2 img{
  width: 250px;
  height: 250px;
}
 
.blocontent2{
  text-align: center;
  padding: 20px;
  border: 1px solid #f1f1f1;
  font-weight: bold;
  margin-top: 20px;
}

.blocontent p{
  line-height: 35px;
  font-size: 1.6rem;
}


.newsletterbox p.mailpoet_form_paragraph{
  display: none;
}
.newsletterbox input.mailpoet_submit{
  border-radius: 55px;
  background-color: var(--redcolor);
  font-family: 'cairo' !important;
  color: #fff;
  font-size: 1.9rem !important;
  font-weight: bold;
  padding:10px !important;
}
.footerlinks h5{
color: #fff;
font-size: 1.7rem;
margin-top: 19px;
margin-bottom: 10px;
line-height: 39px;
max-width: 90%;
font-weight: 600;
padding-right: 7px;
}
.newsletterbox .mailpoet_spacer{
  display: none;
}
 
.newsletterbox .mailpoet_paragraph {
  margin-bottom: 10px !important;
}
.footertop .col-md-4:last-child .footerlinks{
  padding-right: 10%;
}
.newsletterbox input#form_email_1{
  background-image: url(images/mail.png);
  background-repeat: no-repeat;
  background-color: #fff !important;
  background-position:  right 18px center;
  padding-right: 60px !important;
  font-family: 'cairo' !important;
  padding-top: 12px !important;
   padding-bottom:  12px !important;
}

.blocontent .woocommerce-bacs-bank-details h2{
  text-align: center;
  background-color: #f1f1f1;
  border-radius: 55px;
  padding: 10px;
  padding-right: 10px;
  color: #000;
  font-weight: bold;
  padding-right: 30px;
  font-size: 1.7rem;
}
.blocontent .woocommerce-bacs-bank-details li{
  font-size: 1.6rem !important;
  line-height: 30px !important;
}
.blocontent .woocommerce-bacs-bank-details ul{
  border: 1px solid #f1f1f1;
  padding: 15px;
}
.newsletterbox .mailpoet_form.mailpoet_form_successfully_send .mailpoet_validate_success {
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
   font-weight: bold;
  line-height: 30px;
}
.bottommenu li a:hover{
  color: var(--redcolor);
}
.bottommenu li a:hover, .righttop_menu li a:hover{
  color: var(--redcolor);
}








.loader2 {
    background-color: #fff !important;
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    bottom: 0 !important;
    z-index: 100000;
}



.loader {
    background-color: #fff !important;
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    bottom: 0 !important;
    z-index: 100000;
}






.loading-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
}
.sk-chase,
.sk-chase-2 {
  width: 40px;
  height: 40px;
  position: relative;
  animation: sk-chase 2.5s infinite linear both;
}

.sk-chase-2 {
  top: -40px;
}

.sk-chase-2 .sk-chase-dot::before {
  position: absolute;
  bottom: 0;
  right: 0;
}
.sk-chase-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; 
  animation: sk-chase-dot 2.0s infinite ease-in-out both; 
}

.sk-chase-dot:before {
  content: '';
  display: block;
  width: 25%;
  height: 25%;
  background-color: #BD3540;
  border-radius: 100%;
  animation: sk-chase-dot-before 2.0s infinite ease-in-out both; 
}

.sk-chase-dot:nth-child(1) { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2) { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3) { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4) { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5) { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6) { animation-delay: -0.6s; }
.sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; }

@keyframes sk-chase {
  100% { transform: rotate(360deg); } 
}


@keyframes sk-chase-dot {
  80%, 100% { transform: rotate(360deg); } 
}

@keyframes sk-chase-dot-before {
  50% {
    transform: scale(0.4); 
  } 100%, 0% {
    transform: scale(0.8); 
  } 
}

 

.head_bottom .col-md-2{
  padding: 0;
}



@media (min-width: 992px) and (max-width: 1200px){
	.header_menu li:first-child{
  display: none;
}
.listicon {
  width: 50%;
 
}
.wcleft p {
  line-height: 35px;
  font-size: 1.7rem;
 
}
}


@media (min-width: 320px) and (max-width: 992px){
	.head_top, .topmenu, .hedbotlefrmenu, .panel-title a::before, .bottommenu  {
 
  display: none;
}
.slideslider {
 
  padding-top: 50px;
 
}
.site_hq h6 {
 
  text-align: center;
}
.slidertext span {
 
  text-align: center;
}
.slidertext ul {
 
  justify-content: center;
 
  margin-bottom: 34px;
}
.wcright{
  margin-bottom: 25px;
}
.wcleft p {
 
  text-align: justify;
}
.wcleft li {
   display: block;
  text-align: center;
}
.listicon {
 width: 100%;
  margin: 0 auto 24px;
}
.fekra_content .col-md-6:nth-child(2) .fekrablock, .fekra_content .col-md-6:nth-child(6) .fekrablock {
  margin-left: auto;
  float: none;
}
.fekra_content .col-md-6:nth-child(4) .fekrablock {
  float: none;
}
.fekra_content .col-md-6:nth-child(1) .fekrablock, .fekra_content .col-md-6:nth-child(5) .fekrablock {
  margin-right: auto;
}
.fekra_content {
  background-image: none;
 
}
.fekra_content .container{
  display: flex;
  flex-wrap: wrap;
}
.fekra_content .col-md-6{
  width: 49%;
}
.fekra_content .fekrablock{
  margin-bottom: 35px;
}
.fekra_content .container {
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}
.fekrablock p {
 
  font-size: 2rem;
 
}
.fekra_content .col-md-6 {
  width: 50%;
 
  background-color: #fff;
  margin-bottom: 7px;
}
.fekra_content .fekrablock {
  margin-bottom: 14px !important;
  margin-top: 14px;
}
.fekrablock::before {
 
  width: 54px;
 
  height: 54px;
 
  line-height: 54px;
 
}
.fekrablock span {
 
  font-size: 1.8rem;
  margin-top: 7px;
}
.fekralinks {
 
  margin: 0 auto;
 
}
.fekra_content {
 
  margin-top: 32px;
}
#site_fekra {
 
  padding-bottom: 10px;
}
#site_type {
  padding-top: 36px;
 
}
.remortype {
 
  float: none;
 
  margin: 0 auto 22px !important;
 
}
.left_type{
  display: flex;
  flex-wrap: wrap;
}
.left_type .col-md-6{
  width: 50%;
 padding: 7px
}
#site_type .col-md-5{
  padding: 0;
}
 
.panel-title {
 
  line-height: 29px;
  padding: 6px;
}
.footerlinks{
  text-align: center;
  margin-top: 25px;
  margin-bottom: 20px
}
.footercontact{
  text-align: center;
}
.footercontact h4{
  max-width: 100% !important;
  margin-bottom: 20px;
}
.head_bottom .col-md-2{
  display: flex;
}
.mobicon{
  display: block !important;
  width: 20%;
  position: relative;
}
.logo_site{
  width: 80%;
}
.mobicon i{
  position: absolute;
  transform: translate(-50%,-50%);
  top: 50%;
  left: 50%;
    color: #fff;
  font-size: 2.9rem;
  cursor: pointer;
}

.blocontent .woocommerce ul.order_details li{
  width: 100%;
  border-bottom: 1px dashed;
  border-left: 0px;
  padding-bottom:15px;
  padding-top:15px;
}
.blocontent .woocommerce .wc-bacs-bank-details-account-name {
  
  text-align: center;
}
.footertop .col-md-4:last-child .footerlinks {
  padding-right: 0;
}
.totopa2 {
 
  bottom: 57px;
 
}
.contactforma .vfb-section-1 li:first-child, .contactforma .vfb-section-1 li:nth-child(2), .contactforma .vfb-section-1 li:nth-child(3) {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
.page_content .wcright img {
  max-width: 100%;
 
}
.page-template-contact .contactforma li:nth-child(2), .page-template-contact .contactforma li:nth-child(3) {
  width: 100% !important;
  margin-left: 20px;
}
.phoneemail li {
 
  width: 96%;
 
}
.phoneemail h4 {
 
  font-weight: normal;
}
.phoneemail {
  border: 1px solid #f1f1f1;
  background-color:#fff;
}
.logo_site img{
  max-width: 200px !important;
}
.blocontent .wpmc-tabs-wrapper .wpmc-tab-item.current .wpmc-tab-text {
 
    margin-top: 10px;
}
.blocontent .woocommerce-error {
 
    line-height: 30px;
}
.postaimaga img{
  max-height:350px;
  max-width:100%;
}
}