/* Global styles will move */


.copywrite-text{
  font-size:.7em;
  color:white;
  }

.alignleft{
	text-align: left;
  }

  .alignright{
	text-align:right;
  }

  .floatright{
	  float:right;
  }

  .floatleft{
	  float:left;
  }

  .inside {
    padding: 1em 0.5em;
    text-align: center;
    margin: auto;
}

.flex {
	display:flex;
}

.clear{
	clear:both;
	float:none;
}



.padding-menu{
  padding-top:50px;
  padding-bottom:50px;
}


/* Container */





.container {
   
    margin-right: auto;
    margin-left: auto;
  }
  @media (min-width: 768px) {
    .container {
      width: 750px  ;
    }
  }
  @media (min-width: 992px) {
    .container {
      width: 970px;
    }
  }
  @media (min-width: 1200px) {
    .container {
      width: 1170px;
    }
  }


  @media (min-width: 1400px) {
    .container {
      width: 1370px;
    }
  }




  /* Mobile */

.mobile-header{
  display:none;
  position: fixed;
  width:100%;
  z-index:10;
}

.toggle, [id^="drop"] {
  display: none;
}

.mobile-header .logo{
  display: block;
	padding: 0 30px;
	float: left;
    font-size:20px;
}
.mobile-header {
  
  margin: 0;
  padding: 0;
  background-color: #000;
}
.mobile-header::after {
  clear: both;
  content: "";
  display: table;
}
.mobile-header ul {
  float:right;
  list-style: outside none none;
  margin: 0;
  padding: 0;
  position: relative;
  
}
.mobile-header ul li {
  
  display: inline-block;
  float: left;
  margin: 0;
}
.mobile-header a {
 
  color: #fff;
  display: block;
  font-family: Helvetica,Arial,Verdana,sans-serif;
  font-size: 12px;
  padding: 10px 15px;
  text-decoration: none;
}
.mobile-header ul li ul li:hover {
  background: #444 none repeat scroll 0 0;
}
.mobile-header a:hover {
  background-color: #000000;
}
.mobile-header ul ul {
  background-color:#000;
  display: none;
  position: absolute;
  top: 35px;
}
.mobile-header ul li:hover > ul {
  display: inherit;
}
.mobile-header ul ul li {
  display: list-item;
  float: none;
  position: relative;
  width: 170px;
}
.mobile-header ul ul ul li {
  left: 170px;
  position: relative;
  top: -60px;
}
.mobile-header ul li > a::after {
  content: " ";
  display: inline;
  font-family: fontawesome;
}
.mobile-header ul li > a:only-child::after {
  content: "";
}
@media all and (max-width: 768px) {
.mobile-header {
  margin: 0;
}
.toggle + a, .menu {
  display: none;
}

.menu-old {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
  z-index: 0;
}

.mobile-header{
  display:block;

}

#page-header{
  display:none;

}

.menu{
  width:100%;
}



.toggle {
  border: medium none;
  color: #ffffff;
  display: block;
  font-family: Helvetica,Arial,Verdana,sans-serif;
  font-size: 12px;
  padding: 10px 15px;
  text-decoration: none;
  float:right;
}

li > .toggle
{
  float:none;
}
.toggle:hover {
  background-color: #000000;
}
.mobile-header [id^="drop"]:checked + ul {
  display:block;
}
.mobile-header ul li {
  display: block;
  width: 100%;
}
.mobile-header ul ul .toggle, .mobile-header ul ul a {
  padding: 0 40px;
}
.mobile-header a{
  font-size:1.2em;
}

.mobile-header ul ul ul a {
  padding: 0 80px;
}
.mobile-header a:hover, .mobile-header ul ul ul a {
  background-color: #444
}
.mobile-header ul li ul li .toggle, .mobile-header ul ul a, .mobile-header ul ul ul a {
  color: #ffffff;
  font-size: 12px;
  padding: 10px 15px;
}
.mobile-header ul li ul li .toggle, .mobile-header ul ul a {
  background-color: #212121;
}
.mobile-header ul ul {
  color: #ffffff;
  float: none;
  position: static;
}
.mobile-header ul ul li:hover > ul, .mobile-header ul li:hover > ul {
  display: none;
}
.mobile-header ul ul li {
  display: block;
  width: 100%;
}
.mobile-header ul ul ul li {
  position: static;
}
}
@media all and (max-width: 330px) {
.mobile-header ul li {
 
  background-color:black;
}
}
@media only screen and (min-width: 769px) {
.mobile-header ul {
  margin-left: 8%;
  background-color: black;
}

.mobile-header ul ul {
  margin-left: 0;
}
}

.mobile-header ul li {
  
  background-color: black;
}


#menu-drop{
  float:right;
  display:block;
}

/* button stuff */


.mobile-header  .navicon {
  background: #fff;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 28px;
  
}

.mobile-header .navicon:before,
.mobile-header  .navicon:after {
  background: #fff;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;

}

.mobile-header .navicon:before {
  top: 10px;
}

.mobile-header  .navicon:after {
  top: -10px;
}


.mobile-header #drop:checked    .navicon {
  background: transparent;
  display:none;
}
 
.mobile-header #drop:checked   .navicon:before {
  transform: rotate(-45deg);
}
 
.mobile-header #drop:checked    .navicon:after {
  transform: rotate(45deg);
}
 
.mobile-header #drop:checked   .navicon:before,
.mobile-header #drop:checked    .navicon:after {
  top: 0;
}


.navicon-top{
  padding-top:30px;
}
/* Pure Css Menu End */