/*!
Title: TITLE
Author: Nick Salloum
Author URI: http://callmenick.com/
Description: My theme
Version: 0.1.0
*/
/* =============================================================================
  RESET
============================================================================= */


body.mm-menu-open {
  overflow: hidden;
}

.mm-menu-toggle{
	display:none;	
}





/* =============================================================================
  Menu Icon
============================================================================= */
.navbar-brand{
	width:170px;
	height:auto;	
}

* {
  margin: 0;
  padding: 0; 
}

/* Icon 1 */

#nav-icon1{
  width: 25px;
  height: 25px;
  position: absolute;
  right: 50px;
  top: 33px;
  z-index:99;

  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}


#nav-icon1 span {
  background: #fef89a; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, fef89a , ecb63e); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, red, yellow); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, red, yellow); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to left, #fef89a , #ecb63e); /* Standard syntax */
}



#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 5px;
}
/*
#nav-icon1 span:nth-child(2) {
  top: 18px;
}
*/
#nav-icon1 span:nth-child(2) {
  top: 16px;
}

#nav-icon1.open span:nth-child(1) {
  top: 10px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
/*
#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}
*/
#nav-icon1.open span:nth-child(2) {
  top: 10px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}


.container-fluid{
	padding-top:20px;	
}

.navbar-right{
	padding-right:90px;	
}

.navbar{
	margin-bottom: 0px;
	position:fixed;
	width:100%;
	z-index: 3;
}


.navbar a{
	color:#e1da86;
	text-transform:uppercase;
	font-family: 'TheanoDidot-Regular';
	font-size:12px;
	padding-top: 0px;
}



.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color:transparent; 
    border-color:transparent; 
}

.nav>li>a:focus, .nav>li>a:hover {
    background-color:transparent; 
}


.nav>li::before {
	content:" ";
	background-color:#e1da86;
	height:2px;
	width:0px;
    position: absolute;
	right:15px;

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
    transition: all 0.3s;
}


.nav>li:hover::before {
	width:30px;
}

.dropdown-menu{
	border-radius:0;
	background-color:#e1da86;
	box-shadow:none;
	-webkit-box-shadow:none;
	border:none;
	max-height:0;
	visibility:hidden;
	display:block;
	opacity:0;
	overflow:hidden;
	
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
    transition: all 1s;
}


.open>.dropdown-menu{
	max-height:500px;
	display:block;
	visibility:visible;
	opacity:1;
}

.navbar-nav>li>.dropdown-menu{
	margin-top:8px;	
}


@media (min-width: 768px){
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 15px;
	}
	.navbar-nav>li {
		margin-top:7px;
	}
}


@media (max-width: 480px){
	.container-fluid {
		padding-top: 15px;
	}
	
	#nav-icon1 {
		right: 30px;
    	top: 20px;
	}
}













/* =============================================================================
  Plus Minus Icon
============================================================================= */




/*
.icon-plus{
    width: 1200px;
    height: 1200px;
    padding: 30px;
    background-color: #333;
}
*/
.icon-line{
    position: relative;
    width: 15px;
    height: 15px;
	margin-top: 4px;
}

.icon-line:before,.icon-line:after{
        content: "";
        position: absolute;
        background-color: #e1da86;
        transition: transform 0.25s ease-out;
}

 /* Vertical line */
.icon-line:before{
        top: 0;
        left: 50%;
        width: 2px;
        height: 100%;
        margin-left: -1px;
		transform: rotate(90deg);
    }

 /* horizontal line */
.icon-line:after{
        top: 50%;
        left: 0;
        width: 100%;
        height: 2px;
        margin-top: -2px;
		transform: rotate(180deg);
    }
    
.icon-line:hover{
        cursor: pointer;
}
.mm-menu__link.collapsed .icon-line:before{ transform: rotate(0deg); }
.mm-menu__link.collapsed .icon-line:after{ transform: rotate(0deg); }








/* =============================================================================
  Media Share
============================================================================= */

.nav-bottom{
	bottom:100px;
	width:100%;
}


.media-share{
	margin-right:50px;
}

.media-share img{
	width:35px;
	height:auto;
}

.nav-logo-bottom{
	margin-right:50px;
	margin-bottom:10px;	
}

.nav-logo-bottom img{
	width:130px;
}

.nav-logo-bottom span{
	display:none;
}


