/* 
_____________________________________________________

	Definity - Multipurpose One/Multi Page Template
	Version: 1.6 (update - 08.09.16)
	Created By: Viktor Andonov
	Support: octarinethemes@gmail.com
_____________________________________________________


	
---------- TABLE OF CONTENTS ----------
	
	0.1 Bootstrap styles
	0.2	Fonts imports
	0.3 Variables
	0.4 Utilities

	1.0 Typography

		1.1	Text
		1.2	Headings
		1.3 Links
		1.4 Blockquotes
		1.5 Lists
		1.6 PAGE - Typography
	
	2.0 Buttons

		2.1 Default Buttons
		2.2 Ghost Buttons
		2.3 Buttons Rounded
		2.4 Text Buttons
		2.5 Buttons Sizes
		2.6 Light Buttons
		2.7 PAGE - Buttons

	3.0 Forms

	4.0 Headers/Page Titles

		4.1 Breadcrumbs
		4.2 Header/Page Title
		4.3 Header/Page Title Styles
		4.4 Header/Page Title Sizes
		4.5 Header/Page Title Parallax

	5.0 Alerts
	6.0 FAQ - Accordions

	7.0 Footers

		7.1 Footer Widgets
		7.2 Footer Contact
		7.3 Footer Litle

	8.0 Navigation

	9.0 Features

		9.1 Feature - Cards
		9.2 Feature - Cards 2
		9.3 Feature - Steps Numbers
		9.4 Feature - Centered
		9.5 Feature - Horizontal Aligned
		9.6 Feature - Vertical Aligned
		9.7 Feature - Boxed Hover List
		9.8 Feature - Tabs
		9.9 Lists
		9.10 Feature Layout 50/50
		9.11 Feature Hover Box
		9.12 Video Background
		9.13 Feature - Big Images + Text
		9.14 Feature - Image Left
		9.15 Tabs
		9.16 Utiliy Classes

	10.0 Counters

		10.1 Circle Counter
		10.2 Counters - Numbers

	11.0 Sliders

	12.0 Testimonials
		
		12.1 Testimonials - 1 Column
		12.2 Testimonials - 3 Columns Cards
		12.3 Clients List

	13.0 Clients
		
	14.0 Team Blocks

		14.1 Team - 3 Columns
		14.2 Team - 4 Columns
		14.3 Freelancer

	15.0 Portfolio

		15.1 Full Width - Columns
		15.2 Boxed Columns
		15.3 Masonry Layout
		15.4 Single Column
		15.5 Portfoli Single - Project Page

	16.0 Pricing Tables

	17.0 CTA - Call to Action

		17.1 CTA - Link
		17.2 CTA - Newsletter Signup

	18.0 Blog

		18.1 Blog Columns
		18.2 Blog Masonry
		18.3 Blog Classic
		18.4 Blog Post Single
		18.5 Sidebar
		18.6 Comments
	
	19.0 Contact

		19.1 Contact Layout 1
		19.2 Contact Layout 2
		19.3 Contact Layout 3

	20.0 Hero
		
		20.01 Preloader
		20.02 Scroller
		20.03 Hero Sliders Navigation
		20.1 Main Onepage
		20.2 Full Screen Slider
		20.3 Full Width Slider
		20.4 Full Screen Video
		20.5 Full Width Video
		20.6 Text Slider
		20.7 Freelancer
		20.8 Agency
		20.9 Animated Heading
		20.10 Kenburn Slider
		20.11 Landing Page

	21.0 Login Pages

		21.1 Login Page 1
		21.2 Login Page 2

	22.0 Coming Soon

		22.1 Coming Soon - Page 1
		22.2 Coming Soon - Page 2

	23.0 Maintenance Page

	24.0 404 Page

	25.0 Labels

	26.0 Hover Effects
		
		26.1 Hover Default - Effect
		26.2 Hover Bottom - Effect
		26.3 Hover Side Panel - Effect

	27.0 Shop (E-Commerce) Layout

		27.1 Shop Layout
		27.2 Shop Product Card
		27.3 Shop Sidebar - (horizontal)
		27.4 Shop Sidebar - (vertical)
		27.5 Checkout Page
		27.6 Shop Product Single

	28.0 Tables


---------- END - TABLE OF CONTENTS ----------
*/
/* --------------------------------------------------
	0.1 Settigns
-------------------------------------------------- */
/* ---- Colors ---- */
/* ---- Label Colors ---- */
/* ---- Text ---- */
/* ---- White Space ---- */
/* ---- Buttons ---- */
/* ---- Forms ---- */
/* ---- Navigation ---- */
/* ---- Footer ---- */
/* ---- Other ---- */
/* ---- Media Queries Breakpoints ---- */
/* --------------------------------------------------
	0.2 Utility
-------------------------------------------------- */

.center-block {
  margin: 0 auto;
  display: block !important;
}

/* ---- Backgrounds ---- */
.dark-bg {
  background: #111;
}

.dark-bg .footer-social-links ul li {
  color: #ececec;
}

.gray-bg {
  background: #f8f8f8;
}

/* ---- White Space ---- */
.ws-s {
  padding-bottom: 50px;
}

.section {
  padding-top: 100px;
  padding-bottom: 100px;
}

/* ---- Section Headings ---- */
.sec-heading {
  margin-bottom: 100px;
  text-align: center;
}

.sec-heading .subheading {
  display: block;
  text-transform: uppercase;
  font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 300;
  color: #999;
  letter-spacing: 2.5px;
}

.sec-heading h2:first-child {
  margin: 0;
}

.sec-heading span:last-child {
  margin-top: 25px;
}

/* ---- Info Blocks ---- */

/* ---- DEMO ONLY: Side Buttons - Qick Links ---- */

/* --------------------------------------------------
	1.0 Typography
-------------------------------------------------- */

::-moz-selection {
  color: #fff;
  background: #17DA5B;
}

::selection {
  color: #fff;
  background: #17DA5B;
}

/* ---- 1.1 Text ---- */
body {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.2px;
  line-height: 1.8em;
  color: #777;
}

h1,
h2,
.page-title .subheading,
h4,
h5,
h6,
.footer-social-links ul li,
.footer-litle address ul li .adr-group .adr-heading,
.number-counters-dark-bg .count-wrapper .count-item .count-text {
  font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
  color: #111;
  text-transform: uppercase;
}

