/*
    Description: 	CSS3 Side Menu	
    Author: 		Business Lab
    Version: 		1.0
*/

/*	--------------------------------------------------
	:: Body
	
	
	body { 
	    background-image:url(../Images/BG.png); 
	    background-repeat:repeat;
		padding:30px 0;
	}
	-------------------------------------------------- */
/*	--------------------------------------------------
	:: Main Styles
	

	.container {
	    position:relative; 
		width:960px; 
		margin:0 auto; 
		padding:0; 
		background:none; 
		height:auto; 
	}
	-------------------------------------------------- */
/*	--------------------------------------------------
	:: Menu 
	-------------------------------------------------- */

    .menu{
	    display:block;
	    position: absolute;
		left:0;
		top:360px;
		z-index: 20;
    }

    .menu ul {
        margin:0;
	    padding:0;
	    list-style:none;
	    position:relative;
	    display:block;	    
		z-index:100;
    }
	
	.menu ul li {
	    display:block;
		position:relative;
		-moz-transition: all 300ms ease-in-out 0s;
	    -ms-transition: all 300ms ease-in-out 0s;
	    -o-transition: all 300ms ease-in-out 0s;
	    -webkit-transition: all 300ms ease-in-out 0s;
	    transition: all 300ms ease-in-out 0s;
    }

    .menu ul li a {
	    display: block;
		padding:15px 20px;
		width:220px;
	    color:#ddd; 
	    text-decoration:none;
	    font-style:normal; 
	    font-weight:normal; 
	  
	    font-size:14px; 
    }
	
	.menu ul li a:hover {
	    color:#fff;
		text-shadow: 0 0 4px #bbb;
    }

    .menu ul:after {
	    content:""; 
	    clear:both; 
	    display:block;
    }
	
	.menu ul ul.dropdown,
	.menu ul ul ul.sub-dropdown,
	.menu ul ul ul ul.sub-sub-dropdown,
	.menu .multi-column {
	    opacity:0;
	    visibility:hidden;
	    display:none;
    }
	
	.menu li:hover ul.dropdown,
	.menu ul ul li:hover ul.sub-dropdown,
	.menu ul ul ul li:hover ul.sub-sub-dropdown,
    .menu li:hover .multi-column {
	    opacity:1;
	    visibility:visible;
	    display:block;
    }

/*	--------------------------------------------------
	:: Dropdown
	-------------------------------------------------- */
	
	.menu ul ul.dropdown,
    .menu ul ul ul.sub-dropdown,
	.menu ul ul ul ul.sub-sub-dropdown {
		background-color:#fff; 
		position:absolute;
		top:0;
		left:100%;
		border:none;
		outline:none;
	}
		
    .menu ul ul.dropdown li,
	.menu ul ul ul.sub-dropdown li,
    .menu ul ul ul ul.sub-sub-dropdown li{ 
		border-bottom:1px solid #eeeeee; 
		border-left:none;
		border-top:none;
		background:#fff;
	}
	
	.menu ul ul.dropdown li:hover,
	.menu ul ul ul.sub-dropdown li:hover,
    .menu ul ul ul ul.sub-sub-dropdown li:hover { 
		background:#f9f9f9;
		border-bottom:1px solid #eeeeee; 
		border-left:none;
		border-top:none;
	}
	
    .menu ul ul.dropdown li a,
	.menu ul ul ul.sub-dropdown li a,
	.menu ul ul ul ul.sub-sub-dropdown li a {
	    padding:7px 20px;
		text-align:center;
		color:#999;
		text-shadow:none;
	}
	    
	.menu ul ul.dropdown li a:hover,
	.menu ul ul ul.sub-dropdown li a:hover,
    .menu ul ul ul ul.sub-sub-dropdown li a:hover {
		background:#f9f9f9;
		color:#777;
	}
	
	.menu .dropdown i,
	.menu .sub-dropdown i {
	    margin:0;
		float:right;
    }	
	
/*	--------------------------------------------------
	:: Multicolumn Menu
	-------------------------------------------------- */	
	
    .multi-column {
	    background-color:#fff;
	    position:absolute;
	    padding:10px 10px 20px 10px;
		height:auto;
		line-height:1;
		top:0;
		left:100%;
	    border:none;
	    outline:none;
    }

    .multi-column h4 {
	    border-bottom:1px solid #eee;
        font-style:normal; 
	    font-weight:bold; 
	    font-family:"PT Sans"; 
	    font-size:16px;
	    color:#434343;
	    padding:10px 0 10px 0;
	    margin:0 0 10px 0;
    }

	.multi-column p {
        font-style:normal; 
	    font-weight:normal; 
	    font-family:"PT Sans"; 
	    font-size:12px;
		line-height:17px;
	    color:#999;
	    padding:0 0 0 0;
	    margin:0;
    }
	
	.browser {
	    padding:0;
	    margin:6px 0 0 0;
		background-image:url(../Images/Browser.png);
        width:125px;
        height:24px;
    }
	
	.image-1 {
	    margin:0;
		padding:0;
		background-image:url(../Images/Image-1.png);
        width:135px;
        height:135px;
    }
	
	.image-2 {
	    margin:0;
		padding:0;
		background-image:url(../Images/Image-2.png);
        width:135px;
        height:135px;
    }
	
    .one { width:155px; }
    .two { width:310px; }
    .three { width:465px; }

    .column-one {
	    width:135px;
	    float:left;
		margin-right:10px;
		margin-left:10px;
    }
	
	.column-two {
	    width:290px;
	    float:left;
		margin-right:10px;
		margin-left:10px;
    }
	
	.column-three {
	    width:445px;
	    float:left;
		margin-right:10px;
		margin-left:10px;
    }
	
