@import url("fonts.css");
@import url("footer.css");

@import url("sliders.css");
@import url("headers.css");
@import url("customes.css");


@import url("revolution/css/layers.css");
@import url("revolution/css/navigation.css");


.main-image .circle-thumb {
    width: 225px;
    height: 225px;
    border-radius: 0px 25px 24px 0px;
    background-color: #EA7F49 !important;
    position: absolute;
    left: -17px;
    bottom: 18%;
     z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.customcta_hajer::before {
    content: '';
    position: absolute;
    background-color: #0b69b157 !important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.ourTeam .i .c {
    background-color: #2A6B75;
  }
.card-image-scale {
   background:-webkit-gradient(linear, left bottom, left top, color-stop(30%, #0e6bb0), color-stop(60%, transparent));
}
.footer__content {
    padding: 30px 0;
    background-color:  #0b69b1;
    text-align: center;
}
.section-title .title {
    font-size: 1.85rem;
    line-height: 75px;
    font-weight: 600;
    color: var(--main-color-two);
    text-transform: none;
    margin-bottom: 51px;
    text-align: center !important;
    font-size: 40px;
    padding-bottom: 14px;
    font-family: inherit !important;
}

.section-title .title {
    color: #000;
    text-transform: none;
    margin-bottom: 51px;
    text-align: center !important;
    padding-bottom: 14px;
    font-family: 'Tajawal', sans-serif !important;
    font-size: 42px !important;
    line-height: 45px;
    font-weight: bolder !important;
}
.titlexx{
    color: var(--main-color-two);
    text-transform: none;
    margin-bottom: 18px  !important;
    text-align: center !important;
    padding-bottom: 8px;
    font-family: 'Tajawal', sans-serif !important;
    font-size: 23px !important;
    line-height: 45px;
    font-weight: bolder !important;
    line-height: 38px !important;
    max-width: 94% !important;
    text-align: justify !important;
}

.program-title {
    font-size: 42px !important;
    line-height: 45px;
    font-weight: bolder !important;
}
.industry-about-area .right-content-area .title {
    margin-bottom: 25px;
    font-size: 54px;
    line-height: 1.16;
    color: #1c1c1c !important;
    font-family: 'Tajawal', sans-serif,Arial,"sans-serif" !important;
}

.card-title {
    font-size: 34px !important;
    font-weight: 600;
    font-family: 'Tajawal', sans-serif !important;
}
.downloadapp {
    box-shadow: none!important;
    height: 55px;
    background-color: transparent !important;
    min-width: 110px;
    max-width: 170px;
}

.carousel-item {
    transition: transform .6s ease-in-out !important;
  }


.main-slider{
	position:relative;
	z-index:10;
	overflow:hidden;
}

.main-slider .mouse-btn-down{
	position:absolute;
	left:50%;
	margin-left:-15px;
	bottom:40px;
	width:30px;
	height:70px;
	cursor:pointer;
	display:block;
	background:url(../images/icons/mouse-icon.png) center center no-repeat;
	z-index:20;
}

.main-slider .tp-caption{
	z-index:5;	
}

.main-slider .slider-content{
	position:relative;
	padding:40px 30px 50px;
	background-color:rgba(255,255,255,0.10);
}

.main-slider .slider-content.style-two{
	text-align:right;
}

.main-slider .slider-content .title{
	position:relative;
	letter-spacing:2px;
	font-size:14px;
	font-weight:500;
	color:#ffffff;
	margin-bottom:30px;
	text-transform:uppercase;
	font-family: 'Poppins', sans-serif;
}

.main-slider .slider-content h2{
	position:relative;
	color:#ffffff;
	font-size:60px;
	line-height:1.3em;
	font-weight:500;
	margin-bottom:18px;
}

.main-slider .slider-content h2 span{
	font-weight:700;
}

.main-slider .slider-content .text{
	position:relative;
	font-weight:400;
	color:#ffffff;
	font-size:16px;
	line-height:1.8em;
	margin-bottom:35px;
}

.main-slider .title-two{
	position:relative;
	color:#ffffff;
	letter-spacing:1px;
	text-transform:uppercase;
}

.main-slider h2.style-two{
	position:relative;
	color:#ffffff;
	font-weight:500;
	font-size:60px;
	line-height:1.4em;
}

.main-slider h2.style-two span{
	font-weight:700;
}

.main-slider .theme-btn{
	margin-right:20px;
}

.main-slider .tp-dottedoverlay{
	background:rgba(0,0,0,0.10) !important;	
}

.main-slider .tp-bannertimer,
.main-slider .tp-bullets{
	display:none !important;	
}

.main-slider .tp-leftarrow{
	left:30px !important;
}

.main-slider .tp-rightarrow{
	right:-10px !important;
	left:auto !important;
}

.main-slider .uranus.tparrows{
	background-color:rgba(0,0,0,0.30);
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}

.main-slider .uranus.tparrows:before{
	width:auto;
	height:auto;
	font-size:20px;
	color:#ffffff;
}

.main-slider .uranus.tparrows:hover{
	background-color:#fa2964;
}

.main-slider .uranus.tparrows:hover::before{
	opacity:1;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li {
    display: inline-block;
    font-size: .988rem;
    font-weight: 700;
    line-height: 90px;
}

.tp-rightarrow, .tp-leftarrow {
    background-color: #83603a !important;

}

.tp-caption h3 {
    color: #83603a !important;
    text-align: center;
}

.tp-caption p {
    color: #858585;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    white-space: normal;
}

/*slider setting */
.slide-content-box{
    background-color:rgba(0, 0, 0,0.6); 
    padding:10px; 
  }
  
  .slide-content-box h1,.slide-content-box p{
      direction: rtl;
    color:#fff;
    padding:5px; 
    text-align:center; 
    font-weight:bold;
    
  }
  .main-slider .slider-content h2 {
    position: relative;
    color: #ffffff;
    font-size: 60px;
    line-height: 1.3em;
    font-weight: 500;
    margin-bottom: 18px;
}


   .rev_slider_wrapper{
    margin-top: -146px !important;
  
   } 
   .main-slider .tp-dottedoverlay {
    background:rgba(31, 30, 30, 0.055) !important
}
   .slide-content-box p {
    direction: rtl;
    color: #fff !important;
    padding: 5px;
    text-align: center;
    font-weight: bold !important;
    font-size: 20px !important;
}

.tp-rightarrow, .tp-leftarrow
{
    position: absolute;
}

.tp-rightarrow, .tp-leftarrow {
    background-color: #ffffff5e !important;

}
.main-slider .tp-leftarrow,.main-slider .tp-rightarrow
{
    top:60% !important;
}

.teamgridx .ourTeam .i .c  .wrap .info .name{
  
    font-size: 20px;
   }
.teamgridx .ourTeam .i .c:hover  .wrap .info .name{
    padding-top: 90px;
    font-size: 20px;
   }

   .teamgridx .ourTeam .i .c:hover  .wrap .info .position{
    margin: 0;
    font-size: 17px;
    color: var(--main-color-one) !important;
    font-weight: 500 !important;
    margin-top: 1px;
    font-family: 'Tajawal'  !important;
    margin-bottom: 9px;
    filter: brightness(1.5);
   }

   .teamgridx.ourTeam .i .c .wrap img {

    max-height: 340px;
    object-fit: fill;
}
.header-area.lawyer-home:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(11 11 11 / 5%);
    z-index: -1;
    content: "";
}
.ourTeam .section-title .title {
    font-size: 42px !important;
    line-height: 35px;
    font-weight: bolder !important;
    text-transform: capitalize;
    margin-bottom: 4px !important;
    color: var(--main-color-two) !important;
    font-family: 'Tajawal'  !important;
    text-align: center;
    margin-top: 18px;
    padding-bottom: 24px;
}


@media only screen and (max-width: 730px)
{
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover > .sub-menu {
    visibility: visible;
    min-height: 600px !important;
    opacity: 1;
    background-color: #fefefe;
    border-bottom: none;
    z-index: 999999 !important;
    display: block !important;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
    left: auto;
    right: 0;
    display: block;
    position: inherit;
}
.navbar-area .nav-container .responsive-mobile-menu .navbar-toggler {
    position: absolute;
    left: 8px;
    right: auto;
    top: 40%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 1px solid rgb(255 246 246 / 89%);
}
}
.program-title {
    font-size: 42px !important;
    line-height: 72px !important;
    font-weight: bolder !important;
}
.header-style-03.navbar-variant-04 .nav-fixed .nav-container .navbar-collapse .navbar-nav li a, .header-style-03.navbar-variant-04 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before {
    color: var(--main-color-two) !important;
    font-family: 'Font Awesome 5 Free','Tajawal', sans-serif !important;
}
.header-area.industry-home.header-bg-04:after {
    background-color: unset;
    background-image: linear-gradient(85deg, rgb(0 0 0 / 0%), rgba(0, 0, 0, .1)) !important;
}
@media only screen and (max-width: 450px)
{
.ltr .header-style-03.header-variant-08 .navbar-area .nav-container .logo-wrapper img {
    max-height: 73px;
    margin-left: 31px!important;
}
.header-slider-wrapper {
    margin-top: -38px !important;
    z-index: 0 !important;
}
}

@media only screen and (max-width: 540px)
{
    .header-style-03.header-variant-08 .navbar-area .nav-container .logo-wrapper .white-logo {
        display: inline-block !important;
    }
.navbar-area .navbar-collapse {
    position: absolute;
    top: 100%;
    background: var(--main-color-one);
    z-index: 9;
    right: 0;
    width: 100%;
    padding-left: 20px;
}
        .header-style-03.header-variant-08 .navbar-area .nav-container .logo-wrapper .colored-logo{
            display:none !important;
          }

          
    .home-top-cour-desc .home-top-cour-rat {
        position: absolute;
        float: right;
        top: -199px;
        min-width: 80px;
        right: 0px;
        padding: 11px 30px 7px 13px;
        background: #0d6cb0;
        border-radius: 17px 0px 0px 19px;
        border-right: 1px #00000078 solid;
    }
    
.navbar-variant-01  .navbar-area .nav-container .responsive-mobile-menu .navbar-toggler {
        position: absolute;
    left: -4px;
    right: auto;
    top: 43px;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        border: 1px solid rgb(255 246 246 / 89%);
        float: left;
    }
    .header-slider-wrapper
    {
        margin-top: -100px !important;
    }
 .navbar-variant-04  .navbar-area .nav-container .responsive-mobile-menu .navbar-toggler {
        position: absolute;
        left: -31px;
        right: auto;
        top: 72px;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        border: 1px solid rgb(255 246 246 / 89%);
        float: left;
    }
    .navbar-area.nav-style-01 .nav-container .logo-wrapper {
        max-width: 250px;
        background-color: #fffefe00 !important;
        zoom: 1.187777;
    }
  .ltr .main-image .circle-thumb .number {
    font-size: 42px !important;
    line-height: 1;
    font-family: "Tajawal", sans-serif;
    color: white;
    margin-bottom: 10px;
    text-align: center;
}
.ltr .main-image .circle-thumb {
    width: 225px;
    height: 225px;
    border-radius: 0px 25px 24px 0px;
    background-color: #ea7f4985 !important;
    position: absolute;
    left: -17px;
    bottom: 24% !important;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
  .ltr .bankcta .card-title {
    font-family: inherit !important;
    text-align: left;
    font-size: 27px !important;
}
  .ltr .bankcta .card-block p {
    text-align: justify !important;
    font-size: 18px !important;
    line-height: 2;
    direction: ltr;
    margin-left: -18px!important;
}
  .ltr .service-two-single p {
  
    max-height: calc(1.2em * 8) !important;
    overflow: hidden;
    text-align: justify;
    font-size: 17px !important;
}
  .ltr .slide-content-box h1 {
    direction: ltr;
    color: #fff;
    padding: 5px 51px !important;
    text-align: center;
    font-weight: bold;
    font-size: 23px !important;
    margin-left: -46px !important;
    width: 100% !important;
}
  .tp-parallax-wrap {
    transform-style: preserve-3d;
    left:10%!important;
}
.forcefullwidth_wrapper_tp_banner
{
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    margin-top: 145px !important;
    margin-bottom: -114px !important;
}
  .header-area.lawyer-home {
    position: relative;
    z-index: 0;
     background-position: unset; 
   
    background-size: 100% !important;
}
	.header-area.lawyer-home {
    position: relative;
    z-index: 0;
    background-size: auto !important;
    padding: 389px 0px 130px 0px !important;
    /* zoom: .6; */
    background-color: var(--main-color-one) !important;
    zoom: .6;
    background-size: 100% !important;
}
	.header-slider-wrapper {
    margin-top: -8px !important;
    z-index: 0 !important;
}


.single-blog-grid-01 .content, .map-wrapper .contact-wrapper, .case-studies-slider-active .owl-item.center .slider-inner-text, .singler-counterup-item-01, .desktop-left, .header-area .header-inner {
    padding: 23px 15px;
    margin-bottom: 0px;
    text-align: center;
    background-color: #ffffff08 !important;
}
}

.ltr .program-title {
    font-size: 32px !important;
    line-height: 52px !important;
    font-weight: bolder !important;
}
.section-title h2::after {
    content: '';
    position: absolute;
    background-color: 1998d5;
    height: 3px;
    width: 30px;
    bottom: 0;
    right: 0;
    left: 20px;
    margin: auto;
    top: 6px;
}
.section-title h2::before {
    content: '';
    position: absolute;
    background-color: #fb8b4b;
    height: 3px;
    width: 30px;
    bottom: 0;
    right: 43px;
    left: 0;
    margin: auto;
    top: 6px;
}
.branches #load-more-btn
{
display:none;
}
.main-image .circle-thumb {
    width: 225px;
    height: 225px;
    border-radius: 0px 25px 24px 0px;
    background-color: #ea7f4908 !important;
    position: absolute;
    left: -17px;
    bottom: 18%;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.About-us .main-image .circle-thumb {
    display: none !important;
}
.industry-about-area .right-content-area .title {
    margin-bottom: 25px;
    font-size: 36px;
    line-height: 1.16;
    font-family: 'Tajawal', sans-serif,Arial,"sans-serif" !important;
    line-height: 1.16;
    color: var(--main-color-two) !important;
}
.quality-content-wrapper .title {
    font-size: 34px;
    font-weight: 700;
    line-height: 49px;
    margin-bottom: 15px;
    color: #fff !important;
    padding-right: 3%;
}
.header-style-03.header-variant-08 .navbar-area.nav-fixed ul li a 
{
  font-family: inherit !important;
}
.btn-success {
   color: #fff;
    border-color: rgb(244 245 250);
    background-color: rgb(244 245 250);
}
.ourTeam .section-title .title {
    font-size: 42px !important;
    line-height: 49px;
    font-weight: bolder !important;
    text-transform: capitalize;
    margin-bottom: 4px !important;
    color: var(--main-color-two) !important;
    font-family: 'Tajawal'  !important;
    text-align: center;
    margin-top: 18px;
    padding-bottom: 24px;
}
.service-description,.service-description p,.service-description span,.service-description div {
    text-align: justify;
    font-family: inherit !important;
}
.tp-parallax-wrap {
    transform-style: preserve-3d;
    left: 30%!important;
}
.single-blog-grid-01 .content, .map-wrapper .contact-wrapper, .case-studies-slider-active .owl-item.center .slider-inner-text, .singler-counterup-item-01, .desktop-left, .header-area .header-inner {
    padding: 23px 15px;
    margin-bottom: 0px;
    text-align: center;
    background-color: #232424a8 !important;
}

.About-us .btn-wrapper {
    display: none;
}
 @media only screen and (max-width: 430px)
 {
.tp-parallax-wrap {
    left: 17%!important;
    top: 9% !important;
    background-color: #e5dddd40;
    width: 100% !important;
}
}
.slide-content-box {
    background-color: rgb(0 0 0 / 14%);
    padding: 10px;
}

.showall {
    position: absolute;
    font-size: 16px;
    font-family: 'Tajawal'  !important;
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
    bottom: 13px;
    border-bottom: 2px solid #000;
    color: #0a6b36;
    padding-top: 21px !important;
    margin-bottom: -2px;
}

.thumbx
{
    text-align: center;
}
.header-style-03.header-variant-08 .navbar-area .nav-container .logo-wrapper img {
    max-height: 79px;
    margin-right: -56px !important;
    margin-top: 17% !important;
}
.owl-carousel.owl-rtl .owl-item {
    float: right;
    box-shadow: 0 0 24px 0 rgb(0 0 0 / 23%);
    border-radius: 4px;
    margin-bottom: 10px;
    margin-top: 1px !important;
}
.industry-btn.black:hover {
    background-color: #0b69b1 !important;
    color: #fff;
}
.tp-caption.black, .black {
    color: #ffffff !important;
    text-shadow: none;
}
.industry-btn.black:after {
    background-color: #0b69b1 !important;
}
.single-header-bottom-item.style-04 {
    background-color: #1169ac !important;
}
.single-header-bottom-item.style-03 {
    background-color: #1169ac !important;
}
.single-header-bottom-item.style-02 {
    background-color: #1169ac !important;
}
.single-header-bottom-item.style-01 {
    background-color: #1169ac !important;
}
.hajerbtnt {
    margin-left: 19px;
    border-radius: 10px !important;
    font-size: 20px !important;
    font-family: 'Tajawal', sans-serif !important;
    background-color: #2874ac!important;
    color: #fff !important;
}
[data-padding-bottom="120"] {
    padding-bottom: 10px !important;
}
body {
    margin: 0;
    color: #fff !important;
    overflow-x: hidden;
    font-family: var(--body-font);
}
.single-contact-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: start;
    align-self: flex-start;
    background-color: #0b69b12b !important;
    padding: 25px 30px;
}
.single-contact-item .icon.style-01 {
    color: #0b69b1 !important;
}
.single-contact-item .content .title {
    font-size: 25px !important;
    font-weight: 500;
    line-height: 20px;
    color: var(--heading-color);
}
.header-slider-wrapper {
    margin-top: -15px !important;
    z-index: 0 !important;
}
.footer__social-links a i {
    font-size: 30px;
    color: #0b69b1 !important;
    display: inline-block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.nav-fixed #langchange {
    font-family: "Tajawal-Bold", sans-serif !important;
    font-size: 15px !important;
    color: #0b69b1 !important;
}
.single-grocery-product-item .content {
    padding: 30px 20px;
    text-align: center;
    position: relative;
    border: 1px solid rgba(0, 0, 0, .07) !important;
    transition: .3s ease-in !important;
    overflow: hidden !important;
    box-shadow: 0px 15px 25px rgba(0, 0, 0, .2) !important;
    min-height: 262px !important;
}
.tp-caption.excerpt, .excerpt {
    background-color: rgba(255, 255, 255, 1.00) !important;
    border-color: #212529;
    border-style: none;
    border-width: 0;
    color: #000 !important;
    font-family: Arial;
    font-size: 16px !important;
    font-weight: 700;
    height: auto;
    letter-spacing: 1.5px !important;
    line-height: 36px;
    margin: 0;
    padding: 1px 4px 0;
    text-decoration: none;
    text-shadow: none;
    white-space: normal!important;
    width: 317px !important;
}
.description, .description p {
    text-align: center;
    line-height: 1.8;
    line-height: 40px;
    font-weight: 400;
    font-size: 16px;
    color: #000;
    text-align: right;
    font-style: normal;
}
.single-fruit-product-item .price-wrap {
    font-weight: 700;
    font-size: 18px;
    color: rgba(255,255,255,1.00) !important;
    margin-bottom: 10px;
}
.single-fruit-product-item .content {
    padding: 20px;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, .07) !important;
    box-shadow: 0px 15px 25px rgba(0, 0, 0, .2) !important;
}
.single-fruit-product-item .price-wrap {
    font-weight: 700;
    font-size: 18px;
    color: rgba(255,255,255,1.00) !important;
    margin-bottom: 10px;
    height: 0px !important;
}
}
.single-fruit-product-item .thumb .addtocart {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--fruits-color) !important;
    border-radius: 15px;
    padding: 5px 8px;
    min-width: 130px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    transition: all .4s;
    visibility: hidden;
    opacity: 0;
}
.single-fruit-product-item .thumb .addtocart {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #0b69b100 !important;
    border-radius: 15px;
    padding: 5px 8px;
    min-width: 130px;
    text-align: center;
    color: #fff0 !important;
    font-size: 14px;
    font-weight: 700;
    transition: all .4s;
    visibility: hidden;
    opacity: 0;
}
.industry-single-what-we-cover-item {
    /* box-shadow: 0 0 20px rgba(0, 0, 0, .05); */
    padding: 40px 30px;
    transition: all .3s;
    position: relative;
    overflow: hidden;
    box-shadow: 1px 1px 11px 1px rgb(72, 72, 72)!important;
}
.single-logistic-key-feature-one .content .title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    padding-top: 17px !important;
    padding-left: 29px !important;
}
.single-logistic-key-feature-one .icon {
    font-size: 25px !important;
    line-height: 60px;
    margin-right: -10px !important;
    margin-left: 47px !important;
    color: var(--logistic-color);
}
.section-title h2::after {
    content: '';
    position: absolute;
    background-color: rgba(0, 0, 0, 1.00) !important;
    height: 3px;
    width: 30px;
    bottom: 0;
    right: 0;
    left: 20px;
    margin: auto;
    top: 6px;
}
.lawyer-contact-item .content .details {
    display: block;
    color: #fff !important;
    text-align: center;
    margin: 2px auto;
}
.industry-single-what-we-cover-item .icon {
    font-size: 60px;
    line-height: 70px;
    margin-bottom: 20px;
    color: var(--industry-color);
    transition: all .3s;
    margin-left: 108px !important;
}
.custombox .title-icon a, .title-icon {
   font-size: 30px;
    color: #120f2a !important;
    margin: auto;
    text-align: center;
    font-weight: 600 !important;
    padding: 0px;
    font-size: 21px !important;
    margin-top: 30px;
}

