@import './_tipography.css';
@import './_colors.css';
@import './_distances.css';

.qntTotal, .perTotal, .fullname {
	cursor:pointer;
}

/* --------------------------
:: 2.0 Header Area CSS
-------------------------- */
/* preloader */
.container-p {
  position: absolute;
  width: 200px;
  height: 200px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.item-p {
  width: 100px;
  height: 100px;
  position: absolute;
}

.item-1 {
  background-color: #FA5667;
  top: 0;
  left: 0;
  z-index: 1;
  animation: item-1_move 1.8s cubic-bezier(.6,.01,.4,1) infinite;
}

.item-2 {
  background-color: #7A45E5;
  top: 0;
  right: 0;
  animation: item-2_move 1.8s cubic-bezier(.6,.01,.4,1) infinite;
}

.item-3 {
  background-color: #1B91F7;
  bottom: 0;
  right: 0;
  z-index: 1;
  animation: item-3_move 1.8s cubic-bezier(.6,.01,.4,1) infinite;
}

.item-4 {
  background-color: #FAC24C;
  bottom: 0;
  left: 0;
  animation: item-4_move 1.8s cubic-bezier(.6,.01,.4,1) infinite;
}

@keyframes item-1_move {
  0%, 100% {transform: translate(0, 0)} 
  25% {transform: translate(0, 100px)} 
  50% {transform: translate(100px, 100px)} 
  75% {transform: translate(100px, 0)} 
}

@keyframes item-2_move {
  0%, 100% {transform: translate(0, 0)} 
  25% {transform: translate(-100px, 0)} 
  50% {transform: translate(-100px, 100px)} 
  75% {transform: translate(0, 100px)} 
}

@keyframes item-3_move {
  0%, 100% {transform: translate(0, 0)} 
  25% {transform: translate(0, -100px)} 
  50% {transform: translate(-100px, -100px)} 
  75% {transform: translate(-100px, 0)} 
}

@keyframes item-4_move {
  0%, 100% {transform: translate(0, 0)} 
  25% {transform: translate(100px, 0)} 
  50% {transform: translate(100px, -100px)} 
  75% {transform: translate(0, -100px)} 
}
.header_area {
    left: 0;
    //position: absolute;
    width: 100%;
    z-index: 99;
    top: 0;
    padding: 0 4%;
}

.menu_area .navbar-brand {
    font-size: 72px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    line-height: 1;
    padding: 0;
}


.menu_area .navbar-brand:hover,
.menu_area .navbar-brand:focus {
    color: #fff;
}


.menu_area {
    position: relative;
    z-index: 2;
}

.menu_area #nav .nav-link {
    display: block;
    font-size: 120%;
    font-weight: 300;
    border-radius: 30px;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    padding: 35px 15px;
}
.menu_area #nav .nav-link.cl-black {
    color: #000;
}
.menu_area #nav .nav-link.cl-white {
    color: #fff;
}
.sticky .menu_area #nav .nav-link.cl-white {
    color: #000;
}
.menu_area #nav li > a:hover {
    color: #8E27AF;
}

.sing-up-button {
    text-align: right;
}

.sing-up-button > a {
    color: #fff;
    font-weight: 500;
    display: inline-block;
    border: 2px solid #a883e9;
    height: 50px;
    min-width: 178px;
    line-height: 46px;
    text-align: center;
    border-radius: 24px 24px 24px 0px;
}

.sing-up-button > a:hover {
    background: #8E27AF;
    color: #fff;
    border-color: transparent;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}


/* stcicky css */

.header_area.sticky {
    background-color: #fff;
	color:#000;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    height: 70px;
    position: fixed;
    top: 0;
    z-index: 99;
	opacity: 0.9;
}

.header_area.sticky .menu_area .navbar-brand {
    font-size: 50px;
}

.header_area.sticky .menu_area #nav .nav-link {
    padding: 23px 45px;
}
.header_area.sticky .navbar {
    padding: 0;
}
.sticky  .sing-up-button > a {
	color:#000;
}
.header h3, .card-header h3 {
	font-size: 1.5rem;
}
/* --------------------------
:: 3.0 Wellcome Area CSS
-------------------------- */

