/*--------------------------------------------------------------------- 
File Name: style.css 
---------------------------------------------------------------------*/


/*--------------------------------------------------------------------- 
import Fonts 
---------------------------------------------------------------------*/
@font-face {
   font-family: 'Dosis';
   font-size: 20px;
   font-weight: 600;
   src: local(''),
        url('fonts/Dosis-SemiBold.ttf') format('ttf'), /* Chrome 26+, Opera 23+, Firefox 39+ */
 }


/*--------------------------------------------------------------------- import Files ---------------------------------------------------------------------*/

@import url(font-awesome.min.css);
@import url(owl.carousel.min.css);


/*--------------------------------------------------------------------- 
basic 
---------------------------------------------------------------------*/

body {
	 font-family: "Hind Vadodara", sans-serif;
     font-weight: 400;
     font-style: normal;	
     color: #000;
     font-size: 16pt;
     line-height: 1.80857;
     
}
.line-height-same{line-height: 28px;}

a {
     color: #1f1f1f;
     text-decoration: none !important;
     outline: none !important;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}
q {
  quotes: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
     letter-spacing: 0;
     font-weight: normal;
     position: relative;
     padding: 0;
     font-weight: normal;
     line-height: normal;
     color: #111111;
     margin: 0
}

h1 {
     font-size: 24px
}

h2 {
     font-size: 22px
}

h3 {
     font-size: 18px
}

h4 {
     font-size: 16px
}

h5 {
     font-size: 14px
}

h6 {
     font-size: 13px
}

*,
*::after,
*::before {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}

.clearfix::before, .clearfix::after, .dl-horizontal dd::before, .dl-horizontal dd::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after, .form-horizontal .form-group::before, .form-horizontal .form-group::after, .btn-toolbar::before, .btn-toolbar::after, .btn-group-vertical > .btn-group::before, .btn-group-vertical > .btn-group::after, .nav::before, .nav::after, .navbar::before, .navbar::after, .navbar-header::before, .navbar-header::after, .navbar-collapse::before, .navbar-collapse::after, .pager::before, .pager::after, .panel-body::before, .panel-body::after, .modal-footer::before, .modal-footer::after {
  display: table;
  content: " ";
}

