@import url('https://fonts.googleapis.com/css?family=Poppins:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i');

 @import url(animate.css);
@import url(bootstrap.min.css);
@import url('bootstrap-select.min.css');
@import url('custom-animate.css');
@import url(font-awesome.min.css);
@import url('icomoon.css');
@import url('imp.css');
@import url(jquery.bootstrap-touchspin.css);
@import url('jquery.fancybox.min.css');
@import url(owl.css);
@import url(owl.theme.default.css);

@import url(../fonts/flaticon/flaticon.css);
  
/*** jquery ui css ***/
@import url(../assets/jquery-ui-1.11.4/jquery-ui.css);
/*** Revolution slider ***/
@import url(../plugins/revolution/css/settings.css);
@import url(../plugins/revolution/css/layers.css);
@import url(../plugins/revolution/css/navigation.css);
  
/*==============================================
   Base Css
===============================================*/
*{
	margin:0px;
	padding:0px;
	border: none;
	outline: none;
	font-size: 100%;
}
html,
body { 
    height: 100%;
}
body {
    color: #828282;
    font-size: 15px;
    line-height: 25px;
    font-weight: 500;
    font-family: "Almarai", Roboto, sans-serif;
}
button:focus{
    outline: none;
}
button {
    cursor: pointer;
    border: none;
    background: transparent;
    padding: 0;
}
h1, h2, h3, h4, h5, h6 {
    color: #3a3a3a;
    font-weight: 700;
    font-family: "Almarai", Roboto, sans-serif;
    margin: 0;
}
h3 {
    color: #27282c;
    font-size: 20px; 
    line-height: 26px;
}
h4 {

}
a,
a:hover,
a:active,
a:focus {
    text-decoration: none;
    outline: none;
    border: none;
}



@media (min-width: 1200px) {
    .container {
        max-width: 1237px;
    }
}

.fix{
    position: relative;
    display: block;
    overflow: hidden;
}

img {
	max-width: 100%;
    height: auto;
}
i {
	font-style: normal;
}
ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
    /* text-align: right; */
}
ol,
li{
    margin: 0;
    padding: 0;    
}
.clr1{
    color: #f36727;
}
.bgclr1{
    background: #f36727;    
}



.secpd1{
    padding: 100px 0;
}
.secpd2{
    padding: 100px 0 60px;
}
.secpd3{
    padding: 100px 0 70px;
}



.btn-one {
    position: relative;
    display: inline-block;
    background: #e9212e;
    color: #ffffff;
    font-size: 15px;
    line-height: 60px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 0 30px 0;
    transition: all 500ms ease;
    background: transparent linear-gradient(90deg, #96C73D 0%, #73942F 100%) 0% 0% no-repeat padding-box;
    border-radius: 9px;
    font-family: "Almarai", Roboto, sans-serif;
}
.btn-one img {
    position: relative;
    display: inline-block;
    padding-left: 10px;
    width: auto;
}
.btn-one span:before {
    font-size: 26px;
    line-height: 14px;
    display: inline-block;
    padding-left: 10px;
    position: relative;
    top: 4px;
}
.btn-one:hover{
    color: #ffffff;
    background: #27282c;
}


.btn-two{
    color: #464646;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: "Almarai", Roboto, sans-serif;
    transition: all 500ms ease;
}
.btn-two span:before {
    position: relative;
    top: 5px;
    font-size: 26px;
    line-height: 14px;
    display: inline-block;
    padding-left: 10px;
}
.btn-two:hover{
    color: #96C73D;
}



.btn-three {
    position: relative;
    display: inline-block;
    background: #ffffff;
    color: #203260;
    font-size: 14px;
    line-height: 62px;
    font-weight: 700;
    height: 60px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    padding: 0 30px 0;
    border-radius: 5px;
    transition: all 500ms ease;
}
.btn-three span:before {
    position: relative;
    display: inline-block;
    top: 4px;
    padding-left: 9px;
    font-size: 20px;
    font-weight: 400;
}
.btn-three:hover{
    color: #3aa40c;
}



.sec-title {
    position: relative;
    display: block;
    margin-top: -5px;
    padding-bottom: 50px;
}
.sec-title.max-width{
    max-width: 650px;
    margin: -5px auto 0;
}
.sec-title.with-text{
    padding-bottom: 52px;    
}


.sec-title p{
    color: #e9212e;
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 7px;
    font-family: "Almarai", Roboto, sans-serif;
}
.sec-title .title {
    position: relative;
    display: block;
    color: #626262;
    font-size: 26px;
    line-height: 44px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: "Almarai", Roboto, sans-serif;
}
.sec-title .title.clr-white{
    color: #ffffff;    
}
.sec-title .title span{
    font-weight: 400;
}
.sec-title .bottom-text{
    color: #7c7e84;
    font-size: 17px;
    line-height: 27px;
    font-weight: 400;
    text-transform: none;
    margin: 13px 0 0;
    font-family: 'Rubik', sans-serif;
}














.parallax-bg-one {
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}
.parallax-bg-one::before {
    background: rgba(18, 32, 0, 0.90) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
} 
.parallax-bg-two {
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}
.parallax-bg-two::before {
    background: rgba(9, 23, 33, 0.90) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
} 

.flex-box {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}
.flex-box-two {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}
.flex-box-three {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}
.flex-box-four {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}
.flex-box-five {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.owl-nav-style-one{}
.owl-nav-style-one .owl-controls { }
.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 50%;
    color: #909090;
    font-size: 24px;
    font-weight: 700;
    height: 50px;
    line-height: 46px;
    margin: 0 0 0 0px;
    padding: 0;
    width: 50px;
    border: 1px solid #f3f3f3;    
    transition: all 700ms ease 0s;
}
.owl-nav-style-one.owl-theme .owl-nav .owl-next {
    margin-left: 10px;
}
.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:hover{
    border-color: #172272;
    color: #172272;
}

.owl-nav-style-two{}
.owl-nav-style-two .owl-controls { }
.owl-nav-style-two.owl-theme .owl-nav [class*="owl-"] {
    background: #fff none repeat scroll 0 0;
    border-radius: 0%;
    color: #3740b0;
    font-size: 24px;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    margin: 0 0 0 0px;
    padding: 0;
    width: 50px;
    transition: all 700ms ease 0s;
}
.owl-nav-style-two.owl-theme .owl-nav .owl-next {
    margin-left: 0px;
}
.owl-nav-style-two.owl-theme .owl-nav [class*="owl-"]:hover{
    color: #ffffff;
    background: #3740b0;
}


.accordion-box {
    position: relative;
    display: block;
    overflow: hidden;
}
.accordion-box .accordion {
    position: relative;
    display: block;
    margin-bottom: 20px;
}
.accordion-box .accordion .accord-btn {
    position: relative;
    display: block;
    cursor: pointer;
    background: #ededed;
    padding-right: 25px;
    padding-left: 60px;
    padding-top: 16px;
    padding-bottom: 16px;
    -webkit-box-shadow: 0px 3px 5px 2px #ededed;
    box-shadow: 0px 3px 5px 2px #ededed;
    transition: all 500ms ease;
}
.accordion-box .accordion .accord-btn h4 {
    color: #4e4c4c;
    font-size: 17px;
    line-height: 26px;
    font-weight: 600;
    transition: all 500ms ease;
    text-align: right;
}
.accordion-box .accordion .accord-btn::after {
    font-family: 'Glyphicons Halflings';
    position: absolute;
    top: 22px;
    left: 40px;
    color: #4e4c4c;
    content: "\e002";
    font-size: 25px;
    line-height: 16px;
    font-weight: 300;
    transition: all 500ms ease 0s;
    content: "\2b";
}
.accordion-box .accordion .accord-btn.active{
    background: #96c73e;
    transition: all 500ms ease;
}
.accordion-box .accordion .accord-btn.active h4 {
    color: #ffffff;
}
.accordion-box .accordion .accord-btn.active:after{
    color: #ffffff;
}
.accordion-box .accordion .accord-content {
    position: relative;
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    padding-left: 20px;
    display: none;
    background: #f6f6f6;
}
.accordion-box .accordion .accord-content.collapsed {
    display: block;
}
.accordion-box .accordion .accord-content p {
    margin: 0;
    text-align: justify;
    color: #5b6060;
}



.boxed_wrapper {
    /* background: #fff none repeat scroll 0 0; */
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 320px;
    min-height: 400px;
     overflow: hidden; 
}

/*________________Preloader_______________ */
.preloader{ 
    position:fixed; 
    left:0px; 
    top:0px; 
    width:100%; 
    height:100%; 
    z-index:999999999999999999; 
    background-color:#ffffff; 
    background-position:center center; 
    background-repeat:no-repeat; 
    background-image:url(../images/icon/lll.gif);
}
.preloader.style-two {
    background-image: url(../images/home-pages/preloader-2.html);
}
.preloader.style-three {
    background-image: url(../images/home-pages/preloader-3.html);
}
.preloader.style-four {
    background-image: url(../images/home-pages/preloader-4.html);
}
.preloader.style-five {
    background-image: url(../images/home-pages/preloader-5.html);
}




/* scroll to top styles */
.scroll-to-top {
    position: fixed;
    left: 20px;
    bottom: 30px;
    width: 55px;
    height: 55px;
    /* background: #e9212e; */
    /* border: 2px solid #e9212e; */
    border-radius: 0%;
    color: #ffffff;
    font-size: 25px;
    line-height: 50px;
    font-weight: 400;
    cursor: pointer;
    display: none;
    text-align: center;
    transition: all 500ms ease 0s;
    z-index: 99999999999;
    /* box-shadow: 0px 5px 10px -10px rgba(27,27,27,1); */
}
.scroll-to-top:hover {
    opacity: 0.7;
}


.scroll-to-top-style2 {
    position: fixed;
    bottom: 25px;
    right: 15px;
    background: #e9212e;
    border: 2px solid #e9212e;
    width: 55px;
    height: 55px;
    border-radius: 0%;
    color: #ffffff;
    font-size: 25px;
    line-height: 50px;
    font-weight: normal;
    cursor: pointer;
    display: none;
    text-align: center;
    transition: all 500ms ease 0s;
    z-index: 9999999999999;
    box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
}
.scroll-to-top-style2:hover {
    opacity: .5;
}



/* Form validation styles */
input:focus,
textarea:focus,
select:focus {
    border-color: #43c3ea;
    outline: none;
}

#contact-form input[type="text"].error{
    border-color: red;    
}
#contact-form input[type="email"].error{
  border-color: red;    
}
#contact-form select.error {
  border-color: red;
}
#contact-form textarea.error{
  border-color: red;    
}


/* Post pagination styles */
.post-pagination{
    position: relative;
    display: block;
}
.post-pagination.martop20{
    margin-top: 20px;
}
.post-pagination li {
    display: inline-block;
    margin: 0 3px;
}
.post-pagination li a {
    position: relative;
    display: block;
    background: #ffffff;
    border-radius: 0px;
    border: 1px solid #ededed;
    color: #2f2f2f;
    font-size: 18px;
    font-weight: 600;
    height: 50px;
    width: 50px;
    padding: 11px 0;
    transition: all 500ms ease 0s;
    font-family: 'Poppins', sans-serif;
}
.post-pagination li a i {
    position: relative;
    font-size: 20px;
}
.post-pagination li.active a, 
.post-pagination li:hover a {
    color: #fff;
    background: #e9212e;
    border: 1px solid #e9212e;
}




/* Post pagination styles 2 */
.post-pagination2{
    display: block;
    margin-top: 20px;
}
.post-pagination2 li {
    display: inline-block;
    margin: 0 3px;
}
.post-pagination2 li a {
    position: relative;
    display: block;
    color: #222222;
    font-size: 18px;
    font-weight: 600;
    height: 32px;
    width: 32px;
    line-height: 32px;
    text-align: center;
    transition: all 500ms ease 0s;
    font-family: 'Poppins', sans-serif;
    border-radius: 50%;
}
.post-pagination2 li.active a, 
.post-pagination2 li:hover a {
    background: #f36727;
    color: #ffffff;
}
.post-pagination2 li a.left {
    width: auto;
    height: auto;
    display: block;
    color: #868298;
    padding-right: 10px;
    transition: all 500ms ease;
}
.post-pagination2 li:hover a.left{
    background: none;
}
.post-pagination2 li a.left i {
    position: relative;
    top: 1px;
    display: inline-block;
    padding-right: 8px;
    font-size: 21px;
}
.post-pagination2 li a.left:hover{
    color: #f36727;
}

.post-pagination2 li a.right {
    width: auto;
    height: auto;
    display: block;
    color: #868298;
    padding-left: 10px;
    transition: all 500ms ease;
}
.post-pagination2 li a.right:hover{
    color: #f36727;    
}
.post-pagination2 li:hover a.right{
    background: none;
}
.post-pagination2 li a.right i {
    position: relative;
    top: 1px;
    display: inline-block;
    padding-left: 8px;
    font-size: 21px;
}






/* Overlay styles */
.overlay-style-one{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(233, 33, 48, 0.85);
    transition: all 700ms ease 100ms;
    opacity: 0;
    z-index: 2;
}
.overlay-style-one .box{
    display: table;
    height: 100%;
    width: 100%;    
}
.overlay-style-one .box .content{
    display: table-cell;
    text-align: center;
    vertical-align: middle;    
}

.overlay-style-two{
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    top: 0px;
    z-index: 2;
    opacity: 0;
    transition: all 900ms ease;    
}
.overlay-style-two:before{
	position: absolute;
	content: '';
	top: 0px;
	left: 0px;
	width: 100%;
	height: 50%;
	display: block;
	opacity: 0;
	text-align: center;
    transform: perspective(400px) rotateX(-90deg);
    transform-origin: top;
    transition: all 0.5s;
	background-color: rgba(0, 0, 0, 0.80);
}
.overlay-style-two:after{
	position: absolute;
	content: '';
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 50%;
	display: block;
	opacity: 0;
	text-align: center;
    transform: perspective(400px) rotateX(90deg);
    transform-origin: bottom;
    transition: all 0.5s;
	background-color: rgba(0, 0, 0, 0.80);
}



.review-box {
    position: relative;
    display: block;
    overflow: hidden;
    line-height: 16px;
}
.review-box ul {
    display: block;
    overflow: hidden;
}
.review-box ul li {
    display: inline-block;
    float: left;
    margin-right: 4px;
}
.review-box ul li:last-child{
    margin-right: 0px;    
}
.review-box ul li i {
    font-size: 16px;
    color: #e9212e;
}

.sociallinks-style-one{
}
.sociallinks-style-one li{
    display: inline-block;
    float: left;
    margin-right: 20px;
}
.sociallinks-style-one li:last-child{
    margin-right: 0px;
}
.sociallinks-style-one li a i{
    color: #9491a2;
    font-size: 15px;
    font-weight: 400;
    transition: all 500ms ease;
}
.sociallinks-style-one li a:hover i{
    color: #39345a;
}
.sociallinks-style-two{
    overflow: hidden;
}
.sociallinks-style-two li {
    display: inline-block;
    float: left;
    margin-right: 20px;
}
.sociallinks-style-two li:last-child{
    margin-right: 0px;    
}
.sociallinks-style-two li a i {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    background: #203260;
    border: 1px solid #31426c;
    border-radius: 50%;
    color: #ffffff;
    font-size: 14px;
    line-height: 48px;
    text-align: center;
    transition: all 500ms ease 0s;
}
.sociallinks-style-two li a:hover i{
    color: #3398fd;
    transform: rotate(360deg);
}




/* Update header Style */
@keyframes menu_sticky {
    0%   {margin-top:-90px;}
    50%  {margin-top: -74px;}
    100% {margin-top: 0;}
}





/*==============================================
    Top Bar Style1 Css
===============================================*/
.top-bar-style1 {
    position: relative;
    display: block;
    background: #26272b;
    padding: 19px 0 62px;
}
.top-style1{
    position: relative;
    display: block;
    text-align: center;
}
.top-style1 p{
    margin: 0;    
}
.top-style1 p a{
    color: #ffffff;  
    transition: all 300ms ease 100ms;
}
.top-style1 p a:hover{
    color: #828282;    
}



/*==============================================
    Main Header Css        
===============================================*/
.main-header {
    position: relative;
    display: block;
    z-index: 999;
}
.main-header.header-style1{}
.header-upper-style1{
    position: relative;
    display: block;  
    background: #f6f6f6;
}
.header-upper-style1.fixed-header .inner-container {
    position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    transition: all 900ms ease 100ms;
    z-index: 9999999999;
}
.header-upper-style1.fixed-header .logo-box-style1 {
    margin: 10px 0;
    transition: all 500ms ease 100ms;
}
.header-upper-style1.fixed-header .main-menu .navigation > li > a {
    padding: 29px 0px 27px;
    transition: all 500ms ease 100ms;
}
.header-upper-style1.fixed-header .outer-search-box {
    padding: 10px 0;
    transition: all 500ms ease 100ms;
}
.header-upper-style1.fixed-header .cart-box {
    margin: 10px 0;
    transition: all 500ms ease 100ms;
}


.header-upper-style1 .inner-container {
    position: relative;
    display: block;
    padding: 0 40px;
    margin-top: -45px;
    background: #ffffff;
    -webkit-box-shadow: 0px 4px 11px -1px #ECECEC; 
    box-shadow: 0px 4px 11px -1px #ECECEC;
    z-index: 9999999999;
}
.logo-box-style1 {
    position: relative;
    display: block;
    margin: 20px 0;
    transition: all 500ms ease 100ms;
}
.logo-box-style1 a{
    display: inline-block;
}
.main-menu-box{
    position: relative;
    display: block;
    margin-left: 17%;
}


.main-menu {
    position: relative;
    display: inline-block;
    float: right;
}
.main-menu .navbar-collapse {
    padding: 0px
}
.main-menu .navigation {
    position: relative;
}
.main-menu .navigation > li {
    position: relative;
    display: inline-block;
    float: right;
    margin-right: 20px;
}
.main-menu .navigation > li:last-child{
    margin-left: 0;
}
.main-menu .navigation > li > a {
    position: relative;
    display: block;
    color: #000000;
    font-size: 16px;
    line-height: 0px;
    font-weight: 600;
    text-transform: uppercase;
    /* opacity: 1; */
    padding: 39px 0px 37px;
    transition: all 300ms ease;
    font-family: "Almarai", Roboto, sans-serif;
    /* font: normal normal bold 15px/11px Almarai; */
}
.main-menu .navigation > li:hover > a, 
.main-menu .navigation > li.current > a {
    color: #96C73D;
}

.main-menu .navigation > li > ul {
    position: absolute;
    right: 0px;
    top: 130%;
    width: 270px;
    background: transparent;
    /* padding: 10px 0px 0; */
    visibility: hidden;
    opacity: 0;
    display: block;
    border-radius: 0px;
    transition: all 500ms ease;
    z-index: 100;
    text-align: right;
    background: #fff;
    border: solid 1px #e0e0e0;
    border-top: solid 5px #ffc107;
}
.main-menu .navigation > li > ul:before {
    position: absolute;
    top: 10px;
    left: 0;
    bottom: 0;
    width: 100%;
    /* background: #ffffff; */
    content: "";
    z-index: -1;
}
.main-menu .navigation > li:hover > ul {
    top: 100%;
    opacity: 1;
    visibility: visible;
}
.main-menu .navigation > li > ul > li {
    position: relative;
    display: block;
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
    transition: all 500ms ease;
    z-index: 1;
}
.main-menu .navigation > li > ul > li > a {
    position: relative;
    display: block;
    color: #000000;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    border-bottom: 1px solid #e2e8f0;
    text-transform: capitalize;
    transition: all 500ms ease 0s;
    padding: 16px 20px 15px 0px;
    /* padding-left: 0; */
    font-family: "Almarai", Roboto, sans-serif;
}
.main-menu .navigation > li > ul > li:last-child a{
    border-bottom: none;
}
.main-menu .navigation > li > ul > li > a:after {
    position: absolute;
    top: 0;
    right: 30px;
    bottom: 0;
    content: "";
    /* background: url(../images/icon/dropdown-menu-arrow.png); */
    width: 26px;
    height: 11px;
    opacity: 0;
    transform: scale(0);
    transition: all 500ms ease;
    margin: 20px 0;
}
.main-menu .navigation > li > ul > li:hover a:after{
    opacity: 1;
    transform: scale(1.0);
}
.main-menu .navigation > li > ul > li:hover > a {
    color: #96C73D;
    padding-right: 30px;
}


.main-menu .navigation > li > ul > li > ul {
    position: absolute;
    right: 100%;
    top: 20px;
    width: 270px;
    margin-left: 0px;
    visibility: hidden;
    opacity: 0;
    background: transparent;
    z-index: 100;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    transition: all 200ms ease;
}
.main-menu .navigation > li > ul > li > ul:before {
    position: absolute;
    left: 0px;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    content: "";
    z-index: -1;
    border-radius: 0px;
}
.main-menu .navigation > li > ul > li:hover > ul{
	visibility: visible;
	opacity: 1;
	top: 0px;
}
.main-menu .navigation > li > ul > li > ul > li{
    position: relative;
    display: block;
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
    transition: all 500ms ease;
}
.main-menu .navigation > li > ul > li > ul > li a{
    position: relative;
    display: block;
    color: #000000;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    border-bottom: 1px solid #e2e8f0 !important;
    text-transform: capitalize;
    transition: all 500ms ease 0s;
    padding: 16px 0px 15px;
    padding-right: 20px;
    font-family: "Almarai", Roboto, sans-serif;
}
.main-menu .navigation > li > ul > li > ul > li:last-child a{
    border-bottom: 0px !important;   
}
.main-menu .navigation > li > ul > li > ul > li a:before {
    position: absolute;
    top: 0;
    right: 30px;
    bottom: 0;
    content: "";
    /* background: url(../images/icon/dropdown-menu-arrow.png); */
    width: 26px;
    height: 11px;
    opacity: 0;
    transform: scale(0);
    transition: all 500ms ease;
    margin: 20px 0;
}
.main-menu .navigation > li > ul > li > ul > li:hover a:before{
    opacity: 1;
    transform: scale(1.0) !important;
}
.main-menu .navigation > li > ul > li > ul > li:hover > a {
    color: #96c73d;
    padding-right: 30px;
}



/*
.main-menu .navigation li ul li.dropdown{
    position: relative;
    display: block;
    width: 100%;
}
.main-menu .navigation li ul li.dropdown:after{
    position: absolute;
    font-family: 'FontAwesome';
    content: "\f105";
    font-size: 18px;
    line-height: 30px; 
    display: block;
    top: 0;
    bottom: 0;
    right: 30px;
    margin: 11px 0;
    color: #8d8d8d;
}
**/
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
    position: absolute;
    left: 10px;
    top: 6px;
    width: 34px;
    height: 30px;
    border: 1px solid #ffffff;
    background: url(../images/icon/submenu-icon.png) center center no-repeat;
    background-size: 20px;
    cursor: pointer;
    z-index: 5;
    display: none;
    border-radius: 3px;
}



.mainmenu-right {
    position: relative;
    display: inline-block;
    float: right;
    margin-left: 30px;
}
.outer-search-box {
    position: relative;
    display: inline-block;
    float: left;
    padding: 10px 0;
    margin-left: 20px;
    transition: all 500ms ease 100ms;
}
.outer-search-box .seach-toggle {
    position: relative;
    display: block;
    color: #27282c;
    font-size: 16px;
    line-height: 50px;
    cursor: pointer;
    text-align: center;
    height: 50px;
    width: 50px;
    border-radius: 3px;
    margin: 0;
    border-right: 1px solid #ededed;
    transition: all 500ms ease;
}
.outer-search-box .seach-toggle:hover,
.outer-search-box .seach-toggle.active{
    color: #e9212e;
    background: #ededed;
}
.search-box {
    position: absolute;
    top: 30px;
    left: 0%;
    background: #27282c;
    opacity: 0;
    padding: 10px 0 10px 0;
    transition: all 500ms ease 0s;
    visibility: hidden;
    z-index: 100;
    margin-left: 0;
}
.search-box.now-visible {
    top: 30px;
    opacity: 1;
    visibility: visible;
    z-index: 99999;
}
.search-box .form-group{
    position:relative;
    padding: 0px;
    margin: 0px;
    width: 100%;
    min-width: 260px;
}
.search-box .form-group input[type="search"] {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #1f1f23;
    color: #000000;
    display: block;
    font-size: 13px;
    line-height: 24px;
    position: relative;
    transition: all 500ms ease 0s;
    width: 100%;
    height: 45px;
    padding-left: 10px;
    padding-right: 50px;
}
.search-box .form-group input[type="search"]:focus{
    border-color: #f5f5f5;	
}
.search-box .form-group button, 
.search-box .form-group input[type="submit"] {
    position: absolute;
    right: 0;
    top: 0px;
    display: block;
    cursor: pointer;
    background: #96c73d;
    color: #fff;
    font-size: 13px;
    height: 45px;
    /* line-height: 45px; */
    width: 45px;
    transition: all 500ms ease 0s;
}
.search-box .form-group button:hover,
.search-box .form-group input:focus + button{
    color: #222222;
    background: #f5f5f5;
}

.cart-box {
    position: relative;
    display: inline-block;
    float: right;
    height: 50px;
    padding: 15px 0;
    margin: 20px 0;
    transition: all 500ms ease 100ms;
}
.cart-box a{
    display: inline-block;
    font-family: 'Rubik', sans-serif;
}
.cart-box a span:before{
    position: relative;
    display: inline-block;
    float: left;
    color: #27282c;
    font-size: 20px;
    line-height: 20px;
    padding-right: 6px;
    transition: all 500ms ease;
}
.cart-box a:hover span:before{
    color: #e9212e;    
}
.cart-box a span.number {
    position: relative;
    display: inline-block;
    float: left;
    color: #e9212e;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
}



.header-lower-style1 {
    position: relative;
    display: block;
    background: #f6f6f6;
    padding: 30px 0;
}
.header-lower-style1 .inner-content{
    position: relative;
    display: block; 
    border-right: 1px solid #dddddd;
}
.header-contact-info {
    position: relative;
    display: block;
    border-left: 1px solid #dddddd;
    padding-left: 20px;
}
.header-contact-info li {
    position: relative;
    display: inline-block;
    float: left;
    border-right: 1px solid #dddddd;
    padding-right: 30px;
    margin-right: 30px;
}
.header-contact-info li:last-child{
    margin-right: 0;
}
.header-contact-info li .single-item{
    position: relative;
    display: block;
}
.header-contact-info li .single-item .icon{
    width: 50px;
}
.header-contact-info li .single-item .icon span:before {
    position: relative;
    top: 2px;
    color: #b7b7b7;
    font-size: 50px;
    line-height: 50px;
    transition: all 300ms ease 100ms;
}
.header-contact-info li:hover .single-item .icon span:before{
    color: #e9212e;    
}
.header-contact-info li .single-item .icon,
.header-contact-info li .single-item .text{
    display: table-cell;
    vertical-align: middle;
}

.header-contact-info li .single-item .text{
    padding-left: 15px;
}
.header-contact-info li .single-item .text h3{
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: 'Rubik', sans-serif;
}
.header-contact-info li .single-item .text p{
    line-height: 18px;
    margin: 6px 0 0;
}

.header-social-links-style1 {
    position: relative;
    display: block;
    padding-right: 20px;
    margin: 2px 0 3px;
}
.header-social-links-style1 li{
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 15px;
}
.header-social-links-style1 li:last-child{
    margin-right: 0;
}
.header-social-links-style1 li a{}
.header-social-links-style1 li a i{
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #ffffff;
    color: #7c7e84;
    font-size: 14px;
    line-height: 50px;
    text-align: center;
    transition: all 700ms ease 100ms; 
}
.header-social-links-style1 li a:hover i{
    color: #ffffff;
    background: #e9212e;
    transform: rotate(360deg);
}



/*** 
=====================================================
	Main Slider style
=====================================================
***/
.main-slider {
    position: relative;
    z-index: 10;
}
.main-slider .tp-caption{
	z-index:5 ;
}
.main-slider .tp-dottedoverlay{
    background: none !important;
}
.main-slider .tparrows {
    top: 40% !important;
}   

.main-slider .slide-content{
    position: relative;
    display: block;
}
.main-slider .slide-content .big-title{
	position: relative;
	color: #ffffff;
	font-size: 72px;
	line-height: 1.1em;
	font-weight: 700;
    text-transform: none;
    font-family: 'Poppins', sans-serif;
}
.main-slider .slide-content .text{
	position: relative;
    display: block;
	color: #ffffff;
	font-size: 18px;
	line-height: 1.5em;
	font-weight: 400;
    letter-spacing: normal;
    text-transform: none;
    font-family: 'Rubik', sans-serif;
}
.main-slider .slide-content .btn-box{}
.main-slider .slide-content .btn-box a{margin-top: 80px;}
.main-slider .slide-content .btn-box a.project-view-button {
    position: relative;
    display: inline-block;
    margin-left: 35px;
    color: #ffffff;
    font-size: 15px;
    line-height: 56px;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    transition: all 500ms ease;
}
.main-slider .slide-content .btn-box a.project-view-button:hover{
    color: #e9212e;
}
.main-slider .slide-content .btn-box a.project-view-button:before {
    position: absolute;
    left: 0;
    bottom: 16px;
    right: 0;
    height: 2px;
    background: #ffffff;
    content: "";
}



/*** 
=====================================================
	Main Slider Style2 style
=====================================================
***/
.main-slider.style2 {
    position: relative;
    display: block;
    z-index: -1;
}
.main-slider.style2 .slide-content .big-title{
	position: relative;
	color: #96C73D;
	font-size: 36px;
	line-height: 1.2em;
	font-weight: 600;
	text-transform: uppercase;
	font-family: "Almarai", Roboto, sans-serif;
	margin-top: -29px;
}

.main-slider.style2 .slide-content .big-title1{
	position: relative;
	color: #000;
	font-size: 22px;
	line-height: 1.2em;
	font-weight: 600;
	/* text-transform: uppercase; */
	font-family: "Almarai", Roboto, sans-serif;
	margin-top: 15px;
}


.main-slider.style2 .slide-content .text{
	position: relative;
	display: block;
	color: #707070;
	font-size: 15px;
	line-height: 1.7em;
	font-weight: 500;
	letter-spacing: normal;
	text-transform: none;
	font-family: "Almarai", Roboto, sans-serif;
	direction: rtl;
	text-align: justify;
}
.main-slider.style2 .slide-content .btn-box a.play-button{
    width: 70px;
}
.main-slider.style2 .slide-content .btn-box a.play-button,
.main-slider.style2 .slide-content .btn-box a.slide-style2-button{
    display: table-cell;
    vertical-align: middle;
}


.main-slider.style2 .slide-content .btn-box a.play-button{
    position: relative;
    display: inline-block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #e9212e;
    text-align: center; 
}
.main-slider.style2 .slide-content .btn-box a.play-button span:before{
    position: relative;
    display: block;
    color: #ffffff;
    font-size: 30px;
    line-height: 70px;
}
.main-slider.style2 .slide-content .btn-box a.slide-style2-button {
    position: relative;
    display: inline-block;
    margin-left: 25px;
    color: #ffffff;
    font-size: 15px;
    line-height: 70px;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    transition: all 500ms ease;
}
.main-slider.style2 .slide-content .btn-box a.slide-style2-button:before {
    position: absolute;
    left: 0;
    bottom: 25px;
    right: 0;
    height: 2px;
    background: #ffffff;
    content: "";
}


.main-slider.style2 .tp-bullets {
    position: absolute;
    top: 70% !important;
    right: 20px !important;
    opacity: 1 !important;
    display: flex;
    text-align: center;
    width: auto !important;
    text-align: right;
    /* left: auto !important; */
    transform: none !important;
    visibility: inherit !important;
    left: 10%!important;
}
.main-slider.style2 .hermes .tp-bullet {
    position: relative !important;
    display: block !important;
    right: 0 !important;
    margin: 10px 10px !important;
    left: auto !important;
    top: auto !important;
    width: 12px;
    height: 12px;
    opacity: 1;
    visibility: inherit !important;
}
.main-slider.style2 .hermes .tp-bullet:after {
    position: absolute;
    content: ' ';
    bottom: 0;
    height: 0;
    left: 0;
    width: 100%;
    background-color: #FFF;
    box-shadow: 0 0 1px #FFF;
    -webkit-transition: height 0.3s ease;
    transition: height 0.3s ease;
}
.tp-bullet.selected, 
.tp-bullet:hover {
    background: #96C73D;
}



/*** 
=====================================================
	Main Slider Style3 style
=====================================================
***/
.main-slider.style3 .slide-content .big-title{
	position: relative;
	color: #ffffff;
	font-size: 72px;
	line-height: 1.2em;
	font-weight: 700;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
}
.main-slider.style3 .slide-content .text{
	position: relative;
    display: block;
	color: #ffffff;
	font-size: 18px;
	line-height: 1.6em;
	font-weight: 400;
    letter-spacing: normal;
    text-transform: none;
    font-family: 'Rubik', sans-serif;
}
.main-slider.style3 .slide-content .btn-box a{
    
}





/*** 
=============================================
    About Area style      
=============================================
***/
.highlights-area{
    position: relative;
    display: block;
    background: transparent;
    margin-top: -135px;
    z-index: 100;
}
.single-highlight-box{
    position: relative;
    display: block;
    background: transparent;
    padding-top: 55px;
    margin-bottom: 50px;
}
.single-highlight-box .icon-holder{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 110px;
    height: 110px;
    background: #ffffff;
    margin: 0 auto;
    border-radius: 50%;
    border: 3px solid #e9212e;
    text-align: center;
    z-index: 3;
}
.single-highlight-box .icon-holder::before {
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    content: "";
    background: #e9212e;
    border-radius: 50%;
    transition: all 0.5s ease-in-out 0s;
    transform-style: preserve-3d;
    transform: perspective(1200px) rotateY(-90deg) translateZ(0px);
    opacity: 0;
    z-index: -1;
}
.single-highlight-box:hover .icon-holder::before{
	transform: perspective(1200px) rotateY(0deg) translateZ(0px);
	transition-delay: 0.1s;
    opacity: 1;
}

.single-highlight-box .icon-holder span:before {
    display: block;
    color: #b3b3b3;
    font-size: 50px;
    line-height: 104px;
    transition: all 0.7s ease-in-out 0s;
}
.single-highlight-box:hover .icon-holder span:before{
    color: #ffffff;
}
.single-highlight-box .inner-content{
    position: relative;
    display: block;
    background: #ffffff;
    padding-top: 55px;
    box-shadow: 0px 4px 11px -1px #ECECEC;  
}

.single-highlight-box .inner-content .text{
    position: relative;
    display: block;
    padding: 26px 30px 32px;  
}

.single-highlight-box .inner-content h3 {
    font-weight: 600;
    margin: 0px 0 18px;
}
.single-highlight-box .inner-content p{
    margin: 0;
}
.single-highlight-box .inner-content a{
    position: relative;
    display: block;
    background: #f6f6f6;
    color: #27282c;
}
.single-highlight-box:hover .inner-content a{
    color: #e9212e;    
}



/*** 
=============================================
    About Area style      
=============================================
***/
.about-area{
    position: relative;
    display: block;
    /* padding-top: 40px; */
    /* padding-bottom: 40px; */
    direction: rtl;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 100px 0 100px 0;
}
.about-image-box {
    position: relative;
    display: block;
    max-width: 470px;
    width: 100%;
    background: #f6f6f6;
    padding-top: 60px;
    padding-left: 60px;
}
.about-image-box:before{
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 100%;
    background: #ffffff;
    content: "";
    z-index: 1;
}
.about-image-box .inner-box{
    position: relative;
    display: block;
    z-index: 2;
}
.about-image-box .inner-box img{
    width: 100%;
}
.about-image-box .inner-box .overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.about-image-box .inner-box .overlay .box{
    display: table;
    width: 100%;
    height: 100%;
}
.about-image-box .inner-box .overlay .box .icon{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.about-image-box .inner-box .overlay .box .icon img{
    width: auto;
}


.about-image-box .text-box {
    position: relative;
    display: block;
    padding-top: 33px;
    padding-bottom: 52px;
    padding-right: 20px;
    margin-right: 60px;
    z-index: 1;
}
.about-image-box .text-box:before {
    position: absolute;
    right: 40px;
    bottom: 30px;
    font-family: 'icomoon';
    content: "\e939";
    color: #ebebeb;
    font-size: 70px;
    line-height: 70px;
    transform: perspective(1200px) rotateX(180deg) translateZ(0px);
    z-index: -1;
}
.about-image-box .text-box p {
    color: #828282;
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 17px;
}
.about-image-box .text-box h3{
    color: #3a3a3a;
    font-size: 18px;
    font-weight: 600;
}
.about-image-box .text-box h3 span{
    color: #e9212e;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
}


.about-text{
    position: relative;
    display: block;
    padding-right: 0px;
    margin-top: 9%;
}
.about-text .sec-title {
    padding-bottom: 4px;
}
.about-text .inner-content{
    position: relative;
    display: block;    
}
.about-text .inner-content .text {
    display: block;
    padding-bottom: 26px;
}

.about-carousel-box{
    position: relative;
    display: block;
    /* background: #e9212e; */
    padding: 19px 41px 19px;
    z-index: 1;
}
.about-carousel-box:before {
    position: absolute;
    left: 40px;
    bottom: -30px;
    font-family: "Flaticon";
    /* content: "\f103"; */
    /* color: #e9212e; */
    font-size: 40px;
    line-height: 40px;
    transform: perspective(1200px) rotateY(180deg) translateZ(0px);
}
.about-carousel-box .single-box{
    position: relative;
    display: block;
}
.about-carousel-box .single-box .icon-holder{
    width: 90px;
}
.about-carousel-box .single-box .icon-holder span:before{
    color: #ffffff;
    font-size: 90px;
    line-height: 90px;
    margin-left: 1px;
}

.about-carousel-box .single-box .icon-holder,
.about-carousel-box .single-box .text-holder{
    display: table-cell;
    vertical-align: middle;
}
.about-carousel-box .single-box .text-holder{
    padding-left: 30px;
}
.about-carousel-box .single-box .text-holder h3{
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 21px;
    text-decoration: underline;
}
.about-carousel-box .single-box .text-holder p{
    color: #ffffff;
    margin: 0;
}

.about-carousel-box.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    padding-bottom: 0px;
}
.about-carousel-box .owl-dots {
    /* position: absolute; */
    /* margin-top: 105px !important; */
    height: 25px;
    line-height: 25px;
    /* left: -10px; */
    margin: 0 auto;
    direction: rtl;
}
.about-carousel-box .owl-dots .owl-dot{
	background-image: none;
	width: 20px;
	height: 5px;
	margin: 0px 10px;
    background: #e1e1e1;
    border: 2px solid #e1e1e1;
	padding: 0px;
	border-radius: 0%;
	transition: all 500ms ease;
	display: inline-block;
}
.about-carousel-box .owl-dots .owl-dot span{
	display: none;	
}
.about-carousel-box .owl-dots .owl-dot.active{
	background: #E9B51C;
	border-color: #E9B51C;
}



/*** 
=============================================
    Working Area style
=============================================
***/
.working-area {
    position: relative;
    display: block;
    background-attachment: fixed;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    padding: 110px 0 60px;
    z-index: 1;
}
.working-area::before {
    background: rgba(40, 41, 46, 0.97) none repeat scroll 0 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: "";
    z-index: -1;
} 
.single-working-box{
    position: relative;
    display: block;
    margin-bottom: 30px;
}
.single-working-box .img-holder{
    position: relative;
    display: block;
}
.single-working-box .img-holder .inner{
    position: relative;
    display: block;
    overflow: hidden;
}
.single-working-box .img-holder .inner img{
    /* width: 100%;*/
    transform: scale(1.01);
    transition: all 700ms ease 300ms;
    width: 380px;
    height: 275px;
}
.single-working-box:hover .img-holder .inner img{
    transform:scale(1.2) rotate(2deg);	
} 
.single-working-box .img-holder .inner .overlay-style-one{
    background-color: rgb(0 0 0 / 25%);
}
.single-working-box:hover .img-holder .inner .overlay-style-one{
    opacity: 1;    
}

.single-working-box .img-holder .inner:before,
.single-working-box .img-holder .inner:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
    transition: all 700ms ease 500ms;
    border-radius: 0px;
    z-index: 3;
}
.single-working-box .img-holder .inner:before {
    transform: scale(0, 1);
    transform-origin: bottom center;
    border-top: 4px solid #96c73d;
    border-bottom: 4px solid #96c73d;
}
.single-working-box:hover .img-holder .inner:before {
    transform: scale(1, 1);
}
.single-working-box .img-holder .inner:after {
    transform: scale(1, 0);
    transform-origin: left center;
    border-left: 4px solid #96c73d;
    border-right: 4px solid #96c73d;
}
.single-working-box:hover .img-holder .inner:after{
    transform: scale(1, 1);    
}

.single-working-box .text-holder{
    position: relative;
    display: block;
    background: #ffffff;
    margin: 0 20px;
    margin-top: -40px;
    z-index: 5;
}
.single-working-box .text-holder .plus-icon-box {
    position: absolute;
    right: 30px;
    top: -25px;
    width: 50px;
    height: 50px;
    background: #e9212e;
    border-radius: 50%;
    text-align: center;
    display: block;
    padding: 15px 0;
    transition: all 300ms ease 100ms;
}

.single-working-box:hover .text-holder .plus-icon-box {
    top: -50px;
    height: 75px;
    background: #e9212e;
    border-radius: 25px 25px 0px 0px;
    padding: 27px 0;
}

.single-working-box .text-holder .plus-icon-box span:before{
    display: block;
    color: #ffffff;
    font-size: 20px;
    line-height: 20px;
}

.single-working-box .text-holder .outer-box {
    position: relative;
    display: block;
    padding-left: 70px;
    padding-top: 35px;
    padding-bottom: 32px;
}
.single-working-box .text-holder .outer-box .icon{
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    height: 100%;
    background: rgb(237,237,237);
    background: linear-gradient(0deg, rgba(237,237,237,1) 0%, rgba(237,237,237,0) 0%, rgba(237,237,237,1) 100%, rgba(32,50,96,0) 100%, rgba(32,50,96,0.6530987394957983) 100%, rgba(80,166,253,1) 100%, rgba(93,173,253,1) 100%);
}
.single-working-box .text-holder .outer-box .icon .inner {
    display: table;
    width: 100%;
    height: 100%;
}
.single-working-box .text-holder .outer-box .icon .inner .box{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.single-working-box .text-holder .outer-box .icon .inner .box span:before{
    color: #e9212e;
    font-size: 35px;
    line-height: 35px;
}

.single-working-box .text-holder .outer-box .text{
    position: relative;
    display: block;
    padding-left: 30px;
}
.single-working-box .text-holder .outer-box .text h3{
    color: #27282c;
    font-weight: 600;
    margin: 0 0 13px;
}
.single-working-box .text-holder .outer-box .text p{
    margin: 0;
}



/*** 
=============================================
    Recently Project Area style
=============================================
***/
.recently-project-area{
    position: relative;
    display: block;
    padding: 110px 0 108px;
}
.recently-project-area .container-fluid {
    padding-right: 10px;
    padding-left: 10px;
}
.more-project-button {
    position: absolute;
    bottom: 8px;
    left: 16px;
    display: block;
    margin-top: 19px;
}
.single-project-style1{
    position: relative;
    display: block;
    z-index: 6;
}
.single-project-style1 .img-holder{
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 5;
}
.single-project-style1 .img-holder img{
    width: 100%;
    transform: scale(1.01);
    transition: all 700ms ease;
}
.single-project-style1:hover .img-holder img {
    transform:scale(1.2) rotate(2deg);	
}
.single-project-style1 .overlay-content{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, 0.80);
    transform: scaleX(0);
    transition: all 700ms ease 100ms;
}
.single-project-style1:hover .overlay-content{
    transform: scaleY(1);
}
.single-project-style1 .overlay-content .inner-content{
    display: table;
    width: 100%;
    height: 100%;
}
.single-project-style1 .overlay-content .inner-content .link-box {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    opacity: 0;
    transform-style: preserve-3d;
    transform: perspective(1200px) rotateX(90deg) translateZ(-45px);
    transition: all 300ms ease 100ms;
}
.single-project-style1:hover .overlay-content .inner-content .link-box{
    opacity: 1;
    transform: translate3d(0px, 0px, 0px); 
    transition: all 700ms ease 500ms;
}
.single-project-style1 .overlay-content .inner-content .link-box a {
    background: #ffffff;
    color: #27282c;
    line-height: 55px;
    padding: 0 25px 0;
}
.single-project-style1 .overlay-content .inner-content .link-box a:hover{
    color: #ffffff;
    background: #e9212e;  
}

.single-project-style1 .img-holder .title-box {
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    text-align: center;
    display: block;
    padding-bottom: 34px;
    transform-style: preserve-3d;
    transform: perspective(1200px) rotateX(90deg) translateZ(-45px);
    opacity: 0;
    transition: all 300ms ease 200ms;
    z-index: 3;
}
.single-project-style1:hover .img-holder .title-box{
    transform: translate3d(0px, 0px, 0px); 
    opacity: 1;
    transition: all 700ms ease 800ms;    
}
.single-project-style1 .img-holder .title-box span{
    color: #95979c;
}
.single-project-style1 .img-holder .title-box h3{
    color: #ffffff;
    font-weight: 600;
    margin: 3px 0 0;
}

.project-carousel.owl-carousel .owl-stage-outer{
	padding: 0px;
}
.project-carousel .owl-dots {
    position: relative;
    display: block !important;
    margin-top: 43px !important;
    line-height: 14px;
}
.project-carousel .owl-dots .owl-dot{
	background-image: none;
	width: 20px;
	height: 5px;
	margin: 0px 10px;
    background: #e1e1e1;
    border: 2px solid #e1e1e1;
	padding: 0px;
	border-radius: 0%;
	transition: all 500ms ease;
	display: inline-block;
}
.project-carousel .owl-dots .owl-dot span{
	display:none;	
}
.project-carousel .owl-dots .owl-dot.active{
	background: #e9212e;
    border-color: #e9212e;
}



/*** 
=============================================
    Working Process area Style      
=============================================
***/
.working-process-area{
    position: relative;
    display: block;
    background: #F8F8F8;
    padding: 40px 0 40px;
    z-index: 2;
    direction: ltl;
    margin: 100px 0 100px 0;
}

.single-working-process{
    position: relative;
    display: block;
    padding-top: 40px;
    background: transparent;
	transition:all 500ms ease;
    margin-bottom: 60px;
}
.single-working-process:hover{
    transform:translateY(-10px);
}
.single-working-process .top-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 90px;
    height: 90px;
    display: block;
    border: 3px solid #e9212e;
    padding: 27px 0;
    background: #ffffff;
    border-radius: 50%;
    text-align: center;
    margin: 0 auto;
    z-index: 3;
}
.single-working-process .top-box::before {
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    content: "";
    background: #e9212e;
    border-radius: 50%;
    transition: all 0.5s ease-in-out 0s;
    transform-style: preserve-3d;
    transform: perspective(1200px) rotateY(-90deg) translateZ(0px);
    opacity: 0;
    z-index: -1;
}
.single-working-process:hover .top-box::before{
	transform: perspective(1200px) rotateY(0deg) translateZ(0px);
	transition-delay: 0.1s;
    opacity: 1;
}
.single-working-process .top-box span{
    color: #27282c;
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    text-transform: uppercase;
    transition: all 700ms ease 100ms;
}
.single-working-process:hover .top-box span{
    color: #ffffff; 
    transition: all 700ms ease 500ms;
}


.single-working-process .inner{
    position: relative;
    display: block;
    padding: 82px 30px 50px;
    background: #ffffff;
    border-top: 3px solid #e9212e;
    -webkit-box-shadow: 0px 6px 10px 3px #e8e8e8; 
    box-shadow: 0px 6px 10px 3px #e8e8e8;
    transition: all 300ms ease;
}
.single-working-process:hover .inner{
    box-shadow: none;
}
.single-working-process .inner h3{
    color: #27282c;
    font-weight: 600;
    margin: 0 0 18px;
}
.single-working-process .inner p{
    margin: 0;
}

.single-working-process .inner .icon-holder{
    position: relative;
    display: block;
    padding-top: 22px;
}
.single-working-process .inner .icon-holder span:before{
    color: #bababa;
    font-size: 80px;
    line-height: 80px;
    transition: all 700ms ease 500ms;
}
.single-working-process:hover .inner .icon-holder span:before{
    color: #e9212e;
    transition: all 700ms ease 500ms;
}



/*** 
=============================================
    Slogan area style
=============================================
***/
.slogan-area {
    position: relative;
    display: block;
    background: #e9212e;
    padding: 35px 0;
}

.slogan-area .title {
    position: relative;
    display: block;
}
.slogan-area .title h3{
    color: #ffffff;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
}
.slogan-area .button {
    position: relative;
    display: block;  
}
.slogan-area .button a{
    color: #27282c;
    background: #ffffff;
}
.slogan-area .button a:hover{
    color: #ffffff;
    background: #e11f2c;
}



/*** 
=============================================
    Testimonial Area Style      
=============================================
***/
.testimonial-area {
    position: relative;
    display: block;
    padding: 110px 0 60px;
    background: #ffffff;
}
.more-reviews-button {
    position: relative;
    display: block;
    margin-top: 39px;
}

.single-testimonial-item{
    position: relative;
    display: block;
    background: #ffffff;
    -webkit-box-shadow: 0px 2px 10px 3px #f6f6f6; 
    box-shadow: 0px 2px 10px 3px #f6f6f6;
    margin-bottom: 50px;
}
.single-testimonial-item .inner-content{
    position: relative;
    display: block;
    padding: 55px 30px 52px;
    background: #ffffff;
}
.single-testimonial-item .inner-content .client-info{
    position: relative;
    display: block; 
    padding-bottom: 22px;
}
.single-testimonial-item .inner-content .client-info h3{
    color: #3a3a3a;
    font-weight: 600;
    margin: 0 0 3px;
}
.single-testimonial-item .inner-content .client-info span{
}
.single-testimonial-item .inner-content .img-box{
    position: relative;
    display: block;
    overflow: hidden;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 50%;
    z-index: 2;
}
.single-testimonial-item .inner-content .img-box::before {
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    content: "";
    background: rgba(0, 0, 0, 0.70);
    border-radius: 50%;
    transition: all 0.5s ease-in-out 0s;
    transform-style: preserve-3d;
    transform: perspective(1200px) rotateY(-90deg) translateZ(0px);
    opacity: 0;
    z-index: 4;
}
.single-testimonial-item:hover .inner-content .img-box::before{
	transform: perspective(1200px) rotateY(0deg) translateZ(0px);
	transition-delay: 0.1s;
    opacity: 1;
}
.single-testimonial-item .inner-content .img-box img{
    width: 100%;
    transition: all 700ms ease 800ms;
    border-radius: 50%;
}
.single-testimonial-item:hover .inner-content .img-box img{
    transform: rotate(360deg);	    
}
.single-testimonial-item .inner-content .text-box{
    position: relative;
    display: block;
    padding-top: 24px;
}
.single-testimonial-item .inner-content .text-box p{
    margin: 0;
}
.single-testimonial-item .quote-icon{
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 70px;
    background: #e9212e;
    z-index: 3;
}
.single-testimonial-item .quote-icon span:before{
    color: #ffffff;
    font-size: 30px;
    display: block;
    padding: 20px 0;
}



/*** 
=============================================
    appointment Area Style      
=============================================
***/
.appointment-area {
    position: relative;
    display: block;
    background: #27282c;
    background-position: top right;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: auto;
    padding-top: 110px;
    padding-bottom: 110px;
    z-index: 1;
}
.map-content-box .sec-title .title{
    color: #ffffff;    
}

.map-content-box .inner{
    position: relative;
    display: block;
    max-width: 570px;
    width: 100%;
    margin: 0 auto;
    z-index: 99;
}
.map-content-box .inner .overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.map-content-box .inner .overlay .single-location-box{
    position: absolute;
}
.map-content-box .inner .overlay .single-location-box.one {
    top: 60px;
    left: 70px;
}
.map-content-box .inner .overlay .single-location-box.two{
    top: 100px;
    left: 50%;    
}
.map-content-box .inner .overlay .single-location-box.three{
    left: 150px; 
    bottom: 70px;
}
.map-content-box .inner .overlay .single-location-box.four{
    right: 50px;
    bottom: 60px;
}



.map-content-box .inner .overlay .marker-box{
    display: inline-block;
}
.map-content-box .inner .overlay .marker-box span:before{
    color: #ffffff;
    font-size: 50px;
    line-height: 50px;
    cursor: pointer;
}

.map-content-box .inner .overlay .location-info {
    position: absolute;
    left: -10px;
    bottom: 100px;
    width: 270px;
    opacity: 0;
    visibility: hidden;
    padding: 25px 30px 22px;
    padding-right: 20px;
    margin-left: 0;
    border-radius: 0px;
    background-color: #ffffff;
    transition: all 0.3s ease;
    z-index: 9999999999;
}
.map-content-box .inner .overlay .location-info:before {
    position: absolute;
    left: 30px;
    bottom: -30px;
    font-family: "Flaticon";
    content: "\f103";
    color: #ffffff;
    font-size: 40px;
    line-height: 40px;
    transform: perspective(1200px) rotateY(180deg) translateZ(0px);
}


.map-content-box .inner .overlay .single-location-box:hover .location-info  {
    opacity: 1;
    visibility: visible;
    bottom: 90px;
}
.map-content-box .inner .overlay .single-location-box:hover .marker-box span:before{
    color: #e9212e;
    transition: all 500ms ease;
}
.map-content-box .inner .overlay .location-info h3{
    color: #27282c;
    font-weight: 700;
    margin: 0 0 13px;
}
.map-content-box .inner .overlay .location-info p{
    margin: 0;    
}


.appointment-box{
    position: relative;
    display: block;
    padding: 44px 50px 50px;
    max-width: 570px;
    width: 100%;
    background: #ffffff;
}
.appointment-box .title-box{
    position: relative;
    display: block;  
    padding-bottom: 22px;
}
.appointment-box .title-box h2{
    color: #27282c;
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    margin: 0 0 10px;
}
.appointment-box .title-box span{}

.appointment{
    position: relative;
    display: block;
}
.appointment-form .single-box{
    position: relative;
    display: block;
}
.appointment-form input[type="text"], 
.appointment-form input[type="email"], 
.appointment-form textarea {
    position: relative;
    display: block;
    padding: 0 20px;
    border: 1px solid #ededed;
    background: #ffffff;
    color: #7c7e84;
    font-size: 15px;
    font-weight: 400;
    width: 100%;
    height: 60px;
    margin-bottom: 20px;
    border-radius: 5px;
    transition: all 500ms ease; 
}
.appointment-form input[type="text"]:focus{
    border-color: #96C73D;    
}
.appointment-form input[type="email"]:focus{
    border-color: #96C73D;     
}
.appointment-form input[type="password"]:focus{
    border-color: #96C73D;     
}
.appointment-form .single-box button{
    display: block;
    width: 100%;
    background: #e9212e;
    color: #ffffff;
    margin-top: 20px;
    border-radius: 5px;
}
.appointment-form input::-webkit-input-placeholder {
    color: #444343;
}
.appointment-form input:-moz-placeholder {
    color: #444343;
}
.appointment-form input::-moz-placeholder {
    color: #444343;
}
.appointment-form input:-ms-input-placeholder {
    color: #444343;
}

.appointment-form .single-box .bootstrap-select {
    position: relative;
    display: block;
}
.appointment-form .single-box .bootstrap-select>.dropdown-toggle {
    outline: none !important;
    border-radius: 5px;
    border: 1px solid #edf2f7;
    height: 60px;
    background-color: transparent;
    padding: 0;
    padding-left: 20px;
    color: #83888d;
    line-height: 60px;
    margin: 0;
    box-shadow: none !important;
}
.appointment-form .single-box .bootstrap-select>.dropdown-toggle::after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: auto;
    height: auto;
    font-family: 'FontAwesome';
    content: '\f107';
    color: #83888d;
    font-size: 18px;
    transform: translateY(-50%);
    margin: 0;
    border: none;
}
.appointment-form .single-box .bootstrap-select .dropdown-menu {
    margin: 0;
    padding: 0;
    border-radius: 0;
    border: 0px solid #ddd;
    background: #f9f9f9;
    font-size: 16px;
    color: #000000;
}
.appointment-form .single-box .dropdown-item {
    display: block;
    width: 100%;
    padding: 9px 20px 9px;
    font-weight: 400;
    color: #222222;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    transition: all 500ms ease;
}
.appointment-form .single-box .dropdown-item.active,
.appointment-form .single-box .dropdown-item:active {
    background: #e9212e;
    color: #fff;
}
.appointment-form .single-box .dropdown-item:hover {
    background: #e9212e;
    color: #fff;
}



/*** 
=============================================
    Latest blog Area style
=============================================
***/
.latest-blog-area {
    position: relative;
    display: block;
    background: #ffffff;
    padding-top: 110px;
    padding-bottom: 50px;
}
.single-blog-post {
    position: relative;
    display: block;
    margin-bottom: 52px;
}
.single-blog-post .img-holder {
    position: relative;
    display: block;
    overflow: hidden;
}
.single-blog-post:hover .overlay-style-two{
	opacity: 1;
}
.single-blog-post:hover .img-holder .overlay-style-two:before{
	opacity: 1;
    transform: perspective(400px) rotateX(0deg);
    transition: all 700ms ease 100ms;	
}
.single-blog-post:hover .img-holder .overlay-style-two:after{
	opacity: 1;
    transform: perspective(400px) rotateX(0deg);
    transition: all 700ms ease 300ms;	
}
.single-blog-post .img-holder img {
    width: 100%;
    transform: scale(1.01);
    transition: all 700ms ease;
    max-height: 200px;
}
.single-blog-post:hover .img-holder img {
    transform:scale(1.2) rotate(2deg);	
}

.single-blog-post .img-holder .overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    transform: translate3d(0px, -100%, 0px);
    transition: all 700ms ease 300ms;
}
.single-blog-post:hover .img-holder .overlay{
    transition: all 700ms ease 500ms;
    transform: translate3d(0px, 0px, 0px);      
}
.single-blog-post .img-holder .overlay .box{
    display: table;
    width: 100%;
    height: 100%;
}
.single-blog-post .img-holder .overlay .box .link-icon{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.single-blog-post .img-holder .overlay .box .link-icon a span:before{
    display: inline-block;
    color: #ffffff;
    font-size: 35px;
    line-height: 35px;
    transition: all 500ms ease;
}
.single-blog-post .img-holder .overlay .box .link-icon a:hover span:before{
    color: #96C73D;
}

.single-blog-post .text-holder {
    position: relative;
    display: block;
    padding-top: 20px;
}
.single-blog-post .text-holder .post-date {
    position: relative;
    display: inline-block;
    height: 45px;
    border-bottom: 3px solid #dadada;
    transition: all 700ms ease 500ms;
}
.single-blog-post .text-holder .post-date h3 {
    position: relative;
    display: block;
    color: #e9212e;
    font-size: 36px;
    line-height: 38px;
    font-weight: 600;
    text-transform: uppercase;
}
.single-blog-post .text-holder .post-date h3 span{
    color: #27282c;
    font-size: 14px;
}
.single-blog-post .meta-box {
    position: relative;
    display: block;
    overflow: hidden;
    min-height: 30px;
    /* margin-top: 16px; */
    /* margin-bottom: 10px; */
}
.single-blog-post .meta-box .meta-info {
    position: relative;
    display: block;
    overflow: hidden;
    color: #96c73d;
}
.single-blog-post .meta-box .meta-info li {
    position: relative;
    display: inline-block;
    float: right;
    line-height: 20px;
    padding-left: 16px;
    margin-left: 14px;
    font-weight: 500;
}
.single-blog-post .meta-box .meta-info li:before{
    position: absolute;
    top: 3px;
    left: 0px;
    width: 1px;
    height: 12px;
    background: #96c73d;
    content: "";
}
.single-blog-post .meta-box .meta-info li:last-child{
    padding-right: 0;
    margin-right: 0;
}
.single-blog-post .meta-box .meta-info li:last-child:before{
    display: none;
}
.single-blog-post .meta-box .meta-info li a{
    color: #707070;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    transition: all 500ms ease;
}
.single-blog-post .meta-box .meta-info li a:hover{
    color: #828282;
}
.single-blog-post .text-holder .blog-title {
    position: relative;
    display: block;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
}
.single-blog-post .text-holder .blog-title a{
    color: #27282c;
    transition: all 500ms ease;
}
.single-blog-post .text-holder .blog-title a:hover{
    color: #96C73D;
}

.single-blog-post .text-holder .text{
    display: block;
    margin-top: 12px;
}
.single-blog-post .text-holder .text p{
    margin: 0 0 26px;    
}



/*** 
=============================================
    Brand Area Style      
=============================================
***/
.brand-area {
    position: relative;
    display: block;
    background: #f6f6f6;
    padding-top: 40px;
    padding-bottom: 30px;
}
.brand-items{
    position: relative;
    display: block;
}
.single-brand-item {
    position: relative;
    display: block;
}
.single-brand-item a {
    display: block;
    /* background: #ffffff; */
    text-align: center;
    transition: all 700ms ease 200ms;
}
.single-brand-item a:hover{
    -webkit-box-shadow: 0px 5px 10px 2px #ebebeb; 
    box-shadow: 0px 5px 10px 2px #ebebeb;    
}
.single-brand-item a img{
    width: auto;
    transition: all 900ms ease 200ms;
    transform: perspective(1200px) rotateY(0deg) translateZ(0px);
}
.single-brand-item:hover a img{
    /* filter: brightness(0%); */
    /* transform: perspective(1200px) rotateY(360deg) translateZ(0px); */
    transform: scale(.9);
}
.single-brand-item .overlay-content {
    position: absolute;
    left: 0px;
    right: 0;
    bottom: -35px;
    width: 130px;
    margin: 0 auto;
    opacity: 0;
    visibility: hidden;
    padding: 3px 0px 2px;
    text-align: center;
    background-color: #e9212e;
    transition: all 300ms ease 100ms;
    z-index: 999;
}
.single-brand-item:hover .overlay-content{
    bottom: -15px; 
    visibility: visible;
    opacity: 1;
}

.single-brand-item .overlay-content:before {
    font-family: FontAwesome;
    content: "\f0de";
    position: absolute;
    top: -8px;
    left: 0;
    right: 0;
    text-align: center;
    color: #e9212e;
    font-size: 30px;
}
.single-brand-item .overlay-content p{
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    margin: 0;
}

.brand-items-carousel.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    padding-bottom: 20px;
}
.brand-items-carousel.owl-carousel .owl-nav {
    position: absolute;
    right: 0;
    top: -115px;
    margin: 0;
    display: block;
}
.brand-items-carousel.owl-carousel .owl-nav [class*="owl-"] {
    position: relative;
    display: inline-block;
    background: #f6f6f6;
    width: 55px;
    height: 55px;
    border: 1px solid #dddddd;
    line-height: 54px;
    margin: 0;
    padding: 0;
    transition: all 700ms ease 100ms;
    border-radius: 50%;
    display: none;
}
.brand-items-carousel.owl-carousel .owl-nav [class*="owl-"] i:before{
    color: #ababab;
    font-size: 20px;
    font-weight: 400;
}
.brand-items-carousel.owl-carousel .owl-nav .owl-next {
    margin-left: 10px;
}
.brand-items-carousel.owl-carousel .owl-nav [class*="owl-"]:hover{
    border-color: #e9212e;
}



/*** 
=============================================
    Footer area style
=============================================
***/
.footer-area {
    position: relative;
    display: block;
    background: #27282c;
    /* padding-top: 110px; */
    /* padding-bottom: 110px; */
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.footer-shape-bg{
    position: absolute;
    top: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: top right;
    height: 695px;
    width: 695px;
    background-image: url(../images/footer/footer-shape.png);
    z-index: -1;

}


.single-footer-widget {
    position: relative;
    display: block;
    overflow: hidden;
}
.single-footer-widget .title {
    position: relative;
    display: block;
    padding-bottom: 27px;
    margin-top: -1px;
    margin-bottom: 40px;
    z-index: 1;
}
.single-footer-widget .title:before{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #404043;
    content: "";
    z-index: -1;
} 
.single-footer-widget .title:after{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 1px;
    background: #e9212e;
    content: "";
    z-index: 1;
} 
.single-footer-widget .title h3 {
    color: #ffffff;
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;
    text-transform: capitalize;
}

.single-footer-widget .contact-info-box{
    position: relative;
    display: block;
}
.single-footer-widget .contact-info-box .footer-logo {
    position: relative;
    display: block;
    padding-bottom: 33px;
}
.single-footer-widget .contact-info-box .footer-logo a{
    display: inline-block;
}

.single-footer-widget .contact-info-box ul {
    position: relative;
    display: block;
}
.single-footer-widget .contact-info-box ul li {
    position: relative;
    display: block;
    margin-bottom: 15px;
}
.single-footer-widget .contact-info-box ul li:last-child{
    margin-bottom: 0;
}
.single-footer-widget .contact-info-box ul li h6{
    position: relative;
    display: inline-block;
    color: #ffffff;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 2px solid #404043;
}
.single-footer-widget .contact-info-box ul li p{
    color: #7c7e84; 
    margin: 13px 0 0;
}





.single-footer-widget .services-links{
    position: relative;
    display: block;
}
.single-footer-widget .services-links ul {
    position: relative;
    display: block;
    overflow: hidden;
    margin-top: -19px;
}
.single-footer-widget .services-links ul li {
    position: relative;
    display: block;
    border-bottom: 1px solid #333438;
    line-height: 50px;
}
.single-footer-widget .services-links ul li a{
    color: #7c7e84;
    font-size: 15px;
    font-weight: 400;
    padding-left: 20px;
    transition: all 500ms ease;
}
.single-footer-widget .services-links ul li a:hover{
    color: #ffffff;
}
.single-footer-widget .services-links ul li a:before {
    position: absolute;
    top: 0px;
    left: 0;
    content: "\f107";
    font-family: "Flaticon";
    color: #7c7e84;
    font-size: 10px;
    transition: all 500ms ease;
    font-weight: 600;
    line-height: 20px;
    margin: 14px 0 16px;
}
.single-footer-widget .services-links ul li a:hover:before{
    content: "\f108";
    color: #ffffff;
    transition: all 500ms ease;
}


.single-footer-widget .recent-news {
    position: relative;
    display: block;
    overflow: hidden;
}
.single-footer-widget .recent-news li {
    position: relative;
    display: block;
    padding-left: 75px;
    min-height: 75px;
    margin-bottom: 30px;
}
.single-footer-widget .recent-news li:last-child{
    margin-bottom: 0;
}
.single-footer-widget .recent-news li .img-holder {
    position: absolute;
    top: 0;
    left: 0;
    width: 75px;
    height: 75px;
    display: block;
    overflow: hidden;
}
.single-footer-widget .recent-news li .img-holder img{
    transition: all 0.5s ease-in-out 0.6s;
    width: 100%;
    transform: scale(1.0, 1.0); 
}
.single-footer-widget .recent-news li:hover .img-holder img{
    transform: scale(1.2, 1.2);
} 
.single-footer-widget .recent-news li:hover .img-holder .overlay-style-one{
    opacity: 1;    
}
.single-footer-widget .recent-news li .img-holder .overlay-style-one .content a span:before{
    position: relative;
    display: inline-block;
    width: 25px;
    height: 25px;
    color: #ffffff;
    font-size: 25px;
    line-height: 25px;
    font-weight: 400;
    filter: alpha(opacity=0);
    opacity: 0;
    transform: perspective(1200px) rotateY(-90deg) scale(5);
    transition: all 0.5s ease-in-out 0.3s;
}
.single-footer-widget .recent-news li:hover .img-holder .overlay-style-one .content a span:before{
    filter: alpha(opacity=100);
    opacity: 1;
    transform: perspective(1200px) rotateY(0deg) scale(1.0);
    transition-delay: 0.1s;   
}

.single-footer-widget .recent-news li .title-holder{
    position: relative;
    display: block;
    padding-left: 20px;
}
.single-footer-widget .recent-news li .title-holder p{
    color: #7c7e84;
    line-height: 16px;
    margin: 0 0 9px;
}
.single-footer-widget .recent-news li .title-holder h5{
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
}
.single-footer-widget .recent-news li .title-holder h5 a{
    color: #ffffff;
}



.single-footer-widget .brochures-carousel-box{
    position: relative;
    display: block;
    max-width: 270px;
    width: 100%;
    background: #ffffff;
}
.single-footer-widget .brochures-carousel-box .img-holder{
    position: relative;
    display: block;
    overflow: hidden;
}
.single-footer-widget .brochures-carousel-box .img-holder img{}
.single-footer-widget .brochures-carousel-box .title-holder{
    position: relative;
    display: block;
    padding: 24px 30px 22px;
    z-index: 1;
}
.single-footer-widget .brochures-carousel-box .title-holder:before{
    position: absolute;
    right: 15px;
    bottom: 20px;
    font-family: "Flaticon";
    content: "\f109";
    color: #ececec;
    font-size: 80px;
    line-height: 80px;
    z-index: -1;
}
.single-footer-widget .brochures-carousel-box .title-holder h3{
    color: #27282c;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    margin: 0 0 17px;
}
.single-footer-widget .brochures-carousel-box .title-holder h3 a{}

.brochures-carousel-box .owl-dots {
    position: absolute;
    margin-top: -177px !important;
    height: 25px;
    line-height: 25px;
    right: 15px;
}
.brochures-carousel-box .owl-dots .owl-dot{
	background-image: none;
	width: 12px;
	height: 12px;
	margin: 0px 5px;
    background: transparent;
    border: 2px solid #ffffff;
	padding: 0px;
	border-radius: 50%;
	transition: all 500ms ease;
	display: inline-block;
}
.brochures-carousel-box .owl-dots .owl-dot span{
	display: none;	
}
.brochures-carousel-box .owl-dots .owl-dot.active{
	background: #ffffff;
}



/*** 
=============================================
    Footer Bottom Area Style      
=============================================
***/
.footer-bottom-area {
    position: relative;
    display: block;
    padding: 20px 0;
    background: #ffffff;
    z-index: 10;
}
.footer-bottom-area .copyright-text {
    margin: 0;
}
.footer-bottom-area .copyright-text p {
    color: #7c7e84;
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    margin: 0;
}
.footer-bottom-area .copyright-text p a {
    color: #e9212e;
    font-weight: 500;
    transition: all 500ms ease;
}
.footer-bottom-area .copyright-text p a:hover{
    color: #7c7e84;
}

.footer-social-links {
    position: relative;
    display: block;
}
.footer-social-links span{
    position: relative;
    display: inline-block;
    float: left;
    padding-right: 15px;
    color: #27282c;
    font-size: 14px;
    line-height: 30px;
    font-weight: 600;
}
.footer-social-links .sociallinks-style-one{
    position: relative;
    display: inline-block;
    line-height: 30px;
    float: left;    
}
.footer-social-links .sociallinks-style-one li a i {
    color: #7c7e84;
    font-size: 14px;
    font-weight: 400;
    transition: all 500ms ease;
}
.footer-social-links .sociallinks-style-one li a:hover i{
    color: #e9212e;    
}






/*** 
=============================================
    Top Bar Style2 style
=============================================
***/
.top-bar-style2{
    position: relative;
    display: block;
    background: #96C73D;
    padding: 10px 19px;
}
.top-style2 {
    display: flow-root;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    direction: rtl;
}
.top-style2-left{
    position: relative;
    display: block;
}
.top-style2-left p{
    position: relative;
    display: inline-block;
    float: left;
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    margin: 0;
    font-family: 'Poppins', sans-serif;
}
.top-style2-left p span:before{
    position: relative;
    top: 3px;
    color: #e9212e;
    font-size: 20px;
    line-height: 20px;
    display: inline-block;
    padding-right: 9px;
}
.top-style2-left ul{
    /* position: relative; */
    /* display: inline-block; */
    float: left;
    padding-right: 20px;
}
.top-style2-left ul li{
    position: relative;
    display: inline-block;
    float: right;
    padding-left: 12px;
    margin-left: 8px;
    color: #7c7e84;
    font-size: 15px;
    line-height: 30px;
}
.top-style2-left ul li:last-child{
    padding-right: 0;
    margin-right: 0;
}
.top-style2-left ul li:before{
    position: absolute;
    top: 7px;
    left: 0;
    width: 1px;
    height: 15px;
    /* background: #404043; */
    content: "";
}
.top-style2-left ul li:last-child:before{
    display: none;
}
.top-style2-right {
    position: relative;
    display: block;
    overflow: hidden;
    float: right;
}
.top-style2-right .top-right-menu {
    position: relative;
    display: inline-block;
    float: left;
    padding-right: 20px;
    margin-right: 20px;
}
.top-style2-right .top-right-menu:before{
    position: absolute;
    top: 7px;
    right: 0;
    width: 1px;
    height: 15px;
    background: #404043;
    content: "";    
}
.top-style2-right .top-right-menu li{
    position: relative;
    display: inline-block;
    float: left;
    line-height: 30px;
    padding-right: 30px;
}
.top-style2-right .top-right-menu li:last-child{
    padding-right: 0;
}
.top-style2-right .top-right-menu li a{
    color: #7c7e84;
    font-size: 15px; 
    transition: all 500ms ease;
}
.top-style2-right .top-right-menu li a:hover{
    color: #e9212e;
}

.top-style2-right .topbar-social-links{
    position: relative;
    display: inline-block;
    float: right;    
}
.top-style2-right .topbar-social-links li{
    position: relative;
    display: inline-block;
    float: left;
    line-height: 30px;
    padding-right: 30px;    
}
.top-style2-right .topbar-social-links li:last-child{
    padding-right: 0;
}
.top-style2-right .topbar-social-links li a i{
    color: #ffffff;
    font-size: 13px;
    transition: all 500ms ease;
    border: 1px solid;
    border-radius: 50%;
    height: 25px;
    line-height: 24px;
    width: 25px;
    text-align: center;
}
.top-style2-right .topbar-social-links li a:hover i{
    color: #eab61e;
}



/*** 
=============================================
    Header Style2 style
=============================================
***/
.header-style2{
    position: relative;
    display: block;
    z-index: 9999;    
}
.header-style2.stricky-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    background: #ffffff;
    margin: 0;
    animation-name: menu_sticky;
    animation-duration: 0.60s;
    animation-timing-function: ease-out;
    transition: all .25s ease-in-out;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -ms-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -o-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    box-shadow: 0 0 15px rgba(0,0,0,0.10);
}

.header-style2 .inner-container {
    position: relative;
    padding: 0 50px;
}
.logo-box-style2 {
    position: relative;
    display: block;
    margin: 10px 0;
    transition: all 500ms ease 100ms;
}
.logo-box-style2 a {
    display: inline-block;
}

.main-menu.style2 .navigation > li {
    margin-left: 52px;
}
.main-menu.style2 .navigation > li:last-child {
    margin-left: 0px;
}
.main-menu.style2 .navigation > li > a {
    padding: 40px 0px 37px;
}
.main-menu.style2 .navigation > li.dropdown > a:after {
    font-family: FontAwesome;
    position: absolute;
    left: -14px;
    top: 0px;
    display: block;
    font-size: 14px;
    line-height: 82px;
    color: #919191;
    font-weight: 400;
    content: "\f107";
    z-index: 5;
}

.mainmenu-right.style2 {
    margin-left: 40px;
}
.mainmenu-right.style2 .cart-box {
    float: left;
}
.mainmenu-right.style2 .button {
    position: relative;
    display: inline-block;
    float: right;
    margin-left: 35px;
    padding: 20px 0;
}
.mainmenu-right.style2 .button a {
    line-height: 50px;
    padding: 0 20px 0;
}



/*** 
=============================================
    About Style2 Area style
=============================================
***/
.about-style2-area{
    position: relative;
    display: block;
    padding: 110px 0 110px;
}
.about-style2-text{
    position: relative;
    display: block;
}
.about-style2-text .sec-title {
    padding-bottom: 30px;
}
.about-style2-text .sec-title p{
    margin: 0 0 27px;
}
.about-style2-text .text {
    position: relative;
    display: block;
    border-top: 1px dashed #cccccc;
    padding-top: 44px;
    padding-bottom: 35px;
}
.about-style2-text .text p{
    margin: 0;
}
.about-style2-text .authorised-info{
    position: relative;
    display: block;
}
.about-style2-text .authorised-info .signature{
    width: 185px;
}
.about-style2-text .authorised-info .signature,
.about-style2-text .authorised-info .name{
    display: table-cell;
    vertical-align: middle;
}
.about-style2-text .authorised-info .name{
    border-left: 1px solid #ededed;
    padding-left: 20px;
}
.about-style2-text .authorised-info .name h3{
    color: #27282c;
    font-weight: 600;
    margin: 0 0 5px;
}
.about-style2-text .authorised-info .name p{
    color: #e9212e;
    line-height: 20px;
    margin: 0;
}
.about-style2-text .button{
    position: relative;
    display: block;
    padding-top: 50px;
}

.about-style2-image-box{
    position: relative;
    display: block;
}
.about-style2-image-box .pattern{
    position: absolute;
    top: -110px;
    left: 5px;
    right: 0;
    bottom: -110px;
    background: #f9f9f9;
    background-repeat: no-repeat;
    width: 664px;
    height: 765px;
    content: "";
}
.about-style2-image-box .image{
    position: relative;
    display: block;
    max-width: 470px;
    width: 100%;
    margin: 0 auto;
    z-index: 3;
}
.about-style2-image-box img{
    width: 100%;
}
.about-style2-image-box .overlay-box{
    position: absolute;
    left: 40px;
    bottom: 30px;
    right: 40px;
    background: #ffffff;
}
.about-style2-image-box .overlay-box:before {
    font-family: FontAwesome;
    position: absolute;
    top: -20px;
    left: 30px;
    content: "\f0d8";
    color: #ffffff;
    font-size: 50px;
}

.about-style2-image-box .overlay-box .title {
    position: relative;
    display: block;
    float: left;
    padding: 23px 0 20px;
    padding-left: 30px;
}
.about-style2-image-box .overlay-box .title h1{
    color: #555555;
    font-size: 48px;
    font-weight: 500;
    filter: alpha(opacity=50);
    font-family: 'Rubik', sans-serif;
}
.about-style2-image-box .overlay-box .title h1 span{
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
}

.about-style2-image-box .overlay-box .button{
    position: relative;
    display: block;
    float: right;    
}
.about-style2-image-box .overlay-box .button a span:before {
    position: relative;
    display: block;
    width: 80px;
    background: #e9212e;
    color: #ffffff;
    font-size: 30px;
    line-height: 100px;
    text-align: center;
    transform: rotate(180deg);
}



/*** 
=============================================
    Working Style2 Area style
=============================================
***/
.working-style2-area {
    position: relative;
    display: block;
    background-attachment: fixed;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    padding: 0px 0 110px;
    margin-top: 110px;
    z-index: 1;
}
.working-style2-area::before {
    background: rgba(0, 0, 0, 0.80) none repeat scroll 0 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: "";
    z-index: -1;
} 
.working-style2-content {
    margin-top: -110px;
}
.single-working-box-style2{
    position: relative;
    display: block;
    width: 25%;
    float: left;
}
.single-working-box-style2 .img-holder{
    position: relative;
    display: block;
    overflow: hidden;
}
.single-working-box-style2 .img-holder img{
    width: 100%;
    transform: scale(1.0);
    transition: all 700ms ease;    
}
.single-working-box-style2:hover .img-holder img {
    transform: scale(1.2);    
}
.single-working-box-style2 .static-content{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2; 
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
    transition: all 500ms ease 100ms;
}
.single-working-box-style2:hover .static-content{
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
    transition: all 900ms ease 100ms;    
}
.single-working-box-style2 .static-content .box{
    display: table;
    width: 100%;
    height: 100%;    
}
.single-working-box-style2 .static-content .box .inner{
    display: table-cell;
    vertical-align: middle;
    text-align: center;    
}
.single-working-box-style2 .icon-holder{
    position: relative;
    display: block;
    width: 110px;
    height: 110px;
    margin: 0 auto 60px;
    text-align: center;
    border: 2px solid #ffffff;
    border-radius: 50%;
}
.single-working-box-style2 .icon-holder span:before {
    display: block;
    color: #ffffff;
    font-size: 55px;
    line-height: 106px;
}
.single-working-box-style2 .text-holder{
    position: relative;
    display: block;
}
.single-working-box-style2 .text-holder .title{
    position: relative;
    display: block;
}
.single-working-box-style2 .text-holder .title h3{
    color: #ffffff;
    font-size: 20px;
    line-height: 70px;
    font-weight: 600;
    z-index: 1;
}
.single-working-box-style2 .text-holder .title .count {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    color: #2d2e32;
    font-size: 100px;
    line-height: 70px;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    z-index: -1;
}
.single-working-box-style2 .overlay-content{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    opacity: 0;
    transform: translateY(100%);
    transition: all 300ms ease 100ms;
}
.single-working-box-style2:hover .overlay-content{
    opacity: 1;
    transform: translateY(-10px);
    transition: all 900ms ease 300ms; 
}
.single-working-box-style2 .overlay-content .box{
    display: table;
    width: 100%;
    height: 100%;    
}
.single-working-box-style2 .overlay-content .box .inner{
    display: table-cell;
    vertical-align: middle;
    text-align: center;    
}
.single-working-box-style2 .overlay-content .icon-holder {
    margin: 0 auto 50px;
    border: 2px solid #e9212e;
    background: #e9212e;
}
.single-working-box-style2 .text-holder .text{
    position: relative;
    display: block;
    padding: 0 20px;
    margin-top: 34px;
}
.single-working-box-style2 .text-holder .text p{
    color: #7c7e84;
    margin: 0;
}
.single-working-box-style2 .read-more a span:before {
    position: absolute;
    left: 0;
    bottom: -30px;
    right: 0;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    background: #e9212e;
    border-radius: 50%;
    color: #ffffff;
    font-size: 20px;
    line-height: 60px;
    text-align: center;
    opacity: 0;
    transform: scale(0.5);
    transition: all 200ms ease 100ms; 
}
.single-working-box-style2:hover .read-more a span:before{
    opacity: 1.0;
    transform: scale(1.0);
    transition: all 900ms ease 900ms;     
}
.working-style-bottom{
    position: relative;
    display: block;
    padding-top: 84px;
}
.working-style-bottom p{
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    margin: 0 0 42px;
    font-family: 'Poppins', sans-serif;
}
.working-style-bottom a{
    padding: 0 40px;
}



/*** 
=============================================
    Services Style1 Area Style      
=============================================
***/
.services-style1-area {
    position: relative;
    display: block;
    padding: 110px 0 120px;
}
.single-service-style1 {
    position: relative;
    display: block;
    margin-bottom: 50px;
}
.single-service-style1 .img-holder{
    position: relative;
    display: block;
    overflow: hidden; 
    z-index: 1;
}
.single-service-style1 .img-holder img {
    width: 100%;
    transform: scale(1.01);
    transition: all 700ms ease;
}
.single-service-style1:hover .img-holder img {
    transform: scale(1.2);    
}
.single-service-style1:hover .overlay-style-two{
	opacity: 1;
}
.single-service-style1 .img-holder .overlay-style-two:before{
	background-color: rgba(40, 41, 46, 0.90);
}
.single-service-style1:hover .img-holder .overlay-style-two:before{
	opacity: 1;
    transform: perspective(400px) rotateX(0deg);
    transition: all 700ms ease 100ms;	
}
.single-service-style1 .img-holder .overlay-style-two:after{
	background-color: rgba(40, 41, 46, 0.90);
}
.single-service-style1:hover .img-holder .overlay-style-two:after{
	opacity: 1;
    transform: perspective(400px) rotateX(0deg);
    transition: all 700ms ease 300ms;	
}

.single-service-style1 .overlay-content-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}
.single-service-style1 .overlay-content-box .box{
    display: table;
    width: 100%;
    height: 100%;
}
.single-service-style1 .overlay-content-box .box .inner{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.single-service-style1 .overlay-content-box .icon {
    position: relative;
    display: block;
    margin: 0 0 11px;
    opacity: 0;
    transform: translate3d(0px, -50%, 0px);
    transition: all 300ms ease 100ms;
}
.single-service-style1:hover .overlay-content-box .icon{
    opacity: 1;
    transform: translate3d(0px, 0%, 0px);
    transition: all 700ms ease 800ms;
}
.single-service-style1 .overlay-content-box .icon span:before{
    display: inline-block;
    color: #e9212e;
    font-size: 60px;
    line-height: 60px;
}
.single-service-style1 .overlay-content-box .title{
    position: relative;
    display: block;
    opacity: 0;
    transform: translate3d(0px, 50%, 0px);
    transition: all 300ms ease 100ms;
}
.single-service-style1:hover .overlay-content-box .title{
    opacity: 1;
    transform: translate3d(0px, 0%, 0px);
    transition: all 700ms ease 900ms;    
}
.single-service-style1 .overlay-content-box .title h3{
    color: #ffffff;
    font-weight: 600;
}

.single-service-style1 .text-holder{
    position: relative;
    display: block; 
    border: 1px solid #ededed;
    padding: 35px 30px 28px;
}
.single-service-style1 .text-holder .inner-content{
    position: relative;
    display: block;  
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    transition: all 700ms ease 800ms;
}
.single-service-style1:hover .text-holder .inner-content{
    opacity: 0;
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%); 
    transition: all 700ms ease 500ms;
}

.single-service-style1 .text-holder .top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}
.single-service-style1 .text-holder .top .icon{}
.single-service-style1 .text-holder .top .icon span:before{
    color: #b3b3b3;
    font-size: 60px;
    line-height: 60px;
}
.single-service-style1 .text-holder .top .count{}
.single-service-style1 .text-holder .top .count h1{
    font-size: 48px;
    line-height: 40px;
    font-weight: 500;
    background: -moz-linear-gradient(45deg, rgba(65,94,82,1) 0%, rgba(255,0,0,1) 1%, rgba(77,0,0,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(65,94,82,1)), color-stop(1%, rgba(255,0,0,1)), color-stop(100%, rgba(77,0,0,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(45deg, rgba(65,94,82,1) 0%, rgba(255,0,0,1) 1%, rgba(77,0,0,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(45deg, rgba(65,94,82,1) 0%, rgba(255,0,0,1) 1%, rgba(77,0,0,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(45deg, rgba(65,94,82,1) 0%, rgba(255,0,0,1) 1%, rgba(77,0,0,1) 100%); /* ie10+ */
    background: linear-gradient(45deg, rgba(65,94,82,1) 0%, rgba(255,0,0,1) 1%, rgba(77,0,0,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4D0000', endColorstr='#415E52',GradientType=1 ); /* ie6-9 */

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
    font-family: 'Rubik', sans-serif;
}

.single-service-style1 .text-holder .bottom {
    padding-top: 7px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.single-service-style1 .text-holder .bottom .title{}
.single-service-style1 .text-holder .bottom .title h3{
    color: #27282c;
    font-weight: 600;
}
.single-service-style1 .text-holder .bottom .read-more{}
.single-service-style1 .text-holder .bottom .read-more a span:before {
    color: #b3b3b3;
    font-size: 25px;
    line-height: 36px;
}
.single-service-style1 .text-holder .overlay-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    display: block;
    padding: 28px 30px 0;
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: all 700ms ease 100ms;
}
.single-service-style1:hover .text-holder .overlay-content {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: all 700ms ease 500ms;
}
.single-service-style1 .text-holder .overlay-content .text {
    position: relative;
    display: block;
}
.single-service-style1 .text-holder .overlay-content .text p{
    margin: 0;
}
.single-service-style1 .text-holder .overlay-content .read-more{}
.single-service-style1 .text-holder .overlay-content .read-more a span:before {
    position: absolute;
    left: 0;
    bottom: -30px;
    right: 0;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    background: #e9212e;
    display: block;
    text-align: center;
    border-radius: 50%;
    color: #ffffff;
    font-size: 24px;
    line-height: 60px;
}



/*** 
=============================================
    Slogan Style2 Area style
=============================================
***/
.slogan-style2-area{
    position: relative;
    display: block;
    background-attachment: fixed;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    padding: 102px 0 110px;
    z-index: 1;  
}
.slogan-style2-area .icon-holder{
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
    width: 120px;
    height: 120px;
    background: #e9212e;
    margin: 0 auto;
    border-radius: 50%;
    text-align: center;
    animation: fa-spin 9s ease infinite;
}
.slogan-style2-area .icon-holder span:before {
    position: relative;
    display: block;
    color: #ffffff;
    font-size: 80px;
    line-height: 120px;
}
.slogan-style2-area .inner-content {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
}
.slogan-style2-area .inner-content .title{
    display: block;
    padding-bottom: 40px;
}
.slogan-style2-area .inner-content .title h1{
    color: #ffffff;
    font-size: 36px;
    line-height: 44px;
    font-weight: 700;
    text-transform: uppercase;
}
.slogan-style2-area .inner-content .title h1 span{
    font-weight: 400;
}
.slogan-style2-area .inner-content .button{}
.slogan-style2-area .inner-content .button a{
    color: #27282c;
    background: #ffffff;
    margin: 0 13px;
    padding: 0 40px 0;
}
.slogan-style2-area .inner-content .button a:hover{
    color: #ffffff;
    background: #27282c;
}
.slogan-style2-area .inner-content .button a.call-us{
    color: #ffffff;
    background: #e9212e;
}
.slogan-style2-area .inner-content .button a.call-us i:before {
    position: relative;
    top: 2px;
    display: inline-block;
    padding-right: 10px;
    font-size: 20px;
    line-height: 20px;
}



/*** 
=============================================
    Why Choose Area style
=============================================
***/
.why-choose-area{
    position: relative;
    display: block;
    background-attachment: fixed;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    padding: 110px 0 110px;
    z-index: 1;
}
.why-choose-title{
    position: relative;
    display: block;
    padding-bottom: 60px;
    background: #27282c;
    max-width: 390px;
    width: 100%;
}
.why-choose-title .sec-title {
    margin: 0;
    padding-top: 50px;
    padding-left: 40px;
    padding-bottom: 28px;
}
.why-choose-title .sec-title .icon {
    position: relative;
    display: block;
    margin-bottom: 32px;
}
.why-choose-title .sec-title .title {
    color: #ffffff;
    font-size: 30px;
    line-height: 40px;
}
.why-choose-title ul{
    position: relative;
    display: block; 
    padding-left: 40px;
}
.why-choose-title ul li{
    position: relative;
    display: block;
    padding-left: 35px;
    color: #ffffff;
    font-size: 16px;
    margin-bottom: 17px;
}
.why-choose-title ul li:last-child{
    margin-bottom: 0;
}
.why-choose-title ul li:before{
    font-family: 'icomoon';
    content: "\e935";
    position: absolute;
    top: 2px;
    left: 0;
    color: #e9212e;
    font-size: 20px;
    line-height: 20px;
}
.why-choose-title .button{
    position: relative;
    display: block;
    margin-top: 52px;
    z-index: 1;
}
.why-choose-title .button:before{
    position: absolute;
    top: 0;
    left: -10px;
    bottom: 0;
    width: 10px;
    background: #e9212e;
    content: "";
    z-index: -1;
}
.why-choose-title .button:after {
    position: absolute;
    top: -15px;
    left: -10px;
    width: 10px;
    height: 15px;
    content: "";
    background: url(../images/icon/button-shape.png);
    z-index: -1;
}
.why-choose-title .button a {
    position: relative;
    display: block;
    background: #e9212e;
    color: #ffffff;
    line-height: 70px;
    padding: 0 40px 0;
}
.why-choose-title .button a:hover{
    background: #d51723;
}

.why-choose-content{
    position: relative;
    max-width: 780px;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}
.why-choose-content .single-box{
    position: relative;
    display: block;
    padding: 50px 40px 42px;
    padding-right: 30px;
    width: 50%;
}
.why-choose-content .single-box.redbg{
    background: #e9212e;
}
.why-choose-content .single-box.whitebg{
    background: #ffffff;
}
.why-choose-content .single-box.blackbg{
    background: #27282c;
}

.why-choose-content .single-box .icon-holder{
    position: relative;
    display: block;
    padding: 10px;
    width: 70px;
    height: 70px;
    z-index: 1;
}
.why-choose-content .single-box .icon-holder:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #ed4d58;
    border-radius: 50%;
    z-index: -1;
}
.why-choose-content .single-box .icon-holder span:before{
    color: #ffffff;
    font-size: 50px;
    line-height: 50px;
}

.why-choose-content .single-box .text-holder{
    position: relative;
    display: block;
    padding-top: 16px;
}
.why-choose-content .single-box .text-holder h3{
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 18px;
}
.why-choose-content .single-box .text-holder p{
    color: #ffffff;
    margin: 0;
}
.why-choose-content .single-box.whitebg .text-holder h3{
    color: #e9212e;
}
.why-choose-content .single-box.whitebg .text-holder p{
    color: #828282;    
}
.why-choose-content .single-box.whitebg .icon-holder:before{
    background: #ffeced;
}
.why-choose-content .single-box.whitebg .icon-holder span:before{
    color: #e9212e;
}
.why-choose-content .single-box.blackbg .text-holder p{
    color: #828282;    
}
.why-choose-content .single-box.blackbg .icon-holder:before{
    background: #36373b;
}
.why-choose-content .single-box.blackbg .icon-holder span:before{
    color: #ffffff;
}



/*** 
=============================================
    Recently Project Style2 Area style
=============================================
***/
.recently-project-style2-area{
    position: relative;
    display: block;
    padding: 110px 0 108px;
}
.single-project-style2{
    position: relative;
    display: block;
}
.single-project-style2 .img-holder{
    position: relative;
    display: block;
    overflow: hidden;
}
.single-project-style2 .img-holder:before{
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 40%;
    content: "";
    transition: all 300ms ease 100ms;
    z-index: 2;
    background: rgb(39,40,44);
    background: linear-gradient(180deg, rgba(39,40,44,0) 40%, rgba(39,40,44,0.8407738095238095) 78%, rgba(39,40,44,1) 94%, rgba(39,40,44,1) 100%, rgba(39,40,44,1) 100%, rgba(237,237,237,1) 100%, rgba(32,50,96,0) 100%);
}
.single-project-style2:hover .img-holder:before{
    opacity: 0;    
}
.single-project-style2 .img-holder:after{
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    content: "";
    opacity: 0;
    transition: all 300ms ease 100ms;
    z-index: 2;
    background: rgb(39,40,44);
    background: linear-gradient(0deg, rgba(39,40,44,0) 0%, rgba(39,40,44,0.8407738095238095) 0%, rgba(39,40,44,1) 0%, rgba(39,40,44,0.7959558823529411) 100%, rgba(39,40,44,1) 100%, rgba(39,40,44,1) 100%, rgba(237,237,237,1) 100%, rgba(32,50,96,0) 100%);
}
.single-project-style2:hover .img-holder:after{
    opacity: 1;    
}
.single-project-style2 .img-holder img{
    width: 100%;
    transform: scale(1.01);
    transition: all 700ms ease;
}
.single-project-style2:hover .img-holder img {
    transform:scale(1.2) rotate(2deg);	
}
.single-project-style2 .read-more{
    position: absolute;
    top: 40px;
    left: 40px;
    z-index: 3;
}
.single-project-style2 .read-more a span:before{
    position: relative;
    display: block;
    width: 60px;
    height: 60px;
    background: #ffffff;
    border-radius: 50%;
    color: #858585;
    font-size: 20px;
    line-height: 60px;
    text-align: center;
    transition: all 700ms ease 400ms;
}
.single-project-style2:hover .read-more a span:before{
    color: #ffffff;
    background: #e9212e;
    transform: perspective(400px) rotate(360deg);    
}
.single-project-style2 .title-box{
    position: absolute;
    left: 40px;
    bottom: 34px;
    z-index: 3;
}
.single-project-style2 .title-box span{
    color: #7c7e84;
}
.single-project-style2 .title-box h3{
    color: #ffffff;
    font-weight: 600;
    margin: 3px 0 0;
}
.project-carousel-v2 .owl-dots {
    position: relative;
    display: block !important;
    margin-top: 43px !important;
    line-height: 14px;
}
.project-carousel-v2 .owl-dots .owl-dot{
	background-image: none;
	width: 20px;
	height: 5px;
	margin: 0px 10px;
    background: #e1e1e1;
    border: 2px solid #e1e1e1;
	padding: 0px;
	border-radius: 0%;
	transition: all 500ms ease;
	display: inline-block;
}
.project-carousel-v2 .owl-dots .owl-dot span{
	display:none;	
}
.project-carousel-v2 .owl-dots .owl-dot.active{
	background: #e9212e;
    border-color: #e9212e;
}



/*** 
=============================================
    Working Process Style2 Area style
=============================================
***/
.working-process-style2-area{
    position: relative;
    display: block;
    background-attachment: fixed;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    padding: 110px 0 110px;
    z-index: 1;
}
.single-working-process-style2{
    position: relative;
    display: block;
    max-width: 370px;
    min-width: 370px;
    width: 100%;
    margin: 0 auto;
    background: #ffffff;
}
.single-working-process-style2 .top-box {
    position: relative;
    display: block;
    padding: 30px 40px 20px;
    z-index: 2;
}
.single-working-process-style2 .top-box:before{
    position: absolute;
    top: 11px;
    right: 0;
    width: 370px;
    height: 113px;
    background: url(../images/pattern/working-process-item-bg.png);
    content: "";
    z-index: -1;
    opacity: 1;
    transition: all 300ms ease 100ms;
}
.single-working-process-style2:hover .top-box:before{
    opacity: 0;
    transition: all 900ms ease 500ms;
}
.single-working-process-style2 .top-box:after{
    position: absolute;
    top: 0px;
    left: 0;
    width: 370px;
    height: 99px;
    background: url(../images/pattern/working-process-item-hover-bg.png);
    content: "";
    z-index: -1;
    transition: all 900ms ease 100ms;
    transform-style: preserve-3d;
    transform: perspective(1200px) rotateX(-90deg) translateZ(-45px);
    opacity: 0;
}
.single-working-process-style2:hover .top-box:after{
    opacity: 1;
    transform: perspective(1200px) rotateX(0deg) translateZ(0px);
    transition: all 900ms ease 300ms;
}
.single-working-process-style2 .top-box .count{
    position: relative;
    display: block;
    float: left;
}
.single-working-process-style2 .top-box .count h1 {
    color: #e9212e;
    font-size: 60px;
    line-height: 46px;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    transition: all 700ms ease 500ms;
}
.single-working-process-style2:hover .top-box .count h1{
    color: #ffffff;    
}
.single-working-process-style2 .top-box .icon{
    position: relative;
    display: block;
    float: right;
}
.single-working-process-style2 .top-box .icon span:before{
    color: #d0d0d0;
    font-size: 70px;
    line-height: 70px;
}
.single-working-process-style2 .inner {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 35px 40px 52px;
    width: 100%;
}
.single-working-process-style2 .inner h3 {
    color: #27282c;
    font-weight: 600;
    margin: 0 0 18px;
}
.single-working-process-style2 .inner p {
    margin: 0;
}
.working-process-carousel.owl-carousel .owl-nav {
    position: absolute;
    right: 0;
    top: -115px;
    margin: 0;
    display: block;
}
.working-process-carousel.owl-carousel .owl-nav [class*="owl-"] {
    position: relative;
    display: inline-block;
    background: transparent;
    width: 55px;
    height: 55px;
    border: 1px solid #dddddd;
    line-height: 54px;
    margin: 0;
    padding: 0;
    transition: all 700ms ease 100ms;
    border-radius: 50%;
}
.working-process-carousel.owl-carousel .owl-nav [class*="owl-"] i:before{
    color: #ababab;
    font-size: 20px;
    font-weight: 400;
}
.working-process-carousel.owl-carousel .owl-nav .owl-next {
    margin-left: 10px;
}
.working-process-carousel.owl-carousel .owl-nav [class*="owl-"]:hover{
    border-color: #e9212e;
}



/*** 
=============================================
    Testimonial Style2 area style
=============================================
***/
.testimonial-style2-area{
    position: relative;
    display: block;
    padding: 110px 0 108px;
}
.testimonial-style2-area .sec-title{
    padding-bottom: 40px;
}
.single-testimonial-style2 {
    position: relative;
    display: block;
    border: 1px solid transparent;
    transition: all 700ms ease 300ms;
}
.single-testimonial-style2 .inner-content{
    position: relative;
    display: block;
    overflow: hidden;
}
.single-testimonial-style2 .static-content {
    position: relative;
    display: block;
    padding: 55px 40px 62px;
    transform: translateY(0%);
    transition: all 700ms ease 100ms;   
}
.single-testimonial-style2:hover .static-content{
    opacity: 0;
    transform: translateY(-10%);
    transition: all 900ms ease 100ms;    
}

.single-testimonial-style2 .static-content .quote-icon{
    position: relative;
    display: block;  
    padding-bottom: 11px;
}
.single-testimonial-style2 .static-content .quote-icon span:before{
    color: #e9212e;
    font-size: 63px;
    line-height: 63px;
}
.single-testimonial-style2 .text-box{}
.single-testimonial-style2 .text-box p{
    margin: 0;
}

.single-testimonial-style2 .static-content .client-info{
    position: relative;
    display: block;
    padding-top: 32px;
}
.single-testimonial-style2 .client-info .review-box{}
.single-testimonial-style2 .client-info .review-box ul{}
.single-testimonial-style2 .client-info .review-box ul li {
    float: none;
    margin: 0 1px;
}
.single-testimonial-style2 .client-info .review-box ul li i{}
.single-testimonial-style2 .client-info h3{
    color: #27282c;
    font-size: 18px;
    font-weight: 600;
    margin: 8px 0 0;
}
.single-testimonial-style2 .client-info {
    position: relative;
    display: block;
}

.single-testimonial-style2 .overlay-content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #ffffff;
    display: block;
    padding: 50px 40px 0;
    opacity: 0;
    transform: translateY(-10%);
    transition: all 700ms ease 100ms;
}
.single-testimonial-style2:hover .overlay-content{
    opacity: 1;
    transform: translateY(0%);
    transition: all 900ms ease 100ms;    
}
.single-testimonial-style2 .overlay-content .img-box{
    position: relative;
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto;
}
.single-testimonial-style2 .overlay-content .img-box img{
    border-radius: 50%;
}
.single-testimonial-style2 .overlay-content .text-box {
    position: relative;
    display: block;
    padding: 10px 0 10px;
    margin: 14px 0 0;
    z-index: 2;
}
.single-testimonial-style2 .overlay-content .text-box .quote-icon{
    position: absolute;
    top: -18px;
    left: 0;
    right: 0;
    z-index: -1;
}
.single-testimonial-style2 .overlay-content .text-box .quote-icon span:before{
    color: #f6f6f6;
    font-size: 128px;
    line-height: 128px;
}
.single-testimonial-style2 .overlay-content .client-info {
    position: relative;
    display: block;
    padding-top: 22px;
}

.testimonial-style2-content{
	overflow: hidden;
}
.testimonial-style2-content .owl-carousel{
	display: block;
	max-width: 370px;
	width: 100%;
	margin: 0 auto;
}
.testimonial-style2-content .owl-carousel .owl-stage-outer{
	overflow: visible;
	padding: 10px 0px 43px;
}
.testimonial-style2-content .owl-carousel .owl-stage-outer .owl-item.active .single-testimonial-style2{
    -webkit-box-shadow: 0px 2px 5px 4px #f6f6f6; 
    box-shadow: 0px 2px 5px 4px #f6f6f6;
    transition: all 700ms ease 800ms;
}
.testimonial-style2-content .owl-carousel .owl-stage-outer .owl-item.active .single-testimonial-style2 .static-content{
    opacity: 0;
    transform: translateY(-10%); 
    transition: all 900ms ease 300ms; 
}
.testimonial-style2-content .owl-carousel .owl-stage-outer .owl-item.active .single-testimonial-style2 .overlay-content{
    opacity: 1;
    transform: translateY(0%);
    transition: all 900ms ease 300ms;    
}
.testimonial-carousel .owl-dots {
    position: relative;
    display: block !important;
    margin-top: 0px !important;
    line-height: 14px;
}
.testimonial-carousel .owl-dots .owl-dot{
	background-image: none;
	width: 20px;
	height: 5px;
	margin: 0px 10px;
    background: #e1e1e1;
    border: 2px solid #e1e1e1;
	padding: 0px;
	border-radius: 0%;
	transition: all 500ms ease;
	display: inline-block;
}
.testimonial-carousel .owl-dots .owl-dot span{
	display:none;	
}
.testimonial-carousel .owl-dots .owl-dot.active{
	background: #e9212e;
    border-color: #e9212e;
}



/*** 
=============================================
    Contact Details Area style
=============================================
***/
.contact-details-area{
    position: relative;
    display: block;
    padding: 110px 0 0;
    z-index: 4;
}
.contact-details-area .sec-title {
    z-index: 3;
}
.contact-details-area .parallax-background{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 550px;
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}
.contact-details-content{
    position: relative;
    display: block;
    background: #f6f6f6;
    z-index: 3;
}
.content-info-box{
    position: relative;
    display: block;
    background-attachment: scroll;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: auto;
    min-height: 650px;
    margin-right: 30px;
}
.content-info-box .inner-content {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    flex-wrap: wrap;
    padding: 70px 0 70px;
}
.content-info-box .inner-content .inner{
    -webkit-box-shadow: 3px 0px 5px 0px #ededed; 
    box-shadow: 3px 0px 5px 0px #ededed;    
}
.content-info-box .inner-content .single-info-box{
    max-width: 270px;
    width: 100%;
    background: #e9212e;
    text-align: center;
    padding: 50px 30px 42px;
}
.content-info-box .inner-content .single-info-box .icon{
    margin-bottom: 20px;
}
.content-info-box .inner-content .single-info-box .icon span:before{
    color: #f6f6f6;
    font-size: 50px;
    line-height: 50px;
}
.content-info-box .inner-content .single-info-box .text{}
.content-info-box .inner-content .single-info-box .text h3{
    color: #f6f6f6;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 12px;
}
.content-info-box .inner-content .single-info-box .text p{
    color: #f6f6f6;
    margin: 0;
}

.content-info-box .inner-content .single-info-box.white-bg{
    background: #f4f4f4;
}
.content-info-box .inner-content .single-info-box.white-bg .icon span:before{
    color: #e9212e;    
}
.content-info-box .inner-content .single-info-box.white-bg .text h3{
    color: #27282c;    
}
.content-info-box .inner-content .single-info-box.white-bg .text p{
    color: #828282;        
}

.contact-details-form-box {
    position: relative;
    display: block;
    padding: 65px 60px 0px;
    width: 100%;
    padding-left: 0;
}
.contact-details-form-box .title-box{
    position: relative;
    display: block;  
    padding-bottom: 42px;
}
.contact-details-form-box .title-box h2{
    color: #27282c;
    font-size: 30px;
    line-height: 36px;
    font-weight: 600;
}

.contact-details-box{
    position: relative;
    display: block;
}
.contact-details-form .single-box{
    position: relative;
    display: block;
}
.contact-details-form input[type="text"], 
.contact-details-form input[type="email"], 
 .contact-details-form input[type="number"],
.contact-details-form input[type="file"],
.contact-details-form input[type="password"],
.contact-details-form textarea {
    position: relative;
    display: block;
    padding: 0px 20px;
    border: 1px solid #e0e0e0;
    background: #f6f6f6;
    color: #080808;
    font-size: 15px;
    font-weight: 500;
    width: 100%;
    height: 55px;
    /* margin-bottom: 30px; */
    border-radius: 0px;
    transition: all 500ms ease;
    border-right: 2px solid #7c7e84;
}

 
.contact-details-form input[type="date"]
  {
    position: relative;
    display: block;
    padding: 0px 100px 0 5px;
    border: 1px solid #e0e0e0;
    background: #f6f6f6;
    color: #080808;
    font-size: 15px;
    font-weight: 500;
    width: 100%;
    height: 55px;
    /* margin-bottom: 30px; */
    border-radius: 0px;
    transition: all 500ms ease;
    border-right: 2px solid #7c7e84;
}

 .datename {
    position: absolute;
    top: 0px;
    right: 16px;
    color: #525151;
    line-height: 50px;
}

 .spanpadddate {
    padding-right: 12px!important;
}
.padddate{padding: 0px 100px 0 5px!important;}

.contact-details-form textarea {
    padding: 15px 20px;
    height: 120px;
    margin-top: 30px;
    margin-bottom: 50px;
}
.contact-details-form input[type="text"]:focus{
	border: 1px solid #e9212e;
    border-right: 2px solid #96c73d;
	
}
.contact-details-form input[type="email"]:focus{
	border: 1px solid #e9212e;
    border-right: 2px solid #96c73d;    
}

 
.contact-details-form input[type="number"]:focus{
	border: 1px solid #e9212e;
    border-right: 2px solid #96c73d;    
}
.contact-details-form select:focus{
	border: 1px solid #e9212e;
    border-right: 2px solid #96c73d;    
}
.contact-details-form input[type="password"]:focus{
	border: 1px solid #e9212e;
    border-right: 2px solid #96c73d;     
}
.contact-details-form textarea:focus{
    border-right: 2px solid #96c73d;     
}
.contact-details-form .single-box button{
    padding: 0 40px;
}
.contact-details-form input::-webkit-input-placeholder {
    color: #444343;
}
.contact-details-form input:-moz-placeholder {
    color: #444343;
}
.contact-details-form input::-moz-placeholder {
    color: #444343;
}
.contact-details-form input:-ms-input-placeholder {
    color: #444343;
}

.login-register-area .form .input-field input[type="text"]:focus{
	border: 1px solid #e9212e;
    border-right: 2px solid #96c73d;    
}
.login-register-area .form .input-field input[type="email"]:focus{
	border: 1px solid #e9212e;
    border-right: 2px solid #96c73d;    
}
.login-register-area .form .input-field input[type="password"]:focus{
	border: 1px solid #e9212e;
    border-right: 2px solid #96c73d;    
}
.login-register-area .form .input-field input[type="number"]:focus{
	border: 1px solid #e9212e;
    border-right: 2px solid #96c73d;    
}
.login-register-area .form .input-field textarea:focus{
	border: 1px solid #e9212e;
    border-right: 2px solid #96c73d;    
}
.login-register-area .form .input-field select:focus{
	border: 1px solid #e9212e;
    border-right: 2px solid #96c73d;    
}
.contact-details-form .single-box .bootstrap-select {
    position: relative;
    display: block;
}
.contact-details-form .single-box .bootstrap-select>.dropdown-toggle {
    position: relative;
    display: block;
    outline: none !important;
    border-radius: 0px;
    background-color: #f6f6f6;
    border: 1px solid #e0e0e0;
    height: 55px;
    line-height: 55px;
    padding: 0;
    padding-right: 6px;
    color: #0e0e0e;
    margin: 0;
    box-shadow: none !important;
    border-right: 2px solid #7c7e84;
}
.contact-details-form .single-box .bootstrap-select>.dropdown-toggle::after {
    position: absolute;
    top: 50%;
    left: 20px;
    width: auto;
    height: auto;
    font-family: 'FontAwesome';
    content: '\f107';
    color: #7c7e84;
    font-size: 18px;
    transform: translateY(-50%);
    margin: 0;
    border: none;
}
.contact-details-form .single-box .bootstrap-select .dropdown-menu {
    position: static;
    margin: 0;
    padding: 0;
    border-radius: 0;
    border: 0px solid #ddd;
    background: #f9f9f9;
    font-size: 16px;
    color: #000000;
}
.contact-details-form .single-box .dropdown-item {
    display: block;
    width: 100%;
    padding: 9px 20px 9px;
    font-weight: 400;
    color: #222222;
    text-align: inherit;
    white-space: nowrap;
    background-color: #9b959552;
    border: 0;
    border-radius: 0;
    transition: all 500ms ease;
    text-align: right;
    border-bottom: 1px solid gray;
}
.contact-details-form .single-box .dropdown-item.active,
.contact-details-form .single-box .dropdown-item:active {
    background: #585757;
    color: #fff;
}
.contact-details-form .single-box .dropdown-item:hover {
    background: #96c73d;
    color: #fff;
}

 

.contact-details-form .single-box1 .bootstrap-select {
    position: relative;
    display: block;
}
.contact-details-form .single-box1 .bootstrap-select>.dropdown-toggle {
    position: relative;
    display: block;
    outline: none !important;
    border-radius: 0px;
    background-color: #f6f6f6;
    border: 1px solid #e0e0e0;
    height: 55px;
    line-height: 55px;
    padding: 0;
    padding-right: 6px;
    color: #0e0e0e;
    margin: 0;
    box-shadow: none !important;
    border-right: 2px solid gray;
}
.contact-details-form .single-box1 .bootstrap-select>.dropdown-toggle::after {
    position: absolute;
    top: 50%;
    left: 20px;
    width: auto;
    height: auto;
    font-family: 'FontAwesome';
    content: '\f107';
    color: #7c7e84;
    font-size: 18px;
    transform: translateY(-50%);
    margin: 0;
    border: none;
}
.contact-details-form .single-box1 .bootstrap-select .dropdown-menu {
    position: static;
    margin: 0;
    padding: 0;
    border-radius: 0;
    border: 0px solid #ddd;
    background: #f9f9f9;
    font-size: 16px;
    color: #000000;
}
.contact-details-form .single-box1 .dropdown-item {
    display: block;
    width: 100%;
    padding: 9px 20px 9px;
    font-weight: 400;
    color: #222222;
    text-align: inherit;
    white-space: nowrap;
    background-color: #9b959552;
    border: 0;
    border-radius: 0;
    transition: all 500ms ease;
    text-align: right;
    border-bottom: 1px solid gray;
}
.contact-details-form .single-box1 .dropdown-item.active,
.contact-details-form .single-box1 .dropdown-item:active {
    background: #585757;
    color: #fff;
}
.contact-details-form .single-box1 .dropdown-item:hover {
    background: #96c73d;
    color: #fff;
}


/*** 
=============================================
    Latest Blog Area Style2 style
=============================================
***/
.latest-blog-area.style2{}
.more-blog-button {
    position: relative;
    display: block;
    margin-top: 39px;
}



/*** 
=============================================
    Brand Area style2 Style2 style
=============================================
***/
.brand-area.style2{
    padding-top: 110px;
    padding-bottom: 110px;    
}
.single-brand-item.style2{
    max-width: 170px;
    width: 100%;
    float: left;
    margin-right: 30px;
}
.single-brand-item.style2:last-child{
    margin-right: 0;
}
.single-brand-item.style2 a:hover{
-webkit-box-shadow: 0px -4px 10px 3px #e8e8e8; 
box-shadow: 0px -4px 10px 3px #e8e8e8;  
}



/*** 
=============================================
    Instagram area style
=============================================
***/
.instagram-area {
    position: relative;
    display: block;
    background: #e9212e;
}
.instagram-title {
    position: relative;
    display: block;
    margin-right: -30px;
    padding: 43px 0;
    z-index: 3;
}
.instagram-title .pattern-bg {
    position: absolute;
    top: 0;
    left: -500px;
    bottom: 0;
    right: 0;
    background: url(../images/pattern/instagram-title-bg.png);
    z-index: -1;
    background-repeat: no-repeat;
}
.instagram-title h3{
    color: #ffffff;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    margin: 0 0 17px;
}
.instagram-title a{
    color: #ffffff;
}
.instagram-title a:hover{
    color: #27282c;    
}

.instagram-items {
    position: relative;
    display: block;
    margin-right: -375px;
    z-index: 3;
}
.instagram-items li{
    position: relative;
    display: inline-block;
    float: left;
}
.instagram-items li .img-holder {
    position: relative;
    display: block;
    overflow: hidden;
}
.instagram-items li:hover .overlay-style-two{
	opacity: 1;
}
.instagram-items li .img-holder .overlay-style-two:before {
    background-color: rgba(40, 41, 46, 0.95);
}
.instagram-items li:hover .img-holder .overlay-style-two:before{
	opacity: 1;
    transform: perspective(400px) rotateX(0deg);
    transition: all 700ms ease 100ms;	
}
.instagram-items li .img-holder .overlay-style-two:after {
    background-color: rgba(40, 41, 46, 0.95);
}
.instagram-items li:hover .img-holder .overlay-style-two:after{
	opacity: 1;
    transform: perspective(400px) rotateX(0deg);
    transition: all 700ms ease 300ms;	
}
.instagram-items li .img-holder img {
    width: 100%;
    transform: scale(1.01);
    transition: all 700ms ease;
}
.instagram-items li:hover .img-holder img {
    transform:scale(1.2) rotate(2deg);	
}

.instagram-items li .img-holder .overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    transform: translate3d(0px, -100%, 0px);
    transition: all 700ms ease 300ms;
}
.instagram-items li:hover .img-holder .overlay{
    transition: all 700ms ease 500ms;
    transform: translate3d(0px, 0px, 0px);      
}
.instagram-items li .img-holder .overlay .box{
    display: table;
    width: 100%;
    height: 100%;
}
.instagram-items li .img-holder .overlay .box .link-icon{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.instagram-items li .img-holder .overlay .box .link-icon a span:before{
    display: inline-block;
    color: #ffffff;
    font-size: 30px;
    line-height: 30px;
    transition: all 500ms ease;
}
.instagram-items li .img-holder .overlay .box .link-icon a:hover span:before{
    color: #e9212e;    
}



/*** 
=============================================
    Footer Area Style2 style
=============================================
***/
.footer-area.style2 {
    padding: 110px 0 100px;
    z-index: 10;
}
.single-footer-widget .title-style2 {
    position: relative;
    display: block;
    margin-top: -4px;
    padding-bottom: 25px;
}
.single-footer-widget .title-style2 h3 {
    color: #000000;
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
    text-transform: capitalize;
}


.single-footer-widget .our-info-box{}
.single-footer-widget .our-info-box .footer-logo{
    position: relative;
    display: block;
    padding-bottom: 34px;
}
.single-footer-widget .our-info-box .footer-logo a{
    display: inline-block;
}
.single-footer-widget .our-info-box .text{
    position: relative;
    display: block;
    padding-bottom: 23px;
}
.single-footer-widget .our-info-box .text p{
    color: #7c7e84;
    margin: 0;
}
.single-footer-widget .our-info-box .follow-us-social-links{
    position: relative;
    display: block;    
}
.single-footer-widget .our-info-box .follow-us-social-links span{
    position: relative;
    display: inline-block;
    padding-right: 6px;
    color: #ffffff;
    font-size: 15px;
    line-height: 30px;
    float: left;
}
.single-footer-widget .our-info-box .follow-us-social-links ul{
    position: relative;
    display: inline-block;
    float: left;
    line-height: 30px;
}
.single-footer-widget .our-info-box .follow-us-social-links ul li{
    position: relative;
    display: inline-block;
    float: left;
    padding-right: 11px;
    margin-right: 10px;
}
.single-footer-widget .our-info-box .follow-us-social-links ul li:before {
    position: absolute;
    top: 10px;
    right: 0;
    width: 1px;
    height: 11px;
    background: #404146;
    content: "";
    transform: rotate(15deg);
}
.single-footer-widget .our-info-box .follow-us-social-links ul li:last-child{
    padding-right: 0;
    margin-right: 0;
}
.single-footer-widget .our-info-box .follow-us-social-links ul li a{
    color: #7c7e84;
    font-size: 15px;
    transition: all 300ms ease 100ms;
}
.single-footer-widget .our-info-box .follow-us-social-links ul li a:hover{
    color: #ffffff;
}


.single-footer-widget .usefull-links {
    position: relative;
    display: block;
    overflow: hidden;
    margin-top: -12px;
}
.single-footer-widget .usefull-links ul {
    position: relative;
    display: block;
    overflow: hidden;
    text-align: right;
}
.single-footer-widget .usefull-links ul.marleft30{
    margin-left: 30px;
}
.single-footer-widget .usefull-links ul.borders-left {
    position: relative;
    margin-left: 80px;
    padding-left: 30px;
}
.single-footer-widget .usefull-links ul li {
    position: relative;
    display: block;
    line-height: 40px;
}
.single-footer-widget .usefull-links ul li a{
    color: #4a4949;
    font-size: 15px;
    font-weight: 500;
    padding-left: 20px;
    transition: all 500ms ease;
}
.single-footer-widget .usefull-links ul li a:hover{
    color: #96c73d;
}
.single-footer-widget .usefull-links ul li a:before {
    position: absolute;
    top: 0px;
    left: 0;
    /* content: "\f107"; */
    font-family: "Flaticon";
    /* color: #7c7e84; */
    font-size: 10px;
    transition: all 500ms ease;
    font-weight: 600;
    line-height: 36px;
    margin: 0px 0 0px;
}
.single-footer-widget .usefull-links ul li a:hover:before{
    color: #ffffff;
    /* content: "\f108"; */
    transition: all 500ms ease;
}
.single-footer-widget .usefull-links ul.borders-left:before{
    position: absolute;
    top: 12px;
    left: 0;
    bottom: 7px;
    width: 1px;
    background: #404043;
    content: "";
}

.single-footer-widget .subscribe-box{
    position: relative;
    display: block;    
}
.single-footer-widget .subscribe-form {
    position: relative;
    display: block;
    max-width: 370px;
    width: 100%;
}
.single-footer-widget .subscribe-form input[type="email"]{
    position: relative;
    display: block;
    background: #27282c;
    border: 1px solid #404043;
    color: #62656f;
    font-size: 15px;
    font-weight: 400;
    width: 100%;
    height: 52px;
    margin-bottom: 0px;
    padding: 0 20px;
    transition: all 500ms ease;
}
.single-footer-widget .subscribe-form input::-webkit-input-placeholder {
    color: #444343;
}
.single-footer-widget .subscribe-form input:-moz-placeholder {
    color: #444343;
}
.single-footer-widget .subscribe-form input::-moz-placeholder {
    color: #444343;
}
.single-footer-widget .subscribe-form input:-ms-input-placeholder {
    color: #444343;
}
.single-footer-widget .subscribe-form button {
    margin-top: 20px;
    line-height: 50px;
}
.single-footer-widget .subscribe-form input[type="email"]:focus {
    border: 1px solid #ffffff;
    background: #ffffff;
    color: #222222;
}
.single-footer-widget .subscribe-form input[type="email"]:focus + button, 
.single-footer-widget .subscribe-form button:hover {
    background: #191a1c;
    color: #fff;
}
.single-footer-widget .subscribe-box .text{
    position: relative;
    display: block;
    padding-top: 14px;
}
.single-footer-widget .subscribe-box .text p{
    color: #7c7e84;
    font-size: 15px;
    margin: 0;
}
.single-footer-widget .subscribe-box .text p span{
    color: #e9212e;
}










/*** 
=============================================
    Topbar Style3 Area style
=============================================
***/
.topbar-style3-area {
    position: relative;
    display: block;
    border-bottom: 1px solid #ededed;
    padding: 12px 0;
}
.topbar-style3-content {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}
.topbar-style3-left{
    position: relative;
    display: block;    
}
.topbar-style3-left ul{}
.topbar-style3-left ul li{
    display: inline-block;
    float: left;
    margin-right: 30px;
    line-height: 28px;
}
.topbar-style3-left ul li:last-child{
    margin-right: 0;
}
.topbar-style3-left ul li a{
    color: #7c7e84;
    font-size: 15px;
    font-weight: 400;
    transition: all 500ms ease;
}
.topbar-style3-left ul li a:hover{
    color: #e9212e;
}

.topbar-style3-right {
    position: relative;
    display: block;
    max-width: 270px;
    width: 100%;
}
.topbar-style3-right ul {
    position: relative;
    display: block;
    overflow: hidden;
    float: left;
    border-right: 1px solid #dadada;
    padding-right: 20px;
}
.topbar-style3-right ul li{
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 20px;
    line-height: 28px;
}
.topbar-style3-right ul li:last-child{
    margin-right: 0;
}
.topbar-style3-right ul li a{
    color: #7c7e84;
    font-size: 14px;
    font-weight: 400;
}
.topbar-style3-right ul li a:hover{
    color: #e9212e;
}



/*** 
=============================================
    Header Style3 Area style
=============================================
***/
.header-style3-area{
    position: relative;
    display: block;
}
.header-style3-content{
    position: relative;
    display: block;
    overflow: hidden;
}
.logo-box-style3 {
    position: relative;
    display: block;
    margin: 30px 0;
}
.logo-box-style3 a{
    display: inline-block;
}

.header-contact-info.style2 {
    position: relative;
    display: block;
    padding-left: 90px;
    border-left: none;
    margin: 27px 0 28px;
}
.header-contact-info.style2 li:last-child {
    margin-right: 0;
    padding-right: 0;
    border: none;
}


.header-call-button {
    position: relative;
    display: block;
    width: 270px;
    background: #e9212e;
    text-align: right;
    padding: 30px 30px 30px;
    z-index: 1;
}
.header-call-button:before{
    position: absolute;
    left: 30px;
    bottom: 0;
    right: 30px;
    height: 1px;
    background: #ea5f68;
    content: "";
}
.header-call-button .inner{
    position: relative;
    display: block;
    padding-right: 60px;
}
.header-call-button .inner .icon {
    position: absolute;
    top: 0;
    right: 0;
    transform: rotateY(180deg);
}
.header-call-button .inner .icon span:before {
    color: #ffffff;
    font-size: 40px;
    line-height: 50px;
}
.header-call-button .inner .title{
    position: relative;
    display: block;
}
.header-call-button .inner .title span{
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
}
.header-call-button .inner .title h3{
    color: #ffffff;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    margin: 3px 0 0;
    font-family: 'Rubik', sans-serif;
}


/*** 
=============================================
    Mainmenu Style3 Area style
=============================================
***/
.mainmenu-style3-area{
    position: relative;
    display: block;   
    background: #27282c;
}
.mainmenu-style3-area.stricky-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999999;
    background: #27282C;
    margin: 0;
    animation-name: menu_sticky;
    animation-duration: 0.60s;
    animation-timing-function: ease-out;
    transition: all .25s ease-in-out;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -ms-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -o-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    box-shadow: 0 0 15px rgba(0,0,0,0.10);
}

.main-menu.style3 {
    position: relative;
    display: inline-block;
    border-left: 1px solid #1a1b1f;
}
.main-menu.style3 .navigation > li {
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 0;
    border-left: 1px solid #3d3e42;
    border-right: 1px solid #1a1b1f;
}
.main-menu.style3 .navigation > li:last-child{
    border-right: none;
}
.main-menu.style3 .navigation > li > a {
    color: #ffffff;
    padding: 30px 35px 26px;
}
.main-menu.style3 .navigation > li:last-child > a{
    padding-right: 0;
}
.main-menu.style3 .navigation > li:hover > a, 
.main-menu.style3 .navigation > li.current > a {
    color: #e9212e; 
}

.mainmenu-right.style3 {
    position: relative;
    display: inline-block;
    float: right;
    margin: 0;
}
.mainmenu-right.style3 .button a {
    line-height: 70px;
    width: 270px;
    padding: 0;
    text-align: center;
}
.mainmenu-right.style3 .button a:hover{
    background: #232427;
}



/*** 
=============================================
    Featured Area style
=============================================
***/
.featured-area {
    position: relative;
    display: block;
    margin-top: -160px;
    z-index: 10;
    background: transparent;
}
.single-featured-box{
    position: relative;
    display: block;
    padding-top: 50px;
    max-width: 370px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.single-featured-box .inner{
    position: relative;
    display: block;
    background: #e9212e;
    transition: all 300ms ease 100ms;
}
.single-featured-box .inner .img-holder {
    position: relative;
    display: block;
    width: 255px;
    height: 270px;
    float: right;
}
.single-featured-box .inner .static-content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    padding-top: 125px;
    padding-left: 30px;
    opacity: 1;
    visibility: visible;
    z-index: 1;
    transform: translateY(0px);
    transition: all 500ms ease 100ms;
}
.single-featured-box:hover .inner .static-content{
    opacity: 0;
    visibility: hidden;
    transform: translateY(50%);
    transition: all 900ms ease 100ms;  
}

.single-featured-box .icon{
    position: relative;
    display: block;
    padding-bottom: 20px;
}
.single-featured-box .icon span:before{
    color: #ffffff;
    font-size: 60px;
    line-height: 60px;
}
.single-featured-box .title{
    position: relative;
    display: block;    
}
.single-featured-box .title h3{
    color: #ffffff;
    font-weight: 600;
}

.single-featured-box .inner .overlay-content {
    position: absolute;
    top: -50px;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    padding-top: 50px;
    padding-left: 30px;
    padding-right: 30px;
    z-index: 3;
    background: #27282c;
    transition: all 300ms ease 100ms;
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
    transition: all 500ms ease 100ms;
}
.single-featured-box:hover .inner .overlay-content{
    opacity: 1;  
    visibility: visible; 
    transform: translateY(0%);
    transition: all 900ms ease 100ms;  
}
.single-featured-box .inner .overlay-content .icon span:before{
    color: #e9212e;
}
.single-featured-box .inner .overlay-content .text{
    position: relative;
    display: block;
    padding-top: 18px;
    padding-bottom: 0px;
}
.single-featured-box .inner .overlay-content .text p{
    color: #ffffff;
    margin: 0 0 26px;
}
.single-featured-box .inner .overlay-content .text a{
    color: #ffffff;    
}

.single-featured-box .overlay-content .overlay-image{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 255px;
    height: 00px;
    opacity: 0;
    transform: scale(0.5);
    transition: all 500ms ease 100ms;
}
.single-featured-box:hover .overlay-content .overlay-image{
    opacity: 1;
    height: 270px;
    transform: scale(1.0); 
    transition: all 900ms ease 500ms;  
}


.about-style3-content{
    position: relative;
    display: block;
    padding-top: 110px;
    padding-bottom: 110px;
}
.about-style3-content .sec-title{
    padding-bottom: 40px;
    margin: 0;
}
.about-style3-content .sec-title p {
    margin: 15px 0 27px;
}
.about-style3-content .button{}
.about-style3-content .button a{
    padding: 0 40px;
    margin: 0 13px;
}
.about-style3-content .button a.black{
    background: #27282c;
}
.about-style3-bg {
    position: absolute;
    left: 0;
    top: -60px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    z-index: -1;
    opacity: 1;
}
@-webkit-keyframes banner-animate {
    0% {
    -webkit-transform: translateX(-300px);
    transform: translateX(-300px);
    }

    50% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    }

    100% {
    -webkit-transform: translateX(-300px);
    transform: translateX(-300px);
    }
}
@keyframes banner-animate {
    0% {
    -webkit-transform: translateX(-300px);
    transform: translateX(-300px);
    }

    50% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    }

    100% {
    -webkit-transform: translateX(-300px);
    transform: translateX(-300px);
    }
}
.banner-animate {
    animation-name: banner-animate; 
    animation-duration: 70s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
	-webkit-animation-name: banner-animate; 
    -webkit-animation-duration: 70s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
	
	-moz-animation-name: banner-animate; 
    -moz-animation-duration: 70s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
	
	-ms-animation-name: banner-animate; 
    -ms-animation-duration: 70s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
	
	-o-animation-name: banner-animate; 
    -o-animation-duration: 70s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}



/*** 
=============================================
    Services Style2 Area style
=============================================
***/
.services-style2-area {
    position: relative;
    display: block;
    background: #f6f6f6;
    padding: 110px 0 108px;
    z-index: 1;
}
.services-style2-area:before{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 407px;
    background: #ffffff;
    content: "";
    z-index: -1;
}
.single-service-style2 .img-holder{
    position: relative;
    display: block;
    overflow: hidden; 
    z-index: 1;
}
.single-service-style2 .img-holder img {
    width: 100%;
    transform: scale(1.01);
    transition: all 700ms ease;
}
.single-service-style2:hover .img-holder img {
    transform: scale(1.2);    
}
.single-service-style2:hover .overlay-style-two{
	opacity: 1;
}
.single-service-style2 .img-holder .overlay-style-two:before{
	background-color: rgba(40, 41, 46, 0.90);
}
.single-service-style2:hover .img-holder .overlay-style-two:before{
	opacity: 1;
    transform: perspective(400px) rotateX(0deg);
    transition: all 700ms ease 100ms;	
}
.single-service-style2 .img-holder .overlay-style-two:after{
	background-color: rgba(40, 41, 46, 0.90);
}
.single-service-style2:hover .img-holder .overlay-style-two:after{
	opacity: 1;
    transform: perspective(400px) rotateX(0deg);
    transition: all 700ms ease 300ms;	
}

.single-service-style2 .text-holder{
    position: relative;
    display: block;
    background: transparent;
    z-index: 10;
}
.single-service-style2 .text-holder .icon-holder {
    position: relative;
    display: block;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    margin: -55px auto 0;
    border: 4px dotted #c9c9c9;
    background: #ffffff;
    text-align: center;
    z-index: 2;
}
.single-service-style2 .text-holder .icon-holder span:before {
    display: block;
    color: #b3b3b3;
    font-size: 50px;
    line-height: 102px;
}

.single-service-style2 .text-holder .inner{
    position: relative;
    display: block;
    padding: 26px 0px 0px;
    text-align: center;
    background: #ffffff;
    z-index: 1;
}
.single-service-style2 .text-holder .inner:before {
    position: absolute;
    top: -55px;
    left: 0;
    bottom: 0;
    right: 0;
    background: #ffffff;
    content: "";
    z-index: -1;
}
.single-service-style2 .text-holder .inner h3{
    color: #27282c;
    font-weight: 600;
    margin: 0 0 18px;
}
.single-service-style2 .text-holder .inner .text {
    position: relative;
    display: block;
    padding: 0 30px 32px;
}
.single-service-style2 .text-holder .inner .text p{
    margin: 0;
}
.single-service-style2 .text-holder .inner .read-more a{
    color: #27282c;
    background: #f6f6f6;
    display: block;
}


.services-style2-content{
	overflow: hidden;
}
.services-style2-content .owl-carousel{
	display: block;
	max-width: 370px;
	width: 100%;
	margin: 0 auto;
}
.services-style2-content .owl-carousel .owl-stage-outer{
	overflow: visible;
	padding: 0px 0px 43px;
}
.services-style2-content .owl-carousel .owl-stage-outer .owl-item.active .overlay-style-two{
	opacity: 1;
}
.services-style2-content .owl-carousel .owl-stage-outer .owl-item.active .overlay-style-two:before{
	opacity: 1;
    transform: perspective(400px) rotateX(0deg);
    transition: all 700ms ease 300ms;	
}
.services-style2-content .owl-carousel .owl-stage-outer .owl-item.active .overlay-style-two:after{
	opacity: 1;
    transform: perspective(400px) rotateX(0deg);
    transition: all 700ms ease 500ms;	
}
.services-style2-content .owl-carousel .owl-stage-outer .owl-item.active .single-service-style2 .text-holder .icon-holder {
    border: 4px dotted #e9212e;
    transition: all 700ms ease 700ms;
}
.services-style2-content .owl-carousel .owl-stage-outer .owl-item.active .single-service-style2 .text-holder .icon-holder span:before {
    color: #e9212e;
    transition: all 700ms ease 800ms;
}
.services-style2-content .owl-carousel .owl-stage-outer .owl-item.active .single-service-style2 .text-holder .inner .read-more a{
    color: #ffffff;
    background: #e9212e;
    transition: all 700ms ease 900ms;
}

.services-carousel .owl-dots {
    position: relative;
    display: block !important;
    margin-top: 0px !important;
    line-height: 14px;
}
.services-carousel .owl-dots .owl-dot{
	background-image: none;
	width: 20px;
	height: 5px;
	margin: 0px 10px;
    background: #e1e1e1;
    border: 2px solid #e1e1e1;
	padding: 0px;
	border-radius: 0%;
	transition: all 500ms ease;
	display: inline-block;
}
.services-carousel .owl-dots .owl-dot span{
	display:none;	
}
.services-carousel .owl-dots .owl-dot.active{
	background: #e9212e;
    border-color: #e9212e;
}



/*** 
=============================================
    Latest Projects Area style
=============================================
***/
.latest-projects-area{
    position: relative;
    display: block;
    background: #27282c;
    width: 100%;
    padding: 110px 60px 104px;
}
.latest-projects-v3{
    padding: 0;
}
.single-project-style3 .img-holder{
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 10;
}
.single-project-style3 .img-holder img{
    width: 100%;
    transform: scale(1.01);
    transition: all 700ms ease;
}
.single-project-style3:hover .img-holder img {
    transform:scale(1.2) rotate(2deg);	
}
.single-project-style3 .overlay-content{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, 0.70);
    transform: scaleX(0);
    border: 4px solid #e9212e;
    transition: all 700ms ease 100ms;
    z-index: 3;
}
.single-project-style3:hover .overlay-content{
    transform: scaleY(1);
}
.single-project-style3 .overlay-content .inner-content{
    display: table;
    width: 100%;
    height: 100%;
}
.single-project-style3 .overlay-content .inner-content .links-icons{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    transform: scale(0);
    transition: all 700ms ease 500ms;
}
.single-project-style3:hover .overlay-content .inner-content .links-icons{
    transform: scale(1.0);    
}
.single-project-style3 .overlay-content .inner-content .links-icons a span:before{
    position: relative;
    display: block;
    width: 35px;
    height: 35px;
    margin: 0 auto;
    color: #ffffff;
    font-size: 35px;
    line-height: 35px;
    font-weight: 400;
    transition: all 500ms ease;
}
.single-project-style3 .overlay-content .inner-content .links-icons a:hover span:before{
    color: #e9212e;    
}

.single-project-style3 .title-holder{
    position: relative;
    display: block;
    padding-top: 24px;
}
.single-project-style3 .title-holder span{
    color: #7c7e84;
}
.single-project-style3 .title-holder h3{
    color: #ffffff;
    font-weight: 600;
    margin: 3px 0 0;
}

.project-carousel-v3.owl-carousel .owl-nav {
    position: absolute;
    top: -115px;
    display: block;
    left: 0;
    right: 0;
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
}
.project-carousel-v3.owl-carousel .owl-nav [class*="owl-"] {
    position: absolute;
    right: 0;
    display: inline-block;
    background: transparent;
    width: 55px;
    height: 55px;
    border: 1px solid #3f3f42;
    line-height: 54px;
    margin: 0;
    padding: 0;
    transition: all 700ms ease 100ms;
    border-radius: 50%;
}
.project-carousel-v3.owl-carousel .owl-nav .owl-prev {
    right: 65px;
}
.project-carousel-v3.owl-carousel .owl-nav [class*="owl-"] i:before{
    color: #5e5e5e;
    font-size: 20px;
    font-weight: 400;
}
.project-carousel-v3.owl-carousel .owl-nav .owl-next {
    margin-left: 10px;
}
.project-carousel-v3.owl-carousel .owl-nav [class*="owl-"]:hover{
    border-color: #e9212e;
}



/*** 
=============================================
    Team Area style
=============================================
***/
.team-area {
    position: relative;
    display: block;
    padding-top: 110px;
    padding-bottom: 60px;
}
.view-all-member{
    position: relative;
    display: block;
    margin-top: 39px;    
}
.single-team-member {
    position: relative;
    display: block;
    margin-bottom: 50px;
    transition: all 500ms ease;
}
.single-team-member .img-holder {
    position: relative;
    display: block;
    overflow: hidden;
}
.single-team-member .img-holder img{
    width: 100%;
    transform: scale(1.0);
    transition: all 700ms ease;
}
.single-team-member:hover .img-holder img{
    transform:scale(1.05) rotate(0deg);	
}

.single-team-member .sociallinks {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-top: 4px solid #27282c;
    text-align: center;
    transition: all 900ms ease 100ms;
    transform-style: preserve-3d;
    transform: perspective(1200px) rotateX(-90deg) translateZ(-32px);
    opacity: 0;
}
.single-team-member:hover .sociallinks{
    opacity: 1;
    transform: perspective(1200px) rotateX(0deg) translateZ(0px);
    transition: all 900ms ease 300ms;
}
.single-team-member .sociallinks li {
    position: relative;
    display: inline-block;
    float: left;
    width: 20%;
    line-height: 60px;
    border-right: 1px solid #ededed;
}
.single-team-member .sociallinks li:last-child{
    border-right: none;
}
.single-team-member .sociallinks li a i{
    position: relative;
    display: block;
    background: #ffffff;
    color: #7c7e84;
    font-size: 14px;
    line-height: 60px;
    transition: all 500ms ease;
}
.single-team-member .sociallinks li a:hover i{
    color: #ffffff;
    background: #e9212e;
}

.single-team-member .overlay {
    position: absolute;
    top: 64px;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 3;
    background: rgba(0, 0, 0, 0.85);
    transition: all 900ms ease 100ms;
    opacity: 0;
    transform-style: preserve-3d;
    transform: perspective(1200px) rotateX(-90deg) translateZ(-32px);
}
.single-team-member:hover .overlay{
    opacity: 1;
    transform: perspective(1200px) rotateX(0deg) translateZ(0px);
    transition: all 900ms ease 300ms;    
}
.single-team-member .overlay .box{
    display: table;
    width: 100%;
    height: 100%;
}
.single-team-member .overlay .box .link{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.single-team-member .overlay .box .link a{
    color: #ffffff;    
}
.single-team-member .name {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 24px 0 24px;
    transition: all 700ms ease 600ms;
    -webkit-box-shadow: 0px 3px 7px 1px #f3f3f3; 
    box-shadow: 0px 3px 7px 1px #f3f3f3;
}
.single-team-member:hover .name{
    -webkit-box-shadow: 0px 3px 15px 1px #F3F3F3; 
    box-shadow: 0px 3px 15px 1px #F3F3F3; 
}
.single-team-member .name p {
    position: relative;
    display: inline-block;
    background: #ffffff;
    margin: 0;
    line-height: 20px;
    padding: 0 30px;
    z-index: 1;
}
.single-team-member .name p:before {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    height: 1px;
    background: #ededed;
    content: "";
    z-index: -1;  
}
.single-team-member .name p span {
    position: relative;
    display: inline-block;
    background: #ffffff;
    padding: 0 10px;
    color: #828282;
    line-height: 20px;
    margin: 0;
    z-index: 2;
}
.single-team-member .name h3{
    color: #27282c;
    font-weight: 600;
    margin: 8px 0 0;
}



/*** 
=============================================
    Testimonial style3 area style
=============================================
***/
.testimonial-style3-area{
    position: relative;
    display: block;
    background: #f6f6f6;
    padding: 110px 0 60px;
}
.single-testimonial-style3{
    position: relative;
    display: block;
    z-index: 1;
    background: #F9F9F9 0% 0% no-repeat padding-box;
    border-radius: 15px;
}
.single-testimonial-style3:before{
    position: absolute;
    top: 20px;
    left: 0;
    bottom: -20px;
    right: 20px;
    /* border: 1px solid #dadada; */
    /* content: ""; */
    z-index: -1;
}
.single-testimonial-style3 .inner-content{
    position: relative;
    display: block;
    padding: 15px 8px 15px;
    z-index: 1;
}
.single-testimonial-style3 .inner-content:before {
    font-family: 'icomoon';
    position: absolute;
    bottom: 38px;
    right: 40px;
    /* content: "\e906"; */
    /* color: #f6f6f6; */
    font-size: 120px;
    line-height: 90px;
    z-index: -1;
}

.single-testimonial-style3 .client-info{
    position: relative;
    display: block;
}
.single-testimonial-style3 .client-info .image{
    width: 60px;
}
.single-testimonial-style3 .client-info .image img{
    border-radius: 50%;
}
.single-testimonial-style3 .client-info .image,
.single-testimonial-style3 .client-info .title{
    display: table-cell;
    vertical-align: middle;
}
.single-testimonial-style3 .client-info .title{
    padding-right: 10px;
    text-align: right;
}
.single-testimonial-style3 .client-info .title h3{
    color: #000;
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 2px;
}
.single-testimonial-style3 .client-info .title span{
    color: #000000;
    font-size: 14px;
}
.single-testimonial-style3 .text-box{
    position: relative;
    display: block;
    padding-top: 4px;
    padding-bottom: 0px;
}
.single-testimonial-style3 .text-box p{
    line-height: 28px;
    margin: 0;
}

.testimonial-carousel-2.owl-carousel .owl-stage-outer {
    padding: 0px 0px 63px;
}
.testimonial-carousel-2 .owl-dots {
    position: relative;
    display: block !important;
    margin-top: 0px !important;
    line-height: 14px;
}
.testimonial-carousel-2 .owl-dots .owl-dot{
	background-image: none;
	width: 20px;
	height: 5px;
	margin: 0px 10px;
    background: #e1e1e1;
    border: 2px solid #e1e1e1;
	padding: 0px;
	border-radius: 0%;
	transition: all 500ms ease;
	display: inline-block;
}
.testimonial-carousel-2 .owl-dots .owl-dot span{
	display:none;	
}
.testimonial-carousel-2 .owl-dots .owl-dot.active{
	background: #e9212e;
    border-color: #e9212e;
}
.testimonial-style3-area .owl-nav{
    display: none;
}


.brand-style3{
    padding-top: 30px; 
}
.single-brand-item.style3{
    max-width: 170px;
    width: 100%;
    float: left;
    margin-right: 30px;
}
.single-brand-item.style3 a {
    display: block;
    background: transparent;
    text-align: center;
    transition: all 700ms ease 200ms;
}
.single-brand-item.style3:last-child{
    margin-right: 0;
}
.single-brand-item.style3 a:hover{
    box-shadow: none; 
}



/*** 
=============================================
    Latest Blog Area Style3 style
=============================================
***/
.latest-blog-area.style3{
    padding-top: 110px;
    padding-bottom: 70px;    
}
.single-blog-post.style2{
    margin-bottom: 40px; 
    -webkit-box-shadow: 0px 3px 9px 2px #ebebeb; 
    box-shadow: 0px 3px 9px 2px #ebebeb;
}
.single-blog-post.style2 .text-holder{
    padding: 25px 30px 20px;
}
.single-blog-post.style2 .meta-box {
    min-height: 30px;
    margin-top: 16px;
    margin-bottom: 0px;
}
.single-blog-post.style2 .img-holder{
    z-index: 1;
}
.single-blog-post.style2 .img-holder:before{
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 40%;
    content: "";
    transition: all 300ms ease 100ms;
    z-index: 2;
    background: rgb(39,40,44);
    background: linear-gradient(180deg, rgba(39,40,44,0) 40%, rgba(39,40,44,0.8407738095238095) 78%, rgba(39,40,44,1) 94%, rgba(39,40,44,1) 100%, rgba(39,40,44,1) 100%, rgba(237,237,237,1) 100%, rgba(32,50,96,0) 100%);
}
.single-blog-post.style2 .overlay-title{
    position: absolute;
    left: 30px;
    bottom: 23px;
    right: 30px;
    z-index: 3;
}
.single-blog-post.style2 .overlay-title .blog-title{
    position: relative;
    display: block;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600; 
}
.single-blog-post.style2 .overlay-title .blog-title a{
    color: #ffffff;
    transition: all 500ms ease;    
}
.single-blog-post.style2 .overlay-title .blog-title a:hover{
    color: #e9212e;
}



/*** 
=============================================
    Home Google Map Area style
=============================================
***/
.home-google-map-area{
    position: relative;
    display: block;
}
.home-google-map-area .container-fluid{
    padding: 0;
}
#home-google-map {
    height: 550px;
    width: 100%;
}



/*** 
=============================================
    Footer Area style3 style
=============================================
***/
.footer-area.style3 {
    padding: 110px 0 100px;
}
.single-footer-widget .our-info-box.style2 .text{
    padding: 0;
}
.single-footer-widget .our-info-box .more-info-about-company {
    color: #ffffff;
    margin-top: 26px;
    display: inline-block;
}

.single-footer-widget .work-gallery {
    position: relative;
    display: block;
    overflow: hidden;
    margin-left: -7.5px;
    margin-right: -7.5px;
}
.single-footer-widget .work-gallery li {
    position: relative;
    display: inline-block;
    float: left;
    margin: 0 7.5px 15px;
}
.single-footer-widget .work-gallery li .img-holder {
    position: relative;
    display: block;
    overflow: hidden;
}
.single-footer-widget .work-gallery li .img-holder img{
    transition: all 0.5s ease-in-out 0.6s;
    width: 100%;
    transform: scale(1.1, 1.1); 
}
.single-footer-widget .work-gallery li:hover .img-holder img{
    transform: scale(1.2, 1.2);
} 
.single-footer-widget .work-gallery li:hover .img-holder .overlay-style-one{
    opacity: 1;    
}
.single-footer-widget .work-gallery li .img-holder .overlay-style-one .content a i{
    color: #ffffff;
    font-size: 18px;
    filter: alpha(opacity=0);
    opacity: 0;
    transform: scale(3);
    transition: all 0.3s ease-in-out 0.3s;
}
.single-footer-widget .work-gallery li:hover .img-holder .overlay-style-one .content a i{
    filter: alpha(opacity=100);
    opacity: 1;
    transform: scale(1);
    transition-delay: 0.1s;   
}
.single-footer-widget .work-gallery li .img-holder .overlay-style-one .content a:hover i{
    color: #222222;
}



/*** 
=============================================
    Footer Bottom Area Style2 Style      
=============================================
***/
.footer-bottom-area.style2 {
    background: #1f1f23;
}
.footer-social-links.clr-white span{
    color: #ffffff;
}










/*** 
=============================================
    Breadcrumb area style
=============================================
***/
.breadcrumb-area {
    position: relative;
    background-attachment: scroll;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0px 0 0px;
    z-index: 10;
}
.breadcrumb-area .inner-content {
    position: relative;
    display: block;
    padding: 360px 0 0;
}
.breadcrumb-area .title {
    position: relative;
    display: block;
    padding-top: 24px;
    padding-bottom: 47px;
}
.breadcrumb-area .title:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 120px;
    height: 4px;
    background: #ffffff;
    content: "";
}
.breadcrumb-area .title h1{
    color: #ffffff;
    font-size: 48px;
    line-height: 60px;
    font-weight: 700;
    text-transform: capitalize;
    margin: 0;
}

.breadcrumb-area .breadcrumb-menu {
    position: relative;
    display: inline-block;
    line-height: 10px;
}
.breadcrumb-area .breadcrumb-menu ul {
    position: relative;
    display: inline-block;
    line-height: 30px;
    padding-bottom: 20px;
}
.breadcrumb-area .breadcrumb-menu ul li {
    position: relative;
    display: inline-block;
    float: left;
    color: #ffffff;
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;
    text-transform: capitalize;
    transition: all 500ms ease;
    margin-right: 10px;
    padding-right: 17px;
}
.breadcrumb-area .breadcrumb-menu ul li:before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0px;
    width: 7px;
    height: 2px;
    background: url(../images/icon/arrow.png);
    content: "";
    margin: 14px 0;
}
.breadcrumb-area .breadcrumb-menu ul li:last-child:before{
    display: none;
} 
.breadcrumb-area .breadcrumb-menu ul li:last-child{
    margin-right: 0;
    padding-right: 0;
}
.breadcrumb-area .breadcrumb-menu ul li a{
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
    text-transform: capitalize;
    transition: all 500ms ease;
}
.breadcrumb-area .breadcrumb-menu ul li.active{
    font-weight: 500;
}
.breadcrumb-area .breadcrumb-menu ul li a:hover{
    color: #e9212e;     
}



/*** 
=============================================
    Breadcrumb Area style2 Style      
=============================================
***/
.breadcrumb-area.style2{}
.breadcrumb-area .inner-content-box .title-s2 {
    position: relative;
    display: block;
    padding: 143px 0 86px;
}
.breadcrumb-area .inner-content-box .title-s2 span{
    color: #e9212e;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
}
.breadcrumb-area .inner-content-box .title-s2 h1{
    color: #ffffff;
    font-size: 48px;
    line-height: 62px;
    font-weight: 700;
    margin: 14px 0 0;
    text-transform: capitalize;
}



/*** 
=============================================
    Company Overview Area Style      
=============================================
***/
.company-overview-area{
    position: relative;
    display: block;
    padding: 105px 0 116px;
    z-index: 1;
}
.company-overview-area:before{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 580px;
    background: #f6f6f6;
    content: "";
    z-index: -1;
}
.intro-box {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    margin-bottom: 70px;
}
.intro-box .sec-title{
    position: relative;
    display: block;
    max-width: 530px;
    width: 100%;
    margin: 0;
    padding: 0;
}
.intro-box .text{
    position: relative;
    display: block;
    max-width: 640px;
    width: 100%;
}
.intro-box .text p{
    margin: 0;
}


.history-content-box{
    position: relative;
    display: block;
}
.single-history-content{
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    background: #ffffff;
    -webkit-box-shadow: 4px 0px 9px 2px #f6f6f6; 
    box-shadow: 4px 0px 9px 2px #f6f6f6;
}
.single-history-content .img-box{
    position: relative;
    display: block;
    width: 50%;
    float: left;
}
.single-history-content .img-box .inner{
    padding-right: 15px;    
}
.single-history-content .img-box .inner img{
    width: 100%;
}

.single-history-content .text-box {
    position: relative;
    display: block;
    width: 50%;
    float: left;
    padding-left: 65px;
    min-height: 450px;
}
.single-history-content .text-box .inner {
    position: relative;
    display: block;
    padding-top: 70px;
    padding-right: 50px;
}
.single-history-content .text-box .inner .date{
    position: relative;
    display: block;
    width: 130px;
    background: #e9212e;
    text-align: center;
    z-index: 1;
}
.single-history-content .text-box .inner .date:before {
    position: absolute;
    left: 0;
    bottom: -9px;
    width: 9px;
    height: 10px;
    background: url(../images/icon/arrow-2.png);
    content: "";
    z-index: -1;
}
.single-history-content .text-box .inner .date h3{
    color: #ffffff;
    font-size: 24px;
    line-height: 42px;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
}
.single-history-content .text-box .inner .title{
    position: relative;
    display: block;
    padding: 43px 0 31px;
}
.single-history-content .text-box .inner .title h3{
    color: #27282c;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    text-transform: uppercase;
}
.single-history-content .text-box .inner .text{
    position: relative;
    display: block;
}
.single-history-content .text-box .inner .text p{
    margin: 0 0 33px;
}



.history-carousel.owl-carousel .owl-stage-outer {
    padding: 10px 0 40px;
    padding-right: 10px;
}
.history-carousel.owl-theme .owl-nav {
    position: relative;
    display: block;
    width: 200px;
    margin: 0 auto;
    text-align: center;
}
.history-carousel.owl-theme .owl-nav [class*="owl-"] {
    position: absolute;
    top: 0;
    display: block;
    background: transparent;
    color: #a7a7a7;
    font-size: 20px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
    border: 0px solid;
    transition: all 700ms ease 0s;
}
.history-carousel.owl-theme .owl-nav .owl-prev{
    left: 0;
}
.history-carousel.owl-theme .owl-nav .owl-next{
    right: 0;
}


.history-carousel .owl-dots {
    position: relative;
    display: block !important;
    margin-top: 0px !important;
    line-height: 30px;
    width: 140px;
    margin: 0 auto;
}
.history-carousel .owl-dots .owl-dot{
	background-image: none;
	width: 8px;
	height: 8px;
	margin: 0px 7.5px;
    background: #dadada;
    border: 2px solid #dadada;
	padding: 0px;
	border-radius: 50%;
	transition: all 500ms ease;
	display: inline-block;
}
.history-carousel .owl-dots .owl-dot span{
	display:none;	
}
.history-carousel .owl-dots .owl-dot.active{
	background: #e9212e;
    border-color: #e9212e;
}

.fact-counter{
    padding-top: 10px;
}
.single-fact-counter {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
}
.single-fact-counter .count-box {
    position: relative;
    width: 90px;
    padding-left: 35px;
    z-index: 1;
}
.single-fact-counter .count-box:before {
    position: absolute;
    top: -8px;
    left: 0;
    width: 70px;
    height: 70px;
    background: #ffffff;
    content: "";
    z-index: -1;
}
.single-fact-counter .count-box h1{
    color: #27282c;
    font-size: 48px;
    line-height: 40px;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
}
.single-fact-counter .count-box h1 span{
    display: inline-block;
    float: left;
}
.single-fact-counter .count-box h1 img{
    display: inline-block;
    float: left;
    padding-left: 1px;
}
.single-fact-counter .count-box,
.single-fact-counter .title{
    display: table-cell;
    vertical-align: middle;
}
.single-fact-counter .title{
    padding-left: 20px;
}
.single-fact-counter .title h3 {
    color: #27282c;
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
}



/*** 
=============================================
    team Area Style      
=============================================
***/
.view-all-member.style2 {
    margin: 0px 0 0;
}
.view-all-member.style2 a{
    line-height: 56px;
}



/*** 
=============================================
    Footer Area Style4 Style      
=============================================
***/
.footer-area.style4 {
    padding: 40px 0 40px;
    z-index: 10;
    direction: rtl;
    text-align: right;
}



/*** 
=============================================
    Footer Contact Info Area Style      
=============================================
***/
.footer-contact-info-area {
    position: relative;
    display: block;
    background: transparent;
    margin: -60px 0 -60px;
    z-index: 100;
}
.footer-contact-info{
    position: relative;
    display: block;
    background: #ffffff;
}
li .footer-contact-info{}
li .single-footer-contact-info {
    position: relative;
    display: inline-block;
    float: left;
    max-width: 385px;
    width: 100%;
    border-right: 1px solid #ededed;
}
li:last-child .single-footer-contact-info {
    border-right: 0px solid;
}

li .single-footer-contact-info .inner {
    position: relative;
    display: block;
    padding: 35px 40px 30px;
}

li .single-footer-contact-info .icon{
    width: 60px;
}
li .single-footer-contact-info .icon span:before{
    color: #2f3033;
    font-size: 50px;
    transition: all 500ms ease;
}
li .single-footer-contact-info:hover .icon span:before{
    color: #e9212e;
}
li .single-footer-contact-info .icon,
li .single-footer-contact-info .text{
    display: table-cell;
    vertical-align: middle;
}
li .single-footer-contact-info .text p{
    color: #828282;
    margin: 0;
}
li .single-footer-contact-info .text p span{
    color: #27282c;
}



/*** 
=============================================
    Footer bottom Area Style3 Style      
=============================================
***/
.footer-bottom-area.style3 {
    position: relative;
    display: block;
    padding: 88px 0 28px;
    background: #1f1f23;
    z-index: 10;
}



/*** 
=============================================
    Faq Area style
=============================================
***/
.faq-area{
    position: relative;
    display: block;
    padding: 110px 0 110px;
}
.faq-content-box {
    position: relative;
    display: block;
    /* background: #f6f6f6; */
    padding: 8px 8px 8px;
    margin-bottom: 40px;
}



/*** 
=============================================
    Error Page Area Style      
=============================================
***/
.error-page-area{
    position: relative;
    display: block;
    background: #f6f6f6;
    padding: 145px 0 150px;
}
.error-content{
    position: relative;
    display: block;
    z-index: 3;
}
.error-content span{
    color: #828282;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}
.error-content .title{
    position: relative;
    display: block;
    color: #e9212e;
    font-size: 180px;
    line-height: 150px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 13px 0 14px;
}
.error-content p{
    font-size: 18px;
    line-height: 28px;
    margin: 0 0 32px;
}
.error-content .button{}
.error-content .button a {
    width: 270px;
}



/*** 
=============================================
    Services Style2 Service Page Style      
=============================================
***/
.services-style2-service-page{
    position: relative;
    display: block;
    padding-top: 110px;
    padding-bottom: 70px;
}
.services-style2-service-page .sec-title{
    position: relative;
    display: block;
}
.services-style2-service-page .text {
    position: relative;
    display: block;
    margin-top: 10px;
}
.services-style2-service-page .text p{
    font-size: 17px;
    line-height: 27px;
    margin: 0;
}
.single-service-style2{
    margin-bottom: 40px;
}
.single-service-style2:hover .text-holder .icon-holder {
    border: 4px dotted #e9212e;
    transition: all 700ms ease 700ms;
}
.single-service-style2:hover .text-holder .icon-holder span:before {
    color: #e9212e;
    transition: all 700ms ease 800ms;
}
.single-service-style2:hover .text-holder .inner .read-more a{
    color: #ffffff;
    background: #e9212e;
    transition: all 700ms ease 900ms;
}



/*** 
=============================================
    Services Style1 Service Page Style      
=============================================
***/
.services-style1-service-page{
    position: relative;
    display: block;
    background: #f6f6f6;
    padding: 110px 0 60px;
}
.single-service-style1 .text-holder.bg-white {
    position: relative;
    display: block;
    border: 1px solid #ededed;
    padding: 35px 30px 28px;
    background: #ffffff;
}
.single-service-style1 .text-holder.bg-white .overlay-content .read-more a span:before {
    position: absolute;
    left: auto;
    right: 30px;
    transform: scale(0);
    transition: all 300ms ease 100ms;
}
.single-service-style1:hover .text-holder.bg-white .overlay-content .read-more a span:before{
    transform: scale(1.0);
    transition: all 900ms ease 900ms;
}



/*** 
=============================================
    Testimonial Style3 Service Page Style      
=============================================
***/
.testimonial-style3-service-page{
    position: relative;
    display: block;
    background: #ffffff;
    padding: 110px 0 110px;
}
.testimonial-style3-service-page .sec-title {
    padding-bottom: 40px;
}
.testimonial-style3-service-page .single-testimonial-style3:before {
    position: absolute;
    top: 20px;
    left: 0;
    bottom: -20px;
    right: 30px;
    border: 1px solid #ededed;
    content: "";
    z-index: -1;
}
.testimonial-style3-service-page .single-testimonial-style3 .inner-content {
    background: #ffffff;
    padding: 50px 40px 48px;
    -webkit-box-shadow: 0px 2px 7px 3px #f6f6f6; 
    box-shadow: 0px 2px 7px 3px #f6f6f6;
    margin-top: 10px;
    margin-right: 10px;
}

.testimonial-style3-service-page .testimonial-carousel-2.owl-carousel .owl-stage-outer {
    padding: 0px 0px 20px;
}
.testimonial-style3-service-page .testimonial-carousel-2 .owl-dots {
    display: none !important;
}
.testimonial-style3-service-page .owl-carousel .owl-nav {
    position: absolute;
    top: -115px;
    left: auto;
    right: 10px;
    max-width: 1170px;
    width: 100%;
}
.testimonial-style3-service-page .owl-carousel .owl-nav [class*="owl-"] {
    position: absolute;
    right: 0;
    display: inline-block;
    background: transparent;
    width: 55px;
    height: 55px;
    border: 1px solid #ededed;
    line-height: 54px;
    margin: 0;
    padding: 0;
    transition: all 700ms ease 100ms;
    border-radius: 50%;
}
.testimonial-style3-service-page .owl-carousel .owl-nav .owl-prev {
    right: 65px;
}
.testimonial-style3-service-page .owl-carousel .owl-nav [class*="owl-"] i:before{
    color: #bfbfbf;
    font-size: 20px;
    font-weight: 400;
    transition: all 500ms ease;
}
.testimonial-style3-service-page .owl-carousel .owl-nav [class*="owl-"]:hover i:before{
    color: #ffffff;
}
.testimonial-style3-service-page .owl-carousel .owl-nav .owl-next {
    margin-left: 10px;
}
.testimonial-style3-service-page .owl-carousel .owl-nav [class*="owl-"]:hover{
    background: #e9212e;
    border-color: #e9212e;
}



/*** 
=============================================
    Single Service Area style
=============================================
***/
.single-service-area{
    position: relative;
    display: block;
    padding: 40px 0 40px;
    direction: rtl;
}
.single-service-top {
    position: relative;
    display: block;
}
.single-service-image-box{
    position: relative;
    display: block;
}
.single-service-image-box img{
    width: 100%;
}

.single-service-top .text {
    position: relative;
    display: block;
    /* padding-top: 41px; */
    /* padding-bottom: 26px; */
}
.single-service-top .text h2{
    color: #27282c;
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    text-transform: uppercase;
}
.single-service-top .text .inner{
    position: relative;
    display: block;
    padding-top: 14px;
}


.advantages-content{
    position: relative;
    display: block;
}
.single-advantages-box{
    position: relative;
    display: block;
    border: 1px solid #ededed;
    text-align: center;
    transition: all 700ms ease 500ms;
}
.single-advantages-box:hover{
    -webkit-box-shadow: 0px 4px 13px 0px #D4D4D4; 
    box-shadow: 0px 4px 13px 0px #D4D4D4;
}
.single-advantages-box .inner {
    position: relative;
    display: block;
    padding: 29px 0 23px;
    overflow: hidden;
}
.single-advantages-box .static-content{
    position: relative;
    display: block;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    transition: all 700ms ease 200ms;
}
.single-advantages-box:hover .static-content{
    opacity: 0;
    transform: translateY(-40%); 
    transition: all 700ms ease 200ms;    
}
.single-advantages-box .icon-holder{
    position: relative;
    display: block;
    padding-bottom: 26px;
}
.single-advantages-box .icon-holder span:before{
    color: #e9212e;
    font-size: 65px;
    line-height: 65px;
}
.single-advantages-box .title{
    position: relative;
    display: block;    
}
.single-advantages-box .title h3{
    color: #27282c;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}
.single-advantages-box .overlay-text{
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    background: #e9212e;
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: all 700ms ease 200ms;
}
.single-advantages-box:hover .overlay-text{
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: all 700ms ease 200ms;    
}
.single-advantages-box .overlay-text .box{
    display: table;
    width: 100%;
    height: 100%;
}
.single-advantages-box .overlay-text .box .inner-text{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0 10px;
}
.single-advantages-box .overlay-text .box .inner-text p{
    color: #ffffff;
    margin: 0;
}

.how-work-box{
    position: relative;
    display: block;
    padding-top: 80px;
}
.how-work-box .image-box{
    position: relative;
    display: block;
}
.how-work-box .image-box img{
    width: 100%;
}
.how-work-box .how-works-content{
    position: relative;
    display: block;
}
.how-work-box .how-works-content h2{
    color: #27282c;
    font-size: 24px;
    font-weight: 700;
    margin-top: -5px;
    text-transform: uppercase;
}
.how-work-box .how-works-content ul{
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 28px;
}
.how-work-box .how-works-content ul li{
    position: relative;
    display: block;
    padding-left: 20px;
    margin-bottom: 26px;
}
.how-work-box .how-works-content ul li:last-child{
    margin-bottom: 0;
}
.how-work-box .how-works-content ul li .icon {
    position: absolute;
    top: 6px;
    left: 1px;
}
.how-work-box .how-works-content ul li .icon span:before{
    color: #e9212e;
    font-size: 20px;
}
.how-work-box .how-works-content ul li .text{
    position: relative;
    display: block;
    padding-left: 20px;
}
.how-work-box .how-works-content ul li .text span{
    color: #e9212e;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}
.how-work-box .how-works-content ul li .text h3{
    color: #27282c;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    margin: 2px 0 12px;
}
.how-work-box .how-works-content ul li .text p{
    margin: 0;
}


.concept-design-pricing-box {
    position: relative;
    display: block;
    padding-top: 64px;
}
.concept-design-pricing-box .title{
    display: block;
    padding-bottom: 32px;
}
.concept-design-pricing-box .title h2{
    color: #27282c;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    text-transform: uppercase;
}
.concept-design-pricing-box .inner-content{
    position: relative;
    display: block;
}


.single-pricing-box{
    position: relative;
    display: block; 
    max-width: 370px;
    width: 100%;
    margin: 0 auto 30px;
}
.single-pricing-box .inner{
    position: relative;
    display: block;
    overflow: hidden;
}
.single-pricing-box .inner .img-box{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.single-pricing-box .inner .img-box:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(40, 41, 46, 0.95);
    z-index: 1;
}
.single-pricing-box .inner .img-box img{
    width: 100%;
    height: 100%;
}
.single-pricing-box .static-content{
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 3;
    opacity: 1;
    transform: translateX(0%) translateY(0%) scale(1.0); 
    transition: all 700ms ease 100ms;
}
.single-pricing-box:hover .static-content{
    opacity: 0;
    transform: translateX(0%) translateY(70%) scale(0.5); 
    transition: all 900ms ease 100ms;
}

.single-pricing-box .static-content .table-header {
    position: relative;
    display: block;
    padding-top: 46px;
}
.single-pricing-box .static-content .table-header .top {
    position: relative;
    display: block;
    padding-bottom: 25px;
}
.single-pricing-box .static-content .table-header .top h3{
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 3px;
}
.single-pricing-box .static-content .table-header .top span{
    color: #ffffff;    
}
.single-pricing-box .static-content .table-header .top span b{
    color: #e9212e;    
}
.single-pricing-box .static-content .table-header .package {
    position: relative;
    display: block;
}
.single-pricing-box .static-content .table-header .package h1 {
    color: #e9212e;
    font-size: 60px;
    line-height: 50px;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
}
.single-pricing-box .static-content .table-header .package span {
    position: relative;
    top: -17px;
    display: inline-block;
    font-size: 32px;
    line-height: 32px;
    padding-right: 2px;
}
.single-pricing-box .static-content .table-header .package p{
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 8px 0 0;
    font-family: 'Poppins', sans-serif;
}
.single-pricing-box .static-content .button{
    position: relative;
    display: block;
    padding-top: 32px;
    padding-bottom: 50px;
}
.single-pricing-box .static-content .button a{}

.single-pricing-box .inner .overlay-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    display: block;
    z-index: 10;
    padding: 40px 40px 0px;
    opacity: 0;
    transform-style: preserve-3d;
    transform: perspective(1200px) rotateY(90deg) translateX(-1200px);
    transition: all 700ms ease 100ms;
}
.single-pricing-box:hover .inner .overlay-content{
    opacity: 1;
    transform: perspective(1200px) rotateY(0deg) translateX(0px);
    transition: all 900ms ease 100ms;
}
.single-pricing-box .overlay-content ul {
    position: relative;
    display: block;
    padding-bottom: 33px;
}
.single-pricing-box .overlay-content ul li{
    position: relative;
    display: block;
    color: #ffffff;
    line-height: 42px;
    padding-left: 30px;
}
.single-pricing-box .overlay-content ul li:before{
    position: absolute;
    top: 0;
    left: 0;
    font-family: FontAwesome;
    content: "\f058";
    color: #b3b9c8;
    font-size: 16px;
}
.single-pricing-box .overlay-content a{
    color: #ffffff;
}


.additional-information-box {
    position: relative;
    display: block;
    padding-top: 43px;
}
.additional-information-box .title{
    display: block;
    padding-bottom: 32px;    
}
.additional-information-box .title h2{
    color: #27282c;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    text-transform: uppercase;    
}
.additional-information-box .additional-info-content-box {
    position: relative;
    display: block;
    background: #f6f6f6;
    padding: 40px 30px 20px;
}
.additional-info-content-box .accordion-box .accordion .accord-btn h4{
    font-size: 17px;
}


.single-service-sidebar {
    position: relative;
    display: block;
    max-width: 340px;
    width: 100%;
    z-index: 1;
    text-align: right;
}
.single-service-sidebar:before {
    position: absolute;
    top: -300px;
    right: -30px;
    bottom: -5000px;
    width: 1px;
    /* background: #ededed; */
    content: "";
    z-index: -1;
}
.single-service-sidebar .single-sidebar{
    position: relative;
    display: block;
    margin: 0px 12px 0 12px;
}
.single-service-sidebar .service-pages{
    position: relative;
    display: block;
    /* border: 1px solid #ededed; */
    border-bottom: none;
}
.single-service-sidebar .service-pages li{
    position: relative;
    display: block;
    height: 49px;
    border-bottom: 1px solid #ededed;
    transition: all 500ms ease;
    z-index: 5;
    border: 0.5px solid var(--unnamed-color-707070);
    /* border: 0.5px solid #707070; */
    margin-bottom: 20px;
    box-shadow: 0px 4px 7px 0px #cbc8c8;
    background: #f5f5f5;
}
.single-service-sidebar .service-pages li.active ,
.single-service-sidebar .service-pages li:hover{
    -webkit-box-shadow: 0px 4px 7px 0px #ededed;
    box-shadow: 0px 4px 7px 0px #cbc8c8;
    /* border: 0.5px solid var(--unnamed-color-707070); */
    /* border: 0.5px solid #96C73D; */
    /* background: #96C73D; */
    color: #000;
    transform: scale(1.1);
}

.single-service-sidebar .service-pages li a .title h3.static:hover {
    font-size: 15px;
    transform: scale(1.0);
    line-height: 47px;
    transition: all 300ms ease 100ms;
    color: #000;
    font-weight: 500;
}


 .single-service-sidebar .service-pages li a .title h3.static .imggside:hover {/* background: red; */}


.single-service-sidebar .service-pages li:before {
    position: absolute;
    top: 4px;
    right: 2px;
    bottom: 20px;
    width: 98%;
    /* background: #e9212e; */
    content: "";
    /* z-index: 3; */
    opacity: 0;
    transition: all 700ms ease 300ms;
    transform: translateX(0%) translateY(0%) scaleY(0.1);
    border: 1px solid #c7c7c7;
    height: 85%;
}
.single-service-sidebar .service-pages li.active:before,
.single-service-sidebar .service-pages li:hover:before{
    opacity: 1;
    transform: translateX(0%) translateY(0%) scaleY(1.0);
    transition: all 700ms ease 100ms;
}
.single-service-sidebar .service-pages li a {
    position: relative;
    display: block;
    /* padding-right: 10px; */
    color: #27282c;
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
    transition: all 500ms ease;
    font-family: "Almarai", Roboto, sans-serif;
    text-align: center;
}
.single-service-sidebar .service-pages li a .title{
    position: relative;
    display: block;
    z-index: 1;
}
.single-service-sidebar .service-pages li a .title .overlay-title {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
}
.single-service-sidebar .service-pages li a .title .overlay-title h3 {
    color: #e9212e;
    font-size: 20px;
    line-height: 63px;
    transform: scale(0.5);
    opacity: 0;
    transition: all 300ms ease 100ms;
}
.single-service-sidebar .service-pages li a .title h3.static {
    font-size: 15px;
    transform: scale(1.0);
    line-height: 47px;
    transition: all 300ms ease 100ms;
    font-weight: 500;
}
.single-service-sidebar .service-pages li.active a .title .overlay-title h3, 
.single-service-sidebar .service-pages li:hover a .title .overlay-title h3 {
    /* opacity: 1; */
    /* transform: scale(1.0); */
}
.single-service-sidebar .service-pages li.active a .title h3.static , 
.single-service-sidebar .service-pages li:hover a .title .imggsideactive h3.static{
    /* opacity: 0; */
    /* background: #96C73D; */
    color: #fff;
    /* border: 1px solid #fff; */
    font-weight: 500;
}

.sidebar-contact-box{
    position: relative;
    display: block;
    padding-bottom: 50px;
}
.sidebar-contact-box .inner-content{
    position: relative;
    display: block;
    padding: 48px 40px 50px;
    background: #27282c;
    z-index: 1;
}
.sidebar-contact-box .inner-content .icon-holder{
    position: relative;
    display: block;
    padding-bottom: 22px;
}
.sidebar-contact-box .inner-content .icon-holder span:before{
    color: #e9212e;
    font-size: 65px;
    line-height: 65px;
}
.sidebar-contact-box .inner-content h3{
    color: #ffffff;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    margin: 0 0 22px;
}
.sidebar-contact-box .inner-content .bottom-box{
    position: relative;
    display: block;
    border-top: 1px solid #404043;
    padding-top: 25px;
}
.sidebar-contact-box .inner-content .bottom-box h2{
    color: #ffffff;
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 3px;
    font-family: 'Rubik', sans-serif;
}
.sidebar-contact-box .inner-content .bottom-box span{
    color: #ffffff;
}
.sidebar-contact-box .inner-content .button {
    position: relative;
    display: block;
    padding-top: 32px;
}
.sidebar-contact-box .inner-content .button a {
    display: block;
}

.single-service-sidebar .service-pack-download {
    position: relative;
    display: block;
}
.single-service-sidebar .service-pack-download li {
    position: relative;
    display: block;
    background: #e9212e;
    transition: all 500ms ease;
    padding: 17px 30px 17px;
}
.single-service-sidebar .service-pack-download li .title-holder{
    position: relative;
    display: block;
    float: left;
}
.single-service-sidebar .service-pack-download li .title-holder a{
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}
.single-service-sidebar .service-pack-download li .title-holder a span{
    font-size: 14px;
    font-weight: 400;
}
.single-service-sidebar .service-pack-download li .icon-holder {
    position: relative;
    display: block;
    float: right;
}
.single-service-sidebar .service-pack-download li .icon-holder i {
    position: relative;
    top: 2px;
    color: #ffffff;
    font-size: 18px;
    line-height: 26px;
}



/*** 
=============================================
    Main Project Area style
=============================================
***/
.main-project-area{
    position: relative;
    display: block;
    background: #ffffff;
    padding: 108px 0 80px;
}
.project-filter {
    position: relative;
    display: block;
    text-align: center;
    margin-bottom: 44px;
}
.project-filter li {
    position: relative;
    display: inline-block;
}
.project-filter li + li {}
.project-filter li .filter-text {
    color: #27282c;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    padding: 8px 10px 8px;
    padding-right: 26px;
    cursor: pointer;
    transition: all .4s ease;
}
.project-filter li:hover .filter-text, 
.project-filter li.active .filter-text {
    color: #e9212e;
}
.project-filter li .count {
    position: absolute;
    top: -13px;
    right: 15%;
    color: #e9212e;
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
    display: inline-block;
    opacity: 0;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    font-family: 'Poppins', sans-serif;
}
.project-filter li:hover .count, 
.project-filter li.active .count {
    opacity: 1;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}


.single-project-style4{
    position: relative;
    display: block;
    max-width: 370px;
    min-width: 300px;
    width: 100%;
    margin: 0 auto 30px;
}
.single-project-style4 .img-holder{
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 10;
}
.single-project-style4 .img-holder .inner {
    position: relative;
    display: block;
}
.single-project-style4 .img-holder .inner:before{
    position: absolute;
	top: -37px;
	left: -37px;
	bottom: -37px;
	right: -37px;
    content: '';
	border: 37px solid #ffffff;
	opacity: 1;
	transition: all 300ms ease 100ms;
	z-index: 1;
}
.single-project-style4:hover .img-holder .inner:before{
	left: 3px;
	top: 3px;
	bottom: 3px;
	right: 3px;
    transition: all 300ms ease 100ms;
}
.single-project-style4 .img-holder:before,
.single-project-style4 .img-holder:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    transition: all 900ms ease 300ms;
    border-radius: 0px;
    z-index: 1;
}
.single-project-style4 .img-holder:before {
    transform: scale(0, 1);
    transform-origin: bottom center;
    border-top: 3px solid #27282c;
    border-bottom: 3px solid #27282c;
}
.single-project-style4:hover .img-holder:before {
    transform: scale(1, 1);
}
.single-project-style4 .img-holder:after {
    transform: scale(1, 0);
    transform-origin: left center;
    border-left: 3px solid #27282c;
    border-right: 3px solid #27282c;
}
.single-project-style4:hover .img-holder:after{
    transform: scale(1, 1);    
}
.single-project-style4 .img-holder img{
    width: 100%;
    transform: scale(1.0);
    transition: all 700ms ease;
}
.single-project-style4:hover .img-holder img {
    transform:scale(1.2) rotate(0deg);	 
}

.single-project-style4 .overlay-box{
    position: absolute;
    top: 40px;
    left: 40px;
    right: 40px;
    height: 280px;
    background: rgba(40, 41, 46, 0.90);
    z-index: 3;
    opacity: 0;
    transform:scale(0) rotate(0deg);	
    transition: all 700ms ease 300ms;
}
.single-project-style4:hover .overlay-box{
    opacity: 1; 
    transform:scale(1.0) rotate(0deg);	
    transition: all 700ms ease 500ms;
}
.single-project-style4 .overlay-box .box{
    display: table;
    width: 100%;
    height: 100%;
}
.single-project-style4 .overlay-box .box .link{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.single-project-style4 .overlay-box .box .link a span:before{
    color: #ffffff;
    font-size: 40px;
    line-height: 40px;
    transition: all 500ms ease;
}
.single-project-style4 .overlay-box .box .link a:hover span:before{
    color: #e9212e;    
}

.single-project-style4 .img-holder .overlay-content {
    position: absolute;
    left: 40px;
    right: 40px;
    bottom: 3px;
    height: 117px;
    background: #ffffff;
    z-index: 11;
    text-align: center;
    transition: all 700ms ease 300ms;
    opacity: 0;
    transform-style: preserve-3d;
    transform: perspective(1200px) rotateX(90deg) translateZ(-32px);
}
.single-project-style4:hover .img-holder .overlay-content {
    opacity: 1;
    transform: perspective(1200px) rotateX(0deg) translateZ(0px);
    transition: all 900ms ease 300ms;
}
.single-project-style4 .img-holder .overlay-content .title{
    position: relative;
    display: block;
    padding-top: 33px;
}
.single-project-style4 .img-holder .overlay-content .title span{
    color: #7c7e84;
}
.single-project-style4 .img-holder .overlay-content .title h3{
    font-size: 20px;
    font-weight: 600;
    margin: 3px 0 0;
}
.single-project-style4 .img-holder .overlay-content .title h3 a{
    color: #27282c;
    transition: all 500ms ease;
}
.single-project-style4 .img-holder .overlay-content .title h3 a:hover{
    color: #e9212e;       
}



/*** 
=============================================
    Main Project Area Style2 style
=============================================
***/
.main-project-area.style2{
    position: relative;
    display: block;
    padding-bottom: 110px;
}
.single-project-style5{
    position: relative;
    display: block;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 4px 8px 2px #f3f3f3; 
    box-shadow: 0px 4px 8px 2px #f3f3f3;
}
.single-project-style5 .img-holder{
    position: relative;
    display: block;
    overflow: hidden;
}
.single-project-style5 .img-holder .inner {
    position: relative;
    display: block;
}
.single-project-style5 .img-holder img{
    width: 100%;
    transform: scale(1.0);
    transition: all 700ms ease;
}
.single-project-style5:hover .img-holder img {
    transform:scale(1.2) rotate(2deg);	 
}
.single-project-style5 .overlay-box{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0;
    background: rgba(40, 41, 46, 0.90);
    z-index: 3;
    opacity: 0;
    transform:scale(0) rotate(0deg);	
    transition: all 700ms ease 300ms;
}
.single-project-style5:hover .overlay-box{
    opacity: 1; 
    transform:scale(1.0) rotate(0deg);	
    transition: all 700ms ease 200ms;
}
.single-project-style5 .overlay-box .box{
    display: table;
    width: 100%;
    height: 100%;
}
.single-project-style5 .overlay-box .box .link{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.single-project-style5 .overlay-box .box .link a span:before{
    color: #ffffff;
    font-size: 40px;
    line-height: 40px;
    transition: all 500ms ease;
}
.single-project-style5 .overlay-box .box .link a:hover span:before{
    color: #e9212e;    
}

.single-project-style5 .title{
    position: relative;
    display: block;
    padding-top: 24px;
    padding-bottom: 24px;
    text-align: center;
}
.single-project-style5 .title span{
    color: #7c7e84;
}
.single-project-style5 .title h3{
    font-size: 20px;
    font-weight: 600;
    margin: 3px 0 0;
}
.single-project-style5 .title h3 a{
    color: #27282c;
    transition: all 500ms ease;
}
.single-project-style5 .title h3 a:hover{
    color: #e9212e;       
}



/*** 
=============================================
    Main Project Area Style3 style
=============================================
***/
.main-project-area.style3{
    position: relative;
    display: block;
    padding-bottom: 110px;    
}
.main-project-style3{
    padding: 0;
}
.main-project-style3 .mar0{
    margin: 0;
}
.main-project-style3 .pd0{
    padding: 0;
}

.single-project-style6{
    position: relative;
    display: block;
}
.single-project-style6 .img-holder{
    position: relative;
    display: block;
    overflow: hidden;
}
.single-project-style6 .img-holder img{
    width: 100%;
    transform: scale(1.01);
    transition: all 700ms ease;
}
.single-project-style6:hover .img-holder img {
    transform:scale(1.2) rotate(2deg);	
}
.single-project-style6 .overlay-content{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(40, 41, 46, 0.95);
    transform: scaleX(0);
    transition: all 700ms ease 100ms;
}
.single-project-style6:hover .overlay-content{
    transform: scaleY(1);
}
.single-project-style6 .overlay-content .inner-content{
    display: table;
    width: 100%;
    height: 100%;
}
.single-project-style6 .overlay-content .inner-content .title-box {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    opacity: 0;
    transform-style: preserve-3d;
    transform: perspective(1200px) rotateX(90deg) translateZ(-45px);
    transition: all 300ms ease 100ms;
}
.single-project-style6:hover .overlay-content .inner-content .title-box{
    opacity: 1;
    transform: translate3d(0px, 0px, 0px); 
    transition: all 700ms ease 500ms;
}
.single-project-style6 .overlay-content .inner-content .title-box span{
    color: #7c7e84;
}
.single-project-style6 .overlay-content .inner-content .title-box h3{
    font-size: 20px;
    font-weight: 600;
    margin: 3px 0 0;
}
.single-project-style6 .overlay-content .inner-content .title-box a {
    color: #ffffff;
    transition: all 500ms ease;
}
.single-project-style6 .overlay-content .inner-content .title-box a:hover{
    color: #e9212e;
}
.load-more-project-style3-button{
    position: relative;
    display: block;
    padding-top: 60px;
}



/*** 
=============================================
    Main Project Area Style4 style
=============================================
***/
.main-project-area.style4{
    position: relative;
    display: block;
    padding-bottom: 110px;    
}
.main-project-style4{
    padding-left: 60px;
    padding-right: 60px;
}
.main-project-style4 .row {
    margin-left: -30px;
    margin-right: -30px;
}
.main-project-style4 .row [class*=col-] {
    padding-left: 30px;
    padding-right: 30px;
}

.single-project-style7{
    position: relative;
    display: block;
    margin-bottom: 31px;
}
.single-project-style7 .img-holder{
    position: relative;
    display: block;
    overflow: hidden;
}
.single-project-style7 .img-holder img{
    width: 100%;
    transform: scale(1.01);
    transition: all 700ms ease;
}
.single-project-style7:hover .img-holder img {
    transform:scale(1.2) rotate(2deg);	
}
.single-project-style7 .overlay-content{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(40, 41, 46, 0.95);
    transform: scaleX(0);
    transition: all 700ms ease 100ms;
}
.single-project-style7:hover .overlay-content{
    transform: scaleY(1);
}
.single-project-style7 .overlay-content .inner-content{
    display: table;
    width: 100%;
    height: 100%;
}
.single-project-style7 .overlay-content .inner-content .title-box {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    opacity: 0;
    transform-style: preserve-3d;
    transform: perspective(1200px) rotateX(90deg) translateZ(-45px);
    transition: all 300ms ease 100ms;
}
.single-project-style7:hover .overlay-content .inner-content .title-box{
    opacity: 1;
    transform: translate3d(0px, 0px, 0px); 
    transition: all 700ms ease 500ms;
}
.single-project-style7 .overlay-content .inner-content .title-box span{
    color: #7c7e84;
}
.single-project-style7 .overlay-content .inner-content .title-box h3{
    font-size: 20px;
    font-weight: 600;
    margin: 3px 0 0;
}
.single-project-style7 .overlay-content .inner-content .title-box h3 a {
    color: #ffffff;
    transition: all 500ms ease;
}
.single-project-style7 .overlay-content .inner-content .title-box a:hover{
    color: #e9212e;
}

.single-project-style7 .title{
    position: relative;
    display: block;
    padding-top: 24px;
    padding-bottom: 24px;
    text-align: center;
    opacity: 1;
    transform: translate3d(0px, 0px, 0px); 
    transition: all 300ms ease 100ms;
}
.single-project-style7:hover .title{
    opacity: 0;
    transform-style: preserve-3d;
    transform: perspective(1200px) rotateX(-90deg) translateZ(-45px);
    transition: all 700ms ease 500ms;
}
.single-project-style7 .title span{
    color: #7c7e84;
}
.single-project-style7 .title h3{
    font-size: 20px;
    font-weight: 600;
    margin: 3px 0 0;
}
.single-project-style7 .title h3 a{
    color: #27282c;
    transition: all 500ms ease;
}
.single-project-style7 .title h3 a:hover{
    color: #e9212e;       
}
.load-more-project-style4-button{
    position: relative;
    display: block;
    padding-top: 0px;
}



/*** 
=============================================
    Main Project Area Style5 style
=============================================
***/
.main-project-area.style5{
    position: relative;
    display: block;
    padding-top: 110px;
    padding-bottom: 50px;
    z-index: 1;
}
.main-project-area.style5:before{
    position: absolute;
    top: -150px;
    left: 50%;
    bottom: -500px;
    width: 1px;
    background: #ededed;
    content: "";
    z-index: -1;    
}
.main-project-style5{
    position: relative;
    display: block;
    z-index: 1;
}
.main-project-style5:before{
    position: absolute;
    top: -150px;
    left: -80px;
    bottom: -500px;
    width: 1px;
    background: #ededed;
    content: "";
    z-index: -1;
}
.main-project-style5:after{
    position: absolute;
    top: -150px;
    right: -80px;
    bottom: -500px;
    width: 1px;
    background: #ededed;
    content: "";
    z-index: -1;
}
.main-project-style5 .row {
    margin-left: -45px;
    margin-right: -45px;
}
.main-project-style5 .row [class*=col-] {
    padding-left: 45px;
    padding-right: 45px;
}

.single-project-style8{
    position: relative;
    display: block;
    margin-bottom: 60px;
}
.single-project-style8 .img-holder {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 10;
}
.single-project-style8 .img-holder:before,
.single-project-style8 .img-holder:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    transition: all 700ms ease 100ms;
    border-radius: 0px;
    z-index: 3;
}
.single-project-style8 .img-holder:before {
    transform: scale(0, 1);
    transform-origin: bottom center;
    border-top: 40px solid #ffffff;
    border-bottom: 40px solid #ffffff;
}
.single-project-style8:hover .img-holder:before {
    transform: scale(1, 1);
    transition: all 700ms ease 100ms;
}
.single-project-style8 .img-holder:after {
    transform: scale(1, 0);
    transform-origin: left center;
    border-left: 40px solid #ffffff;
    border-right: 40px solid #ffffff;
}
.single-project-style8:hover .img-holder:after{
    transform: scale(1, 1);
    transition: all 700ms ease 100ms;
}

.single-project-style8 .img-holder img{
    width: 100%;
    transform: scale(1.01);
    transition: all 700ms ease;
}
.single-project-style8:hover .img-holder img {
    transform:scale(1.2) rotate(2deg);	
}
.single-project-style8 .overlay-content{
    position: absolute;
    top: 40px;
    left: 40px;
    bottom: 40px;
    right: 40px;
    content: "";
    background: rgba(40, 41, 46, 0.95);
    transform: scaleX(0);
    transition: all 700ms ease 100ms;
    z-index: 5;
}
.single-project-style8:hover .overlay-content{
    transform: scaleY(1);
}
.single-project-style8 .overlay-content .inner-content{
    display: table;
    width: 100%;
    height: 100%;
}
.single-project-style8 .overlay-content .inner-content .title-box {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    opacity: 0;
    transform-style: preserve-3d;
    transform: perspective(1200px) rotateX(90deg) translateZ(-45px);
    transition: all 300ms ease 100ms;
    z-index: 3;
}
.single-project-style8:hover .overlay-content .inner-content .title-box{
    opacity: 1;
    transform: translate3d(0px, 0px, 0px); 
    transition: all 700ms ease 500ms;
}
.single-project-style8 .overlay-content .inner-content .title-box span{
    color: #7c7e84;
}
.single-project-style8 .overlay-content .inner-content .title-box h3{
    font-size: 20px;
    font-weight: 600;
    margin: 3px 0 0;
}
.single-project-style8 .overlay-content .inner-content .title-box a {
    color: #ffffff;
    transition: all 500ms ease;
}
.single-project-style8 .overlay-content .inner-content .title-box a:hover{
    color: #e9212e;
}



/*** 
=============================================
    Main Project Area Style6 style
=============================================
***/
.main-project-area.style6{
    position: relative;
    display: block;
    padding-top: 110px;
    padding-bottom: 40px;
    z-index: 1;
}
.main-project-area.style6:before{
    position: absolute;
    top: -150px;
    left: 50%;
    bottom: -500px;
    width: 1px;
    background: #ededed;
    content: "";
    z-index: -1;    
}
.main-project-style6{
    position: relative;
    display: block;
    z-index: 1;
}
.main-project-style6:before{
    position: absolute;
    top: -150px;
    left: -100px;
    bottom: -500px;
    width: 1px;
    background: #ededed;
    content: "";
    z-index: -1;
}
.main-project-style6:after{
    position: absolute;
    top: -150px;
    right: -100px;
    bottom: -500px;
    width: 1px;
    background: #ededed;
    content: "";
    z-index: -1;
}
.main-project-style6 .row {
    margin-left: -115px;
    margin-right: -115px;
}
.main-project-style6 .row [class*=col-] {
    padding-left: 115px;
    padding-right: 115px;
}


.single-project-style9{
    position: relative;
    display: block;
    margin-bottom: 40px;
}
.single-project-style9 .img-holder{
    position: relative;
    display: block;
    overflow: hidden;
}
.single-project-style9 .img-holder img{
    width: 100%;
    transform: scale(1.0);
    transition: all 700ms ease;
}
.single-project-style9:hover .img-holder img {
    transform:scale(1.2) rotate(2deg);	 
}
.single-project-style9 .overlay-box{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0;
    background: rgba(40, 41, 46, 0.95);
    z-index: 3;
    opacity: 0;
    transform:scale(0) rotate(0deg);	
    transition: all 700ms ease 300ms;
}
.single-project-style9:hover .overlay-box{
    opacity: 1; 
    transform:scale(1.0) rotate(0deg);	
    transition: all 700ms ease 200ms;
}
.single-project-style9 .overlay-box .box{
    display: table;
    width: 100%;
    height: 100%;
}
.single-project-style9 .overlay-box .box .link{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.single-project-style9 .overlay-box .box .link a span:before{
    color: #ffffff;
    font-size: 40px;
    line-height: 40px;
    transition: all 500ms ease;
}
.single-project-style9 .overlay-box .box .link a:hover span:before{
    color: #e9212e;    
}

.single-project-style9 .title{
    position: relative;
    display: block;
    padding-top: 24px;
    padding-bottom: 24px;
}
.single-project-style9 .title span{
    color: #7c7e84;
}
.single-project-style9 .title h3{
    font-size: 20px;
    font-weight: 600;
    margin: 3px 0 0;
}
.single-project-style9 .title h3 a{
    color: #27282c;
    transition: all 500ms ease;
}
.single-project-style9 .title h3 a:hover{
    color: #e9212e;       
}



/*** 
=============================================
    Project Description Area style
=============================================
***/
.project-description-area {
    position: relative;
    display: block;
    margin-top: 110px;
    padding: 110px 0 50px;
}
.project-description-area .pattern-bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.project-description-image-box{
    position: relative;
    display: block;
    z-index: 3;
}
.project-description-image-box img{
    max-width: none;
    float: right;
}

.project-description-content {
    position: relative;
    display: block;
    z-index: 3;
    padding-top: 45px;
    padding-left: 100px;
}
.project-description-content .sec-title {
    padding-bottom: 32px;
}
.project-description-content .sec-title p{
    margin: 0 0 5px;
}
.project-description-content .sec-title .title {
    font-size: 30px;
}
.project-description-content .inner-content{
    position: relative;
    display: block;
}
.project-description-content .inner-content .bottpm-text{
    position: relative;
    display: block;
    padding-top: 10px;
}
.project-description-content .inner-content ul {
    position: relative;
    display: block;
    padding-top: 2px;
}
.project-description-content .inner-content ul li{
    position: relative;
    display: block;
    line-height: 41px;
    padding-left: 40px;
}
.project-description-content .inner-content ul li:before{
    font-family: 'icomoon';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    content: "\e910";
    color: #a7a7a7;
    font-size: 25px;
}



/*** 
=============================================
    Project Info Area style
=============================================
***/
.project-info-area{
    position: relative;
    display: block;
    padding-top: 110px;
    padding-bottom: 110px;
} 
.project-info-area .pattern-bg {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}
.project-info-content{
    position: relative;
    display: block;
    max-width: 370px;
    width: 100%;
    margin: -6px auto 0;
    z-index: 3;
}
.project-info-content .project-info-title{
    position: relative;
    display: block;
    padding-left: 70px;
    padding-bottom: 33px;
}
.project-info-content .project-info-title:before {
    position: absolute;
    top: 14px;
    left: 0;
    width: 70px;
    height: 1px;
    background: #e9212e;
    content: "";
}
.project-info-content .project-info-title h3{
    position: relative;
    display: block;
    padding-left: 20px;
    color: #27282c;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    text-transform: uppercase;
}
.project-info-content .inner-content {
    position: relative;
    display: block;
    padding: 38px 50px 32px;
    box-shadow: 0px 0px 9px 3px #f6f6f6;
}
.project-info-content .inner-content ul{
    position: relative;
    display: block;
}
.project-info-content .inner-content ul li {
    position: relative;
    display: block;
    border-bottom: 1px solid #ededed;
    padding-bottom: 12px;
    margin-bottom: 17px;
}
.project-info-content .inner-content ul li:last-child{
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.project-info-content .inner-content ul li .icon{
    width: 30px;
}
.project-info-content .inner-content ul li .icon span:before{
    color: #27282c;
    font-size: 30px;
    line-height: 30px;
}
.project-info-content .inner-content ul li .icon,
.project-info-content .inner-content ul li .title{
    display: table-cell;
    vertical-align: middle;
}
.project-info-content .inner-content ul li .title{
    padding-left: 20px;
}
.project-info-content .inner-content ul li .title h4{
    color: #27282c;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    margin: 0 0 4px;
}
.project-info-content .inner-content ul li .title span{}


.project-info-image-box{
    position: relative;
    display: block;
    z-index: 3;
}
.project-info-image-box img{
    max-width: none;
    float: left;
}



/*** 
=============================================
    Video Image Holder Area style
=============================================
***/
.video-image-holder-area{
    position: relative;
    display: block;
}
.video-image-holder-area .container-fluid {
    padding-right: 50px;
    padding-left: 50px;
}
.video-holder-box {
    position: relative;
    display: block;
    width: 100%;
}
.video-holder-box .img-holder{
    position: relative;
    display: block;
    overflow: hidden;
}
.video-holder-box .img-holder img{
    width: 100%;
}
.video-holder-box .img-holder .icon-holder{
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    content: "";
    background: rgba(255, 255, 255, 0.02);
    transition: all 900ms ease;
    z-index: 3;
    opacity: 1;    
}
.video-holder-box .img-holder .icon-holder .icon{
    display: table;
    width: 100%;
    height: 100%;
}
.video-holder-box .img-holder .icon-holder .icon .inner{
    display: table-cell;
    vertical-align: middle;
}
.video-holder-box .img-holder .icon-holder .icon .inner a {
    position: relative;
    display: inline-block;
    border: 4px solid rgba(255, 255, 255, 0.99);
    color: #ffffff;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    text-align: center;
    transition: all 500ms ease;
}
.video-holder-box .img-holder .icon-holder .icon .inner a span:before {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 40px;
    line-height: 92px;
    border-radius: 50%;
    -webkit-animation: pulse 2s infinite;
    -o-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
    transition: all 1s ease;
}
@keyframes pulse {
    50% {
        box-shadow: 0 0 0 5px rgba(255,255,255,.1),
        0 0 0 20px rgba(238, 238,238, 0.3000);
    }
}

.single-project-image-gallery{
    position: relative;
    display: block;
}
.single-project-image-gallery img{
    width: 100%;
}



/*** 
=============================================
    Similar Projects Area style
=============================================
***/
.similar-projects-area{
    position: relative;
    display: block;
    padding: 103px 0 54px;
}
.similar-projects-content{
    padding-left: 60px;
    padding-right: 60px;
}
.similar-projects-content .row {
    margin-left: -30px;
    margin-right: -30px;
}
.similar-projects-content .row [class*=col-] {
    padding-left: 30px;
    padding-right: 30px;
}

.similar-project-title{
    position: relative;
    display: block;
    padding-bottom: 41px;
}
.similar-project-title h2{
    color: #27282c;
    font-size: 30px;
    line-height: 38px;
    font-weight: 700;
    text-transform: uppercase;
}

.single-similar-project{
    position: relative;
    display: block;
    text-align: center;
    margin-bottom: 50px;
}
.single-similar-project .img-holder{
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 2;
}
.single-similar-project .img-holder::before {
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    content: '';
    background: linear-gradient(to right, rgba(233,33,48, 0) 0%, rgba(233,33,48, .3) 100%);
    transform: skewX(-25deg);
    z-index: 2;
}
.single-similar-project:hover .img-holder::before{
	-webkit-animation: shine 1.5s;
	animation: shine 1.5s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
.single-similar-project .img-holder img{
    width: 100%;
    transition: all 1500ms ease;    
}
.single-similar-project:hover .img-holder img{
	transform:scale(1.3) rotate(0deg);	  
}

.single-similar-project .title-holder{
    position: relative;
    display: block;
    padding-top: 24px;
}
.single-similar-project .title-holder span{
    color: #7c7e84;
}
.single-similar-project .title-holder h3{
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    margin: 3px 0 0;
}
.single-similar-project .title-holder h3 a{
    color: #27282c;
}



/*** 
=============================================
    Blog Default Area style
=============================================
***/
#blog-area{
    position: relative;
    display: block;
    padding: 60px 0 40px;
}
#blog-area.blog-default-area {
    position: relative;
    display: block;
    padding: 110px 0 40px;
}
.single-blog-colum-style1{
    position: relative;
    display: block;
    padding-left: 30px;
    z-index: 1;
}
.single-blog-colum-style1:before{
    position: absolute;
    top: -300px;
    left: 0;
    bottom: -2000px;
    width: 1px;
    background: #ededed;
    content: "";
    z-index: -1;
}

.single-blog-post.style3{
    margin-bottom: 62px;    
}
.single-blog-post.style3 .img-holder .overlay {
    transform: translate3d(0px, 0%, 0px);
}
.single-blog-post.style3 .post-date {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 65px;
    height: 75px;
    text-align: center;
    background: #e9212e;
    display: block;
    padding: 13px 0 6px;
    transition: all 700ms ease 500ms;
    z-index: 3;
}
.single-blog-post.style3 .post-date h3{
    color: #ffffff;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
}
.single-blog-post.style3 .post-date h3 span{
    font-size: 24px;
}
.single-blog-post.style3 .text-holder {
    position: relative;
    display: block;
    padding-top: 24px;
}
.single-blog-post.style3 .text-holder:before {
    position: absolute;
    top: 30px;
    left: -29px;
    width: 3px;
    height: 20px;
    background: #e9212e;
    content: "";
    z-index: 99;
}
.single-blog-post.style3 .text-holder:after {
    position: absolute;
    top: 30px;
    left: -29px;
    width: 3px;
    background: #e9212e;
    content: "";
    z-index: 99;
    bottom: 8px;
    transform: scaleY(0);
    transition: all 700ms ease 400ms;
}
.single-blog-post.style3:hover .text-holder:after{
    transform: scaleY(1);
}

.single-blog-post.style3 .meta-box {
    margin-top: 14px;
    margin-bottom: 0px;
}
.single-blog-post.style3 .text-holder .text {
    margin-top: 9px;
}
.single-blog-post.style3 .text-holder .text p {
    margin: 0 0 26px;
}



/*** 
=============================================
    Blog Area Blog Large style
=============================================
***/
#blog-area.blog-large-area{
    position: relative;
    display: block;
    direction: rtl;
}
.single-blog-post.style4{
    position: relative;
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 20px;
    z-index: 1;
    border: 1px solid #ededed;
    border-radius: 7px;
}
.single-blog-post.style4:before{
    position: absolute;
    /* top: -300px; */
    right: 0;
    /* bottom: -500px; */
    width: 1px;
    /* background: #ededed; */
    content: "";
    z-index: -1;
}
.single-blog-post.style4 .img-holder .overlay .box .link-icon a span:before {
    font-size: 55px;
    line-height: 55px;
}

.single-blog-post.style4 .text-holder {
    position: relative;
    display: block;
    padding-top: 9px;
    text-align: right;
    padding: 10px 5px 0 5px;
}
.single-blog-post.style4 .text-holder:before {
    position: absolute;
    top: 20px;
    right: -6px;
    width: 3px;
    height: 20px;
    background: #96C73D;
    content: "";
    z-index: 99;
}
.single-blog-post.style4 .text-holder:after {
    position: absolute;
    top: 0px;
    right: -6px;
    width: 3px;
    background: #96C73D;
    content: "";
    z-index: 99;
    bottom: 0px;
    transform: scaleY(0);
    transition: all 700ms ease 400ms;
}
.single-blog-post.style4:hover .text-holder:after{
    transform: scaleY(1);
}

.single-blog-post.style4 .text-holder .blog-title {
    font-size: 13px;
    line-height: 20px;
    text-align: right;
}
.single-blog-post.style4 .meta-box {
    margin-top: 11px;
    margin-bottom: 0px;
    /* border-bottom: 1px solid #ededed; */
    padding-bottom: 17px;
}
.single-blog-post.style4 .text-holder .text {
    margin-top: 10px;
    text-align: justify;
}
.single-blog-post.style4 .text-holder .text p {
    margin: 0 0 3px;
}



#blog-area .sidebar-wrapper {
    position: relative;
    display: block;
    max-width: 300px;
    margin-left: -30px;
}
.sidebar-title {
    position: relative;
    display: block;
    margin-top: -4px;
    padding-bottom: 6px;
}
.sidebar-title:before {
    position: absolute;
    top: 10px;
    left: -30px;
    width: 10px;
    height: 5px;
    background: #e9212e;
    content: "";
}
.sidebar-title .title {
    color: #27282c;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}
.sidebar-wrapper .single-sidebar {
    position: relative;
    display: block;
    padding: 0px 3px 0;
    /* -webkit-box-shadow: 0px 0px 8px 2px #f6f6f6; */
    /* box-shadow: 0px 0px 8px 2px #f6f6f6; */
    margin-bottom: 20px;
}

.sidebar-search-box .search-form {
    position: relative;
    display: block;
    max-width: 300px;
    margin-bottom: 50px;
    -webkit-box-shadow: 0px 0px 8px 2px #f6f6f6; 
    box-shadow: 0px 0px 8px 2px #f6f6f6;
}
.sidebar-search-box .search-form input[type="text"] {
    position: relative;
    display: block;
    background: #ffffff;
    border: 1px solid #f6f6f6;
    color: #828282;
    font-size: 15px;
    font-weight: 400;
    height: 60px;
    width: 100%;
    padding-left: 20px;
    padding-right: 65px;
    border-radius: 0px;
    transition: all 500ms ease 0s;
}
.sidebar-wrapper .search-form button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    background: #e9212e;
    color: #ffffff;
    font-size: 14px;
    height: 60px;
    width: 60px;
    border: 0px solid #e9212e;
    line-height: 60px;
    text-align: center;
    border-radius: 0px;
    transition: all 500ms ease 0s;
    margin: 0;
}
.sidebar-wrapper .search-form button i {
    font-size: 14px
}
.sidebar-wrapper .search-form input[type="text"]:focus {
    border: 1px solid #e9212e;
    background: #fff;
    color: #000000;
}
.sidebar-wrapper .search-form input[type="text"]:focus + button, 
.sidebar-wrapper .search-form button:hover {
    border-color: #e9212e;
    color: #ffffff;
}


.single-sidebar .categories {
    position: relative;
    display: block;
    padding-bottom: 20px;
}
.single-sidebar .categories li {
    position: relative;
    display: block;
}
.single-sidebar .categories li a {
    position: relative;
    display: block;
    padding-left: 20px;
    color: #828282;
    font-size: 15px;
    line-height: 50px;
    font-weight: 400;
    border-bottom: 1px solid #ededed;
    font-family: 'Rubik', sans-serif;
    transition: all 700ms ease;
    z-index: 1;
}
.single-sidebar .categories li a sup {
    font-size: 12px;
    display: inline-block;
    padding-left: 5px;
    transform: scaleX(0);
    transition: all 300ms ease 100ms;
}
.single-sidebar .categories li:hover a sup{
    transform: scaleX(1.0); 
    transition: all 300ms ease 100ms;
}
.single-sidebar .categories li:last-child a{
    border: none;
}
.single-sidebar .categories li:hover a{
    color: #e9212e;
    transition: all 700ms ease;
}
.single-sidebar .categories li a:before{
    position: absolute;
    top: 0px;
    left: 0;
    content: "\f107";
    font-family: "Flaticon";
    color: #828282;
    font-size: 10px;
    transition: all 900ms ease;
    font-weight: 600;
    line-height: 50px;
    margin: 0px;  
}
.single-sidebar .categories li:hover a:before{
    color: #e9212e;
    content: "\f108";
    transition: all 900ms ease;
} 



.single-sidebar .recent-post {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 5px 0 6px;
}
.single-sidebar .recent-post li {
    position: relative;
    display: block;
    border-bottom: 1px solid #ededed;
    min-height: 55px;
    padding-right: 44px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border: 0.5px solid #CFCFCF;
    border-radius: 7px;
    border-left: 7px solid #96C73D;
}
.single-sidebar .recent-post li:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
    /* border-bottom: none; */
}
.single-sidebar .recent-post li .img-holder {
    position: absolute;
    top: 0px;
    right: 0;
    width: 59px;
    height: 55px;
    display: block;
    overflow: hidden;
    border-bottom-right-radius: 7px;
    border-top-right-radius: 7px;
}
.single-sidebar .recent-post li .img-holder img {
    transition: all 0.4s ease-in-out 0.5s;
    width: 100%;
    transform: scale(1.1, 1.1);
    /* margin: 7px 0 7px 0; */
    border-bottom-right-radius: 7px;
    border-top-right-radius: 7px;
    height: 51px;
}
.single-sidebar .recent-post li:hover .img-holder img {
    transition-delay: 0s;
    transform: scale(1.2, 1.2);    
}
.single-sidebar .recent-post li .img-holder .overlay-style-one{
    background: #1e1e1d91;
}
.single-sidebar .recent-post li .img-holder .overlay-style-one .box .content a{
    display: inline-block;
    width: 20px;
    height: 20px;
    filter: alpha(opacity=0);
    transform: scale(3);
    transition: all 0.3s ease-in-out 0.3s;
    opacity: 0;
    z-index: 5;    
}
.single-sidebar .recent-post li:hover .img-holder .overlay-style-one .box .content a{
   filter: alpha(opacity=100);
   transform: scale(1);
   transition-delay: 0.1s; 
   opacity: 1;
}
.single-sidebar .recent-post li .img-holder .overlay-style-one .box .content a span:before{
    color: #ffffff;
    font-size: 20px;
    line-height: 20px;
    transition: all 500ms ease;
}
.single-sidebar .recent-post li .img-holder .overlay-style-one .box .content a:hover span:before{
    color: #000000;
}
.single-sidebar .recent-post li:hover .img-holder .overlay-style-one{
    opacity: 1;
}

.single-sidebar .recent-post li .title-holder {
    padding-right: 20px;
    text-align: right;
}
.single-sidebar .recent-post li .title-holder span {
    display: block;
    line-height: 14px;
    font-size: 12px;
}
.single-sidebar .recent-post li .title-holder .post-title {
    font-size: 12px;
    line-height: 22px;
    font-weight: 600;
    margin: 7px 0 0;
    transition: all 500ms ease;
}
.single-sidebar .recent-post li .title-holder .post-title a{
    color: #27282c;
    transition: all 500ms ease;
}
.single-sidebar .recent-post li .title-holder .post-title a:hover{
    color: #96C73D;
}




.single-sidebar .instagram {
    position: relative;
    display: block;
    overflow: hidden;
    margin-left: -5px;
    margin-right: -5px;
    padding: 19px 0 4px;
}
.single-sidebar .instagram li {
    position: relative;
    display: inline-block;
    float: left;
    margin: 0 5px 10px;
    transition: all 0.5s ease 0s;
}
.single-sidebar .instagram li .img-holder {
    position: relative;
    display: block;
    overflow: hidden;
    transition: all 0.5s ease 0s;
    z-index: 5;
}
.single-sidebar .instagram li .img-holder img {
    transform: scale(1.1, 1.1);
    transition: all 0.5s ease 0s;
    width: 100%;
}
.single-sidebar .instagram li:hover .img-holder img {
    transform: scale(1, 1);
}
.single-sidebar .instagram li .img-holder .overlay-style-one{
    background: rgba(40, 41, 46, 0.95);    
}
.single-sidebar .instagram li:hover .img-holder .overlay-style-one {
    filter: alpha(opacity=100);
    opacity: 1;
    transition-delay: 0s;
}
.single-sidebar .instagram li .img-holder .overlay-style-one .box .content a {
    position: relative;
    display: block;
    float: none;
    margin: 0;
    color: #ffffff;
    font-size: 14px;
    line-height: 26px;
    font-family: 'Poppins', sans-serif;
    opacity: 0;
    transform: scale(3);
    transition: all 0.3s ease-in-out 0.3s;
    z-index: 5;
}
.single-sidebar .instagram li:hover .img-holder .overlay-style-one .box .content a{
    filter: alpha(opacity=100);
    opacity: 1;
    transform: scale(1);
    transition-delay: 0.1s;    
}
.single-sidebar .instagram li .img-holder .overlay-style-one .box .content a span:before{
    display: inline-block;
    padding-right: 5px;
    font-size: 12px;
    filter: alpha(opacity=0);
}
.single-sidebar .instagram li .img-holder .overlay-style-one .box .content a:hover{
    color: #e9212e;    
}
.follow-us-button {
    position: relative;
    display: block;
    padding-bottom: 32px;
}


.single-sidebar .popular-tag {
    position: relative;
    display: block;
    margin-left: -2.5px;
    margin-right: -2.5px;
    padding: 19px 0 35px;
}
.single-sidebar .popular-tag li {
    position: relative;
    display: inline-block;
    float: left;
    margin: 0 2.5px 5px;
}
.single-sidebar .popular-tag li a {
    position: relative;
    display: block;
    background: #f6f6f6;
    padding: 9px 10px 7px;
    color: #828282;
    font-size: 15px;
    font-weight: 400;
    transition: all 500ms ease 0s;
    z-index: 1;
}
.single-sidebar .popular-tag li a:hover{
    color: #ffffff;
    background: #27282c;
}



/*** 
=============================================
    Main Header Blog Single style
=============================================
***/
.main-header.blog-single{
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -ms-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -o-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    box-shadow: 0 0 15px rgba(0,0,0,0.10);
}



/*** 
=============================================
    Single Post Info Area style
=============================================
***/
.single-post-info-area {
    position: relative;
    display: block;
    padding: 104px 0 96px;
}
.single-post-info-content{
    position: relative;
    display: block;
}
.single-post-info-content .meta-box {
    position: relative;
    display: block;
    overflow: hidden;
}
.single-post-info-content .meta-box .meta-info {
    position: relative;
    display: block;
    overflow: hidden;
    text-align: center;
}
.single-post-info-content .meta-box .meta-info li {
    position: relative;
    display: inline-block;
    float: none;
    color: #e9212e;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    padding-right: 16px;
    margin-right: 11px;
}
.single-post-info-content .meta-box .meta-info li:before{
    position: absolute;
    top: 3px;
    right: 0px;
    width: 1px;
    height: 12px;
    background: #d3d9e0;
    content: "";
}
.single-post-info-content .meta-box .meta-info li:last-child{
    padding-right: 0;
    margin-right: 0;
}
.single-post-info-content .meta-box .meta-info li:last-child:before{
    display: none;
}
.single-post-info-content .meta-box .meta-info li a{
    color: #828282;
    font-size: 15px;
    font-weight: 400;
    text-transform: capitalize;
    transition: all 500ms ease;
}
.single-post-info-content .meta-box .meta-info li a:hover{
    color: #e9212e;
}
.single-post-info-content .blog-title{
    color: #26272b;
    font-size: 48px;
    line-height: 60px;
    font-weight: 600;
    margin: 22px 0 0;
}



/*** 
=============================================
    Blog Single Area style
=============================================
***/
#blog-area.blog-single-area {
    position: relative;
    display: block;
    padding: 0 0 110px;
}
.blog-single-area .blog-post {
    position: relative;
    display: block;
    margin-right: 35px;
}
.blog-single-area .single-blog-post {
    position: relative;
    display: block;
}
.blog-single-area .main-image-box{
    position: relative;
    display: block;
    margin-bottom: 54px;
}
.blog-single-area .main-image-box img{
    width: 100%;
}

.single-blog-post .top-text-box {
    position: relative;
    display: block;
    overflow: hidden;
}
.single-blog-post .top-text-box h3{
    color: #27282c;
    font-size: 20px;
    font-weight: 600;
    margin: 27px 0 28px;
}

.author-quote-box {
    position: relative;
    display: block;
    padding: 33px 40px 33px;
    background: #27282c;
    margin-top: 36px;
    margin-bottom: 54px;
}
.author-quote-box:before{
    font-family: 'icomoon';
    position: absolute;
    bottom: -35px;
    right: 40px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #e9212e;
    content: "\e939";
    color: #ffffff;
    font-size: 32px;
    line-height: 70px;
    text-align: center;
}
.author-quote-box .text {
    position: relative;
    display: block;
}
.author-quote-box .text p{
    color: #ffffff;
    font-size: 24px;
    line-height: 32px;
    margin: 0 0 27px;
}
.author-quote-box .text .name{
    position: relative;
    display: block;
}
.author-quote-box .text .name h3{
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
}
.author-quote-box .text .name h3 span{
    color: #7c7e84;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
}

.quote-bottom-text{
    position: relative;
    display: block;
}

.blog-single-image-with-text-box{
    position: relative;
    display: block;
    margin-top: 52px;
}
.blog-single-image-with-text-box .image-box{
    position: relative;
    display: block;
}
.blog-single-image-with-text-box .image-box li{
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 35px;
}
.blog-single-image-with-text-box .image-box li:last-child{
    margin-right: 0;
}
.blog-single-image-with-text-box .image-box li img{
    width: 100%;
}
.blog-single-image-with-text-box .text-box{
    position: relative;
    display: block;
    margin-top: 54px;
}

.blog-single-bottom-content-box{
    position: relative;
    display: block;
    margin-top: 45px;
}
.blog-single-bottom-content-box h2{
    color: #27282c;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 16px;
}
.blog-single-bottom-content-box p{
    margin: 0 0 20px;
}
.blog-single-bottom-content-box ul{
    position: relative;
    display: block;
}
.blog-single-bottom-content-box ul li{
    position: relative;
    display: block;
    padding-left: 40px;
    line-height: 36px;
}
.blog-single-bottom-content-box ul li:before{
    font-family: "Flaticon";
    position: absolute;
    top: 0;
    left: 0;
    content: "\f102";
    color: #e9212e;
    font-size: 25px;
}


.tag-with-social-links-box {
    position: relative;
    display: block;
    overflow: hidden;
    border-top: 1px solid #ededed;
    margin-top: 47px;
    padding-top: 21px;
}
.tag-with-social-links-box .inner-content{
    position: relative;
    display: block;
}
.tag-with-social-links-box .tag-box{
    position: relative;
    display: block;
}
.tag-with-social-links-box .tag-box p {
    position: relative;
    display: inline-block;
    float: left;
    color: #27282c;
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    margin: 0;
    font-family: 'Poppins', sans-serif;
}
.tag-with-social-links-box .tag-box ul{
    position: relative;
    display: inline-block;
    float: left;
    padding-left: 10px;
}
.tag-with-social-links-box .tag-box ul li {
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 5px;
    line-height: 30px;
}
.tag-with-social-links-box .tag-box ul li:last-child{
    margin-right: 0;
}
.tag-with-social-links-box .tag-box ul li a{
    position: relative;
    display: block;
    color: #828282;
    font-size: 15px;
    font-weight: 400;
    text-transform: capitalize;
    transition: all 300ms ease 100ms;
}
.tag-with-social-links-box .tag-box ul li a:hover{
    color: #e9212e;
}

.tag-with-social-links-box .social-links-box{
    position: relative;
    display: block;
}
.tag-with-social-links-box .social-links-box p{
    position: relative;
    display: inline-block;
    float: left;
    color: #27282c;
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    margin: 0;
    font-family: 'Poppins', sans-serif;    
}
.tag-with-social-links-box .social-links-box p i{
    position: relative;
    display: inline-block;
    padding-right: 8px;
    color: #e9212e;
}

.tag-with-social-links-box .social-links-box .sociallinks{
    position: relative;
    display: inline-block;
    float: left;
    padding-left: 10px;
}
.tag-with-social-links-box .social-links-box .sociallinks li{
    position: relative;
    display: inline-block;
    float: left;
    line-height: 30px;
    margin-right: 20px;
}
.tag-with-social-links-box .social-links-box .sociallinks li:last-child{
    margin-right: 0;
}
.tag-with-social-links-box .social-links-box .sociallinks li a i {
    position: relative;
    display: block;
    color: #b3b3b3;
    font-size: 14px;
    line-height: 30px;
}
.tag-with-social-links-box .social-links-box .sociallinks li a:hover i{
    color: #e9212e;
}


.blog-prev-next-option {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    margin-top: 75px;
}
.blog-prev-next-option .single {
    position: relative;
    display: block;
    max-width: 400px;
    width: 100%;
} 
.blog-prev-next-option .single.prev {
    position: relative;
    display: block;
    overflow: hidden;
    float: left;
}
.blog-prev-next-option .single .image-thumb {
    position: relative;
    display: block;
    overflow: hidden;
}
.blog-prev-next-option .single .image-thumb img{
    transform: scale(1.1, 1.1);
    transition: all 0.5s ease 0s;
    width: 100%;
}
.blog-prev-next-option .single:hover .image-thumb img{
    transform: scale(1, 1);
}
.blog-prev-next-option .single .image-thumb .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(40, 41, 46, 0.95);
    transition: all 700ms ease 100ms;
    opacity: 0;
}
.blog-prev-next-option .single:hover .image-thumb .overlay {
    filter: alpha(opacity=100);
    opacity: 1;
    transition-delay: 0s;
}
.blog-prev-next-option .single .image-thumb .overlay .box{
    display: table;
    width: 100%;
    height: 100%;
}
.blog-prev-next-option .single .image-thumb .overlay .box .link{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.blog-prev-next-option .single .image-thumb .overlay .box .link a {
    position: relative;
    display: inline-block;
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    width: 100px;
    height: 20px;
    filter: alpha(opacity=0);
    transform: scale(3);
    transition: all 0.3s ease-in-out 0.3s;
    opacity: 0;
}
.blog-prev-next-option .single:hover .image-thumb .overlay .box .link a{
   filter: alpha(opacity=100);
   transform: scale(1);
   transition-delay: 0.1s; 
   opacity: 1;    
}
.blog-prev-next-option .single .image-thumb .overlay .box .link a:hover{
    color: #e9212e;    
}
.blog-prev-next-option .single .image-thumb .overlay .box .link a i{
    display: inline-block;
    padding-left: 5px;
}

.blog-prev-next-option .single .title {
    position: relative;
    display: block;
    padding: 14px 20px 0;
    text-align: center;
}
.blog-prev-next-option .single .title h3 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
}
.blog-prev-next-option .single .title a{
    color: #27282c;
    transition: all 500ms ease;
}
.blog-prev-next-option .single .title a:hover{
    color: #e9212e;
}
.blog-prev-next-option .single.next{
    position: relative;
    display: block;
    overflow: hidden;
    float: right;
}



.author-box-holder {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 45px 40px 40px;
    margin: 73px 0 80px;
    box-shadow: 0px 4px 10px 3px #e0e4e6;
}
.author-box-holder .inner-box{
    position: relative;
    display: block;
}
.author-box-holder .inner-box .img-box{
    width: 100px;
}
.author-box-holder .inner-box .img-box img {
    width: 100%;
    border-radius: 50%;
}
.author-box-holder .inner-box .img-box,
.author-box-holder .inner-box .text{
    display: table-cell;
    vertical-align: middle;
}
.author-box-holder .inner-box .text{
    padding-left: 40px;    
}
.author-box-holder .inner-box .text h3{
    color: #222222;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}
.author-box-holder .inner-box .text h3 span{
    color: #e9212e;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
}
.author-box-holder .inner-box .text p{
    line-height: 25px;
    margin: 16px 0 23px;
}
.author-box-holder .inner-box .text .author-social-links{
    position: relative;
    display: block;
    overflow: hidden;
}
.author-box-holder .inner-box .text .author-social-links p{
    position: relative;
    display: inline-block;
    float: left;
    padding-right: 10px;
    color: #27282c;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    margin: 0;
}
.author-box-holder .inner-box .text .author-social-links ul{
    position: relative;
    display: inline-block;
    float: left;
}
.author-box-holder .inner-box .text .author-social-links ul li{
    position: relative;
    display: inline-block;
    float: left;
    line-height: 30px;
    padding-right: 11px;
    margin-right: 10px;
}
.author-box-holder .inner-box .text .author-social-links ul li:before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1px;
    height: 12px;
    background: #e3e3e3;
    content: "";
    transform: rotate(15deg);
    line-height: 30px;
    margin: 8px 0;
}
.author-box-holder .inner-box .text .author-social-links ul li:last-child:before{
    display: none;
}
.author-box-holder .inner-box .text .author-social-links ul li:last-child{
    padding-right: 0;
    margin-right: 0;
}
.author-box-holder .inner-box .text .author-social-links ul li a {
    color: #7c7e84;
}
.author-box-holder .inner-box .text .author-social-links ul li a:hover{
    color: #e9212e; 
}



.single-blog-title-box{
    position: relative;
    display: block;
    padding-bottom: 32px;
    margin-top: -7px;
}
.single-blog-title-box h2{
    color: #27282c;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    text-transform: uppercase;
}
.blog-single-area .inner-comment-box {
    position: relative;
    display: block;
    overflow: hidden;
}
.blog-single-area .inner-comment-box .single-comment-outer-box{
    position: relative;
    display: block;
    border: 1px solid #ededed;
    background: #ffffff;
    padding: 35px 40px 32px;
    margin-bottom: 40px;
}
.blog-single-area .inner-comment-box .single-comment-outer-box.mar-left{
    margin-left: 80px;
}
.blog-single-area .inner-comment-box .single-comment-box {
    position: relative;
    display: block;
    padding-left: 80px;
}
.blog-single-area .inner-comment-box .single-comment-box .img-box {
    position: absolute;
    top: 4px;
    left: 0;
    width: 80px;
    height: 80px;
}
.blog-single-area .inner-comment-box .single-comment-box .img-box img{
    border-radius: 50%;
    width: 100%;
}
.blog-single-area .inner-comment-box .single-comment-box .text-box {
    position: relative;
    display: block;
    margin-left: 30px;
}
.blog-single-area .inner-comment-box .single-comment-box .text-box .top {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 16px;
}
.blog-single-area .inner-comment-box .single-comment-box .text-box .top .name{
    position: relative;
    display: block;
    float: left;
}
.blog-single-area .inner-comment-box .single-comment-box .text-box .top .name h3{
    color: #27282c;
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 3px;
}
.blog-single-area .inner-comment-box .single-comment-box .text-box .top .name span {
    color: #e9212e;
}
.blog-single-area .inner-comment-box .single-comment-box .text-box .top .reply-button{
    position: relative;
    display: block;
    float: right; 
    top: -3px;   
}
.blog-single-area .inner-comment-box .single-comment-box .text-box .top .reply-button a{
    color: #b3b3b3;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
}
.blog-single-area .inner-comment-box .single-comment-box .text-box .top .reply-button a:hover{
    color: #e9212e;
}
.blog-single-area .inner-comment-box .single-comment-box .text-box .top .reply-button a span:before{
    position: relative;
    top: 1px;
    display: inline-block;
    padding-right: 10px;
    font-size: 14px;
    line-height: 14px;
}
.blog-single-area .inner-comment-box .single-comment-box .text-box .text{}
.blog-single-area .inner-comment-box .single-comment-box .text-box .text p{
    margin: 0;
}



.add-comment-box {
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 40px;
}
.add-comment-box #add-comment-form {}
.add-comment-box #add-comment-form input[type="text"],
.add-comment-box #add-comment-form input[type="email"],
.add-comment-box #add-comment-form textarea{
    position: relative;
    display: block;
    background: #f6f6f6 none repeat scroll 0 0;
    border: 1px solid #f6f6f6;
    color: #828282;
    font-size: 15px;
    font-weight: 400;
    height: 60px;
    padding: 0 30px;
    width: 100%;  
    border-radius: 0px;
    margin-bottom: 30px;
    transition: all 500ms ease;
}
.add-comment-box #add-comment-form textarea {
    height: 170px;
    padding: 13px 30px;
    margin-bottom: 30px;
}
.add-comment-box #add-comment-form input[type="text"]:focus{
    border-color: #e9212e;    
}
.add-comment-box #add-comment-form input[type="email"]:focus{
    border-color: #e9212e;    
}
.add-comment-box #add-comment-form textarea:focus{
    border-color: #e9212e;       
}
.add-comment-box #add-comment-form button {

}
.add-comment-box #add-comment-form button:hover{
  
}



/*** 
=============================================
   Shop area  style
=============================================
***/
#shop-area {
    padding-top: 110px;
    padding-bottom: 110px;
}
.main-shop-area{
    position: relative;
    display: block;
    background: #ffffff;
}
#shop-area .shop-content {
    position: relative;
    display: block;
}
.showing-result-shorting {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 30px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 50px;
}
.showing-result-shorting .showing{}
.showing-result-shorting .shorting{ }
.showing-result-shorting .showing p {
    color: #828282;
    font-size: 15px;
    font-weight: 400;
    margin: 0;
}

.single-product-item {
    position: relative;
    display: block;
    transition: all 500ms ease;
    margin-bottom: 50px;
}
.single-product-item .img-holder{
    position: relative;
    display: block;
    overflow: hidden;
}
.single-product-item .img-holder::before {
    background: rgba(255, 255, 255, 0.30);    
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    content: "";
    opacity: 0;
    position: absolute;
    z-index: 1;
    transition: all 0.4s ease-in-out 0s;
}
.single-product-item:hover .img-holder::before{
    opacity: 1;
}
.single-product-item .img-holder img{
    transform: scale(1);
    transition: all 0.7s ease 0s;
    width: 100%;   
}
.single-product-item:hover .img-holder img{
    transform: scale(1.1);   
}

.single-product-item .title-holder {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 17px 0 13px;
    -webkit-box-shadow: 0px 3px 8px 2px #f9f9f9;
    box-shadow: 0px 3px 8px 2px #f9f9f9;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: -30px;
    z-index: 10;
}
.single-product-item .title-holder .static-content{
    position: relative;
    display: block;    
}
.single-product-item .title-holder .title {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    padding: 0 0 3px;
}
.single-product-item .title-holder .title a{
    color: #27282c;
    transition: all 500ms ease;
}
.single-product-item .title-holder .static-content span{
    color: #828282;
}

.single-product-item .title-holder .overlay-content{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #ffffff;
    text-align: center;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transition: all 700ms ease 300ms;
}
.single-product-item:hover .title-holder .overlay-content {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transition: all 700ms ease 100ms;
}
.single-product-item .title-holder .overlay-content ul {
    position: relative;
    display: block;
    padding: 22px 0 23px;
    width: 153px;
    margin: 0 auto;
    transform: scale(0);
    transition: all 700ms ease 100ms;
}
.single-product-item:hover .title-holder .overlay-content ul{
    transform: scale(1);
    transition: all 700ms ease 600ms;    
}
.single-product-item .title-holder .overlay-content ul li{
    position: relative;
    display: inline-block;
    float: left;
    width: 51px;
    text-align: center;
    border-right: 1px solid #ededed;
}
.single-product-item .title-holder .overlay-content ul li:last-child{
    border: none;
}
.single-product-item .title-holder .overlay-content ul li a{
    position: relative;
    display: block;
}
.single-product-item .title-holder .overlay-content ul li a span:before{
    position: relative;
    display: block;
    width: 100%;
    height: 35px;
    color: #b3b3b3;
    font-size: 18px;
    line-height: 35px;
    margin: 0;
    transition: all 500ms ease;
}
.single-product-item .title-holder .overlay-content ul li a:hover span:before{
    color: #e9212e;
}

.single-product-item .title-holder .overlay-content ul li a .toltip-content {
    position: absolute;
    left: -50%;
    right: 0;
    top: -25px;
    margin-left: -15px;
    opacity: 0;
    visibility: hidden;
    padding: 0;
    text-align: center;
    background-color: #27282c;
    transition: all 300ms ease 100ms;
    z-index: 999;
    min-width: 130px;
}
.single-product-item .title-holder .overlay-content ul li a .toltip-content:before {
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    bottom: -8px;
    right: 0;
    content: "\f0d7";
    color: #27282c;
    font-size: 25px;
    text-align: center;
    line-height: 10px;
}
.single-product-item .title-holder .overlay-content ul li a .toltip-content p{
    color: #ffffff;
    font-size: 15px;
    line-height: 30px;
    margin: 0;
}
.single-product-item .title-holder .overlay-content ul li a:hover .toltip-content{
    top: -37px; 
    visibility: visible;
    opacity: 1;
}



.shop-sidebar-wrapper {
    position: relative;
    display: block;
    max-width: 270px;
    width: 100%;
}
.shop-sidebar-wrapper .single-sidebar-box {
    position: relative;
    display: block;
    overflow: hidden;
}
.single-sidebar-box.pdbtm{
    padding-bottom: 50px;
}

.shop-sidebar-wrapper .search-form {
    position: relative;
    display: block;
    max-width: 270px;
    width: 100%;
    margin-bottom: 50px;
}
.shop-sidebar-wrapper .search-form input[type="text"] {
    position: relative;
    display: block;
    background: #fff;
    border: 1px solid #ededed;
    color: #7e8597;
    font-size: 15px;
    font-weight: 400;
    height: 50px;
    max-width: 270px;
    width: 100%;
    padding-left: 20px;
    padding-right: 60px;
    border-radius: 0px;
    transition: all 500ms ease 0s;
}
.shop-sidebar-wrapper .search-form button {
    position: absolute;
    top: 0;
    right: 0px;
    bottom: 0;
    display: block;
    background: #f6f6f6;
    color: #27282c;
    font-size: 14px;
    height: 50px;
    width: 50px;
    border: 0px solid #edf2f7;
    line-height: 48px;
    text-align: center;
    border-radius: 0px;
    transition: all 500ms ease 0s;
    margin: 0;
}
.shop-sidebar-wrapper .search-form button i {
    font-size: 14px
}
.shop-sidebar-wrapper .search-form input[type="text"]:focus {
    border: 1px solid #e9212e;
    background: #fff;
    color: #000000;
}
.shop-sidebar-wrapper .search-form input[type="text"]:focus + button, 
.shop-sidebar-wrapper .search-form button:hover {
    background: #e9212e;
    color: #fff;
}

.shop-sidebar-title {
    position: relative;
    display: block;
    padding-bottom: 23px;
    margin-top: -6px;
}
.shop-sidebar-title h3{
    color: #303030;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    text-transform: capitalize;
}

.single-sidebar-box .categories {
    position: relative;
    display: block;
    border: 1px solid #ededed;
    border-bottom: none;
}
.single-sidebar-box .categories li {
    position: relative;
    display: block;
    padding-left: 20px;
    line-height: 50px;
    border-bottom: 1px solid #ededed;
    transition: all 500ms ease;
}
.single-sidebar-box .categories li:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0px;
    background: #e9212e;
    content: "";
    transition: all 100ms ease;
    transition-delay: .3s;
    transform: perspective(0px) translateX(0px) rotate(0deg);
}
.single-sidebar-box .categories li:hover:before{
    width: 3px;
    transform: perspective(0px) translateX(0px) rotate(0deg);    
}
.single-sidebar-box .categories li a {
    position: relative;
    display: block;
    color: #828282;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    transition: all 500ms ease;
    transition-delay: .2s;
    transform: perspective(0px) translateX(0px) rotate(0deg);
}
.single-sidebar-box .categories li:hover a{
    color: #e9212e;
    transform: perspective(0px) translateX(10px) rotate(0deg);
}


.shop-sidebar-wrapper .price-ranger {
    margin-top: 4px;
    margin-bottom: 0px;
}
.shop-sidebar-wrapper .price-ranger .ui-widget-content {
    background: #edf2f7;
    border: none;
    height: 2px;
}
.shop-sidebar-wrapper .price-ranger .ui-slider-handle {
    position: absolute;
    top: -4px;
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 50%;
    height: 10px;
    margin-left: -4px;
    outline: medium none;
    width: 10px !important;
    cursor: pointer;
    z-index: 2;
}
.shop-sidebar-wrapper .price-ranger .ui-slider-handle:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 4px;
    height: 4px;
    background: #e9212e;
    border-radius: 50%;
    content: "";
    margin: 2px;
}
.shop-sidebar-wrapper .price-ranger .ui-slider .ui-slider-range {
    background: #e9212e;
}
.shop-sidebar-wrapper .price-ranger #slider-range {
    margin-left: 4px;
    margin-right: 6px;
    margin-top: 0;
}
.shop-sidebar-wrapper .price-ranger .ranger-min-max-block {
    position: relative;
    display: block;
    margin-top: 30px;
}
.shop-sidebar-wrapper .price-ranger .ranger-min-max-block input {
    display: inline-block;
}
.shop-sidebar-wrapper .price-ranger .ranger-min-max-block input[type="submit"] {
    position: relative;
    display: inline-block;
    background: #f6f6f6;
    float: left;
    margin-right: 10px;
    padding: 6px 0 4px;
    text-align: center;
    width: 90px;
    border: none;
    color: #27282c;
    font-size: 15px;
    font-weight: 500;
    margin-top: 0;
    border-radius: 0;
    text-transform: capitalize;
    cursor: pointer;
}
.shop-sidebar-wrapper .price-ranger .ranger-min-max-block input[type="submit"]:hover{}
.shop-sidebar-wrapper .price-ranger .ranger-min-max-block input[type="text"] {
    position: relative;
    display: inline-block;
    float: left;
    color: #828282;
    font-size: 15px;
    font-weight: 400;
    text-align: right;
    width: 40px;
    line-height: 35px;
    border: none;
    padding: 0;
}
.shop-sidebar-wrapper .price-ranger .ranger-min-max-block input[type='text'].max {}
.shop-sidebar-wrapper .price-ranger .ranger-min-max-block span {
    position: relative;
    display: inline-block;
    color: #828282;
    font-size: 15px;
    font-weight: 400;
    line-height: 35px;
    float: left;
}


.shop-sidebar-wrapper .products-post {
    position: relative;
    display: block;
    overflow: hidden;
}
.shop-sidebar-wrapper .products-post li {
    position: relative;
    display: block;
    border-bottom: 1px solid #ededed;
    min-height: 70px;
    padding-left: 70px;
    padding-bottom: 25px;
    margin-bottom: 25px;
}
.shop-sidebar-wrapper .products-post li:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}
.shop-sidebar-wrapper .products-post li .img-holder {
    position: absolute;
    top: 0px;
    left: 0;
    width: 70px;
    height: 70px;
    display: block;
    overflow: hidden;
}
.shop-sidebar-wrapper .products-post li .img-holder img {
    transition: all 0.4s ease-in-out 0.5s;    
    width: 100%;
    transform: scale(1.1, 1.1);      
}
.shop-sidebar-wrapper .products-post li:hover .img-holder img {
    transition-delay: 0s;
    transform: scale(1.2, 1.2);    
}
.shop-sidebar-wrapper .products-post li .img-holder .overlay-style-one{
    background: rgba(233, 33, 48, 0.90);
}
.shop-sidebar-wrapper .products-post li .img-holder .overlay-style-one .box .content a{
    display: inline-block;
    width: 20px;
    height: 20px;
    filter: alpha(opacity=0);
    transform: scale(3);
    transition: all 0.3s ease-in-out 0.3s;
    opacity: 0;
    z-index: 5;    
}
.shop-sidebar-wrapper .products-post li:hover .img-holder .overlay-style-one .box .content a{
   filter: alpha(opacity=100);
   transform: scale(1);
   transition-delay: 0.1s; 
   opacity: 1;
}
.shop-sidebar-wrapper .products-post li .img-holder .overlay-style-one .box .content a span:before{
    color: #ffffff;
    font-size: 20px;
    line-height: 20px;
    transition: all 500ms ease;
}
.shop-sidebar-wrapper .products-post li .img-holder .overlay-style-one .box .content a:hover span:before{
    color: #000000;
}
.shop-sidebar-wrapper .products-post li:hover .img-holder .overlay-style-one{
    opacity: 1;
}

.shop-sidebar-wrapper .products-post li .title-holder {
    padding-left: 30px;
    min-height: 70px;
}
.shop-sidebar-wrapper .products-post li .title-holder .post-title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    margin: 0 0 14px;
    transition: all 500ms ease;
}
.shop-sidebar-wrapper .products-post li .title-holder .post-title a{
    color: #27282c;
    transition: all 500ms ease;
}
.shop-sidebar-wrapper .products-post li .title-holder .post-title a:hover{
    color: #e9212e;
}
.shop-sidebar-wrapper .products-post li .title-holder span {
    display: block;
    line-height: 14px;
}



/*** 
=============================================
   Single Shop Area style
=============================================
***/
#shop-area.single-shop-area {
    padding-top: 110px;
    padding-bottom: 60px;
}
.single-product-image-holder {
    margin-right: 35px;
}
.single-product-image-holder img{
    width: auto;
}

.single-shop-content .content-box {
    position: relative;
    display: block;
}
.single-shop-content .content-box span.price {
    color: #828282;
    font-size: 24px;
    font-weight: 400;
}
.single-shop-content .content-box h2 {
    color: #27282c;
    font-size: 30px;
    font-weight: 600;
    margin: 6px 0 7px;
    text-transform: capitalize;
}
.single-shop-content .content-box .review-box {}
.single-shop-content .content-box .review-box ul {}
.single-shop-content .content-box .review-box ul li {}
.single-shop-content .content-box .review-box ul li i {
    color: #f13729;
    font-size: 16px;
}
.single-shop-content .content-box .text {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 22px 0 16px;
}
.single-shop-content .content-box .text p{
    margin: 0;
}
.single-shop-content .content-box .location-box {
    margin: 0 0 32px;
}
.single-shop-content .content-box .location-box p {
    color: #828282;
    font-size: 15px;
    margin: 0 0 12px;
}
.single-shop-content .content-box .location-box form {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 9px;
}
.single-shop-content .content-box .location-box form input {
    position: relative;
    display: inline-block;
    float: left;
    border: 1px solid #ededed;
    height: 50px;
    padding-left: 10px;
    padding-right: 10px;
    width: 180px;
    transition: all 500ms ease;
    margin: 0;
}
.single-shop-content .content-box .location-box form input:focus{
    border-color: #e9212e;
}
.single-shop-content .content-box .location-box form button {
    position: relative;
    display: inline-block;
    float: left;
    background: #f6f6f6;
    border: none;
    color: #27282c;
    font-size: 15px;
    font-weight: 500;
    line-height: 52px;
    height: 50px;
    width: 100px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    transition: all 500ms ease 0s;
}
.single-shop-content .content-box .location-box form button:hover{
    color: #fff;
    background: #555555;
}
.single-shop-content .content-box .location-box span {
    color: #e9212e;
}


.single-shop-content .content-box .addto-cart-box {}
.single-shop-content .content-box .addto-cart-box .input-group.bootstrap-touchspin {
    float: left;
    width: 46px;
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .btn {
    position: relative;
    display: block;
    float: none;
    margin-left: 0px;
    width: 100%;
    background: #f6f6f6;
    border: 1px solid #f6f6f6;
    color: #848484;
    padding: 12px 11px;
    cursor: pointer;
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    border-radius: 0
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    border-radius: 0;
    margin-top: -2px;
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .btn.bootstrap-touchspin-up:before {
    content: "\f0d8";
    font-family: FontAwesome;
    color: #848484;
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 5px 5px 5px;
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .btn.bootstrap-touchspin-down:before {
    content: "\f0d7";
    font-family: FontAwesome;
    color: #848484;
    font-size: 14px;
    position: absolute;
    top: -1px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 0px 5px 5px;
}
.single-shop-content .content-box .addto-cart-box button.addtocart {
    background: #e9212e;
    height: 50px;
    width: 170px;
    margin-left: 43px;
    color: #fff;
    padding: 0px 0 0px;
    cursor: pointer;
    border-radius: 0;
    line-height: 50px;
}
.single-shop-content .content-box .addto-cart-box button.addtocart:hover{
    background: #26272b;   
}

.share-products-socials {
    position: relative;
    display: block;
    overflow: hidden;
    margin-top: 46px;
}
.share-products-socials h5{
    position: relative;
    display: inline-block;
    float: left;
    color: #27282c;
    font-size: 16px;
    line-height: 40px;
    font-weight: 600;
    text-transform: capitalize;
}
.share-products-socials ul {
    position: relative;
    display: inline-block;
    float: left;
    margin-left: 20px;
}
.share-products-socials ul li{
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 10px;
}
.share-products-socials ul li:last-child{
    margin-right: 0;
}
.share-products-socials ul li a i{
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    font-size: 18px;
    line-height: 42px;
    text-align: center;
    transition: all 500ms ease;
}
.share-products-socials ul li a i.fb{
    background: #3b5998;
    border-color: #3b5998;
    color: #ffffff;
}
.share-products-socials ul li a:hover i.fb{
    background: #1d376f;    
}
.share-products-socials ul li a i.tw{
    background: #55acee;
    border-color: #55acee;
    color: #ffffff;    
}
.share-products-socials ul li a:hover i.tw{
    background: #1e7dc5;    
}
.share-products-socials ul li a i.pin{
    background: #cb2027;
    border-color: #cb2027;
    color: #ffffff;       
}
.share-products-socials ul li a:hover i.pin{
    background: #a81218;    
}
.share-products-socials ul li a i.lin{
    background: #007ab9;
    border-color: #007ab9;
    color: #ffffff;      
}
.share-products-socials ul li a:hover i.lin{
    background: #01537d;    
}


.product-tab-box {
    position: relative;
    display: block;
    overflow: hidden;
    margin-top: 66px;
}
.product-tab-box .tab-btns {
    position: relative;
    display: block;
    text-align: center;
    border-bottom: 1px solid #ededed;
    margin-bottom: 35px;
    z-index: 1;
}
.product-tab-box .tab-btns .tab-btn {
    display: inline-block;
    float: none;
    text-align: center;
    margin: 0 2px;
}
.product-tab-box .tab-btns .tab-btn span {
    position: relative;
    display: block;
    background: transparent;
    border-radius: 0;
    cursor: pointer;
    margin: 0;
    padding: 15px 20px 13px;
    color: #27282c;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    transition: all 500ms ease;
    font-family: 'Poppins', sans-serif;
}
.product-tab-box .tab-btns .tab-btn.active-btn span, 
.product-tab-box .tab-btns .tab-btn:hover span{
    color: #e9212e;
}
.product-tab-box .tab-btns .tab-btn span:before{
    position: absolute;
    left: 0;
    bottom: -1px;
    right: 0;
    height: 1px;
    background: #e9212e;
    content: "";
    opacity: 0;
    transition: all 500ms ease;
    transition-delay: .3s;
}
.product-tab-box .tab-btns .tab-btn.active-btn span:before,
.product-tab-box .tab-btns .tab-btn:hover span:before{
    opacity: 1;
}

.product-tab-box .tabs-content {
    position: relative;
    display: block;
    padding: 0;
}
.product-tab-box .tabs-content .tab{
	position: relative;
	padding: 0px;
	display: none;
}
.product-tab-box .tabs-content .tab.active-tab{
	display: block;	
}
.review-box-holder {
    position: relative;
    display: block;
}
.review-box-holder .single-review-box {
    position: relative;
    display: block;
    padding-left: 70px;
    margin-bottom: 40px;
    border-bottom: 1px solid #ededed;
    padding-bottom: 32px;
}
.review-box-holder .single-review-box .image-holder {
    position: absolute;
    left: 0;
    top: 5px;
}
.review-box-holder .single-review-box .image-holder img{
    width: 100%;
    border-radius: 50%;
}

.review-box-holder .single-review-box .text-holder {
    position: relative;
    display: block;
    padding-left: 20px;
    padding-right: 40px;
}
.review-box-holder .single-review-box .text-holder .top {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0 0 17px;
}
.review-box-holder .single-review-box .text-holder .top .name h3 {
    color: #27282c;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 6px;
    text-transform: capitalize;
}
.review-box-holder .single-review-box .text-holder .top .name h3 span{
    color: #e9212e;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
}
.review-box-holder .single-review-box .text-holder .top .review-box ul {
    position: relative;
    display: block;
    overflow: hidden;
}
.review-box-holder .single-review-box .text-holder .top .review-box ul li {
    display: inline-block;
    margin-right: 3px;
}
.review-box-holder .single-review-box .text-holder .top .review-box ul li:last-child{
    margin-right: 0;
}
.review-box-holder .single-review-box .text-holder .top .review-box ul li i {
    color: #e9212e;
    font-size: 14px;
}
.review-box-holder .single-review-box .text-holder .text p {
    margin: 0;
}


.product-tab-box .review-form {
    padding-top: 33px;
}
.product-tab-box .review-form .shop-page-title{
    padding-bottom: 28px;
}
.shop-page-title{
    position: relative;
    display: block;
}
.shop-page-title .title{
    color: #222222;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    margin: 0 0 6px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
}
.shop-page-title .title span{
    font-weight: 400;
}
.shop-page-title p{
    margin: 0;
}
.shop-page-title p b{
    color: #e9212e;
    font-weight: 400;
}

.product-tab-box .review-form .add-rating-box {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
}
.product-tab-box .review-form .add-rating-box .add-rating-title{
    position: relative;
    display: inline-block;
    float: left;    
}
.product-tab-box .review-form .add-rating-box .add-rating-title h4 {
    color: #828282;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
    text-transform: capitalize;
}
.product-tab-box .review-form .add-rating-box .review-box{
    position: relative;
    display: inline-block;
    float: left; 
    padding-left: 20px;
}
.product-tab-box .review-form .add-rating-box .review-box ul li {
    position: relative;
    display: inline-block;
    float: left;
    line-height: 20px;
    margin-right: 5px;
}
.product-tab-box .review-form .add-rating-box .review-box ul li:last-child{
    margin-right: 0px;
}
.product-tab-box .review-form .add-rating-box .review-box ul li i {
    color: #b5b5b5;
    font-size: 16px;
    line-height: 20px;
    opacity: 1;
    transition: all 500ms ease 0s;
}



.product-tab-box .review-form .input-box p{
    color: #828282;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    margin: 0 0 5px;
}
.product-tab-box .review-form .input-box p span{
    color: #e9212e;    
}
.product-tab-box .review-form form input[type="text"], 
.product-tab-box .review-form form input[type="email"], 
.product-tab-box .review-form form textarea {
    position: relative;
    display: block;
    background: #ffffff;
    width: 100%;
    height: 60px;
    border: 1px solid #ededed;
    color: #252525;
    font-size: 15px;
    padding: 0 20px;
    margin-bottom: 30px;
    border-radius: 0px;
    transition: all 500ms ease;
}
.product-tab-box .review-form form textarea {
    height: 170px;
    padding: 10px 20px;
    margin-bottom: 40px;
}
.product-tab-box .review-form form button {
    padding: 0 50px;
}
.product-tab-box .review-form form button:hover{
 
}
.product-tab-box .review-form form input[type="text"]:focus{
    border-color: #e1dddd;
}
.product-tab-box .review-form form input[type="email"]:focus{
    border-color: #e1dddd;
}
.product-tab-box .review-form form textarea:focus{
    border-color: #e1dddd;  
}

.related-product {
  padding-top: 73px;
}
.related-product .shop-page-title {
    padding-bottom: 26px;
}
.related-product .single-product-item {}



/*** 
=============================================
   Cart area  style
=============================================
***/
.cart-area {
    padding-top: 110px;
    padding-bottom: 110px;
}
.cart-area .table-outer {
    overflow-x: auto;
    position: relative;
    width: 100%;
}
.cart-area .cart-table {
    min-width: 1024px;
    width: 100%;
}
.cart-area .cart-table .cart-header {
    position: relative;
    background: #f6f6f6;
    color: #27282c;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    width: 100%;
    font-family: 'Poppins', sans-serif;
}
.cart-area .cart-table thead tr th {
    font-weight: 600;
    line-height: 24px;
    min-width: 110px;
    padding: 20px 25px;
}
.cart-area .cart-table thead tr th.prod-column {
    padding-left: 30px;
    text-align: left;
}
.cart-area .cart-table thead tr th.availability {
    padding: 0 40px
}
.cart-area .cart-table tbody tr {
    border-bottom: 1px solid #ededed;
}
.cart-area .cart-table tbody tr td {
    color: #27282c;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    min-width: 100px;
    padding: 30px 25px;
    font-family: 'Poppins', sans-serif;
}
.cart-area .cart-table tbody tr .prod-column .column-box {
    position: relative;
    min-height: 100px;
}
.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb {
    width: 80px;
}
.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb a {
    position: relative;
    display: block;
    border-radius: 0px;
}
.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb a img {
    width: 100%;
}
.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb, 
.cart-area .cart-table tbody tr .prod-column .column-box .title{
    display: table-cell;
    vertical-align: middle;
}
.cart-area .cart-table tbody tr .prod-column .column-box .title{
    padding-left: 20px;
}
.cart-area .cart-table tbody tr .prod-column .column-box .title h3 {
    color: #27282c;
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    text-transform: capitalize;
}

.cart-area .cart-table tbody tr .qty {
    padding-right: 25px;
    width: 120px;
}
.cart-area .cart-table tbody tr .qty .input-group.bootstrap-touchspin {
    float: left;
    width: 46px;
}
.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical > .btn {
    position: relative;
    display: block;
    float: none;
    margin-left: 0px;
    width: 100%;
    background: #f6f6f6;
    border: 1px solid #f6f6f6;
    color: #848484;
    padding: 12px 11px;
    cursor: pointer;
}
.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    border-radius: 0
}
.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    border-radius: 0;
    margin-top: -2px;
}
.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-up:before {
    content: "\f0d8";
    font-family: FontAwesome;
    color: #848484;
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 5px 5px 5px;
}
.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-down:before {
    content: "\f0d7";
    font-family: FontAwesome;
    color: #848484;
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 0px 5px 10px;
}


.cart-area .cart-table tbody tr td.unit-price {
    padding-left: 40px;
    padding-right: 20px;
}
.cart-area .cart-table tbody .available-info {
    position: relative;
    color: #828282;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    padding-left: 50px;
    font-family: 'Rubik', sans-serif;
}
.cart-area .cart-table tbody .available-info .icon {
    position: absolute;
    top: 0px;
    left: 0;
    width: 40px;
    height: 40px;
    background: #e9212e;
    border-radius: 50%;
    color: #ffffff;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
}

.cart-area .cart-table tbody tr td.price {
    color: #828282;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
}
.cart-area .cart-table tbody tr .sub-total {
    color: #e9212e;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
}
.cart-area .cart-table tbody tr td .remove{ }
.cart-area .cart-table tbody tr td .remove .checkbox label {
    color: #828282;
    font-size: 15px;
    font-weight: 400;
}
.cart-area .cart-table tbody tr td .remove .checkbox label input[type="checkbox"] {
    display: inline-block;
    position: relative;
    top: 1px;
}


.cart-middle {
    padding-top: 30px
}
.cart-middle .apply-coupon {
    padding-left: 245px;
    position: relative;
}
.cart-middle .apply-coupon input[type="text"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 225px;
    height: 60px;
    border: 1px solid #ededed;
    color: #828282;
    font-size: 15px;
    font-weight: 400;
    padding: 0 15px;
    text-transform: capitalize;
    transition: all 500ms ease 0s;
    border-radius: 0px;
}
.cart-middle .apply-coupon input[type="text"]:focus {
    border: 1px solid #e9212e
}
.cart-middle .apply-coupon .apply-coupon-button button {
    color: #27282c;
    background: #f6f6f6;
}
.cart-middle .apply-coupon .apply-coupon-button button:hover{
    color: #ffffff;
    background: #e9212e
}
.cart-middle .update-cart button {
    color: #ffffff;
    background: #e9212e;
}
.cart-middle .update-cart button:hover{
    background: #26272b;
} 



.cart-bottom {
    overflow: hidden;
    padding-top: 70px;
}

.cart-bottom .calculate-shipping {}
.cart-bottom .calculate-shipping .shop-page-title {
    padding-bottom: 16px;
}


.cart-bottom .calculate-shipping .ui-state-default .ui-icon {
    background: none
}
.cart-bottom .calculate-shipping .ui-state-default {
    position: relative;
    display: block;
    background: #ffffff;
    border: 1px solid #ededed;
    border-radius: 0;
    color: #828282;
    font-size: 15px;
    font-weight: 400;
    height: 50px;
    margin-bottom: 30px;
    outline: medium none;
    width: 100%;
    font-family: 'Rubik', sans-serif;
}
.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-selectmenu-text {
    display: block;
    line-height: 18px;
    overflow: hidden;
    padding: 15px 19px;
    text-align: left;
}
.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-left: 1px solid #ededed;
    display: block;
    width: 60px;
    height: 48px;
    text-indent: 0;
    margin: 0;
}
.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-icon::before {
    color: #9b9b9b;
    content: "\f107";
    font-family: FontAwesome;
    font-size: 20px;
    overflow: visible;
    position: absolute;
    right: 21px;
    top: 12px;
}
.cart-bottom .calculate-shipping input[type="text"] {
    position: relative;
    display: block;
    border: 1px solid #ededed;
    color: #828282;
    font-size: 15px;
    font-weight: 400;
    height: 50px;
    padding: 0 20px;
    width: 100%;
    margin-bottom: 30px;
    transition: all 500ms ease;
    font-family: 'Rubik', sans-serif;
}
.cart-bottom .calculate-shipping input[type="text"]:focus {
    border: 1px solid #e9212e;
}
.cart-bottom .calculate-shipping button {
    color: #27282c;
    background: #f6f6f6;
}
.cart-bottom .calculate-shipping button:hover{
    color: #ffffff;
    background: #e9212e;
}
.cart-bottom button.checkout-btn{
    color: #27282c;
    background: #f6f6f6;
    margin-top: 30px;
}
.cart-bottom button.checkout-btn:hover{
    color: #ffffff;
    background: #e9212e;
}



/*** 
=============================================
    Checkout Area style
=============================================
***/
.checkout-area {
    position: relative;
    display: block;
    padding-top: 110px;
}
.checkout-area .exisitng-customer {
    position: relative;
    display: block;
    background: #f6f6f6;
    padding: 20px 28px 21px;
    margin-bottom: 20px;
    border-radius: 5px;
}
.checkout-area .exisitng-customer:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background: #e9212e;
    content: "";
}
.checkout-area .exisitng-customer h5{
    color: #27282c;
    font-size: 16px;
    font-weight: 500;
}
.checkout-area .exisitng-customer h5 a{
    color: #e9212e;
    font-weight: 600;
    display: inline-block;
    padding-left: 15px;
}

.checkout-area .coupon {
    position: relative;
    display: block;
    background: #f6f6f6;
    padding: 20px 28px 21px;
    margin-bottom: 53px;
    border-radius: 5px;
}
.checkout-area .coupon:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background: #e9212e;
    content: "";  
}
.checkout-area .coupon h5 {
    color: #27282c;
    font-size: 16px;
    font-weight: 500;
}
.checkout-area .coupon h5 a {
    color: #e9212e;
    font-weight: 600;
    display: inline-block;
    padding-left: 15px;  
}

.checkout-area .form .shop-page-title{
    padding-bottom: 20px;    
}
.checkout-area .form form .field-label {
    color: #27282c;
    font-size: 15px;
    font-weight: 400;
    margin: 0 0 2px;
    text-transform: capitalize;
}
.checkout-area .form form .field-input input[type="text"] {
    position: relative;
    display: block;   
    border: 1px solid #ededed;
    color: #848484;
    font-size: 15px;
    height: 48px;
    margin-bottom: 25px;
    padding: 0 15px;
    width: 100%;
    border-radius: 0px;
    transition: all 500ms ease;
}
.checkout-area .form form .field-input input[type="text"]:focus{
    border: 1px solid #e9212e;
}
.checkout-area .create-acc .checkbox {
    margin: 7px 0 0;
}
.checkout-area .create-acc .checkbox label {
    color: #27282c;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
}
.checkout-area .create-acc .checkbox input {
    position: relative;
    top: 1px;
}
.checkout-area .shipping-info input[type="checkbox"] {
    cursor: pointer;
    display: inline-block;
    margin: 0 0 0 20px;
    position: relative;
    top: 0px;
    vertical-align: middle;
}
.checkout-area .form form .field-input textarea {
    position: relative;
    display: block;
    border: 1px solid #ededed;
    color: #848484;
    font-size: 15px;
    height: 121px;
    margin-bottom: 28px;
    padding: 10px 15px;
    width: 100%;
    border-radius: 0px;
    transition: all 500ms ease;
}
.checkout-area .form form .field-input textarea:focus{
    border-color: #e9212e;
}


.checkout-area .bottom {
    position: relative;
    display: block;
    background: #fbfbfb;
    padding-top: 93px;
    padding-bottom: 110px;
    margin-top: 82px;
}
.checkout-area .table {
    overflow-x: auto;
    position: relative;
    width: 100%;
    margin-bottom: 0;
}
.checkout-area .table .shop-page-title{
    padding-bottom: 26px;
}
.checkout-area .table .cart-table {
    min-width: auto;
    width: 100%;
}
.checkout-area .table .cart-table .cart-header {
    position: relative;
    background: #f6f6f6;
    color: #27282c;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    width: 100%;
    font-family: 'Poppins', sans-serif;
}
.checkout-area .table .cart-table thead tr th {
    font-weight: 600;
    line-height: 24px;
    min-width: 110px;
    padding: 19px 30px 17px;
    border-top: none;
    border-bottom: none;
}
.checkout-area .table .cart-table thead tr th.product-column {
    padding-left: 30px;
    text-align: left;
}
.checkout-area .table .cart-table tbody tr {
    border-bottom: 1px solid #f6f6f6;
}
.checkout-area .table .cart-table tbody tr td {
    vertical-align: middle
}
.checkout-area .table .cart-table tbody tr td {
    min-width: 110px;
    padding: 30px 25px;
    border-top: none;
}

.checkout-area .table .cart-table tbody tr .product-column .column-box {
    min-height: 100px;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb {
    width: 80px;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb a {
    display: block;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb img {
    display: block;
    width: 100%;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb, 
.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title{
    display: table-cell;
    vertical-align: middle;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title{
    padding-left: 20px;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title h3 {
    color: #27282c;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
}

.checkout-area .table .cart-table tbody tr .qty {
    padding-right: 30px;
    width: 130px;
}
.checkout-area .table .cart-table tbody tr .qty .input-group.bootstrap-touchspin {
    float: left;
    width: 46px;
}
.checkout-area .table .cart-table tbody tr .qty .form-control {
    display: block;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #f6f6f6;
    border-right: none;
    border-radius: 0 !important;
    box-shadow: none;
    color: #222222;
    font-size: 18px;
    font-weight: 500;
    height: 50px;
    padding: 6px 0;
    text-align: center;
    font-family: 'Poppins', sans-serif;
}

.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical > .btn {
    position: relative;
    display: block;
    float: none;
    margin-left: 0px;
    width: 100%;
    background: #ffffff;
    border: 1px solid #f6f6f6;
    color: #848484;
    padding: 12px 11px;
    cursor: pointer;
}
.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    border-radius: 0
}
.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    border-radius: 0;
    margin-top: -2px;
}
.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-up:before {
    content: "\f0d8";
    font-family: FontAwesome;
    color: #848484;
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 1px 5px 5px;
}
.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-down:before {
    content: "\f0d7";
    font-family: FontAwesome;
    color: #848484;
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 2px 5px 8px;
}
.checkout-area .table .cart-table tbody tr td.price {
    color: #e9212e;
    font-size: 15px;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
}


.cart-total{
    position: relative;
    display: block;
}
.cart-total .shop-page-title{
    padding-bottom: 26px;
}
.cart-total-table {
    border: 1px solid #ededed
}
.cart-total-table li {
    border-bottom: 1px solid #ededed
}
.cart-total-table li:last-child {
    border-bottom: none
}
.cart-total-table li span.col.col-title {
    position: relative;
    display: block;
    float: left;
    border-right: 1px solid #ededed;
    color: #27282c;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    padding: 10px 18px;
    width: 50%;
    font-family: 'Poppins', sans-serif;
}
.cart-total-table li span.col {
    position: relative;
    display: block;
    float: left;
    color: #828282;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    padding: 10px 18px;
    width: 50%;
    font-family: 'Rubik', sans-serif;
}

.cart-total .payment-options {
    position: relative;
    display: block;
    overflow: hidden;
    background: #ffffff;
    margin-top: 30px;
    border: 1px solid #ededed;
    padding: 33px 30px 40px;
}
.cart-total .payment-options .option-block {
    margin-bottom: 14px
}
.cart-total .payment-options .option-block .checkbox {
    margin: 0 0 5px;
}
.cart-total .payment-options .option-block .checkbox label {
    display: block;
    font-weight: 500;
    min-height: 20px;
    padding-left: 0px;
    margin: 0;
}
.cart-total .payment-options .option-block .checkbox label input {
    position: relative;
    top: 1px;
}
.cart-total .payment-options .option-block .checkbox label span {
    color: #27282c;
    font-size: 16px;
    font-weight: 600;
    padding-left: 10px;
    font-family: 'Poppins', sans-serif;
}
.cart-total .payment-options .option-block .checkbox label span b {
    color: #27282c;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    padding-left: 25px;
    text-decoration: underline;
    font-family: 'Rubik', sans-serif;
}
.cart-total .payment-options .option-block .text{
    padding-left: 30px;
}
.cart-total .payment-options .option-block .text p {
    margin: 0;
    line-height: 28px;
}
.placeorder-button button {
    line-height: 50px;
    padding: 0 50px;
    margin-top: 17px;
}
.placeorder-button button:hover{}



/*** 
=============================================
    Login Register Area style
=============================================
***/
.login-register-area {
    position: relative;
    display: block;
    /* padding-top: 103px; */
    /* padding-bottom: 102px; */
    direction: rtl;
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 320px;
    min-height: 400px;
    /* overflow: hidden; */
    /* top: 50%; */
    /* left: 50%; */
    transform: translate(0%, 25%);
}
.login-register-area .form .shop-page-title{
    /* padding-bottom: 26px; */
    text-align: center;
}
.login-register-area .form form {
    width: 100%;
}
.login-register-area .form .input-field {
    position: relative;
}
.login-register-area .form .input-field input[type="text"] {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    border: 1px solid #ededed;
    color: #444343;
    font-size: 15px;
    /* margin-bottom: 30px; */
    padding-left: 15px;
    padding-right: 55px;
    transition: all 700ms ease 0s;
    background: #F9F9F9 0% 0% no-repeat padding-box;
    border-right: 2px solid gray;
}

.login-register-area .form .input-field input[type="number"] {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    border: 1px solid #ededed;
    color: #444343;
    font-size: 15px;
    /*margin-bottom: 30px;*/
    padding-left: 15px;
    padding-right: 55px;
    transition: all 700ms ease 0s;
    background: #F9F9F9 0% 0% no-repeat padding-box;
	 border-right: 2px solid gray;
}

.login-register-area .form .input-field input[type="email"] {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    border: 1px solid #ededed;
    color: #444343;
    font-size: 15px;
    /*margin-bottom: 30px;*/
    padding-left: 15px;
    padding-right: 55px;
    transition: all 700ms ease 0s;
    background: #F9F9F9 0% 0% no-repeat padding-box;
	 border-right: 2px solid gray;
}
.login-register-area .form .input-field input[type="password"] {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    border: 1px solid #ededed;
    color: #444343;
    font-size: 15px;
   /* margin-bottom: 30px;*/
    padding-left: 15px;
    padding-right: 55px;
    transition: all 700ms ease 0s;
    background: #F9F9F9 0% 0% no-repeat padding-box;
    border-right: 2px solid gray;
}
.login-register-area .form .input-field .icon-holder {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 50px;
    height: 50px;
    /* background: black; */
    line-height: 50px;
    text-align: center;
    /* border-right: 2px solid #555653; */
    border-left: 1px solid #ededed;
}
.login-register-area .form .input-field .icon-holder i {
    color: #787777;
    font-size: 16px;
    font-weight: 400;
}
.login-register-area .form button {
    line-height: 44px;
    /* padding: 0 56px; */
    /* margin-bottom: 20px; */
    /* margin-top: 20px; */
}
.login-register-area .form button:hover{ 
 
}

.login-register-area .form .remember-text {
    margin-top: 19px;
}
.login-register-area .form .remember-text .checkbox label {
    color: #27282c;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    cursor: pointer;
}
.login-register-area .form .remember-text .checkbox input {
    position: relative;
    top: 1px;
}
.login-register-area .form .remember-text .checkbox span {
    color: #27282c;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}


.login-register-area .form .social-icon {
    position: relative;
    float: right;
    margin-right: -8px;
    margin-top: 10px;
}
.login-register-area .form .social-icon .login-with {
    position: absolute;
    left: -100px;
    top: 8px;
    margin: 0;
}
.login-register-area .form .social-icon li {
    display: inline-block;
    margin: 0 8px;
}
.login-register-area .form .social-icon li a i {
    background: #47588f none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 100;
    height: 40px;
    line-height: 24px;
    padding: 8px 0;
    text-align: center;
    transition: all 700ms ease 0s;
    width: 40px;
}
.login-register-area .form .social-icon li a i.twitter {
    background: #33ccfe none repeat scroll 0 0;
}
.login-register-area .form .social-icon li a i.gplus {
    background: #dd4b39 none repeat scroll 0 0;
}


.login-register-area .form .right {
    display: block;
    overflow: hidden;
    margin-left: -60px;
}
.login-register-area .form .right h6 {
    float: left;
    color: #828282;
    font-size: 14px;
    font-weight: 400;
    margin-top: 18px;
}
 
.login-register-area .form .social-icon li a:hover i{
    background: #18387b;   
}
.login-register-area .form .social-icon li a:hover i.twitter{
    background: #12addf;    
}
.login-register-area .form .social-icon li a:hover i.gplus{
    background: #c62d1a;
}



/*** 
=============================================
    Breadcrumb Area Contact Page style
=============================================
***/
.breadcrumb-area.contact-page .inner-content-box .title-s2 {
    padding: 113px 0 220px;
}



/*** 
=============================================
    Contact address Area style
=============================================
***/
.contact-address-area{
    position: relative;
    display: block;
    background: #f6f6f6;
    padding-bottom: 102px;
    z-index: 100;
}
.single-contact-address-box{
    position: relative;
    display: block;
    background: #ffffff;
    text-align: center;
    padding: 40px 30px 32px;
    -webkit-box-shadow: 0px 4px 6px 2px #ededed; 
    box-shadow: 0px 4px 6px 2px #ededed;
    margin-top: -115px;
    margin-bottom: 30px;
    transition: all 900ms ease 600ms;
}
.single-contact-address-box:hover{
    -webkit-box-shadow: 0px 5px 12px 2px #ededed; 
    box-shadow: 0px 5px 12px 2px #ededed;
}

.single-contact-address-box span:before{
    color: #b3b3b3;
    font-size: 50px;
    line-height: 50px;
    transition: all 500ms ease;
}
.single-contact-address-box:hover span:before{
    color: #e9212e;
}
.single-contact-address-box h3{
    color: #27282c;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    margin: 20px 0 12px;
}
.single-contact-address-box p{
    margin: 0;
}
.contact-address-area .bottom-text {
    position: relative;
    display: block;
    padding-top: 24px;
}
.contact-address-area .bottom-text p{
    margin: 0;
}
.contact-address-area .bottom-text p a{
    color: #e9212e;    
}



/*** 
=============================================
    Contact Info Area style
=============================================
***/
.contact-info-area {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 110px 0 110px;
}
.contact-form {
    position: relative;
    display: block;
    z-index: 3;
}
.contact-form .inner-box{
    position: relative;
    display: block;
    background: #ffffff;
    border: 1px solid #ededed;
    padding: 49px; 
}
.contact-form form{
    position: relative;
    display: block;
}
.contact-form form .input-box{
    position: relative;
    display: block;
}
.contact-form form .input-box .icon {
    position: absolute;
    top: 19px;
    left: 20px;
}
.contact-form form .input-box .icon i{
    color: #b6b6b6;
    font-size: 16px;
}
.contact-form form .input-box .icon.envelop {
    position: absolute;
    top: 16px;
    left: 20px;
}

.contact-form form input[type="text"],
.contact-form form input[type="email"],
.contact-form form textarea{
    position: relative;
    display: block;   
    background: #ffffff;
    border: 1px solid #ededed;
    width: 100%;
    height: 60px;
    font-size: 15px;
    padding-left: 50px;
    padding-right: 20px;
    border-radius: 0px;
    margin-bottom: 30px;
    transition: all 500ms ease;
}
.contact-form form textarea {
    height: 110px;
    padding-left: 50px;
    padding-right: 20px;
    padding-top: 14px;
    padding-bottom: 15px;
}
.contact-form form input[type="text"]:focus{
    border-color: #1d1d1d; 
    color: #222222;
}
.contact-form form input[type="email"]:focus{
    border-color: #1d1d1d;
    color: #222222;
}
.contact-form form textarea:focus{
    border-color: #1d1d1d;
    color: #222222;
}
.contact-form form input[type="text"]::-webkit-input-placeholder {
    color: #444343;
}
.contact-form form input[type="text"]:-moz-placeholder {
    color: #444343;
}
.contact-form form input[type="text"]::-moz-placeholder {
    color: #444343;
}
.contact-form form input[type="text"]:-ms-input-placeholder {
    color: #444343;
}
.contact-form form input[type="email"]::-webkit-input-placeholder {
    color: #444343;
}
.contact-form form input[type="email"]:-moz-placeholder {
    color: #444343;
}
.contact-form form input[type="email"]::-moz-placeholder {
    color: #444343;
}
.contact-form form input[type="email"]:-ms-input-placeholder {
    color: #444343;
}
.contact-form form button {
    position: relative;
    display: block;
    width: 100%;
}
.contact-form-image-box {
    position: absolute;
    top: -110px;
    right: -350px;
    z-index: 1;
}
.contact-form-image-box img{
    max-width: none;
    float: left;
}



/*** 
=============================================
    Job Career Brochures Area style
=============================================
***/
.job-career-brochures-area{
    position: relative;
    display: block;
}
.job-career-brochures-area .container-fluid{
    padding: 0;
}
.job-career-brochures-area .row{
    margin: 0;
}
.job-career-brochures-area .row [class*=col-] {
    padding-left: 0;
    padding-right: 0;
}
.job-career-brochures-box{
    position: relative;
    display: block;
}
.job-career-brochures-box .img-holder{
    position: relative;
    display: block;
    overflow: hidden;
}
.job-career-brochures-box .img-holder img{
    width: 100%;
}

.job-career-brochures-box .overlay-content{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.job-career-brochures-box .overlay-content .innner{
    display: table;
    width: 100%;
    height: 100%;
}
.job-career-brochures-box .overlay-content .innner .box{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.job-career-brochures-box .overlay-content .innner .box h1{
    color: #ffffff;
    font-size: 36px;
    line-height: 44px;
    font-weight: 700;
    margin: 0 0 14px;
}
.job-career-brochures-box .overlay-content .innner .box p{
    color: #ffffff;
    margin: 0 0 42px;
}
.job-career-brochures-box .overlay-content .innner .box a{
    color: #27282c;
    padding: 0 50px 0;
    background: #ffffff;
}
.job-career-brochures-box .overlay-content .innner .box a:hover{
    color: #ffffff;
    background: #f13729;
}



/*** 
=============================================
    Coming Soon Content Area style
=============================================
***/
.coming-soon-content-area {
    position: relative;
    display: block;
    background-attachment: fixed;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    padding: 110px 0 420px;
    z-index: 1;
}
.coming-soon-content{
    position: relative;
    display: block;
}
.coming-soon-content .logo-box{
    position: relative;
    display: block;
    padding-bottom: 50px;    
}
.coming-soon-content .logo-box a{
    display: inline-block;
}
.coming-soon-content .title{
    color: #ffffff;
    font-size: 60px;
    line-height: 70px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
}



/*** 
=============================================
    Timer Area style
=============================================
***/
.timer-area{
    position: relative;
    display: block;
    z-index: 1;
}
.timer-area:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/pattern/timer-area-bg.jpg);
    background-repeat: repeat;
    background-size: auto;
    background-position: left;
    content: "";
    z-index: -1;
}
.timer-box {
    position: relative;
    display: block;
    overflow: hidden;
    background: #e9212e;
    max-width: 770px;
    width: 100%;
    margin: 0 auto;
    padding: 74px 110px 72px;
    margin-top: -320px;
    z-index: 3;
}
.timer-box h1{
    color: #ffffff;
    font-size: 48px;
    line-height: 58px;
    font-weight: 700;
    text-transform: capitalize;
    margin: 0 0 47px;
}
.countdown-timer {}
.countdown-timer .default-coundown {}
.countdown-timer .default-coundown .box {
    overflow: hidden;
}
.countdown-timer li {
    position: relative;
    display: inline-block;
    float: none;
    padding: 0;
    text-align: center;
    margin: 0 23px;
}
.countdown-timer li:first-child{
    margin-left: 0;
}
.countdown-timer li:last-child{
    margin-right: 0;
}

.countdown-timer li span.days,
.countdown-timer li span.hours,
.countdown-timer li span.minutes,
.countdown-timer li span.seconds {
    position: relative;
    display: block;
    background: #ffffff;
    width: 100px;
    height: 100px;
    color: #27282c;
    font-size: 48px;
    line-height: 100px;
    font-weight: 500;
    text-align: center;
    border-radius: 0px;
    font-family: 'Rubik', sans-serif;
}
.countdown-timer li span.hours{}
.countdown-timer li span.minutes{}
.countdown-timer li span.seconds{}

.countdown-timer li span.timeRef {
    color: #ffffff;
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    text-transform: capitalize;
    margin-top: 17px;
    display: block;
    font-family: 'Poppins', sans-serif;
}
.countdown-timer li span.timeRef.clr-1{}
.countdown-timer li span.timeRef.clr-2{}
.countdown-timer li span.timeRef.clr-3{}

.timer-box .subscribe-box{
    position: relative;
    display: block;
    margin-top: 39px;
}
.timer-box .subscribe-box .subscribe-form {
    position: relative;
    display: block;
    width: 100%;
}
.timer-box .subscribe-box .subscribe-form input[type="email"]{
    position: relative;
    display: block;
    background: #ffffff;
    border: 1px solid #ffffff;
    color: #828282;
    font-size: 15px;
    font-weight: 400;
    width: 100%;
    height: 60px;
    margin-bottom: 0px;
    padding: 0 30px;
    padding-right: 185px;
    transition: all 500ms ease;
}
.timer-box .subscribe-box .subscribe-form input::-webkit-input-placeholder {
    color: #e9212e;
}
.timer-box .subscribe-box .subscribe-form input:-moz-placeholder {
    color: #e9212e;
}
.timer-box .subscribe-box .subscribe-form input::-moz-placeholder {
    color: #e9212e;
}
.timer-box .subscribe-box .subscribe-form input:-ms-input-placeholder {
    color: #e9212e;
}
.timer-box .subscribe-box .subscribe-form button {
    position: absolute;
    top: 0;
    right: 0;
    color: #27282c;
    background: #ffffff;
    border-left: 1px solid #ededed;
    padding: 0;
    width: 170px;
}
.timer-box .subscribe-box .subscribe-form input[type="email"]:focus {
    color: #222222;
    border: 1px solid #191a1c;
    background: #ffffff;
}
.timer-box .subscribe-box .subscribe-form input[type="email"]:focus + button, 
.timer-box .subscribe-box .subscribe-form button:hover {
    background: #191a1c;
    color: #fff;
}

.timer-box .subscribe-box .text{
    position: relative;
    display: block;
    padding-top: 14px;
}
.timer-box .subscribe-box .text p{
    color: #ffffff;
    font-size: 15px;
    margin: 0;
}
.timer-box .subscribe-box .text p span{
    font-weight: 600;
}

	
		.hero-area {
   
	position: relative;
     background-repeat: no-repeat;
    background-position: center;
	background-attachment: fixed;
    background-size: cover;
	overflow: hidden;
}
.hero-area::before {
	content: "";
	top: 0;
	left: 0;
	opacity: 0.85;
	right: 0;
	bottom: 0;
	z-index: 99;
	position: absolute;
	background: #000529; /* Old browsers */
	background: -moz-linear-gradient(left, #000529 1%, #002055 24%, #005db5 67%, #0074d9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #000529 1%,#002055 24%,#005db5 67%,#0074d9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #000529 1%,#002055 24%,#104980 67%,#0074d9 100%);
}
		


 .bordder {
    border-right: 2px solid #96C73D;
}

.btn-baner {
    position: relative;
    display: inline-block;
    background: #e9212e;
    color: #ffffff;
    font-size: 16px;
    line-height: 42px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: "Almarai", Roboto, sans-serif;
    padding: 0 40px 0;
    transition: all 500ms ease;
    background: transparent linear-gradient(90deg, #96C73D 0%, #73942F 100%) 0% 0% no-repeat padding-box;
    border-radius: 9px;
}

 .datte {
    color: #fff;
    font-size: 13px;
	 font-family: "Almarai", Roboto, sans-serif;
	 
}
.clockk {
    color: #fff;
    font-size: 13px;
	 font-family: "Almarai", Roboto, sans-serif;
	 letter-spacing: 2px;
}
 .loggin {
    color: #fff;
    font-family: "Almarai", Roboto, sans-serif;
    font-size: 13px;
}
.loggin:hover {
    color: #eab61e !important;
  
}

 .serch {
    color: #fff;
}

 .serch:hover {
    color: #eab61e;
}

 .clo_pos {
    text-align: center;
    margin: 3px 0 0 0;
}

 .btn-baner:hover {
    background: #eab61e;
	 color: #000
}

 .ulcont {
    text-align: right;
    line-height: 32px;
    color: #4a4949;
}

 .sociall {
    height: 36px;
    width: 36px;
    background: #5b636a;
    text-align: center;
    border-radius: 50%;
    line-height: 36px;
    font-size: 21px;
    color: #fff;margin-right: 10px;
}

 .sociall:hover {
     background: #96C73D;
     color: #000;
}

 .ulsocail {
    display: flex;
}

 .iconn {
    width: 25px;
}

 .positionsocial {
    position: absolute;
    bottom: 8px;
    right: 25px;
}  

 .mb-4 {
 
margin-bottom: 25px !important;
}

.imgclient:hover{transform: scale(1.2);}

 .imgstatics {
    border: 2px solid #fff;
    border-radius: 50%;
    height: 130px;
    width: 130px;
    padding: 20px;
    box-shadow: 0px 3px 4px #0000004F;
}

 .nostatics {
    text-align: center;
    margin: 10px 0 6px 0;
    color: #fff !important;
    font-weight: 500;
    font-size: 23px;
}

 .titlestatics {
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    text-align: center;
    margin-top: 10px;
}

.ourstatics {
    position: relative;
    display: block;
    /* background: #f6f6f6; */
    padding: 50px 0 60px;
    z-index: 2;
    direction: rtl;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

 .spantitle {
    color: #fff;
    font-size: 15px;
}
.spantitle1 {
    color: #707070;
    font-size: 15px;
}
.colr{color:#fff!important;font-weight: 500 !important;margin: 0px 0 6px 0;}
.colr1{color:#96C73D!important;font-weight: 500 !important;margin: 0px 0 6px 0;}
 .project-area {
    position: relative;
    display: block;
    /* background-attachment: fixed; */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 40px 0 40px;
    z-index: 1;
}

.single-working-box .text-holder1 {
    position: relative;
    display: block;
    /* background: #ffffff; */
    /* margin: 0 20px; */
    /* margin-top: -40px; */
    z-index: 5;
}
.single-working-box .text-holder1 .outer-box1 {
    position: relative;
    display: block;
    /* padding-left: 70px; */
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}
.single-working-box .text-holder1 .outer-box1 .text1 {
    position: relative;
    display: block;
    /* padding-left: 30px; */
}

.titproject {
    color: #000!important;
    font-size: 18px!important;
 
}

.titproject:hover {
    color: #96C73D!important;
    font-size: 18px!important;
 
}

.order {
     background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 40px #7d7d7d4a;
    border-radius: 15px;
    padding: 10px;
}

.imgorder {
    width: 125px;
}
.imgorder:hover {
    transform: scale(1.1)
}
.titleorder {
    color: #000;
    font-size: 15px;
    line-height: 28px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 10px;
}

.titleorder:hover {
    color: #96C73D;
 
}

.tittle{color: #96C73D!important;text-align: right;}
 .par {
    text-align: justify;
    color: #707070;
}
 .ffont {
    font-size: 15px!important;
    text-align: right;
}

 .imgclr {
    background: #96C73D;
    border-radius: 50%;
    width: 45px;
    padding: 15px 0px 5px 0;
    margin-left: 10px;
}.imgclr1 {
    background: #E9B51C;
    border-radius: 50%;
    width: 45px;
    padding: 15px 0px 5px 0;
    margin-left: 10px;
}
 .imgsize {
    width: 37px;
}
.mbb-4 {
    margin-bottom: 40px !important;
}

.slidesecond {
    position: relative;
    display: block;
    padding-top: 40px;
    padding-bottom: 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 100px 0 100px 0;
}

 .direction {
    direction: rtl;
}

.socciall {
    /* background: #FFFFFF 0% 0% no-repeat padding-box; */
    box-shadow: 0px 3px 40px #7d7d7d4a;
    border-radius: 15px;
    padding: 10px;
    background-size: cover;
    height: 213px;
    background-position: center;
    background-repeat: no-repeat;
}

 	
/* testimonial-carousel-two */
 
.testimonial-two .tst2-thumb img {
    width: 100px;
    height: 100px;
    /* border: 2px solid #f18d1e; */
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 10px;
    box-shadow: 0px 3px 6px #00000029;
    text-align: center;
    margin: 0 auto;
}

.testimonial-two blockquote  {
    font-size: 16px;
    letter-spacing: 0;
    color: #fff;
    font-weight: 500;
    text-align: center;
    padding: 32px 20px 13px 20px;
}
.testimonial-two .tst2-content h4 {
    font-size: 20px;
    letter-spacing: 0;
    color: #fff;
    margin-bottom: 5px;
    font-weight: 500;
    text-align: center;
    margin-top: 10px;
}

.testimonial-two .tst2-content span {
    display: block;
    letter-spacing: 0;
    font-size: 17px;
    color: #ffffff;
    text-align: center;
}

  
.testimonial-two .tst-two-carousel .swiper-pagination .swiper-pagination-bullet-active {
  background: #f18d1e !important;
}
blockquote{
  color: #555555;
  padding: 34px 16px;
  border-right: 2px solid #ffffff;
  line-height:1.6;
  position: relative;
  font-size: 14px;
}

@media (max-width: 992px)  {
    blockquote{
  padding:20px 10px ;
         line-height:1.4;

}
}

blockquote::before{
  font-family:Arial;
  content: "\201C";
  color: #E9B51C;
  font-size:4em;
  position: absolute;
  right: 15px;
  top:-10px;
}

blockquote::after{
  font-family: Arial;
  content: "\201C";
  color: #E9B51C;
  font-size: 4em;
  position: absolute;
  left: 10px;
  bottom: -40px;
}
			blockquote {
    padding: 10px 20px;
    /* margin: 0 0 5px; */
    font-size: 17.5px;
    border-left: 2px solid #ffffff;
}
 
		
		 .marpar {
    margin-top: 1em;
    text-align: justify;
}

.no-padding{padding-left: 0px!important;padding-right: 0px!important;}
.newspar{font-size: 12px;color: #707070;line-height: 22px;}
.sec-titlenews {
    position: relative;
    display: block;
    margin-top: -5px;
    padding-bottom: 17px;
    text-align: right;
    font-size: 20px;
    padding-right: 15px;
}
.sec-titlefaliat {
    position: relative;
    display: block;
    margin-top: -5px;
    padding-bottom: 28px;
    text-align: right;
    font-size: 20px;
    padding-right: 15px;
}
.more {
     margin-top: 10px!important;
}

 .paddrow {
    padding-right: 20px!important;
    padding-left: 20px!important;
}

 .col5 {
    padding-left: 25px!important;
    padding-right: 0px!important;
}

 .col7 {
    padding-right: 11px!important;
    padding-left: 9px!important;
}
  
.lastt {
    padding-right: 21px !important;
    padding-left: 0px !important;
   /* padding-left: 0px !important;*/
}
.spantitle2 {
    color: #707070;
    font-size: 14px;
}.spantitle3 {
    color: #707070;
    font-size: 14px;
}

/* Top right text */
.top-right {
  position: absolute;
  top: -22px;
  right: 0px;
  width: 41px;
}

 .marfoot {
    margin-bottom: 20px;
}
.textsocial{text-align: justify;}
.hello{font-size: 21px;color: #96C73D;text-align: right;margin: 37px 20px 37px 0;}
.btn-onelogin {
    position: relative;
    display: inline-block;
    background: #e9212e;
    color: #ffffff;
    font-size: 15px;
    line-height: 60px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 0 30px 0;
    transition: all 500ms ease;
    background: transparent linear-gradient(
90deg, #96C73D 0%, #73942F 100%) 0% 0% no-repeat padding-box;
    border-radius: 9px;
    font-family: "Almarai", Roboto, sans-serif;
}
 .forget {
    color: #707070;
    text-decoration: underline;
}
 .forget:hover {
    color: #96C73D;
    text-decoration: underline;
}
 .creataccount {
    color: #E9B51C;
    text-decoration: underline;
}
 .creataccount:hover {
    color: #96C73D;
    text-decoration: underline;
}

.login-register-area .form .input-field .holder {
    
/* border-right: 2px solid gray!important; */
 }i.iconSet {
    position: absolute;
    left: 10px;
    top: 20px;
    color: #7e7373;
    width: 40px;
    text-align: center;
}
	.centeredlogin {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);width: 205px;
}	
		
	 .logginpage {
     background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}	
	 .datalogin {
    border: 1px solid #ededed;
    padding: 30px;
    background: #fff;
}	

 .imggside {
    float: right;
    background: #e9e9e9;
    height: 47px;
    width: 45px;
    padding: 9px;
}

.imggsideactive {
    /* float: right; */
    background: #71952f;
    height: 47px;
    width: 45px;
    padding: 9px;
    color: #fff;
    /* border-right: 1px solid #fff; */
    /* border-bottom: 1px solid #fff; */
}

 
  
	 
	  .rowaboutt {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #96C73D;
    border-radius: 23px;
    padding: 20px 20px 20px 20px;
    margin-bottom: 40px;
    text-align: center;
}
 .imgabout {
    width: 83px;
}
.heddabout {
    font-size: 32px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    font-weight: 500;
    font-family: "Almarai", Roboto, normal;
    color: #000;
}
.parabou {
    text-align: justify;
    color: #707070;
    font-size: 17px;
    line-height: 29px;
}.tittleabou {
    color: #000000!important;
    text-align: right;
    font-size: 20px !important;
    margin-bottom: 20px !important;
}

.backkinabout{background-position: center;
background-repeat: no-repeat;
	background-size: cover
}

 .linkk {
    font-size: 16px;
    font-weight: 600;
    color: #000;
}


.imgSetactive {
    position: absolute;
    right: 0px;
    top: 0px;
    color: #7e7373;
    width: 45px;
    text-align: center;
    z-index: -1;
    height: 47px;
    background: #789a31;
    padding: 9px;
}

.imgusual {
    position: absolute;
    right: 0px;
    top: 0px;
    color: #7e7373;
    width: 45px;
    text-align: center;
    z-index: -1;
    height: 49px;
    background: #e9e9e9;
    padding: 9px;
}


 
.single-service-sidebar .service-pages li:before {
    opacity: 1;
    transform: translateX(0%) translateY(0%) scaleY(1.0);
    transition: all 700ms ease 100ms;
}

 

.single-service-sidebar .service-pages li.active:before {
    position: absolute;
    top: 4px;
    right: 4px;
    bottom: 20px;
    width: 96%;
    /* background: #e9212e; */
    content: "";
    /* z-index: 3; */
    opacity: 0;
    transition: all 700ms ease 300ms;
    transform: translateX(0%) translateY(0%) scaleY(0.1);
    border: 1px solid #fff;
    height: 85%;
	 opacity: 1;
    transform: translateX(0%) translateY(0%) scaleY(1.0);
    transition: all 700ms ease 100ms;
}

.single-service-sidebar .service-pages li:hover:before {
    position: absolute;
    top: 4px;
    right: 2px;
    bottom: 20px;
    width: 98%;
    /* background: #e9212e; */
    content: "";
    /* z-index: 3; */
    opacity: 0;
    transition: all 700ms ease 300ms;
    transform: translateX(0%) translateY(0%) scaleY(0.1);
    border: 1px solid #c7c7c7;
    height: 85%;
    opacity: 1;
    transform: translateX(0%) translateY(0%) scaleY(1.0);
    transition: all 700ms ease 100ms;
}


.single-service-sidebar .service-pages li.active {
    -webkit-box-shadow: 0px 4px 7px 0px #ededed;
    box-shadow: 0px 4px 7px 0px #cbc8c8;
    /* border: 0.5px solid var(--unnamed-color-707070); */
    border: 0.5px solid #96C73D;
    background: #96c73d;
    color: #fff;
    transform: scale(1.1);
}

.diret{direction: rtl}
.proaboutt {
     border: 1px solid #96C73D;
     border-radius: 23px;
     padding: 20px 20px 20px 20px;
     margin-bottom: 40px;
     text-align: center;
     background-position: top;
     background-repeat: no-repeat;
     background-size: cover;
} .borderimg {
    border-radius: 20px;
}

.hedpro {
    text-align: right;
    margin-bottom: 20px;
}

 .proh2 {
    font-size: 17px;
    color: #000;
    margin-bottom: 7px;
}
.prospan {
    font-size: 14px;
    color: #707070;
}

 
 

/* Style the tab */
.tab {
  overflow: hidden;
  /* background-color: #f1f1f1; */
  margin-top: 20px;
  margin-bottom: 20px;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: right;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 3px 25px;
  transition: 0.3s;
  font-size: 17px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #96C73D;
  border-radius: 5px;
  margin-left: 16px;
  margin-bottom: 10px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
  transform: scale(.9);
}

/* Create an active/current tablink class */
.tab button.active {
  background: #96C73D 0% 0% no-repeat padding-box !important;
  border-radius: 5px;
  color: #fff !important;
}
 .inbtn {
    /* border: 1px solid #8b8984!important; */
    /* color: green!important; */
    background: #ededed!important;
    padding: 6px 29px !important;
}
/* Style the tab content */
.tabcontent {
  display: none;
  border-top: none;
  margin: 24px 0 24px 0;
}
/* Style the tab content */
.tabcontentin {
  display: none;
  border-top: none;
  margin: 24px 0 24px 0;
}
.rowproject {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

 .imgwhite {
    width: 33px;
    transform: translate(50%, 0%);
}
 
.leftejtmaa {
    position: absolute;
    left: 35%;bottom: auto;
}


/* Style the tab */
.dukhul {
  overflow: hidden;
  margin-bottom: 10px;
}

/* Style the buttons inside the tab */
.dukhul button {
  background-color: inherit;
  float: right;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 16px;
  color: #484646;
  margin-bottom: 10px;
}

/* Change background color of buttons on hover */
.dukhul button:hover {
  color: #96c73d;
}

/* Create an active/current tablink class */
.dukhul button.active {
  /* background-color: #ccc; */
  color: #000000;
  font-size: 17px;
  font-weight: 600;
}

/* Style the tab content */
.dukhulcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
}

 
.dukhullogin  {
     margin: inherit !important;
     transform: translate(0%, 0%)!important;
}

.enttry  .login {
    line-height: 44px;
    padding: 0 56px;
    margin-bottom: 20px;
    margin-top: 20px;
}

 .card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  border-radius: 16px 16px 0px 0px;
  border-radius: 16px;
  }


 .cardtitle {
    color: #96C73D !important;
    font-size: 13px;
    text-align: right;
}

 .cardpargraph {
    color: #707070;
    font-size: 13px;
    text-align: justify;
    margin-top: 8px;
}

.cardtitle1 {
    color: #96C73D !important;
    font-size: 12px;
    text-align: right;
    margin-bottom: 3px;
    margin-top: 10px;
}

.cardspan {
    color: #707070;
    font-size: 12px;
    text-align: right;
 }
.cardspanlast {
    color: #707070;
    font-size: 12px;
    text-align: right;
 }

 .cardimg {
    background: #ebeaea;
    padding: 13px 10px 13px 10px;
    border-radius: 16px 16px 0px 0px;
}

.bodycard{padding: 12px;text-align: right;}

.margincard {
    margin-bottom: 20px !important;
}


.btn-onelogin:hover {
    background: #eab61e !important;
	color: #fff !important;
}

.login-register-area .form .btn1 {
     padding: 0 90px !important;
  }

		  .lablname {
    margin-right: 2em;margin-left: 5px;
}
 
	.labelradio {
    position: absolute;
    right: 18px;
    top: 0px;
    color: #3a3939;
    font-size: 15px;
    font-weight: 500;
    font-family: "Almarai", Roboto, sans-serif;
}		
		 .radio_option {
    direction: ltr;
    position: relative;
    display: block;
    padding: 0 20px;
    border: 1px solid #e0e0e0;
    background: #f6f6f6;
    color: #080808;
    font-size: 15px;
    font-weight: 400;
    width: 100%;
    height: 55px;
    /* margin-bottom: 30px; */
    border-radius: 0px;
    transition: all 500ms ease;
    border-right: 2px solid #7c7e84;
    line-height: 53px;
    padding: 0px 0px 0 11px;
}								
										
 

 input[type="radio"]:checked {
    background-color: #96C73D;
}

input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    width: 25px;
    height: 25px;
    padding: 3px;
    background-clip: content-box;
    border: 1px solid #bbbbbb;
    border-radius: 50%;
}
 
input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    width: 25px;
    height: 25px;
    padding: 3px;
    background-clip: content-box;
    border: 1px solid #bbbbbb;
    border-radius: 50%;
}
  .mainradio {
    direction: ltr;
    display: flex;
    align-items: center;
}

.labelradioleft {
    position: absolute;
    right: 7px;
    top: 0px;
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    font-family: "Almarai", Roboto, sans-serif;
}
.lablnameleft {
    margin-right: 1.2em;
    margin-left: 5px;
}

 .textright {
    text-align: right;
}
 .uploadimg {
    color: #707070;
    font-size: 15px;
    text-decoration: underline;
 }
 .uploadimg:hover {
    color: #96C73D;
  }
 .imgup {
    padding-left: 15px;
}
 .maruploa {
    margin-top: 2em;
}
  .iconleft {
    font-size: 9px;
    position: absolute;
    left: 20%;
    top: 20px;
}

.newaccount {
    color: #000000;
}
.newaccount:hover {
    color: #E9B51C;
}


.login-register-area .form .btnew {
      margin-bottom: 5px!important;
 }


 .hedabb {
    margin-bottom: 20px;
    color: #000000!important;
    font-size: 18px!important;
    text-align: right;
}

 .marimgabb {
    margin-top: 35px;
}

.centeredabb {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(50%, -50%);
    width: 329px;
}

.parabb {
    text-align: justify;
    color: #707070;
    font-size: 15px;
    line-height: 29px;
}

 .marimgabb {
    margin-bottom: 10px;
}

.about-vision {
    position: relative;
    display: block;
    padding-right: 0px;
    margin-top: 2%;
}

.visionabou {
    text-align: justify;
    color: #707070;
    font-size: 15px;
    line-height: 27px;
}

 .marvision {
     margin-bottom: 50px;
}

.sec-vision {
    position: relative;
    display: block;
    margin-top: -5px;
    padding-bottom: 0px;
}

.login-register-area .form .line {
     line-height: 50px!important;
}

 .copmlete {
    text-align: right;
    color: #96C73D;
    font-size: 14px;
    margin-bottom: 20px;
}
.copmletespan {
    text-align: right;
    color: #707070;
    font-size: 13px;
    margin-bottom: 20px;
}
.marmember{margin-bottom: 20px;}
 .parmember {
    font-size: 12px;
}

 .imageme {
    margin-bottom: 20px;
}

 .namemb {
    font-size: 16px;
    color: #000000;
}

.marmember1 {
    margin-bottom: 40px;
}

.uploadattach {
    position: relative;
    display: block;
    padding: 0px 20px;
    border: 2px dotted #e0e0e0;
    background: #f6f6f6;
    color: #858181;
    font-size: 15px;
    font-weight: 500;
    width: 100%;
    height: 70px;
    margin-bottom: 30px;
    border-radius: 0px;
    transition: all 500ms ease;
    text-align: right;
    line-height: 60px;
    border-radius: 10px;
}

.uploadattach:hover {
    color: #96C73D;
}

.attach {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 15px;
}

 .newsshow {
    background: transparent linear-gradient( 
90deg, #96C73D 0%, #73942F 100%) 0% 0% no-repeat padding-box;
    border-radius: 9px;
    padding: 11px 19px 11px 19px;
    color: #fff;
}

.newsshow:hover {
    background: #E9B51C;
    color: #fff;
}

  .tilenews {
    text-align: right;
    color: #000;
    margin-bottom: 25px;
    font-size: 20px;
}
 .boxnews {
   margin-top: 11px;
      padding-bottom: 17px;
    margin-bottom: 10px;
	 text-align: center;
}


 .titlegallery {
    font-size: 16px;
    color: #000;
    text-align: right;
    margin-top: 10px!important;
    margin-bottom: 10px!important;
    margin-right: 10px;
}
 
 .imggallery:hover {
    transform: scale(1.1);
}

.imggallery {
    border-radius: 11px;
    max-height: 200px;
    width: 100%;margin-bottom: 15px;
}
.img-bord {
    border: 1px solid #ededed;
    border-radius: 7px;
    padding: 8px;
}
.margingallery{margin-bottom: 25px}

.marginvideo{margin-bottom: 25px}

  .playvideo {
    height: 160px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
}

.ttm-play-btn {
    border-radius: 30px;
    color: #fff;
    font-size: 18px;
    display: block;
    padding: 10px 20px 10px 10px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 50%);
}

.ttm-play-btn img:hover {transform: scale(1.1);}

 .hedreports {
    font-size: 14px;
    color: #96C73D;
    margin-bottom: 10px;
}

 .parreports {
    text-align: justify;
    color: #000000;
    font-size: 14px;
    line-height: 21px;
}

 .btnreports {
    color: #707070;
    text-decoration: underline;font-size: 14px;
}

 .btnreports:hover {
    color: #96C73D;
 }

 .mainreports {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    border-radius: 10px;
    padding: 20px;
}
 .imgreports {
    width: 21px;
    padding-left: 5px;
}

 .leftreports {
    position: absolute;
    left: 12%;
}
.btndate {
    color: #707070;
     font-size: 14px;
	margin-left: 7%
   
}
.btndate:hover {
    color: #96C73D;
 }
.imgreports1 {
    width: 17px;
    padding-left: 5px;
}
.marginreports{margin-bottom: 25px}


#meeting {
   border-collapse: collapse;
  width: 100%;
}

#meeting td, #meeting th {
  border: 1px solid #96c73d;
  padding: 8px;
  text-align: center;
  color: #000;
}

 
 
#meeting th {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  background-color: #96C73D;
  color: white;
  font-weight: 500;
  font-size: 17px;
}
#education {
   border-collapse: collapse;
  width: 100%;
}

#education td, #education th {
  border: 1px solid #7c7e849e;
  padding: 5px;
  text-align: center;
  color: #000;
}

 
 
#education th {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  background-color: #96C73D;
  color: white;
  font-weight: 500;
  font-size: 14px;
}
#education tr:nth-child(even){background-color: #f2f2f2;}
 
.tableinput{
    height: 38px!important;
    padding:0px 4px 0 0!important;
    font-size: 13px!important;
}
.tableinputfile {
    height: 0px!important;
    padding: 0px 4px 0 0!important;
    font-size: 13px!important;
}
 .trashh {
    background: red;
    height: 25px;
    width: 25px;
    text-align: center;
    line-height: 25px;
    color: #fff;
    border-radius: 5px;
}
.trashh:hover{background: #96c73d;}
 .addplus {
    background: #28a745;
    height: 25px;
    width: 25px;
    text-align: center;
    line-height: 25px;
    color: #fff;
    border-radius: 5px;
}
.addplus:hover{background: #ffd658;}
.donload {
    color: #96C73D;
    text-decoration: underline;
    font-size: 14px;
    font-weight: 600;
}

.donload:hover {
    color: #ffd658;
 }
.showfile:hover {
    color: #ffd658;
 }

.showfile {
    color: #000;
    text-decoration: underline;
    font-size: 14px;
    font-weight: 600;
}

   .linecard {
    line-height: 50px!important;
}
  .btncard {
    padding: 0 90px !important;
}






















/* Style the tab */
.contact {
  overflow: hidden;
  /* margin-bottom: 10px; */
}
.contact {
    overflow: hidden;
    background-color: #96C73D;
    margin-top: 20px;
    padding: 17px 0px 17px 0;
}
/* Style the buttons inside the tab */
.contact button {
  background-color: inherit;
  /* float: right; */
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 16px;
  color: #484646;
  /* margin-bottom: 10px; */
  /* text-align: center; */
}

/* Change background color of buttons on hover */
.contact button:hover {
  color: #96c73d;
}

/* Create an active/current tablink class */
.contact button.active {
  /* background-color: #ccc; */
  color: #000000;
  font-size: 17px;
  font-weight: 600;
}

/* Style the tab content */
.contactcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
}

.imgcontact:hover{transform: scale(1.1)}


.login-register-area .form  .holder {
    /* border-right: 2px solid gray!important; */
}

.login-register-area .form  .icon-holder {
    position: absolute;
    top: 0px;
    right: 15px;
    width: 50px;
    height: 55px;
    /* background: black; */
    line-height: 55px;
    text-align: center;
    /* border-right: 2px solid #007bff; */
    border-left: 1px solid #ededed;
    z-index: 99;
}

 .contact-details-form .single-box1 .btn-light {
    padding-right: 27px!important;
}

 .conthhed {
    font-size: 15px;
    color: #000000;
    margin-bottom: 30px;
    text-align: center;
}

.connlogin {
    /* margin: inherit !important; */
    transform: translate(0%, 0%)!important;
}

 .nameconn {
    font-size: 14px;
    margin-top: 20px;
    color: #707070;
}.nameconn1 {
    font-size: 14px;
    margin-top: 20px;
    color: #707070;
}
.nameconn2 {
    font-size: 14px;
    margin-top: 5px;
    color: #707070;
}


 .marmaincon {
     margin-bottom: 75px;
    margin-top: 90px;
}
	 .imgincin {
    width: 40px;
}  
	

.marinconn{margin-bottom: 25px;}

.leftborder {
     border-left: 1px solid #96C73D;
}

 .servtime {
    font-size: 14px;
}

.questionaire {
    text-align: right;
    min-height: 105px;
    overflow-y: scroll;
}

 .labelquestionaire {
    width: 854px;
    line-height: 29px;
}
.parservicess {
    text-align: justify;
    color: #707070;
    font-size: 14px;
    line-height: 21px;
}
.hedservices {
    font-size: 14px;
    color: #000000;
    margin-bottom: 10px;
}
 .contactt .mapouter1{position:relative;text-align:right;height:600px!important;width:100%;}

.contactt .gmap_canvas1 {overflow:hidden;background:none!important;height:600px!important;width:100%;}

    .iconglobe {
    background: #96C73D;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 25px;
    border-radius: 50%;
	   box-shadow: 3px 0px 6px #00000029;
    color: #fff;
}
	   
    .iconmoney {
    background: #E9B51C;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 25px;
    border-radius: 50%;
	   box-shadow: 3px 0px 6px #00000029;
    color: #fff;
}
	   
	       .iconclock {
    background: #CFCFCF;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 25px;
    border-radius: 50%;
	   box-shadow: 3px 0px 6px #00000029;
    color: #fff;
}
.leftserv {
    position: absolute;
    left: 25px;
    text-align: center;
    line-height: 20px;
}

.btnrserv {
    color: #FFC107;
    font-size: 14px;
}

.btnrserv:hover {
    color: #96C73D;
 }
 .noserv {
    color: #707070;
}

 .imgborder {
    border-bottom-left-radius: 50%;
    border-top-right-radius: 50%;
    padding: 13px;
}


.imageexcutive {
    margin-bottom: 20px;
    border: 1px solid #fff;
}

 .backexcutive {
    /* background: #96C73D; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
 }

.backexcutive:hover {
     transform: scale(1.1);
}


 .iconpersson {
    border-radius: 50%;
    height: 25px;
    width: 25px;
    line-height: 25px;
    text-align: center;
    background: #fff;
    border: 0.5px solid #96C73D;
    color: #96C73D;
    margin-left: 2px;
    margin-right: 2px;
}

 .marpersson {
    margin-top: -12px;
}
.marpersson1 {
    margin-top: -9px;
    margin-bottom: 11px;
}

 .nameperrso {
    font-size: 13px;
   /* margin-bottom: 20px;*/
}
.namembpersson {
    font-size: 14px;
    color: #000000;
}
  .imglang {
    padding-right: 8px;
}


 .nameiconcontactt {
    color: #fff;
    margin-top: 5px;margin-bottom: 0;
}

 .justify-content {
    justify-content: center;
}

.margform{margin-bottom: 30px}


 .margdetailnews {
    margin-top: 30px;
}





    .btn-share, .btn-print {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        overflow: hidden;
        cursor: pointer;
        width: 130px;
        height: 40px;
        background-color: #EEEEED;
        border-radius: 10px;
        padding: 0;
        will-change: transform;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        float: right;
        margin-left: 12px;
    }

        .btn-share:hover, .btn-print:hover {
            /* transition-delay: .4s; */
            -webkit-transform: scale(1.1);
            transform: scale(1.1)
        }

        .btn-share span, .btn-print a {
            position: absolute;
            z-index: 99;
            width: 130px;
            height: 40px;
            border-radius: 10px;
            font-size: 15px;
            text-align: center;
            line-height: 40px;
            letter-spacing: 0px;
            color: #EEEEED;
            background-color: #81bc48;
            padding: 0 px;
            -webkit-transition: all 1.2s ease;
            transition: all 1.2s ease;
        }

            .btn-share span i, .btn-print a i {
                color: #ffffff;
                margin-left: 7px;
                font-size: 17px;
            }

        .btn-share .share {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: distribute;
            justify-content: space-around;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 240px;
            height: 64px;
            border-radius: 80px;
        }

            .btn-share .share a {
                opacity: 0;
                font-size: 16px;
                color: #fff;
                background: #555;
                border-radius: 50% 50% 0 50%;
                width: 28px;
                height: 28px;
                padding: 4px;
                text-align: center;
                will-change: transform;
                -webkit-transform: scale(.1);
                transform: scale(.1);
                -webkit-transition: all .3s ease;
                transition: all .3s ease;
            }

                .btn-share .share a:nth-of-type(1) {
                    -webkit-transition-delay: 1.1s;
                    transition-delay: 1.1s;
                    background: #3b5998;
                }

                .btn-share .share a:nth-of-type(2) {
                    -webkit-transition-delay: .9s;
                    transition-delay: .9s;
                    background: #00aced;
                }

                .btn-share .share a:nth-of-type(3) {
                    -webkit-transition-delay: .7s;
                    transition-delay: .7s;
                    background: #007bb6;
                }



        .btn-share:hover span {
            -webkit-transition-delay: .25s;
            transition-delay: .25s;
            -webkit-transform: translateX(-280px);
            transform: translateX(-280px)
        }

        .btn-share:hover a {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }

 .margincarsouel {
    margin-bottom: 10px;
}

.login-register-area .form .applay {
 
    margin-bottom: 0px!important;
    margin-top: 0px!important;
}


 .maindetailsmarg {
    margin-bottom: 25px;
}
 .heddjobdetails {
    text-align: right;
    font-size: 15px;
    color: #96c73d;
    margin-bottom: 8px;
}

 .uldetails {
    text-align: right;
    line-height: 28px;padding-right: 12px
}

 .uldetails li {
    list-style: decimal;
 }

 .jobname {
    font-size: 20px;
    text-align: right;
    color: #0a0a0a;
}
 	.btn-oneapplayjob {
    position: relative;
    display: inline-block;
    background: #e9212e;
    color: #ffffff;
    font-size: 15px;
    line-height: 52px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 0 30px 0;
    transition: all 500ms ease;
    background: transparent linear-gradient( 
90deg, #96C73D 0%, #73942F 100%) 0% 0% no-repeat padding-box;
    border-radius: 9px;
    font-family: "Almarai", Roboto, sans-serif;
}

.cardtitle:hover {
    color: #eab61e !important;
 }
.titlegallery:hover{ color: #eab61e;}

.btn-oneapplayjob:hover {
    background:#eab61e;
	color: #fff !important;
 
}
::selection {
    background: #96c73d!important;
    color: #fff;
    text-shadow: none;
}
 .box-register {
    text-align: center;
     background-color: #fff;
    border-radius: 13px;
    box-shadow: 0 2px 10px -2px #999;padding: 10px;
}  
    .box-register img {
    /* width: 150px; */
    height: 150px;
    padding: 30px;
}
    .box-register h5{font-size: 14px;margin-bottom: 20px;}   
    
   .marbottomosra {
    margin-bottom: 40px;
}

 .modaltittle {
    text-align: right;
    margin-bottom: 10px;
    font-size: 16px;
	 color: #28a745
}

 .ulmoddal {
    text-align: right;
    line-height: 28px;padding-right: 12px;
	 color: #000;
}

 .ulmoddal li {
    list-style: decimal;
 }

 .btnform {
    display: inline;
    margin-left: 50px;
}
 .hednamemember {
    text-align: right;
    margin-bottom: 30px;
    font-size: 18px;
    color: #000;
}

 .imgrepport {
    width: 53px;
    margin-bottom: 15px;
}

 .topsociallinstagram {
    margin-top: 45px;
}
.topsocialltwitter {
    margin-top: 20px;
}

.tp-fullwidth-forcer{height: 500px!important;}
.rev_slider li.tp-revslider-slidesli {
     height: 500px!important;
}

 .border-video {
    border: 2px solid #96c73d;
    border-radius: 10px;
}
 .hedtoggle {
    color: #121211!important;
    text-align: right;
    margin-bottom: 15px;
}

.seefile {
    color: #96c73d;
    font-size: 14px;
    font-weight: 600;
}
.seefile:hover {
    color: #ffd658;
}
.box-register h5:hover {
    color: #96c73d;
}
.boxajtmaat:hover {
    color: #ffd658;
}
.boxajtmaat {
    font-size: 70px;
    color: #95c63d;
    margin-bottom: 20px;
    margin-top: 20px;
}

 .fontajtmat {
    font-weight: 600!important;
}
.spanajtmat {
    color: #96c73d;
    font-weight: 500;
    font-size: 15px;
}
.top-face {
    position: absolute;
    top: -22px;
    right: 30px;
    width: 40px;
    z-index: 99;
}
.btn-applayjobb {
    position: relative;
    display: inline-block;
    background: #e9212e;
    color: #fff;
    font-size: 15px;
    /*line-height: 52px;*/
   
    font-weight: 500;
    text-transform: capitalize;
    padding: 0 30px;
    transition: all 500ms ease;
    background: transparent linear-gradient( 
90deg,#96C73D 0%,#73942F 100%) 0% 0% no-repeat padding-box;
    border-radius: 9px;
    font-family: almarai,Roboto,sans-serif;
    margin-bottom: 13px;
    margin-top: 10px;
  padding: 5px 15px 5px 15px;
}
.btn-applayjobb:hover{
    background: #ffc107;
    color: #fff!important;
    }
.imgdetailsjop {
    max-height: 300px;
    margin: 0 auto;
    display: block;
    margin-bottom: 30px;
    border: 1px solid #96c73d;
    border-radius: 10px;
}

 
   .mb-12 {
    margin-bottom: 12px;
}
.download_button {
    border-right: 10px solid #97c73e !important;
    padding: 8px!important;
}

.download_button {
    display: inline-flex;
    width: 100%;
    box-shadow: 1px 1px 1px rgb(0 0 0 / 5%);
    text-align: right;
    background: #f3f3f3;
    border-radius: 5px;
}

.download_button:hover {
    background: #f1cd65a8;
} 

.download_button i {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: red;
    margin: 5px 0px 5px 5px;
    border-radius: 50%;
    border: 1px solid #ff004b;
    min-width: 35px;
    width: 35px;
    height: 35px;
}
 .download_button .spann {
    font-size: 17px;
    color: #000!important;
}
.download_button small {
    font-size: 14px !important;
    color: #79af15;
    display: block;
    margin-top: 1px !important;
    line-height: 1.7 !important;
}

 

 .login-register-area .form .icon-holderr1 {
    position: absolute;
    top: 34px;
    right: 15px;
    width: 37px;
    height: 39px;
    line-height: 40px;
    text-align: center;
    border-left: 1px solid #e0e0e0;
    z-index: 99;
    background: #e9ecef;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
 .icon-holderr1 i {
    text-align: center;
    line-height: 35px;
}
.paddd{padding: 0px 45px 0 0;}

.box-register:hover{color: #95c63d;transform: scale(1.1);}

.sahfa_img{max-height: 200px;}

.ultoggle{line-height: 30px;text-align: right;padding-right: 11px;color: #5b6060;}
 .ultoggle li {
    
/* padding-right: 15px; */
    
list-style: arabic-indic;
}
 .martogg {
    margin-bottom: 15px;
}h:auto}.btn-one span:before{font-size:26px;line-height:14px;display:inline-block;padding-left:10px;
position:relative;top:4px}.btn-one:hover{color:#fff;background:#27282c}.btn-two{color:#464646;font-size:16px;line-height:20px;
font-weight:500;text-transform:capitalize;font-family:almarai,Roboto,sans-serif;transition:all 500ms ease}.btn-two span:before{position:relative;top:5px;font-size:26px;line-height:14px;display:inline-block;padding-left:10px}.btn-two:hover{color:#96c73d}.btn-three{position:relative;display:inline-block;background:#fff;color:#203260;font-size:14px;line-height:62px;font-weight:700;height:60px;text-transform:uppercase;font-family:roboto,sans-serif;padding:0 30px;border-radius:5px;transition:all 500ms ease}.btn-three span:before{position:relative;display:inline-block;top:4px;padding-left:9px;font-size:20px;font-weight:400}.btn-three:hover{color:#3aa40c}.sec-title{position:relative;display:block;margin-top:-5px;padding-bottom: 30px;}.sec-title.max-width{max-width:650px;margin:-5px auto 0}.sec-title.with-text{padding-bottom:52px}.sec-title p{color:#e9212e;font-size:15px;line-height:20px;font-weight:600;text-transform:uppercase;margin:0 0 7px;font-family:almarai,Roboto,sans-serif}.sec-title .title{position:relative;display:block;color:#626262;font-size:26px;line-height:44px;font-weight:500;text-transform:uppercase;font-family:almarai,Roboto,sans-serif}.sec-title .title.clr-white{color:#fff}.sec-title .title span{font-weight:400}.sec-title .bottom-text{color:#7c7e84;font-size:17px;line-height:27px;font-weight:400;text-transform:none;margin:13px 0 0;font-family:rubik,sans-serif}.parallax-bg-one{background-attachment:fixed;background-position:center top;background-repeat:no-repeat;background-size:cover;position:relative;z-index:1}.parallax-bg-one::before{background:rgba(18,32,0,.9) none repeat scroll 0 0;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.parallax-bg-two{background-attachment:fixed;background-position:center top;background-repeat:no-repeat;background-size:cover;position:relative;z-index:1}.parallax-bg-two::before{background:rgba(9,23,33,.9) none repeat scroll 0 0;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.flex-box{display:flex;justify-content:center;flex-direction:row;flex-wrap:wrap}.flex-box-two{display:flex;justify-content:space-between;flex-direction:row;flex-wrap:wrap;align-items:center}.flex-box-three{display:flex;justify-content:space-between;flex-direction:row;flex-wrap:wrap;align-items:center}.flex-box-four{display:flex;justify-content:center;flex-direction:row;flex-wrap:wrap;align-items:center}.flex-box-five{display:flex;justify-content:space-between;flex-direction:row;flex-wrap:wrap;align-items:center}.owl-nav-style-one{}.owl-nav-style-one .owl-controls{}.owl-nav-style-one.owl-theme .owl-nav [class*=owl-]{background:#fff none repeat scroll 0 0;border-radius:50%;color:#909090;font-size:24px;font-weight:700;height:50px;line-height:46px;margin:0 0 0 0;padding:0;width:50px;border:1px solid #f3f3f3;transition:all 700ms ease 0s}.owl-nav-style-one.owl-theme .owl-nav .owl-next{margin-left:10px}.owl-nav-style-one.owl-theme .owl-nav [class*=owl-]:hover{border-color:#172272;color:#172272}.owl-nav-style-two{}.owl-nav-style-two .owl-controls{}.owl-nav-style-two.owl-theme .owl-nav [class*=owl-]{background:#fff none repeat scroll 0 0;border-radius:0%;color:#3740b0;font-size:24px;font-weight:700;height:50px;line-height:50px;margin:0 0 0 0;padding:0;width:50px;transition:all 700ms ease 0s}.owl-nav-style-two.owl-theme .owl-nav .owl-next{margin-left:0}.owl-nav-style-two.owl-theme .owl-nav [class*=owl-]:hover{color:#fff;background:#3740b0}.accordion-box{position:relative;display:block;overflow:hidden}.accordion-box .accordion{position:relative;display:block;margin-bottom:20px}.accordion-box .accordion .accord-btn{position:relative;display:block;cursor:pointer;background:#ededed;padding-right:25px;padding-left:60px;padding-top:16px;padding-bottom:16px;-webkit-box-shadow:0 3px 5px 2px #ededed;box-shadow:0 3px 5px 2px #ededed;transition:all 500ms ease}.accordion-box .accordion .accord-btn h4{color:#4e4c4c;font-size:17px;line-height:26px;font-weight:600;transition:all 500ms ease;text-align:right}.accordion-box .accordion .accord-btn::after{font-family:glyphicons halflings;position:absolute;top:22px;left:40px;color:#4e4c4c;content:"\e002";font-size:25px;line-height:16px;font-weight:300;transition:all 500ms ease 0s;content:"\2b"}.accordion-box .accordion .accord-btn.active{background:#96c73e;transition:all 500ms ease}.accordion-box .accordion .accord-btn.active h4{color:#fff}.accordion-box .accordion .accord-btn.active:after{color:#fff}.accordion-box .accordion .accord-content{position:relative;display:block;padding-top:20px;padding-bottom:20px;padding-right:20px;padding-left:20px;display:none;background:#f6f6f6}.accordion-box .accordion .accord-content.collapsed{display:block}.accordion-box .accordion .accord-content p{margin:0;text-align:justify;color:#5b6060}.boxed_wrapper{position:relative;margin:0 auto;width:100%;min-width:320px;min-height:400px;overflow:hidden}.preloader{position:fixed;left:0;top:0;width:100%;height:100%;z-index:999999999999999999;background-color:#fff;background-position:center center;background-repeat:no-repeat;background-image:url(../images/icon/lll.gif)}.preloader.style-two{background-image:url(../images/home-pages/preloader-2.html)}.preloader.style-three{background-image:url(../images/home-pages/preloader-3.html)}.preloader.style-four{background-image:url(../images/home-pages/preloader-4.html)}.preloader.style-five{background-image:url(../images/home-pages/preloader-5.html)}.scroll-to-top{position:fixed;left:20px;bottom:30px;width:55px;height:55px;border-radius:0%;color:#fff;font-size:25px;line-height:50px;font-weight:400;cursor:pointer;display:none;text-align:center;transition:all 500ms ease 0s;z-index:99999999999}.scroll-to-top:hover{opacity:.7}.scroll-to-top-style2{position:fixed;bottom:25px;right:15px;background:#e9212e;border:2px solid #e9212e;width:55px;height:55px;border-radius:0%;color:#fff;font-size:25px;line-height:50px;font-weight:400;cursor:pointer;display:none;text-align:center;transition:all 500ms ease 0s;z-index:9999999999999;box-shadow:0 8px 23px -6px #1b1b1b}.scroll-to-top-style2:hover{opacity:.5}input:focus,textarea:focus,select:focus{border-color:#43c3ea;outline:none}#contact-form input[type=text].error{border-color:red}#contact-form input[type=email].error{border-color:red}#contact-form select.error{border-color:red}#contact-form textarea.error{border-color:red}.post-pagination{position:relative;display:block}.post-pagination.martop20{margin-top:20px}.post-pagination li{display:inline-block;margin:0 3px}.post-pagination li a{position:relative;display:block;background:#fff;border-radius:0;border:1px solid #ededed;color:#2f2f2f;font-size:18px;font-weight:600;height:50px;width:50px;padding:11px 0;transition:all 500ms ease 0s;font-family:poppins,sans-serif}.post-pagination li a i{position:relative;font-size:20px}.post-pagination li.active a,.post-pagination li:hover a{color:#fff;background:#e9212e;border:1px solid #e9212e}.post-pagination2{display:block;margin-top:20px}.post-pagination2 li{display:inline-block;margin:0 3px}.post-pagination2 li a{position:relative;display:block;color:#222;font-size:18px;font-weight:600;height:32px;width:32px;line-height:32px;text-align:center;transition:all 500ms ease 0s;font-family:poppins,sans-serif;border-radius:50%}.post-pagination2 li.active a,.post-pagination2 li:hover a{background:#f36727;color:#fff}.post-pagination2 li a.left{width:auto;height:auto;display:block;color:#868298;padding-right:10px;transition:all 500ms ease}.post-pagination2 li:hover a.left{background:0 0}.post-pagination2 li a.left i{position:relative;top:1px;display:inline-block;padding-right:8px;font-size:21px}.post-pagination2 li a.left:hover{color:#f36727}.post-pagination2 li a.right{width:auto;height:auto;display:block;color:#868298;padding-left:10px;transition:all 500ms ease}.post-pagination2 li a.right:hover{color:#f36727}.post-pagination2 li:hover a.right{background:0 0}.post-pagination2 li a.right i{position:relative;top:1px;display:inline-block;padding-left:8px;font-size:21px}.overlay-style-one{position:absolute;top:0;right:0;width:100%;height:100%;background-color:rgba(233,33,48,.85);transition:all 700ms ease 100ms;opacity:0;z-index:2}.overlay-style-one .box{display:table;height:100%;width:100%}.overlay-style-one .box .content{display:table-cell;text-align:center;vertical-align:middle}.overlay-style-two{position:absolute;left:0;bottom:0;right:0;top:0;z-index:2;opacity:0;transition:all 900ms ease}.overlay-style-two:before{position:absolute;content:'';top:0;left:0;width:100%;height:50%;display:block;opacity:0;text-align:center;transform:perspective(400px) rotateX(-90deg);transform-origin:top;transition:all .5s;background-color:rgba(0,0,0,.8)}.overlay-style-two:after{position:absolute;content:'';left:0;bottom:0;width:100%;height:50%;display:block;opacity:0;text-align:center;transform:perspective(400px) rotateX(90deg);transform-origin:bottom;transition:all .5s;background-color:rgba(0,0,0,.8)}.review-box{position:relative;display:block;overflow:hidden;line-height:16px}.review-box ul{display:block;overflow:hidden}.review-box ul li{display:inline-block;float:left;margin-right:4px}.review-box ul li:last-child{margin-right:0}.review-box ul li i{font-size:16px;color:#e9212e}.sociallinks-style-one{}.sociallinks-style-one li{display:inline-block;float:left;margin-right:20px}.sociallinks-style-one li:last-child{margin-right:0}.sociallinks-style-one li a i{color:#9491a2;font-size:15px;font-weight:400;transition:all 500ms ease}.sociallinks-style-one li a:hover i{color:#39345a}.sociallinks-style-two{overflow:hidden}.sociallinks-style-two li{display:inline-block;float:left;margin-right:20px}.sociallinks-style-two li:last-child{margin-right:0}.sociallinks-style-two li a i{position:relative;display:block;width:50px;height:50px;background:#203260;border:1px solid #31426c;border-radius:50%;color:#fff;font-size:14px;line-height:48px;text-align:center;transition:all 500ms ease 0s}.sociallinks-style-two li a:hover i{color:#3398fd;transform:rotate(360deg)}@keyframes menu_sticky{0%{margin-top:-90px}50%{margin-top:-74px}100%{margin-top:0}}.top-bar-style1{position:relative;display:block;background:#26272b;padding:19px 0 62px}.top-style1{position:relative;display:block;text-align:center}.top-style1 p{margin:0}.top-style1 p a{color:#fff;transition:all 300ms ease 100ms}.top-style1 p a:hover{color:#828282}.main-header{position:relative;display:block;z-index:999}.main-header.header-style1{}.header-upper-style1{position:relative;display:block;background:#f6f6f6}.header-upper-style1.fixed-header .inner-container{position:fixed;top:0;left:0;right:0;width:100%;max-width:1170px;margin:0 auto;box-shadow:0 0 10px rgba(0,0,0,.1);transition:all 900ms ease 100ms;z-index:9999999999}.header-upper-style1.fixed-header .logo-box-style1{margin:10px 0;transition:all 500ms ease 100ms}.header-upper-style1.fixed-header .main-menu .navigation>li>a{padding:29px 0 27px;transition:all 500ms ease 100ms}.header-upper-style1.fixed-header .outer-search-box{padding:10px 0;transition:all 500ms ease 100ms}.header-upper-style1.fixed-header .cart-box{margin:10px 0;transition:all 500ms ease 100ms}.header-upper-style1 .inner-container{position:relative;display:block;padding:0 40px;margin-top:-45px;background:#fff;-webkit-box-shadow:0 4px 11px -1px #ececec;box-shadow:0 4px 11px -1px #ececec;z-index:9999999999}.logo-box-style1{position:relative;display:block;margin:20px 0;transition:all 500ms ease 100ms}.logo-box-style1 a{display:inline-block}.main-menu-box{position:relative;display:block;margin-left:17%}.main-menu{position:relative;display:inline-block;float:right}.main-menu .navbar-collapse{padding:0}.main-menu .navigation{position:relative}.main-menu .navigation>li{position:relative;display:inline-block;float:right;margin-right:35px}.main-menu .navigation>li:last-child{margin-left:0}.main-menu .navigation>li>a{position:relative;display:block;color:#000;font-size:16px;line-height:0;font-weight:600;text-transform:uppercase;padding:39px 0 37px;transition:all 300ms ease;font-family:almarai,Roboto,sans-serif}.main-menu .navigation>li:hover>a,.main-menu .navigation>li.current>a{color:#96c73d}.main-menu .navigation>li>ul{position:absolute;right:0;top:130%;width:270px;background:0 0;visibility:hidden;opacity:0;display:block;border-radius:0;transition:all 500ms ease;z-index:100;text-align:right;background:#fff;border:solid 1px #e0e0e0;border-top:solid 5px #ffc107}.main-menu .navigation>li>ul:before{position:absolute;top:10px;left:0;bottom:0;width:100%;content:"";z-index:-1}.main-menu .navigation>li:hover>ul{top:100%;opacity:1;visibility:visible}.main-menu .navigation>li>ul>li{position:relative;display:block;float:none;margin:0;padding:0;width:100%;transition:all 500ms ease;z-index:1}.main-menu .navigation>li>ul>li>a{position:relative;display:block;color:#000;font-size:16px;line-height:20px;font-weight:500;border-bottom:1px solid #e2e8f0;text-transform:capitalize;transition:all 500ms ease 0s;padding:16px 20px 15px 0;font-family:almarai,Roboto,sans-serif}.main-menu .navigation>li>ul>li:last-child a{border-bottom:none}.main-menu .navigation>li>ul>li>a:after{position:absolute;top:0;right:30px;bottom:0;content:"";width:26px;height:11px;opacity:0;transform:scale(0);transition:all 500ms ease;margin:20px 0}.main-menu .navigation>li>ul>li:hover a:after{opacity:1;transform:scale(1)}.main-menu .navigation>li>ul>li:hover>a{color:#96c73d;padding-right:30px}.main-menu .navigation>li>ul>li>ul{position:absolute;right:100%;top:20px;width:270px;margin-left:0;visibility:hidden;opacity:0;background:0 0;z-index:100;box-shadow:0 6px 12px rgba(0,0,0,.175);transition:all 200ms ease}.main-menu .navigation>li>ul>li>ul:before{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#fff;content:"";z-index:-1;border-radius:0}.main-menu .navigation>li>ul>li:hover>ul{visibility:visible;opacity:1;top:0}.main-menu .navigation>li>ul>li>ul>li{position:relative;display:block;float:none;margin:0;padding:0;width:100%;transition:all 500ms ease}.main-menu .navigation>li>ul>li>ul>li a{position:relative;display:block;color:#000;font-size:16px;line-height:20px;font-weight:500;border-bottom:1px solid #e2e8f0!important;text-transform:capitalize;transition:all 500ms ease 0s;padding:16px 0 15px;padding-right:20px;font-family:almarai,Roboto,sans-serif}.main-menu .navigation>li>ul>li>ul>li:last-child a{border-bottom:0!important}.main-menu .navigation>li>ul>li>ul>li a:before{position:absolute;top:0;right:30px;bottom:0;content:"";width:26px;height:11px;opacity:0;transform:scale(0);transition:all 500ms ease;margin:20px 0}.main-menu .navigation>li>ul>li>ul>li:hover a:before{opacity:1;transform:scale(1)!important}.main-menu .navigation>li>ul>li>ul>li:hover>a{color:#96c73d;padding-right:30px}.main-menu .navbar-collapse>ul li.dropdown .dropdown-btn{position:absolute;left:10px;top:6px;width:34px;height:30px;border:1px solid #fff;background:url(../images/icon/submenu-icon.png) center center no-repeat;background-size:20px;cursor:pointer;z-index:5;display:none;border-radius:3px}.mainmenu-right{position:relative;display:inline-block;float:right;margin-left:30px}.outer-search-box{position:relative;display:inline-block;float:left;padding:10px 0;margin-left:20px;transition:all 500ms ease 100ms}.outer-search-box .seach-toggle{position:relative;display:block;color:#27282c;font-size:16px;line-height:50px;cursor:pointer;text-align:center;height:50px;width:50px;border-radius:3px;margin:0;border-right:1px solid #ededed;transition:all 500ms ease}.outer-search-box .seach-toggle:hover,.outer-search-box .seach-toggle.active{color:#e9212e;background:#ededed}.search-box{position:absolute;top:30px;left:0%;background:#27282c;opacity:0;padding:10px 0;transition:all 500ms ease 0s;visibility:hidden;z-index:100;margin-left:0}.search-box.now-visible{top:30px;opacity:1;visibility:visible;z-index:99999}.search-box .form-group{position:relative;padding:0;margin:0;width:100%;min-width:260px}.search-box .form-group input[type=search]{background:#fff none repeat scroll 0 0;border:1px solid #1f1f23;color:#000;display:block;font-size:13px;line-height:24px;position:relative;transition:all 500ms ease 0s;width:100%;height:45px;padding-left:10px;padding-right:50px}.search-box .form-group input[type=search]:focus{border-color:#f5f5f5}.search-box .form-group button,.search-box .form-group input[type=submit]{position:absolute;right:0;top:0;display:block;cursor:pointer;background:#96c73d;color:#fff;font-size:13px;height:45px;width:45px;transition:all 500ms ease 0s}.search-box .form-group button:hover,.search-box .form-group input:focus+button{color:#222;background:#f5f5f5}.cart-box{position:relative;display:inline-block;float:right;height:50px;padding:15px 0;margin:20px 0;transition:all 500ms ease 100ms}.cart-box a{display:inline-block;font-family:rubik,sans-serif}.cart-box a span:before{position:relative;display:inline-block;float:left;color:#27282c;font-size:20px;line-height:20px;padding-right:6px;transition:all 500ms ease}.cart-box a:hover span:before{color:#e9212e}.cart-box a span.number{position:relative;display:inline-block;float:left;color:#e9212e;font-size:14px;line-height:14px;font-weight:600}.header-lower-style1{position:relative;display:block;background:#f6f6f6;padding:30px 0}.header-lower-style1 .inner-content{position:relative;display:block;border-right:1px solid #ddd}.header-contact-info{position:relative;display:block;border-left:1px solid #ddd;padding-left:20px}.header-contact-info li{position:relative;display:inline-block;float:left;border-right:1px solid #ddd;padding-right:30px;margin-right:30px}.header-contact-info li:last-child{margin-right:0}.header-contact-info li .single-item{position:relative;display:block}.header-contact-info li .single-item .icon{width:50px}.header-contact-info li .single-item .icon span:before{position:relative;top:2px;color:#b7b7b7;font-size:50px;line-height:50px;transition:all 300ms ease 100ms}.header-contact-info li:hover .single-item .icon span:before{color:#e9212e}.header-contact-info li .single-item .icon,.header-contact-info li .single-item .text{display:table-cell;vertical-align:middle}.header-contact-info li .single-item .text{padding-left:15px}.header-contact-info li .single-item .text h3{font-size:18px;font-weight:500;text-transform:capitalize;font-family:rubik,sans-serif}.header-contact-info li .single-item .text p{line-height:18px;margin:6px 0 0}.header-social-links-style1{position:relative;display:block;padding-right:20px;margin:2px 0 3px}.header-social-links-style1 li{position:relative;display:inline-block;float:left;margin-right:15px}.header-social-links-style1 li:last-child{margin-right:0}.header-social-links-style1 li a{}.header-social-links-style1 li a i{position:relative;display:block;width:50px;height:50px;border-radius:50%;background:#fff;color:#7c7e84;font-size:14px;line-height:50px;text-align:center;transition:all 700ms ease 100ms}.header-social-links-style1 li a:hover i{color:#fff;background:#e9212e;transform:rotate(360deg)}.main-slider{position:relative;z-index:10}.main-slider .tp-caption{z-index:5}.main-slider .tp-dottedoverlay{background:0 0!important}.main-slider .tparrows{top:40%!important}.main-slider .slide-content{position:relative;display:block}.main-slider .slide-content .big-title{position:relative;color:#fff;font-size:72px;line-height:1.1em;font-weight:700;text-transform:none;font-family:poppins,sans-serif}.main-slider .slide-content .text{position:relative;display:block;color:#fff;font-size:18px;line-height:1.5em;font-weight:400;letter-spacing:normal;text-transform:none;font-family:rubik,sans-serif}.main-slider .slide-content .btn-box{}.main-slider .slide-content .btn-box a{margin-top:80px}.main-slider .slide-content .btn-box a.project-view-button{position:relative;display:inline-block;margin-left:35px;color:#fff;font-size:15px;line-height:56px;font-weight:500;font-family:rubik,sans-serif;transition:all 500ms ease}.main-slider .slide-content .btn-box a.project-view-button:hover{color:#e9212e}.main-slider .slide-content .btn-box a.project-view-button:before{position:absolute;left:0;bottom:16px;right:0;height:2px;background:#fff;content:""}.main-slider.style2{position:relative;display:block;z-index: -1;}.main-slider.style2 .slide-content .big-title{position:relative;color:#96c73d;font-size:36px;line-height:1.2em;font-weight:600;text-transform:uppercase;font-family:almarai,Roboto,sans-serif;margin-top:-29px}.main-slider.style2 .slide-content .big-title1{position:relative;color:#000;font-size:22px;line-height:1.2em;font-weight:600;font-family:almarai,Roboto,sans-serif;margin-top:15px}.main-slider.style2 .slide-content .text{position:relative;display:block;color:#707070;font-size:15px;line-height:1.7em;font-weight:500;letter-spacing:normal;text-transform:none;font-family:almarai,Roboto,sans-serif;direction:rtl;text-align:justify}.main-slider.style2 .slide-content .btn-box a.play-button{width:70px}.main-slider.style2 .slide-content .btn-box a.play-button,.main-slider.style2 .slide-content .btn-box a.slide-style2-button{display:table-cell;vertical-align:middle}.main-slider.style2 .slide-content .btn-box a.play-button{position:relative;display:inline-block;width:70px;height:70px;border-radius:50%;background:#e9212e;text-align:center}.main-slider.style2 .slide-content .btn-box a.play-button span:before{position:relative;display:block;color:#fff;font-size:30px;line-height:70px}.main-slider.style2 .slide-content .btn-box a.slide-style2-button{position:relative;display:inline-block;margin-left:25px;color:#fff;font-size:15px;line-height:70px;font-weight:500;font-family:rubik,sans-serif;transition:all 500ms ease}.main-slider.style2 .slide-content .btn-box a.slide-style2-button:before{position:absolute;left:0;bottom:25px;right:0;height:2px;background:#fff;content:""}.main-slider.style2 .tp-bullets{position:absolute;/* top: 50%!important; */right:20px!important;opacity:1!important;display:flex;text-align:center;width:auto!important;text-align:right;transform:none!important;visibility:inherit!important;left:10%!important;bottom: 0;}.main-slider.style2 .hermes .tp-bullet{position:relative!important;display:block!important;right:0!important;margin:10px!important;left:auto!important;top:auto!important;width:12px;height:12px;opacity:1;visibility:inherit!important;bottom: 0;}.main-slider.style2 .hermes .tp-bullet:after{position:absolute;content:' ';bottom:0;height:0;left:0;width:100%;background-color:#fff;box-shadow:0 0 1px #fff;-webkit-transition:height .3s ease;transition:height .3s ease}.tp-bullet.selected,.tp-bullet:hover{background:#96c73d}.main-slider.style3 .slide-content .big-title{position:relative;color:#fff;font-size:72px;line-height:1.2em;font-weight:700;text-transform:capitalize;font-family:poppins,sans-serif}.main-slider.style3 .slide-content .text{position:relative;display:block;color:#fff;font-size:18px;line-height:1.6em;font-weight:400;letter-spacing:normal;text-transform:none;font-family:rubik,sans-serif}.main-slider.style3 .slide-content .btn-box a{}.highlights-area{position:relative;display:block;background:0 0;margin-top:-135px;z-index:100}.single-highlight-box{position:relative;display:block;background:0 0;padding-top:55px;margin-bottom:50px}.single-highlight-box .icon-holder{position:absolute;top:0;left:0;right:0;width:110px;height:110px;background:#fff;margin:0 auto;border-radius:50%;border:3px solid #e9212e;text-align:center;z-index:3}.single-highlight-box .icon-holder::before{position:absolute;top:-1px;left:-1px;bottom:-1px;right:-1px;content:"";background:#e9212e;border-radius:50%;transition:all .5s ease-in-out 0s;transform-style:preserve-3d;transform:perspective(1200px) rotateY(-90deg) translateZ(0px);opacity:0;z-index:-1}.single-highlight-box:hover .icon-holder::before{transform:perspective(1200px) rotateY(0deg) translateZ(0px);transition-delay:.1s;opacity:1}.single-highlight-box .icon-holder span:before{display:block;color:#b3b3b3;font-size:50px;line-height:104px;transition:all .7s ease-in-out 0s}.single-highlight-box:hover .icon-holder span:before{color:#fff}.single-highlight-box .inner-content{position:relative;display:block;background:#fff;padding-top:55px;box-shadow:0 4px 11px -1px #ececec}.single-highlight-box .inner-content .text{position:relative;display:block;padding:26px 30px 32px}.single-highlight-box .inner-content h3{font-weight:600;margin:0 0 18px}.single-highlight-box .inner-content p{margin:0}.single-highlight-box .inner-content a{position:relative;display:block;background:#f6f6f6;color:#27282c}.single-highlight-box:hover .inner-content a{color:#e9212e}.about-area{position:relative;display:block;direction:rtl;background-position:center;background-repeat:no-repeat;background-size:cover;margin: 0px 0;}.about-image-box{position:relative;display:block;max-width:470px;width:100%;background:#f6f6f6;padding-top:60px;padding-left:60px}.about-image-box:before{position:absolute;top:0;right:0;width:60px;height:100%;background:#fff;content:"";z-index:1}.about-image-box .inner-box{position:relative;display:block;z-index:2}.about-image-box .inner-box img{width:100%}.about-image-box .inner-box .overlay{position:absolute;top:0;left:0;width:100%;height:100%}.about-image-box .inner-box .overlay .box{display:table;width:100%;height:100%}.about-image-box .inner-box .overlay .box .icon{display:table-cell;vertical-align:middle;text-align:center}.about-image-box .inner-box .overlay .box .icon img{width:auto}.about-image-box .text-box{position:relative;display:block;padding-top:33px;padding-bottom:52px;padding-right:20px;margin-right:60px;z-index:1}.about-image-box .text-box:before{position:absolute;right:40px;bottom:30px;font-family:icomoon;content:"\e939";color:#ebebeb;font-size:70px;line-height:70px;transform:perspective(1200px) rotateX(180deg) translateZ(0px);z-index:-1}.about-image-box .text-box p{color:#828282;font-size:20px;line-height:30px;margin:0 0 17px}.about-image-box .text-box h3{color:#3a3a3a;font-size:18px;font-weight:600}.about-image-box .text-box h3 span{color:#e9212e;font-size:15px;font-weight:400;font-family:rubik,sans-serif}.about-text{position:relative;display:block;padding-right:0;margin-top: 8%;}.about-text .sec-title{padding-bottom:4px}.about-text .inner-content{position:relative;display:block}.about-text .inner-content .text{display:block;padding-bottom:26px}.about-carousel-box{position:relative;display:block;padding:19px 41px;z-index:1}.about-carousel-box:before{position:absolute;left:40px;bottom:-30px;font-family:flaticon;font-size:40px;line-height:40px;transform:perspective(1200px) rotateY(180deg) translateZ(0px)}.about-carousel-box .single-box{position:relative;display:block}.about-carousel-box .single-box .icon-holder{width:90px}.about-carousel-box .single-box .icon-holder span:before{color:#fff;font-size:90px;line-height:90px;margin-left:1px}.about-carousel-box .single-box .icon-holder,.about-carousel-box .single-box .text-holder{display:table-cell;vertical-align:middle}.about-carousel-box .single-box .text-holder{padding-left:30px}.about-carousel-box .single-box .text-holder h3{color:#fff;font-size:20px;font-weight:600;margin:0 0 21px;text-decoration:underline}.about-carousel-box .single-box .text-holder p{color:#fff;margin:0}.about-carousel-box.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;padding-bottom:0}.about-carousel-box .owl-dots{height:25px;line-height:25px;margin:0 auto;direction:rtl}.about-carousel-box .owl-dots .owl-dot{background-image:none;width:20px;height:5px;margin:0 10px;background:#e1e1e1;border:2px solid #e1e1e1;padding:0;border-radius:0%;transition:all 500ms ease;display:inline-block}.about-carousel-box .owl-dots .owl-dot span{display:none}.about-carousel-box .owl-dots .owl-dot.active{background:#e9b51c;border-color:#e9b51c}.working-area{position:relative;display:block;background-attachment:fixed;background-size:cover;background-position:center top;background-repeat:no-repeat;padding:110px 0 60px;z-index:1}.working-area::before{background:rgba(40,41,46,.97) none repeat scroll 0 0;position:absolute;top:0;left:0;height:100%;width:100%;content:"";z-index:-1}.single-working-box{position:relative;display:block;margin-bottom:30px}.single-working-box .img-holder{position:relative;display:block}.single-working-box .img-holder .inner{position:relative;display:block;overflow:hidden}.single-working-box .img-holder .inner img{transform:scale(1.01);transition:all 700ms ease 300ms;width:380px;height:275px}.single-working-box:hover .img-holder .inner img{transform:scale(1.2) rotate(2deg)}.single-working-box .img-holder .inner .overlay-style-one{background-color:rgb(0 0 0/25%)}.single-working-box:hover .img-holder .inner .overlay-style-one{opacity:1}.single-working-box .img-holder .inner:before,.single-working-box .img-holder .inner:after{position:absolute;top:0;left:0;content:'';width:100%;height:100%;transform:scale(0);transform-origin:left top;transition:all 700ms ease 500ms;border-radius:0;z-index:3}.single-working-box .img-holder .inner:before{transform:scale(0,1);transform-origin:bottom center;border-top:4px solid #96c73d;border-bottom:4px solid #96c73d}.single-working-box:hover .img-holder .inner:before{transform:scale(1,1)}.single-working-box .img-holder .inner:after{transform:scale(1,0);transform-origin:left center;border-left:4px solid #96c73d;border-right:4px solid #96c73d}.single-working-box:hover .img-holder .inner:after{transform:scale(1,1)}.single-working-box .text-holder{position:relative;display:block;background:#fff;margin:0 20px;margin-top:-40px;z-index:5}.single-working-box .text-holder .plus-icon-box{position:absolute;right:30px;top:-25px;width:50px;height:50px;background:#e9212e;border-radius:50%;text-align:center;display:block;padding:15px 0;transition:all 300ms ease 100ms}.single-working-box:hover .text-holder .plus-icon-box{top:-50px;height:75px;background:#e9212e;border-radius:25px 25px 0 0;padding:27px 0}.single-working-box .text-holder .plus-icon-box span:before{display:block;color:#fff;font-size:20px;line-height:20px}.single-working-box .text-holder .outer-box{position:relative;display:block;padding-left:70px;padding-top:35px;padding-bottom:32px}.single-working-box .text-holder .outer-box .icon{position:absolute;top:0;left:0;width:70px;height:100%;background:#ededed;background:linear-gradient(0deg,rgba(237,237,237,1) 0%,rgba(237,237,237,0) 0%,rgba(237,237,237,1) 100%,rgba(32,50,96,0) 100%,rgba(32,50,96,0.6530987394957983) 100%,rgba(80,166,253,1) 100%,rgba(93,173,253,1) 100%)}.single-working-box .text-holder .outer-box .icon .inner{display:table;width:100%;height:100%}.single-working-box .text-holder .outer-box .icon .inner .box{display:table-cell;vertical-align:middle;text-align:center}.single-working-box .text-holder .outer-box .icon .inner .box span:before{color:#e9212e;font-size:35px;line-height:35px}.single-working-box .text-holder .outer-box .text{position:relative;display:block;padding-left:30px}.single-working-box .text-holder .outer-box .text h3{color:#27282c;font-weight:600;margin:0 0 13px}.single-working-box .text-holder .outer-box .text p{margin:0}.recently-project-area{position:relative;display:block;padding:110px 0 108px}.recently-project-area .container-fluid{padding-right:10px;padding-left:10px}.more-project-button{position: absolute;display:block;left: 16px;display: block;margin-top: 19px;bottom: 30px;}.single-project-style1{position:relative;display:block;z-index:6}.single-project-style1 .img-holder{position:relative;display:block;overflow:hidden;z-index:5}.single-project-style1 .img-holder img{width:100%;transform:scale(1.01);transition:all 700ms ease}.single-project-style1:hover .img-holder img{transform:scale(1.2) rotate(2deg)}.single-project-style1 .overlay-content{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:rgba(0,0,0,.8);transform:scaleX(0);transition:all 700ms ease 100ms}.single-project-style1:hover .overlay-content{transform:scaleY(1)}.single-project-style1 .overlay-content .inner-content{display:table;width:100%;height:100%}.single-project-style1 .overlay-content .inner-content .link-box{display:table-cell;vertical-align:middle;text-align:center;opacity:0;transform-style:preserve-3d;transform:perspective(1200px) rotateX(90deg) translateZ(-45px);transition:all 300ms ease 100ms}.single-project-style1:hover .overlay-content .inner-content .link-box{opacity:1;transform:translate3d(0px,0px,0px);transition:all 700ms ease 500ms}.single-project-style1 .overlay-content .inner-content .link-box a{background:#fff;color:#27282c;line-height:55px;padding:0 25px}.single-project-style1 .overlay-content .inner-content .link-box a:hover{color:#fff;background:#e9212e}.single-project-style1 .img-holder .title-box{position:absolute;left:0;bottom:0;right:0;text-align:center;display:block;padding-bottom:34px;transform-style:preserve-3d;transform:perspective(1200px) rotateX(90deg) translateZ(-45px);opacity:0;transition:all 300ms ease 200ms;z-index:3}.single-project-style1:hover .img-holder .title-box{transform:translate3d(0px,0px,0px);opacity:1;transition:all 700ms ease 800ms}.single-project-style1 .img-holder .title-box span{color:#95979c}.single-project-style1 .img-holder .title-box h3{color:#fff;font-weight:600;margin:3px 0 0}.project-carousel.owl-carousel .owl-stage-outer{padding:0}.project-carousel .owl-dots{position:relative;display:block!important;margin-top:43px!important;line-height:14px}.project-carousel .owl-dots .owl-dot{background-image:none;width:20px;height:5px;margin:0 10px;background:#e1e1e1;border:2px solid #e1e1e1;padding:0;border-radius:0%;transition:all 500ms ease;display:inline-block}.project-carousel .owl-dots .owl-dot span{display:none}.project-carousel .owl-dots .owl-dot.active{background:#e9212e;border-color:#e9212e}.working-process-area{position:relative;display:block;background:#f8f8f8;padding:40px 0;z-index:2;direction:ltl;margin:100px 0}.single-working-process{position:relative;display:block;padding-top:40px;background:0 0;transition:all 500ms ease;margin-bottom:60px}.single-working-process:hover{transform:translateY(-10px)}.single-working-process .top-box{position:absolute;top:0;left:0;right:0;width:90px;height:90px;display:block;border:3px solid #e9212e;padding:27px 0;background:#fff;border-radius:50%;text-align:center;margin:0 auto;z-index:3}.single-working-process .top-box::before{position:absolute;top:-1px;left:-1px;bottom:-1px;right:-1px;content:"";background:#e9212e;border-radius:50%;transition:all .5s ease-in-out 0s;transform-style:preserve-3d;transform:perspective(1200px) rotateY(-90deg) translateZ(0px);opacity:0;z-index:-1}.single-working-process:hover .top-box::before{transform:perspective(1200px) rotateY(0deg) translateZ(0px);transition-delay:.1s;opacity:1}.single-working-process .top-box span{color:#27282c;font-size:24px;line-height:30px;font-weight:500;text-transform:uppercase;transition:all 700ms ease 100ms}.single-working-process:hover .top-box span{color:#fff;transition:all 700ms ease 500ms}.single-working-process .inner{position:relative;display:block;padding:82px 30px 50px;background:#fff;border-top:3px solid #e9212e;-webkit-box-shadow:0 6px 10px 3px #e8e8e8;box-shadow:0 6px 10px 3px #e8e8e8;transition:all 300ms ease}.single-working-process:hover .inner{box-shadow:none}.single-working-process .inner h3{color:#27282c;font-weight:600;margin:0 0 18px}.single-working-process .inner p{margin:0}.single-working-process .inner .icon-holder{position:relative;display:block;padding-top:22px}.single-working-process .inner .icon-holder span:before{color:#bababa;font-size:80px;line-height:80px;transition:all 700ms ease 500ms}.single-working-process:hover .inner .icon-holder span:before{color:#e9212e;transition:all 700ms ease 500ms}.slogan-area{position:relative;display:block;background:#e9212e;padding:35px 0}.slogan-area .title{position:relative;display:block}.slogan-area .title h3{color:#fff;font-size:20px;line-height:30px;font-weight:700}.slogan-area .button{position:relative;display:block}.slogan-area .button a{color:#27282c;background:#fff}.slogan-area .button a:hover{color:#fff;background:#e11f2c}.testimonial-area{position:relative;display:block;padding:110px 0 60px;background:#fff}.more-reviews-button{position:relative;display:block;margin-top:39px}.single-testimonial-item{position:relative;display:block;background:#fff;-webkit-box-shadow:0 2px 10px 3px #f6f6f6;box-shadow:0 2px 10px 3px #f6f6f6;margin-bottom:50px}.single-testimonial-item .inner-content{position:relative;display:block;padding:55px 30px 52px;background:#fff}.single-testimonial-item .inner-content .client-info{position:relative;display:block;padding-bottom:22px}.single-testimonial-item .inner-content .client-info h3{color:#3a3a3a;font-weight:600;margin:0 0 3px}.single-testimonial-item .inner-content .client-info span{}.single-testimonial-item .inner-content .img-box{position:relative;display:block;overflow:hidden;width:100px;height:100px;margin:0 auto;border-radius:50%;z-index:2}.single-testimonial-item .inner-content .img-box::before{position:absolute;top:-1px;left:-1px;bottom:-1px;right:-1px;content:"";background:rgba(0,0,0,.7);border-radius:50%;transition:all .5s ease-in-out 0s;transform-style:preserve-3d;transform:perspective(1200px) rotateY(-90deg) translateZ(0px);opacity:0;z-index:4}.single-testimonial-item:hover .inner-content .img-box::before{transform:perspective(1200px) rotateY(0deg) translateZ(0px);transition-delay:.1s;opacity:1}.single-testimonial-item .inner-content .img-box img{width:100%;transition:all 700ms ease 800ms;border-radius:50%}.single-testimonial-item:hover .inner-content .img-box img{transform:rotate(360deg)}.single-testimonial-item .inner-content .text-box{position:relative;display:block;padding-top:24px}.single-testimonial-item .inner-content .text-box p{margin:0}.single-testimonial-item .quote-icon{position:absolute;top:0;left:0;width:60px;height:70px;background:#e9212e;z-index:3}.single-testimonial-item .quote-icon span:before{color:#fff;font-size:30px;display:block;padding:20px 0}.appointment-area{position:relative;display:block;background:#27282c;background-position:top right;background-attachment:scroll;background-repeat:no-repeat;background-size:auto;padding-top:110px;padding-bottom:110px;z-index:1}.map-content-box .sec-title .title{color:#fff}.map-content-box .inner{position:relative;display:block;max-width:570px;width:100%;margin:0 auto;z-index:99}.map-content-box .inner .overlay{position:absolute;top:0;left:0;width:100%;height:100%}.map-content-box .inner .overlay .single-location-box{position:absolute}.map-content-box .inner .overlay .single-location-box.one{top:60px;left:70px}.map-content-box .inner .overlay .single-location-box.two{top:100px;left:50%}.map-content-box .inner .overlay .single-location-box.three{left:150px;bottom:70px}.map-content-box .inner .overlay .single-location-box.four{right:50px;bottom:60px}.map-content-box .inner .overlay .marker-box{display:inline-block}.map-content-box .inner .overlay .marker-box span:before{color:#fff;font-size:50px;line-height:50px;cursor:pointer}.map-content-box .inner .overlay .location-info{position:absolute;left:-10px;bottom:100px;width:270px;opacity:0;visibility:hidden;padding:25px 30px 22px;padding-right:20px;margin-left:0;border-radius:0;background-color:#fff;transition:all .3s ease;z-index:9999999999}.map-content-box .inner .overlay .location-info:before{position:absolute;left:30px;bottom:-30px;font-family:flaticon;content:"\f103";color:#fff;font-size:40px;line-height:40px;transform:perspective(1200px) rotateY(180deg) translateZ(0px)}.map-content-box .inner .overlay .single-location-box:hover .location-info{opacity:1;visibility:visible;bottom:90px}.map-content-box .inner .overlay .single-location-box:hover .marker-box span:before{color:#e9212e;transition:all 500ms ease}.map-content-box .inner .overlay .location-info h3{color:#27282c;font-weight:700;margin:0 0 13px}.map-content-box .inner .overlay .location-info p{margin:0}.appointment-box{position:relative;display:block;padding:44px 50px 50px;max-width:570px;width:100%;background:#fff}.appointment-box .title-box{position:relative;display:block;padding-bottom:22px}.appointment-box .title-box h2{color:#27282c;font-size:24px;line-height:34px;font-weight:600;margin:0 0 10px}.appointment-box .title-box span{}.appointment{position:relative;display:block}.appointment-form .single-box{position:relative;display:block}.appointment-form input[type=text],.appointment-form input[type=email],.appointment-form textarea{position:relative;display:block;padding:0 20px;border:1px solid #ededed;background:#fff;color:#7c7e84;font-size:15px;font-weight:400;width:100%;height:60px;margin-bottom:20px;border-radius:5px;transition:all 500ms ease}.appointment-form input[type=text]:focus{border-color:#96c73d}.appointment-form input[type=email]:focus{border-color:#96c73d}.appointment-form input[type=password]:focus{border-color:#96c73d}.appointment-form .single-box button{display:block;width:100%;background:#e9212e;color:#fff;margin-top:20px;border-radius:5px}.appointment-form input::-webkit-input-placeholder{color:#444343}.appointment-form input:-moz-placeholder{color:#444343}.appointment-form input::-moz-placeholder{color:#444343}.appointment-form input:-ms-input-placeholder{color:#444343}.appointment-form .single-box .bootstrap-select{position:relative;display:block}.appointment-form .single-box .bootstrap-select>.dropdown-toggle{outline:none!important;border-radius:5px;border:1px solid #edf2f7;height:60px;background-color:transparent;padding:0;padding-left:20px;color:#83888d;line-height:60px;margin:0;box-shadow:none!important}.appointment-form .single-box .bootstrap-select>.dropdown-toggle::after{position:absolute;top:50%;right:20px;width:auto;height:auto;font-family:fontawesome;content:'\f107';color:#83888d;font-size:18px;transform:translateY(-50%);margin:0;border:none}.appointment-form .single-box .bootstrap-select .dropdown-menu{margin:0;padding:0;border-radius:0;border:0 solid #ddd;background:#f9f9f9;font-size:16px;color:#000}.appointment-form .single-box .dropdown-item{display:block;width:100%;padding:9px 20px;font-weight:400;color:#222;text-align:inherit;white-space:nowrap;background-color:transparent;border:0;border-radius:0;transition:all 500ms ease}.appointment-form .single-box .dropdown-item.active,.appointment-form .single-box .dropdown-item:active{background:#e9212e;color:#fff}.appointment-form .single-box .dropdown-item:hover{background:#e9212e;color:#fff}.latest-blog-area{position:relative;display:block;background:#fff;padding-top:110px;padding-bottom:50px}.single-blog-post{position:relative;display:block;margin-bottom:52px}.single-blog-post .img-holder{position:relative;display:block;overflow:hidden}.single-blog-post:hover .overlay-style-two{opacity:1}.single-blog-post:hover .img-holder .overlay-style-two:before{opacity:1;transform:perspective(400px) rotateX(0deg);transition:all 700ms ease 100ms}.single-blog-post:hover .img-holder .overlay-style-two:after{opacity:1;transform:perspective(400px) rotateX(0deg);transition:all 700ms ease 300ms}.single-blog-post .img-holder img{width:100%;transform:scale(1.01);transition:all 700ms ease;max-height: 200px;}.single-blog-post:hover .img-holder img{transform:scale(1.2) rotate(2deg)}.single-blog-post .img-holder .overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;transform:translate3d(0px,-100%,0px);transition:all 700ms ease 300ms}.single-blog-post:hover .img-holder .overlay{transition:all 700ms ease 500ms;transform:translate3d(0px,0px,0px)}.single-blog-post .img-holder .overlay .box{display:table;width:100%;height:100%}.single-blog-post .img-holder .overlay .box .link-icon{display:table-cell;vertical-align:middle;text-align:center}.single-blog-post .img-holder .overlay .box .link-icon a span:before{display:inline-block;color:#fff;font-size:35px;line-height:35px;transition:all 500ms ease}.single-blog-post .img-holder .overlay .box .link-icon a:hover span:before{color:#96c73d}.single-blog-post .text-holder{position:relative;display:block;padding-top:20px}.single-blog-post .text-holder .post-date{position:relative;display:inline-block;height:45px;border-bottom:3px solid #dadada;transition:all 700ms ease 500ms}.single-blog-post .text-holder .post-date h3{position:relative;display:block;color:#e9212e;font-size:36px;line-height:38px;font-weight:600;text-transform:uppercase}.single-blog-post .text-holder .post-date h3 span{color:#27282c;font-size:14px}.single-blog-post .meta-box{position:relative;display:block;overflow:hidden;min-height:30px}.single-blog-post .meta-box .meta-info{position:relative;display:block;overflow:hidden;color:#96c73d}.single-blog-post .meta-box .meta-info li{position:relative;display:inline-block;float:right;line-height:20px;padding-left:16px;margin-left:14px;font-weight:500}.single-blog-post .meta-box .meta-info li:before{position:absolute;top:3px;left:0;width:1px;height:12px;background:#96c73d;content:""}.single-blog-post .meta-box .meta-info li:last-child{padding-right:0;margin-right:0}.single-blog-post .meta-box .meta-info li:last-child:before{display:none}.single-blog-post .meta-box .meta-info li a{color:#707070;font-size:14px;font-weight:500;text-transform:capitalize;transition:all 500ms ease}.single-blog-post .meta-box .meta-info li a:hover{color:#828282}.single-blog-post .text-holder .blog-title{position:relative;display:block;font-size:20px;line-height:28px;font-weight:600}.single-blog-post .text-holder .blog-title a{color:#27282c;transition:all 500ms ease}.single-blog-post .text-holder .blog-title a:hover{color:#96c73d}.single-blog-post .text-holder .text{display:block;margin-top:12px}.single-blog-post .text-holder .text p{margin:0 0 26px}.brand-area{position:relative;display:block;background:#f6f6f6;padding-top:40px;padding-bottom:30px}.brand-items{position:relative;display:block}.single-brand-item{position:relative;display:block}.single-brand-item a{display:block;text-align:center;transition:all 700ms ease 200ms}.single-brand-item a:hover{-webkit-box-shadow:0 5px 10px 2px #ebebeb;box-shadow:0 5px 10px 2px #ebebeb}.single-brand-item a img{width:auto;transition:all 900ms ease 200ms;transform:perspective(1200px) rotateY(0deg) translateZ(0px)}.single-brand-item:hover a img{transform:scale(.9)}.single-brand-item .overlay-content{position:absolute;left:0;right:0;bottom:-35px;width:130px;margin:0 auto;opacity:0;visibility:hidden;padding:3px 0 2px;text-align:center;background-color:#e9212e;transition:all 300ms ease 100ms;z-index:999}.single-brand-item:hover .overlay-content{bottom:-15px;visibility:visible;opacity:1}.single-brand-item .overlay-content:before{font-family:FontAwesome;content:"\f0de";position:absolute;top:-8px;left:0;right:0;text-align:center;color:#e9212e;font-size:30px}.single-brand-item .overlay-content p{color:#fff;font-size:16px;font-weight:600;font-family:poppins,sans-serif;margin:0}.brand-items-carousel.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;padding-bottom:20px}.brand-items-carousel.owl-carousel .owl-nav{position:absolute;right:0;top:-115px;margin:0;display:block}.brand-items-carousel.owl-carousel .owl-nav [class*=owl-]{position:relative;display:inline-block;background:#f6f6f6;width:55px;height:55px;border:1px solid #ddd;line-height:54px;margin:0;padding:0;transition:all 700ms ease 100ms;border-radius:50%;display:none}.brand-items-carousel.owl-carousel .owl-nav [class*=owl-] i:before{color:#ababab;font-size:20px;font-weight:400}.brand-items-carousel.owl-carousel .owl-nav .owl-next{margin-left:10px}.brand-items-carousel.owl-carousel .owl-nav [class*=owl-]:hover{border-color:#e9212e}.footer-area{position:relative;display:block;background:#27282c;z-index:1;background-repeat:no-repeat;background-size:cover;background-position:center}.footer-shape-bg{position:absolute;top:0;right:0;background-repeat:no-repeat;background-position:top right;height:695px;width:695px;background-image:url(../images/footer/footer-shape.png);z-index:-1}.single-footer-widget{position:relative;display:block;overflow:hidden}.single-footer-widget .title{position:relative;display:block;padding-bottom:27px;margin-top:-1px;margin-bottom:40px;z-index:1}.single-footer-widget .title:before{position:absolute;left:0;bottom:0;width:100%;height:1px;background:#404043;content:"";z-index:-1}.single-footer-widget .title:after{position:absolute;left:0;bottom:0;width:50px;height:1px;background:#e9212e;content:"";z-index:1}.single-footer-widget .title h3{color:#fff;font-size:24px;line-height:24px;font-weight:600;text-transform:capitalize}.single-footer-widget .contact-info-box{position:relative;display:block}.single-footer-widget .contact-info-box .footer-logo{position:relative;display:block;padding-bottom:33px}.single-footer-widget .contact-info-box .footer-logo a{display:inline-block}.single-footer-widget .contact-info-box ul{position:relative;display:block}.single-footer-widget .contact-info-box ul li{position:relative;display:block;margin-bottom:15px}.single-footer-widget .contact-info-box ul li:last-child{margin-bottom:0}.single-footer-widget .contact-info-box ul li h6{position:relative;display:inline-block;color:#fff;font-size:14px;line-height:20px;font-weight:600;text-transform:uppercase;border-bottom:2px solid #404043}.single-footer-widget .contact-info-box ul li p{color:#7c7e84;margin:13px 0 0}.single-footer-widget .services-links{position:relative;display:block}.single-footer-widget .services-links ul{position:relative;display:block;overflow:hidden;margin-top:-19px}.single-footer-widget .services-links ul li{position:relative;display:block;border-bottom:1px solid #333438;line-height:50px}.single-footer-widget .services-links ul li a{color:#7c7e84;font-size:15px;font-weight:400;padding-left:20px;transition:all 500ms ease}.single-footer-widget .services-links ul li a:hover{color:#fff}.single-footer-widget .services-links ul li a:before{position:absolute;top:0;left:0;content:"\f107";font-family:flaticon;color:#7c7e84;font-size:10px;transition:all 500ms ease;font-weight:600;line-height:20px;margin:14px 0 16px}.single-footer-widget .services-links ul li a:hover:before{content:"\f108";color:#fff;transition:all 500ms ease}.single-footer-widget .recent-news{position:relative;display:block;overflow:hidden}.single-footer-widget .recent-news li{position:relative;display:block;padding-left:75px;min-height:75px;margin-bottom:30px}.single-footer-widget .recent-news li:last-child{margin-bottom:0}.single-footer-widget .recent-news li .img-holder{position:absolute;top:0;left:0;width:75px;height:75px;display:block;overflow:hidden}.single-footer-widget .recent-news li .img-holder img{transition:all .5s ease-in-out .6s;width:100%;transform:scale(1,1)}.single-footer-widget .recent-news li:hover .img-holder img{transform:scale(1.2,1.2)}.single-footer-widget .recent-news li:hover .img-holder .overlay-style-one{opacity:1}.single-footer-widget .recent-news li .img-holder .overlay-style-one .content a span:before{position:relative;display:inline-block;width:25px;height:25px;color:#fff;font-size:25px;line-height:25px;font-weight:400;filter:alpha(opacity=0);opacity:0;transform:perspective(1200px) rotateY(-90deg) scale(5);transition:all .5s ease-in-out .3s}.single-footer-widget .recent-news li:hover .img-holder .overlay-style-one .content a span:before{filter:alpha(opacity=100);opacity:1;transform:perspective(1200px) rotateY(0deg) scale(1);transition-delay:.1s}.single-footer-widget .recent-news li .title-holder{position:relative;display:block;padding-left:20px}.single-footer-widget .recent-news li .title-holder p{color:#7c7e84;line-height:16px;margin:0 0 9px}.single-footer-widget .recent-news li .title-holder h5{font-size:16px;line-height:22px;font-weight:600}.single-footer-widget .recent-news li .title-holder h5 a{color:#fff}.single-footer-widget .brochures-carousel-box{position:relative;display:block;max-width:270px;width:100%;background:#fff}.single-footer-widget .brochures-carousel-box .img-holder{position:relative;display:block;overflow:hidden}.single-footer-widget .brochures-carousel-box .img-holder img{}.single-footer-widget .brochures-carousel-box .title-holder{position:relative;display:block;padding:24px 30px 22px;z-index:1}.single-footer-widget .brochures-carousel-box .title-holder:before{position:absolute;right:15px;bottom:20px;font-family:flaticon;content:"\f109";color:#ececec;font-size:80px;line-height:80px;z-index:-1}.single-footer-widget .brochures-carousel-box .title-holder h3{color:#27282c;font-size:18px;line-height:26px;font-weight:600;margin:0 0 17px}.single-footer-widget .brochures-carousel-box .title-holder h3 a{}.brochures-carousel-box .owl-dots{position:absolute;margin-top:-177px!important;height:25px;line-height:25px;right:15px}.brochures-carousel-box .owl-dots .owl-dot{background-image:none;width:12px;height:12px;margin:0 5px;background:0 0;border:2px solid #fff;padding:0;border-radius:50%;transition:all 500ms ease;display:inline-block}.brochures-carousel-box .owl-dots .owl-dot span{display:none}.brochures-carousel-box .owl-dots .owl-dot.active{background:#fff}.footer-bottom-area{position:relative;display:block;padding:20px 0;background:#fff;z-index:10}.footer-bottom-area .copyright-text{margin:0}.footer-bottom-area .copyright-text p{color:#7c7e84;font-size:15px;line-height:24px;font-weight:400;margin:0}.footer-bottom-area .copyright-text p a{color:#e9212e;font-weight:500;transition:all 500ms ease}.footer-bottom-area .copyright-text p a:hover{color:#7c7e84}.footer-social-links{position:relative;display:block}.footer-social-links span{position:relative;display:inline-block;float:left;padding-right:15px;color:#27282c;font-size:14px;line-height:30px;font-weight:600}.footer-social-links .sociallinks-style-one{position:relative;display:inline-block;line-height:30px;float:left}.footer-social-links .sociallinks-style-one li a i{color:#7c7e84;font-size:14px;font-weight:400;transition:all 500ms ease}.footer-social-links .sociallinks-style-one li a:hover i{color:#e9212e}.top-bar-style2{position:relative;display:block;background:#96c73d;padding:10px 19px}.top-style2{display:flow-root;justify-content:space-between;flex-direction:row;flex-wrap:nowrap;align-items:center;direction:rtl}.top-style2-left{position:relative;display:block}.top-style2-left p{position:relative;display:inline-block;float:left;color:#fff;font-size:15px;font-weight:500;line-height:30px;margin:0;font-family:poppins,sans-serif}.top-style2-left p span:before{position:relative;top:3px;color:#e9212e;font-size:20px;line-height:20px;display:inline-block;padding-right:9px}.top-style2-left ul{float:left;padding-right:20px}.top-style2-left ul li{position:relative;display:inline-block;float:right;padding-left:12px;margin-left:8px;color:#7c7e84;font-size:15px;line-height:30px}.top-style2-left ul li:last-child{padding-right:0;margin-right:0}.top-style2-left ul li:before{position:absolute;top:7px;left:0;width:1px;height:15px;content:""}.top-style2-left ul li:last-child:before{display:none}.top-style2-right{position:relative;display:block;overflow:hidden;float:right}.top-style2-right .top-right-menu{position:relative;display:inline-block;float:left;padding-right:20px;margin-right:20px}.top-style2-right .top-right-menu:before{position:absolute;top:7px;right:0;width:1px;height:15px;background:#404043;content:""}.top-style2-right .top-right-menu li{position:relative;display:inline-block;float:left;line-height:30px;padding-right:30px}.top-style2-right .top-right-menu li:last-child{padding-right:0}.top-style2-right .top-right-menu li a{color:#7c7e84;font-size:15px;transition:all 500ms ease}.top-style2-right .top-right-menu li a:hover{color:#e9212e}.top-style2-right .topbar-social-links{position:relative;display:inline-block;float:right}.top-style2-right .topbar-social-links li{position:relative;display:inline-block;float:left;line-height:30px;padding-right:30px}.top-style2-right .topbar-social-links li:last-child{padding-right:0}.top-style2-right .topbar-social-links li a i{color:#fff;font-size:13px;transition:all 500ms ease;border:1px solid;border-radius:50%;height:25px;line-height:24px;width:25px;text-align:center}.top-style2-right .topbar-social-links li a:hover i{color:#eab61e}.header-style2{position:relative;display:block;z-index:9999}.header-style2.stricky-fixed{position:fixed;top:0;left:0;width:100%;z-index:99999;background:#fff;margin:0;animation-name:menu_sticky;animation-duration:.6s;animation-timing-function:ease-out;transition:all .25s ease-in-out;-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);-moz-box-shadow:0 0 15px rgba(0,0,0,.1);-ms-box-shadow:0 0 15px rgba(0,0,0,.1);-o-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 15px rgba(0,0,0,.1)}.header-style2 .inner-container{position:relative;padding:0 50px}.logo-box-style2{position:relative;display:block;margin:10px 0;transition:all 500ms ease 100ms}.logo-box-style2 a{display:inline-block}.main-menu.style2 .navigation>li{margin-left: 35px;}.main-menu.style2 .navigation>li:last-child{margin-left:0}.main-menu.style2 .navigation>li>a{padding:40px 0 37px}.main-menu.style2 .navigation>li.dropdown>a:after{font-family:FontAwesome;position:absolute;left:-14px;top:0;display:block;font-size:14px;line-height:82px;color:#919191;font-weight:400;content:"\f107";z-index:5}.mainmenu-right.style2{margin-left:40px}.mainmenu-right.style2 .cart-box{float:left}.mainmenu-right.style2 .button{position:relative;display:inline-block;float:right;margin-left:35px;padding:20px 0}.mainmenu-right.style2 .button a{line-height:50px;padding:0 20px}.about-style2-area{position:relative;display:block;padding:110px 0}.about-style2-text{position:relative;display:block}.about-style2-text .sec-title{padding-bottom:30px}.about-style2-text .sec-title p{margin:0 0 27px}.about-style2-text .text{position:relative;display:block;border-top:1px dashed #ccc;padding-top:44px;padding-bottom:35px}.about-style2-text .text p{margin:0}.about-style2-text .authorised-info{position:relative;display:block}.about-style2-text .authorised-info .signature{width:185px}.about-style2-text .authorised-info .signature,.about-style2-text .authorised-info .name{display:table-cell;vertical-align:middle}.about-style2-text .authorised-info .name{border-left:1px solid #ededed;padding-left:20px}.about-style2-text .authorised-info .name h3{color:#27282c;font-weight:600;margin:0 0 5px}.about-style2-text .authorised-info .name p{color:#e9212e;line-height:20px;margin:0}.about-style2-text .button{position:relative;display:block;padding-top:50px}.about-style2-image-box{position:relative;display:block}.about-style2-image-box .pattern{position:absolute;top:-110px;left:5px;right:0;bottom:-110px;background:#f9f9f9;background-repeat:no-repeat;width:664px;height:765px;content:""}.about-style2-image-box .image{position:relative;display:block;max-width:470px;width:100%;margin:0 auto;z-index:3}.about-style2-image-box img{width:100%}.about-style2-image-box .overlay-box{position:absolute;left:40px;bottom:30px;right:40px;background:#fff}.about-style2-image-box .overlay-box:before{font-family:FontAwesome;position:absolute;top:-20px;left:30px;content:"\f0d8";color:#fff;font-size:50px}.about-style2-image-box .overlay-box .title{position:relative;display:block;float:left;padding:23px 0 20px;padding-left:30px}.about-style2-image-box .overlay-box .title h1{color:#555;font-size:48px;font-weight:500;filter:alpha(opacity=50);font-family:rubik,sans-serif}.about-style2-image-box .overlay-box .title h1 span{position:relative;display:inline-block;font-size:18px;line-height:24px;font-weight:700;text-transform:uppercase;font-family:poppins,sans-serif}.about-style2-image-box .overlay-box .button{position:relative;display:block;float:right}.about-style2-image-box .overlay-box .button a span:before{position:relative;display:block;width:80px;background:#e9212e;color:#fff;font-size:30px;line-height:100px;text-align:center;transform:rotate(180deg)}.working-style2-area{position:relative;display:block;background-attachment:fixed;background-size:cover;background-position:center top;background-repeat:no-repeat;padding:0 0 110px;margin-top:110px;z-index:1}.working-style2-area::before{background:rgba(0,0,0,.8) none repeat scroll 0 0;position:absolute;top:0;left:0;height:100%;width:100%;content:"";z-index:-1}.working-style2-content{margin-top:-110px}.single-working-box-style2{position:relative;display:block;width:25%;float:left}.single-working-box-style2 .img-holder{position:relative;display:block;overflow:hidden}.single-working-box-style2 .img-holder img{width:100%;transform:scale(1);transition:all 700ms ease}.single-working-box-style2:hover .img-holder img{transform:scale(1.2)}.single-working-box-style2 .static-content{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;visibility:visible;opacity:1;transform:translateY(0px);transition:all 500ms ease 100ms}.single-working-box-style2:hover .static-content{opacity:0;visibility:hidden;transform:translateY(100%);transition:all 900ms ease 100ms}.single-working-box-style2 .static-content .box{display:table;width:100%;height:100%}.single-working-box-style2 .static-content .box .inner{display:table-cell;vertical-align:middle;text-align:center}.single-working-box-style2 .icon-holder{position:relative;display:block;width:110px;height:110px;margin:0 auto 60px;text-align:center;border:2px solid #fff;border-radius:50%}.single-working-box-style2 .icon-holder span:before{display:block;color:#fff;font-size:55px;line-height:106px}.single-working-box-style2 .text-holder{position:relative;display:block}.single-working-box-style2 .text-holder .title{position:relative;display:block}.single-working-box-style2 .text-holder .title h3{color:#fff;font-size:20px;line-height:70px;font-weight:600;z-index:1}.single-working-box-style2 .text-holder .title .count{position:absolute;top:0;left:0;right:0;color:#2d2e32;font-size:100px;line-height:70px;font-weight:500;font-family:rubik,sans-serif;z-index:-1}.single-working-box-style2 .overlay-content{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;opacity:0;transform:translateY(100%);transition:all 300ms ease 100ms}.single-working-box-style2:hover .overlay-content{opacity:1;transform:translateY(-10px);transition:all 900ms ease 300ms}.single-working-box-style2 .overlay-content .box{display:table;width:100%;height:100%}.single-working-box-style2 .overlay-content .box .inner{display:table-cell;vertical-align:middle;text-align:center}.single-working-box-style2 .overlay-content .icon-holder{margin:0 auto 50px;border:2px solid #e9212e;background:#e9212e}.single-working-box-style2 .text-holder .text{position:relative;display:block;padding:0 20px;margin-top:34px}.single-working-box-style2 .text-holder .text p{color:#7c7e84;margin:0}.single-working-box-style2 .read-more a span:before{position:absolute;left:0;bottom:-30px;right:0;width:60px;height:60px;margin:0 auto;background:#e9212e;border-radius:50%;color:#fff;font-size:20px;line-height:60px;text-align:center;opacity:0;transform:scale(.5);transition:all 200ms ease 100ms}.single-working-box-style2:hover .read-more a span:before{opacity:1;transform:scale(1);transition:all 900ms ease 900ms}.working-style-bottom{position:relative;display:block;padding-top:84px}.working-style-bottom p{color:#fff;font-size:18px;font-weight:500;line-height:28px;margin:0 0 42px;font-family:poppins,sans-serif}.working-style-bottom a{padding:0 40px}.services-style1-area{position:relative;display:block;padding:110px 0 120px}.single-service-style1{position:relative;display:block;margin-bottom:50px}.single-service-style1 .img-holder{position:relative;display:block;overflow:hidden;z-index:1}.single-service-style1 .img-holder img{width:100%;transform:scale(1.01);transition:all 700ms ease}.single-service-style1:hover .img-holder img{transform:scale(1.2)}.single-service-style1:hover .overlay-style-two{opacity:1}.single-service-style1 .img-holder .overlay-style-two:before{background-color:rgba(40,41,46,.9)}.single-service-style1:hover .img-holder .overlay-style-two:before{opacity:1;transform:perspective(400px) rotateX(0deg);transition:all 700ms ease 100ms}.single-service-style1 .img-holder .overlay-style-two:after{background-color:rgba(40,41,46,.9)}.single-service-style1:hover .img-holder .overlay-style-two:after{opacity:1;transform:perspective(400px) rotateX(0deg);transition:all 700ms ease 300ms}.single-service-style1 .overlay-content-box{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5}.single-service-style1 .overlay-content-box .box{display:table;width:100%;height:100%}.single-service-style1 .overlay-content-box .box .inner{display:table-cell;vertical-align:middle;text-align:center}.single-service-style1 .overlay-content-box .icon{position:relative;display:block;margin:0 0 11px;opacity:0;transform:translate3d(0px,-50%,0px);transition:all 300ms ease 100ms}.single-service-style1:hover .overlay-content-box .icon{opacity:1;transform:translate3d(0px,0%,0px);transition:all 700ms ease 800ms}.single-service-style1 .overlay-content-box .icon span:before{display:inline-block;color:#e9212e;font-size:60px;line-height:60px}.single-service-style1 .overlay-content-box .title{position:relative;display:block;opacity:0;transform:translate3d(0px,50%,0px);transition:all 300ms ease 100ms}.single-service-style1:hover .overlay-content-box .title{opacity:1;transform:translate3d(0px,0%,0px);transition:all 700ms ease 900ms}.single-service-style1 .overlay-content-box .title h3{color:#fff;font-weight:600}.single-service-style1 .text-holder{position:relative;display:block;border:1px solid #ededed;padding:35px 30px 28px}.single-service-style1 .text-holder .inner-content{position:relative;display:block;-webkit-transform:translateY(0%);transform:translateY(0%);transition:all 700ms ease 800ms}.single-service-style1:hover .text-holder .inner-content{opacity:0;-webkit-transform:translateY(-40%);transform:translateY(-40%);transition:all 700ms ease 500ms}.single-service-style1 .text-holder .top{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.single-service-style1 .text-holder .top .icon{}.single-service-style1 .text-holder .top .icon span:before{color:#b3b3b3;font-size:60px;line-height:60px}.single-service-style1 .text-holder .top .count{}.single-service-style1 .text-holder .top .count h1{font-size:48px;line-height:40px;font-weight:500;background:-moz-linear-gradient(45deg,rgba(65,94,82,1) 0%,rgba(255,0,0,1) 1%,rgba(77,0,0,1) 100%);background:-webkit-gradient(linear,left bottom,right top,color-stop(0%,rgba(65,94,82,1)),color-stop(1%,rgba(255,0,0,1)),color-stop(100%,rgba(77,0,0,1)));background:-webkit-linear-gradient(45deg,rgba(65,94,82,1) 0%,rgba(255,0,0,1) 1%,rgba(77,0,0,1) 100%);background:-o-linear-gradient(45deg,rgba(65,94,82,1) 0%,rgba(255,0,0,1) 1%,rgba(77,0,0,1) 100%);background:-ms-linear-gradient(45deg,rgba(65,94,82,1) 0%,rgba(255,0,0,1) 1%,rgba(77,0,0,1) 100%);background:linear-gradient(45deg,rgba(65,94,82,1) 0%,rgba(255,0,0,1) 1%,rgba(77,0,0,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4D0000',endColorstr='#415E52',GradientType=1 );-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:rubik,sans-serif}.single-service-style1 .text-holder .bottom{padding-top:7px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.single-service-style1 .text-holder .bottom .title{}.single-service-style1 .text-holder .bottom .title h3{color:#27282c;font-weight:600}.single-service-style1 .text-holder .bottom .read-more{}.single-service-style1 .text-holder .bottom .read-more a span:before{color:#b3b3b3;font-size:25px;line-height:36px}.single-service-style1 .text-holder .overlay-content{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;display:block;padding:28px 30px 0;opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);transition:all 700ms ease 100ms}.single-service-style1:hover .text-holder .overlay-content{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition:all 700ms ease 500ms}.single-service-style1 .text-holder .overlay-content .text{position:relative;display:block}.single-service-style1 .text-holder .overlay-content .text p{margin:0}.single-service-style1 .text-holder .overlay-content .read-more{}.single-service-style1 .text-holder .overlay-content .read-more a span:before{position:absolute;left:0;bottom:-30px;right:0;width:60px;height:60px;margin:0 auto;background:#e9212e;display:block;text-align:center;border-radius:50%;color:#fff;font-size:24px;line-height:60px}.slogan-style2-area{position:relative;display:block;background-attachment:fixed;background-size:cover;background-position:center top;background-repeat:no-repeat;padding:102px 0 110px;z-index:1}.slogan-style2-area .icon-holder{position:absolute;top:-60px;left:0;right:0;width:120px;height:120px;background:#e9212e;margin:0 auto;border-radius:50%;text-align:center;animation:fa-spin 9s ease infinite}.slogan-style2-area .icon-holder span:before{position:relative;display:block;color:#fff;font-size:80px;line-height:120px}.slogan-style2-area .inner-content{display:flex;align-items:center;flex-direction:column;text-align:center}.slogan-style2-area .inner-content .title{display:block;padding-bottom:40px}.slogan-style2-area .inner-content .title h1{color:#fff;font-size:36px;line-height:44px;font-weight:700;text-transform:uppercase}.slogan-style2-area .inner-content .title h1 span{font-weight:400}.slogan-style2-area .inner-content .button{}.slogan-style2-area .inner-content .button a{color:#27282c;background:#fff;margin:0 13px;padding:0 40px}.slogan-style2-area .inner-content .button a:hover{color:#fff;background:#27282c}.slogan-style2-area .inner-content .button a.call-us{color:#fff;background:#e9212e}.slogan-style2-area .inner-content .button a.call-us i:before{position:relative;top:2px;display:inline-block;padding-right:10px;font-size:20px;line-height:20px}.why-choose-area{position:relative;display:block;background-attachment:fixed;background-size:cover;background-position:center top;background-repeat:no-repeat;padding:110px 0;z-index:1}.why-choose-title{position:relative;display:block;padding-bottom:60px;background:#27282c;max-width:390px;width:100%}.why-choose-title .sec-title{margin:0;padding-top:50px;padding-left:40px;padding-bottom:28px}.why-choose-title .sec-title .icon{position:relative;display:block;margin-bottom:32px}.why-choose-title .sec-title .title{color:#fff;font-size:30px;line-height:40px}.why-choose-title ul{position:relative;display:block;padding-left:40px}.why-choose-title ul li{position:relative;display:block;padding-left:35px;color:#fff;font-size:16px;margin-bottom:17px}.why-choose-title ul li:last-child{margin-bottom:0}.why-choose-title ul li:before{font-family:icomoon;content:"\e935";position:absolute;top:2px;left:0;color:#e9212e;font-size:20px;line-height:20px}.why-choose-title .button{position:relative;display:block;margin-top:52px;z-index:1}.why-choose-title .button:before{position:absolute;top:0;left:-10px;bottom:0;width:10px;background:#e9212e;content:"";z-index:-1}.why-choose-title .button:after{position:absolute;top:-15px;left:-10px;width:10px;height:15px;content:"";background:url(../images/icon/button-shape.png);z-index:-1}.why-choose-title .button a{position:relative;display:block;background:#e9212e;color:#fff;line-height:70px;padding:0 40px}.why-choose-title .button a:hover{background:#d51723}.why-choose-content{position:relative;max-width:780px;width:100%;display:flex;justify-content:center;flex-direction:row;flex-wrap:wrap}.why-choose-content .single-box{position:relative;display:block;padding:50px 40px 42px;padding-right:30px;width:50%}.why-choose-content .single-box.redbg{background:#e9212e}.why-choose-content .single-box.whitebg{background:#fff}.why-choose-content .single-box.blackbg{background:#27282c}.why-choose-content .single-box .icon-holder{position:relative;display:block;padding:10px;width:70px;height:70px;z-index:1}.why-choose-content .single-box .icon-holder:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:#ed4d58;border-radius:50%;z-index:-1}.why-choose-content .single-box .icon-holder span:before{color:#fff;font-size:50px;line-height:50px}.why-choose-content .single-box .text-holder{position:relative;display:block;padding-top:16px}.why-choose-content .single-box .text-holder h3{color:#fff;font-size:20px;font-weight:600;margin:0 0 18px}.why-choose-content .single-box .text-holder p{color:#fff;margin:0}.why-choose-content .single-box.whitebg .text-holder h3{color:#e9212e}.why-choose-content .single-box.whitebg .text-holder p{color:#828282}.why-choose-content .single-box.whitebg .icon-holder:before{background:#ffeced}.why-choose-content .single-box.whitebg .icon-holder span:before{color:#e9212e}.why-choose-content .single-box.blackbg .text-holder p{color:#828282}.why-choose-content .single-box.blackbg .icon-holder:before{background:#36373b}.why-choose-content .single-box.blackbg .icon-holder span:before{color:#fff}.recently-project-style2-area{position:relative;display:block;padding:110px 0 108px}.single-project-style2{position:relative;display:block}.single-project-style2 .img-holder{position:relative;display:block;overflow:hidden}.single-project-style2 .img-holder:before{position:absolute;left:0;bottom:0;right:0;height:40%;content:"";transition:all 300ms ease 100ms;z-index:2;background:#27282c;background:linear-gradient(180deg,rgba(39,40,44,0) 40%,rgba(39,40,44,0.8407738095238095) 78%,rgba(39,40,44,1) 94%,rgba(39,40,44,1) 100%,rgba(39,40,44,1) 100%,rgba(237,237,237,1) 100%,rgba(32,50,96,0) 100%)}.single-project-style2:hover .img-holder:before{opacity:0}.single-project-style2 .img-holder:after{position:absolute;left:0;bottom:0;right:0;height:100%;content:"";opacity:0;transition:all 300ms ease 100ms;z-index:2;background:#27282c;background:linear-gradient(0deg,rgba(39,40,44,0) 0%,rgba(39,40,44,0.8407738095238095) 0%,rgba(39,40,44,1) 0%,rgba(39,40,44,0.7959558823529411) 100%,rgba(39,40,44,1) 100%,rgba(39,40,44,1) 100%,rgba(237,237,237,1) 100%,rgba(32,50,96,0) 100%)}.single-project-style2:hover .img-holder:after{opacity:1}.single-project-style2 .img-holder img{width:100%;transform:scale(1.01);transition:all 700ms ease}.single-project-style2:hover .img-holder img{transform:scale(1.2) rotate(2deg)}.single-project-style2 .read-more{position:absolute;top:40px;left:40px;z-index:3}.single-project-style2 .read-more a span:before{position:relative;display:block;width:60px;height:60px;background:#fff;border-radius:50%;color:#858585;font-size:20px;line-height:60px;text-align:center;transition:all 700ms ease 400ms}.single-project-style2:hover .read-more a span:before{color:#fff;background:#e9212e;transform:perspective(400px) rotate(360deg)}.single-project-style2 .title-box{position:absolute;left:40px;bottom:34px;z-index:3}.single-project-style2 .title-box span{color:#7c7e84}.single-project-style2 .title-box h3{color:#fff;font-weight:600;margin:3px 0 0}.project-carousel-v2 .owl-dots{position:relative;display:block!important;margin-top:43px!important;line-height:14px}.project-carousel-v2 .owl-dots .owl-dot{background-image:none;width:20px;height:5px;margin:0 10px;background:#e1e1e1;border:2px solid #e1e1e1;padding:0;border-radius:0%;transition:all 500ms ease;display:inline-block}.project-carousel-v2 .owl-dots .owl-dot span{display:none}.project-carousel-v2 .owl-dots .owl-dot.active{background:#e9212e;border-color:#e9212e}.working-process-style2-area{position:relative;display:block;background-attachment:fixed;background-size:cover;background-position:center top;background-repeat:no-repeat;padding:110px 0;z-index:1}.single-working-process-style2{position:relative;display:block;max-width:370px;min-width:370px;width:100%;margin:0 auto;background:#fff}.single-working-process-style2 .top-box{position:relative;display:block;padding:30px 40px 20px;z-index:2}.single-working-process-style2 .top-box:before{position:absolute;top:11px;right:0;width:370px;height:113px;background:url(../images/pattern/working-process-item-bg.png);content:"";z-index:-1;opacity:1;transition:all 300ms ease 100ms}.single-working-process-style2:hover .top-box:before{opacity:0;transition:all 900ms ease 500ms}.single-working-process-style2 .top-box:after{position:absolute;top:0;left:0;width:370px;height:99px;background:url(../images/pattern/working-process-item-hover-bg.png);content:"";z-index:-1;transition:all 900ms ease 100ms;transform-style:preserve-3d;transform:perspective(1200px) rotateX(-90deg) translateZ(-45px);opacity:0}.single-working-process-style2:hover .top-box:after{opacity:1;transform:perspective(1200px) rotateX(0deg) translateZ(0px);transition:all 900ms ease 300ms}.single-working-process-style2 .top-box .count{position:relative;display:block;float:left}.single-working-process-style2 .top-box .count h1{color:#e9212e;font-size:60px;line-height:46px;font-weight:500;font-family:rubik,sans-serif;transition:all 700ms ease 500ms}.single-working-process-style2:hover .top-box .count h1{color:#fff}.single-working-process-style2 .top-box .icon{position:relative;display:block;float:right}.single-working-process-style2 .top-box .icon span:before{color:#d0d0d0;font-size:70px;line-height:70px}.single-working-process-style2 .inner{position:relative;display:block;overflow:hidden;padding:35px 40px 52px;width:100%}.single-working-process-style2 .inner h3{color:#27282c;font-weight:600;margin:0 0 18px}.single-working-process-style2 .inner p{margin:0}.working-process-carousel.owl-carousel .owl-nav{position:absolute;right:0;top:-115px;margin:0;display:block}.working-process-carousel.owl-carousel .owl-nav [class*=owl-]{position:relative;display:inline-block;background:0 0;width:55px;height:55px;border:1px solid #ddd;line-height:54px;margin:0;padding:0;transition:all 700ms ease 100ms;border-radius:50%}.working-process-carousel.owl-carousel .owl-nav [class*=owl-] i:before{color:#ababab;font-size:20px;font-weight:400}.working-process-carousel.owl-carousel .owl-nav .owl-next{margin-left:10px}.working-process-carousel.owl-carousel .owl-nav [class*=owl-]:hover{border-color:#e9212e}.testimonial-style2-area{position:relative;display:block;padding:110px 0 108px}.testimonial-style2-area .sec-title{padding-bottom:40px}.single-testimonial-style2{position:relative;display:block;border:1px solid transparent;transition:all 700ms ease 300ms}.single-testimonial-style2 .inner-content{position:relative;display:block;overflow:hidden}.single-testimonial-style2 .static-content{position:relative;display:block;padding:55px 40px 62px;transform:translateY(0%);transition:all 700ms ease 100ms}.single-testimonial-style2:hover .static-content{opacity:0;transform:translateY(-10%);transition:all 900ms ease 100ms}.single-testimonial-style2 .static-content .quote-icon{position:relative;display:block;padding-bottom:11px}.single-testimonial-style2 .static-content .quote-icon span:before{color:#e9212e;font-size:63px;line-height:63px}.single-testimonial-style2 .text-box{}.single-testimonial-style2 .text-box p{margin:0}.single-testimonial-style2 .static-content .client-info{position:relative;display:block;padding-top:32px}.single-testimonial-style2 .client-info .review-box{}.single-testimonial-style2 .client-info .review-box ul{}.single-testimonial-style2 .client-info .review-box ul li{float:none;margin:0 1px}.single-testimonial-style2 .client-info .review-box ul li i{}.single-testimonial-style2 .client-info h3{color:#27282c;font-size:18px;font-weight:600;margin:8px 0 0}.single-testimonial-style2 .client-info{position:relative;display:block}.single-testimonial-style2 .overlay-content{position:absolute;top:0;left:0;bottom:0;right:0;background:#fff;display:block;padding:50px 40px 0;opacity:0;transform:translateY(-10%);transition:all 700ms ease 100ms}.single-testimonial-style2:hover .overlay-content{opacity:1;transform:translateY(0%);transition:all 900ms ease 100ms}.single-testimonial-style2 .overlay-content .img-box{position:relative;display:block;width:80px;height:80px;margin:0 auto}.single-testimonial-style2 .overlay-content .img-box img{border-radius:50%}.single-testimonial-style2 .overlay-content .text-box{position:relative;display:block;padding:10px 0;margin:14px 0 0;z-index:2}.single-testimonial-style2 .overlay-content .text-box .quote-icon{position:absolute;top:-18px;left:0;right:0;z-index:-1}.single-testimonial-style2 .overlay-content .text-box .quote-icon span:before{color:#f6f6f6;font-size:128px;line-height:128px}.single-testimonial-style2 .overlay-content .client-info{position:relative;display:block;padding-top:22px}.testimonial-style2-content{overflow:hidden}.testimonial-style2-content .owl-carousel{display:block;max-width:370px;width:100%;margin:0 auto}.testimonial-style2-content .owl-carousel .owl-stage-outer{overflow:visible;padding:10px 0 43px}.testimonial-style2-content .owl-carousel .owl-stage-outer .owl-item.active .single-testimonial-style2{-webkit-box-shadow:0 2px 5px 4px #f6f6f6;box-shadow:0 2px 5px 4px #f6f6f6;transition:all 700ms ease 800ms}.testimonial-style2-content .owl-carousel .owl-stage-outer .owl-item.active .single-testimonial-style2 .static-content{opacity:0;transform:translateY(-10%);transition:all 900ms ease 300ms}.testimonial-style2-content .owl-carousel .owl-stage-outer .owl-item.active .single-testimonial-style2 .overlay-content{opacity:1;transform:translateY(0%);transition:all 900ms ease 300ms}.testimonial-carousel .owl-dots{position:relative;display:block!important;margin-top:0!important;line-height:14px}.testimonial-carousel .owl-dots .owl-dot{background-image:none;width:20px;height:5px;margin:0 10px;background:#e1e1e1;border:2px solid #e1e1e1;padding:0;border-radius:0%;transition:all 500ms ease;display:inline-block}.testimonial-carousel .owl-dots .owl-dot span{display:none}.testimonial-carousel .owl-dots .owl-dot.active{background:#e9212e;border-color:#e9212e}.contact-details-area{position:relative;display:block;padding:110px 0 0;z-index:4}.contact-details-area .sec-title{z-index:3}.contact-details-area .parallax-background{position:absolute;top:0;left:0;width:100%;min-height:550px;background-attachment:fixed;background-position:center top;background-repeat:no-repeat;background-size:cover;z-index:1}.contact-details-content{position:relative;display:block;background:#f6f6f6;z-index:3}.content-info-box{position:relative;display:block;background-attachment:scroll;background-position:left top;background-repeat:no-repeat;background-size:auto;min-height:650px;margin-right:30px}.content-info-box .inner-content{display:flex;flex-direction:column;align-items:flex-end;flex-wrap:wrap;padding:70px 0}.content-info-box .inner-content .inner{-webkit-box-shadow:3px 0 5px 0 #ededed;box-shadow:3px 0 5px 0 #ededed}.content-info-box .inner-content .single-info-box{max-width:270px;width:100%;background:#e9212e;text-align:center;padding:50px 30px 42px}.content-info-box .inner-content .single-info-box .icon{margin-bottom:20px}.content-info-box .inner-content .single-info-box .icon span:before{color:#f6f6f6;font-size:50px;line-height:50px}.content-info-box .inner-content .single-info-box .text{}.content-info-box .inner-content .single-info-box .text h3{color:#f6f6f6;font-size:18px;font-weight:600;margin:0 0 12px}.content-info-box .inner-content .single-info-box .text p{color:#f6f6f6;margin:0}.content-info-box .inner-content .single-info-box.white-bg{background:#f4f4f4}.content-info-box .inner-content .single-info-box.white-bg .icon span:before{color:#e9212e}.content-info-box .inner-content .single-info-box.white-bg .text h3{color:#27282c}.content-info-box .inner-content .single-info-box.white-bg .text p{color:#828282}.contact-details-form-box{position:relative;display:block;padding:65px 60px 0;width:100%;padding-left:0}.contact-details-form-box .title-box{position:relative;display:block;padding-bottom:42px}.contact-details-form-box .title-box h2{color:#27282c;font-size:30px;line-height:36px;font-weight:600}.contact-details-box{position:relative;display:block}.contact-details-form .single-box{position:relative;display:block}.contact-details-form input[type=text],.contact-details-form input[type=email],.contact-details-form input[type=number],.contact-details-form input[type=file],.contact-details-form input[type=password],.contact-details-form textarea{position:relative;display:block;padding:0 20px;border:1px solid #e0e0e0;background:#f6f6f6;color:#080808;font-size:15px;font-weight:500;width:100%;height:55px;border-radius:0;transition:all 500ms ease;border-right:2px solid #7c7e84}.contact-details-form input[type=date]{position:relative;display:block;padding:0 100px 0 5px;border:1px solid #e0e0e0;background:#f6f6f6;color:#080808;font-size:15px;font-weight:500;width:100%;height:55px;border-radius:0;transition:all 500ms ease;border-right:2px solid #7c7e84}.datename{position:absolute;top:0;right:16px;color:#525151;line-height:50px}.spanpadddate{padding-right:12px!important}.padddate{padding:0 100px 0 5px!important}.contact-details-form textarea{padding:15px 20px;height:120px;margin-top:30px;margin-bottom:50px}.contact-details-form input[type=text]:focus{border:1px solid #e9212e;border-right:2px solid #96c73d}.contact-details-form input[type=email]:focus{border:1px solid #e9212e;border-right:2px solid #96c73d}.contact-details-form input[type=number]:focus{border:1px solid #e9212e;border-right:2px solid #96c73d}.contact-details-form select:focus{border:1px solid #e9212e;border-right:2px solid #96c73d}.contact-details-form input[type=password]:focus{border:1px solid #e9212e;border-right:2px solid #96c73d}.contact-details-form textarea:focus{border-right:2px solid #96c73d}.contact-details-form .single-box button{padding:0 40px}.contact-details-form input::-webkit-input-placeholder{color:#444343}.contact-details-form input:-moz-placeholder{color:#444343}.contact-details-form input::-moz-placeholder{color:#444343}.contact-details-form input:-ms-input-placeholder{color:#444343}.login-register-area .form .input-field input[type=text]:focus{border:1px solid #e9212e;border-right:2px solid #96c73d}.login-register-area .form .input-field input[type=email]:focus{border:1px solid #e9212e;border-right:2px solid #96c73d}.login-register-area .form .input-field input[type=password]:focus{border:1px solid #e9212e;border-right:2px solid #96c73d}.login-register-area .form .input-field input[type=number]:focus{border:1px solid #e9212e;border-right:2px solid #96c73d}.login-register-area .form .input-field textarea:focus{border:1px solid #e9212e;border-right:2px solid #96c73d}.login-register-area .form .input-field select:focus{border:1px solid #e9212e;border-right:2px solid #96c73d}.contact-details-form .single-box .bootstrap-select{position:relative;display:block}.contact-details-form .single-box .bootstrap-select>.dropdown-toggle{position:relative;display:block;outline:none!important;border-radius:0;background-color:#f6f6f6;border:1px solid #e0e0e0;height:55px;line-height:55px;padding:0;padding-right:6px;color:#0e0e0e;margin:0;box-shadow:none!important;border-right:2px solid #7c7e84}.contact-details-form .single-box .bootstrap-select>.dropdown-toggle::after{position:absolute;top:50%;left:20px;width:auto;height:auto;font-family:fontawesome;content:'\f107';color:#7c7e84;font-size:18px;transform:translateY(-50%);margin:0;border:none}.contact-details-form .single-box .bootstrap-select .dropdown-menu{position:static;margin:0;padding:0;border-radius:0;border:0 solid #ddd;background:#f9f9f9;font-size:16px;color:#000}.contact-details-form .single-box .dropdown-item{display:block;width:100%;padding:9px 20px;font-weight:400;color:#222;text-align:inherit;white-space:nowrap;background-color:#9b959552;border:0;border-radius:0;transition:all 500ms ease;text-align:right;border-bottom:1px solid gray}.contact-details-form .single-box .dropdown-item.active,.contact-details-form .single-box .dropdown-item:active{background:#585757;color:#fff}.contact-details-form .single-box .dropdown-item:hover{background:#96c73d;color:#fff}.contact-details-form .single-box1 .bootstrap-select{position:relative;display:block}.contact-details-form .single-box1 .bootstrap-select>.dropdown-toggle{position:relative;display:block;outline:none!important;border-radius:0;background-color:#f6f6f6;border:1px solid #e0e0e0;height:55px;line-height:55px;padding:0;padding-right:6px;color:#0e0e0e;margin:0;box-shadow:none!important;border-right:2px solid gray}.contact-details-form .single-box1 .bootstrap-select>.dropdown-toggle::after{position:absolute;top:50%;left:20px;width:auto;height:auto;font-family:fontawesome;content:'\f107';color:#7c7e84;font-size:18px;transform:translateY(-50%);margin:0;border:none}.contact-details-form .single-box1 .bootstrap-select .dropdown-menu{position:static;margin:0;padding:0;border-radius:0;border:0 solid #ddd;background:#f9f9f9;font-size:16px;color:#000}.contact-details-form .single-box1 .dropdown-item{display:block;width:100%;padding:9px 20px;font-weight:400;color:#222;text-align:inherit;white-space:nowrap;background-color:#9b959552;border:0;border-radius:0;transition:all 500ms ease;text-align:right;border-bottom:1px solid gray}.contact-details-form .single-box1 .dropdown-item.active,.contact-details-form .single-box1 .dropdown-item:active{background:#585757;color:#fff}.contact-details-form .single-box1 .dropdown-item:hover{background:#96c73d;color:#fff}.latest-blog-area.style2{}.more-blog-button{position:relative;display:block;margin-top:39px}.brand-area.style2{padding-top:110px;padding-bottom:110px}.single-brand-item.style2{max-width:170px;width:100%;float:left;margin-right:30px}.single-brand-item.style2:last-child{margin-right:0}.single-brand-item.style2 a:hover{-webkit-box-shadow:0 -4px 10px 3px #e8e8e8;box-shadow:0 -4px 10px 3px #e8e8e8}.instagram-area{position:relative;display:block;background:#e9212e}.instagram-title{position:relative;display:block;margin-right:-30px;padding:43px 0;z-index:3}.instagram-title .pattern-bg{position:absolute;top:0;left:-500px;bottom:0;right:0;background:url(../images/pattern/instagram-title-bg.png);z-index:-1;background-repeat:no-repeat}.instagram-title h3{color:#fff;font-size:20px;line-height:28px;font-weight:600;margin:0 0 17px}.instagram-title a{color:#fff}.instagram-title a:hover{color:#27282c}.instagram-items{position:relative;display:block;margin-right:-375px;z-index:3}.instagram-items li{position:relative;display:inline-block;float:left}.instagram-items li .img-holder{position:relative;display:block;overflow:hidden}.instagram-items li:hover .overlay-style-two{opacity:1}.instagram-items li .img-holder .overlay-style-two:before{background-color:rgba(40,41,46,.95)}.instagram-items li:hover .img-holder .overlay-style-two:before{opacity:1;transform:perspective(400px) rotateX(0deg);transition:all 700ms ease 100ms}.instagram-items li .img-holder .overlay-style-two:after{background-color:rgba(40,41,46,.95)}.instagram-items li:hover .img-holder .overlay-style-two:after{opacity:1;transform:perspective(400px) rotateX(0deg);transition:all 700ms ease 300ms}.instagram-items li .img-holder img{width:100%;transform:scale(1.01);transition:all 700ms ease}.instagram-items li:hover .img-holder img{transform:scale(1.2) rotate(2deg)}.instagram-items li .img-holder .overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;transform:translate3d(0px,-100%,0px);transition:all 700ms ease 300ms}.instagram-items li:hover .img-holder .overlay{transition:all 700ms ease 500ms;transform:translate3d(0px,0px,0px)}.instagram-items li .img-holder .overlay .box{display:table;width:100%;height:100%}.instagram-items li .img-holder .overlay .box .link-icon{display:table-cell;vertical-align:middle;text-align:center}.instagram-items li .img-holder .overlay .box .link-icon a span:before{display:inline-block;color:#fff;font-size:30px;line-height:30px;transition:all 500ms ease}.instagram-items li .img-holder .overlay .box .link-icon a:hover span:before{color:#e9212e}.footer-area.style2{padding:110px 0 100px;z-index:10}.single-footer-widget .title-style2{position:relative;display:block;margin-top:-4px;padding-bottom:25px}.single-footer-widget .title-style2 h3{color:#000;font-size:22px;line-height:30px;font-weight:600;text-transform:capitalize}.single-footer-widget .our-info-box{}.single-footer-widget .our-info-box .footer-logo{position:relative;display:block;padding-bottom:34px}.single-footer-widget .our-info-box .footer-logo a{display:inline-block}.single-footer-widget .our-info-box .text{position:relative;display:block;padding-bottom:23px}.single-footer-widget .our-info-box .text p{color:#7c7e84;margin:0}.single-footer-widget .our-info-box .follow-us-social-links{position:relative;display:block}.single-footer-widget .our-info-box .follow-us-social-links span{position:relative;display:inline-block;padding-right:6px;color:#fff;font-size:15px;line-height:30px;float:left}.single-footer-widget .our-info-box .follow-us-social-links ul{position:relative;display:inline-block;float:left;line-height:30px}.single-footer-widget .our-info-box .follow-us-social-links ul li{position:relative;display:inline-block;float:left;padding-right:11px;margin-right:10px}.single-footer-widget .our-info-box .follow-us-social-links ul li:before{position:absolute;top:10px;right:0;width:1px;height:11px;background:#404146;content:"";transform:rotate(15deg)}.single-footer-widget .our-info-box .follow-us-social-links ul li:last-child{padding-right:0;margin-right:0}.single-footer-widget .our-info-box .follow-us-social-links ul li a{color:#7c7e84;font-size:15px;transition:all 300ms ease 100ms}.single-footer-widget .our-info-box .follow-us-social-links ul li a:hover{color:#fff}.single-footer-widget .usefull-links{position:relative;display:block;overflow:hidden;margin-top:-12px}.single-footer-widget .usefull-links ul{position:relative;display:block;overflow:hidden;text-align:right}.single-footer-widget .usefull-links ul.marleft30{margin-left:30px}.single-footer-widget .usefull-links ul.borders-left{position:relative;margin-left:80px;padding-left:30px}.single-footer-widget .usefull-links ul li{position:relative;display:block;line-height:40px}.single-footer-widget .usefull-links ul li a{color:#4a4949;font-size:15px;font-weight:500;padding-left:20px;transition:all 500ms ease}.single-footer-widget .usefull-links ul li a:hover{color:#96c73d}.single-footer-widget .usefull-links ul li a:before{position:absolute;top:0;left:0;font-family:flaticon;font-size:10px;transition:all 500ms ease;font-weight:600;line-height:36px;margin:0 0}.single-footer-widget .usefull-links ul li a:hover:before{color:#fff;transition:all 500ms ease}.single-footer-widget .usefull-links ul.borders-left:before{position:absolute;top:12px;left:0;bottom:7px;width:1px;background:#404043;content:""}.single-footer-widget .subscribe-box{position:relative;display:block}.single-footer-widget .subscribe-form{position:relative;display:block;max-width:370px;width:100%}.single-footer-widget .subscribe-form input[type=email]{position:relative;display:block;background:#27282c;border:1px solid #404043;color:#62656f;font-size:15px;font-weight:400;width:100%;height:52px;margin-bottom:0;padding:0 20px;transition:all 500ms ease}.single-footer-widget .subscribe-form input::-webkit-input-placeholder{color:#444343}.single-footer-widget .subscribe-form input:-moz-placeholder{color:#444343}.single-footer-widget .subscribe-form input::-moz-placeholder{color:#444343}.single-footer-widget .subscribe-form input:-ms-input-placeholder{color:#444343}.single-footer-widget .subscribe-form button{margin-top:20px;line-height:50px}.single-footer-widget .subscribe-form input[type=email]:focus{border:1px solid #fff;background:#fff;color:#222}.single-footer-widget .subscribe-form input[type=email]:focus+button,.single-footer-widget .subscribe-form button:hover{background:#191a1c;color:#fff}.single-footer-widget .subscribe-box .text{position:relative;display:block;padding-top:14px}.single-footer-widget .subscribe-box .text p{color:#7c7e84;font-size:15px;margin:0}.single-footer-widget .subscribe-box .text p span{color:#e9212e}.topbar-style3-area{position:relative;display:block;border-bottom:1px solid #ededed;padding:12px 0}.topbar-style3-content{position:relative;display:flex;justify-content:space-between;flex-direction:row;align-items:center;flex-wrap:wrap}.topbar-style3-left{position:relative;display:block}.topbar-style3-left ul{}.topbar-style3-left ul li{display:inline-block;float:left;margin-right:30px;line-height:28px}.topbar-style3-left ul li:last-child{margin-right:0}.topbar-style3-left ul li a{color:#7c7e84;font-size:15px;font-weight:400;transition:all 500ms ease}.topbar-style3-left ul li a:hover{color:#e9212e}.topbar-style3-right{position:relative;display:block;max-width:270px;width:100%}.topbar-style3-right ul{position:relative;display:block;overflow:hidden;float:left;border-right:1px solid #dadada;padding-right:20px}.topbar-style3-right ul li{position:relative;display:inline-block;float:left;margin-right:20px;line-height:28px}.topbar-style3-right ul li:last-child{margin-right:0}.topbar-style3-right ul li a{color:#7c7e84;font-size:14px;font-weight:400}.topbar-style3-right ul li a:hover{color:#e9212e}.header-style3-area{position:relative;display:block}.header-style3-content{position:relative;display:block;overflow:hidden}.logo-box-style3{position:relative;display:block;margin:30px 0}.logo-box-style3 a{display:inline-block}.header-contact-info.style2{position:relative;display:block;padding-left:90px;border-left:none;margin:27px 0 28px}.header-contact-info.style2 li:last-child{margin-right:0;padding-right:0;border:none}.header-call-button{position:relative;display:block;width:270px;background:#e9212e;text-align:right;padding:30px;z-index:1}.header-call-button:before{position:absolute;left:30px;bottom:0;right:30px;height:1px;background:#ea5f68;content:""}.header-call-button .inner{position:relative;display:block;padding-right:60px}.header-call-button .inner .icon{position:absolute;top:0;right:0;transform:rotateY(180deg)}.header-call-button .inner .icon span:before{color:#fff;font-size:40px;line-height:50px}.header-call-button .inner .title{position:relative;display:block}.header-call-button .inner .title span{color:#fff;font-size:15px;font-weight:400}.header-call-button .inner .title h3{color:#fff;font-size:18px;line-height:22px;font-weight:500;margin:3px 0 0;font-family:rubik,sans-serif}.mainmenu-style3-area{position:relative;display:block;background:#27282c}.mainmenu-style3-area.stricky-fixed{position:fixed;top:0;left:0;width:100%;z-index:99999999;background:#27282c;margin:0;animation-name:menu_sticky;animation-duration:.6s;animation-timing-function:ease-out;transition:all .25s ease-in-out;-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);-moz-box-shadow:0 0 15px rgba(0,0,0,.1);-ms-box-shadow:0 0 15px rgba(0,0,0,.1);-o-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 15px rgba(0,0,0,.1)}.main-menu.style3{position:relative;display:inline-block;border-left:1px solid #1a1b1f}.main-menu.style3 .navigation>li{position:relative;display:inline-block;float:left;margin-right:0;border-left:1px solid #3d3e42;border-right:1px solid #1a1b1f}.main-menu.style3 .navigation>li:last-child{border-right:none}.main-menu.style3 .navigation>li>a{color:#fff;padding:30px 35px 26px}.main-menu.style3 .navigation>li:last-child>a{padding-right:0}.main-menu.style3 .navigation>li:hover>a,.main-menu.style3 .navigation>li.current>a{color:#e9212e}.mainmenu-right.style3{position:relative;display:inline-block;float:right;margin:0}.mainmenu-right.style3 .button a{line-height:70px;width:270px;padding:0;text-align:center}.mainmenu-right.style3 .button a:hover{background:#232427}.featured-area{position:relative;display:block;margin-top:-160px;z-index:10;background:0 0}.single-featured-box{position:relative;display:block;padding-top:50px;max-width:370px;width:100%;margin:0 auto;overflow:hidden}.single-featured-box .inner{position:relative;display:block;background:#e9212e;transition:all 300ms ease 100ms}.single-featured-box .inner .img-holder{position:relative;display:block;width:255px;height:270px;float:right}.single-featured-box .inner .static-content{position:absolute;left:0;bottom:0;width:100%;height:100%;display:block;padding-top:125px;padding-left:30px;opacity:1;visibility:visible;z-index:1;transform:translateY(0px);transition:all 500ms ease 100ms}.single-featured-box:hover .inner .static-content{opacity:0;visibility:hidden;transform:translateY(50%);transition:all 900ms ease 100ms}.single-featured-box .icon{position:relative;display:block;padding-bottom:20px}.single-featured-box .icon span:before{color:#fff;font-size:60px;line-height:60px}.single-featured-box .title{position:relative;display:block}.single-featured-box .title h3{color:#fff;font-weight:600}.single-featured-box .inner .overlay-content{position:absolute;top:-50px;left:0;bottom:0;right:0;display:block;padding-top:50px;padding-left:30px;padding-right:30px;z-index:3;background:#27282c;transition:all 300ms ease 100ms;opacity:0;visibility:hidden;transform:translateY(100%);transition:all 500ms ease 100ms}.single-featured-box:hover .inner .overlay-content{opacity:1;visibility:visible;transform:translateY(0%);transition:all 900ms ease 100ms}.single-featured-box .inner .overlay-content .icon span:before{color:#e9212e}.single-featured-box .inner .overlay-content .text{position:relative;display:block;padding-top:18px;padding-bottom:0}.single-featured-box .inner .overlay-content .text p{color:#fff;margin:0 0 26px}.single-featured-box .inner .overlay-content .text a{color:#fff}.single-featured-box .overlay-content .overlay-image{position:absolute;bottom:0;right:0;width:255px;height:0;opacity:0;transform:scale(.5);transition:all 500ms ease 100ms}.single-featured-box:hover .overlay-content .overlay-image{opacity:1;height:270px;transform:scale(1);transition:all 900ms ease 500ms}.about-style3-content{position:relative;display:block;padding-top:110px;padding-bottom:110px}.about-style3-content .sec-title{padding-bottom:40px;margin:0}.about-style3-content .sec-title p{margin:15px 0 27px}.about-style3-content .button{}.about-style3-content .button a{padding:0 40px;margin:0 13px}.about-style3-content .button a.black{background:#27282c}.about-style3-bg{position:absolute;left:0;top:-60px;width:100%;height:100%;background-repeat:no-repeat;background-position:center top;background-size:cover;z-index:-1;opacity:1}@-webkit-keyframes banner-animate{0%{-webkit-transform:translateX(-300px);transform:translateX(-300px)}50%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(-300px);transform:translateX(-300px)}}@keyframes banner-animate{0%{-webkit-transform:translateX(-300px);transform:translateX(-300px)}50%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(-300px);transform:translateX(-300px)}}.banner-animate{animation-name:banner-animate;animation-duration:70s;animation-iteration-count:infinite;animation-timing-function:linear;-webkit-animation-name:banner-animate;-webkit-animation-duration:70s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:banner-animate;-moz-animation-duration:70s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-ms-animation-name:banner-animate;-ms-animation-duration:70s;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:linear;-o-animation-name:banner-animate;-o-animation-duration:70s;-o-animation-iteration-count:infinite;-o-animation-timing-function:linear}.services-style2-area{position:relative;display:block;background:#f6f6f6;padding:110px 0 108px;z-index:1}.services-style2-area:before{position:absolute;left:0;bottom:0;width:100%;height:407px;background:#fff;content:"";z-index:-1}.single-service-style2 .img-holder{position:relative;display:block;overflow:hidden;z-index:1}.single-service-style2 .img-holder img{width:100%;transform:scale(1.01);transition:all 700ms ease}.single-service-style2:hover .img-holder img{transform:scale(1.2)}.single-service-style2:hover .overlay-style-two{opacity:1}.single-service-style2 .img-holder .overlay-style-two:before{background-color:rgba(40,41,46,.9)}.single-service-style2:hover .img-holder .overlay-style-two:before{opacity:1;transform:perspective(400px) rotateX(0deg);transition:all 700ms ease 100ms}.single-service-style2 .img-holder .overlay-style-two:after{background-color:rgba(40,41,46,.9)}.single-service-style2:hover .img-holder .overlay-style-two:after{opacity:1;transform:perspective(400px) rotateX(0deg);transition:all 700ms ease 300ms}.single-service-style2 .text-holder{position:relative;display:block;background:0 0;z-index:10}.single-service-style2 .text-holder .icon-holder{position:relative;display:block;width:110px;height:110px;border-radius:50%;margin:-55px auto 0;border:4px dotted #c9c9c9;background:#fff;text-align:center;z-index:2}.single-service-style2 .text-holder .icon-holder span:before{display:block;color:#b3b3b3;font-size:50px;line-height:102px}.single-service-style2 .text-holder .inner{position:relative;display:block;padding:26px 0 0;text-align:center;background:#fff;z-index:1}.single-service-style2 .text-holder .inner:before{position:absolute;top:-55px;left:0;bottom:0;right:0;background:#fff;content:"";z-index:-1}.single-service-style2 .text-holder .inner h3{color:#27282c;font-weight:600;margin:0 0 18px}.single-service-style2 .text-holder .inner .text{position:relative;display:block;padding:0 30px 32px}.single-service-style2 .text-holder .inner .text p{margin:0}.single-service-style2 .text-holder .inner .read-more a{color:#27282c;background:#f6f6f6;display:block}.services-style2-content{overflow:hidden}.services-style2-content .owl-carousel{display:block;max-width:370px;width:100%;margin:0 auto}.services-style2-content .owl-carousel .owl-stage-outer{overflow:visible;padding:0 0 43px}.services-style2-content .owl-carousel .owl-stage-outer .owl-item.active .overlay-style-two{opacity:1}.services-style2-content .owl-carousel .owl-stage-outer .owl-item.active .overlay-style-two:before{opacity:1;transform:perspective(400px) rotateX(0deg);transition:all 700ms ease 300ms}.services-style2-content .owl-carousel .owl-stage-outer .owl-item.active .overlay-style-two:after{opacity:1;transform:perspective(400px) rotateX(0deg);transition:all 700ms ease 500ms}.services-style2-content .owl-carousel .owl-stage-outer .owl-item.active .single-service-style2 .text-holder .icon-holder{border:4px dotted #e9212e;transition:all 700ms ease 700ms}.services-style2-content .owl-carousel .owl-stage-outer .owl-item.active .single-service-style2 .text-holder .icon-holder span:before{color:#e9212e;transition:all 700ms ease 800ms}.services-style2-content .owl-carousel .owl-stage-outer .owl-item.active .single-service-style2 .text-holder .inner .read-more a{color:#fff;background:#e9212e;transition:all 700ms ease 900ms}.services-carousel .owl-dots{position:relative;display:block!important;margin-top:0!important;line-height:14px}.services-carousel .owl-dots .owl-dot{background-image:none;width:20px;height:5px;margin:0 10px;background:#e1e1e1;border:2px solid #e1e1e1;padding:0;border-radius:0%;transition:all 500ms ease;display:inline-block}.services-carousel .owl-dots .owl-dot span{display:none}.services-carousel .owl-dots .owl-dot.active{background:#e9212e;border-color:#e9212e}.latest-projects-area{position:relative;display:block;background:#27282c;width:100%;padding:110px 60px 104px}.latest-projects-v3{padding:0}.single-project-style3 .img-holder{position:relative;display:block;overflow:hidden;z-index:10}.single-project-style3 .img-holder img{width:100%;transform:scale(1.01);transition:all 700ms ease}.single-project-style3:hover .img-holder img{transform:scale(1.2) rotate(2deg)}.single-project-style3 .overlay-content{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:rgba(0,0,0,.7);transform:scaleX(0);border:4px solid #e9212e;transition:all 700ms ease 100ms;z-index:3}.single-project-style3:hover .overlay-content{transform:scaleY(1)}.single-project-style3 .overlay-content .inner-content{display:table;width:100%;height:100%}.single-project-style3 .overlay-content .inner-content .links-icons{display:table-cell;vertical-align:middle;text-align:center;transform:scale(0);transition:all 700ms ease 500ms}.single-project-style3:hover .overlay-content .inner-content .links-icons{transform:scale(1)}.single-project-style3 .overlay-content .inner-content .links-icons a span:before{position:relative;display:block;width:35px;height:35px;margin:0 auto;color:#fff;font-size:35px;line-height:35px;font-weight:400;transition:all 500ms ease}.single-project-style3 .overlay-content .inner-content .links-icons a:hover span:before{color:#e9212e}.single-project-style3 .title-holder{position:relative;display:block;padding-top:24px}.single-project-style3 .title-holder span{color:#7c7e84}.single-project-style3 .title-holder h3{color:#fff;font-weight:600;margin:3px 0 0}.project-carousel-v3.owl-carousel .owl-nav{position:absolute;top:-115px;display:block;left:0;right:0;max-width:1170px;width:100%;margin:0 auto}.project-carousel-v3.owl-carousel .owl-nav [class*=owl-]{position:absolute;right:0;display:inline-block;background:0 0;width:55px;height:55px;border:1px solid #3f3f42;line-height:54px;margin:0;padding:0;transition:all 700ms ease 100ms;border-radius:50%}.project-carousel-v3.owl-carousel .owl-nav .owl-prev{right:65px}.project-carousel-v3.owl-carousel .owl-nav [class*=owl-] i:before{color:#5e5e5e;font-size:20px;font-weight:400}.project-carousel-v3.owl-carousel .owl-nav .owl-next{margin-left:10px}.project-carousel-v3.owl-carousel .owl-nav [class*=owl-]:hover{border-color:#e9212e}.team-area{position:relative;display:block;padding-top:110px;padding-bottom:60px}.view-all-member{position:relative;display:block;margin-top:39px}.single-team-member{position:relative;display:block;margin-bottom:50px;transition:all 500ms ease}.single-team-member .img-holder{position:relative;display:block;overflow:hidden}.single-team-member .img-holder img{width:100%;transform:scale(1);transition:all 700ms ease}.single-team-member:hover .img-holder img{transform:scale(1.05) rotate(0deg)}.single-team-member .sociallinks{position:absolute;top:0;left:0;right:0;border-top:4px solid #27282c;text-align:center;transition:all 900ms ease 100ms;transform-style:preserve-3d;transform:perspective(1200px) rotateX(-90deg) translateZ(-32px);opacity:0}.single-team-member:hover .sociallinks{opacity:1;transform:perspective(1200px) rotateX(0deg) translateZ(0px);transition:all 900ms ease 300ms}.single-team-member .sociallinks li{position:relative;display:inline-block;float:left;width:20%;line-height:60px;border-right:1px solid #ededed}.single-team-member .sociallinks li:last-child{border-right:none}.single-team-member .sociallinks li a i{position:relative;display:block;background:#fff;color:#7c7e84;font-size:14px;line-height:60px;transition:all 500ms ease}.single-team-member .sociallinks li a:hover i{color:#fff;background:#e9212e}.single-team-member .overlay{position:absolute;top:64px;left:0;bottom:0;right:0;z-index:3;background:rgba(0,0,0,.85);transition:all 900ms ease 100ms;opacity:0;transform-style:preserve-3d;transform:perspective(1200px) rotateX(-90deg) translateZ(-32px)}.single-team-member:hover .overlay{opacity:1;transform:perspective(1200px) rotateX(0deg) translateZ(0px);transition:all 900ms ease 300ms}.single-team-member .overlay .box{display:table;width:100%;height:100%}.single-team-member .overlay .box .link{display:table-cell;vertical-align:middle;text-align:center}.single-team-member .overlay .box .link a{color:#fff}.single-team-member .name{position:relative;display:block;background:#fff;padding:24px 0;transition:all 700ms ease 600ms;-webkit-box-shadow:0 3px 7px 1px #f3f3f3;box-shadow:0 3px 7px 1px #f3f3f3}.single-team-member:hover .name{-webkit-box-shadow:0 3px 15px 1px #f3f3f3;box-shadow:0 3px 15px 1px #f3f3f3}.single-team-member .name p{position:relative;display:inline-block;background:#fff;margin:0;line-height:20px;padding:0 30px;z-index:1}.single-team-member .name p:before{position:absolute;top:10px;left:0;right:0;height:1px;background:#ededed;content:"";z-index:-1}.single-team-member .name p span{position:relative;display:inline-block;background:#fff;padding:0 10px;color:#828282;line-height:20px;margin:0;z-index:2}.single-team-member .name h3{color:#27282c;font-weight:600;margin:8px 0 0}.testimonial-style3-area{position:relative;display:block;background:#f6f6f6;padding:110px 0 60px}.single-testimonial-style3{position:relative;display:block;z-index:1;background:#f9f9f9 0% 0% no-repeat padding-box;border-radius:15px}.single-testimonial-style3:before{position:absolute;top:20px;left:0;bottom:-20px;right:20px;z-index:-1}.single-testimonial-style3 .inner-content{position:relative;display:block;padding:15px 8px;z-index:1}.single-testimonial-style3 .inner-content:before{font-family:icomoon;position:absolute;bottom:38px;right:40px;font-size:120px;line-height:90px;z-index:-1}.single-testimonial-style3 .client-info{position:relative;display:block}.single-testimonial-style3 .client-info .image{width:60px}.single-testimonial-style3 .client-info .image img{border-radius:50%}.single-testimonial-style3 .client-info .image,.single-testimonial-style3 .client-info .title{display:table-cell;vertical-align:middle}.single-testimonial-style3 .client-info .title{padding-right:10px;text-align:right}.single-testimonial-style3 .client-info .title h3{color:#000;font-size:14px;font-weight:600;margin:0 0 2px}.single-testimonial-style3 .client-info .title span{color:#000;font-size:14px}.single-testimonial-style3 .text-box{position:relative;display:block;padding-top:4px;padding-bottom:0}.single-testimonial-style3 .text-box p{line-height:28px;margin:0}.testimonial-carousel-2.owl-carousel .owl-stage-outer{padding:0 0 63px}.testimonial-carousel-2 .owl-dots{position:relative;display:block!important;margin-top:0!important;line-height:14px}.testimonial-carousel-2 .owl-dots .owl-dot{background-image:none;width:20px;height:5px;margin:0 10px;background:#e1e1e1;border:2px solid #e1e1e1;padding:0;border-radius:0%;transition:all 500ms ease;display:inline-block}.testimonial-carousel-2 .owl-dots .owl-dot span{display:none}.testimonial-carousel-2 .owl-dots .owl-dot.active{background:#e9212e;border-color:#e9212e}.testimonial-style3-area .owl-nav{display:none}.brand-style3{padding-top:30px}.single-brand-item.style3{max-width:170px;width:100%;float:left;margin-right:30px}.single-brand-item.style3 a{display:block;background:0 0;text-align:center;transition:all 700ms ease 200ms}.single-brand-item.style3:last-child{margin-right:0}.single-brand-item.style3 a:hover{box-shadow:none}.latest-blog-area.style3{padding-top:110px;padding-bottom:70px}.single-blog-post.style2{margin-bottom:40px;-webkit-box-shadow:0 3px 9px 2px #ebebeb;box-shadow:0 3px 9px 2px #ebebeb}.single-blog-post.style2 .text-holder{padding:25px 30px 20px}.single-blog-post.style2 .meta-box{min-height:30px;margin-top:16px;margin-bottom:0}.single-blog-post.style2 .img-holder{z-index:1}.single-blog-post.style2 .img-holder:before{position:absolute;left:0;bottom:0;right:0;height:40%;content:"";transition:all 300ms ease 100ms;z-index:2;background:#27282c;background:linear-gradient(180deg,rgba(39,40,44,0) 40%,rgba(39,40,44,0.8407738095238095) 78%,rgba(39,40,44,1) 94%,rgba(39,40,44,1) 100%,rgba(39,40,44,1) 100%,rgba(237,237,237,1) 100%,rgba(32,50,96,0) 100%)}.single-blog-post.style2 .overlay-title{position:absolute;left:30px;bottom:23px;right:30px;z-index:3}.single-blog-post.style2 .overlay-title .blog-title{position:relative;display:block;font-size:20px;line-height:28px;font-weight:600}.single-blog-post.style2 .overlay-title .blog-title a{color:#fff;transition:all 500ms ease}.single-blog-post.style2 .overlay-title .blog-title a:hover{color:#e9212e}.home-google-map-area{position:relative;display:block}.home-google-map-area .container-fluid{padding:0}#home-google-map{height:550px;width:100%}.footer-area.style3{padding:110px 0 100px}.single-footer-widget .our-info-box.style2 .text{padding:0}.single-footer-widget .our-info-box .more-info-about-company{color:#fff;margin-top:26px;display:inline-block}.single-footer-widget .work-gallery{position:relative;display:block;overflow:hidden;margin-left:-7.5px;margin-right:-7.5px}.single-footer-widget .work-gallery li{position:relative;display:inline-block;float:left;margin:0 7.5px 15px}.single-footer-widget .work-gallery li .img-holder{position:relative;display:block;overflow:hidden}.single-footer-widget .work-gallery li .img-holder img{transition:all .5s ease-in-out .6s;width:100%;transform:scale(1.1,1.1)}.single-footer-widget .work-gallery li:hover .img-holder img{transform:scale(1.2,1.2)}.single-footer-widget .work-gallery li:hover .img-holder .overlay-style-one{opacity:1}.single-footer-widget .work-gallery li .img-holder .overlay-style-one .content a i{color:#fff;font-size:18px;filter:alpha(opacity=0);opacity:0;transform:scale(3);transition:all .3s ease-in-out .3s}.single-footer-widget .work-gallery li:hover .img-holder .overlay-style-one .content a i{filter:alpha(opacity=100);opacity:1;transform:scale(1);transition-delay:.1s}.single-footer-widget .work-gallery li .img-holder .overlay-style-one .content a:hover i{color:#222}.footer-bottom-area.style2{background:#1f1f23}.footer-social-links.clr-white span{color:#fff}.breadcrumb-area{position:relative;background-attachment:scroll;background-position:center top;background-repeat:no-repeat;background-size:cover;padding:0 0;z-index:10}.breadcrumb-area .inner-content{position:relative;display:block;padding:360px 0 0}.breadcrumb-area .title{position:relative;display:block;padding-top:24px;padding-bottom:47px}.breadcrumb-area .title:before{position:absolute;top:0;left:0;width:120px;height:4px;background:#fff;content:""}.breadcrumb-area .title h1{color:#fff;font-size:48px;line-height:60px;font-weight:700;text-transform:capitalize;margin:0}.breadcrumb-area .breadcrumb-menu{position:relative;display:inline-block;line-height:10px}.breadcrumb-area .breadcrumb-menu ul{position:relative;display:inline-block;line-height:30px;padding-bottom:20px}.breadcrumb-area .breadcrumb-menu ul li{position:relative;display:inline-block;float:left;color:#fff;font-size:15px;line-height:30px;font-weight:400;text-transform:capitalize;transition:all 500ms ease;margin-right:10px;padding-right:17px}.breadcrumb-area .breadcrumb-menu ul li:before{position:absolute;top:0;bottom:0;right:0;width:7px;height:2px;background:url(../images/icon/arrow.png);content:"";margin:14px 0}.breadcrumb-area .breadcrumb-menu ul li:last-child:before{display:none}.breadcrumb-area .breadcrumb-menu ul li:last-child{margin-right:0;padding-right:0}.breadcrumb-area .breadcrumb-menu ul li a{color:#fff;font-size:15px;font-weight:400;text-transform:capitalize;transition:all 500ms ease}.breadcrumb-area .breadcrumb-menu ul li.active{font-weight:500}.breadcrumb-area .breadcrumb-menu ul li a:hover{color:#e9212e}.breadcrumb-area.style2{}.breadcrumb-area .inner-content-box .title-s2{position:relative;display:block;padding:143px 0 86px}.breadcrumb-area .inner-content-box .title-s2 span{color:#e9212e;font-size:14px;line-height:18px;font-weight:600;text-transform:uppercase;font-family:poppins,sans-serif}.breadcrumb-area .inner-content-box .title-s2 h1{color:#fff;font-size:48px;line-height:62px;font-weight:700;margin:14px 0 0;text-transform:capitalize}.company-overview-area{position:relative;display:block;padding:105px 0 116px;z-index:1}.company-overview-area:before{position:absolute;left:0;bottom:0;width:100%;height:580px;background:#f6f6f6;content:"";z-index:-1}.intro-box{position:relative;display:flex;flex-direction:row;align-items:flex-end;margin-bottom:70px}.intro-box .sec-title{position:relative;display:block;max-width:530px;width:100%;margin:0;padding:0}.intro-box .text{position:relative;display:block;max-width:640px;width:100%}.intro-box .text p{margin:0}.history-content-box{position:relative;display:block}.single-history-content{position:relative;display:block;overflow:hidden;width:100%;background:#fff;-webkit-box-shadow:4px 0 9px 2px #f6f6f6;box-shadow:4px 0 9px 2px #f6f6f6}.single-history-content .img-box{position:relative;display:block;width:50%;float:left}.single-history-content .img-box .inner{padding-right:15px}.single-history-content .img-box .inner img{width:100%}.single-history-content .text-box{position:relative;display:block;width:50%;float:left;padding-left:65px;min-height:450px}.single-history-content .text-box .inner{position:relative;display:block;padding-top:70px;padding-right:50px}.single-history-content .text-box .inner .date{position:relative;display:block;width:130px;background:#e9212e;text-align:center;z-index:1}.single-history-content .text-box .inner .date:before{position:absolute;left:0;bottom:-9px;width:9px;height:10px;background:url(../images/icon/arrow-2.png);content:"";z-index:-1}.single-history-content .text-box .inner .date h3{color:#fff;font-size:24px;line-height:42px;font-weight:500;font-family:rubik,sans-serif}.single-history-content .text-box .inner .title{position:relative;display:block;padding:43px 0 31px}.single-history-content .text-box .inner .title h3{color:#27282c;font-size:24px;line-height:32px;font-weight:600;text-transform:uppercase}.single-history-content .text-box .inner .text{position:relative;display:block}.single-history-content .text-box .inner .text p{margin:0 0 33px}.history-carousel.owl-carousel .owl-stage-outer{padding:10px 0 40px;padding-right:10px}.history-carousel.owl-theme .owl-nav{position:relative;display:block;width:200px;margin:0 auto;text-align:center}.history-carousel.owl-theme .owl-nav [class*=owl-]{position:absolute;top:0;display:block;background:0 0;color:#a7a7a7;font-size:20px;line-height:30px;width:30px;height:30px;margin:0;padding:0;border:0 solid;transition:all 700ms ease 0s}.history-carousel.owl-theme .owl-nav .owl-prev{left:0}.history-carousel.owl-theme .owl-nav .owl-next{right:0}.history-carousel .owl-dots{position:relative;display:block!important;margin-top:0!important;line-height:30px;width:140px;margin:0 auto}.history-carousel .owl-dots .owl-dot{background-image:none;width:8px;height:8px;margin:0 7.5px;background:#dadada;border:2px solid #dadada;padding:0;border-radius:50%;transition:all 500ms ease;display:inline-block}.history-carousel .owl-dots .owl-dot span{display:none}.history-carousel .owl-dots .owl-dot.active{background:#e9212e;border-color:#e9212e}.fact-counter{padding-top:10px}.single-fact-counter{position:relative;display:block;width:100%;text-align:center}.single-fact-counter .count-box{position:relative;width:90px;padding-left:35px;z-index:1}.single-fact-counter .count-box:before{position:absolute;top:-8px;left:0;width:70px;height:70px;background:#fff;content:"";z-index:-1}.single-fact-counter .count-box h1{color:#27282c;font-size:48px;line-height:40px;font-weight:400;font-family:rubik,sans-serif}.single-fact-counter .count-box h1 span{display:inline-block;float:left}.single-fact-counter .count-box h1 img{display:inline-block;float:left;padding-left:1px}.single-fact-counter .count-box,.single-fact-counter .title{display:table-cell;vertical-align:middle}.single-fact-counter .title{padding-left:20px}.single-fact-counter .title h3{color:#27282c;font-size:18px;line-height:28px;font-weight:600}.view-all-member.style2{margin:0 0 0}.view-all-member.style2 a{line-height:56px}.footer-area.style4{padding:40px 0;z-index:10;direction:rtl;text-align:right}.footer-contact-info-area{position:relative;display:block;background:0 0;margin:-60px 0;z-index:100}.footer-contact-info{position:relative;display:block;background:#fff}li .footer-contact-info{}li .single-footer-contact-info{position:relative;display:inline-block;float:left;max-width:385px;width:100%;border-right:1px solid #ededed}li:last-child .single-footer-contact-info{border-right:0 solid}li .single-footer-contact-info .inner{position:relative;display:block;padding:35px 40px 30px}li .single-footer-contact-info .icon{width:60px}li .single-footer-contact-info .icon span:before{color:#2f3033;font-size:50px;transition:all 500ms ease}li .single-footer-contact-info:hover .icon span:before{color:#e9212e}li .single-footer-contact-info .icon,li .single-footer-contact-info .text{display:table-cell;vertical-align:middle}li .single-footer-contact-info .text p{color:#828282;margin:0}li .single-footer-contact-info .text p span{color:#27282c}.footer-bottom-area.style3{position:relative;display:block;padding:88px 0 28px;background:#1f1f23;z-index:10}.faq-area{position:relative;display:block;padding:110px 0}.faq-content-box{position:relative;display:block;padding:8px;margin-bottom:40px}.error-page-area{position:relative;display:block;background:#f6f6f6;padding:145px 0 150px}.error-content{position:relative;display:block;z-index:3}.error-content span{color:#828282;font-size:14px;font-weight:700;text-transform:uppercase}.error-content .title{position:relative;display:block;color:#e9212e;font-size:180px;line-height:150px;font-weight:700;text-transform:uppercase;margin:13px 0 14px}.error-content p{font-size:18px;line-height:28px;margin:0 0 32px}.error-content .button{}.error-content .button a{width:270px}.services-style2-service-page{position:relative;display:block;padding-top:110px;padding-bottom:70px}.services-style2-service-page .sec-title{position:relative;display:block}.services-style2-service-page .text{position:relative;display:block;margin-top:10px}.services-style2-service-page .text p{font-size:17px;line-height:27px;margin:0}.single-service-style2{margin-bottom:40px}.single-service-style2:hover .text-holder .icon-holder{border:4px dotted #e9212e;transition:all 700ms ease 700ms}.single-service-style2:hover .text-holder .icon-holder span:before{color:#e9212e;transition:all 700ms ease 800ms}.single-service-style2:hover .text-holder .inner .read-more a{color:#fff;background:#e9212e;transition:all 700ms ease 900ms}.services-style1-service-page{position:relative;display:block;background:#f6f6f6;padding:110px 0 60px}.single-service-style1 .text-holder.bg-white{position:relative;display:block;border:1px solid #ededed;padding:35px 30px 28px;background:#fff}.single-service-style1 .text-holder.bg-white .overlay-content .read-more a span:before{position:absolute;left:auto;right:30px;transform:scale(0);transition:all 300ms ease 100ms}.single-service-style1:hover .text-holder.bg-white .overlay-content .read-more a span:before{transform:scale(1);transition:all 900ms ease 900ms}.testimonial-style3-service-page{position:relative;display:block;background:#fff;padding:110px 0}.testimonial-style3-service-page .sec-title{padding-bottom:40px}.testimonial-style3-service-page .single-testimonial-style3:before{position:absolute;top:20px;left:0;bottom:-20px;right:30px;border:1px solid #ededed;content:"";z-index:-1}.testimonial-style3-service-page .single-testimonial-style3 .inner-content{background:#fff;padding:50px 40px 48px;-webkit-box-shadow:0 2px 7px 3px #f6f6f6;box-shadow:0 2px 7px 3px #f6f6f6;margin-top:10px;margin-right:10px}.testimonial-style3-service-page .testimonial-carousel-2.owl-carousel .owl-stage-outer{padding:0 0 20px}.testimonial-style3-service-page .testimonial-carousel-2 .owl-dots{display:none!important}.testimonial-style3-service-page .owl-carousel .owl-nav{position:absolute;top:-115px;left:auto;right:10px;max-width:1170px;width:100%}.testimonial-style3-service-page .owl-carousel .owl-nav [class*=owl-]{position:absolute;right:0;display:inline-block;background:0 0;width:55px;height:55px;border:1px solid #ededed;line-height:54px;margin:0;padding:0;transition:all 700ms ease 100ms;border-radius:50%}.testimonial-style3-service-page .owl-carousel .owl-nav .owl-prev{right:65px}.testimonial-style3-service-page .owl-carousel .owl-nav [class*=owl-] i:before{color:#bfbfbf;font-size:20px;font-weight:400;transition:all 500ms ease}.testimonial-style3-service-page .owl-carousel .owl-nav [class*=owl-]:hover i:before{color:#fff}.testimonial-style3-service-page .owl-carousel .owl-nav .owl-next{margin-left:10px}.testimonial-style3-service-page .owl-carousel .owl-nav [class*=owl-]:hover{background:#e9212e;border-color:#e9212e}.single-service-area{position:relative;display:block;padding:40px 0;direction:rtl}.single-service-top{position:relative;display:block}.single-service-image-box{position:relative;display:block}.single-service-image-box img{width:100%}.single-service-top .text{position:relative;display:block}.single-service-top .text h2{color:#27282c;font-size:30px;line-height:40px;font-weight:700;text-transform:uppercase}.single-service-top .text .inner{position:relative;display:block;padding-top:14px}.advantages-content{position:relative;display:block}.single-advantages-box{position:relative;display:block;border:1px solid #ededed;text-align:center;transition:all 700ms ease 500ms}.single-advantages-box:hover{-webkit-box-shadow:0 4px 13px 0 #d4d4d4;box-shadow:0 4px 13px 0 #d4d4d4}.single-advantages-box .inner{position:relative;display:block;padding:29px 0 23px;overflow:hidden}.single-advantages-box .static-content{position:relative;display:block;-webkit-transform:translateY(0%);transform:translateY(0%);transition:all 700ms ease 200ms}.single-advantages-box:hover .static-content{opacity:0;transform:translateY(-40%);transition:all 700ms ease 200ms}.single-advantages-box .icon-holder{position:relative;display:block;padding-bottom:26px}.single-advantages-box .icon-holder span:before{color:#e9212e;font-size:65px;line-height:65px}.single-advantages-box .title{position:relative;display:block}.single-advantages-box .title h3{color:#27282c;font-size:18px;line-height:24px;font-weight:600}.single-advantages-box .overlay-text{position:absolute;top:-1px;left:-1px;bottom:-1px;right:-1px;background:#e9212e;opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);transition:all 700ms ease 200ms}.single-advantages-box:hover .overlay-text{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition:all 700ms ease 200ms}.single-advantages-box .overlay-text .box{display:table;width:100%;height:100%}.single-advantages-box .overlay-text .box .inner-text{display:table-cell;vertical-align:middle;text-align:center;padding:0 10px}.single-advantages-box .overlay-text .box .inner-text p{color:#fff;margin:0}.how-work-box{position:relative;display:block;padding-top:80px}.how-work-box .image-box{position:relative;display:block}.how-work-box .image-box img{width:100%}.how-work-box .how-works-content{position:relative;display:block}.how-work-box .how-works-content h2{color:#27282c;font-size:24px;font-weight:700;margin-top:-5px;text-transform:uppercase}.how-work-box .how-works-content ul{position:relative;display:block;overflow:hidden;padding-top:28px}.how-work-box .how-works-content ul li{position:relative;display:block;padding-left:20px;margin-bottom:26px}.how-work-box .how-works-content ul li:last-child{margin-bottom:0}.how-work-box .how-works-content ul li .icon{position:absolute;top:6px;left:1px}.how-work-box .how-works-content ul li .icon span:before{color:#e9212e;font-size:20px}.how-work-box .how-works-content ul li .text{position:relative;display:block;padding-left:20px}.how-work-box .how-works-content ul li .text span{color:#e9212e;font-size:14px;font-weight:600;text-transform:uppercase}.how-work-box .how-works-content ul li .text h3{color:#27282c;font-size:20px;line-height:28px;font-weight:600;margin:2px 0 12px}.how-work-box .how-works-content ul li .text p{margin:0}.concept-design-pricing-box{position:relative;display:block;padding-top:64px}.concept-design-pricing-box .title{display:block;padding-bottom:32px}.concept-design-pricing-box .title h2{color:#27282c;font-size:24px;line-height:32px;font-weight:700;text-transform:uppercase}.concept-design-pricing-box .inner-content{position:relative;display:block}.single-pricing-box{position:relative;display:block;max-width:370px;width:100%;margin:0 auto 30px}.single-pricing-box .inner{position:relative;display:block;overflow:hidden}.single-pricing-box .inner .img-box{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.single-pricing-box .inner .img-box:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:rgba(40,41,46,.95);z-index:1}.single-pricing-box .inner .img-box img{width:100%;height:100%}.single-pricing-box .static-content{position:relative;display:block;overflow:hidden;z-index:3;opacity:1;transform:translateX(0%) translateY(0%) scale(1);transition:all 700ms ease 100ms}.single-pricing-box:hover .static-content{opacity:0;transform:translateX(0%) translateY(70%) scale(.5);transition:all 900ms ease 100ms}.single-pricing-box .static-content .table-header{position:relative;display:block;padding-top:46px}.single-pricing-box .static-content .table-header .top{position:relative;display:block;padding-bottom:25px}.single-pricing-box .static-content .table-header .top h3{color:#fff;font-size:20px;font-weight:600;margin:0 0 3px}.single-pricing-box .static-content .table-header .top span{color:#fff}.single-pricing-box .static-content .table-header .top span b{color:#e9212e}.single-pricing-box .static-content .table-header .package{position:relative;display:block}.single-pricing-box .static-content .table-header .package h1{color:#e9212e;font-size:60px;line-height:50px;font-weight:500;font-family:rubik,sans-serif}.single-pricing-box .static-content .table-header .package span{position:relative;top:-17px;display:inline-block;font-size:32px;line-height:32px;padding-right:2px}.single-pricing-box .static-content .table-header .package p{color:#fff;font-size:14px;font-weight:600;text-transform:uppercase;margin:8px 0 0;font-family:poppins,sans-serif}.single-pricing-box .static-content .button{position:relative;display:block;padding-top:32px;padding-bottom:50px}.single-pricing-box .static-content .button a{}.single-pricing-box .inner .overlay-content{position:absolute;top:0;left:0;width:100%;height:100%;background:0 0;display:block;z-index:10;padding:40px 40px 0;opacity:0;transform-style:preserve-3d;transform:perspective(1200px) rotateY(90deg) translateX(-1200px);transition:all 700ms ease 100ms}.single-pricing-box:hover .inner .overlay-content{opacity:1;transform:perspective(1200px) rotateY(0deg) translateX(0px);transition:all 900ms ease 100ms}.single-pricing-box .overlay-content ul{position:relative;display:block;padding-bottom:33px}.single-pricing-box .overlay-content ul li{position:relative;display:block;color:#fff;line-height:42px;padding-left:30px}.single-pricing-box .overlay-content ul li:before{position:absolute;top:0;left:0;font-family:FontAwesome;content:"\f058";color:#b3b9c8;font-size:16px}.single-pricing-box .overlay-content a{color:#fff}.additional-information-box{position:relative;display:block;padding-top:43px}.additional-information-box .title{display:block;padding-bottom:32px}.additional-information-box .title h2{color:#27282c;font-size:24px;line-height:32px;font-weight:700;text-transform:uppercase}.additional-information-box .additional-info-content-box{position:relative;display:block;background:#f6f6f6;padding:40px 30px 20px}.additional-info-content-box .accordion-box .accordion .accord-btn h4{font-size:17px}.single-service-sidebar{position:relative;display:block;max-width:340px;width:100%;z-index:1;text-align:right}.single-service-sidebar:before{position:absolute;top:-300px;right:-30px;bottom:-5000px;width:1px;/* background:#ededed; */content:"";z-index:-1}.single-service-sidebar .single-sidebar{position:relative;display:block;margin:0 12px 0}.single-service-sidebar .service-pages{position:relative;display:block;border-bottom:none}.single-service-sidebar .service-pages li{position:relative;display:block;height:49px;border-bottom:1px solid #ededed;transition:all 500ms ease;z-index:5;border:.5px solid var(--unnamed-color-707070);margin-bottom:20px;box-shadow:0 4px 7px 0 #cbc8c8;background:#f5f5f5}.single-service-sidebar .service-pages li.active,.single-service-sidebar .service-pages li:hover{-webkit-box-shadow:0 4px 7px 0 #ededed;box-shadow:0 4px 7px 0 #cbc8c8;color:#000;transform:scale(1.1)}.single-service-sidebar .service-pages li a .title h3.static:hover{font-size:15px;transform:scale(1);line-height:47px;transition:all 300ms ease 100ms;color:#000;font-weight:500}.single-service-sidebar .service-pages li a .title h3.static .imggside:hover{}.single-service-sidebar .service-pages li:before{position:absolute;top:4px;right:2px;bottom:20px;width:98%;content:"";opacity:0;transition:all 700ms ease 300ms;transform:translateX(0%) translateY(0%) scaleY(.1);border:1px solid #c7c7c7;height:85%}.single-service-sidebar .service-pages li.active:before,.single-service-sidebar .service-pages li:hover:before{opacity:1;transform:translateX(0%) translateY(0%) scaleY(1);transition:all 700ms ease 100ms}.single-service-sidebar .service-pages li a{position:relative;display:block;color:#27282c;font-size:15px;font-weight:600;text-transform:capitalize;transition:all 500ms ease;font-family:almarai,Roboto,sans-serif;text-align:center}.single-service-sidebar .service-pages li a .title{position:relative;display:block;z-index:1}.single-service-sidebar .service-pages li a .title .overlay-title{position:absolute;top:0;left:0;bottom:0;width:100%}.single-service-sidebar .service-pages li a .title .overlay-title h3{color:#e9212e;font-size:20px;line-height:63px;transform:scale(.5);opacity:0;transition:all 300ms ease 100ms}.single-service-sidebar .service-pages li a .title h3.static{font-size:15px;transform:scale(1);line-height:47px;transition:all 300ms ease 100ms;font-weight:500}.single-service-sidebar .service-pages li.active a .title .overlay-title h3,.single-service-sidebar .service-pages li:hover a .title .overlay-title h3{}.single-service-sidebar .service-pages li.active a .title h3.static,.single-service-sidebar .service-pages li:hover a .title .imggsideactive h3.static{color:#fff;font-weight:500}.sidebar-contact-box{position:relative;display:block;padding-bottom:50px}.sidebar-contact-box .inner-content{position:relative;display:block;padding:48px 40px 50px;background:#27282c;z-index:1}.sidebar-contact-box .inner-content .icon-holder{position:relative;display:block;padding-bottom:22px}.sidebar-contact-box .inner-content .icon-holder span:before{color:#e9212e;font-size:65px;line-height:65px}.sidebar-contact-box .inner-content h3{color:#fff;font-size:20px;line-height:30px;font-weight:600;margin:0 0 22px}.sidebar-contact-box .inner-content .bottom-box{position:relative;display:block;border-top:1px solid #404043;padding-top:25px}.sidebar-contact-box .inner-content .bottom-box h2{color:#fff;font-size:24px;font-weight:400;margin:0 0 3px;font-family:rubik,sans-serif}.sidebar-contact-box .inner-content .bottom-box span{color:#fff}.sidebar-contact-box .inner-content .button{position:relative;display:block;padding-top:32px}.sidebar-contact-box .inner-content .button a{display:block}.single-service-sidebar .service-pack-download{position:relative;display:block}.single-service-sidebar .service-pack-download li{position:relative;display:block;background:#e9212e;transition:all 500ms ease;padding:17px 30px}.single-service-sidebar .service-pack-download li .title-holder{position:relative;display:block;float:left}.single-service-sidebar .service-pack-download li .title-holder a{color:#fff;font-size:15px;font-weight:600;font-family:poppins,sans-serif}.single-service-sidebar .service-pack-download li .title-holder a span{font-size:14px;font-weight:400}.single-service-sidebar .service-pack-download li .icon-holder{position:relative;display:block;float:right}.single-service-sidebar .service-pack-download li .icon-holder i{position:relative;top:2px;color:#fff;font-size:18px;line-height:26px}.main-project-area{position:relative;display:block;background:#fff;padding:108px 0 80px}.project-filter{position:relative;display:block;text-align:center;margin-bottom:44px}.project-filter li{position:relative;display:inline-block}.project-filter li+li{}.project-filter li .filter-text{color:#27282c;font-size:13px;font-weight:600;text-transform:uppercase;display:block;padding:8px 10px;padding-right:26px;cursor:pointer;transition:all .4s ease}.project-filter li:hover .filter-text,.project-filter li.active .filter-text{color:#e9212e}.project-filter li .count{position:absolute;top:-13px;right:15%;color:#e9212e;font-size:12px;line-height:20px;font-weight:700;display:inline-block;opacity:0;-webkit-transform:translate(-50%,0%);transform:translate(-50%,0%);-webkit-transition:all .4s ease;transition:all .4s ease;font-family:poppins,sans-serif}.project-filter li:hover .count,.project-filter li.active .count{opacity:1;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.single-project-style4{position:relative;display:block;max-width:370px;min-width:300px;width:100%;margin:0 auto 30px}.single-project-style4 .img-holder{position:relative;display:block;overflow:hidden;z-index:10}.single-project-style4 .img-holder .inner{position:relative;display:block}.single-project-style4 .img-holder .inner:before{position:absolute;top:-37px;left:-37px;bottom:-37px;right:-37px;content:'';border:37px solid #fff;opacity:1;transition:all 300ms ease 100ms;z-index:1}.single-project-style4:hover .img-holder .inner:before{left:3px;top:3px;bottom:3px;right:3px;transition:all 300ms ease 100ms}.single-project-style4 .img-holder:before,.single-project-style4 .img-holder:after{position:absolute;top:0;left:0;content:'';width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top;transition:all 900ms ease 300ms;border-radius:0;z-index:1}.single-project-style4 .img-holder:before{transform:scale(0,1);transform-origin:bottom center;border-top:3px solid #27282c;border-bottom:3px solid #27282c}.single-project-style4:hover .img-holder:before{transform:scale(1,1)}.single-project-style4 .img-holder:after{transform:scale(1,0);transform-origin:left center;border-left:3px solid #27282c;border-right:3px solid #27282c}.single-project-style4:hover .img-holder:after{transform:scale(1,1)}.single-project-style4 .img-holder img{width:100%;transform:scale(1);transition:all 700ms ease}.single-project-style4:hover .img-holder img{transform:scale(1.2) rotate(0deg)}.single-project-style4 .overlay-box{position:absolute;top:40px;left:40px;right:40px;height:280px;background:rgba(40,41,46,.9);z-index:3;opacity:0;transform:scale(0) rotate(0deg);transition:all 700ms ease 300ms}.single-project-style4:hover .overlay-box{opacity:1;transform:scale(1) rotate(0deg);transition:all 700ms ease 500ms}.single-project-style4 .overlay-box .box{display:table;width:100%;height:100%}.single-project-style4 .overlay-box .box .link{display:table-cell;vertical-align:middle;text-align:center}.single-project-style4 .overlay-box .box .link a span:before{color:#fff;font-size:40px;line-height:40px;transition:all 500ms ease}.single-project-style4 .overlay-box .box .link a:hover span:before{color:#e9212e}.single-project-style4 .img-holder .overlay-content{position:absolute;left:40px;right:40px;bottom:3px;height:117px;background:#fff;z-index:11;text-align:center;transition:all 700ms ease 300ms;opacity:0;transform-style:preserve-3d;transform:perspective(1200px) rotateX(90deg) translateZ(-32px)}.single-project-style4:hover .img-holder .overlay-content{opacity:1;transform:perspective(1200px) rotateX(0deg) translateZ(0px);transition:all 900ms ease 300ms}.single-project-style4 .img-holder .overlay-content .title{position:relative;display:block;padding-top:33px}.single-project-style4 .img-holder .overlay-content .title span{color:#7c7e84}.single-project-style4 .img-holder .overlay-content .title h3{font-size:20px;font-weight:600;margin:3px 0 0}.single-project-style4 .img-holder .overlay-content .title h3 a{color:#27282c;transition:all 500ms ease}.single-project-style4 .img-holder .overlay-content .title h3 a:hover{color:#e9212e}.main-project-area.style2{position:relative;display:block;padding-bottom:110px}.single-project-style5{position:relative;display:block;margin-bottom:30px;-webkit-box-shadow:0 4px 8px 2px #f3f3f3;box-shadow:0 4px 8px 2px #f3f3f3}.single-project-style5 .img-holder{position:relative;display:block;overflow:hidden}.single-project-style5 .img-holder .inner{position:relative;display:block}.single-project-style5 .img-holder img{width:100%;transform:scale(1);transition:all 700ms ease}.single-project-style5:hover .img-holder img{transform:scale(1.2) rotate(2deg)}.single-project-style5 .overlay-box{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(40,41,46,.9);z-index:3;opacity:0;transform:scale(0) rotate(0deg);transition:all 700ms ease 300ms}.single-project-style5:hover .overlay-box{opacity:1;transform:scale(1) rotate(0deg);transition:all 700ms ease 200ms}.single-project-style5 .overlay-box .box{display:table;width:100%;height:100%}.single-project-style5 .overlay-box .box .link{display:table-cell;vertical-align:middle;text-align:center}.single-project-style5 .overlay-box .box .link a span:before{color:#fff;font-size:40px;line-height:40px;transition:all 500ms ease}.single-project-style5 .overlay-box .box .link a:hover span:before{color:#e9212e}.single-project-style5 .title{position:relative;display:block;padding-top:24px;padding-bottom:24px;text-align:center}.single-project-style5 .title span{color:#7c7e84}.single-project-style5 .title h3{font-size:20px;font-weight:600;margin:3px 0 0}.single-project-style5 .title h3 a{color:#27282c;transition:all 500ms ease}.single-project-style5 .title h3 a:hover{color:#e9212e}.main-project-area.style3{position:relative;display:block;padding-bottom:110px}.main-project-style3{padding:0}.main-project-style3 .mar0{margin:0}.main-project-style3 .pd0{padding:0}.single-project-style6{position:relative;display:block}.single-project-style6 .img-holder{position:relative;display:block;overflow:hidden}.single-project-style6 .img-holder img{width:100%;transform:scale(1.01);transition:all 700ms ease}.single-project-style6:hover .img-holder img{transform:scale(1.2) rotate(2deg)}.single-project-style6 .overlay-content{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:rgba(40,41,46,.95);transform:scaleX(0);transition:all 700ms ease 100ms}.single-project-style6:hover .overlay-content{transform:scaleY(1)}.single-project-style6 .overlay-content .inner-content{display:table;width:100%;height:100%}.single-project-style6 .overlay-content .inner-content .title-box{display:table-cell;vertical-align:middle;text-align:center;opacity:0;transform-style:preserve-3d;transform:perspective(1200px) rotateX(90deg) translateZ(-45px);transition:all 300ms ease 100ms}.single-project-style6:hover .overlay-content .inner-content .title-box{opacity:1;transform:translate3d(0px,0px,0px);transition:all 700ms ease 500ms}.single-project-style6 .overlay-content .inner-content .title-box span{color:#7c7e84}.single-project-style6 .overlay-content .inner-content .title-box h3{font-size:20px;font-weight:600;margin:3px 0 0}.single-project-style6 .overlay-content .inner-content .title-box a{color:#fff;transition:all 500ms ease}.single-project-style6 .overlay-content .inner-content .title-box a:hover{color:#e9212e}.load-more-project-style3-button{position:relative;display:block;padding-top:60px}.main-project-area.style4{position:relative;display:block;padding-bottom:110px}.main-project-style4{padding-left:60px;padding-right:60px}.main-project-style4 .row{margin-left:-30px;margin-right:-30px}.main-project-style4 .row [class*=col-]{padding-left:30px;padding-right:30px}.single-project-style7{position:relative;display:block;margin-bottom:31px}.single-project-style7 .img-holder{position:relative;display:block;overflow:hidden}.single-project-style7 .img-holder img{width:100%;transform:scale(1.01);transition:all 700ms ease}.single-project-style7:hover .img-holder img{transform:scale(1.2) rotate(2deg)}.single-project-style7 .overlay-content{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:rgba(40,41,46,.95);transform:scaleX(0);transition:all 700ms ease 100ms}.single-project-style7:hover .overlay-content{transform:scaleY(1)}.single-project-style7 .overlay-content .inner-content{display:table;width:100%;height:100%}.single-project-style7 .overlay-content .inner-content .title-box{display:table-cell;vertical-align:middle;text-align:center;opacity:0;transform-style:preserve-3d;transform:perspective(1200px) rotateX(90deg) translateZ(-45px);transition:all 300ms ease 100ms}.single-project-style7:hover .overlay-content .inner-content .title-box{opacity:1;transform:translate3d(0px,0px,0px);transition:all 700ms ease 500ms}.single-project-style7 .overlay-content .inner-content .title-box span{color:#7c7e84}.single-project-style7 .overlay-content .inner-content .title-box h3{font-size:20px;font-weight:600;margin:3px 0 0}.single-project-style7 .overlay-content .inner-content .title-box h3 a{color:#fff;transition:all 500ms ease}.single-project-style7 .overlay-content .inner-content .title-box a:hover{color:#e9212e}.single-project-style7 .title{position:relative;display:block;padding-top:24px;padding-bottom:24px;text-align:center;opacity:1;transform:translate3d(0px,0px,0px);transition:all 300ms ease 100ms}.single-project-style7:hover .title{opacity:0;transform-style:preserve-3d;transform:perspective(1200px) rotateX(-90deg) translateZ(-45px);transition:all 700ms ease 500ms}.single-project-style7 .title span{color:#7c7e84}.single-project-style7 .title h3{font-size:20px;font-weight:600;margin:3px 0 0}.single-project-style7 .title h3 a{color:#27282c;transition:all 500ms ease}.single-project-style7 .title h3 a:hover{color:#e9212e}.load-more-project-style4-button{position:relative;display:block;padding-top:0}.main-project-area.style5{position:relative;display:block;padding-top:110px;padding-bottom:50px;z-index:1}.main-project-area.style5:before{position:absolute;top:-150px;left:50%;bottom:-500px;width:1px;background:#ededed;content:"";z-index:-1}.main-project-style5{position:relative;display:block;z-index:1}.main-project-style5:before{position:absolute;top:-150px;left:-80px;bottom:-500px;width:1px;background:#ededed;content:"";z-index:-1}.main-project-style5:after{position:absolute;top:-150px;right:-80px;bottom:-500px;width:1px;background:#ededed;content:"";z-index:-1}.main-project-style5 .row{margin-left:-45px;margin-right:-45px}.main-project-style5 .row [class*=col-]{padding-left:45px;padding-right:45px}.single-project-style8{position:relative;display:block;margin-bottom:60px}.single-project-style8 .img-holder{position:relative;display:block;overflow:hidden;z-index:10}.single-project-style8 .img-holder:before,.single-project-style8 .img-holder:after{position:absolute;top:0;left:0;content:'';width:100%;height:100%;transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top;transition:all 700ms ease 100ms;border-radius:0;z-index:3}.single-project-style8 .img-holder:before{transform:scale(0,1);transform-origin:bottom center;border-top:40px solid #fff;border-bottom:40px solid #fff}.single-project-style8:hover .img-holder:before{transform:scale(1,1);transition:all 700ms ease 100ms}.single-project-style8 .img-holder:after{transform:scale(1,0);transform-origin:left center;border-left:40px solid #fff;border-right:40px solid #fff}.single-project-style8:hover .img-holder:after{transform:scale(1,1);transition:all 700ms ease 100ms}.single-project-style8 .img-holder img{width:100%;transform:scale(1.01);transition:all 700ms ease}.single-project-style8:hover .img-holder img{transform:scale(1.2) rotate(2deg)}.single-project-style8 .overlay-content{position:absolute;top:40px;left:40px;bottom:40px;right:40px;content:"";background:rgba(40,41,46,.95);transform:scaleX(0);transition:all 700ms ease 100ms;z-index:5}.single-project-style8:hover .overlay-content{transform:scaleY(1)}.single-project-style8 .overlay-content .inner-content{display:table;width:100%;height:100%}.single-project-style8 .overlay-content .inner-content .title-box{display:table-cell;vertical-align:middle;text-align:center;opacity:0;transform-style:preserve-3d;transform:perspective(1200px) rotateX(90deg) translateZ(-45px);transition:all 300ms ease 100ms;z-index:3}.single-project-style8:hover .overlay-content .inner-content .title-box{opacity:1;transform:translate3d(0px,0px,0px);transition:all 700ms ease 500ms}.single-project-style8 .overlay-content .inner-content .title-box span{color:#7c7e84}.single-project-style8 .overlay-content .inner-content .title-box h3{font-size:20px;font-weight:600;margin:3px 0 0}.single-project-style8 .overlay-content .inner-content .title-box a{color:#fff;transition:all 500ms ease}.single-project-style8 .overlay-content .inner-content .title-box a:hover{color:#e9212e}.main-project-area.style6{position:relative;display:block;padding-top:110px;padding-bottom:40px;z-index:1}.main-project-area.style6:before{position:absolute;top:-150px;left:50%;bottom:-500px;width:1px;background:#ededed;content:"";z-index:-1}.main-project-style6{position:relative;display:block;z-index:1}.main-project-style6:before{position:absolute;top:-150px;left:-100px;bottom:-500px;width:1px;background:#ededed;content:"";z-index:-1}.main-project-style6:after{position:absolute;top:-150px;right:-100px;bottom:-500px;width:1px;background:#ededed;content:"";z-index:-1}.main-project-style6 .row{margin-left:-115px;margin-right:-115px}.main-project-style6 .row [class*=col-]{padding-left:115px;padding-right:115px}.single-project-style9{position:relative;display:block;margin-bottom:40px}.single-project-style9 .img-holder{position:relative;display:block;overflow:hidden}.single-project-style9 .img-holder img{width:100%;transform:scale(1);transition:all 700ms ease}.single-project-style9:hover .img-holder img{transform:scale(1.2) rotate(2deg)}.single-project-style9 .overlay-box{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(40,41,46,.95);z-index:3;opacity:0;transform:scale(0) rotate(0deg);transition:all 700ms ease 300ms}.single-project-style9:hover .overlay-box{opacity:1;transform:scale(1) rotate(0deg);transition:all 700ms ease 200ms}.single-project-style9 .overlay-box .box{display:table;width:100%;height:100%}.single-project-style9 .overlay-box .box .link{display:table-cell;vertical-align:middle;text-align:center}.single-project-style9 .overlay-box .box .link a span:before{color:#fff;font-size:40px;line-height:40px;transition:all 500ms ease}.single-project-style9 .overlay-box .box .link a:hover span:before{color:#e9212e}.single-project-style9 .title{position:relative;display:block;padding-top:24px;padding-bottom:24px}.single-project-style9 .title span{color:#7c7e84}.single-project-style9 .title h3{font-size:20px;font-weight:600;margin:3px 0 0}.single-project-style9 .title h3 a{color:#27282c;transition:all 500ms ease}.single-project-style9 .title h3 a:hover{color:#e9212e}.project-description-area{position:relative;display:block;margin-top:110px;padding:110px 0 50px}.project-description-area .pattern-bg{position:absolute;top:0;left:0;z-index:1}.project-description-image-box{position:relative;display:block;z-index:3}.project-description-image-box img{max-width:none;float:right}.project-description-content{position:relative;display:block;z-index:3;padding-top:45px;padding-left:100px}.project-description-content .sec-title{padding-bottom:32px}.project-description-content .sec-title p{margin:0 0 5px}.project-description-content .sec-title .title{font-size:30px}.project-description-content .inner-content{position:relative;display:block}.project-description-content .inner-content .bottpm-text{position:relative;display:block;padding-top:10px}.project-description-content .inner-content ul{position:relative;display:block;padding-top:2px}.project-description-content .inner-content ul li{position:relative;display:block;line-height:41px;padding-left:40px}.project-description-content .inner-content ul li:before{font-family:icomoon;position:absolute;top:0;left:0;bottom:0;content:"\e910";color:#a7a7a7;font-size:25px}.project-info-area{position:relative;display:block;padding-top:110px;padding-bottom:110px}.project-info-area .pattern-bg{position:absolute;top:0;right:0;z-index:1}.project-info-content{position:relative;display:block;max-width:370px;width:100%;margin:-6px auto 0;z-index:3}.project-info-content .project-info-title{position:relative;display:block;padding-left:70px;padding-bottom:33px}.project-info-content .project-info-title:before{position:absolute;top:14px;left:0;width:70px;height:1px;background:#e9212e;content:""}.project-info-content .project-info-title h3{position:relative;display:block;padding-left:20px;color:#27282c;font-size:24px;line-height:30px;font-weight:700;text-transform:uppercase}.project-info-content .inner-content{position:relative;display:block;padding:38px 50px 32px;box-shadow:0 0 9px 3px #f6f6f6}.project-info-content .inner-content ul{position:relative;display:block}.project-info-content .inner-content ul li{position:relative;display:block;border-bottom:1px solid #ededed;padding-bottom:12px;margin-bottom:17px}.project-info-content .inner-content ul li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.project-info-content .inner-content ul li .icon{width:30px}.project-info-content .inner-content ul li .icon span:before{color:#27282c;font-size:30px;line-height:30px}.project-info-content .inner-content ul li .icon,.project-info-content .inner-content ul li .title{display:table-cell;vertical-align:middle}.project-info-content .inner-content ul li .title{padding-left:20px}.project-info-content .inner-content ul li .title h4{color:#27282c;font-size:16px;line-height:20px;font-weight:600;margin:0 0 4px}.project-info-content .inner-content ul li .title span{}.project-info-image-box{position:relative;display:block;z-index:3}.project-info-image-box img{max-width:none;float:left}.video-image-holder-area{position:relative;display:block}.video-image-holder-area .container-fluid{padding-right:50px;padding-left:50px}.video-holder-box{position:relative;display:block;width:100%}.video-holder-box .img-holder{position:relative;display:block;overflow:hidden}.video-holder-box .img-holder img{width:100%}.video-holder-box .img-holder .icon-holder{position:absolute;top:0;left:0;bottom:0;right:0;content:"";background:rgba(255,255,255,.02);transition:all 900ms ease;z-index:3;opacity:1}.video-holder-box .img-holder .icon-holder .icon{display:table;width:100%;height:100%}.video-holder-box .img-holder .icon-holder .icon .inner{display:table-cell;vertical-align:middle}.video-holder-box .img-holder .icon-holder .icon .inner a{position:relative;display:inline-block;border:4px solid rgba(255,255,255,.99);color:#fff;height:100px;width:100px;border-radius:50%;text-align:center;transition:all 500ms ease}.video-holder-box .img-holder .icon-holder .icon .inner a span:before{position:relative;display:block;width:100%;height:100%;font-size:40px;line-height:92px;border-radius:50%;-webkit-animation:pulse 2s infinite;-o-animation:pulse 2s infinite;animation:pulse 2s infinite;transition:all 1s ease}@keyframes pulse{50%{box-shadow:0 0 0 5px rgba(255,255,255,.1),0 0 0 20px rgba(238,238,238,.3)}}.single-project-image-gallery{position:relative;display:block}.single-project-image-gallery img{width:100%}.similar-projects-area{position:relative;display:block;padding:103px 0 54px}.similar-projects-content{padding-left:60px;padding-right:60px}.similar-projects-content .row{margin-left:-30px;margin-right:-30px}.similar-projects-content .row [class*=col-]{padding-left:30px;padding-right:30px}.similar-project-title{position:relative;display:block;padding-bottom:41px}.similar-project-title h2{color:#27282c;font-size:30px;line-height:38px;font-weight:700;text-transform:uppercase}.single-similar-project{position:relative;display:block;text-align:center;margin-bottom:50px}.single-similar-project .img-holder{position:relative;display:block;overflow:hidden;z-index:2}.single-similar-project .img-holder::before{position:absolute;top:0;left:-100%;width:50%;height:100%;content:'';background:linear-gradient(to right,rgba(233,33,48,0) 0%,rgba(233,33,48,.3) 100%);transform:skewX(-25deg);z-index:2}.single-similar-project:hover .img-holder::before{-webkit-animation:shine 1.5s;animation:shine 1.5s}@-webkit-keyframes shine{100%{left:125%}}@keyframes shine{100%{left:125%}}.single-similar-project .img-holder img{width:100%;transition:all 1500ms ease}.single-similar-project:hover .img-holder img{transform:scale(1.3) rotate(0deg)}.single-similar-project .title-holder{position:relative;display:block;padding-top:24px}.single-similar-project .title-holder span{color:#7c7e84}.single-similar-project .title-holder h3{font-size:20px;line-height:26px;font-weight:600;margin:3px 0 0}.single-similar-project .title-holder h3 a{color:#27282c}#blog-area{position:relative;display:block;padding: 40px 0 20px;}#blog-area.blog-default-area{position:relative;display:block;padding:110px 0 40px}.single-blog-colum-style1{position:relative;display:block;padding-left:30px;z-index:1}.single-blog-colum-style1:before{position:absolute;top:-300px;left:0;bottom:-2000px;width:1px;background:#ededed;content:"";z-index:-1}.single-blog-post.style3{margin-bottom:62px}.single-blog-post.style3 .img-holder .overlay{transform:translate3d(0px,0%,0px)}.single-blog-post.style3 .post-date{position:absolute;top:20px;right:20px;width:65px;height:75px;text-align:center;background:#e9212e;display:block;padding:13px 0 6px;transition:all 700ms ease 500ms;z-index:3}.single-blog-post.style3 .post-date h3{color:#fff;font-size:14px;line-height:24px;font-weight:500;text-transform:uppercase;font-family:rubik,sans-serif}.single-blog-post.style3 .post-date h3 span{font-size:24px}.single-blog-post.style3 .text-holder{position:relative;display:block;padding-top:24px}.single-blog-post.style3 .text-holder:before{position:absolute;top:30px;left:-29px;width:3px;height:20px;background:#e9212e;content:"";z-index:99}.single-blog-post.style3 .text-holder:after{position:absolute;top:30px;left:-29px;width:3px;background:#e9212e;content:"";z-index:99;bottom:8px;transform:scaleY(0);transition:all 700ms ease 400ms}.single-blog-post.style3:hover .text-holder:after{transform:scaleY(1)}.single-blog-post.style3 .meta-box{margin-top:14px;margin-bottom:0}.single-blog-post.style3 .text-holder .text{margin-top:9px}.single-blog-post.style3 .text-holder .text p{margin:0 0 26px}#blog-area.blog-large-area{position:relative;display:block;direction:rtl}.single-blog-post.style4{position:relative;display:block;padding-left:5px;padding-right:5px;margin-bottom:20px;z-index:1;border:1px solid #ededed;border-radius:7px}.single-blog-post.style4:before{position:absolute;right:0;width:1px;content:"";z-index:-1}.single-blog-post.style4 .img-holder .overlay .box .link-icon a span:before{font-size:55px;line-height:55px}.single-blog-post.style4 .text-holder{position:relative;display:block;padding-top:9px;text-align:right;padding:10px 5px 0}.single-blog-post.style4 .text-holder:before{position:absolute;top:20px;right:-6px;width:3px;height:20px;background:#96c73d;content:"";z-index:99}.single-blog-post.style4 .text-holder:after{position:absolute;top:0;right:-6px;width:3px;background:#96c73d;content:"";z-index:99;bottom:0;transform:scaleY(0);transition:all 700ms ease 400ms}.single-blog-post.style4:hover .text-holder:after{transform:scaleY(1)}.single-blog-post.style4 .text-holder .blog-title{font-size:13px;line-height:20px;text-align:right}.single-blog-post.style4 .meta-box{margin-top:11px;margin-bottom:0;padding-bottom:17px}.single-blog-post.style4 .text-holder .text{margin-top:10px;text-align:justify}.single-blog-post.style4 .text-holder .text p{margin:0 0 3px}#blog-area .sidebar-wrapper{position:relative;display:block;max-width:300px;margin-left:-30px}.sidebar-title{position:relative;display:block;margin-top:-4px;padding-bottom:6px}.sidebar-title:before{position:absolute;top:10px;left:-30px;width:10px;height:5px;background:#e9212e;content:""}.sidebar-title .title{color:#27282c;font-size:20px;line-height:24px;font-weight:600;font-family:poppins,sans-serif}.sidebar-wrapper .single-sidebar{position:relative;display:block;padding:0 3px 0;margin-bottom:20px}.sidebar-search-box .search-form{position:relative;display:block;max-width:300px;margin-bottom:50px;-webkit-box-shadow:0 0 8px 2px #f6f6f6;box-shadow:0 0 8px 2px #f6f6f6}.sidebar-search-box .search-form input[type=text]{position:relative;display:block;background:#fff;border:1px solid #f6f6f6;color:#828282;font-size:15px;font-weight:400;height:60px;width:100%;padding-left:20px;padding-right:65px;border-radius:0;transition:all 500ms ease 0s}.sidebar-wrapper .search-form button{position:absolute;top:0;right:0;bottom:0;display:block;background:#e9212e;color:#fff;font-size:14px;height:60px;width:60px;border:0 solid #e9212e;line-height:60px;text-align:center;border-radius:0;transition:all 500ms ease 0s;margin:0}.sidebar-wrapper .search-form button i{font-size:14px}.sidebar-wrapper .search-form input[type=text]:focus{border:1px solid #e9212e;background:#fff;color:#000}.sidebar-wrapper .search-form input[type=text]:focus+button,.sidebar-wrapper .search-form button:hover{border-color:#e9212e;color:#fff}.single-sidebar .categories{position:relative;display:block;padding-bottom:20px}.single-sidebar .categories li{position:relative;display:block}.single-sidebar .categories li a{position:relative;display:block;padding-left:20px;color:#828282;font-size:15px;line-height:50px;font-weight:400;border-bottom:1px solid #ededed;font-family:rubik,sans-serif;transition:all 700ms ease;z-index:1}.single-sidebar .categories li a sup{font-size:12px;display:inline-block;padding-left:5px;transform:scaleX(0);transition:all 300ms ease 100ms}.single-sidebar .categories li:hover a sup{transform:scaleX(1);transition:all 300ms ease 100ms}.single-sidebar .categories li:last-child a{border:none}.single-sidebar .categories li:hover a{color:#e9212e;transition:all 700ms ease}.single-sidebar .categories li a:before{position:absolute;top:0;left:0;content:"\f107";font-family:flaticon;color:#828282;font-size:10px;transition:all 900ms ease;font-weight:600;line-height:50px;margin:0}.single-sidebar .categories li:hover a:before{color:#e9212e;content:"\f108";transition:all 900ms ease}.single-sidebar .recent-post{position:relative;display:block;overflow:hidden;padding:5px 0 6px;z-index: 99;}.single-sidebar .recent-post li{position:relative;display:block;border-bottom:1px solid #ededed;min-height:55px;padding-right:44px;padding-bottom:10px;margin-bottom:10px;border:.5px solid #cfcfcf;border-radius:7px;border-left:7px solid #96c73d}.single-sidebar .recent-post li:last-child{padding-bottom:0;margin-bottom:0}.single-sidebar .recent-post li .img-holder{position:absolute;top:0;right:0;width:59px;height:55px;display:block;overflow:hidden;border-bottom-right-radius:7px;border-top-right-radius:7px}.single-sidebar .recent-post li .img-holder img{transition:all .4s ease-in-out .5s;width:100%;transform:scale(1.1,1.1);border-bottom-right-radius:7px;border-top-right-radius:7px;height:51px}.single-sidebar .recent-post li:hover .img-holder img{transition-delay:0s;transform:scale(1.2,1.2)}.single-sidebar .recent-post li .img-holder .overlay-style-one{background:#1e1e1d91}.single-sidebar .recent-post li .img-holder .overlay-style-one .box .content a{display:inline-block;width:20px;height:20px;filter:alpha(opacity=0);transform:scale(3);transition:all .3s ease-in-out .3s;opacity:0;z-index:5}.single-sidebar .recent-post li:hover .img-holder .overlay-style-one .box .content a{filter:alpha(opacity=100);transform:scale(1);transition-delay:.1s;opacity:1}.single-sidebar .recent-post li .img-holder .overlay-style-one .box .content a span:before{color:#fff;font-size:20px;line-height:20px;transition:all 500ms ease}.single-sidebar .recent-post li .img-holder .overlay-style-one .box .content a:hover span:before{color:#000}.single-sidebar .recent-post li:hover .img-holder .overlay-style-one{opacity:1}.single-sidebar .recent-post li .title-holder{padding-right:20px;text-align:right}.single-sidebar .recent-post li .title-holder span{display:block;line-height:14px;font-size:12px}.single-sidebar .recent-post li .title-holder .post-title{font-size:12px;line-height:22px;font-weight:600;margin:7px 0 0;transition:all 500ms ease}.single-sidebar .recent-post li .title-holder .post-title a{color:#27282c;transition:all 500ms ease}.single-sidebar .recent-post li .title-holder .post-title a:hover{color:#96c73d}.single-sidebar .instagram{position:relative;display:block;overflow:hidden;margin-left:-5px;margin-right:-5px;padding:19px 0 4px}.single-sidebar .instagram li{position:relative;display:inline-block;float:left;margin:0 5px 10px;transition:all .5s ease 0s}.single-sidebar .instagram li .img-holder{position:relative;display:block;overflow:hidden;transition:all .5s ease 0s;z-index:5}.single-sidebar .instagram li .img-holder img{transform:scale(1.1,1.1);transition:all .5s ease 0s;width:100%}.single-sidebar .instagram li:hover .img-holder img{transform:scale(1,1)}.single-sidebar .instagram li .img-holder .overlay-style-one{background:rgba(40,41,46,.95)}.single-sidebar .instagram li:hover .img-holder .overlay-style-one{filter:alpha(opacity=100);opacity:1;transition-delay:0s}.single-sidebar .instagram li .img-holder .overlay-style-one .box .content a{position:relative;display:block;float:none;margin:0;color:#fff;font-size:14px;line-height:26px;font-family:poppins,sans-serif;opacity:0;transform:scale(3);transition:all .3s ease-in-out .3s;z-index:5}.single-sidebar .instagram li:hover .img-holder .overlay-style-one .box .content a{filter:alpha(opacity=100);opacity:1;transform:scale(1);transition-delay:.1s}.single-sidebar .instagram li .img-holder .overlay-style-one .box .content a span:before{display:inline-block;padding-right:5px;font-size:12px;filter:alpha(opacity=0)}.single-sidebar .instagram li .img-holder .overlay-style-one .box .content a:hover{color:#e9212e}.follow-us-button{position:relative;display:block;padding-bottom:32px}.single-sidebar .popular-tag{position:relative;display:block;margin-left:-2.5px;margin-right:-2.5px;padding:19px 0 35px}.single-sidebar .popular-tag li{position:relative;display:inline-block;float:left;margin:0 2.5px 5px}.single-sidebar .popular-tag li a{position:relative;display:block;background:#f6f6f6;padding:9px 10px 7px;color:#828282;font-size:15px;font-weight:400;transition:all 500ms ease 0s;z-index:1}.single-sidebar .popular-tag li a:hover{color:#fff;background:#27282c}.main-header.blog-single{-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);-moz-box-shadow:0 0 15px rgba(0,0,0,.1);-ms-box-shadow:0 0 15px rgba(0,0,0,.1);-o-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 15px rgba(0,0,0,.1)}.single-post-info-area{position:relative;display:block;padding:104px 0 96px}.single-post-info-content{position:relative;display:block}.single-post-info-content .meta-box{position:relative;display:block;overflow:hidden}.single-post-info-content .meta-box .meta-info{position:relative;display:block;overflow:hidden;text-align:center}.single-post-info-content .meta-box .meta-info li{position:relative;display:inline-block;float:none;color:#e9212e;font-size:15px;line-height:20px;font-weight:400;padding-right:16px;margin-right:11px}.single-post-info-content .meta-box .meta-info li:before{position:absolute;top:3px;right:0;width:1px;height:12px;background:#d3d9e0;content:""}.single-post-info-content .meta-box .meta-info li:last-child{padding-right:0;margin-right:0}.single-post-info-content .meta-box .meta-info li:last-child:before{display:none}.single-post-info-content .meta-box .meta-info li a{color:#828282;font-size:15px;font-weight:400;text-transform:capitalize;transition:all 500ms ease}.single-post-info-content .meta-box .meta-info li a:hover{color:#e9212e}.single-post-info-content .blog-title{color:#26272b;font-size:48px;line-height:60px;font-weight:600;margin:22px 0 0}#blog-area.blog-single-area{position:relative;display:block;padding:0 0 110px}.blog-single-area .blog-post{position:relative;display:block;margin-right:35px}.blog-single-area .single-blog-post{position:relative;display:block}.blog-single-area .main-image-box{position:relative;display:block;margin-bottom:54px}.blog-single-area .main-image-box img{width:100%}.single-blog-post .top-text-box{position:relative;display:block;overflow:hidden}.single-blog-post .top-text-box h3{color:#27282c;font-size:20px;font-weight:600;margin:27px 0 28px}.author-quote-box{position:relative;display:block;padding:33px 40px;background:#27282c;margin-top:36px;margin-bottom:54px}.author-quote-box:before{font-family:icomoon;position:absolute;bottom:-35px;right:40px;width:70px;height:70px;border-radius:50%;background:#e9212e;content:"\e939";color:#fff;font-size:32px;line-height:70px;text-align:center}.author-quote-box .text{position:relative;display:block}.author-quote-box .text p{color:#fff;font-size:24px;line-height:32px;margin:0 0 27px}.author-quote-box .text .name{position:relative;display:block}.author-quote-box .text .name h3{color:#fff;font-size:18px;font-weight:500}.author-quote-box .text .name h3 span{color:#7c7e84;font-size:15px;font-weight:400;font-family:rubik,sans-serif}.quote-bottom-text{position:relative;display:block}.blog-single-image-with-text-box{position:relative;display:block;margin-top:52px}.blog-single-image-with-text-box .image-box{position:relative;display:block}.blog-single-image-with-text-box .image-box li{position:relative;display:inline-block;float:left;margin-right:35px}.blog-single-image-with-text-box .image-box li:last-child{margin-right:0}.blog-single-image-with-text-box .image-box li img{width:100%}.blog-single-image-with-text-box .text-box{position:relative;display:block;margin-top:54px}.blog-single-bottom-content-box{position:relative;display:block;margin-top:45px}.blog-single-bottom-content-box h2{color:#27282c;font-size:24px;line-height:32px;font-weight:700;text-transform:uppercase;margin:0 0 16px}.blog-single-bottom-content-box p{margin:0 0 20px}.blog-single-bottom-content-box ul{position:relative;display:block}.blog-single-bottom-content-box ul li{position:relative;display:block;padding-left:40px;line-height:36px}.blog-single-bottom-content-box ul li:before{font-family:flaticon;position:absolute;top:0;left:0;content:"\f102";color:#e9212e;font-size:25px}.tag-with-social-links-box{position:relative;display:block;overflow:hidden;border-top:1px solid #ededed;margin-top:47px;padding-top:21px}.tag-with-social-links-box .inner-content{position:relative;display:block}.tag-with-social-links-box .tag-box{position:relative;display:block}.tag-with-social-links-box .tag-box p{position:relative;display:inline-block;float:left;color:#27282c;font-size:16px;line-height:30px;font-weight:500;margin:0;font-family:poppins,sans-serif}.tag-with-social-links-box .tag-box ul{position:relative;display:inline-block;float:left;padding-left:10px}.tag-with-social-links-box .tag-box ul li{position:relative;display:inline-block;float:left;margin-right:5px;line-height:30px}.tag-with-social-links-box .tag-box ul li:last-child{margin-right:0}.tag-with-social-links-box .tag-box ul li a{position:relative;display:block;color:#828282;font-size:15px;font-weight:400;text-transform:capitalize;transition:all 300ms ease 100ms}.tag-with-social-links-box .tag-box ul li a:hover{color:#e9212e}.tag-with-social-links-box .social-links-box{position:relative;display:block}.tag-with-social-links-box .social-links-box p{position:relative;display:inline-block;float:left;color:#27282c;font-size:16px;line-height:30px;font-weight:500;margin:0;font-family:poppins,sans-serif}.tag-with-social-links-box .social-links-box p i{position:relative;display:inline-block;padding-right:8px;color:#e9212e}.tag-with-social-links-box .social-links-box .sociallinks{position:relative;display:inline-block;float:left;padding-left:10px}.tag-with-social-links-box .social-links-box .sociallinks li{position:relative;display:inline-block;float:left;line-height:30px;margin-right:20px}.tag-with-social-links-box .social-links-box .sociallinks li:last-child{margin-right:0}.tag-with-social-links-box .social-links-box .sociallinks li a i{position:relative;display:block;color:#b3b3b3;font-size:14px;line-height:30px}.tag-with-social-links-box .social-links-box .sociallinks li a:hover i{color:#e9212e}.blog-prev-next-option{position:relative;display:block;overflow:hidden;width:100%;margin-top:75px}.blog-prev-next-option .single{position:relative;display:block;max-width:400px;width:100%}.blog-prev-next-option .single.prev{position:relative;display:block;overflow:hidden;float:left}.blog-prev-next-option .single .image-thumb{position:relative;display:block;overflow:hidden}.blog-prev-next-option .single .image-thumb img{transform:scale(1.1,1.1);transition:all .5s ease 0s;width:100%}.blog-prev-next-option .single:hover .image-thumb img{transform:scale(1,1)}.blog-prev-next-option .single .image-thumb .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(40,41,46,.95);transition:all 700ms ease 100ms;opacity:0}.blog-prev-next-option .single:hover .image-thumb .overlay{filter:alpha(opacity=100);opacity:1;transition-delay:0s}.blog-prev-next-option .single .image-thumb .overlay .box{display:table;width:100%;height:100%}.blog-prev-next-option .single .image-thumb .overlay .box .link{display:table-cell;vertical-align:middle;text-align:center}.blog-prev-next-option .single .image-thumb .overlay .box .link a{position:relative;display:inline-block;color:#fff;font-size:15px;font-weight:500;text-transform:capitalize;width:100px;height:20px;filter:alpha(opacity=0);transform:scale(3);transition:all .3s ease-in-out .3s;opacity:0}.blog-prev-next-option .single:hover .image-thumb .overlay .box .link a{filter:alpha(opacity=100);transform:scale(1);transition-delay:.1s;opacity:1}.blog-prev-next-option .single .image-thumb .overlay .box .link a:hover{color:#e9212e}.blog-prev-next-option .single .image-thumb .overlay .box .link a i{display:inline-block;padding-left:5px}.blog-prev-next-option .single .title{position:relative;display:block;padding:14px 20px 0;text-align:center}.blog-prev-next-option .single .title h3{font-size:18px;line-height:26px;font-weight:600}.blog-prev-next-option .single .title a{color:#27282c;transition:all 500ms ease}.blog-prev-next-option .single .title a:hover{color:#e9212e}.blog-prev-next-option .single.next{position:relative;display:block;overflow:hidden;float:right}.author-box-holder{position:relative;display:block;background:#fff;padding:45px 40px 40px;margin:73px 0 80px;box-shadow:0 4px 10px 3px #e0e4e6}.author-box-holder .inner-box{position:relative;display:block}.author-box-holder .inner-box .img-box{width:100px}.author-box-holder .inner-box .img-box img{width:100%;border-radius:50%}.author-box-holder .inner-box .img-box,.author-box-holder .inner-box .text{display:table-cell;vertical-align:middle}.author-box-holder .inner-box .text{padding-left:40px}.author-box-holder .inner-box .text h3{color:#222;font-size:20px;font-weight:600;margin:0}.author-box-holder .inner-box .text h3 span{color:#e9212e;font-size:15px;font-weight:400;font-family:rubik,sans-serif}.author-box-holder .inner-box .text p{line-height:25px;margin:16px 0 23px}.author-box-holder .inner-box .text .author-social-links{position:relative;display:block;overflow:hidden}.author-box-holder .inner-box .text .author-social-links p{position:relative;display:inline-block;float:left;padding-right:10px;color:#27282c;font-size:15px;font-weight:500;line-height:30px;margin:0}.author-box-holder .inner-box .text .author-social-links ul{position:relative;display:inline-block;float:left}.author-box-holder .inner-box .text .author-social-links ul li{position:relative;display:inline-block;float:left;line-height:30px;padding-right:11px;margin-right:10px}.author-box-holder .inner-box .text .author-social-links ul li:before{position:absolute;top:0;bottom:0;right:0;width:1px;height:12px;background:#e3e3e3;content:"";transform:rotate(15deg);line-height:30px;margin:8px 0}.author-box-holder .inner-box .text .author-social-links ul li:last-child:before{display:none}.author-box-holder .inner-box .text .author-social-links ul li:last-child{padding-right:0;margin-right:0}.author-box-holder .inner-box .text .author-social-links ul li a{color:#7c7e84}.author-box-holder .inner-box .text .author-social-links ul li a:hover{color:#e9212e}.single-blog-title-box{position:relative;display:block;padding-bottom:32px;margin-top:-7px}.single-blog-title-box h2{color:#27282c;font-size:24px;line-height:32px;font-weight:700;text-transform:uppercase}.blog-single-area .inner-comment-box{position:relative;display:block;overflow:hidden}.blog-single-area .inner-comment-box .single-comment-outer-box{position:relative;display:block;border:1px solid #ededed;background:#fff;padding:35px 40px 32px;margin-bottom:40px}.blog-single-area .inner-comment-box .single-comment-outer-box.mar-left{margin-left:80px}.blog-single-area .inner-comment-box .single-comment-box{position:relative;display:block;padding-left:80px}.blog-single-area .inner-comment-box .single-comment-box .img-box{position:absolute;top:4px;left:0;width:80px;height:80px}.blog-single-area .inner-comment-box .single-comment-box .img-box img{border-radius:50%;width:100%}.blog-single-area .inner-comment-box .single-comment-box .text-box{position:relative;display:block;margin-left:30px}.blog-single-area .inner-comment-box .single-comment-box .text-box .top{position:relative;display:block;overflow:hidden;margin-bottom:16px}.blog-single-area .inner-comment-box .single-comment-box .text-box .top .name{position:relative;display:block;float:left}.blog-single-area .inner-comment-box .single-comment-box .text-box .top .name h3{color:#27282c;font-size:20px;font-weight:600;margin:0 0 3px}.blog-single-area .inner-comment-box .single-comment-box .text-box .top .name span{color:#e9212e}.blog-single-area .inner-comment-box .single-comment-box .text-box .top .reply-button{position:relative;display:block;float:right;top:-3px}.blog-single-area .inner-comment-box .single-comment-box .text-box .top .reply-button a{color:#b3b3b3;font-size:14px;font-weight:700;text-transform:uppercase;font-family:poppins,sans-serif}.blog-single-area .inner-comment-box .single-comment-box .text-box .top .reply-button a:hover{color:#e9212e}.blog-single-area .inner-comment-box .single-comment-box .text-box .top .reply-button a span:before{position:relative;top:1px;display:inline-block;padding-right:10px;font-size:14px;line-height:14px}.blog-single-area .inner-comment-box .single-comment-box .text-box .text{}.blog-single-area .inner-comment-box .single-comment-box .text-box .text p{margin:0}.add-comment-box{position:relative;display:block;overflow:hidden;padding-top:40px}.add-comment-box #add-comment-form{}.add-comment-box #add-comment-form input[type=text],.add-comment-box #add-comment-form input[type=email],.add-comment-box #add-comment-form textarea{position:relative;display:block;background:#f6f6f6 none repeat scroll 0 0;border:1px solid #f6f6f6;color:#828282;font-size:15px;font-weight:400;height:60px;padding:0 30px;width:100%;border-radius:0;margin-bottom:30px;transition:all 500ms ease}.add-comment-box #add-comment-form textarea{height:170px;padding:13px 30px;margin-bottom:30px}.add-comment-box #add-comment-form input[type=text]:focus{border-color:#e9212e}.add-comment-box #add-comment-form input[type=email]:focus{border-color:#e9212e}.add-comment-box #add-comment-form textarea:focus{border-color:#e9212e}.add-comment-box #add-comment-form button{}.add-comment-box #add-comment-form button:hover{}#shop-area{padding-top:110px;padding-bottom:110px}.main-shop-area{position:relative;display:block;background:#fff}#shop-area .shop-content{position:relative;display:block}.showing-result-shorting{display:flex;justify-content:space-between;flex-direction:row;flex-wrap:wrap;align-items:center;padding-bottom:30px;border-bottom:1px solid #ededed;margin-bottom:50px}.showing-result-shorting .showing{}.showing-result-shorting .shorting{}.showing-result-shorting .showing p{color:#828282;font-size:15px;font-weight:400;margin:0}.single-product-item{position:relative;display:block;transition:all 500ms ease;margin-bottom:50px}.single-product-item .img-holder{position:relative;display:block;overflow:hidden}.single-product-item .img-holder::before{background:rgba(255,255,255,.3);top:0;left:0;bottom:0;right:0;content:"";opacity:0;position:absolute;z-index:1;transition:all .4s ease-in-out 0s}.single-product-item:hover .img-holder::before{opacity:1}.single-product-item .img-holder img{transform:scale(1);transition:all .7s ease 0s;width:100%}.single-product-item:hover .img-holder img{transform:scale(1.1)}.single-product-item .title-holder{position:relative;display:block;background:#fff;padding:17px 0 13px;-webkit-box-shadow:0 3px 8px 2px #f9f9f9;box-shadow:0 3px 8px 2px #f9f9f9;margin-left:20px;margin-right:20px;margin-top:-30px;z-index:10}.single-product-item .title-holder .static-content{position:relative;display:block}.single-product-item .title-holder .title{position:relative;display:block;font-size:16px;line-height:22px;font-weight:600;padding:0 0 3px}.single-product-item .title-holder .title a{color:#27282c;transition:all 500ms ease}.single-product-item .title-holder .static-content span{color:#828282}.single-product-item .title-holder .overlay-content{position:absolute;top:0;left:0;bottom:0;right:0;background:#fff;text-align:center;transform:scaleX(0);-webkit-transform:scaleX(0);transition:all 700ms ease 300ms}.single-product-item:hover .title-holder .overlay-content{transform:scaleY(1);-webkit-transform:scaleY(1);transition:all 700ms ease 100ms}.single-product-item .title-holder .overlay-content ul{position:relative;display:block;padding:22px 0 23px;width:153px;margin:0 auto;transform:scale(0);transition:all 700ms ease 100ms}.single-product-item:hover .title-holder .overlay-content ul{transform:scale(1);transition:all 700ms ease 600ms}.single-product-item .title-holder .overlay-content ul li{position:relative;display:inline-block;float:left;width:51px;text-align:center;border-right:1px solid #ededed}.single-product-item .title-holder .overlay-content ul li:last-child{border:none}.single-product-item .title-holder .overlay-content ul li a{position:relative;display:block}.single-product-item .title-holder .overlay-content ul li a span:before{position:relative;display:block;width:100%;height:35px;color:#b3b3b3;font-size:18px;line-height:35px;margin:0;transition:all 500ms ease}.single-product-item .title-holder .overlay-content ul li a:hover span:before{color:#e9212e}.single-product-item .title-holder .overlay-content ul li a .toltip-content{position:absolute;left:-50%;right:0;top:-25px;margin-left:-15px;opacity:0;visibility:hidden;padding:0;text-align:center;background-color:#27282c;transition:all 300ms ease 100ms;z-index:999;min-width:130px}.single-product-item .title-holder .overlay-content ul li a .toltip-content:before{font-family:FontAwesome;position:absolute;left:0;bottom:-8px;right:0;content:"\f0d7";color:#27282c;font-size:25px;text-align:center;line-height:10px}.single-product-item .title-holder .overlay-content ul li a .toltip-content p{color:#fff;font-size:15px;line-height:30px;margin:0}.single-product-item .title-holder .overlay-content ul li a:hover .toltip-content{top:-37px;visibility:visible;opacity:1}.shop-sidebar-wrapper{position:relative;display:block;max-width:270px;width:100%}.shop-sidebar-wrapper .single-sidebar-box{position:relative;display:block;overflow:hidden}.single-sidebar-box.pdbtm{padding-bottom:50px}.shop-sidebar-wrapper .search-form{position:relative;display:block;max-width:270px;width:100%;margin-bottom:50px}.shop-sidebar-wrapper .search-form input[type=text]{position:relative;display:block;background:#fff;border:1px solid #ededed;color:#7e8597;font-size:15px;font-weight:400;height:50px;max-width:270px;width:100%;padding-left:20px;padding-right:60px;border-radius:0;transition:all 500ms ease 0s}.shop-sidebar-wrapper .search-form button{position:absolute;top:0;right:0;bottom:0;display:block;background:#f6f6f6;color:#27282c;font-size:14px;height:50px;width:50px;border:0 solid #edf2f7;line-height:48px;text-align:center;border-radius:0;transition:all 500ms ease 0s;margin:0}.shop-sidebar-wrapper .search-form button i{font-size:14px}.shop-sidebar-wrapper .search-form input[type=text]:focus{border:1px solid #e9212e;background:#fff;color:#000}.shop-sidebar-wrapper .search-form input[type=text]:focus+button,.shop-sidebar-wrapper .search-form button:hover{background:#e9212e;color:#fff}.shop-sidebar-title{position:relative;display:block;padding-bottom:23px;margin-top:-6px}.shop-sidebar-title h3{color:#303030;font-size:18px;line-height:26px;font-weight:600;text-transform:capitalize}.single-sidebar-box .categories{position:relative;display:block;border:1px solid #ededed;border-bottom:none}.single-sidebar-box .categories li{position:relative;display:block;padding-left:20px;line-height:50px;border-bottom:1px solid #ededed;transition:all 500ms ease}.single-sidebar-box .categories li:before{position:absolute;top:0;left:0;bottom:0;width:0;background:#e9212e;content:"";transition:all 100ms ease;transition-delay:.3s;transform:perspective(0px) translateX(0px) rotate(0deg)}.single-sidebar-box .categories li:hover:before{width:3px;transform:perspective(0px) translateX(0px) rotate(0deg)}.single-sidebar-box .categories li a{position:relative;display:block;color:#828282;font-size:15px;font-weight:400;font-family:rubik,sans-serif;transition:all 500ms ease;transition-delay:.2s;transform:perspective(0px) translateX(0px) rotate(0deg)}.single-sidebar-box .categories li:hover a{color:#e9212e;transform:perspective(0px) translateX(10px) rotate(0deg)}.shop-sidebar-wrapper .price-ranger{margin-top:4px;margin-bottom:0}.shop-sidebar-wrapper .price-ranger .ui-widget-content{background:#edf2f7;border:none;height:2px}.shop-sidebar-wrapper .price-ranger .ui-slider-handle{position:absolute;top:-4px;background:#fff;border:1px solid #eee;border-radius:50%;height:10px;margin-left:-4px;outline:medium;width:10px!important;cursor:pointer;z-index:2}.shop-sidebar-wrapper .price-ranger .ui-slider-handle:before{position:absolute;top:0;left:0;bottom:0;right:0;width:4px;height:4px;background:#e9212e;border-radius:50%;content:"";margin:2px}.shop-sidebar-wrapper .price-ranger .ui-slider .ui-slider-range{background:#e9212e}.shop-sidebar-wrapper .price-ranger #slider-range{margin-left:4px;margin-right:6px;margin-top:0}.shop-sidebar-wrapper .price-ranger .ranger-min-max-block{position:relative;display:block;margin-top:30px}.shop-sidebar-wrapper .price-ranger .ranger-min-max-block input{display:inline-block}.shop-sidebar-wrapper .price-ranger .ranger-min-max-block input[type=submit]{position:relative;display:inline-block;background:#f6f6f6;float:left;margin-right:10px;padding:6px 0 4px;text-align:center;width:90px;border:none;color:#27282c;font-size:15px;font-weight:500;margin-top:0;border-radius:0;text-transform:capitalize;cursor:pointer}.shop-sidebar-wrapper .price-ranger .ranger-min-max-block input[type=submit]:hover{}.shop-sidebar-wrapper .price-ranger .ranger-min-max-block input[type=text]{position:relative;display:inline-block;float:left;color:#828282;font-size:15px;font-weight:400;text-align:right;width:40px;line-height:35px;border:none;padding:0}.shop-sidebar-wrapper .price-ranger .ranger-min-max-block input[type=text].max{}.shop-sidebar-wrapper .price-ranger .ranger-min-max-block span{position:relative;display:inline-block;color:#828282;font-size:15px;font-weight:400;line-height:35px;float:left}.shop-sidebar-wrapper .products-post{position:relative;display:block;overflow:hidden}.shop-sidebar-wrapper .products-post li{position:relative;display:block;border-bottom:1px solid #ededed;min-height:70px;padding-left:70px;padding-bottom:25px;margin-bottom:25px}.shop-sidebar-wrapper .products-post li:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none}.shop-sidebar-wrapper .products-post li .img-holder{position:absolute;top:0;left:0;width:70px;height:70px;display:block;overflow:hidden}.shop-sidebar-wrapper .products-post li .img-holder img{transition:all .4s ease-in-out .5s;width:100%;transform:scale(1.1,1.1)}.shop-sidebar-wrapper .products-post li:hover .img-holder img{transition-delay:0s;transform:scale(1.2,1.2)}.shop-sidebar-wrapper .products-post li .img-holder .overlay-style-one{background:rgba(233,33,48,.9)}.shop-sidebar-wrapper .products-post li .img-holder .overlay-style-one .box .content a{display:inline-block;width:20px;height:20px;filter:alpha(opacity=0);transform:scale(3);transition:all .3s ease-in-out .3s;opacity:0;z-index:5}.shop-sidebar-wrapper .products-post li:hover .img-holder .overlay-style-one .box .content a{filter:alpha(opacity=100);transform:scale(1);transition-delay:.1s;opacity:1}.shop-sidebar-wrapper .products-post li .img-holder .overlay-style-one .box .content a span:before{color:#fff;font-size:20px;line-height:20px;transition:all 500ms ease}.shop-sidebar-wrapper .products-post li .img-holder .overlay-style-one .box .content a:hover span:before{color:#000}.shop-sidebar-wrapper .products-post li:hover .img-holder .overlay-style-one{opacity:1}.shop-sidebar-wrapper .products-post li .title-holder{padding-left:30px;min-height:70px}.shop-sidebar-wrapper .products-post li .title-holder .post-title{font-size:16px;line-height:20px;font-weight:600;margin:0 0 14px;transition:all 500ms ease}.shop-sidebar-wrapper .products-post li .title-holder .post-title a{color:#27282c;transition:all 500ms ease}.shop-sidebar-wrapper .products-post li .title-holder .post-title a:hover{color:#e9212e}.shop-sidebar-wrapper .products-post li .title-holder span{display:block;line-height:14px}#shop-area.single-shop-area{padding-top:110px;padding-bottom:60px}.single-product-image-holder{margin-right:35px}.single-product-image-holder img{width:auto}.single-shop-content .content-box{position:relative;display:block}.single-shop-content .content-box span.price{color:#828282;font-size:24px;font-weight:400}.single-shop-content .content-box h2{color:#27282c;font-size:30px;font-weight:600;margin:6px 0 7px;text-transform:capitalize}.single-shop-content .content-box .review-box{}.single-shop-content .content-box .review-box ul{}.single-shop-content .content-box .review-box ul li{}.single-shop-content .content-box .review-box ul li i{color:#f13729;font-size:16px}.single-shop-content .content-box .text{position:relative;display:block;overflow:hidden;padding:22px 0 16px}.single-shop-content .content-box .text p{margin:0}.single-shop-content .content-box .location-box{margin:0 0 32px}.single-shop-content .content-box .location-box p{color:#828282;font-size:15px;margin:0 0 12px}.single-shop-content .content-box .location-box form{position:relative;display:block;overflow:hidden;margin-bottom:9px}.single-shop-content .content-box .location-box form input{position:relative;display:inline-block;float:left;border:1px solid #ededed;height:50px;padding-left:10px;padding-right:10px;width:180px;transition:all 500ms ease;margin:0}.single-shop-content .content-box .location-box form input:focus{border-color:#e9212e}.single-shop-content .content-box .location-box form button{position:relative;display:inline-block;float:left;background:#f6f6f6;border:none;color:#27282c;font-size:15px;font-weight:500;line-height:52px;height:50px;width:100px;margin:0;padding:0;text-align:center;text-transform:uppercase;transition:all 500ms ease 0s}.single-shop-content .content-box .location-box form button:hover{color:#fff;background:#555}.single-shop-content .content-box .location-box span{color:#e9212e}.single-shop-content .content-box .addto-cart-box{}.single-shop-content .content-box .addto-cart-box .input-group.bootstrap-touchspin{float:left;width:46px}.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .btn{position:relative;display:block;float:none;margin-left:0;width:100%;background:#f6f6f6;border:1px solid #f6f6f6;color:#848484;padding:12px 11px;cursor:pointer}.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up{border-radius:0}.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{border-radius:0;margin-top:-2px}.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .btn.bootstrap-touchspin-up:before{content:"\f0d8";font-family:FontAwesome;color:#848484;font-size:14px;position:absolute;top:0;left:0;width:100%;height:100%;padding:5px}.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .btn.bootstrap-touchspin-down:before{content:"\f0d7";font-family:FontAwesome;color:#848484;font-size:14px;position:absolute;top:-1px;left:0;width:100%;height:100%;padding:0 5px 5px}.single-shop-content .content-box .addto-cart-box button.addtocart{background:#e9212e;height:50px;width:170px;margin-left:43px;color:#fff;padding:0 0;cursor:pointer;border-radius:0;line-height:50px}.single-shop-content .content-box .addto-cart-box button.addtocart:hover{background:#26272b}.share-products-socials{position:relative;display:block;overflow:hidden;margin-top:46px}.share-products-socials h5{position:relative;display:inline-block;float:left;color:#27282c;font-size:16px;line-height:40px;font-weight:600;text-transform:capitalize}.share-products-socials ul{position:relative;display:inline-block;float:left;margin-left:20px}.share-products-socials ul li{position:relative;display:inline-block;float:left;margin-right:10px}.share-products-socials ul li:last-child{margin-right:0}.share-products-socials ul li a i{position:relative;display:block;width:40px;height:40px;font-size:18px;line-height:42px;text-align:center;transition:all 500ms ease}.share-products-socials ul li a i.fb{background:#3b5998;border-color:#3b5998;color:#fff}.share-products-socials ul li a:hover i.fb{background:#1d376f}.share-products-socials ul li a i.tw{background:#55acee;border-color:#55acee;color:#fff}.share-products-socials ul li a:hover i.tw{background:#1e7dc5}.share-products-socials ul li a i.pin{background:#cb2027;border-color:#cb2027;color:#fff}.share-products-socials ul li a:hover i.pin{background:#a81218}.share-products-socials ul li a i.lin{background:#007ab9;border-color:#007ab9;color:#fff}.share-products-socials ul li a:hover i.lin{background:#01537d}.product-tab-box{position:relative;display:block;overflow:hidden;margin-top:66px}.product-tab-box .tab-btns{position:relative;display:block;text-align:center;border-bottom:1px solid #ededed;margin-bottom:35px;z-index:1}.product-tab-box .tab-btns .tab-btn{display:inline-block;float:none;text-align:center;margin:0 2px}.product-tab-box .tab-btns .tab-btn span{position:relative;display:block;background:0 0;border-radius:0;cursor:pointer;margin:0;padding:15px 20px 13px;color:#27282c;font-size:20px;font-weight:600;text-transform:capitalize;transition:all 500ms ease;font-family:poppins,sans-serif}.product-tab-box .tab-btns .tab-btn.active-btn span,.product-tab-box .tab-btns .tab-btn:hover span{color:#e9212e}.product-tab-box .tab-btns .tab-btn span:before{position:absolute;left:0;bottom:-1px;right:0;height:1px;background:#e9212e;content:"";opacity:0;transition:all 500ms ease;transition-delay:.3s}.product-tab-box .tab-btns .tab-btn.active-btn span:before,.product-tab-box .tab-btns .tab-btn:hover span:before{opacity:1}.product-tab-box .tabs-content{position:relative;display:block;padding:0}.product-tab-box .tabs-content .tab{position:relative;padding:0;display:none}.product-tab-box .tabs-content .tab.active-tab{display:block}.review-box-holder{position:relative;display:block}.review-box-holder .single-review-box{position:relative;display:block;padding-left:70px;margin-bottom:40px;border-bottom:1px solid #ededed;padding-bottom:32px}.review-box-holder .single-review-box .image-holder{position:absolute;left:0;top:5px}.review-box-holder .single-review-box .image-holder img{width:100%;border-radius:50%}.review-box-holder .single-review-box .text-holder{position:relative;display:block;padding-left:20px;padding-right:40px}.review-box-holder .single-review-box .text-holder .top{position:relative;display:block;overflow:hidden;margin:0 0 17px}.review-box-holder .single-review-box .text-holder .top .name h3{color:#27282c;font-size:18px;font-weight:600;margin:0 0 6px;text-transform:capitalize}.review-box-holder .single-review-box .text-holder .top .name h3 span{color:#e9212e;font-size:15px;font-weight:400;font-family:rubik,sans-serif}.review-box-holder .single-review-box .text-holder .top .review-box ul{position:relative;display:block;overflow:hidden}.review-box-holder .single-review-box .text-holder .top .review-box ul li{display:inline-block;margin-right:3px}.review-box-holder .single-review-box .text-holder .top .review-box ul li:last-child{margin-right:0}.review-box-holder .single-review-box .text-holder .top .review-box ul li i{color:#e9212e;font-size:14px}.review-box-holder .single-review-box .text-holder .text p{margin:0}.product-tab-box .review-form{padding-top:33px}.product-tab-box .review-form .shop-page-title{padding-bottom:28px}.shop-page-title{position:relative;display:block}.shop-page-title .title{color:#222;font-size:24px;line-height:32px;font-weight:700;margin:0 0 6px;text-transform:uppercase;font-family:poppins,sans-serif}.shop-page-title .title span{font-weight:400}.shop-page-title p{margin:0}.shop-page-title p b{color:#e9212e;font-weight:400}.product-tab-box .review-form .add-rating-box{position:relative;display:block;overflow:hidden;margin-bottom:20px}.product-tab-box .review-form .add-rating-box .add-rating-title{position:relative;display:inline-block;float:left}.product-tab-box .review-form .add-rating-box .add-rating-title h4{color:#828282;font-size:15px;font-weight:400;line-height:20px;margin:0;text-transform:capitalize}.product-tab-box .review-form .add-rating-box .review-box{position:relative;display:inline-block;float:left;padding-left:20px}.product-tab-box .review-form .add-rating-box .review-box ul li{position:relative;display:inline-block;float:left;line-height:20px;margin-right:5px}.product-tab-box .review-form .add-rating-box .review-box ul li:last-child{margin-right:0}.product-tab-box .review-form .add-rating-box .review-box ul li i{color:#b5b5b5;font-size:16px;line-height:20px;opacity:1;transition:all 500ms ease 0s}.product-tab-box .review-form .input-box p{color:#828282;font-size:15px;line-height:20px;font-weight:400;margin:0 0 5px}.product-tab-box .review-form .input-box p span{color:#e9212e}.product-tab-box .review-form form input[type=text],.product-tab-box .review-form form input[type=email],.product-tab-box .review-form form textarea{position:relative;display:block;background:#fff;width:100%;height:60px;border:1px solid #ededed;color:#252525;font-size:15px;padding:0 20px;margin-bottom:30px;border-radius:0;transition:all 500ms ease}.product-tab-box .review-form form textarea{height:170px;padding:10px 20px;margin-bottom:40px}.product-tab-box .review-form form button{padding:0 50px}.product-tab-box .review-form form button:hover{}.product-tab-box .review-form form input[type=text]:focus{border-color:#e1dddd}.product-tab-box .review-form form input[type=email]:focus{border-color:#e1dddd}.product-tab-box .review-form form textarea:focus{border-color:#e1dddd}.related-product{padding-top:73px}.related-product .shop-page-title{padding-bottom:26px}.related-product .single-product-item{}.cart-area{padding-top:110px;padding-bottom:110px}.cart-area .table-outer{overflow-x:auto;position:relative;width:100%}.cart-area .cart-table{min-width:1024px;width:100%}.cart-area .cart-table .cart-header{position:relative;background:#f6f6f6;color:#27282c;font-size:16px;font-weight:600;text-transform:capitalize;width:100%;font-family:poppins,sans-serif}.cart-area .cart-table thead tr th{font-weight:600;line-height:24px;min-width:110px;padding:20px 25px}.cart-area .cart-table thead tr th.prod-column{padding-left:30px;text-align:left}.cart-area .cart-table thead tr th.availability{padding:0 40px}.cart-area .cart-table tbody tr{border-bottom:1px solid #ededed}.cart-area .cart-table tbody tr td{color:#27282c;font-size:18px;font-weight:600;line-height:24px;min-width:100px;padding:30px 25px;font-family:poppins,sans-serif}.cart-area .cart-table tbody tr .prod-column .column-box{position:relative;min-height:100px}.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb{width:80px}.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb a{position:relative;display:block;border-radius:0}.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb a img{width:100%}.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb,.cart-area .cart-table tbody tr .prod-column .column-box .title{display:table-cell;vertical-align:middle}.cart-area .cart-table tbody tr .prod-column .column-box .title{padding-left:20px}.cart-area .cart-table tbody tr .prod-column .column-box .title h3{color:#27282c;font-size:18px;font-weight:600;line-height:20px;text-transform:capitalize}.cart-area .cart-table tbody tr .qty{padding-right:25px;width:120px}.cart-area .cart-table tbody tr .qty .input-group.bootstrap-touchspin{float:left;width:46px}.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical>.btn{position:relative;display:block;float:none;margin-left:0;width:100%;background:#f6f6f6;border:1px solid #f6f6f6;color:#848484;padding:12px 11px;cursor:pointer}.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up{border-radius:0}.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{border-radius:0;margin-top:-2px}.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical>.btn.bootstrap-touchspin-up:before{content:"\f0d8";font-family:FontAwesome;color:#848484;font-size:14px;position:absolute;top:0;left:0;width:100%;height:100%;padding:5px}.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical>.btn.bootstrap-touchspin-down:before{content:"\f0d7";font-family:FontAwesome;color:#848484;font-size:14px;position:absolute;top:0;left:0;width:100%;height:100%;padding:0 5px 10px}.cart-area .cart-table tbody tr td.unit-price{padding-left:40px;padding-right:20px}.cart-area .cart-table tbody .available-info{position:relative;color:#828282;font-size:15px;font-weight:400;line-height:20px;padding-left:50px;font-family:rubik,sans-serif}.cart-area .cart-table tbody .available-info .icon{position:absolute;top:0;left:0;width:40px;height:40px;background:#e9212e;border-radius:50%;color:#fff;font-size:18px;line-height:40px;text-align:center}.cart-area .cart-table tbody tr td.price{color:#828282;font-size:15px;font-weight:400;font-family:rubik,sans-serif}.cart-area .cart-table tbody tr .sub-total{color:#e9212e;font-size:15px;font-weight:400;font-family:rubik,sans-serif}.cart-area .cart-table tbody tr td .remove{}.cart-area .cart-table tbody tr td .remove .checkbox label{color:#828282;font-size:15px;font-weight:400}.cart-area .cart-table tbody tr td .remove .checkbox label input[type=checkbox]{display:inline-block;position:relative;top:1px}.cart-middle{padding-top:30px}.cart-middle .apply-coupon{padding-left:245px;position:relative}.cart-middle .apply-coupon input[type=text]{position:absolute;top:0;left:0;width:225px;height:60px;border:1px solid #ededed;color:#828282;font-size:15px;font-weight:400;padding:0 15px;text-transform:capitalize;transition:all 500ms ease 0s;border-radius:0}.cart-middle .apply-coupon input[type=text]:focus{border:1px solid #e9212e}.cart-middle .apply-coupon .apply-coupon-button button{color:#27282c;background:#f6f6f6}.cart-middle .apply-coupon .apply-coupon-button button:hover{color:#fff;background:#e9212e}.cart-middle .update-cart button{color:#fff;background:#e9212e}.cart-middle .update-cart button:hover{background:#26272b}.cart-bottom{overflow:hidden;padding-top:70px}.cart-bottom .calculate-shipping{}.cart-bottom .calculate-shipping .shop-page-title{padding-bottom:16px}.cart-bottom .calculate-shipping .ui-state-default .ui-icon{background:0 0}.cart-bottom .calculate-shipping .ui-state-default{position:relative;display:block;background:#fff;border:1px solid #ededed;border-radius:0;color:#828282;font-size:15px;font-weight:400;height:50px;margin-bottom:30px;outline:medium;width:100%;font-family:rubik,sans-serif}.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-selectmenu-text{display:block;line-height:18px;overflow:hidden;padding:15px 19px;text-align:left}.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-icon{position:absolute;top:0;right:0;bottom:0;border-left:1px solid #ededed;display:block;width:60px;height:48px;text-indent:0;margin:0}.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-icon::before{color:#9b9b9b;content:"\f107";font-family:FontAwesome;font-size:20px;overflow:visible;position:absolute;right:21px;top:12px}.cart-bottom .calculate-shipping input[type=text]{position:relative;display:block;border:1px solid #ededed;color:#828282;font-size:15px;font-weight:400;height:50px;padding:0 20px;width:100%;margin-bottom:30px;transition:all 500ms ease;font-family:rubik,sans-serif}.cart-bottom .calculate-shipping input[type=text]:focus{border:1px solid #e9212e}.cart-bottom .calculate-shipping button{color:#27282c;background:#f6f6f6}.cart-bottom .calculate-shipping button:hover{color:#fff;background:#e9212e}.cart-bottom button.checkout-btn{color:#27282c;background:#f6f6f6;margin-top:30px}.cart-bottom button.checkout-btn:hover{color:#fff;background:#e9212e}.checkout-area{position:relative;display:block;padding-top:110px}.checkout-area .exisitng-customer{position:relative;display:block;background:#f6f6f6;padding:20px 28px 21px;margin-bottom:20px;border-radius:5px}.checkout-area .exisitng-customer:before{position:absolute;top:0;left:0;width:2px;height:100%;background:#e9212e;content:""}.checkout-area .exisitng-customer h5{color:#27282c;font-size:16px;font-weight:500}.checkout-area .exisitng-customer h5 a{color:#e9212e;font-weight:600;display:inline-block;padding-left:15px}.checkout-area .coupon{position:relative;display:block;background:#f6f6f6;padding:20px 28px 21px;margin-bottom:53px;border-radius:5px}.checkout-area .coupon:before{position:absolute;top:0;left:0;width:2px;height:100%;background:#e9212e;content:""}.checkout-area .coupon h5{color:#27282c;font-size:16px;font-weight:500}.checkout-area .coupon h5 a{color:#e9212e;font-weight:600;display:inline-block;padding-left:15px}.checkout-area .form .shop-page-title{padding-bottom:20px}.checkout-area .form form .field-label{color:#27282c;font-size:15px;font-weight:400;margin:0 0 2px;text-transform:capitalize}.checkout-area .form form .field-input input[type=text]{position:relative;display:block;border:1px solid #ededed;color:#848484;font-size:15px;height:48px;margin-bottom:25px;padding:0 15px;width:100%;border-radius:0;transition:all 500ms ease}.checkout-area .form form .field-input input[type=text]:focus{border:1px solid #e9212e}.checkout-area .create-acc .checkbox{margin:7px 0 0}.checkout-area .create-acc .checkbox label{color:#27282c;font-size:16px;font-weight:500;margin:0;cursor:pointer;font-family:poppins,sans-serif}.checkout-area .create-acc .checkbox input{position:relative;top:1px}.checkout-area .shipping-info input[type=checkbox]{cursor:pointer;display:inline-block;margin:0 0 0 20px;position:relative;top:0;vertical-align:middle}.checkout-area .form form .field-input textarea{position:relative;display:block;border:1px solid #ededed;color:#848484;font-size:15px;height:121px;margin-bottom:28px;padding:10px 15px;width:100%;border-radius:0;transition:all 500ms ease}.checkout-area .form form .field-input textarea:focus{border-color:#e9212e}.checkout-area .bottom{position:relative;display:block;background:#fbfbfb;padding-top:93px;padding-bottom:110px;margin-top:82px}.checkout-area .table{overflow-x:auto;position:relative;width:100%;margin-bottom:0}.checkout-area .table .shop-page-title{padding-bottom:26px}.checkout-area .table .cart-table{min-width:auto;width:100%}.checkout-area .table .cart-table .cart-header{position:relative;background:#f6f6f6;color:#27282c;font-size:16px;font-weight:600;text-transform:capitalize;width:100%;font-family:poppins,sans-serif}.checkout-area .table .cart-table thead tr th{font-weight:600;line-height:24px;min-width:110px;padding:19px 30px 17px;border-top:none;border-bottom:none}.checkout-area .table .cart-table thead tr th.product-column{padding-left:30px;text-align:left}.checkout-area .table .cart-table tbody tr{border-bottom:1px solid #f6f6f6}.checkout-area .table .cart-table tbody tr td{vertical-align:middle}.checkout-area .table .cart-table tbody tr td{min-width:110px;padding:30px 25px;border-top:none}.checkout-area .table .cart-table tbody tr .product-column .column-box{min-height:100px}.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb{width:80px}.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb a{display:block}.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb img{display:block;width:100%}.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb,.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title{display:table-cell;vertical-align:middle}.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title{padding-left:20px}.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title h3{color:#27282c;font-size:18px;font-weight:600;text-transform:capitalize}.checkout-area .table .cart-table tbody tr .qty{padding-right:30px;width:130px}.checkout-area .table .cart-table tbody tr .qty .input-group.bootstrap-touchspin{float:left;width:46px}.checkout-area .table .cart-table tbody tr .qty .form-control{display:block;background-color:#fff;background-image:none;border:1px solid #f6f6f6;border-right:none;border-radius:0!important;box-shadow:none;color:#222;font-size:18px;font-weight:500;height:50px;padding:6px 0;text-align:center;font-family:poppins,sans-serif}.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical>.btn{position:relative;display:block;float:none;margin-left:0;width:100%;background:#fff;border:1px solid #f6f6f6;color:#848484;padding:12px 11px;cursor:pointer}.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up{border-radius:0}.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{border-radius:0;margin-top:-2px}.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical>.btn.bootstrap-touchspin-up:before{content:"\f0d8";font-family:FontAwesome;color:#848484;font-size:14px;position:absolute;top:0;left:0;width:100%;height:100%;padding:1px 5px 5px}.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical>.btn.bootstrap-touchspin-down:before{content:"\f0d7";font-family:FontAwesome;color:#848484;font-size:14px;position:absolute;top:0;left:0;width:100%;height:100%;padding:2px 5px 8px}.checkout-area .table .cart-table tbody tr td.price{color:#e9212e;font-size:15px;font-weight:500;font-family:rubik,sans-serif}.cart-total{position:relative;display:block}.cart-total .shop-page-title{padding-bottom:26px}.cart-total-table{border:1px solid #ededed}.cart-total-table li{border-bottom:1px solid #ededed}.cart-total-table li:last-child{border-bottom:none}.cart-total-table li span.col.col-title{position:relative;display:block;float:left;border-right:1px solid #ededed;color:#27282c;font-size:16px;font-weight:600;line-height:28px;padding:10px 18px;width:50%;font-family:poppins,sans-serif}.cart-total-table li span.col{position:relative;display:block;float:left;color:#828282;font-size:16px;font-weight:400;line-height:28px;padding:10px 18px;width:50%;font-family:rubik,sans-serif}.cart-total .payment-options{position:relative;display:block;overflow:hidden;background:#fff;margin-top:30px;border:1px solid #ededed;padding:33px 30px 40px}.cart-total .payment-options .option-block{margin-bottom:14px}.cart-total .payment-options .option-block .checkbox{margin:0 0 5px}.cart-total .payment-options .option-block .checkbox label{display:block;font-weight:500;min-height:20px;padding-left:0;margin:0}.cart-total .payment-options .option-block .checkbox label input{position:relative;top:1px}.cart-total .payment-options .option-block .checkbox label span{color:#27282c;font-size:16px;font-weight:600;padding-left:10px;font-family:poppins,sans-serif}.cart-total .payment-options .option-block .checkbox label span b{color:#27282c;display:inline-block;font-size:15px;font-weight:400;padding-left:25px;text-decoration:underline;font-family:rubik,sans-serif}.cart-total .payment-options .option-block .text{padding-left:30px}.cart-total .payment-options .option-block .text p{margin:0;line-height:28px}.placeorder-button button{line-height:50px;padding:0 50px;margin-top:17px}.placeorder-button button:hover{}.login-register-area{position:relative;display:block;direction:rtl;position:relative;margin:0 auto;width:100%;min-width:320px;min-height:400px;transform:translate(0%,25%)}.login-register-area .form .shop-page-title{text-align:center}.login-register-area .form form{width:100%}.login-register-area .form .input-field{position:relative}.login-register-area .form .input-field input[type=text]{position:relative;display:block;width:100%;height:50px;border:1px solid #ededed;color:#444343;font-size:15px;padding-left:15px;padding-right:55px;transition:all 700ms ease 0s;background:#f9f9f9 0% 0% no-repeat padding-box;border-right:2px solid gray}.login-register-area .form .input-field input[type=number]{position:relative;display:block;width:100%;height:50px;border:1px solid #ededed;color:#444343;font-size:15px;padding-left:15px;padding-right:55px;transition:all 700ms ease 0s;background:#f9f9f9 0% 0% no-repeat padding-box;border-right:2px solid gray}.login-register-area .form .input-field input[type=email]{position:relative;display:block;width:100%;height:50px;border:1px solid #ededed;color:#444343;font-size:15px;padding-left:15px;padding-right:55px;transition:all 700ms ease 0s;background:#f9f9f9 0% 0% no-repeat padding-box;border-right:2px solid gray}.login-register-area .form .input-field input[type=password]{position:relative;display:block;width:100%;height:50px;border:1px solid #ededed;color:#444343;font-size:15px;padding-left:15px;padding-right:55px;transition:all 700ms ease 0s;background:#f9f9f9 0% 0% no-repeat padding-box;border-right:2px solid gray}.login-register-area .form .input-field .icon-holder{position:absolute;top:0;right:0;width:50px;height:50px;line-height:50px;text-align:center;border-left:1px solid #ededed}.login-register-area .form .input-field .icon-holder i{color:#787777;font-size:16px;font-weight:400;line-height: 50px;}.login-register-area .form button{line-height:44px}.login-register-area .form button:hover{}.login-register-area .form .remember-text{margin-top:19px}.login-register-area .form .remember-text .checkbox label{color:#27282c;font-size:16px;font-weight:600;margin:0;cursor:pointer}.login-register-area .form .remember-text .checkbox input{position:relative;top:1px}.login-register-area .form .remember-text .checkbox span{color:#27282c;font-size:16px;font-weight:600;font-family:poppins,sans-serif}.login-register-area .form .social-icon{position:relative;float:right;margin-right:-8px;margin-top:10px}.login-register-area .form .social-icon .login-with{position:absolute;left:-100px;top:8px;margin:0}.login-register-area .form .social-icon li{display:inline-block;margin:0 8px}.login-register-area .form .social-icon li a i{background:#47588f none repeat scroll 0 0;border-radius:50%;color:#fff;display:block;font-size:14px;font-weight:100;height:40px;line-height:24px;padding:8px 0;text-align:center;transition:all 700ms ease 0s;width:40px}.login-register-area .form .social-icon li a i.twitter{background:#33ccfe none repeat scroll 0 0}.login-register-area .form .social-icon li a i.gplus{background:#dd4b39 none repeat scroll 0 0}.login-register-area .form .right{display:block;overflow:hidden;margin-left:-60px}.login-register-area .form .right h6{float:left;color:#828282;font-size:14px;font-weight:400;margin-top:18px}.login-register-area .form .social-icon li a:hover i{background:#18387b}.login-register-area .form .social-icon li a:hover i.twitter{background:#12addf}.login-register-area .form .social-icon li a:hover i.gplus{background:#c62d1a}.breadcrumb-area.contact-page .inner-content-box .title-s2{padding:113px 0 220px}.contact-address-area{position:relative;display:block;background:#f6f6f6;padding-bottom:102px;z-index:100}.single-contact-address-box{position:relative;display:block;background:#fff;text-align:center;padding:40px 30px 32px;-webkit-box-shadow:0 4px 6px 2px #ededed;box-shadow:0 4px 6px 2px #ededed;margin-top:-115px;margin-bottom:30px;transition:all 900ms ease 600ms}.single-contact-address-box:hover{-webkit-box-shadow:0 5px 12px 2px #ededed;box-shadow:0 5px 12px 2px #ededed}.single-contact-address-box span:before{color:#b3b3b3;font-size:50px;line-height:50px;transition:all 500ms ease}.single-contact-address-box:hover span:before{color:#e9212e}.single-contact-address-box h3{color:#27282c;font-size:20px;line-height:28px;font-weight:600;margin:20px 0 12px}.single-contact-address-box p{margin:0}.contact-address-area .bottom-text{position:relative;display:block;padding-top:24px}.contact-address-area .bottom-text p{margin:0}.contact-address-area .bottom-text p a{color:#e9212e}.contact-info-area{position:relative;display:block;background:#fff;padding:110px 0}.contact-form{position:relative;display:block;z-index:3}.contact-form .inner-box{position:relative;display:block;background:#fff;border:1px solid #ededed;padding:49px}.contact-form form{position:relative;display:block}.contact-form form .input-box{position:relative;display:block}.contact-form form .input-box .icon{position:absolute;top:19px;left:20px}.contact-form form .input-box .icon i{color:#b6b6b6;font-size:16px}.contact-form form .input-box .icon.envelop{position:absolute;top:16px;left:20px}.contact-form form input[type=text],.contact-form form input[type=email],.contact-form form textarea{position:relative;display:block;background:#fff;border:1px solid #ededed;width:100%;height:60px;font-size:15px;padding-left:50px;padding-right:20px;border-radius:0;margin-bottom:30px;transition:all 500ms ease}.contact-form form textarea{height:110px;padding-left:50px;padding-right:20px;padding-top:14px;padding-bottom:15px}.contact-form form input[type=text]:focus{border-color:#1d1d1d;color:#222}.contact-form form input[type=email]:focus{border-color:#1d1d1d;color:#222}.contact-form form textarea:focus{border-color:#1d1d1d;color:#222}.contact-form form input[type=text]::-webkit-input-placeholder{color:#444343}.contact-form form input[type=text]:-moz-placeholder{color:#444343}.contact-form form input[type=text]::-moz-placeholder{color:#444343}.contact-form form input[type=text]:-ms-input-placeholder{color:#444343}.contact-form form input[type=email]::-webkit-input-placeholder{color:#444343}.contact-form form input[type=email]:-moz-placeholder{color:#444343}.contact-form form input[type=email]::-moz-placeholder{color:#444343}.contact-form form input[type=email]:-ms-input-placeholder{color:#444343}.contact-form form button{position:relative;display:block;width:100%}.contact-form-image-box{position:absolute;top:-110px;right:-350px;z-index:1}.contact-form-image-box img{max-width:none;float:left}.job-career-brochures-area{position:relative;display:block}.job-career-brochures-area .container-fluid{padding:0}.job-career-brochures-area .row{margin:0}.job-career-brochures-area .row [class*=col-]{padding-left:0;padding-right:0}.job-career-brochures-box{position:relative;display:block}.job-career-brochures-box .img-holder{position:relative;display:block;overflow:hidden}.job-career-brochures-box .img-holder img{width:100%}.job-career-brochures-box .overlay-content{position:absolute;top:0;left:0;width:100%;height:100%}.job-career-brochures-box .overlay-content .innner{display:table;width:100%;height:100%}.job-career-brochures-box .overlay-content .innner .box{display:table-cell;vertical-align:middle;text-align:center}.job-career-brochures-box .overlay-content .innner .box h1{color:#fff;font-size:36px;line-height:44px;font-weight:700;margin:0 0 14px}.job-career-brochures-box .overlay-content .innner .box p{color:#fff;margin:0 0 42px}.job-career-brochures-box .overlay-content .innner .box a{color:#27282c;padding:0 50px;background:#fff}.job-career-brochures-box .overlay-content .innner .box a:hover{color:#fff;background:#f13729}.coming-soon-content-area{position:relative;display:block;background-attachment:fixed;background-size:cover;background-position:center top;background-repeat:no-repeat;padding:110px 0 420px;z-index:1}.coming-soon-content{position:relative;display:block}.coming-soon-content .logo-box{position:relative;display:block;padding-bottom:50px}.coming-soon-content .logo-box a{display:inline-block}.coming-soon-content .title{color:#fff;font-size:60px;line-height:70px;font-weight:700;font-family:poppins,sans-serif}.timer-area{position:relative;display:block;z-index:1}.timer-area:before{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/pattern/timer-area-bg.jpg);background-repeat:repeat;background-size:auto;background-position:left;content:"";z-index:-1}.timer-box{position:relative;display:block;overflow:hidden;background:#e9212e;max-width:770px;width:100%;margin:0 auto;padding:74px 110px 72px;margin-top:-320px;z-index:3}.timer-box h1{color:#fff;font-size:48px;line-height:58px;font-weight:700;text-transform:capitalize;margin:0 0 47px}.countdown-timer{}.countdown-timer .default-coundown{}.countdown-timer .default-coundown .box{overflow:hidden}.countdown-timer li{position:relative;display:inline-block;float:none;padding:0;text-align:center;margin:0 23px}.countdown-timer li:first-child{margin-left:0}.countdown-timer li:last-child{margin-right:0}.countdown-timer li span.days,.countdown-timer li span.hours,.countdown-timer li span.minutes,.countdown-timer li span.seconds{position:relative;display:block;background:#fff;width:100px;height:100px;color:#27282c;font-size:48px;line-height:100px;font-weight:500;text-align:center;border-radius:0;font-family:rubik,sans-serif}.countdown-timer li span.hours{}.countdown-timer li span.minutes{}.countdown-timer li span.seconds{}.countdown-timer li span.timeRef{color:#fff;font-size:20px;line-height:20px;font-weight:600;text-transform:capitalize;margin-top:17px;display:block;font-family:poppins,sans-serif}.countdown-timer li span.timeRef.clr-1{}.countdown-timer li span.timeRef.clr-2{}.countdown-timer li span.timeRef.clr-3{}.timer-box .subscribe-box{position:relative;display:block;margin-top:39px}.timer-box .subscribe-box .subscribe-form{position:relative;display:block;width:100%}.timer-box .subscribe-box .subscribe-form input[type=email]{position:relative;display:block;background:#fff;border:1px solid #fff;color:#828282;font-size:15px;font-weight:400;width:100%;height:60px;margin-bottom:0;padding:0 30px;padding-right:185px;transition:all 500ms ease}.timer-box .subscribe-box .subscribe-form input::-webkit-input-placeholder{color:#e9212e}.timer-box .subscribe-box .subscribe-form input:-moz-placeholder{color:#e9212e}.timer-box .subscribe-box .subscribe-form input::-moz-placeholder{color:#e9212e}.timer-box .subscribe-box .subscribe-form input:-ms-input-placeholder{color:#e9212e}.timer-box .subscribe-box .subscribe-form button{position:absolute;top:0;right:0;color:#27282c;background:#fff;border-left:1px solid #ededed;padding:0;width:170px}.timer-box .subscribe-box .subscribe-form input[type=email]:focus{color:#222;border:1px solid #191a1c;background:#fff}.timer-box .subscribe-box .subscribe-form input[type=email]:focus+button,.timer-box .subscribe-box .subscribe-form button:hover{background:#191a1c;color:#fff}.timer-box .subscribe-box .text{position:relative;display:block;padding-top:14px}.timer-box .subscribe-box .text p{color:#fff;font-size:15px;margin:0}.timer-box .subscribe-box .text p span{font-weight:600}.hero-area{position:relative;background-repeat:no-repeat;background-position:center;background-attachment:fixed;background-size:cover;overflow:hidden}.hero-area::before{content:"";top:0;left:0;opacity:.85;right:0;bottom:0;z-index:99;position:absolute;background:#000529;background:-moz-linear-gradient(left,#000529 1%,#002055 24%,#005db5 67%,#0074d9 100%);background:-webkit-linear-gradient(left,#000529 1%,#002055 24%,#005db5 67%,#0074d9 100%);background:linear-gradient(to right,#000529 1%,#002055 24%,#104980 67%,#0074d9 100%)}.bordder{border-right:2px solid #96c73d}.btn-baner{position:relative;display:inline-block;background:#e9212e;color:#fff;font-size:16px;line-height:42px;font-weight:500;text-transform:capitalize;font-family:almarai,Roboto,sans-serif;padding:0 40px;transition:all 500ms ease;background:transparent linear-gradient(90deg,#96C73D 0%,#73942F 100%) 0% 0% no-repeat padding-box;border-radius:9px}.datte{color:#fff;font-size:13px;font-family:almarai,Roboto,sans-serif}.clockk{color:#fff;font-size:13px;font-family:almarai,Roboto,sans-serif;letter-spacing:2px}.loggin{color:#fff;font-family:almarai,Roboto,sans-serif;font-size:13px}.loggin:hover{color:#eab61e!important}.serch{color:#fff}.serch:hover{color:#eab61e}.clo_pos{text-align:center;margin:3px 0 0}.btn-baner:hover{background:#eab61e;color:#000}.ulcont{text-align:right;line-height:32px;color:#4a4949}.sociall{height:36px;width:36px;background:#5b636a;text-align:center;border-radius:50%;line-height:36px;font-size:21px;color:#fff;margin-right:10px}.sociall:hover{background:#96c73d;color:#000}.ulsocail{display:flex}.iconn{width:25px}.positionsocial{position:absolute;bottom:8px;right:25px}.mb-4{margin-bottom:25px!important}.imgclient:hover{transform:scale(1.2)}.imgstatics{border:2px solid #fff;border-radius:50%;height:130px;width:130px;padding:20px;box-shadow:0 3px 4px #0000004f}.nostatics{text-align:center;margin:10px 0 6px;color:#fff!important;font-weight:500;font-size:23px}.titlestatics{color:#fff;font-size:18px;line-height:28px;font-weight:500;text-align:center;margin-top:10px}.ourstatics{position:relative;display:block;padding:50px 0 60px;z-index:2;direction:rtl;background-repeat:no-repeat;background-size:cover;background-position: center left;}.spantitle{color:#fff;font-size:15px}.spantitle1{color:#707070;font-size:15px}.colr{color:#fff!important;font-weight:500!important;margin:0 0 6px}.colr1{color:#96c73d!important;font-weight:500!important;margin:0 0 6px}.project-area{position:relative;display:block;background-size:cover;background-position:center;background-repeat:no-repeat;padding: 0px 0;z-index:1}.single-working-box .text-holder1{position:relative;display:block;z-index:5}.single-working-box .text-holder1 .outer-box1{position:relative;display:block;padding-top:20px;padding-bottom:20px;text-align:center}.single-working-box .text-holder1 .outer-box1 .text1{position:relative;display:block}.titproject{color:#000!important;font-size:18px!important}.titproject:hover{color:#96c73d!important;font-size:18px!important}.order{background:#fff 0% 0% no-repeat padding-box;box-shadow:0 3px 40px #7d7d7d4a;border-radius:15px;padding:10px}.imgorder{width:125px}.imgorder:hover{transform:scale(1.1)}.titleorder{color:#000;font-size:15px;line-height:28px;font-weight:600;text-align:center;margin-bottom:10px}.titleorder:hover{color:#96c73d}.tittle{color:#96c73d!important;text-align:right}.par{text-align:justify;color:#707070}.ffont{font-size:15px!important;text-align:right}.imgclr{background:#96c73d;border-radius:50%;width:45px;padding:15px 0 5px 0;margin-left:10px}.imgclr1{background:#e9b51c;border-radius:50%;width:45px;padding:15px 0 5px 0;margin-left:10px}.imgsize{width:37px}.mbb-4{margin-bottom: 20px!important;}.slidesecond{position:relative;display:block;padding-top: 40px;padding-bottom: 22px;background-position:center;background-repeat:no-repeat;background-size:cover;margin: 0px 0;}.direction{direction:rtl}.socciall{box-shadow:0 3px 40px #7d7d7d4a;border-radius:15px;padding:10px;background-size:cover;height:213px;background-position:center;background-repeat:no-repeat}.testimonial-two .tst2-thumb img{width:100px;height:100px;border-radius:50%;overflow:hidden;margin-bottom:10px;box-shadow:0 3px 6px #00000029;text-align:center;margin:0 auto}.testimonial-two blockquote{font-size:16px;letter-spacing:0;color:#fff;font-weight:500;text-align:center;padding:32px 20px 13px}.testimonial-two .tst2-content h4{font-size:20px;letter-spacing:0;color:#fff;margin-bottom:5px;font-weight:500;text-align:center;margin-top:10px}.testimonial-two .tst2-content span{display:block;letter-spacing:0;font-size:17px;color:#fff;text-align:center}.testimonial-two .tst-two-carousel .swiper-pagination .swiper-pagination-bullet-active{background:#f18d1e!important}blockquote{color:#555;padding:34px 16px;border-right:2px solid #fff;line-height:1.6;position:relative;font-size:14px}@media(max-width:992px){blockquote{padding:20px 10px;line-height:1.4}}blockquote::before{font-family:Arial;content:"\201C";color:#e9b51c;font-size:4em;position:absolute;right:15px;top:-10px}blockquote::after{font-family:Arial;content:"\201C";color:#e9b51c;font-size:4em;position:absolute;left:10px;bottom:-40px}blockquote{padding:10px 20px;font-size:17.5px;border-left:2px solid #fff}.marpar{margin-top:1em;text-align:justify}.no-padding{padding-left:0!important;padding-right:0!important}.newspar{font-size:12px;color:#707070;line-height:22px}.sec-titlenews{position:relative;display:block;margin-top:-5px;padding-bottom:17px;text-align:right;font-size:20px;padding-right:15px}.sec-titlefaliat{position:relative;display:block;margin-top:-5px;padding-bottom:28px;text-align:right;font-size:20px;padding-right:15px}.more{margin-top:10px!important}.paddrow{padding-right:20px!important;padding-left:20px!important}.col5{padding-left:25px!important;padding-right:0!important}.col7{padding-right:11px!important;padding-left:9px!important}.lastt{padding-right:21px!important;padding-left:0!important}.spantitle2{color:#707070;font-size:14px}.spantitle3{color:#707070;font-size:14px}.top-right{position:absolute;top:-22px;right: 1px;width: 40px;z-index: 99;}.marfoot{margin-bottom:20px}.textsocial{text-align:justify}.hello{font-size:21px;color:#96c73d;text-align:right;margin:37px 20px 37px 0}.btn-onelogin{position:relative;display:inline-block;background:#e9212e;color:#fff;font-size:15px;line-height:60px;font-weight:500;text-transform:capitalize;padding:0 30px;transition:all 500ms ease;background:transparent linear-gradient( 90deg,#96C73D 0%,#73942F 100%) 0% 0% no-repeat padding-box;border-radius:9px;font-family:almarai,Roboto,sans-serif}.forget{color:#707070;text-decoration:underline}.forget:hover{color:#96c73d;text-decoration:underline}.creataccount{color:#e9b51c;text-decoration:underline}.creataccount:hover{color:#96c73d;text-decoration:underline}.login-register-area .form .input-field .holder{}i.iconSet{position:absolute;left:10px;top:20px;color:#7e7373;width:40px;text-align:center}.centeredlogin{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:205px}.logginpage{background-position:center;background-repeat:no-repeat;background-size:cover}.datalogin{border:1px solid #ededed;padding:30px;background:#fff}.imggside{float:right;background:#e9e9e9;height:47px;width:45px;padding:9px}.imggsideactive{background:#71952f;height:47px;width:45px;padding:9px;color:#fff}.rowaboutt{background:#fff 0% 0% no-repeat padding-box;border:1px solid #96c73d;border-radius:23px;padding:20px;margin-bottom:40px;text-align:center}.imgabout{width:83px}.heddabout{font-size:32px;position:absolute;top:50%;transform:translate(0,-50%);font-weight:500;font-family:almarai,Roboto,normal;color:#000}.parabou{text-align:justify;color:#707070;font-size:17px;line-height:29px}.tittleabou{color:#000!important;text-align:right;font-size:20px!important;margin-bottom:20px!important}.backkinabout{background-position:center;background-repeat:no-repeat;background-size:cover}.linkk{font-size:16px;font-weight:600;color:#000}.imgSetactive{position:absolute;right:0;top:0;color:#7e7373;width:45px;text-align:center;z-index:-1;height:47px;background:#789a31;padding:9px}.imgusual{position:absolute;right:0;top:0;color:#7e7373;width:45px;text-align:center;z-index:-1;height:49px;background:#e9e9e9;padding:9px}.single-service-sidebar .service-pages li:before{opacity:1;transform:translateX(0%) translateY(0%) scaleY(1);transition:all 700ms ease 100ms}.single-service-sidebar .service-pages li.active:before{position:absolute;top:4px;right:4px;bottom:20px;width:96%;content:"";opacity:0;transition:all 700ms ease 300ms;transform:translateX(0%) translateY(0%) scaleY(.1);border:1px solid #fff;height:85%;opacity:1;transform:translateX(0%) translateY(0%) scaleY(1);transition:all 700ms ease 100ms}.single-service-sidebar .service-pages li:hover:before{position:absolute;top:4px;right:2px;bottom:20px;width:98%;content:"";opacity:0;transition:all 700ms ease 300ms;transform:translateX(0%) translateY(0%) scaleY(.1);border:1px solid #c7c7c7;height:85%;opacity:1;transform:translateX(0%) translateY(0%) scaleY(1);transition:all 700ms ease 100ms}.single-service-sidebar .service-pages li.active{-webkit-box-shadow:0 4px 7px 0 #ededed;box-shadow:0 4px 7px 0 #cbc8c8;border:.5px solid #96c73d;background:#96c73d;color:#fff;transform:scale(1.1)}.diret{direction:rtl}.proaboutt{border:1px solid #96c73d;border-radius:23px;padding:20px;margin-bottom:40px;text-align:center;background-position:top;background-repeat:no-repeat;background-size:cover}.borderimg{border-radius:20px}.hedpro{text-align:right;margin-bottom:20px}.proh2{font-size:17px;color:#000;margin-bottom:7px}.prospan{font-size:14px;color:#707070}.tab{overflow:hidden;margin-top:20px;margin-bottom:20px}.tab button{background-color:inherit;float:right;border:none;outline:none;cursor:pointer;padding:3px 25px;transition:.3s;font-size:17px;background:#fff 0% 0% no-repeat padding-box;border:1px solid #96c73d;border-radius:5px;margin-left:16px;margin-bottom:10px}.tab button:hover{background-color:#ddd;transform:scale(.9)}.tab button.active{background:#96c73d 0% 0% no-repeat padding-box!important;border-radius:5px;color:#fff!important}.inbtn{background:#ededed!important;padding:6px 29px!important}.tabcontent{display:none;border-top:none;margin:24px 0}.tabcontentin{display:none;border-top:none;margin:24px 0}.rowproject{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.imgwhite{width:33px;transform:translate(50%,0%)}.leftejtmaa{position:absolute;left:35%;bottom:auto}.dukhul{overflow:hidden;margin-bottom:10px}.dukhul button{background-color:inherit;float:right;border:none;outline:none;cursor:pointer;padding:14px 16px;transition:.3s;font-size:16px;color:#484646;margin-bottom:10px}.dukhul button:hover{color:#96c73d}.dukhul button.active{color:#000;font-size:17px;font-weight:600}.dukhulcontent{display:none;padding:6px 12px;border-top:none}.dukhullogin{margin:inherit!important;transform:translate(0%,0%)!important}.enttry .login{line-height:44px;padding:0 56px;margin-bottom:20px;margin-top:20px}.card{box-shadow:0 4px 8px 0 rgba(0,0,0,.2);border-radius:16px 16px 0 0;border-radius:16px}.cardtitle{color:#96c73d!important;font-size:13px;text-align:right}.cardpargraph{color:#707070;font-size:13px;text-align:justify;margin-top:8px}.cardtitle1{color:#96c73d!important;font-size:12px;text-align:right;margin-bottom:3px;margin-top:10px}.cardspan{color:#707070;font-size:12px;text-align:right}.cardspanlast{color:#707070;font-size:12px;text-align:right}.cardimg{background:#ebeaea;padding:13px 10px;border-radius:16px 16px 0 0}.bodycard{padding:12px;text-align:right}.margincard{margin-bottom:20px!important}.btn-onelogin:hover{background:#eab61e!important;color:#fff!important}.login-register-area .form .btn1{padding:0 90px!important}.lablname{margin-right:2em;margin-left:5px}.labelradio{position:absolute;right:18px;top:0;color:#3a3939;font-size:15px;font-weight:500;font-family:almarai,Roboto,sans-serif}.radio_option{direction:ltr;position:relative;display:block;padding:0 20px;border:1px solid #e0e0e0;background:#f6f6f6;color:#080808;font-size:15px;font-weight:400;width:100%;height:55px;border-radius:0;transition:all 500ms ease;border-right:2px solid #7c7e84;line-height:53px;padding:0 0 0 11px}input[type=radio]:checked{background-color:#96c73d}input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;width:25px;height:25px;padding:3px;background-clip:content-box;border:1px solid #bbb;border-radius:50%}input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;width:25px;height:25px;padding:3px;background-clip:content-box;border:1px solid #bbb;border-radius:50%}.mainradio{direction:ltr;display:flex;align-items:center}.labelradioleft{position:absolute;right:7px;top:0;color:#000;font-size:14px;font-weight:500;font-family:almarai,Roboto,sans-serif}.lablnameleft{margin-right:1.2em;margin-left:5px}.textright{text-align:right}.uploadimg{color:#707070;font-size:15px;text-decoration:underline}.uploadimg:hover{color:#96c73d}.imgup{padding-left:15px}.maruploa{margin-top:2em}.iconleft{font-size:9px;position:absolute;left:20%;top:20px}.newaccount{color:#000}.newaccount:hover{color:#e9b51c}.login-register-area .form .btnew{margin-bottom:5px!important}.hedabb{margin-bottom:20px;color:#000!important;font-size:18px!important;text-align:right}.marimgabb{margin-top:35px}.centeredabb{position:absolute;top:50%;left:0;transform:translate(50%,-50%);width:329px}.parabb{text-align:justify;color:#707070;font-size:15px;line-height:29px}.marimgabb{margin-bottom:10px}.about-vision{position:relative;display:block;padding-right:0;margin-top:2%}.visionabou{text-align:justify;color:#707070;font-size:15px;line-height:27px}.marvision{margin-bottom:50px}.sec-vision{position:relative;display:block;margin-top:-5px;padding-bottom:0}.login-register-area .form .line{line-height:50px!important}.copmlete{text-align:right;color:#96c73d;font-size:14px;margin-bottom:20px}.copmletespan{text-align:right;color:#707070;font-size:13px;margin-bottom:20px}.marmember{margin-bottom:20px}.parmember{font-size:12px}.imageme{margin-bottom:20px}.namemb{font-size:16px;color:#000}.marmember1{margin-bottom:40px}.uploadattach{position:relative;display:block;padding:0 20px;border:2px dotted #e0e0e0;background:#f6f6f6;color:#858181;font-size:15px;font-weight:500;width:100%;height:70px;margin-bottom:30px;border-radius:0;transition:all 500ms ease;text-align:right;line-height:60px;border-radius:10px}.uploadattach:hover{color:#96c73d}.attach{position:absolute;top:20px;left:20px;width:15px}.newsshow{background:transparent linear-gradient( 90deg,#96C73D 0%,#73942F 100%) 0% 0% no-repeat padding-box;border-radius:9px;padding: 9px 20px;color:#fff;margin-top: 10px;}.newsshow:hover{background:#e9b51c;color:#fff}.tilenews{text-align:right;color:#000;margin-bottom:25px;font-size:20px}.boxnews{margin-top: 15px;padding-bottom:17px;margin-bottom:10px;text-align:center}.titlegallery{font-size:16px;color:#000;text-align:right;margin-top:20px;margin-bottom:20px}.imggallery:hover{transform:scale(1.1)}.imggallery{border-radius:11px}.margingallery{margin-bottom:25px}.marginvideo{margin-bottom:25px}.playvideo{height:160px;background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:15px}.ttm-play-btn{border-radius:30px;color:#fff;font-size:18px;display:block;padding:10px 20px 10px 10px;position:absolute;left:50%;transform:translate(-50%,50%)}.ttm-play-btn img:hover{transform:scale(1.1)}.hedreports{font-size:14px;color:#96c73d;margin-bottom:10px}.parreports{text-align:justify;color:#000;font-size:14px;line-height:21px}.btnreports{color:#707070;text-decoration:underline;font-size:14px}.btnreports:hover{color:#96c73d}.mainreports{background:#f9f9f9 0% 0% no-repeat padding-box;border-radius:10px;padding:20px}.imgreports{width:21px;padding-left:5px}.leftreports{position:absolute;left:12%}.btndate{color:#707070;font-size:14px;margin-left:7%}.btndate:hover{color:#96c73d}.imgreports1{width:17px;padding-left:5px}.marginreports{margin-bottom:25px}#meeting{border-collapse:collapse;width:100%}#meeting td,#meeting th{border:1px solid #96c73d;padding:8px;text-align:center;color:#000}#meeting th{padding-top:10px;padding-bottom:10px;text-align:center;background-color:#96c73d;color:#fff;font-weight:500;font-size:17px}.donload{color:#96c73d;text-decoration:underline;font-size:14px;font-weight:600}.donload:hover{color:#ffd658}.showfile:hover{color:#ffd658}.showfile{color:#000;text-decoration:underline;font-size:14px;font-weight:600}.linecard{line-height:50px!important}.btncard{padding:0 90px!important}.contact{overflow:hidden}.contact{overflow:hidden;background-color:#96c73d;margin-top:20px;padding:17px 0 17px 0}.contact button{background-color:inherit;border:none;outline:none;cursor:pointer;padding:14px 16px;transition:.3s;font-size:16px;color:#484646}.contact button:hover{color:#96c73d}.contact button.active{color:#000;font-size:17px;font-weight:600}.contactcontent{display:none;padding:6px 12px;border-top:none}.imgcontact:hover{transform:scale(1.1)}.login-register-area .form .holder{}.login-register-area .form .icon-holder{position:absolute;top:0;right:15px;width:50px;height:55px;line-height:55px;text-align:center;border-left:1px solid #ededed;z-index:99}.contact-details-form .single-box1 .btn-light{padding-right:27px!important}.conthhed{font-size:15px;color:#000;margin-bottom:30px;text-align:center}.connlogin{transform:translate(0%,0%)!important}.nameconn{font-size:14px;margin-top:20px;color:#707070}.nameconn1{font-size:14px;margin-top:20px;color:#707070}.nameconn2{font-size:14px;margin-top:5px;color:#707070}.marmaincon{margin-bottom:75px;margin-top:90px}.imgincin{width:40px}.marinconn{margin-bottom:25px}.leftborder{border-left:1px solid #96c73d}.servtime{font-size:14px}.questionaire{text-align:right;min-height:105px;overflow-y:scroll}.labelquestionaire{width:854px;line-height:29px}.parservicess{text-align:justify;color:#707070;font-size:14px;line-height:21px}.hedservices{font-size:14px;color:#000;margin-bottom:10px}.contactt .mapouter1{position:relative;text-align:right;height:600px!important;width:100%}.contactt .gmap_canvas1{overflow:hidden;background:0 0!important;height:600px!important;width:100%}.iconglobe{background:#96c73d;height:25px;line-height:25px;text-align:center;width:25px;border-radius:50%;box-shadow:3px 0 6px #00000029;color:#fff}.iconmoney{background:#e9b51c;height:25px;line-height:25px;text-align:center;width:25px;border-radius:50%;box-shadow:3px 0 6px #00000029;color:#fff}.iconclock{background:#cfcfcf;height:25px;line-height:25px;text-align:center;width:25px;border-radius:50%;box-shadow:3px 0 6px #00000029;color:#fff}.leftserv{position:absolute;left:25px;text-align:center;line-height:20px}.btnrserv{color:#ffc107;font-size:14px}.btnrserv:hover{color:#96c73d}.noserv{color:#707070}.imgborder{border-bottom-left-radius:50%;border-top-right-radius:50%;padding:13px}.imageexcutive{margin-bottom:20px;border:1px solid #fff}.backexcutive{background-position:center;background-repeat:no-repeat;background-size:cover}.backexcutive:hover{transform:scale(1.1)}.iconpersson{border-radius:50%;height:25px;width:25px;line-height:25px;text-align:center;background:#fff;border:.5px solid #96c73d;color:#96c73d;margin-left:2px;margin-right:2px}.marpersson{margin-top:-12px}.marpersson1{margin-top:-9px;margin-bottom:11px}.nameperrso{font-size:13px}.namembpersson{font-size:14px;color:#000}.imglang{padding-right:8px}.nameiconcontactt{color:#fff;margin-top:5px;margin-bottom:0}.justify-content{justify-content:center}.margform{margin-bottom:30px}.margdetailnews{margin-top:30px}.btn-share,.btn-print{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;cursor:pointer;width:130px;height:40px;background-color:#eeeeed;border-radius:10px;padding:0;will-change:transform;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;float:right;margin-left:12px}.btn-share:hover,.btn-print:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.btn-share span,.btn-print a{position:absolute;z-index:99;width:130px;height:40px;border-radius:10px;font-size:15px;text-align:center;line-height:40px;letter-spacing:0;color:#eeeeed;background-color:#81bc48;padding:0 px;-webkit-transition:all 1.2s ease;transition:all 1.2s ease}.btn-share span i,.btn-print a i{color:#fff;margin-left:7px;font-size:17px}.btn-share .share{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:240px;height:64px;border-radius:80px}.btn-share .share a{opacity:0;font-size:16px;color:#fff;background:#555;border-radius:50% 50% 0 50%;width:28px;height:28px;padding:4px;text-align:center;will-change:transform;-webkit-transform:scale(.1);transform:scale(.1);-webkit-transition:all .3s ease;transition:all .3s ease}.btn-share .share a:nth-of-type(1){-webkit-transition-delay:1.1s;transition-delay:1.1s;background:#3b5998}.btn-share .share a:nth-of-type(2){-webkit-transition-delay:.9s;transition-delay:.9s;background:#00aced}.btn-share .share a:nth-of-type(3){-webkit-transition-delay:.7s;transition-delay:.7s;background:#007bb6}.btn-share:hover span{-webkit-transition-delay:.25s;transition-delay:.25s;-webkit-transform:translateX(-280px);transform:translateX(-280px)}.btn-share:hover a{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.margincarsouel{margin-bottom:10px}.login-register-area .form .applay{margin-bottom:0!important;margin-top:0!important}.maindetailsmarg{margin-bottom:25px}.heddjobdetails{text-align:right;font-size:15px;color:#96c73d;margin-bottom:8px}.uldetails{text-align:right;line-height:28px;padding-right:12px}.uldetails li{list-style:decimal}.jobname{font-size:20px;text-align:right;color:#0a0a0a}.btn-oneapplayjob{position:relative;display:inline-block;background:#e9212e;color:#fff;font-size:15px;line-height:52px;font-weight:500;text-transform:capitalize;padding:0 30px;transition:all 500ms ease;background:transparent linear-gradient( 90deg,#96C73D 0%,#73942F 100%) 0% 0% no-repeat padding-box;border-radius:9px;font-family:almarai,Roboto,sans-serif}.cardtitle:hover{color:#eab61e!important}.titlegallery:hover{color:#eab61e}.btn-oneapplayjob:hover{background:#eab61e;color:#fff!important}.box-register{text-align:center;background-color:#fff;border-radius:13px;box-shadow:0 2px 10px -2px #999;padding:10px}.box-register img{height:150px;padding:30px}.box-register h5{font-size:14px;margin-bottom:20px}.marbottomosra{margin-bottom:40px}.modaltittle{text-align:right;margin-bottom:10px;font-size:16px;color:#28a745}.ulmoddal{text-align:right;line-height:28px;padding-right:12px;color:#000}.ulmoddal li{list-style:decimal}.btnform{display:inline;margin-left:50px}.hednamemember{text-align:right;margin-bottom:30px;font-size:18px;color:#000}.imgrepport{width:53px;margin-bottom:15px}.topsociallinstagram{margin-top:45px}.topsocialltwitter{margin-top:20px}.tp-fullwidth-forcer{height:500px!important}.rev_slider li.tp-revslider-slidesli{height:500px!important}.hedtoggle{color:#121211!important;text-align:right;margin-bottom:15px}.ultoggle{line-height:30px;text-align:right;padding-right:11px;color:#5b6060}.ultoggle li{list-style:arabic-indic}.martogg{margin-bottom:15px}