.menu ul li:hover{background-color:rgba(255,255,255,0.

1)}
.menu ul li ul li{padding:0;margin:0;display:block;float:none;background-color:$
(main.nav.bg)}
.menu ul li ul li:hover{background-color:$(main.nav.bg)}
.menu ul li ul a:hover{color:#fff;box-shadow:none;padding-
left:30px;transition:.4s;background-color:rgba(255,255,255,0.1)}
.menu ul li ul a:before{font-family:fontawesome;vertical-align:middle;font-
size:10px}
.home-icon{font-
size:25px;position:absolute;top:15px;width:65px;height:35px;padding:0;text-
align:center;z-index:9;color:$(main.nav.icon.color)}
.home-icon:hover{color:$(main.nav.icon.color)}
.hasSub a:after{font-family:'FontAwesome';content:'\f107';top:-
3px;position:absolute;color:rgba(255,255,255,0.5);font-size:20px}
.hasSub ul a:after{content:'';line-height:0}
.menu ul li ul{position:absolute;z-index:99;padding-
top:15px;display:none;width:200px}
.menu ul li ul a{margin-top:0;color:#aaa;height:auto;line-
height:16px;border:0;line-height:38px;height:38px;font-size:12px;font-
weight:400;border-bottom:1px solid #222;border-top:1px solid #444}
#header-top{background-color:$(top.nav.bg);height:38px}
.menu-top li{display:inline-block;line-height:38px;padding:0}
.menu-top li a{color:$(top.nav.text);text-transform:uppercase;font-size:11px}
.menu-top li a:hover{color:$(top.nav.text.hover)}
.menu-top li a:after{content:'-'}
.menu-top li:last-child a:afte.menu ul li:hover{background-
color:rgba(255,255,255,0.1)}
.menu ul li ul li{padding:0;margin:0;display:block;float:none;background-color:$
(main.nav.bg)}
.menu ul li ul li:hover{background-color:$(main.nav.bg)}
.menu ul li ul a:hover{color:#fff;box-shadow:none;padding-
left:30px;transition:.4s;background-color:rgba(255,255,255,0.1)}
.menu ul li ul a:before{font-family:fontawesome;vertical-align:middle;font-
size:10px}
.home-icon{font-
size:25px;position:absolute;top:15px;width:65px;height:35px;padding:0;text-
align:center;z-index:9;color:$(main.nav.icon.color)}
.home-icon:hover{color:$(main.nav.icon.color)}
.hasSub a:after{font-family:'FontAwesome';content:'\f107';top:-
3px;position:absolute;color:rgba(255,255,255,0.5);font-size:20px}
.hasSub ul a:after{content:'';line-height:0}
.menu ul li ul{position:absolute;z-index:99;padding-
top:15px;display:none;width:200px}
.menu ul li ul a{margin-top:0;color:#aaa;height:auto;line-
height:16px;border:0;line-height:38px;height:38px;font-size:12px;font-
weight:400;border-bottom:1px solid #222;border-top:1px solid #444}
#header-top{background-color:$(top.nav.bg);height:38px}
.menu-top li{display:inline-block;line-height:38px;padding:0}
.menu-top li a{color:$(top.nav.text);text-transform:uppercase;font-size:11px}
.menu-top li a:hover{color:$(top.nav.text.hover)}
.menu-top li a:after{content:'-'}
.menu-top li:last-child a:afte.menu ul li:hover{background-
color:rgba(255,255,255,0.1)}
.menu ul li ul li{padding:0;margin:0;display:block;float:none;background-color:$
(main.nav.bg)}
.menu ul li ul li:hover{background-color:$(main.nav.bg)}
.menu ul li ul a:hover{color:#fff;box-shadow:none;padding-
left:30px;transition:.4s;background-color:rgba(255,255,255,0.1)}
.menu ul li ul a:before{font-family:fontawesome;vertical-align:middle;font-
size:10px}
.home-icon{font-
size:25px;position:absolute;top:15px;width:65px;height:35px;padding:0;text-
align:center;z-index:9;color:$(main.nav.icon.color)}
.home-icon:hover{color:$(main.nav.icon.color)}
.hasSub a:after{font-family:'FontAwesome';content:'\f107';top:-
3px;position:absolute;color:rgba(255,255,255,0.5);font-size:20px}
.hasSub ul a:after{content:'';line-height:0}
.menu ul li ul{position:absolute;z-index:99;padding-
top:15px;display:none;width:200px}
.menu ul li ul a{margin-top:0;color:#aaa;height:auto;line-
height:16px;border:0;line-height:38px;height:38px;font-size:12px;font-
weight:400;border-bottom:1px solid #222;border-top:1px solid #444}
#header-top{background-color:$(top.nav.bg);height:38px}
.menu-top li{display:inline-block;line-height:38px;padding:0}
.menu-top li a{color:$(top.nav.text);text-transform:uppercase;font-size:11px}
.menu-top li a:hover{color:$(top.nav.text.hover)}
.menu-top li a:after{content:'-'}
.menu-top li:last-child a:afte.menu ul li:hover{background-
color:rgba(255,255,255,0.1)}
.menu ul li ul li{padding:0;margin:0;display:block;float:none;background-color:$
(main.nav.bg)}
.menu ul li ul li:hover{background-color:$(main.nav.bg)}
.menu ul li ul a:hover{color:#fff;box-shadow:none;padding-
left:30px;transition:.4s;background-color:rgba(255,255,255,0.1)}
.menu ul li ul a:before{font-family:fontawesome;vertical-align:middle;font-
size:10px}
.home-icon{font-
size:25px;position:absolute;top:15px;width:65px;height:35px;padding:0;text-
align:center;z-index:9;color:$(main.nav.icon.color)}
.home-icon:hover{color:$(main.nav.icon.color)}
.hasSub a:after{font-family:'FontAwesome';content:'\f107';top:-
3px;position:absolute;color:rgba(255,255,255,0.5);font-size:20px}
.hasSub ul a:after{content:'';line-height:0}
.menu ul li ul{position:absolute;z-index:99;padding-
top:15px;display:none;width:200px}
.menu ul li ul a{margin-top:0;color:#aaa;height:auto;line-
height:16px;border:0;line-height:38px;height:38px;font-size:12px;font-
weight:400;border-bottom:1px solid #222;border-top:1px solid #444}
#header-top{background-color:$(top.nav.bg);height:38px}
.menu-top li{display:inline-block;line-height:38px;padding:0}
.menu-top li a{color:$(top.nav.text);text-transform:uppercase;font-size:11px}
.menu-top li a:hover{color:$(top.nav.text.hover)}
.menu-top li a:after{content:'-'}
.menu-top li:last-child a:afte.menu ul li:hover{background-
color:rgba(255,255,255,0.1)}
.menu ul li ul li{padding:0;margin:0;display:block;float:none;background-color:$
(main.nav.bg)}
.menu ul li ul li:hover{background-color:$(main.nav.bg)}
.menu ul li ul a:hover{color:#fff;box-shadow:none;padding-
left:30px;transition:.4s;background-color:rgba(255,255,255,0.1)}
.menu ul li ul a:before{font-family:fontawesome;vertical-align:middle;font-
size:10px}
.home-icon{font-
size:25px;position:absolute;top:15px;width:65px;height:35px;padding:0;text-
align:center;z-index:9;color:$(main.nav.icon.color)}
.home-icon:hover{color:$(main.nav.icon.color)}
.hasSub a:after{font-family:'FontAwesome';content:'\f107';top:-
3px;position:absolute;color:rgba(255,255,255,0.5);font-size:20px}
.hasSub ul a:after{content:'';line-height:0}
.menu ul li ul{position:absolute;z-index:99;padding-
top:15px;display:none;width:200px}
.menu ul li ul a{margin-top:0;color:#aaa;height:auto;line-
height:16px;border:0;line-height:38px;height:38px;font-size:12px;font-
weight:400;border-bottom:1px solid #222;border-top:1px solid #444}
#header-top{background-color:$(top.nav.bg);height:38px}
.menu-top li{display:inline-block;line-height:38px;padding:0}
.menu-top li a{color:$(top.nav.text);text-transform:uppercase;font-size:11px}
.menu-top li a:hover{color:$(top.nav.text.hover)}
.menu-top li a:after{content:'-'}
.menu-top li:last-child a:afte.menu ul li:hover{background-
color:rgba(255,255,255,0.1)}
.menu ul li ul li{padding:0;margin:0;display:block;float:none;background-color:$
(main.nav.bg)}
.menu ul li ul li:hover{background-color:$(main.nav.bg)}
.menu ul li ul a:hover{color:#fff;box-shadow:none;padding-
left:30px;transition:.4s;background-color:rgba(255,255,255,0.1)}
.menu ul li ul a:before{font-family:fontawesome;vertical-align:middle;font-
size:10px}
.home-icon{font-
size:25px;position:absolute;top:15px;width:65px;height:35px;padding:0;text-
align:center;z-index:9;color:$(main.nav.icon.color)}
.home-icon:hover{color:$(main.nav.icon.color)}
.hasSub a:after{font-family:'FontAwesome';content:'\f107';top:-
3px;position:absolute;color:rgba(255,255,255,0.5);font-size:20px}
.hasSub ul a:after{content:'';line-height:0}
.menu ul li ul{position:absolute;z-index:99;padding-
top:15px;display:none;width:200px}
.menu ul li ul a{margin-top:0;color:#aaa;height:auto;line-
height:16px;border:0;line-height:38px;height:38px;font-size:12px;font-
weight:400;border-bottom:1px solid #222;border-top:1px solid #444}
#header-top{background-color:$(top.nav.bg);height:38px}
.menu-top li{display:inline-block;line-height:38px;padding:0}
.menu-top li a{color:$(top.nav.text);text-transform:uppercase;font-size:11px}
.menu-top li a:hover{color:$(top.nav.text.hover)}
.menu-top li a:after{content:'-'}
.menu-top li:last-child a:afte.menu ul li:hover{background-
color:rgba(255,255,255,0.1)}
.menu ul li ul li{padding:0;margin:0;display:block;float:none;background-color:$
(main.nav.bg)}
.menu ul li ul li:hover{background-color:$(main.nav.bg)}
.menu ul li ul a:hover{color:#fff;box-shadow:none;padding-
left:30px;transition:.4s;background-color:rgba(255,255,255,0.1)}
.menu ul li ul a:before{font-family:fontawesome;vertical-align:middle;font-
size:10px}
.home-icon{font-
size:25px;position:absolute;top:15px;width:65px;height:35px;padding:0;text-
align:center;z-index:9;color:$(main.nav.icon.color)}
.home-icon:hover{color:$(main.nav.icon.color)}
.hasSub a:after{font-family:'FontAwesome';content:'\f107';top:-
3px;position:absolute;color:rgba(255,255,255,0.5);font-size:20px}
.hasSub ul a:after{content:'';line-height:0}
.menu ul li ul{position:absolute;z-index:99;padding-
top:15px;display:none;width:200px}
.menu ul li ul a{margin-top:0;color:#aaa;height:auto;line-
height:16px;border:0;line-height:38px;height:38px;font-size:12px;font-
weight:400;border-bottom:1px solid #222;border-top:1px solid #444}
#header-top{background-color:$(top.nav.bg);height:38px}
.menu-top li{display:inline-block;line-height:38px;padding:0}
.menu-top li a{color:$(top.nav.text);text-transform:uppercase;font-size:11px}
.menu-top li a:hover{color:$(top.nav.text.hover)}
.menu-top li a:after{content:'-'}
.menu-top li:last-child
a:aftesize:25px;position:absolute;top:15px;width:65px;height:35px;padding:0;text-
align:center;z-index:9;color:$(main.nav.icon.color)}
.home-icon:hover{color:$(main.nav.icon.color)}
.hasSub a:after{font-family:'FontAwesome';content:'\f107';top:-
3px;position:absolute;color:rgba(255,255,255,0.5);font-size:20px}
.hasSub ul a:after{content:'';line-height:0}
.menu ul li ul{position:absolute;z-index:99;padding-
top:15px;display:none;width:200px}
.menu ul li ul a{margin-top:0;color:#aaa;height:auto;line-
height:16px;border:0;line-height:38px;height:38px;font-size:12px;font-
weight:400;border-bottom:1px solid #222;border-top:1px solid #444}
#header-top{background-color:$(top.nav.bg);height:38px}
.menu-top li{display:inline-block;line-height:38px;padding:0}
.menu-top li a{color:$(top.nav.text);text-transform:uppercase;font-size:11px}
.menu-top li a:hover{color:$(top.nav.text.hover)}
.menu-top li a:after{content:'-'}
.menu-top li:last-child a:after{content:''}
.search-icon:before{content:"\f002";font-family:'FontAwesome'}
.search-
icon{backgrounsize:25px;position:absolute;top:15px;width:65px;height:35px;padding:0
;text-align:center;z-index:9;color:$(main.nav.icon.color)}
.home-icon:hover{color:$(main.nav.icon.color)}
.hasSub a:after{font-family:'FontAwesome';content:'\f107';top:-
3px;position:absolute;color:rgba(255,255,255,0.5);font-size:20px}
.hasSub ul a:after{content:'';line-height:0}
.menu ul li ul{position:absolute;z-index:99;padding-
top:15px;display:none;width:200px}
.menu ul li ul a{margin-top:0;color:#aaa;height:auto;line-
height:16px;border:0;line-height:38px;height:38px;font-size:12px;font-
weight:400;border-bottom:1px solid #222;border-top:1px solid #444}
#header-top{background-color:$(top.nav.bg);height:38px}
.menu-top li{display:inline-block;line-height:38px;padding:0}
.menu-top li a{color:$(top.nav.text);text-transform:uppercase;font-size:11px}
.menu-top li a:hover{color:$(top.nav.text.hover)}
.menu-top li a:after{content:'-'}
.menu-top li:last-child a:after{content:''}
.search-icon:before{content:"\f002";font-family:'FontAwesome'}
.search-icon{backgroun.status-msg-wrap{width:100%;background-
color:#fff;color:#555;padding:30px 0;font-size:120%}.status-msg-
wrap{width:100%;background-color:#fff;color:#555;padding:30px 0;font-size:120%}

/*=====================================
= B. Body
=====================================*/
body{background:$(body.background);position:relative;font:$(body.font);line-
height:25px;color:#828282;margin:0;padding:0}
#outer-wrapper{max-width:1200px;margin:0 auto;background-color:$
(content.bg.color);box-shadow:0 0 5px #ccc}
#content-wrapper{overflow:hidden}
#main-wrapper{width:68%}
#sidebar-wrapper{width:32%;position:relative}
.row{margin-right:2%;margin-left:2%;max-width:1200px}

/*=====================================
= C. Header Section
=====================================*/
#header-wrapper{margin-bottom:20px}
#header-content{display:table;padding:20px 0;color:#555}
.header,.topad{display:table-cell;vertical-align:middle;width:100%}
.header .widget{max-width:250px}
.topad{max-width:728px;height:90px}
.topad h2{display:none}
.topad .widget{line-height:0}
.header a{color:#555}
#header-tail{height:65px;position:relative;background-color:$(main.nav.bg)}
.menu #nav{display:none}
.selectnav{font:$(body.font);border:1px solid $(main.color)}
.sub-menu{display:none}
#menu li,#menu ul{transition:all 0 ease;-webkit-transition:all 0 ease;-moz-
transition:all 0 ease;-o-transition:all 0 ease}
.menu ul li{padding:15px 0;display:inline}
.menu ul li a{text-transform:uppercase;font-size:16px;color:$(main.color);font-
weight:700;padding:0 20px;display:block;height:35px;margin:0;position:relative}
.menu ul li a span{font-size:11px;font-weight:400;display:block;margin-
top:5px;color:#eee}
.home-icon .fa{font-size:30px;line-height:35px}
.menu ul li:hover{background-color:rgba(255,255,255,0.1)}
.menu ul li ul li{padding:0;margin:0;display:block;float:none;background-color:$
(main.nav.bg)}
.menu ul li ul li:hover{background-color:$(main.nav.bg)}
.menu ul li ul a:hover{color:#fff;box-shadow:none;padding-
left:30px;transition:.4s;background-color:rgba(255,255,255,0.1)}
.menu ul li ul a:before{font-family:fontawesome;vertical-align:middle;font-
size:10px}
.home-icon{font-
size:25px;position:absolute;top:15px;width:65px;height:35px;padding:0;text-
align:center;z-index:9;color:$(main.nav.icon.color)}
.home-icon:hover{color:$(main.nav.icon.color)}
.hasSub a:after{font-family:'FontAwesome';content:'\f107';top:-
3px;position:absolute;color:rgba(255,255,255,0.5);font-size:20px}
.hasSub ul a:after{content:'';line-height:0}
.menu ul li ul{position:absolute;z-index:99;padding-
top:15px;display:none;width:200px}
.menu ul li ul a{margin-top:0;color:#aaa;height:auto;line-
height:16px;border:0;line-height:38px;height:38px;font-size:12px;font-
weight:400;border-bottom:1px solid #222;border-top:1px solid #444}
#header-top{background-color:$(top.nav.bg);height:38px}
.menu-top li{display:inline-block;line-height:38px;padding:0}
.menu-top li a{color:$(top.nav.text);text-transform:uppercase;font-size:11px}
.menu-top li a:hover{color:$(top.nav.text.hover)}
.menu-top li a:after{content:'-'}
.menu-top li:last-child a:after{content:''}
.search-icon:before{content:"\f002";font-family:'FontAwesome'}
.search-icon{background-color:rgba(255,255,255,0.1);color:$
(main.nav.icon.color);line-height:65px;height:65px;display:block;width:65px;text-
align:center;font-size:19px;position:relative;z-index:99}
.search-icon:hover{background-color:$(main.color);color:#FFF}
#header-search
.searchbox{position:absolute;top:0;height:65px;border:0;width:100%;z-
index:98;background-color:$(main.color);color:#FFF;font-size:17px}
.searchbox::-webkit-input-placeholder{color:#FFF}