.btn-org {
    background:#f68632;
    color: white;
}
.bg-grey-1 {background:#dcdcde;margin-left: 0;margin-right: 0;}
.bg-grey-1 .titlefrm{text-align:center;display: inline; align-content: center;line-height: 25px;}
.bg-white-1 {background:white;margin-right: 0;}
.frm-input input{margin-top: 20px;margin-bottom: 20px;line-height: normal;}
.org-frm-title{background:#f68632; color:white;text-align:center;width: 100%;margin-bottom: 20px;font-size: 16pt;font-family: 'Dosis';}
.m-bottom input{margin-bottom:0 !important;}
.row-content{margin-left:0;margin-right:0;}
.org-frm-title-sub {
	background:#f68632; 
	color:white;
	text-align:center;
	width: 100%;
	margin-bottom: 20px;
	font-size: 16pt;
	font-family: 'Dosis';
	font-size: 20pt;
	margin-top: 20px;
}
.text-align-left {text-align: left!important ;}
.underline {text-decoration:underline !important;}
.arrow-size {
	font-size: 25pt;	
}
.icon-area {
  padding-left: 0px;
  padding-right: 10px;
  padding-top: 5px;
  /*margin-left: 20px;*/
}
.nopadding{
	padding-left: 0px !important;
  padding-right: 0 !important;
}
.nopadding-left{
	padding-left: 0px !important;
}
.icon-width {
  float: left;
  width: 15%;
}
.content-width {
  float: left;
  width: 85%;
}
.pad-left-right-15 {
	padding-left:15px; 
	padding-right:15px; 	
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
     color: #212121;
     text-decoration: none!important;
     opacity: 1
}

button:focus {
     outline: none;
}

ul,
li,
ol {
     margin: 0px;
     padding: 0px;
     list-style: none;
}

p {
     margin: 0px;
     padding: 0;
     font-weight: 400;
     font-size: 16pt;
     line-height: 28px;
     text-align:justify;
     word-wrap: break-word;
	 
	  -webkit-hyphens: auto;
	  -moz-hyphens: auto;
	  -ms-hyphens: auto;
	  hyphens: auto;
		 
}

a {
     color: #222222;
     text-decoration: none;
     outline: none !important;
}

a,
.btn {
     text-decoration: none !important;
     outline: none !important;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}

img {
     max-width: 100%;
     height: auto;
}

 :focus {
     outline: 0;
}

.btn-custom {
     margin-top: 20px;
     background-color: transparent !important;
     border: 2px solid #ddd;
     padding: 12px 40px;
     font-size: 16px;
}

.lead {
     font-size: 18px;
     line-height: 30px;
     color: #767676;
     margin: 0;
     padding: 0;
}

.form-control:focus {
     border-color: #ffffff !important;
     box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .25);
}

.navbar-form input {
     border: none !important;
}

.badge {
     font-weight: 500;
}

blockquote {
     margin: 20px 0 20px;
     padding: 30px;
}

button {
     border: 0;
     margin: 0;
     padding: 0;
     cursor: pointer;
}

.full {
     width: 100%;
     float: left;
     margin: 0;
     padding: 0;
}

.titlepage {
     padding-bottom: 20px;
}
.titlesemi {
	font-family: 'Dosis', 'sans-serif';
	font-size: 20pt;   
	font-weight: 600;
	color:#f58631 !important;
}

.titlepage h2 {
     font-size: 20pt !important;
     font-weight: bold;
     line-height: 50px;
     color: #323232;
}

.read_more {
     display: inline-block;
     background: #6dcff6;
     color: #fff;
     max-width: 215px;
     height: 61px;
     line-height: 61px;
     width: 100%;
     font-size: 17px;
     text-align: center;
     font-weight: 500;
     transition: ease-in all 0.5s;
}

.read_more:hover {
     background: #0e0b01;
     color: #fff;
     transition: ease-in all 0.5s;
}

.img_responsive {
     max-width: 100%;
}

.text_align_center {
     text-align: center;
}
.pstrong {
    font-weight: bold;
}

.text_align_left {
     text-align: left;
}

.text_align_right {
     text-align: right;
}

.d_flex {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
}

.container {
     max-width: 1370px;
}


/*---------------------------- 
loader  
----------------------------*/

.loader_bg {
     position: fixed;
     z-index: 9999999;
     background: #fff;
     width: 100%;
     height: 100%;
}

.loader {
     height: 100%;
     width: 100%;
     position: absolute;
     left: 0;
     top: 0;
     display: flex;
     justify-content: center;
     align-items: center;
}

.loader img {
     width: 280px;
}


/*--------------------------------------------------------------------- 
header 
---------------------------------------------------------------------*/

.header {
     width: 100%;
     background: #f58631;
     max-height: 55px;
     padding: 2px 0px;
     position: relative;
     z-index: 999;
     box-shadow: 3px 0 13px rgba(30, 30, 30, 0.90);
}


/*--------------------------------------------------------------------- 
menu section
---------------------------------------------------------------------*/

.navigation.navbar {
     float: right;
     padding: 0;
}

.navigation.navbar-dark .navbar-nav .nav-link:hover {
     color: #f58631;
}
.navigation.navbar-dark .navbar-nav .nav-link {
     padding: 15px 20px;
     color: #fff;
     font-size: 16pt;
     line-height: 20px;
     font-weight: 400;
}
.material-icons {
    font-size: 16pt !important;
}


.navigation.navbar-dark .navbar-nav li:hover {margin-top: 2px;}
.navigation.navbar-dark .navbar-nav li:focus,
.navigation.navbar-dark .navbar-nav li:hover {
     /*background: white;
     margin-top: -2px;
     display: inline-block;
	 padding: 2.5px;*/
	 background: white;
    padding-top: 2.7px;
    margin-top: -3px;
    display: inline-block;
}
.navigation.navbar-dark .nav-link:hover {
  color: #f58631 !important;
}
.navigation.navbar-dark .navbar-nav .nav-item {
  margin-left: 1px;
  margin-right: 1px;
}

.navigation.navbar-dark .navbar-nav .active>.nav-link,
.navigation.navbar-dark .navbar-nav .nav-link.active,
.navigation.navbar-dark .navbar-nav .nav-link.show,
.navigation.navbar-dark .navbar-nav .show>.nav-link {
     color: #fff;
}

.di_no {
     display: none;
}

ul.email {
     padding-top: 1px;
     display: flex;
     align-items: center;
     justify-content: flex-end;
     flex-wrap: wrap;
}

ul.email li {
     padding: 0px 35px;
}

ul.email li:nth-child(2) {
     padding-right: 0;
}

ul.email li a {
     font-size: 16pt;
     color: #fff;
}

ul.email li i {
     color: #fff;
     font-size: 19px;
}
.home-icon {
   /* margin-top: -3px;
    line-height: 15px !important;*/
    padding: 14px 20px !important;
}

.white-bg {
    background: white;
    padding-top: 2.7px;
    margin-top: -3px;
    display: inline-block;
}
.orange-txt {
    color: #f58631 !important;
} 

.orange-bg-1 {
    background: #f58631 !important;
    padding-top: 2.7px;
}
.white-txt-1 {
    color: white !important;
}

.white-bg1 {
    background: white;
    padding-top: 2.7px;
    margin-top: -3px;
    display: inline-block;
}
.orange-txt1 {
    color: #f58631 !important;
} 


/** about **/

.about {
  background: url(../images/home-slider-1.jpg);
  background-size: cover;
  background-position: top;
  width: 100%;
  background-repeat: no-repeat;
  padding: 5% 0px 20% 0px;
  height: auto;

}

.about .titlepage::before {
     border: #fff solid 5px;
}

.about .titlepage {
     padding-bottom: 0;
     margin-bottom: 0px;
	 font-family: 'Dosis', 'sans-serif';
	 font-size:20pt;
}

.about .titlepage h2 {
     color: #fff;
}

.about .titlepage p {
     line-height: 28px;
     padding-top: 20px;
     color: #000;
     font-size: 16pt;
	 font-family: "Hind Vadodara", sans-serif;
}


/** end about **/

/** about B2B**/

.about-b2b {
  background: url(../images/brd-top.png);
  background-size: cover;
  background-position: top;
  width: 100%;
  background-repeat: no-repeat;
  padding: 1.5% 0px 10% 0px;
}

.about-b2b .titlepage::before {
     border: #fff solid 5px;
}

.about-b2b .titlepage {
     padding-bottom: 0;
     margin-bottom: 0px;
}

.about-b2b .titlepage h2 {
     color: #fff;
}

.about-b2b .titlepage p {
     line-height: 28px;
     padding-top: 20px;
     color: #fff;
     font-size: 16pt;
}


/** end about B2B **/

/** about Software**/

.software-bg-1 {
  background: url(../images/crv-mid-1.png);
  background-size: cover;
  width: 100%;
  background-repeat: no-repeat;
  padding: 130px 0px 140px 0px;
  background-position: center;
}


.about-software {
  background: url(../images/soft-back.png);
  background-size: cover;
  background-position: top;
  width: 100%;
  background-repeat: no-repeat;
  padding: 5% 0px 20% 0px;
  height: auto;
}



.about-software-1 {
  background: url(../images/crv-mid.png);
  background-size: cover;
  background-position: top;
  width: 100%;
  background-repeat: no-repeat;
  padding-top:120px;
  margin-top: 20px;
  padding-bottom: 25px;
}
.about-b2b .titlepage::before {
     border: #fff solid 5px;
}

.about-b2b .titlepage {
     padding-bottom: 0;
     margin-bottom: 0px;
}

.about-b2b .titlepage h2 {
     color: #fff;
}

.about-b2b .titlepage p {
     line-height: 28px;
     padding-top: 20px;
     color: #000;
     font-size: 16pt;
	  -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
	 text-align:justify;
}
.titlesemi-soft {
	font-family: 'Dosis', 'sans-serif';
	font-size: 20pt;   
	font-weight: 600;
	color:#d2232b !important;
	text-decoration: 4px underline;
	margin-bottom:20px;
}

.chose-content-soft{padding: 30px 0 20px 0;}
/** end about Software **/


/** unternehmen **/

.about-unternehmen {
  background: url(../images/unternehmen-banner.png);
  background-size: cover;
  background-position: top;
  width: 100%;
  background-repeat: no-repeat;
  padding: 5% 0px 20% 0px;
  height: 70vh;

}

.about-unternehmen .titlepage::before {
     border: #fff solid 5px;
}

.about-unternehmen .titlepage {
     padding-bottom: 0;
     margin-bottom: 0px;
}

.about-unternehmen .titlepage h2 {
     color: #fff;
}

.about-unternehmen .titlepage p {
     line-height: 28px;
     padding-top: 20px;
     color: #fff;
     font-size: 16pt;
}

.chose-content-unternehmen {
	/*padding: 30px 0 0px 0;*/
}
.margin-20 {
	margin-top:20px;
}
.margin-60 {
	margin-top:60px;
}

.contact-unternehmen {
  background: url(../images/crv-mid-1.png);
  background-size: cover;
  width: 100%;
  background-repeat: no-repeat;
  padding: 7% 0px 18% 0px;
}
.contact-unternehmen1 {
	margin-top: -8%;
}
/** end unternehmen **/


/** about kontakt**/

.about-kontakt {
  background: url(../images/brd-top.png);
  background-size: cover;
  background-position: top;
  width: 100%;
  background-repeat: no-repeat;
  padding: 3% 0px 160px 0px;
 /* height:40vh;*/
}

/** about about-kontakt**/

.about-impressum {
  background: url(../images/brd-top-1.png);
  background-size: cover;
  background-position: top;
  width: 100%;
  background-repeat: no-repeat;
  padding: 20px 0px 120px 0px;
 /* height:40vh;*/
}
 

.about-kontakt .titlepage p {
     line-height: 28px;
     padding-top: 20px;
     color: #000;
     font-size: 16pt;
	  -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
	 text-align:justify;
}

.about-kontakt .titlepage::before {
     border: #fff solid 5px;
}

.about-kontakt .titlepage {
     padding-bottom: 0;
     margin-bottom: 0px;
}

.about-kontakt .titlepage h2 {
     color: #fff;
}

.about-kontakt .titlepage p {
     line-height: 28px;
     padding-top: 20px;
     color: #000;
     font-size: 16pt;
}
.chose-content-kontakt {
	padding: 30px 0 90px 0;
}
.margin-20 {
	margin-top:20px;
}
.select-kontakt {
	  width: 100%;
	  background: white;
	  border: 1px solid #f58631;
	  border-radius: 3px;
	  height: 44px;
}
.input-kontakt {
	width:100%;	
	border: 1px solid #f58631;
	border-radius: 3px;
}
.input-kontakt-org {
	border: 1px solid #f58631;
	border-radius: 3px;
}
.chk-kontakt {
	border: 1px solid #f58631;
	border-radius: 3px;
}
input[type="checkbox"] {
    border-color: #f58631; /* Red border color */
}    
.org-req {
	color:#f58631;
}
.kontakt_send_btn {
	background:	#f58631;
	color:white;
	padding: 8px 50px 8px 50px;
}
.contact-kontakt-bootom {
  background: url(../images/home-bg-footer.png);
  background-size: cover;
  width: 100%;
  background-repeat: no-repeat;
  padding: 8% 0px 0px 0px;
}

.dis-inline {
	display: flex;	
}
.contact-info {
  margin-left: 15px;
  line-height: 30px;	
}
/** end about kontakt **/

/* chose */
.chose-content {
	padding: 30px 0 30px 0;
}
.home-page {
	padding: 20px 0 0px 0 !important;
}
.chose {
     padding: 90px 0 60px 0;
     background: #323232;
}

.chose .titlepage::before {
     right: inherit;
     left: 15px;
}

.chose .titlepage h2 {
     color: #fff;
}

.chose.chose .titlepage p {
     color: #fff;
     padding-top: 15px;
}

.chose_box {
     margin-bottom: 30px;
}

.chose_box h3 {
     padding-top: 20px;
     color: #fff;
     font-weight: bold;
     font-size: 30px;
     line-height: 35px;
}

.chose_box strong {
     display: block;
     color: #fff;
     font-weight: bold;
     font-size: 48px;
     line-height: 60px;
     padding-bottom: 30px;
}

.chose_box .read_more {
     background: #fff;
     color: #323232;
     max-width: 176px;
     line-height: 47px;
     height: 47px;
}

.chose_box .read_more:hover {
     background: #0e0b01;
     color: #fff;
}


/** end chose **/

/** integration-b2b section **/

.integration-b2b {
  background: url(../images/crv-mid-3.png);
  background-size: cover;
  background-position: center;
  width: 100%;
  background-repeat: no-repeat;
  padding: 120px 0px 120px 0px
}


/** end integration-b2b section **/


/** integration-b2b section **/

.integration-b2b-soft-footer {
  background: url(../images/11.png);
  background-size: cover;
  width: 100%;
  background-repeat: no-repeat;
  padding: 90px 0px 180px 0px;
}


/** end integration-b2b section **/

/** contact section **/

.contact {
  background: url(../images/home-bg-footer.png);
  background-size: cover;
  width: 100%;
  background-repeat: no-repeat;
  padding: 8% 0px 4% 0px;
}


.main_form .contactus {
     border: #d2d2d3 solid 1px;
     padding: 0 15px;
     margin-bottom: 25px;
     width: 100%;
     height: 71px;
     background: #fff;
     color: #888888;
     font-size: 16px;
     font-weight: normal;
}

.main_form .textarea {
     border: #d2d2d3 solid 1px;
     margin-bottom: 25px;
     width: 100%;
     background: #fff;
     color: #888888;
     font-size: 18px;
     font-weight: normal;
     padding: 57px 15px 0 15px;
     border-radius: 0;
     height: 150px;
}

.main_form .send_btn {
     font-size: 17px;
     transition: ease-in all 0.5s;
     background-color: #323232;
     text-transform: uppercase;
     color: #fff;
     padding: 25px 0px;
     max-width: 252px;
     width: 100%;
     display: block;
     margin-top: 10px !important;
     font-weight: bold;
}

.main_form .send_btn:hover {
     background-color: #464646c7;
     transition: ease-in all 0.5s;
     color: #fff;
}

#request *::placeholder {
     color: #888888;
     opacity: 1;
}


