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

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap');
@import url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css');





@import url(animate.css);

 

@import url(bootstrap-select.min.css);

@import url(icomoon.css);

@import url(jquery.bootstrap-touchspin.css);

@import url(jquery.fancybox.min.css);

@import url(jquery.mCustomScrollbar.min.css);

@import url(nouislider.css);

@import url(nouislider.pips.css);

@import url(slick.css);

@import url(jquery.bxslider.css);
@import url(jquery.bxslider.css);
@import url(fontaweome.js);
 



/*==============================================

   Base Css

===============================================*/

*{

	margin:0px;

	padding:0px;

	border: none;

	outline: none;

	font-size: 100%;

}

html,

body { 

    height: 100%;

}

body {

    color: #64656a;

    font-size: 16px;

    line-height: 28px;

    font-weight: 300;

    font-family: 'Open Sans', sans-serif;

}

button:focus{

    outline: none;

}

button {

    cursor: pointer;

    border: none;

    background: transparent;

    padding: 0;

}

h1, h2, h3, h4, h5, h6 {

    color: #000000;

    font-weight: 700;

    font-family: 'Poppins', sans-serif;

    margin: 0;

}

h3 {

    font-size: 18px; 

    line-height: 30px;

    font-weight: 500;

}

h4 {



}

a,

a:hover,

a:active,

a:focus {

    text-decoration: none;

    outline: none;

    border: none;

}

img.lazy-image{

	background:url(../images/icon/image-bg.svg) center center no-repeat;	

}

img.lazy-image.loaded{

	background-image:none;

}

.owl-theme img.lazy-image.loaded{

	height: auto;

	opacity: 1;

}







@media (min-width: 1200px) {

    .container {

        max-width: 1200px;

    }

}



.fix{

    position: relative;

    display: block;

    overflow: hidden;

}

img {

    max-width: 100%;

    height: auto;

    transition-delay: .1s;

    transition-timing-function: ease-in-out;

    transition-duration: .7s;

    transition-property: all;

}

.map-data {

    text-align: center;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.8em;

    padding: 5px 10px 5px;

}

.map-data a{

    color: #0b59d9;

	display: block;

}

.map-data h6{

	font-size:16px;

	font-weight:700;

	text-align:center;

	margin-bottom:5px;

	color:#121212;

}







i {

	font-style: normal;

}

ul,

li {

    list-style: none;

    margin: 0;

    padding: 0;

}

ol,

li{

    margin: 0;

    padding: 0;    

}

.clr1{

    color: #f36727;

}

.bgclr1{

    background: #f36727;    

}





.auto-container {

    position: static;

    max-width: 1200px;

    padding: 0px 15px;

    margin: 0 auto;

}







.btn-one {

    position: relative;

    display: inline-block;

    padding: 0 35px;

    background: #ffffff;

    font-size: 16px;

    line-height: 56px;

    font-weight: 400;

    text-transform: uppercase;

    font-family: 'Poppins', sans-serif;

    transition: all 0.3s ease-in-out 0.1s;

}

.btn-one span:before{

    position: relative;

    display: inline-block;

    padding-left: 10px;    

}

.btn-one:hover,

.btn-one:focus{

    color: #ffffff;

}







.shop-btn{

    position: relative;

    display: inline-block;

    padding: 24px 45px 22px;

    background: #0b59d9;

    color: #ffffff;

    font-size: 14px;

    line-height: 14px;

    font-weight: 500;

    text-transform: uppercase;

    border-radius: 5px;

    font-family: 'Rubik', sans-serif;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}

.shop-btn:hover{

    color: #f8f8f8;

    background: #1d2633;

}





.sec-title {

    position: relative;

    top: -5px;

    display: block;

    padding-bottom: 56px;

}

.sec-title p{

    font-size: 32px;
    line-height: 35px;
    font-weight: bold;
    font-family: 'Arima Madurai', cursive;
    text-transform: uppercase;
    margin: 0;

}

.sec-title .big-title{

    position: relative;

    display: block;

    padding: 7px 0 0;

}

.sec-title .big-title h1{

    color: #ffffff;

    font-size: 32px;

    line-height: 40px;

    font-weight: 700;

    text-transform: uppercase;

}

.sec-title .big-title.black-clr h1{

    color: #000000;

}







.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 Dot Style _____*/

.owl-nav-style-one{}

.owl-nav-style-one .owl-controls { }

.owl-nav-style-one.owl-theme .owl-stage-outer {

    position: relative;

    display: block;

    padding-top: 0px;

    padding-bottom: 0px;

}

.owl-nav-style-one.owl-theme .owl-nav {

    position: absolute;

    top: -130px;

    right: 0;

    margin: 0;

}

.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] {

    position: relative;

    display: inline-block;

    width: 60px;

    height: 50px;

    background: #798795;

    border: 0px solid #f9f6f0;

    border-radius: 5px;

    color: #ffffff;

    font-size: 40px;

    font-weight: 100;

    line-height: 50px;

    margin: 0 0 0 0px;

    padding: 0;

    transition: all 700ms ease 0s;

}

.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] span {

    position: relative;

    top: -5px;

    display: inline-block;

    line-height: 30px;

}

.owl-nav-style-one.owl-theme .owl-nav .owl-prev {

    transform: rotate(0deg);

}

.owl-nav-style-one.owl-theme .owl-nav .owl-next {

    margin-left: 10px;

}

.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:hover{

    color: #ffffff;

}







.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;

}





.owl-carousel.owl-dot-style1 .owl-stage-outer {

    position: relative;

    display: block;

    padding-top: 10px;

    padding-bottom: 47px;

}

.owl-carousel.owl-dot-style1 .owl-dots {

    position: relative;

    display: block;

    text-align: center;

    line-height: 6px;

}

.owl-carousel.owl-dot-style1 .owl-dots .owl-dot{

    position: relative;

	display: inline-block;

	width: 35px;

	height: 6px;

    background: #d9d9d9;

    border: 0px solid #4c4c4c;

	margin: 0px 5px;

	padding: 0px;

	border-radius: 10px;

	transition: all 500ms ease;

}

.owl-carousel.owl-dot-style1 .owl-dots .owl-dot span{

	display: none;	

}

.owl-carousel.owl-dot-style1 .owl-dots .owl-dot.active{

    width: 95px;

}











.accordion-box {

    position: relative;

    display: block;

}

.accordion-box .accordion {

    position: relative;

    display: block;

    margin-bottom: 20px;

}

.accordion-box .accordion.marginbottom0{

    margin-bottom: 0;

}

.accordion-box .accordion .accord-btn {

    position: relative;

    display: block;

    border: 1px solid #ededed;

    cursor: pointer;

    background: #ffffff;

    padding-left: 20px;

    padding-right: 60px;

    padding-top: 17px;

    padding-bottom: 15px;

    transition: all 500ms ease;

}

.accordion-box .accordion .accord-btn h4 {

    color: #000000;

    font-size: 18px;

    line-height: 26px;

    font-weight: 400;

    transition: all 500ms ease;

}

.accordion-box .accordion .accord-btn::after {

    font-family: "Flaticon";

    position: absolute;

    content: "\f107";

    top: 8px;

    right: 18px;

    width: 20px;

    height: 40px;

    background: transparent;

    color: #828f9c;

    font-size: 16px;

    line-height: 40px;

    font-weight: 600;

    text-align: center;

    transition: all 500ms ease 0s;

}

.accordion-box .accordion .accord-btn.active{

    transition: all 500ms ease;

}

.accordion-box .accordion .accord-btn.active h4 {

    color: #ffffff;

}

.accordion-box .accordion .accord-btn.active:after{

    color: #ffffff;

    content: "\f108";

}

.accordion-box .accordion .accord-content {

    position: relative;

    display: block;

    padding-top: 20px;

    padding-bottom: 20px;

    padding-left: 20px;

    padding-right: 30px;

    display: none;

    border: 1px solid #ededed;

    border-top: none;

}

.accordion-box .accordion .accord-content.collapsed {

    display: block;

}

.accordion-box .accordion .accord-content p {

    color: #798795;

    font-size: 16px;

    line-height: 32px;

    font-weight: 400;

    margin: 0;

}







@keyframes pulse {

    50% {

        box-shadow: 0 0 0 5px rgba(255,255,255,.1),

        0 0 0 20px rgba(238, 238,238, 0.3000);

    }

}



@keyframes pulse2 {

    50% {

        box-shadow: 0 0 0 5px rgba(255,231,1,.1),

        0 0 0 20px rgba(255, 231,1, 0.3000);

    }

}











.boxed_wrapper {

    background: #fff none repeat scroll 0 0;

    position: relative;

    margin: 0 auto;

    width: 100%;

    min-width: 320px;

    min-height: 400px;

    overflow: hidden;  

}









/*=============== Boxed-Layout =============*/

.boxed_wrapper_box_page{

    position: relative;

    overflow-x: hidden;

    margin: 0 auto;

    width: 100%;

    min-width: 300px;

}

.body_switcher {

    position: fixed;

    top: 150px;

    z-index: 99999999999999;

    left: -200px;

    -webkit-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

}

.body_switcher .body_switch_btn {

    position: absolute;

    right: -50px;

    z-index: -1;

}

.body_switcher .body_switch_btn button {

    width:50px;

    height:50px;

    color: #ffffff;

    font-size: 24px;

    line-height: 50px;

    background: rgba(0, 0, 0, 0.80);

    cursor: pointer;

    transition: all 500ms ease;

}





.body_switcher .boxed_switch_menu {

    position: relative;

    background: #fff;

    width: 200px;

    padding: 25px 15px 20px;

    text-align: center;

    box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);

}

.body_switcher .boxed_switch_menu h5{

    color: #222222;

    font-size: 20px;

    line-height: 24px;

    font-weight: 600;

    margin-bottom: 0px;

}

.body_switcher.switcher-show{

    left:0;

}

.body_switcher .boxed_switch_menu .switch_body .box {

    cursor: pointer;

    display: inline-block;

    text-align: center;

    margin-top: 15px;

}

.body_switcher .boxed_switch_menu .switch_body .box>div {

    width:80px;

    height:50px;

    background: #fff;

    border:2px solid #999;

}

.body_switcher .boxed_switch_menu .switch_body .box>div>span {

    display: block;

    width:60px;

    height:100%;

    margin:0 auto;

    background: #fff;

    border-left:2px solid #e5e5e5;

    border-right:2px solid #e5e5e5;

}

.body_switcher .boxed_switch_menu .switch_body .box p {

    position: relative;

    display: block;

    color: #999;

    font-size: 16px;

    line-height: 20px;

    font-weight: 500;

    margin: 7px 0 0;

}

.main_page.active_boxlayout {

    max-width: 1550px;

    width: 100%;

    min-width: 300px;

    margin: 0 auto;

    background: url(../images/pattern/body-pattern.png) #f8f8f8;

    background-attachment: fixed;

    background-repeat: repeat;

    background-position: center;

    overflow-x:hidden;

}





header.main-header.box-layout {

    position: relative;

}

.main-slider.style1.box-layout {

    margin: 0;

}





















/*=============== Color-Layout =============*/

.switcher {

    position: fixed;

    top: 220px;

    z-index: 999999999999;

}

.switcher .switch_btn {

  position: absolute;

  top: 0px;

  right: -50px;

  z-index: -1;

}

.switcher .switch_btn button {

    width: 50px;

    height: 50px;

    color: #fff;

    line-height: 50px;

    cursor: pointer;

    border-radius: 0;

    margin-left: 0;

    transition: all 500ms ease;

    background: #bab9b9;

}



.switcher .switch_menu {

    position: absolute;

    width: 180px;

    height: 30px;

    background: transparent;

    display: none;

    top: 0px;

    left: 60px;

    bottom: 0;

    margin: 10px 0;

}

.switcher #styleOptions li {

    position: relative;

    display: inline-block;

    width: 30px;

    height: 30px;

    margin-right: 3px;

}

.switcher #styleOptions li:last-child{

    margin-right: 0;

}

.switcher #styleOptions li a {

    position: relative;

    display: inline-block;

    width:100%;

    height:100%;

    border-radius: 50%;

    box-shadow: 0 0 0 0px #fff;

}



.switcher #styleOptions li a.blue-color {

    background: #6377ee;

}

.switcher #styleOptions li a.pink-color {

    background: #ff6ec7;

}

.switcher #styleOptions li a.violet-color {

    background: #6936d8;

}

.switcher #styleOptions li a.crimson-color {

    background: #ba0913;

}

.switcher #styleOptions li a.orange-color {

    background: #FFA500;

}





















/*________________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/preloader.gif);

}

.preloader.style-two {

    background-image: url(../images/icon/preloader-1.html);

}

.preloader.style-three {

    background-image: url(../images/icon/preloader-2.html);

}

.preloader.style-four {

    background-image: url(../images/icon/preloader-3.html);

}









/*** Scroll To Top style ***/

.scroll-top {

	position: fixed;

	right: 15px;

	bottom: 20px;

	width: 55px;

	height: 55px;

	background: #ffffff;

	border-radius: 0%;

	font-size: 14px;

    line-height: 53px;

    font-weight: 600;

	text-align: center;

    text-transform: uppercase;

	display: none;

	cursor: pointer;

    transition: all 200ms linear;

    transition-delay: 0.1s;

	z-index: 999999999;

}

.scroll-top span {

    position: relative;

    display: block;

    background: url(../image/icon/scrool-to-top.png);

    background-repeat: no-repeat;

    background-position: center center;

    width: 50px;

    height: 50px;

}

.scroll-top:after {

	position: absolute;

	content: '';

	top: 100%;

	left: 5%;

	height: 10px;

	width: 90%;

	opacity: 1;

	z-index: -1;

	background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);

	background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);

	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);

}

.scroll-top:hover{

    color: #ffffff;

}





.scroll-top.style2 {

    position: static;

    width: 70px;

    height: 100px;

    border-radius: 0;

    background: #0b59d9;

    border: none;

    text-align: center;

    animation: auto;

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}

.scroll-top.style2:hover{

    background: #074dbe;

}

.scroll-top.style2:after{

    display: none;

}

.scroll-top.style2 span:before{

    color: #ffffff;

    font-size: 20px;

}

.scroll-top.style2 .text{

    position: relative;

    display: block;

    color: #ffffff;

    font-size: 16px;

    font-weight: 600;

    text-transform: capitalize;

    margin: 4px 0 0;

}



.scroll-top.style2.s3 {

    position: absolute;

    top: -30px;

    right: 30px;

    bottom: auto;

    border-radius: 5px;

}



























/* 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 {

    position: relative;

    display: inline-block;

    margin: 0 3px;

}

.post-pagination li a {

    position: relative;

    display: block;

    height: 60px;

    width: 60px;

    border-radius: 50%;

    border: 2px solid #eeeeee;

    color: #131313;

    font-size: 18px;

    line-height: 56px;

    font-weight: 600;

    transition: all 500ms ease 0s;

    font-family: 'Poppins', sans-serif;

}

.post-pagination li a i {

    color: #c1c1c1;

    font-size: 22px;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}

.post-pagination li.active a, 

.post-pagination li:hover a {

    background: #fec727;

    border-color: #fec727;

}

.post-pagination li.active a i,

.post-pagination li:hover a i{

    color: #131313;    

}





.post-pagination.style2 li a{

    border-radius: 0;

}

















/* Overlay styles */

.overlay-style-one{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    transition-delay: .1s;

    transition-timing-function: ease-in-out;

    transition-duration: .7s;

    transition-property: all;

    opacity: 0;

    z-index: 1;

}

.overlay-style-one.bg1{

    background-color: rgba(3, 13, 40, 0.70);    

}

.overlay-style-one.bg2{

    background-color: rgba(255, 255, 255, 0.70);    

}

.overlay-style-one.bg3{

    background-color: rgba(0, 83, 153, 0.90);    

}

.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-one .box .inner{

    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(18, 18, 18, 0.90);

}

.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(18, 18, 18, 0.90);

}







.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: 18px;

    color: #ffba00;

}





.social-links-style1 {

    position: relative;

    display: block;

    overflow: hidden;

	margin-top: 34px;

}

.social-links-style1 li{

    position: relative;

    display: inline-block;

    float: left;

    margin-right: 20px;

}

.social-links-style1 li:last-child{

    margin-right: 0px;

}

.social-links-style1 li a i{

    position: relative;

    display: block;

    background: rgba(255, 255, 255, 0.05);

    width: 40px;

    height: 40px;

    border-radius: 50%;

    color: #798795;

    font-size: 14px;

    font-weight: 400;

    line-height: 40px;

    text-align: center;

    transition: all 500ms ease;

}

.social-links-style1 li a:hover i{

    color: #ffffff;

}





.sociallinks-style-two {

    position: relative;

    display: block;

    overflow: hidden;

    margin: 7px 0 8px;

}

.sociallinks-style-two li {

    position: relative;

    display: inline-block;

    float: left;

    margin-right: 25px;

}

.sociallinks-style-two li:last-child{

    margin-right: 0px;    

}

.sociallinks-style-two li a i {

    position: relative;

    display: block;

    color: #ffffff;

    font-size: 16px;

    transition: all 500ms ease 0s;

}

.sociallinks-style-two li a:hover i{

    color: #e4b33d;

}









/* Update header Style */

@keyframes menu_sticky {

    0%   {margin-top:-90px;}

    50%  {margin-top: -74px;}

    100% {margin-top: 0;}

}



/*** 

========================================

    Mobile Menu

========================================

***/

.nav-outer .mobile-nav-toggler {

    position: relative;

    display: none;

    float: right;

    cursor: pointer;

    padding: 25px 0;

}

.nav-outer .mobile-nav-toggler .inner{

    position: relative;

    display: block;

    padding: 3px 5px;

}



.mobile-menu{

	position: fixed;

	top: 0;

	right: 0;

	width: 300px;

	max-width:100%;

	height: 100%;

	padding-right:30px;

	opacity: 0;

	visibility: hidden;

	z-index: 999999;

}

.mobile-menu .menu-backdrop{

	position: fixed;

	top: 0;

	right: 0;

	width: 100%;

	height: 100%;

    background-color: rgba(3, 13, 40, 0.90);

	-webkit-transform: translateX(101%);

	-ms-transform: translateX(101%);

	transform: translateX(101%);

	transition: all 900ms ease;

    -moz-transition: all 900ms ease;

    -webkit-transition: all 900ms ease;

    -ms-transition: all 900ms ease;

    -o-transition: all 900ms ease;

	z-index: 1;

}

.mobile-menu-visible .mobile-menu .menu-backdrop{

	opacity: 0.70;

	visibility: visible;

	-webkit-transition:all 0.7s ease;

	-moz-transition:all 0.7s ease;

	-ms-transition:all 0.7s ease;

	-o-transition:all 0.7s ease;

	transition:all 0.7s ease;

	-webkit-transform: translateX(0%);

	-ms-transform: translateX(0%);

	transform: translateX(0%);

}

.mobile-menu .mCSB_inside>.mCSB_container{

	margin-right:5px;	

}

.mobile-menu .navbar-collapse{

	display:block !important;	

}





.mobile-menu .nav-logo{

	position:relative;

	padding:30px 25px;

	text-align:left;	

}

.mobile-menu .nav-logo a{

    position: relative;

    display: inline-block;

}



.mobile-menu-visible{

	overflow: hidden;

}

.mobile-menu-visible .mobile-menu{

	opacity: 1;

	visibility: visible;

}

.mobile-menu .menu-box{

	position: absolute;

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

	max-height: 100%;

	overflow-y: auto;

	background: #000000;

	padding: 0px 0px;

	z-index: 5;

	opacity: 0;

	visibility: hidden;

	border-radius: 0px;

	-webkit-transform: translateX(101%);

	-ms-transform: translateX(101%);

	transform: translateX(101%);

}

.mobile-menu-visible .mobile-menu .menu-box{

	opacity: 1;

	visibility: visible;

	-webkit-transition:all 0.7s ease;

	-moz-transition:all 0.7s ease;

	-ms-transition:all 0.7s ease;

	-o-transition:all 0.7s ease;

	transition:all 0.7s ease;

	-webkit-transform: translateX(0%);

	-ms-transform: translateX(0%);

	transform: translateX(0%);

}

.mobile-menu .close-btn{

	position: absolute;

	top: 10px;

	right: 10px;

	color: #ffffff;

	font-size: 20px;

	line-height: 30px;

	width: 24px;

	text-align: center;

	cursor: pointer;

	z-index: 10;

	-webkit-transition:all 0.9s ease;

	-moz-transition:all 0.9s ease;

	-ms-transition:all 0.9s ease;

	-o-transition:all 0.9s ease;

	transition:all 0.9s ease;

}

.mobile-menu-visible .mobile-menu .close-btn{

	-webkit-transform:rotate(360deg);

	-ms-transform:rotate(360deg);

	transform:rotate(360deg);

}

.mobile-menu .close-btn:hover{

	-webkit-transform:rotate(90deg);

	-ms-transform:rotate(90deg);

	transform:rotate(90deg);

}





.mobile-menu .navigation{

	position: relative;

	display: block;

	width: 100%;

	float: none;

}

.mobile-menu .navigation li{

	position: relative;

	display: block;

	border-top: 1px solid rgba(255,255,255,0.10);

}

.mobile-menu .navigation:last-child{

	border-bottom: 1px solid rgba(255,255,255,0.10);

}

.mobile-menu .navigation li > ul > li:first-child{

	border-top: 1px solid rgba(255,255,255,0.10);

}

.mobile-menu .navigation li > a{

	position: relative;

	display: block;

	padding: 10px 25px;

	color: #ffffff;

	font-size: 15px;

	line-height: 24px;

	font-weight: 600;

	text-transform: uppercase;

	-webkit-transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

	transition: all 500ms ease;	

}

.mobile-menu .navigation li > a:before{

	content:'';

	position:absolute;

	left:0;

	top:0;

	height:0;

	-webkit-transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

	transition: all 500ms ease;	

}

.mobile-menu .navigation li.current > a:before{

	height:100%;

}







.mobile-menu .navigation li ul li > a{

	font-size: 15px;

    font-weight: 400;

	margin-left: 20px;

	text-transform: capitalize;

}



.mobile-menu .navigation li.dropdown .dropdown-btn{

	position:absolute;

	top:6px;

	right:6px;

	width:32px;

	height:32px;

	text-align:center;

	color:#ffffff;

	font-size:16px;

	line-height:32px;

	background:rgba(255,255,255,0.10);

	cursor:pointer;

	border-radius:2px;

	-webkit-transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

	transition: all 500ms ease;	

	z-index:5;

}

.mobile-menu .navigation li.dropdown .dropdown-btn.open{

	-webkit-transform:rotate(90deg);

	-ms-transform:rotate(90deg);

	transform:rotate(90deg);	

}

.mobile-menu .navigation li > ul,

.mobile-menu .navigation li > ul > li > ul{

	display: none;

}



.mobile-menu .social-links{

	position:relative;

	text-align:center;

	padding:30px 25px;

}

.mobile-menu .social-links li{

	position:relative;

	display:inline-block;

	margin:0px 5px 10px;

}

.mobile-menu .social-links li a{

	position:relative;

	color:#ffffff;

	font-size: 20px;

	line-height:32px;

	-webkit-transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

	transition: all 500ms ease;	

}

.mobile-menu .social-links li a:hover{

    color: #030e27;    

}



















/*==============================================

    Main Header Css        

===============================================*/

.main-header {

	position: absolute;

	left: 0px;

	top: 0px;

	width: 100%;

    margin: 0px;

	z-index: 999999;

	transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-webkit-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

}

.sticky-header {

	position: fixed;

	top: 0px;

	left: 0px;

	width: 100%;

	padding: 0px 0px;

	background: rgba(255, 255, 255, 0.95);

	opacity: 0;

    visibility: hidden;

	transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-webkit-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

	z-index: 0;

}

.fixed-header .sticky-header {

	visibility: visible;

	-ms-animation-name: fadeInDown;

	-moz-animation-name: fadeInDown;

	-op-animation-name: fadeInDown;

	-webkit-animation-name: fadeInDown;

	animation-name: fadeInDown;

	-ms-animation-duration: 500ms;

	-moz-animation-duration: 500ms;

	-op-animation-duration: 500ms;

	-webkit-animation-duration: 500ms;

	animation-duration: 500ms;

	-ms-animation-timing-function: linear;

	-moz-animation-timing-function: linear;

	-op-animation-timing-function: linear;

	-webkit-animation-timing-function: linear;

	animation-timing-function: linear;

	-ms-animation-iteration-count: 1;

	-moz-animation-iteration-count: 1;

	-op-animation-iteration-count: 1;

	-webkit-animation-iteration-count: 1;

	animation-iteration-count: 1;

    box-shadow: 0 0 10px rgba(0,0,0,.1);

	opacity: 1;

	z-index: 999999;

}

.sticky-header .logo {

    position: relative;

    display: block;

    padding: 15px 0;

}

.sticky-header .logo a{

    position: relative;

    display: inline-block;

}

.sticky-header .main-menu .navigation> li{

    

}

.sticky-header .main-menu .navigation> li> a{

    color: #000000;

}









.header-top {

    position: relative;

    display: block;

    padding: 10px 0;

    background: #030e27;

}

.header-top .outer-box {

    position: relative;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

}

.header-top-left{

    position: relative;

    display: block;

    max-width: 390px;

    width: 100%;

}

.welcome-text{

    position: relative;

    display: block;    

}

.welcome-text h6{

    color: #798795;

    font-size: 14px;

    line-height: 24px;

    font-weight: 500;

}

.welcome-text h6 span:before{

    position: relative;

    top: 4px;

    display: inline-block;

    padding-right: 10px;

    font-size: 20px;

}

.welcome-text h6 b {

    font-weight: 500;

}



.header-top-middle{

    position: relative;

    display: block;

    max-width: 390px;

    width: 100%;    

}

.header-social-links{

    position: relative;

    display: block;

}

.header-social-links .social-links-style1 {

    position: relative;

    display: flex;

    text-align: center;

    align-items: center;

    justify-content: center;

    flex-direction: row;

}

.header-social-links .social-links-style1 li{

    float: none;

    margin: 0;

    margin: 0 10px;

}

.header-social-links .social-links-style1 li a {

    color: #798795;

    font-size: 18px;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}

.header-social-links .social-links-style1 li a span.fb:before {

    position: relative;

    left: 8px;

    top: -1px;

}



.header-top-right{

    position: relative;

    display: block;

    max-width: 390px;

    width: 100%;   

}

.header-menu {

    position: relative;

    display: block;

    float: right;

}

.header-menu ul{

    position: relative;

    display: block;

    overflow: hidden;

}

.header-menu ul li{

    position: relative;

    display: inline-block;

    float: left;

    line-height: 30px;

    padding-right: 11px;

    margin-right: 10px;

}

.header-menu ul li:last-child{

    padding-right: 0;

    margin-right: 0;

}

.header-menu ul li:before {

    position: absolute;

    top: 9px;

    right: 0;

    bottom: 7px;

    width: 1px;

    background: rgba(255, 255, 255, 0.10);

    content: "";

}

.header-menu ul li:last-child:before{

    display: none;

}

.header-menu ul li a{

    color: #798795;

    font-size: 14px;

    font-weight: 400;

    line-height: 0;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}







.header-upper {

    position: relative;

    display: block;

    background: #ffffff;

    padding: 28px 0;

}

.header-upper .outer-box {

    position: relative;

    display: block;

}

.header-upper-left {

    position: relative;

    display: block;

}

.header-upper-left .logo {

    position: relative;

    display: block;

    padding: 2px 0;

}

.header-upper-left .logo a{

    position: relative;

    display: inline-block; 

}

.header-upper-left .logo a img{

    width: auto;

}



.header-upper-right{

    position: relative;

    display: block;

}

.header-contact-info{

    position: relative;

    display: block;    

}

.header-contact-info ul{

    position: relative;

    display: block;

    overflow: hidden;

}

.header-contact-info ul li{

    position: relative;

    display: inline-block;

    float: left;

    margin-right: 100px;

}

.header-contact-info ul li:last-child{

    margin-right: 0;

}

.header-contact-info ul li .icon{

    width: 50px;

}

.header-contact-info ul li .icon span:before{

    position: relative;

    top: 3px;

    font-size: 30px;

    line-height: 30px;

}

.header-contact-info ul li .icon,

.header-contact-info ul li .title{

    display: table-cell;

    vertical-align: middle;

}

.header-contact-info ul li .title span{

    font-size: 14px;

    font-weight: 400;

}

.header-contact-info ul li .title h6{

    color: #2c2d3e;

    font-size: 16px;

    line-height: 24px;

    font-weight: 400;

    margin: 1px 0 0;

}