/*	--------------------------------------------------
	:: Multicolumn for Link Lists
	-------------------------------------------------- */
	
	.multi-column ol{
	    margin:0;
		padding:0;
	    list-style:none;
    }

    .multi-column ol li {
		width:100%;
		float:left;
		border:none;
    }
	
	.multi-column ol li:hover {
		border:none;
    }

    .multi-column ol li a {
        background-color:#fff;
	    font-style:normal; 
	    font-weight:normal; 
	    font-family:"PT Sans"; 
	    font-size:12px;
	    color:#999;
        line-height:20px;
		padding:0;
	    margin:0;
    }

    .multi-column ol li a:hover {
	    color:#777;
		text-shadow:none;
    }
	
	.multi-column ol i {
		margin-right:10px;
    }
	
/*	--------------------------------------------------
	:: Multicolumn for Social Links
	-------------------------------------------------- */
	
	.multi-column .social {
	    margin:7px 0 10px 0;
		padding:0;
	    list-style:none;
		text-align:center;
	    width:100%;
    }
		
    .multi-column .social > a {
		background-color:#fff;
		display:inline-block;
		float:left;
	    padding:14px 0;
	    width:33.33%;
		margin:0;
		border:none;
    }
	
	.multi-column .social > a:hover {
	    background-color:#ddd;
		border:none;
    }
		
/*  --------------------------------------------------
    :: Dark Blue Theme
    -------------------------------------------------- */ 

	.dark-blue h2 {
	    color:#fff;
	    padding:15px 25px;
	    margin:0;
	    font-weight:bold; 
	    font-family:"PT Sans"; 
	    font-size:20px;
		background-color:#333;
	    background-image: linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	    background-image: -o-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	    background-image: -moz-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	    background-image: -ms-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
    }

    .dark-blue h2 .color {
	    color:#F60;
    }
	
	.dark-blue li{
	    background-color:#222;
        border-top:1px solid #333;
        border-bottom:1px solid #191919;
 	    border-left:5px solid #222;		
    }
	
    .dark-blue li:hover{
	    background-color:#191919;
        border-top:1px solid #333;
        border-bottom:1px solid #191919;
        border-left:5px solid #F60;		
    }
	
/*  --------------------------------------------------
    :: Dark Red Theme
    -------------------------------------------------- */ 	
	
	.dark-red h2 {
	    color:#fff;
	    padding:15px 25px;
	    margin:0;
	    font-weight:bold; 
	    font-family:"PT Sans"; 
	    font-size:20px;
		background-color:#333;
	    background-image: linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	    background-image: -o-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	    background-image: -moz-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	    background-image: -ms-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
    }

    .dark-red h2 .color {
	    color:#d82446;
    }
	
	.dark-red li{
	    background-color:#222;
        border-top:1px solid #333;
        border-bottom:1px solid #191919;
 	    border-left:5px solid #222;		
    }
	
    .dark-red li:hover{
	    background-color:#191919;
        border-top:1px solid #333;
        border-bottom:1px solid #191919;
        border-left:5px solid #d82446;		
    }
	
/*  --------------------------------------------------
    :: Dark Green Theme
    -------------------------------------------------- */ 	
	
	.dark-green h2 {
	    color:#fff;
	    padding:15px 25px;
	    margin:0;
	    font-weight:bold; 
	    font-family:"PT Sans"; 
	    font-size:20px;
		background-color:#333;
	    background-image: linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	    background-image: -o-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	    background-image: -moz-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	    background-image: -ms-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
    }

    .dark-green h2 .color {
	    color:#4c9d2f;
    }
	
	.dark-green li{
	    background-color:#222;
        border-top:1px solid #333;
        border-bottom:1px solid #191919;
 	    border-left:5px solid #222;		
    }
	
    .dark-green li:hover{
	    background-color:#191919;
        border-top:1px solid #333;
        border-bottom:1px solid #191919;
        border-left:5px solid #4c9d2f;		
    }
	
/*  --------------------------------------------------
    :: Dark Yellow Theme
    -------------------------------------------------- */ 	
	
	.dark-yellow h2 {
	    color:#fff;
	    padding:15px 25px;
	    margin:0;
	    font-weight:bold; 
	    font-family:"PT Sans"; 
	    font-size:20px;
		background-color:#333;
	    background-image: linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	    background-image: -o-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	    background-image: -moz-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	    background-image: -ms-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
    }

    .dark-yellow h2 .color {
	    color:#edc331;
    }
	
	.dark-yellow li{
	    background-color:#222;
        border-top:1px solid #333;
        border-bottom:1px solid #191919;
 	    border-left:5px solid #222;		
    }
	
    .dark-yellow li:hover{
	    background-color:#191919;
		border-top:1px solid #333;
        border-bottom:1px solid #191919;
        border-left:5px solid #edc331; 		
    }

