:root {
  /* öâåò  */
  --blue: #3D74FF;
  --orange: #ec7b54; 
  --black: #2b3035;
  --purple: #c03bc2;
  --yellow: #ffd959;
  
  --grad: linear-gradient(90deg, rgba(236, 123, 84,0.9) 20.27049090692906%,
  		rgba(236, 123, 84,0.9986666666666667) 29.77049051086759%,
  		rgba(236, 123, 84,1) 29.64549051607893%,
  		rgba(236, 123, 84,1) 71.02048879112701%,
  		rgba(236, 123, 84,0.9027027027027027) 80.27048840548821%,
  		rgba(236, 123, 84,0.9) 80.27048840548821%); 
  --grad2: linear-gradient(to right, #6f61b9 5%, #587ccd 20%, #6c83d9, #af68d1  40%, #c04dc6  50%, #c74dc9 60%, #f32bb0 80%, #fd3ca2);  
}

.gradtext {
  	background: linear-gradient(100.9609356076561deg, 
  	var(--blue) 2.8874172185430464%,
  	var(--purple) 21.125827814569536%,
  	var(--pink) 66.64238410596026%),
  	var(--blue) 99.8874172185430464%;
    background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


.bg_orange {
	background: linear-gradient(90deg, 
		rgba(236, 123, 84,0.7) 15%,
		rgba(236, 123, 84,0.9) 30%,
		rgba(236, 123, 84,0.9) 70%,
		rgba(236, 123, 84,0.7) 85%);
}


.bg1 {
	position: relative;
	background:  url('../images/bg1.png') no-repeat top center; background-size: cover; 
}
.bg1:before {
	position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 100%;
	background:  url('../images/bg1_over.png') no-repeat top center;  background-size: contain; 
	/*opacity: 0.7;*/
}
.bg2 {
	position: relative;
	background:  url('../images/bg2.png') no-repeat top center; background-size: cover; 
}
.bg2:before {
	position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 100%;
	 background-image: linear-gradient(180deg, #FFFFFF00 54%, #FFFFFF 100%);
}
.bg2:after {
	position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 100%;
	 background-image: linear-gradient(60deg, #FFFFFF00 24%, #FFFFFF 100%);
}


.design1 {
	position: relative; 
	padding: 30px;
	text-align: center;
}
.design1 h2 {
	margin: 0 0 25px 0 !important; font-size: 40px !important;
	font-family: 'decor'; color: #000 !important;
}
.design1 .btn {
	margin-top: 15px; color: #fff;
}


.rad2 {-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.rad4 {-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.rad5 {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.rad6 {-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
.rad8 {-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.rad50 {-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}

.shadow1 {box-shadow: 0px 2px 4px #efefef; -webkit-box-shadow: 0px 2px 4px #efefef;  -moz-box-shadow: 0px 2px 4px #efefef;}
.shadow2 {box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc;  -moz-box-shadow: 0 0 5px #ccc;}

.transcss1 {-webkit-transition: all 100ms ease-in-out 0s;-moz-transition: all 100ms ease-in-out 0s;-o-transition: all 100ms ease-in-out 0s;}
.transcss3 {-webkit-transition: all 300ms ease-in-out 0s;-moz-transition: all 300ms ease-in-out 0s;-o-transition: all 300ms ease-in-out 0s;}



/* Webfont: Lato-Light */
@font-face {
    font-family: 'r_l';
    src: url('../fonts/Lato-Light.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato-Light.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/Lato-Light.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato-Light.ttf') format('truetype');
    font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; font-display: swap;
}
/* Webfont: Lato-Medium */
@font-face {
    font-family: 'r_m';
    src: url('../fonts/Lato-Medium.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato-Medium.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/Lato-Medium.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato-Medium.ttf') format('truetype');
    font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; font-display: swap;
}

/* Webfont: Lato-Regular */
@font-face {
    font-family: 'r_r';
    src: url('../fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato-Regular.ttf') format('truetype');
    font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; font-display: swap;
}


/* decor font */
@font-face {
    font-family: 'decor';
    src: url('../fonts/Cormorant-Medium.eot');
    src: url('../fonts/Cormorant-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Cormorant-Medium.woff2') format('woff2'),
        url('../fonts/Cormorant-Medium.woff') format('woff'),
        url('../fonts/Cormorant-Medium.ttf') format('truetype');
    font-weight: 500; font-style: normal; font-display: swap;
}












.btn {
	display: inline-block; position: relative;  z-index: 9;
	overflow: hidden;
	padding: 15px 25px; 
	font-size: 16px;
	font-family: 'r_l'; cursor: pointer; 
	text-decoration: none !important;
	text-transform: none;	
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
	-webkit-appearance: none;
	-webkit-transition: all 300ms ease-in-out 0s;-moz-transition: all 300ms ease-in-out 0s;-o-transition: all 300ms ease-in-out 0s;
}
.btn.btn_big {
	padding: 15px 25px; 
	font-size: 18px; font-family: 'r_m';
}
.btn i {
	position: absolute; top: 50%; right: 20px; transform: translate(-50%, -50%);
}


.btn:hover {
	transform: translateY(-8px);
}


.btn_red { 
	background: var(--orange); color: #fff; 
}
.btn_red:hover { 
	color: #222; background: var(--yellow);
}

.btn_purple { 
	background: var(--orange); color: #fff; 
}
.btn_purple:hover { 
	background: #fff; color: #222; 
}

.btn_white { 
	background: #fff; color: #222; 
	border: 1px solid var(--orange);
}
.btn_white:hover { 
	background: var(--orange); color: #fff; 
}


.btn_yellow { 
	background: var(--yellow); color: #222; 
}
.btn_yellow:hover { 
	background: #fff; color: #222; 
	border: 1px solid var(--orange);
}

/*.btn_dark:before {
	position: absolute; left: -100%; top: 0; content: ''; z-index: -1;
	width: 100%; height: 100%;
	background: var(--blue);
	-webkit-transition: all 300ms ease-in-out 0s;-moz-transition: all 300ms ease-in-out 0s;-o-transition: all 300ms ease-in-out 0s;
}*/
.btn_dark:hover {
	color: #fff;
}
.btn_dark:hover:before {
	left: 0;
}


.btn_grad {
	background-image: var(--grad);
	background-size: 200% auto;
	color: #ffffff !important;
}
.btn_grad:hover {
  background-position: right center;
}

.btn_grad2 {
	background-image: var(--grad2);
	background-size: 200% auto;
	color: #ffffff !important;
}
.btn_grad2:hover {
  background-position: right center;
}



/* loader */
.lds-heart {
  display: inline-block;
  position: relative;
  width: 100px;
  height: 100px;
  transform: rotate(45deg);
  transform-origin: 40px 40px;
}
.lds-heart div {
  top: 64px;
  left: 64px;
  position: absolute;
  width: 64px;
  height: 64px;
  background: var(--orange);
  animation: lds-heart 1.2s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}
.lds-heart div:after,
.lds-heart div:before {
  content: " ";
  position: absolute;
  display: block;
  width: 64px;
  height: 64px;
  background: var(--orange);
}
.lds-heart div:before {
  left: -34px;
  border-radius: 50% 0 0 50%;
}
.lds-heart div:after {
  top: -34px;
  border-radius: 50% 50% 0 0;
}
@keyframes lds-heart {
  0% {
    transform: scale(0.95);
  }
  5% {
    transform: scale(1.1);
  }
  39% {
    transform: scale(0.85);
  }
  45% {
    transform: scale(1);
  }
  60% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(0.9);
  }
}