.header-contact-info ul li .title h6 a{

    color: #2c2d3e;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}





.header-lawer {

    position: relative;

    display: block;

    background: transparent;

}

.header-lawer .outer-box {

    position: relative;

    display: block;

    background: #030e27;

}

.header-lawer-left{

    position: relative;

    display: block;    

}



.main-menu {

    position: relative;

    display: block;

    float: left;

}

.main-menu .navbar-collapse{

	padding:0px;

	display:block !important;

}

.main-menu .navigation {

	position: relative;

	display: block;

}

.main-menu .navigation>li {

    position: relative;

    display: inline-block;

    float: left;

    margin-right: 28px;

}

.main-menu .navigation>li:last-child{

    margin-right: 0;

}

.main-menu .navigation>li>a {

	position: relative;

	display: block;

	color: #ffffff;

	font-size: 18px;

	line-height: 41px;

	font-weight: 600;

	text-transform: uppercase;

	padding: 25px 0px 25px;

	transition: all 500ms ease;

	opacity: 1;

    font-family: 'Poppins', sans-serif;

}

.main-menu .navigation>li>a.home-icon{

    padding: 0;

}

.main-menu .navigation>li>a span.homeicon {

    color: #ffffff;

    font-size: 30px;

    text-align: center;

    font-weight: 400;

    width: 70px;

    padding: 24px 0 25px;

}



.main-menu .navigation> li> ul {

	position: absolute;

	top: 100%;

	left: 0;

	width: 270px;

	padding: 0px 0;

    opacity: 0;

    visibility: hidden;

    border-radius: 0;

	-moz-transform: translateY(30px);

	-webkit-transform: translateY(30px);

	-ms-transform: translateY(30px);

	-o-transform: translateY(30px);

    transform: translateY(30px);

    transition:all 100ms ease;

	z-index: 100;

}

.main-menu .navigation> li> ul:before {

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    content: '';

    background: #ffffff;

    border-radius: 0;

	-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

	-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

	-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

	-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

    z-index: -1;

}

.main-menu .navigation> li.dropdown:hover> ul {

	opacity:1;

	visibility:visible;

	-moz-transform: translateY(0);

	-webkit-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

    transform: translateY(0);

	transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

}





.main-menu .navigation> li> ul> li {

	position: relative;

    display: block;

    padding: 0 20px;

	width: 100%;

}

.main-menu .navigation> li> ul> li> a{

	position: relative;

	display: block;

    border-bottom: 1px solid #e9e9e9;

	padding: 13px 0px 13px;

	color: #000000;

	font-size: 15px;

	line-height: 24px;

	font-weight: 500;

	text-align: left;

	text-transform: capitalize;

	transition: all 500ms ease;

    font-family: 'Poppins', sans-serif;

}

.main-menu .navigation> li> ul> li:last-child> a{

    border: none;

} 

.main-menu .navigation>li>ul>li>a:hover {

    padding-left: 15px;

}

.main-menu .navigation> li> ul> li> a:before{

    position: absolute;

    top: 0;

    left: 0px;

    bottom: 0;

    font-family: 'Font Awesome 5 Free';

    content: "\f105";

    font-size: 14px;

    font-weight: 700;

    margin: 12px 0;

	opacity: 0;

    transition: all 500ms ease;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}

.main-menu .navigation> li> ul> li.dropdown> a:after {

    position: absolute;

    top: 0px;

    right: 0px;

    bottom: 0;

    font-family: 'Font Awesome 5 Free';

    content: "\f105";

    color: #000000;

    font-size: 14px;

    font-weight: 700;

    margin: 12px 0;

    text-align: right;

    z-index: 5;

}

.main-menu .navigation>li>ul>li:hover>a:before{

	opacity: 1;

}





.main-menu .navigation> li> ul> li> ul {

	position: absolute;

	top: 0%;

	left: 100%;

	width: 250px;

	padding: 0;

	display: none;

	background: #ffffff;

    border-radius: 0;

	-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

	-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

	-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

	-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

    -moz-transform: translateY(30px);

	-webkit-transform: translateY(30px);

	-ms-transform: translateY(30px);

	-o-transform: translateY(30px);

    transform: translateY(30px);

    transition:all 100ms ease;

	z-index: 100;

}

.main-menu .navigation li> ul> li.dropdown:hover ul {

	opacity:1;

	visibility:visible;

	-moz-transform: translateY(0);

	-webkit-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;	

}

.main-menu .navigation>li>ul>li>ul> li {

	position: relative;

    display: block;

    padding: 0 20px;

	width: 100%;

}

.main-menu .navigation> li> ul> li> ul> li> a {

	position: relative;

	display: block;

    border-bottom: 1px solid #e9e9e9;

	padding: 13px 0px 13px;

	color: #000000;

	font-size: 15px;

	line-height: 24px;

	font-weight: 500;

	text-align: left;

	text-transform: capitalize;

	transition: all 500ms ease;

    font-family: 'Poppins', sans-serif;

}

.main-menu .navigation> li> ul> li> ul> li:last-child> a{

    border: none;

}

.main-menu .navigation> li> ul> li:hover > a{

    padding-left: 15px;

}

.main-menu .navigation> li> ul> li> ul> li> a:hover {

    padding-left: 15px;

}

.main-menu .navigation>li>ul>li>ul>li a:before{

    position: absolute;

    top: 0;

    left: 0px;

    bottom: 0;

    font-family: FontAwesome;

    content: "\f105";

    font-size: 14px;

    font-weight: 700;

    margin: 12px 0;

	opacity: 0;

    transition: all 500ms ease;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}

.main-menu .navigation> li> ul> li> ul> li> a:hover:before{

	opacity: 1;

}



.main-menu .navigation> li> ul.megamenu {

    position: absolute;

    left: -232px;

    width: 700px;

}

.main-menu .navigation> li> ul.megamenu li {

    position: relative;

    max-width: 33.333333%;

    float: left;

}



















.main-menu .navbar-collapse>ul li.dropdown .dropdown-btn {

    position: absolute;

    right: 0px;

    top: 0;

    width: 50px;

    height: 42px;

    border-left: 1px solid #04102a;

    text-align: center;

    font-size: 16px;

    line-height: 42px;

    color: #ffffff;

    cursor: pointer;

    display: none;

    z-index: 5;

}







.outer-search-box-style1 {

    position: relative;

    display: inline-block;

    float: left;

    padding: 25px 0;

    margin-right: 30px;

}

.outer-search-box-style1 .seach-toggle {

    position: relative;

    display: block;

    color: #ffffff;

    font-size: 16px;

    line-height: 28px;

    cursor: pointer;

    text-align: center;

    height: 30px;

    width: 30px;

    border-radius: 50%;

    margin: 0;

    border: 1px solid transparent;

    transition: all 500ms ease;

}

.outer-search-box-style1 .search-box {

    position: absolute;

    top: 120%;

    right: 0%;

    background: #02091a;

    opacity: 0;

    padding: 20px;

    transition: all 500ms ease 0s;

    visibility: hidden;

    z-index: 100;

    margin-left: 0;

}

.outer-search-box-style1 .search-box.now-visible {

    top: 100%;

    opacity: 1;

    visibility: visible;

    z-index: 100;

}

.outer-search-box-style1 .search-box .form-group{

    position:relative;

    padding: 0px;

    margin: 0px;

    width: 100%;

    min-width: 250px;

}

.outer-search-box-style1 .search-box .form-group input[type="search"] {

    background: #ffffff 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: 15px;

    padding-right: 50px;

}

.outer-search-box-style1 .search-box .form-group input[type="search"]:focus{

    border-color: #f5f5f5;	

}

.outer-search-box-style1 .search-box .form-group button, 

.outer-search-box-style1 .search-box .form-group input[type="submit"] {

    position: absolute;

    right: 0;

    top: 0;

    display: block;

    cursor: pointer;

    background: #030e27;

    color: #fff;

    font-size: 13px;

    height: 45px;

    line-height: 45px;

    width: 45px;

    transition: all 500ms ease 0s;

}

.outer-search-box-style1 .search-box .form-group button:hover,

.outer-search-box-style1 .search-box .form-group input:focus + button{

    color: #222222;

    background: #f5f5f5;

}





.quote-button{

    position: relative;

    display: block;

    float: right;

}

.quote-button a {

    position: relative;

    display: inline-block;

    padding: 0 30px;

    background: #010919;

    color: #ffffff;

    font-size: 18px;

    line-height: 80px;

    font-weight: 600;

    text-transform: uppercase;

    font-family: 'Poppins', sans-serif;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}

.quote-button a span:before {

    position: relative;

    top: 2px;

    display: inline-block;

    padding-left: 10px;

    font-size: 22px;

    line-height: 18px;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}

.quote-button a:hover{

    color: #ffffff;

}

.quote-button a:hover span:before{

    color: #ffffff;

}







/*** 

=====================================================

	Main Slider style

=====================================================

***/

.main-slider {

    position: relative;

    z-index: 10;

}

.main-slider.style1 {

    margin-top: 200px;

}

.main-slider .slide{

	position: relative;

	padding: 182px 0px 150px;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center center;

}

.main-slider .slide .image-layer{

	position:absolute;

	left:0;

	top:0;

	width:100%;

	height:100%;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	-webkit-transform:scale(1);

	-ms-transform:scale(1);

	transform:scale(1);

	-webkit-transition: all 6000ms linear;

	-moz-transition: all 6000ms linear;

	-ms-transition: all 6000ms linear;

	-o-transition: all 6000ms linear;

	transition: all 6000ms linear;

}

.main-slider .slide .image-layer:before{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

	background-color: rgba(35, 35, 35, 0.52);

    content: "";

    z-index: -1;

}

.main-slider .active .slide .image-layer{

	-webkit-transform:scale(1.1);

	-ms-transform:scale(1.1);

	transform:scale(1.1);

}

.main-slider .content{

	position:relative;

	z-index:10;

}



.main-slider .content h2{

	position: relative;

	color: #ffffff;

	font-size: 72px;

	line-height: 1.0em;

	font-weight: 500;

	opacity: 0;

    margin-bottom: 36px;

	-webkit-transition: all 1000ms ease;

	-moz-transition: all 100ms ease;

	-ms-transition: all 1000ms ease;

	-o-transition: all 1000ms ease;

	transition: all 1000ms ease;

	-webkit-transform: translateY(80px);

	-moz-transform: translateY(80px);

	-ms-transform: translateY(80px);

	-o-transform: translateY(80px);

	transform: translateY(80px);

}

.main-slider .active .content h2{

	opacity: 1;

	-webkit-transform: translateX(0);

	-moz-transform: translateX(0);

	-ms-transform: translateX(0);

	-o-transform: translateX(0);

	transform: translateX(0);

	transition-delay: 1000ms;

}

.main-slider .content h3{

    position: relative;

    display: inline-block;

    color: #ffffff;

    font-size: 24px;

    line-height: 1.0em;

    font-weight: 300;

    text-transform: uppercase;

	opacity: 0;

	-webkit-transition: all 1000ms ease;

	-moz-transition: all 100ms ease;

	-ms-transition: all 1000ms ease;

	-o-transition: all 1000ms ease;

	transition: all 1000ms ease;

	-webkit-transform: translateY(80px);

	-moz-transform: translateY(80px);

	-ms-transform: translateY(80px);

	-o-transform: translateY(80px);

	transform: translateY(80px);

}

.main-slider .content h3:before{

    position: absolute;

    left: 45px;

    bottom: 4px;

    right: 35px;

    height: 4px;

    content: "";

    z-index: -1;

}





.main-slider .content h3 img{

    width: auto;

    display: inline-block;

    padding-right: 20px;

}

.main-slider .active .content h3{

	opacity: 1;

	-webkit-transform: translateX(0);

	-moz-transform: translateX(0);

	-ms-transform: translateX(0);

	-o-transform: translateX(0);

	transform: translateX(0);

	transition-delay: 1500ms;    

}

.main-slider .content .text{

	position: relative;

	margin-top: 27px;

	margin-bottom: 60px;

	opacity: 0;

	max-width: 470px;

	-webkit-transition: all 1000ms ease;

	-moz-transition: all 100ms ease;

	-ms-transition: all 1000ms ease;

	-o-transition: all 1000ms ease;

	transition: all 1000ms ease;

	-webkit-transform: translateY(80px);

	-moz-transform: translateY(80px);

	-ms-transform: translateY(80px);

	-o-transform: translateY(80px);

	transform: translateY(80px);

}

.main-slider .content .text p{

	color: #ffffff;

	font-size: 18px;

	line-height: 1.8em; 

	font-weight: 300;

	font-family: 'Open Sans', sans-serif;

}

.main-slider .active .content .text{

	opacity: 1;

	-webkit-transform: translateX(0);

	-moz-transform: translateX(0);

	-ms-transform: translateX(0);

	-o-transform: translateX(0);

	transform: translateX(0);

	transition-delay: 2000ms;

}

.main-slider .content .btns-box{

    position: relative;

	opacity: 0;

	-webkit-transition: all 1000ms ease;

	-moz-transition: all 100ms ease;

	-ms-transition: all 1000ms ease;

	-o-transition: all 1000ms ease;

	transition: all 1000ms ease;

	-webkit-transform: translateY(80px);

	-moz-transform: translateY(80px);

	-ms-transform: translateY(80px);

	-o-transform: translateY(80px);

	transform: translateY(80px);

}

.main-slider .active .content .btns-box{

	opacity: 1;

	-webkit-transform: translateX(0);

	-moz-transform: translateX(0);

	-ms-transform: translateX(0);

	-o-transform: translateX(0);

	transform: translateX(0);

	transition-delay: 2500ms;

}

.main-slider .content .btns-box .btn-two {

    position: relative;

    display: inline-block;

    padding: 0 30px;

    background: transparent;

    color: #ffffff;

    font-size: 16px;

    line-height: 57px;

    font-weight: 400;

    text-transform: uppercase;

    border: 2px solid #ffffff;

    font-family: 'Poppins', sans-serif;

    transition: all 0.3s ease-in-out 0.1s;

}

.main-slider .content .btns-box .btn-one{

    color: #ffffff;

    padding: 0 30px;

    margin-left: 11px;

}

.main-slider .content .btns-box .btn-one:hover{

    color: #ffffff;

    border-color: #ffffff;

    background: transparent;

}







.main-slider .owl-theme .owl-dots {

    position: absolute;

    top: 0;

    right: 50px;

    bottom: 0;

    margin: 0;

    width: 50px;

    height: 100%;

    display: flex;

    justify-content: center;

    align-items: flex-end;

    flex-wrap: wrap;

    flex-direction: column;

    padding-right: 10px;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.main-slider .owl-theme .owl-dots .owl-dot {

    position: relative;

    display: block;

    width: 30px;

    height: 5px;

    background: rgba(255, 255, 255, 0.30);

    border: 0px solid;

    margin: 5px 0px;

    padding: 0px;

    border-radius: 10px;

    transition: all 500ms ease;

}

.main-slider .owl-theme .owl-dots .owl-dot span{

	display:none;	

}

.main-slider .owl-theme .owl-dots .owl-dot.active{

    width: 40px;

}

.main-slider .owl-theme .owl-dots .owl-dot:before {

    position: absolute;

    top: 0px;

    right: -10px;

    bottom: 0px;

    width: 5px;

    height: 5px;

    border-radius: 50%;

    content: "";

    background: rgba(255, 255, 255, 0.30);

    transition: all 500ms ease;

}









/*** 

=============================================

    Service Style1 Area Css

=============================================

***/

.service-style1-area{

    position: relative;

    display: block;

    background: #ffffff;

    padding: 120px 0 80px;

}

.service-style1-area.pdtop75{

    padding-top: 75px;

}

.service-style1-area .title {

    position: relative;

    display: block;

    text-align: center;

    padding: 70px 0 70px;

    z-index: 1;

}

.service-style1-area .title:before{

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    background: url(../images/icon/services/service-title-icon.png);

    width: 70px;

    height: 130px;

    margin: 0 auto;

    background-repeat: no-repeat;

    background-position: center;

    content: "";

    z-index: -1;

}

.service-style1-area .title h1{

    font-size: 32px;

    line-height: 44px;

}

.service-style1-area .title h1 a{

    position: relative;

    display: inline-block;

}



.single-service-style1 {

    position: relative;

    display: block;

    text-align: center;

    max-width: 300px;

    margin: 0 auto 42px;

}

.single-service-style1 .icon-holder{

    position: relative;

    display: block;

    padding-bottom: 25px;

}

.single-service-style1 .text-holder{

    position: relative;

    display: block;

    padding: 0 10px;

}

.single-service-style1 .text-holder h3{

    font-size: 18px;

    line-height: 26px;

    font-weight: 500;

    margin: 0 0 8px;

}

.single-service-style1 .text-holder h3 a{

    color: #000000;

}

.single-service-style1 .text-holder p{

    color: #798795;

    line-height: 24px;

    margin: 0 0 24px;

}

.single-service-style1 .text-holder .count-box {

    position: relative;

    display: block;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    margin: 0 auto;

    color: #798795;

    font-size: 16px;

    line-height: 40px;

    font-weight: 400;

	transition:all 900ms ease;

    z-index: 1;

}

.single-service-style1:hover .text-holder .count-box{

    color: #ffffff;

}

.single-service-style1 .text-holder .count-box:before{

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    border-radius: 50%;

	transition:all 500ms ease;

	transform:scale(0);

    content: "";

    z-index: -1;

}

.single-service-style1:hover .text-holder .count-box:before{

	transform:scale(1.0);        

}







/*** 

=============================================

    About Style1 Area Css

=============================================

***/

.about-style1-area{

    position: relative;

    display: block;

    background: #f2f3f4;

    padding: 70px 0;

}

.about-style1-area.bg-white{

    background: #ffffff;

}

.about-style1-area .shape {

    position: absolute;

    left: -130px;

    bottom: -70px;

    right: 0px;

    background: url(../image/shape-1.png);

    width: 697px;

    height: 439px;

    content: "";

}

.about-style1-image-box {

    position: relative;

    display: block;

    max-width: 470px;

    width: 100%;

}

.about-style1-image-box .image-box1 {

    position: relative;

    display: block;

    width: 370px;

    overflow: hidden;

    z-index: 5;

}

.about-style1-image-box .image-box1:before{

    position: absolute;

    bottom: 0;

    right: 0;

    width: 170px;

    height: 300px;

    background: url(../image/border.png);

    content: "";

    z-index: 1;

}

.about-style1-image-box .image-box1 img{

    width: 100%;

    transform: scale(1.01);

    transition: all 700ms ease;    

}

.about-style1-image-box .image-box1:hover img{

    transform: scale(1.2);    

}

.about-style1-image-box .image-box2 {

    position: relative;

    display: block;

    margin-top: 30px;

    width: 170px;

    overflow: hidden;

    z-index: 5;

}

.about-style1-image-box .image-box2 img{

    width: 100%;

    transform: scale(1.2);

    transition: all 700ms ease;    

}

.about-style1-image-box .image-box2:hover img{

    transform: scale(1.0);    

}



.video-holder-box {

    position: absolute;

    bottom: 0;

    right: 0;

    width: 270px;

    height: 545px;

    overflow: hidden;

    background-position: center top;

    background-attachment: inherit;

    background-size: cover;

}

.video-holder-box .icon {

    position: relative;

    display: block;

    width: 100%;

    height: 100%;

    z-index: 1;

}

.video-holder-box .icon:before{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    content: "";

    background-color: rgba(0, 0, 0, 0.80);

    transition-delay: .1s;

    transition-timing-function: ease-in-out;

    transition-duration: .7s;

    transition-property: all;

    opacity: 0;

    z-index: 1;    

}

.video-holder-box:hover .icon:before{

    opacity: 1;    

}

.video-holder-box .icon .inner {

    position: absolute;

    bottom: 0;

    right: 0;
    background: #009cdd;
    z-index: 5;

}

.video-holder-box .icon .inner a {

    position: relative;

    display: inline-block;

    text-align: center;

    height: 100px;

    width: 100px;

    transition: all 500ms ease;

    -webkit-animation: pulse 2s infinite;

    -o-animation: pulse 2s infinite;

    animation: pulse 2s infinite;

    transition: all 1s ease;

}

.video-holder-box .icon .inner a span:before {

    position: relative;

    display: block;

    width: 100%;

    height: 100%;

    color: #ffffff;

    font-size: 30px;

    line-height: 100px;

}
.video-holder-box .icon .inner i{
    font-size:58px;
     color: #ffffff;
      line-height: 100px;
       width: 100%;

    height: 100%;
}


.about-style1-text-box {

    position: relative;

    display: block;

}

.about-style1-text-box .title{

    position: relative;
    
    display: block;    

}

.about-style1-text-box .title p{

    
	font-size: 32px;
    line-height: 35px;
    font-weight: bold;
    font-family: 'Arima Madurai', cursive;
    text-transform: uppercase;
    margin: 0;

}

.about-style1-text-box .title h1 {

    position: relative;

    display: block;

    color: #000000;

    font-size: 48px;

    line-height: 50px;

    font-weight: 700;

    margin: 0px 0 0;

}

.about-style1-text-box .title h1 b{

    font-weight: 700;

}

.about-style1-text-box .title h1 span{

    position: relative;

    top: -13px;

    display: inline-block;

    padding: 0px 20px 0px;

    color: #ffffff;

    font-size: 14px;

    line-height: 30px;

    font-weight: 700;

    border-radius: 30px;

    font-family: 'Open Sans', sans-serif;

}

.about-style1-text-box .inner-contant{

    position: relative;

    display: block;

    padding-top: 36px;

}

.about-style1-text-box .inner-contant p{

    margin: 0 0 25px;

	text-align: justify;

}

.about-style1-text-box .inner-contant .signature-box{

    position: relative;

    display: block;

    padding-top: 37px;

}







/*** 

=============================================

    Service Style2 Area style

=============================================

***/

.service-style2-area{

    position: relative;

    display: block;

    background: #ffffff;

    padding: 120px 0 112px;

}

.service-style2-area .layer-outer{

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    height: 495px;

    background-attachment: scroll;

    background-size: cover;

    background-position:  center top;

}

.service-style2-area .layer-outer:before{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    content: "";

    background-color: rgba(3, 13, 40, 0.80);

    transition-delay: .1s;

    transition-timing-function: ease-in-out;

    transition-duration: .7s;

    transition-property: all; 

}

.service-style2-area .service-box{

    z-index: 99;    

}

.single-service-style2{

    position: relative;

    display: block;

    margin-bottom: 30px;

    z-index: 100;

}

.single-service-style2 .img-holder{

    position: relative;

    display: block;

    overflow: hidden;

}

.single-service-style2 .img-holder img{

    width: 100%;

    transition: .5s ease;

    transform: scale(1.05);    

}

.single-service-style2:hover .img-holder img{

    transform: scale(1);    

}

.single-service-style2 .img-holder .static-content {

    position: absolute;

    left: 5px;

    bottom: 5px;

    right: 5px;

    min-height: 75px;

    background: #ffffff;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

    padding-left: 25px;

    transform: perspective(1200px) rotateX(0deg);

    transform-origin: bottom;

    transition: all 700ms ease 100ms;	

}

.single-service-style2:hover .img-holder .static-content{

    transform: perspective(1200px) rotateX(90deg); 

    transition: all 700ms ease 200ms;	

}





.single-service-style2 .img-holder .static-content .title{

    position: relative;

    display: block;

    padding-left: 35px;

}

.single-service-style2 .img-holder .static-content .title:before {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    width: 15px;

    height: 15px;

    content: "";

    margin: 7px 0 8px;

}

.single-service-style2 .img-holder .static-content .title h3{

    font-size: 18px;

    line-height: 30px;

    font-weight: 600;

}

.single-service-style2 .img-holder .static-content .title h3 a{

    color: #000000;    

}

.single-service-style2 .img-holder .static-content .icon {

    position: absolute;

    bottom: -5px;

    right: -5px;

}

.single-service-style2 .img-holder .static-content .icon a {

    position: relative;

    display: block;

    width: 70px;

    height: 70px;

    text-align: center;

    color: #ffffff;

    font-size: 40px;

    line-height: 70px;

    font-weight: 300;

}



.single-service-style2 .overlay-content {

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 0%;

    z-index: 2;

    opacity: 0;

    transform: scale(0.5);

    background-color: rgba(0, 0, 0, 0.80);

    transition: all 0.8s ease-in-out 0s;

}

.single-service-style2:hover .overlay-content{

    opacity: 1;

    transform: scale(1.0);

	height:100%;

}

.single-service-style2 .overlay-content .inner-content{

    position: relative;

    display: block;

    width: 100%;

    height: 100%;

    opacity: 0;

    transition: all 0.1s ease-in-out 0.1s;

}

.single-service-style2:hover .overlay-content .inner-content{

    opacity: 1; 

    transition: all 0.8s ease-in-out 0.7s;

}

.single-service-style2 .overlay-content .inner-content .icon {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    text-align: center;

    font-size: 95px;

    line-height: 95px;

    padding-top: 132px;

    transform: translateY(15px);

    transition: all 0.3s ease-in-out 0.8s;

}

.single-service-style2:hover .overlay-content .inner-content .icon{

    transform: translateY(0px);    

}

.single-service-style2 .overlay-content .inner-content .text-holder {

    position: absolute;

    left: 0;

    bottom: 0;

    right: 0;

    padding: 0px 30px 41px;

    transform: translateY(15px);

    transition: all 0.2s ease-in-out 0.9s;

}

.single-service-style2:hover .overlay-content .inner-content .text-holder{

    transform: translateY(0px);    

}

.single-service-style2 .overlay-content .inner-content .text-holder .title{

    position: relative;

    display: block;

    padding-left: 35px;    

}

.single-service-style2 .overlay-content .inner-content .text-holder .title:before {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    width: 15px;

    height: 15px;

    content: "";

    margin: 7px 0 8px;

}

.single-service-style2 .overlay-content .inner-content .text-holder .title h3{

    font-size: 18px;

    line-height: 30px;

    font-weight: 600;

}

.single-service-style2 .overlay-content .inner-content .text-holder .title h3 a{

    color: #ffffff;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}

.single-service-style2 .overlay-content .inner-content .text-holder p{

    color: #ffffff;

    font-size: 14px;

    line-height: 28px;

    font-weight: 300;

    margin: 12px 0 0;

}

.all-service-button{

    position: relative;

    display: block;

    padding-top: 40px;

}







/*** 

=============================================

    Fact Counter Area style

=============================================

***/

.fact-counter-area {

    position: relative;

    display: block;

    background: #ffffff;

}

.fact-counter-area.pdbottom120{

    padding-bottom: 120px;

}

.fact-counter-area.pdtop120{

    padding-top: 120px;

}

.single-fact-counter {

    position: relative;

    display: block;

    overflow: hidden;

    padding-left: 60px;

}

.single-fact-counter .count-box {

    position: relative;

    display: block;

    margin-top: 4px;

}

.single-fact-counter .count-box h1 {

    position: relative;

    display: inline-block;

    float: left;

    font-size: 72px;

    line-height: 60px;

    font-weight: 300;

}

.single-fact-counter .count-box h1 span{

    position: relative;

    display: inline-block;

}

.single-fact-counter .count-box .icon {

    position: relative;

    display: inline-block;

    top: 15px;

    padding-left: 3px;

}

.single-fact-counter .count-box .icon span:before {

    color: #000000;

    font-size: 40px;

    font-weight: 700;

}



.single-fact-counter .title{

    position: relative;

    display: block;

    padding-left: 50px;

}

.single-fact-counter .title h3 {

    color: #000000;

    font-size: 18px;

    line-height: 30px;

    font-weight: 400;

    font-family: 'Open Sans', sans-serif;

}







/*** 

=============================================

    Latest Portfolio Area Css      

=============================================

***/

.latest-portfolio-area{

    position: relative;

    display: block;

    background: #ffffff;

    padding: 115px 0 120px;

}

.latest-portfolio-area.pdtop120{

    padding-top: 120px;

}

.latest-portfolio-area.onepage{

    padding-top: 8px;

}

.project-menu-box {

    position: relative;

    display: block;

    overflow: hidden;

    width: 100%;

    margin: 0 auto;

    border: 1px solid #ededed;

    border-radius: 8px;

    margin-bottom: 50px;

}

.project-filter {

    position: relative;

    display: block;

    text-align: center;

    padding: 21px 0 22px;

}

.project-filter li {

    position: relative;

    display: inline-block;

    float: none;

    margin: 0 25px;

}

.project-filter li:first-child {

    margin-left: 0;

}

.project-filter li:last-child {

    margin-right: 0;

}

.project-filter li .filter-text {

    position: relative;

    display: block;

    color: #000000;

    font-size: 15px;

    line-height: 30px;

    font-weight: 600;

    text-transform: capitalize;

    cursor: pointer;

    transition: all .4s ease;

    font-family: 'Open Sans', sans-serif;

}

.project-filter li .filter-text i:before{

    position: relative;

    top: 3px;

    display: inline-block;

    font-size: 30px;

    padding-right: 6px;

}

.project-filter li .count {

    display: none;

}





.single-portfolio-style1 {

    position: relative;

    display: block;

    padding-bottom: 75px;

    margin-bottom: 20px;

}

.single-portfolio-style1 .img-holder{

    position: relative;

    display: block;

}

.single-portfolio-style1 .img-holder .inner-box{

    position: relative;

    display: block;

    overflow: hidden;

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

}

.single-portfolio-style1 .img-holder .inner-box img{

    width: 100%;

    transform: scale(1.0);    

}

.single-portfolio-style1:hover .img-holder .inner-box img {

    transform: scale(1.2) rotate(1deg);

}

.single-portfolio-style1 .img-holder .overlay-style-one {

    background-color: rgba(3, 13, 40, 0.70);

}

.single-portfolio-style1:hover .img-holder .overlay-style-one{

    opacity: 1;    

}

.single-portfolio-style1 .img-holder .inner-box .zoom-button {

    position: relative;

    display: block;

    margin-top: -70px;

}

.single-portfolio-style1 .img-holder .inner-box .zoom-button a span:before{

    position: relative;

    display: inline-block;

    width: 70px;

    height: 70px;

    text-align: center;

    color: #ffffff;

    font-size: 40px;

    line-height: 70px;

    opacity: 0;

    transform: translateY(25px);

    transition: all 0.5s ease-in-out 0.9s;

}

.single-portfolio-style1:hover .img-holder .inner-box .zoom-button a span:before{

    opacity: 1;

    transform: translateY(0px); 

}

.single-portfolio-style1 .img-holder .inner-box .zoom-button a:hover span:before{

    color: #ffffff; 

    background: #000000;

}



.single-portfolio-style1 .img-holder .title-holder {

    position: absolute;

    left: 20px;

    bottom: -75px;

    right: 20px;

    background: #ffffff;

    display: block;

    padding: 26px 30px 27px;

    padding-right: 10px;

    border-radius: 5px;

    z-index: 2;

}

.single-portfolio-style1 .img-holder .title-holder:before{

	position: absolute;

	left: 0px;

	bottom: 0px;

	width:100%;

	height:0px;

	content:'';

    border-radius: 5px;

	transition: all 700ms ease;

}

.single-portfolio-style1:hover .img-holder .title-holder:before{

	height:100%;

}

.single-portfolio-style1 .img-holder .title-holder span.tag{

    position: relative;

    display: inline-block;

    padding: 0 15px;

    font-size: 13px;

    line-height: 22px;

    font-weight: 400;

    text-transform: uppercase;

    transition: all 0.2s ease-in-out 0.3s;

}

.single-portfolio-style1:hover .img-holder .title-holder span.tag{

    color: #ffffff; 

    background: rgba(255, 255, 255, 0.20);

    transition: all 0.5s ease-in-out 0.5s;

}

.single-portfolio-style1 .img-holder .title-holder h5{

    position: relative;

    font-size: 15px;

    line-height: 22px;

    font-weight: 700;

    margin: 13px 0 10px;

    text-transform: uppercase;

}

.single-portfolio-style1 .img-holder .title-holder h5 a{

    color: #000000;

    transition: all 0.2s ease-in-out 0.3s;

}

.single-portfolio-style1:hover .img-holder .title-holder h5 a{

    color: #ffffff;

    transition: all 0.5s ease-in-out 0.6s;    

}

.single-portfolio-style1 .img-holder .title-holder h5 a:hover{

    color: #000000;    

}

.single-portfolio-style1 .img-holder .title-holder p{

    position: relative;

    color: #798795;

    font-size: 14px;

    line-height: 22px;

    margin: 0;

    transition: all 0.2s ease-in-out 0.3s;

}

.single-portfolio-style1:hover .img-holder .title-holder p{

    color: #ffffff;

    transition: all 0.5s ease-in-out 0.7s;       

}

.single-portfolio-style1 .img-holder .title-holder p span:before{

    position: relative;

    top: 1px;

    left: -2px;

    display: inline-block;

    padding-right: 4px;

    font-size: 16px;

    transition: all 0.2s ease-in-out 0.3s;

}

.single-portfolio-style1:hover .img-holder .title-holder p span:before{

    color: #ffffff;

    transition: all 0.5s ease-in-out 0.9s;        

}

.all-portfolio-button {

    position: relative;

    display: block;

    padding-top: 20px;

}







/*** 

=============================================

    Testimonial Style1 Area Css

=============================================

***/

.testimonial-style1-area{

    position: relative;

    display: block;

    background: #ffffff;

}

.testimonial-style1-title-box{

    position: relative;

    display: block;

    padding-top: 120px;

    padding-bottom: 216px;

    z-index: 1;

}

.testimonial-style1-title-box:before{

    position: absolute;

    top: 0;

    left: -10000px;

    bottom: 0;

    right: 0;

    content: "";

    z-index: -1;

}

.testimonial-style1-title-box .sec-title {

    padding: 0;

}

.testimonial-style1-title-box .sec-title p {

    color: #ffffff;

    font-size: 14px;

    line-height: 20px;

    font-weight: 300;

    text-transform: uppercase;

    margin: 0;

}

.testimonial-style1-title-box .sec-title .big-title {

    padding: 9px 0 0;

}

.testimonial-style1-title-box .sec-title .big-title h1 {

    color: #ffffff;

    font-size: 80px;

    line-height: 95px;

    font-weight: 700;

    text-transform: capitalize;

}





.single-testimonial-style1{

    position: relative;

    display: block;

}

.single-testimonial-style1:before{

    position: absolute;

    top: -10px;

    right: 30px;

    font-family: "Flaticon";

    content: "\f122";

    font-size: 30px;

    line-height: 30px;

    z-index: 1;

}

.single-testimonial-style1 .text {

    position: relative;

    display: block;

    background: #ffffff;

    border: 1px solid #e7e7e8;

    padding: 35px 39px 35px;

    border-radius: 7px;

}

.single-testimonial-style1 .text:after {

    position: absolute;

    left: 29px;

    bottom: -15px;

    background: url(../images/icon/testimonial-arrow.png);

    content: "";

    width: 15px;

    height: 15px;

    z-index: 1;

}

.single-testimonial-style1 .text p{

    color: #798795;

    font-size: 18px;

    line-height: 32px;

    font-weight: 300;

    margin: 0;

}

.single-testimonial-style1 .client-info{

    position: relative;

    display: block;

    padding-top: 30px;

    padding-left: 30px;

}

.single-testimonial-style1 .client-info .icon-box{

    width: 60px;

}

.single-testimonial-style1 .client-info .icon-box span:before{

    position: relative;

    display: block;

    width: 60px;

    height: 60px;

    border: 1px solid #e7e7e8;

    border-radius: 50%;

    font-size: 30px;

    line-height: 58px;

    text-align: center;

}

.single-testimonial-style1 .client-info .icon-box,

.single-testimonial-style1 .client-info .title-box{

    display: table-cell;

    vertical-align: middle;

}

.single-testimonial-style1 .client-info .title-box{

    position: relative;

    padding-left: 15px;

}

.single-testimonial-style1 .client-info .title-box h3{

    font-size: 18px;

    line-height: 20px;

    font-weight: 600;

    margin: 0 0 7px;

}

.single-testimonial-style1 .client-info .title-box p{

    color: #000000;

    font-size: 16px;

    line-height: 20px;

    font-weight: 400;

    margin: 0;

}







.single-vertical-carousel {

    position: relative;

    display: block;

    margin-left: 98px;

    z-index: 1;

}

.single-vertical-carousel:before {

    position: absolute;

    left: 0;

    bottom: 0;

    right: 0;

    height: 10px;

    background: #ffffff;

    content: "";

    z-index: 1;

}

.single-vertical-carousel .slick-list {

    position: relative;

    display: block;

    overflow: hidden;

    margin: 0;

    padding: 10px 0 0;

}



.single-vertical-carousel.slick-vertical .slick-slide {

    display: block;

    height: auto;

    border: 0px solid transparent;

    opacity: 1;

    border-radius: 0px;

    margin: 0;

    margin-bottom: 50px;

}

.single-vertical-carousel.slick-vertical .slick-slide:last-child{

    margin-bottom: 0;

}

.single-vertical-carousel .slide.slick-slide.slick-current.slick-active{

    opacity: 1.0;

}

.single-vertical-carousel .slick-dots{

	display:none !important;

}

.single-vertical-carousel .prev-btn {

    position: absolute;

    top: 475px;

    left: -690px;

    height: 60px;

    width: 50px;

    border-radius: 7px;

    color: #ffffff;

    background: none;

    background-color: rgba(255, 255, 255, 0.10);

    border: 0px solid #eeeeee;

    font-size: 30px;

    text-align: center;

    cursor: pointer;

    line-height: 56px;

    margin-top: 0px;

    transition: all 0.3s ease;

    z-index: 10;

    transform: rotate(-90deg);

}

.single-vertical-carousel .next-btn {

    position: absolute;

    top: 475px;

    left: -610px;

    width: 50px;

    height: 60px;

    border-radius: 7px;

    color: #ffffff;

    background: none;

    background-color: rgba(255, 255, 255, 0.10);

    border: 0px solid #eeeeee;

    font-size: 30px;

    text-align: center;

    cursor: pointer;

    line-height: 56px;

    margin-bottom: 0;

    transition: all 0.3s ease;

    z-index: 10;

    transform: rotate(-90deg);

}

.single-vertical-carousel .next-btn:hover,

.single-vertical-carousel .prev-btn:hover{

    background-color: rgba(255, 255, 255, 0.40);

}







/*** 

=============================================

    Team Area Css

=============================================

***/

.team-area{

    position: relative;

    display: block;

    background: #ffffff;

    padding: 80px 0 80px;

}

.team-area.pdtop0{

    padding-top: 0;

}

.team-area.pdtop120{

    padding-top: 120px;

}

.single-team-member {

    position: relative;

    display: block;

    margin-bottom: 40px;

}

.single-team-member .img-holder {

    position: relative;

    display: block;

    overflow: hidden;

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

}

.single-team-member .img-holder::after {

    position: absolute;

    top: 0;

    left: -100%;

    display: block;

    content: '';

    width: 50%;

    height: 100%;

    background: linear-gradient(to right, rgba(3,13,40, 0) 0%, rgba(3,13,40, .3) 100%);

    transform: skewX(-25deg);

}

.single-team-member:hover .img-holder::after{

	-webkit-animation: shine 1.5s;

	animation: shine 1.5s;

}



.single-team-member .img-holder img{

    width: 100%;

    transform: scale(1.0);

    transition: all 700ms ease;

}

.single-team-member:hover .img-holder img{



}



.single-team-member .title-holder{

    position: relative;

    display: block;

    overflow: hidden;

    background: #ffffff;

    -webkit-box-shadow: 0px 4px 7px 1px #ebebeb; 

    box-shadow: 0px 4px 7px 1px #ebebeb;

    transition: all 0.4s ease-in-out 0.3s;

    z-index: 1;

}

.single-team-member:hover .title-holder{

    box-shadow: none;

    transition: all 0.4s ease-in-out 0.3s;    

}

.single-team-member .title-holder:before{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    content: "";

    opacity: 0;

    transform: translateY(115px);

    transition: all 0.4s ease-in-out 0.3s;

    z-index: -1;

}

.single-team-member:hover .title-holder:before{

    opacity: 1;

    transform: translateY(0px);

    transition: all 0.4s ease-in-out 0.3s;

}

.single-team-member .title-holder .inner {

    position: relative;

    display: block;

    overflow: hidden;

    background: transparent;

    padding-left: 30px;

    padding-top: 25px;

    padding-bottom: 25px;

    z-index: 1;

}

.single-team-member .title-holder .inner .left{

    position: relative;

    display: block;       

}

.single-team-member .title-holder .inner .left h3{

    color: #000000;

    font-size: 18px;

    line-height: 26px;

    font-weight: 700;

    margin: 0 0 10px;

    transition: all 0.4s ease-in-out 0.3s;

}

.single-team-member:hover .title-holder .inner .left h3{

    color: #ffffff;

    transition: all 0.4s ease-in-out 0.6s;

}

.single-team-member .title-holder .inner .left .social-links{

    position: relative;

    display: block;       

}

.single-team-member .title-holder .inner .left .social-links .social-links-style1 li {

    margin-right: 20px;

}

.single-team-member .title-holder .inner .left .social-links .social-links-style1 li:last-child{

    margin-right: 0;

}

.single-team-member .title-holder .inner .left .social-links .social-links-style1 li a {

    color: #a4adb7;

    font-size: 20px;

    transition: all 200ms linear;

    transition-delay: 0.1s;

    transition: all 0.4s ease-in-out 0.3s;

}

.single-team-member:hover .title-holder .inner .left .social-links .social-links-style1 li a{

    color: #ffffff;

    transition: all 0.4s ease-in-out 0.8s;

}

.single-team-member .title-holder .inner .left .social-links .social-links-style1 li a:hover{

    color: #000000;    

}



.single-team-member .title-holder .inner .right a{

    position: absolute;

    bottom: 0;

    right: 0;

    width: 70px;

    height: 70px;

    text-align: center;

    color: #ffffff;

    font-size: 40px;

    line-height: 70px;

    font-weight: 300;

}







/*** 

=============================================

    Latest blog Area style

=============================================

***/

.latest-blog-area {

    position: relative;

    display: block;

    background: #ffffff;

    padding-top: 0px;

    padding-bottom: 68px;

}

.latest-blog-area.pdtop120{

    padding-top: 120px;

}



.single-blog-post {

    position: relative;

    display: block;

    margin-bottom: 43px;

}

.single-blog-post .img-holder {

    position: relative;

    display: block;

    overflow: hidden;

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

}

.single-blog-post .img-holder img {

    width: 100%;

    transition: .5s ease;

    transform: scale(1.05);

}

.single-blog-post:hover .img-holder img {

    transform: scale(1);    

}

.single-blog-post:hover .overlay-style-one{

    opacity: 1;

}



.single-blog-post .img-holder .post-date{

    position: absolute;

    top: 20px;

    left: 20px;

    z-index: 2;

}

.single-blog-post .img-holder .post-date p{

    position: relative;

    display: inline-block;

    padding: 5px 15px 5px;

    color: #ffffff;

    font-size: 13px;

    line-height: 20px;

    font-weight: 400;

    margin: 0;

}

.single-blog-post .img-holder .post-date p span:before{

    position: relative;

    display: inline-block;

    padding-right: 5px;

}







.single-blog-post .text-holder {

    position: relative;

    display: block;

    padding-top: 25px;

    background: #ffffff;

    transition: all 0.5s ease-in-out 0.2s;

}

.single-blog-post .text-holder .blog-title {

    position: relative;

    display: block;

    color: #010101;

    font-size: 24px;

    line-height: 32px;

    font-weight: 600;

    margin: 0 0 13px;

}

.single-blog-post .text-holder .blog-title a{

    color: #010101;

    transition: all 500ms ease;

}

.single-blog-post .text-holder p{

    color: #798795;

    font-size: 18px;

    line-height: 32px;

    margin: 0;

}





.single-blog-post .text-holder .bottom {

    position: relative;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

    margin-top: 14px;

}

.single-blog-post .text-holder .bottom .author-name{

    position: relative;

    display: block;       

}

.single-blog-post .text-holder .bottom .author-name a{

    color: #000000;

    font-size: 14px;

    font-weight: 500;

}

.single-blog-post .text-holder .bottom .author-name a span:before{

    position: relative;

    display: inline-block;

    font-weight: 700;

    padding-right: 4px;

}

.single-blog-post .text-holder .bottom .read-more-button{

    position: relative;

    display: block;

}

.single-blog-post .text-holder .bottom .read-more-button a{

    font-size: 14px;

    font-weight: 700;

}

.single-blog-post .text-holder .bottom .read-more-button a span:before{

    position: relative;

    display: inline-block;

    padding-left: 5px;

}







.single-blog-post.style2 {

    margin-bottom: 42px;

}

.single-blog-post.style2 .text-holder .blog-title {

    font-size: 18px;

    line-height: 28px;

    margin: 0;

}







/*** 

=============================================

    Partner Area Css

=============================================

***/

.partner-area {

    position: relative;

    display: block;

    background: #ffffff;

    padding-top: 0px;

    padding-bottom: 75px;

}

.partner-box {

    position: relative;

    overflow: hidden;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    flex-wrap: wrap;

    align-items: center;

}

.single-partner-logo-box {

    position: relative;

    overflow: hidden;

    flex: 0 0 20%;

    max-width: 20%;

    width: 100%;

    margin-bottom: 40px;

}

.single-partner-logo-box a {

    position: relative;

    display: inline-block;

}

.single-partner-logo-box a img {

    opacity: .35;

    transition: all 0.2s ease-in-out 0.1s;

}

.single-partner-logo-box:hover a img{

    opacity: .0;

    transition: all 0.8s ease-in-out 0.1s;

}



.single-partner-logo-box .overlay-box{

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    transform: translateY(80px);

    transition: all 0.4s ease-in-out 0.1s;

}

.single-partner-logo-box:hover .overlay-box{

    transform: translateX(0px);      

}

.single-partner-logo-box .overlay-box a{

    position: relative;

    display: inline-block;  

}

.single-partner-logo-box .overlay-box a img{

    opacity: 1;    

}







/*** 

=============================================

    Footer area style

=============================================

***/

.footer-area {

    position: relative;

    display: block;

    background: #030e27;

    z-index: 10;

}



@-webkit-keyframes bgSlideReverse {

  0% {

    background-position: 0 0;

  }

  20% {

    background-position: 100px 0;

  }

  40% {

    background-position: 200px 0;

  }

  60% {

    background-position: 150px 0;

  }

  80% {

    background-position: 100px 0;

  }

  100% {

    background-position: 0px 0;

  }

}

@keyframes bgSlideReverse {

  0% {

    background-position: 0 0;

  }

  20% {

    background-position: 100px 0;

  }

  40% {

    background-position: 200px 0;

  }

  60% {

    background-position: 150px 0;

  }

  80% {

    background-position: 100px 0;

  }

  100% {

    background-position: 0px 0;

  }

}



.footer{

    position: relative;

    display: block;

    padding: 40px 0;

    z-index: 1;

}

.single-footer-widget {

    position: relative;

    display: block;

    overflow: hidden;

}

.single-footer-widget .title {

    position: relative;

    display: block;

    margin-top: -3px;

    padding-bottom: 16px;

}

.single-footer-widget .title h3 {

    color: #ffffff;

    font-size: 18px;

    line-height: 20px;

    font-weight: 700;

    text-transform: uppercase;

}



.single-footer-widget .our-company-info{

    position: relative;

    display: block;

}

.single-footer-widget .our-company-info .footer-logo {

    position: relative;

    display: block;

    padding-bottom: 20px;

}

.single-footer-widget .our-company-info .footer-logo a{

    display: inline-block;

}

.single-footer-widget .our-company-info .text{

    position: relative;

    display: block;

	width: 87%;

}

.single-footer-widget .our-company-info .text p{

    color: #798795;

    font-size: 15px;

	text-align: justify;

    line-height: 22px;

    font-weight: 300;

    margin: 0;

}

.single-footer-widget .our-company-info .footer-social-links{

    position: relative;

    display: block;

    padding-top: 40px;

}





.single-footer-widget .pages-box{

    position: relative;

    display: block;

}

.single-footer-widget .page-links{

    position: relative;

    display: block;    

}

.single-footer-widget .page-links li {

    position: relative;

    display: block;

    margin-bottom: 6px;

}

.single-footer-widget .page-links li:last-child{

    margin-bottom: 0;

}

.single-footer-widget .page-links li a{

    position: relative;

    display: inline-flex;

    padding-left: 0px;

    color: #798795;

    font-size: 16px;

    line-height: 24px;

    font-weight: 300;

    transition: all 200ms linear;

    transition-delay: 0.3s;

}

.single-footer-widget .page-links li a p{

	margin-bottom: 0;

}

.single-footer-widget .page-links li a i{

	margin-top: 6px;

}

.footer-bottom {

    position: relative;

    display: block;

    overflow: hidden;

}

.footer-bottom .outer-box {

    position: relative;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

}

.copyright-text {

    position: relative;

    display: block;

    padding: 10px 0;

    padding-right: 70px;

    z-index: 1;

}

.copyright-text:before{

    position: absolute;

    top: 0;

    left: -10000px;

    bottom: 0;

    right: 0;

    content: "";

    -moz-transform: skew(25deg, 0deg);

    -webkit-transform: skew(25deg, 0deg);

    -o-transform: skew(25deg, 0deg);

    -ms-transform: skew(25deg, 0deg);

    transform: skew(25deg, 0deg);

    z-index: -1;

}

.copyright-text p{

    color: #ffffff;

    font-size: 16px;

    line-height: 30px;

    font-weight: 300;

    margin: 0;

}

.copyright-text p a {

    color: #ffffff;

    font-weight: 500;

    transition: all 500ms ease;

}

.copyright-text p a:hover{

    color: #ffffff;    

}





.footer-menu {

    position: relative;

    display: block;

}

.footer-menu ul{

    position: relative;

    display: block;

    overflow: hidden;

}

.footer-menu ul li{

    position: relative;

    display: inline-block;

    float: left;

    line-height: 30px;

    padding-right: 11px;

    margin-right: 10px;

}

.footer-menu ul li:last-child{

    padding-right: 0;

    margin-right: 0;

}

.footer-menu ul li:before {

    position: absolute;

    top: 9px;

    right: 0;

    bottom: 7px;

    width: 1px;

    background: rgba(255, 255, 255, 0.10);

    content: "";

}

.footer-menu ul li:last-child:before{

    display: none;

}

.footer-menu ul li a{

    color: #798795;

    font-size: 14px;

    font-weight: 400;

    line-height: 0;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}







/*** 

=============================================

    Header Style2 Css

=============================================

***/

.header-style2{

    

}

.header-upper-style2 {

    position: relative;

    display: block;

    background: rgba(255, 255, 255, 0.30);

    padding: 0;

}

.header-upper-left-style2 {

    position: relative;

    display: block;    

}

.header-upper-left-style2 .logo {

    position: relative;

    display: block;

    padding: 30px 0;

}

.header-upper-right-style2{

    position: relative;

    display: block;    

}

.header-upper-right-style2 .nav-outer{

    position: relative;

    display: block;

    float: left;

}

.main-menu.style2 .navigation>li>a {

    color: #000000;

    padding: 40px 0px 40px;

}





.main-menu.style2 .navigation>li>a.home-icon{

    padding: 0;

}

.main-menu.style2 .navigation>li>a span.homeicon {

    color: #ffffff;

    font-size: 30px;

    text-align: center;

    font-weight: 400;

    width: 70px;

    padding: 39px 0 40px;

}







.menu-right-content {

    position: relative;

    display: block;

    float: right;

}

.menu-right-content .outer-search-box-style1 {

    padding: 40px 0;

    margin-left: 50px;

    margin-right: 20px;

}

.menu-right-content .outer-search-box-style1 .seach-toggle {

    color: #000000;

}

.quote-button.style2 {

    position: relative;

    display: block;

    float: right;

    padding: 15px 0;

}

.quote-button.style2 a {

    color: #ffffff;

    padding: 0 30px;

}

.quote-button.style2 a:hover{

    background: #030e27;    

}







/*** 

=====================================================

	Main Slider Style2 style

=====================================================

***/

.main-slider.style2 {

    margin-top: 50px;

}

.main-slider.style2 .slider-box{

    position: relative;

    display: block;

}

.main-slider.style2 .slide {

    padding: 262px 0px 160px;

}

.main-slider.style2 .slide .image-layer:before {

    display: none;

}

.main-slider.style2 .content h2 {

    color: #010101;

}

.main-slider.style2 .content h3 {

    color: #010101;

}

.main-slider.style2 .content .text p {

    color: #798795;

}

.main-slider.style2 .content .btns-box .btn-two {

    color: #000000;

    border: 2px solid #000000;

}

.main-slider.style2 .content .btns-box .btn-two:hover{

    color: #ffffff;

    background: #000000;

}





.video-holder-box-style4 {

    position: absolute;

    left: 28px;

    bottom: 142px;

    z-index: 100;

    transform: rotate(-90deg);

}

.video-holder-box-style4 a {

    position: relative;

    display: block;

    float: left;

    text-align: center;

    height: 80px;

    width: 80px;

    border-radius: 50%;

    padding: 11px;

    border: 1px dashed #777777;

    transition: all 500ms ease;

}

.video-holder-box-style4 a span:before {

    position: relative;

    display: block;

    width: 100%;

    height: 100%;

    border-radius: 50%;

    color: #ffffff;

    font-size: 18px;

    line-height: 56px;

    transition: all 500ms linear;

    transition-delay: 0.1s;

}

.video-holder-box-style4 a:hover span:before{

    background: #000000;

}

.video-holder-box-style4 h6 {

    position: relative;

    display: inline-block;

    float: left;

    color: #000000;

    font-size: 14px;

    font-weight: 600;

    margin: 32px 0;

    padding-left: 15px;

}









/*** 

=====================================================

	Partner Style2 Area style

=====================================================

***/

.partner-style2-area{

    position: relative;

    display: block;

    padding: 120px 0 0;

}







/*** 

=====================================================

	About Style2 Area style

=====================================================

***/

.about-style2-area{

    position: relative;

    display: block;

}

.about-style2-image-box{

    position: relative;

    display: block;

}

.about-style2-image-box img{

    max-width: none;

    float: right;

}

.about-style2-image-box .inner-box{

    position: absolute;

    top: 85px;

    left: 0;

    bottom: 0;

    right: 0;

}

.about-style2-image-box .inner-box .image-box1 {

    position: relative;

    display: inline-block;

    z-index: 1;

}

.about-style2-image-box .inner-box .image-box1:before{

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    width: 30px;

    background: #ffffff;

    content: "";

}

.about-style2-image-box .inner-box .image-box1:after{

    position: absolute;

    left: 0;

    bottom: 0;

    right: 0;

    height: 30px;

    background: #ffffff;

    content: "";

}

.about-style2-image-box .inner-box .image-box1 img {

    width: 100%;

    max-width: none;

    float: none;

}

.about-style2-image-box .inner-box .image-box1:hover img{}

.about-style2-image-box .inner-box .image-box2 {

    position: relative;

    display: inline-block;

    overflow: hidden;

    z-index: 1;

}

.about-style2-image-box .inner-box .image-box2:before {

    position: absolute;

    top: 0;

    right: -30px;

    bottom: 0;

    width: 30px;

    background: #ffffff;

    content: "";

}

.about-style2-image-box .inner-box .image-box2 img{

    width: 100%;

    max-width: none;

    float: none;

    -webkit-transition: all 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.22);

    -o-transition: all 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.22);

    transition: all 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.22);

}