/*  --------------------------------------------------
    :: Dark Pink Theme
    -------------------------------------------------- */ 	
	
	.dark-pink h2 {
	    color:#fff;
	    padding:15px 25px;
	    margin:0;
	    font-weight:bold; 
	    font-family:"PT Sans"; 
	    font-size:20px;
		background-color:#333;
	    background-image: linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	    background-image: -o-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	    background-image: -moz-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	    background-image: -ms-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
    }

    .dark-pink h2 .color {
	    color:#e6189b;
    }
	
	.dark-pink li{
	    background-color:#222;
        border-top:1px solid #333;
        border-bottom:1px solid #191919;
 	    border-left:5px solid #222;		
    }
	
    .dark-pink li:hover{
	    background-color:#191919;
		border-top:1px solid #333;
        border-bottom:1px solid #191919;
        border-left:5px solid #e6189b; 		
    }

/*  --------------------------------------------------
    :: Light Blue Theme
    -------------------------------------------------- */ 
	
    .light-blue h2 {
	    color:#fff;
	    padding:15px 25px;
	    margin:0;
	    font-weight:bold; 
	    font-family:"PT Sans"; 
	    font-size:20px;
		background-color:#999;
	    background-image: linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	    background-image: -o-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	    background-image: -moz-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	    background-image: -ms-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
    }

    .light-blue h2 .color {
	    color:#4abbed; 
    }
	
	.light-blue li{
	    background-color:#bbb;
        border-top:1px solid #ccc;
        border-bottom:1px solid #aaa;
 	    border-left:5px solid #bbb;		
    }
	
    .light-blue li:hover{
	    background-color:#aaa;
		border-top:1px solid #ccc;
        border-bottom:1px solid #aaa;
        border-left:5px solid #4abbed; 		
    }
	
/*  --------------------------------------------------
    :: Light Red Theme
    -------------------------------------------------- */ 
	
	.light-red h2 {
	    color:#fff;
	    padding:15px 25px;
	    margin:0;
	    font-weight:bold; 
	    font-family:"PT Sans"; 
	    font-size:20px;
		background-color:#999;
	    background-image: linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	    background-image: -o-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	    background-image: -moz-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	    background-image: -ms-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
    }

    .light-red h2 .color {
	    color:#d82446;
    }
	
	.light-red li{
	    background-color:#bbb;
        border-top:1px solid #ccc;
        border-bottom:1px solid #aaa;
 	    border-left:5px solid #bbb;		
    }
	
    .light-red li:hover{
	    background-color:#aaa;
		border-top:1px solid #ccc;
        border-bottom:1px solid #aaa;
        border-left:5px solid #d82446; 		
    }
	
/*  --------------------------------------------------
    :: Light Green Theme
    -------------------------------------------------- */ 	
	
	.light-green h2 {
	    color:#fff;
	    padding:15px 25px;
	    margin:0;
	    font-weight:bold; 
	    font-family:"PT Sans"; 
	    font-size:20px;
		background-color:#999;
	    background-image: linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	    background-image: -o-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	    background-image: -moz-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	    background-image: -ms-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
    }

    .light-green h2 .color {
	    color:#4c9d2f;
    }
	
	.light-green li{
	    background-color:#bbb;
        border-top:1px solid #ccc;
        border-bottom:1px solid #aaa;
 	    border-left:5px solid #bbb;		
    }
	
    .light-green li:hover{
	    background-color:#aaa;
		border-top:1px solid #ccc;
        border-bottom:1px solid #aaa;
        border-left:5px solid #4c9d2f; 		
    }
	
/*  --------------------------------------------------
    :: Light Yellow Theme
    -------------------------------------------------- */ 	

	.light-yellow h2 {
	    color:#fff;
	    padding:15px 25px;
	    margin:0;
	    font-weight:bold; 
	    font-family:"PT Sans"; 
	    font-size:20px;
		background-color:#999;
	    background-image: linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	    background-image: -o-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	    background-image: -moz-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	    background-image: -ms-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
    }

    .light-yellow h2 .color {
	    color:#edc331;
    }
	
	.light-yellow li{
	    background-color:#bbb;
        border-top:1px solid #ccc;
        border-bottom:1px solid #aaa;
 	    border-left:5px solid #bbb;		
    }
	
    .light-yellow li:hover{
	    background-color:#aaa;
		border-top:1px solid #ccc;
        border-bottom:1px solid #aaa;
        border-left:5px solid #edc331;		
    }

/*  --------------------------------------------------
    :: Light Pink Theme
    -------------------------------------------------- */ 	

	.light-pink h2 {
	    color:#fff;
	    padding:15px 25px;
	    margin:0;
	    font-weight:bold; 
	    font-family:"PT Sans"; 
	    font-size:20px;
		background-color:#999;
	    background-image: linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	    background-image: -o-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	    background-image: -moz-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	    background-image: -ms-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
    }

    .light-pink h2 .color {
	    color:#e6189b;
    }
	
	.light-pink li{
	    background-color:#bbb;
        border-top:1px solid #ccc;
        border-bottom:1px solid #aaa;
 	    border-left:5px solid #bbb;		
    }
	
    .light-pink li:hover{
	    background-color:#aaa;
		border-top:1px solid #ccc;
        border-bottom:1px solid #aaa;
        border-left:5px solid #e6189b;		
    }
	
