.top-v1-contacts, .loginbar{-webkit-transition-duration: .17s, .17s translate3d(0,0,0);-webkit-font-smoothing: antialiased;}
.header .dropdown > a::after, .header .dropdown-submenu > a::after {-webkit-transition-duration: .17s, .17s translate3d(0,0,0);-webkit-font-smoothing: antialiased;}
.top-v1-contacts{padding-top:5px;}
.header-sticky{height:108px;border-bottom:1px solid #191919;}
.header-sticky .logoImg{width:212px;margin-top:17px;}
.header-fixed-shrink{height:108px;}
.header-fixed-shrink .logoImg{width:200px;margin-top:5px;padding-top:41px;}
.navbar-toggle {margin-top:0px}
.header-fixed-shrink  .topbar {padding: 16px 0 0px 0 !important;}
.navbar-nav{margin-right:0px !important;padding-top:8px;}
.header-fixed-shrink  .navbar-nav{padding-top:0px;margin-top:10px;}
.top-v1-contacts {padding-top:5px;}
.top-v1-contacts a, .top-v1-contacts span{color:#eeeeee !important;}
.header-fixed .header.header-fixed-shrink .logo img {height: auto;margin: 0px 0 0;max-width: 220px;padding-top: 41px;}

/************************************ Carousel ***************************/
.carousel-fade .carousel-inner .item {opacity: 0;-webkit-transition-property: opacity;-moz-transition-property: opacity;-o-transition-property: opacity;transition-property: opacity;}
.carousel-fade .carousel-inner .active {opacity: 1;}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {left: 0;opacity: 0;z-index: 1;}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {opacity: 1;}
.carousel-fade .carousel-control {z-index: 2;}
#myCarousel .item img{display:table;max-width:none !important;}
#myCarousel .carousel-inner div.item{float:left;height:430px;width:100%;}
#myCarousel .carousel-control .glyphicon-menu-left, #myCarousel .carousel-control .glyphicon-menu-right {opacity:0;transition: opacity .25s ease-in;-moz-transition: opacity .25s ease-in;-webkit-transition: opacity .25s ease-in;	}
#myCarousel:hover .glyphicon-menu-left, #myCarousel:hover .glyphicon-menu-right{opacity:1;	transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out;}
.carousel-v1 .carousel-caption {top:0px;bottom:auto !important;background:#151515;	}
#myCarousel-1{background:#000000;}
.carousel-inner > .item {padding-top:35px;	}
#myCarousel-1 .carousel-indicators {bottom: -34px;}
#myCarousel-1 .carousel-indicators .active {margin:1px;}
.carousel-v1 .carousel-caption p {font-size:17px;text-align:left;	}
#myCarousel-1{margin-top:8px;}

/************************************ End of Carousel ***************************/
.sliderButton{margin-top: 25px;/*margin-top:300px;*/}
.border-right{border-right:2px solid #dddddd;}

@media (min-width:1200px) {
	.visible750{display:none !important;}
    .visible990{display:none !important;}	
    .hidden1200up{display:none !important;}
}

@media (max-width: 1200px) {
    .hidden1200{display:none !important;}
  	.visible750{display:none !important;}
    .visible990{display:none !important;}	
    #myCarousel .carousel-inner  div.item{float:left;height:360px;width:100%;background-size: cover !important;background-position: center !important;}
   .carousel-control{display:none;}
   .sliderButton{margin-top:275px;margin-left:-5px;}
   .headerBlock{font-size:13px !important;}
   .gradient-red{height: 520px !important;}
}

@media (max-width:1024px) {
	.sliderButton {margin-top: 225px !important;}
	.sliderButton2 {margin-top: 245px !important;}
}

@media (max-width:990px) {
	.border-right{border-right:none  !important;}
	.hidden1200up{display:inline !important;}
    .hidden1200{display:inline !important;}
	.visible750{display:none !important;}
    .visible990{display:block !important;}	
    .hidden990{display:none !important;}	
  	#myCarousel .carousel-inner  div.item{float:left;height:280px;width:100%;background-size: cover !important;background-position: center !important;}
    .sliderButton{margin-top:210px;margin-left:-10px;}
	.carousel-control{display:none;}
    .headerBlock{font-size:14px !important;}
    .content-block-in-dark {height: 120px !important;}
	.alignMiddle990{text-align:center !important;}
	.homeGreyBar div{border:none !important;}
	.blog .educationBox{width:100%; height:auto; border-radius:0 !important;}
	#risk-free-page .col-sm-4{width:33.3%; float:left;}
	.gradient-red{height: 580px !important;}
	#webinar .web-top-info{margin-top:332px !important;}
	.web-info-2{margin-top:75px;}
	.web-top-info h1, .web-top-info h6{margin-left:0;}
	#webinar .tab p {padding-bottom: 4px !important;font-size: 13px !important;}
}

@media (max-width: 750px) {
	.hidden1200up{display:inline !important;}
    .hidden1200{display:inline !important;}
	.visible750{display:block !important;}
    .visible990{display:block !important;}
    .hidden750{display:none !important;}	 
  	#myCarousel{display:none !important;}
  	#risk-free-page .col-sm-4{width:33.3%; float:left;}
  	#webinar .web-top-info {margin-top: 75px !important;}
  	.gradient-red {height: 825px !important;}
  	#web-background{height: 745px !important;background-position: top !important;}
}

@media (max-width: 450px) {
    .hidden450{display:none !important;}	 
}

@media (max-width: 320px) {
	.visible320{display:block !important;}
    .hidden320{display:none !important;}	 
}

.sky-form {border: none !important;}
.sky-form footer {padding: 0px !important;border:none !important;}
.fullWidth{float:left;width:100%;}
.margin-top-10{margin-top:10px;}
.margin-bottom-10{margin-bottom:10px}
.formContain{background: #171B1C;float:left;width:100%;padding:5px 0px 20px 0px;}
.sky-form fieldset{background:none;}
.topWarning{color:#ffffff;font-weight:normal;font-size: 11px;}
.sky-form .icon-append, .sky-form .icon-prepend{color:#333333;	}
.color-darkgrey{color:#333333;}
.topInput{width:100% !important;}
.topFormButton{float:left;top:0px;width:190px;}

@media (max-width: 750px) {
	.topInput{width:100%  !important;}
	.topFormButton{width:100%;}
	.alignMiddle750{text-align:center !important;}
	.alignMiddle750 img{margin: 0 auto;}
	.joinNowButtonIn a{width:100%;}
	.display-none{display:none;}
}

.topCarousel{background-color:#171B1C;}
.color-white{color:#FFFFFF !important;}
.navbar-nav .dropdown-menu{background:#222222;}
.middleBg{float:left;width:100%;background:url("../images/gridtile.png") repeat;height:272px;}
.middleBgIn{background:url("../images/Platform.jpg") repeat;height:272px;text-align:center;}
.middleBgIn p {color: #fff;padding: 65px 0 5px 0;font-size: 28px;text-transform: uppercase;font-family: "Open Sans", Arial, sans-serif;}
.middleBgIn p:after,.middleBgIn p:before {content: ' " ';position: absolute;font-family: Tahoma;}
.middleBgIn p:after {margin-left: 3px;}
.middleBgIn p:before {margin-left: -15px;}
.middleBgIn small {color: #bbb;font-size: 13px;font-weight: 400;text-transform: uppercase;}
@media (max-width: 768px){.middleBgIn p {font-size: 22px;}}
.btn-color-red-ghost{color:#FFFFFF;font-weight:bold;border: 1px solid #CD0511;background:none;padding:5px 12px;color:#ffffff !important;}
.btn-color-red-ghost:hover{background:#CD0511;}
.btn-color-white-ghost{color:#FFFFFF;font-weight:bold;border: 1px solid #FFF;background:none;padding:5px 12px;color:#ffffff !important;}
.btn-color-white-ghost:hover{background:#FFF;color:#191919 !important;}
.phoneSmall{width:24% !important;float:left;padding-left:5px !important;padding-right:5px !important;margin-right:2px;padding-bottom:2px;padding-top:2px}
.phoneNormal{width:74.5% !important;float:left;}
.countryInSelect{width: 99.5% !important;}
.topFormButton{float:left;width:100%;}
.topLeft{padding-left:0px;}

@media (max-widtcol-xs-6h: 990px){.phoneNormal{width:75%  !important;}}

@media (max-width: 768px){
	.topLeft{padding-left:15px !important;}
	.phoneSmall{width:15% !important;}
	.phoneNormal{width:83.2%  !important;margin-right:0px;}
	.countryIn{margin-right:0px !important;}
	.countryInSelect{width:99.9%  !important;}
	.topFormButton{margin-top:20px;width:100%  !important;}
	.topInput{width:100%  !important;}	
	.sliderButton {margin-top: 165px !important;font-size:14px!important;padding:5px 15px !important;}
	.sliderButton2 {margin-top: 182px !important;}
	#googleBtn{margin-top:120px !important;}
	#appleBtn{margin-top:120px !important;}
}
.sky-form .select select {padding: 5px 10px 6px 10px;}
.footer-v4 h2{font-size:13px !important;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important;margin-top:0px !important;padding-top:0px !important;line-height:1.1 !important;padding-bottom:5px !important;font-weight:bold;}
.footer-v4 a{font-size:12px !important;-webkit-transition-duration: .17s, .17s translate3d(0,0,0);-webkit-font-smoothing: antialiased;}
.firstRow{background: #ffffff;border:none;padding-top:30px;padding-bottom:20px;float:left;width:100%;}
.secondRow{background: #F8F8F8;border:none;padding:30px 0px 25px 0px;float:left;width:100%;}
.thirdRow{background: #F8F8F8;border:none;padding:40px 0px 10px 0px;float:left;width:100%;}
.fourthRow{background: #ffffff;padding:50px 0px 13px 0px;float:left;width:100%;}
.firstStep{padding-bottom:11px;display:block;margin:0 auto;max-width:270px;}
.secondStep{padding-bottom:11px;display:block;margin:0 auto;max-width:270px;}
.thirdStep{display:block;margin:0 auto;max-width:270px;}
.text-align-center{text-align:center;}
.text-align-right{text-align:right;}
@media (max-width: 990px) {
	.middleBg{height:458px !important;}	
	.middleBgIn{height:458px;background:url("../images/Platform2.jpg") repeat;}
   	.home-first {height:200px;}
}
@media (max-width: 768px) {
	.middleBg{height:600px !important;}	
	.middleBgIn{height:600px  !important;background:url("../images/Platform3.jpg") repeat  !important;}
	.hidden768{display:none;}
}
.firstNegativeMargin{margin-bottom:10px;}
li.bullets:before { font-family: 'FontAwesome';content: "\f00c";margin:0 5px 0 -19px;color: #079246;}
li.bullets{margin-left:10px;}
.list-inline li a:hover i {color:#CE1712 !important;}

/******************* HA-STYLE.CSS ***********************/
/**** CALLOUTS ****/
.ot-callout {padding: 10px;margin: 20px 0;border: 1px solid #ebebeb;border-left-width: 5px;border-radius: 3px !important;}
.ot-callout-info {border-left-color: #95A5A6;}
.ot-callout-warning {border-left-color: #CD0511;}

.border-bottom-grey{border-bottom: solid 1px #EEEEEE;}
.border-bottom-grey2{border-bottom: solid 1px #CCCCCC;}
.border-bottom-black{border-bottom: solid 1px #191919;}
.border-grey{border:1px solid #ddd;}

.btn-color-grey-ghost{border: 1px solid #95a5a6;background:none;padding:5px 12px;color:#95a5a6;}
.btn-color-grey-ghost:hover{background:#95a5a6;color:#fff;}

.padding-all-10{padding:10px;}
.padding-all-5{padding:5px;}

.content-block{padding-right:20px;margin-bottom: 20px;}
.content-block-in{border:1px solid #dddddd;padding:0;}
.content-block-in-light{padding:10px 20px;background-color:#ffffff;height: 85px;}
.content-block-in-dark{padding:20px;background-color:#eeeeee;height:175px;}
.content-block-btn-dark{padding: 0px 20px;background-color: #eeeeee;height: 60px;}
.vertical-align-middle{vertical-align: middle !important;}
.hoverable:hover{background-color:#efefef !important;}
.fund-methods li a.selected {background: #CD0511;color: #FFF;}
.fund-methods li a{line-height: 45px;}
.font-11{font-size:11px;}
.font-12-dark{font-size:12px; color:#333;}
.font-22-dark{font-size:22px; color:#333;}
.font-35-dark{font-size:35px; color:#333;}
.font-14-dark{font-size:14px; color:#333;}
.font-16{font-size:16px;}
.font-18{font-size:18px;}
.font-60-dark{font-size:60px; color:#333;}
.font-22{font-size:22px;}
.joinNowButtonIn a:focus{color:#fff !important;}
.educationBox{width:220px; height:220px; border-radius: 100% !important;}
.asset-index-body .assets-pie .asset-title.acc-active i{background-image: url(../images/arrow.png);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);background-position: 5px 5px;}
.thirdStep #warning{position: absolute;margin-top: 35px;font-size: 11px;color: #95a5a6;}
.video-overlay{width: 200px;height: 180px;position: absolute;background-color: #efefef;opacity: 0.7;}
.video-overlay .fa-play-circle-o{font-size: 70px; margin-top: 50px;}
.pagination .active{background-color: #CD0511;color: #fff;}
.btn-u:focus, .navbar-nav a:focus{color: #FFFFFF !important;background: black !important;}
a:focus{color:#191919;}
.registrations-table td{padding: 5px 10px 5px 0px;}
textarea {resize: none;}

/********* FAQ CSS ACCORDION *******/
ul.arrow li{background-image: url("{{ static_site }}/assets/optiontrade-new/images/arrow.png") !important;background-position: 0 9px !important;background-repeat: no-repeat !important;padding-left: 13px !important;margin-left:20px;}
.accordion_content table tr td{padding: 6px !important;}
.accordionWrapper {display: inline-block;overflow: hidden;width: 100%;}
.accordion_title h3 {font-size: 13px;padding: 4px 0;font-weight:bold;margin-bottom: 2px !important;}
.accordionWrapper div {display: inline;float: left;margin: auto;}
.accordionWrapper div.accordion_title, .accordionWrapper div.accordion_title_active {background: none repeat scroll 505px 7px #EFEFEF;cursor: pointer;font-size: 13px;line-height: 16px;margin: 3px 0 0 !important;padding: 3px 25px 3px 14px;width: auto;}
.accordionWrapper div.accordion_content {display: none;padding: 10px;}
div.accordion_content ul {margin-right: 20px;}
.accordionWrapper div.accordion_title_active h3 {font-size: 13px;padding: 4px 0px 0px 0;font-weight:bold;}
div.accordion_title_active{background-color: #ccc !important;}
.accordionWrapper div.linkSet {background: none repeat scroll 505px 7px #EFEFEF;cursor: pointer;line-height: 16px;margin: 3px 0 0 !important;padding: 3px 25px 3px 14px;width: auto;}
.accordionWrapper div.linkSet h3 {color: #C80101;font-size: 12px;padding: 4px 0;}
.space-text {padding-top: 10px;}
.accordion_title:hover{background-color: #ddd !important;}
/********* END OF FAQ CSS ACCORDION *******/

/********* ACADEMY CSS *******/
#main_menu .box {width:31%;height: 300px;}
.vid_container .ply_icn{background-color: #CD0511 !important;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 13px !important; border-bottom: 0 !important;}
#inner_tabs a {color: #CD0511 !important;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{border: none;background: #CD0511;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{background: #FFFFFF;border: none;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active a{color:#fff !important;}
.tabs .ui-tabs-nav .ui-helper-reset .ui-helper-clearfix .ui-widget-header .ui-corner-all{border: none !important;background: #ebebeb;}

/********* EXPIRY RATES CSS *******/
.container .expiryContent{float:none;width:100%;}
.container #expiryRateBlock{float:none;width:100%;}
.container .expiryRateTable{width:100%;}
.container .expiryRateTable thead{color: #FFFFFF; background: #333;}
.container .expiryRateTable thead th{color:#ffffff;padding: 15px 0 !important;text-transform: uppercase;}
.container .pagination ul li.active{background: none;}
.container .pagination li a:hover{color: #191919;background: #F0F0F0;border-color: #F0F0F0;}
.container #endDate{padding: 0;border-radius: 0 !important;height: 25px;}
.container .jdpicker_w .date_clearer{top: 1px}
.container .HalfBoxRight{width: auto;}
.container .HalfBox{width: auto;}
.container .HalfBoxRight label{padding: 0px 0px 0px 0px;}
.container .chosen-container-single .chosen-single{line-height: 17px;height: 25px;}
.container .chosen-container-single .chosen-single div b{background-position-y: -3px;}


/************** BONUS SECTION HOMEPAGE **************/
#bonusSection h1{font-size:100px; margin-top:32px; font-family: 'Hammersmith One', sans-serif; letter-spacing: -5px; margin-left: -9px;}
#bonusSection h3{font-size:26px;margin-top:20px; font-family: 'Hammersmith One', sans-serif;}
#bonusSection p{margin-bottom:29px;font-weight: bold;color: #999;margin-top: -11px;font-size: 16px;}
#bonusSection span{font-size:30px}

/************** MOBILE TRADING **************/
.mob-trading-box{height: 60px;margin-top: 37%;opacity: 0.9;background-color: #EFEFEF;}
.mob-trading-num{float: left;margin-right: 20px;padding: 14px 25px;background-color: #121212;color: #fff;border-radius: 100% !important;font-size: 2rem;}
.mob-trading-text{float: left;padding: 15px 0px;font-size: 2rem;}

/************** RISK FREE TRADES **************/
.risk-text-1{font-size: 60px;padding-right: 10px;font-weight: bold;}
.risk-box{background-color:#cd0512;-webkit-box-shadow: 6px 6px 0px 0px rgba(225,225,225,1);-moz-box-shadow: 6px 6px 0px 0px rgba(225,225,225,1);box-shadow: 6px 6px 0px 0px #CCCCCC; padding: 0px 30px 5px;color: #fff;}
.risk-text-2{float: left;color: #fff;font-size: 32px;margin-top: 9px;}
.risk-text-3{float:left; font-size:57px;color: #fff;font-weight: bold;margin-top: 17px;}

/************** WEBINAR LANDING PAGE **************/
#webinar .e-frame__sm:after, .e-frame__sm:before {width: 20px;height: 20px;}
#webinar .e-frame__top:before {right: 0;top: 0;border-right-width: 1px;border-right-style: solid;border-top-width: 1px;border-top-style: solid;}
#webinar .e-frame:after, .e-frame:before {position: absolute;content: '';-webkit-transition: all 400ms;-moz-transition: all 400ms;transition: all 400ms;}
#webinar .e-frame__top:after {left: 0;top: 0;border-left-width: 1px;border-left-style: solid;border-top-width: 1px;border-top-style: solid;}
#webinar .b-features_item_icon:before {display: block;width: 80px;height: 70px;line-height: 70px;}
#webinar .b-features_item_icon, .b-features_item_icon:before {color: #cd0511;display: block;position: relative;margin: 0 auto 15px;width: 80px;height: 70px;font-size: 25px;text-indent: 2px;text-align: center;}
#webinar .e-frame__bottom:before {right: 0;bottom: 0;border-right-width: 1px;border-right-style: solid;border-bottom-width: 1px;border-bottom-style: solid;}
#webinar .e-frame__bottom:after {left: 0;bottom: 0;border-left-width: 1px;border-left-style: solid;border-bottom-width: 1px;border-bottom-style: solid;}
#webinar div.registerNow{float:left;width:212px;height:48px;padding:5px 0px 20px 20px;margin:0px 0px 0px 0px;cursor:pointer;background:url(../images/landing-page-redbutton.png) no-repeat  center;}
#webinar span.error{font-size:13px;color:#FFFFFF;font-weight:bold;}
#webinar div.registerNow p{font-size:18px;font-weight:bold;color:#FFFFFF;margin:22px 0 0 52px;}
#webinar .tab{background:#DDDDDD;cursor:pointer;}
#webinar .tabactive{background:#DD222B; cursor:default;color:#FFFFFF !important;}
#webinar .tabactive p{color:#FFFFFF !important;}
#webinar .tab p{display:block;padding-top: 15px;padding-bottom: 2px;text-align:center;color:#191919;font-size:14px;}
#webinar #secForm{display:none;}
#webinar div.msgBox{display:none;text-align:center;float:left;color:#333333;background:#EEEEEE;padding:10px; font-size:12px;width:218px;min-height:17px;}
#webinar div.successMsg{float:left;padding:20px;margin:30px 0px 0px 0px;background:#B30106;color:#FFFFFF;font-size:18px;font-weight:bold;}
#webinar form {padding: 1em 2em 0em 2em;background: #fafafa;border: 1px solid #ebebeb;box-shadow: rgba(0,0,0,0.14902) 0px 1px 1px 0px,rgba(0,0,0,0.09804) 0px 1px 2px 0px;}
#webinar .group { position: relative; margin-bottom: 20px; }
#webinar input[type=text],input[type=email],input[type=password], select {font-size: 14px;padding: 10px 10px 10px 5px;display: block;background: #fafafa;color: #636363;width: 100%;border: none;border-radius: 0;border-bottom: 1px solid #757575;-webkit-appearance: none;-webkit-box-shadow: 0 0 0px 1000px white inset;}
#webinar input:-webkit-autofill {color: #fff !important;}
#webinar select{-webkit-appearance:menulist;}
#webinar input:focus { outline: none; }
#webinar select:focus{outline: none;}
#webinar label {color: #999; font-size: 14px;font-weight: normal;position: absolute;pointer-events: none;left: 5px;top: 10px;transition: all 0.2s ease;}
#webinar .label2 {color: #999;font-size: 14px;font-weight: normal;position: absolute;pointer-events: none;left: 5px;top: 10px;transition: all 0.2s ease;}
#webinar input:focus ~ label, input.used ~ label {top: -10px;transform: scale(.75); left: -2px;color: #DD222B;}
#webinar .used ~ label {top: -10px;transform: scale(.75); left: -8px;color: #DD222B;}
#webinar .bar {position: relative;display: block;width: 100%;}
#webinar .bar:before, .bar:after {content: '';height: 2px; width: 0;bottom: 1px; position: absolute;background: #DD222B; transition: all 0.2s ease;}
#webinar .bar:before { left: 50%; }
#webinar .bar:after { right: 50%; }
#webinar input:focus ~ .bar:before, input:focus ~ .bar:after { width: 50%; }
#webinar .highlight {position: absolute;height: 40%; width: 100px; top: 5%; left: 0;pointer-events: none;opacity: 0.5;}
#webinar input:focus ~ .highlight {animation: inputHighlighter 0.3s ease;}
@keyframes inputHighlighter {
	from { background: #4a89dc; }
	to 	{ width: 0; background: transparent; }
}
#webinar .button {position: relative;display: inline-block;padding: 12px 24px;margin: .3em 0 1em 0;width: 100%;vertical-align: middle;color: #fff;font-size: 16px;line-height: 20px;-webkit-font-smoothing: antialiased;
 		 text-align: center;letter-spacing: 1px;background: transparent;border: 0;border-bottom: 2px solid #046530;cursor: pointer;transition: all 0.15s ease;}
#webinar .button:focus { outline: 0; }
#webinar .buttonRed {background: #079246;text-shadow: 1px 1px 0 rgba(221, 34, 43, .5);}
#webinar .buttonRed:hover { background: #046530;}
#webinar .ripples {position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;background: transparent;}
#webinar .ripplesCircle {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity: 0;width: 0;height: 0;border-radius: 50%;background: rgba(255, 255, 255, 0.25);}
#webinar .ripples.is-active .ripplesCircle {animation: ripples .4s ease-in;}
#webinar .hover:hover{opacity:0.8;}
@keyframes ripples {
  0% { opacity: 0; }
  25% { opacity: 1; }
  100% {
    width: 200%;
    padding-bottom: 200%;
    opacity: 0;
  }
}
.gradient-red{background: -moz-linear-gradient(top, rgba(12,6,8,0.5) 0%, rgba(205,5,17,0.8) 100%); /* FF3.6-15 */
			  background: -webkit-linear-gradient(top, rgba(12,6,8,0.5) 0%,rgba(205,5,17,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
			  background: linear-gradient(to bottom, rgba(12,6,8,0.5) 0%,rgba(205,5,17,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800c0608', endColorstr='#b3cd0511',GradientType=0 ); /* IE6-9 */ height: 500px;}
#web-date{margin-top: 2px;}
#web-date h4{font-size: 28px;margin-bottom:0;letter-spacing: -1px;}
#web-date h1{font-weight: bold;font-size: 58px;margin: 0;letter-spacing: -4px}
#web-date h3{margin: 0;font-size: 26px;letter-spacing: -1px}
#web-label{font-size:12px; padding:3px 5px;font-weight: normal; position: absolute;margin-top: 8px;margin-left: 10px;}
#web-ghost-button{padding: 10px 25px;border: 2px solid #FFF;}
#web-tabs{border-bottom: 3px solid #DD222B;height: 50px;}
#web-desc h3{margin-top:0; color:#555}
#web-desc hr{width:120px;border-top: 2px solid #cd0511;}
#web-desc p{font-size: 16px; color: #888;}
#web-desc ul{margin-left: 10px;font-size: 16px;color: #888;}
.web-info h3{font-weight: bold;margin-bottom: 5px;font-size: 20px;}
.web-info h5{margin-top: 0;color: #555;}