*{
	margin: 0;
	padding: 0;
	
}
/* start of side bar*/
body {
	overflow-x: hidden;
	font-family: 'Open Sans';
}




#sidebar-wrapper {
	color: purple;
	background: transparent;
	box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.5);
	margin-left: -15rem;
	-webkit-transition: margin .25s ease-out;
	-moz-transition: margin .25s ease-out;
	-o-transition: margin .25s ease-out;
	transition: margin .25s ease-out;
}

#sidebar-wrapper .sidebar-heading {
	padding: 0.875rem 1.25rem;
	font-size: 1.2rem;
	min-height: 50px;
	color: #fff;
}

#sidebar-wrapper .list-group {
	margin-top: 30px;
	width: 15rem;
}

#sidebar-wrapper .list-group-item {
	background: #000;
	color: #fff;
	border-color: grey;
}
#sidebar-wrapper .list-group-item:hover {
	color: #ff5e14;
}
#sidebar-wrapper .list-group-active {
	color: #ff5e14;
}
#page-content-wrapper {
	min-width: 100vw;
}

#wrapper.toggled #sidebar-wrapper {
	margin-left: 0;
}


#sidebar-wrapper {
	margin-left: 0;
}

#page-content-wrapper {
	min-width: 0;
	width: 100%;
}

#wrapper.toggled #sidebar-wrapper {
	margin-left: -15rem;
}


/*end of side bar*/

/* start of nav bar */
.top-nav {
	margin-bottom: 0;
	background-color: #fff;
	z-index: 9999;
	height: 80px;
	border: 0;
	font-size: 16px !important;
	border-radius: 0;
	box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.5);
	font-weight: bold;
	padding-left: 100px;
	padding-right: 100px;
}

.navbar li {
	margin-right: 35px;;
}
.navbar li a, .navbar .navbar-brand {
	color: #242526 !important;
}
.navbar-brand {
	color: #006699 !important;
}
.brand-low{
    font-size: 14px;
    margin-left: 55px;
}
.navbar-nav li a:hover, .navbar-nav li.active a {
	color: #1a1b1c !important;
}
.navbar-default .navbar-toggle {
	border-color: transparent;
	color: #fff !important;
}
/* General Styles */

.dropdown:hover .dropdown-menu {
	display: block;
	float: right;
}
/* Columns */
div.dropdown-multicol2{
	width: 44em;
	right: 0;
	position: absolute;
	transform: translate(-50%); 
}
div.dropdown-multicol2>div.dropdown-col{
	display:inline-block;
	width: 45%;
}
.dropdown-menu,.dropdown-multicol2{
	padding: 25px;
}
.toptop-brand:hover{
	text-decoration: none;
	color: #fff;
}

@media only screen and (max-width: 768px){
	.toptop-nav #date-nav-item,#location-nav-item,#smedia-nav-item{
		display: none;
	}
	.toptop-nav #phone-nav-item{
		width: 100%;
		padding-left: 30%;;
	}
	.top-nav{
		padding-left: 10px;
		padding-right: 10px;
	}
	.navbar-collapse {
		background: #fff;
		text-align: center;
		max-height: 500px;
		min-height: 500px;
		overflow-y: auto;
		padding-top: 20px;

	}
   
    div.dropdown-multicol2{
      width: 100%;
      transform: translate(0%);
  }
  div.dropdown-multicol2>div.dropdown-col{
      display:block;
      width: 250px;
      margin-bottom: 20px;
  }
  .nav-link{
      margin-bottom: 20px;
      padding: 10px;

  }

}
.mybutton{
	background-color: dodgerblue;
	border-color: dodgerblue;
	color: #fff;
	width: 100%;
}
.mybutton:hover{
	color: orange;

}





/*----------------------
    Accordions
    ------------------------*/
    .accordion-item {
    	border: 1px solid #ededed;
    	background-color: #ffffff;
    	padding: 25px 30px;
    	margin-top: -1px;
    }

    .accordion-item:first-child {
    	margin-top: 0;
    }

    .accordion-item .accordion__item-title {
    	font-family: "Work Sans", sans-serif;
    	color: #282828;
    	font-weight: 600;
    	font-size: 16px;
    	cursor: pointer;
    	display: block;
    	position: relative;
    	padding-right: 25px;
    	border: none;
    }
    .accordion-item a {
    	border: none;
    }

    .accordion-item .accordion__item-title:after {
    	position: absolute;
    	right: 0;
    	top: 0;
    	content: "";
    	font-family: fontawesome;
    	background-color: transparent;
    	color: #222222;
    	font-size: 10px;
    	font-weight: 400;
    	text-align: center;
    	width: 20px;
    	height: 20px;
    	line-height: 20px;
    	border: none;
    }

    .accordion-item .accordion__item-header.opened .accordion__item-title {
    	color: #ff5e14;
    }

    .accordion-item .accordion__item-header.opened .accordion__item-title:after {
    	background-color: #ff5e14;
    	color: #ffffff;
    	content: "";
    }

    .accordion-item .accordion__item-body {
    	padding-top: 25px;
    }

    .accordion-item .accordion__item-body p {
    	margin-bottom: 0;
    }

    /* Mobile Phones and tablets */
    @media only screen and (min-width: 320px) and (max-width: 767px) {
    	.accordion-item {
    		padding: 15px 20px;
    	}
    }
    .section-training,.section-support{
    	padding: 80px;
    }

    .section-footer{
    	background: #edeeef;
    }
    .section-footer .container{
    	padding-top: 50px;
    	padding-bottom: 50px;
    }

    .section-methods h2{
    	font-weight: bold;
    	color: #fff;
    	font-size: 40px;
    }

    .section-projects{
    	background: #ff5e14;
    	height: 400px;
    	padding: 20px;
    }

    #projectsCarousel .row{
    	height: 600px;
    	padding-top: 150px;
    }
    #projectsCarousel h1{
    	font-weight: bold;
    	font-size: 48px;
    }
    .section-whyus,.section-content{
    	padding: 80px;
    }
    .section-benefits{
    	background: #eeedef;
    	padding:30px;
    	margin-bottom: 30px;
    }

    .section-benefits h3{
    	color: #d92300;
    }
    .section-content .col-sm-4{
    	padding: 30px;
    	padding-left: 50px;
    }

    /* Mobile Phones and tablets */
    @media only screen and (min-width: 320px) and (max-width: 767px) {
    	.section-footer .col-sm-3,.section-footer .col-sm-2{
    		text-align: center;
    	}
    	.section-services,.section-training,.section-support,.section-whyus{
    		padding: 10px;
    	}
    	.section-methods .col-sm-6{
    		margin-bottom: 20px;
    	}
    	.section-methods h2{
    		font-size: 34px;
    	}
    	.section-benefits,.section-content,.section-contact{
    		padding: 10px;
    	}
    	.section-benefits .col-sm-4{
    		margin-bottom: 20px;
    	}
    	#projectsCarousel .row{
    		height: 500px;
    		padding-top: 90px;
    	}
    	#projectsCarousel h1{
    		margin-left:20px;
    		font-size: 42px;
    	}
    	.section-content .col-sm-4{
    		padding: 10px;
    		padding-left: 10px;
    	}
    }