/*
Item Name : FlexiNav - Flexible and Responsive Navigation
Item URI : http://codecanyon.net/item/flexinav-flexible-and-responsive-navigation/6528657
Author URI : http://codecanyon.net/user/Pixelworkshop
Version : 1.1
*/

/*

TABLE OF CONTENTS

00 PAGE STYLING (not part of the menu)
01 MENU BAR
02 MENU TOGGLE BUTTON
03 DROP DOWN CONTAINERS
04 DROP DOWN COLUMNS
05 MULTILEVEL FLY-OUTS
06 TYPOGRAPHY & ELEMENTS
   1. Basic Typography
   2. Default Lists
   3. Icons Lists
   4. Videos & Images
   5. Misc
07 FORM ELEMENTS
08 MOBILE DEVICES
09 COLORS
   1. Black (default)
   2. Blue
   3. Brown
   4. Green
   5. Grey
   6. Ocean
   7. Orange
   8. Pink
   9. Purple
   10. Red

*/



   
/*  _______________________________________________

    01 MENU BAR
    _______________________________________________  */




/* 
   If you have several menus on a same page,
   assign a z-index to each one according to their position
*/

#flexinav1 {
    z-index: 9998;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
}

.flexinav *,
.flexinav *:before,
.flexinav *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.flexinav {
    position: relative;
    margin:0 auto 0px auto;
    float: left;
    padding: 0;
    width: 100%;
    z-index: 9990;
        font-size: 15px;
	font-family: 'Open Sans', sans-serif;
	FONT-WEIGHT: 400;
    line-height:21px;
    background: #FFFFFF;
	border-bottom:solid 1px #f1f1f1;
		
}
.flexinav_fixed {
    position: fixed;
    top:0;
    left:0;
    margin:0 0 0px 0;
}
    .flexinav .flexinav_wrapper {
        width:100%;
        max-width: 1200px;
        margin: 0 auto;
		padding:0 2.5%;
    }
    .flexinav .flexinav_wrapper .flexinav_menu {
        padding: 0;
        margin: 0 auto;
        list-style: none;
        float: left;
    }
        .flexinav .flexinav_wrapper .flexinav_menu_right {
            float: right;
        }
        .flexinav .flexinav_wrapper .flexinav_menu > li {
            float: left;
            padding:0;
            margin: 0;
            line-height:50px;
            font-size: 11px;
            position: relative;
            background: #FFFFFF;
            -webkit-transition: background 0.3s;
            -moz-transition: background 0.3s;
            -o-transition: background 0.3s;
            transition: background 0.3s;
			
        }
            .flexinav .flexinav_wrapper .flexinav_menu > li.flexnav_mega {
                position: static;
            }

            /* Hover and active states */

            .flexinav .flexinav_wrapper .flexinav_menu > li > a,
            .flexinav .flexinav_wrapper .flexinav_menu > li > span,
            .flexinav .flexinav_wrapper .flexinav_menu > li > span > a {
                color:#666666;
			
				
				
            }
            .flexinav .flexinav_wrapper .flexinav_menu > li:hover,
            .flexinav .flexinav_wrapper .flexinav_menu > li.active {
                background: #efefef;
					
            }
                .flexinav .flexinav_wrapper .flexinav_menu > li:hover > a,
                .flexinav .flexinav_wrapper .flexinav_menu > li:hover > span,
                .flexinav .flexinav_wrapper .flexinav_menu > li:hover > span > a,
                .flexinav .flexinav_wrapper .flexinav_menu > li.active > a,
                .flexinav .flexinav_wrapper .flexinav_menu > li.active > span,
                .flexinav .flexinav_wrapper .flexinav_menu > li.active > span > a {
                    color:#666666;
			
			
			
               }
            .flexinav .flexinav_wrapper .flexinav_menu > li.noactive {
                background: #FFFFFF;
			
            }
                .flexinav .flexinav_wrapper .flexinav_menu > li.noactive > a,
                .flexinav .flexinav_wrapper .flexinav_menu > li.noactive > span,
                .flexinav .flexinav_wrapper .flexinav_menu > li.noactive > span > a,
                .flexinav .flexinav_wrapper .flexinav_menu > li.noactive:hover > a,
                .flexinav .flexinav_wrapper .flexinav_menu > li.noactive:hover > span,
                .flexinav .flexinav_wrapper .flexinav_menu > li.noactive:hover > span > a {
                    color:#666666;
				
                }


            .flexinav .flexinav_wrapper .flexinav_menu > li > span,
            .flexinav .flexinav_wrapper .flexinav_menu > li > a {
                display: block;
                line-height:80px;
                padding:0 12px 0 12px;
            }
            .flexinav .flexinav_wrapper .flexinav_menu > li > a,
            .flexinav .flexinav_wrapper .flexinav_menu > li > span,
            .flexinav .flexinav_wrapper .flexinav_menu > li > span > a {
                font-size: 13.5px;
				font-family: 'Open Sans', sans-serif;
				FONT-WEIGHT: 700;
                text-decoration: none;
                cursor: pointer;
				text-transform:uppercase;
				
            }
            .flexinav .flexinav_wrapper .flexinav_menu > li > span > a {
                margin-left: 14px;
            }
            .flexinav .flexinav_wrapper .flexinav_menu > li > span + a i {
                margin-right: 0px;
            }
            .flexinav .flexinav_wrapper .flexinav_menu > li i {
                margin-right: 3px;
				margin-left: 3px;
            }
			
			
  
  			/* Logo */

    .flexinav .flexinav_wrapper .flexinav_menu > li.flexinav_logo {
        width: 182px;
        height: 80px;
        padding: 0;
        margin: 0;
        float: left;
    }
    .flexinav .flexinav_wrapper .flexinav_menu > li.flexinav_logo:hover {
        background: none;
    }
    .flexinav .flexinav_wrapper .flexinav_menu > li.flexinav_logo > a,
    .flexinav .flexinav_wrapper .flexinav_menu > li.flexinav_logo:hover > a {
        width: 100%;
        height: 80px;
        padding: 0px;
        margin: 0px;
        float: left;
        background: url(../../images/sto_logo.jpg) no-repeat left center;
    }

   /*  _______________________________________________

    02 MENU TOGGLE BUTTON
    _______________________________________________  */












