@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i");
@import url('https://fonts.googleapis.com/css?family=Overpass+Mono');
/* CSS Document */

/* Webfonts Panel
------------------------------------------*/
@font-face {
    font-family: 'vagabond_bold-webfont';
    src: url('fonts/vagabond_bold-webfont.eot');
    src: url('fonts/vagabond_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/vagabond_bold-webfont.') format('woff'),
         url('fonts/vagabond_bold-webfont.ttf') format('truetype'),
         url('fonts/vagabond_bold-webfont.svg#vagabond_bold-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'vagabond_regular-webfont';
    src: url('fonts/vagabond_regular-webfont.eot');
    src: url('fonts/vagabond_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/vagabond_regular-webfont.woff') format('woff'),
         url('fonts/vagabond_regular-webfont.ttf') format('truetype'),
         url('fonts/vagabond_regular-webfont.svg#vagabond_regular-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* CSS Main Panel
------------------------------------------*/
body { background: #fff ; color: #9b9c9d; font: 12px/1.7em vagabond_regular-webfont; margin: 0 auto; }
a { color: #ef7814; text-decoration: none; }
a:hover { color: #f49a1d; text-decoration: none; transition: all 0.3s ease 0s; }
h1, h2, h3 { color: #fff; font-family: 'vagabond_bold-webfont'; text-transform: uppercase; font-weight: normal; line-height: 1.4em;  }
h1 { font-size: 1.5em; margin: 0 0 0.5em 0;text-align: left; }
h2 { font-size: 1.2em; margin: 1em 0 0.5em 0;text-align: left; }
h3 { font-size: 1.7em; margin: 0 0 0.5em 0;text-align: left; }
h4 { font-size: 1.3em; margin: 0 0 0.5em 0; color: #f49a1d; text-align: left;}
p { margin: 0 0 0 0; font-size: 14px; text-align: left;}
img { max-width: 100%; vertical-align: middle; height: auto; } a:hover img { opacity: 0.8; -webkit-transition:0.8s ease;-moz-transition:0.3s ease;-ms-transition:0.3s ease;-o-transition:0.3s ease;transition:0.3s ease;}
.imgLeft { float: left; margin: 0.5em 2em 1em 0; -moz-border-radius: 20px; border-radius: 20px; } .imgRight { float: right; margin: 0.5em 0 1em 2em; -moz-border-radius: 20px; border-radius: 20px; }
.thumb-c { text-align: center; margin: 2em 0 0 0; } .thumb-c img { margin-bottom: 1.5em; }
.center p { text-align: center; }
.pad { margin: 0 1em 0 0; } .padUl { margin-left: 1em; display: block; } .padUl a { color: #9b9c9d; } .padUl a:hover { color: #ef7814; }
.clear { clear: both; }
strong { font-weight: bold }
.left { text-align: left; } .right { text-align: right; }
.crv { -moz-border-radius: 20px; border-radius: 20px; } .crv2 { -moz-border-radius: 10px; border-radius: 10px; }
.loc { display: none; }
.lowcase { text-transform:lowercase }
embed, object, iframe{max-width: 100%;}
.iso {  width: 10%; margin: 1.5em 0 1em 0; }
.notify { margin-bottom: 1em;  color: #f49a1d;}

/* search panel */
.search { display: inline-block; padding: 0; float: right; margin-left: 2em; }
.gsc-search-box { width: 280px !important; }
.gsc-input-box { -moz-border-radius: 20px; border-radius: 20px; width: 200px; float: right; padding: 0.3em 0.5em 0.3em 0.5em; } .gsc-input { color: #9b9c9d !important; padding-right: 5px!important; width: 200px; float: right; display: inline-block; }
.gsc-search-button .gsc-search-button-v2 { -moz-border-radius: 20px; border-radius: 20px; padding: 0.8em 2em 0.8em 2em; }
.gsc-control-cse, .gsc-control-cse-en { padding: 0!important; margin: 0!important; height: auto; }


#global { background: transparent url(../images/top-banner.gif) top left repeat-x; width: 100%; overflow: auto; margin: 0 auto;}

header { background: #fff url(../images/bg-hgradient.png) bottom left repeat-x; width: 100%; height: auto; margin-top: 7px; padding: 1em 0 1em 0;  }

	header .language { display: inline-block; margin: 0.7em 0 0 2em; } header .social { display: inline-block; margin: 0 0 0 2em }
	.socialcont { margin-top: 1.5em; }
	.intext { border: 1px solid #ebebeb; padding: 8px 15px 8px 15px; color: #9b9c9d; width: 161px; margin: 0 0.5em 0 0; -moz-border-radius: 20px; border-radius: 20px; }
	.intext2 { border: 1px solid #ebebeb; padding: 11px 15px 11px 15px; color: #9b9c9d; width: 180px; margin: 0 0.5em 0 0; -moz-border-radius: 20px; border-radius: 20px; display: inline-block;}
	@-moz-document url-prefix() { .intext2 { width: 176px;} }
	
	nav { margin-top: 2.1em; }
		nav ul { padding: 0; margin: 0; }
		nav li { list-style-type: none; display: inline; margin-left: 2em; } nav li:first-child { margin-left: 0; }
		nav li h1 { margin: 0; display: inline; color: #ef7814;}
		nav li img { vertical-align: bottom; margin: 0 1em 0 0;}

#sublinks { padding-top: 1.9em; background: url(../images/t-shadow.png) top left repeat-x;}
		#sublinks a { color: #fff; } #sublinks a:hover { color: #84cdf8; }
		#sublinks h1 { margin: 0; display: inline; font-size: 1.3em;}
		#sublinks .download { background: #268fcd url(../images/ico-star.png) center right no-repeat; -moz-border-radius: 20px; border-radius: 20px; padding: 6px 0 5px 18px; margin-left: 1.5em; color: #fff; width: 147px; text-align: left; margin-top: -0.6em; position: absolute;} #sublinks a:hover .download { background-color: #f49a1d; }
	
	#bodywrap {     min-height: 800px; background: #2a97d7 url(../images/bg-white.png) bottom left repeat-x }
	
#bodycont { background: #fff; -moz-border-radius: 20px; border-radius: 20px; max-width: 1024px; height: auto; margin: 0 auto; margin-top: 1.8em; overflow: auto; padding: 1.6em; }	 
	#bodycont .slider { height: auto;  float: left; } #bodycont .slider img { -moz-border-radius: 20px; border-radius: 20px; }
		#bodycont .breadcrumb { margin: 0 0 1em 0; padding: 0 0 0.5em 0; font-size: 1.2em;  border-bottom: 1px solid #ecae06; color: #f49a1d } #bodycont .breadcrumb a { color: #9b9c9d } #bodycont .breadcrumb a:hover { filter: Alpha(Opacity=80);/*IE7 fix*/ opacity: 0.8; }
		#bodycont .selector { float: right; }
	#bodycont .featured { float: left; margin: 1.7em 0 0 0; -moz-border-radius: 20px; border-radius: 20px; }
	
		#bodycont .fslider { background: url(../images/bg-pink.png) repeat-x; -moz-border-radius: 20px; border-radius: 20px; height: 425px; color: #fff; }
			#bodycont .fslider h3 { color: #fff; font-size: 4em; line-height: 1.1em; margin-bottom: 0.2em; }
			#bodycont .desc-main { max-width: auto; padding: 2em 5em 0 2.5em; } #bodycont .desc-main p { font-size: 16px; }
			
				#bodycont .fslider .dumy1 { background: url(../images/tt-train.svg) bottom right no-repeat; overflow: auto; -webkit-background-size: 100%; -o-background-size: 100%;
   -moz-background-size: 100%;
   background-size: 100%; min-height: 425px;   }
				#bodycont .fslider .dumy2 { background: url(../images/tt-town.svg) bottom center no-repeat; overflow: auto; -webkit-background-size: 95%;
   -o-background-size: 95%;
   -moz-background-size: 95%;
   background-size: 95%; min-height: 425px; }
   #bodycont .fslider .dumy3 { background: url(../images/tt-town-location.svg) bottom center no-repeat; overflow: auto; -webkit-background-size: 95%;
   -o-background-size: 98%;
   -moz-background-size: 98%;
   background-size: 98%; min-height: 425px; }
   		
		#bodycont .catsep { border-bottom: 1px dashed #ecae06; margin-bottom: 2em; padding-bottom: 0.5em;}
		#bodycont table { padding: 0; margin: 1em 0 0 0; width: 100%; } #bodycont td { padding: 0.6em 1.5em 0.4em 1.5em; border: 1px solid #ededed;}
			 #bodycont table .t-head { background-color: #fbc633; } #bodycont table h3 { color: #fff !important; margin: 0; font-size: 16px; }
		#bodycont .cat1 { background: url(../images/tt-tower.png) bottom right no-repeat, #c7e64d url(../images/bg-green.png) repeat-x ;
 -moz-border-radius: 20px; border-radius: 20px; height: 160px; margin-bottom: 1.6em; padding: 1.8em; color: #fff;}
			#bodycont .cat1 h3, #bodycont .cat2 h3 { color: #fff; font-size: 21px;  }
			#bodycont .cat1 .desc, #bodycont .cat2 .desc { line-height: 1.3em; width: 150px; }
			#bodycont .cat2 { background: url(../images/tt-mascot.png) bottom right no-repeat, #39c6ff url(../images/bg-blue.png) repeat-x ;
 -moz-border-radius: 20px; border-radius: 20px; height: 160px; padding: 1.8em; color: #fff;}
 
 			#bodycont .cat3 { background: #39c6ff url(../images/bg-blue.png) repeat-x ;
 -moz-border-radius: 20px; border-radius: 20px; height: auto; padding: 1.5em 1.8em 1.5em 1.8em; margin: 0 0 1.8em 0;}
 			
 			#bodycont .cat3 ul { padding: 0; margin: 0; } #bodycont .cat3 li { list-style-type: none; border-bottom: 1px solid #a1ddf5;  } #bodycont .cat3 li:last-child { border-bottom: 0; } #bodycont .cat3 li:hover { filter: Alpha(Opacity=80);/*IE7 fix*/ opacity: 0.8; padding: 0 0 0 10px; cursor: pointer; -webkit-transition:0.1s ease;-moz-transition:0.1s ease;-ms-transition:0.1s ease;-o-transition:0.1s ease;transition:0.1s ease; }

				.error, .valid { text-align: center; -moz-border-radius: 20px; border-radius: 20px; padding: 0.5em 1em 0.5em 1em; }
				.error { color: #ee2932; border: 1px solid #ee2932; } .valid { color: #91bb3d; border: 1px solid #91bb3d; }
				
				.error-sub, .valid-sub { text-align: center; -moz-border-radius: 20px; border-radius: 20px; padding: 0.2em 0.5em 0.2em 0.5em; width: 39%; margin: 1em auto; font-size: 12px; margin-right:6.4em; }
				.error-sub { color: #ee2932; border: 1px solid #ee2932; } .valid-sub { color: #91bb3d; border: 1px solid #91bb3d; }
					
				.form label { display: block; padding: 0em 0 0.9em 0; margin: 0;  }
				.form input, .form textarea { width: 96.4%; height: auto; color: #7d7d7d; padding: 1em 0.7em 1em 0.7em; margin: 0em 0 1em 0; background-color: #f7f7f7; border: 0px; -moz-border-radius: 6px; border-radius: 6px;  }

				.form textarea { height: auto; padding: 1em 0.7em 0 0.7em; font-size: 1.2em; }
				.form select { width: 100%; height: auto; color: #7d7d7d; padding: 1em 0.7em 1em 0.7em; margin: 0em 0 1em 0; background-color: #f7f7f7; border: 0px; }
				
				
				.insub { background: #fbc633 url(../images/bg-yellow.gif) repeat; border: 0; color: #fff; font-size: 1.7em; color: #fff; font-family: 'vagabond_bold-webfont'; text-transform: uppercase; font-weight: normal; line-height: 1.4em;  margin-left: 3px; padding: 0; text-indent: 0px; text-transform: uppercase; padding: 6px 17px 6px 17px; cursor: pointer; -moz-border-radius: 20px; border-radius: 20px; } 
				.insub:hover { filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; }
				
			#bodycont .sub ul { font-size: 14px;}
			#bodycont .sub h3, #bodycont .sub2 h3, #bodycont .xsub h3{ color: #f49a1d;}
			
			#bodycont .cat4 { border: 1px solid #ecae06; -moz-border-radius: 20px; border-radius: 20px; height: auto; margin-bottom: 1.6em; padding: 1.5em 1.5em 1.5em 1.5em; }
			#bodycont .cat4 h3 { color: #f49a1d; } .cat4 .insub { font-size: 14px; margin: 1em 0 0 0; display: block; text-align: center; }
			
			#bodycont .cat5 { background: #c7e64d url(../images/bg-green.png) repeat-x ; -moz-border-radius: 20px; border-radius: 20px; height: auto; margin-bottom: 1.6em; padding: 1.5em 1.8em 1.5em 1.8em; text-align: center;}
			#bodycont .cat6 { background: #fd76af url(../images/bg-pink2.png) repeat-x ; -moz-border-radius: 20px; border-radius: 20px; height: auto; margin-bottom: 1.6em; padding: 1.5em 1.8em 1.5em 1.8em; text-align: center;}
				#bodycont .cat6 li { font-size: 16px; color: #fff; text-align: left; margin-left: 1em; }
 
		#bodycont .button { background-color: #fff; padding: 9px 17px 8px 17px; color: #e3e3e3;-moz-border-radius: 20px; border-radius: 20px;}
		#bodycont .button2 { background-color: #00a7e5; padding: 9px 17px 8px 17px; color: #fff;-moz-border-radius: 20px; border-radius: 20px; width: 15%; text-align: center;}
			#bodycont .cat1 a.button { color: #c5d303; } #bodycont .cat2 a.button  { color: #07a3e0; } #slidercont .socialcont-b a.button  { color: #fff; }
			#bodycont a.button:hover, #bodycont a.button2:hover { filter: Alpha(Opacity=80);/*IE7 fix*/ opacity: 0.8; } 
	
	#bodycont .news { width: auto; border-bottom: 1px dashed #ecae06; margin-bottom: 1em; padding: 1.5em 1.2em 2em 1.2em; height: auto; display: block; overflow: auto;}
	#bodycont .news h3 { margin: 0; }
		#bodycont .news span { font-size: 11px; color: #f49a1d; margin-bottom: 1em; display: block; }
		#bodycont .news img { -moz-border-radius: 20px; border-radius: 20px; float: left; display: block; margin: 0 1.5em 1.5em 0; width: 40%;}
	
	
	.tslider { height: auto; margin: 0 auto; }
	
	#slidercont { max-width: 1024px; margin: 0 auto; margin-bottom: 3.5em; margin-top: 3.5em; overflow: auto;}		
	#slidercont .socialcont-b { margin: 0 0 0 0; padding: 0;}
		#slidercont .socialcont-b h3 { display: inline; color: #ef7814; vertical-align: middle; padding-top: 0.3em !important; display: inline-block;}
		
		#slidercont .tpad h3 { display: inline; color: #ef7814; vertical-align: top; padding-top: 0.4em !important;display: inline-block;}
		
		#slidercont .socialcont-b img { margin: 1em 0.5em 0 0.5em; display: inline-block; }
		#slidercont .socialcont-b .button { background-color: #fbc633; padding: 4px 17px 4px 17px; color: #e3e3e3;-moz-border-radius: 20px; border-radius: 20px; display: inline-block;}
		#slidercont a.button:hover { filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } 

footer { background: #bcd630 url(../images/tt-landscape.png) top center no-repeat; width: 100%; height: auto; color: #fff; padding-bottom: 3em; }
	footer ul { padding: 0; margin: 0 0 3em 0; } footer li { list-style-type: none; }
	footer li a { color: #fff; } footer li a:hover { color: #fff; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; }
	

/* Gallery Panel */
ul#gallery { padding: 0; margin: 2em 0 2.5em 0; overflow: auto; }
#gallery li { display: inline; list-style-type: none; float: left; display: block; width: 31.56%; overflow: hidden; margin-right: 1em; margin-bottom: 1em; } #gallery-sub li:last-child { margin-right: 0!important; }
#gallery img { border: 1px solid #fff; -moz-border-radius: 20px; border-radius: 20px; } 
#gallery a:hover img  { }

@-moz-document url-prefix() {
   #gallery a:hover img, #gallery-main a:hover img  { opacity: 0.6; -webkit-transition:0.8s ease;-moz-transition:0.5s ease;-ms-transition:0.5s ease;-o-transition:0.5s ease;transition:0.5s ease;}
}

ul#gallery-sub { padding: 0; margin: 0 0 2.5em 0; overflow: auto; }
#gallery-sub li { display: inline; list-style-type: none; float: left; display: block; width: 31.56%; overflow: hidden; margin-right: 1em; } #gallery-sub li:last-child { margin-right: 0!important; }
#gallery-sub img { border: 1px solid #fff; -moz-border-radius: 20px; border-radius: 20px; } 
#gallery-sub a:hover img  { }



/* Scroll Top Panel */
#back-top {
	position: fixed;
	bottom: 380px;
	right: 50px;
}

#back-top p {
	font-size: 10px;
	background-color: #268fcd;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 0.5em 0.8em 0.5em 0.8em;
	text-align: center;
}


#back-top a {
	width: auto;
	display: block;
	text-align: center;
	font: 10px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	border-bottom: 0px; 
	color: #fff;

}
#back-top a:hover {
	filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5;
}
/* arrow icon (span tag) */
#back-top span {
	width: 59px;
	height: 89px;
	display: block;
	margin-bottom: 10px;
	padding-left: 1em;
	background: transparent url(../images/ico-balloon.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

}
#back-top a:hover span {
	filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5;


}
.radio-inline {
	position: relative;
    display: inline-block !important;
    padding-left: 20px !important;
    margin-bottom: 0 !important;
    font-weight: 400;
    vertical-align: middle;
	cursor: pointer;
	font-size:14px;
}

.radio-inline input[type=radio] {
    position: absolute;
    margin-top: 4px\9;
	margin-left: -20px;
	width: inherit !important;
	
}

input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
}
.checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 30px;
}

.profile-data {
	font-size: 14px;
}
.profile-data .row {
	padding: 4px 0px;
}

.card {
	width: 350px;
	height: 222px;
	background: grey;
	display: inline-block;
	border-radius: 10px;
	margin: 10px auto;
}


.card-priceTable {
    background: #fff;
    border-radius: 4px;
    padding: 20px;
    transition: all 300ms linear 0s;
}
@media (min-width: 768px) {
	.priceTable {
		padding: 45px 10px 30px 10px;
	}
}
.priceTable {
    padding: 25px 9px;
    background: #f7f7f7;
    margin-bottom: 10px;
    transition: all 300ms linear 0s;
}
.timer {
	font-size:24px;
	color: black;
	margin:20px 0px;
}
.priceTable * {
	text-align: center !important;
}
.priceTable h1 {
    margin-bottom: 0;
    font-family: "Roboto", sans-serif;
    color: #1a1d24;
}
@media (min-width: 768px) {
	.priceTable-price {
		font-size: 50px;
	}
}
.priceTable-price {
    font-size: 22px;
}
.priceTable .main_btn {
    padding: 0px 50px;
    font-weight: 500;
}
.priceTable .main_btn {
    padding: 0px 50px;
    font-weight: 500;
}
.main_btn {
    display: inline-block;
    background: #1a1d24;
    padding: 0px 35px;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 48px;
    border-radius: 3px;
    outline: none !important;
    box-shadow: none !important;
    text-align: center;
    border: 1px solid #1a1d24;
    cursor: pointer;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    transition: all 300ms linear 0s;
}
/* fixes after adding bootstrap */
* {
	-webkit-box-sizing: initial !important; 
    -moz-box-sizing: initial !important;
    box-sizing: initial !important;
}
a:hover, a:focus {
    /* color: #f49a1d; */
    text-decoration: none !important;
}
a:focus, a:hover {
	outline: none !important;
    outline: none !important;
    outline-offset: inherit;
}
input, button, select, textarea {
    line-height: initial !important;
}
input, textarea {
	outline: none;
	box-shadow:none !important;
}

/*Login dropdown */

#login-dp{
    min-width: 250px;
    padding: 14px 14px 0;
    overflow:hidden;
    background-color:rgba(255,255,255,1);
}
#login-dp .help-block{
    font-size:12px    
}
#login-dp .bottom{
    background-color:rgba(255,255,255,1);
    border-top:1px solid #ddd;
    clear:both;
    padding:14px;
}
#login-dp .social-buttons{
    margin:12px 0    
}
#login-dp .social-buttons a{
    width: 49%;
}
#login-dp .form-group {
    margin-bottom: 10px;
}
.btn-fb{
    color: #fff;
    background-color:#3b5998;
}
.btn-fb:hover{
    color: #fff;
    background-color:#496ebc 
}
.btn-tw{
    color: #fff;
    background-color:#55acee;
}
.btn-tw:hover{
    color: #fff;
    background-color:#59b5fa;
}
@media(max-width:768px){
    #login-dp{
        background-color: inherit;
        color: #fff;
    }
    #login-dp .bottom{
        background-color: inherit;
        border-top:0 none;
    }
}
#dropdown-cont, #dropdown-cont * {
	-webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}
.no-radius {
	    border-radius: 0px !important;
}



/* Card:-
		Source: https://codepen.io/gabrielferreira/pen/JrJmzL by https://github.com/gabrielferreiraa
		Modified for simplicity and responsiveness
*/
:root {
  /* --purple: #892a92;
  --purple2: #70217a;
  --purpleHighlight: #7b2583;
  --purple2Highlight: #641d6d; */
  --purple: #7f2175;
  --purpleHighlight: #8c2481;
  --white: #f6d3fd;
  --height: 181px;
  --width: 285px;
  --font: "Overpass Mono", monospaced;
  --masterFont: "Raleway", sans-serif;
  --ratio: 0.405;
}

.card:hover {
	background: var(--purpleHighlight);
}
.card {
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
  cursor: pointer;
  --heightCalc: - calc((var(--height) / 2) - 10px);
  --widthCalc: calc(var(--width) / 2);
  height: var(--height);
  width: var(--width);
  min-width: var(--width);
  background: var(--purple);
  /* background: linear-gradient(90deg, var(--purple), var(--purple2)); */
  border-radius: 10px;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
  margin: 10px auto;
  position: relative;
  /* filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.6)); */
  /* transform: translateY(calc(50% - 10px)); */
}

.card__figure {
  position: relative;
  height: 40px;
  margin: 0;
}

/* .card__figure::after { */
  /* content: "PLATINUM"; */
  /* font-size: 0.45em; */
  /* letter-spacing: 4px; */
  /* color: var(--white); */
  /* position: absolute; */
  /* width: 100%; */
  /* text-align: center; */
  /* bottom: calc(-100% - 15px); */
/* } */

.card__figure--logo {
  --widthLogo: 64px;
  width: var(--widthLogo);
  position: absolute;
  right: 50%;
  transform: translate(calc(var(--widthLogo) / 2), 20px);
}

.card_number, .card__name, .card__balance {
	font-size: 16px;
} 
.card__number {
  --numberLeftMargin: calc(-20px + 20px * var(--ratio));
  font-family: var(--font);
  font-size: 1.3em;
  font-weight: normal;
  color: var(--white);
  letter-spacing: 2.5px;
  text-align: center;
  margin-left: var(--numberLeftMargin);
  margin-top: 58px;
  z-index: 1;
  position: relative;
  filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.3));
}