.about-style2-image-box .inner-box .image-box2:hover img{}

.video-holder-box.style2 {

    position: absolute;

    bottom: 0;

    right: 0;

    width: 100px;

    height: 100px;

}

.video-holder-box.style2 .icon .inner a span:before {

    background: #ffffff;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}

.video-holder-box.style2 .icon .inner a:hover span:before{

    color: #ffffff;

    background: #030e27;    

}





.about-style1-text-box.style2 {

    padding-top: 116px;

    padding-left: 100px;

}

.about-style1-text-box.style2 .title:before {

    display: none;

}

.about-style1-text-box.style2 .title p {

    color: #ffffff;

}

.about-style1-text-box.style2 .title h1 {

    color: #ffffff;

    margin: 17px 0 0;

}

.about-style1-text-box.style2 .title h1 span {

    color: #ffffff;

}

.about-style1-text-box.style2 .title h1 b {

    color: #000000;

}

.about-style1-text-box.style2 .inner-contant p {

    color: #ffffff;

    margin: 0;

}





.fact-box-style2{

    position: relative;

    display: block;

    padding-top: 60px;

}

.fact-box-style2 ul{

    position: relative;

    display: block;

    overflow: hidden;

}

.fact-box-style2 ul .single-fact-counter {

    position: relative;

    display: inline-block;

    float: left;

    width: 170px;

    padding: 0;

    margin-right: 30px;

}

.fact-box-style2 ul .single-fact-counter:last-child{

    margin-right: 0;

}

.fact-box-style2 ul .single-fact-counter .count-box {

    display: block;

    margin-top: 0px;

}

.fact-box-style2 ul .single-fact-counter .count-box h1 {

    display: inline-block;

    float: none;

    color: #000000;

}

.fact-box-style2 ul .single-fact-counter .count-box .icon {

    position: relative;

    top: -10px;

    display: inline-block;

    padding-left: 3px;

}

.fact-box-style2 ul .single-fact-counter .count-box .icon span:before {

    color: #ffffff;

    font-size: 40px;

}

.fact-box-style2 ul .single-fact-counter .title {

    padding-top: 0px;

    padding-left: 0px;

}

.fact-box-style2 ul .single-fact-counter .title h3 {

    color: #ffffff;

}







/*** 

=============================================

    Service Style3 Area Css

=============================================

***/

.service-style3-area{

    position: relative;

    display: block;

}

.service-style3-area .auto-container {

    position: static;

    max-width: 1800px;

    padding: 0px 20px;

    margin: 0 auto;

}

.single-service-style3{

    position: relative;

    display: block;

    z-index: 2;

}

.single-service-style3 .img-holder{

    position: relative;

    display: block;

    overflow: hidden;

}

.single-service-style3 .img-holder img{

    width: 100%;

    -webkit-transition: all 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.22);

    -o-transition: all 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.22);

    transition: all 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.22);  

}

.single-service-style3:hover .img-holder img{

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

}



.single-service-style3 .overlay-content{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(3, 13, 40, 0.80);

    opacity: 0;

	-webkit-transform:translateY(-100%);

	-ms-transform:translateY(-100%);

	-o-transform:translateY(-100%);

	-moz-transform:translateY(-100%);

	transform:translateY(-100%);

    transition: all 0.7s cubic-bezier(0.62, 0.21, 0.45, 1.22);  

}

.single-service-style3:hover .overlay-content{

	opacity:1;

	-webkit-transform:translateY(0%);

	-ms-transform:translateY(0%);

	-o-transform:translateY(0%);

	-moz-transform:translateY(0%);

	transform:translateY(0%);

    transition: all 0.7s cubic-bezier(0.62, 0.21, 0.45, 1.22);  

}



.single-service-style3 .overlay-content .icon-holder{

    position: absolute;

    top: 0;

    right: 0;

    width: 70px;

    height: 70px;

    color: #ffffff;

    font-size: 30px;

    line-height: 70px;

    text-align: center;

}

.single-service-style3 .overlay-content .title-holder{

    position: absolute;

    left: 0;

    bottom: 0;

    right: 0;

    display: block;

    padding: 0 30px 42px;

    opacity: 0;

	transform:translateY(100%);

	transition: all 800ms ease;

}

.single-service-style3:hover .overlay-content .title-holder{

    opacity: 1;

	transform:translateY(0%); 

	transition-delay: 700ms;

}

.single-service-style3 .overlay-content .title-holder p{

    font-size: 14px;

    line-height: 20px;

    font-weight: 400;

    text-transform: uppercase;

    margin: 0 0 9px;

}

.single-service-style3 .overlay-content .title-holder h3{

    font-size: 24px;

    line-height: 32px;

    font-weight: 600;

}

.single-service-style3 .overlay-content .title-holder h3 a{

    color: #ffffff;

    transition: all 300ms ease;

}

.service-carousel.owl-nav-style-one.owl-theme .owl-nav {

    position: absolute;

    top: -120px;

    left: 0;

    right: 0;

    max-width: 1170px;

    margin: 0 auto;

    text-align: right;

}







/*** 

=============================================

    Testimonial Style2 Area Css

=============================================

***/

.testimonial-style2-area{

    position: relative;

    display: block;

    padding: 120px 0 120px;

}

.testimonial-style2-area.pdtop90{

    padding-top: 90px;

}

.testimonial-style2-area .sec-title {

    padding-bottom: 54px;

}

.testimonial-carousel{

    padding: 0 100px;

}







/*** 

=============================================

    Faq Content Area Css

=============================================

***/

.faq-content-area{

    position: relative;

    display: block;

    background: #ffffff;

    padding: 0px 0 120px;

}

.faq-image-box{

    position: absolute;

    left: 0;

    bottom: 0;

    right: 0;

}







/*** 

=============================================

    Video Gallery Area Css      

=============================================

***/

.video-gallery-area{

    position: relative;

    display: block;

    padding: 250px 0 250px;

    background-attachment: fixed;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center top;

    z-index: 1;    

}

.video-gallery-area:before{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%; 

    background-color: rgba(3, 13, 40, 0.80);

    content: "";

    z-index: -1;

    transition-delay: .1s;

    transition-timing-function: ease-in-out;

    transition-duration: .7s;

    transition-property: all;

}

.video-holder-box-style3 {

    position: relative;

    display: block;

}

.video-holder-box-style3 a {

    position: relative;

    display: block;

    text-align: center;

    height: 200px;

    width: 200px;

    margin: 0 auto;

    border-radius: 50%;

    padding: 50px;

    background-color: rgba(255, 255, 255, 0.05);

    transition: all 500ms ease;

    -webkit-animation: pulse 2s infinite;

    -o-animation: pulse 2s infinite;

    animation: pulse 2s infinite;

    transition: all 1s ease;

}

.video-holder-box-style3 a span:before {

    position: relative;

    display: block;

    width: 100%;

    height: 100%;

    border-radius: 50%;

    color: #ffffff;

    font-size: 30px;

    line-height: 100px;

}







/*** 

=============================================

    Slogan Area Css

=============================================

***/

.slogan-area{

    position: relative;

    display: block;

}

.slogan-area.style2{

    background: #030e27;

    overflow: hidden;

}

.slogan-content{

    position: relative;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap; 

    min-height: 140px;

    z-index: 1;

}

.slogan-content:before {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    font-family: "Flaticon";

    content: "\f124";

    color: rgba(255, 255, 255, 0.10);

    font-size: 100px;

    line-height: 100px;

    padding: 20px 0;

}

.slogan-content .title{

    position: relative;

    display: block;

    z-index: 1;

}

.slogan-content .title h1{

    color: #ffffff;

    font-size: 48px;

    line-height: 56px;

    font-weight: 400;

    font-family: 'Open Sans', sans-serif;

}

.slogan-content .quote-button{

    position: relative;

    display: block;

    margin: 0;

}

.slogan-content .quote-button a {

    background: #ffffff;

    line-height: 70px;

}

.slogan-content .quote-button a:hover{

    color: #ffffff;

}

.slogan-content.style2 .quote-button a{

    color: #ffffff;

}

.slogan-content.style2 .quote-button a:hover{

    background: #020a1c;

}

.slogan-content.style2 .quote-button a span:before {

    color: #ffffff;

}









/*** 

=============================================

    header Style3 Css

=============================================

***/

.header-style3{ }

.header-upper-style2.bg-transparent {

    background: transparent;

}

.main-menu.style2.clr-white .navigation>li>a {

    color: #ffffff;

}

.main-menu.style2.clr-white .navigation>li>a.homeicon {

    color: #ffffff;

}

.main-menu.style2.clr-white .navigation>li:hover>a.homeicon,

.main-menu.style2.clr-white .navigation>li.current>a.homeicon{

    color: #ffffff;    

}

.quote-button.style3 a {

    color: #ffffff;

    line-height: 110px;

}

.quote-button.style3 a span:before {

    color: #ffffff;

    top: 2px;

    padding-left: 10px;

}

.quote-button.style3 a:hover{

    background: #030e27;

}

.menu-right-content .outer-search-box-style1.clr-white .seach-toggle {

    color: #ffffff;

}







/*** 

=============================================

    Main Slider Style3 Css

=============================================

***/

.main-slider.style3 {

    margin-top: 0;

}

.main-slider.style3 .slide {

    padding: 252px 0px 400px;

}

.main-slider.style3 .slide .image-layer:before {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(3, 13, 40, 0.80);

    content: "";

    z-index: -1;

}

.main-slider.style3 .content .btns-box {

    margin-top: 62px;

}

.main-slider.style3 .active .content .btns-box{

	transition-delay: 2000ms;

}

.video-holder-box-style4.clr-white h6 {

    color: #ffffff;

}







/*** 

=============================================

    Service Style2 Area Style3 Css

=============================================

***/

.service-style2-area.style3{

    padding: 0px 0 120px;    

}

.service-style2-area.style3 .service-box{

    margin-top: -250px;

}







/*** 

=============================================

    About Style1 Area Style3 Css

=============================================

***/

.about-style1-area.style3{

    margin-top: 120px;

    background: #ffffff;    

}

.about-style3-image-box{

    position: absolute;

    left: 0;

    bottom: 0; 

}

.about-style3-image-box img{

    width: auto;

}

.about-style1-text-box.style3 {

    padding-top: 0;

    padding-left: 230px;

}





/*** 

=============================================

    Video Gallery Style2 Area Css

=============================================

***/

.video-gallery-style2-area {

    position: relative;

    display: block;

    padding-top: 310px;

}

.video-galler-outer-bg {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 625px;

    padding-top: 120px;

    background-attachment: scroll;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center top;

    z-index: 1;

}

.video-galler-outer-bg:before{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    content: "";

    z-index: -1;

}

.video-galler-outer-bg .title-holder {

    position: relative;

    display: block;

    margin-top: -9px;

    padding-top: 30px;

}

.video-galler-outer-bg .title-holder .icon {

    position: absolute;

    left: 0;

    top: 9px;

    right: 0;

    text-align: center;

}

.video-galler-outer-bg .title-holder h2{

    color: #ffffff;

    font-size: 48px;

    line-height: 58px;

    font-weight: 500;

}

.video-holder-box-style5 {

    position: relative;

    display: block;

    max-width: 970px;

    width: 100%;

    margin: 0 auto;

    padding: 315px 0 315px;

    background-size: cover;

    background-position: center top;

    background-repeat: no-repeat;

    background-attachment: scroll;

    z-index: 2;

}

.video-holder-box-style5 .icon {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

}

.video-holder-box-style5 .icon:before{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    content: "";

    background-color: rgba(0, 0, 0, 0.80);

    transition-delay: .1s;

    transition-timing-function: ease-in-out;

    transition-duration: .7s;

    transition-property: all;

    opacity: 0;

    z-index: 1;    

}

.video-holder-box-style5:hover .icon:before{

    opacity: 1;    

}

.video-holder-box-style5 .icon .inner {

    z-index: 5;

}

.video-holder-box-style5 .icon .inner a {

    position: relative;

    display: inline-block;

    text-align: center;

    height: 200px;

    width: 200px;

    padding: 50px;

    background: rgba(255, 255, 255, 0.50);

    border-radius: 50%;

    transition: all 500ms ease;

    -webkit-animation: pulse 2s infinite;

    -o-animation: pulse 2s infinite;

    animation: pulse 2s infinite;

    transition: all 1s ease;

}

.video-holder-box-style5 .icon .inner a span:before {

    position: relative;

    display: block;

    width: 100%;

    height: 100%;

    border-radius: 50%;

    color: #ffffff;

    font-size: 30px;

    line-height: 100px;

}