.wellcome_area {
    height: auto;
	padding: 120px 30px;
    position: relative;
    z-index: 1;
    background-position: bottom center;
    background-size: cover;
	/*
		background: url(../img/banner-1.jpg) no-repeat;
        background-size: cover;
        background-position: center center;	*/
}
.wellcome_area.pages-index {
    background-image: url(/img/bg-img/slide-1.jpg);
}
.welcome-thumb {
    width: 45%;
    position: absolute;
    bottom: -130px;
    right: 85px;
    z-index: 2;
}

.welcome-thumb img {
    height: auto;
    width: 100%;
}

.wellcome-heading > h2 {
    font-size: 500%;
    color: #ffffff;
    font-weight: 700;
    position: relative;
    z-index: 3;
}
.wellcome-heading > h4 {
    font-size: 400%;
    color: #ffffff;
    font-weight: 700;
    position: relative;
    z-index: 3;
}

.wellcome-heading > h3 {
    font-size: 260px;
    position: absolute;
    top: -134px;
    font-weight: 900;
    left: -12px;
    z-index: -1;
    color: #fff;
    opacity: .1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}
.wellcome-heading > p {
    font-size: 120%;
    color: #fff;
    font-weight: 300;
}

.add-description p {
    font-size: 200%;
    font-weight: 400;
	line-height: 150%;
}
.heading-text > p {
    font-size: 16px;
}
.heading-border-light {
    width: 100px;
    height: 5px;
    background-color: #BF0066;
    margin: 8px 0 20px 0;
}

.section-heading > h2 {
    font-weight: 300;
    color: #1A428A;
    font-size: 48px;
    margin: 0;
}


.section-heading {
    margin-bottom: 30px;
}
.section-heading .title {
    font-size: 250%;
    font-weight:600;
    transition: all 0.3s ease 0s;
}
.parallax_section {
	position:relative;
}

.parallax_image_first{
	/*position:absolute;*/
	background-image: url("/img/bg-img/image-1.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top center;
	background-size: cover;
}
.our-monthly-membership {
	/* Fallback (could use .jpg/.png alternatively) */
	background-color: #1A428A;
	/* SVG fallback for IE 9 (could be data URI, or could use filter) */
	/*background-image: url(fallback-gradient.svg); */
	/* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
	background-image:
	-webkit-gradient(linear, left top, right top, from(#1A428A), to(#BF0066));
	/* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
	background-image:
	-webkit-linear-gradient(left, #1A428A, #990f6e);
	/* Firefox 3.6 - 15 */
	background-image:
	-moz-linear-gradient(left, #1A428A, #990f6e);
	/* Opera 11.1 - 12 */
	background-image:
	-o-linear-gradient(left, #1A428A, #990f6e);
	/* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
	background-image:
	linear-gradient(to right, #1A428A, #990f6e);
}



.our-monthly-membership .btn {
    height: 45px;
    min-width: 220px;
	width: 300px;
    text-align: center;
    line-height: 45px;
    color: #ffffff;
    font-weight: 700;
	letter-spacing: 1px;
    border-radius: 0;
	border: solid 1px #ffffff;
}

.our-monthly-membership .btn:hover {
	background-color: #ffffff;
	color: #13377e;
}

.get-started-button > a:hover {
    background: #5b32b4;
    color: #fff;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}

.get-started-button {
    text-align: right;
}
/*==========================================
				TIMELINE-1
============================================*/
#timeline-1 {
    overflow: hidden;
    position: relative;
    padding: 60px 0;
}

#timeline-1:before {
    content: "";
    width: 1px;
    height: 100%;
    background: #cfcdcd;
    position: absolute;
    top: 0;
    left: 50%;
}

#timeline-1 .timeline {
    width: 50%;
    clear: both;
    position: relative;
}

#timeline-1 .timeline .timeline-content {
    border: 1px solid #cccccc;
}

#timeline-1 .timeline:before,
#timeline-1 .timeline:after {
    content: "";
    display: block;
    clear: both;
}

#timeline-1 .timeline:first-child:before,
#timeline-1 .timeline:last-child:before {
    content: "";
    width: 11px;
    height: 11px;
    background: #cccccc;
    box-sizing: content-box;
    border: 5px solid #fff;
    box-shadow: 0 0 0 2px #cccccc;
    position: absolute;
    top: -54px;
    right: -11px;
    transform: rotate(45deg);
}

#timeline-1 .timeline:last-child:before {
    top: auto;
    bottom: -54px;
}

#timeline-1 .timeline:last-child:nth-child(even):before {
    right: auto;
    left: -11px;
}

