/*-----------------------------------------------------------------------------------
	Theme Name: ProBizz
	Description: Light Weight Business WordPress Theme with Custom Built HomePage , Theme is designed with Modern CSS framework to give Responsive web look. 
	Tags: two-columns, custom-menu, right-sidebar, custom-background, featured-image-header, sticky-post, threaded-comments, featured-images, blog, entertainment, e-commerce
	Author: weblizar
	Author URI: 
	Version: 1.0.5
	Template: Nineteen
    Template Version: 1.0.6
    Text Domain: nineteen
    License: GNU General Public License v3.0 or later
    License URI: https://www.gnu.org/licenses/gpl-3.0.html
----------------------------------------------------------------------------------*/


/* ----------------------------------------------------------------
    :: 1.0 Basic CSS
-----------------------------------------------------------------*/
.wp-caption-text,
.sticky,
.gallery-caption,
.bypostauthor {}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


/* ----------------------------------------------------------------
	:: 2.0 Typography CSS
-----------------------------------------------------------------*/

body{
    font-family: 'Open Sans', sans-serif;
}
 h1,h2, .ms-layer{
	font-family:Montserrat!important;

}
:root {
    --main-color:#064372;
}
:root {
    --h-color:#ffe900;
}
:root{
	--g-color:#13a37f;
}
.header_banner.header_banner-pages:after{
	background-color:#000;
	opacity:0.5;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	content:'';
}

/* ----------------------------------------------------------------
	:: 3.0 Helper Class
-----------------------------------------------------------------*/
.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6, .col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10, .col-sm-11,
.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11{
	float:left!important;
}

.bg-color{
    background-color: #f2f2f2;
}

.space{
    padding: 100px 0px;
}
.space-top{
    padding-top: 100px;
}
.space-bottom{
    padding-bottom: 100px;
}

.margin-40{
	height:40px;
}
.margin-60{
	height:60px;
}
.margin-80{
	height:80px;
}
.margin-100{
	height:100px;
}
.margin-auto{
	margin:auto!important;
	float:none!important;
}

.container.page-title.content-center {
    height: 400px;
}
.header_banner-pages.header_banner-pages2{
	background-image:url('../images/slider/2.jpg');
}
.header_banner-pages.header_banner-pages3{
	background-image:url('../images/slider/3.jpg');
}
.header_banner-pages.header_banner-page4{
	background-image:url('../images/slider/4.jpg');
}


.header_banner-pages{
	background-image:url('../images/slider/1.jpg');
	background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
	height: 100vh;
}
.bg-1 {
    background-color: var(--h-color);
	color:#333;
}
.bg-2 {
    background-color: var(--main-color);

}
.bg-3 {
    background-color: var(--g-color)!important;
	color:#fff!important;
}

.content-center{
	display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
/* ----------------------------------------------------------------
	:: 4.0 Header
-----------------------------------------------------------------*/
.header-topbar {
    color: #fff;
}
.select_lng {
    text-align: right;
	position: relative;
}
header {
    position: relative;
    z-index: 9999;
}
header .dropdown-item.active, header .dropdown-item:active {
    color: var(--main-color);
    text-decoration: none;
    background-color: transparent;
}

.header_banner-pages.header_banner {
    height: 100%;
	overflow:hidden;
	box-shadow: 10px 20px 40px #00000036;
}
.select_lng .form-control {
	display: initial;
     width: auto;
    height: auto; 
     padding:auto; 
	 padding:0;
}

.select_lng select {
    background: transparent;
    border: 0;
    color: #fff;
}
.select_lng .form-control:focus {
    color: #ffffff;
    background-color: #fff0;
    border-color: #80bdff;
    outline: 0;
    border: 0;
    box-shadow: none;
}
.select_lng select option{
color:#333;
}
header.home_hader{
	background-color: var(--main-color);
	min-height:150px;
}


.header_banner{
	position: relative;
}

.header_banner .container {
	max-width:1240px;
}


.head_topbar-row>.col-md-10 {
    padding: 0;
}

.info_header-box i {
    padding-right: 6px;
    font-size: 20px;
}
a.navbar-brand {
	padding-left: 20px;
    font-size: 60px;
    margin: 0px;
    line-height: 30px;
    font-weight: bold;
	color:var(--main-color);
	max-width:236px;
}
.container.navbar-containernt {
    background-color: #fff;
	padding-right: 0;
    position: relative;
	min-height: 110px;
	z-index:99;
	margin-top: 15px;
}
.header-topbar {
    min-height: 80px;
    padding: 22px 5px;
}

.head_feedbck {
    background-color: var(--main-color);
    text-align: center;
    box-shadow: 6px 4px 10px rgba(0, 0, 0, 0.3686274509803922);
    border-radius: 5px;
    margin-right: 40px;
}
.head_feedbck a {
    color: rgb( 255, 255, 255 );
    padding: 12px 20px;
    display: block;
    text-transform: capitalize;
    font-size: 16px;
    width: 100%;
}
.head_feedbck a:hover{
	text-decoration:none;
	color:#f2f2f2;
}

header .container.navbar-containernt{
    position: absolute;
    margin: 0 auto;
    top: 0px;
	left:0;
	right:0;
}
/* ----------------------------------------------------------------
	:: 5.0 navbar
-----------------------------------------------------------------*/

.dropdown-menu  {
  position: relative;
}

.dropdown-menu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown .dropdown-menu  .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}