/*  _______________________________________________

    03 DROP DOWN CONTAINERS
    _______________________________________________  */




.flexinav .flexinav_menu .flexinav_ddown {
    position: absolute;
    top:-9999em;
    z-index: 9999;
    background: #efefef;
    padding: 30px 20px 20px 1800px;
    margin: 0 auto;
    opacity: 0;
    display: block;
	border-bottom:1px solid #efefef;
}

.flexinav .flexinav_menu .flexinav_ddown1 {
    position: absolute;
    top:-9999em;
    z-index: 9999;
    background: #efefef;
    padding: 30px 2% 20px 2%;
    margin: 0 auto;
    opacity: 0;
    display: block;
	border-bottom:1px solid #efefef;
}

.flexinav .flexinav_menu .flexinav_ddown_scroll {
    padding: 30px 2% 30px 2%;
}
.flexinav .flexinav_menu .flexinav_ddown_fly_out {
    padding: 30px 0 8px 0;
}
.flexinav .flexinav_menu .flexinav_ddown:before,
.flexinav .flexinav_menu .flexinav_ddown:after {
    display: table;
    content: " ";
}
.flexinav .flexinav_menu .flexinav_ddown:after {
    clear: both;
}
.flexinav .flexinav_menu .flexinav_ddown1:before,
.flexinav .flexinav_menu .flexinav_ddown1:after {
    display: table;
    content: " ";
}
.flexinav .flexinav_menu .flexinav_ddown1:after {
    clear: both;
}
/* Drop Down Sizes */

.flexinav .flexinav_menu .flexinav_ddown_mega {
    width: 960px;
    left:50%;
    margin-left: -480px;
}
.flexinav .flexinav_menu .flexinav_ddown_full {
    width: 100%;
    left:0;
    margin-left: 0;
}
.flexinav .flexinav_menu .flexinav_ddown_960 {
    width:960px;
}
.flexinav .flexinav_menu .flexinav_ddown_880 {
    width:880px;
}
.flexinav .flexinav_menu .flexinav_ddown_800 {
    width:800px;
}
.flexinav .flexinav_menu .flexinav_ddown_720 {
    width:720px;
}
.flexinav .flexinav_menu .flexinav_ddown_640 {
    width:640px;
}
.flexinav .flexinav_menu .flexinav_ddown_560 {
    width:560px;
}
.flexinav .flexinav_menu .flexinav_ddown_480 {
    width:480px;
}
.flexinav .flexinav_menu .flexinav_ddown_400 {
    width:400px;
}
.flexinav .flexinav_menu .flexinav_ddown_320 {
    width:320px;
}
.flexinav .flexinav_menu .flexinav_ddown_240 {
    width:240px;
}
.flexinav .flexinav_menu .flexinav_ddown_160 {
    width:none;
}
.flexinav .flexinav_menu .flexinav_ddown_80 {
    width:80px;
}
.flexinav .flexinav_menu .flexinav_ddown_960,
.flexinav .flexinav_menu .flexinav_ddown_880,
.flexinav .flexinav_menu .flexinav_ddown_800,
.flexinav .flexinav_menu .flexinav_ddown_720,
.flexinav .flexinav_menu .flexinav_ddown_640,
.flexinav .flexinav_menu .flexinav_ddown_560,
.flexinav .flexinav_menu .flexinav_ddown_480,
.flexinav .flexinav_menu .flexinav_ddown_400,
.flexinav .flexinav_menu .flexinav_ddown_320,
.flexinav .flexinav_menu .flexinav_ddown_240,
.flexinav .flexinav_menu .flexinav_ddown_160,
.flexinav .flexinav_menu .flexinav_ddown_80 {
    margin-left: -1800px;
}

