@font-face { font-family: 'Handel Gothic'; src: url('../fonts/HandelGothic-Medium-webfont.eot'); src: url('../fonts/HandelGothic-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/HandelGothic-Medium-webfont.woff2') format('woff2'), url('../fonts/HandelGothic-Medium-webfont.woff') format('woff'), url('../fonts/HandelGothic-Medium-webfont.ttf') format('truetype'), url('../fonts/HandelGothic-Medium-webfont.svg#handel_gothic_fsregular') format('svg'); font-weight: normal; font-style: normal; } /* salsa-regular - latin */ @font-face { font-family: 'Salsa'; font-style: normal; font-weight: 400; src: url('../fonts/salsa-v6-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Salsa-Regular'), url('../fonts/salsa-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/salsa-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/salsa-v6-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/salsa-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/salsa-v6-latin-regular.svg#Salsa') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'sana_sans'; src: url('../fonts/sanasans-regular-webfont.eot'); src: url('../fonts/sanasans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/sanasans-regular-webfont.woff2') format('woff2'), url('../fonts/sanasans-regular-webfont.woff') format('woff'), url('../fonts/sanasans-regular-webfont.ttf') format('truetype'), url('../fonts/sanasans-regular-webfont.svg#sana_sansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'sana_sans'; src: url('../fonts/sanasans-bold-webfont.eot'); src: url('../fonts/sanasans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/sanasans-bold-webfont.woff2') format('woff2'), url('../fonts/sanasans-bold-webfont.woff') format('woff'), url('../fonts/sanasans-bold-webfont.ttf') format('truetype'), url('../fonts/sanasans-bold-webfont.svg#sana_sansbold') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'sana_sans'; src: url('../fonts/sanasans-italic-webfont.eot'); src: url('../fonts/sanasans-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/sanasans-italic-webfont.woff2') format('woff2'), url('../fonts/sanasans-italic-webfont.woff') format('woff'), url('../fonts/sanasans-italic-webfont.ttf') format('truetype'), url('../fonts/sanasans-italic-webfont.svg#sana_sansitalic') format('svg'); font-weight: normal; font-style: italic; } /* montserrat-regular - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: url('../fonts/montserrat-v6-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Montserrat-Regular'), url('../fonts/montserrat-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v6-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v6-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-700 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: url('../fonts/montserrat-v6-latin-700.eot'); /* IE9 Compat Modes */ src: local('Montserrat-Bold'), url('../fonts/montserrat-v6-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v6-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v6-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v6-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v6-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */ } body { font-family: "sana_sans", sans-serif; font-weight: 400; background-color: #f6f6f6; } .jumbotron p { font-weight: 400; text-align: center; } .navbar { font-size: 16px; /*background-color: #1D1818;*/ background-color: rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(208, 208, 208, 0.1); padding: 12px 0px; transition: background-color 300ms linear; } .navbar-brand { font-family: "Handel Gothic"; font-size: 36px; color: #eee; } .navbar-brand:hover { color: #fff; } .nav-link { color: #eee; text-transform: uppercase; font-family: Montserrat; font-weight: 400; font-size: 14px; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 1.5rem; padding-left: 1.5rem; } .nav-link:hover, .nav-link:active, .nav-link:focus { color: #fff; } a { text-decoration: none; } /* .navbar-default .navbar-nav > li > a.btn { color: #eee; margin-right: 15px; } .navbar-default .navbar-nav > li > a.btn:hover, .navbar-default .navbar-nav > li > a.btn:active, .navbar-default .navbar-nav > li > a.btn:focus { background-color: #286090; } */ .hero-container { padding: 0; background-image: url(../images/background.jpg); background-position: center; } .jumbotron { padding: 150px 10px 80px 10px; background-color: rgba(108, 151, 195, 0.6); margin: 0; color: #fff; } .jumbotron > h1 { text-align: center; font-family: "sana_sans"; font-size: 54px; margin-bottom: 0; text-shadow: 2px 2px 5px #6C97C3; } .jumbotron > p.hero-line1 { font-size: 16px; margin-top: -8px; padding-left: 112px; } .hero-line2 { padding: 15px 0 30px 0; font-size: 21px; } h2 { color: #222; font-size: 24px; letter-spacing: 1.2px; text-align: center; text-transform: uppercase; font-family: Montserrat; } .overview-row { padding-top: 20px; } .overview-row > div { margin-top: 15px; } p { line-height: 1.5em; padding: 15px 0; font-size: 18px; } ol, ul { line-height: 1.5em; font-size: 18px; margin-bottom: 25px; } .padded-row { padding-bottom: 45px; margin-bottom: 30px; border-bottom: 1px dashed #bbb; } .ileft { padding-left: 30px; } .iright { padding-right: 30px; text-align: right; } .tleft { padding-left: 30px; } .tright { padding-right: 30px; } h3 { font-family: "Montserrat", sans-serif; font-size: 20px; letter-spacing: 0.05em; text-transform: uppercase; margin-bottom: 20px; color: #222; margin-top: 10px; } p.fdesc { font-size: 16px; } .footer { color: #ccc; margin-top: 60px; padding-top: 80px; border-top: 1px dashed #bbb; padding-bottom: 30px; background-color: #0B1815; } .fcol div { padding-bottom: 7px; color: #eee; } .fcol a { font-size: 14px; line-height: 1.9em; color: #aaa; } .fcol a:hover { color: #eee; text-decoration: none; } .flinks > div { text-align: center; font-size: 12px; margin-top: 15px; margin-bottom: 10px; } .flinks > div > a { color: #aaa; } .flinks > div > a:hover { color: #eee; text-decoration: none; } .pfrom { font-size: 18px; text-align: center; padding: 15px; color: #aaa; } .pfrom a { color: #ccc; } .pfrom a:hover { color: #eee; text-decoration: none; } p.social { font-size: 36px; text-align: center; padding: 60px 0 0 0; } p.social a { color: #aaa; } p.social a:hover { color: #eee; text-decoration: none; } .copy { text-align: center; color: #888; font-size: 12px; padding-top: 3rem; padding-bottom: 0; } .copy a { color: #888; } .copy a:hover, .copy a:visited:hover, .copy a:active { color: #eee; text-decoration: none; } .copy a:visited { color: #888; } .invite { font-family: "Montserrat", sans-serif; text-transform: uppercase; } a.popupfx > img { -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .img-shadow { -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } /* sweet alert */ button.confirm { font-weight: bold; } /*-- bootstrap modal --*/ .modal { /*! adjust transition time */ -webkit-transition: all ease-out !important; -moz-transition: all 0.3s ease-out !important; -o-transition: all 0.3s ease-out !important; transition: all 0.3s ease-out !important; } /*! editthis transform to any transform you want */ .modal.fade .modal-dialog { /*! disable sliding from left/right/top/bottom */ -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } label { font-weight: normal; } /*-- x --*/ /* .cf-120 { .container-fluid; margin-top: 120px; min-height: 500px; } */ .cf-sha { font-family: Menlo, monospace; font-size: 10px; color: #999; } .cf-dl-platform { font-size: 18px; margin-bottom: 15px; } .cf-dl-section { padding: 15px; } .cf-dl-filerow { padding: 15px; } .cf-dl-intro { line-height: 200%; } div.normalp p { font-size: 14px; line-height: 1.5em; margin-bottom: 0; } div.normalp ul, div.normalp ol { margin-bottom: 10px; } div.normalp ul li, div.normalp ol li { font-size: 14px; line-height: 1.5em; } div.normalp h3 { margin: 20px 0 5px 0; } div.tou p { font-size: 14px; line-height: 1.5em; margin-bottom: 0; padding: 5px 0; } .hero-line3 .b1 { padding: 8px 10px; } .hero-line3 .b2 { margin-left: 20px; padding: 8px 10px; color: #fff; background-color: #6C97C3; border-color: #6C97C3; } .hero-line3 .b2:hover { border-color: #eee; }