/* EVENTIAL CSS 

	1. CORE CSS
	2. NAVIGATION
	3. TOP
	   - Countdown
	4. OVERVIEW
	   - Milestone
	5. SPEAKERS
	6. SCHEDULE
	7. contact
	8. TESTIMONIAL
	9. SPONSORS
	10. SUBSCRIBE
	11. FAQ & GALLERY
	12. REGISTER
	13. CONTACT 
	14. MISC.
		- Form Elements
		- Buttons
		- Preload	
*/

/* ---------------------------------------------------------------------- */
/*	01 Import styles
/* ---------------------------------------------------------------------- */

@import url("/Campaign/MicroLED_SZ2018/GB/css/bootstrap.css");
@import url("/Campaign/MicroLED_SZ2018/GB/css/font-awesome.min.css");
/*偽另開視窗的效果*/
@import url("/Campaign/MicroLED_SZ2018/GB/css/magnific-popup.css");
/*圖片像撲克牌翻轉的效果*/
@import url("/Campaign/MicroLED_SZ2018/GB/css/flipCard.css");
/*Slider Plugin*/
@import url("/Campaign/MicroLED_SZ2018/GB/css/owl.carousel.css");
@import url("/Campaign/MicroLED_SZ2018/GB/css/owl.theme.css");
/*Theme - Color*/
@import url("/Campaign/MicroLED_SZ2018/GB/css/color/red.css");
/*Top BG Zoom in Effect*/
@import url("/Campaign/MicroLED_SZ2018/GB/css/bg-zoom-in.css");


body {
	font-family:"Noto Sans TC", "微软雅黑", "Microsoft JhengHei", verdana, "微软雅黑", "Microsoft YaHei";/* Noto Sans TC = Google思源黑體, 因為字體檔案載入速度偏慢最後就沒用了 */
	font-size:1.4em;
	line-height:1.5em;
	overflow-x:hidden;
}

section {
	padding:75px 0;
}

h2 {
	font-size:27px;
	margin-top:0;
	margin-bottom:40px;
}

h3 {
}

h4 {
	font-size:17px;
	/*letter-spacing:-1px;*/
	margin-bottom:5px;	
}


.lead {
	font-size:18px;
	text-align: left;
	margin-bottom: 30px;
	/*letter-spacing:1px;*/
}

.uppercase {
	text-transform:uppercase;
}


/* NAVIGATION */

.navbar {
	-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
}

.navbar-custom {
	font-size:15px;
	border-radius:0;
	margin-bottom:0;
	padding:50px 0;
}

.navbar-brand {
	padding:0 15px;
}
@media (max-width: 400px) {
  .navbar-brand {
	  width: 225px;
  }
  .navbar-brand img {
	  width: 100%;
  }
}
.navbar-custom .navbar-nav > li > a:hover {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.top-nav-collapse {
	padding: 20px 0;
}


#register-hidden-banner {
	background:url(../img/register-bg.jpg) bottom center no-repeat;
	width:100%;
	max-height:auto;
	height:400px;
	margin-bottom:15px;
	position:relative;
	display:table;
	padding: 10px 0 15px 0;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}
@media (max-width: 540px) {
  #register-hidden-banner {
	  height:250px;
	  padding: 5px 0 15px 0;
  }
}

/* OVERVIEW */

#overview h2 {
	margin:30px 0;
}

#overview h3 span {
	font-size:30px;
	vertical-align:middle;
}

#overview h4 {
	margin-bottom:20px;
}

/* Success */

#success h2 {
	margin:30px 0;
}

#success h3 span {
	font-size:30px;
	vertical-align:middle;
}

#success h4 {
	margin-bottom:20px;
}

.submit {
	margin: 70px 0 10px 0;
	padding: 12px 50px;
    font-size: 18px;
    letter-spacing: 2px;
	outline: none;
	border: none;
	cursor: pointer;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
	   		border-radius:4px;
		-webkit-transition: all 0.3s;
		   -moz-transition: all 0.3s;
	            transition: all 0.3s;
}

/* Handouts */

#handouts h2 {
	margin:30px 0;
}


#handouts .submit {
	margin: 10px 0 10px 0;
	padding: 12px 50px;
    font-size: 18px;
    letter-spacing: 2px;
	outline: none;
	border: none;
	cursor: pointer;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
	   		border-radius:4px;
		-webkit-transition: all 0.3s;
		   -moz-transition: all 0.3s;
	            transition: all 0.3s;
}

/* Milestone */

#milestone {
	width: 100%;
	padding:30px 0;
	overflow: hidden;
	z-index: 0;
	height:auto;
	display:table;
}

.fact {
	/*text-transform:uppercase;*/
	display:table-cell;
	vertical-align:middle;

}

.fact .timer {
	font-size:55px;
	line-height:55px;
}

.fact p {
	font-size:15px;
	letter-spacing:0.5px;
}

.fact i {
	vertical-align:middle;
	margin:10px 0 5px 0;
}


/* SPEAKER */

#speakers h2 {
    margin: 30px 0;
}

.speaker {
	margin-bottom:30px;
}

.speaker img {
	width:100%;
	display: block;
}

.speaker figure {
	overflow: hidden;
	position: relative;
	display:table;
	width:100%;
}

.speaker figcaption {
	display: table-cell;
	width:100%;
	height:100%;
	left: 0;
	opacity: 0;
	padding:10px;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: all 300ms;
	   -moz-transition: all 300ms;
	        transition: all 300ms;
	-webkit-transition-delay: 100ms;
	   -moz-transition-delay: 100ms;
	        transition-delay: 100ms;
}
 
.speaker figcaption p {
	font-size: 13px;
}

.speaker:hover figcaption {
	opacity: 1;
}

#speakers .speaker h4 {
	font-size: 18px;
}

#speakers .speaker figure figcaption h4 {
	font-size: 16px;
}

.speaker:hover, .speaker:active {
-webkit-user-select: none;
-webkit-touch-callout: none
}

.speaker .social {
	position:absolute;
	bottom:0px;
	right:10px;
}

.speaker a,
.speaker .social a {
	text-decoration:none;
	margin:0;
	padding:0;
}
.speaker a:hover,
.speaker .social a:hover{
	text-decoration:none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.speaker .title {
	font-size:14px;
}

.row.speaker-all {
	display:inline-flex;
	display:-ms-inline-flexbox;
	flex-direction:row;
	-ms-flex-direction:row;/**IE**/
	justify-content:left;
	-ms-flex-pack:left;/**IE的justify-content**/
	align-items:stretch;
	-ms-flex-align:stretch;/**IE的align-items**/
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;/**IE**/
}


/* speaker detail popup */

#speaker-detail {
	padding:45px;
}

#speaker-detail h2 {
	font-size:22px;
	margin-bottom:10px;
}

#speaker-detail h3 {
	font-size:16px;
	margin-top:10px;
	line-height: 22px;
}

#speaker-detail a {
	font-size:13px;
	margin-top:5px;
}

#speaker-detail a:hover {
	text-decoration:none;
}

#speaker-detail i {
	/*vertical-align:middle;*/
}
	

/* SCHEDULE */

#schedule h2 {
    margin: 30px 0;
}

#schedule {
	background:url(../img/bg-theme-icon.png);
}

.agenda_button {
	cursor: pointer;
	font-weight: normal;
	margin-right: 14px;
}

.event {
	display:table;
	width:100%;
	border-spacing: 10px 5px;
	height: 110px; 
}

.event-inner {
	display: table-row;
}

.event h3 {
	margin-top:0;
	font-size:20px;
}

