.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url(img/Preloader_1.gif) center no-repeat #fff;}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable{height:80%!important; width:80%!important;}
.row{margin-left:5px!important; margin-right:5px!important;}
.navigation {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 0;}
.site-wrap {min-width: 100%; min-height: 100%; background-color: #fff; position: relative; top: 0; bottom: 100%; left: 0; z-index: 1;}
.site-wrap { padding: 4em; background-image: linear-gradient(135deg, rgb(254,255,255) 0%, rgb(221,241,249) 35%, rgb(160,216,239) 100%); background-size: 200%;}
.nav-trigger {position: absolute; clip: rect(0, 0, 0, 0);}
label[for="nav-trigger"] {position: fixed; top: 15px; left: 15px; z-index: 2;}
label[for="nav-trigger"] {width: 30px; height: 30px; cursor: pointer; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 30 30' enable-background='new 0 0 30 30' xml:space='preserve'><rect width='30' height='6'/><rect y='24' width='30' height='6'/><rect y='12' width='30' height='6'/></svg>"); background-size: contain; }
.nav-trigger:checked + label {left: 215px; }
.nav-trigger:checked ~ .site-wrap { left: 200px; box-shadow: 0 0 5px 5px rgba(0,0,0,0.5);}
.nav-trigger + label, .site-wrap { transition: left 0.2s; }
body {overflow-x: hidden;}