.navbar-expand-sm .navbar-nav .dropdown-menu {
    padding: 0;
}
.info_header-box {
    text-align: center;

}
ul.nav.justify-content-center {
    margin: 0 auto;
    text-transform: capitalize;
}
.navbar-toggler .navbar-toggler-icon  {
    width: auto;
    height: auto;
}
.select_lng i.fas.fa-angle-down {
    font-size: 18px;
    display:none;
}
.navbar-toggler:not(:disabled):not(.disabled) {
    cursor: pointer;
    background: var(--main-color);
    padding: 5px 10px;
    line-height: 22px;
    margin-right: 15px;
    color: #fff;
}
.navbar-nav li.nav-item {
    padding: 5px;
}
.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
    color: #000000;
    font-weight:600;
    font-size: 18px;
    padding: 5px 3px;
    border-top:2px solid transparent;
    transition: all .4s;
}
.navbar-nav .active, .navbar-nav .nav-item:hover   {
    color:var(--g-color);
    transition: all .4s;
}
.navbar-nav .dropdown-item {
    color: #000000;
    font-weight: 600;
    padding: 9px 26px;
    font-size: 18px;
}
.navbar-nav .nav-link:hover ,.navbar-nav .dropdown-item:hover{
    color:var(--g-color);

}
.navbar-expand-sm .navbar-nav .dropdown-menu {
    z-index: 99999;
    border-radius: 0;
    box-shadow: 6px 5px 28px #00000069;
}
li.active{
color:var(--g-color);
}
/* ----------------------------------------------------------------
	:: 6.0 Home-slider
-----------------------------------------------------------------*/
.ms-slide:after{
	background-color:#000;
	opacity:0.4;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	content:'';
}
 .ms-btn-box.ms-btn-m { 
    font-size: 17px!important;
    padding: 15px;
    /* width: 100%!important; */
    border: 0;
    box-shadow: 4px 5px 23px #000;
    background-color: var(--h-color);
	text-decoration:none;
		transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}
 .ms-btn-box.ms-btn-m:hover{ 
	color:#fff;
    background-color: var(--main-color);
	text-decoration:none;
		transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}
/* ----------------------------------------------------------------
	:: 7.0 All Button Css
-----------------------------------------------------------------*/
.mng_swiper_button {
    position: absolute;
    bottom: 30px;
    content: '';
    z-index: 999;
    max-width: 400px;
	
	margin: 0 auto;
	display: flex;
}
.mng_swiper_button.align_right {
    right: 20px;
}

.main-slider .swiper-button-prev {
	left:5%;
}
.main-slider .swiper-button-next {
	right:5%!important;
}

.btn.main-btn {
	background:var(--h-color);
    font-size: 18px;
    padding: 10px 30px;
    border: 0;
    border-radius: 5px;
    color: #333;
    box-shadow: 7px 8px 10px rgba(0, 0, 0, 0.10980392156862745);
}
.btn.main-btn.white {
	background:#ffffff;
    color: var(--main-color);
	border:1px solid;
	border: 0px!important;
}
.mini_subscribe-btn .btn.main-btn {
	font-weight:bold;
}

.btn.main-btn.dark {
	
	background-color:#333;
    color:#fff;
}

.swiper-slide .main-btn {
    background: var(--g-color);
    color: #fff;
    padding: 13px;
    font-size: 16px;
    border-radius: 5px;
    box-shadow: 1px 1px 2px rgba(33, 33, 33, 0.6196078431372549)!important;
    line-height: 1.5;
    text-align: center;
    width: 160px;
    height: 50px;
}
.swiper-slide .main-btn.white {
    background:transparent;
    color: #fff;
	border:2px solid #fff!important;
	margin-left:30px!important;
}
.swiper_caption {
    text-align: center;
    color: #fff;
    margin: 60px 0px;
}

.main-slider .swiper-pagination {
    position: absolute;
    right: 0;
	left: auto!important;
    width: 40px;
    top: 40%;
}
.main-slider .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
	display: block;
	background-color:#fff;
	margin:6px auto!important;
	opacity:0.8;
	transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}
.main-slider .swiper-pagination-bullet-active {
	 width:30px;
    height:30px;
    opacity: 1;
    background-color:transparent;
    border: 4px solid var(--main-color);
	transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
	
}

.main-slider .swiper-pagination {
    width: 60px!important;
    position: absolute;
    right: 21px;
    left: auto!important;
    width: 40px;
    top: 40%;
}
.swiper-btn-center .swiper-button-white {
    position: relative;
    border-radius: 100%;
    background-color: var(--main-color);
    background-size: 30%!important;
    float: left;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7490196078431373);
    height: 45px;
    width: 45px;
    margin-bottom: 6px;
    margin: 0px 6px 22px 6px;
}
.swiper-btn-center {
    margin: 0 auto;
    width: 119px;
}
/* ----------------------------------------------------------------
	:: 8.0 Home Welcome
-----------------------------------------------------------------*/

.home-welcome h2 {
    color: var(--main-color);
    font-size: 48px;

}
.home-welcome h2 span{

}
.home-welcome  span, .home-welcome  h4{
	color:var(--g-color);
}
.home-welcome p{
	font-style: italic;
    font-weight: 300;
    font-size: 26px;
    color: #636262;
	font-weight:200;
}