#timeline-1 .timeline-icon {
    width: 24px;
    height: 24px;
    background: #fff;
    border: 1px solid #cfcdcd;
    position: absolute;
    top: 17px;
    right: -13px;
    z-index: 1;
    transform: rotate(45deg);
}

#timeline-1 .timeline-icon:before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: background-color 0.2s ease 0s;
}

#timeline-1 .timeline:hover .timeline-icon:before {
    background: #BF0066 ;
}

#timeline-1 .timeline-content {
    width: 85%;
    padding: 18px 30px;

    float: left;
    border: 1px solid transparent;
    position: relative;
    transition: all 0.3s ease 0s;
}

#timeline-1 .timeline:hover .timeline-content {
    border: 1px solid #7A76B6;
}

#timeline-1 .timeline-content:before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
	background-color: #ffffff;
    border: 1px solid #cfcdcd;
    position: absolute;
    top: 21px;
    right: -7.3px;
    transform: rotate(45deg);
    transition: all 0.2s ease 0s;
}

#timeline-1 .timeline:hover .timeline-content:before {
    background: #7A76B6;
    border-color: #7A76B6;
}

#timeline-1 .timeline-content:after {
    content: "";
    width: 11%;
    height: 1px;
    background: #cfcdcd;
    position: absolute;
    top: 28px;
    right: -14%;
}

#timeline-1 .date {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #1729AF;
    margin: 0 0 8px;
    transition: all 0.3s ease 0s;
}

#timeline-1 .timeline:hover .date {
    color: #444;
}

#timeline-1 .title {
    font-size: 150%;
    font-weight:600;
    color: #13377e;
    margin-top: 0;
	margin-bottom: 8px;
    transition: all 0.3s ease 0s;
}

#timeline-1 .description {
    margin-top: 8px;
    font-size: 130%;
    font-weight: normal;
    line-height: 150%;
}

#timeline-1 .timeline:nth-child(2n),
#timeline-1 .timeline:nth-child(2n) .timeline-content {
    float: right;
    text-align: left;
}

#timeline-1 .timeline:nth-child(2n) .timeline-icon {
    right: 0;
    left: -12px;
}

#timeline-1 .timeline:nth-child(2n) .timeline-content:before {
    left: -7.3px;
}

#timeline-1 .timeline:nth-child(2n) .timeline-content:after {
    left: -14%;
}

@media only screen and (max-width: 767px) {
    #timeline-1 {
        padding-left: 20px;
    }
    #timeline-1:before {
        left: 20px;
    }
    #timeline-1 .timeline {
        width: 100%;
    }
    #timeline-1 .timeline,
    #timeline-1 .timeline-content {
        float: right;
        text-align: left;
    }
    #timeline-1 .timeline:first-child:before,
    #timeline-1 .timeline:last-child:nth-child(odd):before {
        right: auto;
        left: -11px;
    }
    #timeline-1 .timeline-icon {
        right: 0;
        left: -12px;
    }
    #timeline-1 .timeline-content:before {
        left: -7.3px;
    }
    #timeline-1 .timeline-content:after {
        left: -14%;
    }
}
/*-- 11. Service-Box --*/
.service-box {
    position: relative;
    padding-left: 100px;
}