/*** 

=============================================

    Latest Portfolio Style2 Area Css

=============================================

***/

.latest-portfolio-style2-area{

    position: relative;

    display: block;

    padding: 120px 0 90px;

}

.single-portfolio-style2{}



.single-portfolio-style2{

    position: relative;

    display: block;

    margin-bottom: 30px;

    z-index: 2;

}

.single-portfolio-style2 .img-holder{

    position: relative;

    display: block;

    overflow: hidden;

}

.single-portfolio-style2 .img-holder img{

    position: relative;

    display: block;

    width: 100%;

    -webkit-transform: scale(1.2, 1.1);

    -ms-transform: scale(1.2, 1.1);

    transform: scale(1.2, 1.1);

    -webkit-transition: all 600ms ease;

    -ms-transition: all 600ms ease;

    -o-transition: all 600ms ease;

    -moz-transition: all 600ms ease;

    transition: all 600ms ease;

}

.single-portfolio-style2:hover .img-holder img{

	-webkit-transform:scale(1,1);

	-ms-transform:scale(1,1);

	transform:scale(1,1);

}

.single-portfolio-style2 .overlay-content{

	position:absolute;

	left:0px;

	top:0px;

	width:100%;

	height:100%;

	opacity:0;

    background: rgba(3, 13, 40, 0.80);

	-webkit-transition:all 700ms ease;

	-ms-transition:all 700ms ease;

	-o-transition:all 700ms ease;

	transition:all 700ms ease;

	-webkit-transform:translateY(-100%);

	-ms-transform:translateY(-100%);

	-o-transform:translateY(-100%);

	-moz-transform:translateY(-100%);

	transform:translateY(-100%);

}

.single-portfolio-style2:hover .overlay-content{

	opacity:1;

	-webkit-transform:translateY(0%);

	-ms-transform:translateY(0%);

	-o-transform:translateY(0%);

	-moz-transform:translateY(0%);

	transform:translateY(0%);

}

.single-portfolio-style2 .overlay-content .icon-holder{

    position: absolute;

    top: 0;

    right: 0;

    width: 70px;

    height: 70px;

    color: #ffffff;

    font-size: 30px;

    line-height: 70px;

    text-align: center;

}

.single-portfolio-style2 .overlay-content .title-holder{

    position: absolute;

    left: 0;

    bottom: 0;

    right: 0;

    display: block;

    padding: 0 30px 42px;

    opacity: 0;

	transform:translateY(100%);

	transition: all 800ms ease;

}

.single-portfolio-style2:hover .overlay-content .title-holder{

    opacity: 1;

	transform:translateY(0%); 

	transition-delay: 700ms;

}

.single-portfolio-style2 .overlay-content .title-holder p{

    font-size: 14px;

    line-height: 20px;

    font-weight: 400;

    text-transform: uppercase;

    margin: 0 0 9px;

}

.single-portfolio-style2 .overlay-content .title-holder h3{

    font-size: 24px;

    line-height: 32px;

    font-weight: 600;

}

.single-portfolio-style2 .overlay-content .title-holder h3 a{

    color: #ffffff;

    transition: all 300ms ease;

}

.portfolio-carousel.owl-nav-style-one.owl-theme .owl-nav {

    position: absolute;

    top: -120px;

    left: 0;

    right: 0;

    max-width: 1170px;

    margin: 0 auto;

    text-align: right;

}







/*** 

=============================================

    Testimonial Style2 Area Style3 Css

=============================================

***/

.testimonial-style2-area.style3{

    position: relative;

    display: block;

    padding: 120px 0 120px;

    background-attachment: fixed;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center top;

    z-index: 1;        

}

.testimonial-style2-area.style3:before{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%; 

    background-color: rgba(3, 13, 40, 0.80);

    content: "";

    z-index: -1;

    transition-delay: .1s;

    transition-timing-function: ease-in-out;

    transition-duration: .7s;

    transition-property: all;

}

.single-testimonial-style1.style3 .text {

    background-color: rgba(3, 13, 40, 0.30);

    border: 1px solid #22283c;

}

.single-testimonial-style1.style3 .text:after {

    background: url(../images/icon/testimonial-arrow-2.png);

}

.single-testimonial-style1.style3 .text p {

    color: rgba(255, 255, 255, 0.85);

}

.single-testimonial-style1.style3 .client-info .icon-box span:before {

    color: #ffffff;

}

.single-testimonial-style1.style3 .client-info .title-box h3 {

    color: #ffffff;

}

.single-testimonial-style1.style3 .client-info .title-box p {

    color: rgba(255, 255, 255, 0.35);

}







/*** 

=============================================

    Service Style1 Area Style4 Css

=============================================

***/

.service-style1-area.style4{

    padding: 120px 0 120px;    

}

.service-style1-area.style4 .title {

    padding: 70px 0 140px;

}

.service-style3-image-box {

    position: absolute;

    bottom: 0;

    right: 0;

}







/*** 

=============================================

    Breadcrumb area style

=============================================

***/

.breadcrumb-area {

    position: relative;

    background-attachment: scroll;

    background-position: center top;

    background-repeat: no-repeat;

    background-size: cover;

    padding: 155px 0 113px;

    margin-top: 89px;

    z-index: 10;

}

.breadcrumb-area::before {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    background: rgba(3, 13, 40, 0.46) none repeat scroll 0 0;

    content: "";

    z-index: -1;

} 

.breadcrumb-area .inner-content {

    position: relative;

    display: block;

}

.breadcrumb-area .title {

    position: relative;

    display: block;

    text-align: center;

    margin: 0 0 35px;

}

.breadcrumb-area .title h1{

    color: #ffffff;

    font-size: 90px;

    line-height: 80px;

    font-weight: 700;

    text-transform: capitalize;

}



.breadcrumb-area .breadcrumb-menu {

    position: relative;

    display: block;

    line-height: 0;

}

.breadcrumb-area .breadcrumb-menu ul {

    position: relative;

    display: block;

    overflow: hidden;

    text-align: center;

}

.breadcrumb-area .breadcrumb-menu ul li {

    position: relative;

    display: inline-block;

    float: none;

    color: #ffffff!important;

    font-size: 16px;

    line-height: 24px;

    font-weight: 700;

    text-transform: capitalize;

    letter-spacing: 1px;

    transition: all 500ms ease;

    padding: 0 3px;

    font-family: 'Poppins', sans-serif;

}
.flaticon-next-1{
      font-family:'Font Awesome 5 Free';
}
.flaticon-next-1:before {
    content: "\f178";
  
}

.breadcrumb-area .breadcrumb-menu ul li a{

    color: #ffffff;

    transition: all 500ms ease;

}







/*** 

=============================================

    Service Style1 Area Service Page1 Style

=============================================

***/

.service-style1-area.service-page1 {

    padding-bottom: 62px;

}

.service-style1-area.service-page1 .single-service-style1{

    margin-bottom: 50px;    

}







/*** 

=============================================

    Service Style2 Area Service Page2 Style

=============================================

***/

.service-style2-area.service-page2{

    padding-bottom: 82px;    

}







/*** 

=============================================

    Service Imagegalley Area Style

=============================================

***/

.service-imagegalley-area{

    position: relative;

    display: block;

    padding: 109px 0 0px; 

}

.top-single-service {

    position: relative;

    padding-bottom: 57px;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: flex-end;

    flex-wrap: wrap;

}

.top-single-service .left{

    position: relative;

    display: block;

    padding-left: 130px;

}

.top-single-service .left .icon {

    position: absolute;

    top: 11px;

    left: 0;

}

.top-single-service .left h2{

    color: #000000;

    font-size: 48px;

    line-height: 58px;

    font-weight: 700;

}

.top-single-service .right{

    position: relative;

    top: -4px;

    display: block;

    max-width: 570px;

    width: 100%;

}

.top-single-service .right p{

    color: #798795;

    font-size: 18px;

    line-height: 32px;

    font-weight: 300;

    margin: 0;

}



.single-service-big-image{

    position: relative;

    display: block;

    overflow: hidden;

}

.single-service-big-image::after {

    position: absolute;

    top: 0;

    left: -100%;

    display: block;

    content: '';

    width: 50%;

    height: 100%;

    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);

    transform: skewX(-25deg);

    z-index: 2;

}

.single-service-big-image:hover::after{

	-webkit-animation: shine 1.5s;

	animation: shine 1.5s;

}

@-webkit-keyframes shine {

	100% {

		left: 125%;

	}

}

@keyframes shine {

	100% {

		left: 125%;

	}

}

.single-service-big-image img{

    position: relative;

    width: 100%;

    display: block;

    -webkit-transform: scale(1.3,1.3);

    -ms-transform: scale(1.3,1.3);

    transform: scale(1.3,1.3);

    -webkit-transition: all 600ms ease;

    -ms-transition: all 600ms ease;

    -o-transition: all 600ms ease;

    -moz-transition: all 600ms ease;

    transition: all 600ms ease;

}

.single-service-big-image:hover img{

	-webkit-transform:scale(1,1);

	-ms-transform:scale(1,1);

	transform:scale(1,1);    

}



.single-service-image{

    position: relative;

    display: block;

}

.single-service-image .single-img-box{

    position: relative;

    display: block;

    overflow: hidden;

    margin-top: 30px;

}

.single-service-image .single-img-box::after {

    position: absolute;

    top: 0;

    left: -100%;

    display: block;

    content: '';

    width: 50%;

    height: 100%;

    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);

    transform: skewX(-25deg);

    z-index: 2;

}

.single-service-image .single-img-box img{

    width: 100%;

    transition: .5s ease;

    transform: scale(1.05);

}

.single-service-image .single-img-box:hover::after{

	-webkit-animation: shine 1.5s;

	animation: shine 1.5s;    

}

.single-service-image .single-img-box:hover img{

    transform: scale(1);        

}



.single-service-text-box{

    position: relative;

    display: block;

    text-align: center;

    padding: 41px 100px 0;

}

.single-service-text-box p{

    color: #798795;

    font-size: 18px;

    line-height: 32px;

}

.single-service-text-box p.mar0{

    margin: 0;

}







/*** 

=============================================

    Single Service Page Style

=============================================

***/

.single-service-page{}

.single-service-page.style4 .title {

    padding: 70px 0 70px;

}

.single-service-page .single-service-style1 {

    margin: 40px auto 30px;

}

.brochures-box{

    position: relative;

    display: block;

    background: #ffffff;

    padding: 40px 25px 43px;

    border: 5px solid #f0f0f0;

}

.brochures-box .inner-title {

    position: relative;

    display: block;

    padding-bottom: 63px;

}

.brochures-box .inner-title h2{

    color: #000000;

    font-size: 32px;

    line-height: 36px;

    font-weight: 700;

}

.brochures-box ul{

    position: relative;

    display: block;

    overflow: hidden;

}

.brochures-box ul li {

    position: relative;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: baseline;

    flex-wrap: wrap;

    margin-bottom: 38px;

}

.brochures-box ul li:last-child{

    margin-bottom: 0;

}

.brochures-box ul li .left{

    position: relative;

    display: block;

    padding-left: 60px;

}

.brochures-box ul li .left .icon{

    position: absolute;

    top: 0;

    left: 0;

}

.brochures-box ul li .left .icon span:before {

    position: relative;

    left: -5px;

    font-size: 50px;

    line-height: 50px;

}

.brochures-box ul li .left h3{

    color: #000000;

    font-size: 18px;

    line-height: 20px;

    font-weight: 600;

}

.brochures-box ul li .left h5{

    font-size: 14px;

    line-height: 20px;

    font-weight: 500;

    margin: 12px 0 0;

}



.brochures-box ul li .right{

    position: relative;

    display: block;

}

.brochures-box ul li .right p{

    color: #798795;

    font-size: 14px;

    line-height: 20px;

    font-weight: 400;

    margin: 0;

}







/*** 

=============================================

    Portfolio Pagev1 Css

=============================================

***/

.portfolio-pagev1{

    position: relative;

    display: block;

    padding-top: 120px;

    padding-bottom: 0;

}

.styled-pagination {

    position: relative;

    margin-top: 20px;

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

}

.styled-pagination li{

	position:relative;

	display:inline-block;

	margin:0px 3px 0px 3px;

}

.styled-pagination li a{

	position: relative;

	display: inline-block;

	width: 40px;

	height: 50px;

	color:#cccccc;

	font-size:45px;

	line-height:50px;

	font-weight:400;

	text-align:center;

	text-transform:capitalize;

	transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	font-family: 'Poppins', sans-serif;

}

.styled-pagination li.next a {

    color: #ffffff;

    font-size: 30px;

    font-weight: 300;

    width: 60px;

    border-radius: 5px;

    margin-left: 9px;

}

.styled-pagination li.next a:hover{

	color:#000000;

	background-color:#cccccd;

}







/*** 

=============================================

    Portfolio Pagev2 Css

=============================================

***/

.portfolio-pagev2{

    position: relative;

    display: block;

    padding-top: 106px;

    padding-bottom: 0;    

}

.portfolio-pagev2 .top-box {

    position: relative;

    padding-bottom: 70px;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: flex-end;

    flex-wrap: wrap;

}

.portfolio-pagev2 .top-box .sec-title {

    position: relative;

    top: 9px;

    padding: 0;

}

.portfolio-pagev2 .top-box .styled-pagination{

    margin: 0;

}







/*** 

=============================================

    Related Portfolio Css

=============================================

***/

.related-portfolio{

    position: relative;

    display: block;

    padding: 120px 0 120px;    

}







/*** 

=============================================

    Portfolio Single style1 Area Css

=============================================

***/

.portfolio-single-style1-area{

    position: relative;

    display: block;

    padding: 120px 0 50px;

}

.single-portfolio-slider {

    position: relative;

    display: block;

}

.single-portfolio-slider .bx-wrapper {

    position: relative;

    margin: 0;

    padding: 0;

}

.single-portfolio-slider .bx-wrapper .bx-viewport {

    box-shadow: none;

    border: 0px solid;

    left: 0px;

    background: #fff;

    transform: translatez(0);

}



.single-portfolio-slide{

    position: relative;

    display: block;

}

.single-portfolio-slide .big-image-box{

    position: relative;

    display: block;

    overflow: hidden;

}

.single-portfolio-slide .big-image-box img{

    width: 100%;

    transition: .5s ease;

    transform: scale(1.05);

}

.single-portfolio-slide:hover .big-image-box img{

    transform: scale(1);        

}



.single-portfolio-slider .slider-pager{

    position: relative;

    display: block;

}

.single-portfolio-slider .slider-pager .thumb-box {

    position: relative;

    display: block;

    margin-top: -30px;

    margin-bottom: -30px;

}

.single-portfolio-slider .slider-pager .thumb-box li {

    position: relative;

    display: block;

    margin-top: 30px;

    margin-bottom: 30px;

}

.single-portfolio-slider .slider-pager .thumb-box li a{

    position: relative;

    display: block;

    overflow: hidden;

}

.single-portfolio-slider .slider-pager .thumb-box li a .img-holder{

    position: relative;

    display: block;

    overflow: hidden;

}

.single-portfolio-slider .slider-pager .thumb-box li a .img-holder img{

    transition: all 0.5s ease-in-out 0.6s;    

    width: 100%;    

}

.single-portfolio-slider .slider-pager .thumb-box li a.active .img-holder img{

    transform: scale(1.2, 1.2);    

}

.single-portfolio-slider .slider-pager .thumb-box li a .img-holder:before{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    content: "";

    transition-delay: .1s;

    transition-timing-function: ease-in-out;

    transition-duration: .7s;

    transition-property: all;

    opacity: 0;

    z-index: 1;

}

.single-portfolio-slider .slider-pager .thumb-box li a.active .img-holder:before{

    opacity: 1;    

}







/*** 

=============================================

    Portfolio Single Content Area Css

=============================================

***/

.portfolio-single-content-area{

    position: relative;

    display: block;

}

.portfolio-single-content{

    position: relative;

    display: block;

    padding-bottom: 45px;

}

.portfolio-single-content h3{

    color: #000000;

    font-size: 24px;

    line-height: 36px;

    font-weight: 700;

    margin: -7px 0 11px;

}

.portfolio-single-content p{

    color: #798795;

    font-size: 18px;

    line-height: 32px;    

}



.portfolio-single-video-box{

    position: relative;

    display: block;

    padding: 135px 0;

    background-attachment: scroll;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center top;

}

.portfolio-single-video-box a {

    position: relative;

    display: block;

    text-align: center;

    height: 200px;

    width: 200px;

    margin: 0 auto;

    border-radius: 50%;

    padding: 50px;

    background-color: rgba(255, 255, 255, 0.20);

    transition: all 500ms ease;

}

.portfolio-single-video-box a span:before {

    position: relative;

    display: block;

    width: 100%;

    height: 100%;

    border-radius: 50%;

    color: #ffffff;

    font-size: 30px;

    line-height: 100px;

}



.single-portfolio-bottom-text{

    position: relative;

    display: block;

    padding-top: 61px;

}

.single-portfolio-bottom-text p{

    color: #798795;

    font-size: 18px;

    line-height: 32px; 

    margin: 0;

}



.project-info-box{

    position: relative;

    display: block;

    padding: 46px 30px 34px;

}

.project-info-box h3 {

    color: #ffffff;

    font-size: 24px;

    line-height: 30px;

    font-weight: 600;

    padding: 0 0 9px;

}

.project-info-box ul{

    position: relative;

    display: block;

    overflow: hidden;

    margin-top: 20px;

}

.project-info-box ul li{

    color: #ffffff;

    font-size: 18px;

    font-weight: 300;

    line-height: 44px;

    font-family: 'Poppins', sans-serif;

}

.project-info-box ul li span{

    font-weight: 500;

}







/*** 

=============================================

    Portfolio Single style2 Area Css

=============================================

***/

.portfolio-single-style2-area{

    position: relative;

    display: block;

    padding: 120px 0 0;

}

.portfolio-details-top-image{

    position: relative;

    display: block;

}

.portfolio-details-top-image .single-img-holder{

    position: relative;

    display: block;

    overflow: hidden;

    margin-bottom: 30px;

}

.portfolio-details-top-image .single-img-holder img{

    width: 100%;

    transition: .5s ease;

    transform: scale(1.05);    

}

.portfolio-details-top-image .single-img-holder:hover img{

    transform: scale(1);        

}



.portfolio-details-content-box{

    position: relative;

    display: block;

    padding: 0 100px;

    margin-top: 3px;

}

.portfolio-details-content-box .tag{

    font-size: 16px;

    font-weight: 400;

}

.portfolio-details-content-box h2{

    color: #000000;

    font-size: 24px;

    line-height: 34px;

    font-weight: 700;

    padding: 0;

    margin: 6px 0 32px;

}

.portfolio-details-content-box .text{

    position: relative;

    display: block;    

}

.portfolio-details-content-box .text p{

    color: #798795;

    font-size: 18px;

    line-height: 32px;    

}



.project-info-box.style2 {

    position: relative;

    display: block;

    padding: 46px 80px 26px;

    padding-right: 30px;

    margin-top: 61px;

}

.project-info-box.style2 ul {

    position: relative;

    display: inline-block;

    overflow: hidden;

    margin-top: 20px;

    max-width: 280px;

    width: 100%;

}



.social-share-box{

    position: relative;

    display: block;

    border-top: 1px solid #e8e8e8;

    padding-top: 20px;

    margin-top: 70px;

}

.social-share-box h6{

    position: relative;

    display: inline-block;

    float: left;

    margin-right: 5px;

    font-size: 14px;

    line-height: 40px;

    font-weight: 700;

}

.social-share-box .social-links-style1 li {

    margin-right: 0px;

}

.social-share-box .social-links-style1 li:last-child {

    margin-right: 0px;

}

.social-share-box .social-links-style1 li a i {

    color: #798795;

    font-size: 18px;

}

.social-share-box .social-links-style1 li a i.fb{

    color: #45619d;

}

.social-share-box .social-links-style1 li a i.gplus{

    color: #cf4539;

}

.social-share-box .social-links-style1 li a i.tw{

    color: #42c0fb;

}

.social-share-box .social-links-style1 li a i.skyp{

    color: #009ee5;

}

.social-share-box .social-links-style1 li a i.rss{

    color: #fd9f13;

}



.social-share-box .social-links-style1 li a:hover i.fb{

    color: #ffffff;

}

.social-share-box .social-links-style1 li a:hover i.gplus{

    color: #ffffff;

}

.social-share-box .social-links-style1 li a:hover i.tw{

    color: #ffffff;

}

.social-share-box .social-links-style1 li a:hover i.skyp{

    color: #ffffff;

}

.social-share-box .social-links-style1 li a:hover i.rss{

    color: #ffffff;

}





.inner-comment-box {

    position: relative;

    display: block;

    overflow: hidden;

    padding-top: 52px;

    padding-bottom: 65px;

    max-width: 770px;

    width: 100%;

}

.inner-comment-box .title {

    position: relative;

    display: block;

    padding-bottom: 54px;

}

.inner-comment-box .title h3{

    font-size: 18px;

    line-height: 24px;

    font-weight: 700;

    text-transform: uppercase;

}



.inner-comment-box .single-comment-box {

    position: relative;

    display: block;

    min-height: 178px;

    padding-left: 100px;

    margin-bottom: 50px;

}

.inner-comment-box .single-comment-box.marlft100{

    margin-left: 100px;

}

.inner-comment-box .single-comment-box .img-holder {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 80px;

    height: 80px;

}

.inner-comment-box .single-comment-box .img-holder img{

    width: 100%;

    border-radius: 50%;

}

.inner-comment-box .single-comment-box .text-holder {

    position: relative;

    display: block;

    padding: 28px 0 21px;

    padding-left: 60px;

    padding-right: 50px;

    z-index: 1;

}

.inner-comment-box .single-comment-box .text-holder:before{

    position: absolute;

    top: 0;

    left: -100px;

    bottom: 0;

    right: 0;

    background: url(../images/icon/single-comment-border.png);

    background-repeat: no-repeat;

    background-position: left top;

    background-size: 100% 100%;

    content: "";

    z-index: -1;

}

.inner-comment-box .single-comment-box .text-holder .name{

    position: relative;

    display: block;

    padding-bottom: 19px;

}

.inner-comment-box .single-comment-box .text-holder .name h3{

    color: #333333;

    font-size: 16px;

    line-height: 20px;

    font-weight: 700;

}

.inner-comment-box .single-comment-box .text-holder .text{

    position: relative;

    display: block;

}

.inner-comment-box .single-comment-box .text-holder .text p {

    color: #798795;

    font-size: 14px;

    line-height: 24px; 

    font-weight: 400;

    margin: 0;

}



.comment-meta-box {

    position: relative;

    display: block;

    overflow: hidden;

    margin-top: 13px;

}

.comment-meta-box li{

    position: relative;

    display: inline-block;

    float: left;

    margin-right: 20px;

}

.comment-meta-box li:last-child{

    margin-right: 0;

}

.comment-meta-box li a{

    color: #a4a4a4;

    font-size: 13px;

    font-weight: 400;

}

.comment-meta-box li a i {

    position: relative;

    display: inline-block;

    padding-right: 5px;

    font-size: 12px;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}







.add-comment-box {

    position: relative;

    display: block;

    overflow: hidden;

    max-width: 770px;

    width: 100%;

}

.add-comment-box .title {

    position: relative;

    display: block;

    padding-bottom: 53px;

}

.add-comment-box .title h3{

    font-size: 18px;

    line-height: 24px;

    font-weight: 700;

    text-transform: uppercase;

}

.add-comment-box #add-comment-form {}

.add-comment-box #add-comment-form p{

    color: #798795;

    font-size: 14px;

    line-height: 14px;

    font-weight: 400;

    margin: 0 0 13px;

}

.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: #ffffff;

    border: 1px solid #f0f2f7;

    color: #5f6973;

    font-size: 14px;

    font-weight: 400;

    width: 100%; 

    height: 40px;

    padding: 0 30px;

    border-radius: 0px;

    margin-bottom: 28px;

    transition: all 500ms ease;

}

.add-comment-box #add-comment-form textarea {

    height: 200px;

    padding: 15px 30px;

    border-radius: 0px;

    margin-bottom: 50px;

}

.add-comment-box #add-comment-form input[type="text"]:focus{

    border-color: #d7d9df;    

}

.add-comment-box #add-comment-form input[type="email"]:focus{

    border-color: #d7d9df;    

}

.add-comment-box #add-comment-form textarea:focus{

    border-color: #d7d9df;       

}

.add-comment-box #add-comment-form button {

    color: #ffffff;

    font-weight: 600;

}

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

    background: transparent;

}







/*** 

=============================================

    Team Area Team Page Css

=============================================

***/

.team-area.team-page{

    position: relative;

    display: block;

    padding: 120px 0 72px;

}





/*** 

=============================================

    Partner Area Team Page Css

=============================================

***/

.partner-area.team-page {

    padding-top: 75px;

    padding-bottom: 75px;

}







/*** 

=============================================

    Team Single Area Css

=============================================

***/

.team-single-area{

    position: relative;

    display: block;

    padding: 120px 0 80px;

}

.team-singel-image-box{

        position: relative;
    display: block;
    height: 300px;
    overflow: hidden;
    border-radius: 40px;
 

}

.team-singel-image-box img{

    width: 100%;
    height: 100%;
    object-fit: cover;
}



.team-member-info-box{

    position: relative;

    display: block;

    padding-left: 100px;

    padding-top: 20px;

}

.team-member-info-box .title {

    position: relative;

    display: block;

    padding-bottom: 6px;

}

.team-member-info-box .title h3{

    color: #222222;

    font-size: 24px;

    line-height: 30px;

    font-weight: 600;

    margin: 0 0 6px;

}

.team-member-info-box .title span{

    color: #2a2a2a;

    font-size: 16px;

    font-weight: 400;

}



.team-member-info-box ul {

    position: relative;

    display: block;

    overflow: hidden;

    margin-top: 22px;

}

.team-member-info-box ul li {

    color: #798795;

    font-size: 18px;

    line-height: 40px;

    font-weight: 500;

}

.team-member-info-box ul li span {

    position: relative;

    display: inline-block;

    padding-right: 5px;

    color: #000000;

    font-weight: 600;

    font-family: 'Poppins', sans-serif;

}

.team-member-info-box ul li a{

    color: #798795;    

}

.team-member-info-box .social-links-style1 {

    margin-top: 36px;

}

.team-member-info-box .social-links-style1 li a i {

    position: relative;

    display: block;

    background: #ededed;

    width: 40px;

    height: 40px;

    border-radius: 10px 20px 10px 20px;

    color: #798795;

    font-size: 16px;

    font-weight: 400;

    line-height: 40px;

    text-align: center;

    transition: all 500ms ease;

}

.team-member-info-box .social-links-style1 li a:hover i{

    color: #ffffff;

}



.team-member-content-box {

    position: relative;

    display: block;

    padding-top: 46px;

    padding-bottom: 95px;

}

.team-member-content-box h3{

    color: #000000;

    font-size: 24px;

    line-height: 30px;

    font-weight: 700;

    margin: 0 0 13px;

}

.team-member-content-box p{

    color: #798795;

    font-size: 18px;

    line-height: 32px;

    font-weight: 300;

}





.progress-block .inner-box {

    position: relative;

    width: 200px;

    min-height: 200px;

    text-align: center;

    margin: 0 auto 40px;

}

.progress-block .graph-outer {

    position: absolute;

    top: 0;

    left: 0;

    display: inline-block;

    text-align: center;

    background: #fff;

    border-radius: 50%;

}

.progress-block .graph-outer .count-box {

    position: absolute;

    top: 50%;

    left: 0;

    width: 100%;

    margin-top: -20px;

    color: #000000;

    font-size: 48px;

    font-weight: 400;

    transform: translateY(-50%);

}

.progress-block .graph-outer .count-text {

    position: relative;

    display: inline-block;

    color: #000000;

    font-size: 48px;

    line-height: 40px;

    font-weight: 400;

    font-family: 'Poppins', sans-serif;

}

.progress-block .graph-outer .title {

    position: absolute;

    top: 50%;

    left: 0;

    width: 100%;

    margin-top: 20px;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}

.progress-block .graph-outer .title h5{

    color: #798795;

    font-size: 16px;

    line-height: 20px;

    font-weight: 500;

}







/*** 

=============================================

    Testimonial Page Area style

=============================================

***/

.testimonial-page-area {

    position: relative;

    display: block;

    padding: 120px 0 55px;

}

.testimonial-page-area .sec-title{

    padding-bottom: 64px;    

}

.testimonial-page-box{

    position: relative;

    display: block;

    padding: 0 100px;

}

.testimonial-page-box .single-testimonial-style1{

    margin-bottom: 65px;

}







/*** 

=============================================

    Partner Page Area style

=============================================

***/

.partner-area.partner-page {

    position: relative;

    display: block;

    padding-top: 120px;

    padding-bottom: 0;

}

.partner-box-bottom {

    position: relative;

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

}

.partner-box-style2 {

    position: relative;

    display: block;

    border-top: 2px solid #e5e5e5;

    margin-top: 75px;

    padding-top: 70px;

}

.single-partner-logo-box-style2 {

    position: relative;

    display: block;

    max-width: 270px;

    width: 100%;

    margin: 0 auto 30px;

    -webkit-box-shadow: 0px 3px 6px 2px #ececec;

    box-shadow: 0px 3px 6px 2px #ececec;

}

.single-partner-logo-box-style2 a {

    position: relative;

    display: inline-block;

}

.single-partner-logo-box-style2 a img {

    opacity: .35;

    transition: all 0.2s ease-in-out 0.1s;

}

.single-partner-logo-box-style2:hover a img{

    opacity: 1.0;

    transition: all 0.3s ease-in-out 0.1s;

}

.partner-box-style2 .bottom {

    position: relative;

    display: block;

    padding: 0 150px;

}







/*** 

=============================================

    Faq Page Area style

=============================================

***/

.faq-content-area.faq-page{

    padding-top: 150px;

    padding-bottom: 112px;

}







/*** 

=============================================

    Blog Pagev1 Area style

=============================================

***/

.latest-blog-area.blog-pagev1{

    position: relative;

    display: block;

    padding-top: 120px;

    padding-bottom: 120px;

}







/*** 

=============================================

    Blog Pagev2 Area style

=============================================

***/

.blog-pagev2-area{

    position: relative;

    display: block;

    padding: 120px 0 120px;

}



.single-blog-post-style3 {

    position: relative;

    display: block;

    margin-bottom: 50px;

}

.single-blog-post-style3 .img-holder {

    position: relative;

    display: block;

    overflow: hidden;

}

.single-blog-post-style3 .img-holder img {

    width: 100%;

    transform: scale(1.0);

}

.single-blog-post-style3:hover .img-holder img {

    transform:scale(1.2) rotate(1deg);	

}

.single-blog-post-style3:hover .overlay-style-one{

    opacity: 1;

}



.single-blog-post-style3 .text-holder{

    position: relative;

    display: block; 

    padding-top: 23px;

}

.single-blog-post-style3 .text-holder .meta-info{

    position: relative;

    display: block;   

    overflow: hidden;

    padding-bottom: 15px;

}

.single-blog-post-style3 .text-holder .meta-info li{

    position: relative;

    display: inline-block;

    float: left;

    margin-right: 60px;

}

.single-blog-post-style3 .text-holder .meta-info li:last-child{

    margin-right: 0;

}

.single-blog-post-style3 .text-holder .meta-info li span:before{

    position: relative;

    top: 1px;

    display: inline-block;

    padding-right: 9px;

    color: #798795;

    font-size: 18px;

}

.single-blog-post-style3 .text-holder .meta-info li a{

    color: #798795;

    font-size: 18px;

    font-weight: 300;

}





.single-blog-post-style3 .text-holder .blog-title {

    position: relative;

    display: block;

    font-size: 28px;

    line-height: 36px;

    font-weight: 700;

    text-transform: uppercase;

}

.single-blog-post-style3 .text-holder .blog-title a{

    color: #000000;

    transition: all 500ms ease;

}

.single-blog-post-style3 .text-holder h4{

    font-size: 18px;

    font-weight: 500;

    margin: 18px 0 18px;

}

.single-blog-post-style3 .text-holder p{

    color: #798795;

    font-size: 20px;

    line-height: 32px;

    font-weight: 300;

    margin: 0;

}