/** end contact section **/


/** testimonial **/

.posi_in {
     position: inherit;
     padding: 0;
}

.clientsl_text {
     margin-top: 90px;
     box-shadow: 0px 0 11px rgba(30, 30, 30, 0.07);
     padding: 40px;
     margin-bottom: 26px;
}

.clientsl_text i img {
     margin-top: -89px;
     display: block;
     margin-right: 20px;
     float: left;
}

.clientsl_text h3 {
     margin-top: -11px;
     color: #000b0a;
     font-size: 23px;
     font-weight: bold;
     line-height: 20px;
     text-align: left;
}

.clientsl_text h3 img {
     float: right;
}

.clientsl_text p {
     color: #757575;
     padding-top: 62px;
     display: block;
}

#clientsl .carousel-indicators {
     display: none;
}

#clientsl a.carousel-control-next,
#clientsl a.carousel-control-prev {
     background: #ffffff;
     width: 67px;
     height: 59px;
     top: 105%;
     opacity: 1;
     font-size: 33px;
     color: #000000;
     box-shadow: 3px 0 36px rgba(30, 30, 30, 0.2);
}

#clientsl a.carousel-control-prev {
     left: 37%;
}

#clientsl a.carousel-control-next {
     right: 37%;
}

#clientsl a.carousel-control-next:focus,
#clientsl a.carousel-control-next:hover,
#clientsl a.carousel-control-prev:focus,
#clientsl a.carousel-control-prev:hover {
     background: #252525;
     color: #fff;
     opacity: 1;
}