.event .icon {
	width:130px;
	padding:5px;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
}
@media (max-width: 800px) {
  .event .icon {
	  width:100%;
	  display:block;
	  padding: 8px 8px 8px 18px;
	  text-align:left;
  }
}

.event .icon i {
	display: block;
	margin-bottom: 10px;
}
@media (max-width: 800px) {
  .event .icon i {
	  display: inline-block;
	  margin-bottom: 0;
	  font-size: 1.5em;
  }
}

.event .icon .time {
	font-size:18px;
	/*font-weight:700;*/
}

.event .description {
	padding:15px;
	display:table-cell;
	vertical-align:middle;
}
@media (max-width: 800px) {
  .event .description {
	  display:block;
  }
}

.event .description p {
	font-size:14px;
}

.description-note {
	display: inline-block;	
	margin: 0;
}
.button.description-btn {
	padding: 5px 15px;
    font-size: 14px;
	margin: 0 10px;
}

.event .name, .event .company {
	font-size:14px;
	display: inline-block;
	padding-right: 15px;
}

.event .description .session {
	margin: 0;
}

/**DIV 表格的多欄操作手法 - Flexbox**/
.agenda-combine {
	display:inline-flex;
	display:-ms-inline-flexbox;
	flex-direction:row;
	-ms-flex-direction:row;/**IE**/
	justify-content:center;
	-ms-flex-pack:center;/**IE的justify-content**/
	align-items:stretch;
	-ms-flex-align:stretch;/**IE的align-items**/
	margin-right: 10px;
}
.agenda-combine-L {
	-ms-flex: 1 1 auto;/**IE的flexbox配置，如果不配置參數會內容溢出看不到，所以給一個預設值1，寬度則是寫auto**/
}
.agenda-combine-R {
	margin: 5px 0;
	text-align: center;
	-ms-flex: 1 1 auto;/**IE的flexbox配置，如果不配置參數會內容溢出看不到，所以給一個預設值1，寬度則是寫auto**/
}
.event-combine {
	display: table;
	border-spacing: 10px 5px;
	height: 100%;
}
.combine-inner {
	display: table-cell;
	vertical-align: middle;
}


/* Schedule Pagination */

#days .item {
	margin:10px;
	padding:10px;
}

#days .item:hover,
#days .item:active {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

#days .item h3,
#days .item h5 {
	margin-bottom:10px;
	text-align:center;
	cursor:pointer;
	text-transform:capitalize;
}

/* contact */

.contact-address {
	padding:15px;
	margin:0 15px;
	min-height:250px;
	position:absolute;
	bottom:0;
}

#contact h3 {
	margin:30px 0;
}

#contact .contact-address h2 {
	margin:0 0 15px 0;
}

#contact h4 {
	margin-bottom:25px;
}

.contact .address {
	font-size:21px;
	margin-top:25px;
}

#contact i {
	margin:0 10px 0 0;
 	float:left;
	vertical-align:middle;
}


/* TESTIMONIAL */

#testimonial {
	background:url(../img/testimonial-bg.png) bottom center no-repeat fixed;
	width:100%;
	height:auto;
	min-height:225px;
	margin-bottom:15px;
	padding:10px 0 20px 0;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}

#testimonial .item {
	margin:0 15px;
}

#testimonial img {
	margin-bottom:20px;
	vertical-align:middle;
}


#testimonial .item div {
	display:table-cell;
	vertical-align:middle;
}

#testimonial p {
	font-size:17px;
}

#testimonial h4 {
	letter-spacing:1px;
	margin:0;
}

#quote {
	padding-top:30px;
}


/* Organizer */

#organizer h2 {
    margin: 30px 0;
}
#organizer .organizer-slider img {
	padding: 0 5px 5px 5px;	
}
#organizer h1 .note {
	display: block;
	font-size:15px;
}

#organizer .lead {
	font-size:20px;
}

#organizer h3 {
	font-size:20px;
}

/* SPONSOR */

#sponsors {
	/*padding-bottom: 70px;*/
}

#sponsors h2 {
	margin: 30px 0 5px 0;
}

#sponsors p {
	margin-bottom:20px;
}

#sponsors a:hover {
	text-decoration:none;
}

#sponsors i {
	vertical-align:middle;
	margin-top: 10px;
}

#sponsors .panel-title a img {
	border: 1px solid #dddddd;
}

#gallery img {
	margin-bottom:30px;
}

#gallery img:hover {
	opacity:0.5;
	filter:Alpha(opacity=50); /* IE8 and earlier */
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;	
}

.panel-title .img-hover {
	padding: 0px;
	position: relative;
	overflow: hidden;
	width: 300px;
	margin: auto;
}
.panel-title .img-hover:hover .caption{
	opacity: 1;
}
.panel-title img{
	margin: 0px;
	padding: 0px;
	float: left;
	z-index: 4;
}
.img-hover .caption{
	cursor: pointer;
	position: absolute;
	opacity: 0;
	-webkit-transition:all 0.45s ease-in-out;
	-moz-transition:all 0.45s ease-in-out;
	-o-transition:all 0.45s ease-in-out;
	-ms-transition:all 0.45s ease-in-out;
	transition:all 0.45s ease-in-out;
}
.img-hover .blur{
	height: 235px;
	width: 300px;
	z-index: 5;
	position: absolute;	
}
.img-hover .caption-text{
	position: absolute;
	width: 300px;
	height: 235px;
	text-align: center;
	top:100px;
	z-index: 10;
}
@media (max-width: 400px) {
.panel-title .img-hover, .img-hover .blur, .img-hover .caption-text {
	width: 210px;
	height: 165px;
}
}


/* Sponsorship */

#sponsorship {
	/*padding:70px 0;*/
	/*background:url(../img/sponsorship-bg.jpg) center center no-repeat fixed;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;*/
	background:url(../img/bg-theme-icon.png);
	padding: 75px 0 0 0 !important;
}

#sponsorship .description {
	font-size: 18px;
	line-height: 1.4;
	font-weight:200;
}

#sponsorship h2 {
	margin: 30px 0;	
}

#sponsorship h3 {
	padding: 0 0 8px 0;
}

.price-table-header {
	padding:30px 0;
	display:table;
	height:auto;
	cursor:pointer;
}
.price-table-header.gold {
	background-image:url(../img/sponsorship-bg-gold.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
}
.price-table-header.silver {
	background-image:url(../img/sponsorship-bg-silver.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
}

.price-table-header .price {
	font-size:61px;
	font-weight:700;
	margin-bottom:15px;
	line-height:61px;
}
.price-table-header .price-table-align {
	display:table-cell;
	vertical-align: middle;
}

.price-table-header .title {
	font-size:24px;
	padding-bottom:20px;
	line-height:22px;
}

.price-table-description {
	width:100%;
	margin:0;
	padding:0;
	height:auto;
	display:table;
	list-style-type:none;
}

.description-item {
	padding:10px 0;
}


#sponsorship .lead {
	font-size:20px;
}

#sponsorship .timer {
	font-size:36px;
}

#VIP-sponsorship {
	background:url(../img/VIP-bg.png) bottom center no-repeat;
	width:100%;
	max-height:auto;
	height:400px;
	position:relative;
	display:table;
	/*padding: 10px 0 15px 0;*/
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}
#VIP-sponsorship h3 {
	font-size:24px;
	font-weight: normal !important;
}
#VIP-sponsorship h1 {
	margin-top: 25px;
	margin-bottom: 35px;
}


/* register form */

#trains-form {
	padding:25px;
}

#trains-form h2 {
	margin-bottom:15px;
}

.trains-form {
	margin-top:20px;
}

.trains-form strong {
	font-weight: 500;
}

#trains-form .address {
	font-size: 18px;
}