.card__dates span {
  filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.3));
}

.card__name, .card__balance {
  font-family: var(--font);
  font-weight: normal;
  color: var(--white);
  letter-spacing: 2.5px;
  position: relative;
  filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.3));
}
.card__balance {
  transform: translate(21px, 2px);
}
.card__name {
	transform: translate(21px, 12px);
}

.avatar {
	vertical-align: middle;
	display:inline-block;
	margin:0 0 0 8px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
  }
.auth {
	color: #2a97d7;
}
.no-padding {
	padding: 0 !important;
}
.no-border {
	border: 0 !important;
}
.grecaptcha-badge {
	bottom: 32px !important;
}

.text-success-forced {
    color: #3c763d !important;
}
.text-danger-forced {
    color: #a94442 !important;
}


/*
	Alert styling
*/
  .alert-container {
    position: fixed;
    bottom: 0;
    left: 2%;
    width: 50%;
    margin: 0 25% 0 25%;
    height: 56px;
  }
  /* .alert-success {
	color: #a94442;
	background-color: #f2dede;
    border-color: #ebccd1;
  } */
  .alert-container .alert {
	text-align: center;
	padding: 17px 0 20px 0;
	margin: 0 25% 0 25%;
	height: 54px;
	font-size: 20px;
  }
  .alert-container {
	border: 1px solid transparent;
  }
  

  /* Edited by Ahmed Fahmy */