/*	--------------------------------------------------
	:: Font IcoMoon
	-------------------------------------------------- */

    @font-face {
	    font-family: 'icomoon';
	    src:url('../Font/icomoon.eot');
	    src:url('../Font/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../Font/icomoon.woff') format('woff'),
		url('../Font/icomoon.ttf') format('truetype'),
		url('../Font/icomoon.svg#icomoon') format('svg');
	    font-weight: normal;
	    font-style: normal;
    }

/*	--------------------------------------------------
	:: Font Icon for Labels
	-------------------------------------------------- */
	
	[class*="icon-white"]:before { 
	    font-family:'icomoon'; 
	    speak:none; 
	    color:#fff; 
	    font-style:normal; 
	    font-weight:normal;
        font-size:16px;	
		margin-right:10px;
		vertical-align:baseline;
	    -webkit-font-smoothing:antialiased;
	}
	
/*	--------------------------------------------------
	:: Font Icon for Dropdowns
	-------------------------------------------------- */
	
	[class*="icon-black"]:before { 
	    font-family:'icomoon'; 
	    speak:none; 
	    color:#999; 
	    font-style:normal; 
	    font-weight:normal;
        font-size:8px;	
		vertical-align:baseline;
	    -webkit-font-smoothing:antialiased;
	}
	
