:root {
  /* Fonts */
  --font-primary: 'Raleway', sans-serif;
  --font-secondary: 'Cinzel', serif;
  /* Colors */
  --color-dark-1: #111111;
  --color-dark-2: #262626;
  --color-dark-3: #333333;
  --color-dark-4: #555555;
  --color-light-1: #eeece6;
  --color-light-2: #f2f1ed;
  --color-light-3: #f7f6f3;
  --color-light-4: #f1e9db;
  --color-gray-1: #888888;
  --color-gray-2: #cccccc;
  /* XL heading */
  --xl-max-font-size: 188;
  --xl-min-font-size: 54;
  --xl-line-height: 1.1;
  --xl-color-light: #eeece6;
  --xl-color-dark: #333333;
  /* h1 heading */
  --h1-max-font-size: 104;
  --h1-min-font-size: 35;
  --h1-line-height: 1.13;
  --h1-color-light: #eeece6;
  --h1-color-dark: #333333;
  /* h2 heading */
  --h2-max-font-size: 65;
  --h2-min-font-size: 31;
  --h2-line-height: 1.31;
  --h2-color-light: #eeece6;
  --h2-color-dark: #333333;
  /* h3 heading */
  --h3-max-font-size: 42;
  --h3-min-font-size: 24;
  --h3-line-height: 1.29;
  --h3-color-light: #eeece6;
  --h3-color-dark: #333333;
  /* h4 heading */
  --h4-max-font-size: 26;
  --h4-min-font-size: 22;
  --h4-line-height: 1.62;
  --h4-color-light: #ffffff;
  --h4-color-dark: #262626;
  /* h5 heading */
  --h5-max-font-size: 18;
  --h5-min-font-size: 18;
  --h5-line-height: 1.6;
  --h5-color-light: #ffffff;
  --h5-color-dark: #262626;
  /* h6 heading */
  --h6-max-font-size: 14;
  --h6-min-font-size: 14;
  --h6-line-height: 1.6;
  --h6-color-light: #ffffff;
  --h6-color-dark: #262626;
  /* Blockquote */
  --blockquote-max-font-size: 24;
  --blockquote-min-font-size: 16;
  --blockquote-line-height: 1.6;
  --blockquote-color-light: #ffffff;
  --blockquote-color-dark: #262626;
  /* Paragraph */
  --paragraph-max-font-size: 18;
  --paragraph-min-font-size: 16;
  --paragraph-line-height: 1.8;
  --paragraph-color-light: #cccccc;
  --paragraph-color-dark: #262626;
  /* Dropcap */
  --dropcap-max-font-size: 110;
  --dropcap-min-font-size: 60;
  --dropcap-line-height: 0.7;
  --dropcap-color-light: #ffffff;
  --dropcap-color-dark: #111111;
  /* Fluid paddings & margins (min values) */
  --distance-min-xsmall: 30;
  --distance-min-small: 30;
  --distance-min-medium: 50;
  --distance-min-large: 100;
  --distance-min-xlarge: 160;
  /* Fluid paddings & margins (max values) */
  --distance-max-xsmall: 50;
  --distance-max-small: 120;
  --distance-max-normal: 240;
  --distance-max-large: 360;
  --distance-max-xlarge: 400;
  /* Container & page gutters */
  --gutter-horizontal: 120px;
  --gutter-vertical: 80px;
  /* preloader circle */
  --preloader-circle-max-size: 960;
  --preloader-circle-min-size: 280;
}

@media screen and (max-width: 1400px) {
  :root {
    --gutter-horizontal: 80px;
    --gutter-vertical: 60px;
  }
}

@media screen and (max-width: 1280px) {
  :root {
    --gutter-horizontal: 60px;
    --gutter-vertical: 40px;
  }
}

@media screen and (max-width: 991px) {
  :root {
    --gutter-horizontal: 20px;
    --gutter-vertical: 20px;
  }
}
.bg-black {
	background-color: #333333;
}
.navbar-toggler-right {
  position: absolute;
  right: 2rem;
  top: 20px; }
  
.navbar-right-elements {
  float: none !important;
  position: absolute;
  top: 30px;
  right: 15px; }  