nav ul a {
    display: block;
    padding: 14px !important;
    text-decoration: none;
}
.header-slider-wrapper {
    margin-top: -44px ;
    z-index: 0 !important;
}

.header-style-03.header-variant-08 .navbar-area .nav-container .logo-wrapper img {
    height: auto;
    margin-right: -20% !important;
    margin-top: 13% !important;
    max-width: 370px;
}

.collapse:not(.show) {
    display: none;
    margin-top: 32px;
}

.single-product-item-5 .thumb img {
    max-height: 339px;
    width: 100%;
    min-height: 339px;
    border-radius: 5px 8px 0px 0px;
}

.single-product-item-5 {
    border: 1px solid rgba(0, 0, 0, .07);
    transition: .3s ease-in;
    overflow: hidden;
    box-shadow: 0px 0px 8px #00000033;
    min-height: 660px;
    max-height: 660px;
}

.header-style-03.navbar-variant-04 .navbar-area .nav-container .navbar-collapse .navbar-nav li a, .header-style-03.navbar-variant-04 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before, .header-style-03.navbar-variant-04 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:before, .header-style-03.navbar-variant-04 .navbar-area .nav-container .nav-right-content ul li, .header-style-03.navbar-variant-04 .navbar-area .nav-container .nav-right-content ul li a {
    color: #fff;
    filter: brightness(1.2);
}
.navbar-area .nav-container .navbar-collapse .navbar-nav {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: -27px;
}

@media screen and (max-width: 599px) {
    .header-area .title {
        font-size: 60px !important;
        line-height: 73px !important;
        margin-top: 100px;
        zoom: 1.1;
    }
    .header-style-01.home-page-variant-02 .navbar-area .nav-container .responsive-mobile-menu {
        display: flex;
        justify-content: end !important;
    }
    .header-area .title {
        font-size: 62px !important;
        line-height: 86px !important;
    }
	.header-area .title {
    font-size: 32px !important;
    line-height: 40px !important;
}
    .header-area .subtitle {
        text-align: center;
        font-size: 23px !important;
        line-height: 40px!important;
        color: rgba(255, 255, 255, .8);
        position: relative;
        font-family: 'smart4dsTitles' !important;
        font-weight: 500;
        padding: 17px 0px 0px 0px;
        max-height: 133px;
        overflow: hidden;
    }
    .header-area.header-bg {
        background-color: #000;
        background-position: center;
        background-size: cover;
        position: relative;
        z-index: 0;
        position: relative;
        z-index: 0;
        /* background-position: 37%; */
        background-size: cover !important;
    }
}

.header-style-03.header-variant-09 {
    z-index: 111;
}

.navbar-variant-05 .construction-support-area {
    background-color: rgb(255, 255, 255);
    display: none;
}


/* news block css xxxxxxxxxxxxxxxxxxxxxxxxxx */


section{display:block;}
a{background-color:transparent;}
a:active,a:hover{outline:0;}
img{border:0;}
@media print{
*,*:before,*:after{color:#000!important;text-shadow:none!important;background:transparent!important;-webkit-box-shadow:none!important;box-shadow:none!important;}
a,a:visited{text-decoration:underline;}
a[href]:after{content:" (" attr(href) ")";}
img{page-break-inside:avoid;}
img{max-width:100%!important;}
p,h2{orphans:3;widows:3;}
h2{page-break-after:avoid;}
}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
img{vertical-align:middle;}

ul{margin-top:0;margin-bottom:10px; color: black;}
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
@media (min-width: 768px){
.container{width:750px;}
}
@media (min-width: 992px){
.container{width:970px;}
}
@media (min-width: 1200px){
.container{width:1170px;}
}
.row{margin-right:-15px;margin-left:-15px;}
.col-md-3,.col-sm-6,.col-md-9,.col-md-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px;}
@media (min-width: 768px){
.col-sm-6{float:left;}
.col-sm-6{width:50%;}
}
@media (min-width: 992px){
.col-md-3,.col-md-9,.col-md-12{float:left;}
.col-md-12{width:100%;}
.col-md-9{width:75%;}
.col-md-3{width:25%;}
}
.container:before,.container:after,.row:before,.row:after{display:table;content:" ";}
.container:after,.row:after{clear:both;}

