.code-examples{clear:both;padding:100px 0 95px}.code-examples h2{font-family:Gotham-Black;font-size:40px;margin:0 0 35px}.code_detail{margin-top:38px;padding-left:0;padding-right:0}@media screen and (min-width:992px){#code-dropdown{display:none}}@media (min-width:767px){.nav-side-menu .menu-list .menu-content{display:block}}@media screen and (min-width:768px){.mobile-only-nav{display:none}.nav-side-menu .menu-content,.nav-side-menu .menu-content *{display:block!important}.nav-side-menu .menu-content i{opacity:0}.nav-side-menu .menu-content li a:hover i,.nav-side-menu .menu-content li.active a i{opacity:1}}.nav-side-menu{border:3px solid #e7eef0;border-radius:2px;overflow:hidden}.nav-side-menu li{border-bottom:1px solid #e7eef0}.nav-side-menu li:last-child{border-bottom:0}.nav-side-menu li a{color:#2a95d5;display:block;font-family:Gotham-Medium;font-size:14px;padding-left:20px;text-decoration:none}.nav-side-menu li a:hover,.nav-side-menu li.active{background:#f1f9fb}.nav-side-menu li.view_all_examples a{background:#e7eef0;color:#666}.nav-side-menu li.active a{font-family:Gotham-Bold}.nav-side-menu li a i{display:none;float:right;margin-right:13px;margin-top:11px}.nav-side-menu li a:hover i,.nav-side-menu li.active i{display:inline-block}.nav-side-menu li,.nav-side-menu ul{cursor:pointer;line-height:35px;list-style:none;margin:0;padding:0}.nav-side-menu .toggle-btn{display:none}.code_window_bottom button{background-color:#161616;border:0;color:#fff;font-size:14px}.code_window_bottom button .copy-clipboard{color:hsla(0,0%,100%,.2);transition:all .5s}.code_window_bottom button:hover .copy-clipboard{color:#fff}.code_window_bottom button i{transition:all .5s}.code_window_bottom button:focus:hover{color:#53b78e}.code-content.lander.show{display:block}.code-content.lander.hide{display:none}