:root{
    --themecolor:  linear-gradient(to bottom right, #8B0000, #FF0000);
    --white:white;
    --black:black;
  }


/* Background Color */
.theme-bg{
	background: var( --themecolor);
}
.primary-bg{
	background: #2e2e37;
}
.secondary-bg{
	background: #f0f9fa;
}
.white-bg {
	background: #fff;
}
.dark-bg {
	background: #2f3036;
}
.form-bg{background: #f3f5fc;}
.dark-black-bg {background: #000000 !important;}
.gray-bg {background: #D4D4D4;}
.gray-bg2 {background: #f7f7f7;}
.light-gray-bg {background: #f5f5f5;;}
.orange-bg{background: #da1b1b;}
.pink-bg{background:#F06EAA;}
.lower-blue-bg{background:#8194D9;}
.darkblue-bg{background:#004A80;}
.yellow-brown-bg{background:#C69C6D;}
.green-bg{background:#1CBBB4;}
.yellow-bg{background:#FBAF5D;}
.dark-black{background: #000;} 
.footer-4-bg{background-color: #161619;}
.p-blue{background: #2349d5; border:1px solid #2349d5 !important}
.p-d-blue{background: #004a80; border:1px solid #004a80 !important}
.p-gray{background: #d4d4d4; border:1px solid #d4d4d4 !important}
.p-green{background: #1cbbb4; border:1px solid #1cbbb4 !important}
.p-l-black{background: #363636; border:1px solid #363636 !important}
.p-l-blue{background: #8194d9; border:1px solid #8194d9 !important}
.p-orange{background: #fbaf5d; border:1px solid #fbaf5d !important}
.p-pink{background: #f06eaa; border:1px solid #f06eaa !important}
.p-yellow{background: #c69c6d; border:1px solid #c69c6d !important}

 
/* Color */
.theme-color{
	color: var( --themecolor);
}
.dark-black-color{color: #000000;}
.primary-color{
	color: #2e2e37;
}
.secondary-color{color: #343c55;}
.secondary-color2{color: #4d4d5c;}
.secondary-color3{color: #646d8a;}
.white-text {
	color: #fff;
}
.black-color {
	color: #222222;
}
/* border css */
.theme-border-top{border-top:1px solid #c8ccd4}
.theme-border-bottom{border-bottom:1px solid #c8ccd4}
.theme-border{border:1px solid #c8ccd4}
.border-radius10{ border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; }

/* social link-color css */
.facebook-bg{background: #1877f2;}
.twitter-bg{background: #1da1f2;}
.instagram-bg{background: #405de6;}
.linkedin-bg{background: #0077b5;}
.facebook-color{color: #1877f2;}
.twitter-color{color: #1da1f2;}
.instagram-color{color: #405de6;}
.linkedin-color{color: #0077b5;}

/* form contact css start */
.form-color{color: #7a7a8a;}
.form-control:focus,.form-control:active {
	background-color: #F3F5FC;
	border: 1px solid #e6e9f7 !important;
	box-shadow: none;
}
input:focus-visible ,textarea:focus-visible {
	border: 1px solid var( --themecolor) !important;
	box-shadow: none;
	outline: 0;
}
*::-moz-placeholder {
	color: #858585;
	font-size: 14px;
	opacity: 1;
}
*::placeholder {
	color: #858585;
	font-size: 18px;
	opacity: 1;
}
/* form contact css end */

/* common css start */
/* font css */
.primary-font-family{font-family: 'Open Sans', sans-serif;}
.flat-family{font-family: "Flaticon";}
.f-600{font-weight: 600;}
.f-800{font-weight: 800;}
.f-700{font-weight: 700;}
.f-900{font-weight: 900;}
/* others css */
.top-0{top: 0;}
.left-0{left: 0;}
.right-0{right:0}
.bottom-0{bottom: 0;}
.over-hidden{overflow: hidden;}
.clear-both{clear: both;}
.over-scroll{overflow: scroll;}
.over-x-hidden{overflow-x: hidden;}
.over-x-scroll{ overflow-y: scroll;}
.z-index-1{z-index: -1;}
.z-index1{z-index: 1;}
.z-index11{z-index: 11;}
.border-radius5{ border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; }
.border-radius10{ border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; }
.border-radius12{ border-radius:12px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; }
.primary-hover:hover{color: var( --themecolor);}
.transition3{ transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.transition5{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.img{transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);}
.no-repeat{background-repeat: no-repeat;}
.bg-cover{background-size: cover;}
/* common css end */

/* black overlay */
[data-overlay] {
	position: relative;
}
[data-overlay]::before {
	background: #fc8459 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}
[data-overlay="3"]::before {
	opacity: 0.3;
}
[data-overlay="4"]::before {
	opacity: 0.4;
}
[data-overlay="5"]::before {
	opacity: 0.5;
}
[data-overlay="6"]::before {
	opacity: 0.6;
}
[data-overlay="7"]::before {
	opacity: 0.7;
}
[data-overlay="8"]::before {
	opacity: 0.8;
}
[data-overlay="9"]::before {
	opacity: 0.9;
}


/* bounce-animate start */
.bounce-animate {
	animation-name: float-bob;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-moz-animation-name: float-bob;
	-moz-animation-duration: 3s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: float-bob;
	-ms-animation-duration: 3s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	-o-animation-name: float-bob;
	-o-animation-duration: 3s;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: linear; }
   
@-webkit-keyframes float-bob {
0% {
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px); }
50% {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px); }
100% {
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px); } 
}
/* bounce-animate css end */


/* pulse btn css start */
@-webkit-keyframes pulse {
	0% {
	  -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.5);
	}
	70% {
		-webkit-box-shadow: 0 0 0 15px rgba(255,255,255, 0);
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0);
	}
}
@keyframes pulse {
	0% {
		-moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0.5);
		box-shadow: 0 0 0 0 rgba(255,255,255, 0.5);
	}
	70% {
		-moz-box-shadow: 0 0 0 15px rgba(255,255,255, 0);
		box-shadow: 0 0 0 15px rgba(255,255,255, 0);
	}
	100% {
		-moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0);
		box-shadow: 0 0 0 0 rgba(255,255,255, 0);
	}
}
/* pulse btn css end */   
   

/* heartbeat */

.heartbeat {

	animation: heartbeat 1s infinite alternate;

}



@-webkit-keyframes heartbeat {

	to {

		-webkit-transform: scale(1.1);

		transform: scale(1.1);

	}

}

/* heartbeat2 */

.heartbeat2 {
	animation: heartbeat2 2s infinite alternate;
	-webkit-animation: heartbeat2 2s infinite alternate;
}



@-webkit-keyframes heartbeat2 {

	to {
		transform: scale(.8);
		-webkit-transform: scale(.8);
		-moz-transform: scale(.8);
		-ms-transform: scale(.8);
		-o-transform: scale(.8);
}

}

/* bounce-animate end*/

/* preloader css start */
#loading{
	background-color: #ffffff;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 999;
	margin-top: 0px;
	top: 0px;
}
#loading-center{
	width: 100%;
	height: 100%;
	position: relative;
}
#loading-center-absolute {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 150px;
	width: 150px;
	margin-top: -75px;
	margin-left: -75px;
}
.object{
	width: 20px;
	height: 20px;
	background-color: var( --themecolor);
	float: left;
	margin-right: 20px;
	margin-top: 65px;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
}

#object_one {	
	-webkit-animation: object_one 1.5s infinite;
	animation: object_one 1.5s infinite;
	}
#object_two {
	-webkit-animation: object_two 1.5s infinite;
	animation: object_two 1.5s infinite;
	-webkit-animation-delay: 0.25s; 
    animation-delay: 0.25s;
	}
#object_three {
    -webkit-animation: object_three 1.5s infinite;
	animation: object_three 1.5s infinite;
	-webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
	
	}

	






@-webkit-keyframes object_one {
75% { -webkit-transform: scale(0); }
}

@keyframes object_one {

  75% { 
    transform: scale(0);
    -webkit-transform: scale(0);
  }

}





@-webkit-keyframes object_two {
 

  75% { -webkit-transform: scale(0); }


}

@keyframes object_two {
  75% { 
    transform: scale(0);
    -webkit-transform:  scale(0);
  }

}

@-webkit-keyframes object_three {

  75% { -webkit-transform: scale(0); }

}

@keyframes object_three {

  75% { 
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  
}

/* preloader end */
   






/* arrow-bounce-animate start */
.bounce-animate-arrow {
	animation-name: float-bob3;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-moz-animation-name: float-bob3;
	-moz-animation-duration: 2s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: float-bob3;
	-ms-animation-duration: 2s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	-o-animation-name: float-bob3;
	-o-animation-duration: 2s;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: linear; }
   
@-webkit-keyframes float-bob3 {
0% {
	-webkit-transform: translateY(-40px);
	transform: translateY(-40px);
	-moz-transform: translateY(-40px);
	-ms-transform: translateY(-40px);
	-o-transform: translateY(-40px);
}
50% {
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
}
100% {
	-webkit-transform: translateY(-40px);
	transform: translateY(-40px);
	-moz-transform: translateY(-40px);
	-ms-transform: translateY(-40px);
	-o-transform: translateY(-40px);
} 
}
/* bounce-animate end*/

/* shape effects start */



   
/* shape-up-down-animation start */
.shape-up-down-animation {
	animation: anim-up-down 5s infinite;
	-webkit-animation: anim-up-down 5s infinite;
}
   @keyframes anim-up-down {
	0% {
	  transform: translateY(0);
	}
	50% {
	  transform: translateY(30px);
	}
	100% {
	  transform: translateY(0);
	}
   }
/* shape-up-down-animation end */
   
   



	 


/* .portfolio-wrapper:hover .portfolio-thumb img {
	transform: rotate(-5deg) scale(1.2);
} */