/* ---- 1.2 Headings ---- */
h1 {
  font-size: 1.7em;
  letter-spacing: 5px;
}

h2 {
  font-size: 1.5em;
  letter-spacing: 4px;
}

.page-title .subheading {
  font-size: 1.3em;
  letter-spacing: 3.5px;
}

h4 {
  font-size: 1.07em;
  letter-spacing: 3px;
}

h5 {
  font-size: 1em;
  letter-spacing: 2px;
}

h6, .footer-social-links ul li, .footer-litle address ul li .adr-group .adr-heading, .number-counters-dark-bg .count-wrapper .count-item .count-text {
  font-size: 0.85em;
  letter-spacing: 2px;
}

.h-alt {
  font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 300;
}

/* ---- 1.3 Links ---- */
a {
  -webkit-transition: all 0.5s;
          transition: all 0.5s;
}

a:hover {
  text-decoration: none;
}

/* ---- 1.4 Blockquotes ---- */
blockquote {
  border: none;
  padding: 0;
  font-size: 1.3em;
  letter-spacing: .5px;
}

/* ---- 1.5 Lists ---- */

/* ---- 1.6 PAGE - Typography ---- */

/* --------------------------------------------------
	2.0 Buttons
-------------------------------------------------- */
/* ---- 2.1 Defualt Buttons ---- */

/* ---- 2.2 Ghost Buttons ---- */

/* ---- 2.3 Buttons Rounded ---- */

/* ---- 2.4 Text Buttons ---- */

/* ---- 2.5 Button Sizes ---- */

/* ---- 2.6 Light Buttons ---- */

/* ---- 2.7 Pagination ---- */

/* ---- 2.7 PAGE - Buttons ---- */

/* --------------------------------------------------
	3.0 Forms
-------------------------------------------------- */

/* --------------------------------------------------
	X.0 Progress Bars
-------------------------------------------------- */

/* --------------------------------------------------
	6.0 FAQ - Accordions
-------------------------------------------------- */

/* --------------------------------------------------
	5.0 Alerts
-------------------------------------------------- */

/* --------------------------------------------------
	4.0 Headers/Page Titles
-------------------------------------------------- */
/* ---- 4.1 Breadcrumbs ---- */
.breadcrumb {
  bottom: 7px;
  margin-bottom: 0;
  background: none;
  text-transform: uppercase;
  font-size: .85em;
  letter-spacing: 2px;
}

.breadcrumb li a {
  color: #999;
}

.breadcrumb li a:focus {
  text-decoration: none;
}

.breadcrumb li a:hover {
  color: #ececec;
}

.breadcrumb li + li:before {
  color: #777;
}

.breadcrumb .active {
  color: #777;
}

/* ---- 4.2 Header/Page Title ---- */
.page-title {
  position: relative;
  background: #f4f4f4;
  padding-top: 80px;
  padding-bottom: 80px;
}

.page-title h1 {
  margin: 0;
}

.page-title .subheading {
  display: block;
  margin: 20px 0 0 0;
  font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 300;
  color: #777;
}

.page-title .breadcrumb li a {
  color: #777;
}

.page-title .breadcrumb li a:hover {
  color: #111;
}

.page-title .breadcrumb .active {
  color: #999;
}

/* ---- 4.3 Header/Page Title Styles ---- */
.pt-dark {
  background: #111;
}

.pt-dark h1 {
  color: #ececec;
}

.pt-dark .breadcrumb li a {
  color: #999;
}

.pt-dark .breadcrumb li a:hover {
  color: #ececec;
}

.pt-dark .breadcrumb .active {
  color: #777;
}

/* ---- 4.4 Header/Page Title Sizes ---- */

.pt-large {
  padding-top: 140px;
  padding-bottom: 140px;
}

/* ---- 4.5 Header/Page Title Parallax ---- */

.pt-plax-lg-dark {
  background: url(https://placehold.it/2440x1280);
  background-size: cover;
}

.pt-plax-lg-dark:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(17, 17, 17, 0.83);
}

/* --------------------------------------------------
	7.0 Footers
-------------------------------------------------- */
.copyright {
  background: #222;
  padding-top: 20px;
  padding-bottom: 20px;
}

.copyright small {
  font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
  font-size: .8em;
  text-transform: uppercase;
  letter-spacing: 1.3px;
}

.copyright small a:hover {
  color: #ececec;
}

.copyright small a:focus {
  text-decoration: none;
}

.copyright .to-the-top {
  color: #777;
}

.copyright .to-the-top i {
  padding-left: 7px;
  font-size: 21px;
  vertical-align: top;
}

.footer-social-links {
  text-align: center;
}

.footer-social-links ul {
  list-style: none;
  margin: 0;
  padding: 65px 0;
}

.footer-social-links ul li {
  display: inline-block;
  padding-right: 35px;
  margin-right: 35px;
  border-right: 1px solid #777;
}

.footer-social-links ul li:last-child {
  border: none;
  padding-right: 0;
  margin-right: 0;
}

.footer-social-links ul li a {
  display: block;
  color: #ececec;
}

.footer-social-links ul li a:hover {
  color: #999;
}

.footer-social-links ul li a:focus {
  text-decoration: none;
}

/* ---- 7.1 Footer Widgets ---- */

/* ---- 7.2 Footer Contact ---- */

/* ---- 7.3 Footer Litle ---- */
.footer-litle address {
  margin-bottom: 0;
  padding-top: 85px;
  padding-bottom: 85px;
}

.footer-litle address ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
}

.footer-litle address ul li {
  display: inline-block;
  margin-right: 160px;
}

.footer-litle address ul li:last-child {
  margin-right: 0;
}

.footer-litle address ul li .adr-icon {
  padding-right: 20px;
  float: left;
  font-size: 36px;
  color: #111;
}

.footer-litle address ul li .adr-group {
  text-align: left;
  float: right;
}

.footer-litle address ul li .adr-group .adr-heading {
  display: block;
  color: #111;
}

.footer-litle address ul li .adr-group .adr-info {
  font-size: .9em;
  letter-spacing: 1.7px;
  text-transform: uppercase;
  color: #999;
}

