123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236 |
- /* =================================================
- =================== Global ========================
- ==================================================== */
- html,
- body {
- width: 100%;
- height: 100%;
- }
- body {
- background:rgba(238, 238, 238, 1);
- }
- a {
- -webkit-transition: all .35s;
- -moz-transition: all .35s;
- transition: all .35s;
- }
- /* =================================================
- =================== Navbar ========================
- ==================================================== */
- .navbar-default {
- border-color: rgba(34,34,34,.05);
- background-color: rgba(255,255,255,.5);
- -webkit-transition: all .35s;
- -moz-transition: all .35s;
- transition: all .35s;
- min-height: 85px;
- }
- nav.navbar.shrink {
- min-height: 35px;
- }
- nav.shrink .navbar-brand {
- font-size: 25px;
- }
- nav a {
- margin: 20px 5px !important;
- margin-bottom: 20px !important;
- font-size: 18px !important;
- }
- nav.shrink a {
- margin: 10px 5px !important;
- font-size: 16px !important;
- }
- .navbar-default .navbar-header .navbar-brand {
- background-image:url(../img/ribbon.svg) no-repeat;
- }
- .navbar-default .navbar-header .navbar-brand:hover,
- .navbar-default .navbar-header .navbar-brand:focus {}
- .navbar-default .nav > li>a,
- .navbar-default .nav>li>a:focus {
- font-size: 13px;
- font-weight: 700;
- color: #222;
- }
- .navbar-default .nav > li>a:hover,
- .navbar-default .nav>li>a:focus:hover {
- }
- .navbar-default .nav > li.active>a,
- .navbar-default .nav>li.active>a:focus {
- background-color: transparent;
- }
- .navbar-default .nav > li.active>a:hover,
- .navbar-default .nav>li.active>a:focus:hover {
- background-color: transparent;
- }
- .navbar .navbar-nav > li > a.btn {
- border-radius: 20px;
- box-sizing: border-box;
- border-width: 2px;
- background-color: transparent;
- font-size: 16px;
- font-weight: 500;
- padding: 7px 18px;
- border-color: #66615B;
- color: #66615B;
- -webkit-transition: all 150ms linear;
- -moz-transition: all 150ms linear;
- -o-transition: all 150ms linear;
- -ms-transition: all 150ms linear;
- transition: all 150ms linear;
- }
- .btn:hover, .btn:focus, .btn:active, .btn.active, .open > .btn.dropdown-toggle,
- .navbar .navbar-nav > li > a.btn:hover,
- .navbar .navbar-nav > li > a.btn:focus,
- .navbar .navbar-nav > li > a.btn:active,
- .navbar .navbar-nav > li > a.btn.active, .open >
- .navbar .navbar-nav > li > a.btn.dropdown-toggle {
- background-color: #66615B;
- color: rgba(255, 255, 255, 0.7);
- border-color: #66615B;
- }
- /* =================================================
- =================== Header ========================
- ==================================================== */
- header {
- position: relative;
- width: 100%;
- min-height: auto;
- text-align: center;
- color: #000;
- background-image: url(../img/header.svg);
- background-position: center;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- background-size: cover;
- -o-background-size: cover;
- }
- header .header-content {
- position: relative;
- width: 100%;
- padding: 100px 15px;
- text-align: center;
- }
- header .header-content .header-content-inner h1 {
- margin-top: 0;
- margin-bottom: 0;
- font-weight: 700;
- }
- header .header-content .header-content-inner hr {
- margin: 30px auto;
- }
- header .header-content .header-content-inner p {
- margin-bottom: 50px;
- font-size: 16px;
- font-weight: 300;
- color: rgba(255,255,255,.7);
- }
- @media(min-width:768px) {
- header {
- min-height: 100%;
- }
- header .header-content {
- position: absolute;
- top: 50%;
- padding: 0 50px;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- }
- header .header-content .header-content-inner {
- margin-right: auto;
- margin-left: auto;
- max-width: 1000px;
- }
- header .header-content .header-content-inner p {
- margin-right: auto;
- margin-left: auto;
- max-width: 80%;
- font-size: 18px;
- }
- }
- .skew:before {
- content: '';
- position: absolute;
- left: 0;
- top: 106px;
- width: 100%;
- height: 60px;
- background: #fff;
- -webkit-transform: skewY(-20deg);
- -moz-transform: skewY(-20deg);
- -ms-transform: skewY(-20deg);
- -o-transform: skewY(-20deg);
- transform: skewY(-20deg);
- -webkit-backface-visibility: hidden;
- }
- .skew {
- background:#fff;
- }
- /* =================================================
- =================== Sections ======================
- ==================================================== */
- section {
- padding:50px 0;
- }
- #partial {
- padding:150px 0;
- }
- #about {
- background-color: rgba(255,255,255,.2);
- }
- #details {
- background-color: rgba(255,255,255,.8);
- }
- #features {
- background-color: rgba(255,255,255,.4);
- }
- #account {
- background-color: rgba(255,255,255,.1);
- }
- #call {
- background-color: rgba(255,255,255,.8);
- }
- .icon-small {
- width:60px;
- }
- .blue-ribbon path {
- fill: rgba(0, 83, 255, 1);
- stroke: rgba(0,0,0,1);
- background-color: #000;
- }
- .red-ribbon path {
- fill: rgba(255, 60, 0, 1);
- stroke: rgba(0,0,0,1);
- }
- .yellow-ribbon path {
- fill: rgba(255, 251, 27, 1);
- stroke: rgba(0,0,0,1);
- }
- /* =================================================
- ===================== Footer ======================
- ==================================================== */
- footer {
- padding: 50px 0 80px;
- color:#777;
- }
- .bg-dark {
- color: #fff;
- background-color: #222;
- }
- footer p {
- color:#777;
- }
|