/** end testimonial **/


/** footer **/

.footer {
     background: #dcddde;
}

.newslatter_form {
     display: flex;
     align-items: center;
     margin-bottom: 70px;
}

.ente {
     color: #000;
     border: inherit;
     padding: 0 30px;
     height: 66px;
     width: 100%;
     font-size: 17px;
}

.subs_btn {
     max-width: 289px;
     display: inline-block;
     background: #151515;
     height: 66px;
     width: 100%;
     color: #fff;
     font-size: 17px;
     text-transform: uppercase;
     font-weight: bold;
     transition: ease-in all 0.5s;
}

.subs_btn:hover {
     background: #fff;
     color: #151515;
     transition: ease-in all 0.5s;
}

.Informa h3 {
     color: #ffffff;
     font-size: 23px;
     font-weight: bold;
     line-height: 21px;
     margin-bottom: 15px;
     margin-top: 26px;
     text-transform: uppercase;
}

.Informa li {
     font-size: 17px;
     line-height: 37px;
     color: #ffffff;
}

.Informa li a:hover {
     color: #bdbdbe;
}

.helpful ul li a {
     color: #fff;
     font-size: 17px;
     line-height: 30px;
}

.helpful ul li a:hover {
     color: #bdbdbe;
}

ul.social_icon {
     float: right;
}