.single-blog-post-style3 .text-holder .button-box {

    position: relative;

    display: flex;

    padding-top: 41px;

}

.single-blog-post-style3 .text-holder .button-box .readmore{

    position: relative;

    display: block;    

}

.single-blog-post-style3 .text-holder .button-box .readmore a.btn-one {

    color: #ffffff;

    font-weight: 400;

    border-radius: 5px;

    text-transform: capitalize;

}

.single-blog-post-style3 .text-holder .button-box .readmore a.btn-one:hover{

    background: transparent;

}

.single-blog-post-style3 .text-holder .button-box .message{

    position: relative;

    display: block; 

    padding-left: 30px;

}

.single-blog-post-style3 .text-holder .button-box .message a {

    position: relative;

    display: inline-block;

    margin: 15px 0;

    color: #000000;

    font-size: 14px;

    font-weight: 400;

}

.single-blog-post-style3 .text-holder .button-box .message a span:before {

    position: relative;

    display: inline-block;

    padding-right: 10px;

    top: 4px;

    color: #798795;

    font-size: 20px;

}





.single-blog-post-style3 .audio-gallery {

    position: relative;

    display: flex;

    flex-direction: row;

    justify-content: flex-start;

    align-items: center;

    flex-wrap: wrap;

}

.single-blog-post-style3 .audio-gallery .img-box {

    position: relative;

    display: block;

    overflow: hidden;

}

.single-blog-post-style3 .audio-gallery .audio-content{

    position: relative;

    display: block;

    padding-left: 30px;

}





.single-blog-post-style3.withbdr {

    position: relative;

    display: block;

    margin-bottom: 50px;

    padding: 0 75px 50px;

}

.single-blog-post-style3 .quote-box {

    position: relative;

    display: block;

    padding-left: 100px;

    min-height: 130px;

    padding-top: 56px;

}

.single-blog-post-style3 .quote-box .icon {

    position: absolute;

    top: 0;

    left: 0;

    width: 85px;

    height: 130px;

    padding: 55px 0 0;

}

.single-blog-post-style3 .quote-box .icon span:before {

    position: relative;

    display: block;

    text-align: center;

    color: #ffffff;

    font-size: 46px;

    line-height: 50px;

}

.single-blog-post-style3 .quote-box .title{

    position: relative;

    display: block;

}

.single-blog-post-style3 .quote-box .title h3{

    color: #000000;

    font-size: 18px;

    line-height: 28px;

    font-weight: 600;

    margin: 0 0 10px;

}

.single-blog-post-style3 .quote-box .title h4{

    color: #798795;

    font-size: 18px;

    line-height: 20px;

    font-weight: 500;

}





.single-blog-post-style3 .img-holder .overlay {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

    z-index: 5;

}

.single-blog-post-style3 .img-holder .overlay a{

    position: relative;

    display: block;

    width: 100px;

    height: 100px;

    text-align: center;

    border-radius: 50%;

    background: #ffffff;

    font-size: 30px;

    line-height: 100px;

    transition: all 500ms linear;

    transition-delay: 0.1s;

}

.styled-pagination.blog_pagination {

    margin-top: 20px;

    margin-left: -15px;

    justify-content: flex-start;

}







.sidebar-wrapper {

    position: relative;

    display: block;

    max-width: 370px;

    width: 100%;

}

.sidebar-categories-box{

    position: relative;

    display: block;

    border: 1px solid #e8e8e8;

    border-bottom-left-radius: 10px;

    border-bottom-right-radius: 10px;

    margin-bottom: 50px;

}

.categories-title{

    position: relative;

    display: block;

    padding-left: 80px;

    border-bottom: 1px solid #e8e8e8;

}

.categories-title:before {

    position: absolute;

    top: 0;

    left: 40px;

    bottom: 0;

    background: url(../images/icon/categories-title-bg.png);

    background-repeat: no-repeat;

    content: "";

    width: 26px;

    height: 20px;

    margin: 19px 0;

}

.categories-title h3 {

    color: #000000;

    font-size: 24px;

    line-height: 58px;

    font-weight: 600;

    text-transform: uppercase;

}

.categories {

    position: relative;

    display: block;

    overflow: hidden;

    padding: 28px 40px 28px;

}

.categories li {

    position: relative;

    display: block;

    margin-bottom: 20px;

}

.categories li:last-child {

    margin-bottom: 0;

}

.categories li a{

    position: relative;

    display: block;

    color: #010101;

    font-size: 18px;

    font-weight: 400;

    transition: all 200ms linear;

    transition-delay: 0.1s;

    font-family: 'Open Sans', sans-serif;

}

.more-categories {

    position: relative;

    display: block;

    padding: 19px 0;

    padding-left: 40px;

    border-top: 1px solid #e8e8e8;

}

.more-categories a{

    color: #010101;

    font-size: 18px;

    font-weight: 500;

    font-family: 'Poppins', sans-serif;

}

.more-categories a span:before {

    position: relative;

    top: -2px;

    display: inline-block;

    font-size: 12px;

    padding-right: 5px;

    color: #0b5be0;

    font-weight: 700;

}



.sidebar-wrapper .single-sidebar{

    position: relative;

    display: block;

    border: 1px solid #e8e8e8;

}

.sidebar-wrapper .single-sidebar .title {

    position: relative;

    display: block;

    text-align: center;

    border-bottom: 1px solid #e8e8e8;

    padding: 12px 0 11px;

}

.sidebar-wrapper .single-sidebar .title h3 {

    color: #000000;

    font-size: 18px;

    line-height: 20px;

    font-weight: 500;

    text-transform: uppercase;

}



.single-sidebar .popular-tag {

    position: relative;

    display: block;

    overflow: hidden;

    margin-left: -2.5px;

    margin-right: -2.5px;

    padding: 30px 30px 25px;

}

.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;

    overflow: hidden;

    padding: 10px 10px 8px;

    border-bottom: 1px solid #f2f2f2;

    color: #798795;

    font-size: 14px;

    line-height: 14px;

    font-weight: 400;

    text-transform: capitalize;

    transition: all 0.4s ease-in-out 0.1s;

    z-index: 1;

}

.single-sidebar .popular-tag li a:before {

    position: absolute;

    top: 0;

    left: 0;

    bottom: -1px;

    right: 0;

    content: "";

    z-index: -1;

    transform: translateY(32px);

    transition: all 0.4s ease-in-out 0.1s;

}

.single-sidebar .popular-tag li a:hover:before{

    transform: translateX(0px);

    transition: all 0.2s ease-in-out 0.1s;

}

.single-sidebar .popular-tag li a:hover{

    color: #ffffff;

}



.single-sidebar .project-box{

    position: relative;

    display: block;

    border-top: 1px solid #e8e8e8;

}

.single-sidebar .project-box .project-lists {

    position: relative;

    display: block;

    padding: 21px 30px 20px;

}

.single-sidebar .project-box .project-lists li {

    position: relative;

    display: block;

    margin-bottom: 1px;

}

.single-sidebar .project-box .project-lists li:last-child{

    margin-bottom: 0;

}

.single-sidebar .project-box .project-lists li a{

    position: relative;

    display: block;

    color: #798795;

    line-height: 30px;

    font-size: 14px;

    font-weight: 400;

    text-transform: capitalize;

    transition: all 0.4s ease-in-out 0.1s;    

}

.single-sidebar .project-box .project-lists li a span{

    float: right;

}





.single-sidebar .ratting-box{

    position: relative;

    display: block;

    border-top: 1px solid #e8e8e8;

}

.single-sidebar .ratting-box .ratting-lists {

    position: relative;

    display: block;

    padding: 21px 30px 20px;

}

.single-sidebar .ratting-box .ratting-lists li {

    position: relative;

    display: block;

    margin-bottom: 1px;

}

.single-sidebar .ratting-box .ratting-lists li:last-child{

    margin-bottom: 0;

}

.single-sidebar .ratting-box .ratting-lists li a{

    position: relative;

    display: block;

    color: #798795;

    line-height: 30px;

    font-size: 14px;

    font-weight: 400;

    text-transform: capitalize;

    transition: all 0.4s ease-in-out 0.1s;    

}

.single-sidebar .ratting-box .ratting-lists li a span{

    float: right;

}





.sidebar-bottom-box{

    position: relative;

    display: block;

    margin-top: 70px;

}

.sidebar-bottom-box .img-holder{

    position: relative;

    display: block;

    overflow: hidden;

}

.sidebar-bottom-box .img-holder img{

    width: 100%;

    transition: .5s ease;

    transform: scale(1.05);    

}

.sidebar-bottom-box .img-holder:hover img{

    transform: scale(1);        

}

.sidebar-bottom-box .img-holder .overlay {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

    z-index: 5;

}

.sidebar-bottom-box .img-holder .overlay a span:before{

    position: relative;

    display: block;

    width: 100px;

    height: 100px;

    color: #ffffff;

    font-size: 50px;

    line-height: 100px;

    text-align: center;

}



.sidebar-bottom-box .img-holder:hover .overlay-style-one {

    opacity: 1;

}







/*** 

=============================================

    Blog Single Area style

=============================================

***/

.blog-single-area{

    position: relative;

    display: block;

    background: #ffffff;

    padding: 120px 0 120px;

}

.blog-single-area .blog-post {

    position: relative;

    display: block;

}

.blog-single-area .blog-post .single-blog-post {

    position: relative;

    display: block;

    margin: 0;

}

.single-blog-post .text-holder p.martop{

    margin-top: 22px;

}

.blog-single-quote-box {

    position: relative;

    display: block;

    padding: 69px 50px 67px;

    border-radius: 5px;

    margin: 41px 0 41px;

}

.blog-single-quote-box h2{

    color: #ffffff;

    font-size: 32px;

    line-height: 48px;

    font-weight: 300;

}

.blog-single-quote-box h2 i {

    position: relative;

    top: -10px;

    font-size: 18px;

    padding-right: 5px;

}

.blog-single-quote-box h2 i.right {

    position: relative;

    top: 0px;

    font-size: 18px;

    padding-left: 5px;

    padding-right: 0;

}

.blog-single-quote-box .quote-icon{

    position: absolute;

    top: 15px;

    right: 20px;

}



.single-blog-post .text{

    position: relative;

    display: block;

    padding-bottom: 41px;

}

.single-blog-post .text p{

    color: #798795;

    font-size: 18px;

    line-height: 32px;

    margin: 0;    

}



.blog-single-img-box{

    position: relative;

    display: block;

}

.blog-single-img-box .single-image{

    position: relative;

    display: block;

    margin-bottom: 30px;

}

.blog-single-img-box .single-image img{

    width: 100%;

}



.single-blog-post .bottom-text{

    position: relative;

    display: block;

    padding-top: 11px;

}

.single-blog-post .bottom-text p{

    color: #798795;

    font-size: 18px;

    line-height: 32px;

    margin: 0;      

}







/*** 

=============================================

    Contact Info Area Css

=============================================

***/

.contact-info-area{

    position: relative;

    display: block;

    background: #ffffff;

    padding: 120px 0 70px;

}

.single-contact-info-box {

    position: relative;

    display: block;

    padding:42px 10px;
    border: 2px solid #009CDD;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;

}
.single-contact-info-box:hover{
     border:  2px solid #009CDD;;
     background:#009CDD ;
    transform: scale(1.1);
    color: #fff;


}
.single-contact-info-box .icon i{
    color: #fff;
     transition: all 0.3s ease-in-out;
}
.single-contact-info-box:hover .icon i{
    color: #fff;
}

.single-contact-info-box:hover 
 .title h3{
    color: #fff;
}
.single-contact-info-box:hover 
 .title ul li a{
    color: #fff;
}
.single-contact-info-box:hover 
 .title p{
    color: #fff;
}

.single-contact-info-box .icon{

    position: relative;

    display: block;

    padding-bottom: 32px;

}
.single-contact-info-box .icon i{
   font-size: 52px;
   color: #009CDD;
}

.single-contact-info-box .icon span:before{

    font-size: 50px;

    line-height: 50px;

}

.single-contact-info-box .title{

    position: relative;
    height: 110px;
    display: block;    

}

.single-contact-info-box .title h3{

    color: #000000;

    font-size: 24px;

    line-height: 30px;
     transition: all 0.3s ease-in-out;
    font-weight: 400;

}

.single-contact-info-box .title ul{

    position: relative;

    display: block;

    padding-top: 16px;

}

.single-contact-info-box .title ul li{

    position: relative;

    display: block;

    line-height: 26px;

}

.single-contact-info-box .title ul li a{

    color: #798795;
    transition: all 0.3s ease-in-out;
    font-size: 16px;

    font-weight: 400;

    font-family: 'Poppins', sans-serif;

}

.single-contact-info-box .title p{

    color: #798795;

    font-size: 16px;
 transition: all 0.3s ease-in-out;
    line-height: 26px;

    font-weight: 400;

    margin: 17px 0 0;

    font-family: 'Poppins', sans-serif;    

}







/*** 

=============================================

    Contact Form Area Css

=============================================

***/

.contact-form-area {

    position: relative;

    display: block;

    padding: 60px 0px 60px;

    background: #FBF1EF;
}

.contact-form{

    position: relative;

    display: block;

}

.contact-form .title{

    position: relative;

    display: block; 

    padding-bottom: 31px;

}

.contact-form .title h3 {

    color:#009CDD;

    font-size: 24px;

    line-height: 30px;

    font-weight: 600;

    text-transform: uppercase;

    margin-top: -6px;

}









.contact-form form{

    position: relative;

    display: block;

}

.contact-form form .input-box{

    position: relative;

    display: block;

    margin-bottom: 24px;

}

.contact-form form .input-box p {

    color: #000000;

    font-size: 14px;

    line-height: 14px;

    font-weight: 400;

    margin: 0 0 8px;

}



.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: 50px;

    font-size: 15px;

    font-weight: 500;

    padding-left: 30px;

    padding-right: 20px;

    border-radius: 0px;

    margin-bottom: 10px;

    transition: all 500ms ease;

}

.contact-form form textarea {

    height: 150px;

    padding-top: 17px;

    padding-left: 30px;

    padding-right: 20px;

}

.contact-form form input[type="text"]:focus{

    color: #222222;

    border-color: #d9d5d5; 

}

.contact-form form input[type="email"]:focus{

    color: #222222;

    border-color: #d9d5d5;

}

.contact-form form textarea:focus{

    color: #222222;

    border-color: #d9d5d5;

}

.contact-form form input[type="text"]::-webkit-input-placeholder {

    color: #022447;

}

.contact-form form input[type="text"]:-moz-placeholder {

    color: #022447;

}

.contact-form form input[type="text"]::-moz-placeholder {

    color: #022447;

}

.contact-form form input[type="text"]:-ms-input-placeholder {

    color: #022447;

}

.contact-form form input[type="email"]::-webkit-input-placeholder {

    color: #022447;

}

.contact-form form input[type="email"]:-moz-placeholder {

    color: #022447;

}

.contact-form form input[type="email"]::-moz-placeholder {

    color: #022447;

}

.contact-form form input[type="email"]:-ms-input-placeholder {

    color: #022447;

}

.contact-form form textarea::-webkit-input-placeholder {

    color: #022447;

}

.contact-form form textarea:-moz-placeholder {

    color: #022447;

}

.contact-form form textarea::-moz-placeholder {

    color: #022447;

}

.contact-form form textarea:-ms-input-placeholder {

    color: #022447;

}

.contact-form form button {

    color: #ffffff;

    font-weight: 600;

}

.contact-form form button:hover{

    background: transparent;

}





.contact-information-box {

    position: relative;
    height: 100%;
    display: block;

    padding-left: 20px;

}

.contact-information-box .title {

    position: relative;

    display: block; 

    padding-bottom: 33px;

}

.contact-information-box .title h3{

    color: #000000;

    font-size: 24px;

    line-height: 30px;

    font-weight: 600;

    text-transform: uppercase;

    margin-top: -6px;

}

.contact-information-box .title p {

    color: #798795;

    font-size: 18px;

    line-height: 32px;

    font-weight: 300;

    margin: 23px 0 0;

}

.contact-information-box .contact-us{

    position: relative;

    display: block;

}

.contact-information-box .contact-us li{

    position: relative;

    display: block;

    margin-bottom: 30px;

}

.contact-information-box .contact-us li:last-child{

    margin-bottom: 0;

}

.contact-information-box .contact-us li .icon{

    width: 60px;

}

.contact-information-box .contact-us li .icon span:before{

    color: #000000;

    font-size: 30px;

}

.contact-information-box .contact-us li .icon,

.contact-information-box .contact-us li .text{

    display: table-cell;

    vertical-align: middle;

}

.contact-information-box .contact-us li .text p{

    color: #798795;

    font-size: 16px;

    line-height: 28px;

    font-weight: 400;

    margin: 0;

}

.contact-information-box .contact-us li .text a{

    color: #798795;

    font-size: 16px;

    line-height: 28px;

    font-weight: 400;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}

.contact-information-box .contact-us li .text a:hover{

    color: #000000;

}







/*** 

=============================================

    Google Map Area Css

=============================================

***/

.google-map-area{

    position: relative;

    display: block;

    background: #ffffff;

}

.google-map-area .map-outer{

    position: relative;

    display: block;

}

.google-map-area .map-outer .map-canvas{

	position: relative;

	width: 100%;

	height: 680px;

}







/*** 

=============================================

    Error Page Area Style      

=============================================

***/

.error-page-area{

    position: relative;

    display: block;

    background: #F2F3F4;

    padding: 147px 0 150px;

}

.error-content{

    position: relative;

    display: block;

    z-index: 3;

}

.error-content h4{

    color: #000000;

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

}

.error-content .title{

    position: relative;

    display: block;

    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;

    font-weight: 400;

    margin: 0 0 33px;

}

.error-content .button{}

.error-content .button a {

    width: 250px;

}

.error-content .button a:hover{



}









/*** 

=============================================

    Elements Page Css

=============================================

***/

.service-style3-area.pd120-0{

    padding: 120px 0;

}

.portfolio-pagev2.pdbottom120{

    padding-bottom: 120px;

}

.team-carousel.owl-nav-style-one.owl-theme .owl-nav {

    position: absolute;

    top: auto;

    left: 0;

    right: 0;

    margin: 0;

    text-align: center;

}

.team-area.element-page {

    position: relative;

    display: block;

    padding: 120px 0 170px;

}

.testimonial-style1-area.elemp1{

    padding: 120px 0 80px;

}

.partner-area.elemp1{

    padding: 120px 0 75px;

}

.partner-area.elemp2 {

    padding: 120px 0 90px;

}

.latest-blog-area.elemp1{

    padding-top: 120px;

}

.faq-content-area.faq-page.elemp1 {

    padding-top: 150px;

    padding-bottom: 120px;

}

.fact-counter-area.elemp1{

    padding: 115px 0 115px;

}

#shop-area.main-shop-area.elemp1{

    padding-bottom: 80px;

}

.shop-carousel.owl-nav-style-one.owl-theme .owl-nav {

    position: absolute;

    top: -120px;

    left: 0;

    right: 0;

    max-width: 1170px;

    margin: 0 auto;

    text-align: right;

}











/*** 

=============================================

    RTL Page Css

=============================================

***/

.main-header.home_rtl .welcome-text h6 span:before {

    padding-right: 0px;

    padding-left: 10px;

}

.main-header.home_rtl .header-social-links .social-links-style1 {

    flex-direction: row-reverse;

}

.main-header.home_rtl .header-contact-info ul li .icon, 

.main-header.home_rtl .header-contact-info ul li .title {

    text-align: right;

}

.main-header.home_rtl .header-contact-info ul li .icon {

    width: 50px;

    text-align: right;

}

.main-header.home_rtl .quote-button {

    float: left;

}

.main-header.home_rtl .outer-search-box-style1 {

    float: left;

    margin-right: 0;

    margin-left: 165px;

}

.main-header.home_rtl .main-menu .navigation> li> ul> li> a {

    text-align: right;

}

.main-header.home_rtl .main-menu .navigation> li> ul> li> a:before{

    display: none;    

}

.main-header.home_rtl .main-menu .navigation>li>ul>li>ul>li a:before {

    display: none;

}

.main-header.home_rtl .main-menu .navigation> li> ul> li.dropdown> a:before{

    display: none;

}

.main-header.home_rtl .main-menu .navigation> li> ul> li.dropdown> a:after {

    top: 0px;

    right: auto;

    bottom: 0;

    left: 0;

    transform: rotate(180deg);

}

.main-header.home_rtl .main-menu .navigation> li> ul {

    top: 100%;

    left: auto;

    right: 0;

}

.main-header.home_rtl .main-menu .navigation> li> ul> li> ul {

    position: absolute;

    top: 0%;

    left: auto;

    right: 100%;

}

.main-header.home_rtl .main-menu .navigation> li> ul> li> ul> li> a {

    text-align: right;

}

.main-header.home_rtl .main-menu .navigation> li> ul.megamenu {

    left: -410px;

}





.main-slider.home_rtl .content .text {

    max-width: 100%;

}

.main-slider.home_rtl .owl-theme .owl-dots {

    right: auto;

    left: 50px;

}

.testimonial-style1-area.home_rtl .single-testimonial-style1 .text p {

    text-align: right;

}





.footer-area.home_rtl .single-footer-widget .social-links-style1 li {

    float: right;

    margin-right: 20px;

}

.footer-area.home_rtl .single-footer-widget .social-links-style1 li:first-child{

    margin: 0;

}

.footer-area.home_rtl .single-footer-widget .page-links {

    text-align: right;

}

.footer-area.home_rtl .single-footer-widget .page-links li a:before {

    display: none;

}

.footer-area.home_rtl .twitter-feed-box h3 {

    margin: 0 0 20px;

}

.footer-area.home_rtl .twitter-feed-box .text {

    padding-top: 12px;

    padding-bottom: 14px;

}

.footer-area.home_rtl .twitter-feed-box .border-box {

    display: none;

}

.scroll-top.home_rtl {

    position: fixed;

    left: 15px;

    right: auto;

}

















/*** 

=============================================

   Shop area  style

=============================================

***/

#shop-area {

    padding-top: 120px;

    padding-bottom: 120px;

}

.main-shop-area{

    position: relative;

    display: block;

    background: #ffffff;

}

#shop-area .shop-content {

    position: relative;

    display: block;

}



.single-product-item {

    position: relative;

    display: block;

    border: 1px solid #e5e5e7;

    transition: all 500ms ease;

    margin-bottom: 40px;

}

.single-product-item:hover{

    border: 1px solid transparent;

    -webkit-box-shadow: 0px 3px 5px 1px rgba(229,229,231,0.7); 

    box-shadow: 0px 3px 5px 1px rgba(229,229,231,0.7);    

}

.single-product-item .img-holder{

    position: relative;

    display: block;

    overflow: hidden;

}

.single-product-item:hover .img-holder::before{

    opacity: 1;

}

.single-product-item .img-holder img{

    transform: scale(1.05);   

    -webkit-transition: all 0.4s linear;

    transition: all 0.4s linear;

    width: 100%;

}

.single-product-item:hover .img-holder img{

    transform: scale(1.0);

}





.single-product-item .img-holder .product-info{

    position: absolute;

    top: 20px;

    left: 10px;

    width: 50px;

    height: 30px;

    text-align: center;

    z-index: 2;

}

.single-product-item .img-holder .product-info.black{

    background: #000000;

}

.single-product-item .img-holder .product-info.black:before{

    border-right: 20px solid #000000;    

}

.single-product-item .img-holder .product-info:before {

    position: absolute;

    top: -10px;

    right: 5px;

    width: 20px;

    height: 10px;

    content: "";

    border-top: 10px solid transparent;

}

.single-product-item .img-holder .product-info p{

    color: #ffffff;

    font-size: 13px;

    line-height: 30px;

    font-weight: 400;

    margin: 0;

}

.single-product-item .img-holder .overlay-content {

    position: absolute;

    top: 0px;

    left: 0px;

    bottom: 0px;

    right: 0px;

    content: "";

    background: rgba(0, 0, 0, 0.50);    

    opacity: 1;

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

    z-index: 5;

    opacity: 0;

    transform: translateY(100%);

    -webkit-transition: all 0.6s linear;

    transition: all 0.6s linear;

}

.single-product-item:hover .img-holder .overlay-content{

    opacity: 1;

    transform: translateY(0px);

}

.single-product-item .img-holder .overlay-content a{

    position: relative;

    display: inline-block;

    padding: 0 20px;

    color: #ffffff;

    font-size: 14px;

    line-height: 40px;

    font-weight: 400;

    text-transform: uppercase;

    opacity: 0;

    transform: translateY(-50px);

    transition: all 500ms ease 300ms;

}

.single-product-item:hover .img-holder .overlay-content a{

    opacity: 1;

    transform: translateY(0px); 

    transition: all 500ms ease 600ms;

}

.single-product-item .img-holder .overlay-content a span:before{

    position: relative;

    display: inline-block;

    margin-left: 10px;

    padding-left: 10px;

    line-height: 20px;

    border-left: 1px solid rgba(0, 0, 0, 0.15);  

}

.single-product-item .img-holder .overlay-content a:hover{

    background: rgba(0, 0, 0, 0.15);      

}







.single-product-item .title-holder {

    position: relative;

    display: block;

    padding: 25px 20px 22px;

    border-top: 1px solid #e5e5e7;

}

.single-product-item .title-holder h4{

    font-size: 16px;

    line-height: 20px;

    font-weight: 600;

}

.single-product-item .title-holder h4 a{

    color: #000000;

}



.single-product-item .title-holder .bottom {

    position: relative;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

    padding-top: 8px;

}

.rating-box{

    position: relative;

    display: block;

    overflow: hidden;

}

.rating-box ul{

    overflow: hidden;    

}

.rating-box ul li{

    position: relative;

    display: inline-block;

    float: left;

    margin-right: 4px;

}

.rating-box ul li:last-child{

    margin-right: 0;

}

.rating-box ul li a{

    color: #d0d0d0;

    font-size: 14px;

    font-weight: 600;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}





.single-product-item .title-holder .bottom .price-box{

    position: relative;

    display: block;

}

.single-product-item .title-holder .bottom .price-box span{

    position: relative;

    display: inline-block;

    padding-right: 10px;

    color: #000000;

    font-size: 14px;

    line-height: 20px;

    font-weight: 700;

}

.single-product-item .title-holder .bottom .price-box del{

    position: relative;

    display: inline-block;

    color: #798795;

    font-size: 14px;

    line-height: 20px;

    font-weight: 400;

}





.showing-result-shorting-box{

    position: relative;

    display: block;

}

.showing-result-shorting-box.pdbottom70{

    padding-bottom: 70px;

}

.showing-result-shorting-box.pdtop30{

    padding-top: 30px;

}

.view-as-box{

    position: relative;

    display: inline-block;

    padding-left: 70px;

    float: left;

}

.view-as-box .title{

    position: absolute;

    top: 0;

    left: 0;

}

.view-as-box .title h5{

    color: #000000;

    font-size: 14px;

    line-height: 30px;

    font-weight: 600;

}

.view-as-box .icon{

    position: relative;

    display: block;

}

.view-as-box .icon ul{

    overflow: hidden;

}

.view-as-box .icon ul li{

    position: relative;

    display: inline-block;

    float: left;

    margin-right: 5px;

}

.view-as-box .icon ul li:last-child{

    margin-right: 0;

}

.view-as-box .icon ul li a{

    position: relative;

    display: block;

    text-align: center;

    width: 30px;

    height: 30px;

    border: 1px solid #e5e5e7;

    border-radius: 5px;

    color: #000000;

    font-size: 14px;

    line-height: 28px;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}

.view-as-box .icon ul li a:hover{

    color: #798795;

    border-color: #798795;

}





.shorting-box{

    position: relative;

    display: inline-block;

    float: left;

    padding-left: 70px;

    margin: 0 30px;

}

.shorting-box .title{

    position: absolute;

    top: 0;

    left: 0;    

}

.shorting-box .title h5{

    color: #000000;

    font-size: 14px;

    line-height: 30px;

    font-weight: 600;    

}

.shorting-box .selects-box {

    position: relative;

    display: block;

    width: 100px;

}

.shorting-box .selects-box .bootstrap-select {

    position: relative;

    display: block;

}

.shorting-box .selects-box .bootstrap-select>.dropdown-toggle {

    position: relative;

    display: block;

    outline: none !important;

    border-radius: 5px;

    border: 1px solid #e5e5e7;

    height: 30px;

    background-color: transparent !important;

    margin: 0;

    padding: 0;

    padding-left: 5px;

    color: #798795 !important;

    font-size: 13px;

    line-height: 28px;

    box-shadow: none !important;

    font-weight: 500;

    font-family: 'Open Sans', sans-serif;

}

.shorting-box .selects-box .bootstrap-select>.dropdown-toggle::after {

    position: absolute;

    top: 50%;

    right: 0px;

    width: auto;

    height: 24px;

    font-family: 'FontAwesome';

    content: '\f107';

    color: #798795;

    font-size: 14px;

    line-height: 24px;

    font-weight: 400;

    transform: translateY(-50%);

    margin: 0;

    border: none;

    background: #ffffff;

    padding-left: 5px;

    padding-right: 10px;

}



.shorting-box .selects-box .bootstrap-select .dropdown-menu {

    margin: 0;

    padding: 0;

    border-radius: 0;

    border: 0px solid #ddd;

    font-size: 14px;

    color: #000000;

    background: #f9f9f9;

    z-index: 999999999;

}

.shorting-box .selects-box .dropdown-item {

    display: block;

    width: 100%;

    padding: 3px 10px 3px;

    font-weight: 400;

    color: #222222;

    text-align: inherit;

    white-space: nowrap;

    background-color: transparent;

    border: 0;

    border-radius: 0;

    transition: all 500ms ease;

    font-family: 'Open Sans', sans-serif;

}

.shorting-box .selects-box .dropdown-item.active,

.shorting-box .selects-box .dropdown-item:active {

    color: #fff;

}

.shorting-box .selects-box .dropdown-item:hover {

    color: #fff;

}







.showing-box{

    position: relative;

    display: inline-block;

    float: left;

    padding-left: 70px;

}

.showing-box .title{

    position: absolute;

    top: 0;

    left: 0;    

}

.showing-box .title h5{

    color: #000000;

    font-size: 14px;

    line-height: 30px;

    font-weight: 600;    

}

.showing-box .selects-box {

    position: relative;

    display: block;

    width: 60px;

}

.showing-box .selects-box .bootstrap-select {

    position: relative;

    display: block;

}

.showing-box .selects-box .bootstrap-select>.dropdown-toggle {

    position: relative;

    display: block;

    outline: none !important;

    border-radius: 5px;

    border: 1px solid #e5e5e7;

    height: 30px;

    background-color: transparent !important;

    margin: 0;

    padding: 0;

    padding-left: 5px;

    color: #798795 !important;

    font-size: 13px;

    line-height: 28px;

    box-shadow: none !important;

    font-weight: 500;

    font-family: 'Open Sans', sans-serif;

}

.showing-box .selects-box .bootstrap-select>.dropdown-toggle::after {

    position: absolute;

    top: 50%;

    right: 0px;

    width: auto;

    height: 24px;

    font-family: 'FontAwesome';

    content: '\f107';

    color: #798795;

    font-size: 14px;

    line-height: 24px;

    font-weight: 400;

    transform: translateY(-50%);

    margin: 0;

    border: none;

    background: #ffffff;

    padding-left: 5px;

    padding-right: 10px;

}



.showing-box .selects-box .bootstrap-select .dropdown-menu {

    margin: 0;

    padding: 0;

    border-radius: 0;

    border: 0px solid #ddd;

    font-size: 14px;

    color: #000000;

    background: #f9f9f9;

    z-index: 999999999;

}

.showing-box .selects-box .dropdown-item {

    display: block;

    width: 100%;

    padding: 3px 10px 3px;

    font-weight: 400;

    color: #222222;

    text-align: inherit;

    white-space: nowrap;

    background-color: transparent;

    border: 0;

    border-radius: 0;

    transition: all 500ms ease;

    font-family: 'Open Sans', sans-serif;

}

.showing-box .selects-box .dropdown-item.active,

.showing-box .selects-box .dropdown-item:active {

    color: #fff;

}