/* --------------------------------------------------
	8.0 Navigation
-------------------------------------------------- */
.navbar {
  margin-bottom: 0;
  min-height: 75px;
  border-bottom: 1px solid #ececec;
  border-radius: 0;
  background: #fff;
}

.navbar .navbar-header {
  width: 27%;
  margin-top: 6px;
}

.navbar .navbar-header .navbar-brand {
  padding: 15px 0;
  margin-left: 0;
}

.navbar .navbar-nav {
  margin-top: 12px;
}

.navbar .navbar-nav li a {
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: 400;
  letter-spacing: 2px;
  color: #999;
  -webkit-transition: color 0.5s;
          transition: color 0.5s;
}

.navbar .navbar-nav li a:focus {
  color: inherit;
}

.navbar .navbar-nav li a:hover {
  background: none;
  color: #111;
}

.navbar .navbar-nav .dropdown .dropdown-toggle {
  background: none;
}

.navbar .navbar-nav .dropdown .dropdown-toggle:hover,
.navbar .navbar-nav .dropdown .dropdown-toggle:focus,
.navbar .navbar-nav .dropdown .dropdown-toggle:visited {
  background: none;
}

.navbar .navbar-nav .dropdown .dropdown-menu {
  margin-top: 12px;
  padding: 20px 0 10px 0;
  border: 1px solid #ececec;
  border-radius: 0;
  box-shadow: none;
  background: rgba(255, 255, 255, 0.93);
}

.navbar .navbar-nav .dropdown .dropdown-menu li {
  min-width: 150px;
}

.navbar .navbar-nav .dropdown .dropdown-menu li a {
  display: block;
  padding: 11px 40px 11px 25px;
  letter-spacing: 0.5px;
  line-height: 0.8em;
  border-left: 3px solid rgba(17, 17, 17, 0);
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}

.navbar .navbar-nav .dropdown .dropdown-menu li a:hover {
  padding-left: 35px;
  padding-right: 30px;
  background: rgba(17, 17, 17, 0.05);
  border-left: 3px solid #111;
}

.navbar .navbar-nav .dropdown .dropdown-menu .dropdown-header {
  padding: 0 25px;
  font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.8em;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #111;
}

.navbar .navbar-nav .dropdown .dropdown-menu .divider {
  margin-left: 25px;
  margin-right: 25px;
  background-color: #ddd;
}

/* ---- Navbar Inverse (Dark) ---- */

/* ---- Mega Menu ---- */
.mega .nav,
.mega .collapse,
.mega .dropdown {
  position: static;
}

.mega .container {
  position: relative;
}

.mega .dropdown-menu {
  left: auto;
}

.mega .dropdown.mega-fw .dropdown-menu {
  left: 0;
  right: 0;
}

/* ---- Navbar Utility ---- */

/* ---- Navbar Utility ---- */

/* --------------------------------------------------
	9.0 Feature
-------------------------------------------------- */
/* ---- 9.1 Feature - Cards ---- */

/* ---- 9.2 Feature - Cards 2 ---- */

/* ---- 9.3 Feature - Steps Numbers ---- */

/* ---- 9.4 Feature - Centered ---- */

/* ---- 9.5 Feature - Horizontal Aligned ---- */

/* ---- 9.6 Feature - Vertical Aligned ---- */

/* ---- 9.7 Feature - Boxed Hover List ---- */

/* ---- 9.8 Feature - Tabs ---- */

/* ---- 9.9 Lists ---- */

/* ---- 9.10 Feature Layout 50/50 ---- */
.ft-layout-50 .ft-item .ft-content-wrapper {
  padding: 75px 15% 75px 100px;
  height: 450px;
  background: #f4f4f4;
}

.ft-layout-50 .ft-item .ft-content-wrapper h5,
.ft-layout-50 .ft-item .ft-content-wrapper h6 {
  margin: 0;
}

.ft-layout-50 .ft-item .ft-content-wrapper h6 {
  margin-top: 15px;
  margin-bottom: 50px;
  color: #999;
}

.ft-layout-50 .ft-item .ft-content-wrapper p {
  margin-bottom: 45px;
}

.ft-layout-50 .ft-item .ft-img-wrapper {
  position: relative;
  padding: 0;
  height: 450px;
  overflow: hidden;
}

.ft-layout-50 .ft-item .ft-img-wrapper img {
  width: 100%;
  max-width: 100%;
  /*height: auto;*/
}

/* ---- 9.11 Feature Hover Box ---- */

/* ---- 9.12 Video Background ---- */

/* ---- 9.13 Feature Big Images + Text ---- */

/* ---- 9.14 Features - Image Left ---- */

/* ---- 9.15 Tabs ---- */

/* ---- 9.16 Utiliy Classes ---- */

/* --------------------------------------------------
	10.0 Counters
-------------------------------------------------- */
/* ---- 10.1 Circle Counters ---- */

/* ---- 10.2 Counters - Numbers ---- */
.number-counters-dark-bg {
  position: relative;
  background: #ccc url(https://placehold.it/2102x1578);
  background-size: cover;
  background-position: 50%;
  background-attachment: fixed;
}

.number-counters-dark-bg:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(17, 17, 17, 0.65);
}

.number-counters-dark-bg .count-wrapper {
  padding-top: 110px;
  padding-bottom: 100px;
}

.number-counters-dark-bg .count-wrapper .count-item {
  display: block;
  text-align: center;
}

.number-counters-dark-bg .count-wrapper .count-item .count-nbr {
  display: block;
  margin-bottom: 30px;
  font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 65px;
  font-weight: lighter;
  color: #ececec;
}

.number-counters-dark-bg .count-wrapper .count-item .count-text {
  color: #ececec;
}

.number-counters-dark-bg {
  background: #111;
}

/* --------------------------------------------------
	11.0 Sliders
-------------------------------------------------- */

/* --------------------------------------------------
	12.0 Testimonials
-------------------------------------------------- */
/* ---- 12.1 Testimonial - 1 Column Slider ---- */

/* ---- 12.2 Testimonials - 3 Columns Cards ---- */

/* ---- 12.3 Clients List ---- */

/* --------------------------------------------------
	13.0 Clients Layout
-------------------------------------------------- */

