.head-left { position:fixed; font-family: 'Montserrat', sans-serif; z-index:9999; top:26px; right:15px; }
.head-left a.menu-icon{ height:37px; line-height:24px; padding:5px 8px; color:#fff; font-size:24px; text-align:center; position:relative; float:left; display:inline-block; left:0px; z-index:99999; width:42px; text-decoration:none; border-radius:3px; background:#0c8cb6; }

.head-left a.menu-icon .line1 { width:80%; display:block; background:#ffffff; height:2px; border-radius:15%; margin:5px 0 6px 0; transition: all 0.5s ease-in-out 0s; }
.head-left a.menu-icon .line2 { width:60%; display:block; background:#ffffff; height:2px; border-radius:15%; margin:5px 0 6px 0; transition: all 0.5s ease-in-out 0s; }
.head-left a.menu-icon .line3 { width:100%; display:block; background:#ffffff; height:2px; border-radius:15%; }

.head-left a.menu-icon:hover .line1 { width:100%; transition: all 0.5s ease-in-out 0s; }
.head-left a.menu-icon:hover .line2 { width:100%; transition: all 0.5s ease-in-out 0s; }

/*
.head-left a.menu-icon:before {content: "\f0c9"; font-family: 'FontAwesome';}
*/
.head-left a.active{z-index:99999;}
.head-left a.active:before {content: "\f00d"; font-family: 'FontAwesome'; font-size:24px; vertical-align:text-top; }

.head-left a.active .line1 { display:none; }
.head-left a.active .line2 { display:none; }
.head-left a.active .line3 { display:none; }

/* General styles for all menus */
.cbp-spmenu { background-color: rgba(0, 0, 0, 0.9); position: fixed; height:100%; overflow-x:hidden; overflow-y:auto; width:100%; }
.cbp-spmenu h3 {color: #afdefa; font-size: 1.9em; padding: 20px; margin: 0; font-weight: 300; background: #0d77b6;}
.cbp-spmenu a { color: #fff; }
.cbp-spmenu a:hover {color: ;}
.cbp-spmenu a:active {color:;}

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical { width:100%; height: 100%; top: 0; z-index:999; }
.cbp-spmenu-vertical .menu-left { width:100%; position:absolute; top:50%; webkit-transform:translateY(-50%); text-align:center; transform:translateY(-50%); text-align:center; }
.cbp-spmenu-vertical .menu-left ul{ padding:0; width:100%; float:left; margin:0; list-style:none;}
.cbp-spmenu-vertical .menu-left ul li { padding:10px 0; }

.cbp-spmenu-vertical .menu-left ul li ul { display:none; position:relative; padding:0 15px; }
.cbp-spmenu-vertical .menu-left ul li:hover ul { display:block; }
.cbp-spmenu-vertical h5 { font-size:28px; color:#696969; margin-bottom:30px; }
.cbp-spmenu-vertical .menu-left a { padding:0 0 0 0; text-transform:uppercase; font-size:18px; text-decoration:none; font-family: 'Montserrat', sans-serif; font-weight:600; transition: all 0.5s ease-in-out 0s; }
.cbp-spmenu-vertical .menu-left a i { margin:0 15px 0 0; font-size:20px; }
.cbp-spmenu-vertical .menu-left a:hover { color:#0c8cb6; transition: all 0.5s ease-in-out 0s; }
.cbp-spmenu-vertical .menu-left a.current { color:#0c8cb6; transition: all 0.5s ease-in-out 0s; }
.cbp-spmenu-vertical .top-contact { width:30%; float:left; padding:110px 0 0 0; text-transform:uppercase; color:#fff; font-size:18px; line-height:40px;}
.cbp-spmenu-vertical .top-contact a { color:#fff; }
.cbp-spmenu-vertical .top-contact a:hover { color:#0c8cb6; }

/* Vertical menu that slides from the left or right */
.cbp-spmenu-left {left: -100%;}
.cbp-spmenu-right {right: -100%;}
.cbp-spmenu-left.cbp-spmenu-open {left: 0px;}
.cbp-spmenu-right.cbp-spmenu-open {right: 0px;}


/* Push classes applied to the body */
.cbp-spmenu-push {overflow-x: hidden; position: relative; left: 0;}
.cbp-spmenu-push-toright {left: 240px;}
.cbp-spmenu-push-toleft {left: -240px;}

/* Transitions */
.cbp-spmenu, .cbp-spmenu-push{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}

/* Example media queries */