/*----- Accessibility -----*/
#Access-Container {width: 100%;margin: 0;padding: 0;position: relative;}
a:focus {outline: 2px dotted #000 !important;}
.dfw-on {display: none;}
.dfw-off {font: 400 12px/20px 'Muli', sans-serif;color: #fff !important;background: #003263;z-index: 9999999;transform-origin: left;-webkit-transform: translate(0, -50%) rotate(-90deg);-moz-transform: translate(0, -50%) rotate(-90deg);-ms-transform: translate(0, -50%) rotate(-90deg);-o-transform: translate(0, -50%) rotate(-90deg);transform: translate(0, -50%) rotate(-90deg);position: fixed;top: 65%;left: 15px;}

.dfw-off a {display: block;color: #fff !important;padding: 5px 10px 5px 45px;background: url(../landing-images/accessible-icon.png) no-repeat 10px center;}
#Accessibility {max-width: 1170px;min-width: 300px;padding:0;font: 400 12px/20px Verdana, Arial, Helvetica, sans-serif;color: #fff !important;margin: 0 auto;}
#Accessibility a {color: #fff!important}
.access-links {text-align: left;font: 500 14px/20px Verdana, Arial, Helvetica, sans-serif;padding: 0 2px}
.access-settings {text-align: right}
.fontsize {display: inline-block;width: 150px;vertical-align: top}
.fontsize span {display: inline-block;vertical-align: bottom}
.fontsize a {padding: 0 4px;display: block}
#Accessibility .fontsize span.dfw-actSize a {color: #ffabab !important}
.fontminus {font: 400 14px/20px Verdana, Arial, Helvetica, sans-serif;}
.fontreset {font: 500 16px/20px Verdana, Arial, Helvetica, sans-serif;}
.fontplus {font: 600 20px/20px Verdana, Arial, Helvetica, sans-serif;}
.dfw-contrast {display: inline-block;width: 140px;vertical-align: top}
.dfw-contrast a {padding: 0 3px;display: block}
#Accessibility .dfw-contrast span {display: inline-block;vertical-align: top;font: 600 14px/16px Verdana, Arial, Helvetica, sans-serif}
#Accessibility .dfw-contrastMode {background: #000;color: #fff !important}
#Accessibility .dfw-contrastMode a {color: #fff !important;border: 2px solid #000}
.dfw-colorMode {background: #fff;color: #000 !important}
#Accessibility .dfw-colorMode a {color: #000 !important;border: 2px solid #fff}
#Accessibility .dfw-contrast a.dfw-active {border: 2px solid red}
.dfw-skip {overflow: hidden;vertical-align: top;right: 5px;top: 0px;position: absolute;font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif;display: none;z-index: 9999999;}
#Main-Menu .dfw-skip{top:-10px;}
#skip-header.dfw-skip {top: 0;}
#skip-sidebar.dfw-skip {right: 0;}
.dfw-skip a {padding: 0 5px;}
.accessible_on .dfw-skip {display: block;background: #fff;border: 1px solid #000;}
.accessible_on.dfw-blackmode .dfw-skip {background: #000;border: 1px solid #fff;}
.nodisplay {display: none !important;}
.table-div, .fluid-div, .theme-L, .theme-R {width: 100%;height: 100%;}
.table-div {display: table;table-layout: fixed;}
.table-cell {display: table-cell;vertical-align: top;}
/*----- Accessible On-----*/
/*Normal Mode*/
.accessible_on span.nodisplay{display: block !important; font-size:13px;}
.accessible_on #Access-Container {background: #003263;}
.accessible_on a:focus {outline: 2px solid #F00 !important;}
.accessible_on {background: #fff !important;}
.accessible_on #Container {color: #000 !important;}
.accessible_on header {color: #000 !important;background: #fff !important; position:relative !important;}
.accessible_on #Container a, .accessible_on #Container a:hover {color: #00e !important;}
.accessible_on #Accessibility a{color: #fff !important;}
.accessible_on #Accessibility a:hover{color: #fff !important;}
.accessible_on nav{background: #fff !important;}
.accessible_on .dfw-skip a{color: #00e !important;}
.accessible_on .menu li a{color: #00e !important; border:none !important; margin:0 3px;}
.accessible_on .menu li li a:hover,.accessible_on .menu li li:hover > a{background: #eee !important;border: none !important;}
.accessible_on .menu li li a,.accessible_on .menu li li > a{background: #eee !important;border: none !important;}
.accessible_on .menu li > a:hover,.accessible_on  .menu > li:hover > a,.accessible_on  .menu > li.current-menu-item > a,.accessible_on  .menu > li.current_page_ancestor > a{background: #fff !important;}
.accessible_on #Accessibility .dfw-colorMode a{color: #000 !important;}
.accessible_on article{width: 100%;position: relative}
.accessible_on #Footer .footerUpper .smo  a{background: none !important;width: auto !important}
.accessible_on #Footer .footerUpper .smo  a span{color:#00e !important;}
.accessible_on aside{width: 100%;text-align: center;clear: both;position: relative;}
.accessible_on aside li{display: block;}
.accessible_on aside *{color: #000 !important;}
.accessible_on aside * a{color:#00e !important;background: #fff !important; }
.accessible_on aside * a:hover{color:#00e !important;background: #fff !important;}
.accessible_on article h1{color: #000 !important;}
.accessible_on article h2{color: #000 !important;}
.accessible_on article h3{color: #000 !important;}
.accessible_on article h4{color: #000 !important;}
.accessible_on article p{color: #000 !important;}
.accessible_on article li{color: #000 !important;}
.accessible_on article span{color: #000 !important;}
.accessible_on article a{color: #00e !important;}
.accessible_on .accordion h2{color: #00e !important;background: #fff !important;border: 1px solid #000}
.accessible_on .service-list-design li a::before{display: none;}
.accessible_on .service-list-design li a{color: #00e !important;background: #fff !important;}
.accessible_on .address-block .form-heading,.accessible_on  .formhead{color: #00e !important;background: #fff !important;}
.accessible_on .servicesOrtho .box a.vm{color: #00e !important;background: #fff !important;}
.accessible_on #connect-sblock{background: #fff !important;}
.accessible_on .accordion .pane{background: #fff !important;}
.accessible_on .accordion .pane * {color: #000;}

.accessible_on .slicknav_menu{background: none !important;}
.accessible_on .slicknav_menu * a{color: #00e !important;background: #eee !important;}
.accessible_on .slicknav_btn{background: #003263 !important;}

.accessible_on .number{background: none !important;}
.accessible_on .number *{color: #000 !important;}
.accessible_on .number a{color: #00e !important;background: none !important;}

.accessible_on .portal{background: none !important;}
.accessible_on .portal *{color: #000 !important;}
.accessible_on .portal a{color: #00e !important;background: none !important;}

.accessible_on .smo{background: none !important;float: right; border:none; width: 76%;clear:both;margin: 28px 12px 0 0;}
.accessible_on .smo *{color: #000 !important;}
.accessible_on .smo * a{color: #00e !important;background: none !important;}
.accessible_on .smo a span{color: #00e !important;}

.accessible_on .smo li a{background:none !important; border:none !important;}
.accessible_on li.smo1 {float: left; width: auto;}

.accessible_on .right_container {margin: 35px 0px 15px 0px !important;}

.accessible_on .left_main {float: left;width: 70%;}

.accessible_on .right_main {float: left;width: 100%; background: none !important; color: #000 !important; border:none !important;}
.accessible_on .right_main *{background: none !important; color: #000 !important;}
.accessible_on .right_main * a{background: none !important; color: #00e !important;}

.accessible_on .news ul li {float: left; border: 1px solid #000; height: auto; width: 46%; margin: 10px; 	padding: 10px;}

.accessible_on .left_main a {background:none !important; border:1px solid #000;color: #00e !important;}
.accessible_on .left_main h1, .accessible_on .left_main p {color:#000 !important;}

.accessible_on .why a{padding:20px !important; border:1px solid #000; height:auto !important; float:right; margin: -180px 0 0 0;}

.accessible_on .services {background: none !important; color: #000 !important; height: auto !important;}
.accessible_on .services *{background: none !important; color: #000 !important;}
.accessible_on .services * a{background: none !important; color: #00e !important;}

.accessible_on .services li a {border:1px solid #000 !important; height:100px !important; padding:20px !important;}
.accessible_on .services li.itc a{width:250px !important;}

.accessible_on footer {background: none !important; color: #000 !important; height: auto !important; padding:0px !important;}
.accessible_on footer *{background: none !important; color: #000 !important;}
.accessible_on footer * a{background: none !important; color: #00e !important;}

.accessible_on .col1 {border: none !important; width: 100% !important; padding:0 10px !important;}
.accessible_on .col1 div.dfw-skip{margin-top:-20px;}
.accessible_on .col1 ul li {border: solid 1px #000 !important; width: 33%; float:left !important; margin:10px !important; padding:10px !important;}
.accessible_on .col1 ul li img{display:none !important;}

.accessible_on .col2 {float: left !important; width: 100% !important; padding: 20px 0 !important; position:relative;}

.accessible_on .footerText {border:none !important;	text-align: center !important; float:none !important;}
.accessible_on .copyright {text-align: center !important; float:none !important;}
.accessible_on .ypo {text-align:center !important;}
.accessible_on .ypo img{filter: grayscale(100%) contrast(1%);-webkit-filter: grayscale(100%) contrast(1%);-moz-filter: grayscale(100%) contrast(1%);-ms-filter: grayscale(100%) contrast(1%);}
.accessible_on .main{position:relative;}
.accessible_on nav div.dfw-skip {margin-right:-48px;} 


/*Black mode*/
.accessible_on.dfw-blackmode #Container {color: #fff !important;}
.accessible_on.dfw-blackmode #Container a, .accessible_on.dfw-blackmode #Container a:hover {color: #fc0 !important;}
.accessible_on.dfw-blackmode {background: #000 !important;}
.accessible_on.dfw-blackmode nav{background: #000 !important;}
.accessible_on.dfw-blackmode header {color: #fff !important;background: #000 !important;}
.accessible_on.dfw-blackmode .dfw-skip a{color: #fc0 !important;}
.accessible_on.dfw-blackmode .menu li a{color: #fc0 !important;}
.accessible_on.dfw-blackmode .menu li > a:hover,.accessible_on.dfw-blackmode  .menu > li:hover > a,.accessible_on.dfw-blackmode  .menu > li.current-menu-item > a,.accessible_on.dfw-blackmode  .menu > li.current_page_ancestor > a{background: #000 !important;}
.accessible_on.dfw-blackmode .menu ul {background: #333 !important;}
.accessible_on.dfw-blackmode .menu li li a:hover,.accessible_on.dfw-blackmode .menu li li:hover > a{background: #333 !important;border: none !important;}
.accessible_on.dfw-blackmode .menu li li a,.accessible_on.dfw-blackmode .menu li li > a{background: #333 !important;border: none !important;}
.accessible_on.dfw-blackmode nav {background: #000;border: none !important;}
.accessible_on.dfw-blackmode #Container {color: #fff !important;}
.accessible_on.dfw-blackmode #Accessibility .dfw-colorMode a{color: #000 !important;}
.accessible_on.dfw-blackmode #Accessibility .dfw-contrastMode a{color: #fff !important;}
.accessible_on.dfw-blackmode header {color: #fff !important;background: #000 !important;}
.accessible_on.dfw-blackmode #Container a, .accessible_on.dfw-blackmode #Container a:hover {color: #fc0 !important;}
.accessible_on.dfw-blackmode #Accessibility a{color: #fff !important;}
.accessible_on.dfw-blackmode aside * a{color:#fc0 !important;background: #000 !important; }
.accessible_on.dfw-blackmode aside * a:hover{color:#fc0 !important;background: #000 !important;}
.accessible_on.dfw-blackmode article h1{color: #fff !important;}
.accessible_on.dfw-blackmode article h2{color: #fff !important;}
.accessible_on.dfw-blackmode article h3{color: #fff !important;}
.accessible_on.dfw-blackmode article h4{color: #fff !important;}
.accessible_on.dfw-blackmode article p{color: #fff !important;}
.accessible_on.dfw-blackmode article li{color: #fff !important;}
.accessible_on.dfw-blackmode article span{color: #fff !important;}
.accessible_on.dfw-blackmode .breadcrumbs a{color: #fc0 !important;}
.accessible_on.dfw-blackmode .breadcrumbs {color: #fff !important}
.accessible_on.dfw-blackmode article a{color: #fc0 !important;}
.accessible_on.dfw-blackmode .accordion h2{color: #fc0 !important;background: #000 !important;border: 1px solid #000}
.accessible_on.dfw-blackmode .service-list-design li a::before{display: none;}
.accessible_on.dfw-blackmode .service-list-design li a{color: #fc0 !important;background: #000 !important;}
.accessible_on.dfw-blackmode .address-block .form-heading,.accessible_on.dfw-blackmode  .formhead{color: #fc0 !important;background: #000 !important;}
.accessible_on.dfw-blackmode #connect-sblock{background: #000 !important;}
.accessible_on.dfw-blackmode .accordion .pane{background: #000 !important;}
.accessible_on.dfw-blackmode #dataAppend{background: #000 !important;border: 1px solid #fff}
.accessible_on.dfw-blackmode #dataAppend p{color:  #fff !important}
.accessible_on.dfw-blackmode .accordion .pane * {color: #fff;}
.accessible_on.dfw-blackmode #Footer .footerUpper .smo  a span{color:#fc0 !important;}
.accessible_on.dfw-blackmode header a{color:#fc0 !important;}

.accessible_on.dfw-blackmode .slicknav_menu{background: none !important;}
.accessible_on.dfw-blackmode .slicknav_menu * a{color: #fc0 !important;background: #333 !important;}
.accessible_on.dfw-blackmode .slicknav_btn{background: #003263 !important;}

.accessible_on.dfw-blackmode .number{background: none !important;}
.accessible_on.dfw-blackmode .number *{color: #fff !important;}
.accessible_on.dfw-blackmode .number a{color: #fc0 !important;background: none !important;}

.accessible_on.dfw-blackmode .portal{background: none !important;}
.accessible_on.dfw-blackmode .portal *{color: #fff !important;}
.accessible_on.dfw-blackmode .portal a{color: #fc0 !important;background: none !important;}

.accessible_on.dfw-blackmode .smo{background: none !important;float: right; border:none; width: 76%;clear:both;margin: 28px 12px 0 0;}
.accessible_on.dfw-blackmode .smo *{color: #fff !important;}
.accessible_on.dfw-blackmode .smo * a{color: #fc0 !important;background: none !important;}
.accessible_on.dfw-blackmode .smo a span{color: #fc0 !important;}

.accessible_on.dfw-blackmode .smo li a{background:none !important; border:none !important;}
.accessible_on.dfw-blackmode li.smo1 {float: left; width: auto;}

.accessible_on.dfw-blackmode .right_container {margin: 35px 0px 15px 0px !important;}

.accessible_on.dfw-blackmode .left_main {float: left;width: 70%;}

.accessible_on.dfw-blackmode .right_main {float: left;width: 100%; background: none !important; color: #fff !important;  border:none !important;}
.accessible_on.dfw-blackmode .right_main *{background: none !important; color: #fff !important;}
.accessible_on.dfw-blackmode .right_main * a{background: none !important; color: #fc0 !important;}

.accessible_on.dfw-blackmode .news ul li {float: left; border: 1px solid #fff; height: auto; width: 46%; margin: 10px; 	padding: 10px;}

.accessible_on.dfw-blackmode .left_main a {background:none !important; border:1px solid #fff;color: #fc0 !important;}
.accessible_on.dfw-blackmode .left_main h1, .accessible_on.dfw-blackmode .left_main p {color:#fff !important;}

.accessible_on.dfw-blackmode .why a{padding:20px !important; border:1px solid #fff; height:auto !important; float:right; margin: -180px 0 0 0;}

.accessible_on.dfw-blackmode .services {background: none !important; color: #fff !important; height: auto !important;}
.accessible_on.dfw-blackmode .services *{background: none !important; color: #fff !important;}
.accessible_on.dfw-blackmode .services * a{background: none !important; color: #fc0 !important;}

.accessible_on.dfw-blackmode .services li a {border:1px solid #fff !important; height:100px !important; padding:20px !important;}
.accessible_on.dfw-blackmode .services li.itc a{width:250px !important;}

.accessible_on.dfw-blackmode footer {background: none !important; color: #fff !important; height: auto !important; padding:0px !important;}
.accessible_on.dfw-blackmode footer *{background: none !important; color: #fff !important;}
.accessible_on.dfw-blackmode footer * a{background: none !important; color: #fc0 !important;}

.accessible_on.dfw-blackmode .col1 {border: none !important; width: 100% !important; padding:0 10px !important;}
.accessible_on.dfw-blackmode .col1 div.dfw-skip{margin-top:-20px;}
.accessible_on.dfw-blackmode .col1 ul li {border: solid 1px #fff !important; width: 33%; float:left !important; margin:10px !important; padding:10px !important;}

.accessible_on.dfw-blackmode .col2 {float: left !important; width: 100% !important; padding: 20px 0 !important; position:relative;}

.accessible_on.dfw-blackmode .footerText {border:none !important;	text-align: center !important; float:none !important;}
.accessible_on.dfw-blackmode .copyright {text-align: center !important; float:none !important;}
.accessible_on.dfw-blackmode .ypo {text-align:center !important;}
.accessible_on.dfw-blackmode .ypo img{filter: grayscale(100%) contrast(1%);-webkit-filter: grayscale(100%) contrast(1%);-moz-filter: grayscale(100%) contrast(1%);-ms-filter: grayscale(100%) contrast(1%);}
.accessible_on.dfw-blackmode .main{position:relative;}


@media screen and (max-width:1024px){
.dfw-off {top: 46%;} 
.accessible_on nav div.dfw-skip {margin-right: 0px !important;}
.accessible_on .col1 div.dfw-skip {margin-right: 28px !important;}
.accessible_on .col2 div.dfw-skip {margin-right: 46px !important;}
.accessible_on .why a {float: left !important; margin: 0px !important; clear: both !important;}

.accessible_on .left_main, .accessible_on.dfw-blackmode .left_main {width: auto;}
}

@media screen and (max-width:799px){
.dfw-off {transform-origin:left; -webkit-transform: translate(0, 0%) rotate(0deg);-moz-transform: translate(0, 0%) rotate(0deg);-ms-transform: translate(0, 0%) rotate(0deg);-o-transform: translate(0, 0%) rotate(0deg);transform: translate(0, 0%) rotate(0deg);position: relative; top: inherit;left: inherit;}
.dfw-skip {display:none !important;}

header .logo {margin: 10px auto 0 auto;}
}
@media screen and (max-width:480px){
.accessible_on .news ul li, .accessible_on.dfw-blackmode .news ul li {height: auto; width: auto;}
.accessible_on .services li, .accessible_on.dfw-blackmode .services li {width: auto;}
.accessible_on .col1 ul li, .accessible_on.dfw-blackmode .col1 ul li {width: auto;}
ul.table-div li.table-cell {display:block;}
.access-settings {text-align:left; padding:0 2px;}
}