.plan-a {
	background-image:url(../img/plan-a-bg.png);
	background-repeat: no-repeat;
	background-position: 0% 100%;
}

.plan-b {
	background-image:url(../img/plan-b-bg.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
}

@media (max-width: 650px) {
  .plan-a.fact .timer, .plan-b.fact .timer {
	  font-size: 35px !important;
  }
}
@media (max-width: 400px) {
  .plan-a.fact .timer, .plan-b.fact .timer {
	  font-size: 25px !important;
  }
}


/* REGISTER */

#register h2 {
	margin: 30px 0;
}


/* Location */

#location {
	font-size:16px;
	padding:0;
	position:relative;
}

@media (max-width: 900px) {
  #location .container .row .col-md-4.col-lg-4.col-xs-6 {
	  width: 100%;
	  padding: 0;
  }
  .location {
	  height: auto !important;
	  position: static !important;
  }
  #location .social {
	  position: static !important;
  }
}

.location {
	padding:15px;
	/*margin:0 15px 0 10px;*/
	height:576px;
	position:absolute;
	bottom:1px;
}

.location h2 {
	margin-bottom:30px;
}

#location p {
	/*float:left;*/
}

#location .center {
	font-size:20px;
	margin:5px 0 10px 0;
}

#location .address {
	font-size:18px;
	margin:5px 0 20px 0;
}

#location .social {
	position:absolute;
	bottom:5px;
	clear: both;
}

#gmap_canvas {
	position:relative;
	height:576px;
	width:100%;
}
@media (max-width: 900px) {
  #gmap_canvas {
	  height:400px!important;
  }
}

#gmap_canvas img{
	max-width:none!important;
	background:none!important
}

.social {
	margin:10px auto;
}

.social a {
	text-decoration:none;
	margin:0;
	padding:0;
}

.social a:hover {
	text-decoration:none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	cursor: pointer;
}

.social .social-share a .fa-lg {
	font-size: 1.2em !important;
}

/* MISC */

/* FORM ELEMENTS */

input[type="text"],
input[type="email"],
select, textarea {
	font-size:20px;
	font-family:inherit;
	/*width:100%;*/
	/*min-height:30px;
	padding:12px 10px;
	text-transform:uppercase;*/
	border:0;
	border:1px solid #2e2e2e;
	/*margin-bottom:20px;*/
	outline:none;
} 



/* BUTTONS */

.button {
	font-size: 10px;
	/*text-transform: uppercase;*/
	border: none;
	margin: 15px 0;
	padding: 5px 15px;
	display: inline-block;
	position: relative;
	outline: none;
	cursor: pointer;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
	   		border-radius:4px;
		-webkit-transition: all 0.3s;
		   -moz-transition: all 0.3s;
	            transition: all 0.3s;
}

.button:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	        transition: all 0.3s;
}

.button-big {
	padding:12px 40px;
	font-size:18px;
	border-radius:4px;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
}

.button-light:hover,
.button-light:active {
	text-decoration:none;
}

.button.button-dark.right-now {
	padding: 12px 50px;
	font-size: 20px;
	letter-spacing: 2px;
}

.button-dark:hover,
.button-dark:active {
	/*text-decoration:none;*/
	color: #ffffff;
	background: #00A19C;
}


/* PRELOAD */

#preload {
	position: fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	width: 100%;
	height: 100%; 
	z-index: 9999;
	display:table;
}

.preload {
	display:table-cell;
	vertical-align:middle;
	width: 100%;
	height: 100%;
}

.loader {
  margin: 3em auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/** Back to Top **/
.side {position:fixed;width:54px;height:108px;bottom:30px;z-index:100; right: 50px;}
.side ul li {width:54px;height:54px;float:left;position:relative;list-style: none;}
.side ul li .sidebox {position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;font:14px/54px;overflow:hidden;}
.side ul li .sidebox i {vertical-align: middle;}
.side ul li .sidetop {width:54px;height:54px;line-height:54px;display:inline-block;transition:all 0.3s; padding:0;}


/* ---------------------------------------------------------------------- */
/*	Float BTN
/* ---------------------------------------------------------------------- */
	#slideAD.active, #slideAD.mouseover-active {
	   -webkit-transform: translateX(0);
	   transform: translateX(0);
	}
	#slideAD {
	   position: fixed;
	   right: 0;
	   bottom: 150px;
	   z-index: 99999999999;
	   height: 239px;
	   display: -webkit-box;
	   display: -ms-flexbox;
	   display: flex;
	   -webkit-box-pack: center;
	   -ms-flex-pack: center;
	   justify-content: center;
	   -webkit-box-align: center;
	   -ms-flex-align: center;
	   align-items: center;
	   -webkit-transition: all .3s ease-in-out;
	   transition: all .3s ease-in-out;
	   -webkit-transform: translateX(100%);
	   transform: translateX(100%);
	   cursor: pointer;
	}
	#slideAD img {
		width: 100%;
	}
	#slideAD .register-now-s {
		display: none;
	}
@media handheld, only screen and (max-width: 900px) {
	#slideAD a {
		width: 85%;
	}
	#slideAD {
	   right: -21px;
	}
}
@media handheld, only screen and (max-width: 650px) {
	#slideAD {
	   height: 209px;
	}
	#slideAD.active {
		width: 320px;
	}
	#slideAD .register-now {
		display: none;
	}
	#slideAD .register-now-s {
		display: block;
	}
}



/* Register User -----------------------------------*/


.register input{
	border-radius: 0;
	height: 35px;
	margin-bottom: 20px;
	padding: 5px 10px;
	font-size: 13px;
	width: 100%;
}
.register .btn{
	height: auto;
	width: auto;
	float: right;
	border:none;
	padding: 10px 15px;
}
#att5{
	display: none;
}

@media only screen and (max-width: 1200px) {
	div#pnl_reg {
	  width: 85%;
	  margin: auto;
	}
}

@media only screen and (max-width: 700px) {
	div#pnl_reg {
	  width: 95%;
	}
	#Table1 th {
		width: 155px !important;
	}
	#Table4 th {
		width: 120px !important;
	}
	#pnl_reg select {
		width: 150px !important;
	}
	#tb_Credit input#tbx_cardholder, #tb_Credit #tbx_cardno, #tb_Credit #tbx_vcode {
		width: 150px !important;
	}
	#tb_Credit tbody tr th {
		width: 80px !important;
	}
	#Table1 th, #Table4 th.under span, #spn_Comments_left, #tb_Credit th {
		font-size: 14px !important;
	}
	#Table1 input {
		width: 65% !important;
	}
	#Table4 textarea {
		width: 65% !important;
	}
}

#register_tab {
	/*padding-top: 30px;*/
	padding-bottom: 65px;
	max-width: 1170px !important;
	margin: auto !important;
}
.titleq {
	width: 100% !important;
	padding: 8px 15px !important;
	font-size: 18px !important;
}

table#main, table#Table1, table#Table4, table#Table5, #pnl_Normal_Btn, #tb_Agreement, iframe#newsiframe, #tb_TriPoint, #TriPoint {
	width: 100%;
	max-width: 100% !important;
}
iframe#newsiframe, #TriPoint {
	width: 100% !important;
	max-width: 100% !important;
	margin: auto !important;
	display: block;
}

#Table1 {
	margin-bottom: 30px;
}
#Table1 input {
    height: 35px;
    padding: 5px 10px;
    font-size: 13px;
    width: 80% !important;
}
#Table4 textarea {
    padding: 5px 10px;
    font-size: 13px;
	width: 80% !important;
}

#Table4 th {
	text-align: right !important;
	padding-right: 8px;
}

#Table4 tr {
	margin-top: 10px;
}

#Table4 .titleq {
	margin-bottom: 15px;
}

