/*
Theme Name: FYAS Theme
Theme URI: http://www.findyourartschool.com/
Description: FYAS Wordpress Theme
Author: Net Greater Tech
Author URI: http://www.netgreater.com/
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/* =Reset default browser CSS. Based on work by Eric Meyer.
-------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{background:transparent;border:0;margin:0;padding:0;vertical-align:baseline}
body{line-height:1}
h1,h2,h3,h4,h5,h6{clear:both;font-weight:400}
ol,ul{list-style:none}
blockquote{quotes:none}
blockquote:before,blockquote:after{content:'';content:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
a img{border:none}
/*=====================Default CSS=====================================*/
#primary,#secondary{float:right;overflow:hidden;width:220px}
#secondary{clear:right}
#footer{clear:both;width:100%}
#access .menu-header,div.menu,#colophon,#branding,#main,#wrapper{margin:0 auto;}
#footer-widget-area{overflow:hidden}
#footer-widget-area .widget-area{float:left;margin-right:20px;width:220px}
#footer-widget-area #fourth{margin-right:0}
#site-info{float:left;font-size:14px;font-weight:700;width:700px}
#site-generator{float:right;width:220px}
/*body,input,textarea{color:#666;font-size:12px;line-height:18px}*/
hr{background-color:#e7e7e7;border:0;clear:both;height:1px;margin-bottom:18px}
ul{list-style:square;margin:0 0 18px 1.5em}
ol{list-style:decimal;margin:0 0 18px 1.5em}
ol ol{list-style:upper-alpha}
ol ol ol{list-style:lower-roman}
ol ol ol ol{list-style:lower-alpha}
ul ul,ol ol,ul ol,ol ul{margin-bottom:0}
dl{margin:0 0 24px}
dt{font-weight:700}
dd{margin-bottom:18px}
strong{font-weight:700}
cite,em,i{font-style:italic}
big{font-size:131.25%}
ins{background:#ffc;text-decoration:none}
blockquote{font-style:italic;padding:0 3em}
blockquote cite,blockquote em,blockquote i{font-style:normal}
pre{background:#f7f7f7;color:#222;line-height:18px;margin-bottom:18px;overflow:auto;padding:1.5em}
abbr,acronym{border-bottom:1px dotted #666;cursor:help}
sup,sub{height:0;line-height:1;position:relative;vertical-align:baseline}
sup{bottom:1ex}
sub{top:.5ex}
small{font-size:smaller}
.screen-reader-text{clip:rect(1px,1px,1px,1px);overflow:hidden;position:absolute!important;height:1px;width:1px}
#header{padding:30px 0 0}
#site-title{float:left;font-size:30px;line-height:36px;margin:0 0 18px;width:700px}
#site-title a{color:#000;font-weight:700;text-decoration:none}
#site-description{clear:right;float:right;font-style:italic;margin:15px 0 18px;width:220px}
#branding img{border-top:4px solid #000;border-bottom:1px solid #000;display:block;float:left}
#access{background:#000;display:block;float:left;margin:0 auto;width:940px}
#access .menu-header,div.menu{font-size:13px;margin-left:12px;width:928px}
#access .menu-header ul,div.menu ul{list-style:none;margin:0}
#access .menu-header li,div.menu li{float:left;position:relative}
#access a{color:#aaa;display:block;line-height:38px;padding:0 10px;text-decoration:none}
#access ul ul{box-shadow:0 3px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);display:none;position:absolute;top:38px;left:0;float:left;width:180px;z-index:99999}
#access ul ul li{min-width:180px}
#access ul ul ul{left:100%;top:0}
#access ul ul a{background:#333;line-height:1em;padding:10px;width:160px;height:auto}
#access li:hover > a,#access ul ul :hover > a{background:#333;color:#fff}
#access ul li:hover > ul{display:block}
#access ul li.current_page_item > a,#access ul li.current_page_ancestor > a,#access ul li.current-menu-ancestor > a,#access ul li.current-menu-item > a,#access ul li.current-menu-parent > a{color:#fff}
* html #access ul li.current_page_item a,* html #access ul li.current_page_ancestor a,* html #access ul li.current-menu-ancestor a,* html #access ul li.current-menu-item a,* html #access ul li.current-menu-parent a,* html #access ul li a:hover{color:#fff}
/*#main{clear:both;overflow:hidden;padding:40px 0 0}*/
/*#content{margin-bottom:36px}*/
#content,#content input,#content textarea{color:#333;font-size:16px;line-height:24px}
#content p,#content ul,#content ol,#content dd,#content pre,#content hr{margin-bottom:24px}
#content ul ul,#content ol ol,#content ul ol,#content ol ul{margin-bottom:0}
#content pre,#content kbd,#content tt,#content var{font-size:15px;line-height:21px}
#content code{font-size:13px}
#content dt,#content th{color:#000}
/*#content h1,#content h2,#content h3,#content h4,#content h5,#content h6{color:#000;line-height:1.5em;margin:0 0 20px}*/
#content table{border:1px solid #e7e7e7;margin:0 -1px 24px 0;text-align:left;width:100%}
#content tr th,#content thead th{color:#777;font-size:12px;font-weight:700;line-height:18px;padding:9px 24px}
#content tr td{border-top:1px solid #e7e7e7;padding:6px 24px}
#content tr.odd td{background:#f2f7fc}
.hentry{margin:0 0 48px}
.home .sticky{background:#f2f7fc;border-top:4px solid #000;margin-left:-20px;margin-right:-20px;padding:18px 20px}
.single .hentry{margin:0 0 36px}
.page-title{color:#000;font-size:14px;font-weight:700;margin:0 0 36px}
.page-title span{color:#333;font-size:16px;font-style:italic;font-weight:400}
.page-title a:link,.page-title a:visited{color:#777;text-decoration:none}
.page-title a:active,.page-title a:hover{color:#ff4b33}
#content .entry-title{color:#000;font-size:21px;font-weight:700;line-height:1.3em;margin-bottom:0}
.entry-title a:link,.entry-title a:visited{color:#000;text-decoration:none}
.entry-title a:active,.entry-title a:hover{color:#ff4b33}
.entry-meta{color:#777;font-size:12px}
.entry-meta abbr,.entry-utility abbr{border:none}
.entry-meta abbr:hover,.entry-utility abbr:hover{border-bottom:1px dotted #666}
.entry-content,.entry-summary{clear:both;padding:12px 0 0}
.entry-content .more-link{white-space:nowrap}
#content .entry-summary p:last-child{margin-bottom:12px}
.entry-content fieldset{border:1px solid #e7e7e7;margin:0 0 24px;padding:24px}
.entry-content fieldset legend{background:#fff;color:#000;font-weight:700;padding:0 24px}
.entry-content input{margin:0 0 24px}
.entry-content input.file,.entry-content input.button{margin-right:24px}
.entry-content label{color:#777;font-size:12px}
.entry-content select{margin:0 0 24px}
.entry-content sup,.entry-content sub{font-size:10px}
.entry-content blockquote.left{float:left;margin-left:0;margin-right:24px;text-align:right;width:33%}
.entry-content blockquote.right{float:right;margin-left:24px;margin-right:0;text-align:left;width:33%}
.page-link{clear:both;color:#000;font-weight:700;line-height:48px;word-spacing:.5em}
.page-link a:link,.page-link a:visited{background:#f1f1f1;color:#333;font-weight:400;padding:.5em .75em;text-decoration:none}
.home .sticky .page-link a{background:#d9e8f7}
.page-link a:active,.page-link a:hover{color:#ff4b33}
body.page .edit-link{clear:both;display:block}
#entry-author-info{background:#f2f7fc;border-top:4px solid #000;clear:both;font-size:14px;line-height:20px;margin:24px 0;overflow:hidden;padding:18px 20px}
#entry-author-info #author-avatar{background:#fff;border:1px solid #e7e7e7;float:left;height:60px;margin:0 -104px 0 0;padding:11px}
#entry-author-info #author-description{float:left;margin:0 0 0 104px}
#entry-author-info h2{color:#000;font-size:100%;font-weight:700;margin-bottom:0}
.entry-utility{clear:both;color:#777;font-size:12px;line-height:18px}
.entry-meta a,.entry-utility a{color:#777}
.entry-meta a:hover,.entry-utility a:hover{color:#ff4b33}
#content .video-player{padding:0}
.format-standard .wp-video,.format-standard .wp-audio-shortcode,.format-audio .wp-audio-shortcode,.format-standard .video-player{margin-bottom:24px}
.home #content .format-aside p,.home #content .category-asides p{font-size:14px;line-height:20px;margin-bottom:10px;margin-top:0}
.home .hentry.format-aside,.home .hentry.category-asides{padding:0}
.home #content .format-aside .entry-content,.home #content .category-asides .entry-content{padding-top:0}
.format-gallery .size-thumbnail img,.category-gallery .size-thumbnail img{border:10px solid #f1f1f1;margin-bottom:0}
.format-gallery .gallery-thumb,.category-gallery .gallery-thumb{float:left;margin-right:20px;margin-top:-4px}
.home #content .format-gallery .entry-utility,.home #content .category-gallery .entry-utility{padding-top:4px}
.attachment .entry-content .entry-caption{font-size:140%;margin-top:24px}
.attachment .entry-content .nav-previous a:before{content:'\2190\00a0'}
.attachment .entry-content .nav-next a:after{content:'\00a0\2192'}
img.size-auto,img.size-full,img.size-large,img.size-medium,.attachment img,.widget-container img{max-width:100%;height:auto}
.alignleft,img.alignleft{display:inline;float:left;margin-right:24px;margin-top:4px}
.alignright,img.alignright{display:inline;float:right;margin-left:24px;margin-top:4px}
.aligncenter,img.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}
img.alignleft,img.alignright,img.aligncenter{margin-bottom:12px}
.wp-caption{background:#f1f1f1;line-height:18px;margin-bottom:20px;max-width:632px!important;padding:4px;text-align:center}
.wp-caption img{margin:5px 5px 0;max-width:622px}
.wp-caption p.wp-caption-text{color:#777;font-size:12px;margin:5px}
.wp-smiley{margin:0}
.gallery{margin:0 auto 18px}
.gallery .gallery-item{float:left;margin-top:0;text-align:center;width:33%}
.gallery-columns-2 .gallery-item{width:50%}
.gallery-columns-4 .gallery-item{width:25%}
.gallery img{border:2px solid #cfcfcf}
.gallery-columns-2 .attachment-medium{max-width:92%;height:auto}
.gallery-columns-4 .attachment-thumbnail{max-width:84%;height:auto}
.gallery .gallery-caption{color:#777;font-size:12px;margin:0 0 12px}
.gallery dl{margin:0}
.gallery img{border:10px solid #f1f1f1}
.gallery br+br{display:none}
#content .attachment img{display:block;margin:0 auto}
.navigation{color:#777;font-size:12px;line-height:18px;overflow:hidden}
.navigation a:link,.navigation a:visited{color:#777;text-decoration:none}
.navigation a:active,.navigation a:hover{color:#ff4b33}
.nav-previous{float:left;width:50%}
.nav-next{float:right;text-align:right;width:50%}
#nav-above{margin:0 0 18px;display:none}
.paged #nav-above,.single #nav-above{display:block}
#nav-below{margin:-18px 0 0}
#comments{clear:both}
#comments .navigation{padding:0 0 18px}
h3#comments-title,h3#reply-title{color:#000;font-size:20px;font-weight:700;margin-bottom:0}
h3#comments-title{padding:24px 0}
.commentlist{list-style:none;margin:0}
.commentlist li.comment{border-bottom:1px solid #e7e7e7;line-height:24px;margin:0 0 24px;padding:0 0 0 56px;position:relative}
.commentlist li:last-child{border-bottom:none;margin-bottom:0}
#comments .comment-body ul,#comments .comment-body ol{margin-bottom:18px}
#comments .comment-body p:last-child{margin-bottom:6px}
#comments .comment-body blockquote p:last-child{margin-bottom:24px}
.commentlist ol{list-style:decimal}
.commentlist .avatar{position:absolute;top:4px;left:0}
.comment-author cite{color:#000;font-style:normal;font-weight:700}
.comment-author .says{font-style:italic}
.comment-meta{font-size:12px;margin:0 0 18px}
.comment-meta a:link,.comment-meta a:visited{color:#777;text-decoration:none}
.comment-meta a:active,.comment-meta a:hover{color:#ff4b33}
.reply{font-size:12px;padding:0 0 24px}
.reply a,a.comment-edit-link{color:#777}
.reply a:hover,a.comment-edit-link:hover{color:#ff4b33}
.commentlist .children{list-style:none;margin:0}
.commentlist .children li{border:none;margin:0}
.nopassword,.nocomments{display:none}
#comments .pingback{border-bottom:1px solid #e7e7e7;margin-bottom:18px;padding-bottom:18px}
.commentlist li.comment+li.pingback{margin-top:-6px}
#comments .pingback p{color:#777;display:block;font-size:12px;line-height:18px;margin:0}
#comments .pingback .url{font-size:13px;font-style:italic}
input[type="submit"]{color:#333}
#respond{border-top:1px solid #e7e7e7;margin:24px 0;overflow:hidden;position:relative}
#respond p{margin:0}
#respond .comment-notes{margin-bottom:1em}
.form-allowed-tags{line-height:1em}
.children #respond{margin:0 48px 0 0}
h3#reply-title{margin:18px 0}
#comments-list #respond{margin:0 0 18px}
#comments-list ul #respond{margin:0}
#cancel-comment-reply-link{font-size:12px;font-weight:400;line-height:18px}
#respond .required{color:#ff4b33;font-weight:700}
#respond label{color:#777;font-size:12px}
#respond input{margin:0 0 9px;width:98%}
#respond textarea{width:98%}
#respond .form-allowed-tags{color:#777;font-size:12px;line-height:18px}
#respond .form-allowed-tags code{font-size:11px}
#respond .form-submit{margin:12px 0}
#respond .form-submit input{font-size:14px;width:auto}
.widget-area ul{list-style:none;margin-left:0}
.widget-area ul ul{list-style:square;margin-left:1.3em}
.widget-area select{max-width:100%}
.widget_search #s{width:60%}
.widget_search label{display:none}
.widget-container{word-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;margin:0 0 18px}
.widget-container .wp-caption img{margin:auto}
.widget-title{color:#222;font-weight:700}
.widget-area a:link,.widget-area a:visited{text-decoration:none}
.widget-area a:active,.widget-area a:hover{text-decoration:underline}
.widget-area .entry-meta{font-size:11px}
#wp_tag_cloud div{line-height:1.6em}
#wp-calendar{width:100%}
#wp-calendar caption{color:#222;font-size:14px;font-weight:700;padding-bottom:4px;text-align:left}
#wp-calendar thead{font-size:11px}
#wp-calendar tbody{color:#aaa}
#wp-calendar tbody td{background:#f5f5f5;border:1px solid #fff;padding:3px 0 2px;text-align:center}
#wp-calendar tbody .pad{background:none}
#wp-calendar tfoot #next{text-align:right}
.widget_rss a.rsswidget{color:#000}
.widget_rss a.rsswidget:hover{color:#ff4b33}
.widget_rss .widget-title img{width:11px;height:11px}
#main .widget-area ul{margin-left:0;padding:0 20px 0 0}
#main .widget-area ul ul{border:none;margin-left:1.3em;padding:0}
#footer{margin-bottom:20px}
#colophon{border-top:4px solid #000;margin-top:-4px;overflow:hidden;padding:18px 0}
#site-info{font-weight:700}
#site-info a{color:#000;text-decoration:none}
#site-generator{font-style:italic;position:relative}
#site-generator a{background:url(images/wordpress.png) center left no-repeat;color:#666;display:inline-block;line-height:16px;padding-left:20px;text-decoration:none}
#site-generator a:hover{text-decoration:underline}
img#wpstats{display:block;margin:0 auto 10px}
pre{-webkit-text-size-adjust:140%}
code{-webkit-text-size-adjust:160%}
#access,.entry-meta,.entry-utility,.navigation,.widget-area{-webkit-text-size-adjust:120%}
#site-description{-webkit-text-size-adjust:none}
/*=====================Default CSS Ends=====================================*/
/*=====================Theme CSS=====================================*/
@font-face{font-family:'ralewayregular';src:url(fonts/raleway-regular_0-webfont.eot);src:url(fonts/raleway-regular_0-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/raleway-regular_0-webfont.woff2) format("woff2"),url(fonts/raleway-regular_0-webfont.woff) format("woff"),url(fonts/raleway-regular_0-webfont.ttf) format("truetype"),url(fonts/raleway-regular_0-webfont.svg#ralewayregular) format("svg");font-weight:400;font-style:normal}
.wrapper{font-family:'ralewayregular'}
.logo{display:block;margin:15px 0}
.slider-form{border:2px solid #ef975c;border-radius:26px;float:right;margin:20px 0;padding:20px;background:#e4561d;background:-moz-linear-gradient(left,#e4561d 0%,#ee8501 100%);background:-webkit-linear-gradient(left,#e4561d 0%,#ee8501 100%);background:linear-gradient(to right,#e4561d 0%,#ee8501 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4561d',endColorstr='#ee8501',GradientType=1)}
.slider-form form{background:#fff none repeat scroll 0 0;border-radius:30px;padding:20px}
.select-slider{border-color:#e3e3e3 #f2f2f2;border-radius:40px;border-style:solid;border-width:2px 1px 1px;margin-bottom:10px;padding:5px}
.select-slider select{border:medium none;border-radius:4px;color:#a3a3a3;padding:1%;width:98%}
.slider-form input[type="submit"]{background:#e4581c none repeat scroll 0 0;border:1px solid #b42800;border-radius:30px;color:#fff;display:block;margin:0 auto;padding:10px 40px;width:60%}
.select-slider.slip-select{display:inline-block;width:49%}
.slider-form h3{color:#fff;font-size:32px;font-weight:700;margin:0;text-align:center}
.slider-form span{color:#fff;display:block;font-size:17px;line-height:20px;margin-bottom:12px;margin-top:8px;text-align:center}
.carousel-still{position: relative}
.slider-form-box{ position: absolute !important; top: 0; z-index: 999;padding: 0 10%;width: 100% !important;}
.pop-btn{background:#e4551d none repeat scroll 0 0;border-radius:6px;color:#fff;display:block;font-size:18px;font-weight:700;margin:30px auto;padding:12px 30px;text-align:center;width:20%;    min-width: 200px;}
.container{position:relative}
.nav-header .navbar-right li a{color:#5a5a5a;font-size:13px;font-weight:700;padding:28px 20px;text-transform:uppercase}
.content-wrap h1{color:#363636;font-size:34px;font-weight:700;margin:40px 0}
.content-wrap h1 span{color:#666;display:block;font-size:16px;font-weight:400}
.content-wrap h3{color:#939292;font-weight:700;text-transform:uppercase}
.content-wrap p{color:#565454;font-size:15px;line-height:24px;margin-bottom:20px}
.featured-div .container{border-bottom:1px solid #d9d9d9;border-top:1px solid #d9d9d9;padding-bottom:30px}
.sevices-box{background:#f6f6f6}
.sevices-box .services-item{padding:50px 0;text-align:center}
.services-item h4{color:#363636;font-size:22px;font-weight:700;margin-top:25px}
.services-item p{font-size:14px;margin:25px 0;padding:0 30px;color:#959494}
.services-item a{background:#363636 none repeat scroll 0 0;border-radius:4px;color:#fff;display:inline-block;padding:5px 15px}
.services-item .s-img{background:rgba(0,0,0,0) url(images/icon-img.png) no-repeat;height:77px;margin:0 auto;width:112px}
.services-item .s-icon1{background-position:0 0}
.services-item .s-icon2{background-position:-113px 0}
.services-item .s-icon3{background-position:-226px 0}
.services-item .s-icon4{background-position:-338px 0}
.services-item:hover{background:#E4551D}
.services-item:hover .s-icon1{background-position:0 -76px}
.services-item:hover .s-icon2{background-position:-113px -80px}
.services-item:hover .s-icon3{background-position:-226px -80px}
.services-item:hover .s-icon4{background-position:-338px -80px}
.services-item:hover p{color:#fff}
.services-item:hover h4{color:#fff}
.pop-text{background:#363636 none repeat scroll 0 0;color:#fff;font-size:17px;padding:4px 10px}
.popular-item:hover .pop-text{background:#e4551d}
.pop-text img{float:right;margin-top:5px}
.sptr-line{border-bottom:1px solid #d9d9d9;margin-bottom:50px}
.sptr-aro{background:#fff none repeat scroll 0 0;margin:0 auto -10px;text-align:center;width:8%}
.btn{background:#9e0b0f none repeat scroll 0 0;border-radius:10px;color:#fff}
.copy{color:#6a6a6a;margin:0;padding:50px 0;text-align:center}
.footer .row{margin-bottom:20px}
.nav-header .navbar-right li{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}
.nav-header .navbar-right li:before{top:0;content:"";position:absolute;z-index:-1;left:0;right:100%;bottom:0;background:#e4551d;height:5px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.nav-header .navbar-right li:hover:before,.nav-header .navbar-right li:focus:before,.nav-header .navbar-right li:active:before{right:0}
.text-center{margin:0 auto;text-align:center}
.clum-thumb{float:left;width:22%}
.clum-text{float:right;width:77%}
.clum-text h4{color:#e4551d;font-size:22px;font-weight:700;margin:0}
.clum-text h4 span{font-weight:400;font-size:16px;display:block;color:#000;margin-bottom:10px}
.clum-text p{font-size:14px;text-align:justify}
.clum-text span{color:#ff3636}
.testmnl-box{margin-bottom:30px}
.main-footer{background:#363636}
.footer-top{margin-top:40px;margin-bottom:40px}
.subs-text{color:#fff;font-size:18px;font-weight:700;line-height:20px}
.subs-text img{float:left;margin-right:14px;margin-top:5px}
.subs-text span{color:#868686;display:block;font-size:14px;font-weight:400}
.subs-form input[type="text"]{border:medium none;border-radius:6px;color:#333;font-size:16px;font-weight:400;padding:10px;width:76%}
.subs-form input[type="submit"]{background:#e4551d none repeat scroll 0 0;border:medium none;border-radius:6px;color:#fff;font-size:16px;font-weight:400;margin-left:10px;padding:10px;width:20%}
.subs-form{margin:12px 0 0}
.tr-feeds{background:#e4551d none repeat scroll 0 0;border-radius:8px;color:#fff;padding:20px}
.tr-feeds span{display:inline-block;float:right;width:85%}
.tr-feeds img{float:left}
.social-wrap{background:#fff none repeat scroll 0 0;padding:30px 0}
.social-text{color:#363636;float:right;font-size:18px;font-weight:700;margin-top:10px}
.social-text span{color:#535353;display:block;font-size:14px;font-weight:400}
.social-ico img{float:left;margin-right:20px}
@media (min-width: 320px) and (max-width: 480px) {
.nav-header{position:static;background:#100000 none repeat scroll 0 0;position:static}
.clum-thumb{float:none;width:100%;text-align:center}
.clum-text{float:none;width:100%;text-align:center}
}

/*Custom Style*/
#menu-footer-menu li {
    float: left;
    list-style: outside none none;
    padding: 0 5px;
}
.footer-nav-outer {
    float: right;
    left: -50%;
    position: relative;
    text-align: left;
}
.footer-ul {
    left: 50%;
    list-style: outside none none;
    position: relative;
}
.footer-ul li {
    float: left;
    position: relative;
    border-left: 1px solid #6a6a6a
}
.footer-ul li:first-child {
    border-left: medium none;
}
#menu-footer-menu a {
    color: #6a6a6a;
}
#menu-footer-menu a:hover {
    color: #ff3636;
    text-decoration: underline;
}


/**Jan 22 Temp CSS for Resource  Page Start**/
.result_header {
    background: #363636 none repeat scroll 0 0;
    color: #fff;
    display: table;
    padding: 10px 0;
    width: 100%;
}
.result_header a {
    color: #fff;
    font-weight: 700;
}
.school, .programs, .max_program_length, .city_state, .students, .location {
    display: block;
    float: left;
    text-align: center;
}
.school {
    width: 20%;
}
.programs {
    width: 36%;
}
.max_program_length {
    width: 12%;
}
.city_state, .students, .location, .institution_type {
    width: 8%;
}
.school_degree, .school_city, .school_students, .school_location, .school_type {
    text-align: center;
}

#schools_table {
    border: 2px solid #ccc;
    border-radius: 0 0 10px 10px;
}
.school_row.odd-row:last-child {
    border: medium none;
}
.chart_footer {
    float: left;
    padding: 18px 0;
    width: 100%;
}
.school_row {
    border-bottom: 1px solid #000;
    display: table;
    padding: 10px 8px;
    width: 100%;
}
.school_name {
    width: 20%;
}
.school_programs {
    width: 36%;
}
.school_degree{
    width: 12%;
}
.school_city, .school_students, .school_location, .school_type {
    width: 8%;
}
.school_name, .school_programs, .school_degree, .school_city, .school_students, .school_location {
    float: left;
}
.school_type {
    float: right;
}
.search-filter {
    min-height: 100px;
    width: 100%;
}
.search-filter>div {
    float: left;
    width: 16.5%;
}
.search-filter label {
    display: block;
}
.search-filter select {
    width: 100%;
}
.nav-filter {
    float: left;
}
.nav-filter > span {
    display: block;
}
.nav-filter > a {
    margin: 5px;
}
.count-notice {
    color: #fff;
    float: right;
    position: relative;
    right: 18px;
    top: 15px;
}
/**Jan 22 Temp CSS for Resource  Page End**/
/* inner pages *****/
.page .nav-header .container {
    border-bottom: 3px solid #363636;
}
.page .pagetitle h1 {
    font-size: 22px;
    font-weight: 700;
    padding: 20px 0;
}
.page .pagetitle {
    float: left;
    width: 100%;
}
.page .page-content {
    float: left;
    width: 100%;
}
.firstbx {
    float: left;
    width: 100%;
}
.page .attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    float: left;
    width: 17%;
	border-radius: 10px;
	    min-width: 200px;
}
.inrbcx {
    float: left;
    width: 82%;
}
.page-content .firstbx h4 {
    padding: 0 20px;
}
.inrbcx > p {
    color: #565454;
    float: left;
    font-size: 15px;
    line-height: 24px;
    padding: 8px 0 0 19px;
}
.page .page-content h4 {
    color: #363636;
    float: left;
    font-size: 20px;
    padding: 20px 0 5px;
}
.page .page-content > p {
    clear: none;
    color: #565454;
    float: left;
    font-size: 15px;
    line-height: 24px;
}
.page .resources {
    float: left;
    width: 100%;
}
.page .page_content.chart_content {
    float: left;
    width: 100%;
}
.page .resources h3 {
    font-size: 24px;
    font-weight: 700;
    padding: 25px 0 17px;
}
.page_content.chart_content {
    float: left;
    width: 100%;
}
.chart_header {
    background: #e4551d none repeat scroll 0 0;
    border-radius: 7px 7px 0 0;
    float: left;
    padding: 10px 6px 7px 18px;
    width: 100%;
}
.resources .chart_header .title {
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    padding: 10px 0;
}
.search-filter label {
    color: #000;
    display: block;
    padding: 5px 0;
}
.search-filter>div {
    float: left;
    padding-right: 11px;
    width: 17%;
}
.search-filter div.filter_type {
    float: left;
    padding-right: 0px;
    width: 13.5%;
}
.nav-filter {
    color: #fff;
    float: left;padding-top: 10px;
}
.nav-filter > a {
    color: #fff;
    float: left;
    margin: 5px;
    padding-top: 2px;
}
.school_details .label {color:black;font-weight:bold;float:left;font-size:16px;}
.school-right{float:right;}
.school-right img{    width: 100px;
    height: 100px;}
.school-left{float:left;    width: 70%;}
.school_details{    margin-top: 20px;    background-color: whitesmoke;
    padding: 10px;
    box-shadow: 0 3px 5px #666666;
    border: 1px solid #ddd;}
.school_details h1{    padding: 10px;}
.clear{clear:both;}
.social-line{margin-bottom:10px;}
.socail .addthis_toolbox a{margin-left:10px;}
.headline{color:black;font-weight:bold;float:left;font-size:16px;width:100%;margin-bottom:10px;}
.borderbox {
   background: none repeat scroll 0 0 whitesmoke;
    border: 1px solid #ddd;
    box-shadow: 0 3px 5px #666666;
	    margin-top: 20px;
		padding:10px;
}
.school_info_box .variant_a, .school_info_box .variant_b, .school_info_box .variant_c {
    margin-bottom: 15px;
}
.school_info_box .variant_a div:first-child, .school_info_box .variant_b div:first-child, .school_info_box .variant_c div:first-child {
    background: #e5e5e5;
}
.school_info_box .variant_a div:nth-child(even), .school_info_box .variant_b div:nth-child(even), .school_info_box .variant_c div:nth-child(even) {
    background: none;
}
.school_info_box .variant_a div, .school_info_box .variant_b div, .school_info_box .variant_c div {
    padding: 0 0 0 15px;
	font-size: 14px;
    color: #2f2f2f;
}
.school_info_box .variant_b div span:first-child {
    width: 24%;
}
.school_info_box .variant_a div span, .school_info_box div.variant_a span, .school_info_box .variant_b div span, .school_info_box .variant_c div span {
    display: table-cell;
}
.school_info_box .variant_b div:nth-child(odd) span:nth-child(2), .school_info_box .variant_b div:nth-child(odd) span:nth-child(3), .school_info_box .variant_b div:nth-child(odd) span:nth-child(4) {
    background: #e5e5e5;
}
.school_info_box .variant_b div span:nth-child(3) {
    width: 2%;
    padding-left: 10px;
}
.school_info_box .variant_b div span:nth-child(2) {
        
    padding-left: 10px;
    width: 50%;
}
.school_info_box .variant_a div span:nth-child(2), .school_info_box div.variant_a span:nth-child(2) {
    width: 417px;
    padding-left: 10px;
}
.school_info_box .variant_a div span:first-child, .school_info_box div.variant_a span:first-child {
       
    width: 45%;
}
.school_info_box .variant_a div span:nth-child(2), .school_info_box div.variant_a span:nth-child(2) {
    width: 417px;
    padding-left: 10px;
}
.school_info_box .variant_a div:nth-child(odd) span:nth-child(2), .school_info_box .variant_a div:nth-child(odd) span:nth-child(3), .school_info_box .variant_a div:nth-child(odd) span:nth-child(4) {
    background: #e5e5e5;
}
 .variant_a  a:hover, .variant_a  a:focus, .variant_a  a {
    color: #008ee2;
}
.school_info_box .variant_c div:nth-child(odd) span:nth-child(2), .school_info_box .variant_c div:nth-child(odd) span:nth-child(3), .school_info_box .variant_c div:nth-child(odd) span:nth-child(4), .school_info_box .variant_c div:nth-child(odd) span:nth-child(5) {
    background: #d7d7d8;
}
.school_info_box .variant_c div span:nth-child(3) {
    
    padding-left: 10px;
    width: 22%;
}
.school_info_box .variant_c div span:first-child {
    width: 24%;
}
.school_info_box .variant_c div span:nth-child(2) {
    width: 13%;
    padding-left: 10px;
}
.school_info_box .variant_c.col5 div span:nth-child(5) {
 
    padding-left: 10px;
    width: 18%;
}
.school_info_box .variant_c.col5 div span:nth-child(4) {
  
    padding-left: 10px;
    width: 18%;
}
.school_info_box h1{font-size:28px;}
.school_info_box  h2 a{font-size:22px; color:blue;}
.ui-accordion .ui-accordion-content{height:auto !important;}
.ui-accordion .ui-accordion-header{    background: none;
    border: none;
    box-shadow: none;
    color: blue;
    background-color: #eee;}
	.ui-widget-content {
       border: none !important;
    background: none !important;
	
}
.ep-entry{font-size:14px;}
.buttonshare a{font-size: 13px;
   
    color: blue;}
.buttonshare a span{    margin-right: 10px;
    margin-left: 13px;}
	.widget_wysija h3{color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
	    background-image: url(images/mailico.png);
    background-repeat: no-repeat;
    background-size: 40px 32px;
    height: 32px;
    background-position: 0px 0px;
    padding-left: 48px;
	}
	.widget_wysija form span{    color: #868686;
    display: block;
    font-size: 14px;
    font-weight: 400;    margin-bottom: 15px;
	    padding-left: 48px;
    margin-top: -10px;
	}
	.widget_wysija form  input[type="text"]{
	border: medium none;
    border-radius: 6px;
    color: #333;
    font-size: 16px;
    font-weight: 400;
    padding: 10px;
    width: 76%;
	    float: left;
    margin-right: 17px;
	}
	.widget_wysija form  input[type="submit"]{
	background: #e4551d none repeat scroll 0 0;
    border: medium none;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    margin-left: 10px;
    padding: 10px;
    width: 20%;
	}
	.formErrorContent{}
	.formError{    top: 98px !important;
    left: 19px !important;}
	.sitemap_con a{}
.sitemap_con{line-height: 13px;}	
.sitemap h3{    margin: 20px 0;}
.program_text {line-height: 0px;}
.program_text h1 p{font-size:16px;    margin-bottom: 0px !important;}
.program_text h1 p br{height:0px;margin-bottom:0px;}
.degree_widget{display:none;}
.slider-form {
    border: none  !important;
  border-radius:  none  !important;
    float: right;
    margin: 1px 0;
  padding:0 !important; 
    
    background: none !important;
   
}
.sidebar-container{float:left;width:72%;margin-right:15px;    min-width: 300px;}
.page-sidebar{float:left;}
.single-sidebar-container{float:left;width:72%;margin-right:15px;    min-width: 300px;}
.single-sidebar{    float: left;
    width:25%;
    min-width: 300px;    margin-top: 43px;
	margin-bottom:20px;
}
.single-sidebar	#primary, .single-sidebar	#secondary{width:100%;}
.single-sidebar input[type="submit"]{
border: none;
    box-shadow: none;
    background-color: transparent;
    color: white !important;
}
.single-sidebar .program-info{    background-color: whitesmoke;
    padding: 10px;
    border: 1px solid #eee;
    box-shadow: 0 3px 5px #666666;}
	.single-sidebar    .title{    width: 215px;
    text-align: center;
    border-bottom: 1px solid #9f7a3c;
    padding-bottom: 2px;
    margin: 8px auto 7px;
    font-size: 20px;
    font-weight: 700;
    color: #000;}
	.single-sidebar  .program-info   p {text-align:center;}
	  .single-sidebar  .program-info   .btn{  width: 200px;
    text-align: center;
    margin: 10px auto;
	margin-left: 17%;
	}
#get-started {
       background: #e7822c url(image/get-started-bg.jpg) repeat-x;
    border: 2px solid #fff;
    box-shadow: 0 3px 5px #666;
    width: 60%;
	min-width: 245px;
    padding: 0 20px 15px;
    display: block;
    border-radius: 10px;
    margin: auto;
}
#get-started h3 {
text-align: center;
    font-size: 24px;
    margin-top: 10px;
	    font-stretch: normal;
    font-weight: 400;
    margin-bottom: 15px;
}

#get-started .btn-large {
    background: url(images/get-started-btn.jpg) repeat-x;
    border: 1px solid #7c4000!important;
	    padding: 6px 10px;
    color: white;
	margin-left: 35%;
	
}
#get-started .btn-orange 
{
    position: relative;
}
#get-started .btn-orange:before {
    background: url(images/arr-green.png) no-repeat scroll 0 0 transparent;
    content: "";
    display: inline-block;
    height: 41px;
    left: -50px;
    position: absolute;
    top: -12px;
    vertical-align: middle;
    width: 32px;
}
#get-started .btn-orange:before {
    content: '';
    display: inline-block;
    width: 47px;
    height: 61px;
    background: url(images/arr-green.png) no-repeat;
    vertical-align: middle;
    position: absolute;
    top: -12px;
    left: -22%;
}
#get-started .btn-orange span {
    padding: 0 30px;
    border: none;
}
.btn-large span {
    font-size: 18px;
    padding: 3px 29px 5px;
    height: 29px;
}
#pirate-forms-contact-submit  {
  background: #e4551d none repeat scroll 0 0 !important;
    border: medium none !important;
    border-radius: 6px;
    color: #fff !important;
    padding: 10px 34px;
   
    /* margin-left: 179px; */
}
.contact-left{float: left;
    width: 49%;min-width:280px;}
	.contact-right{float: right;
    width: 30%;
	
   }
   .pro_row{background-color: whitesmoke;
    border: 1px solid #eee;
    margin-bottom: 10px;
    padding: 10px;}
	.so-tabs {
    border-bottom: 1px solid #111;
    -webkit-box-shadow: 0 1px 0 #6c6d6f;
    -moz-box-shadow: 0 1px 0 #6c6d6f;
    -o-box-shadow: 0 1px 0 #6c6d6f;
    box-shadow: 0 1px 0 #6c6d6f;
    margin-bottom: 25px !important;
	 margin-top: 25px !important;
	     margin-left: 0px;
	
    
}
.so-tabs li {
    display: inline-block;
    
    position: relative;
   
}
.so-tabs a {
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    display: block;
    color: #FFF;
}
.so-tabs a span {
    display: block;
    padding: 7px 5px;
    width: 110px;
    text-align: center;
    font-weight: 700;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #FFF;
    background-color: #373a3f;
    background-image: linear-gradient(top,#56595e,#2c2f33);
    background-image: -webkit-linear-gradient(top,#56595e,#2c2f33);
    background-image: -moz-linear-gradient(top,#56595e,#2c2f33);
    background-image: -o-linear-gradient(top,#56595e,#2c2f33);
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-top: 1px solid #9a9b9d;
}
.so-tabs .active a {
    border-top: 1px solid #4d2700;
    border-right: 1px solid #4d2700;
}
.so-tabs .active a span {
    background-color: #dc8a00;
    background-image: linear-gradient(top,#dc8a00,#c95900);
    background-image: -webkit-linear-gradient(top,#dc8a00,#c95900);
    background-image: -moz-linear-gradient(top,#dc8a00,#c95900);
    background-image: -o-linear-gradient(top,#dc8a00,#c95900);
    border-top: 1px solid #efc780;
}
.so-list p{font-size:14px;}
.nav-header .container {
    border-bottom: 3px solid #363636;
}
.pagetitle {
    float: left;
    width: 100%;
}
.pagetitle h1 {
    font-size: 22px;
    font-weight: 700;
    padding: 20px 0;
}
.page-content h4 {
    color: #363636;
    
    font-size: 20px;
    padding: 20px 0 5px;
}
.page-content > p {
    clear: none;
    color: #565454;
    float: left;
    font-size: 15px;
    line-height: 24px;
}
#get-started{margin-bottom:20px;}
.articles-post-box{
    float: left;
    width: 31%;
    padding: 10px;
    background-color: whitesmoke;
    border: 1px solid #eee;
    margin-left: 15px;
    font-size: 17px;margin-bottom:50px;}
	.featured-articles{margin-top:50px;}
	.featured-articles .title{text-align:center;font-size:28px;font-weight: bold;}
	.featured-articles .section_title {
    text-align: center;
    margin-top: 12px;
    padding-bottom: 5px;
    border-bottom: 1px solid #cacaca;
	    margin-bottom: 11px;
}
.featured-articles  .section_title a {
    font-size: 24px;
    color: #2f2f2f;
    text-align: center;
	font-weight: bold;
}
.featured-articles .box div.link {
    padding: 7px 0 10px;
    border-bottom: 1px solid #cacaca;
}
.articles-meta h1{margin:15px 0;color:black; 
   }
.articles-meta{clear: none;
    color: #565454;
  
    font-size: 15px;
    line-height: 24px;    width: 70%;
    float: left;
    min-width: 280px;}
	.articles-meta div{margin:10px 0;}
	.aleftmeta{width: 209px;
    height: 241px;
  
    float: left;
	margin-left:20px;
	margin-top:20px;
    
	}
	.articles-meta #get-started{width:100%;}
	.topic-boxes .title{text-align:center;font-size:28px;font-weight: bold;    margin: 34px 0px;}
	.topic-box{    padding: 10px;
    background-color: whitesmoke;
    border: 1px solid #eee;}
	.topic-box .section_title a, .topic-box .section_title{text-align: center;margin: 10px 0px;
    font-size: 28px;
    color: black;
    font-weight: bold;}
	.topic-box .link{padding: 7px 0 10px;
    border-bottom: 1px solid #cacaca;font-size:20px;}
	.jumpword{    margin: 30px 0px;}
	.jumpword a{}
	.topic-boxes{margin-bottom:50px;}
	.artistimg{float:left;margin-top:20px;width:50%;min-width:280px;font-size:12px;}
	.artistlink{float:left;margin-left:10px;margin-top:15%;    width: 48%;font-weight:bold;}
	#nav-below{margin-top:20px;}
	.catsidebar{padding: 10px;
    background-color: whitesmoke;
    border: 1px solid #eee;
    margin-top: 93px;}
	.catsidebar .section_title{text-align: center;
    margin-top: 12px;
    padding-bottom: 5px;
    border-bottom: 1px solid #cacaca;
    font-size: 24px;}
	.catsidebar  .link {    border-bottom: 1px solid #cacaca;padding: 7px 10px 10px 10px;}
	.catsidebar  .link  a{}
	.articles .row{margin-right:0px;}
	.resource_menu{    width: 70%;
    background-color: #2B2D31;}
	.resource_menu ul{    list-style: none;    margin: 0px;    float: right;}
	.resource_menu ul li{    float: left;padding: 15px 10px;    position: relative; background-color: #2B2D31;}
	.resource_menu ul li a{    color: white;
    font-weight: bold;padding: 10px 20px !important;}
	#menu-button,.res_widget{display:none;}
	
	.resource_menu{float:right;}
	
	.resorce-header{    background-color: #2B2D31;
    height: 44px;}
	.resource-titil{float:left;    width: 222px;height: 44px;}
	.resource-titil img{}
	.imgwidth{width:100%;}
	.artist-section{    width: 47%;
    float: left;
    background-color: whitesmoke;
    margin-right: 20px;
    padding: 20px;
    border: 1px solid #eee;margin-bottom:20px;}
	.artist-section .section_title{text-align: center;
    font-size: 22px;
    font-weight: bold;    border-bottom: 1px solid #cacaca;    
    padding-bottom: 5px;}
	.artist-section  div.link {
    padding: 7px 0 10px;
    border-bottom: 1px solid #cacaca;
}
#menu-resource-home{margin-bottom:0px !important;    }
.article-res ul li {padding:10px;}
.menushow-respo{display:none;}
	.menushow-full{display:block;}
	.showmenu{display:block;}
	#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  font-family: Montserrat, sans-serif;
  background: #333333;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 17px;
  font-size: 12px;
  letter-spacing: 1px;
  text-decoration: none;
  color: #dddddd;
  font-weight: 700;
  text-transform: uppercase;
}
#cssmenu > ul > li:hover > a {
  color: #ffffff;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 30px;
}
#cssmenu > ul > li.has-sub > a:after {
  position: absolute;
  top: 22px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#cssmenu > ul > li.has-sub > a:before {
  position: absolute;
  top: 19px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu > ul > li.has-sub:hover > a:before {
  top: 23px;
  height: 0;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu li:hover > ul > li {
  height: 35px;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li a {
  border-bottom: 1px solid rgba(150, 150, 150, 0.15);
  padding: 11px 15px;
  width: 170px;
  font-size: 12px;
  text-decoration: none;
  color: #dddddd;
  font-weight: 400;
  background: #333333;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
  border-bottom: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #ffffff;
}
#cssmenu ul ul li.has-sub > a:after {
  position: absolute;
  top: 16px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#cssmenu.align-right ul ul li.has-sub > a:after {
  right: auto;
  left: 11px;
}
#cssmenu ul ul li.has-sub > a:before {
  position: absolute;
  top: 13px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu.align-right ul ul li.has-sub > a:before {
  right: auto;
  left: 14px;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
  top: 17px;
  height: 0;
}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    width: 100%;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
  }
  #cssmenu.align-center > ul {
    text-align: left;
  }
  #cssmenu ul li {
    width: 100%;
    border-top: 1px solid rgba(120, 120, 120, 0.2);
  }
  #cssmenu ul ul li,
  #cssmenu li:hover > ul > li {
    height: auto;
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
    border-bottom: 0;
  }
  #cssmenu > ul > li {
    float: none;
  }
  #cssmenu ul ul li a {
    padding-left: 25px;
  }
  #cssmenu ul ul ul li a {
    padding-left: 35px;
  }
  #cssmenu ul ul li a {
    color: #dddddd;
    background: none;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li.active > a {
    color: #ffffff;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu.align-right ul ul {
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: left;
  }
  #cssmenu > ul > li.has-sub > a:after,
  #cssmenu > ul > li.has-sub > a:before,
  #cssmenu ul ul > li.has-sub > a:after,
  #cssmenu ul ul > li.has-sub > a:before {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 17px;
    color: #dddddd;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
  }
  #cssmenu #menu-button:after {
    position: absolute;
    top: 22px;
    right: 17px;
    display: block;
    height: 4px;
    width: 20px;
    border-top: 2px solid #dddddd;
    border-bottom: 2px solid #dddddd;
    content: '';
  }
  #cssmenu #menu-button:before {
    position: absolute;
    top: 16px;
    right: 17px;
    display: block;
    height: 2px;
    width: 20px;
    background: #dddddd;
    content: '';
  }
  #cssmenu #menu-button.menu-opened:after {
    top: 23px;
    border: 0;
    height: 2px;
    width: 15px;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #cssmenu #menu-button.menu-opened:before {
    top: 23px;
    background: #ffffff;
    width: 15px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.2);
    height: 46px;
    width: 46px;
    cursor: pointer;
  }
  #cssmenu .submenu-button.submenu-opened {
    background: #262626;
  }
  #cssmenu ul ul .submenu-button {
    height: 34px;
    width: 34px;
  }
  #cssmenu .submenu-button:after {
    position: absolute;
    top: 22px;
    right: 19px;
    width: 8px;
    height: 2px;
    display: block;
    background: #dddddd;
    content: '';
  }
  #cssmenu ul ul .submenu-button:after {
    top: 15px;
    right: 13px;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    background: #ffffff;
  }
  #cssmenu .submenu-button:before {
    position: absolute;
    top: 19px;
    right: 22px;
    display: block;
    width: 2px;
    height: 8px;
    background: #dddddd;
    content: '';
  }
  #cssmenu ul ul .submenu-button:before {
    top: 12px;
    right: 16px;
  }
  #cssmenu .submenu-button.submenu-opened:before {
    display: none;
  }
}

.foot-nav-filter a{background-color: #FF3636;
    color: white;
    padding: 3px 10px;
    border: 1px solid #ccc;}
	.nav-filter a{    color: red;
  
    padding: 1px 10px;
    background-color: white;}