.com-sp{padding:50px 0px;}
.pad-bot-0{padding-bottom:0px;}
.con-title{text-align:center;margin-bottom:40px;}
.con-title h2{font-size:36px;margin-top:0px;margin-bottom:15px;line-height:40px;}
.con-title h2 span{font-size:36px;font-weight:700;color:#f4c887;line-height:40px;}
.wed-ser-bg{padding-top: 1px;}
.home-top-cour{position:relative;overflow:hidden;background:#ffffff;padding:15px 0px;margin-bottom:30px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;border:1px solid #e4e4e4;}
.home-top-cour:hover{-moz-transform:scale(1.02);-webkit-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02);box-shadow:0px 11px 9px -10px rgba(0, 0, 0, 0.52);-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.home-top-cour img{width:100%;}
.home-top-cour-desc span{text-transform:uppercase;font-size:12px;}
.home-top-cour-desc p{margin-bottom:0px;font-size:13px;}
.home-top-cour-rat{position:absolute;background:#0d6cb0;padding:0px 5px;font-weight:600;color:#fff;right:15px;top:0px;font-size:14px;border-radius:2px;}
.hom-list-share{position:relative;overflow:hidden;width:100%;padding-top:12px;}
.hom-list-share ul{margin-bottom:0px;padding:0px;}
.hom-list-share ul li{float:left;list-style-type:none;display:inline-block;width:33.333%;}
.hom-list-share ul li:nth-child(1) a{color:#fff;border:1px solid #149acc;background:#1aa5d8;background:#222831;text-transform:uppercase;font-weight:700;}
.hom-list-share ul li a{display:block;border:1px solid #ececec;margin:2px;padding:4px 5px;font-size:12px;color:#8a8a8a;text-align:center;font-weight:600;}
.hom-list-share ul li a i{padding-right:5px;}
.ho-event ul li{border-bottom:1px solid #e0e0e0;padding:15px 0px;position:relative;overflow:hidden;}
.ho-ev-latest{position:relative;overflow:hidden;width:100%;padding:35px;margin-bottom:30px;border-radius:4px;}
.ho-ev-latest:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background: linear-gradient(to top, rgb(62 111 159 / 82%), rgb(24 118 184));}
.ho-ev-latest-bg-2{background: #fff;background-size:cover;}
.ho-lat-ev{position:relative;}
.ho-lat-ev h4{color:#fff;font-size:22px;padding-bottom:14px;}
.ho-lat-ev p{color:#e2e2e2;margin-bottom:0px;font-size:14px;}

.h-blog ul{margin-bottom:0px;}
.h-blog ul li{border-bottom:1px solid #dcdcdc;padding:12px 0px;position:relative;overflow:hidden;}
.bot-gal h5{font-size:16px;text-transform:uppercase;margin-bottom:15px;letter-spacing:1px;margin-top:25px;color:#112842;}
.bot-gal p{margin-bottom:0px;}
/*! CSS Used from: https://iutt.edu.ye/plugins/css/customfotter.css */
*{font-family:"Poppins", sans-serif;word-break:unset;}

/*! CSS Used from: https://iutt.edu.ye/plugins/css/custom.css */
.com-sp{padding:50px 5px;position:relative;display:block;}
a:active,a:hover{outline-width:0;}
*:hover,*:hover:before,*:hover:after{transition:color 300ms, border-color 300ms, background-color 300ms, background-image 300ms, opacity 300ms;}
.mobilonly{display:none;}
.desktoponly{display:inherit;}
div,span,p,a,img{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
img{border:0;border-style:none;border-width:0px;outline:none;}
div{display:block;}
a{outline:0;text-decoration:none;}
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
a{color:inherit;cursor:pointer;}
::-webkit-scrollbar-track{border-left:1px solid #fff;}
::-webkit-scrollbar-thumb:hover{background-color:#fff;}
.clear:after{clear:both;display:block;content:" ";}
.wrapper{width:1141px;margin:0 auto;position:relative;}
.post:nth-child(1){display:block;}
.news-blk .post .title a{background:none;}
@media screen and (max-width: 1141px){
.wrapper{width:100%;padding:0 20px;}
}
.news-blk{position:relative;}
.news-blk .posts{margin-left:-20px;}
.news-blk .post{margin-left:20px;}
.news-blk .post .title{font-size:14px;line-height:24px;font-family:Apercu,Helvetica,sans-serif;}
.news-blk .post a{padding-right:15px;color:#fff!important;font-family:Apercu,Helvetica,sans-serif!important;}
.news-blk .post-1{float:left;width:calc(40% - 20px);height:435px;position:relative;}
.news-blk .post-1 .img{width:100%;height:51%;overflow:hidden;}
.news-blk .post-1 .img img{width:100%;height:100%;object-fit:cover;}
.news-blk .post-1 .img .image-2{display:none;}
.news-blk .post-1 .text{height:198px;position:initial;background:#393e46;width:100%;bottom:20px;left:20px;color:#ffffff;padding:45px 30px;transition:0.5s all;-webkit-transition:0.5s all;}

.news-blk .post-1:hover .text{bottom:30px;}
.news-blk .post-2,.news-blk .post-3{width:calc(60% - 20px);height:200px;margin-bottom:20px;}
.news-blk .post-2 .img,.news-blk .post-3 .img{width:50%;float:left;height:200px;overflow:hidden;}
.news-blk .post-2 .img img,.news-blk .post-3 .img img{width:100%;min-height:200px;}
.news-blk .post-2 .text,.news-blk .post-3 .text{width:50%;float:left;color:#fff;height:100%;position:relative;font-family:Apercu,Helvetica,sans-serif!important;}
.news-blk .post-2 .text .inner,.news-blk .post-3 .text .inner{position:absolute;width:90%;padding:18px 5px;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);font-family:Apercu,Helvetica,sans-serif!important;}
.news-blk .post-2 .text:after,.news-blk .post-3 .text:after{content:"";position:absolute;top:50%;transform:translateY(-50%);right:-20px;width:0;height:0;border-style:solid;border-width:30px 0 30px 20px;border-color:transparent transparent transparent #0d6cb0;transition:0.5s all;-webkit-transition:0.5s all;}
.news-blk .post-2{float:left;}
.news-blk .post-2 .text{background:#0d6cb0;}
.news-blk .post-2:hover .text:after{right:-25px;border-width:35px 0 35px 25px;}
.news-blk .post-3{float:right;}
.news-blk .post-3 .text{background:#0d6cb0;}
.news-blk .post-3 .text:before{right:auto;left:-20px;border-width:30px 20px 30px 0;border-color:transparent #0d6cb0 transparent transparent;}
.news-blk .post-3:hover .text:before{left:-25px;border-width:35px 25px 35px 0;}
.news-blk .post-2 .img img,.news-blk .post-3 .img img{width:100%;height:100%;object-fit:cover;}
.post.post-3 .img{float:right;}
.news-blk .post-2 .text:after{right:auto;left:-20px;border-width:30px 20px 30px 0;border-color:transparent #0d6cb0 transparent transparent;}
.news-blk .post-3:hover .text:after{right:-25px;border-width:35px 25px 35px 0;}
@media screen and (max-width: 1141px){
.news-blk .post-2 .img,.news-blk .post-3 .img{height:100%;}
.news-blk .post-2 .img img,.news-blk .post-3 .img img{min-height:100%;}
.mobilonly{display:none;}
.desktoponly{display:inherit;}
}
@media screen and (max-width: 900px){
.news-blk .post .title{font-size:14px;}
.mobilonly{display:none;}
.desktoponly{display:inherit;}
}
@media screen and (max-width: 670px){
.news-blk .post-1 .img,.news-blk .post-2 .img,.news-blk .post-3 .img{width:150px;height:150px;}
.home-top-cour-desc .home-top-cour-rat{position:absolute;float:right;top:-199px;min-width:80px;right:0px;padding:11px 30px 7px 13px;background:#0d6cb0;border-radius:17px 0px 0px 19px;border-right:1px #00000078 solid;}
.mobilonly{display:inherit;}
.desktoponly{display:none;}
.news-blk .post-1 .text,.news-blk .post-2 .text,.news-blk .post-3 .text{width:calc(100% - 150px);height:150px;}
}
@media screen and (max-width: 550px){
.news-blk .text .title{display:block;margin-bottom:0px;font-size:13px;line-height:16px;}
.news-blk .text p{display:none;}
.home-top-cour-desc .home-top-cour-rat{position:absolute;float:right;top:-199px;min-width:80px;right:0px;padding:11px 30px 7px 13px;background:#0d6cb0;border-radius:17px 0px 0px 19px;border-right:1px #00000078 solid;}
}
@media screen and (max-width: 450px){
.news-blk .post-1 .img,.news-blk .post-2 .img,.news-blk .post-3 .img{width:125px;height:125px;}
.home-top-cour-desc .home-top-cour-rat{position:absolute;float:right;top:-199px;min-width:80px;right:0px;padding:11px 30px 7px 13px;background:#0d6cb0;border-radius:17px 0px 0px 19px;border-right:1px #00000078 solid;color: #fff !important;}
.mobilonly{display:inherit;}
.desktoponly{display:none;}
.news-blk .post-1 .inner,.news-blk .post-2 .inner,.news-blk .post-3 .inner{padding:0 0 0 20px;}
.news-blk .post-1 .text,.news-blk .post-2 .text,.news-blk .post-3 .text{width:calc(100% - 125px);height:125px;background:none;padding:0 0 0 20px;}
.news-blk .post-1 .text .title,.news-blk .post-2 .text .title,.news-blk .post-3 .text .title{text-transform:uppercase;}
.news-blk .post-1,.news-blk .post-2{padding-bottom:20px;border-bottom:1px dotted #001b48;}
}
@media screen and (max-width: 400px){
.news-blk .post-1 .img,.news-blk .post-2 .img,.news-blk .post-3 .img{height:110px;}
.news-blk .post-1 .text,.news-blk .post-2 .text,.news-blk .post-3 .text{height:110px;}
.mobilonly{display:inherit;}
.desktoponly{display:none;}
}
@media only screen and (max-width: 479px){
.news-blk .post .title a{color:#3e3e3e;}
.mobilonly{display:inherit;}
.desktoponly{display:none;}
}
.news-blk .post-2 .text,.news-blk .post-3 .text{width:50%;float:left;color:#fff;height:100%;position:relative;}
.news-blk .post-2 .text p{color:#fff;font-family:Apercu,Helvetica,sans-serif;}
.news-blk  a:hover,a:focus{color:#fff;}
.news-blk .post .title a{background:none;color:#fff!important;}
.hom-list-share ul li:nth-child(1) a{color:#fff8f8!important;}
.home-top-cour img{max-height:220px;}
.con-title h2 span{color:#0d6cb0;}
.con-title h2{font-size:36px;margin-top:0px;margin-bottom:15px;line-height:40px;border-bottom:2px #0d6cb0 solid;display:inline-block;padding-bottom:5px;}
@media (max-width: 500px){
.container{padding-right:9px;}
}
/*! CSS Used from: https://iutt.edu.ye/plugins/css/rtl.css */
.news-blk .post-2 .text p,li,a,span,div{font-family:"smart4dsTitles"!important;}

@media (min-width: 992px){
.col-md-3,.col-md-9,.col-md-12{float:right;}
}
@media (min-width: 768px){
.col-sm-6{float:right;}
}
.news-blk .post-1{float:right;margin-left:unset;margin-right:20px;}
.news-blk .post-3{float:left;margin-left:unset;margin-right:20px;}
.news-blk .post-2{float:right;margin-left:unset;margin-right:20px;}
.news-blk .posts{margin-left:unset;margin-right:-20px;}
.news-blk .post-1 .text{height:198px;position:relative;background:#393e46;width:unset;bottom:unset;right:unset;left:unset;margin-right:15px;color:#ffffff;padding:45px 30px;transition:0.5s all;-webkit-transition:0.5s all;}
.news-blk .post-1:hover .text{bottom:unset;}
.news-blk .post a{float:left;}
.news-blk .post a{font-family:inherit!important;}
/*! CSS Used fontfaces */


.single-portfolio-blog-grid.cleaning-home .thumb .time-wrap span {
    display: block;
    line-height: inherit;
    color: inherit;
}
.mobile_news_image
{
    min-height: 110px; min-width: 130px;
}
.news-blk .post-2 .text p,.news-blk .post-2 li, .news-blk .post-2 a,.news-blk .post-2 span, .news-blk .post-2 div {
    font-family: "smart4dsTitles"!important;
    color: #ffffff !important;
}

.news-blk .post-2 .text p, .news-blk .post-2 li,.news-blk .post-2 a,.news-blk .post-2 span,.news-blk .post-2 table,.news-blk .post-2 tr,.news-blk .post-2 td,.news-blk .post-2 th, .news-blk .post-2label,.news-blk .post-2 div {
 
    color: #2d2d33;
    font-weight: 400 !important;
    line-height: 24px;
    padding: 4px;
}

.header-style-03.header-variant-08 .navbar-area.nav-fixed {
    background-color: #0b69b1!important;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .05);
    color: #fff;
}

.header-style-03.header-variant-08 .navbar-area.nav-fixed .logo-wrapper .colored-logo{
  display: none !important;
}
.header-style-03.header-variant-08 .navbar-area.nav-fixed .logo-wrapper .white-logo{
    display: inline-block !important;
  }
  .header-style-03.header-variant-08 .navbar-area.nav-fixed .logo-wrapper img{
    height: auto;
    margin-right: -20% !important;
    margin-top: 1% !important;
    max-width: 300px;
}

.header-style-03.navbar-variant-04 .navbar-area .nav-container .navbar-collapse .navbar-nav li a,
 .header-style-03.navbar-variant-04 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before, 
 .header-style-03.navbar-variant-04 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:before,
  .header-style-03.navbar-variant-04 .navbar-area .nav-container .nav-right-content ul li,
   .header-style-03.navbar-variant-04 .navbar-area .nav-container .nav-right-content ul li a {
    color: #000;
    filter: brightness(1.2);
}


.header-area.lawyer-home {
    position: relative;
    z-index: 0;
    background-size: cover !important;
}

.header-style-03.navbar-variant-04 .navbar-area .nav-container .navbar-collapse .navbar-nav li a, 
.header-style-03.navbar-variant-04 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before, 
.header-style-03.navbar-variant-04 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:before,
 .header-style-03.navbar-variant-04 .navbar-area .nav-container .nav-right-content ul li,
  .header-style-03.navbar-variant-04 .navbar-area .nav-container .nav-right-content ul li a {
    font-family: inherit;
    font-size: 18px;
    font-family: 'Tajawal', sans-serif;
}

.header-area.lawyer-home {
    position: relative;
    z-index: 0;
    background-size: cover !important;
    padding: 325px 0px 220px 0px !important;
}
.header-slider-wrapper {
    margin-top: -131px !important;
    z-index: 0 !important;
}
 @media only screen and (max-width: 599px)
 {

	.header-area .title {
        font-size: 33px !important;
        line-height: 47px !important;
    }
	 }
		

/* border radius */
.border-radius-1 {
    border-radius: 1px;
}
.border-radius-2 {
    border-radius: 2px;
}
.border-radius-3 {
    border-radius: 3px;
}
.border-radius-4 {
    border-radius: 4px;
}
.border-radius-5 {
    border-radius: 5px;
}
.border-radius-6 {
    border-radius: 6px;
}
.border-radius-7 {
    border-radius: 7px;
}
.border-radius-8 {
    border-radius: 8px;
}
.border-radius-9 {
    border-radius: 9px;
}
.border-radius-10 {
    border-radius: 10px;
}
.border-radius-50 {
    border-radius: 50%;
}
.border-radius-100 {
    border-radius: 100%;
}
.border-radius-none {
    border-radius: 0;
}



/* text size */
.text-extra-small {
    font-size: 11px;
    line-height: 14px;
}
.text-small {
    font-size: 12px;
    line-height: 20px;
}
.text-medium {
    font-size: 16px;
    line-height: 23px;
}
.text-large {
    font-size: 18px;
    line-height: 26px;
}
.text-extra-large {
    font-size: 20px;
    line-height: 26px;
}
.title-large {
    font-size: 55px;
    line-height: 55px;
}
.title-extra-large {
    font-size: 130px;
    line-height: 120px;
}

/* text color */
.text-white-2,
.btn.text-white-2 {
    color: #fff;
}
.text-black,
.btn.text-black {
    color: #000;
}
.text-extra-dark-gray,
.btn.text-extra-dark-gray {
    color: #232323;
}
.text-dark-gray,
.btn.text-dark-gray {
    color: #626262;
}
.text-extra-medium-gray,
.btn.text-extra-medium-gray {
    color:var(--heading-color) ;
}
.text-medium-gray,
.btn.text-medium-gray {
    color: var(--heading-color);
}
.text-extra-light-gray,
.btn.text-extra-light-gray {
    color: #b7b7b7;
}
.text-light-gray,
.btn.text-light-gray {
    color: #d6d5d5;
}
.text-very-light-gray,
.btn.text-very-light-gray {
    color: #ededed;
}
.text-deep-pink,
.btn.text-deep-pink {
    color: #ffffff;
}

/* dropcap */
.first-letter {
    float: right;
    font-size: 50px;
    line-height: auto;
    margin: 0 0 0 20px;
    text-align: center;
    padding: 10px 0;
    font-weight: 600;
}
.first-letter-big {
    float: right;
    font-size: 110px;
    line-height: 110px;
    margin: 0 0 0 20px;
    padding: 0 8px;
    text-align: center;
    font-weight: 600;
    position: relative;
}
.first-letter-big:before {
    position: absolute;
    border-bottom: 1px solid;
    content: "";
    display: block;
    width: 100%;
    top: 55%;
    right: 0;
}
.first-letter-block {
    font-size: 30px;
    height: 55px;
    line-height: 22px;
    padding: 15px 0;
    width: 55px;
    font-weight: 500;
    margin-top: 5px;
}
.first-letter-block-round {
    border-radius: 6px;
    border: 1px solid;
}
.first-letter-round {
    border-radius: 50%;
    font-size: 35px;
    padding: 15px;
    width: 65px;
    height: 65px;
    line-height: 32px;
}

/* blockquote */
blockquote {
    padding: 20px 30px;
}
blockquote p {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 17px !important;
    font-weight: 300;
}
blockquote {
    border-right: 2px solid;
    padding: 15px 40px;
    margin: 45px 0;
}
blockquote footer {
    color: #939393;
}
blockquote .small:before,
blockquote footer:before,
blockquote small:before {
    content: "\2014 \00A0";
}
.blog-image blockquote {
    padding: 60px;
    border: 0;
    margin: 0;
}
.blog-image blockquote h6:before {
    content: "\e67f";
    font-family: "themify";
    font-size: 40px;
    top: 5px;
    position: relative;
    margin-left: 12px;
    color: #67aa45;
}
.bg-transparent,
.background-transparent {
    background-color: transparent;
}
.bg-white,
.background-white {
    background-color: #fff;
}
.bg-black,
.background-black {
    background-color: #000;
}
.bg-extra-dark-gray {
    background-color: #1c1c1c;
}
.bg-dark-gray {
    background-color: #757575;
}
.bg-extra-medium-gray {
    background-color: #939393;
}
.bg-very-dark-gray {
    background-color: #121212;
}
.bg-medium-gray {
    background-color: #dbdbdb;
}

.bg-extra-light-gray {
    background-color: #dbdbdb3d;
}
.bg-medium-light-gray {
    background-color: #ededed;
}
.bg-light-gray {
    background-color: #0d6cb0;
}
.bg-very-light-gray {
    background-color: #fafafa;
}
/*==============================
    Margin
================================*/

.margin-half-all {
    margin: 0.5%;
}
.margin-one-all {
    margin: 1%;
}
.margin-one-half-all {
    margin: 1.5%;
}
.margin-two-all {
    margin: 2%;
}
.margin-two-half-all {
    margin: 2.5%;
}
.margin-three-all {
    margin: 3%;
}
.margin-three-half-all {
    margin: 3.5%;
}
.margin-four-all {
    margin: 4%;
}
.margin-four-half-all {
    margin: 4.5%;
}
.margin-five-all {
    margin: 5%;
}
.margin-five-half-all {
    margin: 5.5%;
}
.margin-six-all {
    margin: 6%;
}
.margin-six-half-all {
    margin: 6.5%;
}
.margin-seven-all {
    margin: 7%;
}
.margin-seven-half-all {
    margin: 7.5%;
}
.margin-eight-all {
    margin: 8%;
}
.margin-eight-half-all {
    margin: 8.5%;
}
.margin-nine-all {
    margin: 9%;
}
.margin-nine-half-all {
    margin: 9.5%;
}
.margin-ten-all {
    margin: 10%;
}
.margin-ten-half-all {
    margin: 10.5%;
}
.margin-eleven-all {
    margin: 11%;
}
.margin-eleven-half-all {
    margin: 11.5%;
}
.margin-twelve-all {
    margin: 12%;
}
.margin-twelve-half-all {
    margin: 12.5%;
}
.margin-thirteen-all {
    margin: 13%;
}
.margin-thirteen-half-all {
    margin: 13.5%;
}
.margin-fourteen-all {
    margin: 14%;
}
.margin-fourteen-half-all {
    margin: 14.5%;
}
.margin-fifteen-all {
    margin: 15%;
}
.margin-fifteen-half-all {
    margin: 15.5%;
}
.margin-sixteen-all {
    margin: 16%;
}
.margin-sixteen-half-all {
    margin: 16.5%;
}
.margin-seventeen-all {
    margin: 17%;
}
.margin-seventeen-half-all {
    margin: 17.5%;
}
.margin-eighteen-all {
    margin: 18%;
}
.margin-eighteen-half-all {
    margin: 18.5%;
}
.margin-nineteen-all {
    margin: 19%;
}
.margin-nineteen-half-all {
    margin: 19.5%;
}
.margin-twenty-all {
    margin: 20%;
}
.margin-twenty-half-all {
    margin: 20.5%;
}
.margin-twenty-one-all {
    margin: 21%;
}
.margin-twenty-one-half-all {
    margin: 21.5%;
}
.margin-twenty-two-all {
    margin: 22%;
}
.margin-twenty-two-half-all {
    margin: 22.5%;
}
.margin-twenty-three-all {
    margin: 23%;
}
.margin-twenty-three-half-all {
    margin: 23.5%;
}
.margin-twenty-four-all {
    margin: 24%;
}
.margin-twenty-four-half-all {
    margin: 24.5%;
}
.margin-twenty-five-all {
    margin: 25%;
}
.margin-5px-all {
    margin: 5px;
}
.margin-10px-all {
    margin: 10px;
}
.margin-15px-all {
    margin: 15px;
}
.margin-20px-all {
    margin: 20px;
}
.margin-25px-all {
    margin: 25px;
}
.margin-30px-all {
    margin: 30px;
}
.margin-35px-all {
    margin: 35px;
}
.margin-40px-all {
    margin: 40px;
}
.margin-45px-all {
    margin: 45px;
}
.margin-50px-all {
    margin: 50px;
}
.margin-55px-all {
    margin: 55px;
}
.margin-60px-all {
    margin: 60px;
}
.margin-65px-all {
    margin: 65px;
}
.margin-70px-all {
    margin: 70px;
}
.margin-75px-all {
    margin: 75px;
}
.margin-80px-all {
    margin: 80px;
}
.margin-85px-all {
    margin: 85px;
}
.margin-90px-all {
    margin: 90px;
}
.margin-95px-all {
    margin: 95px;
}
.margin-100px-all {
    margin: 100px;
}

.no-margin {
    margin: 0 !important;
}
.no-margin-lr {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.no-margin-tb {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.no-margin-top {
    margin-top: 0 !important;
}
.no-margin-bottom {
    margin-bottom: 0 !important;
}
.no-margin-left {
    margin-right: 0 !important;
}
.no-margin-right {
    margin-left: 0 !important;
}
.margin-lr-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}
.margin-auto {
    margin: 0 auto !important;
}

/* margin top */
.margin-one-top {
    margin-top: 1%;
}
.margin-one-half-top {
    margin-top: 1.5%;
}
.margin-two-top {
    margin-top: 2%;
}
.margin-two-half-top {
    margin-top: 2.5%;
}
.margin-three-top {
    margin-top: 3%;
}
.margin-three-half-top {
    margin-top: 3.5%;
}
.margin-four-top {
    margin-top: 4%;
}
.margin-four-half-top {
    margin-top: 4.5%;
}
.margin-five-top {
    margin-top: 5%;
}
.margin-five-half-top {
    margin-top: 5.5%;
}
.margin-six-top {
    margin-top: 6%;
}
.margin-six-half-top {
    margin-top: 6.5%;
}
.margin-seven-top {
    margin-top: 7%;
}
.margin-seven-half-top {
    margin-top: 7.5%;
}
.margin-eight-top {
    margin-top: 8%;
}
.margin-eight-half-top {
    margin-top: 8.5%;
}
.margin-nine-top {
    margin-top: 9%;
}
.margin-nine-half-top {
    margin-top: 9.5%;
}
.margin-ten-top {
    margin-top: 10%;
}
.margin-ten-half-top {
    margin-top: 10.5%;
}
.margin-eleven-top {
    margin-top: 11%;
}
.margin-eleven-half-top {
    margin-top: 11.5%;
}
.margin-twelve-top {
    margin-top: 12%;
}
.margin-twelve-half-top {
    margin-top: 12.5%;
}
.margin-thirteen-top {
    margin-top: 13%;
}
.margin-thirteen-half-top {
    margin-top: 13.5%;
}
.margin-fourteen-top {
    margin-top: 14%;
}
.margin-fourteen-half-top {
    margin-top: 14.5%;
}
.margin-fifteen-top {
    margin-top: 15%;
}
.margin-fifteen-half-top {
    margin-top: 15.5%;
}
.margin-sixteen-top {
    margin-top: 16%;
}
.margin-sixteen-half-top {
    margin-top: 16.5%;
}
.margin-seventeen-top {
    margin-top: 17%;
}
.margin-seventeen-half-top {
    margin-top: 17.5%;
}
.margin-eighteen-top {
    margin-top: 18%;
}
.margin-eighteen-half-top {
    margin-top: 18.5%;
}
.margin-nineteen-top {
    margin-top: 19%;
}
.margin-nineteen-half-top {
    margin-top: 19.5%;
}
.margin-twenty-top {
    margin-top: 20%;
}
.margin-twenty-half-top {
    margin-top: 20.5%;
}
.margin-twenty-one-top {
    margin-top: 21%;
}
.margin-twenty-one-half-top {
    margin-top: 21.5%;
}
.margin-twenty-two-top {
    margin-top: 22%;
}
.margin-twenty-two-half-top {
    margin-top: 22.5%;
}
.margin-twenty-three-top {
    margin-top: 23%;
}
.margin-twenty-three-half-top {
    margin-top: 23.5%;
}
.margin-twenty-four-top {
    margin-top: 24%;
}
.margin-twenty-four-half-top {
    margin-top: 24.5%;
}
.margin-twenty-five-top {
    margin-top: 25%;
}
.margin-5px-top {
    margin-top: 5px;
}
.margin-10px-top {
    margin-top: 10px;
}
.margin-15px-top {
    margin-top: 15px;
}
.margin-20px-top {
    margin-top: 20px;
}
.margin-25px-top {
    margin-top: 25px;
}
.margin-30px-top {
    margin-top: 30px;
}
.margin-35px-top {
    margin-top: 35px;
}
.margin-40px-top {
    margin-top: 40px;
}
.margin-45px-top {
    margin-top: 45px;
}
.margin-50px-top {
    margin-top: 50px;
}
.margin-55px-top {
    margin-top: 55px;
}
.margin-60px-top {
    margin-top: 60px;
}
.margin-65px-top {
    margin-top: 65px;
}
.margin-70px-top {
    margin-top: 70px;
}
.margin-75px-top {
    margin-top: 75px;
}
.margin-80px-top {
    margin-top: 80px;
}
.margin-90px-top {
    margin-top: 90px;
}
.margin-100px-top {
    margin-top: 100px;
}

/* margin bottom */
.margin-one-bottom {
    margin-bottom: 1%;
}
.margin-one-half-bottom {
    margin-bottom: 1.5%;
}
.margin-two-bottom {
    margin-bottom: 2%;
}
.margin-two-half-bottom {
    margin-bottom: 2.5%;
}
.margin-three-bottom {
    margin-bottom: 3%;
}
.margin-three-half-bottom {
    margin-bottom: 3.5%;
}
.margin-four-bottom {
    margin-bottom: 4%;
}
.margin-four-half-bottom {
    margin-bottom: 4.5%;
}
.margin-five-bottom {
    margin-bottom: 5%;
}
.margin-five-half-bottom {
    margin-bottom: 5.5%;
}
.margin-six-bottom {
    margin-bottom: 6%;
}
.margin-six-half-bottom {
    margin-bottom: 6.5%;
}
.margin-seven-bottom {
    margin-bottom: 7%;
}
.margin-seven-half-bottom {
    margin-bottom: 7.5%;
}
.margin-eight-bottom {
    margin-bottom: 8%;
}
.margin-eight-half-bottom {
    margin-bottom: 8.5%;
}
.margin-nine-bottom {
    margin-bottom: 9%;
}
.margin-nine-half-bottom {
    margin-bottom: 9.5%;
}
.margin-ten-bottom {
    margin-bottom: 10%;
}
.margin-ten-half-bottom {
    margin-bottom: 10.5%;
}
.margin-eleven-bottom {
    margin-bottom: 11%;
}
.margin-eleven-half-bottom {
    margin-bottom: 11.5%;
}
.margin-twelve-bottom {
    margin-bottom: 12%;
}
.margin-twelve-half-bottom {
    margin-bottom: 12.5%;
}
.margin-thirteen-bottom {
    margin-bottom: 13%;
}
.margin-thirteen-half-bottom {
    margin-bottom: 13.5%;
}
.margin-fourteen-bottom {
    margin-bottom: 14%;
}
.margin-fourteen-half-bottom {
    margin-bottom: 14.5%;
}
.margin-fifteen-bottom {
    margin-bottom: 15%;
}
.margin-fifteen-half-bottom {
    margin-bottom: 15.5%;
}
.margin-sixteen-bottom {
    margin-bottom: 16%;
}
.margin-sixteen-half-bottom {
    margin-bottom: 16.5%;
}
.margin-seventeen-bottom {
    margin-bottom: 17%;
}
.margin-seventeen-half-bottom {
    margin-bottom: 17.5%;
}
.margin-eighteen-bottom {
    margin-bottom: 18%;
}
.margin-eighteen-half-bottom {
    margin-bottom: 18.5%;
}
.margin-nineteen-bottom {
    margin-bottom: 19%;
}
.margin-nineteen-half-bottom {
    margin-bottom: 19.5%;
}
.margin-twenty-bottom {
    margin-bottom: 20%;
}
.margin-twenty-half-bottom {
    margin-bottom: 20.5%;
}
.margin-twenty-one-bottom {
    margin-bottom: 21%;
}
.margin-twenty-one-half-bottom {
    margin-bottom: 21.5%;
}
.margin-twenty-two-bottom {
    margin-bottom: 22%;
}
.margin-twenty-two-half-bottom {
    margin-bottom: 22.5%;
}
.margin-twenty-three-bottom {
    margin-bottom: 23%;
}
.margin-twenty-three-half-bottom {
    margin-bottom: 23.5%;
}
.margin-twenty-four-bottom {
    margin-bottom: 24%;
}
.margin-twenty-four-half-bottom {
    margin-bottom: 24.5%;
}
.margin-twenty-five-bottom {
    margin-bottom: 25%;
}
.margin-5px-bottom {
    margin-bottom: 5px;
}
.margin-10px-bottom {
    margin-bottom: 10px;
}
.margin-15px-bottom {
    margin-bottom: 15px;
}
.margin-20px-bottom {
    margin-bottom: 20px;
}
.margin-25px-bottom {
    margin-bottom: 25px;
}
.margin-30px-bottom {
    margin-bottom: 30px;
}
.margin-35px-bottom {
    margin-bottom: 35px;
}
.margin-40px-bottom {
    margin-bottom: 40px;
}
.margin-45px-bottom {
    margin-bottom: 45px;
}
.margin-50px-bottom {
    margin-bottom: 50px;
}
.margin-55px-bottom {
    margin-bottom: 55px;
}
.margin-60px-bottom {
    margin-bottom: 60px;
}
.margin-65px-bottom {
    margin-bottom: 65px;
}
.margin-70px-bottom {
    margin-bottom: 70px;
}
.margin-75px-bottom {
    margin-bottom: 75px;
}
.margin-80px-bottom {
    margin-bottom: 80px;
}
.margin-85px-bottom {
    margin-bottom: 85px;
}
.margin-90px-bottom {
    margin-bottom: 90px;
}
.margin-95px-bottom {
    margin-bottom: 95px;
}
.margin-100px-bottom {
    margin-bottom: 100px;
}

/* margin right */
.margin-one-right {
    margin-left: 1%;
}
.margin-one-half-right {
    margin-left: 1.5%;
}
.margin-two-right {
    margin-left: 2%;
}
.margin-two-half-right {
    margin-left: 2.5%;
}
.margin-three-right {
    margin-left: 3%;
}
.margin-three-half-right {
    margin-left: 3.5%;
}
.margin-four-right {
    margin-left: 4%;
}
.margin-four-half-right {
    margin-left: 4.5%;
}
.margin-five-right {
    margin-left: 5%;
}
.margin-five-half-right {
    margin-left: 5.5%;
}
.margin-six-right {
    margin-left: 6%;
}
.margin-six-half-right {
    margin-left: 6.5%;
}
.margin-seven-right {
    margin-left: 7%;
}
.margin-seven-half-right {
    margin-left: 7.5%;
}
.margin-eight-right {
    margin-left: 8%;
}
.margin-eight-half-right {
    margin-left: 8.5%;
}
.margin-nine-right {
    margin-left: 9%;
}
.margin-nine-half-right {
    margin-left: 9.5%;
}
.margin-ten-right {
    margin-left: 10%;
}
.margin-ten-half-right {
    margin-left: 10.5%;
}
.margin-eleven-right {
    margin-left: 11%;
}
.margin-eleven-half-right {
    margin-left: 11.5%;
}
.margin-twelve-right {
    margin-left: 12%;
}
.margin-twelve-half-right {
    margin-left: 12.5%;
}
.margin-thirteen-right {
    margin-left: 13%;
}
.margin-thirteen-half-right {
    margin-left: 13.5%;
}
.margin-fourteen-right {
    margin-left: 14%;
}
.margin-fourteen-half-right {
    margin-left: 14.5%;
}
.margin-fifteen-right {
    margin-left: 15%;
}
.margin-fifteen-half-right {
    margin-left: 15.5%;
}
.margin-sixteen-right {
    margin-left: 16%;
}
.margin-sixteen-half-right {
    margin-left: 16.5%;
}
.margin-seventeen-right {
    margin-left: 17%;
}
.margin-seventeen-half-right {
    margin-left: 17.5%;
}
.margin-eighteen-right {
    margin-left: 18%;
}
.margin-eighteen-half-right {
    margin-left: 18.5%;
}
.margin-nineteen-right {
    margin-left: 19%;
}
.margin-nineteen-half-right {
    margin-left: 19.5%;
}
.margin-twenty-right {
    margin-left: 20%;
}
.margin-twenty-half-right {
    margin-left: 20.5%;
}
.margin-twenty-right {
    margin-left: 21%;
}
.margin-twenty-one-half-right {
    margin-left: 21.5%;
}
.margin-twenty-two-right {
    margin-left: 22%;
}
.margin-twenty-two-half-right {
    margin-left: 22.5%;
}
.margin-twenty-three-right {
    margin-left: 23%;
}
.margin-twenty-three-half-right {
    margin-left: 23.5%;
}
.margin-twenty-four-right {
    margin-left: 24%;
}
.margin-twenty-four-half-right {
    margin-left: 24.5%;
}
.margin-twenty-five-right {
    margin-left: 25%;
}
.margin-5px-right {
    margin-left: 5px;
}
.margin-10px-right {
    margin-left: 10px;
}
.margin-15px-right {
    margin-left: 15px;
}
.margin-20px-right {
    margin-left: 20px;
}
.margin-25px-right {
    margin-left: 25px;
}
.margin-30px-right {
    margin-left: 30px;
}
.margin-35px-right {
    margin-left: 35px;
}
.margin-40px-right {
    margin-left: 40px;
}
.margin-45px-right {
    margin-left: 45px;
}
.margin-50px-right {
    margin-left: 50px;
}
.margin-55px-right {
    margin-left: 55px;
}
.margin-60px-right {
    margin-left: 60px;
}
.margin-65px-right {
    margin-left: 65px;
}
.margin-70px-right {
    margin-left: 70px;
}
.margin-75px-right {
    margin-left: 75px;
}
.margin-80px-right {
    margin-left: 80px;
}
.margin-85px-right {
    margin-left: 85px;
}
.margin-90px-right {
    margin-left: 90px;
}
.margin-95px-right {
    margin-left: 95px;
}
.margin-100px-right {
    margin-left: 100px;
}

/* margin left */
.margin-one-left {
    margin-right: 1%;
}
.margin-one-half-left {
    margin-right: 1.5%;
}
.margin-two-left {
    margin-right: 2%;
}
.margin-two-half-left {
    margin-right: 2.5%;
}
.margin-three-left {
    margin-right: 3%;
}
.margin-three-half-left {
    margin-right: 3.5%;
}
.margin-four-left {
    margin-right: 4%;
}
.margin-four-half-left {
    margin-right: 4.5%;
}
.margin-five-left {
    margin-right: 5%;
}
.margin-five-half-left {
    margin-right: 5.5%;
}
.margin-six-left {
    margin-right: 6%;
}
.margin-six-half-left {
    margin-right: 6.5%;
}
.margin-seven-left {
    margin-right: 7%;
}
.margin-seven-half-left {
    margin-right: 7.5%;
}
.margin-eight-left {
    margin-right: 8%;
}
.margin-eight-half-left {
    margin-right: 8.5%;
}
.margin-nine-left {
    margin-right: 9%;
}
.margin-nine-half-left {
    margin-right: 9.5%;
}
.margin-ten-left {
    margin-right: 10%;
}
.margin-ten-half-left {
    margin-right: 10.5%;
}
.margin-eleven-left {
    margin-right: 11%;
}
.margin-eleven-half-left {
    margin-right: 11.5%;
}
.margin-twelve-left {
    margin-right: 12%;
}
.margin-twelve-half-left {
    margin-right: 12.5%;
}
.margin-thirteen-left {
    margin-right: 13%;
}
.margin-thirteen-half-left {
    margin-right: 13.5%;
}
.margin-fourteen-left {
    margin-right: 14%;
}
.margin-fourteen-half-left {
    margin-right: 14.5%;
}
.margin-fifteen-left {
    margin-right: 15%;
}
.margin-fifteen-half-left {
    margin-right: 15.5%;
}
.margin-sixteen-left {
    margin-right: 16%;
}
.margin-sixteen-half-left {
    margin-right: 16.5%;
}
.margin-seventeen-left {
    margin-right: 17%;
}
.margin-seventeen-half-left {
    margin-right: 17.5%;
}
.margin-eighteen-left {
    margin-right: 18%;
}
.margin-eighteen-half-left {
    margin-right: 18.5%;
}
.margin-nineteen-left {
    margin-right: 19%;
}
.margin-nineteen-half-left {
    margin-right: 19.5%;
}
.margin-twenty-left {
    margin-right: 20%;
}
.margin-twenty-half-left {
    margin-right: 20.5%;
}
.margin-twenty-one-left {
    margin-right: 21%;
}
.margin-twenty-one-half-left {
    margin-right: 21.5%;
}
.margin-twenty-two-left {
    margin-right: 22%;
}
.margin-twenty-two-half-left {
    margin-right: 22.5%;
}
.margin-twenty-three-left {
    margin-right: 23%;
}
.margin-twenty-three-half-left {
    margin-right: 23.5%;
}
.margin-twenty-four-left {
    margin-right: 24%;
}
.margin-twenty-four-half-left {
    margin-right: 24.5%;
}
.margin-twenty-five-left {
    margin-right: 25%;
}
.margin-5px-left {
    margin-right: 5px;
}
.margin-10px-left {
    margin-right: 10px;
}
.margin-15px-left {
    margin-right: 15px;
}
.margin-20px-left {
    margin-right: 20px;
}
.margin-25px-left {
    margin-right: 25px;
}
.margin-30px-left {
    margin-right: 30px;
}
.margin-35px-left {
    margin-right: 35px;
}
.margin-40px-left {
    margin-right: 40px;
}
.margin-45px-left {
    margin-right: 45px;
}
.margin-50px-left {
    margin-right: 50px !important;
}
.margin-55px-left {
    margin-right: 55px;
}
.margin-60px-left {
    margin-right: 60px;
}
.margin-65px-left {
    margin-right: 65px;
}
.margin-70px-left {
    margin-right: 70px;
}
.margin-75px-left {
    margin-right: 75px;
}
.margin-80px-left {
    margin-right: 80px;
}
.margin-85px-left {
    margin-right: 85px;
}
.margin-90px-left {
    margin-right: 90px;
}
.margin-95px-left {
    margin-right: 95px;
}
.margin-100px-left {
    margin-right: 100px;
}

/* margin left and right */
.margin-one-lr {
    margin-right: 1%;
    margin-left: 1%;
}
.margin-one-half-lr {
    margin-right: 1.5%;
    margin-left: 1.5%;
}
.margin-two-lr {
    margin-right: 2%;
    margin-left: 2%;
}
.margin-two-half-lr {
    margin-right: 2.5%;
    margin-left: 2.5%;
}
.margin-three-lr {
    margin-right: 3%;
    margin-left: 3%;
}
.margin-three-half-lr {
    margin-right: 3.5%;
    margin-left: 3.5%;
}
.margin-four-lr {
    margin-right: 4%;
    margin-left: 4%;
}
.margin-four-half-lr {
    margin-right: 4.5%;
    margin-left: 4.5%;
}
.margin-five-lr {
    margin-right: 5%;
    margin-left: 5%;
}
.margin-five-half-lr {
    margin-right: 5.5%;
    margin-left: 5.5%;
}
.margin-six-lr {
    margin-right: 6%;
    margin-left: 6%;
}
.margin-six-half-lr {
    margin-right: 6.5%;
    margin-left: 6.5%;
}
.margin-seven-lr {
    margin-right: 7%;
    margin-left: 7%;
}
.margin-seven-half-lr {
    margin-right: 7.5%;
    margin-left: 7.5%;
}
.margin-eight-lr {
    margin-right: 8%;
    margin-left: 8%;
}
.margin-eight-half-lr {
    margin-right: 8.5%;
    margin-left: 8.5%;
}
.margin-nine-lr {
    margin-right: 9%;
    margin-left: 9%;
}
.margin-nine-half-lr {
    margin-right: 9.5%;
    margin-left: 9.5%;
}
.margin-ten-lr {
    margin-right: 10%;
    margin-left: 10%;
}
.margin-ten-half-lr {
    margin-right: 10.5%;
    margin-left: 10.5%;
}
.margin-eleven-lr {
    margin-right: 11%;
    margin-left: 11%;
}
.margin-eleven-half-lr {
    margin-right: 11.5%;
    margin-left: 11.5%;
}
.margin-twelve-lr {
    margin-right: 12%;
    margin-left: 12%;
}
.margin-twelve-half-lr {
    margin-right: 12.5%;
    margin-left: 12.5%;
}
.margin-thirteen-lr {
    margin-right: 13%;
    margin-left: 13%;
}
.margin-thirteen-half-lr {
    margin-right: 13.5%;
    margin-left: 13.5%;
}
.margin-fourteen-lr {
    margin-right: 14%;
    margin-left: 14%;
}
.margin-fourteen-half-lr {
    margin-right: 14.5%;
    margin-left: 14.5%;
}
.margin-fifteen-lr {
    margin-right: 15%;
    margin-left: 15%;
}
.margin-fifteen-half-lr {
    margin-right: 15.5%;
    margin-left: 15.5%;
}
.margin-sixteen-lr {
    margin-right: 16%;
    margin-left: 16%;
}
.margin-sixteen-half-lr {
    margin-right: 16.5%;
    margin-left: 16.5%;
}
.margin-seventeen-lr {
    margin-right: 17%;
    margin-left: 17%;
}
.margin-seventeen-half-lr {
    margin-right: 17.5%;
    margin-left: 17.5%;
}
.margin-eighteen-lr {
    margin-right: 18%;
    margin-left: 18%;
}
.margin-eighteen-half-lr {
    margin-right: 18.5%;
    margin-left: 18.5%;
}
.margin-nineteen-lr {
    margin-right: 19%;
    margin-left: 19%;
}
.margin-nineteen-half-lr {
    margin-right: 19.5%;
    margin-left: 19.5%;
}
.margin-twenty-lr {
    margin-right: 20%;
    margin-left: 20%;
}
.margin-twenty-half-lr {
    margin-right: 20.5%;
    margin-left: 20.5%;
}
.margin-twenty-one-lr {
    margin-right: 21%;
    margin-left: 21%;
}
.margin-twenty-one-half-lr {
    margin-right: 21.5%;
    margin-left: 21.5%;
}
.margin-twenty-two-lr {
    margin-right: 22%;
    margin-left: 22%;
}
.margin-twenty-two-half-lr {
    margin-right: 22.5%;
    margin-left: 22.5%;
}
.margin-twenty-three-lr {
    margin-right: 23%;
    margin-left: 23%;
}
.margin-twenty-three-half-lr {
    margin-right: 23.5%;
    margin-left: 23.5%;
}
.margin-twenty-four-lr {
    margin-right: 24%;
    margin-left: 24%;
}
.margin-twenty-four-half-lr {
    margin-right: 24.5%;
    margin-left: 24.5%;
}
.margin-twenty-five-lr {
    margin-right: 25%;
    margin-left: 25%;
}
.margin-5px-lr {
    margin-right: 5px;
    margin-left: 5px;
}
.margin-10px-lr {
    margin-right: 10px;
    margin-left: 10px;
}
.margin-15px-lr {
    margin-right: 15px;
    margin-left: 15px;
}
.margin-20px-lr {
    margin-right: 20px;
    margin-left: 20px;
}
.margin-25px-lr {
    margin-right: 25px;
    margin-left: 25px;
}
.margin-30px-lr {
    margin-right: 30px;
    margin-left: 30px;
}
.margin-35px-lr {
    margin-right: 35px;
    margin-left: 35px;
}
.margin-40px-lr {
    margin-right: 40px;
    margin-left: 40px;
}
.margin-45px-lr {
    margin-right: 45px;
    margin-left: 45px;
}
.margin-50px-lr {
    margin-right: 50px;
    margin-left: 50px;
}
.margin-55px-lr {
    margin-right: 55px;
    margin-left: 55px;
}
.margin-60px-lr {
    margin-right: 60px;
    margin-left: 60px;
}
.margin-65px-lr {
    margin-right: 65px;
    margin-left: 65px;
}
.margin-70px-lr {
    margin-right: 70px;
    margin-left: 70px;
}
.margin-75px-lr {
    margin-right: 75px;
    margin-left: 75px;
}
.margin-80px-lr {
    margin-right: 80px;
    margin-left: 80px;
}
.margin-85px-lr {
    margin-right: 85px;
    margin-left: 85px;
}
.margin-90px-lr {
    margin-right: 90px;
    margin-left: 90px;
}
.margin-95px-lr {
    margin-right: 95px;
    margin-left: 95px;
}
.margin-100px-lr {
    margin-right: 100px;
    margin-left: 100px;
}

/* margin top and bottom */
.margin-one-tb {
    margin-top: 1%;
    margin-bottom: 1%;
}
.margin-one-half-tb {
    margin-top: 1.5%;
    margin-bottom: 1.5%;
}
.margin-two-tb {
    margin-top: 2%;
    margin-bottom: 2%;
}
.margin-two-half-tb {
    margin-top: 2.5%;
    margin-bottom: 2.5%;
}
.margin-three-tb {
    margin-top: 3%;
    margin-bottom: 3%;
}
.margin-three-half-tb {
    margin-top: 3.5%;
    margin-bottom: 3.5%;
}
.margin-four-tb {
    margin-top: 4%;
    margin-bottom: 4%;
}
.margin-four-half-tb {
    margin-top: 4.5%;
    margin-bottom: 4.5%;
}
.margin-five-tb {
    margin-top: 5%;
    margin-bottom: 5%;
}
.margin-five-half-tb {
    margin-top: 5.5%;
    margin-bottom: 5.5%;
}
.margin-six-tb {
    margin-top: 6%;
    margin-bottom: 6%;
}
.margin-six-half-tb {
    margin-top: 6.5%;
    margin-bottom: 6.5%;
}
.margin-seven-tb {
    margin-top: 7%;
    margin-bottom: 7%;
}
.margin-seven-half-tb {
    margin-top: 7.5%;
    margin-bottom: 7.5%;
}
.margin-eight-tb {
    margin-top: 8%;
    margin-bottom: 8%;
}
.margin-eight-half-tb {
    margin-top: 8.5%;
    margin-bottom: 8.5%;
}
.margin-nine-tb {
    margin-top: 9%;
    margin-bottom: 9%;
}
.margin-nine-half-tb {
    margin-top: 9.5%;
    margin-bottom: 9.5%;
}
.margin-ten-tb {
    margin-top: 10%;
    margin-bottom: 10%;
}
.margin-ten-half-tb {
    margin-top: 10.5%;
    margin-bottom: 10.5%;
}
.margin-eleven-tb {
    margin-top: 11%;
    margin-bottom: 11%;
}
.margin-eleven-half-tb {
    margin-top: 11.5%;
    margin-bottom: 11.5%;
}
.margin-twelve-tb {
    margin-top: 12%;
    margin-bottom: 12%;
}
.margin-twelve-half-tb {
    margin-top: 12.5%;
    margin-bottom: 12.5%;
}
.margin-thirteen-tb {
    margin-top: 13%;
    margin-bottom: 13%;
}
.margin-thirteen-half-tb {
    margin-top: 13.5%;
    margin-bottom: 13.5%;
}
.margin-fourteen-tb {
    margin-top: 14%;
    margin-bottom: 14%;
}
.margin-fourteen-half-tb {
    margin-top: 14.5%;
    margin-bottom: 14.5%;
}
.margin-fifteen-tb {
    margin-top: 15%;
    margin-bottom: 15%;
}
.margin-fifteen-half-tb {
    margin-top: 15.5%;
    margin-bottom: 15.5%;
}
.margin-sixteen-tb {
    margin-top: 16%;
    margin-bottom: 16%;
}
.margin-sixteen-half-tb {
    margin-top: 16.5%;
    margin-bottom: 16.5%;
}
.margin-seventeen-tb {
    margin-top: 17%;
    margin-bottom: 17%;
}
.margin-seventeen-half-tb {
    margin-top: 17.5%;
    margin-bottom: 17.5%;
}
.margin-eighteen-tb {
    margin-top: 18%;
    margin-bottom: 18%;
}
.margin-eighteen-half-tb {
    margin-top: 18.5%;
    margin-bottom: 18.5%;
}
.margin-nineteen-tb {
    margin-top: 19%;
    margin-bottom: 19%;
}
.margin-nineteen-half-tb {
    margin-top: 19.5%;
    margin-bottom: 19.5%;
}
.margin-twenty-tb {
    margin-top: 20%;
    margin-bottom: 20%;
}
.margin-twenty-half-tb {
    margin-top: 20.5%;
    margin-bottom: 20.5%;
}
.margin-twenty-one-tb {
    margin-top: 21%;
    margin-bottom: 21%;
}
.margin-twenty-one-half-tb {
    margin-top: 21.5%;
    margin-bottom: 21.5%;
}
.margin-twenty-two-tb {
    margin-top: 22%;
    margin-bottom: 22%;
}
.margin-twenty-two-half-tb {
    margin-top: 22.5%;
    margin-bottom: 22.5%;
}
.margin-twenty-three-tb {
    margin-top: 23%;
    margin-bottom: 23%;
}
.margin-twenty-three-half-tb {
    margin-top: 23.5%;
    margin-bottom: 23.5%;
}
.margin-twenty-four-tb {
    margin-top: 24%;
    margin-bottom: 24%;
}
.margin-twenty-four-half-tb {
    margin-top: 24.5%;
    margin-bottom: 24.5%;
}
.margin-twenty-five-tb {
    margin-top: 25%;
    margin-bottom: 25%;
}
.margin-5px-tb {
    margin-top: 5px;
    margin-bottom: 5px;
}
.margin-10px-tb {
    margin-top: 10px;
    margin-bottom: 10px;
}
.margin-15px-tb {
    margin-top: 15px;
    margin-bottom: 15px;
}
.margin-20px-tb {
    margin-top: 20px;
    margin-bottom: 20px;
}
.margin-25px-tb {
    margin-top: 25px;
    margin-bottom: 25px;
}
.margin-30px-tb {
    margin-top: 30px;
    margin-bottom: 30px;
}
.margin-35px-tb {
    margin-top: 35px;
    margin-bottom: 35px;
}
.margin-40px-tb {
    margin-top: 40px;
    margin-bottom: 40px;
}
.margin-45px-tb {
    margin-top: 45px;
    margin-bottom: 45px;
}
.margin-50px-tb {
    margin-top: 50px;
    margin-bottom: 50px;
}
.margin-55px-tb {
    margin-top: 55px;
    margin-bottom: 55px;
}
.margin-60px-tb {
    margin-top: 60px;
    margin-bottom: 60px;
}
.margin-65px-tb {
    margin-top: 65px;
    margin-bottom: 65px;
}
.margin-70px-tb {
    margin-top: 70px;
    margin-bottom: 70px;
}
.margin-75px-tb {
    margin-top: 75px;
    margin-bottom: 75px;
}
.margin-80px-tb {
    margin-top: 80px;
    margin-bottom: 80px;
}
.margin-85px-tb {
    margin-top: 85px;
    margin-bottom: 85px;
}
.margin-90px-tb {
    margin-top: 90px;
    margin-bottom: 90px;
}
.margin-95px-tb {
    margin-top: 95px;
    margin-bottom: 95px;
}
.margin-100px-tb {
    margin-top: 100px;
    margin-bottom: 100px;
}

/*===============================
    Padding
=================================*/

.no-padding {
    padding: 0 !important;
}
.no-padding-lr {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.no-padding-tb {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.no-padding-top {
    padding-top: 0 !important;
}
.no-padding-bottom {
    padding-bottom: 0 !important;
}
.no-padding-left {
    padding-right: 0 !important;
}
.no-padding-right {
    padding-left: 0 !important;
}
.padding-one-all {
    padding: 1%;
}
.padding-one-half-all {
    padding: 1.5%;
}
.padding-two-all {
    padding: 2%;
}
.padding-two-half-all {
    padding: 2.5%;
}
.padding-three-all {
    padding: 3%;
}
.padding-three-half-all {
    padding: 3.5%;
}
.padding-four-all {
    padding: 4%;
}
.padding-four-half-all {
    padding: 4.5%;
}
.padding-five-all {
    padding: 5%;
}
.padding-five-half-all {
    padding: 5.5%;
}
.padding-six-all {
    padding: 6%;
}
.padding-six-half-all {
    padding: 6.5%;
}
.padding-seven-all {
    padding: 7%;
}
.padding-seven-half-all {
    padding: 7.5%;
}
.padding-eight-all {
    padding: 8%;
}
.padding-eight-half-all {
    padding: 8.5%;
}
.padding-nine-all {
    padding: 9%;
}
.padding-nine-half-all {
    padding: 9.5%;
}
.padding-ten-all {
    padding: 10%;
}
.padding-ten-half-all {
    padding: 10.5%;
}
.padding-eleven-all {
    padding: 11%;
}
.padding-eleven-half-all {
    padding: 11.5%;
}
.padding-twelve-all {
    padding: 12%;
}
.padding-twelve-half-all {
    padding: 12.5%;
}
.padding-thirteen-all {
    padding: 13%;
}
.padding-thirteen-half-all {
    padding: 13.5%;
}
.padding-fourteen-all {
    padding: 14%;
}
.padding-fourteen-half-all {
    padding: 14.5%;
}
.padding-fifteen-all {
    padding: 15%;
}
.padding-fifteen-half-all {
    padding: 15.5%;
}
.padding-sixteen-all {
    padding: 16%;
}
.padding-sixteen-half-all {
    padding: 16.5%;
}
.padding-seventeen-all {
    padding: 17%;
}
.padding-seventeen-half-all {
    padding: 17.5%;
}
.padding-eighteen-all {
    padding: 18%;
}
.padding-eighteen-half-all {
    padding: 18.5%;
}
.padding-nineteen-all {
    padding: 19%;
}
.padding-nineteen-half-all {
    padding: 19.5%;
}
.padding-twenty-all {
    padding: 20%;
}
.padding-twenty-half-all {
    padding: 20.5%;
}
.padding-twenty-one-all {
    padding: 21%;
}
.padding-twenty-one-half-all {
    padding: 21.5%;
}
.padding-twenty-two-all {
    padding: 22%;
}
.padding-twenty-two-half-all {
    padding: 22.5%;
}
.padding-twenty-three-all {
    padding: 23%;
}
.padding-twenty-three-half-all {
    padding: 23.5%;
}
.padding-twenty-four-all {
    padding: 24%;
}
.padding-twenty-four-half-all {
    padding: 24.5%;
}
.padding-twenty-five-all {
    padding: 25%;
}
.padding-twenty-five-half-all {
    padding: 25.5%;
}
.padding-5px-all {
    padding: 5px;
}
.padding-10px-all {
    padding: 10px;
}
.padding-15px-all {
    padding: 15px;
}
.padding-20px-all {
    padding: 20px;
}
.padding-25px-all {
    padding: 25px;
}
.padding-30px-all {
    padding: 30px;
}
.padding-35px-all {
    padding: 35px;
}
.padding-40px-all {
    padding: 40px;
}
.padding-45px-all {
    padding: 45px;
}
.padding-50px-all {
    padding: 50px;
}
.padding-55px-all {
    padding: 55px;
}
.padding-60px-all {
    padding: 60px;
}
.padding-65px-all {
    padding: 65px;
}
.padding-70px-all {
    padding: 70px;
}
.padding-75px-all {
    padding: 75px;
}
.padding-80px-all {
    padding: 80px;
}
.padding-85px-all {
    padding: 85px;
}
.padding-90px-all {
    padding: 90px;
}
.padding-95px-all {
    padding: 95px;
}
.padding-100px-all {
    padding: 100px;
}

/* padding top */
.padding-one-top {
    padding-top: 1%;
}
.padding-one-half-top {
    padding-top: 1.5%;
}
.padding-two-top {
    padding-top: 2%;
}
.padding-two-half-top {
    padding-top: 2.5%;
}
.padding-three-top {
    padding-top: 3%;
}
.padding-three-half-top {
    padding-top: 3.5%;
}
.padding-four-top {
    padding-top: 4%;
}
.padding-four-half-top {
    padding-top: 4.5%;
}
.padding-five-top {
    padding-top: 5%;
}
.padding-five-half-top {
    padding-top: 5.5%;
}
.padding-six-top {
    padding-top: 6%;
}
.padding-six-half-top {
    padding-top: 6.5%;
}
.padding-seven-top {
    padding-top: 7%;
}
.padding-seven-half-top {
    padding-top: 7.5%;
}
.padding-eight-top {
    padding-top: 8%;
}
.padding-eight-half-top {
    padding-top: 8.5%;
}
.padding-nine-top {
    padding-top: 9%;
}
.padding-nine-half-top {
    padding-top: 9.5%;
}
.padding-ten-top {
    padding-top: 10%;
}
.padding-ten-half-top {
    padding-top: 10.5%;
}
.padding-eleven-top {
    padding-top: 11%;
}
.padding-eleven-half-top {
    padding-top: 11.5%;
}
.padding-twelve-top {
    padding-top: 12%;
}
.padding-twelve-half-top {
    padding-top: 12.5%;
}
.padding-thirteen-top {
    padding-top: 13%;
}
.padding-thirteen-half-top {
    padding-top: 13.5%;
}
.padding-fourteen-top {
    padding-top: 14%;
}
.padding-fourteen-half-top {
    padding-top: 14.5%;
}
.padding-fifteen-top {
    padding-top: 15%;
}
.padding-fifteen-half-top {
    padding-top: 15.5%;
}
.padding-sixteen-top {
    padding-top: 16%;
}
.padding-sixteen-half-top {
    padding-top: 16.5%;
}
.padding-seventeen-top {
    padding-top: 17%;
}
.padding-seventeen-half-top {
    padding-top: 17.5%;
}
.padding-eighteen-top {
    padding-top: 18%;
}
.padding-eighteen-half-top {
    padding-top: 18.5%;
}
.padding-nineteen-top {
    padding-top: 19%;
}
.padding-nineteen-half-top {
    padding-top: 19.5%;
}
.padding-twenty-top {
    padding-top: 20%;
}
.padding-twenty-half-top {
    padding-top: 20.5%;
}
.padding-twenty-one-top {
    padding-top: 21%;
}
.padding-twenty-one-half-top {
    padding-top: 21.5%;
}
.padding-twenty-two-top {
    padding-top: 22%;
}
.padding-twenty-two-half-top {
    padding-top: 22.5%;
}
.padding-twenty-two-top {
    padding-top: 22%;
}
.padding-twenty-two-half-top {
    padding-top: 22.5%;
}
.padding-twenty-three-top {
    padding-top: 23%;
}
.padding-twenty-three-half-top {
    padding-top: 23.5%;
}
.padding-twenty-four-top {
    padding-top: 24%;
}
.padding-twenty-four-half-top {
    padding-top: 24.5%;
}
.padding-twenty-five-top {
    padding-top: 25%;
}
.padding-5px-top {
    padding-top: 5px;
}
.padding-10px-top {
    padding-top: 10px;
}
.padding-15px-top {
    padding-top: 15px;
}
.padding-20px-top {
    padding-top: 20px;
}
.padding-25px-top {
    padding-top: 25px;
}
.padding-30px-top {
    padding-top: 30px;
}
.padding-35px-top {
    padding-top: 35px;
}
.padding-40px-top {
    padding-top: 40px;
}
.padding-45px-top {
    padding-top: 45px;
}
.padding-50px-top {
    padding-top: 50px;
}
.padding-55px-top {
    padding-top: 55px;
}
.padding-60px-top {
    padding-top: 60px;
}
.padding-65px-top {
    padding-top: 65px;
}
.padding-70px-top {
    padding-top: 70px;
}
.padding-75px-top {
    padding-top: 75px;
}
.padding-80px-top {
    padding-top: 80px;
}
.padding-85px-top {
    padding-top: 85px;
}
.padding-90px-top {
    padding-top: 90px;
}
.padding-95px-top {
    padding-top: 95px;
}
.padding-100px-top {
    padding-top: 100px;
}

/* padding bottom */
.padding-one-bottom {
    padding-bottom: 1%;
}
.padding-one-half-bottom {
    padding-bottom: 1.5%;
}
.padding-two-bottom {
    padding-bottom: 2%;
}
.padding-two-half-bottom {
    padding-bottom: 2.5%;
}
.padding-three-bottom {
    padding-bottom: 3%;
}
.padding-three-half-bottom {
    padding-bottom: 3.5%;
}
.padding-four-bottom {
    padding-bottom: 4%;
}
.padding-four-half-bottom {
    padding-bottom: 4.5%;
}
.padding-five-bottom {
    padding-bottom: 5%;
}
.padding-five-half-bottom {
    padding-bottom: 5.5%;
}
.padding-six-bottom {
    padding-bottom: 6%;
}
.padding-six-half-bottom {
    padding-bottom: 6.5%;
}
.padding-seven-bottom {
    padding-bottom: 7%;
}
.padding-seven-half-bottom {
    padding-bottom: 7.5%;
}
.padding-eight-bottom {
    padding-bottom: 8%;
}
.padding-eight-half-bottom {
    padding-bottom: 8.5%;
}
.padding-nine-bottom {
    padding-bottom: 9%;
}
.padding-nine-half-bottom {
    padding-bottom: 9.5%;
}
.padding-ten-bottom {
    padding-bottom: 10%;
}
.padding-ten-half-bottom {
    padding-bottom: 10.5%;
}
.padding-eleven-bottom {
    padding-bottom: 11%;
}
.padding-eleven-half-bottom {
    padding-bottom: 11.5%;
}
.padding-twelve-bottom {
    padding-bottom: 12%;
}
.padding-twelve-half-bottom {
    padding-bottom: 12.5%;
}
.padding-thirteen-bottom {
    padding-bottom: 13%;
}
.padding-thirteen-half-bottom {
    padding-bottom: 13.5%;
}
.padding-fourteen-bottom {
    padding-bottom: 14%;
}
.padding-fourteen-half-bottom {
    padding-bottom: 14.5%;
}
.padding-fifteen-bottom {
    padding-bottom: 15%;
}
.padding-fifteen-half-bottom {
    padding-bottom: 15.5%;
}
.padding-sixteen-bottom {
    padding-bottom: 16%;
}
.padding-sixteen-half-bottom {
    padding-bottom: 16.5%;
}
.padding-seventeen-bottom {
    padding-bottom: 17%;
}
.padding-seventeen-half-bottom {
    padding-bottom: 17.5%;
}
.padding-eighteen-bottom {
    padding-bottom: 18%;
}
.padding-eighteen-half-bottom {
    padding-bottom: 18.5%;
}
.padding-nineteen-bottom {
    padding-bottom: 19%;
}
.padding-nineteen-half-bottom {
    padding-bottom: 19.5%;
}
.padding-twenty-bottom {
    padding-bottom: 20%;
}
.padding-twenty-half-bottom {
    padding-bottom: 20.5%;
}
.padding-twenty-one-bottom {
    padding-bottom: 21%;
}
.padding-twenty-one-half-bottom {
    padding-bottom: 21.5%;
}
.padding-twenty-two-bottom {
    padding-bottom: 22%;
}
.padding-twenty-two-half-bottom {
    padding-bottom: 22.5%;
}
.padding-twenty-three-bottom {
    padding-bottom: 23%;
}
.padding-twenty-three-half-bottom {
    padding-bottom: 23.5%;
}
.padding-twenty-four-bottom {
    padding-bottom: 24%;
}
.padding-twenty-four-half-bottom {
    padding-bottom: 24.5%;
}
.padding-twenty-five-bottom {
    padding-bottom: 25%;
}
.padding-5px-bottom {
    padding-bottom: 5px;
}
.padding-10px-bottom {
    padding-bottom: 10px;
}
.padding-15px-bottom {
    padding-bottom: 15px;
}
.padding-20px-bottom {
    padding-bottom: 20px;
}
.padding-25px-bottom {
    padding-bottom: 25px;
}
.padding-30px-bottom {
    padding-bottom: 30px;
}
.padding-35px-bottom {
    padding-bottom: 35px;
}
.padding-40px-bottom {
    padding-bottom: 40px;
}
.padding-45px-bottom {
    padding-bottom: 45px;
}
.padding-50px-bottom {
    padding-bottom: 50px;
}
.padding-55px-bottom {
    padding-bottom: 55px;
}
.padding-60px-bottom {
    padding-bottom: 60px;
}
.padding-65px-bottom {
    padding-bottom: 65px;
}
.padding-70px-bottom {
    padding-bottom: 70px;
}
.padding-75px-bottom {
    padding-bottom: 75px;
}
.padding-80px-bottom {
    padding-bottom: 80px;
}
.padding-85px-bottom {
    padding-bottom: 85px;
}
.padding-90px-bottom {
    padding-bottom: 90px;
}
.padding-95px-bottom {
    padding-bottom: 95px;
}
.padding-100px-bottom {
    padding-bottom: 100px;
}

/* padding right */
.padding-one-right {
    padding-left: 1%;
}
.padding-one-half-right {
    padding-left: 1.5%;
}
.padding-two-right {
    padding-left: 2%;
}
.padding-two-half-right {
    padding-left: 2.5%;
}
.padding-three-right {
    padding-left: 3%;
}
.padding-three-half-right {
    padding-left: 3.5%;
}
.padding-four-right {
    padding-left: 4%;
}
.padding-four-half-right {
    padding-left: 4.5%;
}
.padding-five-right {
    padding-left: 5%;
}
.padding-five-half-right {
    padding-left: 5.5%;
}
.padding-six-right {
    padding-left: 6%;
}
.padding-six-half-right {
    padding-left: 6.5%;
}
.padding-seven-right {
    padding-left: 7%;
}
.padding-seven-half-right {
    padding-left: 7.5%;
}
.padding-eight-right {
    padding-left: 8%;
}
.padding-eight-half-right {
    padding-left: 8.5%;
}
.padding-nine-right {
    padding-left: 9%;
}
.padding-nine-half-right {
    padding-left: 9.5%;
}
.padding-ten-right {
    padding-left: 10%;
}
.padding-ten-half-right {
    padding-left: 10.5%;
}
.padding-eleven-right {
    padding-left: 11%;
}
.padding-eleven-half-right {
    padding-left: 11.5%;
}
.padding-twelve-right {
    padding-left: 12%;
}
.padding-twelve-half-right {
    padding-left: 12.5%;
}
.padding-thirteen-right {
    padding-left: 13%;
}
.padding-thirteen-half-right {
    padding-left: 13.5%;
}
.padding-fourteen-right {
    padding-left: 14%;
}
.padding-fourteen-half-right {
    padding-left: 14.5%;
}
.padding-fifteen-right {
    padding-left: 15%;
}
.padding-fifteen-half-right {
    padding-left: 15.5%;
}
.padding-sixteen-right {
    padding-left: 16%;
}
.padding-sixteen-half-right {
    padding-left: 16.5%;
}
.padding-seventeen-right {
    padding-left: 17%;
}
.padding-seventeen-half-right {
    padding-left: 17.5%;
}
.padding-eighteen-right {
    padding-left: 18%;
}
.padding-eighteen-half-right {
    padding-left: 18.5%;
}
.padding-nineteen-right {
    padding-left: 19%;
}
.padding-nineteen-half-right {
    padding-left: 19.5%;
}
.padding-twenty-right {
    padding-left: 20%;
}
.padding-twenty-half-right {
    padding-left: 20.5%;
}
.padding-twenty-one-right {
    padding-left: 21%;
}
.padding-twenty-one-half-right {
    padding-left: 21.5%;
}
.padding-twenty-two-right {
    padding-left: 22%;
}
.padding-twenty-two-half-right {
    padding-left: 22.5%;
}
.padding-twenty-three-right {
    padding-left: 23%;
}
.padding-twenty-three-half-right {
    padding-left: 23.5%;
}
.padding-twenty-four-right {
    padding-left: 24%;
}
.padding-twenty-four-half-right {
    padding-left: 24.5%;
}
.padding-twenty-five-right {
    padding-left: 25%;
}
.padding-5px-right {
    padding-left: 5px;
}
.padding-10px-right {
    padding-left: 10px;
}
.padding-15px-right {
    padding-left: 15px;
}
.padding-20px-right {
    padding-left: 20px;
}
.padding-25px-right {
    padding-left: 25px;
}
.padding-30px-right {
    padding-left: 30px;
}
.padding-35px-right {
    padding-left: 35px;
}
.padding-40px-right {
    padding-left: 40px;
}
.padding-45px-right {
    padding-left: 45px;
}
.padding-50px-right {
    padding-left: 50px;
}
.padding-55px-right {
    padding-left: 55px;
}
.padding-60px-right {
    padding-left: 60px;
}
.padding-65px-right {
    padding-left: 65px;
}
.padding-70px-right {
    padding-left: 70px;
}
.padding-75px-right {
    padding-left: 75px;
}
.padding-80px-right {
    padding-left: 80px;
}
.padding-85px-right {
    padding-left: 85px;
}
.padding-90px-right {
    padding-left: 90px;
}
.padding-95px-right {
    padding-left: 95px;
}
.padding-100px-right {
    padding-left: 100px;
}

/* padding left */
.padding-one-left {
    padding-right: 1%;
}
.padding-one-half-left {
    padding-right: 1.5%;
}
.padding-two-left {
    padding-right: 2%;
}
.padding-two-half-left {
    padding-right: 2.5%;
}
.padding-three-left {
    padding-right: 3%;
}
.padding-three-half-left {
    padding-right: 3.5%;
}
.padding-four-left {
    padding-right: 4%;
}
.padding-four-half-left {
    padding-right: 4.5%;
}
.padding-five-left {
    padding-right: 5%;
}
.padding-five-half-left {
    padding-right: 5.5%;
}
.padding-six-left {
    padding-right: 6%;
}
.padding-six-half-left {
    padding-right: 6.5%;
}
.padding-seven-left {
    padding-right: 7%;
}
.padding-seven-half-left {
    padding-right: 7.5%;
}
.padding-eight-left {
    padding-right: 8%;
}
.padding-eight-half-left {
    padding-right: 8.5%;
}
.padding-nine-left {
    padding-right: 9%;
}
.padding-nine-half-left {
    padding-right: 9.5%;
}
.padding-ten-left {
    padding-right: 10%;
}
.padding-ten-half-left {
    padding-right: 10.5%;
}
.padding-eleven-left {
    padding-right: 11%;
}
.padding-eleven-half-left {
    padding-right: 11.5%;
}
.padding-twelve-left {
    padding-right: 12%;
}
.padding-twelve-half-left {
    padding-right: 12.5%;
}
.padding-thirteen-left {
    padding-right: 13%;
}
.padding-thirteen-half-left {
    padding-right: 13.5%;
}
.padding-fourteen-left {
    padding-right: 14%;
}
.padding-fourteen-half-left {
    padding-right: 14.5%;
}
.padding-fifteen-left {
    padding-right: 15%;
}
.padding-fifteen-half-left {
    padding-right: 15.5%;
}
.padding-sixteen-left {
    padding-right: 16%;
}
.padding-sixteen-half-left {
    padding-right: 16.5%;
}
.padding-seventeen-left {
    padding-right: 17%;
}
.padding-seventeen-half-left {
    padding-right: 17.5%;
}
.padding-eighteen-left {
    padding-right: 18%;
}
.padding-eighteen-half-left {
    padding-right: 18.5%;
}
.padding-nineteen-left {
    padding-right: 19%;
}
.padding-nineteen-half-left {
    padding-right: 19.5%;
}
.padding-twenty-left {
    padding-right: 20%;
}
.padding-twenty-half-left {
    padding-right: 20.5%;
}
.padding-twenty-one-left {
    padding-right: 21%;
}
.padding-twenty-one-half-left {
    padding-right: 21.5%;
}
.padding-twenty-two-left {
    padding-right: 22%;
}
.padding-twenty-two-half-left {
    padding-right: 22.5%;
}
.padding-twenty-three-left {
    padding-right: 23%;
}
.padding-twenty-three-half-left {
    padding-right: 23.5%;
}
.padding-twenty-four-left {
    padding-right: 24%;
}
.padding-twenty-four-half-left {
    padding-right: 24.5%;
}
.padding-twenty-five-left {
    padding-left: 40%;
}
.padding-5px-left {
    padding-right: 5px;
}
.padding-10px-left {
    padding-right: 10px;
}
.padding-15px-left {
    padding-right: 15px;
}
.padding-20px-left {
    padding-right: 20px;
}
.padding-25px-left {
    padding-right: 25px;
}
.padding-30px-left {
    padding-right: 30px;
}
.padding-35px-left {
    padding-right: 35px;
}
.padding-40px-left {
    padding-right: 40px;
}
.padding-45px-left {
    padding-right: 45px;
}
.padding-50px-left {
    padding-right: 50px;
}
.padding-55px-left {
    padding-right: 55px;
}
.padding-60px-left {
    padding-right: 60px;
}
.padding-65px-left {
    padding-right: 65px;
}
.padding-70px-left {
    padding-right: 70px;
}
.padding-75px-left {
    padding-right: 75px;
}
.padding-80px-left {
    padding-right: 80px;
}
.padding-85px-left {
    padding-right: 85px;
}
.padding-90px-left {
    padding-right: 90px;
}
.padding-95px-left {
    padding-right: 95px;
}
.padding-100px-left {
    padding-right: 100px;
}

/* padding top and bottom */
.padding-one-tb {
    padding-top: 1%;
    padding-bottom: 1%;
}
.padding-one-half-tb {
    padding-top: 1.5%;
    padding-bottom: 1.5%;
}
.padding-two-tb {
    padding-top: 2%;
    padding-bottom: 2%;
}
.padding-two-half-tb {
    padding-top: 2.5%;
    padding-bottom: 2.5%;
}
.padding-three-tb {
    padding-top: 3%;
    padding-bottom: 3%;
}
.padding-three-half-tb {
    padding-top: 3.5%;
    padding-bottom: 3.5%;
}
.padding-four-tb {
    padding-top: 4%;
    padding-bottom: 4%;
}
.padding-four-half-tb {
    padding-top: 4.5%;
    padding-bottom: 4.5%;
}
.padding-five-tb {
    padding-top: 5%;
    padding-bottom: 5%;
}
.padding-five-half-tb {
    padding-top: 5.5%;
    padding-bottom: 5.5%;
}
.padding-six-tb {
    padding-top: 6%;
    padding-bottom: 6%;
}
.padding-six-half-tb {
    padding-top: 6.5%;
    padding-bottom: 6.5%;
}
.padding-seven-tb {
    padding-top: 7%;
    padding-bottom: 7%;
}
.padding-seven-half-tb {
    padding-top: 7.5%;
    padding-bottom: 7.5%;
}
.padding-eight-tb {
    padding-top: 8%;
    padding-bottom: 8%;
}
.padding-eight-half-tb {
    padding-top: 8.5%;
    padding-bottom: 8.5%;
}
.padding-nine-tb {
    padding-top: 9%;
    padding-bottom: 9%;
}
.padding-nine-half-tb {
    padding-top: 9.5%;
    padding-bottom: 9.5%;
}
.padding-ten-tb {
    padding-top: 10%;
    padding-bottom: 10%;
}
.padding-ten-half-tb {
    padding-top: 10.5%;
    padding-bottom: 10.5%;
}
.padding-eleven-tb {
    padding-top: 11%;
    padding-bottom: 11%;
}
.padding-eleven-half-tb {
    padding-top: 11.5%;
    padding-bottom: 11.5%;
}
.padding-twelve-tb {
    padding-top: 12%;
    padding-bottom: 12%;
}
.padding-twelve-half-tb {
    padding-top: 12.5%;
    padding-bottom: 12.5%;
}
.padding-thirteen-tb {
    padding-top: 13%;
    padding-bottom: 13%;
}
.padding-thirteen-half-tb {
    padding-top: 13.5%;
    padding-bottom: 13.5%;
}
.padding-fourteen-tb {
    padding-top: 14%;
    padding-bottom: 14%;
}
.padding-fourteen-half-tb {
    padding-top: 14.5%;
    padding-bottom: 14.5%;
}
.padding-fifteen-tb {
    padding-top: 15%;
    padding-bottom: 15%;
}
.padding-fifteen-half-tb {
    padding-top: 15.5%;
    padding-bottom: 15.5%;
}
.padding-sixteen-tb {
    padding-top: 16%;
    padding-bottom: 16%;
}
.padding-sixteen-half-tb {
    padding-top: 16.5%;
    padding-bottom: 16.5%;
}
.padding-seventeen-tb {
    padding-top: 17%;
    padding-bottom: 17%;
}
.padding-seventeen-half-tb {
    padding-top: 17.5%;
    padding-bottom: 17.5%;
}
.padding-eighteen-tb {
    padding-top: 18%;
    padding-bottom: 18%;
}
.padding-eighteen-half-tb {
    padding-top: 18.5%;
    padding-bottom: 18.5%;
}
.padding-nineteen-tb {
    padding-top: 19%;
    padding-bottom: 19%;
}
.padding-nineteen-half-tb {
    padding-top: 19.5%;
    padding-bottom: 19.5%;
}
.padding-twenty-tb {
    padding-top: 20%;
    padding-bottom: 20%;
}
.padding-twenty-half-tb {
    padding-top: 20.5%;
    padding-bottom: 20%;
}
.padding-twenty-one-tb {
    padding-top: 21%;
    padding-bottom: 21%;
}
.padding-twenty-one-half-tb {
    padding-top: 21.5%;
    padding-bottom: 21.5%;
}
.padding-twenty-two-tb {
    padding-top: 25%;
    padding-bottom: 18%;
    padding-left: 5px;
    padding-right: 5px;
}
.padding-twenty-two-half-tb {
    padding-top: 22.5%;
    padding-bottom: 22.5%;
}
.padding-twenty-three-tb {
    padding-top: 23%;
    padding-bottom: 23%;
}
.padding-twenty-three-half-tb {
    padding-top: 23.5%;
    padding-bottom: 23.5%;
}
.padding-twenty-four-tb {
    padding-top: 24%;
    padding-bottom: 24%;
}
.padding-twenty-four-half-tb {
    padding-top: 24.5%;
    padding-bottom: 24.5%;
}
.padding-twenty-five-tb {
    padding-top: 25%;
    padding-bottom: 25%;
}
.padding-thirty-tb {
    padding-top: 30%;
    padding-bottom: 30%;
}
.padding-5px-tb {
    padding-top: 5px;
    padding-bottom: 5px;
}
.padding-10px-tb {
    padding-top: 10px;
    padding-bottom: 10px;
}
.padding-15px-tb {
    padding-top: 15px;
    padding-bottom: 15px;
}
.padding-20px-tb {
    padding-top: 20px;
    padding-bottom: 20px;
}
.padding-25px-tb {
    padding-top: 25px;
    padding-bottom: 25px;
}
.padding-30px-tb {
    padding-top: 30px;
    padding-bottom: 30px;
}
.padding-35px-tb {
    padding-top: 35px;
    padding-bottom: 35px;
}
.padding-40px-tb {
    padding-top: 40px;
    padding-bottom: 40px;
}
.padding-45px-tb {
    padding-top: 45px;
    padding-bottom: 45px;
}
.padding-50px-tb {
    padding-top: 50px;
    padding-bottom: 50px;
}
.padding-55px-tb {
    padding-top: 55px;
    padding-bottom: 55px;
}
.padding-60px-tb {
    padding-top: 60px;
    padding-bottom: 60px;
}
.padding-65px-tb {
    padding-top: 65px;
    padding-bottom: 65px;
}
.padding-70px-tb {
    padding-top: 70px;
    padding-bottom: 70px;
}
.padding-75px-tb {
    padding-top: 75px;
    padding-bottom: 75px;
}
.padding-80px-tb {
    padding-top: 80px;
    padding-bottom: 80px;
}
.padding-85px-tb {
    padding-top: 85px;
    padding-bottom: 85px;
}
.padding-90px-tb {
    padding-top: 90px;
    padding-bottom: 90px;
}
.padding-95px-tb {
    padding-top: 95px;
    padding-bottom: 95px;
}
.padding-100px-tb {
    padding-top: 100px;
    padding-bottom: 100px;
}

/* padding left and right */
.padding-one-lr {
    padding-right: 1%;
    padding-left: 1%;
}
.padding-one-half-lr {
    padding-right: 1.5%;
    padding-left: 1.5%;
}
.padding-two-lr {
    padding-right: 2%;
    padding-left: 2%;
}
.padding-two-half-lr {
    padding-right: 2.5%;
    padding-left: 2.5%;
}
.padding-three-lr {
    padding-right: 3%;
    padding-left: 3%;
}
.padding-three-half-lr {
    padding-right: 3.5%;
    padding-left: 3.5%;
}
.padding-four-lr {
    padding-right: 4%;
    padding-left: 4%;
}
.padding-four-half-lr {
    padding-right: 4.5%;
    padding-left: 4.5%;
}
.padding-five-lr {
    padding-right: 5%;
    padding-left: 5%;
}
.padding-five-half-lr {
    padding-right: 5.5%;
    padding-left: 5.5%;
}
.padding-six-lr {
    padding-right: 6%;
    padding-left: 6%;
}
.padding-six-half-lr {
    padding-right: 6.5%;
    padding-left: 6.5%;
}
.padding-seven-lr {
    padding-right: 7%;
    padding-left: 7%;
}
.padding-seven-half-lr {
    padding-right: 7.5%;
    padding-left: 7.5%;
}
.padding-eight-lr {
    padding-right: 8%;
    padding-left: 8%;
}
.padding-eight-half-lr {
    padding-right: 8.5%;
    padding-left: 8.5%;
}
.padding-nine-lr {
    padding-right: 9%;
    padding-left: 9%;
}
.padding-nine-half-lr {
    padding-right: 9.5%;
    padding-left: 9.5%;
}
.padding-ten-lr {
    padding-right: 10%;
    padding-left: 10%;
}
.padding-ten-half-lr {
    padding-right: 10.5%;
    padding-left: 10.5%;
}
.padding-eleven-lr {
    padding-right: 11%;
    padding-left: 11%;
}
.padding-eleven-half-lr {
    padding-right: 11.5%;
    padding-left: 11.5%;
}
.padding-twelve-lr {
    padding-right: 12%;
    padding-left: 12%;
}
.padding-twelve-half-lr {
    padding-right: 12.5%;
    padding-left: 12.5%;
}
.padding-thirteen-lr {
    padding-right: 13%;
    padding-left: 13%;
}
.padding-thirteen-half-lr {
    padding-right: 13.5%;
    padding-left: 13.5%;
}
.padding-fourteen-lr {
    padding-right: 14%;
    padding-left: 14%;
}
.padding-fourteen-half-lr {
    padding-right: 14.5%;
    padding-left: 14.5%;
}
.padding-fifteen-lr {
    padding-right: 15%;
    padding-left: 15%;
}
.padding-fifteen-half-lr {
    padding-right: 15.5%;
    padding-left: 15.5%;
}
.padding-sixteen-lr {
    padding-right: 16%;
    padding-left: 16%;
}
.padding-sixteen-half-lr {
    padding-right: 16.5%;
    padding-left: 16.5%;
}
.padding-seventeen-lr {
    padding-right: 17%;
    padding-left: 17%;
}
.padding-seventeen-half-lr {
    padding-right: 17.5%;
    padding-left: 17.5%;
}
.padding-eighteen-lr {
    padding-right: 18%;
    padding-left: 18%;
}
.padding-eighteen-half-lr {
    padding-right: 18.5%;
    padding-left: 18.5%;
}
.padding-nineteen-lr {
    padding-right: 19%;
    padding-left: 19%;
}
.padding-nineteen-half-lr {
    padding-right: 19.5%;
    padding-left: 19.5%;
}
.padding-twenty-lr {
    padding-right: 20%;
    padding-left: 20%;
}
.padding-twenty-half-lr {
    padding-right: 20.5%;
    padding-left: 20.5%;
}
.padding-twenty-one-lr {
    padding-right: 21%;
    padding-left: 21%;
}
.padding-twenty-one-half-lr {
    padding-right: 21.5%;
    padding-left: 21.5%;
}
.padding-twenty-two-lr {
    padding-right: 22%;
    padding-left: 22%;
}
.padding-twenty-two-half-lr {
    padding-right: 22.5%;
    padding-left: 22.5%;
}
.padding-twenty-three-lr {
    padding-right: 23%;
    padding-left: 23%;
}
.padding-twenty-three-half-lr {
    padding-right: 23.5%;
    padding-left: 23.5%;
}
.padding-twenty-four-lr {
    padding-right: 24%;
    padding-left: 24%;
}
.padding-twenty-four-half-lr {
    padding-right: 24.5%;
    padding-left: 24.5%;
}
.padding-twenty-five-lr {
    padding-right: 25%;
    padding-left: 25%;
}
.padding-5px-lr {
    padding-right: 5px;
    padding-left: 5px;
}
.padding-10px-lr {
    padding-right: 10px;
    padding-left: 10px;
}
.padding-15px-lr {
    padding-right: 15px;
    padding-left: 15px;
}
.padding-20px-lr {
    padding-right: 20px;
    padding-left: 20px;
}
.padding-25px-lr {
    padding-right: 25px;
    padding-left: 25px;
}
.padding-30px-lr {
    padding-right: 30px;
    padding-left: 30px;
}
.padding-35px-lr {
    padding-right: 35px;
    padding-left: 35px;
}
.padding-40px-lr {
    padding-right: 40px;
    padding-left: 40px;
}
.padding-45px-lr {
    padding-right: 45px;
    padding-left: 45px;
}
.padding-50px-lr {
    padding-right: 50px;
    padding-left: 50px;
}
.padding-55px-lr {
    padding-right: 55px;
    padding-left: 55px;
}
.padding-60px-lr {
    padding-right: 60px;
    padding-left: 60px;
}
.padding-65px-lr {
    padding-right: 65px;
    padding-left: 65px;
}
.padding-70px-lr {
    padding-right: 70px;
    padding-left: 70px;
}
.padding-75px-lr {
    padding-right: 75px;
    padding-left: 75px;
}
.padding-80px-lr {
    padding-right: 80px;
    padding-left: 80px;
}
.padding-85px-lr {
    padding-right: 85px;
    padding-left: 85px;
}
.padding-90px-lr {
    padding-right: 90px;
    padding-left: 90px;
}
.padding-95px-lr {
    padding-right: 95px;
    padding-left: 95px;
}
.padding-100px-lr {
    padding-right: 100px;
    padding-left: 100px;
}



  /* added new     */
  
  .feature-box-15 .hover-content,
  .feature-box-15 .feature-box-image {
      backface-visibility: hidden;
      transform-style: preserve-3d;
      transform: rotateY(0deg);
      transition: ease-in-out 0.4s;
      -webkit-transform-style: preserve-3d;
      -webkit-transform: rotateY(0deg);
      -webkit-transition: ease-in-out 0.4s;
      -moz-transform-style: preserve-3d;
      -moz-transform: rotateY(0deg);
      -moz-transition: ease-in-out 0.4s;
      -ms-transform-style: preserve-3d;
      -ms-transform: rotateY(0deg);
      -ms-transition: ease-in-out 0.4s;
      -o-transform-style: preserve-3d;
      -o-transform: rotateY(0deg);
      -o-transition: ease-in-out 0.4s;
  }
  .feature-box-15 .hover-content {
      right: 0;
      position: absolute;
      top: 0;
      height: 100%;
      transform: rotateX(180deg);
      -webkit-transform: rotateX(180deg);
      -moz-transform: rotateX(180deg);
      -ms-transform: rotateX(180deg);
      -o-transform: rotateX(180deg);
      width: 100%;
      opacity: 0;
  }
  .feature-box-15 .feature-box-content:hover .feature-box-image {
      transform: rotateX(180deg);
      -webkit-transform: rotateX(180deg);
      -moz-transform: rotateX(180deg);
      -ms-transform: rotateX(180deg);
      -o-transform: rotateX(180deg);
      opacity: 0;
  }
  .feature-box-15 .feature-box-content:hover .hover-content {
      transform: rotateX(0deg);
      -webkit-transform: rotateX(0deg);
      -moz-transform: rotateX(0deg);
      -ms-transform: rotateX(0deg);
      -o-transform: rotateX(0deg);
      opacity: 1;
  }
  
  /* feature box style 16 */
  .feature-box-16 .feature-box-content {
      position: absolute;
      bottom: 0;
      width: 100%;
      transition: ease-in-out 0.4s;
      height: 60px;
  }
  .feature-box-16 .feature-box-content p {
      opacity: 0;
      transition: ease-in-out 0.5s;
      -webkit-transition: ease-in-out 0.5s;
      -moz-transition: ease-in-out 0.5s;
      -ms-transition: ease-in-out 0.5s;
      -o-transition: ease-in-out 0.5s;
  }
  .feature-box-16 {
      position: relative;
      overflow: hidden;
  }
  .feature-box-16:hover .feature-box-content {
      height: 100%;
  }
  .feature-box-16:hover .feature-box-content p {
      opacity: 1;
  }
  
  /* feature box style 17 */
  .feature-box.feature-box-17:before,
  .feature-box.feature-box-17:after {
      content: "";
      display: table;
  }
  .feature-box.feature-box-17:hover,
  .feature-box.feature-box-17:hover:before,
  .feature-box.feature-box-17:hover:after {
      border: none;
  }
  .feature-box.feature-box-17::before,
  .feature-box.feature-box-17::after,
  .feature-box.feature-box-17 .content::before,
  .feature-box.feature-box-17 .content::after {
      background: transparent;
  }
  .feature-box.feature-box-17:after {
      clear: both;
  }
  .feature-box.feature-box-17 .box {
      cursor: default;
      height: 100%;
      width: 100%;
      display: table;
      position: relative;
      -webkit-transition: all 0.4s cubic-bezier(0.48, 0.83, 0.63, 0.91);
      -moz-transition: all 0.4s cubic-bezier(0.48, 0.83, 0.63, 0.91);
      -ms-transition: all 0.4s cubic-bezier(0.48, 0.83, 0.63, 0.91);
      transition: all 0.4s cubic-bezier(0.48, 0.83, 0.63, 0.91);
      overflow: hidden;
  }
  .feature-box.feature-box-17 div:first-child .box {
      border-right: none;
  }
  .feature-box.feature-box-17 .box figure {
      -webkit-transition: all 0.4s cubic-bezier(0.48, 0.83, 0.63, 0.91);
      -ms-transition: all 0.4s cubic-bezier(0.48, 0.83, 0.63, 0.91);
      -moz-transition: all 0.4s cubic-bezier(0.48, 0.83, 0.63, 0.91);
      -o-transition: all 0.4s cubic-bezier(0.48, 0.83, 0.63, 0.91);
      transition: all 0.4s cubic-bezier(0.48, 0.83, 0.63, 0.91);
      padding: 10% 0;
  }
  .feature-box.feature-box-17 .box .content {
      display: table-cell;
      height: 100%;
      vertical-align: middle;
      padding: 0;
      position: relative;
      top: 30px;
  }
  .feature-box.feature-box-17 .box .content .details {
      opacity: 0;
  }
  .feature-box.feature-box-17 .box:hover .content .details {
      opacity: 1;
  }
  .feature-box.feature-box-17 .box:hover .content {
      top: 0;
      border-bottom-color: #e2a44f;
  }
  .feature-box.feature-box-17 .box:hover {
     background-color: #e2a44f;
  }
  .feature-box.feature-box-17 .box:hover i,
  .feature-box.feature-box-17 .box:hover .text-white-2-hover {
      color: #e2a44f;
  }
  
  /* feature box style 18 */
  .feature-box-18 .feature-box-overlay {
      top: 0;
      right: 0;
      left: 0;
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: -1;
      opacity: 0;
      overflow: hidden;
      transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
  }

  
  .feature-box-18:hover i,
  .feature-box-18:hover a {
      color: #fff;
    
  }
  .feature-box .feature-box-18:hover {
      background-color: #e2a44f !important;
  }
 
  /* icon size */
  .icon-very-small {
      font-size: 16px;
  }
  .icon-small {
      font-size: 24px;
  }
  .icon-medium {
      font-size: 35px;
  }
  .icon-extra-medium {
      font-size: 40px;
  }
  .icon-large {
      font-size: 50px;
  }
  .icon-round-small {
      border-radius: 100%;
      display: table-cell;
      height: 80px;
      margin: 0 auto;
      text-align: center;
      vertical-align: middle;
      width: 80px;
      font-size: 32px;
  }
  .icon-round-medium {
      border-radius: 100%;
      display: table-cell;
      height: 90px;
      margin: 0 auto;
      text-align: center;
      vertical-align: middle;
      width: 90px;
  }

  .shortcutimage
  {
    max-height: 70px;

  }
  .bg-techsoft-1{
    background-color:  var(--main-color-two);
  }

  .lawyer-home-counterup-item .title {
    font-size: 18px;
    line-height: 20px;
    margin-top: 10px;
    color: rgb(255 255 255);
}
.lawyer-home-counterup-item .count-wrap {
    font-size: 40px;
    line-height: 40px;
    font-weight: 700;
    color: #fff;
}

.twantic_color
{
    background-color: #0d6cb0;
    background-image: linear-gradient(81.71deg,#0d6cb0 .97%,#3690d0 98.46%);
}
.border-twantic
{
    border: 1px #fff solid;
}
.bg-twtic-scondry
{
    background-color: #e2a44f   ;
}
.text-deffrent
{
    mix-blend-mode: difference;
}
.header-style-03.header-variant-08 .navbar-area.nav-fixed {
    background-color: #ffffff!important;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .05);
    color: #fff;
}
.header-style-03.header-variant-08  .navbar-variant-04 .navbar-area.nav-fixed .logo-wrapper .colored-logo{
    display: inline-block !important;
  }
  .header-style-03.header-variant-08 .navbar-variant-04 .navbar-area.nav-fixed .logo-wrapper .white-logo{
      display: inline-block !important;
    }
    .navbar-variant-04 .navbar-area.nav-fixed .logo-wrapper .white-logo
    {
        display: none !important;
    }

/* FACT SECTION THEME  */
.about-sp{
    padding: 0px 30px;
}
.ed-about-sec1{
}
.ed-advan{
}
.ed-advan ul{
}
.ed-advan ul li{
    float: left;
    width: 33.333%;
    padding: 25px;
    box-sizing: border-box;
   /* padding: 15px 0px;
    */
   /* height: 210px;
    */
}
.ed-advan ul li:nth-child(1){
    border-bottom: 1px solid #dcdbdb;
    border-right: 1px solid #dcdbdb;
}
.ed-advan ul li:nth-child(2){
    border-bottom: 1px solid #dcdbdb;
    border-right: 1px solid #dcdbdb;
}
.ed-advan ul li:nth-child(3){
    border-bottom: 1px solid #dcdbdb;
}
.ed-advan ul li:nth-child(4){
    border-right: 1px solid #dcdbdb;
}
.ed-advan ul li:nth-child(5){
    border-right: 1px solid #dcdbdb;
}
.ed-advan ul li:nth-child(6){
}
.ed-ad-img{
   /* width: 30%;
    */
    float: left;
}
.ed-ad-img img{
    width: 50px;
    opacity: 0.8;
}
.ed-ad-dec{
    float: left;
    width: 80%;
    padding-left: 25px;
}
.ed-ad-dec h4{
    margin-bottom: 10px;
}
.ed-ad-dec p{
    font-size: 13px;
    line-height: 20px;
}
.ed-ad-dec a{
    background: #212831;
    padding: 4px 10px;
    color: #fff;
    font-size: 11px;
    border-radius: 3px;
    height: 30px;
    line-height: 24px;
}
.ed-ad-dec h4 {
    margin-bottom: 10px;
    font-family: "smart4dsTitles" !important;
    text-transform: unset;
    letter-spacing: unset !important;
    font-weight: 600;
    line-height: 24px;
    font-size: 18px;
}
/* MOBILE SECTION  */


@media only screen and (max-width: 550px)
{
    .navbar-variant-04 .navbar-area .nav-container .responsive-mobile-menu .navbar-toggler  {
        position: absolute;
        left: -46px;
        right: auto;
        top: 67px;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        border: 1px solid rgb(255 246 246 / 89%);
        float: left;
    }
    .navbar-variant-04  .navbar-area .nav-container .responsive-mobile-menu .navbar-toggler svg {
        overflow: hidden;
        vertical-align: middle;
        filter: invert(1);
    }
  .logo-wrapper .colored-logo {
        display: inline-block !important;
    }
 
.header-slider-wrapper {
    margin-top: -122px !important;
    z-index: 0 !important;
}

}


.twanticicon {
    font-size: 55px;
    color: #000;
}
.ed-top .ed-com-t1-left ul li a
{
    color:#fff !important;
}
div.article,
div.welcome
{
    padding: 10px 10px;
}
.article .article-header 
{ 
    overflow: hidden;
    zoom: 1;
    border-bottom: solid 1px #cccccc;
    font-size: 8pt !important;
    color: #666666; 
}
.article-header .date-line 
{
    float: left;
    font-weight: bold; 
}
.article-header .by-line
{
    text-align: right; 
}
.article .captioned-image,
.article .related-links,
.welcome .welcome-image,
.welcome .splash-image
{
    margin-bottom: 5px;
   
}
.article-left .captioned-image,
.welcome .welcome-image
{
    float: left;
    margin-right: 10px;
}
.article-right .captioned-image,
.article .related-links
{
    float: right;
    margin-left: 10px;
}
.article .related-links
{
    border: solid 1px #cccccc;
    min-width: 150px;
    width: 150px;
     font-size: 19px !important;
}
.captioned-image .caption 
{
    font-size: 8pt !important;
    font-family: verdana; 
    color: #666666;
}
.caption p
{ 
    padding-top: 2px; 
    margin-bottom: 2px; 
}
.article-content,
.welcome-content
{ 
    margin: 5px 0 0;
    color: #666666; 
}

.article-left .captioned-image, .welcome .welcome-image {
    float: right;
    margin-right: unset;
    margin-left: 10px;
    max-width: 350px;
}
.article .captioned-image, .article .related-links, .welcome .welcome-image, .welcome .splash-image {
    margin-bottom: 5px;
}
.article-content, .welcome-content {
    margin: 5px 0 0;
    color: #666666;
    font-family: "smart4dsTitles"  !important;
}

.article-content, .welcome-content p {
    margin: 5px 0 0;
    color: #010101;
    font-family: "smart4dsTitles" !important;
    text-align: justify;
    line-height: 38px;
}

.widget.footer-widget {
    background-color: #0b69b1 !important;
    padding: 1rem;
    margin-bottom: 30px;
}
.footer-area .footer-top {
    background-color: #000 !important;
}
.about_us_widget .footer-logo {
    display: block;
    margin-bottom: 20px;
    max-width: 127px;
    margin: 1px auto;
}
.topfoter
{
      margin-bottom: -41px;
}
.widget.footer-widget {
    background-color: #0b69b1 !important;
    padding: 1rem;
    margin-bottom: -41px;
    min-height: 270px;
    max-height: 270px;
    overflow: hidden;
    /*border: 1px solid #fff;*/
    margin: 1px 14px;
}

.ltr .header-slider-wrapper {
    margin-top: -127px !important;
    z-index: 0 !important;
}

.ltr .article-left .captioned-image, .welcome .welcome-image {
    float: left !important;
    margin-right: 10px;
}

.ltr .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children > .sub-menu {
    left: 100% !important;
    top: 20px;
    right: auto;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children > .sub-menu {
    right: 100% !important;
    top: 20px;
    left: auto !important;
}

.nav-fixed #bizcoxx_main_menu ul li a ,.nav-fixed #bizcoxx_main_menu ul li{
    color: rgb(0 0 0) !important;
	font-family: "smart4dsTitles" !important;
	font-size:15px !important;
}

.quality-content-wrapper {
    margin-left: 0;
    margin-right: 40px !important;
}
.header-area.construction-home .btn-wrapper {
    margin-top: 40px;
    background: transparent;
    text-align: center;
}
.industry-btn:after {
    position: absolute;
    right: -10px;
    top: 0;
    width: 60px;
    height: 100%;
    background-color: #fff0;
    content: "";
    z-index: -1;
    transform: skewX(-15deg);
    transition: all .3s;
}
.header-area.construction-home .industry-btn.construciton-home {
    background-color: #0e6bb000;
}
.header-area.construction-home .industry-btn i {
    color: #0e6bb000;
}

.cleaning-about-area-wrap .right-content-wrap .paragraph {
    line-height: 30px;
    text-align: justify;
    color: #000;
}

common-members-block .member .text span.name a:hover{color:#0054b8;}
 .common-members-block{padding-top:20px;}
.common-members-block .member{float:left;width:calc((100% / 2) - 41px);margin-left:40px;margin-bottom:20px;}
.common-members-block .member .img{float:left;width:167px;height:167px;padding:10px;background:url(https://www.ku.ac.ae/wp-content/themes/khalifauniversity/assets/img/icons/people-bg.png) no-repeat center center;background-size:100%;position:relative;}
.common-members-block .member .img .inner{width:100%;height:100%;overflow:hidden;border-radius:100%;position:relative;}
.common-members-block .member .img .inner img{width:100%;min-height:100%;}
.common-members-block .member .text{float:left;width:calc(100% - 167px);padding-left:4px;height:167px;}
.common-members-block .member .text .inner{position:relative;top:50%;transform:translateY(-50%);}
.common-members-block .member .text span{display:block;position:relative;font-weight:bold;}
.common-members-block .member .text span.name{text-transform:capitalize;}
.common-members-block .member .text span.title{padding-bottom:20px;color:#7b7b7b;padding-bottom:10px;font-weight:normal;}
.common-members-block .member .text span.title:after{content:' ';position:absolute;left:0;bottom:-5px;width:100%;border-bottom:1px solid #2059a8;}
.common-members-block .member .text span.email{word-break:break-all;padding-top:20px;padding-left:22px;background:url(https://www.ku.ac.ae/wp-content/themes/khalifauniversity/assets/img/icons/people-email.png) no-repeat left 25px;font-size:12.5px;}
.main-image-tab-2-details .main-detail{display:none;box-shadow:0 0 12px #d0d0d075;padding:20px; overflow: scroll;}
.people-category-title{font-size:18px;font-weight:600;background-color:#001b48;padding:8px 15px;color:#ffffff;text-transform:uppercase;}
.common-members-block .member .text span.email{font-size:12px;font-weight:400;}
.img.Graduate.Students{display:none;}
.Graduate.Students .text{height:120px;}
.common-members-block.clear.Graduate.Students .email{display:none;}
.Graduate.Students a{pointer-events:none;}
/*! CSS Used from: https://www.ku.ac.ae/wp-content/themes/khalifauniversity/assets/scss/responsive/inside-responsive.css?ver=815 */
@media screen and (max-width: 1141px){
.common-members-block .member{margin-bottom:35px;}
.common-members-block .member .img{width:120px;height:120px;}
.common-members-block .member .text{width:calc(100% - 120px);height:120px;}
.common-members-block .member .text .inner{top:0;transform:translateY(0%);}
}
 .single table tr th, .single table tr td {
    padding: 10px 15px;
    border: 1px solid #ccc;
}
@media screen and (max-width: 1010px){
.common-members-block .member .img{width:90px;height:90px;}
.common-members-block .member .text{width:calc(100% - 90px);height:90px;}
.common-members-block .member .text .inner{top:50%;transform:translateY(-50%);}
}
@media screen and (max-width: 750px) and (min-width: 510px){
.common-members-block .member .img{width:167px;height:167px;}
.common-members-block .member .text{width:calc(100% - 167px);height:167px;}
}
@media screen and (max-width: 750px){
.common-members-block .member{width:calc((100%) - 41px);margin-bottom:30px;}
}
@media screen and (max-width: 600px){
.main-image-tab-2-details .main-detail{box-shadow:none;padding:20px 0;}
}
@media screen and (max-width: 500px){
.common-members-block .member .img{width:145px;height:145px;}
.common-members-block .member .text{height:145px;width:calc(100% - 145px);}
}
@media screen and (max-width: 430px){
.common-members-block .member{margin-bottom:40px;}
.common-members-block .member .img{left:50%;transform:translateX(-50%);}
.common-members-block .member .text{padding-left:0;width:100%;text-align:center;}
.common-members-block .member .text span.email{display:inline-block;}
.common-members-block .member .text span.title:after{left:50%;transform:translateX(-50%);width:40%;}
}
/*! CSS Used from: https://www.ku.ac.ae/wp-content/themes/khalifauniversity/assets/scss/responsive/college-of-health-responsive.css?ver=912 */
@media screen and (max-width: 1020px) and (min-width: 750px){
.common-members-block .member .text{height:120px;}
.common-members-block .member .text .inner{top:0%;transform:translateY(0%);}
}
 .team-area .item .thumb img{
         height:200px; 
    }
  }
  .team-area .item:hover .thumb img {
    opacity: .6;
  }
  
  .team-area .item .thumb .social li {
    display: inline-block;
  }
  
  .team-area .item .thumb .social li a {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin: 0 2px;
    text-align: center;
    width: 40px;
  }
  
  .team-area .info {
    background: #ffffff none repeat scroll 0 0;
    -moz-box-shadow: 0 0 10px #cccccc;
    -webkit-box-shadow: 0 0 10px #cccccc;
    -o-box-shadow: 0 0 10px #cccccc;
    box-shadow: 0 0 10px #cccccc;
    padding: 40px 20px 20px;
    position: relative;
    text-align: center;
    z-index: 9;
    height: 150px;
  }
  
  .team-area .info .message {
    height: 50px;
    line-height: 40px;
  
    margin-top: -25px;
    position: absolute;
    text-align: center;
    top: 0;
        left: 37%;
    width: 50px;
  }
  
  .team-area .info .message a {
    background: #fff none repeat scroll 0 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-box-shadow: 0 0 10px #cccccc;
    -webkit-box-shadow: 0 0 10px #cccccc;
    -o-box-shadow: 0 0 10px #cccccc;
    box-shadow: 0 0 10px #cccccc;
    box-sizing: border-box;
    color: #ff5a6e;
    display: inline-block;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    width: 50px;
  }
  
  .team-area .info .message a i {
    font-weight: 500;
  }
  
  .team-area .info h4 {
    font-weight: 600;
    margin-bottom: 5px;
    text-transform: capitalize;
  }
  
  .team-area .info span {
    color: #ff5a6e; 
    font-weight: 600;
    
  }
  
  .team-area .social li.twitter a {
    background-color: #00b6f1;
  }
  
  .team-area .social li.pinterest a {
    background-color: #bd081c;
  }
  
  .team-area .social li.facebook a {
    background-color: #3b5998;
  }
  
  .team-area .social li.google-plus a {
    background-color: #df4a32;
  }
  
  .team-area .social li.vimeo a {
    background-color: #1ab7ea;
  }
  
  .team-area .social li.instagram a {
    background-color: #cd486b;
  }
  .contact-us {
    margin: 2rem 0;
    background: #8595ad;
  }
  
  .contact-us-heading {
    font-size: 2rem;
    font-weight: 900;
    font-family: museo-slab, sans-serif;
    text-align: center;
  }
  
  .contact-us-means {
    margin: 2rem auto 0;
    display: flex;
    justify-content: space-around;
    max-width: 640px;
  }
  
.team-area .single-item {
    margin-bottom: 30px;
  }
  
  .team-area .item .thumb {
    position: relative;
    overflow: hidden;
    z-index: 1;
  }
  
  .team-area .item .thumb::after {
    background: #232323 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    width: 100%;
  }
  
  .team-area .team-items .item:hover .thumb::after {
    opacity: 0.7;
  }
  
  .team-area .item .thumb .overlay {
    top: -100%;
    left: 0;
    padding: 20px;
    position: absolute;
    text-align: center;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    width: 100%;
    z-index: 1;
  }
  
  .team-area .item:hover .thumb .overlay {
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
  }
  
  .team-area .item .thumb .overlay p {
    color: #ffffff;
  }
  
  .team-area .item .thumb .overlay h4 {
    color: #ffffff;
    display: inline-block;
    position: relative;
    
  }
  
  .team-area .item .thumb img {
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    width:100%; 
  }
  
  
.team-area .single-item {
    margin-bottom: 30px;
  }
  
  .team-area .item .thumb {
    position: relative;
    overflow: hidden;
    z-index: 1;
  }
  
  .team-area .item .thumb::after {
    background: #232323 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    width: 100%;
  }
  
  .team-area .team-items .item:hover .thumb::after {
    opacity: 0.7;
  }
  
  .team-area .item .thumb .overlay {
    top: -100%;
    left: 0;
    padding: 20px;
    position: absolute;
    text-align: center;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    width: 100%;
    z-index: 1;
  }
  
  .team-area .item:hover .thumb .overlay {
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
  }
  
  .team-area .item .thumb .overlay p {
    color: #ffffff;
  }
  
  .team-area .item .thumb .overlay h4 {
    color: #ffffff;
    display: inline-block;
    position: relative;
    
  }
  
  .team-area .item .thumb img {
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    width:100%; 
  }
  
  
  .ourTeam .i .c .wrap img {
   
    max-height: 240px;
    min-height: 240px;
}
.footer-about-title, .footer-about-title h4, .footer-about-title p , .footer-about-title div {
    width: auto !important;
    display: inline-block;
    color: #f4c887 !important;
 
}
.footer-about-title h4
{
    text-align: center !important;
    border-bottom: 2px solid #fff;
    padding-bottom: 3px;   
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
    position: absolute;
    text-align: left;
    min-width: 270px;
    margin: 0;
    padding: 0;
    list-style: none;
    left: 0;
    top: 82%;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .05);
    background-color: #fff;
    z-index: 9;
    border-bottom: 4px solid var(--main-color-one);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.cleaning-about-area-wrap .right-content-wrap .title {
    font-size: 36px;
    line-height: 56px;
    font-weight: 700;
    margin-bottom: 20px;
}
.single-what-we-cover-item-02 .content .title {
    mix-blend-mode: difference;
}

.single-what-we-cover-item-02:hover .content  {
    mix-blend-mode: difference;
}
.single-portfolio-blog-grid .content .readmore {
    color: white;
    font-weight: 700;
    mix-blend-mode: difference;
}


.tp-caption.excerpt, .excerpt {
    background-color: rgba(255, 255, 255, 1.00) !important;
    border-color: #212529;
    border-style: none;
    border-width: 0;
    color: #000 !important;
    font-family: Arial;
    font-size: 16px !important;
    font-weight: 700;
    height: auto;
    letter-spacing: 1.5px !important;
    line-height: 36px;
    margin: 10px;
    padding: 1px 12px 0;
    text-decoration: none;
    text-shadow: none;
    white-space: normal!important;
    width: 100% !important;
    overflow: hidden;
    height: calc(5 * 1.2em);
}
	  .lawyer-contact-item .content .details {
    display: block;
    color: #fff !important;
    text-align: center;
    margin: 2px auto;
}
.lawyer-contact-item .icon {
    font-size: 40px;
    line-height: 40px;
    color: #ffffff;
    margin-right: 20px;
}
.lawyer-contact-item .content .title {
    display: block;
    font-size: 18px;
    line-height: 20px;
    color: #ffffff;
    margin-bottom: 10px;
}
.lawyer-contact-area .left-contnet-wrap {
    display: flex;
    align-items: center;
    height: 96%;
    background-color: var(--main-color-one);
    color: #fff;
}


.single-what-we-cover-item-03 .content p {
    text-align: center;
}


.header-style-03.navbar-variant-04 .navbar-area .nav-container .navbar-collapse .navbar-nav li a, .header-style-03.navbar-variant-04 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before, .header-style-03.navbar-variant-04 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:before, .header-style-03.navbar-variant-04 .navbar-area .nav-container .nav-right-content ul li, .header-style-03.navbar-variant-04 .navbar-area .nav-container .nav-right-content ul li a {
  color: rgb(22 18 50) !important;
    filter: brightness(1.2);
}

.header-style-03.navbar-variant-04 .navbar-area .nav-container .navbar-collapse .navbar-nav li a:hover, .header-style-03.navbar-variant-04 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover:before, .header-style-03.navbar-variant-04 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:hover:before, .header-style-03.navbar-variant-04 .navbar-area .nav-container .nav-right-content ul li:hover, .header-style-03.navbar-variant-04 .navbar-area .nav-container .nav-right-content ul li a:hover {
    color: #e9151e !important;
}

.footer__content {
    padding: 30px 0;
    background-color: #000;
    text-align: center;
}

.widget.footer-widget {
    background-color: #000 !important;
    padding: 1rem;
    margin-bottom: -41px;
    min-height: 270px;
    max-height: 270px;
    overflow: hidden;
    /* border: 1px solid #fff; */
    margin: 1px 14px;
}

.footer__social-links a {
    display: inline-block;
    margin: 7px;
    line-height: 0;
    background-color: #000;
    width: 45px;
    height: 45px;
    vertical-align: top;
}

.footer__social-links a i {
    font-size: 30px;
    color: #fff !important;
    display: inline-block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


nav ul a {
    display: block;
    padding: 14px !important;
    text-decoration: none;
}


.header-style-03.header-variant-08 .navbar-area .nav-container .logo-wrapper img {
    height: 98px;
    margin-right: -40% !important;
    margin-top: 3% !important;
    max-width: 147px !important;
}


.header-style-03.navbar-variant-04 .navbar-area .nav-container .navbar-collapse .navbar-nav li a, .header-style-03.navbar-variant-04 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before, .header-style-03.navbar-variant-04 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:before, .header-style-03.navbar-variant-04 .navbar-area .nav-container .nav-right-content ul li, .header-style-03.navbar-variant-04 .navbar-area .nav-container .nav-right-content ul li a {
    color: rgb(249 146 89) !important;
    filter: brightness(1.2);
}

.navbar-nav {
    padding-top: 25px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0px;
    margin-bottom: 0;
    list-style: none;
}

.main-image-tab-2 .option {
    margin-bottom: 10px;
    cursor: pointer;
    position: relative;
    width: 100%;
    background: #ccc;
    height: 200px;
}

.nav-fixed #bizcoxx_main_menu ul li a, .nav-fixed #bizcoxx_main_menu ul li {
    color: rgb(233 21 30) !important;
    font-family: "smart4dsTitles" !important;
    font-size: 15px !important;
}

.lawyer-counterup-area.political-home:after {
    background-color: #120f2a;
}

.collapse:not(.show) {
    display: none;
    margin-top: 0px;
}

.twantic_color {
    background-color: #1e2d3a;
}

.feature-box .feature-box-18:hover {
    background-color: #d21820 !important;
}

.ed-advan ul li {
    float: left;
    width: 44.333%;
    padding: 25px;
    box-sizing: content-box;
}


.feature-box-18 .bg-white  .text-center .border-radius-8 .overflow-hidden .z-index-0  .position-relative .padding-seven-half-tb .sm-padding-fifteen-tb .last-paragraph-no-margin {
    background-color: #2f2c2c !important;
}
.text-dark {
    color: #ffffff!important;
}


.text-white {
    color: black !important;
}

p font {
  color: black !important;
}

.twantic_color {
    background-color: #0d6cb0;
    background-image: linear-gradient(81.71deg,#ffffff .97%,#ffffff 98.46%);
}



.ed-ad-dec a {
    background: #e9151e;
    padding: 4px 10px;
    color: #fff;
    font-size: 11px;
    border-radius: 3px;
    height: 30px;
    line-height: 24px;
}

.ourTeam .i .c .more .socials a.facebook {
    background: #120f2a;
}

.ourTeam .i .c .more .socials a.twitter {
    background: #120f2a;
}

.ourTeam .i .c .more .socials a.linkedin {
    background: #120f2a;
}

body {
  font-family: Tajawal !important;
}



.row .justify-content-center {
  margin: 5px;
    background-color: #00000042;
}

.charity-cta-area .shape.bottom {
    visibility: hidden;
    bottom: -1px;
}

.charity-cta-area .shape.top {
    visibility: hidden;
    left: 0;
    top: -10px;
    width: 100%;
}

.btn-charity {
    display: inline-block;
    background-color: var(--charity-color);
    color: #fff;
    padding: 10px 30px 10px 30px;
    font-weight: 700;
    transition: all .3s;
}

.charity-cta-area .cta-area-inner .right-content-area .btn-charity {
    background-color: #ff1924;
}

.charity-cta-area .cta-area-inner .right-content-area .btn-charity:hover {
    background-color: #fff;
    color: #ff1924;
}

.charity-cta-area .cta-area-inner {
    display: flex;
    justify-content: space-between;
    padding: 50px 0 50px 0;
}

.news-blk .post-3 .text {
    background: #a40010;
}

.news-blk .post-2 .text:after, .news-blk .post-3 .text:after {
    border-color: transparent transparent transparent #a40010;

}

.news-blk .post-2 .text:after {
    border-color: transparent #a40010 transparent transparent;
}

.news-blk .post-2 .text {
    background: #a40010;
}


.single-product-item-3 {
    border: 1px solid rgba(0, 0, 0, .07);
    transition: .3s ease-in;
    overflow: hidden;
    box-shadow: 0px 0px 8px #00000033;
    min-height: 380px;
}


.charity-cta-two-area .cta-inner {
    background-color: #c6eafa;
    border-radius: 20px;
    padding: 20px;
    display: flex;
    justify-content: space-between;
}

.charity-cta-two-area .cta-inner .right-content .btn-charity {
    background-color: #fff;
    color: #ff1924;
}
.charity-cta-two-area .cta-inner .right-content .btn-charity i {
    background-color: #ffffff;
    color: #ff1924;
}


.btn-charity {
    display: inline-block;
    background-color: var(--charity-color);
    color: #fff;
    padding: 5px 30px 5px 15px;
    font-weight: 700;
    transition: all .3s;
}

.btn-charity i {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    background-color: #fff;
    color: var(--charity-color);
    line-height: 30px;
    font-size: 13px;
    margin-left: 0px;
    transition: all .3s;
}

.charity-cta-two-area .cta-inner .title {
    font-size: 30px;
    line-height: 55px;
    font-weight: 700;
    color: #fff;
}

.ed-ad-dec h4 {
    margin-bottom: 10px;
    font-family: "smart4dsTitles" !important;
    text-transform: unset;
    letter-spacing: unset !important;
    font-weight: 600;
    line-height: 60px;
    font-size: 25px;
}

.ed-ad-dec p {
    font-size: 18px;
    line-height: 20px;
}


.btn-charity {
    display: inline-block;
    background-color: var(--charity-color);
    color: #fff;
    padding: 5px 30px 5px 30px;
    font-weight: 700;
    transition: all .3s;
}

.card-image-scale {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, #120f2af5), color-stop(60%, transparent));
}

.description, .description p {
    text-align: center;
    line-height: 1.8;
    line-height: 40px;
    font-weight: 400;
    font-size: 16px;
    color: #120f2a;
    text-align: center !important;
    font-style: normal;
   margin-bottom: 37px !important;
}


.text-dark {
    color: #120f2a!important;
}
.text-white {
    color: white !important;
}
p font {
    color: white !important;
}
.twantic_color {
    background-color: #0d6cb0;
    background-image: linear-gradient(81.71deg,#120f2a .97%,#120f2a 98.46%);
}
.owl-carousel .owl-stage-outer {
    position: relative !important;
    overflow: hidden !important;
    -webkit-transform: translate3d(0,0,0) !important;
    padding-top: 130px !important;
}

.charity-cta-two-area .cta-inner {
    background-color: #246d93;
    border-radius: 20px;
    padding: 20px;
    display: flex;
    justify-content: space-between;
  margin-bottom: 52px;
}

.feature-box .feature-box-18:hover {
    background-color: #4fabdb !important;
}

.news-blk .post-2 .text {
    background: #219ad6;
}

.news-blk .post-3 .text {
    background: #246d93;
}
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
    margin-top: -136px !important;
}
.header-slider-wrapper {
    margin-top: -263px !important;
    z-index: 0 !important;
}
.forcefullwidth_wrapper_tp_banner
{
margin-top: 134px !important;
}
.header-slider-wrapper {
    margin-top: 115px !important;
    z-index: 0 !important;
}
.ltr .header-slider-wrapper {
    margin-top: -271px !important;
    z-index: 0 !important;
}
.rtl .header-slider-wrapper {
    margin-top: auto!important;
    z-index: 0 !important;
}

.homeslider  {
      margin-top: -256px !important;
    z-index: 0 !important;
}
.vision-programs-section  .owl-carousel.owl-rtl {
    direction: rtl;
    margin-top: -238px !important;
    padding-bottom: 0px;
    margin-bottom: -10px;
}
.lawyer-about-area .right-content-area:before {
    position: absolute;
    right: -30px;
    bottom: -30px;
    width: 150px;
    height: 150px;
    background-color: #120f2a00 !important;
    content: "";
    z-index: -1;
}
.header-area.header-bg-04 {
    background-color: #000;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 0 !important;
    margin-top: -14px !important;
    z-index: 333;
}
.section-title.grocery-home .title {
    color: rgba(0, 0, 0, 1.00) !important;
}
.construction-single-what-we-cover-item .content p {
    font-size: 4px !important;
    line-height: 30px;
}
.lawyer-about-area .right-content-area .btn-wrapper .boxed-btn {
    border-radius: 3px;
    margin-top: 30px;
    background-color: var(--lawyer-color);
    border: 1px solid transparent;
    margin-right: 318px !important;
}
.lawyer-about-area .right-content-area .title {
    font-size: 1.85rem;
    line-height: 55px;
    margin-bottom: 7px !important;
}
.lawyer-about-area .left-content-area {
    border: 10px solid #fff;
    margin-top: 138px !important;
}
.lawyer-about-area .right-content-area {
    padding-left: 5px;
    margin-top: 137px !important;
}
.btn-boxed.cleaning-home {
    border-radius: 30px;
    background-color: var(--cleaning-color);
    color: rgba(255, 255, 255, 1) !important;
    font-weight: 700;
    padding: 12px 30px;
    margin-top: 40px !important;
}
.readmore {
    display: inline-block;
    padding: 0 19px;
    background-color: rgb(255 255 255 / 0%) !important;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    border-radius: 3px;
    height: 40px;
    line-height: 42px;
    max-width: 138px;
    float: left;
    position: relative;
}
.header-area .title {
    font-size: 2.25rem !important;
    line-height: 52px !important;
    color: #fff;
    font-weight: 500;
    margin-bottom: -98px !important;
}
.single-product-item-3 .content .price {
    display: inline-block;
    font-size: 22px;
    color: #ffffff !important;
    font-weight: 700;
    margin-bottom: 10px;
}
.out_of_stock, .single-product-item-3 .addtocart {
    display: inline-block;
    padding: 0 20px;
    background-color: #ffffff !important;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    border-radius: 3px;
    height: 40px;
    line-height: 45px;
    max-width: 111px;
    float: left;
}
.political-cta-area-wrapper:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #191d3300 !important;
    content: "";
    opacity: .9;
}
.political-cta-area-wrapper .btn-wrapper .boxed-btn {
    border-radius: 3px;
    background-color: #3a8c62 !important;
    border: 1px solid transparent;
}
@media only screen and (max-width: 991px) {
    .navbar-area .nav-container .responsive-mobile-menu .navbar-toggler {
        position: absolute;
        left: 0;
        right: auto;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        border: 1px solid #120f2a !important;
        margin-left: 188px !important;
        margin-top: -30px !important;
    }
}

.construction-single-what-we-cover-item .content p {
    font-size: 14px !important;
    line-height: 30px;
    text-align: justify !important;
}

.construction-single-what-we-cover-item .content .title {
    font-size: 16px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 15px;
    text-align: center !important;
}

.construction-single-what-we-cover-item .content .readmore {
    display: inline-block;
    margin-top: -20px  !important;
    color: var(--heading-color);
    transition: all .3s;
    font-weight: 600;
    color: #1c00ff;
}
.construction-single-what-we-cover-item {
    text-align: center;
    border: 1px solid rgb(118 103 103 / 38%);
    padding: 20px 20px  !important;
     background-color: #fff !important;
}
.