/* ----------------------------------------------------------------
	:: 9.0 Details Short 
-----------------------------------------------------------------*/
.details_short-col-inner {
    background: #fff;
    padding: 15px;
    border: 1px solid #e2e2e2;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}
.details_short-col-inner:hover {
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    box-shadow: 3px 8px 31px rgba(0, 0, 0, 0.21176470588235294);
}
.details_short {
    position: relative;
    clear: unset;
    z-index: 99;
}


.details_short-col-inner .icon-circle i{
    transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;

}
.details_short-col-inner:hover  .icon-circle i{
    transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transform: scale(1.2);
}


span.icon-circle {
    font-size: 44px;
    display: block;
    font-size: 53px;
    text-align: center;
    margin-bottom: 20px;
}
.details_short-content h4.service-title {
    margin: 20px 0px;
    display: block;
    font-size: 18px;
    color: var(--main-color)!important;
}
/* ----------------------------------------------------------------
	:: 10.0 Our Services
-----------------------------------------------------------------*/

.service-title span {
    margin-left: 15px;
}
.our-services .section-heading h4 {
    font-weight: 200;
	font-size: 24px;
	color: rgb( 18, 18, 18 );
	line-height: 1.5;
	margin-top: 15px;
}
.service-content {
    padding: 40px 20px!important;
    transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    box-shadow: 3px 1px 20px #cecece;
    margin-bottom: 30px;
    -moz-transition: all 0.5s;
    text-align: center;
}
.service-content:hover {
    position: relative;
    z-index: 999;
    background-color: var(--h-color);
    transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    box-shadow: 6px 9px 100px rgba(0, 0, 0, 0.38);
    color: #000;
    transform: scale(1.2);
}
.our_services-col:hover{
	   position: relative;
		z-index: 999;
}

.our_services-col .service-title i {
    font-size: 50px;
}
h4.service-title {
	font-size: 23px;
}
.service-content p {
    padding: 20px 1px;
}
.service-content{
	padding:20px;
}

.service-content a.btn.main-btn {
    background-color: transparent;
    border: 1px solid var(--main-color);
    color: var(--main-color);
    text-transform: capitalize;
	display: block;
    margin: 0 auto;
    max-width: 200px;
}
.service-content a.btn.main-btn:hover {
    background-color: var(--main-color);
    color:#fff;
}
.service-content span.icon-circle {
    font-size: 44px;
    display: block;
    color: var(--main-color);

}

/* ----------------------------------------------------------------
	:: 11.0 Home About Section
 -----------------------------------------------------------------*/
.home-about {
    background: var(--main-color);
    background-repeat: repeat-x padding: 100px 0px background-position: right /* background-size: 100%; */;
    color: #fff;
}
.about-text p {
    line-height: 30px;
    font-weight: 500;
    font-size: 18px;
}
.about_img-inner img{
	width:100%;
}
.about-text-inner{
	max-width:574px;
}
.content-center.about-text {
    height: auto;
}
.home-about  .about_img {
    padding: 0;
}
/* ----------------------------------------------------------------
	:: 12.0 page Title
-----------------------------------------------------------------*/
.page-title h1 {
    font-size: 60px;
    font-weight: bold;
    text-shadow: 2px 2px 50px rgba(0, 0, 0, 0.68);
}
.page-title{
	text-align:center;
	position:relative;
	z-index:1;
}

.home-welcome.white h2, .home-welcome.white h4, .home-welcome.white p {
    color: #ffffff;
}

.home-welcome.white span {
    color: var(--h-color);
}
.header_banner .section-heading{
    margin-top: 40px;
}
/* ----------------------------------------------------------------
	:: 13.0 Section Title
-----------------------------------------------------------------*/
.color_h{
	color:var(--h-color);
}
.section-heading{
    position: relative;
    min-height: 124px;
}

.section-heading.white{
    color: #fff;
}
.heading_center.section-heading {
    position: relative;
    text-align: center;
    min-height: 124px;
}
.heading_center.section-heading .section-title:after {
    content: '';
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 5px;
    background-color: var(--h-color);
    width: 80px;
}
.heading_center .section-description {
	left:0;
	right:0;
	margin:0 auto;
} 
.section-description {
    margin-top: 0px;
    font-size: 84px;
    font-weight: 800;
    position: absolute;
    z-index: -1;
    text-transform: uppercase;
	opacity: 0.1;
    line-height: 54px;
    top: 0;
}

.section-title {
    font-size: 36px;
    text-transform: uppercase;
	font-family:Montserrat!important;
	font-weight:bold;
}
.section-title:after {
    content: '';
    position: absolute;
    top: 70px;
    left: 0;
    height: 5px;
    background-color: var(--h-color);
    width: 80px;
  
}
.section-title.center:after {
    content: '';
    position: absolute;
    top: 52px;
    left: 0;
    height: 6px;
    margin: 0 auto;
    right: 0;
    background-color: var(--h-color);
    width: 80px;
    border-radius: 10px;
}
.section-heading.white .section-title:before{
	    background-color: #fff;
}
.section-heading.white .section-title{
	color:#fff;
}
.white{
color:#fff;
}
/* ----------------------------------------------------------------
	:: 14.0 Portfolio Section
-----------------------------------------------------------------*/

.space-0 .gallery_product, .space-0 .gallery_product .gallery-clm {
    margin: 0px!important;
    padding: 0;
}
.gallery-cont-inner h5{
	color:var(--main-color);
	font-size:18px;
	text-align:left;
}
.gallery-cont-inner h4 {
    font-weight: bold;
    margin: 14px 0px;
}
.gallery-cont-inner p {
    color: #333;
    margin-bottom: 30px;
    font-style: italic;
}
.gallary_pagination a {
    color: #000;
    display: block;
    font-size: 26px;
}
.gallery-cont-inner a.elem {
    color: #333;
	transition: 0.5s;
}
.gallery-cont-inner a.elem:hover{
    color: var(--main-color);
	transition: 0.5s;
}
.gallery-clm{
	position:relative;
	overflow:hidden;
	transition: 0.5s;
	margin:15px 0px;
}
.gallery-clm img{
	width:100%;
	 transition: 0.5s;
}
.gallery-cont-inner i.fas.fa-plus {
    font-size: 40px;
}
.gallery-cont {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 0%;
    background: #f9f9f945;
    width: 100%;
	top: 0;
    right: 0;
	opacity:0;
	transition: 0.5s;
	text-align:center;
}

.gallery-clm:hover .gallery-cont {
    height: 100%;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
    background: var(--h-color);
    width: 100%;
    opacity: 1;
}
.col-sm-6.col-xs-6.float-right {
    padding: 60px!important;
    background: #1f1d35 ;
}

.col-sm-6.col-xs-6.float-right .gallery-clm{
 width: 95%;
}
.portfolio-tabs.nav-pills .nav-link.active, .portfolio-tabs.nav-pills .nav-link, .portfolio-tabs.nav-pills.show>.nav-link {
    border-radius: 42px;
    padding: 7px 10px;
    text-transform: capitalize;
    font-size: 18px;
    color: #333;
    background-color: transparent;
    transition: 0.5s;
    display: block;
    text-decoration: none;
    min-width: 70px;
}

.portfolio-tabs.nav-pills .nav-link:hover, .portfolio-tabs.nav-pills .nav-link.active{
    color:var(--g-color);
	transition: 0.5s;
	text-decoration:none;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff;
	
}
.portfolio-tabs li:before {
	content:'/';
	position:absolute;
	right:0;
	top: 10px;
}
.portfolio-tabs li:last-child:before {
	display:none;
}
.portfolio-tabs li{
	display:inline-block;
	list-style:none;
	position: relative;
}

ul.portfolio-tabs.categories {
    display: block;
	margin-bottom: 40px;
}
.gallery_product.col-lg-3.col-md-3.isotope-item:{
	transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.isotope-item {
    z-index: 1;
}

.isotope-hidden.isotope-item {
    z-index: 1;
}

.isotope, .isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope-item {
    margin-right: -1px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.isotope {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}
/* ----------------------------------------------------------------
	:: 15.0 Gallery Details
-----------------------------------------------------------------*/
.gallary_d .gallery_product {
    padding: 10px!important;
}
.global_text-cont-inner .label_g{
	font-weight:bold;
}
.global_text-cont-inner{
	font-size:20px;
}
span.label_g {
    min-width: 60px;
    display: inline-block;
    color: #333;
    text-transform: uppercase;
}

.gallary_pagination a{
	color:#222;
	display:block;
	
}
.gallary_pagination a i {
    color: #888;
    font-size: 40px;
}

.gallary_pagination a:hover{
	color:var(--main-color);
	text-decoration:none;
}

.gallery-full-width .gallery-clm:hover .gallery-cont {
    justify-content: center;
    align-items: center;
    transition: 0.5s;
    background: var(--h-color);
    width: 100%;
    opacity: 1;
}
.gallery-full-width .gallery-cont {
    position: absolute;
    align-items: center;
    background: #f9f9f945;

    opacity: 0;
    transition: 0.5s;
    text-align: center;

}


.gallery-full-width .gallery-clm:hover .gallery-cont {
	animation-name: sunrise;
	animation-duration: 2s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 0s;
	animation-play-state: running;
	animation-fill-mode: forwards;
	
}

@keyframes sunrise {

	0% {
		bottom:50%;
		left: 100%;
		background: #f00;
		border-radius:0% 0% 0% 100% ;
	}
	
	33% {
		bottom:66%;
		left: 66%;
		background: var(--g-color);
		border-radius:0% 0% 0% 66% ;
	}

	66% {
		bottom:33%;
		left: 33%;
		background:#fff;
		border-radius:0% 0% 0% 33% ;
	}

	100% {
		bottom: 0;
		left: 0%;
		background: var(--h-color);
		border-radius:0% 0% 0% 40% ;
		border-left:3px solid #fff;
	}

}


.gft-2{
	
	
}

.gft-2 .gallery-clm:hover .gallery-cont {
    transition: 0.5s;
    background: var(--h-color);
    width: 100%;
 	opacity: 1;
    transition: all .5s;
    outline-offset: -30px;

	
	
}
.gft-2  .gallery-cont {
    position: absolute;
    align-items: center;
    height:100%;
    background: #f9f9f945;
    width: 0%;
	margin:0 auto;
    top: 0;
	bottom:0;
    right: 0;
	left:0;
    opacity: 0;
    text-align: center;
}
.gft-2 .gallery-clm:hover .gallery-cont {
	animation-name: sunrise2;
	animation-duration: 1s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 0s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}


@keyframes sunrise2 {

	0% {
		width: 60%;
		
	}
	
	50% {

		background:#fff;
		width: 80%;
		outline-color:red!important;
	}

	100% {

		  background: var(--h-color);
		  border-radius:0% ;
		  width: 100%;
	}

}

/* ----------------------------------------------------------------
	:: 16.0 Our Team
-----------------------------------------------------------------*/

ul.team_social {
    padding:0;
    margin: 0;
}
.team_social a i{
   transition: transform .5s;
}
.team_social a {
    color: #131313;
    padding: 0px 11px;
}
.team_social li a i:hover {
    transform: scale(1.5);
    transition: transform .5s;
}

.search_box {
    position: fixed;
    right: 0;
    left: 0;
	top:0%;
	z-index:99;
	transform: scale(0);
}

.search_box .form-control-borderless {
    border: none;
}

.search_box .form-control-borderless:hover, .search_box .form-control-borderless:active, .search_box .form-control-borderless:focus {
    border: none;
    outline: none;
    box-shadow: none;
}


.search_box input.form-control.form-control-lg.form-control-borderless {
    margin: 0px 20px;
}

/* ----------------------------------------------------------------
	:: 17.0 Mini Subscribe
-----------------------------------------------------------------*/

.mini_subscribe-cont h2 {
    font-weight: bold;
    margin-bottom: 14px;
    font-size: 38px;
}

.mini_subscribe-cont p {
    font-size: 24px;
    letter-spacing: 1px;
	margin-bottom:0px;
}

.mini_subscribe2 input.form-control {
    height: 60px;
	border:0;
}
.mini_subscribe2 .mini_subscribe-btn.pt-4 {
    padding-top: 0!important;
}
.mini_subscribe2 .mini_subscribe-btn.pt-4 {
    padding: 0;
}
.mini_subscribe-cont h4{
	font-size:36px;
	margin-top: 7px;
	font-style:italic;
}
.input-group span {
    background: #fff;
    font-size: 34px;
    text-align: center;
    border-radius: 4px;
    line-height: 56px;
    padding-right: 14px;
    position: relative;
    margin-left: -4px;
}

/* ----------------------------------------------------------------
	:: 18.0 Our Testimonial
-----------------------------------------------------------------*/

.swiper_gallery-thumbs{
	max-width: 45%;
    padding-top: 30px;
	min-height: 170px;
}

.our-testimonial  .swiper-slide {
	transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}
.our-testimonial .gallery-top {
	height: 80%;
	width: 100%;
}
.our-testimonial .testimonials-thumbs {
	box-sizing: border-box;
	padding: 10px 0;
}
.our-testimonial  .testimonials-thumbs .swiper-slide {
	width: 60px;
	height:60px;
	opacity: 0.4;
	border-radius:100%;
	overflow:hidden;
	overflow: hidden;
	margin: auto 17px!important;
	transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}
.our-testimonial .testimonials-thumbs .swiper-slide-pic {
   height: 100px;
}
  .swiper-slide-pic img.img-fluid {
    height: 100%;
	width:100%;
}
.our-testimonial .testimonials-thumbs .swiper-slide-active {
	opacity: 1;
	width: 90px;
	height:90px;
	margin-top: -8px;
	transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}
.testimonial-catipon.text-center {
    max-width: 850px;
    margin: 0 auto;
}

.testimonial-catipon h3 {
    font-size: 26px;
    font-style: italic;
    font-weight: 100;
    color: #000;
    line-height: 36px;
}
.testimonial-catipon h4 {
    margin-top: 40px;
}
.testimonial-catipon p {
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* ----------------------------------------------------------------
	:: 19.0 footer
-----------------------------------------------------------------*/

footer a{
 color: #333;
}
.widgets-col ul {
    padding: 0;
}
.footer-widgets{
	padding-top:100px;
}
.widgets-col>h3 {
    text-transform: capitalize;
    display: block;
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 20px;
    letter-spacing: 1px;
    word-spacing: 1px;

    line-height: 40px;
}
.widgets-col>h3 span{
  color:var(--main-color);
}
.widgets-col ul li{
	display:inline-block;
	list-style:none;
	padding: 1px;
}
.widgets-col ul li a {
    line-height: 33px;
    text-decoration: none;
    display: block;

}
.widgets-col ul li a:hover, .team_social li a:hover {
    color:var(--main-color);
}
.widgets-col .team_social li {
	margin: 0;
}
.widgets-col .team_social a {
    padding: 6px;
    color: #9f9f9f;
    font-size: 18px;
}
.ft-addres p{
	display:flex;
}
.ft-addres p i {
    font-size: 18px;
	color:#ffffff;   
	padding-right: 15px;
}
.coppy-right.text-center {
    line-height: 52px;
}
.coppy-right.text-center  p{
	padding-top:15px;
	padding-bottom:15px;
}

.coppy-right.container {
    text-align: center;
    margin-top: 60px;
    padding-top: 20px;
    border-top: 1px solid #ccc;
}
/* ----------------------------------------------------------------
	:: 20.0 service page
-----------------------------------------------------------------*/

.form_submit_request.margin-auto{
    margin-top: 60px!important;
}
#return-to-top {
    position: fixed;
    bottom: 20px;
    background-color: #fff;
    right: 20px;
    z-index: 999999;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    transition: all .5s;
}
#return-to-top i {
    color: var(--main-color);
    margin: 0;
    position: relative;
    left: 0px;
    top: 0px;
    font-size: 54px;
    transition: all .5s;
}
/* ----------------------------------------------------------------
	:: 21.0 About Our List
-----------------------------------------------------------------*/

.about-our_list .section-title:after{
	display:none;
}
.about-our_list .about-text-inner {
	padding:40px;
}
.about-our_list .content-center.about-text:hover{
	background-color:var(--h-color)!important;
	color:#333;
	transition: all .4s;
}
.about-our_list.about-our_list_v2  .content-center.about-text:hover{
	background-color:var(--g-color)!important;
	color:#fff;
}
.about-our_list .content-center.about-text {
    padding: 0;
	min-height: 360px!important;
	transition: all .4s;
}
.about-our_list .section-heading {
    min-height: 56px;
}
.about-our_list .section-description {
    left: -30px;
    font-size: 120px;
}
.about-our_list  .content-center.about-text:nth-child(2) {
    background-color: rgba(255, 255, 255, 0.07);
}
.about-our_list .content-center.about-text:nth-child(3) {
    background-color: rgba(255, 255, 255, 0.03);
}
.about-our_list .content-center.about-text:nth-child(4) {
    background-color: rgba(255, 255, 255, 0.02);
	    background-color: rgba(255, 255, 255, 0.05);
}
.about-our_list .about-text p {
    line-height: 28px;
    font-weight: 500;
    font-size: 16px;
}
.about-our_list  .section-title {
    font-size: 26px;
	padding-top: 24px;
}
/* ----------------------------------------------------------------
	:: 22.0 Other Cont Area
-----------------------------------------------------------------*/
.other-cont-area{
	background-color:#1a1a1a;
}
.other-cont-area-col-inner{
    max-width: 550px;
}
.other-cont-area-col-inner .accordion .card{
    border-bottom: 0;
    background: transparent;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.other-cont-area-col-inner h2 {
    color: #fff;
    font-size: 36px;
	font-weight: bold;
}
.other-cont-area-col-inner .card-body{
	color:#fff;
}

.other-cont-area-col-inner>h4 {
	  padding-bottom: 40px;
	  color: #fff;
}
.content-center.other-cont-area-col {
    margin: 40px 0;
}
.other-cont-area .other-cont-area-img {
    padding: 0;
}
.other_shap2 .other-cont-area-col-inner {
    max-width: 660px;
}
.other-cont-area-example{
		color:#fff;
}
.other-cont-area-example span i{
	font-size:60px;

}
.other-cont-area-example h4{
	color:var(--h-color);
}
.other-cont-area-img img.img-fluid {
    width: 100%;
}
.icon_col {
    width: 92px;
    text-align: center;
    margin-top: 8px;
}
.page-contactus  .content-center.other-cont-area-col {
    margin: 0px 0; 
}

.page-contactus .other-cont-area-col-inner h2 ,
.page-contactus .contactus_form  h2 {
    font-weight: bold;
    margin-bottom: 60px;
	color:#333!important;
	padding-top: 0;
}
.page-contactus section.container{
    box-shadow: 16px 5px 61px #ccc;
    border: 1px solid #e5e5e5;
}
.other-cont-area-col-inner.content-center{
    margin: 0 auto;
}

/* ----------------------------------------------------------------
	:: 23.0 Accordion
-----------------------------------------------------------------*/
.accordion-custom_d .card-header {
    border-radius: 4px;
	margin-bottom: 15px;
	padding: 0;
	overflow:hidden;
}
.accordion-custom_d{
	margin-top:40px;
}
.accordion-custom_d .card-header {
    border-radius: 4px!important;
    border:0;
}
.accordion-custom_d .btn-link {
    font-weight: 400;
    padding: 15px;
    background-color: var(--h-color);
	color:#333;
	text-decoration:none;
	border-radius:0;
}
button.btn.btn-link.btn-block:hover {
    text-decoration: none!important;
    background-color: var(--h-color);
	color: #333;
}

.accordion-custom_d .btn.collapsed:hover{
    color: #333;
    background-color:var(--h-color);
}
.accordion-custom_d .card {
    border: 0;
}

.accordion-custom_d .card-header .btn.collapsed {
    color: #ffffff;
    background-color: #2c2c2c;
}
.card-header .btn.collapsed .fa.main:after{
	content: "\f35b"!important;
}
.accordion-custom_d .card-header .btn .fa.main:after{
    content: "\f358";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 24px;
    padding-right: 0.5em;
    position: relative;
    right: 1px;
}

.accordion-custom_d .card-header .btn .fa.main {
    padding: 13px 11px;
    position: absolute;
    right: -3px;
    top: 4px;
    font-size: 20px;
}

.helping-area-cont h1.section-title {
    text-transform: inherit;
    font-size: 42px;
}

/* ----------------------------------------------------------------
	:: 24.0 Blog Post
-----------------------------------------------------------------*/

.blog-post{
    padding-bottom: 40px;
}
.blog-post-all{
	padding-bottom:60px;
}
.post-socil-share .team_social li a {
    color: #919191;
}

.team_social a {
    color: #9b9b9b;
    font-size: 28px;
    text-decoration: none;
}
.team_social a:hover{
	color:var(--main-color);
}
.post-socil-share .team_social li {
    padding: 2px;
	margin:0px;
}
.team_social li {
    display: inline-block;
    padding: 15px;
    margin: 5px;
}

.blog-post p {
    color: #747070;
    line-height: 28px;
}

.blog-post-cnt h1 {
    font-weight: bold;
    text-transform: capitalize;
    word-wrap: break-word;

}

.blog-post-cnt {
    margin: 40px 30px;
    padding-bottom: 40px;
    padding-top: 40px;
}

.blog-post-cnt .btn.main-btn {
    color: #fff;
    background-color: var(--main-color);
}
.blog-post.row {
    box-shadow: 0px 0px 61px #dedddd;
    padding: 20px;
    padding-left: 14px;
}

.blog-post_tag a {
    margin: 3px;
    color: #333333;
}

.blog-post_tag span {
    font-weight: bold;
    border-right: 1px solid;
    margin-right: 8px;
    padding-right: 8px;
    display: inline-block;
    min-width: 36px;
    line-height: 16px;
    color: var(--main-color);

}

.blog-post-cnt a:hover {
    color: var(--main-color);
    text-decoration: none;
}

.blog-post_tag a:hover {
    color: var(--main-color);
    text-decoration: none;
}

p.post_date {
    font-weight: bold;
    line-height: 20px;
    margin-left: 10px;
    margin-top: 10px;

}
.blog_post-catipon-inner {
    position: relative;
}
.blog_post-catipon-inner h4{
	font-size:20px;
	font-weight:bold;
	line-height: 30px;
}
.blog_post .blog_post-catipon-inner .btn {
    background-color: transparent;
    color: #333;
    padding: 5px;
    height: auto;
    font-size: 17px;
    text-transform: capitalize;
    box-shadow: none!important;
    width: auto;
    margin-top: 10px;
	opacity:0.8;
	border-radius: 0;
}
.blog-post.swiper-slide figure {
    margin-bottom: 0;
}
p.post_date {
    /* position: absolute; */
    /* margin-top: -21px; */
    color: #8a8a8a;
    /* background: var(--main-color); */
    left: 20px;
    min-width: 130px;
    display: block;
    font-size: 14px;
    /* text-align: center; */
    min-height: 36px;
    line-height: 34px;
}
.blog_post  .blog-post{
	background-color: #fff;
   transition: all .5s;
}
.blog_post  .blog-post:hover{
	box-shadow: -1px 2px 19px #ccc;
   transition: all .5s;
}

.blog_post-catipon-inner.text-left {
    padding: 20px 20px;
}
.blog_post .swiper-wrapper{
	margin:20px 0;
}

.blog-full-width   .post_date{
	top:40%;
	margin:0 auto;
	left:0;
	right:0;
	max-width:250px;
}
.page-blog .blog-post {
    margin-bottom: 60px;
    box-shadow: 2px 2px 48px #ccc;
}
.page-blog .blog_post-catipon-inner{
    padding:40px 30px;
}
.page-blog .blog_post-catipon-inner h4 {
    font-size: 30px;
    line-height: 42px;
}
.page-blog .blog_post-catipon-inner .btn.main-btn{
	margin-top:30px;
}

.blog_article blockquote {
    background-color: #fafafa;
    padding: 40px;
    border: 1px solid #e7e5e5;
}
/* ----------------------------------------------------------------
	:: 25.0 Blog Comment Section
-----------------------------------------------------------------*/
.comment_detail {
    margin-bottom: 50px;
}

.comment_detail .reply {
    margin-top: 40px;
}

.comment_detail .reply a {
    border: 1px solid #ccc !important;
}

.reply .btn.main-btn {
    font-size: 14px;
    border: 1px solid #333333;
    background-color: #fff ! impoirtant;
    width: 79px;
    height: 30px;
    color: rgb(30, 30, 39);
    box-shadow: none;
    padding: 0;
    border-radius: 40px;
    text-transform: uppercase;
    line-height: 26px;
    margin-right: 7px;
    background-color: #fff;
}

.reply .btn.main-btn:hover {
    color: #fff;
    background-color: var(--main-color);
}
 .btn.main-btn:hover {
    color: #fff;
    background-color: var(--main-color);
}
.comment_detail {
    margin-bottom: 50px;
    border-left: 1px solid #e3e1e1;
    padding-left: 30px;
    margin-left: 30px;
}

a.pull_left_comment {
    width: 70px;
    height: 70px;
    overflow: hidden;
    border-radius: 2px;
    box-shadow: 5px 7px var(--main-color);
    padding: 3px;
    border: 1px solid var(--main-color);
}


.comment_detail {
	position:relative;
	padding:20px!important;
}
.comment_detail:after {
    z-index: 999999;
    margin-left: 10px;
    display: block;
    content: " ";
    width: 0;
    height: 0;
    transform: rotate(-165deg);
    rotation-point: 50% 50%;
    rotation: 180deg!important;
    top: 0;
    left: -22px;
    border-color: #ececec #b91c1c00 #ececec;
    border-style: solid;
    border-width: 54px 29px 7px 10px;
    margin-top: 0px;
    position: absolute;
    z-index: 99;
}
h4.comment_detail_title {
    font-size: 20px;
    padding: 6px 0px;
}

.comment_form .form-control {
    padding: 4px 25px;
}

.comment_form .form-control:hover {
    box-shadow: 0px 0px 2px #ccc;
}

.comment_form input.form-control {
    height: 54px;
}

.comment_form textarea.form-control {
    min-height: 120px;
    padding-top: 20px;
}

.comment-section {
    border-top: 1px solid #e7e7e7;
    margin-top: 40px;
    padding-top: 60px;
}

.comment-section .about-text a.btn.main-btn {
    font-size: 16px;
    /* color: rgb(255, 255, 255); */
    font-weight: bold;
    padding: 12px 30px;
    text-transform: uppercase;
    line-height: 1.313;
    text-transform: uppercase;
    width: 201px;
    height: 47px;
    background-image: -moz-linear-gradient(-159deg, rgb(131, 104, 255) 0%, rgb(85, 78, 138) 100%);
}
span.comment_date {
    color: #a6a6a6;
    transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.margin-m-100 {
    border-radius: 5px;
    background: #fff;
    position: relative;
    z-index: 999;
    top: -100px;
    z-index: 999;
}

/* ----------------------------------------------------------------
	:: 26.0 Service Page 2
-----------------------------------------------------------------*/
section.service_2.our-services.space.bg-color {
    padding-bottom: 70px;
}

.service_2  .service-content {
	box-shadow: 3px 1px 20px rgba(0, 0, 0, 0.14901960784313725);
}

.our-services .other-cont-area-col-inner{
	width:100%;
}

/* ----------------------------------------------------------------
	:: 27.0 About Page
-----------------------------------------------------------------*/

.about_details_area2 p{
	font-size:18px;
	color:#888;
}
.about_details_area2 .nav-link{
	max-width:50%;
	font-size:24px;	position: relative;

	color:#888;
}

.about_details_area2 .nav-link:after {
    content: '';
    width: 30%;
    height: 2px;
    background-color: #888;
    position: absolute;
    top: 20px;
    left: 100%;
	transition: all .5s;
}
.about_details_area2 .nav-pills .nav-link.active, .about_details_area2 .nav-pills .show>.nav-link {
	color:var(--g-color);
	background-color:transparent;
}
.about_details_area2 .nav-link:hover:after,
.about_details_area2 .nav-pills .nav-link.active:after ,
.about_details_area2 .nav-pills .show>.nav-link:after  {
    width: 90%;
	transition: all .5s;
	background-color:var(--g-color);
}
.about_details_area2  ul.nav.nav-pills {
    display: block;

}

.countdow h2 {
	font-size:50px;
	font-weight:100;
}
.countdow h3 {
    color: #888;
    line-height: 34px;
	font-size:24px;
}

/* ----------------------------------------------------------------
	:: 28.0 Blog Sidebar
-----------------------------------------------------------------*/

.cat-item a {
    color: #333;
    border: 1px solid transparent;
    padding: 8px 15px;
    display: block;
    border-radius: 40px;
    margin-bottom: 12px;
    min-height: 40px;
    text-decoration: none;
    transition: 0.5s;
    border: none !important;
}

.cat-item {
    list-style: none;
}

.sidebar ul {
    list-style: none;
    margin: 0;
    padding: 0;
}


.cat-item a:hover {
    color: var(--main-color);
    border: 1px solid var(--main-color);
    transition: 0.5s;
}

h4.widgets-title {
    padding-left: 11px;
    border-left: 3px solid #064372;
    margin-bottom: 40px;
}

.blog-sidebar-widgets li a i.fas.fa-circle {
    margin-right: 15px;
    border: 3px solid #9d9b9b;
    color: transparent;
    border-radius: 100%;
    font-size: 13px;
    transition: 0.5s;

}

.blog-sidebar-widgets li a:hover i.fas.fa-circle {
    margin-right: 15px;
    border: 3px solid var(--main-color);
    color: var(--main-color);
    background: var(--main-color);
    border-radius: 100%;
    font-size: 13px;
    transition: 0.5s;

}

.blog-sidebar-widgets li:first-child {
    margin-top: -15px;
}

.blog-sidebar-widgets li a {
    color: #333;
    padding: 10px 0px;
    display: block;
    border-bottom: 1px solid #eae8e8;
    text-decoration: none;
    margin-bottom: 5px;
}

.sidebar-post-img {
    max-width: 100px;
    max-height: 80px;
    margin-right: 21px;
    overflow: hidden;
}

.sidebar-post h4 {
    font-size: 17px;
}

.sidebar-post p {
    padding: 0;
    margin: 4px 0px;
}

.sidebar-post p span {
    color: #afa9a9;
}

.media.sidebar-post {
    margin-bottom: 22px;
}

.blog-sidebar-widgets a.btn.main-btn {
    width: 133px;
    line-height: 12px;
    text-transform: uppercase;
    margin-top: 20px;
}

.tags-blog-sidebar ul {
    margin: 0;
    padding: 0;
}

.tags-blog-sidebar li {
    list-style: none;
}

.tags-blog-sidebar li {
    list-style: none;
    padding: 5px 10px;
    border: 1px solid transparent;
    border-radius: 50px;
    margin: 0px;
}

.tags-blog-sidebar li:hover {
    border: 1px solid var(--main-color);
    color: var(--main-color);
    transition: 0.5s;
}

.tags-blog-sidebar li a {
    color: var(--main-color);
    text-decoration: none;
    transition: 0.5s;
}

.blog-sidebar-widgets {
    margin-bottom: 40px;
    background-color: #f2f2f200;
    padding: 40px 20px;
    box-shadow: -1px 1px 20px 6px rgba(204, 204, 204, 0.5215686274509804);
}

.blog-sidebar-widgets a.tag-cloud-link {
    display: inline-block;
    padding: 8px;
    font-size: 14px;
    text-decoration: none;
    text-transform: capitalize;
    color: var(--main-color);
    transition: 0.5s;
	border-radius:20px;
}

.blog-sidebar-widgets a.tag-cloud-link:hover {
    background-color: var(--main-color);
    transition: 0.5s;
    color: #fff;
}

.gallery-item {
    width: 32%;
    display: inline-block;
    margin-bottom: 4px;
    transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.gallery-item:hover img {
    /* filter: blur(2px); */
    transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.widgets-col .team_social {
    margin-top: 30px;
}
.about-img-inner iframe.video.col-md-12 {
    border: 0;
    height: 400px;
}
/*-----------------------------------------------
	:: 29.0 calendar
-----------------------------------------------*/
#wp-calendar {
    text-align: center;
    border: 1px solid var(--main-color);
}

#wp-calendar caption {
    color: #ffffff;
    text-align: center;
    background:var(--main-color);
}

#wp-calendar td {
    padding: 10px;
    border-left: 1px solid var(--main-color);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

#wp-calendar a {
    color: var(--main-color);
}

#wp-calendar th {
    background-color: var(--main-color);
    color: #fff;
    padding: 10px 15px;
    text-align: center;
    border-left: 1px solid var(--main-color);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

#wp-calendar td:hover, #wp-calendar th:hover {
    background: var(--main-bg);
    color: #333;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

#wp-calendar tbody tr {
    border: 1px solid var(--main-color);
    padding: 5px;
}

.sidebar-widget select {
    width: 100%;
    height: 40px;
    margin-top: 15px;
    border: 1px solid #eaeaea;
}

.sidebar .searchform #s {
    width: 78%;
    border: 1px solid var(--main-color);
    padding: 5px 10px;
}

.searchform input {
    height: 46px;
}

input#searchsubmit {
    background: var(--main-color);
    border: 0;
    padding: 10px;
    color: #fff;
	border-radius: 0px 0px 20px;
}