/* --------------------------------------------------
	14.0 Team Blocks
-------------------------------------------------- */
/* ---- 14.1 Team - 3 Columns ---- */

/* ---- 14.2 Team - 4 Columns ---- */

/* ---- 14.3 Freelancer ---- */

/* --------------------------------------------------
	15.0 Portfolio
-------------------------------------------------- */

/* ---- 15.1 Full Width - Columns ---- */

/* ---- 15.2 Boxed Columns ---- */
/* ---- 15.3 Masonry Layout ---- */

/* ---- 15.4 Single Column ---- */

/* ---- 15.5 Portfoli Single - Project Page ---- */

/* ---- 15.6 Portfoli Mobile ---- */

/* --------------------------------------------------
	16.0 Pricing Tables
-------------------------------------------------- */

/* --------------------------------------------------
	17.0 CTA - Call to Action
-------------------------------------------------- */
/* ---- 17.1 CTA - Link ---- */

/* ---- 17.2 CTA - Newsletter Signup ---- */

/* --------------------------------------------------
	18.0 Blog
-------------------------------------------------- */

/* ---- 18.1 Blog Columns ---- */

/* ---- 18.2 Blog Masonry ---- */

/* ---- 18.3 Blog Classic ---- */

/* ---- 18.4 Blog Post Single ---- */

/* ---- 18.5 Sidebar ---- */

/* ---- 18.6 Comments ---- */

/* --------------------------------------------------
	19.0 Contact Layouts
-------------------------------------------------- */

/* ---- 19.1 Contact Layout 1 ---- */

/* ---- 19.2 Contact Layout 2 ---- */

/* ---- 19.3 Contact Layout 3 ---- */

/* --------------------------------------------------
	21.0 Login/Signup - Pages
-------------------------------------------------- */
/* ---- 21.1 Login Page 1 ---- */

/* ---- 21.2 Login Page 2 ---- */

/* --------------------------------------------------
	22.0 Coming Soon
-------------------------------------------------- */
/* ---- 22.1 Coming Soon - Page 1 ---- */

/* ---- 22.2 Coming Soon - Page 2 ---- */

/* --------------------------------------------------
	24.0 404 Page
-------------------------------------------------- */

/* --------------------------------------------------
	23.0 Maintenance Page
-------------------------------------------------- */

/* --------------------------------------------------
	X Line Icons - Page
-------------------------------------------------- */

/* --------------------------------------------------
	20.0 Hero
-------------------------------------------------- */
/* ---- 20.01 Preloader ---- */

/* ---- 20.02 Scroller ---- */

/* ---- 20.03 Hero Sliders Navigation ---- */

/* ---- 20.1 Main Onepage ---- */

/* ---- 20.2 Full Screen Slider ---- */

/* ---- 20.3 Full Width Slider ---- */

/* ---- 20.4 Full Screen Video ---- */

/* ---- 20.5 Full Width Video ---- */

/* ---- 20.6 Text Slider ---- */

/* ---- 20.7 Freelancer ---- */

/* ---- 20.8 Agency ---- */

/* ---- 20.9 Animated Heading ---- */

/* ---- 20.10 Kenburn Slider ---- */

/* ---- 20.11 Landing Page ---- */

/* ---- 20.12 App Landing Page ---- */

/* --------------------------------------------------
	25.0 Labels
-------------------------------------------------- */
.label {
  border-radius: 0;
}

.label-green {
  background-color: #0BBE30;
}

/* --------------------------------------------------
	26.0 Hover Effects
-------------------------------------------------- */
/* ---- 26.1 Hover Default - Effect ---- */

/* ---- 26.2 Hover Bottom - Effect ---- */

/* ---- 26.3 Hover Side Panel - Effect ---- */

/* --------------------------------------------------
	27.0 Shop (E-Commerce) Layout
-------------------------------------------------- */
/* ---- 27.1 Shop Layout ---- */

/* ---- 27.2 Shop Product Card ---- */

/* ---- 27.3 Shop Sidebar - (horizontal) ---- */

/* ---- 27.4 Shop Sidebar - (vertical) ---- */

/* ---- 27.5 Checkout Page ---- */

/* ---- 27.6 Shop Product Single ---- */

/* --------------------------------------------------
	28.0 Tables
-------------------------------------------------- */
.table {
  border: none;
}

.table thead {
  border: none;
  background: #111;
}

.table thead tr th {
  padding: 15px;
  border: none;
  font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
}

.table tbody tr {
  /* background: #fff; */
}

.table tbody tr td {
  padding: 15px;
  border: 1px solid #dcdcdc;
  vertical-align: middle;
}

.table-hover tbody tr:hover td {
  background: #efefef;
  color: #111;
}

.table-hover tbody tr td {
  -webkit-transition: all 0.4s;
          transition: all 0.4s;
}

/*# sourceMappingURL=main.css.map */
