.showing-box .selects-box .dropdown-item:hover {

    color: #fff;

}





.shop-pagination-box{

    position: relative;

    display: inline-block;

    float: right;

}





.styled-pagination2{

	position:relative;

    overflow: hidden;

}

.styled-pagination2 li{

	position:relative;

	display:inline-block;

    float: left;

	margin-right: 10px;

}

.styled-pagination2 li:last-child{

    margin-right: 0;

}

.styled-pagination2 li a{

	position: relative;

	display: inline-block;

	width: 30px;

	height: 30px;

	color: #798795;

	font-size: 13px;

	line-height: 28px;

	font-weight: 400;

	text-align: center;

	border-radius: 5px;

	background: #ffffff;

	border: 1px solid #e5e5e7;

	text-transform: capitalize;

	transition: all 500ms ease;

	font-family: 'Open Sans', sans-serif;

}

.styled-pagination2 li a:hover,

.styled-pagination2 li a.active{

	color: #ffffff;

	border-color: #000000;

	background-color: #000000;

}

.styled-pagination2 li.prev a,

.styled-pagination2 li.next a{

	color:#949494;

}

.styled-pagination2 li.prev a:hover,

.styled-pagination2 li.next a:hover{

	color :#ffffff;

	border-color: #000000;

	background-color: #000000;

}







/*** 

=============================================

   Single Shop Area style

=============================================

***/

#shop-area.single-shop-area {

    padding-top: 120px;

    padding-bottom: 120px;

}

.single-product-image-holder {

    position: relative;

    display: block;

}

.single-product-image-holder .bx-wrapper {

    position: relative;

    margin: 0;

    padding: 0;

}

.single-product-image-holder .bx-wrapper .bx-viewport {

    box-shadow: none;

    border: 0px solid;

    left: 0px;

    background: #fff;

    transform: translatez(0);

}



.single-product-image-holder .slider-content{

    position: relative;

    display: block;

}

.single-product-slide{

    position: relative;

    display: block;

}

.single-product-slide .big-image-box{

    position: relative;

    display: block;

    overflow: hidden;

}

.single-product-slide .big-image-box img{

    width: 100%;

    transition: .5s ease;

    transform: scale(1.05);

}

.single-product-slide:hover .big-image-box img{

    transform: scale(1);        

}





.single-product-image-holder .slider-pager {

    position: relative;

    display: block;

    max-width: 460px;

    width: 100%;

    padding: 0 31px;

}

.single-product-image-holder .slider-pager .thumb-box {

    position: relative;

    display: block;

    overflow: hidden;

    margin-left: -5px;

    margin-right: -5px;

}

.single-product-image-holder .slider-pager .thumb-box li {

    position: relative;

    display: inline-block;

    float: left;

    margin: 0 5px 10px;

}

.single-product-image-holder .slider-pager .thumb-box li a{

    position: relative;

    display: inline-block;    

}

.single-product-image-holder .slider-pager .thumb-box li .img-holder{

    position: relative;

    display: block;

    overflow: hidden;

    padding: 1px;

    background: #f3f3f3;

    z-index: 1;

}

.single-product-image-holder .slider-pager .thumb-box li .img-holder:before{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    transition: all 200ms linear;

    transition-delay: 0.1s;

    opacity: 0;

    content: "";

}





.single-product-image-holder .slider-pager .thumb-box li a.active .img-holder:before{

    opacity: 1;    

}







.single-product-image-holder .slider-pager ul.nav-link {

    position: absolute;

    top: -100px;

    left: 0;

    margin: 0;

    padding: 0;

    bottom: 0;

    right: 0;

    height: 30px;

}

.single-product-image-holder .slider-pager ul.nav-link li#slider-prev {

    position: absolute;

    top: 0;

    left: 0;

    width: 30px;

    height: 40px;

}

.single-product-image-holder .slider-pager ul.nav-link li#slider-next {

    position: absolute;

    top: 0;

    right: 0;

    width: 30px;

    height: 30px;

}

.single-product-image-holder .slider-pager ul.nav-link li a {

    position: relative;

    display: block;

    background: #ffffff;

    width: 30px;

    height: 30px;

    border-radius: 0%;

    color: #848484;

    text-align: center;

    font-size: 16px;

    line-height: 28px;

    border: 1px solid #eeeeee;

    transition: .5s ease;

}

.single-product-image-holder .slider-pager ul.nav-link li a:hover{

    color: #ffffff;

    border-color: #000000;

    background: #000000;

}







.single-shop-content .content-box {

    position: relative;

    display: block;

}

.single-shop-content .content-box .top{

    position: relative;

    display: block;

}

.single-shop-content .content-box .top .title-box {

    position: relative;

    display: block;

    margin-top: -5px;

}

.single-shop-content .content-box .top .title-box h3{

    color: #000000;

    font-size: 18px;

    line-height: 24px;

    font-weight: 600;

    margin: 0 0 17px;

}



.rating-box h5{

    color: #000000;

    font-size: 13px;

    line-height: 20px;

    font-weight: 700;

    margin: 8px 0 0;

    font-family: 'Open Sans', sans-serif;

}

.rating-box span.review-text{

    position: relative;

    display: inline-block;

    padding-left: 20px;

    color: #798795;

    font-size: 13px;

    font-weight: 400;

}





.single-shop-content .content-box .top .price-box {

    position: relative;

    margin-top: 18px;

    margin-bottom: 24px;

    display: flex;

    flex-direction: row;

    justify-content: flex-start;

    align-items: center;

    flex-wrap: wrap;

}

.single-shop-content .content-box .top .price-box .left{

    position: relative;

    display: block;    

}

.single-shop-content .content-box .top .price-box .left h3{

    color: #000000;

    font-size: 24px;

    line-height: 30px;

    font-weight: 700;

    font-family: 'Open Sans', sans-serif;

}

.single-shop-content .content-box .top .price-box .left h3 del{

    position: relative;

    top: -1px;

    display: inline-block;

    padding-left: 10px;

    color: #798795;

    font-size: 16px;

    line-height: 20px;

    font-weight: 400;

}

.single-shop-content .content-box .top .price-box .right{

    position: relative;

    display: block;

    padding-left: 100px;

}

.single-shop-content .content-box .top .price-box .right p{

    color: #000000;

    font-size: 13px;

    line-height: 20px;

    font-weight: 700;

    margin: 0;

}

.single-shop-content .content-box .top .price-box .right p span{

    position: relative;

    display: inline-block;

    padding-left: 10px;

    color: #798795;

    text-transform: uppercase;

}



.product-info-box {

    position: relative;

    display: flex;

    flex-direction: row;

    justify-content: flex-start;

    align-items: center;

    flex-wrap: wrap;

    border: 1px solid #ededed;

    width: 310px;

    padding: 0 8px;

}

.product-info-box .product-size{

    position: relative;

    display: block;

}

.product-info-box .product-size ul{

    overflow: hidden;

}

.product-info-box .product-size ul li{

    position: relative;

    display: inline-block;

    float: left;

}

.product-info-box .product-size ul li a{

    position: relative;

    display: block;

    width: 25px;

    height: 25px;

    background: transparent;

    border-radius: 50%;

    text-align: center;

    color: #000000;

    font-size: 13px;

    line-height: 25px;

    font-weight: 700;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}

.product-info-box .product-size ul li:hover a,

.product-info-box .product-size ul li.active a{

    color: #ffffff;

}





.product-quantity-box {

    position: relative;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-items: center;

    border-left: 1px solid #ededed;

    padding-left: 10px;

    margin-left: 10px;

}

.product-quantity-box .left{

    position: relative;

    display: block;

    padding-right: 10px;

}

.product-quantity-box .left h6{

    color: #798795;

    font-size: 13px;

    font-weight: 700;

    text-transform: capitalize;

    font-family: 'Open Sans', sans-serif;

}



.product-quantity-box .input-group.bootstrap-touchspin {

    position: relative;

    width: 110px;

    height: 50px;

}

.product-quantity-box input.quantity-spinner.form-control {

    position: relative;

    display: block;

    padding: 0;

    width: 50px;

    flex: none;

    height: 50px;

    color: #1b1b1b;

    font-size: 18px;

    font-weight: 600;

    border: 0px solid #ededed;

    outline: none;

    margin: 0 auto;

    text-align: center;

    font-family: 'Poppins', sans-serif;

}



.product-quantity-box .bootstrap-touchspin .input-group-btn-vertical {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    width: 100%;

}

.product-quantity-box .bootstrap-touchspin .input-group-btn-vertical .btn {

    position: relative;

    display: block;

    margin-left: 0px;

    background: #ffffff;

    border: 0px solid #ededed;

    color: #1b1b1b;

    cursor: pointer;

    height: 50px;

    width: 30px;

    margin: 0;

    padding: 0;

}

.product-quantity-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {

    border-radius: 0;

    float: right;

    border-left: none;

}

.product-quantity-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {

    border-radius: 0;

    float: left;

    border-right: none;

}

.product-quantity-box .bootstrap-touchspin .input-group-btn-vertical .btn.bootstrap-touchspin-up:before {

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    font-family: FontAwesome;

    content: "\f067";

    color: #1b1b1b;

    font-size: 12px;

    padding: 0;

    line-height: 50px;

}

.product-quantity-box .bootstrap-touchspin .input-group-btn-vertical .btn.bootstrap-touchspin-down:before {

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    font-family: FontAwesome;

    content: "\f068";

    color: #1b1b1b;

    font-size: 12px;

    padding: 0;

    line-height: 50px;

}





.single-shop-content .content-box .text {

    position: relative;

    display: block;

    overflow: hidden;

    border-bottom: 1px solid #ededed;

    padding-bottom: 23px;

    margin-top: 24px;

}

.single-shop-content .content-box .text p{

    color: #798795;

    font-size: 14px;

    line-height: 24px;

    font-weight: 400;

    margin: 0;

}





.share-products-socials {

    position: relative;

    display: block;

    overflow: hidden;

    margin-top: 30px;

}

.share-products-socials h5{

    position: relative;

    display: inline-block;

    float: left;

    color: #000000;

    font-size: 14px;

    line-height: 50px;

    font-weight: 600;

    text-transform: uppercase;

    font-family: 'Poppins', sans-serif;

}

.share-products-socials ul {

    position: relative;

    display: inline-block;

    float: left;

    margin-left: 10px;

}

.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: 50px;

    height: 50px;

    border-radius: 0%;

    color: #9c9c9c;

    font-size: 14px;

    line-height: 48px;

    text-align: center;

    border: 1px solid #ededed;

    transition: all 500ms ease;

}

.share-products-socials ul li a:hover i{

    color: #ffffff;

}





.addto-cart-box {

    position: relative;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-items: center; 

    margin-top: 40px;

}

.addto-cart-box .cart-box{

    position: relative;

    display: block;    

}

.addto-cart-box .cart-box button.addtocart {

    position: relative;

    display: inline-block;

    padding-left: 20px;

    padding-right: 5px;

    background: #ffffff;

    color: #000000;

    font-size: 13px;

    line-height: 50px;

    font-weight: 600;

    text-transform: uppercase;

    cursor: pointer;

    border-radius: 30px;

    font-family: 'Open Sans', sans-serif;

    transition: all 200ms linear;

    transition-delay: 0.1s;

    -webkit-box-shadow: 0px 2px 0px 1px #e5e5e5; 

    box-shadow: 0px 2px 0px 1px #e5e5e5;

}

.addto-cart-box .cart-box button.addtocart span:before {

    position: relative;

    display: inline-block;

    margin-left: 15px;

    text-align: center;

    width: 35px;

    height: 35px;

    border-radius: 50%;

    color: #ffffff;

    font-size: 16px;

    line-height: 35px;

}

.addto-cart-box .cart-box button.addtocart:hover{

    color: #ffffff;

    background: #0a0a0a;

    box-shadow: none;

}





.addto-cart-box .menu-box{

    position: relative;

    display: block;

}

.addto-cart-box .menu-box ul{

   margin-left: 10px;

}

.addto-cart-box .menu-box ul li{

    position: relative;

    display: inline-block;

    float: left;

    margin-right: 10px;

}

.addto-cart-box .menu-box ul li:last-child{

    margin-right: 0;

}

.addto-cart-box .menu-box ul li a{

    position: relative;

    display: block;

    text-align: center;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    color: #798795;

    font-size: 16px;

    line-height: 40px;

    -webkit-box-shadow: 0px 2px 0px 1px #e5e5e5; 

    box-shadow: 0px 2px 0px 1px #e5e5e5;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}

.addto-cart-box .menu-box ul li a:hover{

    color: #ffffff;

    box-shadow: none;

}







.product-tab-box {

    position: relative;

    display: block;

    overflow: hidden;

    margin-top: 52px;

    border: 1px solid #ededed;

    padding: 50px 50px 50px;

}

.product-tab-box .tab-btns {

    position: relative;

    display: block;

    margin-bottom: 30px;

    z-index: 1;

}

.product-tab-box .tab-btns .tab-btn {

    position: relative;

    display: inline-block;

    float: left;

    margin-right: 5px;

}

.product-tab-box .tab-btns .tab-btn:last-child{

    margin-right: 0;

}

.product-tab-box .tab-btns .tab-btn span {

    position: relative;

    display: block;

    background: #f3f3f3;

    border-radius: 5px;

    cursor: pointer;

    margin: 0;

    padding: 11px 20px 12px;

    color: #333333;

    font-size: 13px;

    font-weight: 700;

    text-transform: uppercase;

    transition: all 500ms ease;

    font-family: 'Open Sans', sans-serif;

}

.product-tab-box .tab-btns .tab-btn.active-btn span, 

.product-tab-box .tab-btns .tab-btn:hover span{

    color: #ffffff;

}



.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;	

}





.product-details-content{

    position: relative;

    display: block;

}

.product-details-content .desc-content-box{

    position: relative;

    display: block;    

}

.product-details-content .desc-content-box p{

    color: #798795;

    font-size: 16px;

    line-height: 30px;

    font-weight: 400;

}

.product-details-content .desc-content-box .bottom {

    position: relative;

    display: block;

    padding-top: 15px;

}

.product-details-content .desc-content-box .bottom h5{

    color: #000000;

    font-size: 15px;

    line-height: 30px;

    font-weight: 700;

    font-family: 'Open Sans', sans-serif;

}

.product-details-content .desc-content-box .bottom ul{

    position: relative;

    display: block;

    overflow: hidden;

    margin-top: 13px;

    padding-left: 20px;

}

.product-details-content .desc-content-box .bottom ul li{

    position: relative;

    display: block;

    padding-left: 20px;

    line-height: 28px;

    color: #687588;

    font-size: 15px;

    font-weight: 500;

}

.product-details-content .desc-content-box .bottom ul li:before {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    width: 10px;

    height: 10px;

    border: 1px solid #000000;

    border-radius: 50%;

    content: "";

    margin: 10px 0;

}







.product-tab-box .review-form {

    position: relative;

    display: block;

}

.product-tab-box .review-form .shop-page-title{

    padding-bottom: 29px;

}

.product-tab-box .review-form .shop-page-title .title{

    color: #000000;

    font-size: 20px;

    line-height: 30px;

    font-weight: 600;

    margin: 0 0 4px;

    text-transform: capitalize;

    font-family: 'Poppins', sans-serif;

}

.product-tab-box .review-form .shop-page-title p{

    margin: 0;

}

.product-tab-box .review-form .shop-page-title p b{

    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 p {

    position: relative;

    display: inline-block;

    float: left;

    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 {

    font-size: 14px;

    line-height: 20px;

    opacity: 1;

    transition: all 500ms ease 0s;

}





.product-tab-box .review-form .input-box p{

    font-size: 15px;

    line-height: 20px;

    font-weight: 500;

    margin: 0 0 5px;

}

.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: 50px;

    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: 150px;

    padding: 10px 20px;

    margin-bottom: 40px;

}

.product-tab-box .review-form form button { }

.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;  

}







.review-box-holder {

    position: relative;

    display: block;

}

.review-box-holder .single-review-outer-box {

    position: relative;

    display: block;

    padding: 34px 39px 32px;

    border: 1px solid #ededed;

    margin-bottom: 20px;

}

.review-box-holder .single-review-box {

    position: relative;

    display: block;

    padding-left: 70px;

}

.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: 25px;

}

.review-box-holder .single-review-box .text-holder .top {

    position: relative;

    display: block;

    overflow: hidden;

    margin: 0 0 12px;

}

.review-box-holder .single-review-box .text-holder .top .name h3 {

    color: #000000;

    font-size: 16px;

    font-weight: 600;

    line-height: 22px;

    margin: 0 0 7px;

    text-transform: capitalize;

}

.review-box-holder .single-review-box .text-holder .top .name h3 span{

    color: #7e7e7e;

    font-size: 16px;

    font-weight: 400;

    text-transform: none;

    font-family: 'Open Sans', 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;

    float: left;

    margin-right: 4px;

}

.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 {

    font-size: 14px;

}

.review-box-holder .single-review-box .text-holder .text p {

    margin: 0;

}







/*** 

=============================================

   Cart area  style

=============================================

***/

.cart-area {

    padding-top: 120px;

    padding-bottom: 120px;

}

.cart-area .auto-container-box{

    position: static;

    max-width: 1400px;

    padding: 0px 15px;

    margin: 0 auto;    

}

.cart-area .table-outer {

    position: relative;

    width: 100%;

    overflow-x: auto;

}

.cart-area .cart-table {

    min-width: 1024px;

    width: 100%;

}

.cart-area .cart-table .cart-header {

    position: relative;

    width: 100%;

}



.cart-area .cart-table thead tr {

    border: 1px solid #ededed;

    background: #ffffff;

}

.cart-area .cart-table thead tr th {

    color: #000000;

    font-size: 14px;

    line-height: 24px;

    font-weight: 700;

    text-transform: uppercase;

    text-align: center;

    min-width: 160px;

    padding: 22px 40px;

    border: 1px solid #ededed;

    font-family: 'Open Sans', sans-serif;

}





.cart-area .cart-table tbody tr {

    border-bottom: 1px solid #ededed;

}

.cart-area .cart-table tbody tr td {

    min-width: 160px;

    padding: 20px 30px;

    border: 1px solid #ededed;

}

.cart-area .cart-table tbody tr .prod-column .column-box {

    position: relative;

    min-height: 120px;

}

.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb {

    width: 120px;

}

.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%;

    border: 1px solid #ededed;

}





.cart-area .cart-table tbody tr td.description {

    min-width: 300px;

    padding: 20px 30px;

    border: 1px solid #ededed;

}

.product-description{

    position: relative;

    display: block;

}

.product-description h4{

    color: #000000;

    font-size: 16px;

    line-height: 24px;

    font-weight: 600;

    margin: 0 0 7px;

    font-family: 'Open Sans', sans-serif;

}

.product-description p{

    color: #798795;

    font-size: 13px;

    line-height: 24px;

    font-weight: 400;

    margin: 0;

}



.cart-area .cart-table tbody tr td.model{

    text-align: center;

}

.cart-area .cart-table tbody tr td.model p{

    color: #798795;

    font-size: 13px;

    font-weight: 400;

    margin: 0;

}



.cart-area .cart-table tbody tr td.edit{

    text-align: center;

}

.product-edit-delet-button {

    position: relative;

    display: block;

}

.product-edit-delet-button .button {

    margin: 10px 0;

}

.product-edit-delet-button .button a{

    color: #798795;

    font-size: 20px;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}

.product-edit-delet-button .button a:hover{

    color: #000000;

}





.cart-area .cart-table tbody tr td.qty{

    

}

.cart-area .cart-table tbody tr td.qty .product-quantity-box {

    border-left: 0px solid;

    padding-left: 10px;

    margin-left: 10px;

}



.cart-area .cart-table tbody tr td.price {

    color: #798795;

    font-size: 13px;

    font-weight: 500;

    text-align: center;

}

.cart-area .cart-table tbody tr td.sub-total {

    color: #798795;

    font-size: 13px;

    font-weight: 500;

    text-align: center;

}





.cart-button {

    position: relative;

    display: block;

    border: 1px solid #ededed;

    border-top: none;

    padding: 10px 30px 20px;

}

.cart-button button {

    color: #ffffff;

    background: #000000;

    border-color: #000000;

    line-height: 46px;

    padding: 0 15px;

    margin-top: 10px;

}





.cart-bottom-box {}

.estimate-form-box{

    position: relative;

    display: block;

    border: 1px solid #ededed;

    padding: 26px 20px 30px;

    border-radius: 10px;

    margin-top: 50px;

}

.estimate-form-box .title{

    position: relative;

    display: block;

    padding-bottom: 18px;

}

.estimate-form-box .title h4{

    color: #000000;

    font-size: 16px;

    line-height: 22px;

    font-weight: 700;

}

.estimate-form-box .input-box{

    position: relative;

    display: block;

    padding-bottom: 9px;

}

.estimate-form-box .input-box p{

    color: #333333;

    font-size: 13px;

    line-height: 20px;

    font-weight: 600;

    margin: 0 0 5px;

}

.estimate-form-box .input-box input[type="text"]{

    position: relative;

    display: block;

    padding: 0 10px;

    width: 100%;

    height: 40px;

    background: #f3f3f3;

    color: #798795;

    font-size: 13px;

    font-weight: 600;

    transition: all 500ms ease 0s;

}

.estimate-form-box .button-box{

    position: relative;

    display: block;

    overflow: hidden;

    padding-top: 11px;

}

.estimate-form-box .button-box button {

    color: #ffffff;

    line-height: 46px;

    background: #000000;

    border-color: #000000;

    padding: 0 30px;

    float: right;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.estimate-form-box .input-box input[type="text"]::-webkit-input-placeholder {

    color: #798795;

}

.estimate-form-box .input-box input[type="text"]:-moz-placeholder {

    color: #798795;

}

.estimate-form-box .input-box input[type="text"]::-moz-placeholder {

    color: #798795;

}

.estimate-form-box .input-box input[type="text"]:-ms-input-placeholder {

    color: #798795;

}









.discount-form-box{

    position: relative;

    display: block;

    border: 1px solid #ededed;

    padding: 26px 20px 30px;

    border-radius: 10px;

    margin-top: 50px;

}

.discount-form-box .title{

    position: relative;

    display: block;

    padding-bottom: 18px;

}

.discount-form-box .title h4{

    color: #000000;

    font-size: 16px;

    line-height: 22px;

    font-weight: 700;

}

.discount-form-box .input-box{

    position: relative;

    display: block;

    padding-bottom: 9px;

}

.discount-form-box .input-box p{

    color: #333333;

    font-size: 13px;

    line-height: 20px;

    font-weight: 600;

    margin: 0 0 5px;

}

.discount-form-box .input-box input[type="text"]{

    position: relative;

    display: block;

    padding: 0 10px;

    width: 100%;

    height: 40px;

    background: #f3f3f3;

    color: #798795;

    font-size: 13px;

    font-weight: 600;

    transition: all 500ms ease 0s;

}

.discount-form-box .button-box{

    position: relative;

    display: block;

    overflow: hidden;

    padding-top: 11px;

}

.discount-form-box .button-box button {

    color: #ffffff;

    line-height: 46px;

    background: #000000;

    border-color: #000000;

    padding: 0 30px;

    float: right;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}

.discount-form-box .input-box input[type="text"]::-webkit-input-placeholder {

    color: #798795;

}

.discount-form-box .input-box input[type="text"]:-moz-placeholder {

    color: #798795;

}

.discount-form-box .input-box input[type="text"]::-moz-placeholder {

    color: #798795;

}

.discount-form-box .input-box input[type="text"]:-ms-input-placeholder {

    color: #798795;

}







.checkout-form-box{

    position: relative;

    display: block;

    border: 1px solid #ededed;

    padding: 21px 20px 30px;

    border-radius: 10px;

    margin-top: 50px;

}

.checkout-form-box ul {

    position: relative;

    display: block;

    overflow: hidden;

    float: right;

    width: 100%;

    text-align: right;

}

.checkout-form-box ul li{

    position: relative;

    display: block;

    color: #000000;

    font-size: 16px;

    line-height: 30px;

    font-weight: 600;

}

.checkout-form-box .button-box{

    position: relative;

    display: block;

    overflow: hidden;

    padding-top: 11px;

    float: right;

}

.checkout-form-box .button-box button {

    color: #ffffff;

    line-height: 46px;

    background: #000000;

    border-color: #000000;

    padding: 0 30px;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}







/*** 

=============================================

   Checkout area  style

=============================================

***/

.checkout-area{

    position: relative;

    display: block;

    padding: 120px 0 120px;

}

.checkout-form{

    position: relative;

    display: block;

}

.buyer-info{

    position: relative;

    display: block;

}

.buyer-info .top {

    position: relative;

    background: #fcfcfc;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

    padding: 21px 30px 20px;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

}

.buyer-info .top h5{

    color: #000000;

    font-size: 16px;

    line-height: 20px;

    font-weight: 600;

    text-transform: uppercase;

} 

.buyer-info .top .left{}

.buyer-info .top .right{}

.buyer-info .form-box {

    position: relative;

    display: block;

    padding: 50px 100px 30px;

    border: 1px solid #ededed;

    border-top: none;

}

.buyer-info .form-box .input-box{

    position: relative;

    display: block;

    padding-left: 100px;

    margin-bottom: 20px;

}

.buyer-info .form-box .input-box .left {

    position: absolute;

    top: 0;

    left: 0;

    width: 100px;

    text-align: right;

    padding-right: 10px;

}

.buyer-info .form-box .input-box p{

    color: #798795;

    font-size: 13px;

    line-height: 30px;

    font-weight: 600;

    margin: 0;

}

.buyer-info .form-box .input-box input[type="text"]{

    position: relative;

    padding: 0 10px;

    width: 100%;

    height: 30px;

    background: #f3f3f3;

    color: #798795;

    font-size: 13px;

    font-weight: 500;

    border-radius: 5px;

    transition: all 500ms ease 0s;

    font-family: 'Open Sans', sans-serif;

}





.billing-info{

    position: relative;

    display: block;    

}

.billing-info .top{

    position: relative;

    background: #fcfcfc;

    padding: 21px 30px 20px;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;    

}

.billing-info .top h5{

    color: #000000;

    font-size: 16px;

    line-height: 20px;

    font-weight: 600;

    text-transform: uppercase;    

}

.billing-info .inner-box{

    position: relative;

    display: block;

    padding: 46px 100px 45px;

    border: 1px solid #ededed;

    border-top: none;    

}

.billing-info .inner-box h5{

    position: relative;

    display: block;

    padding-bottom: 6px;

    border-bottom: 1px solid #f3f6fb;

    color: #000000;

    font-size: 16px;

    line-height: 20px;

    font-weight: 700;

    font-family: 'Open Sans', sans-serif;

}

.billing-info .inner-box ul{

    position: relative;

    display: block;

    overflow: hidden;

    padding: 20px 0 20px;

    border-bottom: 1px solid #f3f6fb;

    margin-bottom: 17px;

}

.billing-info .inner-box ul li{

    position: relative;

    display: block;

    color: #798795;

    font-size: 13px;

    line-height: 30px;

    font-weight: 500;

}

.billing-info .inner-box ul li span{

    position: relative;

    display: inline-block;

    padding-left: 40px;

}

.billing-info .inner-box h4{

    color: #000000;

    font-size: 16px;

    line-height: 20px;

    font-weight: 500;

    font-family: 'Open Sans', sans-serif;

}







.payment-info{

    position: relative;

    display: block;

    margin-top: 40px;

}

.payment-info .top{

    position: relative;

    background: #fcfcfc;

    padding: 21px 30px 20px;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;    

}

.payment-info .top h5{

    color: #000000;

    font-size: 16px;

    line-height: 20px;

    font-weight: 600;

    text-transform: uppercase;    

}

.payment-info .inner-box{

    position: relative;

    display: block;

    padding: 42px 100px 30px;

    border: 1px solid #ededed;

    border-top: none;    

}

.payment-info .inner-box p{

    color: #798795;

    font-size: 13px;

    line-height: 24px;

    font-weight: 500;

    margin: 0;

}



.payment-tab{

    position: relative;

    display: block;

    padding-top: 22px;

}

.payment-tab .tab-btns{

    position: relative;

    display: block;

    padding-bottom: 47px;

}

.payment-tab .tab-btns li{

    position: relative;

    display: inline-block;

    float: left;

    margin-right: 5px;

}

.payment-tab .tab-btns li:last-child{

    margin-right: 0;

}

.payment-tab .tab-btns li i{

    position: relative;

    display: block;

    color: #e5e5e7;

    font-size: 35px;

    cursor: pointer;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}











.payment-tab .tabs-content {

    position: relative;

    display: block;

}

.payment-tab .tabs-content .tab{

	position: relative;

	display: none;

}

.payment-tab .tabs-content .tab.active-tab{

	display: block;	

}

.payment-input-box{}

.payment-input-box .input-box{

    position: relative;

    display: block;

    padding-left: 110px;

    margin-bottom: 20px;

}

.payment-input-box .input-box .left {

    position: absolute;

    top: 0;

    left: 0;

    width: 110px;

    text-align: right;

    padding-right: 10px;

}

.payment-input-box .input-box p{

    color: #798795;

    font-size: 13px;

    line-height: 30px;

    font-weight: 600;

    margin: 0;

}

.payment-input-box .input-box input[type="text"]{

    position: relative;

    padding: 0 10px;

    width: 100%;

    height: 30px;

    background: #f3f3f3;

    color: #798795;

    font-size: 13px;

    font-weight: 500;

    border-radius: 5px;

    transition: all 500ms ease 0s;

    font-family: 'Open Sans', sans-serif;

}



.place-order-button-box{

    position: relative;

    display: block;

    padding-top: 50px;

}

.place-order-button-box button{

    color: #ffffff;

    background: #000000;

    border-color: #000000;

    line-height: 56px;

    padding: 0 50px;  

}







/*** 

=============================================

    Login Register Area style

=============================================

***/

.login-register-area {

    position: relative;

    display: block;

    padding-top: 114px;

    padding-bottom: 115px;

}

.login-register-area .form .shop-page-title{

    padding-bottom: 22px;

}

.login-register-area .form .shop-page-title h4{

    color: #000000;

    font-size: 22px;

    line-height: 30px;

    font-weight: 700;

    text-transform: uppercase;

}    



.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: #7e7e7e;

    font-size: 16px;

    margin-bottom: 30px;

    padding-left: 15px;

    padding-right: 50px;

    transition: all 700ms ease 0s;

    font-family: 'Open Sans', sans-serif;

}

.login-register-area .form .input-field .icon-holder {

    position: absolute;

    top: 15px;

    right: 20px;

}

.login-register-area .form .input-field .icon-holder i {

    color: #999999;

    font-size: 14px;

    font-weight: 400;

}

.login-register-area .form button {

    color: #ffffff;

    background: #000000;

    border-color: #000000;

    line-height: 46px;

    padding: 0 30px;

}





.login-register-area .form .remember-text {

    margin-top: 19px;

}

.login-register-area .form .remember-text .checkbox label {

    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: #1b1b1b;

    font-size: 16px;

    font-weight: 600;

    font-family: 'Poppins', sans-serif;

}





.login-register-area .form .social-icon {

    position: relative;

    float: right;

    margin-right: -8px;

}

.login-register-area .form .social-icon .login-with {

    position: absolute;

    left: -100px;

    top: 11px;

    margin: 0;

}

.login-register-area .form .social-icon li {

    display: inline-block;

    margin: 0 8px;

}

.login-register-area .form .social-icon li a i {

    position: relative;

    display: block;

    background: #ffffff;

    width: 50px;

    height: 50px;

    border: 1px solid #e7e7e7;

    color: #9c9c9c;

    font-size: 14px;

    line-height: 48px;

    text-align: center;

    transition: all 700ms ease 0s;

}

.login-register-area .form .social-icon li a:hover i{

    color: #ffffff;

}



.login-register-area .form  .right-button{

    align-items: center;

}

.login-register-area .form .right {

    position: relative;

    display: block;

    overflow: hidden;

    text-align: right;

}

.login-register-area .form .right h6 {

    color: #7e7e7e;

    font-size: 16px;

    font-weight: 400;

}

.login-register-area .form .input-field input[type="text"]:focus{

    border: 1px solid #1d1d1d;    

}