.flexinav .flexinav_menu .flexinav_ddown_right {
    right:0;
}

/* Show Drop Downs on Mouse Hover */

.flexinav .flexinav_menu li:hover > .flexinav_ddown {
    opacity: 1;
    top:auto;
}




/*  _______________________________________________

    04 DROP DOWN COLUMNS
    _______________________________________________  */




.flexinav .colrow {
	width:1200px !important;
	margin:0 auto;
  
}
.flexinav .colrow:before,
.flexinav .colrow:after {
    display: table;
    content: " ";
	width:1200px !important;
	margin:0 auto;
}
.flexinav .colrow:after {
    clear: both;
	width:1200px !important;
	margin:0 auto;
}
.flexinav .col1,
.flexinav .col3,
.flexinav .col4,
.flexinav .col5,
.flexinav .col6,
.flexinav .col9,
.flexinav .col10,
.flexinav .col11,
.flexinav .col12,
.flexinav .col12-top {
    position: relative;
    float: left;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
}




.flexinav .col12 {
    width: 100%;
	padding-right: 3.5%;
    padding-left: 3.5%;
	padding-top:15px;
}
.flexinav .col12-top {
    width: 100%;
	padding-right: 3.5%;
    padding-left: 3.5%;
	padding-top:15px;
}
.flexinav .col11 {
    width: 91.66666666666666%;
}
.flexinav .col10 {
    width: 83.33333333333334%;
}
.flexinav .col9 {
    width: 75%;
}
.flexinav .col8 {
    width: 50%;
	position: relative;
    float: left;
    min-height: 1px;
    padding-right: 3.5%;
    padding-left: 3.5%;
	border-left:none; 
	height:469px;
	padding-top:15px;
}
.flexinav .col7 {
    width: 50%;
	position: relative;
    float: left;
    min-height: 1px;
    padding-right: 3.5%;
    padding-left: 3.5%;
	border-left:1px solid #ccc; 
	height:469px;
	padding-top:15px;
}
.flexinav .col6 {
    width: 33%;
	position: relative;
    float: left;
    min-height: 1px;
    padding-right: 3.5%;
    padding-left: 3.5%;
	padding-bottom:20px;
}
.flexinav .col5 {
    width: 41.66666666666667%;
}
.flexinav .col4 {
    width: 33.33333333333333%;
}
.flexinav .col3 {
    width: 25%;
}
.flexinav .col2 {
    width: 1500px;
	  position: relative;
    float: left;
    min-height: 1px;
    padding-right: 2%;
    padding-left: 15px;
}
.flexinav .col1 {
        width: 200px;
	  position: relative;
    float: left;
    min-height: 1px;
    padding-right: 2%;
    padding-left: 0px;
	margin-left:-200px;
}
.flexinav .col0 {
        width: 1500px;
	  position: relative;
    float: left;
    min-height: 1px;
    padding-right: 2%;
    padding-left: 0px;
}






/*  _______________________________________________

    06 TYPOGRAPHY & ELEMENTS
    _______________________________________________  */




/* 1. Basic Typography */