/* 

_____________________________________________________



	Definity - Multipurpose One/Multi Page Template

	Version: 1.4 (update - 18.Nov.15)

	Created By: Viktor Andonov

	Support: octarinethemes@gmail.com

_____________________________________________________





	

---------- TABLE OF CONTENTS ----------

	

	0.1 Bootstrap styles

	0.2	Fonts imports

	0.3 Variables

	0.4 Utilities



	1.0 Typography



		1.1	Text

		1.2	Headings

		1.3 Links

		1.4 Blockquotes

		1.5 Lists

		1.6 PAGE - Typography

	

	2.0 Buttons



		2.1 Default Buttons

		2.2 Ghost Buttons

		2.3 Buttons Rounded

		2.4 Text Buttons

		2.5 Buttons Sizes

		2.6 Light Buttons

		2.7 PAGE - Buttons



	3.0 Forms



	4.0 Headers/Page Titles



		4.1 Breadcrumbs

		4.2 Header/Page Title

		4.3 Header/Page Title Styles

		4.4 Header/Page Title Sizes

		4.5 Header/Page Title Parallax



	5.0 Alerts

	6.0 FAQ - Accordions



	7.0 Footers



		7.1 Footer Widgets

		7.2 Footer Contact

		7.3 Footer Litle



	8.0 Navigation



	9.0 Features



		9.1 Feature - Cards

		9.2 Feature - Cards 2

		9.3 Feature - Steps Numbers

		9.4 Feature - Centered

		9.5 Feature - Horizontal Aligned

		9.6 Feature - Vertical Aligned

		9.7 Feature - Boxed Hover List

		9.8 Feature - Tabs

		9.9 Lists

		9.10 Feature Layout 50/50

		9.11 Feature Hover Box

		9.12 Video Background



	10.0 Counters



		10.1 Circle Counter

		10.2 Counters - Numbers



	11.0 Sliders



	12.0 Testimonials

		

		12.1 Testimonials - 1 Column

		12.2 Testimonials - 3 Columns Cards

		12.3 Clients List



	13.0 Clients

		

	14.0 Team Blocks



		14.1 Team - 3 Columns

		14.2 Team - 4 Columns

		14.3 Freelancer



	15.0 Portfolio



		15.1 Full Width - Columns

		15.2 Boxed Columns

		15.3 Masonry Layout

		15.4 Single Column

		15.5 Portfoli Single - Project Page



	16.0 Pricing Tables



	17.0 CTA - Call to Action



		17.1 CTA - Link

		17.2 CTA - Newsletter Signup



	18.0 Blog



		18.1 Blog Columns

		18.2 Blog Masonry

		18.3 Blog Classic

		18.4 Blog Post Single

		18.5 Sidebar

		18.6 Comments

	

	19.0 Contact



		19.1 Contact Layout 1

		19.2 Contact Layout 2

		19.3 Contact Layout 3



	20.0 Hero

		

		20.01 Preloader

		20.02 Scroller

		20.03 Hero Sliders Navigation

		20.1 Main Onepage

		20.2 Full Screen Slider

		20.3 Full Width Slider

		20.4 Full Screen Video

		20.5 Full Width Video

		20.6 Text Slider

		20.7 Freelancer

		20.8 Agency

		20.9 Animated Heading

		20.10 Kenburn Slider

		20.11 Landing Page



	21.0 Login Pages



		21.1 Login Page 1

		21.2 Login Page 2



	22.0 Coming Soon



		22.1 Coming Soon - Page 1

		22.2 Coming Soon - Page 2



	23.0 Maintenance Page



	24.0 404 Page



	25.0 Labels



	26.0 Hover Effects

		

		26.1 Hover Default - Effect

		26.2 Hover Bottom - Effect

		26.3 Hover Side Panel - Effect







---------- END - TABLE OF CONTENTS ----------

*/

/* --------------------------------------------------

	0.1 Settigns

-------------------------------------------------- */

/* ---- Colors ---- */

/* ---- Label Colors ---- */

/* ---- Text ---- */

/* ---- White Space ---- */

/* ---- Buttons ---- */

/* ---- Forms ---- */

/* ---- Navigation ---- */

/* ---- Footer ---- */

/* ---- Other ---- */

/* ---- Media Queries Breakpoints ---- */

/* --------------------------------------------------

	0.2 Utility

-------------------------------------------------- */



.center-block {

  margin: 0 auto;

  display: block !important;

}



/* ---- Backgrounds ---- */

.dark-bg {

  background: #111;

}



.dark-bg .footer-social-links ul li {

  color: #ececec;

}



.gray-bg {

  background: #f8f8f8;

}



/* ---- White Space ---- */

.ws-s {

  padding-bottom: 50px;

}



.section {

	padding-top: 50px;

	padding-bottom: 50px;

}



/* ---- Section Headings ---- */

.sec-heading {

  margin-bottom: 100px;

  text-align: center;

}



.sec-heading .subheading {

  display: block;

  text-transform: uppercase;

  font-family: "Open Sans",  "Helvetica Neue", Helvetica, sans-serif;

  font-weight: 300;

  color: #999;

  letter-spacing: 2.5px;

}



.sec-heading h2:first-child {

  margin: 0;

}



.sec-heading span:last-child {

  margin-top: 25px;

}



/* ---- Info Blocks ---- */



/* ---- DEMO ONLY: Side Buttons - Qick Links ---- */



/* --------------------------------------------------

	1.0 Typography

-------------------------------------------------- */



::-moz-selection {

  color: #fff;

  background: #17DA5B;

}



::selection {

  color: #fff;

  background: #17DA5B;

}



/* ---- 1.1 Text ---- */

body {

  font-family: "Open Sans", "Helvetica Neue", Helvetica, sans-serif;

  font-size: 14px;

  font-weight: 300;

  letter-spacing: 0.2px;

  line-height: 1.8em;

  color: #777;

}



h1,

h2,

.page-title .subheading,

h4,

h5,

h6,

.footer-social-links ul li,

.footer-litle address ul li .adr-group .adr-heading,

.number-counters-dark-bg .count-wrapper .count-item .count-text {

  font-family:  "Open Sans", "Helvetica Neue", Helvetica, sans-serif;

  color: #111;

  text-transform: uppercase;

}



/* ---- 1.2 Headings ---- */

h1 {

  font-size: 1.7em;

  letter-spacing: 5px;

}



h2 {

  font-size: 1.5em;

  letter-spacing: 4px;

}



.page-title .subheading {

  font-size: 1.3em;

  letter-spacing: 3.5px;

}



h4 {

  font-size: 1.07em;

  letter-spacing: 3px;

}



h5 {

  font-size: 1em;

  letter-spacing: 2px;

}



h6, .footer-social-links ul li, .footer-litle address ul li .adr-group .adr-heading, .number-counters-dark-bg .count-wrapper .count-item .count-text {

  font-size: 0.85em;

  letter-spacing: 2px;

}



.h-alt {

  font-family: "Open Sans",  "Helvetica Neue", Helvetica, sans-serif;

  font-weight: 300;

}



/* ---- 1.3 Links ---- */

a {

  -webkit-transition: all 0.5s;

          transition: all 0.5s;

}



a:hover {

  text-decoration: none;

}



/* ---- 1.4 Blockquotes ---- */

blockquote {

  border: none;

  padding: 0;

  font-size: 1.3em;

  letter-spacing: .5px;

}



/* ---- 1.5 Lists ---- */



/* ---- 1.6 PAGE - Typography ---- */



/* --------------------------------------------------

	2.0 Buttons

-------------------------------------------------- */

/* ---- 2.1 Defualt Buttons ---- */



/* ---- 2.2 Ghost Buttons ---- */