/*	--------------------------------------------------
	:: Font Icon for Social
	-------------------------------------------------- */
	
	[class*="icon-black-social"]:before { 
	    font-family:'icomoon'; 
	    speak:none; 
	    color:#777; 
	    font-style:normal; 
	    font-weight:normal;
        font-size:16px;	
		vertical-align:baseline;
	    -webkit-font-smoothing:antialiased;
	}
	
	.icon-arrow-up:before {content: "\e0cc";}
    .icon-arrow-up-right:before {content: "\e0cd";}
    .icon-arrow-right:before {content: "\e0ce";}
    .icon-arrow-down-right:before {content: "\e0cf";}
    .icon-arrow-down:before {content: "\e0d0";}
    .icon-arrow-down-left:before {content: "\e0d1";}
    .icon-arrow-left:before {content: "\e0d2";}
    .icon-tab:before {content: "\e0d3";}
    .icon-checkbox-checked:before {content: "\e0d4";}
    .icon-checkbox-unchecked:before {content: "\e0d5";}
    .icon-checkbox-partial:before {content: "\e0d6";}
    .icon-radio-checked:before {content: "\e0d7";}
    .icon-radio-unchecked:before {content: "\e0d8";}
    .icon-crop:before {content: "\e0d9";}
    .icon-scissors:before {content: "\e0da";}
    .icon-filter:before {content: "\e0db";}
    .icon-filter-2:before {content: "\e0dc";}
    .icon-font:before {content: "\e0dd";}
    .icon-text-height:before {content: "\e0de";}
    .icon-text-width:before {content: "\e000";}
    .icon-bold:before {content: "\e001";}
    .icon-underline:before {content: "\e002";}
    .icon-italic:before {content: "\e003";}
    .icon-strikethrough:before {content: "\e004";}
    .icon-omega:before {content: "\e005";}
    .icon-sigma:before {content: "\e006";}
    .icon-table:before {content: "\e007";}
    .icon-table-2:before {content: "\e008";}
    .icon-insert-template:before {content: "\e009";}
    .icon-pilcrow:before {content: "\e00a";}
    .icon-left-to-right:before {content: "\e00b";}
    .icon-right-to-left:before {content: "\e00c";}
    .icon-paragraph-left:before {content: "\e00d";}
    .icon-paragraph-center:before {content: "\e00e";}
    .icon-paragraph-right:before {content: "\e00f";}
    .icon-paragraph-justify:before {content: "\e010";}
    .icon-paragraph-left-2:before {content: "\e011";}
    .icon-paragraph-center-2:before {content: "\e012";}
    .icon-paragraph-right-2:before {content: "\e013";}
    .icon-paragraph-justify-2:before {content: "\e014";}
    .icon-indent-increase:before {content: "\e015";}
    .icon-indent-decrease:before {content: "\e016";}
    .icon-new-tab:before {content: "\e017";}
    .icon-embed:before {content: "\e018";}
    .icon-code:before {content: "\e019";}
    .icon-console:before {content: "\e01a";}
    .icon-share:before {content: "\e01b";}
    .icon-mail:before {content: "\e01c";}
    .icon-mail-2:before {content: "\e01d";}
    .icon-mail-3:before {content: "\e01e";}
    .icon-mail-4:before {content: "\e01f";}
    .icon-google:before {content: "\e020";}
    .icon-google-plus:before {content: "\e021";}
    .icon-google-plus-2:before {content: "\e022";}
    .icon-google-plus-3:before {content: "\e023";}
    .icon-google-plus-4:before {content: "\e024";}
    .icon-google-drive:before {content: "\e025";}
    .icon-facebook:before {content: "\e026";}
    .icon-facebook-2:before {content: "\e027";}
    .icon-facebook-3:before {content: "\e028";}
    .icon-instagram:before {content: "\e029";}
    .icon-twitter:before {content: "\e02a";}
    .icon-twitter-2:before {content: "\e02b";}
    .icon-twitter-3:before {content: "\e02c";}
    .icon-feed:before {content: "\e02d";}
    .icon-feed-2:before {content: "\e02e";}
    .icon-feed-3:before {content: "\e02f";}
    .icon-youtube:before {content: "\e030";}
    .icon-youtube-2:before {content: "\e031";}
    .icon-vimeo:before {content: "\e032";}
    .icon-vimeo2:before {content: "\e033";}
    .icon-vimeo-2:before {content: "\e034";}
    .icon-lanyrd:before {content: "\e035";}
    .icon-flickr:before {content: "\e036";}
    .icon-flickr-2:before {content: "\e037";}
    .icon-flickr-3:before {content: "\e038";}
    .icon-flickr-4:before {content: "\e039";}
    .icon-picassa:before {content: "\e03a";}
    .icon-picassa-2:before {content: "\e03b";}
    .icon-dribbble:before {content: "\e03c";}
    .icon-dribbble-2:before {content: "\e03d";}
    .icon-dribbble-3:before {content: "\e03e";}
    .icon-forrst:before {content: "\e03f";}
    .icon-forrst-2:before {content: "\e040";}
    .icon-deviantart:before {content: "\e041";}
    .icon-deviantart-2:before {content: "\e042";}
    .icon-steam:before {content: "\e043";}
    .icon-steam-2:before {content: "\e044";}
    .icon-github:before {content: "\e045";}
    .icon-github-2:before {content: "\e046";}
    .icon-github-3:before {content: "\e047";}
    .icon-github-4:before {content: "\e048";}
    .icon-github-5:before {content: "\e049";}
    .icon-wordpress:before {content: "\e04a";}
    .icon-wordpress-2:before {content: "\e04b";}
    .icon-joomla:before {content: "\e04c";}
    .icon-blogger:before {content: "\e04d";}
    .icon-blogger-2:before {content: "\e04e";}
    .icon-tumblr:before {content: "\e04f";}
    .icon-tumblr-2:before {content: "\e050";}
    .icon-yahoo:before {content: "\e051";}
    .icon-tux:before {content: "\e052";}
    .icon-apple:before {content: "\e053";}
    .icon-finder:before {content: "\e054";}
    .icon-android:before {content: "\e055";}
    .icon-windows:before {content: "\e056";}
    .icon-windows8:before {content: "\e057";}
    .icon-soundcloud:before {content: "\e058";}
    .icon-soundcloud-2:before {content: "\e059";}
    .icon-skype:before {content: "\e05a";}
    .icon-reddit:before {content: "\e05b";}
    .icon-linkedin:before {content: "\e05c";}
    .icon-lastfm:before {content: "\e05d";}
    .icon-lastfm-2:before {content: "\e05e";}
    .icon-delicious:before {content: "\e05f";}
    .icon-stumbleupon:before {content: "\e060";}
    .icon-stumbleupon-2:before {content: "\e061";}
    .icon-stackoverflow:before {content: "\e062";}
    .icon-pinterest:before {content: "\e063";}
    .icon-pinterest-2:before {content: "\e064";}
    .icon-xing:before {content: "\e065";}
    .icon-xing-2:before {content: "\e066";}
    .icon-flattr:before {content: "\e067";}
    .icon-foursquare:before {content: "\e068";}
    .icon-foursquare-2:before {content: "\e069";}
    .icon-paypal:before {content: "\e06a";}
    .icon-paypal-2:before {content: "\e06b";}
    .icon-paypal-3:before {content: "\e06c";}
    .icon-yelp:before {content: "\e06d";}
    .icon-libreoffice:before {content: "\e06e";}
    .icon-file-pdf:before {content: "\e06f";}
    .icon-file-openoffice:before {content: "\e070";}
    .icon-file-word:before {content: "\e071";}
    .icon-file-excel:before {content: "\e072";}
    .icon-file-zip:before {content: "\e073";}
    .icon-file-powerpoint:before {content: "\e074";}
    .icon-file-xml:before {content: "\e075";}
    .icon-file-css:before {content: "\e076";}
    .icon-html5:before {content: "\e077";}
    .icon-html5-2:before {content: "\e078";}
    .icon-css3:before {content: "\e079";}
    .icon-chrome:before {content: "\e07a";}
    .icon-firefox:before {content: "\e07b";}
    .icon-IE:before {content: "\e07c";}
    .icon-opera:before {content: "\e07d";}
    .icon-safari:before {content: "\e07e";}
    .icon-IcoMoon:before {content: "\e07f";}
    .icon-bars:before {content: "\e080";}
    .icon-gift:before {content: "\e081";}
    .icon-trophy:before {content: "\e082";}
    .icon-glass:before {content: "\e083";}
    .icon-mug:before {content: "\e084";}
    .icon-food:before {content: "\e085";}
    .icon-leaf:before {content: "\e086";}
    .icon-rocket:before {content: "\e087";}
    .icon-meter:before {content: "\e088";}
    .icon-meter2:before {content: "\e089";}
    .icon-dashboard:before {content: "\e08a";}
    .icon-hammer:before {content: "\e08b";}
    .icon-fire:before {content: "\e08c";}
    .icon-lab:before {content: "\e08d";}
    .icon-magnet:before {content: "\e08e";}
    .icon-remove:before {content: "\e08f";}
    .icon-remove-2:before {content: "\e090";}
    .icon-briefcase:before {content: "\e091";}
    .icon-airplane:before {content: "\e092";}
    .icon-truck:before {content: "\e093";}
    .icon-road:before {content: "\e094";}
    .icon-accessibility:before {content: "\e095";}
    .icon-target:before {content: "\e096";}
    .icon-shield:before {content: "\e097";}
    .icon-lightning:before {content: "\e098";}
    .icon-switch:before {content: "\e099";}
    .icon-power-cord:before {content: "\e09a";}
    .icon-signup:before {content: "\e09b";}
    .icon-list:before {content: "\e09c";}
    .icon-list-2:before {content: "\e09d";}
    .icon-numbered-list:before {content: "\e09e";}
    .icon-menu:before {content: "\e09f";}
    .icon-menu-2:before {content: "\e0a0";}
    .icon-tree:before {content: "\e0a1";}
    .icon-cloud:before {content: "\e0a2";}
    .icon-cloud-download:before {content: "\e0a3";}
    .icon-cloud-upload:before {content: "\e0a4";}
    .icon-download:before {content: "\e0a5";}
    .icon-upload:before {content: "\e0a6";}
    .icon-download-2:before {content: "\e0a7";}
    .icon-upload-2:before {content: "\e0a8";}
    .icon-globe:before {content: "\e0a9";}
    .icon-earth:before {content: "\e0aa";}
    .icon-link:before {content: "\e0ab";}
    .icon-flag:before {content: "\e0ac";}
    .icon-attachment:before {content: "\e0ad";}
    .icon-eye:before {content: "\e0ae";}
    .icon-eye-blocked:before {content: "\e0af";}
    .icon-eye-2:before {content: "\e0b0";}
    .icon-bookmark:before {content: "\e0b1";}
    .icon-bookmarks:before {content: "\e0b2";}
    .icon-brightness-medium:before {content: "\e0b3";}
    .icon-brightness-contrast:before {content: "\e0b4";}
    .icon-contrast:before {content: "\e0b5";}
    .icon-star:before {content: "\e0b6";}
    .icon-star-2:before {content: "\e0b7";}
    .icon-star-3:before {content: "\e0b8";}
    .icon-heart:before {content: "\e0b9";}
    .icon-heart-2:before {content: "\e0ba";}
    .icon-heart-broken:before {content: "\e0bb";}
    .icon-thumbs-up:before {content: "\e0bc";}
    .icon-thumbs-up-2:before {content: "\e0bd";}
    .icon-happy:before {content: "\e0be";}
    .icon-happy-2:before {content: "\e0bf";}
    .icon-smiley:before {content: "\e0c0";}
    .icon-smiley-2:before {content: "\e0c1";}
	.icon-tongue:before {content: "\e0c2";}
    .icon-tongue-2:before {content: "\e0c3";}
    .icon-sad:before {content: "\e0c4";}
    .icon-sad-2:before {content: "\e0c5";}
    .icon-wink:before {content: "\e0c6";}
    .icon-wink-2:before {content: "\e0c7";}
    .icon-grin:before {content: "\e0c8";}
    .icon-grin-2:before {content: "\e0c9";}
    .icon-cool:before {content: "\e0ca";}
    .icon-cool-2:before {content: "\e0cb";}
    .icon-angry:before {content: "\e0df";}
    .icon-angry-2:before {content: "\e0e0";}
    .icon-evil:before {content: "\e0e1";}
    .icon-evil-2:before {content: "\e0e2";}
    .icon-shocked:before {content: "\e0e3";}
    .icon-shocked-2:before {content: "\e0e4";}
    .icon-confused:before {content: "\e0e5";}
    .icon-confused-2:before {content: "\e0e6";}
    .icon-neutral:before {content: "\e0e7";}
    .icon-neutral-2:before {content: "\e0e8";}
    .icon-wondering:before {content: "\e0e9";}
    .icon-wondering-2:before {content: "\e0ea";}
    .icon-point-up:before {content: "\e0eb";}
    .icon-point-right:before {content: "\e0ec";}
    .icon-point-down:before {content: "\e0ed";}
    .icon-point-left:before {content: "\e0ee";}
    .icon-warning:before {content: "\e0ef";}
    .icon-notification:before {content: "\e0f0";}
    .icon-question:before {content: "\e0f1";}
    .icon-info:before {content: "\e0f2";}
    .icon-info-2:before {content: "\e0f3";}
    .icon-blocked:before {content: "\e0f4";}
    .icon-cancel-circle:before {content: "\e0f5";}
    .icon-checkmark-circle:before {content: "\e0f6";}
    .icon-spam:before {content: "\e0f7";}
    .icon-close:before {content: "\e0f8";}
    .icon-checkmark:before {content: "\e0f9";}
    .icon-checkmark-2:before {content: "\e0fa";}
    .icon-spell-check:before {content: "\e0fb";}
    .icon-minus:before {content: "\e0fc";}
    .icon-plus:before {content: "\e0fd";}
    .icon-enter:before {content: "\e0fe";}
    .icon-exit:before {content: "\e0ff";}
    .icon-play:before {content: "\e100";}
    .icon-pause:before {content: "\e101";}
    .icon-stop:before {content: "\e102";}
    .icon-backward:before {content: "\e103";}
    .icon-forward:before {content: "\e104";}
    .icon-play-2:before {content: "\e105";}
    .icon-pause-2:before {content: "\e106";}
    .icon-stop-2:before {content: "\e107";}
    .icon-backward-2:before {content: "\e108";}
    .icon-forward-2:before {content: "\e109";}
    .icon-first:before {content: "\e10a";}
    .icon-last:before {content: "\e10b";}
    .icon-previous:before {content: "\e10c";}
    .icon-next:before {content: "\e10d";}
    .icon-eject:before {content: "\e10e";}
    .icon-volume-high:before {content: "\e10f";}
    .icon-volume-medium:before {content: "\e110";}
    .icon-volume-low:before {content: "\e111";}
    .icon-volume-mute:before {content: "\e112";}
    .icon-volume-mute-2:before {content: "\e113";}
    .icon-volume-increase:before {content: "\e114";}
    .icon-volume-decrease:before {content: "\e115";}
    .icon-loop:before {content: "\e116";}
    .icon-loop-2:before {content: "\e117";}
    .icon-loop-3:before {content: "\e118";}
    .icon-shuffle:before {content: "\e119";}
    .icon-arrow-up-left:before {content: "\e11a";}
    .icon-arrow-up-2:before {content: "\e11b";}
    .icon-arrow-up-right-2:before {content: "\e11c";}
    .icon-arrow-right-2:before {content: "\e11d";}
    .icon-arrow-down-right-2:before {content: "\e11e";}
    .icon-arrow-down-2:before {content: "\e11f";}
    .icon-arrow-down-left-2:before {content: "\e120";}
    .icon-arrow-left-2:before {content: "\e121";}
    .icon-arrow-up-left-2:before {content: "\e122";}
    .icon-arrow-up-3:before {content: "\e123";}
    .icon-arrow-up-right-3:before {content: "\e124";}
    .icon-arrow-right-3:before {content: "\e125";}
    .icon-arrow-down-right-3:before {content: "\e126";}
    .icon-arrow-down-3:before {content: "\e127";}
    .icon-arrow-down-left-3:before {content: "\e128";}
    .icon-arrow-left-3:before {content: "\e129";}
    .icon-arrow-up-left-3:before {content: "\e12a";}
    .icon-film:before {content: "\e12b";}
    .icon-camera:before {content: "\e12c";}
    .icon-dice:before {content: "\e12d";}
    .icon-pacman:before {content: "\e12e";}
    .icon-spades:before {content: "\e12f";}
    .icon-clubs:before {content: "\e130";}
    .icon-diamonds:before {content: "\e131";}
    .icon-pawn:before {content: "\e132";}
    .icon-bullhorn:before {content: "\e133";}
    .icon-connection:before {content: "\e134";}
    .icon-podcast:before {content: "\e135";}
    .icon-feed-4:before {content: "\e136";}
    .icon-book:before {content: "\e137";}
    .icon-books:before {content: "\e138";}
    .icon-library:before {content: "\e139";}
    .icon-file:before {content: "\e13a";}
    .icon-profile:before {content: "\e13b";}
    .icon-file-2:before {content: "\e13c";}
    .icon-file-3:before {content: "\e13d";}
    .icon-file-4:before {content: "\e13e";}
    .icon-copy:before {content: "\e13f";}
    .icon-copy-2:before {content: "\e140";}
    .icon-copy-3:before {content: "\e141";}
    .icon-paste:before {content: "\e142";}
    .icon-paste-2:before {content: "\e143";}
    .icon-paste-3:before {content: "\e144";}
    .icon-stack:before {content: "\e145";}
    .icon-folder:before {content: "\e146";}
    .icon-folder-open:before {content: "\e147";}
    .icon-tag:before {content: "\e148";}
    .icon-tags:before {content: "\e149";}
    .icon-barcode:before {content: "\e14a";}
    .icon-qrcode:before {content: "\e14b";}
    .icon-ticket:before {content: "\e14c";}
    .icon-cart:before {content: "\e14d";}
    .icon-cart-2:before {content: "\e14e";}
    .icon-cart-3:before {content: "\e14f";}
    .icon-coin:before {content: "\e150";}
    .icon-credit:before {content: "\e151";}
    .icon-calculate:before {content: "\e152";}
    .icon-support:before {content: "\e153";}
    .icon-phone:before {content: "\e154";}
    .icon-phone-hang-up:before {content: "\e155";}
    .icon-address-book:before {content: "\e156";}
    .icon-notebook:before {content: "\e157";}
    .icon-envelop:before {content: "\e158";}
    .icon-pushpin:before {content: "\e159";}
    .icon-location:before {content: "\e15a";}
    .icon-location-2:before {content: "\e15b";}
    .icon-compass:before {content: "\e15c";}
    .icon-map:before {content: "\e15d";}
    .icon-map-2:before {content: "\e15e";}
    .icon-history:before {content: "\e15f";}
    .icon-clock:before {content: "\e160";}
    .icon-clock-2:before {content: "\e161";}
    .icon-alarm:before {content: "\e162";}
    .icon-alarm-2:before {content: "\e163";}
    .icon-bell:before {content: "\e164";}
    .icon-stopwatch:before {content: "\e165";}
    .icon-calendar:before {content: "\e166";}
    .icon-calendar-2:before {content: "\e167";}
    .icon-print:before {content: "\e168";}
    .icon-keyboard:before {content: "\e169";}
    .icon-screen:before {content: "\e16a";}
    .icon-laptop:before {content: "\e16b";}
    .icon-mobile:before {content: "\e16c";}
    .icon-mobile-2:before {content: "\e16d";}
    .icon-tablet:before {content: "\e16e";}
    .icon-tv:before {content: "\e16f";}
    .icon-cabinet:before {content: "\e170";}
    .icon-drawer:before {content: "\e171";}
    .icon-drawer-2:before {content: "\e172";}
    .icon-drawer-3:before {content: "\e173";}
    .icon-box-add:before {content: "\e174";}
    .icon-box-remove:before {content: "\e175";}
    .icon-download-3:before {content: "\e176";}
    .icon-upload-3:before {content: "\e177";}
    .icon-disk:before {content: "\e178";}
    .icon-storage:before {content: "\e179";}
    .icon-undo:before {content: "\e17a";}
    .icon-redo:before {content: "\e17b";}
    .icon-flip:before {content: "\e17c";}
    .icon-flip-2:before {content: "\e17d";}
    .icon-undo-2:before {content: "\e17e";}
    .icon-redo-2:before {content: "\e17f";}
    .icon-forward-3:before {content: "\e180";}
    .icon-reply:before {content: "\e181";}
	.icon-bubble:before {content: "\e182";}
    .icon-bubbles:before {content: "\e183";}
    .icon-bubbles-2:before {content: "\e184";}
    .icon-bubble-2:before {content: "\e185";}
    .icon-bubbles-3:before {content: "\e186";}
    .icon-bubbles-4:before {content: "\e187";}
    .icon-user:before {content: "\e188";}
	.icon-users:before {content: "\e189";}
    .icon-user-2:before {content: "\e18a";}
    .icon-users-2:before {content: "\e18b";}
    .icon-user-3:before {content: "\e18c";}
    .icon-user-4:before {content: "\e18d";}
    .icon-quotes-left:before {content: "\e18e";}
    .icon-busy:before {content: "\e18f";}
    .icon-spinner:before {content: "\e190";}
    .icon-spinner-2:before {content: "\e191";}
    .icon-spinner-3:before {content: "\e192";}
    .icon-spinner-4:before {content: "\e193";}
    .icon-spinner-5:before {content: "\e194";}
    .icon-spinner-6:before {content: "\e195";}
    .icon-binoculars:before {content: "\e196";}
    .icon-search:before {content: "\e197";}
    .icon-zoom-in:before {content: "\e198";}
    .icon-zoom-out:before {content: "\e199";}
    .icon-expand:before {content: "\e19a";}
    .icon-contract:before {content: "\e19b";}
    .icon-expand-2:before {content: "\e19c";}
    .icon-contract-2:before {content: "\e19d";}
    .icon-key:before {content: "\e19e";}
    .icon-key-2:before {content: "\e19f";}
    .icon-lock:before {content: "\e1a0";}
    .icon-lock-2:before {content: "\e1a1";}
    .icon-unlocked:before {content: "\e1a2";}
    .icon-wrench:before {content: "\e1a3";}
    .icon-settings:before {content: "\e1a4";}
    .icon-equalizer:before {content: "\e1a5";}
    .icon-cog:before {content: "\e1a6";}
    .icon-cogs:before {content: "\e1a7";}
    .icon-cog-2:before {content: "\e1a8";}
    .icon-hammer-2:before {content: "\e1a9";}
    .icon-wand:before {content: "\e1aa";}
    .icon-aid:before {content: "\e1ab";}
    .icon-bug:before {content: "\e1ac";}
    .icon-pie:before {content: "\e1ad";}
    .icon-stats:before {content: "\e1ae";}
    .icon-bars-2:before {content: "\e1af";}
    .icon-home:before {content: "\e1b0";}
    .icon-home-2:before {content: "\e1b1";}
    .icon-home-3:before {content: "\e1b2";}
    .icon-office:before {content: "\e1b3";}
    .icon-newspaper:before {content: "\e1b4";}
    .icon-pencil:before {content: "\e1b5";}
    .icon-pencil-2:before {content: "\e1b6";}
    .icon-quill:before {content: "\e1b7";}
    .icon-pen:before {content: "\e1b8";}
    .icon-blog:before {content: "\e1b9";}
    .icon-droplet:before {content: "\e1ba";}
    .icon-paint-format:before {content: "\e1bb";}
    .icon-image:before {content: "\e1bc";}
    .icon-image-2:before {content: "\e1bd";}
    .icon-images:before {content: "\e1be";}
    .icon-camera-2:before {content: "\e1bf";}
    .icon-music:before {content: "\e1c0";}
    .icon-headphones:before {content: "\e1c1";}
    .icon-play-3:before {content: "\e1c2";}



/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.menu {
    display: block;
    position: absolute;
    left: 0px;
    top: 260px;
    z-index: 20;
	margin-left:-40px;
}
	}
	
	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

		}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.menu {
    display: none;
   
}
}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
			.menu {
    display: none;
   
}
		}