/* GOOGLE WEB FONTS - UNCOMMENT FONTS AND GET to for e.g. in your template to chose Orbitron font */ /* GET FONTS HERE @import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700,900); body.roboto{ font-family: 'Roboto', sans-serif; font-size:16px; } @import url(http://fonts.googleapis.com/css?family=Orbitron:400,500,700); body.Orbitron{ font-family: 'Orbitron', sans-serif; } @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700); body.Open-sans{ font-family: 'Open Sans', sans-serif; } */ /* @import url(http://fonts.googleapis.com/css?family=Montserrat:400,700); */ /* body.montserrat{ font-family: 'Montserrat', sans-serif; } h1,h2, h3, h4 { font-family: 'Montserrat', sans-serif !important; } */ /* global styles */ /* body.montserrat{ font-family: 'Montserrat', sans-serif; } */ section { padding-top: 100px; padding-bottom: 100px; padding-right: 0px; padding-left: 0px; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; display: block; position: relative; width: 100%; } footer { padding: 50px 0 0; margin: 0px auto; display: block; position: relative; width: 100%; } /* margin */ .margin-top-20 { margin-top: 20px; } .margin-top-30 { margin-top: 30px; } .margin-top-50 { margin-top: 50px; } .margin-top-100 { margin-top: 100px; } .margin-bottom-20 { margin-bottom: 20px; } .margin-bottom-30 { margin-bottom: 30px; } .margin-bottom-50 { margin-bottom: 50px; } .margin-bottom-100 { margin-bottom: 100px; } .no-margin-bottom { margin-bottom: 0px; } .no-margin-top { margin-top: 0px; } .padding-lg { padding: 20px 40px; } .no-padding-bottom { padding-bottom: 0px; } .no-padding-top { padding-top: 0px; } .padding-top-50 { padding-top: 50px; } .padding-bottom-50 { padding-bottom: 50px; } .padding-top-100 { padding-top: 100px; } .padding-bottom-100 { padding-bottom: 100px; } .wrapper { max-width: 100%; display: block; overflow: hidden; } /* responsive video section */ /************* VIDEO *******************************/ .vendor { margin-bottom: 0px; } .container-video { width: 100%; min-width: 100%; position: relative; padding: 0; height: 100%; } .controls { margin-top: 20px; } /* custom slider controls */ .blurred .custom-controls-slider .carousel-control, .section-dark .custom-controls-slider .carousel-control { color: #fff; } .section-dark { background: #2A2A2A; color: #fff; } .section-dark .panel { color: #2b2b2b; } .section-dark .panel a { color: #2b2b2b; } .section-dark .panel a.btn { color: #fff; } .section-dark hr { border-top: 1px solid rgba(0, 0, 0, .3); border-bottom: 1px solid rgba(50, 50, 50, .5); } section.half-section-1-2 .right.section-dark { background: #2A2A2A; color: #fff; } /* SECTION BACKGROUNDS */ .section-dark { background: #1b1f23; color: #fff; } .section-dark .jumbotron { background: #1b1f23; color: #fff; } .section-dark a, .section-dark .jumbotron a, .footer-dark a { color: #fff; } .section-dark a.btn.btn-default { color: #2b2b2b; border: none; } .relative { position: relative; } .relative:hover .box-wrap { display: block; } /* Special class on .container surrounding .navbar, used for positioning it into place. */ .navbar-wrapper { position: absolute; top: 0; right: 0; left: 0; z-index: 20; } /* Flip around the padding for proper display in narrow viewports */ .navbar-wrapper > .container { padding-right: 0; padding-left: 0; } .navbar-wrapper .navbar { padding-right: 15px; padding-left: 15px; } .navbar-wrapper .navbar .container { width: auto; } /* RESPONSIVE CSS -------------------------------------------------- */ @media (min-width: 768px) { /* Navbar positioning foo */ .navbar-wrapper { margin-top: 20px; } .navbar-wrapper .container { padding-right: 15px; padding-left: 15px; } .navbar-wrapper .navbar { padding-right: 0; padding-left: 0; } /* The navbar becomes detached from the top, so we round the corners */ .navbar-wrapper .navbar { border-radius: 4px; } /* Bump up size of carousel content */ .carousel-caption p { margin-bottom: 20px; font-size: 21px; line-height: 1.4; } .featurette-heading { font-size: 50px; } } @media (min-width: 992px) { .featurette-heading { margin-top: 120px; } }