.team-slide .owl-controls .owl-nav > div,
.service-box .box-icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 70px;
    height: 70px;
    border-radius: 100%;
    text-align: center;
    font-size: 20px;
    line-height: 72px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#482cbf+0,6ac6f0+100 */
    background: rgb(24, 67, 138);
    /* Old browsers */
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(24, 67, 138, 1) 0%, rgba(191, 0, 102, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(45deg, rgba(24, 67, 138, 1) 0%, rgba(191, 0, 102, 1) 100%);
    background: linear-gradient(45deg, rgba(24, 67, 138, 1) 0%, rgba(191, 0, 102, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#482cbf', endColorstr='#6ac6f0', GradientType=1);
    overflow: hidden;
    z-index: 1;
    color: #1A428A;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
}
.team-slide .owl-controls .owl-nav > div:hover,
.service-box:hover .box-icon {
    color: #ffffff;
}

.team-slide .owl-controls .owl-nav > div:before,
.service-box .box-icon:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    z-index: -1;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    opacity: 1;
}

.team-slide .owl-controls .owl-nav > div:hover:before,
.service-box:hover .box-icon:before {
    opacity: 0;
}

.service-box h4 {
    margin-bottom: 10px;
    color:#1A428A;
    font-size: 130%;
    font-weight: 600;
    line-height: 130%;
}
.single-special {
    border: 1px solid #eff2f6;
    padding: 40px;
    border-radius: 40px 40px 40px 0px;
    -webkit-transition-duration: 800ms;
    -o-transition-duration: 800ms;
    transition-duration: 800ms;
    margin-bottom: 30px;

}

.special_description_content > h2 {
    color: #5b32b4;
    font-size: 48px;
    margin-bottom: 30px;
}

.single-special:hover {
    -webkit-box-shadow: 0 10px 90px rgba(0, 0, 0, 0.08);
            box-shadow: 0 10px 90px rgba(0, 0, 0, 0.08);
}


.single-feature{
	border: solid 1px #e0e0e0;
	padding: 45px;
	height: 100%;
	-webkit-transition: -webkit-box-shadow 0.2s ease-out;
	-moz-transition: -moz-box-shadow 0.4s ease-out;
	-o-transition: box-shadow 0.4s ease-out;
	transition: box-shadow 0.4s ease-out;
	background-color: #ECECFF;

}

.single-feature:hover{
	-webkit-box-shadow: 0px 5px 20px -5px rgba(68,68,68,1);
	-moz-box-shadow: 0px 5px 20px -5px rgba(68,68,68,1);
	box-shadow: 0px 5px 20px -5px rgba(68,68,68,1);


	
}

.single-feature .icon {
    font-size: 72px;
    font-weight: 300;
}
.single-feature .single-icon {
    margin-right: 20px;
}

.single-feature h5 {
    font-size: 22px;
    color: #1A428A;
	text-align: center;
}

.single-feature p {
	text-align: center;
}


.single-icon > i {
    font-size: 36px;
    color: #1A428A;
}
/*====================================================
                    FOOTER
======================================================*/

.footer-s1 .footer {
	padding: 45px 0;
	background: #252525;
}

.footer-s1 .footer .comp-desc-f p {
	margin-top: 10px;
	color: #ccc;
	font-size: 15px;
}



/*Heading Fotoer*/

.footer-s1 .heading-footer {
	text-align: left;
	position: relative;
	padding-bottom: 2px;
}

.footer-s1 .heading-footer h2 {
	color: #eee;
	font-size: 18px;
	text-transform: none;
	margin-bottom: 8px;
}




/*Link link*/

.footer-s1 .footer .link-list {
	margin-bottom: 0;
}

.footer-s1 .footer .link-list li {
	padding: 0px 0px 6px;
	border-bottom: solid 1px #333;
	margin-bottom: 6px;
}

.footer-s1 .footer .link-list li:last-child {
	border-top: none;
}

.footer-s1 .footer .link-list li a {
	color: #ccc;
	font-size: 15px;
	margin-bottom: 3px;
	display: inline-block;
}

.footer-s1 .footer .link-list a:hover {
	color: #fff;
}

.footer-s1 .footer .link-list li small {
	color: #555;
	display: block;
}



/*Thumb list*/

.footer-s1 .footer .thumb-list>li {
	margin-bottom: 20px;
}

.footer-s1 .footer .thumb-list>li:before,
.footer-s1 .footer .thumb-list>li:after {
	content: " ";
	display: table;
}

.footer-s1 .footer .thumb-list>li:after {
	clear: both;
}

.footer-s1 .footer .thumb-list>li img {
	float: left;
	width: 80px;
	height: auto;
	margin-right: 10px;
}

.footer-s1 .footer .thumb-list>li a {
	color: #777;
	display: block;
	padding-bottom: 8px;
}

.footer-s1 .footer .thumb-list>li a:hover {
	color: #bbb;
}

.footer-s1 .footer .thumb-list>li small {
	color: #555;
	font-size: 13px;
}

address.address-details-f,
address.address-details-f a {
	color: #888;
	font-size: 17px;
}

.social-icon-f li {
	float: left;
	margin: 10px;
}



/*footer bottom*/

#footer-bottom {
	background-color: rgba(0, 0, 0, 0.8);
	padding: 15px 0;
}

#footer-copyrights p {
	margin: 0;
	font-size: 14px;
	font-weight: normal;
	color: #888;
	text-align: center;
}

#footer-copyrights p a:last-child {
	border-left: 2px solid #fff;
	padding-left: 10px;
	margin-left: 10px;
}

.btn-back-to-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 22px;
	padding: 3px 15px;
	border-radius: 0;
	display: none;
}