ul.social_icon li {
     display: inline-block;
     padding-right: 15px;
}

ul.social_icon li:last-child {
     padding-right: 0;
}

ul.social_icon li a {
     color: #fff;
     display: inline-block;
     text-align: center;
     line-height: 33px;
     font-size: 28px;
     font-weight: bold;
}

ul.social_icon li a:hover {
     color: #bdbdbe;
     transform: rotate(360deg);
     transition: ease-in all 0.7s;
}

.conta ul li a {
     color: #ffffff;
}

.conta ul li a i {
     padding-right: 5px;
}

.copyright {
     background: #dcddde;
     /*margin-top: 80px;*/
     padding: 20px 0px;
}

.copyright p {
     color: #ffffff;
     font-weight: 400;
}

.copyright a {
     color: #ffffff;
}

.copyright a:hover {
     color: #f68632;
}


/** end footer **/


/*- - ener page css--*/

.inner_page .header {
     box-shadow: 0 -3px 20px 0px #717171;
     position: inherit;
   
}

.inner_page .about {
     margin: 90px 0;
}
.con-img {
	float: left;
    width: 35px;
    margin-right: 10px;	
}
.impressum .chose_box h3{font-size: 20pt !important;}
.impressum .titlepage h2 { margin-top: 10px;}
.datenschutzrichtlinie .titlepage h2 {margin-top: 10px;}
.spantitle::after {
  content: "";
  background: #f58631;
  display: block;
  position: relative;
  left: 50%;
  height: 3px;
  width: 70px;
  transform: translate3d(-50%,0,0);
}