#Table5 .titleq {
	margin-top: 10px;
	margin-bottom: 15px;
}

#pnl_FreeNonPayment {
	margin-top: 30px;	
	margin-bottom: 30px;
}

#tb_Credit tbody tr th {
	padding: 0 !important;
}

#pnl_Normal_Btn {
	padding: 10px 0 30px 0;	
}

#Table1 th, #Table4 th.under span, #spn_Comments_left {
	font-size: 16px;
	font-weight: 200;
	max-width: 130px;
    text-align: right;
}

#Table1 tr.taxcode {
	height: 70px;
}

#Table1 tr {
	vertical-align: middle;
	height: 50px;
}

.taxcode-note {
	display: block;
}
select {
    height: 35px;
    padding: 5px 10px;
    font-size: 13px;	
}
#proceed {
    margin-top: 50px;
}
#label_msg1 {
	display: block;
	padding: 8px 15px;
}

#btn_Process {
    font-size: 18px;
    line-height: 1.33;
    border-radius: 4px;
    padding: 10px 40px;
	letter-spacing: 5px;
}

#tb_Credit th {
	font-size: 16px;
	font-weight: 200;
}
#tb_Credit tr {
	vertical-align: middle;
	height: 50px;
}

#tb_Credit td {
	vertical-align: middle;
}
#tb_Credit input#tbx_cardholder, #tb_Credit #tbx_cardno, #tb_Credit #tbx_month, #tb_Credit #tbx_year, #tb_Credit #tbx_vcode {
    height: 35px;
    padding: 5px 10px;
	font-size: 13px;
}
#send-message {
	display: inline-block;
	padding-left: 10px;
	font-size: 10px;
}
#phone-number {
	display: none;	
}


