/* RC Master Content
------------------------------------------------------------ */

html {
  scroll-behavior: smooth;
}

.vegas-animation-kenburnsUp {
	height: 700px;
	width: 100%;
	position:absolute;
    -webkit-animation: kenburnsUp ease-out;

			
	-webkit-animation-name: kenburnsUp; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 20s; /* Safari 4.0 - 8.0 */
	animation-name: kenburnsUp;
	animation-duration: 20s;
}

.vegas-no-animation-kenburnsUp {
	height: 700px;
	width: 100%;
	position:absolute;
    -webkit-animation: kenburnsUp ease-out;

			
	-webkit-animation-name: kenburnsUp; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 20s; /* Safari 4.0 - 8.0 */
	animation-name: kenburnsUp;
	animation-duration: 20s;
}

@-webkit-keyframes kenburnsUp {
    0% {
        -webkit-transform: scale(1.5) translate(0, 10%);
                transform: scale(1.5) translate(0, 10%);
    }
    100% {
        -webkit-transform: scale(1) translate(0, 0);
                transform: scale(1) translate(0, 0);
    }
}

@keyframes kenburnsUp {
    0% {
        -webkit-transform: scale(1.5) translate(0, 10%);
                transform: scale(1.5) translate(0, 10%);
    }
    100% {
        -webkit-transform: scale(1) translate(0, 0);
                transform: scale(1) translate(0, 0);
    }
}



/* Home Header Area*/

.header-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    border: none;
    padding: 0;
    margin: 0;
	height: 500px;

}

.backghead{	
/*	position: relative;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
    background-size: cover;
    background-position: center;
    height: 700px;
    width: 100%;
    margin: 0 0 1.5em;*/
    overflow: hidden;
	-webkit-animation-name: scale-animation; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 20s; /* Safari 4.0 - 8.0 */
	animation-name: scale-animation;
	animation-duration: 20s;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: none;
    padding: 0;
    margin: 0;
	height:500px;
	z-index:-100;


}

.test{
position: absolute;
top:100px;
left:100px;
right:100px;
margin-top:200px;
z-index:100;
max-width:100%;
}
.noanimation{	
/*	position: relative;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
    background-size: cover;
    background-position: center;
    height: 700px;
    width: 100%;
    margin: 0 0 1.5em;*/
    overflow: hidden;
	-webkit-animation-name: scale-noanimation; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 20s; /* Safari 4.0 - 8.0 */
	animation-name: scale-noanimation;
	animation-duration: 20s;
	height: 700px;
	position:relative;

}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes scale-animation {
  0% {transform: scale(1.2);}
  100% {transform: scale(1);}
}

