/*
|--------------------------------------------------------------------------
| IAMDESIGN customization 
|--------------------------------------------------------------------------
*/	
.margin-10 {
  margin: 10px;
}
.margin-20 {
  margin: 20px;
}
.margin-30 {
  margin: 30px;
}
.margin-40 {
  margin: 40px;
}
.margin-50 {
  margin: 50px;
}
.margin-60 {
  margin: 60px;
}
.margin-top-10 {
  margin-top: 10px !important;
}
.margin-top-30 {
  margin-top: 30px !important;
}

.tp-banner-container{
	width:100%;
	position:relative;
	padding:0;

}

.tp-banner{
	width:100%;
	position:relative;
}

.tp-banner-fullscreen-container {
	width:100%;
	position:relative;
	padding:0;
}

.featured-2020 {
	margin-top:1.8em;
}

.spacer-2020 {
	margin: 2em;
}
.text-bold {
	font-weight: 600;
}
.text-transform-none {
	text-transform: none;
}
.text-align-center {
	text-align: center;
}
.color-grey {
	color:#8f8f8f;
}
.color-blue {
  color: #38b5e6 !important;
}
.section-featured-2020 {
	background-color: #f6f6f6;
}
.section-title-2020 {
	background-color: #b9ac77;
	padding: .3em;
	color: #ffffff;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 35%;	
	font-size: 2em;
	font-weight: 900;
	clip-path: polygon(15% 0, 85% 0, 90% 49%, 85% 100%, 15% 100%, 10% 50%);
}
.section-subtitle-2020 {
	background-color: #9addcb;
	padding: .3em;
	color: #ffffff;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 20%;	
	font-size: 20px;
	font-weight: 400;
	clip-path: polygon(15% 0, 85% 0, 90% 49%, 85% 100%, 15% 100%, 10% 50%);
}
.category-box {
	background-color: #b9ac77;
	padding: .3em;
	color: #ffffff;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 65%;	
	font-size: 14px;
	font-weight: 400;
	clip-path: polygon(15% 0, 85% 0, 90% 49%, 85% 100%, 15% 100%, 10% 50%);
}

.text-size-14 {
	font-size: 14px;
}
a.featured-2020 {
	color: #000;
}
a.featured-2020:hover, featured-2020:active {
	color: #8f8f8f;
	text-decoration: none;
}
.header-bold-2020 {
	font-weight: 900;
	font-size: 4em;
}
.arrow-2020 {
	clip-path: polygon(0 0, 100% 0, 50% 25%);
	background-color: #b9ac77;
	padding: 20px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 5%;	
}
/* The Image container */
.img-hover-zoom {
  height: 300px; /* Modify this according to your need */
  overflow: hidden; /* Removing this will break the effects */
}

/* [1] The container */
.img-hover-zoom {
  height: 300px; /* [1.1] Set it as per your need */
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {
  transition: transform .3s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
  transform: scale(1.1);
}

.official3d {
	font-family: 'Official Hollow' !important;
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Official Hollow' !important;
	src: url('files/fonts/official3d/OfficialHollow-Regular.woff2') format('woff2'),
		url('files/fonts/official3d/OfficialHollow-Regular.woff') format('woff'),
		url('files/fonts/official3d/OfficialHollow-Regular.ttf') format('truetype'),
		url('files/fonts/official3d/OfficialHollow-Regular.svg#OfficialHollow-Regular') format('svg') !important;
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
	





/* END I AM DESIGN */








#rs-slider-fullscreen, #rs-slider-elements, #rs-slider-fullwidth{
	visibility: hidden;
	height:100%;
}
.fullscreenvideo video, .html5-fullscreen, .no-video-playback-capabilitites, .video-flash {
	width:100%;
	height:100%;
}

/* typography */

#rs-slider-fullscreen h1,
#rs-slider-fullscreen .h1,
#rs-slider-fullscreen h2,
#rs-slider-fullscreen .h2,
#rs-slider-fullscreen h3,
#rs-slider-fullscreen .h3,

#rs-slider-elements h1,
#rs-slider-elements .h1,
#rs-slider-elements h2,
#rs-slider-elements .h2,
#rs-slider-elements h3,
#rs-slider-elements .h3,

#rs-slider-fullwidth h1,
#rs-slider-fullwidth .h1,
#rs-slider-fullwidth h2,
#rs-slider-fullwidth .h2,
#rs-slider-fullwidth h3,
#rs-slider-fullwidth .h3 {
	margin: 0;
	padding: 0;
}

#rs-slider-fullscreen h1.x-large,
#rs-slider-elements h1.x-large,
h1.x-large {
	/*padding-bottom: 0.25em;*/
	padding-bottom: 10px;
	margin-bottom: 0;
}