.nav-line-bottom{
	width: 100%;
    height: 1px;
	margin: 0px 0px 11px 0;
	z-index: 3;
	
	background: #fef89a;
    background: -webkit-linear-gradient(left, fef89a , ecb63e);
    background: -o-linear-gradient(right, red, yellow);
    background: -moz-linear-gradient(right, red, yellow);
    background: linear-gradient(to left, #fef89a , #ecb63e);
}





/* =============================================================================
  MM - MATERIAL MENU
============================================================================= */
/**
 * MM - Material Menu
 *
 * All the styles for the material menu here! I've prefixed them all with "mm",
 * which means material menu.
 */
/**
 * Toggle Button
 *
 * a.k.a. hamburger icon. See the "resets" section for global button resets.
 */


.mm-menu .panel {
   margin-bottom: 0px;
   background-color:transparent;
}



.menu-off {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 26;
  width: 27px;
  height: 16px;
  background: -webkit-linear-gradient(90deg, rgba(33, 33, 33, 0), rgba(33, 33, 33, 0) 7px, #b49759 7px, #b49759 9px, rgba(33, 33, 33, 0) 9px, rgba(33, 33, 33, 0) 7px);
  background: linear-gradient(0deg, rgba(33, 33, 33, 0), rgba(33, 33, 33, 0) 7px, #b49759 7px, #b49759 9px, rgba(33, 33, 33, 0) 9px, rgba(33, 33, 33, 0) 7px);
  font-size: 0;
  text-indent: -9999px;
}

.menu-off::before,
.menu-off::after {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #b49759;
  content: "";
}

.menu-off::before {
  top: 0;
  -webkit-transform-origin: bottom left;
      -ms-transform-origin: bottom left;
          transform-origin: bottom left;
}

.menu-off::after {
  bottom: 0;
  -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
          transform-origin: top left;
}

.menu-off,
.menu-off::before,
.menu-off::after {
  -webkit-transition: all 600ms cubic-bezier(0.905, 0.005, 0.500, 1);
-webkit-transition: all 600ms cubic-bezier(0.905, 0.005, 0.500, 1.005); 
   -moz-transition: all 600ms cubic-bezier(0.905, 0.005, 0.500, 1.005); 
     -o-transition: all 600ms cubic-bezier(0.905, 0.005, 0.500, 1.005); 
        transition: all 600ms cubic-bezier(0.905, 0.005, 0.500, 1.005); 
}


.menu-off.active::before {

  -webkit-transform: translateY(18px) translateX(8px) rotate(-45deg);
      -ms-transform: translateY(18px) translateX(8px) rotate(-45deg);
          /*transform: translateY(0px) translateX(0px) rotate(-45deg);*/
		  transform: translateY(18px) translateX(8px) rotate(-45deg);
}

.menu-off.active::after {

  -webkit-transform: translateY(-14px) translateX(8px) rotate(45deg);
      -ms-transform: translateY(-14px) translateX(8px) rotate(45deg);
         /* transform: translateY(0px) translateX(0px) rotate(45deg);*/
		   transform:translateY(-14px) translateX(8px) rotate(45deg);
}




/**
 * The actual menu
 *
 * Here be all the stuff for the menu itself.
 */
 

 
 
.mm-menu {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 20;
  
  width: 100%;
  height: 100%;
  overflow-y: auto;
  /*box-shadow: 0;*/
  background-color:#000;
-webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
		  /*
  -webkit-transition: -webkit-transform 0.5s, box-shadow 0.5s;
          transition: transform 0.5s, box-shadow 0.5s;*/
		  
		  -webkit-transition: all 600ms cubic-bezier(0.905, 0.005, 0.500, 1);
-webkit-transition: all 600ms cubic-bezier(0.905, 0.005, 0.500, 1.005); 
   -moz-transition: all 600ms cubic-bezier(0.905, 0.005, 0.500, 1.005); 
     -o-transition: all 600ms cubic-bezier(0.905, 0.005, 0.500, 1.005); 
        transition: all 600ms cubic-bezier(0.905, 0.005, 0.500, 1.005); 
}

.mm-menu.active {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}



/* header */
.mm-menu__header {
  position: relative;
  width: 100%;
  height: 188px;
  background-color: #CDDC39;
}

.mm-menu__title {
  position: absolute;
  bottom: 12px;
  left: 12px;
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 22px;
}

/* list */
.mm-menu__items {
  list-style: none;
  margin: 0;
  padding: 150px 50px 30px 50px;
  overflow:hidden;
  text-align:right;
}



.mm-menu__item ul li{
	list-style:none;
	padding:4px 0 4px 0px;	
	text-transform: uppercase;
	font-size: 12px;
}

.mm-menu__item a{
	color:#FFF;
	font-family: 'TheanoDidot-Regular';
	text-decoration:none;
	cursor:pointer;
	outline:none;
}

.mm-menu__item .gray{
	color:#acacac;	
}

.mm-menu__item {
  display: block;
  width: 100%;
  opacity: 0;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
}

.mm-menu__item.in-view {
  opacity: 1;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.mm-menu__item.item-1 {
  -webkit-transition: opacity 0.5s 0.1s, -webkit-transform 0.5s 0.1s;
          transition: opacity 0.5s 0.1s, transform 0.5s 0.1s;
}

.mm-menu__item.item-2 {
  -webkit-transition: opacity 0.5s 0.2s, -webkit-transform 0.5s 0.2s;
          transition: opacity 0.5s 0.2s, transform 0.5s 0.2s;
}

.mm-menu__item.item-3 {
  -webkit-transition: opacity 0.5s 0.3s, -webkit-transform 0.5s 0.3s;
          transition: opacity 0.5s 0.3s, transform 0.5s 0.3s;
}

.mm-menu__item.item-4 {
  -webkit-transition: opacity 0.5s 0.4s, -webkit-transform 0.5s 0.4s;
          transition: opacity 0.5s 0.4s, transform 0.5s 0.4s;
}

.mm-menu__item.item-11 {
  -webkit-transition: opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
          transition: opacity 0.5s 0.5s, transform 0.5s 0.5s;
}

.mm-menu__item.item-14 {
  -webkit-transition: opacity 0.5s 0.6s, -webkit-transform 0.5s 0.6s;
          transition: opacity 0.5s 0.6s, transform 0.5s 0.6s;
}

.mm-menu__item.item-18 {
  -webkit-transition: opacity 0.5s 0.7s, -webkit-transform 0.5s 0.7s;
          transition: opacity 0.5s 0.7s, transform 0.5s 0.7s;
}


.mm-menu__item.item-19 {
  -webkit-transition: opacity 0.5s 0.5s, -webkit-transform 0.5s 0.8s;
          transition: opacity 0.5s 0.5s, transform 0.5s 0.8s;
}

.mm-menu__item.item-20 {
  -webkit-transition: opacity 0.5s 0.6s, -webkit-transform 0.5s 0.9s;
          transition: opacity 0.5s 0.6s, transform 0.5s 0.9s;
}


.mm-menu__item ul .panel{
	background-color:transparent;
	border:none;
	border-radius:none;
	box-shadow:none;
	-webkit-box-shadow:none;
}

.panel-group{
	margin-bottom:0;
}

.mm-menu__link {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 4px 0;
  padding: 5px;
  color: #727272;
  font-size: 16px;
  text-decoration: none;
  -webkit-transition: background 0.5s, color 0.5s;
          transition: background 0.5s, color 0.5s;
}

.mm-menu__link-text {
  position: relative;
  z-index: 2;
  color:#e1da86;
  text-decoration:none;
  text-transform:uppercase;
  font-family: 'TheanoDidot-Regular';
  font-size:15px;
}

/* the touch effect, for when a link is touched */

.mm-menu__link--touch-effect {
  display: block;
  position: absolute;
  z-index: 1;
  width: 0;
  height: 0;
  /*border-radius: 100%;
  background-color: #B6B6B6;*/
  /*-webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;*/
}

.mm-menu__link--touch-effect.animating {
  /*-webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.5s;
          transition: transform 0.5s;*/
}



/**
 * Menu mask
 *
 * A mask that comes in and covers the wrapper when the menu is active.
 */
.mm-menu-mask {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 19;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.5s, visibility 0.5s;
          transition: opacity 0.5s, visibility 0.5s;
}

.mm-menu-mask.active {
  visibility: visible;
  opacity: 1;
}

.mm-menu__item ul {
	padding-left:20px;
}




[class^="md-"].pull-right,
[class*=" md-"].pull-right {
  float: right;
  margin-left: .3em;
}

.md-spin {
  -webkit-animation: md-spin 1.5s infinite linear;
  animation: md-spin 1.5s infinite linear;
}

.md-spin-reverse {
  -webkit-animation: md-spin-reverse 1.5s infinite linear;
  animation: md-spin-reverse 1.5s infinite linear;
}


@-webkit-keyframes md-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes md-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes md-spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-359deg);
    transform: rotate(-359deg);
  }
}
@keyframes md-spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-359deg);
    transform: rotate(-359deg);
  }
}
.md-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.md-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.md-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.md-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.md-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