/* Standard syntax */
@keyframes scale-animation {
  0% {transform: scale(1.2);}
  100% {transform: scale(1);}
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes scale-noanimation {
  0% {transform: scale(1);}
  100% {transform: scale(1.2);}
}

/* Standard syntax */
@keyframes scale-noanimation {
  0% {transform: scale(1);}
  100% {transform: scale(1.2);}
}

.content-header{	
	position: relative;
    height: 700px;
    width: 100%;
    margin: 0 0 1.5em;

}

/* Additional Class  */
.fsh-header, .fsh-content{
	border-style: solid;
    border-width: 0px;
	border-left-color: #acacac;
	color: #01344f;
}

/* First and Second Heading o Header*/
.fsh-header{
	font-size: 80px;
	padding-left: 15px;
	border-left-width: 25px;
}

/* First and Second Heading Of Content */
.fsh-content{
	font-size: 40px;
	padding-left: 15px;
	border-left-width: 15px;
}

.module-text{
	padding-left: 35px;
}
   
.tagline {
	color: #acacac;
	padding-left: 35px;
	width: 100%;
	position: absolute;
	top: 20px;
	font-size: 18px;
	font-weight: 400;
}


/* Class of animation Area */

.move-left{
	opacity:0;
	margin-left: 70px;
	position: relative;
}

.move-right{
	opacity:0;
	margin-left: -70px;
	position: relative;
}

.fade-in{
	opacity:0;
	position: relative;
}


/* button effects*/

.text {
	color: yellow;
	text-align:center;
}



.count-hours
{
  line-height: 50px;
  color:#3da599;
  margin-left:0;
  font-size:40px;
  font-weight: 700;

}

.count-days
{
  line-height: 50px;
  color:#3da599;
  margin-left:0;
  font-size:40px;
  font-weight: 700;
}

.count-seats
{
  line-height: 50px;
  color:#3da599;
  margin-left:0;
  font-size:40px;
  font-weight: 700;
}

.count-title{
  color: #3da599;
  margin-left:0;
  font-size:14px;
  font-weight: 400;
}

.wrapper {
display: inline-block;
    margin-left: 35px;

    height: auto;
    overflow: hidden;
    position:relative;
	float: left;
}

.right {
background-color:transparent;
    border: #3da599 solid 5px;
    height: 125px;
    width: 125px;
    border-radius:120px;
    border-top-color: transparent;
    border-left-color: transparent;
    position: absolute;
    transform: rotate(-45deg);
    animation: rota2 1000ms linear;
  -moz-animation: rota2 1000ms linear;
  -o-animation: rota2 1000ms linear;
  -webkit-animation: rota2 1000ms linear;
}

@keyframes rota2 {
    from{ transform:rotate(-225deg);}
    to { transform: rotate(-45deg);}
}

@-o-keyframes rota2 {
    from{ transform:rotate(-225deg);}
    to { transform: rotate(-45deg);}
}

@-moz-keyframes rota2 {
    from{ transform:rotate(-225deg);}
    to { transform: rotate(-45deg);}
}
@-webkit-keyframes rota2 {
    from{ transform:rotate(-225deg);}
    to { transform: rotate(-45deg);}
}

.left {
background-color:transparent;
    border: #3da599 solid 5px;
    height: 125px;
    width: 125px;
    border-radius:120px;
    border-bottom-color: transparent;
    border-right-color: transparent;
    position: absolute;
    transform: rotate(315deg);
    animation: rota 2000ms linear;
  -o-animation: rota 2000ms linear;
  -moz-animation: rota 2000ms linear;
  -webkit-animation: rota 2000ms linear;
}
@keyframes rota {
    from {transform: rotate(-45deg);}
    to { transform: rotate(315deg);}
}
@-o-keyframes rota {
    from {transform: rotate(-45deg);}
    to { transform: rotate(315deg);}
}
@moz-keyframes rota {
    from {transform: rotate(-45deg);}
    to { transform: rotate(315deg);}
}
@-webkit-keyframes rota {
    from {transform: rotate(-45deg);}
    to { transform: rotate(315deg);}
}

.middle {
	background-color:transparent;
	border:none;
	color: #3da599;
	font-size: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
    width: 125px;
    height: 125px;
    left: 0;
    top: 0;
    border-radius: 150px;
    position: relative;
}

.popover {
    background: #fff;
    width: 80px;
    height: 162px;
    position:absolute;
    top: -3px;
    left: -3px;
    opacity:0;
    animation: popover 1000ms linear;
  -moz-animation: popover 1000ms linear;
  -o-animation: popover 1000ms linear;
  -webkit-animation: popover 1000ms linear;
}

@keyframes popover {
    0% {opacity: 1;}
    99%{opacity:1;}
    100% {opacity:0;}
}

@-o-keyframes popover {
    0% {opacity: 1;}
    99%{opacity:1;}
    100% {opacity:0;}
}

@-moz-keyframes popover {
    0% {opacity: 1;}
    99%{opacity:1;}
    100% {opacity:0;}
}

@-webkit-keyframes popover {
    0% {opacity: 1;}
    99%{opacity:1;}
    100% {opacity:0;}
}


.rcbox-button-btt {
	background-color: blue;
	position: relative;
}
.button-btt {
	visibility: hidden;
	background-color: rgba(61,165,153,0.8);
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 700;
	padding: 5px;
	text-decoration: none;
	white-space: normal;
	width: 30px;
	height: 30px;
	position: fixed;
	bottom: 20px;
	right: 20px;
}

.button-btt-active {
	visibility: visible;
}

.arrow-btt {
	content: "\f343";
	color: #fff; 
	display: inline-block;
	font: normal 20px/1 'dashicons';
	margin-right: 5px;
	vertical-align: top;
	-webkit-font-smoothing: antialiased;
}

.rc-anima {

			-webkit-animation-name: fadeOutLeft;
            animation-name: fadeOutLeft;
            -webkit-animation-duration: 10s;
            animation-duration: 10s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
         }
         
         @-webkit-keyframes fadeOutLeft {
            0% {
               opacity: 0;
               -webkit-transform: translateX(0);
            }
            50% {
               opacity: 0;
               -webkit-transform: translateX(-50px);
            }			
            100% {
               opacity: 1;
               -webkit-transform: translateX(50px);
            }
         }
         
         @keyframes fadeOutLeft {
            0% {
               opacity: 0;
               -webkit-transform: translateX(0);
            }
            50% {
               opacity: 0;
               -webkit-transform: translateX(-50px);
            }			
            100% {
               opacity: 1;
               -webkit-transform: translateX(50px);
            }
         }