/* ----------------------------------------------------------------
	:: 30.0 About Search Box
-----------------------------------------------------------------*/

.search_box.collapse.show {
    transform: scaleY(0.01) scaleX(0);

}

.search_box.collapse.show {
    transform: scale(0);
    animation: zoomIn 0.1s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards !important;
}

.search_box.collapse {
    transform: scale(1);
    animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.search_box.collapse {
    animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards !important;
}

.search_box {
    position: fixed;
    right: 0;
    left: 0;
    top: 0%;
    z-index: 99;
    transform: scale(0);
}

.search_box .form-control-borderless {
    border: none;
}

.search_box .form-control-borderless:hover, .search_box .form-control-borderless:active, .search_box .form-control-borderless:focus {
    border: none;
    outline: none;
    box-shadow: none;
}

.search_box input.form-control.form-control-lg.form-control-borderless {
    margin: 0px 20px;
}
/* ----------------------------------------------------------------
	:: 31.0 Return To top btn
-----------------------------------------------------------------*/

#return-to-top {
    position: fixed;
    bottom: 20px;
    background-color: #fff;
    right: 20px;
    z-index: 999999;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    transition: all .5s;
}

#return-to-top i {
    color: var(--main-color);
    margin: 0;
    position: relative;
    left: 0px;
    top: 0px;
    font-size: 54px;
    transition: all .5s;
}