.offers .priceTable{
	background-color:#fff;
	/* border: 1px solid #ecae06; */
	border: 1px solid #ccc;
	border-radius:20px;
}
.offers .priceTable p{
	color:#3a3a3a;
	line-height: 26px;
}
.offers .priceTable p.timer{
	/* color:yellow#ecae06;blue#268fcd;orange#ef7814 */
	color:#ef7814;
	font-size:14px;
	margin: 0px 0px 20px;
}
.offers .offerBtn{
	 background: #ecae06;
	 border: 0;
	 font-size: 14px;
	 color: #fff;
	 font-family: 'vagabond_regular-webfont';
	 text-transform: uppercase;
	 font-weight: normal;
	 text-indent: 0px;
	 padding: 10px 20px;
	 cursor: pointer;
	 -moz-border-radius: 20px;
	 border-radius: 20px; 
				
}
.offers .offerBtn:hover{
	filter: Alpha(Opacity=80);/*IE7 fix*/ opacity: 0.8;
}
.offers .col-sm-4{
	border:1px solid #000;
}
.offers * {
	-webkit-box-sizing: border-box !important; 
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}
.promotions .offers .offerBtn{
	background:#268fcd;
}


.payment-baloon {
	width: 100px;
    height: 100px;
    border-radius: 100%;
}
.payment-baloon i {
	font-size:40px;
}
.success {
	color: white;
	background: #3c763d;
}
.failed {
	color: white;
	background: #a94442;
}
.cancelled {
	color: white;
	background: #8a6d3b;
}
.Absolute-Center {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin: 0 auto;
  }  
.no-float {
	float: none !important;
}
.padded-30 {
	padding: 0px 32px;
}
#complain_message {
	height: 200px;
}

.inline {
	display: inline !important;
}