.hyphenate {
              text-align: left;
              -ms-hyphens: auto;
              -moz-hyphens: auto;
              -webkit-hyphens: auto;
              hyphens: auto;
      }
      
      .pic {
  
    border-bottom: none;
    position: relative;
    overflow: hidden;
    text-align: center;
    
    
}
 .pic img {
max-width: 200px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.team_prof {
    
    padding: 10px;
    overflow: hidden;
    text-align: center;
}

.our-team .names {
    font-size: 16pt;
    color: #666;
}

.our-team .names > small {
    float: right;
    font-size: 12px;
    
    line-height: 30px;
    text-transform: capitalize;
}
.team_prof small {
    font-weight: 600;
    color:#f58631;
}    

/*sub menu css*/
	/*.navigation.navbar-dark li a:hover {
    	color: #f58631 !important;
	}*/

	$content-width: 1000px;
	$breakpoint: 799px;
	$nav-height: 70px;
	$nav-background: #f58631;
	$nav-font-color: #ffffff;
	$link-hover-color: #ffffff;
	
	
	.navigation {
	  height: $nav-height;
	  background: $nav-background;
	}
	
	
	.brand {
	  position: absolute;
	  padding-left: 20px;
	  float: left;
	  line-height: $nav-height;
	  text-transform: uppercase;
	  font-size: 1.4em;
	  a,
	  a:visited {
		color: $nav-font-color;
		text-decoration: none;
	  }
	}
	
	
	.nav-container {
	  max-width: $content-width;
	  margin: 0 auto;
	}
	
	
	nav {
	  float: right;
	  ul {
		list-style: none;
		margin: 0;
		padding: 0;
		li {
		  float: left;
		  position: relative;
		  a,
		  a:visited {
			display: block;
			padding: 0 20px;
			line-height: $nav-height;
			background: $nav-background;
			color: $nav-font-color;
			text-decoration: none;
			&:hover {
			  color: white;
			}
			&:not(:only-child):after {
			  padding-left: 4px;
			  content: ' ▾';
			}
		  }
		  ul li {
			min-width: 220px;
			a {
			  padding: 15px;
			  line-height: 20px;
			}
		  }
		}
	  }
	}
	
	
	.nav-dropdown {
	  position: absolute;
	  display: none;
	  z-index: 1;
	  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
	  background: white;
	}
	.nav-dropdown li:hover,.nav-dropdown li:active, .nav-dropdown li:focus {
		padding-top: 0 !important;
    	margin-top: 0 !important;
		background-color:#f58631 !important;
	}
	
	/* Mobile navigation */
	
	
	.nav-mobile {
	  display: none;
	  position: absolute;
	  top: 0;
	  right: 0;
	  background: $nav-background;
	  height: $nav-height;
	  width: $nav-height;
	}
	@media only screen and (max-width: 798px) {
		
		
		.navigation.navbar-dark .navbar-nav li:focus, .navigation.navbar-dark .navbar-nav li:hover {
			background: #2b2b2b;
			padding-top: 2.7px;
			margin-top: -3px;
			display: inline-block;
		}
	 
	  .nav-mobile {
		display: block;
	  }
	  nav {
	   width: 100%;
		padding: $nav-height 0 15px;
		ul {
		  display: none;
		  li {
			float: none;
			a {
			  padding: 15px;
			  line-height: 20px;
			}
			ul li a {
			  padding-left: 30px;
			}
		  }
		}
	  }
	  .nav-dropdown {
		position: static;
	  }
	}
	
	#nav-toggle {
	  position: absolute;
	  left: 18px;
	  top: 22px;
	  cursor: pointer;
	  padding: 10px 35px 16px 0px;
	  span,
	  span:before,
	  span:after {
		cursor: pointer;
		border-radius: 1px;
		height: 5px;
		width: 35px;
		background: $nav-font-color;
		position: absolute;
		display: block;
		content: '';
		transition: all 300ms ease-in-out;
	  }
	  span:before {
		top: -10px;
	  }
	  span:after {
		bottom: -10px;
	  }
	  &.active span {
		background-color: transparent;
		&:before,
		&:after {
		  top: 0;
		}
		&:before {
		  transform: rotate(45deg);
		}
		&:after {
		  transform: rotate(-45deg);
		}
	  }
	}