.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.demo-1 a{color:#ccc;text-decoration:none}.demo-1 a:active{color:#fff}.container.demo-1{position:absolute;display:none}.container>header,.main{width:100%;margin:0 auto;padding:0 1.875em 3.125em}.main{max-width:69em;padding-top:2em}.column{float:left;width:50%;min-height:300px;min-width:320px;position:relative}.column:nth-child(2){min-height:400px;box-shadow:-1px 0 0 rgba(0,0,0,.1);background:url(../images/clickhere.png) 90px 0 no-repeat}.column:last-child:before{content:'';position:absolute;height:7px;background:#ceccc6;top:100px;left:10px}.column p{font-weight:300;font-size:2em;padding:0;margin:0;text-align:right;line-height:1.5}.container>header{padding:2.875em 1.875em;text-align:center;background:rgba(0,0,0,.01)}.container>header h1{font-size:2.625em;line-height:1.3;margin:0;color:#89867e;font-weight:300}.container>header span{display:block;font-size:60%;color:#ceccc6;padding:0 0 .6em .1em}.codrops-top{background:rgba(255,255,255,.95);text-transform:uppercase;position:relative;font-size:.68em;box-shadow:1px 0 2px rgba(0,0,0,.2);line-height:2.2}.codrops-top a{padding:0 1em;letter-spacing:.1em;color:#333;display:inline-block}.codrops-top a:hover{background:rgba(255,255,255,.99);color:#000}.codrops-top span.right{float:right}.codrops-top span.right a{float:left;display:block}.codrops-demos{padding-top:1em;font-size:.9em}.codrops-demos a{display:inline-block;margin:.5em;padding:.7em 1.1em;border:3px solid #b1aea6;color:#b1aea6;font-weight:700}.codrops-demos a.current-demo,.codrops-demos a.current-demo:hover,.codrops-demos a:hover{border-color:#89867e;color:#89867e}@media screen and (max-width:767px){.container.demo-1{display:block}.main{padding:0}.column{width:100%;min-width:auto;min-height:auto}.column p{text-align:left;font-size:1.5em}.column:nth-child(2){box-shadow:0 -1px 0 rgba(0,0,0,.1);background-position:90px 3em}}@font-face{font-family:icomoon;font-weight:400;font-style:normal;src:url(../fonts/icomoon.eot);src:url(../fonts/icomoon.eot?#iefix) format('embedded-opentype'),url(../fonts/icomoon.woff) format('woff'),url(../fonts/icomoon.ttf) format('truetype'),url(../fonts/icomoon.svg#icomoon) format('svg')}#hamburger.dl-active{background-color:transparent}#nav-hamburger{padding:21px 44px 24px 11px;border:none;background:0 0}#nav-hamburger span,#nav-hamburger span:before,#nav-hamburger>span:after{position:absolute;display:block;width:35px;height:2px;content:'';cursor:pointer;border-radius:1px;background:#fff;transition:.2s ease-in-out}#nav-hamburger span:before{top:-10px}#nav-hamburger span:after{bottom:-10px}#nav-hamburger.dl-active span{background-color:transparent}#nav-hamburger.dl-active span:after,#nav-hamburger.dl-active span:before{top:0}#nav-hamburger.dl-active span:before{transform:rotate(45deg);background:#e31937}#nav-hamburger.dl-active span:after{transform:rotate(-45deg);background:#e31937}.dl-down-menu>a{background-color:transparent}.dl-menuwrapper{position:relative;float:left;width:100%;max-width:100%;-webkit-tap-highlight-color:transparent;-webkit-perspective:1000px;perspective:1000px;-webkit-perspective-origin:50% 200%;perspective-origin:50% 200%}.dl-menuwrapper:first-child{margin-right:100px}.dl-menuwrapper ul{margin-bottom:0;padding:0;list-style:none;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.dl-menuopen>li>a:active{background-color:#e6e6e6}.dl-down-menu>a:active{background-color:#44698c}.dl-down-menu>a:active::after{-webkit-text-stroke:2px #44698c}.dl-submenu ul.dl-submenu{background-color:#21313f}.dl-submenu ul.dl-submenu a:active{background-color:#334551}a.menu-minus:after{content:'\f068'!important}.dl-submenu ul.dl-submenu a:before{font-family:FontAwesome;font-size:25px;font-weight:400;font-style:normal;float:left;height:40px;margin:0 0 0 10px;padding-right:10px;content:'\f105';text-decoration:none}.dl-menuwrapper li{position:relative}.dl-menuwrapper li>a{font-size:18px;font-weight:300;line-height:20px;position:relative;display:block;padding:15px 20px;color:#808284;border-bottom:1px solid #e6e6e6;outline:0}ul.dl-menu{overflow-y:auto}.dl-menu>li>a:first-child{text-transform:uppercase}.dl-submenu>li>a{color:#fff}.dl-menuwrapper li.dl-back{text-transform:uppercase;background:#fff}.dl-menuwrapper li.dl-back>a{padding-left:30px;color:#808284}.dl-menuwrapper li.dl-back>a:empty{padding-top:30px}.dl-menu li>a:not(:only-child):after{font-family:FontAwesome;font-size:25px;font-weight:400;font-style:normal;float:right;margin:0 0 0 10px;content:'\f105';text-decoration:none}.dl-menuwrapper li.dl-back:before{font-family:FontAwesome;font-size:22px;font-weight:400;font-style:normal;float:left;margin-top:9px;padding:0 10px 0 21px;content:'\f104';text-decoration:none;color:#808284}.dl-menuwrapper li.dl-back:after{left:10px;-webkit-transform:rotate(180deg);transform:rotate(180deg);color:rgba(212,204,198,.3)}.dl-menu li ul li>a:not(:only-child):after{font-family:FontAwesome;font-size:22px;font-weight:400;font-style:normal;float:right;margin:0 0 0 10px;content:'\f067';text-decoration:none;-webkit-text-stroke:2px #68809f}.dl-menuwrapper li>a:after{right:10px}.dl-menuwrapper>.dl-menu{position:absolute;width:100%;margin:0;-webkit-transform:translateX(320px);transform:translateX(320px);pointer-events:none;opacity:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.dl-menuwrapper .dl-menu .dl-submenu .dl-submenu{-webkit-transform:translateY(0);transform:translateY(0)}.dl-menuwrapper .dl-menu.dl-menu-toggle{transition:.3s}.dl-menuwrapper .dl-menu.dl-menuopen{-webkit-transform:translateX(0);transform:translateX(0);pointer-events:auto;opacity:1}.switch-custype{display:none;background-color:#fff;height:50px}.switch-custype.dl-menuopen{display:flex;width:100%}.switch-div-custype{width:50%;padding-top:10px;background-color:#c8c7c7}.switch-div-custype-selected{background-color:#fff}.mobile-bottom{display:none}.mobile-bottom>div{padding:0}.mobile-bottom .col-xs-6{position:fixed;bottom:5px;width:48%;padding:0}.mobile-bottom .col-xs-6:nth-child(1){margin:5px}.mobile-bottom .col-xs-6:nth-child(2){right:0;margin:5px}.mobile-bottom-dte-btn{float:left;width:100%;padding:16px 20px!important;text-align:center;color:#fff}.dl-menu.dl-subview li,.dl-menu.dl-subview li.dl-subview>a,.dl-menu.dl-subview li.dl-subviewopen>a,.dl-menuwrapper li .dl-submenu{display:none}.dl-menu.dl-subview li.dl-subview,.dl-menu.dl-subview li.dl-subview .dl-submenu,.dl-menu.dl-subview li.dl-subviewopen,.dl-menu.dl-subview li.dl-subviewopen>.dl-submenu,.dl-menu.dl-subview li.dl-subviewopen>.dl-submenu>li{display:block}.dl-menuwrapper>.dl-submenu{position:absolute;top:50px;left:0;width:100%;margin:0}.dl-menu.dl-animate-out-1{-webkit-animation:.4s MenuAnimOut1;animation:.4s MenuAnimOut1}@-webkit-keyframes MenuAnimOut1{50%{-webkit-transform:translateX(-400px)}75%{-webkit-transform:translateX(-450px)}100%{-webkit-transform:translateX(-500px)}}@keyframes MenuAnimOut1{50%{-webkit-transform:translateX(-400px);transform:translateX(-400px)}75%{-webkit-transform:translateX(-450px);transform:translateX(-450px)}100%{-webkit-transform:translateX(-500px);transform:translateX(-500px)}}@keyframes MenuAnimOut2{100%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}@keyframes MenuAnimOut3{100%{-webkit-transform:translateZ(300px);transform:translateZ(300px);opacity:0}}@keyframes MenuAnimOut4{100%{-webkit-transform:translateZ(-300px);transform:translateZ(-300px);opacity:0}}@keyframes MenuAnimOut5{100%{-webkit-transform:translateY(40%);transform:translateY(40%);opacity:0}}.dl-menu.dl-animate-in-1{-webkit-animation:.3s MenuAnimIn1;animation:.3s MenuAnimIn1}@-webkit-keyframes MenuAnimIn1{0%{-webkit-transform:translateX(-500px)}20%{-webkit-transform:translateX(-250px)}100%{-webkit-transform:translateX(0)}}.dl-down-menu,.dl-down-menu>.dl-submenu{-webkit-animation:.3s MenuAnimInSub;animation:.3s MenuAnimInSub}@-webkit-keyframes MenuAnimInSub{0%{-webkit-transform:translateY(0) rotateX(0);opacity:.5}100%{-webkit-transform:translateY(0) rotateX(0);opacity:1}}@keyframes MenuAnimIn1{0%{-webkit-transform:translateX(-500px);transform:translateX(-500px)}20%{-webkit-transform:translateX(-250px);transform:translateX(-250px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.dl-menuwrapper>.dl-submenu.dl-animate-in-1{-webkit-animation:.4s SubMenuAnimIn1;animation:.4s SubMenuAnimIn1}@-webkit-keyframes SubMenuAnimIn1{0%{-webkit-transform:translateX(50%);opacity:0}100%{-webkit-transform:translateX(0);opacity:1}}@-webkit-keyframes SubMenuAnimIn2{0%{-webkit-transform:translateX(100%);opacity:0}100%{-webkit-transform:translateX(0);opacity:1}}@-webkit-keyframes SubMenuAnimIn3{0%{-webkit-transform:translateZ(-300px);opacity:0}100%{-webkit-transform:translateZ(0);opacity:1}}@-webkit-keyframes SubMenuAnimIn4{0%{-webkit-transform:translateZ(300px);opacity:0}100%{-webkit-transform:translateZ(0);opacity:1}}@-webkit-keyframes SubMenuAnimIn5{0%{-webkit-transform:translateZ(-200px);opacity:0}100%{-webkit-transform:translateZ(0);opacity:1}}@keyframes SubMenuAnimIn1{0%{-webkit-transform:translateX(50%);transform:translateX(50%) translateY(45px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0) translateY(45px);opacity:1}}@keyframes SubMenuAnimIn2{0%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes SubMenuAnimIn3{0%{-webkit-transform:translateZ(-300px);transform:translateZ(-300px);opacity:0}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes SubMenuAnimIn4{0%{-webkit-transform:translateZ(300px);transform:translateZ(300px);opacity:0}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes SubMenuAnimIn5{0%{-webkit-transform:translateZ(-200px);transform:translateZ(-200px);opacity:0}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.dl-menuwrapper>.dl-submenu.dl-animate-out-1{-webkit-animation:.4s SubMenuAnimOut1;animation:.4s SubMenuAnimOut1}@-webkit-keyframes SubMenuAnimOut1{0%{-webkit-transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(50%);opacity:0}}@-webkit-keyframes SubMenuAnimOut2{0%{-webkit-transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(100%);opacity:0}}@-webkit-keyframes SubMenuAnimOut3{0%{-webkit-transform:translateZ(0);opacity:1}100%{-webkit-transform:translateZ(-300px);opacity:0}}@-webkit-keyframes SubMenuAnimOut4{0%{-webkit-transform:translateZ(0);opacity:1}100%{-webkit-transform:translateZ(300px);opacity:0}}@-webkit-keyframes SubMenuAnimOut5{0%{-webkit-transform:translateZ(0);opacity:1}100%{-webkit-transform:translateZ(-200px);opacity:0}}@keyframes SubMenuAnimOut1{0%{-webkit-transform:translateX(0);transform:translateX(0) translateY(45px);opacity:1}100%{-webkit-transform:translateX(50%);transform:translateX(50%) translateY(45px);opacity:0}}@keyframes SubMenuAnimOut2{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@keyframes SubMenuAnimOut3{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}100%{-webkit-transform:translateZ(-300px);transform:translateZ(-300px);opacity:0}}@keyframes SubMenuAnimOut4{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}100%{-webkit-transform:translateZ(300px);transform:translateZ(300px);opacity:0}}@keyframes SubMenuAnimOut5{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}100%{-webkit-transform:translateZ(-200px);transform:translateZ(-200px);opacity:0}}.no-js .dl-menuwrapper .dl-menu{position:relative;-webkit-transform:none;transform:none;opacity:1}.no-js .dl-menuwrapper li .dl-submenu{display:block}.no-js .dl-menuwrapper li.dl-back{display:none}.no-js .dl-menuwrapper li>a:not(:only-child):after{content:''}.mobile-bottom button{background:#e31937}.demo-1 .dl-menuwrapper>ul{background:#fff}.demo-1 .dl-menuwrapper>ul>li>ul{background:#68809f}@media (max-width:767px){.mobile-bottom.dl-menuopen{position:fixed;z-index:2;bottom:0;display:block;width:100%;height:100%;background-color:#fff}}ul.submenu-expand>li.dl-down-menu>a{display:none!important;}li.dl-subviewopen>ul.submenu-expand>li.dl-down-menu>ul.dl-submenu{display:block!important;}li.dl-subviewopen>ul.submenu-expand>li.dl-down-menu>ul.dl-submenu>li.dl-back{display:none!important;}li.dl-subviewopen>ul.submenu-expand>li.dl-down-menu>ul.dl-submenu>li:not(.dl-back){display:block!important;}