@media (min-width: 1400px) {
  .navbar.navbar-expand-lg {
    padding-top: 0px;
    padding-bottom: 0px; }
  .navbar-transparent.navbar .navbar-brand {
    position: relative;
    top: -5px; 
	left: -200px;
	}
}
@media (max-width: 1399px) {
  .navbar.navbar-expand-lg {
    padding-top: 0px;
    padding-bottom: 0px; }
  .navbar-transparent.navbar .navbar-brand {
    position: relative;
    top: -5px; 
	left: -50px;
	}
}


.navbar-nav > li > .nav-link {
  font-weight: 400;
  text-transform: capitalize;
  font-size: 20px;
  font-family: "Cinzel", sans-serif; }

.rev_slider:after {
	    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    pointer-events: none;
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
}

.rev_slider:after {
		    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    pointer-events: none;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.bg1 {
	background-color: #f1e9db; }
	
@media (min-width: 1400px) {
	  .center-title h3 {
    margin-bottom: 20px;
    text-transform: capitalize;
    font-weight: 300;
    margin-bottom: 10px !important;
    padding-bottom: 15px;
    letter-spacing: -2px;
    position: relative;
    font-size: 2.9rem; 
	font-family: "Cinzel", sans-serif;}
    .center-title h3:after {
      content: "";
      position: absolute;
      width: 90px;
      height: 2px;
      background-color: #333333;
      bottom: 0;
      left: 50%;
      margin-left: -30px; }
}	

h2 { margin-bottom: 20px;

    margin-bottom: 10px !important;
    padding-bottom: 15px;
    letter-spacing: .08rem;
    position: relative;
    font-size: 2.4rem; 
	font-family: "Cinzel", sans-serif;}	
.vx { margin-bottom: 20px;

    margin-bottom: 10px !important;
    padding-bottom: 15px;
    letter-spacing: .08rem;
    position: relative;
    font-size: 2.1rem; 
	font-family: "Cinzel", sans-serif;
	line-height: 2.5rem;
	color: white;}		
	

/* ======================================================================== */
/* 61. sectionAbout */
/* ======================================================================== */
.section-about {
  max-width: 1680px;
  margin-left: auto;
  margin-right: auto;
}

.section-about__offset-container {
  max-width: calc(100vw - var(--gutter-horizontal));
  padding-right: 0;
  margin-left: 0;
  z-index: 10;
}

.section-about__content {
  z-index: 100;
}

.section-about__floating-image {
  margin-left: auto;
  z-index: 200;
  max-width: 420px;
  height: 420px;
  margin-bottom: -420px;
  top: -250px;
}

@media screen and (max-width: 1280px) {
  .section-about__floating-image {
    max-width: 300px;
    height: 300px;
    margin-bottom: -300px;
    top: -200px;
  }
}

@media screen and (max-width: 991px) {
  .section-about__floating-image {
    margin-bottom: -150px;
  }

}

@media screen and (max-width: 767px) {
  .section-about__floating-image {
    max-width: 200px;
    height: 200px;
    margin-bottom: -100px;
    top: -120px;
  }
}

.has-drop-cap:not(:focus):not(.has-drop-cap_split):first-letter {
  float: left;
  font-family: var(--font-secondary);
  font-size: calc(var(--dropcap-min-font-size) * 1px);
  color: var(--dropcap-color-dark);
  line-height: var(--dropcap-line-height);
  text-transform: uppercase;
  font-style: normal;
  margin: 0.15em 0.25em 0 0;
}

@media screen and (min-width: 320px) {
  .has-drop-cap:not(:focus):not(.has-drop-cap_split):first-letter {
    font-size: calc(var(--dropcap-min-font-size) * 1px + (var(--dropcap-max-font-size) - var(--dropcap-min-font-size)) * ((100vw - 320px) / 2240));
  }
}

@media screen and (min-width: 2560px) {
  .has-drop-cap:not(:focus):not(.has-drop-cap_split):first-letter {
    font-size: calc(var(--dropcap-max-font-size) * 1px);
  }
}

.has-drop-cap:not(:focus):not(.has-drop-cap_split):first-letter:after {
  content: '';
  display: table;
  clear: both;
}

.has-drop-cap:not(:focus):not(.has-drop-cap_split):first-letter:after {
  content: '';
  display: table;
  clear: both;
}

.split-text:not(.js-split-text) .has-drop-cap > div:first-child {
  display: inline-block !important;
  float: left;
}

.split-text:not(.js-split-text) .has-drop-cap > div:first-child:after {
  content: '';
  display: table;
  clear: both;
}

.drop-cap {
  float: left;
  font-family: var(--font-secondary);
  font-size: calc(var(--dropcap-min-font-size) * 1px);
  color: var(--dropcap-color-dark);
  line-height: var(--dropcap-line-height);
  text-transform: uppercase;
  font-style: normal;
  margin: 0.15em 0.25em 0 0;
}

@media screen and (min-width: 320px) {
  .drop-cap {
    font-size: calc(var(--dropcap-min-font-size) * 1px + (var(--dropcap-max-font-size) - var(--dropcap-min-font-size)) * ((100vw - 320px) / 2240));
  }
}

@media screen and (min-width: 2560px) {
  .drop-cap {
    font-size: calc(var(--dropcap-max-font-size) * 1px);
  }
}

.drop-cap:after {
  content: '';
  display: table;
  clear: both;
}
@media (min-width: 991px) {
  .bigger {
	  font-size: 18px;
	
  
}
}
@media (max-width: 990px) {
  .bigger {
	  font-size: 17px;
	  font-weight: 100;
  
}
}

/* ======================================================================== */
/* 11. counter */
/* ======================================================================== */
.counter{
  font-family: 'Cinzel', serif;
  font-size: calc(43 * 1px);
  font-weight: 200;
  line-height: 1;
}

@media screen and (min-width: 320px) {
  .counter {
    font-size: calc(43 * 1px + (104 - 43) * ((100vw - 320px) / 2240));
  }
}

@media screen and (min-width: 2560px) {
  .counter{
    font-size: calc(104 * 1px);
  }
}

.counter__label {
  margin-top: 5px;
  color: var(--color-gray-1);
  line-height: 1.5;
  font-size: calc(14 * 1px);
}

@media screen and (min-width: 320px) {
  .counter__label {
    font-size: calc(14 * 1px + (18 - 14) * ((100vw - 320px) / 2240));
  }
}

@media screen and (min-width: 2560px) {
  .counter__label {
    font-size: calc(18 * 1px);
  }
}
.content {
  align-items: center;
  display: flex;
  height: 100vh;
  justify-content: center;
  margin: 0;
  max-width: 100%;
  width: 100vw;
}
.section__headline {
  display: block;
  width: calc(1 * (60 * 1px));
  height: 1px;
  background-color: var(--color-gray-1);



}

@media screen and (min-width: 320px) {
  .section__headline {
    width: calc(1 * (60 * 1px + (120 - 60) * ((100vw - 320px) / 2240)));
  }
}

@media screen and (min-width: 2560px) {
  .section__headline {
    width: calc(1 * (120 * 1px));
  }
}
.section__headline1 {
  display: block;
  width: calc(1 * (60 * 1px));
  height: 1px;
  background-color: var(--color-gray-1);
  position:absolute;
  right: 60px;


}

@media screen and (min-width: 320px) {
  .section__headline1 {
    width: calc(1 * (60 * 1px + (120 - 60) * ((100vw - 320px) / 2240)));
  }
}

@media screen and (min-width: 2560px) {
  .section__headline1 {
    width: calc(1 * (120 * 1px));
  }
}
.center-title1 {
  text-align: center; }
  .center-title1 h3 {
    margin-bottom: 20px;
    text-transform: capitalize;
    font-weight: 300;
    margin-bottom: 10px !important;
    padding-bottom: 15px;
    letter-spacing: 2px;
    position: relative;
    font-size: 1.9rem; 
	font-family: "Cinzel", sans-serif;
  }
.title1 {
 
    text-transform: capitalize;

    letter-spacing: 1px;
    position: relative;
    font-size: 2.5rem; 
	font-family: "Cinzel", sans-serif;
  }
@media screen and (min-width: 1150px) {
  #pad {
	  padding-top: 200px;

	  
  }


}	
@media screen and (max-width: 1150px) {

    .hidden {
	  display: none;
	  visibility:hidden;
  }

}	
	
	
	.padb{
		margin-top: 20px;
		margin-bottom: 20px;
		margin-left: 10px;
		margin-right: 10px;}
@media screen and (max-width: 800px) {

  .tc {
	  text-align:center;
  }
  .tc1 img{
	  max-height: 120px;
	  margin-bottom: 30px;
  }
}	
  .tc1 img{
	  max-height: 180px;

  }
  .smaller {
	  font-size:14px;
  }
			

/* ======================================================================== */
/* 42. listProjects */
/* ======================================================================== */
.list-projects {
  position: relative;
  z-index: 50;

}

.list-projects_hover .list-projects__item {
  opacity: .05;
  border-color: rgba(0, 0, 0, 0);
}

.list-projects_hover .list-projects__item:hover {
  opacity: 1;
}

.list-projects__item {
  display: block;
  position: relative;
  z-index: 60;
  border-bottom: 1px solid rgba(128, 128, 128, 0.3);
  color: var(--color-dark-1);

}

.list-projects__item.blend-difference:hover {
  color: #fff;
}

.list-projects__item.blend-difference:hover .list-projects__wrapper-link {
  color: #fff;
}

.list-projects:not(.list-demos) .list-projects__item:first-child {
  padding-top: 0;
}

.list-projects:not(.list-demos) .list-projects__item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.list-demos__item {
  border-bottom: none;
}

.list-demos__divider {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 1px;
  height: 100%;
  background-color: rgba(128, 128, 128, 0.3);
}

.list-projects__heading {
  margin-top: 0;
  margin-bottom: 0;
  z-index: 50;
}

.list-projects__wrapper-link {
  color: var(--color-gray-1);
  z-index: 50;
  padding-left: 120px;
  transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.list-projects__wrapper-cover {
  position: fixed;
  left: 0;
  top: 0;
  z-index: -1;
}

.list-projects__covers {
  display: flex;
  flex-wrap: wrap;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw !important;
  height: 100vh !important;
  pointer-events: none;
}

.list-projects__cover-reveal {
  position: relative !important;
  flex: 1 0 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: initial !important;
  will-change: height transform;
}

.list-projects__cover-reveal img {
  top: auto !important;
  left: auto !important;
  position: initial !important;
}

.list-projects__cover-wrapper {
  height: 0;
  padding-bottom: initial !important;
}

.list-projects__cover {
  display: none;
  flex: 1 0 50%;
}

.list-projects__cover > div {
  width: 100%;
  height: 100%;
}

.list-projects__wrapper-cover-inner {
  position: relative;
}

.list-projects__items {
  position: relative;
  z-index: 150;
}

.list-project__canvas {
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 100;
}

.list-projects__wrapper-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
}

.list-projects__thumbnail {
  width: 240px;
  height: 240px;
}

.list-projects__thumbnail_small {
  width: 180px;
  height: 180px;
}

@media screen and (max-width: 767px) {
  .list-projects__item {
    flex-wrap: wrap;
  }
  .list-projects__heading {
    display: inline-block;
    margin-top: 0.75em;
    margin-bottom: 0.5em;
  }
  .list-projects__wrapper-link {
    line-height: 1;
    padding-left: 0;
  }
  .list-projects__cover {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .list-projects_hover .list-projects__item {
    opacity: 1;
    border-color: rgba(128, 128, 128, 0.3);
  }
  .list-projects_hover .list-projects__item:hover {
    opacity: 1;
  }
  .list-project__canvas {
    display: none;
  }
  .list-projects__thumbnail {
    margin-left: auto;
    margin-right: auto;
  }
  .list-demos__item {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
.round {

  border-radius: 50%;
}
.img-fluid.rounded-circle img{
	height: 10px;
	width: auto;
}
	
.mown {
	margin-left:130px;
	padding-top:120px;
}
.up {
	text-transform: uppercase;
}
@media screen and (max-width: 1400px) {
.mown {
	margin-left:30px;
	padding-top:10px;
}
}	
@media screen and (max-width: 991px) {
.mown {
	margin-left:30px;
	padding-top:30px;
}
.mmd {
	margin-top: 60px;
}
}	
.mb--2 {
	margin-bottom: -100%;
}
.bg-parallax {
	min-height: 750px;
}
.pbown {
	margin-bottom: 80px;
}
a {
	color: grey;
}
.plo {
	padding-top: 100px;
}
.bg-own {
	background-color: #f1e9db;
}
@media screen and (min-width: 991px) {
	.widget.widget_rhye_logo .logo .logo__wrapper-img.mt-3 {
		margin-left:100px;
	}
.imgpad {
	max-height: 80vh;
	margin-top: 10%;
	margin-left:10%;


}	
}
.imgpad {

	margin-top: 10%;



}	
.section-padding {
	padding-top: 100px;
}
#bf {
	margin-top: 110px;
}

/* #Cursor
================================================== */

.cursor,
.cursor2,
.cursor3{
	position: fixed;
	border-radius: 50%;	
	transform: translateX(-50%) translateY(-50%);
	pointer-events: none;
	left: -100px;
	top: 50%;
	mix-blend-mode: difference;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear;
}
.cursor{
	background-color: right: ;
	height: 0;
	width: 0;
	z-index: 99999;
}
.cursor2,.cursor3{
	height: 36px;
	width: 36px;
	z-index:99998;
	-webkit-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out
}
.cursor2.hover,
.cursor3.hover{
	-webkit-transform:scale(2) translateX(-25%) translateY(-25%);
	transform:scale(2) translateX(-25%) translateY(-25%);
	border:none
}
.cursor2{
	border: 2px solid #fff;
	box-shadow: 0 0 22px rgba(255, 255, 255, 0.6);
}
.cursor2.hover{
	background: rgba(255,255,255,1);
	box-shadow: 0 0 12px rgba(215,72,74,0.20);
	-webkit-box-shadow: 0 0 12px rgba(215,72,74,0.20);
}

@media screen and (max-width: 1200px){
	.cursor,.cursor2,.cursor3{
		display: none
	}
}
@media screen and (max-width: 800px){
.card .card-body .card-title.center-title.sm {
	font-size: 80%;
}
}
thead  {
	background-color: #56a2cf;
}
thead tr th {
	color: white;
}
.overlay_circle-dark1 {
  background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0) 0%, black 96%, black 80%);
}
.ov {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 99%;
  z-index: 10;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  pointer-events: none;
}

.btn-secondary {
	color: #fff;
	background-color: rgba(108,117,125,.600);
	border-color: rgba(108,117,125,.600);
}

.wel  {
	color: white;
	padding-top: 60px;
}
.none {
	list-style-type:none;
	font-size: 1rem;
	line-height: 2rem;
}
 .cbp-caption-defaultWrap. img{
   background-color: violet;
    background-blend-mode: screen multiply;
  
}



.dark-img {
  position: relative;
 
}

.dark-img img {
  display: block;
  width: 100%;
}

.dark-img::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  pointer-events: none;
  background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0) 0%, black 96%, black 80%);
}
#some {
	background-color: #eeece6;
}
.colp {
	padding-left: -15px;
	padding-left: -15px;
}
.tl {
	margin-left: 30px;
}
.icon-info {
  position: rrelative;
  color: #8d9fb4;

}
.icon-info::after {
  display: none;
  background-color: #a52336;
 left: -100px;
 top: 20px;
	content: attr(data-title);

	padding-top: 10px;
	padding-bottom: 10px;
	pading-left: 100px;
	padding-right: auto;
	margin-right: 10px;
	border: 1px solid #a52336;
  position: absolute;
  -webkit-transform: translatey(-50%);
  -moz-transform: translatey(-50%);
  -o-transform: translatey(-50%); 
  transform: translatey(-50%);
  font: 14px/20px Arial;
  width: 80px;
}

.icon-info:hover::after {
  display:inline-block;
}
.cin {
	font-family: "Cinzel", sans-serif;}	
}