/* ---- 2.3 Buttons Rounded ---- */



/* ---- 2.4 Text Buttons ---- */



/* ---- 2.5 Button Sizes ---- */



/* ---- 2.6 Light Buttons ---- */



/* ---- 2.7 Pagination ---- */



/* ---- 2.7 PAGE - Buttons ---- */



/* --------------------------------------------------

	3.0 Forms

-------------------------------------------------- */



/* --------------------------------------------------

	X.0 Progress Bars

-------------------------------------------------- */



/* --------------------------------------------------

	6.0 FAQ - Accordions

-------------------------------------------------- */



/* --------------------------------------------------

	5.0 Alerts

-------------------------------------------------- */



/* --------------------------------------------------

	4.0 Headers/Page Titles

-------------------------------------------------- */

/* ---- 4.1 Breadcrumbs ---- */

.breadcrumb {

  bottom: 7px;

  margin-bottom: 0;

  background: none;

  text-transform: uppercase;

  font-size: .85em;

  letter-spacing: 2px;

}



.breadcrumb li a {

  color: #999;

}



.breadcrumb li a:focus {

  text-decoration: none;

}



.breadcrumb li a:hover {

  color: #ececec;

}



.breadcrumb li + li:before {

  color: #777;

}



.breadcrumb .active {

  color: #777;

}



/* ---- 4.2 Header/Page Title ---- */

.page-title {

  position: relative;

  background: #f4f4f4;

  padding-top: 80px;

  padding-bottom: 80px;

}



.page-title h1 {

  margin: 0;

}



.page-title .subheading {

  display: block;

  margin: 20px 0 0 0;

  font-family: "Open Sans",  "Helvetica Neue", Helvetica, sans-serif;

  font-weight: 300;

  color: #b1b1b1;

}



.page-title .breadcrumb li a {

  color: #777;

}



.page-title .breadcrumb li a:hover {

  color: #111;

}



.page-title .breadcrumb .active {

  color: #999;

}



/* ---- 4.3 Header/Page Title Styles ---- */

.pt-dark {

  background: #111;

}



.pt-dark h1 {

  color: #ececec;

}



.pt-dark .breadcrumb li a {

  color: #999;

}



.pt-dark .breadcrumb li a:hover {

  color: #ececec;

}



.pt-dark .breadcrumb .active {

  color: #b1b1b1;

}



/* ---- 4.4 Header/Page Title Sizes ---- */



.pt-large {

  padding-top: 140px;

  padding-bottom: 140px;

}



/* ---- 4.5 Header/Page Title Parallax ---- */