@media (max-width: 480px) {

	#rs-slider-fullscreen h1,
	#rs-slider-fullscreen .h1,
	#rs-slider-elements h1,
	#rs-slider-elements .h1,
	#rs-slider-fullwidth h1,
	#rs-slider-fullwidth .h1
	{
		font-size: 22px;
	}

	#rs-slider-fullscreen h2,
	#rs-slider-fullscreen .h2,
	#rs-slider-elements h2,
	#rs-slider-elements .h2,
	#rs-slider-fullwidth h2,
	#rs-slider-fullwidth .h2
	{
		font-size: 14px;
	}

	#rs-slider-fullscreen h3,
	#rs-slider-fullscreen .h3,
	#rs-slider-elements h3,
	#rs-slider-elements .h3,
	#rs-slider-fullwidth h3,
	#rs-slider-fullwidth .h3
	{
		font-size: 14px;
	}

	#rs-slider-fullscreen .btn,
	#rs-slider-elements .btn,
	#rs-slider-fullwidth .btn,
	#rs-slider-fullscreen .btn.large,
	#rs-slider-elements .btn.large,
	#rs-slider-fullwidth .btn.large

	{
		white-space: nowrap;
		font-size: 14px;
		padding:10px!important;
	}

	.slider-btn-wrapper {
	 padding-top:40px!important;
	}
}
@media (max-width: 1000px) {

.shop-slider .slider-btn-wrapper {
		padding-top:70px!important;
	}
}
/*** OVerride, add class=".custom-nekoskin" to the slider container ***/

/* overide round style settings */

.custom-neko-skin .tp-leftarrow.round,
.custom-neko-skin .tp-rightarrow.round {
	background:none!important;
	line-height: 40px;
	text-align:center;
	opacity:0.2;
}

.custom-neko-skin .tp-leftarrow.round:hover,
.custom-neko-skin .tp-rightarrow.round:hover{
	opacity:1;
}

.custom-neko-skin .tp-rightarrow.round:before,
.custom-neko-skin .tp-leftarrow.round:before{
	font-family: 'custom-icons';
	color:white;
	font-size: 40px;
}

.custom-neko-skin .tp-rightarrow.round:before{
	content: '\e8cc';
}

.custom-neko-skin .tp-leftarrow.round:before{
	content: '\e8cd';
}

.custom-neko-skin .tp-bullets.simplebullets.round .bullet {
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background: #FFF;
	display: inline-block;
	margin: 0 5px;
	opacity: 0.5;
}
.custom-neko-skin .tp-bullets.simplebullets.round .bullet:hover,
.custom-neko-skin .tp-bullets.simplebullets.round .bullet.selected {
	cursor:pointer;
	opacity: 1;
}

/* overide preview4 style settings */
.custom-neko-skin .tp-bullets.preview4 .bullet {
	background: none!important;
	border: 2px solid #FFF!important;
	width: 10px!important;
	height: 10px!important;
	margin: 5px;
}

.custom-neko-skin .tp-bullets.preview4 .bullet:hover,
.custom-neko-skin .tp-bullets.preview4 .bullet.selected 
{
	background: #fff!important;
	width: 10px!important;
	height: 10px!important;
	border: 2px solid #FFF!important;;
}


/*
|--------------------------------------------------------------------------
| bloc images
|--------------------------------------------------------------------------
*/	
/*** News ***/

.news-1 {
	background-image:url(../images/news/news-3.jpg);
}

.news-2 {
	background-image:url(../images/news/news-2.jpg);
}

.news-3 {
	background-image:url(../images/news/news-1.jpg);
	background-position: top right;
}

.city {
	background-image:url(../images/theme-pics/city.jpg);
	background-position: center center;
}


.team-1 {
	background-image:url(../images/team/team-corporate-1.jpg);
}

.team-2 {
	background-image:url(../images/team/team-corporate-2.jpg);
}

.team-3 {
	background-image:url(../images/team/team-corporate-3.jpg);
	background-position: top right;
}


/*** adjust some icons ***/

/** single portfolio **/
#back-to-portfolio i:before{
	margin-right: 17px;
}

/** NEKO AJAX a bouger dans le framework **/
.neko-Ajax-loader{
	overflow:hidden;
	position: relative;
}

.neko-Ajax-loader .swiper-preloader {
	position: absolute;
	left: 0;
	bottom: -300px;
	z-index: 1;
	text-align: center;
	line-height: 100px;
	background: rgba(255, 255, 255, .6);
	height: 100px;
	width: 100%;
	opacity: 0;
	font-size: 25px;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-ms-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.neko-Ajax-loader .swiper-preloader.visible {
	bottom: 0px;
	opacity: 1;
	/*z-index: 1;*/
}

@media (max-width: 1025px) {
	
	.swiper-horizontal .swiper-scrollbar{
		height:30px;
		bottom:auto;
		top:0;
		background: rgba(255,255,255,.6);
	}

	.swiper-horizontal  .swiper-scrollbar-drag{
		background: rgba(0,0,0,.6);
	}
}

/** NEKO AJAX a bouger dans le framework **/

/* fix align in template-services.html */
.service-row {
	margin-right: -50px;
	margin-left: -50px;
}

/* image position absolute on home */
.img-absolute {
	position:relative;

}

.img-absolute .img-absolute-wrapper{
	position: absolute;
	top:0;
	left:0;
	width:100%;
}

.img-absolute-spacer {
	height:100px;
}


/*** coming soon ***/

#coming-soon-3 label {
	display:none;
}

#coming-soon-3 .form-control {
	color:white;
	font-weight: bold;
}

.logo-coming-soon {
width:200px;
}

@media (max-width: 1024px) {
	body.header-6 .menu-header:not(.scroll-header) .navbar-default .navbar-nav > li > a.btn.border {
		color: #222;
		border-color: #222;
	}


}
@media (max-width: 1024px) {
	.neko-mega-menu.image-background {
		background:none;
	}
}



.fullcoveredvideo {
	top:auto!important;
	bottom:0!important;
}