.flexinav .flexinav_ddown p,
.flexinav .flexinav_ddown1 h1,
.flexinav .flexinav_ddown1 h2,
.flexinav .flexinav_ddown1 h3,
.flexinav .flexinav_ddown1 h4,
.flexinav .flexinav_ddown h1,
.flexinav .flexinav_ddown h2,
.flexinav .flexinav_ddown h3,
.flexinav .flexinav_ddown h4,
.flexinav .flexinav_ddown h5,
.flexinav .flexinav_ddown h6,
.flexinav .flexinav_ddown ul,
.flexinav .flexinav_ddown ol {
    margin:0;
    color:#666666;
}
.flexinav .flexinav_ddown p,
.flexinav .flexinav_ddown ul,
.flexinav .flexinav_ddown ol,
.flexinav .flexinav_ddown1 p,
.flexinav .flexinav_ddown1 ul,
.flexinav .flexinav_ddown1 ol {
    font-size: 13px;
    margin: 0 0 21px 0;
    line-height: 21px;
	font-family: 'Open Sans', sans-serif;
	FONT-WEIGHT: 400;
	list-style:none;
}


.flexinav .flexinav_ddown1 h1,
.flexinav .flexinav_ddown1 h2,
.flexinav .flexinav_ddown1 h3,
.flexinav .flexinav_ddown1 h4,
.flexinav .flexinav_ddown h1,
.flexinav .flexinav_ddown h2,
.flexinav .flexinav_ddown h3,
.flexinav .flexinav_ddown h4,
.flexinav .flexinav_ddown h5,
.flexinav .flexinav_ddown h6 {
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
	letter-spacing:0px;
}

.flexinav .flexinav_ddown1 h2 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 1px;
	font-weight: 700;
	text-shadow: none;
}

.flexinav .flexinav_ddown h2  {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 5px;
	font-weight: 700;
	padding-top:15px;
	text-shadow: none;
}

.flexinav .flexinav_ddown h3,
.flexinav .flexinav_ddown1 h3 {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 0px;
}
.flexinav .flexinav_ddown1 h5 {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0px;
	font-weight: 700;
	padding:15px 0px 0px 0px;
	color:#666;
}

.flexinav .flexinav_ddown1 h5.extrapad {
   
    margin-bottom: 32px;

}




.flexinav .flexinav_ddown h4,
.flexinav .flexinav_ddown1 h4 {
    font-size: 21px;
    line-height: 18px;
    margin-bottom:0px;
	font-weight: 700;
	padding-top:37px;
	padding-bottom:27px;
	
}
.flexinav .flexinav_ddown h4 {
    font-size: 22px;
    line-height: 18px;
    margin-bottom:14px;
}
.flexinav .flexinav_ddown h6 {
    font-size: 10px;
    line-height: 16px;
    margin-bottom:14px;
    text-transform:uppercase;
}

.flexinav .flexinav_ddown h2 a{
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 0px;
	font-weight: 700;
	color: #666666;	
	text-shadow: none;
}

.flexinav .flexinav_ddown1 h2 a{
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0px;
	font-weight: 700;
	color: #666666;
	text-transform:none;
	text-shadow: none;
}

.flexinav .flexinav_ddown a,
.flexinav .flexinav_ddown1 a,
.flexinav .dropdown_flyout li span {
    text-decoration: none;
    color: #999999;
    cursor: pointer;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s;
		text-transform:none;
		font-size:13px;
		font-weight:400;
	
}


.flexinav .flexinav_ddown h2 a:hover,
    .flexinav .flexinav_ddown1 h2 a:hover,
    .flexinav .dropdown_flyout li span:hover {
        color: #666666;
		text-decoration:underline;
		text-shadow: none;
    }

  
	
  .flexinav .flexinav_ddown a:hover,
  .flexinav .flexinav_ddown1 a:hover,
    .flexinav .dropdown_flyout li span:hover {
        text-decoration:underline;
		
    }

/* 2. Default Lists */

.flexinav .flexinav_ddown .colrow ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 21px;
	margin-left:0;
}
.flexinav .flexinav_ddown .colrow ol {
    padding-left: 16px;
    margin-bottom: 21px;
	margin-left:0;
}
.flexinav .flexinav_ddown .colrow ul li,
.flexinav .flexinav_ddown .colrow ol li {
    line-height: 21px;
    padding: 0;
    margin:0;
}
.flexinav .flexinav_ddown .colrow ul li i,
.flexinav .flexinav_ddown .colrow ol li i {
    font-size:11px;
    line-height: 21px;
    margin-right:12px;
}

/* 3. Icons Lists */

.flexinav .flexinav_ddown .colrow .flexinav_icons {
    list-style: none;
    padding: 0;
    margin-left: -20px;
}
.flexinav .flexinav_ddown .colrow .flexinav_icons > li {
    padding: 0 0 5px 20px;
    text-align: left;
}
.flexinav .flexinav_ddown .colrow .flexinav_icons i {
    font-size: 14px;
    width: 12px;
    float: left;
}