.pt-plax-lg-dark {

  background: url(https://kmproject.net/assets/images/produkty/zaluzje/C-80/header1.webp);

  background-size: cover;

}



.pt-plax-lg-dark:before {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(17, 17, 17, 0.55);

}



/* --------------------------------------------------

	7.0 Footers

-------------------------------------------------- */

.copyright {

  background: #222;

  padding-top: 20px;

  padding-bottom: 20px;

}



.copyright small {

  font-family:  "Open Sans", "Helvetica Neue", Helvetica, sans-serif;

  font-size: .8em;

  text-transform: uppercase;

  letter-spacing: 1.3px;

}



.copyright small a:hover {

  color: #ececec;

}



.copyright small a:focus {

  text-decoration: none;

}



.copyright .to-the-top {

  color: #777;

}



.copyright .to-the-top i {

  padding-left: 7px;

  font-size: 21px;

  vertical-align: top;

}



.footer-social-links {

  text-align: center;

}



.footer-social-links ul {

  list-style: none;

  margin: 0;

  padding: 65px 0;

}



.footer-social-links ul li {

  display: inline-block;

  padding-right: 35px;

  margin-right: 35px;

  border-right: 1px solid #777;

}



.footer-social-links ul li:last-child {

  border: none;

  padding-right: 0;

  margin-right: 0;

}



.footer-social-links ul li a {

  display: block;

  color: #ececec;

}



.footer-social-links ul li a:hover {

  color: #0bbe30;

}



.footer-social-links ul li a:focus {

  text-decoration: none;

}



/* ---- 7.1 Footer Widgets ---- */



/* ---- 7.2 Footer Contact ---- */



/* ---- 7.3 Footer Litle ---- */

.footer-litle address {

  margin-bottom: 0;

  padding-top: 85px;

  padding-bottom: 85px;

}



.footer-litle address ul {

  list-style: none;

  padding: 0;

  margin: 0;

  text-align: center;

}



.footer-litle address ul li {

  display: inline-block;

  margin-right: 160px;

}



.footer-litle address ul li:last-child {

  margin-right: 0;

}



.footer-litle address ul li .adr-icon {

  padding-right: 20px;

  float: left;

  font-size: 36px;

  color: #111;

}



.footer-litle address ul li .adr-group {

  text-align: left;

  float: right;

}



.footer-litle address ul li .adr-group .adr-heading {

  display: block;

  color: #111;

}



.footer-litle address ul li .adr-group .adr-info {

  font-size: .9em;

  letter-spacing: 1.7px;

  text-transform: uppercase;

  color: #999;

}



/* --------------------------------------------------

	8.0 Navigation

-------------------------------------------------- */

.navbar {

  margin-bottom: 0px;

  min-height: 75px;

  border-bottom: 1px solid #4a4949;

  border-radius: 0;

  background: #1d1d1d;

}

/*#menuindex {

  margin-bottom: -75px !important;
}*/


.navbar .navbar-header {

  width: 30%;

  margin-top: 6px;

}



.navbar .navbar-header .navbar-brand {

  padding: 5px 0;

  margin-left: 0;

}



.navbar .navbar-nav {

  margin-top: 12px;

}



.navbar .navbar-nav li a {

  text-transform: uppercase;

  font-size: 0.8em;

  font-weight: 400;

  letter-spacing: 2px;

  color: #fff;

  -webkit-transition: color 0.5s;

          transition: color 0.5s;

}



.navbar .navbar-nav li a:focus {

  color: inherit;

}



.navbar .navbar-nav li a:hover {

  background: none;

  color: #0bbe30;

}



.navbar .navbar-nav .dropdown .dropdown-toggle {

  background: none;

}



.navbar .navbar-nav .dropdown .dropdown-toggle:hover,

.navbar .navbar-nav .dropdown .dropdown-toggle:focus,

.navbar .navbar-nav .dropdown .dropdown-toggle:visited {

  background: none;

}



.navbar .navbar-nav .dropdown .dropdown-menu {

  margin-top: 12px;

  padding: 20px 0 10px 0;

  border: 1px solid #ececec;

  border-radius: 0;

  box-shadow: none;

  background: rgba(255, 255, 255, 0.93);

}



.navbar .navbar-nav .dropdown .dropdown-menu li {

  min-width: 150px;

}



.navbar .navbar-nav .dropdown .dropdown-menu li a {

  display: block;

  padding: 11px 40px 11px 25px;

  letter-spacing: 0.5px;

  line-height: 0.8em;

  border-left: 3px solid rgba(17, 17, 17, 0);

  -webkit-transition: all 0.3s;

          transition: all 0.3s;

}



.navbar .navbar-nav .dropdown .dropdown-menu li a:hover {

  padding-left: 35px;

  padding-right: 30px;

  background: rgba(17, 17, 17, 0.05);

  border-left: 3px solid #111;

}



.navbar .navbar-nav .dropdown .dropdown-menu .dropdown-header {

  padding: 0 25px;

  font-family:  "Open Sans", "Helvetica Neue", Helvetica, sans-serif;

  font-size: 0.8em;
  
  font-weight: 900;

  letter-spacing: 2px;

  text-transform: uppercase;

  color: #111;

}



.navbar .navbar-nav .dropdown .dropdown-menu .divider {

  margin-left: 25px;

  margin-right: 25px;

  background-color: #ddd;

}



/* ---- Navbar Inverse (Dark) ---- */



/* ---- Mega Menu ---- */

.mega .nav,

.mega .collapse,

.mega .dropdown {

  position: static;

}



.mega .container {

  position: relative;

}



.mega .dropdown-menu {

  left: auto;

}



.mega .dropdown.mega-fw .dropdown-menu {

  left: 0;

  right: 0;

}



/* ---- Navbar Utility ---- */



/* --------------------------------------------------

	9.0 Feature

-------------------------------------------------- */

/* ---- 9.1 Feature - Cards ---- */



/* ---- 9.2 Feature - Cards 2 ---- */

/* ---- 9.2 Feature - Cards 2a ---- */

@media (min-width: 1024px) {
	.markizy_menu{
		width:50%;
		margin-left:auto;
	
}
}

/* ---- 9.3 Feature - Steps Numbers ---- */



/* ---- 9.4 Feature - Centered ---- */



/* ---- 9.5 Feature - Horizontal Aligned ---- */



/* ---- 9.6 Feature - Vertical Aligned ---- */



/* ---- 9.7 Feature - Boxed Hover List ---- */



/* ---- 9.8 Feature - Tabs ---- */



/* ---- 9.9 Lists ---- */



/* ---- 9.10 Feature Layout 50/50 ---- */

.ft-layout-50 .ft-item .ft-content-wrapper {

  padding: 75px 10% 75px 100px;

  height: 450px;

  background: #f4f4f4;

}



.ft-layout-50 .ft-item .ft-content-wrapper h5,

.ft-layout-50 .ft-item .ft-content-wrapper h6 {

  margin: 0;

}



.ft-layout-50 .ft-item .ft-content-wrapper h6 {

  margin-top: 15px;

  margin-bottom: 50px;

  color: #999;

}



.ft-layout-50 .ft-item .ft-content-wrapper p {

  margin-bottom: 45px;

}



.ft-layout-50 .ft-item .ft-img-wrapper {

  position: relative;

  padding: 0;

  height: 450px;

  overflow: hidden;

}



.ft-layout-50 .ft-item .ft-img-wrapper img {

  width: 100%;

  max-width: 100%;

  height: auto;

}



/* ---- 9.11 Feature Hover Box ---- */



/* ---- 9.12 Video Background ---- */



/* ---- 9.13 Feature Big Images + Text ---- */



/* ---- 9.14 Features ---- */



/* ---- 9.15 Feature - Utiliy Classes ---- */



/* --------------------------------------------------

	10.0 Counters

-------------------------------------------------- */

/* ---- 10.1 Circle Counters ---- */



/* ---- 10.2 Counters - Numbers ---- */

.number-counters-dark-bg {

  position: relative;

  background: url(https://kmproject.net/assets/images/produkty/%C5%BBaluzje/bg-counter.webp);

  background-size: cover;

  background-position: 50%;

  background-attachment: fixed;

}



.number-counters-dark-bg:before {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(17, 17, 17, 0.65);

}



.number-counters-dark-bg .count-wrapper {

  padding-top: 110px;

  padding-bottom: 100px;

}



.number-counters-dark-bg .count-wrapper .count-item {

  display: block;

  text-align: center;

}



.number-counters-dark-bg .count-wrapper .count-item .count-nbr {

  display: block;

  margin-bottom: 30px;

  font-family: "Open Sans",  "Helvetica Neue", Helvetica, sans-serif;

  font-size: 65px;

  font-weight: lighter;

  color: #ececec;

}



.number-counters-dark-bg .count-wrapper .count-item .count-text {

  color: #ececec;

}



.number-counters-dark-bg {

  background: #111;

}



/* --------------------------------------------------

	11.0 Sliders

-------------------------------------------------- */



/* --------------------------------------------------

	12.0 Testimonials

-------------------------------------------------- */

/* ---- 12.1 Testimonial - 1 Column Slider ---- */



/* ---- 12.2 Testimonials - 3 Columns Cards ---- */



/* ---- 12.3 Clients List ---- */



/* --------------------------------------------------

	13.0 Clients Layout

-------------------------------------------------- */



/* --------------------------------------------------

	14.0 Team Blocks

-------------------------------------------------- */

/* ---- 14.1 Team - 3 Columns ---- */



/* ---- 14.2 Team - 4 Columns ---- */



/* ---- 14.3 Freelancer ---- */



/* --------------------------------------------------

	15.0 Portfolio

-------------------------------------------------- */



/* ---- 15.1 Full Width - Columns ---- */



/* ---- 15.2 Boxed Columns ---- */

/* ---- 15.3 Masonry Layout ---- */



/* ---- 15.4 Single Column ---- */



/* ---- 15.5 Portfoli Single - Project Page ---- */



/* ---- 15.6 Portfoli Mobile ---- */



/* --------------------------------------------------

	16.0 Pricing Tables

-------------------------------------------------- */



/* --------------------------------------------------

	17.0 CTA - Call to Action

-------------------------------------------------- */

/* ---- 17.1 CTA - Link ---- */



/* ---- 17.2 CTA - Newsletter Signup ---- */



/* --------------------------------------------------

	18.0 Blog

-------------------------------------------------- */



/* ---- 18.1 Blog Columns ---- */



/* ---- 18.2 Blog Masonry ---- */



/* ---- 18.3 Blog Classic ---- */



/* ---- 18.4 Blog Post Single ---- */



/* ---- 18.5 Sidebar ---- */



/* ---- 18.6 Comments ---- */



/* --------------------------------------------------

	19.0 Contact Layouts

-------------------------------------------------- */



/* ---- 19.1 Contact Layout 1 ---- */



/* ---- 19.2 Contact Layout 2 ---- */



/* ---- 19.3 Contact Layout 3 ---- */



/* --------------------------------------------------

	21.0 Login/Signup - Pages

-------------------------------------------------- */

/* ---- 21.1 Login Page 1 ---- */



/* ---- 21.2 Login Page 2 ---- */



/* --------------------------------------------------

	22.0 Coming Soon

-------------------------------------------------- */

/* ---- 22.1 Coming Soon - Page 1 ---- */



/* ---- 22.2 Coming Soon - Page 2 ---- */



/* --------------------------------------------------

	24.0 404 Page

-------------------------------------------------- */



/* --------------------------------------------------

	23.0 Maintenance Page

-------------------------------------------------- */



/* --------------------------------------------------

	X Line Icons - Page

-------------------------------------------------- */



/* --------------------------------------------------

	20.0 Hero

-------------------------------------------------- */

/* ---- 20.01 Preloader ---- */



/* ---- 20.02 Scroller ---- */



/* ---- 20.03 Hero Sliders Navigation ---- */



/* ---- 20.1 Main Onepage ---- */



/* ---- 20.2 Full Screen Slider ---- */



/* ---- 20.3 Full Width Slider ---- */



/* ---- 20.4 Full Screen Video ---- */



/* ---- 20.5 Full Width Video ---- */



/* ---- 20.6 Text Slider ---- */



/* ---- 20.7 Freelancer ---- */



/* ---- 20.8 Agency ---- */



/* ---- 20.9 Animated Heading ---- */



/* ---- 20.10 Kenburn Slider ---- */



/* ---- 20.11 Landing Page ---- */



/* ---- 20.12 App Landing Page ---- */



/* --------------------------------------------------

	25.0 Labels

-------------------------------------------------- */

.label {

  border-radius: 0;

}



.label-green {

  background-color: #0BBE30;

}



/* --------------------------------------------------

	26.0 Hover Effects

-------------------------------------------------- */

/* ---- 26.1 Hover Default - Effect ---- */



/* ---- 26.2 Hover Bottom - Effect ---- */



/* ---- 26.3 Hover Side Panel - Effect ---- */



/*# sourceMappingURL=main.css.map */

/*swap pic on hover*/
/* Make the container relative */

/* Select the image and make it absolute to the container */

/* 
	We set z-index to be higher than the back image, so it's alwyas on the front.

We give it an opacity leaner to .25s, that way when we hover we will get a nice fading effect. 
*/

/* When we hover the figure element, the block with .swap-on-hover, we want to use > so the front-image is going to have opacity of 0, which means it will be hidden, to the back image will show */
/* ---- Navbar Utility ---- */

.navbar-trans {

  border-bottom: none;

  background: #000000ad;

  -webkit-transition: all 0.5s;

          transition: all 0.5s;

}



.navbar-trans .navbar-logo {

  content: url(../images/logo.webp);
  width: 50px !important;
  -webkit-transition: all 0.5s;
		  transition: all 0.5s;

}



.navbar-trans .navbar-logo-dark {

  content: url(../images/logo.webp);

}



.navbar-trans:not(.navbar-inverse) .navbar-nav li a:focus,

.navbar-trans:not(.navbar-inverse) .navbar-nav li a:hover {

  color: #ececec;

}



.navbar-trans:not(.navbar-inverse) .navbar-nav .active a {

  color: #ececec;

}



.navbar-trans:not(.navbar-inverse) .navbar-nav .active a:hover {

  color: #ececec;

}



.navbar-trans:not(.navbar-inverse) .navbar-nav .dropdown .dropdown-menu li a:hover {

  color: #111;

}



.navbar-trans:not(.navbar-inverse) .navbar-nav .open .dropdown-toggle {

  color: #ececec;

}



.navbar-trans-dark .navbar-nav > li > a:focus,

.navbar-trans-dark .navbar-nav > li > a:hover {

  color: #111 !important;

}



.navbar-trans-dark .navbar-nav .active > a {

  color: #111 !important;

}



.navbar-trans-dark .navbar-nav .active > a:hover {

  color: #111 !important;

}



.navbar-trans-dark .navbar-nav .open .dropdown-toggle {

  color: #111 !important;

}



.navbar-small {

  min-height: 50px;

}



.navbar-small .navbar-header {

  margin-top: 0;

  padding: 0;

}



.navbar-small .navbar-header .navbar-brand {

  padding: 9px 0;

}



.navbar-small .navbar-nav {

  margin-top: 0;

}



.navbar-small .navbar-nav .dropdown .dropdown-menu {

  margin-top: 0;

}



.navbar-fw .navbar-header {

  margin-left: 50px;

  width: 25%;

}



.navbar-fw .navbar-right {

  margin-right: 50px;

}
/*!
 *  Font Awesome 4.4.0 by @davegandy - https://fontawesome.io - @fontawesome
 *  License - https://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome/fonts/fontawesome-webfont.eot?v=4.4.0');
    src: url('../fonts/fontawesome/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),url('../fonts/fontawesome/fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),url('../fonts/fontawesome/fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'),url('../fonts/fontawesome/fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),url('../fonts/fontawesome/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.pull-right {
    float: right
}

.fa-angle-up:before {
    content: "\f106"
}