body,html,iframe,p{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
html{height:100%}
body{line-height:1;height:100%;position:relative;height:100%;width:100%;overflow:hidden;font-family:Verdana,Helvetica,Arial,sans-serif;font-weight:400;color:#333;font-size:14px;background:#303030}
#loader{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#fff;opacity:0;visibility:hidden;-webkit-transition:opacity .3s ease-out,visibility 0s linear .3s;-o-transition:opacity .3s ease-out,visibility 0s linear .3s;transition:opacity .3s ease-out,visibility 0s linear .3s;z-index:999}
#loader.show{-webkit-transition:opacity .6s ease-out,visibility 0s linear 0s;-o-transition:opacity .6s ease-out,visibility 0s linear 0s;transition:opacity .6s ease-out,visibility 0s linear 0s;visibility:visible;opacity:1}
#loader .loader{position:relative;width:45px;height:45px;border:5px solid #ddd;border-top:5px solid #009cff;border-radius:50%;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
#demo-switcher{position:relative;width:100%;padding:10px 0;background:#0C0C0C;z-index:99999;overflow:hidden}
#demo-switcher .templates{position:relative;float:left;margin:0 15px}
#demo-switcher .templates a{display:inline-block;margin-left:15px;padding:10px 15px;border-radius:2px;font-weight:400;color:#fff;background:#3b3b3b;text-decoration:none;transition:all .3s}
#demo-switcher .templates a:hover{background:#444;box-shadow:0 0 5px #555}
#demo-switcher .templates a:focus{background-color:#222}
#demo-switcher .responsive{position:relative;float:left;margin:0 15px;margin:13px 0 11px;}
#demo-switcher .responsive a{opacity:.5;float:left;margin:0 11px 0}
#demo-switcher .responsive a.desktop{background:url(../img/desktop-solid.svg) no-repeat;width:18px;height:16px}
#demo-switcher .responsive a.tabletlandscape{background:url(../img/tablet2-screen-button-solid.svg) no-repeat;width:18px;height:16px}
#demo-switcher .responsive a.tabletportrait{background:url(../img/tablet-screen-button-solid.svg) no-repeat;width:14px;height:16px}
#demo-switcher .responsive a.mobilelandscape{background:url(../img/mobile-screen-button-solid.svg) no-repeat;width:12px;height:16px}
#demo-switcher .responsive a.desktopfull{background:url(../img/arrow-up-right-from-square-solid.svg) no-repeat;width:16px;height:16px}
/*#demo-switcher .responsive a.mobileportrait{background:url(./img/tablet-screen-button-solid.svg) no-repeat;width:14px;height:16px}*/
#demo-switcher .responsive a.active,.responsive a:hover{opacity:1;color:#fff}
#demo-switcher .links{position:relative;float:right;margin:0 15px}
#demo-switcher a.download{display:inline-block;padding:10px 15px;border-radius:2px;font-weight:400;color:#fff;background:#009cff;text-decoration:none;transition:all .3s}
#demo-switcher a.download:hover{background:#1e73be;box-shadow:0 0 5px #757575}
#demo-switcher a.download:focus{background:#222}
#demo-switcher a.download img{vertical-align:middle;margin-right:5px;margin-top:-3px}
#demo-switcher a.close{display:inline-block;margin-left:11px;padding:10px 15px;border-radius:2px;font-weight:400;color:#fff;background:#3b3b3b;text-decoration:none;transition:all .3s}
#demo-switcher a.close:hover{background:#444;box-shadow:0 0 5px #555}
#demo-switcher a.close:focus{background-color:#222}
#demo-switcher a.close img{vertical-align:middle;margin-right:5px;margin-top:-3px}
#iframe{margin:0 auto;display:block;height:calc(100% - 75px);width:100%;transition:all .4s}
@media (min-width:768px) and (max-width:991.98px){
    #demo-switcher .responsive{display:none}
}
@media (max-width:767.98px){
    #demo-switcher .responsive{display:none}
	#demo-switcher .logo,#demo-switcher .templates{margin-right:0}
	#demo-switcher a.close,#demo-switcher a.download{padding:10px}
}
@media (max-width:575.98px){
    #demo-switcher .logo img{max-width:80px}
	#demo-switcher .templates a{margin-left:0;font-size:12px;padding:8px}
	#demo-switcher a.close,#demo-switcher a.download{font-size:0;padding:8px}
	#demo-switcher a.close img,#demo-switcher a.download img{margin-right:0}
	#iframe{height:calc(100% - 49px)}}
	.bottom-fixed-ads{position:fixed;width:728px;height:90px;left:calc(50% - 364px);bottom:-90px;background:#fff;transition:1s;z-index:999}
	.bottom-fixed-ads .ads-control{position:absolute;top:-25px;left:0;padding:5px 8px 6px 8px;background:#fff;cursor:pointer}
	.bottom-fixed-ads .ads-control img{transition:1s}
	.bottom-fixed-ads .ads-control.show img{transform:rotate(0)}
	.bottom-fixed-ads .ads-control.hide img{transform:rotate(180deg)
}
@media (max-width:768px){
    .bottom-fixed-ads{display:none}
}