/* ----------------------------------------------------------------
	:: 32.0 Page loader
-----------------------------------------------------------------*/


#page-anim-preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display:;
    z-index: 999;
    width: 100%;
    height: 100% !important;
    transition: all .9s;
}

#page-anim-preloader img {
    max-width: 200px;
}

.page_preloader-inner {
    position: relative;
    z-index: 999999;
}

#page-anim-preloader:after {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    background: #0d161f;
    z-index:;
    width: 100%;
    height: 100%;

}

.thecube {
  width: 75px;
  height: 75px;
  margin: 0 auto;
  margin-top: 50px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
.thecube .cube {
  position: relative;
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
.thecube .cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.thecube .cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:var(--h-color);
  -webkit-animation: foldthecube 2.4s infinite linear both;
  animation: foldthecube 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
.thecube .c2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg);
}
.thecube .c3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
  transform: scale(1.1) rotateZ(180deg);
}
.thecube .c4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
  transform: scale(1.1) rotateZ(270deg);
}
.thecube .c2:before {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.thecube .c3:before {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.thecube .c4:before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
@-webkit-keyframes foldthecube {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
        75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
        100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
@keyframes foldthecube {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
        75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
        100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}

.animate{
	opacity:1!important;
}
/* ----------------------------------------------------------------
	:: 33.0 Contact Page
-----------------------------------------------------------------*/
.cont-map iframe{
	border:0;
	width:100%;
	height:600px;
	margin-bottom: -6px;
}
.about-text a.btn.main-btn.col-md-4 {
    font-weight: bold;
}
.page-contactus .other-cont-area-example h4 {
    color:#000;
}
.page-contactus .row.other-cont-area-example {
    margin-bottom: 20px;
    color: #333;
}	
	
.page-contactus .other-cont-area-example span i {
    font-size: 40px;
}
.contactus_form h2.mb-4 {
    font-weight: bold;
}
.page-contactus  .form-group .form-control {
    height: 50px;
    border-radius: 4;
    border: 0;
    margin-bottom: 12px;
    box-shadow: 2px 2px 67px rgba(0, 0, 0, 0.12);
}

section.blog_post.space.bg-color.clearfix {
    padding-bottom: 80px;
}
section.container.our-services.space, .our-testimonial {
    padding-bottom: 70px;
}
/* ----------------------------------------------------------------
    :: 34.0 search button
-----------------------------------------------------------------*/

.search_box.collapse.show{
  transform: scaleY(0.01) scaleX(0);

}
.search_box.collapse.show {
  transform: scale(0);
  animation: zoomIn 0.1s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards!important;
}
.search_box.collapse{
  transform: scale(1);
  animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.search_box.collapse {
  animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards!important;
}

.search_box {
    position: fixed;
    /* width: 100%; */
    right: 0;
    left: 0;
  top:0%;
  z-index:99;
  transform: scale(0);
}

.search_box .form-control-borderless {
    border: none;
}

.search_box .form-control-borderless:hover, .search_box .form-control-borderless:active, .search_box .form-control-borderless:focus {
    border: none;
    outline: none;
    box-shadow: none;
}


.search_box input.form-control.form-control-lg.form-control-borderless {
    margin: 0px 20px;
}
.search_form a {
    color: #fff;
    font-size: 22px;
    padding: 5px 10px;
}

.search_form{
    border-radius: 50px;
    height: 40px;
    display: flex;
    position: relative;
}
.select_lng {
    display: flex;
}
.search-hover {
    /*outline: none;*/
    background: #EFF0F1;
    border: 0;
    height: 40px;
    position: absolute;
    z-index: 9999;
    width: 0px;
    right: 40px;
    float: right;
    transition: all .5s;
}
.search_form:hover .search-hover{
  width: 200px;
  padding: 3px 15px;
  
}
/* ----------------------------------------------------------------
    :: 35.0 blog pagination
-----------------------------------------------------------------*/
.navigation.pagination h2.screen-reader-text, h2.screen-reader-text {
    display: none!important;
}
.page-numbers {
    display: inline-block;
    padding: 5px 10px;
    margin: 0 2px 0 0;
    border: 1px solid #eee;
    line-height: 1;
    text-decoration: none;
    border-radius: 2px;
    font-weight: 600;
    color: #074473;
    font-size: 20px;
}
.page-numbers.current,
a.page-numbers:hover {
    background: #074473;
    text-decoration: none;
    color:#fff;
}