/*
  ========================================
  Generic Layout Classes --( set 02 )--
  ========================================
*/
.position-relative {
  position: relative;
}
.position-fixed {
  position: fixed;
}
.inline-block {
  display: inline-block !important;
}
.table {
  display: table;
}
.table-cell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
/*************************************************************/
/*********************** Generic Styles **********************/
/*************************************************************/
.no-margin {
  margin: 0;
}
.no-margin-left {
  margin-left: 0;
}
.no-margin-top {
  margin-top: 0;
}
.no-margin-right {
  margin-right: 0;
}
.no-margin-bottom {
  margin-bottom: 0;
}
.margin-5 {
  margin: 5px;
}
.margin-left-5 {
  margin-left: 5px;
}
.margin-top-5 {
  margin-top: 5px;
}
.margin-right-5 {
  margin-right: 5px;
}
.margin-bottom-5 {
  margin-bottom: 5px;
}
.margin-10 {
  margin: 10px;
}
.margin-left-10 {
  margin-left: 10px;
}
.margin-top-10 {
  margin-top: 10px;
}
.margin-right-10 {
  margin-right: 10px;
}
.margin-bottom-10 {
  margin-bottom: 10px;
}
.margin-15 {
  margin: 15px;
}
.margin-left-15 {
  margin-left: 15px;
}
.margin-top-15 {
  margin-top: 15px;
}
.margin-right-15 {
  margin-right: 15px;
}
.margin-bottom-15 {
  margin-bottom: 15px;
}
.margin-20 {
  margin: 20px;
}
.margin-left-20 {
  margin-left: 20px;
}
.margin-top-20 {
  margin-top: 20px;
}
.margin-right-20 {
  margin-right: 20px;
}
.margin-bottom-20 {
  margin-bottom: 20px;
}
.margin-30 {
  margin: 30px;
}
.margin-left-30 {
  margin-left: 30px;
}
.margin-top-30 {
  margin-top: 30px;
}
.margin-right-30 {
  margin-right: 30px;
}
.margin-bottom-30 {
  margin-bottom: 30px;
}
.margin-40 {
  margin: 40px;
}
.margin-left-40 {
  margin-left: 40px;
}
.margin-top-40 {
  margin-top: 40px;
}
.margin-right-40 {
  margin-right: 40px;
}
.margin-bottom-40 {
  margin-bottom: 40px;
}
.margin-50 {
  margin: 50px;
}
.margin-left-50 {
  margin-left: 50px;
}
.margin-top-50 {
  margin-top: 50px;
}
.margin-right-50 {
  margin-right: 50px;
}
.margin-bottom-50 {
  margin-bottom: 50px;
}
.margin-60 {
  margin: 60px;
}
.margin-left-60 {
  margin-left: 60px;
}
.margin-top-60 {
  margin-top: 60px;
}
.margin-right-60 {
  margin-right: 60px;
}
.margin-bottom-60 {
  margin-bottom: 60px;
}
.margin-70 {
  margin: 70px;
}
.margin-left-70 {
  margin-left: 70px;
}
.margin-top-70 {
  margin-top: 70px;
}
.margin-right-70 {
  margin-right: 70px;
}
.margin-bottom-70 {
  margin-bottom: 70px;
}
.margin-80 {
  margin: 80px;
}
.margin-left-80 {
  margin-left: 80px;
}
.margin-top-80 {
  margin-top: 80px;
}
.margin-right-80 {
  margin-right: 80px;
}
.margin-bottom-80 {
  margin-bottom: 80px;
}
.margin-90 {
  margin: 90px;
}
.margin-left-90 {
  margin-left: 90px;
}
.margin-top-90 {
  margin-top: 90px;
}
.margin-right-90 {
  margin-right: 90px;
}
.margin-bottom-90 {
  margin-bottom: 90px;
}
.margin-100 {
  margin: 100px;
}
.margin-left-100 {
  margin-left: 100px;
}
.margin-top-100 {
  margin-top: 100px;
}
.margin-right-100 {
  margin-right: 100px;
}
.margin-bottom-100 {
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  .no-margin-xs {
    margin: 0;
  }
  .no-margin-xs-left {
    margin-left: 0;
  }
  .no-margin-xs-top {
    margin-top: 0;
  }
  .no-margin-xs-right {
    margin-right: 0;
  }
  .no-margin-xs-bottom {
    margin-bottom: 0;
  }
  .margin-xs-5 {
    margin: 5px;
  }
  .margin-left-xs-5 {
    margin-left: 5px;
  }
  .margin-top-xs-5 {
    margin-top: 5px;
  }
  .margin-right-xs-5 {
    margin-right: 5px;
  }
  .margin-bottom-xs-5 {
    margin-bottom: 5px;
  }
  .margin-xs-10 {
    margin: 10px;
  }
  .margin-left-xs-10 {
    margin-left: 10px;
  }
  .margin-top-xs-10 {
    margin-top: 10px;
  }
  .margin-right-xs-10 {
    margin-right: 10px;
  }
  .margin-bottom-xs-10 {
    margin-bottom: 10px;
  }
  .margin-xs-15 {
    margin: 15px;
  }
  .margin-left-xs-15 {
    margin-left: 15px;
  }
  .margin-top-xs-15 {
    margin-top: 15px;
  }
  .margin-right-xs-15 {
    margin-right: 15px;
  }
  .margin-bottom-xs-15 {
    margin-bottom: 15px;
  }
  .margin-xs-20 {
    margin: 20px;
  }
  .margin-left-xs-20 {
    margin-left: 20px;
  }
  .margin-top-xs-20 {
    margin-top: 20px;
  }
  .margin-right-xs-20 {
    margin-right: 20px;
  }
  .margin-bottom-xs-20 {
    margin-bottom: 20px;
  }
  .margin-xs-30 {
    margin: 30px;
  }
  .margin-left-xs-30 {
    margin-left: 30px;
  }
  .margin-top-xs-30 {
    margin-top: 30px;
  }
  .margin-right-xs-30 {
    margin-right: 30px;
  }
  .margin-bottom-xs-30 {
    margin-bottom: 30px;
  }
  .margin-xs-40 {
    margin: 40px;
  }
  .margin-left-xs-40 {
    margin-left: 40px;
  }
  .margin-top-xs-40 {
    margin-top: 40px;
  }
  .margin-right-xs-40 {
    margin-right: 40px;
  }
  .margin-bottom-xs-40 {
    margin-bottom: 40px;
  }
  .margin-xs-50 {
    margin: 50px;
  }
  .margin-left-xs-50 {
    margin-left: 50px;
  }
  .margin-top-xs-50 {
    margin-top: 50px;
  }
  .margin-right-xs-50 {
    margin-right: 50px;
  }
  .margin-bottom-xs-50 {
    margin-bottom: 50px;
  }
  .margin-xs-60 {
    margin: 60px;
  }
  .margin-left-xs-60 {
    margin-left: 60px;
  }
  .margin-top-xs-60 {
    margin-top: 60px;
  }
  .margin-right-xs-60 {
    margin-right: 60px;
  }
  .margin-bottom-xs-60 {
    margin-bottom: 60px;
  }
  .margin-xs-70 {
    margin: 70px;
  }
  .margin-left-xs-70 {
    margin-left: 70px;
  }
  .margin-top-xs-70 {
    margin-top: 70px;
  }
  .margin-right-xs-70 {
    margin-right: 70px;
  }
  .margin-bottom-xs-70 {
    margin-bottom: 70px;
  }
  .margin-xs-80 {
    margin: 80px;
  }
  .margin-left-xs-80 {
    margin-left: 80px;
  }
  .margin-top-xs-80 {
    margin-top: 80px;
  }
  .margin-right-xs-80 {
    margin-right: 80px;
  }
  .margin-bottom-xs-80 {
    margin-bottom: 80px;
  }
  .margin-xs-90 {
    margin: 90px;
  }
  .margin-left-xs-90 {
    margin-left: 90px;
  }
  .margin-top-xs-90 {
    margin-top: 90px;
  }
  .margin-right-xs-90 {
    margin-right: 90px;
  }
  .margin-bottom-xs-90 {
    margin-bottom: 90px;
  }
  .margin-xs-100 {
    margin: 100px;
  }
  .margin-left-xs-100 {
    margin-left: 100px;
  }
  .margin-top-xs-100 {
    margin-top: 100px;
  }
  .margin-right-xs-100 {
    margin-right: 100px;
  }
  .margin-bottom-xs-100 {
    margin-bottom: 100px;
  }
}
@media (min-width: 768px) {
  .no-margin-sm {
    margin: 0;
  }
  .no-margin-sm-left {
    margin-left: 0;
  }
  .no-margin-sm-top {
    margin-top: 0;
  }
  .no-margin-sm-right {
    margin-right: 0;
  }
  .no-margin-sm-bottom {
    margin-bottom: 0;
  }
  .margin-sm-5 {
    margin: 5px;
  }
  .margin-left-sm-5 {
    margin-left: 5px;
  }
  .margin-top-sm-5 {
    margin-top: 5px;
  }
  .margin-right-sm-5 {
    margin-right: 5px;
  }
  .margin-bottom-sm-5 {
    margin-bottom: 5px;
  }
  .margin-sm-10 {
    margin: 10px;
  }
  .margin-left-sm-10 {
    margin-left: 10px;
  }
  .margin-top-sm-10 {
    margin-top: 10px;
  }
  .margin-right-sm-10 {
    margin-right: 10px;
  }
  .margin-bottom-sm-10 {
    margin-bottom: 10px;
  }
  .margin-sm-15 {
    margin: 15px;
  }
  .margin-left-sm-15 {
    margin-left: 15px;
  }
  .margin-top-sm-15 {
    margin-top: 15px;
  }
  .margin-right-sm-15 {
    margin-right: 15px;
  }
  .margin-bottom-sm-15 {
    margin-bottom: 15px;
  }
  .margin-sm-20 {
    margin: 20px;
  }
  .margin-left-sm-20 {
    margin-left: 20px;
  }
  .margin-top-sm-20 {
    margin-top: 20px;
  }
  .margin-right-sm-20 {
    margin-right: 20px;
  }
  .margin-bottom-sm-20 {
    margin-bottom: 20px;
  }
  .margin-sm-30 {
    margin: 30px;
  }
  .margin-left-sm-30 {
    margin-left: 30px;
  }
  .margin-top-sm-30 {
    margin-top: 30px;
  }
  .margin-right-sm-30 {
    margin-right: 30px;
  }
  .margin-bottom-sm-30 {
    margin-bottom: 30px;
  }
  .margin-sm-40 {
    margin: 40px;
  }
  .margin-left-sm-40 {
    margin-left: 40px;
  }
  .margin-top-sm-40 {
    margin-top: 40px;
  }
  .margin-right-sm-40 {
    margin-right: 40px;
  }
  .margin-bottom-sm-40 {
    margin-bottom: 40px;
  }
  .margin-sm-50 {
    margin: 50px;
  }
  .margin-left-sm-50 {
    margin-left: 50px;
  }
  .margin-top-sm-50 {
    margin-top: 50px;
  }
  .margin-right-sm-50 {
    margin-right: 50px;
  }
  .margin-bottom-sm-50 {
    margin-bottom: 50px;
  }
  .margin-sm-60 {
    margin: 60px;
  }
  .margin-left-sm-60 {
    margin-left: 60px;
  }
  .margin-top-sm-60 {
    margin-top: 60px;
  }
  .margin-right-sm-60 {
    margin-right: 60px;
  }
  .margin-bottom-sm-60 {
    margin-bottom: 60px;
  }
  .margin-sm-70 {
    margin: 70px;
  }
  .margin-left-sm-70 {
    margin-left: 70px;
  }
  .margin-top-sm-70 {
    margin-top: 70px;
  }
  .margin-right-sm-70 {
    margin-right: 70px;
  }
  .margin-bottom-sm-70 {
    margin-bottom: 70px;
  }
  .margin-sm-80 {
    margin: 80px;
  }
  .margin-left-sm-80 {
    margin-left: 80px;
  }
  .margin-top-sm-80 {
    margin-top: 80px;
  }
  .margin-right-sm-80 {
    margin-right: 80px;
  }
  .margin-bottom-sm-80 {
    margin-bottom: 80px;
  }
  .margin-sm-90 {
    margin: 90px;
  }
  .margin-left-sm-90 {
    margin-left: 90px;
  }
  .margin-top-sm-90 {
    margin-top: 90px;
  }
  .margin-right-sm-90 {
    margin-right: 90px;
  }
  .margin-bottom-sm-90 {
    margin-bottom: 90px;
  }
  .margin-sm-100 {
    margin: 100px;
  }
  .margin-left-sm-100 {
    margin-left: 100px;
  }
  .margin-top-sm-100 {
    margin-top: 100px;
  }
  .margin-right-sm-100 {
    margin-right: 100px;
  }
  .margin-bottom-sm-100 {
    margin-bottom: 100px;
  }
  .margin-sm-110 {
    margin: 110px;
  }
  .margin-left-sm-110 {
    margin-left: 110px;
  }
  .margin-top-sm-110 {
    margin-top: 110px;
  }
  .margin-right-sm-110 {
    margin-right: 110px;
  }
  .margin-bottom-sm-110 {
    margin-bottom: 110px;
  }
}
@media (min-width: 992px) {
  .no-margin-md {
    margin: 0;
  }
  .no-margin-md-left {
    margin-left: 0;
  }
  .no-margin-md-top {
    margin-top: 0;
  }
  .no-margin-md-right {
    margin-right: 0;
  }
  .no-margin-md-bottom {
    margin-bottom: 0;
  }
  .margin-md-5 {
    margin: 5px;
  }
  .margin-left-md-5 {
    margin-left: 5px;
  }
  .margin-top-md-5 {
    margin-top: 5px;
  }
  .margin-right-md-5 {
    margin-right: 5px;
  }
  .margin-bottom-md-5 {
    margin-bottom: 5px;
  }
  .margin-md-10 {
    margin: 10px;
  }
  .margin-left-md-10 {
    margin-left: 10px;
  }
  .margin-top-md-10 {
    margin-top: 10px;
  }
  .margin-right-md-10 {
    margin-right: 10px;
  }
  .margin-bottom-md-10 {
    margin-bottom: 10px;
  }
  .margin-md-15 {
    margin: 15px;
  }
  .margin-left-md-15 {
    margin-left: 15px;
  }
  .margin-top-md-15 {
    margin-top: 15px;
  }
  .margin-right-md-15 {
    margin-right: 15px;
  }
  .margin-bottom-md-15 {
    margin-bottom: 15px;
  }
  .margin-md-20 {
    margin: 20px;
  }
  .margin-left-md-20 {
    margin-left: 20px;
  }
  .margin-top-md-20 {
    margin-top: 20px;
  }
  .margin-right-md-20 {
    margin-right: 20px;
  }
  .margin-bottom-md-20 {
    margin-bottom: 20px;
  }
  .margin-md-30 {
    margin: 30px;
  }
  .margin-left-md-30 {
    margin-left: 30px;
  }
  .margin-top-md-30 {
    margin-top: 30px;
  }
  .margin-right-md-30 {
    margin-right: 30px;
  }
  .margin-bottom-md-30 {
    margin-bottom: 30px;
  }
  .margin-md-40 {
    margin: 40px;
  }
  .margin-left-md-40 {
    margin-left: 40px;
  }
  .margin-top-md-40 {
    margin-top: 40px;
  }
  .margin-right-md-40 {
    margin-right: 40px;
  }
  .margin-bottom-md-40 {
    margin-bottom: 40px;
  }
  .margin-md-50 {
    margin: 50px;
  }
  .margin-left-md-50 {
    margin-left: 50px;
  }
  .margin-top-md-50 {
    margin-top: 50px;
  }
  .margin-right-md-50 {
    margin-right: 50px;
  }
  .margin-bottom-md-50 {
    margin-bottom: 50px;
  }
  .margin-md-60 {
    margin: 60px;
  }
  .margin-left-md-60 {
    margin-left: 60px;
  }
  .margin-top-md-60 {
    margin-top: 60px;
  }
  .margin-right-md-60 {
    margin-right: 60px;
  }
  .margin-bottom-md-60 {
    margin-bottom: 60px;
  }
  .margin-md-60 {
    margin: 60px;
  }
  .margin-left-md-60 {
    margin-left: 60px;
  }
  .margin-top-md-60 {
    margin-top: 60px;
  }
  .margin-right-md-60 {
    margin-right: 60px;
  }
  .margin-bottom-md-60 {
    margin-bottom: 60px;
  }
  .margin-md-80 {
    margin: 80px;
  }
  .margin-left-md-80 {
    margin-left: 80px;
  }
  .margin-top-md-80 {
    margin-top: 80px;
  }
  .margin-right-md-80 {
    margin-right: 80px;
  }
  .margin-bottom-md-80 {
    margin-bottom: 80px;
  }
  .margin-md-90 {
    margin: 90px;
  }
  .margin-left-md-90 {
    margin-left: 90px;
  }
  .margin-top-md-90 {
    margin-top: 90px;
  }
  .margin-right-md-90 {
    margin-right: 90px;
  }
  .margin-bottom-md-90 {
    margin-bottom: 90px;
  }
  .margin-md-100 {
    margin: 100px;
  }
  .margin-left-md-100 {
    margin-left: 100px;
  }
  .margin-top-md-100 {
    margin-top: 100px;
  }
  .margin-right-md-100 {
    margin-right: 100px;
  }
  .margin-bottom-md-100 {
    margin-bottom: 100px;
  }
}
.no-padding {
  padding: 0;
}
.no-padding-left {
  padding-left: 0;
}
.no-padding-top {
  padding-top: 0;
}
.no-padding-right {
  padding-right: 0;
}
.no-padding-bottom {
  padding-bottom: 0;
}
.padding-5 {
  padding: 5px;
}
.padding-left-5 {
  padding-left: 5px;
}
.padding-top-5 {
  padding-top: 5px;
}
.padding-right-5 {
  padding-right: 5px;
}
.padding-bottom-5 {
  padding-bottom: 5px;
}
.padding-10 {
  padding: 10px;
}
.padding-left-10 {
  padding-left: 10px;
}
.padding-top-10 {
  padding-top: 10px;
}
.padding-right-10 {
  padding-right: 10px;
}
.padding-bottom-10 {
  padding-bottom: 10px;
}
.padding-15 {
  padding: 15px;
}
.padding-left-15 {
  padding-left: 15px;
}
.padding-top-15 {
  padding-top: 15px;
}
.padding-right-15 {
  padding-right: 15px;
}
.padding-bottom-15 {
  padding-bottom: 15px;
}
.padding-20 {
  padding: 20px;
}
.padding-left-20 {
  padding-left: 20px;
}
.padding-top-20 {
  padding-top: 20px;
}
.padding-right-20 {
  padding-right: 20px;
}
.padding-bottom-20 {
  padding-bottom: 20px;
}
.padding-30 {
  padding: 30px;
}
.padding-left-30 {
  padding-left: 30px;
}
.padding-top-30 {
  padding-top: 30px;
}
.padding-right-30 {
  padding-right: 30px;
}
.padding-bottom-30 {
  padding-bottom: 30px;
}
.padding-40 {
  padding: 40px;
}
.padding-left-40 {
  padding-left: 40px;
}
.padding-top-40 {
  padding-top: 40px;
}
.padding-right-40 {
  padding-right: 40px;
}
.padding-bottom-40 {
  padding-bottom: 40px;
}
.padding-50 {
  padding: 50px;
}
.padding-left-50 {
  padding-left: 50px;
}
.padding-top-50 {
  padding-top: 50px;
}
.padding-right-50 {
  padding-right: 50px;
}
.padding-bottom-50 {
  padding-bottom: 50px;
}
.padding-60 {
  padding: 60px;
}
.padding-left-60 {
  padding-left: 60px;
}
.padding-top-60 {
  padding-top: 60px;
}
.padding-right-60 {
  padding-right: 60px;
}
.padding-bottom-60 {
  padding-bottom: 60px;
}
.padding-70 {
  padding: 70px;
}
.padding-left-70 {
  padding-left: 70px;
}
.padding-top-70 {
  padding-top: 70px;
}
.padding-right-70 {
  padding-right: 70px;
}
.padding-bottom-70 {
  padding-bottom: 70px;
}
.padding-80 {
  padding: 80px;
}
.padding-left-80 {
  padding-left: 80px;
}
.padding-top-80 {
  padding-top: 80px;
}
.padding-right-80 {
  padding-right: 80px;
}
.padding-bottom-80 {
  padding-bottom: 80px;
}
.padding-90 {
  padding: 90px;
}
.padding-left-90 {
  padding-left: 90px;
}
.padding-top-90 {
  padding-top: 90px;
}
.padding-right-90 {
  padding-right: 90px;
}
.padding-bottom-90 {
  padding-bottom: 90px;
}
.padding-100 {
  padding: 100px;
}
.padding-left-100 {
  padding-left: 100px;
}
.padding-top-100 {
  padding-top: 100px;
}
.padding-right-100 {
  padding-right: 100px;
}
.padding-bottom-100 {
  padding-bottom: 100px;
}
@media (max-width: 767px) {
  .no-padding-xs {
    padding: 0;
  }
  .no-padding-xs-left {
    padding-left: 0;
  }
  .no-padding-xs-top {
    padding-top: 0;
  }
  .no-padding-xs-right {
    padding-right: 0;
  }
  .no-padding-xs-bottom {
    padding-bottom: 0;
  }
  .padding-xs-5 {
    padding: 5px;
  }
  .padding-left-xs-5 {
    padding-left: 5px;
  }
  .padding-top-xs-5 {
    padding-top: 5px;
  }
  .padding-right-xs-5 {
    padding-right: 5px;
  }
  .padding-bottom-xs-5 {
    padding-bottom: 5px;
  }
  .padding-xs-10 {
    padding: 10px;
  }
  .padding-left-xs-10 {
    padding-left: 10px;
  }
  .padding-top-xs-10 {
    padding-top: 10px;
  }
  .padding-right-xs-10 {
    padding-right: 10px;
  }
  .padding-bottom-xs-10 {
    padding-bottom: 10px;
  }
  .padding-xs-15 {
    padding: 15px;
  }
  .padding-left-xs-15 {
    padding-left: 15px;
  }
  .padding-top-xs-15 {
    padding-top: 15px;
  }
  .padding-right-xs-15 {
    padding-right: 15px;
  }
  .padding-bottom-xs-15 {
    padding-bottom: 15px;
  }
  .padding-xs-20 {
    padding: 20px;
  }
  .padding-left-xs-20 {
    padding-left: 20px;
  }
  .padding-top-xs-20 {
    padding-top: 20px;
  }
  .padding-right-xs-20 {
    padding-right: 20px;
  }
  .padding-bottom-xs-20 {
    padding-bottom: 20px;
  }
  .padding-xs-30 {
    padding: 30px;
  }
  .padding-left-xs-30 {
    padding-left: 30px;
  }
  .padding-top-xs-30 {
    padding-top: 30px;
  }
  .padding-right-xs-30 {
    padding-right: 30px;
  }
  .padding-bottom-xs-30 {
    padding-bottom: 30px;
  }
  .padding-xs-40 {
    padding: 40px;
  }
  .padding-left-xs-40 {
    padding-left: 40px;
  }
  .padding-top-xs-40 {
    padding-top: 40px;
  }
  .padding-right-xs-40 {
    padding-right: 40px;
  }
  .padding-bottom-xs-40 {
    padding-bottom: 40px;
  }
  .padding-xs-50 {
    padding: 50px;
  }
  .padding-left-xs-50 {
    padding-left: 50px;
  }
  .padding-top-xs-50 {
    padding-top: 50px;
  }
  .padding-right-xs-50 {
    padding-right: 50px;
  }
  .padding-bottom-xs-50 {
    padding-bottom: 50px;
  }
  .padding-xs-60 {
    padding: 60px;
  }
  .padding-left-xs-60 {
    padding-left: 60px;
  }
  .padding-top-xs-60 {
    padding-top: 60px;
  }
  .padding-right-xs-60 {
    padding-right: 60px;
  }
  .padding-bottom-xs-60 {
    padding-bottom: 60px;
  }
  .padding-xs-70 {
    padding: 70px;
  }
  .padding-left-xs-70 {
    padding-left: 70px;
  }
  .padding-top-xs-70 {
    padding-top: 70px;
  }
  .padding-right-xs-70 {
    padding-right: 70px;
  }
  .padding-bottom-xs-70 {
    padding-bottom: 70px;
  }
  .padding-xs-80 {
    padding: 80px;
  }
  .padding-left-xs-80 {
    padding-left: 80px;
  }
  .padding-top-xs-80 {
    padding-top: 80px;
  }
  .padding-right-xs-80 {
    padding-right: 80px;
  }
  .padding-bottom-xs-80 {
    padding-bottom: 80px;
  }
  .padding-xs-90 {
    padding: 90px;
  }
  .padding-left-xs-90 {
    padding-left: 90px;
  }
  .padding-top-xs-90 {
    padding-top: 90px;
  }
  .padding-right-xs-90 {
    padding-right: 90px;
  }
  .padding-bottom-xs-90 {
    padding-bottom: 90px;
  }
  .padding-xs-100 {
    padding: 100px;
  }
  .padding-left-xs-100 {
    padding-left: 100px;
  }
  .padding-top-xs-100 {
    padding-top: 100px;
  }
  .padding-right-xs-100 {
    padding-right: 100px;
  }
  .padding-bottom-xs-100 {
    padding-bottom: 100px;
  }
}
@media (min-width: 768px) {
  .no-padding-sm {
    padding: 0;
  }
  .no-padding-sm-left {
    padding-left: 0;
  }
  .no-padding-sm-top {
    padding-top: 0;
  }
  .no-padding-sm-right {
    padding-right: 0;
  }
  .no-padding-sm-bottom {
    padding-bottom: 0;
  }
  .padding-sm-5 {
    padding: 5px;
  }
  .padding-left-sm-5 {
    padding-left: 5px;
  }
  .padding-top-sm-5 {
    padding-top: 5px;
  }
  .padding-right-sm-5 {
    padding-right: 5px;
  }
  .padding-bottom-sm-5 {
    padding-bottom: 5px;
  }
  .padding-sm-10 {
    padding: 10px;
  }
  .padding-left-sm-10 {
    padding-left: 10px;
  }
  .padding-top-sm-10 {
    padding-top: 10px;
  }
  .padding-right-sm-10 {
    padding-right: 10px;
  }
  .padding-bottom-sm-10 {
    padding-bottom: 10px;
  }
  .padding-sm-15 {
    padding: 15px;
  }
  .padding-left-sm-15 {
    padding-left: 15px;
  }
  .padding-top-sm-15 {
    padding-top: 15px;
  }
  .padding-right-sm-15 {
    padding-right: 15px;
  }
  .padding-bottom-sm-15 {
    padding-bottom: 15px;
  }
  .padding-sm-20 {
    padding: 20px;
  }
  .padding-left-sm-20 {
    padding-left: 20px;
  }
  .padding-top-sm-20 {
    padding-top: 20px;
  }
  .padding-right-sm-20 {
    padding-right: 20px;
  }
  .padding-bottom-sm-20 {
    padding-bottom: 20px;
  }
  .padding-sm-30 {
    padding: 30px;
  }
  .padding-left-sm-30 {
    padding-left: 30px;
  }
  .padding-top-sm-30 {
    padding-top: 30px;
  }
  .padding-right-sm-30 {
    padding-right: 30px;
  }
  .padding-bottom-sm-30 {
    padding-bottom: 30px;
  }
  .padding-sm-40 {
    padding: 40px;
  }
  .padding-left-sm-40 {
    padding-left: 40px;
  }
  .padding-top-sm-40 {
    padding-top: 40px;
  }
  .padding-right-sm-40 {
    padding-right: 40px;
  }
  .padding-bottom-sm-40 {
    padding-bottom: 40px;
  }
  .padding-sm-50 {
    padding: 50px;
  }
  .padding-left-sm-50 {
    padding-left: 50px;
  }
  .padding-top-sm-50 {
    padding-top: 50px;
  }
  .padding-right-sm-50 {
    padding-right: 50px;
  }
  .padding-bottom-sm-50 {
    padding-bottom: 50px;
  }
  .padding-sm-60 {
    padding: 60px;
  }
  .padding-left-sm-60 {
    padding-left: 60px;
  }
  .padding-top-sm-60 {
    padding-top: 60px;
  }
  .padding-right-sm-60 {
    padding-right: 60px;
  }
  .padding-bottom-sm-60 {
    padding-bottom: 60px;
  }
  .padding-sm-70 {
    padding: 70px;
  }
  .padding-left-sm-70 {
    padding-left: 70px;
  }
  .padding-top-sm-70 {
    padding-top: 70px;
  }
  .padding-right-sm-70 {
    padding-right: 70px;
  }
  .padding-bottom-sm-70 {
    padding-bottom: 70px;
  }
  .padding-sm-80 {
    padding: 80px;
  }
  .padding-left-sm-80 {
    padding-left: 80px;
  }
  .padding-top-sm-80 {
    padding-top: 80px;
  }
  .padding-right-sm-80 {
    padding-right: 80px;
  }
  .padding-bottom-sm-80 {
    padding-bottom: 80px;
  }
  .padding-sm-90 {
    padding: 90px;
  }
  .padding-left-sm-90 {
    padding-left: 90px;
  }
  .padding-top-sm-90 {
    padding-top: 90px;
  }
  .padding-right-sm-90 {
    padding-right: 90px;
  }
  .padding-bottom-sm-90 {
    padding-bottom: 90px;
  }
  .padding-sm-100 {
    padding: 100px;
  }
  .padding-left-sm-100 {
    padding-left: 100px;
  }
  .padding-top-sm-100 {
    padding-top: 100px;
  }
  .padding-right-sm-100 {
    padding-right: 100px;
  }
  .padding-bottom-sm-100 {
    padding-bottom: 100px;
  }
  .padding-sm-150 {
    padding: 150px;
  }
  .padding-left-sm-150 {
    padding-left: 150px;
  }
  .padding-top-sm-150 {
    padding-top: 150px;
  }
  .padding-right-sm-150 {
    padding-right: 150px;
  }
  .padding-bottom-sm-150 {
    padding-bottom: 150px;
  }
}
@media (min-width: 992px) {
  .no-padding-md {
    padding: 0;
  }
  .no-padding-md-left {
    padding-left: 0;
  }
  .no-padding-md-top {
    padding-top: 0;
  }
  .no-padding-md-right {
    padding-right: 0;
  }
  .no-padding-md-bottom {
    padding-bottom: 0;
  }
  .padding-md-5 {
    padding: 5px;
  }
  .padding-left-md-5 {
    padding-left: 5px;
  }
  .padding-top-md-5 {
    padding-top: 5px;
  }
  .padding-right-md-5 {
    padding-right: 5px;
  }
  .padding-bottom-md-5 {
    padding-bottom: 5px;
  }
  .padding-md-10 {
    padding: 10px;
  }
  .padding-left-md-10 {
    padding-left: 10px;
  }
  .padding-top-md-10 {
    padding-top: 10px;
  }
  .padding-right-md-10 {
    padding-right: 10px;
  }
  .padding-bottom-md-10 {
    padding-bottom: 10px;
  }
  .padding-md-15 {
    padding: 15px;
  }
  .padding-left-md-15 {
    padding-left: 15px;
  }
  .padding-top-md-15 {
    padding-top: 15px;
  }
  .padding-right-md-15 {
    padding-right: 15px;
  }
  .padding-bottom-md-15 {
    padding-bottom: 15px;
  }
  .padding-md-20 {
    padding: 20px;
  }
  .padding-left-md-20 {
    padding-left: 20px;
  }
  .padding-top-md-20 {
    padding-top: 20px;
  }
  .padding-right-md-20 {
    padding-right: 20px;
  }
  .padding-bottom-md-20 {
    padding-bottom: 20px;
  }
  .padding-md-30 {
    padding: 30px;
  }
  .padding-left-md-30 {
    padding-left: 30px;
  }
  .padding-top-md-30 {
    padding-top: 30px;
  }
  .padding-right-md-30 {
    padding-right: 30px;
  }
  .padding-bottom-md-30 {
    padding-bottom: 30px;
  }
  .padding-md-40 {
    padding: 40px;
  }
  .padding-left-md-40 {
    padding-left: 40px;
  }
  .padding-top-md-40 {
    padding-top: 40px;
  }
  .padding-right-md-40 {
    padding-right: 40px;
  }
  .padding-bottom-md-40 {
    padding-bottom: 40px;
  }
  .padding-md-50 {
    padding: 50px;
  }
  .padding-left-md-50 {
    padding-left: 50px;
  }
  .padding-top-md-50 {
    padding-top: 50px;
  }
  .padding-right-md-50 {
    padding-right: 50px;
  }
  .padding-bottom-md-50 {
    padding-bottom: 50px;
  }
  .padding-md-60 {
    padding: 60px;
  }
  .padding-left-md-60 {
    padding-left: 60px;
  }
  .padding-top-md-60 {
    padding-top: 60px;
  }
  .padding-right-md-60 {
    padding-right: 60px;
  }
  .padding-bottom-md-60 {
    padding-bottom: 60px;
  }
  .padding-md-70 {
    padding: 70px;
  }
  .padding-left-md-70 {
    padding-left: 70px;
  }
  .padding-top-md-70 {
    padding-top: 70px;
  }
  .padding-right-md-70 {
    padding-right: 70px;
  }
  .padding-bottom-md-70 {
    padding-bottom: 70px;
  }
  .padding-md-80 {
    padding: 80px;
  }
  .padding-left-md-80 {
    padding-left: 80px;
  }
  .padding-top-md-80 {
    padding-top: 80px;
  }
  .padding-right-md-80 {
    padding-right: 80px;
  }
  .padding-bottom-md-80 {
    padding-bottom: 80px;
  }
  .padding-md-90 {
    padding: 90px;
  }
  .padding-left-md-90 {
    padding-left: 90px;
  }
  .padding-top-md-90 {
    padding-top: 90px;
  }
  .padding-right-md-90 {
    padding-right: 90px;
  }
  .padding-bottom-md-90 {
    padding-bottom: 90px;
  }
  .padding-md-100 {
    padding: 100px;
  }
  .padding-left-md-100 {
    padding-left: 100px;
  }
  .padding-top-md-100 {
    padding-top: 100px;
  }
  .padding-right-md-100 {
    padding-right: 100px;
  }
  .padding-bottom-md-100 {
    padding-bottom: 100px;
  }
}

/* 
 Emphasis & misc
 -------------------------
 */
small,
.small {
  /*font-size: 85%;*/
}
.section-text {
  margin-bottom: 10.5px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.7;
}
.presentation {
  font-size: 27px;
  font-weight: 100;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-thin {
  font-weight: 100;
}
.text-normal {
  font-weight: 300;
}
.text-strong {
  font-weight: 700 !important;
}
.uppercase {
  text-transform: uppercase;
}
.letter-space {
  letter-spacing: 1em;
  margin-right: -1em;
}
.italic {
  font-style: italic;
}
.highlight {
  color: #35e9f1;
}
.text-white {
  color: #fff !important;
}
.black {
  color: #000 !important;
}
.font-size-16 {
  font-size: 16px;
}
.font-size-24 {
  font-size: 24px;
}
.font-size-36 {
  font-size: 36px;
}
.font-size-48 {
  font-size: 48px;
}
.font-size-64 {
  font-size: 64px;
}
.clearlist,
.clearlist li {
  list-style: none;
  padding: 0;
  margin: 0;
  background: none;
}
.no-transp {
  opacity: 1 !important;
}
.perspect {
  -webkit-perspective: 700px;
          perspective: 700px;
}
.fullwidth-galley-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 25;
}