@media (max-width: 767px) {
	.footer .container {
		width: 90%;
	}
	.footer-s1 .heading-footer h2 {
		color: #eee;
		font-size: 18px;
		margin-top: 50px;
		text-transform: none;
	}
	.footer-s1 .heading-footer {
		text-align: left;
		position: relative;
		margin-bottom: 10px;
		padding-bottom: 2px;
	}
}


/*FIRST PAGE*/
header{
	height: 72px;
	max-height: 72px;
}

.logoBar {
	width: 244px;
}

.nav-bar-brand.logo{
	width: 100%;
	height: 31px;
}

.nav-bar-brand{
	height: auto
}

.nav-bar-brand.logo img{
	width: 90%;
	height: 90%;
}

.nav-bar-brand.logo:hover img{
	margin-left: 1px;
}

.navbar-nav .nav-item .nav-link{
	font-weight: 500;
}

.navbar-nav .nav-item .nav-link{
	padding:0px;
	margin: 0 12px;
	border-bottom: solid 1px #ffffff;
}

.navbar-nav .nav-item .nav-link:hover{
	padding: 4px 0px;
	border-color: #13377e;
}

.navbar-nav .nav-item .nav-link.active:hover{
	padding: 4px 0px;
	border-color: solid 1px #BF0066;
}

@media (min-width: 0px) AND (max-width: 991px){

	
	.our-monthly-membership h3{
		text-align: center;
	}
	
	.our-monthly-membership p{
		text-align: center;
	}
	

	
	.navBar{
		height: auto;
		position: absolute;
		right: 0;
		width: 100%;
		z-index: 999;
		top: 70px;
	}
	
	.navBarWrap{
		height: auto;
		background-color: #fff;
		width: 100%;
		padding: 0 15px;
	}
	
	.menu-icon.open,
	.menu-icon.close{
		height: 40px;
		width: 40px;
		cursor: pointer;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		transition: all 0.5s ease;
	}
	
	.menu-icon.open > svg,
	.menu-icon.close > svg{
		height: 100%;
		width: 100%;
	}
	
	.menu-icon.open:hover,
	.menu-icon.close:hover{
		-webkit-transform: rotate(180deg);  /* Chrome, Opera 15+, Safari 3.1+*/ 
		-ms-transform: rotate(180deg);  /* IE 9 */
		transform: rotate(180deg);  /* Firefox 16+, IE 10+, Opera */

	}


	
	.navBar .navbar-nav,
	.navBar .langBar {
		display: block;
		width: 100%;
		padding: 0px 15px 0 ;
		
	}
	
	.navBar .langBar {
		display: block !important;
		width: 233px;
		padding: 30px 0px;
	}
	
	.navBar .navbar-nav .nav-item{
		height: 40px;
		padding: 4px 0px;
		display: block;
		line-height: 32px;
	}
	
	.navBar .navbar-nav .nav-item .nav-link{
		padding: 4px 0;
		margin: 0;
	}
	
	.wellcome-heading > h3 {
		font-size: 32vw;
		position: absolute;
		top: -100px;
		font-weight: 900;
		left: -12px;
		z-index: -1;
		color: #fff;
		opacity: .1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	}
	
}

@media (min-width: 0) AND (max-width: 767px){
	#timeline-1 .timeline .timeline-content {
		margin: 2px;
	}
	
	.wellcome-heading > h2 {
		font-size: 330%;
	}
}
.highcharts-container{
  width: 100% !important;
}

.highcharts-root{
  width: 100% !important;

}
#scrollUp {
    bottom: 0;
    font-size: 24px;
    right: 30px;
    width: 50px;
    background-color: #8E27AF;
    color: #fff;
    text-align: center;
    height: 50px;
    line-height: 50px;
}
.serieName {
	color: #333333;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    fill: #333333;
}
.divOpacity {
  opacity: 0.5;
}
span.total {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.42;
    text-align: left;
    color: #323e53;
    margin-top: 0!important;
    margin-bottom: 24px!important;
}
.minus, span.total.minus {
    color:#f50057;
}
.minus-green, span.total.minus-green {
    color:#00c853;
}      
.plus, span.total.plus {
    color:#00c853;
}
.groupClub {
	min-width:100px;
}
.legend-row {
	 display: flex; 
	 align-items: stretch;
}
.legend-column {

}
.item.serieName {
   padding: 0 0 0 50px;	
}