/* 4. Videos & Images */

.flexinav .flexinav_ddown .video_container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 18px;
}
    .flexinav .flexinav_ddown .video_container iframe,  
    .flexinav .flexinav_ddown .video_container object,  
    .flexinav .flexinav_ddown .video_container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border:none;
        outline: none;
    }
.flexinav .flexinav_ddown iframe {
    border:0;
    outline: none;
    width: 100%;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    margin-bottom: 12px;
}
.flexinav .flexinav_ddown img {
    display: block;
    height: auto;
    max-width: 100% !important;
    margin-bottom: 18px;
}    

/* 5. Misc */

.flexinav .flexinav_ddown .greybox {
    padding: 16px;
    background: #eeeeee;
    color:#aaaaaa;
}
.flexinav .flexinav_ddown .coldemo {
    padding: 4px 8px;
    background: #dddddd;
    color: #666666;
}








/*  _______________________________________________

    08 MOBILE DEVICES
    _______________________________________________  */




/* IE8 */

.flexinav .flexinav_wrapper .flexinav_menu > li.flexinav_collapse {
    display: none\0/;
}

/* Switch between the desktop and mobile versions */
@media only screen and (min-width: 850px) {

    .flexinav .flexinav_wrapper .flexinav_menu > li {
        display: block !important;
    }
    .flexinav .flexinav_wrapper .flexinav_menu > li.flexinav_collapse {
        display: none !important;
    }

}
@media only screen and (max-width: 1200px) {
.flexinav .colrow {
	width:100% !important;
	margin:0 auto;
  
}
.flexinav .colrow:before,
.flexinav .colrow:after {
    display: table;
    content: " ";
	width:100% !important;
	margin:0 auto;
}
.flexinav .colrow:after {
    clear: both;
	width:100% !important;
	margin:0 auto;
}
}
/*dcd
	
@media only screen and (min-width: 1250px) {
	.flexinav .flexinav_menu .flexinav_ddown1,
	.flexinav .flexinav_menu .flexinav_ddown_scroll {
    padding: 30px 8% 30px 6% !important;
}
	}

@media only screen and (min-width: 1400px) {
	.flexinav .flexinav_menu .flexinav_ddown1,
	.flexinav .flexinav_menu .flexinav_ddown_scroll {
    padding: 30px 10% 30px 8% !important;
}
	}

	
@media only screen and (min-width: 1700px) {
	.flexinav .flexinav_menu .flexinav_ddown1,
	.flexinav .flexinav_menu .flexinav_ddown_scroll {
    padding: 30px 19% 30px 17% !important;
}
	}
	
*/

@media only screen and (max-width: 991px) {

        .flexinav .flexinav_wrapper .flexinav_menu > li {
            position: static;
        }
            .flexinav .flexinav_wrapper .flexinav_menu > li > span,
            .flexinav .flexinav_wrapper .flexinav_menu > li > a {
                padding:0 8px;
            }
   
	.flexinav .col2 {
    padding-left: 10px;
}

  

}