/*** 

=============================================

    header Style3 Css

=============================================

***/

.header-style4{ }

.header-top-style4 {

    position: relative;

    display: block;

    background: #009cdd;

    padding: 13px 0 39px;

}

.header-top-style4 .outer-box{

    position: relative;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-content: center;

    flex-wrap: wrap;

}

.header-top-left-style4{

    position: relative;

    display: block;

}

.header-top-left-style4 h6{

    color: #ffffff;

    font-size: 14px;

    line-height: 28px;

    font-weight: 400;

}

.header-top-left-style4 h6 span{

    position: relative;

    display: inline-block;

    padding-right: 7px;

}



.header-top-right-style4{

    position: relative;

    display: block;

}



.header-contact-info-style4{

    position: relative;

    display: block    

}

.header-contact-info-style4 ul{

    overflow: hidden;

}

.header-contact-info-style4 ul li{

    position: relative;

    display: inline-block;

    float: left;

    padding-right: 31px;

    margin-right: 30px;

    color: #ffffff;

    font-size: 14px;

    font-weight: 400;

}

.header-contact-info-style4 ul li:before {

    position: absolute;

    top: 0px;

    right: 0;

    bottom: 0px;

    width: 2px;

    background-color: rgba(255, 255, 255, 0.30);

    content: "";

}

.header-contact-info-style4 ul li:last-child:before{

    display: none;

}

.header-contact-info-style4 ul li:last-child{

    padding-right: 0;

    margin-right: 0;

}

.header-contact-info-style4 ul li span{

    padding-right: 7px;

}

.header-contact-info-style4 ul li a{

    color: #ffffff;    

}







.header-upper-style4 {

    position: relative;

    display: block;

    margin-top: -30px;

    z-index: 999;

}

.header-upper-style4 .outer-box{

    position: relative;

    display: block;

    padding: 0 30px;

    background: #ffffff;

}





.header-upper-left-style4 {

    position: relative;

    display: block;    

}

.header-upper-left-style4 .logo {

    position: relative;

    display: block;

    padding: 0px 0;

}

.header-upper-left-style4 .logo a{

    position: relative;

    display: inline-block;

}



.header-upper-right-style4{

    position: relative;

    display: block;

}

.header-upper-right-style4 .nav-outer{

    position: relative;

    display: block;

    float: left;

}

.main-menu.style4 .navigation>li>a {

    color: #030e27;

    font-size: 18px;

    font-weight: 700;

    text-transform: uppercase;

	font-family: 'Exo 2', sans-serif;

    padding: 23px 0px 23px;

}







.quote-button-style4 {

    position: relative;

    display: block;

    float: right;

    padding: 20px 0;

    margin-left: 50px;

}

.quote-button-style4 a {

    position: relative;

    display: inline-block;

    padding: 0 40px;

    color: #ffffff;

    font-size: 18px;

    line-height: 48px;

    font-weight: 600;

    text-transform: uppercase;

    font-family: 'Poppins', sans-serif;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}

.quote-button-style4 a:hover{

    color: #ffffff;

    background: #030e27;

}







/*** 

=============================================

    Main Style Style4 Css

=============================================

***/

.main-slider.style4 {

    margin-top: 80px;

}

.main-slider.style4 .slide {

    /*padding: 206px 0px 220px;*/

}





.main-slider.style4 .content h3{

    color: #ffffff;

    font-size: 24px;

    line-height: 1.0em;

    font-weight: 500;

	-webkit-transition: all 1000ms ease;

	-moz-transition: all 100ms ease;

	-ms-transition: all 1000ms ease;

	-o-transition: all 1000ms ease;

	transition: all 1000ms ease;

	-webkit-transform: translateY(80px);

	-moz-transform: translateY(80px);

	-ms-transform: translateY(80px);

	-o-transform: translateY(80px);

	transform: translateY(80px);

}

.main-slider.style4 .content h3:before{

    display: none;

}

.main-slider.style4 .active .content h3{

	opacity: 1;

	-webkit-transform: translateX(0);

	-moz-transform: translateX(0);

	-ms-transform: translateX(0);

	-o-transform: translateX(0);

	transform: translateX(0);

	transition-delay: 1000ms;

}



.main-slider.style4 .content h2{

	font-size: 72px;

	line-height: 1.1em;

	font-weight: 700;

	opacity: 0;

    margin-top: 28px;

    margin-bottom: 46px;

	-webkit-transition: all 1000ms ease;

	-moz-transition: all 100ms ease;

	-ms-transition: all 1000ms ease;

	-o-transition: all 1000ms ease;

	transition: all 1000ms ease;

	-webkit-transform: translateY(80px);

	-moz-transform: translateY(80px);

	-ms-transform: translateY(80px);

	-o-transform: translateY(80px);

	transform: translateY(80px);    

}





.main-slider.style4 .active .content h2{

	opacity: 1;

	-webkit-transform: translateX(0);

	-moz-transform: translateX(0);

	-ms-transform: translateX(0);

	-o-transform: translateX(0);

	transform: translateX(0);

	transition-delay: 1500ms;

}



.main-slider.style4 .content .btns-box{

    position: relative;

	opacity: 0;

	-webkit-transition: all 1000ms ease;

	-moz-transition: all 100ms ease;

	-ms-transition: all 1000ms ease;

	-o-transition: all 1000ms ease;

	transition: all 1000ms ease;

	-webkit-transform: translateY(80px);

	-moz-transform: translateY(80px);

	-ms-transform: translateY(80px);

	-o-transform: translateY(80px);

	transform: translateY(80px);

}

.main-slider.style4 .active .content .btns-box{

	opacity: 1;

	-webkit-transform: translateX(0);

	-moz-transform: translateX(0);

	-ms-transform: translateX(0);

	-o-transform: translateX(0);

	transform: translateX(0);

	transition-delay: 2000ms;

}







.main-slider.style4.home5 .slide {

    padding: 307px 0px 180px;

}

.main-slider.style4.home5 .content h2{

	line-height: 1.0em;

    margin-top: 30px;

    margin-bottom: 44px;    

}

.main-slider.style4.home5 .content h2 span{

    color: #ffffff;

    font-size: 44px;

    font-weight: 400;

}







/*** 

=============================================

    Partner Style4 Area Css

=============================================

***/

.partner-style4-area{

    position: relative;

    display: block;

    padding: 70px 0 30px;

}

.partner-style4-area.gray-bg{

    background: #f7fbff;

}







/*** 

=============================================

    Service Style4 Area Css

=============================================

***/

.service-style4-area{

    position: relative;

    display: block;

    background: #ffffff;

    padding: 0px 0 34px;

}

.service-style4-area .title {

    position: relative;

    display: block;

    text-align: center;

    padding: 0px 0 60px;

}

.service-style4-area .title h1{

    font-size: 32px;

    line-height: 44px;

}

.service-style4-area .title h1 a{

    position: relative;

    display: inline-block;

}

.service-style4-area .title h1 a:before{

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    right: 0;

    height: 1px;

}



.single-service-style4 {

    position: relative;

    display: block;

    text-align: center;

    max-width: 400px;

    width: 100%;

    margin: 0 auto 40px;

}

.single-service-style4 .img-holder {

    position: relative;

    display: block;

    padding: 35px 35px 0;

    margin-bottom: -25px;

    z-index: 10;

}

.single-service-style4 .img-holder:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0px;

    bottom: 25px;

    right: 0px;

    border: 1px solid #e9e9e9;

    border-bottom: none;

    z-index: -1;

}

.single-service-style4 .img-holder .inner{

    position: relative;

    display: block;

    overflow: hidden;

    z-index: 2;

}

.single-service-style4 .img-holder .inner:before {

    content: "";

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    opacity: 1;

    z-index: 1;

    transform: scaleY(0.9) rotateX(90deg);

    -webkit-transform-origin: left;

    -ms-transform-origin: left;

    transform-origin: left;

    background-color: #110d3d;

    opacity: .70;

    transition: all 0.9s cubic-bezier(0.62, 0.21, 0.45, 1.22);  

}

.single-service-style4:hover .img-holder .inner:before{

    transform: scaleY(1.0) rotateX(0deg);

    transition: all 0.7s cubic-bezier(0.62, 0.21, 0.45, 1.22);  

}

.single-service-style4 .img-holder .inner img {

    width: 100%;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}

.single-service-style4:hover .img-holder .inner img{

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);    

}



.single-service-style4 .text-holder {

    position: relative;

    display: block;

    background: #110d3d;

    padding: 57px 30px 32px;

    z-index: 1;

}

.single-service-style4 .text-holder:before{

    content: "";

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    opacity: 1;

    z-index: -1;

    transform: scaleX(0.3) rotateX(90deg);

    -webkit-transform-origin: top;

    -ms-transform-origin: top;

    transform-origin: top;

    transition: all 0.9s cubic-bezier(0.62, 0.21, 0.45, 1.22);  

}

.single-service-style4:hover .text-holder:before{

    transform: scaleX(1.0) rotateX(0deg);    

}

.single-service-style4 .text-holder h3 {

    font-size: 20px;

    line-height: 30px;

    font-weight: 600;

    margin: 0 0 15px;

}

.single-service-style4 .text-holder h3 a{

    color: #ffffff;

}

.single-service-style4 .text-holder p {

    color: #ffffff;

    font-size: 16px;

    line-height: 28px;

    font-weight: 300;

    margin: 0;

}







/*** 

=============================================

    About Style4 Area style

=============================================

***/

.about-style4-area {

    position: relative;

    display: block;

    background: #f7fbff;

    padding: 45px 0;

}

.about-style4-image-box{

    position: relative;

    display: block;

    padding-left: 50px;

}

.about-style4-image-box .inner{

    position: relative;

    display: block;

    overflow: hidden;

    max-width: 480px;

    width: 100%;    

}

.about-style4-image-box .inner:before{

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    border: 10px solid #ffffff;

}

.about-style4-image-box .inner::after {

    position: absolute;

    top: 10px;

    left: -100%;

    display: block;

    content: '';

    width: 50%;

    bottom: 10px;

    background: linear-gradient(to top, rgba(3,13,40, 0) 0%, rgba(3,13,40, .3) 100%);

    transform: skewX(-25deg);

}

.about-style4-image-box:hover .inner::after{

	-webkit-animation: shine 1.5s;

	animation: shine 1.5s;    

}



.about-style4-image-box .inner img {

    width: 100%;

}

.about-style4-image-box .experience-box{

    position: absolute;

    left: 0;

    bottom: 55px;

    width: 190px;

    border-radius: 10px;

    padding: 81px 25px 33px;

    z-index: 10;

}

.about-style4-image-box .experience-box h2{

    color: #ffffff;

    font-size: 48px;

    margin: 0 0 4px;

}

.about-style4-image-box .experience-box h3{

    color: #ffffff;

    font-size: 24px;

    line-height: 30px;

    font-weight: 700;

}



.about-style4-text-box{

    position: relative;

    display: block;

}

.about-style4-text-box .sec-title{

    padding-bottom: 12px;

}

.about-style4-text-box .sec-title .big-title {

    padding: 0px 0 0;

}

.about-style4-text-box .sec-title .big-title h1 {

    font-size: 45px;

    line-height: 60px;

    text-transform: capitalize;

}



.about-style4-text-box .inner-contant{

    position: relative;

    display: block;    

}

.about-style4-text-box .inner-contant .text{

    position: relative;

    display: block;

    padding-bottom: 10px;

}

.about-style4-text-box .inner-contant .text p{

    color: #565872;

	text-align: justify;

    line-height: 27px;

    font-weight: 400;

}



.about-style4-text-box .inner-contant ul{

    position: relative;

    overflow: hidden;

}

.about-style4-text-box .inner-contant ul li{

    position: relative;

    display: block;

    padding-left: 30px;

    color: #565872;

    font-size: 16px;

    font-weight: 400;

    line-height: 40px;

}

.about-style4-text-box .inner-contant ul li:before{

    position: absolute;

    top: 0;

    left: 1px;

    bottom: 0;

    content: "\f05d";

    font-family: FontAwesome;

    font-size: 18px;

}



.about-style4-author {

    position: relative;

    display: flex;

    align-items: center;

    padding-top: 50px;

}

.about-style4-author .img-box{

    position: relative;

    display: block;

    width: 70px;

}

.about-style4-author .img-box img{

    width: 100%;

    border-radius: 50%;

}

.about-style4-author .title-box{

    position: relative;

    display: block; 

    padding-left: 20px;

}

.about-style4-author .title-box h3{

    color: #565872;

    font-size: 18px;

    font-weight: 700;

    margin: 0 0 3px;

}

.about-style4-author .title-box span{

    color: #565872;

    font-weight: 400;

}







/*** 

=============================================

    Service Style5 Area style

=============================================

***/

.service-style5-area{

    position: relative;

    display: block;

    background: #ffffff;

    padding: 120px 0 0px;

}

.service-style5-area .layer-outer:before {

    background-color: rgba(53, 53, 55, 0.56);

}



.single-service-style5{

    position: relative;

    display: block;

    background: #ffffff;

    padding: 40px 30px 40px;

    box-shadow: 0px 6px 47px 3px rgba(37, 37, 37, 0.05);

    margin-bottom: 40px;

    z-index: 1;

}

.single-service-style5:before{

    content: "";

    position: absolute;

    top: -30px;

    left: -30px;

    bottom: -30px;

    right: -30px;

    opacity: 1;

    z-index: -1;

    transform: scaleX(.0) rotateX(30deg);

    -webkit-transform-origin: center ;

    -ms-transform-origin: center;

    transform-origin: center;

    transition: all 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.22);    

}

.single-service-style5:hover:before{

    opacity: 1;

    transform: scaleX(1.0) rotateX(0deg); 

    transition: all 0.9s cubic-bezier(0.62, 0.21, 0.45, 1.22);    

}



.single-service-style5 .icon {

    position: relative;

    width: 125px;

    height: 125px;

    margin: 0 auto;

    border-radius: 50%;

    font-size: 60px;

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 1;

}

.single-service-style5 .icon:before{

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    border-radius: 50%;

    content: "";

    z-index: -1;

    opacity: .10;

}



.single-service-style5 .icon:after {

    content: "";

    position: absolute;

    top: 0px;

    left: 0px;

    bottom: 0;

    right: 0;

    opacity: 1;

    z-index: -1;

    border-radius: 50%;

    transform: scaleX(0.3) rotateX(90deg);

    -webkit-transform-origin: center ;

    -ms-transform-origin: center;

    transform-origin: center;

    background-color: #ffffff;

    transition: all 0.9s cubic-bezier(0.62, 0.21, 0.45, 1.22);

}

.single-service-style5:hover .icon:after{

    transform: scaleX(1.0) rotateX(0deg);        

}



.single-service-style5 .text-holder{

    position: relative;

    display: block;

    padding-top: 25px;

}

.single-service-style5 .text-holder h3{

    font-size: 18px;

    line-height: 26px;

    font-weight: 600;

    margin: 0 0 15px;

}

.single-service-style5 .text-holder h3 a{

    color: #000000;

    transition: all 500ms linear;

    transition-delay: 0.3s;

}

.single-service-style5:hover .text-holder h3 a{

    color: #ffffff;    

}



.single-service-style5 .text-holder p{

    color: #565872;

    line-height: 30px;

    font-weight: 400;

    margin: 0;

    transition: all 500ms linear;

    transition-delay: 0.3s;

}

.single-service-style5:hover .text-holder p{

    color: #ffffff;

}



.single-service-style5 .counting{

    position: relative;

    display: block;

    width: 40px;

    height: 40px;

    color: #798795;

    font-size: 16px;

    line-height: 40px;

    font-weight: 600;

    text-align: center;

    margin: 16px auto 0;

    z-index: 1;

    transition: all 200ms linear;

    transition-delay: 0.3s;

}

.single-service-style5:hover .counting{

    color: #ffffff;

}

.single-service-style5 .counting:before{

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    border-radius: 50%;

    content: "";

    z-index: -1;

    opacity: .10;

}

.single-service-style5 .counting:after{

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    border-radius: 50%;

    background: #ffffff;

    content: "";

    z-index: -1;

    opacity: .10;

    transform: scale(0);

    transition: all 200ms linear;

    transition-delay: 0.3s;

}

.single-service-style5:hover .counting:after{

    transform: scale(1.0);    

}







/*** 

=============================================

    Skill Area style

=============================================

***/

.skill-area{

    position: relative;

    display: block;

    padding: 0 0 120px;

}

.skill-area.pdtop120{

    padding-top: 120px;

}



.skill-content-box{

    position: relative;

    display: block; 

    padding-right: 40px;

}

.skill-content-box .sec-title{

    padding-bottom: 12px;

}

.skill-content-box .sec-title .big-title {

    padding: 13px 0 0;

}

.skill-content-box .sec-title .big-title h1 {

    font-size: 45px;

    line-height: 60px;

    text-transform: capitalize;

}

.skill-content-box .inner-contant{

    position: relative;

    display: block;    

}

.skill-content-box .inner-contant .text {

    margin-bottom: 39px;

}

.skill-content-box .inner-contant .text p{

    color: #565872;

    font-size: 16px;

    line-height: 30px;

    font-weight: 400;

    margin: 0;

}





.progress-levels{

	position:relative;

	display: block;

    max-width: 470px;

    width: 100%;

}

.progress-levels .progress-box {

    position: relative;

    display: block;

    margin-bottom: 33px;

}

.progress-levels .progress-box.last-child{

    margin-bottom: 0;

}

.progress-levels .progress-box .inner {

    position: relative;

    display: block;

}

.progress-levels .progress-box .inner .text {

    position: relative;

    color: #000000;

    font-size: 14px;

    line-height: 16px;

    font-weight: 700;

    letter-spacing: 0.5px;

    margin: 0 0 17px;

    text-transform: capitalize;

}

.progress-levels .progress-box .bar{

	 position: relative;

	 display: block;

}

.progress-levels .progress-box .bar .bar-innner{

	position: relative;

	width: 100%;

    height: 8px;	

	background: #ebebeb;

    border-radius: 0px;

}

.progress-levels .progress-box .bar .bar-fill{

	position:absolute;

	top: 0%;

	left: 0px;

    bottom: 0%;

	width: 0px;

	height: 8px;

    border-radius: 0px;

	transition: all 2000ms ease 300ms;

}

.progress-levels .progress-box .bar .bar-innner .skill-percent {

    position: absolute;

    top: -40px;

    right: 0;

    width: 40px;

    height: 25px;

    display: block;

    text-align: center;

    padding: 0;

    z-index: 1;

}

.progress-levels .progress-box .inner .count-text {

    position: relative;

    color: #000000;

    font-size: 14px;

    line-height: 20px;

    font-weight: 700;

    display: inline-block;

    float: none;

}

.progress-levels .progress-box .inner .percent {

    position: relative;

    color: #000000;

    font-size: 14px;

    line-height: 20px;

    font-weight: 700;

    display: inline-block;

    float: none;

    margin-left: -2px;

}



.skill-image-box {

    position: relative;

    display: block;

}

.skill-image-box img {

    width: 100%;

}









/*** 

=============================================

    Latest Portfolio Area Css      

=============================================

***/

.portfolio-style4-area{

    position: relative;

    display: block;

    background: #110d3d;

    padding: 120px 0 120px;

}

.portfolio-style4-area .layer-outer{

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background-attachment: fixed;

    background-repeat: no-repeat;

    background-size: cover;

    opacity: .10;

}

.portfolio-style4-area .fullwidth-container{

    position: relative;

    display: block;

    padding: 0 75px;

}

.portfolio-style4-area .fullwidth-container .outer-box{

    position: relative;

    display: block;

}



.portfolio-style4-content {

    position: relative;

    width: 100%;

    height: auto;

    overflow: hidden;

    

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-right: -15px;

    margin-left: -15px;

}

.portfolio-style4-content .portfolio-item-style4 {

    position: relative;

    display: block;

    overflow: hidden;

    padding-right: 15px;

    padding-left: 15px;

    width: 100%;

    -moz-transition: width .7s;

    -o-transition: width .7s;

    -webkit-transition: width .7s;

    transition: width .7s

}

.portfolio-style4-content .portfolio-item-style4.inactive,

.portfolio-style4-content .portfolio-item-style4.active {

    width: 100%

}

.portfolio-item-style4-content{

    position: relative;

    background-size: cover;

    background-position: center;

    display: block;

    height: 540px;

    overflow: hidden;

}

.portfolio-item-style4-content .title-holder{

    position: absolute;

    left: 30px;

    bottom: 30px;

    right: 30px;

    background: #ffffff;

    padding: 26px 30px 27px;

    transform: scaleX(.0) rotateX(30deg);

    -webkit-transform-origin: center;

    -ms-transform-origin: center;

    transform-origin: center;

    transition: all 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.22);

}

.portfolio-item-style4:hover .portfolio-item-style4-content .title-holder{

    opacity: 1;

    transform: scaleX(1.0) rotateX(0deg); 

    transition: all 0.9s cubic-bezier(0.62, 0.21, 0.45, 1.22);       

}



.portfolio-item-style4-content .title-holder span.tag{

    position: relative;

    display: inline-block;

    padding: 0 15px;

    font-size: 13px;

    line-height: 22px;

    font-weight: 400;

    text-transform: uppercase;

    transition: all 0.2s ease-in-out 0.3s;

}

.portfolio-item-style4-content .title-holder h5{

    position: relative;

    font-size: 15px;

    line-height: 22px;

    font-weight: 700;

    margin: 13px 0 10px;

    text-transform: uppercase;

}

.portfolio-item-style4-content .title-holder h5 a{

    color: #000000;

    transition: all 0.2s ease-in-out 0.3s;

}

.portfolio-item-style4-content .title-holder p{

    position: relative;

    color: #798795;

    font-size: 14px;

    line-height: 22px;

    margin: 0;

    transition: all 0.2s ease-in-out 0.3s;

}

.portfolio-item-style4-content .title-holder p span:before{

    position: relative;

    top: 1px;

    left: -2px;

    display: inline-block;

    padding-right: 4px;

    font-size: 16px;

    transition: all 0.2s ease-in-out 0.3s;

}









@media(min-width:1199px) {

    



.portfolio-style4-content {

    height: 540px;

    white-space: nowrap;

}

.portfolio-style4-content .portfolio-item-style4 {

    width: 25%;

    height: 100%;

    display: inline-block;

} 

.portfolio-style4-content .portfolio-item-style4.inactive {

    width: 22%

}

.portfolio-style4-content .portfolio-item-style4.active {

    width: 34%

}    

 

    

}







/*** 

=============================================

    Team style2 Area Css

=============================================

***/

.team-style2-area{

    position: relative;

    display: block;

    background: #ffffff;

    padding: 120px 0 80px;

}

.team-style2-area.pdtop110{

    padding-top: 110px;

}



.single-team-member-style2 {

    position: relative;

    display: block;

    margin-bottom: 40px;

}

.single-team-member-style2 .img-holder {

    position: relative;

    display: block;

    overflow: hidden;

}

.single-team-member-style2 .img-holder::after {

    position: absolute;

    top: 0;

    left: -100%;

    display: block;

    content: '';

    width: 50%;

    height: 100%;

    background: linear-gradient(to right, rgba(3,13,40, 0) 0%, rgba(3,13,40, .3) 100%);

    transform: skewX(-25deg);

}

.single-team-member-style2:hover .img-holder::after{

	-webkit-animation: shine 1.5s;

	animation: shine 1.5s;

}

.single-team-member-style2 .img-holder img{

    width: 100%;

    transform: scale(1.0);

    transition: all 700ms ease;

}

.single-team-member-style2:hover .img-holder img{}



.single-team-member-style2 .title-holder{

    position: relative;

    display: block;

    overflow: hidden;

    margin-top: -35px;

    margin-left: 35px;

    margin-right: 35px;

    background: #ffffff;

    box-shadow: 0px 6px 57px 0px rgba(37, 37, 37, 0.05);

    border-radius: 5px;

    z-index: 1;

}

.single-team-member-style2 .title-holder:before{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    content: "";

    opacity: 0;

    transform: translateY(115px);

    transition: all 0.4s ease-in-out 0.3s;

    z-index: -1;

}

.single-team-member-style2:hover .title-holder:before{

    opacity: 1;

    transform: translateY(0px);

    transition: all 0.4s ease-in-out 0.3s;

}

.single-team-member-style2 .title-holder .inner {

    position: relative;

    display: block;

    overflow: hidden;

    text-align: center;

    padding: 22px 0px 22px;

}

.single-team-member-style2 .title-holder .inner h3 {

    font-size: 20px;

    line-height: 26px;

    font-weight: 700;

    margin-bottom: 10px;

}

.single-team-member-style2 .title-holder .inner h3 a{

    color: #222222;

    transition: all 500ms linear;

    transition-delay: 0.5s;

}

.single-team-member-style2:hover .title-holder .inner h3 a{

    color: #ffffff;

}

.single-team-member-style2 .title-holder .inner span{

    color: #565872;

    font-size: 16px;

    line-height: 30px;

    font-weight: 400;

    transition: all 500ms linear;

    transition-delay: 0.5s;

}

.single-team-member-style2:hover .title-holder .inner span{

    color: #ffffff;

}









/*** 

=============================================

    Fact Counter style2 Area style

=============================================

***/

.fact-counter-style2-area {

    position: relative;

    display: block;

    z-index: 1;

}

.fact-counter-style2-area:before{

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    height: 50%;

    background: #ffffff;

    content: "";

    z-index: -1;

}

.fact-counter-style2-area:after{

    position: absolute;

    left: 0;

    bottom: 0;

    right: 0;

    height: 50%;

    background: #f7fbff;

    content: "";

    z-index: -1;

}

.single-fact-counter-style2 {

    position: relative;

    display: flex;

    align-items: center;

    background: #ffffff;

    padding: 30px 25px 30px;

    padding-right: 20px;

    box-shadow: 0px 6px 47px 3px rgba(37, 37, 37, 0.05);

}

.single-fact-counter-style2 .count-box {

    position: relative;

    display: block;

}

.single-fact-counter-style2 .count-box h1 {

    position: relative;

    display: inline-block;

    float: left;

    font-size: 60px;

    line-height: 50px;

    font-weight: 300;

}

.single-fact-counter-style2 .count-box h1 span{

    position: relative;

    display: inline-block;

}

.single-fact-counter-style2 .count-box .icon {

    position: relative;

    display: inline-block;

    top: 10px;

    padding-left: 3px;

}

.single-fact-counter-style2 .count-box .icon span:before {

    color: #000000;

    font-size: 30px;

    font-weight: 700;

}



.single-fact-counter-style2 .title {

    position: relative;

    display: block;

    padding-left: 15px;

}

.single-fact-counter-style2 .title h3 {

    color: #000000;

    font-size: 16px;

    line-height: 30px;

    font-weight: 600;

    font-family: 'Open Sans', sans-serif;

}

/*** 

=============================================

    Fact Counter Style2 in style3 Area css

=============================================

***/

.fact-counter-style2-area.style2instyle3 {

    margin-bottom: -60px;

    z-index: 100;

}

.fact-counter-style2-area.style2instyle3:after{

    background: transparent;

}











/*** 

=============================================

    Pricing Table Area style

=============================================

***/

.pricing-table-area{

    position: relative;

    display: block;

    background: #f7fbff;

    padding: 120px 0 80px;

}

.single-price-box{

	position:relative;

	margin-bottom: 40px;

}

.single-price-box .inner-box{

	position: relative;

    display: block;

	padding: 0px 0px 40px;

    z-index: 1;

}

.single-price-box .inner-box:before{

    position: absolute;

    top: 50px;

    left: 0;

    bottom: 0;

    right: 0;

    background: #ffffff;

    content: "";

    z-index: -1;

}



.single-price-box .inner-box .value {

    position: relative;

    width: 130px;

    height: 130px;

    margin: 0 auto;

    margin-bottom: 26px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 5px;

}

.single-price-box .inner-box .value h2 {

    color: #ffffff;

    font-size: 46px;

    line-height: 42px;

    font-weight: 700;

    font-family: 'Open Sans', sans-serif;

}

.single-price-box .inner-box .value h2 sup {

    position: relative;

    display: inline-block;

    padding-right: 2px;

    top: -14px;

    font-size: 25px;

}



.single-price-box .title{

    position: relative;

    display: block;

    border-bottom: 1px solid #e6e6e6;

    padding-bottom: 27px;

}

.single-price-box .title h3{

    font-size: 24px;

    line-height: 34px;

    font-weight: 700;

    text-transform: uppercase;

    font-family: 'Open Sans', sans-serif;

}



.single-price-box .inner-box .price-list{

	position:relative;

    display: block;

    padding: 20px 0 25px;

}

.single-price-box .inner-box .price-list li{

	position:relative;

    display: block;

	color: #222222;

	font-size: 14px;

    line-height: 40px;

    font-weight: 400;

    transition: all 500ms ease 100ms;

}

.single-price-box .inner-box .btn-box {

    position: relative;

    display: block;

}

.single-price-box .inner-box .btn-box a {

    line-height: 50px;

    padding: 0 33px;

    border-radius: 5px;

}







/*** 

=============================================

    Contact Style4 Area style

=============================================

***/

.contact-style4-area{

    position: relative;

    display: block;

    background: #f7fbff;

}

.contact-style4-area .layer-outer {

    position: absolute;

    top: 60px;

    left: 0;

    bottom: 0;

    right: 0;

    background-attachment: scroll;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

}

.contact-style4-area .layer-outer .bg-color{

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    opacity: .90;

}



.contact-style4-content {

    position: relative;

    display: block;

    background: #110d3d;

    padding: 60px 50px 85px;

    height: 100%;

}

.contact-style4-content .sec-title{

    padding-bottom: 31px;

}

.contact-style4-content .inner{

    position: relative;

    display: block;

}

.contact-style4-content .inner ul{

    overflow: hidden;

}

.contact-style4-content .inner ul li{

    position: relative;

    display: block;

    padding-left: 80px;

    margin-bottom: 30px;

}

.contact-style4-content .inner ul li:last-child{

    margin-bottom: 0;

}

.contact-style4-content .inner ul li .icon{

    position: absolute;

    top: 5px;

    left: 0;

    width: 80px;

    height: 80px;

    background-color: rgba(255, 255, 255, 0.10);

    border-radius: 20px;

    box-shadow: 0px 6px 57px 0px rgba(37, 37, 37, 0.05);

    display: flex;

    align-items: center;

    justify-content: center;

}

.contact-style4-content .inner ul li .icon span {

    position: relative;

    display: block;

}

.contact-style4-content .inner ul li .icon span:before{

    font-size: 35px;

    line-height: 35px;

}



.contact-style4-content .inner ul li .title{

    padding-left: 25px;

}

.contact-style4-content .inner ul li .title h3 {

    color: #ffffff;

    font-size: 20px;

    line-height: 26px;

    font-weight: 700;

    margin-bottom: 6px;

}

.contact-style4-content .inner ul li .title p {

    color: #ffffff;

    font-size: 16px;

    line-height: 30px;

    font-weight: 400;

    margin: 0;

}

.contact-style4-content .inner ul li .title p a{

    color: #ffffff;

}





.contact-style4-form {

    position: relative;

    display: block;

    padding-top: 120px;

    padding-bottom: 40px;

}

.contact-style4-form form{

    position: relative;

    display: block;

}

.contact-style4-form form .input-box{

    position: relative;

    display: block;

    margin-bottom: 25px;

}

.contact-style4-form form .input-box .icon {

    position: absolute;

    top: 16px;

    right: 25px;

    color: #ffffff;

    font-size: 18px;

}

.contact-style4-form form .input-box .icon.envelop{

    top: 18px;    

}

.contact-style4-form form input[type="text"],

.contact-style4-form form input[type="email"],

.contact-style4-form form textarea{

    position: relative;

    display: block;   

    background: none;

    border: 2px solid rgb(255, 255, 255, 0.30);

    width: 100%;

    height: 60px;

    color: #ffffff;

    font-size: 16px;

    font-weight: 400;

    font-style: normal;

    padding-left: 27px;

    padding-right: 52px;

    transition: all 500ms ease;

    font-family: 'Work Sans', sans-serif;

}

.contact-style4-form form textarea {

    height: 160px;

    padding-top: 15px;

    padding-left: 27px;

    padding-right: 52px;

}

