/* File: main.css for DRY FUTURES */

/***************************** Main Elements *****************************/

body {background:#fff}
body, p, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, li {font-family:'Open Sans',Helvetica,Arial,sans-serif;font-weight:400;color:#333}

a {color:#e20200}
a:hover,
a:focus {color:#000;cursor:pointer;text-decoration:none;outline:none;transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out}




/***************************** Header/Navigation *****************************/

.header-area {background:#e20200;background-image:url('/img/hero2.jpg');background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:80px;padding-bottom:90px;min-height:550px;text-align:center;position:relative}

.header-area h1,
.header-area h2,
.header-area p {color:#fff;text-transform:uppercase}

.header-area h1,
.header-area h2 {font-family: 'Roboto', sans-serif;font-size:110px;letter-spacing:.2em;font-weight:200;font-style:italic}
.header-area h1 {margin-top:5px}
.header-area h2 {font-size:24px;font-style:normal}
.header-area p {font-family: 'Open Sans Condensed', sans-serif;font-size:19px;letter-spacing:.1em;font-weight:600}
.header-area .hero-credit {font-family: 'Roboto Slab', serif;font-size:10px;font-weight:200;color:rgba(255,255,255,.4);position:absolute;bottom:10px;left:10px}

.navbar {position:absolute;top:240px;width:100%;z-index:10;border-radius:0;transition: background .3s ease-in-out;-moz-transition: background .3s ease-in-out;-webkit-transition: background .3s ease-in-out}
#nav.affix {position:fixed;top:0;background:rgba(226,2,0,.9);border-bottom:1px solid rgba(255,255,255,1)}

.navbar .nav,
.navbar .nav > li {float:none;display:inline-block;*display:inline; /* ie7 fix */  *zoom:1; /* hasLayout ie7 trigger */ vertical-align: top;}
.navbar-inner {text-align:center;}


.navbar-nav > li > a {font-family: 'Roboto Condensed', sans-serif;font-size:30px;line-height:1em;font-weight:700;text-transform:uppercase;font-style:normal;letter-spacing:.1em;color:#fff;padding-left:1px;padding-right:1px}
.nav > li > a:hover,
.nav > li > a:focus {background:none;color:rgba(255,255,255,.7)}

.navbar-nav > li > a.btn {border:1px solid rgba(255,255,255,.3);padding:12px 20px;border-radius:3px;margin:2px 0 0 12px}
.navbar-nav > li > a.btn .glyphicon {font-size:24px;margin-right:0px}
.navbar-nav > li > a.btn:hover,
.navbar-nav > li > a.btn:focus {border-color:rgba(255,255,255,.25);outline:none}

.nav-spacer {font-family: 'Roboto', sans-serif;font-size:48px;font-weight:200;font-style:italic;color:rgba(255,255,255,.5);margin-top:-5px}

.navbar-nav .affix-show {display:none !important}
.navbar-nav > li > a .winners-arrow {margin-top:.7em;transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;color:rgba(255,255,255,.3)}
.nav > li > a:hover .winners-arrow {margin-top:.9em;color:rgba(255,255,255,.9)}

#nav.affix .navbar-nav > li > a {font-size:21px}
#nav.affix .navbar-nav > li > a.btn {border:1px solid rgba(255,255,255,.5);padding:7px 12px;border-radius:3px;margin:4px 0 0 15px}
#nav.affix .navbar-nav > li > a.btn:hover,
#nav.affix .navbar-nav > li > a.btn:focus {color:rgba(255,255,255,.8);border-color:rgba(255,255,255,.4)}
#nav.affix .navbar-nav > li > a.btn .glyphicon {font-size:21px}
#nav.affix .nav-spacer {font-size:36px;margin-top:0}

#nav.affix .affix-show {display:inline-block !important}
#nav.affix .affix-hide {display:none !important}

.navbar-brand {display:none;font-family: 'Roboto', sans-serif;font-size:18px;letter-spacing:.1em;font-weight:600;font-style:italic;color:#fff;position:absolute;top:0;left:10px;transition: display .3s ease-in-out;-moz-transition: display .3s ease-in-out;-webkit-transition: display .3s ease-in-out}
.navbar-brand:hover,
.navbar-brand:focus {color:#fff;opacity:.8}

.winners-nav {position:relative;top:0;left:0;right:0;height:200px;max-height:200px;padding:70px 100px 40px;text-align:center;display:block;background:#e20200;color:rgba(255,255,255,1);font-family: 'Roboto Slab', serif;font-size:30px;font-weight: 200}
.winners-nav:hover,
.winners-nav:focus {color:rgba(255,255,255,.7)}



@media (min-width: 1200px) {

.header-area {padding-top:155px;padding-bottom:140px;min-height:750px}

.navbar {top:600px}

}


@media (min-width: 1200px) {

#nav.affix .navbar-brand {display:inline}

}


@media (min-width: 992px) and (max-width: 1199px) {

.header-area {padding-top:125px;padding-bottom:50px;min-height:650px}

.navbar {top:530px}
.navbar-nav > li > a {font-size:24px}
.navbar-nav > li > a.btn {margin-top:0}
.nav-spacer {font-size:40px;margin-top:-2px}

}


@media (min-width: 768px) and (max-width: 991px) {

.header-area h1 {font-size:80px;margin-bottom:25px}
.header-area h2 {font-size:24px}
.header-area p {font-size:24px;font-weight:500}

.navbar {top:460px}
.navbar-nav > li > a {font-size:18px;padding-left:2px;padding-right:2px}
.navbar-nav > li > a.btn {margin-top:4px}
.navbar-nav > li > a.btn .glyphicon {font-size:16px}
.nav-spacer {font-size:38px;margin-top:-2px}

#nav.affix .navbar-nav > li > a {font-size:20px;padding-left:2px;padding-right:2px}
#nav.affix .navbar-nav > li > a.btn {font-size:20px;margin-top:8px}
#nav.affix .navbar-nav > li > a.btn .glyphicon {font-size:16px}
#nav.affix .nav-spacer {font-size:36px;margin-top:0}

}


@media (max-width: 767px) {

.header-area {background-image:url('/img/hero2-mobile.jpg');min-height:200px;padding-top:40px;padding-bottom:25px}
.header-area .hero-credit {display:none}

.header-area h1 {font-size:50px;margin-top:18px;margin-bottom:25px}
.header-area h2 {font-size:14px}
.header-area p {font-size:16px;font-weight:500}

#nav-wrapper {display:none}
#nav-mobile {display:block}

.navbar {top:0;position:fixed;background:rgba(159,32,33,.95);border:none}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {border:none}
.nav > li > a {display:inline}
.navbar .nav,
.navbar .nav > li {display:block;padding:5px 0 6px 10px}
.navbar .nav > li.last {padding:13px 0 15px 10px}
.navbar-nav > li > a {font-size:21px;padding-top:5px;padding-bottom:5px}
.navbar-default .navbar-nav > li > a {color:#fff}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {color:#fff;opacity:.5}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {background:none;color:#fff}
.navbar-nav > li > a.btn {padding:7px 10px 6px;margin:0}
.navbar-nav > li > a.btn .glyphicon {font-size:18px}

.navbar-default .navbar-brand {display:none;color:#fff}

.navbar-toggle {border:none;background:none;float:left;margin-left:12px}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {border:none;background:none}
.navbar-toggle .icon-bar {width:25px;height:4px;border-radius:0}
.navbar-default .navbar-toggle .icon-bar {background-color:#fff}

.no-transition {
  -webkit-transition: height 0.01s;
  -moz-transition: height 0.01s;
  -ms-transition: height 0.01s;
  -o-transition: height 0.01s;
  transition: height 0.01s;
}

}




/***************************** Main Area *****************************/

.main-area {margin-top:-10px}

.main-section-header {text-align:center;padding-top:80px;padding-bottom:80px}
.section-title {font-family: 'Open Sans', sans-serif;font-size:20px;letter-spacing:.2em;font-weight:600;text-transform:uppercase}
.media-section .main-section-header {text-align:left}
.media-section .section-title {font-size:14px;color:#888}
.home-carousel-wrapper .main-section-header {padding-top:0;padding-bottom:50px}
.home-carousel-wrapper .section-title {font-weight:400;letter-spacing:.1em;font-size:18px;line-height:1.4em}
.home-carousel-wrapper .section-title a {font-weight:600;color:#333}
.home-carousel-wrapper .section-title a:hover,
.home-carousel-wrapper .section-title a:focus {color:#666}

.media-section .main-section-header {padding-bottom: 20px;padding-top:10px}
.media-section .col-1 {padding-right:70px}
.jury-section .main-section-header {padding-top:110px}

.main-section .bottom-line {margin:0 auto 5em;width:85%;border-bottom:1px dotted rgba(0,0,0,.2)}

.main-section-body {padding-left:80px;padding-right:80px}
.media-section .main-section-body {padding-bottom:60px}

.main-section-body p {font-family: 'Roboto Slab', serif;font-size:21px;font-weight:200;margin-bottom:1.8em;line-height:1.5em}
.main-section-body p small {font-size:18px;line-height:20px}
.main-section-body blockquote {font-family: 'Roboto Condensed', sans-serif;border:none;margin:0;padding:0;font-size:48px;line-height:1em;font-weight:600;color:#e20200;text-transform:uppercase;font-style:italic}

.main-section-body .inset-right {float:right;width:60%;margin:2px -70px 30px 50px}
.main-section-body .inset-left {float:left;width:60%;margin:2px 50px 30px -70px}
.image-caption {display:none}

.main-section-body h4 {font-family: 'Roboto Condensed', sans-serif;font-size:30px;line-height:1em;font-weight:600;color:#e20200;text-transform:uppercase;margin-bottom:20px}

.brief-section .col-category {margin-top:50px;margin-bottom:80px}

.as-seen-on .press-logo {opacity:.35}
.as-seen-on .press-logo.logo-medium {width:100%;height:auto}

.main-section-body .col-logos {margin:40px 0;width:100%;text-align:center}
.main-section-body .col-logos > div {margin:0 auto;display:inline-block}
.main-section-body .prizes-logos {margin:20px auto 50px auto}
.main-section-body .sponsor-logo {width:70px;margin:0 30px}
.main-section-body .sponsor-link {display: inline-block;}
.main-section-body .sponsor-link .sponsor-logo {opacity:.5}
.main-section-body .sponsor-link:hover .sponsor-logo,
.main-section-body .sponsor-link:focus .sponsor-logo {opacity:.9;transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out}

.jury-section .first {margin-top:30px}
.main-section-body .col-image {padding-left:20px}
.juror-img {width:200px;height:auto;margin-bottom:50px}
.jury-section h4 {width:85%}
.jury-section h4 span {color:#333}
p.juror-text {font-size:18px;width:100%;line-height:1.5em;padding-bottom:50px}

.table,
.table tr,
.table td {border:none !important;padding:0 !important}
.table-left {text-align:right;width:45%}
.table-center {text-align:center;vertical-align:middle;width:80px;background-image:url('/img/schedule-line.png');background-repeat:repeat-y;background-position:center;}
.table-center.red-line {background-image:url('/img/red-line.png')}
.table-center.no-line {background:none}
.table-right {text-align:left;width:45%}

h4.table-date {margin:0;padding:0}
.table p {font-size:18px;margin-bottom:30px}

.passed h4.table-date,
.passed p {}

.table-dot-line,
.table-dot-line td,
.table-dot {height:10px !important}
.table-dot {color:#e20200;font-size:30px;margin-top:-20px}

.main-section-body p.question {margin-bottom:.5em;font-weight:700}
.main-section-body p.answer {margin-bottom:3em}

.submit-section .main-section-body {text-align:center}
.submit-section .main-section-body p {text-align:left}
.main-section-body .submit-button {font-family: 'Roboto Condensed', sans-serif;font-size:30px;line-height:1em;font-weight:600;color:#fff;text-transform:uppercase;padding:30px 90px;letter-spacing:.1em;background:#e20200;border:none;border-radius:4px;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;transition: all .2s ease-in-out}
.submit-button .glyphicon {font-size:24px;margin-right:10px}
.submit-button:hover,
.submit-button:focus {opacity:.75;outline:none}
.submit-button.disabled,
.submit-button.fake-disabled {opacity:.2}

.popover {background:rgba(255,255,255,.95);color:#333;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);border-radius:3px;font-family: 'Roboto Slab', serif;font-size:16px;max-width:280px}
.popover-content {padding:15px 20px}
.popover.top {margin-top:-5px}

.winners-section .main-section-header {padding-bottom:70px}
.winners-section h4 {margin-bottom:30px}
.winners-section .main-section-body:last-child .col-md-12 h4 {margin-top:80px}
.winner-link {display:block;padding-bottom:40px}
a.winner-link {-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;transition: all .2s ease-in-out}
a.winner-link:hover,
a.winner-link:focus {opacity:.8}
.winner-image {width:100%;height:auto}
p.winner-marker {font-size:14px;margin:1.5em 0 1em;font-weight:700}
h4.winner-title {color:#333;font-size:24px;margin-bottom:15px}
p.winner-subtitle {font-size:16px;line-height:1.3em}


@media (min-width: 992px) and (max-width: 1199px) {

.main-section-body {margin-bottom:0;padding-left:20px;padding-right:20px}

.main-section-body .inset-right {margin-right:-30px}
.main-section-body .inset-left {margin-left:-30px}

}


@media (min-width: 768px) and (max-width: 991px) {

.main-section-header {padding-top:80px;padding-bottom:40px}
.as-seen-on-section .main-section-header,
.newsletter-section .main-section-header {padding-bottom:0px}

.main-section-body {margin-bottom:0;padding-left:15px;padding-right:15px}
.main-section .bottom-line {display:none}

.main-section-body p {font-size:18px}
.main-section-body p small {font-size:16px}
.main-section-body blockquote {font-size:36px;margin:1.3em 0 1.5em 0}

.main-section-body .inset-right {margin-right:-25px}
.main-section-body .inset-left {margin-left:-25px}

.main-section-body h4 {font-size:24px}

.main-section-body .sponsor-logo {width:60px;margin:0 20px}

.jury-section .col-sm-9 {padding-left:25px;padding-right:25px;padding-bottom:50px}

.juror-img {margin-bottom:30px}
p.juror-text {width:100%;padding-bottom:30px}
p.juror-text:last-child {margin-bottom:0}

.table-center {width:40px;}
.table-date span {display:none}

}


@media (max-width: 767px) {

.main-area {margin-top:0}

.main-section-header {padding-top:60px;padding-bottom:40px}
.home-carousel-wrapper .main-section-header {padding-bottom:20px}
.jury-section .main-section-header {padding-top:60px}
.section-title {font-size:18px}

.main-section-body {margin-bottom:0;padding-left:3px;padding-right:3px}
.as-seen-on-section .main-section-body {padding-bottom:0}
.main-section .bottom-line {display:none}

.main-section-body p {font-size:18px}
.main-section-body p small {font-size:16px}
.main-section-body blockquote {font-size:24px}

.main-section-body .inset-right,
.main-section-body .inset-left,
.main-section-body figure.inset-left,
.main-section-body figure.inset-right {float:none;width:100%;margin:0 0 30px}

.main-section-body h4 {font-size:24px;margin-top:0}

.main-section-body .prizes-logos {margin:0 auto 0 auto}

.brief-section .col-category {margin-top:30px;margin-bottom:30px}

.jury-section .col-sm-9 {padding-left:25px;padding-right:25px;padding-bottom:80px}

.main-section-body .col-image {padding-left:0}
.juror-img {width:60%;margin:0 auto 40px auto}
p.juror-text {font-size:14px;width:100%;padding-bottom:0}
p.juror-text:last-child {margin-bottom:0}
.jury-section h4 {width:100%}

.table-center {width:40px}
h4.table-date {font-size:18px}
.table p {font-size:14px}
.table-date span {display:none}

.main-section-body .submit-button {font-size:24px;padding:30px 0;width:100%}
.submit-button .glyphicon {font-size:18px}

}




/***************************** Carousel *****************************/

.home-carousel-wrapper {margin:80px 0 50px;padding-bottom:0;position:relative}

#homeCarousel .owl-stage {background:#fff}
#homeCarousel .item {position:relative}

#homeCarousel .item .top-story-image {height:400px;min-height:400px;max-height:400px;overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:cover;background-color:#f0f0f0;}
#homeCarousel .item  .main-image-screen,
.title-on-image .main-image-screen {position:absolute;background-image:url('/img/main-image-gradient-bg.png');background-repeat:repeat-x;background-size:auto 100%;top:50%;right:0;bottom:0;left:0;opacity:.5}
#homeCarousel .item a:focus .main-image-screen,
#homeCarousel .item a:hover .main-image-screen {-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;transition: all .2s ease-in-out;top:20%}
#homeCarousel .item .top-story-image .image-tint {background:rgba(226,2,0, 0.3);position:absolute;width:100%;height:100%}
#homeCarousel .item a:focus .image-tint,
#homeCarousel .item a:hover .image-tint {background:rgba(226,2,0,0.1);-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;transition: all .2s ease-in-out}


#homeCarousel .item .title {bottom:25px;color:#fff;margin:0;position:absolute;font-family: 'Roboto Condensed', sans-serif;font-size:18px;font-style:normal;font-weight:600;line-height:1.4em;padding:0 25px;text-transform:uppercase}


.home-carousel-wrapper .owl-theme .owl-controls .owl-nav div {position:absolute}

.home-carousel-wrapper .owl-theme .owl-controls .owl-nav .owl-prev,
.home-carousel-wrapper .owl-theme .owl-controls .owl-nav .owl-next {-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0;padding:13px 30px;top:155px;opacity:1;filter:alpha(opacity=100);background-color:rgba(0,0,0,.15);-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;transition: all .1s ease-in-out;outline:none;text-align:center;color:#fff;font-size:50px;line-height:1em;font-weight:300}

.home-carousel-wrapper .owl-theme .owl-controls .owl-nav div p {margin-top:0}

.home-carousel-wrapper .owl-theme .owl-controls .owl-nav .owl-prev:hover,
.home-carousel-wrapper .owl-theme .owl-controls .owl-nav .owl-next:hover {background-color:rgba(0,0,0,.5)}

.home-carousel-wrapper .owl-theme .owl-controls .owl-nav .owl-prev {left: 30px;padding:13px 33px 13px 27px}
.home-carousel-wrapper .owl-theme .owl-controls .owl-nav .owl-next {right: 30px;padding:13px 27px 13px 33px}


@media (min-width: 768px) {

#homeCarousel .owl-stage {height:400px;max-height:400px !important;overflow-y:hidden}
#homeCarousel .item {height:400px;max-height:400px}

}


@media (max-width: 767px) {


.home-carousel-wrapper {margin-top:20px}

.home-carousel-wrapper {margin-bottom:0}
#homeCarousel .item .top-story-image {height:300px;min-height:300px;max-height:300px;width:auto;max-width:100%}
#homeCarousel .item .title {bottom:60px;font-size:18px;padding:0 4%}

.owl-carousel .owl-controls {position:absolute;bottom:20px;left:0;right:0}
.owl-theme .owl-dots .owl-dot span {width:5px !important;height:5px !important}

}


/***************************** Footer *****************************/

.footer-area {background:#f2f2f2;margin-top:150px;padding-top:90px;padding-bottom:100px;text-align:center}

.footer-social-share {margin-bottom:10px}

.social-sharing p {margin:0 0 25px}
.social-sharing a {text-align:center;margin:0;padding:0 10px;outline:none;text-decoration:none;border:none;display:inline}
.social-sharing a .fa {font-size:24px;height:50px;width:50px;border-radius:50%;color:#fff;background:rgba(0,0,0,.2);-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;transition: all .2s ease-in-out}
.social-sharing a.share-button-facebook .fa {padding-top:13px}
.social-sharing a.share-button-facebook .fa:hover {background:#1f73ff}
.social-sharing a.share-button-twitter .fa {padding-top:13px}
.social-sharing a.share-button-twitter .fa:hover {background:#24b9ff}
.social-sharing a.share-button-email .fa {padding-top:13px}
.social-sharing a.share-button-email .fa:hover {background:#668999}
.social-sharing a:hover {opacity:.8}

.footer-buttons {padding-top:50px}
.footer-buttons .btn {font-family: 'Roboto Condensed', sans-serif;font-size:18px;line-height:1em;font-weight:600;color:#fff;text-transform:uppercase;padding:15px 30px;letter-spacing:.05em;background:rgba(0,0,0,.2);border:none;border-radius:3px;margin:0 5px;width:150px}
.footer-buttons .btn:hover,
.footer-buttons .btn:focus {background:rgba(0,0,0,.3)}

.footer-sponsor {margin:0 auto 0 auto}
.footer-area p {font-family: 'Roboto Slab', serif;font-size:16px;color:#888}
.footer-area .col-md-12 p {margin:90px 0 30px}

.footer-sponsor .sponsor-logo {width:200px}
.footer-sponsor .sponsor-logo.logo-medium {width:100%}
.footer-sponsor .sponsor-logo.logo-small {width:80%}
.footer-sponsor .sponsor-link {display: inline-block;}
.footer-sponsor .sponsor-link .sponsor-logo {opacity:.5}
.footer-sponsor .sponsor-link:hover .sponsor-logo,
.footer-sponsor .sponsor-link:focus .sponsor-logo {opacity:.9;transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out}

@media (min-width: 1200px) {

.footer-sponsor .sponsor-logo.logo-large {width:200px}
.footer-sponsor .sponsor-logo.logo-medium {width:100%}
.footer-sponsor .sponsor-logo.logo-small {width:80%}

}

@media (min-width: 768px) and (max-width: 991px) {

.footer-sponsor .sponsor-logo.logo-large {width:200px}
.footer-sponsor .sponsor-logo.logo-medium {width:70%}
.footer-sponsor .sponsor-logo.logo-small {width:50%}

}


@media (max-width: 767px) {

.footer-area {margin-top:100px;padding-top:70px;padding-bottom:50px}
.footer-social-share {margin-bottom:80px}

.footer-buttons .btn {display:block;margin:0 auto 20px auto;width:250px}

.footer-sponsor {margin:45px auto 0 auto}
.footer-area .col-md-12 p {margin:0 0 10px}
.footer-sponsor .sponsor-logo,
.footer-sponsor .sponsor-logo.logo-small {width:80%;max-width:200px;margin-top:5px;margin-bottom:50px}

}


.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 30px;
    padding-left: 30px;
}

.as-seen-on .col-md-5ths {padding-right:10px;padding-left:10px}

.col-xs-5ths {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

@media (max-width: 991px) {

.col-xs-5ths img,
.col-sm-5ths img,
.col-md-5ths img {margin-top:20px;margin-bottom:20px}

}



/***************************** Modal *****************************/

.modal.fade .modal-dialog {transition: opacity 0.3s ease-out 0s}
.modal-content {border-radius:4px;box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2)}
.modal-header,
.modal-footer {padding:20px 40px}
.modal-body {padding:40px 40px 20px 40px}
.modal-header {background:rgba(226,2,0,1);border-bottom:1px solid rgba(255,255,255,1)}
.modal-header h4.modal-title,
.modal-header .close {color:#fff}
.modal-header .close {opacity:1}
.modal-header .close:hover,
.modal-header .close:focus {opacity:.5}
.modal-header .modal-title {font-family: 'Roboto Condensed', sans-serif;font-size:18px;text-transform:uppercase;font-style:normal;letter-spacing:.1em;color:#fff}
.modal-body p {font-family: 'Roboto Slab', serif;font-size:16px;font-weight:200;margin-bottom:1.5em;line-height:1.5em}
.modal-footer .btn {font-family: 'Roboto Condensed', sans-serif;font-size:16px;line-height:1em;font-weight:600;color:#fff;text-transform:uppercase;padding:15px 30px;letter-spacing:.05em;background:rgba(0,0,0,.2);border:none;border-radius:3px;margin:0;width:150px}
.modal-footer .btn:hover,
.modal-footer .btn:focus {background:rgba(0,0,0,.3);color:#fff}


@media (min-width: 768px) {

.modal-dialog {width:80%}

}


@media (max-width: 767px) {

.modal-header,
.modal-footer {padding:10px 20px}
.modal-body {padding:20px 20px 10px 20px}
.modal-header .modal-title {font-size:14px;max-width:70%}
.modal-body p {font-size:14px}
.modal-footer .btn {font-size:14px;padding:10px auto;width:100%}

}


/***************************** Mailchimp Newsletter Signup *****************************/

#mc_embed_signup form {padding:0}
#mc_embed_signup label {display:none}

#mc_embed_signup input.email {width:100%;font-family: 'Roboto Slab', sans-serif;font-size:16px;margin:0;padding:14px 10px ;border-radius: 3px;color:#333;border-color: rgba(0, 0, 0, 0.2)}

#mc-embedded-subscribe {display:none !important}
#mc_embed_signup input.button {width:100%;background: rgba(0, 0, 0, 0.2);border-radius: 3px;color: #fff;font-family: "Roboto Condensed",sans-serif;font-size: 18px;font-weight: 600;letter-spacing: 0.05em;line-height: 1em;margin: 0;padding: 20px 30px;text-transform: uppercase;height:auto;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;transition: all .2s ease-in-out}
#mc_embed_signup input.button:focus,
#mc_embed_signup input.button:hover {background:rgba(0,0,0,.3)}


@media (max-width: 767px) {

#mc_embed_signup input.button {margin-top:10px}

}