@media only screen and (max-width: 850px) {

    .flexinav_btn {
        display: none;
    }
    .flexinav_fixed {
        position:relative;
        top:auto;
        left:auto;
        margin:0 auto 0px auto;
    }
    .flexinav {
        height: auto;
    }
	 .flexinav .flexinav_wrapper {  
		padding:0px 0px 0px 0px !important;
    }
    .flexinav .flexinav_wrapper .flexinav_menu_right {
        float: left;
        width: 100%;
    }
    .flexinav .flexinav_wrapper .flexinav_menu {
        width: 100%;
    }
			/* Logo */

    .flexinav .flexinav_wrapper .flexinav_menu > li.flexinav_logo {
        width: 220px;
        height: 80px;
        padding: 0 0 0 3%;
        margin: 0;
        float: left;
		display:inline-block !important;
    }
    
  
			
    .flexinav .flexinav_wrapper .flexinav_menu > li {
        width: 100%;
        display: none;
        float: left;
    }
	.flexinav .flexinav_wrapper .flexinav_menu > li > span,
            .flexinav .flexinav_wrapper .flexinav_menu > li > a {
                padding:0 4%;
            }
    .flexinav .flexinav_wrapper .flexinav_menu > li.flexinav_collapse {
        width: 40px;
        display: block !important;
        float: right;
		padding-right:9% !important;
    }
   
    .flexinav .flexinav_wrapper .flexinav_menu > li.flexinav_collapse > span {
        color: #666666 !important;
    }
    .flexinav .flexinav_wrapper .flexinav_menu > li:hover {
        box-shadow:none;
    }
        .flexinav .flexinav_wrapper .flexinav_menu > li:first-child {
            margin-left: 0;
        }
    .flexinav .flexinav_wrapper .flexinav_menu .flexinav_ddown {
        width: 100% !important;
        left:0 !important;
        margin-left: 0 !important;
    }
	
.flexinav .flexinav_menu .flexinav_ddown {
    padding: 10px 3% 10px 0px !important;
}
    .flexinav .flexinav_wrapper .flexinav_menu .flexinav_ddown .col1,
    .flexinav .flexinav_wrapper .flexinav_menu .flexinav_ddown .col2,
    .flexinav .flexinav_wrapper .flexinav_menu .flexinav_ddown .col3,
    .flexinav .flexinav_wrapper .flexinav_menu .flexinav_ddown .col4,
    .flexinav .flexinav_wrapper .flexinav_menu .flexinav_ddown .col5,
    .flexinav .flexinav_wrapper .flexinav_menu .flexinav_ddown .col6,
    .flexinav .flexinav_wrapper .flexinav_menu .flexinav_ddown .col7,
    .flexinav .flexinav_wrapper .flexinav_menu .flexinav_ddown .col8,
    .flexinav .flexinav_wrapper .flexinav_menu .flexinav_ddown .col9,
    .flexinav .flexinav_wrapper .flexinav_menu .flexinav_ddown .col10,
    .flexinav .flexinav_wrapper .flexinav_menu .flexinav_ddown .col11,
    .flexinav .flexinav_wrapper .flexinav_menu .flexinav_ddown .col12,
	   .flexinav .flexinav_wrapper .flexinav_menu .flexinav_ddown .col12-top {
        width: 100% !important;

    }
	
.flexinav .col2 {
    width: 100%;
    padding-right: 4%;
    padding-left: 4%;
}
.flexinav .col1 {
   width: 100%;
	padding-right: 4%;
    padding-left: 4%;
	margin-left:0px;
}
.flexinav .col0 {
    width: 100%;
	padding-right: 4%;
    padding-left: 4%;
}
	.flexinav .col6 {
    width: 100%;
	padding-right: 0px;
    padding-left: 0px;
	}
	
.flexinav .col7 {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
	border-left:none; 
	height:auto !important;
	padding-bottom:20px;
	padding-top:40px;
}
.flexinav .col8 {
    width: 100% !important;
	position: relative;
    float: left;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
	border-left:none; 
	height:auto !important;
	padding-top:0px !important;
}

.flexinav .col12 {
    width: 100% !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
	
}

.flexinav .col12-top {
    width: 100% !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
	 padding-top: 0px !important;
	
}



.flexinav .flexinav_menu .flexinav_ddown_scroll {
    padding: 10px 4% 10px 4% !important;
}

.flexinav .flexinav_menu .flexinav_ddown1 {
  
    padding: 10px 4% 10px 4% !important;
   
}


.flexinav .flexinav_ddown1 h4.removePad {

	padding-top:0px;
	
	
}

.flexinav .flexinav_ddown1 h5 {
	padding:0px 0px 0px 0px;
}

.flexinav .flexinav_ddown h2  {

	padding-top:0px;

}

.flexinav .flexinav_ddown1 h5.extrapad {
   
    margin-bottom: 20px;

}

}
@media only screen
and (max-width : 640px){
	.flexinav .flexinav_menu .flexinav_ddown_scroll {
    padding: 10px 4% 10px 4%;
	height:300px !important;
}
}




/*  _______________________________________________

    09 COLORS
    _______________________________________________  */





/* Brown */

.flexinav_brown,
.flexinav_brown .flexinav_wrapper .flexinav_menu > li,
.flexinav_brown .flexinav_wrapper .flexinav_menu > li.noactive,
.flexinav_brown +  .flexinav_btn {
    background: #FFFFFF;
}

   
      .flexinav_brown .flexinav_wrapper .flexinav_menu > li.flexinav_collapse_active,
    .flexinav_brown .flexinav_wrapper .flexinav_menu > li.flexinav_collapse_active:hover {
        background: #FFFFFF;
    }
    .flexinav_brown .flexinav_wrapper .flexinav_menu > li.flexinav_collapse_noactive,
    .flexinav_brown .flexinav_wrapper .flexinav_menu > li.flexinav_collapse_noactive:hover {
        background: #FFFFFF;
    }