.contact-style4-form form input[type="text"]:focus{

    color: #ffffff;

    border-color: #ffffff; 

}

.contact-style4-form form input[type="email"]:focus{

    color: #ffffff;

    border-color: #ffffff; 

}

.contact-style4-form form textarea:focus{

    color: #ffffff;

    border-color: #ffffff; 

}



.contact-style4-form form input[type="text"]::-webkit-input-placeholder {

    color: #ffffff;

}

.contact-style4-form form input[type="text"]:-moz-placeholder {

    color: #ffffff;

}

.contact-style4-form form input[type="text"]::-moz-placeholder {

    color: #ffffff;

}

.contact-style4-form form input[type="text"]:-ms-input-placeholder {

    color: #ffffff;

}

.contact-style4-form form input[type="email"]::-webkit-input-placeholder {

    color: #ffffff;

}

.contact-style4-form form input[type="email"]:-moz-placeholder {

    color: #ffffff;

}

.contact-style4-form form input[type="email"]::-moz-placeholder {

    color: #ffffff;

}

.contact-style4-form form input[type="email"]:-ms-input-placeholder {

    color: #ffffff;

}

.contact-style4-form form textarea::-webkit-input-placeholder {

    color: #ffffff;

}

.contact-style4-form form textarea:-moz-placeholder {

    color: #ffffff;

}

.contact-style4-form form textarea::-moz-placeholder {

    color: #ffffff;

}

.contact-style4-form form textarea:-ms-input-placeholder {

    color: #ffffff;

}



.contact-style4-form form .button-box {

    position: relative;

    display: block;

    text-align: center;

}

.contact-style4-form form .button-box button{

    color: #ffffff;

    font-size: 15px;

    line-height: 50px;

    padding: 0 50px;

    border-color: #030e27;

    background: #030e27;

}









/*** 

=============================================

    Testimonial Style4 Area style

=============================================

***/

.testimonial-style4-area{

    position: relative;

    display: block;

    background: #c3e1ff;

    padding: 70px 0;

}

.testimonial-style4-area .sec-title {

    padding-bottom: 46px;

}

.single-testimonial-style4{

    position: relative;

    display: block;

}

.single-testimonial-style4 .inner-content{

    position: relative;

    display: block;

    background: #ffffff;

    padding: 40px 40px 32px;

    z-index: 1;

}

.single-testimonial-style4 .inner-content:before{

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    opacity: 0.10;

    z-index: -1;

    transition: all 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.22);

}

.single-testimonial-style4:hover .inner-content:before{

    opacity: 1.0;    

}



.single-testimonial-style4 .inner-content .arrow {

    position: absolute;

    left: 40px;

    bottom: -33px;

    width: 45px;

    height: 37px;

    opacity: 1.0;

    transform: scaleX(1.0) rotateX(0deg);

    -webkit-transform-origin: center;

    -ms-transform-origin: center;

    transform-origin: center;

    transition: all 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.22);

}

.single-testimonial-style4:hover .inner-content .arrow{

    opacity: 0;

    transform: scaleX(0.8) rotateX(0deg);

    transition: all 0.7s cubic-bezier(0.62, 0.21, 0.45, 1.22);  

}



.single-testimonial-style4 .inner-content .arrow2 {

    position: absolute;

    left: 40px;

    bottom: -33px;

    width: 45px;

    height: 37px;

    opacity: 0;

    transform: scaleX(.8) rotateX(0deg);

    -webkit-transform-origin: center;

    -ms-transform-origin: center;

    transform-origin: center;

    transition: all 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.22);

}

.single-testimonial-style4:hover .inner-content .arrow2{

    opacity: 1.0;

    transform: scaleX(1.0) rotateX(0deg);

    transition: all 0.7s cubic-bezier(0.62, 0.21, 0.45, 1.22);

}

.single-testimonial-style4 .inner-content .quote-box {

    position: relative;

    display: flex;

    align-content: center;

    justify-content: space-around;

    width: 65px;

    height: 65px;

    font-size: 30px;

    z-index: 1;

    align-items: center;

}

.single-testimonial-style4 .inner-content .quote-box:before{

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    opacity: 0.10;

    border-radius: 50%;

}

.single-testimonial-style4 .inner-content .quote-box span{

    position: relative;

    display: inline-block;

}

.single-testimonial-style4 .inner-content .text{

    margin-top: 17px;

}

.single-testimonial-style4 .inner-content .text p{

    color: #565872;

    font-size: 16px;

    line-height: 30px;

    font-weight: 400;

    margin: 0;

}



.single-testimonial-style4 .client-info{

    position: relative;

    display: block;

    padding-top: 55px;

}

.single-testimonial-style4 .client-info .image-box{

    width: 85px;

}

.single-testimonial-style4 .client-info .image-box img{

    width: 60px;

    border-radius: 50%;

}

.single-testimonial-style4 .client-info .image-box,

.single-testimonial-style4 .client-info .title-box{

    display: table-cell;

    vertical-align: middle;

}

.single-testimonial-style4 .client-info .title-box{

    position: relative;

}

.single-testimonial-style4 .client-info .title-box h3{

    color: #222f5a;

    font-size: 20px;

    line-height: 20px;

    font-weight: 700;

    margin: 0 0 6px;

}

.single-testimonial-style4 .client-info .title-box span{

    color: #565872;

    font-weight: 400;

}

.testimonial-style4-area .owl-nav-style-one.owl-theme .owl-nav {

    top: -110px;

}







/*** 

=============================================

    Blog Style4 Area style

=============================================

***/

.blog-style4-area{

    position: relative;

    display: block;

    padding: 120px 0 80px;

    background: #ffffff;

}



.single-blog-style4{

    position: relative;

    display: block;

    background: #ffffff;

    padding: 20px;

    box-shadow: 0px 6px 47px 3px rgba(37, 37, 37, 0.05);

    margin-bottom: 40px;

}

.single-blog-style4 .img-holder{

    position: relative;

    display: block;

}

.single-blog-style4 .img-holder .inner{

    position: relative;

    display: block;

    overflow: hidden;

}

.single-blog-style4 .img-holder .inner:before {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: #030e27;

    opacity: 0;

    border-radius: 3px;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

    -webkit-transform: perspective(400px) rotateX(-90deg);

    -ms-transform: perspective(400px) rotateX(-90deg);

    transform: perspective(400px) rotateX(-90deg);

    -webkit-transform-origin: top;

    -ms-transform-origin: top;

    transform-origin: top;

    border-radius: 6px;

    z-index: 2;

}

.single-blog-style4:hover .img-holder .inner:before{

    opacity: .3;

    -webkit-transform: perspective(400px) rotateX(0deg);

    -ms-transform: perspective(400px) rotateX(0deg);

    transform: perspective(400px) rotateX(0deg);

}

.single-blog-style4 .img-holder .inner img{

    width: 100%

}





.single-blog-style4 .text-holder {

    position: relative;

    display: block;

    background: #ffffff;

    padding: 24px 0px 6px;

    padding-left: 15px;

}

.single-blog-style4 .text-holder .meta-info {

    position: relative;

    display: block;

    overflow: hidden;

    padding-bottom: 12px;

}

.single-blog-style4 .text-holder .meta-info li{

    position: relative;

    display: inline-block;

    float: left;

    line-height: 24px;

    margin-right: 20px;

}

.single-blog-style4 .text-holder .meta-info li:last-child{

    margin-right: 0px;

}

.single-blog-style4 .text-holder .meta-info li a{

    color: #565872;

    font-size: 12px;

    font-weight: 600;

}

.single-blog-style4 .text-holder .meta-info li span:before{

    position: relative;

    display: inline-block;

    padding-right: 6px;

    font-size: 14px;

    left: 1px;

}

.single-blog-style4 .text-holder h3{

    font-size: 18px;

    line-height: 30px;

    font-weight: 600;

}

.single-blog-style4 .text-holder h3 a{

    color: #110d3d;

}







/*** 

=============================================

    Footer Top Contact Area style

=============================================

***/

.footer-top-contact-area{

    position: relative;

    display: block;

    z-index: 10;

}

.footer-top-contact-area:before{

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    height: 50%;

    background: #ffffff;

    content: "";

    z-index: -1;

}

.footer-top-contact-area:after{

    position: absolute;

    left: 0;

    bottom: 0;

    right: 0;

    height: 50%;

    background: #030e27;

    content: "";

    z-index: -1;

}





.footer-top-contact-box4 {

    position: relative;

    display: block;

    padding: 40px 60px 40px;

}

.footer-top-contact-box4:before {

    content: "";

    position: absolute;

    top: -10px;

    left: 50%;

    bottom: -10px;

    width: 2px;

    background: #ffffff;

    opacity: 0.20;

    transform: rotate(20deg);

}



.footer-top-contact-box4 .single-box {

    position: relative;

    display: flex;

    align-items: center;

    width: 50%;

    float: left;

}

.footer-top-contact-box4 .single-box .big-icon {

    position: absolute;

    top: 0;

    right: 50px;

    bottom: 0;

    color: rgba(255, 255, 255, 0.10);

    font-size: 130px;

    line-height: 80px;

}

.footer-top-contact-box4 .single-box .big-icon span{

    line-height: 80px;

}



.footer-top-contact-box4 .single-box.style2{

    padding-left: 40px;

}

.footer-top-contact-box4 .single-box.style2 .big-icon{

    right: -30px;

}



.footer-top-contact-box4 .single-box .icon{

    font-size: 40px;

    color: #ffffff;

}

.footer-top-contact-box4 .single-box .title {

    position: relative;

    display: block;

    padding-left: 25px;

}

.footer-top-contact-box4 .single-box .title p {

    color: #ffffff;

    font-size: 26px;

    line-height: 36px;

    font-weight: 400;

    margin: 0px 0px 10px;

}

.footer-top-contact-box4 .single-box .title h3{

    color: #ffffff;

    font-size: 24px;

    line-height: 34px;

    font-weight: 700;

}

.footer-top-contact-box4 .single-box .title h3 a{

    color: #ffffff;

}





.footer-bottom.style2 .outer-box{

    border-top: 1px solid #5c697a;    

}

.copyright-text.style2:before {

    display: none;

}

.copyright-text.style2 p {

    color: #798795;

}







/*** 

=============================================

    Service Style6 Area Css

=============================================

***/

.service-style6-area{

    position: relative;

    display: block;

    background: #f7fbff;

    padding: 110px 0 80px;

}

.service-style6-area .title {

    position: relative;

    display: block;

    text-align: center;

    padding: 0px 0 60px;

}

.service-style6-area .title h1{

    font-size: 32px;

    line-height: 44px;

}

.service-style6-area .title h1 a{

    position: relative;

    display: inline-block;

}

.service-style6-area .title h1 a:before{

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    right: 0;

    height: 1px;

}



.single-service-style6 {

    position: relative;

    display: block;

    width: 100%;

    margin: 0 auto 40px;

}

.single-service-style6 .img-holder {

    position: relative;

    display: block;

    z-index: 10;

}

.single-service-style6 .img-holder .inner{

    position: relative;

    display: block;

    overflow: hidden;

    z-index: 2;

}

.single-service-style6 .img-holder .inner:before {

    content: "";

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    opacity: 1;

    z-index: 1;

    transform: scaleY(0.9) rotateX(90deg);

    -webkit-transform-origin: left;

    -ms-transform-origin: left;

    transform-origin: left;

    opacity: .70;

    transition: all 0.9s cubic-bezier(0.62, 0.21, 0.45, 1.22);  

}

.single-service-style6:hover .img-holder .inner:before{

    transform: scaleY(1.0) rotateX(0deg);

    transition: all 0.7s cubic-bezier(0.62, 0.21, 0.45, 1.22);  

}

.single-service-style6 .img-holder .inner img {

    width: 100%;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}

.single-service-style6:hover .img-holder .inner img{

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);    

}



.single-service-style6 .text-holder {

    position: relative;

    display: block;

    background: #ffffff;

    padding: 35px 40px 29px;

    padding-right: 30px;

    margin-left: -30px;

    z-index: 1;

}

.single-service-style6 .text-holder .icon {

    font-size: 65px;

    margin-bottom: 27px;

}

.single-service-style6 .text-holder h3 {

    font-size: 20px;

    line-height: 30px;

    font-weight: 600;

    margin: 0 0 10px;

}

.single-service-style6 .text-holder h3 a{

    color: #110d3d;

}

.single-service-style6 .text-holder p {

    color: #110d3d;

    font-size: 16px;

    line-height: 28px;

    font-weight: 300;

    margin: 0;

}







/*** 

=============================================

    About Style5 Area Css

=============================================

***/

.about-style5-area{

    position: relative;

    display: block;

    background: #ffffff;

    padding: 120px 0 120px;

}

.about-style5-image-box{

    position: relative;

    display: block;

    padding-left: 50px;

}

.about-style5-image-box .inner{

    position: relative;

    display: block;

    overflow: hidden;

    max-width: 480px;

    width: 100%;

}

.about-style5-image-box .inner::after {

    position: absolute;

    top: 0;

    left: -100%;

    display: block;

    content: '';

    width: 50%;

    height: 100%;

    background: linear-gradient(to right, rgba(255,255,255, 0) 0%, rgba(255, 255, 255, .3) 100%);

    transform: skewX(-25deg);

}

.about-style5-image-box:hover .inner::after{

	-webkit-animation: shine 1.5s;

	animation: shine 1.5s;

}

.about-style5-image-box .inner img{

    width: 100%;

    border-radius: 10px;

}







.about-style5-text-box{

    position: relative;

    display: block;

}

.about-style5-text-box .sec-title{

    padding-bottom: 32px;

}

.about-style5-text-box .sec-title .big-title {

    padding: 13px 0 0;

}

.about-style5-text-box .sec-title .big-title h1 {

    font-size: 45px;

    line-height: 60px;

    text-transform: capitalize;

}



.about-style5-text-box .inner-contant{

    position: relative;

    display: block;    

}

.about-style5-text-box .inner-contant .text {

    position: relative;

    display: block;

    padding-bottom: 20px;

}

.about-style5-text-box .inner-contant .text p {

    color: #565872;

    font-size: 16px;

    line-height: 30px;

    font-weight: 400;

}

.about-style5-text-box .inner-contant ul{

    position: relative;

    overflow: hidden;

}

.about-style5-text-box .inner-contant ul li {

    position: relative;

    display: flex;

    align-items: flex-start;

    margin: 0px 0px 35px;

}

.about-style5-text-box .inner-contant ul li:last-child{

    margin: 0;

}

.about-style5-text-box .inner-contant ul li .icon-box {

    position: relative;

    top: 6px;

    display: inline-table;

    width: 60px;

    height: 60px;

    color: #ffffff;

    font-size: 20px;

    border-radius: 10px;

    text-align: center;

    line-height: 60px;

}

.about-style5-text-box .inner-contant ul li .text-box{

    position: relative;

    display: block;

    padding-left: 20px;

}

.about-style5-text-box .inner-contant ul li .text-box h3 {

    color: #000000;

    font-size: 18px;

    line-height: 30px;

    font-weight: 700;

    margin: 0px 0px 3px;

}

.about-style5-text-box .inner-contant ul li .text-box p{

    color: #565872;

    font-size: 16px;

    line-height: 30px;

    font-weight: 400;

    margin: 0;

}







/*** 

=============================================

    Service Style7 Area Css

=============================================

***/

.service-style7-area{

    position: relative;

    display: block;

    padding: 120px 0 120px;

    background-attachment: scroll;

    background-size: cover;

    background-position: center top;

    background-repeat: no-repeat;

    z-index: 1;

}

.service-style7-area:before {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    content: "";

    background-color: rgba(17, 13, 61, 0.80);

    transition-delay: .1s;

    transition-timing-function: ease-in-out;

    transition-duration: .7s;

    transition-property: all;

    z-index: -1;

}

.service-style7-area .martop10{

    margin-top: 10px;

}



.single-service-style7{

    position: relative;

    display: block;

    overflow: inherit;

    padding: 37px 20px 30px;

    border: 2px solid rgba(255, 255, 255, 0.20);

    margin-bottom: 30px;

    z-index: 1;

}

.single-service-style7:before{

    content: "";

    position: absolute;

    top: -2px;

    left: -2px;

    bottom: -2px;

    right: -2px;

    z-index: -1;

    transform: scaleX(1.2) rotateY(-90deg);

    -webkit-transform-origin: center;

    -ms-transform-origin: center;

    transform-origin: center;

    transition: all 0.9s cubic-bezier(0.62, 0.21, 0.45, 1.22);

}

.single-service-style7:hover:before{

    transform: scaleX(1.0) rotateY(0deg);         

}



.single-service-style7 .icon{

    font-size: 65px;

    margin-bottom: 13px;

}

.single-service-style7 h3{

    font-size: 16px;

    line-height: 26px;

    font-weight: 600;

}

.single-service-style7 h3 a{

    color: #ffffff;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}







.service-style7-image-box{

    position: relative;

    display: block;

    overflow: hidden;

}

.service-style7-image-box img{

    width: 100%;

}

.service-style7-text-box{

    position: relative;

    display: block;

    margin-top: -8px;

}

.service-style7-text-box .text {

    position: relative;

    display: block;

    margin: 0px 0px 28px;

}

.service-style7-text-box .text p{

    color: #ffffff;

    font-size: 16px;

    line-height: 30px;

    font-weight: 400;

}

.service-style7-text-box ul{

    overflow: hidden;

}

.service-style7-text-box ul li {

    color: #ffffff;

    font-size: 16px;

    line-height: 30px;

    font-weight: 400;

    margin-bottom: 13px;

}

.service-style7-text-box ul li:last-child{

    margin-bottom: 0;

}

.service-style7-text-box ul li span{

    color: #ffffff;

    padding-right: 20px;

}

.service-style7-text-box .button-box{

    position: relative;

    display: block;

    margin-top: 36px;

}

.service-style7-text-box .button-box a {

    color: #ffffff;

}

.service-style7-text-box .button-box a:hover{

    background: #ffffff;

}









/*** 

=============================================

    Portfolio Style5 Area Css      

=============================================

***/

.portfolio-style5-area{

    position: relative;

    display: block;

    background: #ffffff;

    padding: 0px 0 0px;

}

.portfolio-style5-area .fullwidth-container{

    position: relative;

    display: block;

    padding: 0 75px;

}

.portfolio-style5-area .fullwidth-container .outer-box{

    position: relative;

    display: block;

}

.portfolio-style5-area .row {

    margin-left: -5px;

    margin-right: -5px;

}

.portfolio-style5-area .row [class*=col-] {

    padding-left: 5px;

    padding-right: 5px;

}



.single-portfolio-style5 {

    position: relative;

    display: block;

    margin-bottom: 10px;

}

.single-portfolio-style5 .img-holder{

    position: relative;

    display: block;

}

.single-portfolio-style5 .img-holder .inner-box{

    position: relative;

    display: block;

    overflow: hidden;

}

.single-portfolio-style5 .img-holder .inner-box img{

    width: 100%;

    transform: scale(1.0);    

}

.single-portfolio-style5:hover .img-holder .inner-box img {

    transform: scale(1.2) rotate(1deg);

}



.single-portfolio-style5 .title-holder{

    position: absolute;

    left: 20px;

    bottom: 20px;

    right: 20px;

    background: #ffffff;

    padding: 26px 30px 27px;

    transform: scaleX(.0) rotateX(30deg);

    -webkit-transform-origin: center;

    -ms-transform-origin: center;

    transform-origin: center;

    transition: all 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.22);

}

.single-portfolio-style5:hover .title-holder{

    opacity: 1;

    transform: scaleX(1.0) rotateX(0deg); 

    transition: all 0.9s cubic-bezier(0.62, 0.21, 0.45, 1.22);       

}



.single-portfolio-style5 .title-holder span.tag{

    position: relative;

    display: inline-block;

    padding: 0 15px;

    font-size: 13px;

    line-height: 22px;

    font-weight: 400;

    text-transform: uppercase;

    transition: all 0.2s ease-in-out 0.3s;

}

.single-portfolio-style5 .title-holder h5{

    position: relative;

    font-size: 15px;

    line-height: 22px;

    font-weight: 700;

    margin: 13px 0 10px;

    text-transform: uppercase;

}

.single-portfolio-style5 .title-holder h5 a{

    color: #000000;

    transition: all 0.2s ease-in-out 0.3s;

}





.single-portfolio-style5 .title-holder p{

    position: relative;

    color: #798795;

    font-size: 14px;

    line-height: 22px;

    margin: 0;

    transition: all 0.2s ease-in-out 0.3s;

}

.single-portfolio-style5 .title-holder p span:before{

    position: relative;

    top: 1px;

    left: -2px;

    display: inline-block;

    padding-right: 4px;

    font-size: 16px;

    transition: all 0.2s ease-in-out 0.3s;

}







/*** 

=============================================

    Testimonial Style5 Area Css      

=============================================

***/

.testimonial-style5-area{

    position: relative;

    display: block;

    padding: 180px 0 120px;

    background-attachment: scroll;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center top;

    z-index: 1;

}

.testimonial-style5-area:before {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    content: "";

    background-color: rgba(17, 13, 61, 0.80);

    z-index: -1;

}



.single-testimonial-style5{

    position: relative;

    display: block;

    padding: 38px 48px 30px;

    border: 2px solid rgba(255, 255, 255, 0.20);

}

.single-testimonial-style5 .top {

    position: relative;

    display: flex;

    justify-content: flex-start;

    align-items: center;

    flex-wrap: wrap;

}

.single-testimonial-style5 .top .quote-box{

    position: relative;

    display: flex;

    align-content: center;

    justify-content: space-around;

    width: 65px;

    height: 65px;

    border-radius: 50%;

    color: #ffffff;

    font-size: 25px;

    align-items: center;    

}

.single-testimonial-style5 .top .quote-box span {

    position: relative;

    display: inline-block;

}



.single-testimonial-style5 .top .client-info{

    position: relative;

    display: block;

    padding-left: 20px;

}

.single-testimonial-style5 .top .client-info h3{

    color: #ffffff;

    font-size: 20px;

    line-height: 20px;

    font-weight: 700;

    margin: 0 0 5px;

}

.single-testimonial-style5 .top .client-info span{

    color: #ffffff;

    font-size: 16px;

    font-weight: 400;

}



.single-testimonial-style5 .text{

    position: relative;

    display: block;

    padding-top: 32px;

}

.single-testimonial-style5 .text p{

    color: #ffffff;

    font-size: 16px;

    line-height: 30px;

    font-weight: 400;

    margin: 0;

}

.testimonial-style5-area .owl-nav-style-one.owl-theme .owl-nav {

    top: -120px;

}

.testimonial-style5-area .owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] {

    background: rgba(255, 255, 255, 0.20);

}

























/*** 

=============================================

    header Style5 Css

=============================================

***/

.header-style5{ }

.header-top-style5 {

    position: relative;

    display: block;

    background: #110d3d;

    padding: 20px 0 52px;

}

.header-top-style5 .outer-box{

    position: relative;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-content: center;

    flex-wrap: wrap;

}



.header-top-left-style5{

    position: relative;

    display: block;

}

.header-top-left-style5 h6{

    color: #ffffff;

    font-size: 14px;

    line-height: 28px;

    font-weight: 400;

}

.header-top-left-style5 h6 span{

    position: relative;

    display: inline-block;

    padding-right: 7px;

}





.header-top-right-style5{

    position: relative;

    display: block;

}

.header-social-links-style5 {

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

}

.header-social-links-style5 .title{

    width: 90px;

}

.header-social-links-style5 .title h5{

    color: #ffffff;

    font-size: 14px;

    line-height: 20px;

    font-weight: 400;

}

.header-social-links-style5 .social-links-style2 li.facebook:hover{	
    background-color: #1b4f9b;
}
.header-social-links-style5 .social-links-style2 li.twitter:hover{	
	background-color: #00adef;
}
.header-social-links-style5 .social-links-style2 li.instagram:hover{	
    background: -webkit-linear-gradient(bottom left, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
    background: -o-linear-gradient(bottom left, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
    background: linear-gradient(to top right, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
}
.header-social-links-style5 .social-links-style2 li.linkedin:hover{	
	background-color: #1b4f9b;
}

.header-social-links-style5 .social-links-style2 {

    position: relative;

    display: block;

    overflow: hidden;

}

.header-social-links-style5 .social-links-style2 li{

   	border-radius: 50%;
    position: relative;
    display: block;
    height: 38px;
    text-align: center;
    line-height: 38px;
    width: 38px;
    border: 1px solid #fff;
    /* padding: 5px 11px; */
    background-color: #2A2A2B;
    float: left;
    margin-right: 8px;

}

.header-social-links-style5 .social-links-style2 li:last-child{

    margin-right: 0;

}

.header-social-links-style5 .social-links-style2 li a{

    color: #ffffff;

    font-size: 16px;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}









.header-upper-style5 {

    position: relative;

    display: block;

    margin-top: -30px;

    z-index: 999;

}

.header-upper-style5 .outer-box{

    position: relative;

    display: block;

}



.header-upper-left-style5 {

    position: relative;

    display: block; 

    width: 255px;

}

.header-upper-left-style5 .logo {

    position: relative;

    display: block;

    text-align: center;

    padding: 55px 0;

}

.header-upper-left-style5 .logo a{

    position: relative;

    display: inline-block;

}





.header-upper-right-style5 {

    position: relative;

    display: block;

    max-width: 915px;

    width: 100%;

}

.header-upper-right-style5 .top-box {

    position: relative;

    display: block;

    overflow: hidden;

    background: #2c285f;

    padding: 15px 0;

    padding-right: 40px;

}











.header-contact-info-style5 {

    position: relative;

    display: block;

    float: right;

}

.header-contact-info-style5 li {

    position: relative;

    display: inline-block;

    float: left;

    margin-right: 50px;

}

.header-contact-info-style5 li:last-child{

    margin-right: 0;

}

.header-contact-info-style5 li .icon{

    width: 40px;

}

.header-contact-info-style5 li .icon span:before{

    color: #ffffff;

    font-size: 25px;

    line-height: 25px;

}

.header-contact-info-style5 li .icon,

.header-contact-info-style5 li .title{

    display: table-cell;

    vertical-align: middle;

}

.header-contact-info-style5 li .title p{

    color: #ffffff;

    font-size: 16px;

    line-height: 24px;

    font-weight: 400;

    margin: 0;

}

.header-contact-info-style5 li .title h5{

    color: #ffffff;

    font-size: 16px;

    line-height: 26px;

    font-weight: 600;

}

.header-contact-info-style5 li .title h5 a{

    color: #ffffff;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}















.header-upper-right-style5 .bottom-box{

    position: relative;

    display: block;

    background: #ffffff;

    padding-left: 55px;

}

.header-upper-right-style5 .bottom-box .nav-outer{

    position: relative;

    display: block;

    float: left;

}

.main-menu.style5 .navigation>li>a {

    color: #030e27;

    font-size: 16px;

    font-weight: 600;

    text-transform: capitalize;

    padding: 25px 0px 25px;

}







.quote-button-style5 {

    position: relative;

    display: block;

    float: right;

}

.quote-button-style5 a {

    position: relative;

    display: inline-block;

    padding: 0 40px;

    font-size: 18px;

    line-height: 80px;

    font-weight: 600;

    text-transform: uppercase;

    font-family: 'Poppins', sans-serif;

    transition: all 200ms linear;

    transition-delay: 0.1s;

    z-index: 1;

}

.quote-button-style5 a:before{

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    opacity: .10;    

}

.quote-button-style5 a:hover{

    color: #ffffff;

}



















#ui-datepicker-div.ui-widget-content {

    border: 1px solid #c5c5c5;

    background: #fff none repeat scroll 0 0;

    border: 1px solid #777;

    color: #252525;

    font-family: "Poppins",sans-serif;

    font-size: 14px;

    border-radius: 0px;

    width: 270px;

    padding: 5px;

}

#ui-datepicker-div.ui-datepicker .ui-datepicker-header {

    background: #151515 none repeat scroll 0 0;

    border: 2px solid #252525;

    border-radius: 0;

    color: #fff;

    font-weight: 700;

    padding: 5px 0;

    position: relative;

}



.ui-datepicker td a {

    color: #000000 !important;

    text-align: center;

    background-image: none !important;

    background: #f5f5f5 !important;

    border: 1px solid #f9f9f9 !important;

}

.ui-state-highlight, 

.ui-widget-content .ui-state-highlight, 

.ui-widget-header .ui-state-highlight{

    border: 1px solid #333333 !important;

    background: #333333 !important;

    color: #ffffff !important;

}

.ui-datepicker .ui-datepicker-prev {

    left: 5px;

}

.ui-datepicker .ui-datepicker-prev, 

.ui-datepicker .ui-datepicker-next {

    border-radius: 30%;

    height: 20px;

    position: absolute;

    top: 7px;

    width: 20px;

    transition: all 500ms ease;

    cursor: pointer;

}

.ui-datepicker .ui-datepicker-next {

    right: 5px;

}

.ui-datepicker .ui-datepicker-prev:hover, 

.ui-datepicker .ui-datepicker-next:hover {

    top: 7px;

    background: #fff;

    border: none;

}

.ui-datepicker table {

    border-collapse: collapse;

    font-size: 13px;

    margin: 0 0 0.4em;

    width: 100%;

    z-index: 99999999;

}

.ui-datepicker th {

    border: medium none;

    font-weight: 600;

    padding: 2px 3px;

    text-align: center;

}

.ui-datepicker-calendar .ui-state-default:hover,

.ui-datepicker-calendar .ui-state-default:active{

    background: #43c3ea;

    color: #fff;

    border-color: #43c3ea;

}
.all_products .single-service-style3 .img-holder img{
	height: 312px !important;
}

/*our-core-areas*/
.our-core-areas{
    
    padding: 50px 0;
    background: #009cddc7;
}
.our-core-bottom{
    margin-top:50px ;
}
body .our-core-row{
    text-align: center;
    margin-bottom: 20px;
}
.our-core-row img{
   margin-bottom: 20px;
    width: 40%;
    transition: all 700ms ease-in-out 100ms;
}
.our-core-row:hover img{
   transform: rotate(360deg) scale(1.2);
   filter: drop-shadow(0px 7px #00000096) brightness(1.8);

}
.h2heding{
    font-size: 50px;
    color: #000000;
    text-align: center;
    text-transform: uppercase;
}
.paragraph{
     font-size: 20px;
     font-weight: 600;
     padding: 0 12%;
     color: #fff;
}
.paragraph2{
     font-size: 17px;
    font-weight: 500;
    text-align: center;
    padding: 0 12%;
    color: #2A2A2B;

}

/*market-sectors*/
body .market-sectors{
    padding: 0;
     margin: 50px 0;
}

body .market-sectors-bottom{
      margin-top:50px ;
}
.market-sectors-row{
    height: 400px;
    margin-bottom: 50px;
    overflow: hidden;
}
.market-sectors-row img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s ease;
    filter: brightness(0.5) grayscale(50%);
}
.market-text{
   width: 94%;
    height: auto;
    color: #fff;
    background: #009CDD;
    font-size: 17px;
    font-weight: 600;
    padding: 20px 5%;
    text-align: center;
    margin: 0 auto;
    position: relative;
    text-transform: capitalize;
    z-index: 2;
    margin-top: -83px;
    transform: perspective(1200px) rotateX(0deg);
    transform-origin: bottom;
    transition: all 700ms ease 100ms;
}
.market-sectors-row:hover img{
     transform: scale(1.2);
     filter: brightness(1) 
}

.market-sectors-row:hover .market-text {
        transform: perspective(1200px) rotateX(90deg);
    transition: all 700ms ease 200ms;

}
.product1{
    margin:50px 0 0;
}

.pheding{
    font-size: 25px;
    color: #009CDD;
    text-align: center;
     
    text-transform: uppercase;
 }
body .product1 ul{
    margin-top: 50px;
}
.product1-1st{
    background:#38B2E4 ;
    padding: 60px 0;
}

.product1-2nd{
    background:#FBF1EF ;
    padding: 60px 0;
}
body .product1-2nd .team-member-info-box {
    position: relative;
    display: block;
    padding-left: 0;
    padding-top: 20px;
    padding-right: 100px;
}

@media (max-width: 767px){


body .product1-2nd .team-member-info-box {
    
    padding-right: 0;
}


}