/* DO NOT REMOVE THIS! BLOCKS FRAMEWORK BY http://bootstraptor.com */ /* GOOGLE WEB FONTS - UNCOMMENT FONTS AND GET to for e.g. in your template to chose Orbitron font */ /*HERO HEADERS TITLES HELPERS*/ section.well{ margin-bottom:0 !important; } section.well *{ color: inherit; } section:not(.no-padding){ padding:100px 0; } body [class^="well well-material-"], .container [class^="well well-material-"], .container-fluid [class^="well well-material-"], body [class^="well well-material-"] .form-control, .container [class^="well well-material-"] .form-control, .container-fluid [class^="well well-material-"] .form-control, body [class^="well well-material-"] .floating-label, .container [class^="well well-material-"] .floating-label, .container-fluid [class^="well well-material-"] .floating-label { color: inherit !important; } @media (min-width: 768px) { .hero-title-xl { font-size: 4em; } .hero-title-lg { font-size: 3em; } .hero-title-md { font-size: 1.5em; } .hero-title-sm { font-size: .8em; } } .img-wrapper{ width: auto ; } .navbar-btn { padding: 7px 20px !important; } /**/ header { padding: 50px 0; margin: 0px auto 50px; display: block; position: relative; width: 100%; } section:not(.no-padding), section.well { min-height: 40px; padding: 100px 0; 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%; } .thumbnail .img-responsive { min-width: 100%; } /* new helper classes */ .fill { max-width: 100%; } .fill .carousel img { min-width: 100%; } .fill .carousel .carousel-inner { max-height: 650px; } .carousel-control .fa, .carousel-control [class^=mdi-], .carousel-control [class*=mdi-] { position: absolute; top: 50%; z-index: 5; display: inline-block; } .carousel-control [class^=mdi-], .carousel-control [class*=mdi-]{ border: 1px solid; padding: 10px; border-radius: 50%; } .carousel-control.right, .carousel-control.left{ background-image:none; } .nav-pills .carousel-control { opacity: 1 !important; } .img-responsive.img-center { margin: 0 auto; } .go-to-content { position: absolute; bottom: -21px; right: 20px; z-index: 1020; } /* HELPER CLASSES*/ .image-right, .img-responsive.image-right { margin: 0 0 0 auto; } .img-responsive.img-right { margin: 0 0 auto; } .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 !important; } .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; } /* well's custom*/ .well.no-shadow{ box-shadow:none !important; -moz-box-shadow:none !important; -webkit-box-shadow:none !important; } .well.no-border-radius{ border-radius:0 !important; } /* responsive video section */ /************* VIDEO *******************************/ .fluid-width-video-wrapper { width: 100%; position: relative; padding: 0; padding-top: 50%; } .vendor { margin-bottom: 0px; } .container-video { width: 100%; min-width: 100%; position: relative; padding: 0; height: 100%; } .fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0px; } .video-well.well { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /* VIDEO BACKGROUND SECTION */ .video-section { background: #ddd ; background-size: cover; } .video-section .pattern-overlay { background-color: rgba(71, 71, 71, 0.39); padding: 40px 0 0px; min-height: 350px; /* Incase of overlay problems just increase the min-height*/ } .video-section h1, .video-section h3 { font-weight: 300; color: #fff; font-size: 50px; line-height: 60px; } .video-section h3 { font-size: 17px; line-height: 25px; font-weight: 400; color: #fff; margin: 30px 0; letter-spacing: 0; padding: 0; transition: .3s ease-out all; } .video-section p { color: #fff; } .video-section .buttonBar { display: none; } .player { font-size: 1px; } .photo { background-attachment: fixed; position: relative; background-size: 100% auto !important; } /* SOCIAL ICONS */ .social-links { margin-top: 20px; } .social-links li { padding: 0px; } .social-links a { margin-right: 6px; margin-top: 4px; padding: 3px 5px; background: #3E3D3C; border-bottom: none; min-width: 25px; display: inline-block; text-align: center; border-radius: 2px; } .social-links a:hover { color: #3E3D3C; background: rgba(250,250,250, .7); } /*MAP*/ #map { width: 100%; height: 400px; margin-bottom: 30px; } /* Content */ .content { padding-top: 30px; } /* Testimonials */ .testimonials blockquote { background: #f8f8f8 none repeat scroll 0 0; border: medium none; color: #666; display: block; font-size: 14px; line-height: 20px; padding: 15px; position: relative; } .testimonials blockquote::before { width: 0; height: 0; right: 0; bottom: 0; content: " "; display: block; position: absolute; border-bottom: 20px solid #fff; border-right: 0 solid transparent; border-left: 15px solid transparent; border-left-style: inset; /*FF fixes*/ border-bottom-style: inset; /*FF fixes*/ } .testimonials blockquote::after { width: 0; height: 0; right: 0; bottom: 0; content: " "; display: block; position: absolute; border-style: solid; border-width: 20px 20px 0 0; border-color: #e63f0c transparent transparent transparent; } .testimonials .carousel-info img { border: 1px solid #f5f5f5; border-radius: 150px !important; height: 75px; padding: 3px; width: 75px; } .testimonials .carousel-info { overflow: hidden; } .testimonials .carousel-info img { margin-right: 15px; } .testimonials .carousel-info span { display: block; } .testimonials span.testimonials-name { color: #e6400c; font-size: 16px; font-weight: 300; margin: 23px 0 7px; } .testimonials span.testimonials-post { color: #656565; font-size: 12px; } /* cards */ .card-reveal .close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000 !important; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2; } .card .card-footer a:first-child { left: -15px; } .card .card-footer a:first-child { left: -15px; } .card .card-footer a { margin: 0!important; position: relative; bottom: 25px; width: auto; } .card .card-footer a { margin: 0 !important; position: relative; bottom: 25px; width: auto } /* half sections */ /* HALF SECTION 30%/70%*/ .half-section, .half-section-1-2, section.half-section.well, section.half-section-1-2.well{ padding:0 ; } .half-section { overflow: hidden; position: relative; } .half-section.sections-bg { color: #fff; } .half-section .left { width: 35%; min-height: 100%; position: relative; float: left; min-height: 500px; display: inline-block; z-index: 1000; overflow: hidden; } .half-section .right { width: 65%; position: relative; float: left; min-height: 500px; display: inline-block; z-index: 1000; overflow: hidden; max-height: 100%; color: #2b2b2b; background: #f5f5f5; padding: 50px 30px; } .half-section .absolute-box, .half-section-1-2 .absolute-box { position: absolute; right: 0px; left: 0px; top: 2em; text-align: center; padding-top: 100px; } /* HALF SECTION 50%/50% */ .half-section-1-2 { background: #fff ; overflow: hidden; position: relative; } .half-section-1-2 .left { width: 50%; min-height: 100%; position: relative; float: left; min-height: 500px; display: inline-block; z-index: 1000; overflow: hidden; color: #fff; } .half-section-1-2 .right { width: 50%; position: relative; float: left; min-height: 500px; display: inline-block; z-index: 1000; overflow: hidden; max-height: 100%; color: #2b2b2b; background: #f5f5f5; padding: 50px 30px; } /* section 2/3 */ .half-section-6-4 { background: #fff ; overflow: hidden; position: relative; padding:0; } .half-section-6-4 .left { width: 57%; min-height: 100%; position: relative; float: left; height: 100vh; min-height:100%; display: inline-block; z-index: 1000; overflow: hidden; color: #fff; padding:50px 0; margin:0; } .half-section-6-4 .right { width: 43%; position: relative; float: left; height: 100vh; min-height:100%; display: inline-block; z-index: 1000; overflow: hidden; max-height: 100%; color: #2b2b2b; background: #f5f5f5; padding: 50px 30px; padding:50px 0; margin:0; } @media screen and (max-width: 760px) { .half-section-1-2 .left, .half-section .left, .half-section-6-4 .left { width: 100%; min-height: 100%; position: relative; float: left; min-height: 500px; display: inline-block; z-index: 1000; overflow: hidden; color: #fff; } .half-section-1-2 .right, .half-section .right, .half-section-6-4 .right { width: 100%; position: relative; float: left; min-height: 500px; display: inline-block; z-index: 1000; overflow: hidden; max-height: 100%; color: #2b2b2b; background: #f5f5f5; padding: 50px 30px; } } .half-section-1-2 .absolute-box { position: absolute; right: 0px; left: 0px; top: 2em; text-align: center; padding-top: 100px; } .half-section-1-2 a.brand { color: #fff; text-decoration: none; } .half-section-1-2 a.brand:hover { color: #f9f9f9; text-decoration: none; } /* alt icon sizes*/ .fa-100x { font-size: 15em; } .fa-2x { font-size: 2em !important; } .fa-lg { font-size: 1.33333333em !important; } .fa-3x { font-size: 3em !important; } .fa-4x { font-size: 4em !important; } .fa-5x { font-size: 5em !important; } i.icon-gigant:before{ font-size:200pt; } @media (max-width: 768px){ i.icon-gigant:before{ font-size:150pt; } } a.text-white, .text-white{ color:#fff !important; } /* PRICING SECTION */ .price-row .well { border-radius: 0px; border-left: 0px; border-right: 0px; margin-bottom: 0px; } h3.panel-title.price { font-size: 2.5em !important; } .price-cents { vertical-align: super; font-size: 50%; } .price-month { font-size: 35%; font-style: italic; } .panel { -webkit-transition-property: scale; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-in-out; -moz-transition: all 0.2s ease-in-out; } .panel-hover:hover { box-shadow: 0 0 10px rgba(0,0,0,.5); -moz-box-shadow: 0 0 10px rgba(0,0,0,.5); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.5); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); } section.navbar-fixed-top.transparent .navbar{ background-color:transparent !important; } .card .card-image img { width: auto; height: 100%; border-top-left-radius: 2px; border-top-right-radius: 2px; pointer-events: none; margin: 0 auto; } .custom-black-indicators .carousel-indicators li{ display: inline-block; width: 30px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000\9; background-color: rgba(0, 0, 0, 0.64); border: 1px solid #0A0A0A; border-radius: 0px; } .custom-black-indicators .carousel-indicators .active { width: 30px; height: 10px; margin: 0; background-color: #fff; } .custom-black-indicators .carousel-indicators{ bottom: -30px !important; } /* material tabs*/ .nav-tabs { border-bottom: 2px solid #DDD; background: #F7F6F6 !important; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; } .nav-tabs > li > a { border: none !important; color: #666 !important; } .nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color: #4285F4 !important; background: transparent; } .nav-tabs > li > a::after { content: ""; background: #4285F4; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); } .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); } .tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; } /* material animated drop-down menu*/ .dropdown .material.dropdown-menu { opacity:0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display:block; } .dropdown.open>.material.dropdown-menu { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity:1; -webkit-transition:all.2s cubic-bezier(.4,0,.2,1); transition:all .2s cubic-bezier(.4,0,.2,1); } .btn{ padding: 8px 20px; } .btn-default:hover, .dropdown-toggle.btn-default:hover { background-color: #e5e5e5; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default, .dropdown-toggle.btn-default { background-color: #ffffff; } .btn-default, .btn-link { color: rgba(0, 0, 0, 0.87); } .img-fw{ min-width:100%; height: auto; } .btn hr{ margin: 5px 0 !important; } .bg1 .panel{ color:#333; } section.well{ padding:150px 0 ; } .bg-1{ background-image: url(../images/bg/bg14.jpg); background-attachment:fixed; color:#fff; background-size:cover; } .bg-1 .panel h3, .bg-1 .panel h4, .bg-1 .panel p{ color:#333 ; } .navbar-brand img{ height:30px; width:30px; float:left; margin-right:10px; } .btn-rbf{ position:fixed; bottom:10%; right:30px; z-index:2000; } .btn-rbf.btn-top { position: relative; margin-bottom:-20px; } .btn-top-nav{ position:absolute; top:-30px; right:30px; z-index:1400; } @media( max-width: 760px){ .btn-rbf.btn-top { position: relative; } } .wrapper{ display:block; max-width:100%; width:100%; overflow:hidden; } i.icon-featured { font-size: 34pt; } .card.material .card-image{ overflow: hidden; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .card.material .card-image img{ -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .card.material .card-image:hover img{ -webkit-transform: scale(1.2) rotate(-7deg); -moz-transform: scale(1.2) rotate(-7deg); -ms-transform: scale(1.2) rotate(-7deg); -o-transform: scale(1.2) rotate(-7deg); transform: scale(1.2) rotate(-7deg); } .card{ font-family: 'Roboto', sans-serif; margin-top: 10px; position: relative; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 4 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } .card.material .card-content { padding: 10px; top:100%; position: relative; } .card.material .card-content .card-title, .card-reveal .card-title{ font-size: 24px; font-weight: 200; } .card.material .card-action{ padding: 20px; border-top: 1px solid rgba(160, 160, 160, 0.2); } .card.material .card-action a{ font-size: 15px; color: #ffab40; text-transform:uppercase; margin-right: 20px; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -o-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; } .card.material .card-action a:hover{ color:#ffd8a6; text-decoration:none; } .card.material .card-reveal{ padding: 20px; position: absolute; background-color: #FFF; width: 100%; overflow-y: auto; /*top: 0;*/ left:0; bottom:0; height: 100%; z-index: 1; display: none; } .card.material .card-reveal p{ color: rgba(0, 0, 0, 0.71); margin:20px ; } .btn-custom{ background-color: transparent; font-size:18px; } .card .btn-card-fab{ position: absolute; bottom:30px; right:10px; } .card.text-white, .card.text-white a{ color:#fff !important; } .well-bottom{ position:absolute; bottom:0; right:0; left:0; margin-bottom:0 !important; padding:150px 0 !important; margin-top:450px; } section#top-section { margin-bottom: 0; z-index: 1; } #to-bottom{ z-index:1000 !important; position: absolute; right:10%; bottom: -120px; } .100vh{ height:100vh; min-height:100%; } @media (min-width:460px){ .half-section.vertical .left, .half-section.vertical .right{ width:100%; } .half-section{ padding:15px !important; } .half-section .left { padding-top:100px; } } @media (max-width:460px){ .half-section .left, .half-section .right{ width:100%; min-height:auto; } } .panel .list-group-item{ padding:7px 0; border-bottom:1px solid #ccc; } .img-responsive, .thumbnail a>img, .thumbnail>img { height: auto !important; } .icon-featured-circle{ width:120px; height:120px; display:inline-block; position: relative; border-radius:50%; padding:25px 10px; background-color: #ddd; } body{ background: #fff !important; } .dropdown .material.dropdown-menu { opacity:0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display:block; } .dropdown.open>.material.dropdown-menu { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity:1; -webkit-transition:all.2s cubic-bezier(.4,0,.2,1); transition:all .2s cubic-bezier(.4,0,.2,1); } /* isotop items animation */ .isotope .isotope-item { -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -moz-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; -webkit-transition-property: -webkit-transform, opacity; } .isotope .isotope-item { -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -moz-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; -webkit-transition-property: -webkit-transform, opacity; } .isotope-item { -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-duration: 0.8s; z-index: 2; } /* new blocks*/ section.well, section.jumbotron{ border-radius: 0; } .bg-01{ background-image: url(../images/bg/bg1.png); background-size: cover; background-position: right center; } .bg-2{ background-image: url(../images/bg/bg2.jpg); background-size: cover; background-position: right center; } .bg-3{ background-image: url(../images/bg/bg3.jpg); background-size: cover; background-position: right center; } .bg-4{ background-image: url(../images/bg/bg4.jpg); background-size: cover; background-position: right center; } .bg-5{ background-image: url(../images/bg/bg5.jpg); background-size: cover; background-position: right center; } .bg-6{ background-image: url(../images/bg/bg6.jpg); background-size: cover; background-position: right center; } .bg-7{ background-image: url(../images/bg/bg7.jpg); background-size: cover; background-position: right center; } .bg-8{ background-image: url(../images/bg/bg8.jpg); background-size: cover; background-position: right center; } .bg-9{ background-image: url(../images/bg/bg9.jpg); background-size: cover; background-position: right center; } .bg-10{ background-image: url(../images/bg/bg10.jpg); background-size: cover; background-position: right center; } .bg-11{ background-image: url(../images/bg/bg11.jpg); background-size: cover; background-position: right center; } .bg-12{ background-image: url(../images/bg/bg12.jpg); background-size: cover; background-position: right center; } .bg-13{ background-image: url(../images/bg/bg13.jpg); background-size: cover; background-position: right center; } .bg-14{ background-image: url(../images/bg/bg14.jpg); background-size: cover; } .bg-15{ background-image: url(../images/bg/bg15.jpg); background-size: cover; background-position: right center; } .bg-16{ background-image: url(../images/bg/bg16.jpg); background-attachment:fixed; background-size: cover; background-position: right center; } .bg-17{ background-image: url(../images/bg/bg17.jpg); background-size: cover; background-position: right center; } .bg-18{ background-image: url(../images/bg/bg18.jpg); background-size: cover; background-position: right center; } .bg-16{ background-image: url(../images/bg/bg16.jpg); background-size: cover; background-position: right center; } .bg-18{ background-image: url(../images/bg/bg18.jpg); background-size: cover; background-position: right center; } .bg-19{ background-image: url(../images/bg/bg19.jpg); background-size: cover; background-position: right center; } .bg-20{ background-image: url(../images/bg/bg20.jpg); background-size: cover; background-position: right center; } .bg-21{ background-image: url(../images/bg/bg21.jpg); background-size: cover; background-position: right center; } .bg-22{ background-image: url(../images/bg/bg22.jpg); background-size: cover; background-position: right center; } .bg-23{ background-image: url(../images/bg/bg23.jpg); background-size: cover; background-position: right center; } .bg-23{ background-image: url(../images/bg/bg23.jpg); background-size: cover; background-position: right center; } .bg-23{ background-image: url(../images/bg/bg23.jpg); background-size: cover; background-position: right center; } .bg-24{ background-image: url(../images/bg/bg24.jpg); background-size: cover; background-position: right center; } .bg-25{ background-image: url(../images/bg/bg25.jpg); background-size: cover; background-position: right center; } .bg-26{ background-image: url(../images/bg/bg26.jpg); background-size: cover; background-position: right center; } .bg-27{ background-image: url(../images/bg/bg27.jpg); background-size: cover; background-position: right center; } .bg-28{ background-image: url(../images/bg/bg28.jpg); background-size: cover; background-position: right center; } .bg-27{ background-image: url(../images/bg/bg27.jpg); background-size: cover; background-position: right center; } .bg-28{ background-image: url(../images/bg/bg28.jpg); background-size: cover; background-position: right center; } .bg-29{ background-image: url(../images/bg/bg29.jpg); background-size: cover; background-position: right center; } .bg-30{ background-image: url(../images/bg/bg30.jpg); background-size: cover; background-position: right center; } .bg-31{ background-image: url(../images/bg/bg31.jpg); background-size: cover; background-position: right center; } .bg-32{ background-image: url(../images/bg/bg32.jpg); background-size: cover; background-position: right center; } .bg-33{ background-image: url(../images/bg/bg33.jpg); background-size: cover; background-position: right center; } .bg-34{ background-image: url(../images/bg/bg34.jpg); background-size: cover; background-position: right center; } .bg-35{ background-image: url(../images/bg/bg35.jpg); background-size: cover; background-position: right center; } .bg-36{ background-image: url(../images/bg/bg36.jpg); background-size: cover; background-position: right center; } .bg-37{ background-image: url(../images/bg/bg37.jpg); background-size: cover; background-position: right center; } .bg-38{ background-image: url(../images/bg/bg38.png); background-size: cover; background-position: right center; } /* overlay class helpers*/ .ov-10{ box-shadow: inset 0px 0px 0 5000px rgba(0,0,0,0.1) !important; } .ov-20{ box-shadow: inset 0px 0px 0 5000px rgba(0,0,0,0.2) !important; } .ov-30{ box-shadow: inset 0px 0px 0 5000px rgba(0,0,0,0.3) !important; } .ov-40{ box-shadow: inset 0px 0px 0 5000px rgba(0,0,0,0.4) !important; } .ov-50{ box-shadow: inset 0px 0px 0 5000px rgba(0,0,0,0.5) !important; } .ov-60{ box-shadow: inset 0px 0px 0 5000px rgba(0,0,0,0.6) !important; } .ov-70{ box-shadow: inset 0px 0px 0 5000px rgba(0,0,0,0.7) !important; } .ov-80{ box-shadow: inset 0px 0px 0 5000px rgba(0,0,0,0.8) !important; } .ov-90{ box-shadow: inset 0px 0px 0 5000px rgba(0,0,0,0.9) !important; } /*purple*/ .ov-10p{ box-shadow: inset 0px 0px 0 5000px rgba(156, 39, 176, 0.1) !important; }.ov-20p{ box-shadow: inset 0px 0px 0 5000px rgba(156, 39, 176, 0.2) !important; }.ov-30p{ box-shadow: inset 0px 0px 0 5000px rgba(156, 39, 176, 0.3) !important; }.ov-40p{ box-shadow: inset 0px 0px 0 5000px rgba(156, 39, 176, 0.4) !important; }.ov-50p{ box-shadow: inset 0px 0px 0 5000px rgba(156, 39, 176, 0.5) !important; }.ov-60p{ box-shadow: inset 0px 0px 0 5000px rgba(156, 39, 176, 0.6) !important; }.ov-70p{ box-shadow: inset 0px 0px 0 5000px rgba(156, 39, 176, 0.7) !important; }.ov-80p{ box-shadow: inset 0px 0px 0 5000px rgba(156, 39, 176, 0.8) !important; } .ov-90p{ box-shadow: inset 0px 0px 0 5000px rgba(156, 39, 176, 0.9) !important; } /*red*/ .ov-10r{ box-shadow: inset 0px 0px 0 5000px rgba(244, 67, 54, 0.1) !important; }.ov-20r{ box-shadow: inset 0px 0px 0 5000px rgba(244, 67, 54, 0.2) !important; }.ov-30r{ box-shadow: inset 0px 0px 0 5000px rgba(244, 67, 54, 0.3) !important; }.ov-40r{ box-shadow: inset 0px 0px 0 5000px rgba(244, 67, 54, 0.4) !important; }.ov-50r{ box-shadow: inset 0px 0px 0 5000px rgba(244, 67, 54, 0.5) !important; }.ov-60r{ box-shadow: inset 0px 0px 0 5000px rgba(244, 67, 54, 0.6) !important; }.ov-70r{ box-shadow: inset 0px 0px 0 5000px rgba(244, 67, 54, 0.7) !important; }.ov-80r{ box-shadow: inset 0px 0px 0 5000px rgba(244, 67, 54, 0.8) !important; }.ov-90r{ box-shadow: inset 0px 0px 0 5000px rgba(244, 67, 54, 0.9) !important; } /* blue*/ .ov-10b{ box-shadow: inset 0px 0px 0 5000px rgba(103, 58, 183, 0.1) !important; }.ov-20b{ box-shadow: inset 0px 0px 0 5000px rgba(103, 58, 183, 0.2) !important; }.ov-30b{ box-shadow: inset 0px 0px 0 5000px rgba(103, 58, 183, 0.3) !important; }.ov-40b{ box-shadow: inset 0px 0px 0 5000px rgba(103, 58, 183, 0.4) !important; }.ov-50b{ box-shadow: inset 0px 0px 0 5000px rgba(103, 58, 183, 0.5) !important; }.ov-60b{ box-shadow: inset 0px 0px 0 5000px rgba(103, 58, 183, 0.6) !important; }.ov-70b{ box-shadow: inset 0px 0px 0 5000px rgba(103, 58, 183, 0.7) !important; }.ov-80b{ box-shadow: inset 0px 0px 0 5000px rgba(103, 58, 183, 0.8) !important; }.ov-90b{ box-shadow: inset 0px 0px 0 5000px rgba(103, 58, 183, 0.9) !important; } /* cyan*/ .ov-10c{ box-shadow: inset 0px 0px 0 5000px rgba(0, 150, 136, 0.1) !important; }.ov-20c{ box-shadow: inset 0px 0px 0 5000px rgba(0, 150, 136, 0.2) !important; }.ov-30c{ box-shadow: inset 0px 0px 0 5000px rgba(0, 150, 136, 0.3) !important; }.ov-40c{ box-shadow: inset 0px 0px 0 5000px rgba(0, 150, 136, 0.4) !important; }.ov-50c{ box-shadow: inset 0px 0px 0 5000px rgba(0, 150, 136, 0.5) !important; }.ov-60c{ box-shadow: inset 0px 0px 0 5000px rgba(0, 150, 136, 0.6) !important; }.ov-70c{ box-shadow: inset 0px 0px 0 5000px rgba(0, 150, 136, 0.7) !important; }.ov-80c{ box-shadow: inset 0px 0px 0 5000px rgba(0, 150, 136, 0.8) !important; }.ov-90c{ box-shadow: inset 0px 0px 0 5000px rgba(0, 150, 136, 0.9) !important; } /* green*/ .ov-10g{ box-shadow: inset 0px 0px 0 5000px rgba(76, 175, 80, 0.1) !important; }.ov-20g{ box-shadow: inset 0px 0px 0 5000px rgba(76, 175, 80, 0.2) !important; }.ov-30g{ box-shadow: inset 0px 0px 0 5000px rgba(76, 175, 80, 0.3) !important; }.ov-40g{ box-shadow: inset 0px 0px 0 5000px rgba(76, 175, 80, 0.4) !important; }.ov-50g{ box-shadow: inset 0px 0px 0 5000px rgba(76, 175, 80, 0.5) !important; }.ov-60g{ box-shadow: inset 0px 0px 0 5000px rgba(76, 175, 80, 0.6) !important; }.ov-70g{ box-shadow: inset 0px 0px 0 5000px rgba(76, 175, 80, 0.7) !important; }.ov-80g{ box-shadow: inset 0px 0px 0 5000px rgba(76, 175, 80, 0.8) !important; }.ov-90g{ box-shadow: inset 0px 0px 0 5000px rgba(76, 175, 80, 0.9) !important; } /*yellow*/ .ov-10y{ box-shadow: inset 0px 0px 0 5000px rgba(255, 193, 7, 0.1) !important; }.ov-20y{ box-shadow: inset 0px 0px 0 5000px rgba(255, 193, 7, 0.2) !important; }.ov-30y{ box-shadow: inset 0px 0px 0 5000px rgba(255, 193, 7, 0.3) !important; }.ov-40y{ box-shadow: inset 0px 0px 0 5000px rgba(255, 193, 7, 0.4) !important; }.ov-50y{ box-shadow: inset 0px 0px 0 5000px rgba(255, 193, 7, 0.5) !important; }.ov-60y{ box-shadow: inset 0px 0px 0 5000px rgba(255, 193, 7, 0.6) !important; }.ov-70y{ box-shadow: inset 0px 0px 0 5000px rgba(255, 193, 7, 0.7) !important; }.ov-80y{ box-shadow: inset 0px 0px 0 5000px rgba(255, 193, 7, 0.8) !important; }.ov-90y{ box-shadow: inset 0px 0px 0 5000px rgba(255, 193, 7, 0.9) !important; } /* orange*/ .ov-10o{ box-shadow: inset 0px 0px 0 5000px rgba(255, 87, 34, 0.1) !important; }.ov-20o{ box-shadow: inset 0px 0px 0 5000px rgba(255, 87, 34, 0.2) !important; }.ov-30o{ box-shadow: inset 0px 0px 0 5000px rgba(255, 87, 34, 0.3) !important; }.ov-40o{ box-shadow: inset 0px 0px 0 5000px rgba(255, 87, 34, 0.4) !important; }.ov-50o{ box-shadow: inset 0px 0px 0 5000px rgba(255, 87, 34, 0.5) !important; }.ov-60o{ box-shadow: inset 0px 0px 0 5000px rgba(255, 87, 34, 0.6) !important; }.ov-70o{ box-shadow: inset 0px 0px 0 5000px rgba(255, 87, 34, 0.7) !important; }.ov-80o{ box-shadow: inset 0px 0px 0 5000px rgba(255, 87, 34, 0.8) !important; }.ov-90o{ box-shadow: inset 0px 0px 0 5000px rgba(255, 87, 34, 0.9) !important; } /* fixed background helper*/ .bgfixed{ background-attachment:fixed !important; } .photo-bg .panel h3, .photo-bg .panel h4, .photo-bg .panel p{ color:#333 ; } .navbar-brand img{ height:30px; width:30px; float:left; margin-right:10px; } .btn-rbf{ position:fixed; bottom:10%; right:30px; z-index:2000; } .btn-rbf.btn-top { position: relative; margin-bottom:-20px; } .btn-top-nav{ position:absolute; top:-30px; right:30px; z-index:1400; } @media( max-width: 760px){ .btn-rbf.btn-top { position: relative; } } .wrapper{ display:block; max-width:100%; width:100%; overflow:hidden; } i.icon-featured { font-size: 34pt; } .card.material .card-image{ overflow: hidden; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .card.material .card-image img{ -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .card.material .card-image:hover img{ -webkit-transform: scale(1.2) rotate(-7deg); -moz-transform: scale(1.2) rotate(-7deg); -ms-transform: scale(1.2) rotate(-7deg); -o-transform: scale(1.2) rotate(-7deg); transform: scale(1.2) rotate(-7deg); } .card{ font-family: 'Roboto', sans-serif; margin-top: 10px; position: relative; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 4 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } .card.material .card-content { padding: 10px; top:100%; position: relative; } .card.material .card-content .card-title, .card-reveal .card-title{ font-size: 24px; font-weight: 200; } .card.material .card-action{ padding: 20px; border-top: 1px solid rgba(160, 160, 160, 0.2); } .card.material .card-action a{ font-size: 15px; color: #ffab40; text-transform:uppercase; margin-right: 20px; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -o-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; } .card.material .card-action a:hover{ color:#ffd8a6; text-decoration:none; } .card.material .card-reveal{ padding: 20px; position: absolute; background-color: #FFF; width: 100%; overflow-y: auto; /*top: 0;*/ left:0; bottom:0; height: 100%; z-index: 1; display: none; } .card.material .card-reveal p{ color: rgba(0, 0, 0, 0.71); margin:20px ; } .btn-custom{ background-color: transparent; font-size:18px; } .card .btn-card-fab{ position: absolute; bottom:30px; right:10px; } .card.text-white, .card.text-white a{ color:#fff !important; } .well-bottom{ position:absolute; bottom:0; right:0; left:0; margin-bottom:0 !important; padding:150px 0 !important; margin-top:450px; } section#top-section { margin-bottom: 0; z-index: 1; } #to-bottom{ z-index:1000 !important; position: absolute; right:10%; bottom: -120px; } .bga-fixed{ background-attachment: fixed; } .100vh{ height:100vh; min-height:100%; } @media (min-width:460px){ .half-section.vertical .left, .half-section.vertical .right{ width:100%; } .half-section{ padding:15px !important; } .half-section .left { padding-top:100px; } } @media (max-width:460px){ .half-section .left, .half-section .right{ width:100%; min-height:auto; } } .panel .list-group-item{ padding:7px 0; border-bottom:1px solid #ccc; } .img-responsive, .thumbnail a>img, .thumbnail>img { height: auto !important; } .icon-featured-circle{ width:120px; height:120px; display:inline-block; position: relative; border-radius:50%; padding:25px 10px; background-color: #ddd; } body{ background: #fff !important; } .dropdown .material.dropdown-menu { opacity:0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display:block; } .dropdown.open>.material.dropdown-menu { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity:1; -webkit-transition:all.2s cubic-bezier(.4,0,.2,1); transition:all .2s cubic-bezier(.4,0,.2,1); } .custom-navbar .navbar-brand { position: absolute; width: 100%; left: 0; top: 0; text-align: center; color: #FFFFFF; margin: auto; } .custom-navbar .navbar { background-color: #3F50B5; color: #FFFFFF; } .custom-navbar a { color: #FFFFFF !important; } .custom-navbar a:hover { color: #000000 !important; } .custom-navbar .hamburger-on-left { float: left; } .custom-navbar .navbar-left li { text-align: left; } .custom-navbar .navbar-right li { text-align: right; } .demo .navbar-fixed-top{ left:48px; }