:root .md-rotate-90,
:root .md-rotate-180,
:root .md-rotate-270,
:root .md-flip-horizontal,
:root .md-flip-vertical {
  -webkit-filter: none;
          filter: none;
}




/* ======================
	  Share
	 ====================== */
  .share-wrapper {
	  position:absolute;
  }
  .share-wrapper:hover {
	  color:#000;
  }
  .share-wrapper:focus {
	  color:#000;
  }
  .share-wrapper:active {
	  color:#000;
  }
  .share-wrapper:visited {
	  color:#000;
  }
  
  
  .share-wrapper svg {
	  fill: #fff;
  }
  .entypo-export:before {
	  display: none;
  }
  
  .share-button.sharer-0 {
	width: 30px !important;
	height:30px !important; 
	position: absolute;
	top: -20px;
	left: 0;
  }
  
  .share-button.sharer-0 label {
	  background-color: transparent !important;
  }
  
  .entypo-export {
	  background-color: transparent;
  }
  
  /* Transform origins for top-anchored networks */
  .share-button.sharer-0 .social.top {
	-ms-transform-origin:     0 0;
	-webkit-transform-origin: 0 0;
	transform-origin:         0 0;
	margin-top: -45px !important;
  }
  
  .share-button.sharer-0 .social.networks-3 {
	width: 90px !important;
  }
  
  .share-button.sharer-0 .social.networks-3.center {
	margin-left: -27px !important;
  }
  
  .share-button.sharer-0 .social.networks-3.left {
	margin-left: -102px;
  }
  
  .share-button.sharer-0 .social.networks-3.middle.left {
	margin-left: -190px;
  }
  
  .share-button.sharer-0 .social.networks-3 ul {
	width: 90px !important;
  }
  /* ul containing each individual network */
  .share-button.sharer-0 .social ul {
	color: #fff;
	height: 20px !important;
	left: 0;
	list-style: none;
	margin: auto;
	padding: 0;
	position: relative;
	right: 0;
  }
  
  /* network containers */
  .share-button.sharer-0 .social ul li {
	-moz-box-sizing:    content-box;
	-webkit-box-sizing: content-box;
	box-sizing:         content-box;
	-webkit-transition: all .3s ease;
	transition:         all .3s ease;
	cursor: pointer;
	display: none;
	float: left;
	font-size: 9px !important;
	width: 22px !important;
	height: 22px !important;
	margin: 0 2px !important;
	padding: 0 !important;
	position: relative;
	text-align: center;
	z-index: 2;
	color: #e1da86;
	border: 1px solid #e1da86;
	border-radius: 50%;
  }
  .share-button.sharer-0 .social ul li:before {
	  line-height: 22px;
  }
  /* Background color for Facebook */
  .share-button.sharer-0 .social li[class*=facebook] {
	/*background: #3b5998;*/
	background-color: transparent !important;
	display: block; // for enabling/disabling networks
  }
  .share-button.sharer-0 .social li[class*=facebook]:hover {
	background-color: #e1da86 !important;
	border-color: #e1da86;
	color: #555;
  }
  
  /* Background color for Twitter */
  .share-button.sharer-0 .social li[class*=twitter] {
	/*background: #6cdfea;*/
	background-color: transparent !important;
	display: block; // for enabling/disabling networks
  }
  .share-button.sharer-0 .social li[class*=twitter]:hover {
	background-color: #fff !important;
	border-color: #fff;
	color: #555;
  }
  
  /* Background color for Google Plus */
  .share-button.sharer-0 .social li[class*=gplus] {
	/*background: #e34429;*/
	background-color: transparent !important;
	display: block; // for enabling/disabling networks
  }
  .share-button.sharer-0 .social li[class*=gplus]:hover {
	background-color: #fff !important;
	border-color: #fff;
	color: #555;
  }





@media all and (min-width: 480px) {
  .mm-menu {
    width: 450px;
    -webkit-transform: translateX(450px);
        -ms-transform: translateX(450px);
            transform: translateX(450px);
			background-color:#000000;
  }
  
}





@media all and (min-height: 810px) {
	.nav-bottom{
		position:absolute;	
		bottom: 20px;
	}
	
	.nav-logo-bottom {
		margin-bottom: 0px;
		margin-top: 21px;
	}
	.nav-line-bottom{
		margin: 10px 0px 11px 0;
	}
}


@media all and (max-height: 768px) {
	.mm-menu__items{
		padding: 135px 50px 170px 50px;
	}
}


@media all and (max-height: 700px) {
	.mm-menu__items{
		padding: 150px 50px 50px 50px;
	}
}

@media all and (max-width: 1024px) {
	#nav-icon1{
		position:fixed;	
	}
}

@media all and (max-width: 480px) {
	.mm-menu__items{
	  padding:  80px 50px 30px 50px;
  }
}


@media all and (max-width: 320px) {
	.mm-menu__items{
	  padding:  80px 30px 30px 30px;
  }
}