/** * Support: web-master72@yandex.ru; * Gallery, Services, Menu labels - #fae7d7; * Links, Buttons - #1b74b8; /* ---------------------------------------------- /* * General styles /* ---------------------------------------------- */ @import url(https://fonts.googleapis.com/css?family=Dancing+Script:700); @import url(https://fonts.googleapis.com/css?family=Crimson+Text:400,600,700,400italic); @import url(/assets/plugins/font-awesome4/css/font-awesome.css); .member-nav-group .site-name {display: none;} input[type="date"] { display: block; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; min-height: 1.2em; /* Ensure the height isn’t too small */ width: 100% !important; /* Force the width */ } input[type="date"]::-webkit-calendar-picker-indicator { filter: hue-rotate(180deg) saturate(2); /* Adjust for a green hue */ opacity: 1; /* Ensure it’s fully visible */ } .links a { font-size: 14px; } .links li { margin-bottom: -10px; } /******************************************/ /*BEG Member Login */ /******************************************/ #custom-collapse .btn-primary { font-size: 16px; padding: 20px 25px; } #custom-collapse #appSessionMember .fa-user { color: #fff; font-size: 20px; } #custom-collapse .member-name::after { display: none !important; } .member-name { text-transform: uppercase; } #custom-collapse .btn-primary:hover { background: rgba(255, 255, 255, 0.1); color: #fff; padding: 20px 25px; } /******************************************/ /*END Member Login */ /******************************************/ /* ---------------------------------------------- /* * Members Area /* ---------------------------------------------- */ .bottom .links a { color: #1b456f; font-weight: 600; } .dropdown-menu>li>a:hover { background-color: #2179ba; } .member-nav-group a { font-size: 20px; font-weight: 600; } .member-nav-group .dropdown-menu { border-radius: 10px; background-color: #e8edf2; } body.members-area { background-color: #fff !important; font-family: 'Roboto', sans-serif; color: #000000; } #header-clock { background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(8px); color: #000; padding: 5px; margin-top: -4px; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15); font-weight: 600; font-size: 148%; text-align: center; } #appSessionMember .fa-user { color: #fff; font-size: 50px; } .members-area .app-header { background-color: #000; margin-left: 1px; margin-right: 1px; border-radius: 4px; padding: 10px 20px; margin-bottom: 5px; color: #fff; } .members-area #wrap { padding-top: 10px; min-height: 100vh; } #appSessionMember .dropdown button { padding: 15px 11px 11px 13px !important; border-radius: 50% !important; background-color: #eee; border: none; filter: grayscale(100%) brightness(80%); } #appSessionMember .btn { float: left !important; } #appSessionMember label { color: #fff; float: right; font-weight: 800; } .member-name::after { float: left; font-weight: bold; color: #fff; content: "Welcome Back!"; position: absolute; bottom: -48px; left: 68px; } #appSessionMember button { background-color: transparent; border: none; padding-left: 0; } #appSessionMember .caret { display: none; } #appSessionMember i { font-size: 18px; color: #525251; } #appSessionMember .dropdown i { padding-left: 7px; font-size: 30px; } .bottom ul { list-style: none; text-align: right; } body { overflow-x: hidden; font-family: 'Roboto', sans-serif; color: #505C70; height: 100%; } .breadcrumbs { margin-top: 65px; padding: 10px 0px 6px; box-shadow: 0px 0px 4px #EEE inset; background:none 0 0 repeat scroll #FCFCFC; } .breadcrumbs h1 { color: #9c99a2; font-size: 22px; line-height:100%; margin:0; padding:24px 0; } .page-body {margin-bottom: 20px;} .carousel-inner { margin-top: 15px; margin-bottom: 25px; } img { max-width: 100%; height: auto; } a { color: #F4C430; } a:hover { text-decoration: none; color: #02e802; } /* ---------------------------------------------- /* * Transition elsements /* ---------------------------------------------- */ .form-control, .navbar-custom { -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } a, .btn, .navbar a { -webkit-transition: all 0.125s ease-in-out 0s; -moz-transition: all 0.125s ease-in-out 0s; -ms-transition: all 0.125s ease-in-out 0s; -o-transition: all 0.125s ease-in-out 0s; transition: all 0.125s ease-in-out 0s; } /* ---------------------------------------------- /* * Reset box-shadow /* ---------------------------------------------- */ .btn, .form-control, .form-control:hover, .form-control:focus, .navbar-custom .dropdown-menu { -webkit-box-shadow: none; box-shadow: none; } /* ---------------------------------------------- /* * Reset border-radius /* ---------------------------------------------- */ .btn, .label, .alert, .progress, .form-control, .modal-content, .panel-heading, .panel-group .panel, .nav-tabs > li > a, .nav-pills > li > a { -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } .panel-heading h4 { font-family:'Crimson Text', serif; } /* ---------------------------------------------- /* * Typography /* ---------------------------------------------- */ h1, h2, h3, h4, h5, h6 { font: 700 48px/1.2; margin: 0 0 0 0; color: #1b456f; } h2 { font-size: 40px; margin: 0 0 0 0; } h3 { font-size: 20px; margin: 0 0 0 0;; } h4 { font-size: 18px; margin: 0 0 0 0;; } h5 { font-size: 16px; font-weight: 400; margin: 0 0 8px; } h6 { font-size: 14px; font-weight: 400; margin:0 0 0 0; } blockquote { font: 700 50px/1.2; font-family:'Open Sans', arial, sans-serif; margin: 0 0 20px; padding: 0; border: 0; } blockquote small, blockquote footer, blockquote .small { display: block; font-size: 40%; line-height: 1.42857143; color: #999; } .intro-title, .module-title, .callout-text, .iconbox-title { font: 700 28px/1.2; font-family:'Open Sans', arial, sans-serif; margin: 0 0 10px;; } .container { margin-left:auto; margin-right:auto; padding-left:15px; padding-right:15px; } .module-title, .callout-text { font-size: 50px; } .module-subtitle { font: 400 16px/1.2 'Crimson Text', serif; text-transform: uppercase; letter-spacing: 2px; color: #a7a9ac; margin: 0; } .intro-title { font-size: 55px; } /* ---------------------------------------------- /* * Alerts style /* ---------------------------------------------- */ .alert { border: 0; } .help-block { font-size: 14px; color: #a94442; } .help-block ul { list-style: none; padding: 0 15px; margin: 0; } /* ---------------------------------------------- /* * Progress bars /* ---------------------------------------------- */ .progress, .progress-bar { -webkit-box-shadow: none; box-shadow: none; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display:block; } .progress-bar { background-color: #1b74b8; } /* ---------------------------------------------- /* * Tabs /* ---------------------------------------------- */ .nav-pills, .nav-tabs { margin-bottom: 20px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { background: #a24d16; } /* ---------------------------------------------- /* * Panels /* ---------------------------------------------- */ .panel { border: 0; } .panel-body { background: #f5f5f5; } .panel-group .panel-heading + .panel-collapse > .panel-body { border: 0; } /* ---------------------------------------------- /* * Modal /* ---------------------------------------------- */ .modal-content { border: 0; } /* ---------------------------------------------- /* * Labels /* ---------------------------------------------- */ .label { font: 400 italic 10px/1.8 'Crimson Text', serif; padding: .2em .6em .2em; letter-spacing: 1px; font-size: 60%; } .label-custom-1 { background: #1b74b8; } .label-custom-2 { background: #000; } /* ---------------------------------------------- /* * Inputs styles /* ---------------------------------------------- */ /*.form-control { border: 0; background: transparent; border-bottom: 1px dotted #DDD; font-size: 16px; padding: 0; } */ .form-control:focus { border-color: #444444; } .input-lg, .form-horizontal .form-group-lg .form-control { height: 38px; font-size: 18px; } .form-horizontal .form-group-sm .form-control { font-size: 11px; height: 30px; } .input-sm { font-size: 15px; height: 30px; } textarea.form-control { padding: 15px 0; } .form-control-black { border: 1px solid #DDD; } .form-control-black:focus { border-color: #444444; } /* ---------------------------------------------- /* * Custom button style /* ---------------------------------------------- */ .btn { letter-spacing: 1px; font-size: 16px; padding: 8px 26px; } .btn:hover, .btn:focus, .btn:active, .btn.active { outline: inherit !important; } .btn-custom-1 { background: transparent; border: 1px solid #000; color: #000; } .btn-custom-1:hover, .btn-custom-1:focus, .btn-custom-1:active, .btn-custom-1.active { background: #000; border-color: #000; color: #fff; } .btn-custom-2 { background: transparent; border: 1px solid #fff; color: #fff; } .btn-custom-2:hover, .btn-custom-2:focus, .btn-custom-2:active, .btn-custom-2.active { background: #fff; border-color: #fff; color: #000; } .btn-custom-3 { background: transparent; border: 1px solid #000; color: #000 } .btn-custom-3:hover, .btn-custom-3:focus, .btn-custom-3:active, .btn-custom-3.active { background: #3a94d8; border-color: #3a94d8; color: #FFF; } .btn-custom-4 { background: transparent; border: 1px solid #fff; color: #fff; } .btn-custom-4:hover, .btn-custom-4:focus, .btn-custom-4:active, .btn-custom-4.active { background: #3a94d8; border-color: #3a94d8; color: #fff; } .btn-custom-5 { background: #000; border: 1px solid #000; color: #fff; } .btn-custom-5:hover, .btn-custom-5:focus, .btn-custom-5:active, .btn-custom-5.active { background: #fff; border-color: #fff; color: #000; } /* Button size */ .btn-lg, .btn-group-lg > .btn { padding: 12px 30px; font-size: 18px; } .btn-sm, .btn-group-sm > .btn { padding: 6px 25px; font-size: 11px; } .btn-xs, .btn-group-xs > .btn { padding: 5px 25px; font-size: 10px; } .btn .icon-before { margin-right: 6px; } .btn .icon-after { margin-left: 6px; } .btn .icon-after, .btn .icon-before { font-size: 12px; } .btn-list .btn { margin-bottom: 5px; } /* ---------------------------------------------- /* * Main /* ---------------------------------------------- */ .module { position: relative; background: #fff; padding: 60px 0; } .module-gray { background: #f5f5f5; } .module-dark { background: #0E0E0E; } .callout, .callout h1, .callout h2, .callout h3, .callout h4, .callout h5, .callout h6, .module-dark, .module-dark h1, .module-dark h2, .module-dark h3, .module-dark h4, .module-dark h5, .module-dark h6, .intro-module, .intro-module h1, .intro-module h2, .intro-module h3, .intro-module h4, .intro-module h5, .intro-module h6 { color: #fff; } .module-header { text-align: center; margin: 0 0 30px; } .long-up { margin-top: 60px; } .long-up-2x { margin-top: 80px; } .long-down { margin-bottom: 60px; } .text-center { text-align: center; } .devider { text-align: center; margin: 60px 0 0; } .js-hovered { cursor: pointer; } .js-fade { opacity: 0.65; } .vjs-control-bar { visibility: hidden; display: none; } .parallax { background-attachment: fixed; background-position: 50% 0; } .bg-dark-alfa-30::after { background-color: rgba(27, 116, 184, 1.0); position: absolute; height: 100%; width: 100%; left: 0px; top: 0px; content: ''; z-index: -1; } .bg-dark-alfa-60::after { background-color: rgba(0, 0, 0, 0.6); position: absolute; position: absolute; height: 100%; width: 100%; left: 0px; top: 0px; content: ''; z-index: -1; } .bg-dark-alfa-90::after { background-color: rgba(5, 23, 37, 0.9); position: absolute; position: absolute; height: 100%; width: 100%; left: 0px; top: 0px; content: ''; z-index: -1; } /* ---------------------------------------------- /* * Callout /* ---------------------------------------------- */ .callout { background-color: #222; position: relative; text-align: center; padding: 180px 0; z-index: 1; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /* ---------------------------------------------- /* * Home /* ---------------------------------------------- */ .module-image { background-color: #222; background-image:; background-repeat: no-repeat; position: relative; z-index: 1; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 0; } .video-background { background-color: #000; } .intro { position: absolute; text-align: center; width: 100%; top: 50%; left: 0; -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); transform: translate(0%, -50%); padding: 0 15px; } /* ---------------------------------------------- /* * Menu /* ---------------------------------------------- */ .menu { border-bottom: 1px dotted #DDD; padding: 0 0 10px; margin: 0 0 20px; } .menu-classic img { margin: 0 0 10px; } .menu-title, .menu-price { font-size: 16px; margin: 0; } .menu-title { margin-bottom: 10px; } .menu-detail { font-size: 14px; } .menu-price-detail { position: relative; text-align: right; } .menu-label { background: #fae7d7; position: relative; display: inline-block; padding: 2px 10px 0px 10px; font-family: 'Crimson Text', serif; letter-spacing: 1px; font-style: italic; font-size: 13px; float: right; top: 5px; } /* ---------------------------------------------- /* * Servise /* ---------------------------------------------- */ .iconbox { background: #fae7d7; text-align: center; padding: 15px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .iconbox-body { border: 1px solid rgba(0,0,0,.1); padding: 25px 10px; } .iconbox-icon { color: #000; font-size: 32px; margin-bottom: 25px; } .iconbox-title { color: #000; margin: 0 0 15px; padding: 0; } .iconbox-desc { font-size: 15px; } /* ---------------------------------------------- /* * Testimonials /* ---------------------------------------------- */ .testimonial-text { text-align: center; margin: 0 0 60px; } .testimonial-avatar { text-align: right; } .testimonial-avatar img { height: 84px; width: 84px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } .testimonial-info { padding-top: 11px; text-align: left; } .stars { font-size: 12px; color: #f1c40f; } .stars i { margin: 0 2px 0 0; } .star-off { color: #999; } /* ---------------------------------------------- /* * Gallery /* ---------------------------------------------- */ .margin-0 { margin: 0!important; } .position-relative { position: relative; } .side-image { position: absolute; background: #fae7d7; padding: 30px; height: 100%; } .vertical-body { position: relative; border: 1px solid rgba(0,0,0,.1); display: table; height: 100%; text-align: center; } .vertical { display: table-cell; vertical-align: middle; width: 100%; padding: 30px; } .gallery-no-padding { background: #fff; } .gallery-no-padding > .row > .col-sm-4 { padding: 0; } .gallery-detail { border-bottom: 1px dotted #DDD; text-align: center; margin: 15px 0 20px; padding: 0 0 10px; } .gallery-title { font-size: 16px; margin: 0 0 5px; } /* ---------------------------------------------- /* * Menu Classic, Gallery Overlay /* ---------------------------------------------- */ .overlay { display: block; position: absolute; z-index: 1050; top: 0; width: 100%; background-color: black; opacity: .7; height: 100%; } .overlay a { position: absolute; text-indent: 200%; font-size: 0; height: 100%; width: 100%; left: 0; top: 0; opacity: 0; z-index: 10; } /* ---------------------------------------------- /* * Twitter /* ---------------------------------------------- */ .interact a { margin-right: 10px; } /* ---------------------------------------------- /* * Map, Contact and Ajax /* ---------------------------------------------- */ #map-section { position: relative; width: 100%; } #map { height: 100%; width: 100%; } .ajax-response { text-align: center; padding: 20px; } /* ---------------------------------------------- /* * Footer /* ---------------------------------------------- */ #footer { background: #1B74B8; padding: 10px 0; padding-top: 30px; font-size: 16px; color: #FFF; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } #footer ul { list-style-type: none; padding-left: 0px; color: #f1f7fc; } #footer h4 { color: white; margin-bottom: 10px; border-bottom: 1px solid white; padding-bottom: 5px; } .copyright { margin: 0; } #footer li { display:block; } .social-links { list-style: none; padding: 0; margin: 0; } .social-links li { display: inline-block; margin: 0 5px; } /* ---------------------------------------------- /* * Navigation /* ---------------------------------------------- */ /* Navbar Base Styles */ .navbar-custom { background: #1b74b8; /* Solid blue from your dropdown border */ border: 0; border-radius: 0; margin: 0; padding: 0; min-height: 60px; transition: all 0.3s ease-in-out; } .navbar-custom.navbar-fixed-top { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } /* Brand */ .navbar-custom .navbar-brand { font-family: 'Open Sans', sans-serif; font-weight: 700; padding: 5px 15px; } .navbar-custom .navbar-brand img { max-height: 50px; transition: max-height 0.3s ease; } /* Toggle Button */ .navbar-custom .navbar-toggle { border: solid 2px #fff; margin-top: 25px; padding: 5px; } .navbar-toggle .icon-bar { width: 30px; /* Increase length */ height: 3px; /* Increase thickness */ } .navbar-custom .navbar-toggle .icon-bar { background: #fff; } .navbar-custom .navbar-toggle:hover, .navbar-custom .navbar-toggle:focus { background: none; } /* Nav Links */ .navbar-custom .navbar-nav > li > a { color: #fff; font-size: 16px; font-weight: 500; padding: 20px 25px; text-transform: uppercase; letter-spacing: 1px; transition: background 0.3s ease, color 0.3s ease; } .navbar-custom .navbar-nav > li > a:hover, .navbar-custom .navbar-nav > li.active > a { background: rgba(255, 255, 255, 0.1); color: #fff; } .navbar-custom .nav .open > a, .navbar-custom .nav li a:focus { background: none; color: #fff; } /* Dropdown */ .navbar-custom .dropdown-menu { background: #1b74b8; border: 0; border-radius: 0; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); margin-top: 0; } .navbar-custom .dropdown-menu > li > a { color: #fff; font-size: 14px; padding: 12px 20px; transition: background 0.3s ease; } .navbar-custom .dropdown-menu > li > a:hover, .navbar-custom .dropdown-menu > li > a:focus { background: rgba(255, 255, 255, 0.2); } /* Dropdown Toggle Icon */ .navbar-custom .dropdown-toggle { position: relative; } .navbar-custom .dropdown-toggle .fa-angle-down { margin-left: 5px; } /* Mobile Adjustments */ @media (max-width: 767px) { .breadcrumbs, .breadcrumb a { float: none !important; text-align: center !important; } .breadcrumbs .pull-right { float: none !important; } .slider-title { font-size: 35px !important; } .hero-slider .carousel-caption { top: 40% !important; } .carousel { height: 600px !important; } .navbar-custom { background: #1b74b8; /* Solid blue even on mobile */ } .navbar-custom .navbar-nav { margin: 0; } .navbar-custom .navbar-nav > li > a { padding: 15px 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .navbar-custom .dropdown-menu { background: rgba(27, 116, 184, 0.9); width: 100%; } .navbar-custom .dropdown-menu > li > a { padding: 10px 30px; } } @media (min-width: 768px) { .navbar-custom .navbar-nav { margin: 0; } } /* ---------------------------------------------- /* * Scroll to top /* ---------------------------------------------- */ .scroll-up { position: fixed; display: none; bottom: 1em; right: 1em; z-index: 999; } .scroll-up a { background: #fff; display: block; height: 28px; width: 28px; text-align: center; line-height: 28px; font-size: 14px; color: #000; opacity: 0.7; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .scroll-up a:hover, .scroll-up a:active { opacity: 1; color: #000; } /* ---------------------------------------------- /* * Mouse animate icon /* ---------------------------------------------- */ .mouse-icon { position: absolute; left: 50%; bottom: 40px; border: 2px solid #fff; border-radius: 16px; height: 40px; width: 24px; margin-left: -15px; display: block; z-index: 10; } .mouse-icon .wheel { -webkit-animation-name: drop; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-delay: 0s; -webkit-animation-iteration-count: infinite; -webkit-animation-play-state: running; animation-name: drop; animation-duration: 1s; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: infinite; animation-play-state: running; } .mouse-icon .wheel { position: relative; border-radius: 10px; background: #fff; width: 2px; height: 6px; top: 4px; margin-left: auto; margin-right: auto; } @-webkit-keyframes drop { 0% { top:5px; opacity: 0;} 30% { top:10px; opacity: 1;} 100% { top:25px; opacity: 0;} } @keyframes drop { 0% { top:5px; opacity: 0;} 30% { top:10px; opacity: 1;} 100% { top:25px; opacity: 0;} } /* ---------------------------------------------- /* * Preloader /* ---------------------------------------------- */ #preloader { background: #FFF; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 9999; } #status, .status-mes { background-image: url(../images/preloader1.gif); background-position: center; background-repeat: no-repeat; height: 200px; left: 50%; margin: -100px 0 0 -100px; position: absolute; top: 50%; width: 200px; } .status-mes { background: none; left: 0; margin: 0; text-align: center; top: 65%; } /* ---------------------------------------------- /* * Media /* ---------------------------------------------- */ @media (max-width: 991px) { .breadcrumbs { margin-top: 90px; } .side-image { position: relative; height: auto; } .navbar-custom .navbar-brand, .navbar-custom .navbar-nav > li > a, .navbar-custom .navbar-nav .dropdown-menu > li > a { letter-spacing: 0; } .navbar-brand img {max-height: 75px !important;} } @media (max-width: 767px) { .menu-title, .menu-detail, .menu-price-detail { text-align: center; } .menu-label { float: none; } .mouse-icon { display: none; } .iconbox { margin: 10px 0; } .testimonial-avatar, .testimonial-info { text-align: center; } .layer_slider {margin-top: 105px;} .navbar-brand img {max-height: 75px !important;} } @media (max-width: 568px) { h1, h2, h3, h4, h5, h6 { margin: 0 0 20px; } h2 { font-size: 30px; margin: 0 0 18px; } h3 { font-size: 24px; margin: 0 0 15px; } h4 { font-size: 20px; margin: 0 0 10px; } h5 { font-size: 16px; font-weight: 400; margin: 0 0 8px; } h6 { font-size: 16px; font-weight: 400; margin: 0 0 5px; } blockquote { font: 700 38px/1.2; font-family:'Open Sans', arial, sans-serif; margin: 0 0 20px; padding: 0; border: 0; } .intro-title, .module-title, .callout-text, .iconbox-title { font: 700 38px/1.2; font-family:'Open Sans', arial, sans-serif; margin: 0 0 18px; } .iconbox-title { font-size: 24px; } .module-subtitle { font: 400 10px/1.2 'Libre Baskerville', serif; text-transform: uppercase; letter-spacing: 2px; color: #a7a9ac; margin: 0; } } /* ---------------------------------------------- /* * Icons page /* ---------------------------------------------- */ .sli-examples .item:hover { background: #f0f0f0; color: #000; } .sli-examples .item { display: block; width: 33%; float: left; padding: 0; border: 1px solid #e5e5e5; margin: -1px 0 0 -1px; font-size: 13px; } .sli-examples .item > span { display: inline-block; margin-right: 5px; min-width: 70px; min-height: 70px; border-right: 1px solid #f1f1f1; line-height: 70px; text-align: center; font-size: 32px; } .fa-examples > div { padding: 0; border: 1px solid #e5e5e5; margin: -1px 0 0 -1px; font-size: 13px; } .fa-examples > div > i { display: inline-block; margin-right: 5px; min-width: 40px; min-height: 40px; border-right: 1px solid #f1f1f1; line-height: 40px; text-align: center; font-size: 14px; } .breadcrumb { background:none 0 0 repeat scroll transparent; border-radius:0; float:right; margin:0; padding:16px 0; font-size: 18px; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color:#191919; border-color:#191919; color:#FFFFFF; cursor:default; z-index:2; }