@charset "utf-8";
@import "../fonts/font.css";

/* System */
a{ color: #039cdf; text-decoration: none; transition: color 0.15s ease-in-out 0s; -webkit-transform: color 0.15s ease-in-out 0s; -moz-transform: color 0.15s ease-in-out 0s; -o-transform: color 0.15s ease-in-out 0s;}
a:hover { color: #222; margin: 0;}
p{ margin-bottom: 0;}
/* Content */
body{ font-family: "Segoe UI"; background: url(../img/background.jpg) no-repeat top;}
.font-segui{ font-family: "seguibl"; text-transform: uppercase; font-size: 35px; }
.clr{ clear: both;}
.has-error .form-control{ border-color: #a94442 !important;}

.box_top{ height:38px; line-height: 38px; background:#d7d7d7; color: #FFF;}
.box_top .hotline a{line-height:38px; color:#fff; padding:0 11px 0 10px; font-size:12px; position: relative; font-family: "Roboto-regular"; text-decoration: none;}
.box_top .hotline a:last-child:after{content:none;}
.box_top .hotline i{ padding: 0; color: #FFF;}
.box_top .hotline{ont-size:12px; font-family: "Roboto-regular";}
.box_top .hotline span{}
.box_top .social {display: inline-block; float: right;}
.box_top .social a{ display: inline-block; line-height: 36px; padding: 0 10px; background: #c2c2c2; color: #111; text-decoration: none; font-family: "HelveticaNeue-Medium";}
.box_top .social a:first-child{background: none; font-size: 15px;}
.box_top .social a:first-child .fa{margin-right: 10px; font-size: 15px; background: #c2c2c2; padding: 5px; border-radius: 50%;}
.box_top .social i{ color: #FFF;}
.box_top .social .item{display: inline-block; float: right; height: 38px; background: #fb6030; padding: 0 25px; text-align: center;}
.box_top .social .item:hover{transition:color 0.7s ease-in-out 0s,  background-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; background: #eb1c3c;}
.box_top .social .item a{font-family: "Roboto-regular"; color: #fff; font-size: 13px; line-height: 38px; text-transform: uppercase; text-decoration: none; text-align: center;}

/* Tiến NV */
.box_header{ width: 100%; top: 0; left: 0; z-index: 99999; position: relative; height: 95px;}
.box_header .container{ position: relative; display: table;}
.box_header .logo{ display: inline-block; margin-top: 20px; line-height: 100%;}
.box_header .menu{ padding: 31px 0 0; list-style: none; float: right; margin: 0;}
.box_header .menu li{ display: inline-block; padding-left: 40px; text-align: center; vertical-align: middle;}
.box_header .menu li a{ font-size: 13px; color: #282828; font-family: "Roboto-Medium"; padding: 8px 0 6px; display: inline-block; text-transform: uppercase; text-decoration: none;}
.box_header .menu li a.active{color: #0295ff;}
.box_header .menu li a:hover{ color: #0295ff;}
.box_header .menu li a.btn_book{border-radius: 25px; background: #f0444b; color: #FFF; padding: 0; width: 130px; height: 30px; line-height: 28px; font-size: 12px; font-family: "SVNKelsonSansBold";}
.box_header .menu li a.btn_book:hover{transition:color 0.7s ease-in-out 0s,  background-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; background: #0e0e1a;}
.box_header .menu li a.btn_book.active{ background-color: #202b53;}
.box_header .menu_mobile{ position: absolute; top: 10px; right: 10px; width: 30px;}
.box_header .menu_mobile .item{ display: block; height: 2px; background-color: #CCC; margin-bottom: 4px;}
.box_header.sticky{height: 70px; position: fixed; top: 0px; z-index: 100000; background: #fff; border-bottom: 1px solid #EEE; -webkit-animation: mySticky 1s; -moz-animation: mySticky 1s; animation: mySticky 1s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; padding: 0 0; backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transition: transform 2s ease-in-out; -webkit-transition: -webkit-transform 2s ease-in-out; -moz-transition: transform 2s ease-in-out; }
.box_header.sticky .logo{margin-top: 6px;}
.box_header.sticky .menu{padding-top: 20px;}
.box_header.sticky .menu li a.last{ padding-right: 20px;}
.box_header.sticky .box_user{ display: block; padding: 10px 0 0;}
.box_header.sticky .box_user li a{ display: inline-block; padding: 5px 20px; color: #404041; font-size: 13px; font-weight: 600; height: auto; line-height: normal;}
.box_header.sticky .box_user li a:hover{ color: #0088cc;}
.box_header.sticky .menu li:last-child{padding-left: 40px;}
.box_header.sticky .menu li a.btn_book{display: inline-block; border-radius: 0;}
.box_header.sticky .box_user_login{ display: block;}
.box_header.sticky .box_user_login .dropdown-toggle{ background: none !important; height: 50px; line-height: 50px; margin: 0 0 0 20px;}
.box_header.sticky .box_user_login .dropdown-toggle:focus{ background: none;}
.box_header.sticky .box_user_login .dropdown-toggle:hover{ background: none;}
.box_header.sticky .box_user_login .dropdown-toggle img{ vertical-align: top; margin-top: 5px;}
.box_header.sticky .box_user_login.navbar-nav>li>.dropdown-menu:BEFORE{ right: 12px;}
.box_header.sticky .box_user_login.navbar-nav>li>.dropdown-menu:AFTER{ right: 13px;}
.box_header.sticky .box_user_login.navbar-nav>li>a{ padding: 15px 20px;}
.box_header.sticky .box_user_login.navbar-nav>li>a:hover{ background: none; color: #000;}

.box_student{padding: 0 0 70px 0;}
.box_student .box_title{font-size: 30px; font-family: "HelveticaNeue-Bold"; text-align: center; padding: 75px 0; position: relative; text-transform: uppercase;}
.box_student .box_title:before{position: absolute; content: ""; width: 180px; height: 5px; top: 35px; left: 50%; margin-left: -90px; border-radius: 5px; background: linear-gradient(to right, #0c98ff, #bde9ff);}
.box_student .box_title .font-title{text-transform: uppercase;}
.box_student .box_content .content{display: inline-block;}
.box_student .box_content .item{margin-bottom: 40px; display: none; position: relative;}
.box_student .box_content .item a{display: flow-root;}
.box_student .box_content .item .image{margin-bottom: 20px;}
.box_student .box_content .item .image img{width: 100%;}
.box_student .box_content .item .title{font-size: 18px; font-family: "HelveticaNeue-Bold";}
.box_student .box_content .item:hover .mask{opacity: 1;}
.box_student .box_content .item:hover .fa{opacity: 1}
.box_student .box_content .item .mask{position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.7); opacity: 0; transition: all 0.4s ease-in-out;}
.box_student .box_content .item .mask .fa{color: #111; position: absolute; font-size: 35px; top: 50%; left: 50%; margin: -10px 0 0 -10px;}
.box_student .box_content .loadMore{text-decoration: none; width: 300px; height: 60px; line-height: 60px; background: #48a0e4; display: flow-root; border-radius: 30px; text-align: center; color: #fff; font-size: 18px; text-transform: uppercase; font-family: "HelveticaNeue-Bold"; margin: 0 auto;}
.box_student .box_content .loadMore:hover{background: #013282; transition: color 0.7s ease-in-out 0s, background-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;}

.box_comment{padding:0 0 100px 0;}

.box_footer{ background: #141723; color: #fff; padding: 60px 0px 40px;}
.box_footer .box_title{ font-size: 14px; color: #fff; text-transform: uppercase; margin-bottom: 15px; padding-top: 15px;}
.box_footer .box_title.social{ margin-top: 35px;}
.box_footer .item{ margin-bottom: 10px; overflow: hidden; padding-right: 10px;}
.box_footer .item .image { width: 20%; float: left; margin-right: 4%;}
.box_footer .item .desc{ width: 76%; float: left; }
.box_footer .item .desc .title{ margin: 0 0 5px; }
.box_footer .img{ margin-bottom: 20px;}
.box_footer .title span { margin-right: 20px;}
.box_footer .logo{padding-bottom: 30px;}
.box_footer .text{font-size: 14px; line-height: 23px; padding-bottom: 20px;}
.box_footer .box_content .menu-footer{color: #fff; display: inline-block;}
.box_footer .box_content .menu-footer>ul{padding: 0; padding-bottom: 25px; padding-top: 15px;}
.box_footer .box_content .menu-footer>ul>li{list-style: none; float: left; padding-right: 25px;}
.box_footer .box_content .menu-footer>ul>li>a{text-decoration: none; color: #fff; font-size: 14px;}
.box_footer .box_content .address{font-size: 13px; line-height: 30px;}
.box_footer .box_content .hotline{font-size: 13px; line-height: 30px;}
.box_footer .box_content .form-control{border-radius: 0; height: 40px; }
.box_footer .box_content .input-group-addon{border-radius: 0; background: #fb6030; border: 0;}
.box_footer .box_content .input-group-addon:hover{transition:color 0.7s ease-in-out 0s,  background-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; background: #0e0e1a;}
.box_footer .box_content .fa{color: #fff;}
.box_footer .box_content .alert{border-radius:0;}

#clockdiv{font-family: sans-serif;color: #fff;display: inline-block;font-weight: 100;text-align: center;font-size: 30px;}
#clockdiv > div{display: inline-block; color: #fff; margin: 0 10px;}
#clockdiv div > span{padding: 15px; border-radius: 3px; display: inline-block; font-family: "BebasNeueBold"; font-size: 60px; color: #233142; background: #fff; border-radius: 5px; }
.smalltext{padding-top: 5px;font-size: 16px;}

.register{ background: rgba(0,0,0,0.6)}
.register .box_title{ font-size: 17px; text-transform: uppercase; font-weight: 900; padding-bottom: 10px; position: relative; margin-bottom: 34px; text-align: center; margin: 10px 10px 0 0;}
.register .modal-content{ background: rgba(0,0,0,0.7); color: #fff; }
.register .modal-body{ padding: 20px 40px;}
.register .form-group .form-control{ background: rgba(0,0,0,0); border: 1px solid #fff; color: #fff;}
.register .form-group.send{ text-align: center; }
.register .form-group.send .btn-default{ border-radius: 50px; border:none; font-size: 17px; font-weight: bold; color: #fff; background: #0f9e1d;}
.register .modal-header .close{ color: #fff;}

.popup{ background: url("../img/loader.gif") no-repeat center 40% rgba(0, 0, 0, 0.8); position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999999;}
.popup .popup_content{ width: 60%; margin: 0 auto; margin-top: 5%; position: relative; background: #fff; padding: 20px;}
.popup .popup_close{ position: absolute; top: -18px; right: -13px; font-size: 30px; color: #FF0000; line-height: 100%;}
.has-error .form-control{border: 1px solid #ec1c3c;}

.page-loading { position: fixed; top: 0; left: 0; z-index: 99999999; width: 100%; height: 100%; color: #fff; text-align: center; background-color: rgba(0, 0, 0, 0.6); }
.loader { position: absolute; top: 50%; left: 50%; margin: -4px 0 0 0; font-size: 10px; width: 8px; height: 8px; border-radius: 50% !important; text-indent: -9999em; -webkit-animation: load 1.3s infinite linear; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); opacity: 0.8; }

/* Defined */
@-webkit-keyframes mySticky { from { margin-top: -150px } to { magrin-top: 0 } }
@-moz-keyframes mySticky { from { margin-top: -150px } to { magrin-top: 0 } }
@keyframes mySticky { from { margin-top: -150px } to { magrin-top: 0 } }

@-webkit-keyframes load { 0%, 100% { box-shadow: 0 -3em 0 0.2em #F1F1F1, 2em -2em 0 0em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0 0 -1em #F1F1F1, -2em -2em 0 0 #F1F1F1; } 12.5% { box-shadow: 0 -3em 0 0 #F1F1F1, 2em -2em 0 0.2em #F1F1F1, 3em 0 0 0 #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 25% { box-shadow: 0 -3em 0 -0.5em #F1F1F1, 2em -2em 0 0 #F1F1F1, 3em 0 0 0.2em #F1F1F1, 2em 2em 0 0 #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 37.5% { box-shadow: 0 -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0em 0 0 #F1F1F1, 2em 2em 0 0.2em #F1F1F1, 0 3em 0 0em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0em 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 50% { box-shadow: 0 -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 0em #F1F1F1, 0 3em 0 0.2em #F1F1F1, -2em 2em 0 0 #F1F1F1, -3em 0em 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 62.5% { box-shadow: 0 -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 0 #F1F1F1, -2em 2em 0 0.2em #F1F1F1, -3em 0 0 0 #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 75% { box-shadow: 0em -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0em 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 0 #F1F1F1, -3em 0em 0 0.2em #F1F1F1, -2em -2em 0 0 #F1F1F1; } 87.5% { box-shadow: 0em -3em 0 0 #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 0 #F1F1F1, -3em 0em 0 0 #F1F1F1, -2em -2em 0 0.2em #F1F1F1; } }
@-moz-keyframes load { 0%, 100% { box-shadow: 0 -3em 0 0.2em #F1F1F1, 2em -2em 0 0em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0 0 -1em #F1F1F1, -2em -2em 0 0 #F1F1F1; } 12.5% { box-shadow: 0 -3em 0 0 #F1F1F1, 2em -2em 0 0.2em #F1F1F1, 3em 0 0 0 #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 25% { box-shadow: 0 -3em 0 -0.5em #F1F1F1, 2em -2em 0 0 #F1F1F1, 3em 0 0 0.2em #F1F1F1, 2em 2em 0 0 #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 37.5% { box-shadow: 0 -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0em 0 0 #F1F1F1, 2em 2em 0 0.2em #F1F1F1, 0 3em 0 0em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0em 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 50% { box-shadow: 0 -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 0em #F1F1F1, 0 3em 0 0.2em #F1F1F1, -2em 2em 0 0 #F1F1F1, -3em 0em 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 62.5% { box-shadow: 0 -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 0 #F1F1F1, -2em 2em 0 0.2em #F1F1F1, -3em 0 0 0 #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 75% { box-shadow: 0em -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0em 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 0 #F1F1F1, -3em 0em 0 0.2em #F1F1F1, -2em -2em 0 0 #F1F1F1; } 87.5% { box-shadow: 0em -3em 0 0 #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 0 #F1F1F1, -3em 0em 0 0 #F1F1F1, -2em -2em 0 0.2em #F1F1F1; } }
@keyframes load { 0%, 100% { box-shadow: 0 -3em 0 0.2em #F1F1F1, 2em -2em 0 0em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0 0 -1em #F1F1F1, -2em -2em 0 0 #F1F1F1; } 12.5% { box-shadow: 0 -3em 0 0 #F1F1F1, 2em -2em 0 0.2em #F1F1F1, 3em 0 0 0 #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 25% { box-shadow: 0 -3em 0 -0.5em #F1F1F1, 2em -2em 0 0 #F1F1F1, 3em 0 0 0.2em #F1F1F1, 2em 2em 0 0 #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 37.5% { box-shadow: 0 -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0em 0 0 #F1F1F1, 2em 2em 0 0.2em #F1F1F1, 0 3em 0 0em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0em 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 50% { box-shadow: 0 -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 0em #F1F1F1, 0 3em 0 0.2em #F1F1F1, -2em 2em 0 0 #F1F1F1, -3em 0em 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 62.5% { box-shadow: 0 -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 0 #F1F1F1, -2em 2em 0 0.2em #F1F1F1, -3em 0 0 0 #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 75% { box-shadow: 0em -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0em 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 0 #F1F1F1, -3em 0em 0 0.2em #F1F1F1, -2em -2em 0 0 #F1F1F1; } 87.5% { box-shadow: 0em -3em 0 0 #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 0 #F1F1F1, -3em 0em 0 0 #F1F1F1, -2em -2em 0 0.2em #F1F1F1; } }

iframe[name="google_conversion_frame"]{ height: 0;}


/*Responsive*/
@media (max-width: 1200px){
}

@media ( max-width : 1000px) {
	.menu_mobile_bg{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 99998;}

	.box_header{ height: 43px; position: fixed; border: 0; padding: 0 0 10px 0;}
	.box_header.sticky{ position: fixed; top: 0px; z-index: 999; border-bottom: 1px solid #EEE; -webkit-animation: mySticky 1s; -moz-animation: mySticky 1s; animation: mySticky 1s; animation-timing-function: none; -webkit-animation-timing-function: none; -moz-animation-timing-function: none; padding: 0 0; backface-visibility: none; -moz-backface-visibility: none; -webkit-backface-visibility: none; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transition: none; -webkit-transition: none; -moz-transition: none; }
	.box_header .container{ position: relative; display: contents;}
	.box_header .logo{ margin-top: 12px !important;}
	.box_header .logo img{ height: 20px; padding-left: 15px;}
	.box_header .menu_mobile{ top: 13px;}
	.box_header .menu_mobile .item{ background-color: #999;}
	.box_header .menu{ position: fixed; top: 0; left: 0; z-index: 99999; width: 60%; height: 100%; background-color: rgba(0,0,0,0.9); overflow: auto; margin: 0; padding: 20px 0;}
	.box_header .menu li{ display: block; padding: 15px 20px;}
	.box_header .menu li a{ text-transform: uppercase; color: #FFF;}
	.box_header .menu li a:hover{ color: #FFF;}
	.box_header .menu li a.my_btn{ font-size: 16px;}
	.box_header .menu li a.btn_book{display: inline-block;}
	.box_header .menu li:first-child{ padding-left: 20px; }
	.box_header .menu{ margin: 0 !important;}
	
}

@media all and (max-width: 992px){
	.box_header_menu .header .logo img{ height: 20px; }
	.box_header_menu .header .registers{ font-size: 17px; }
	.box_header_menu .header .registers .text{ width: 50%; }
	.box_header_menu .header .btn_register{ width: 50%; float: left; padding-left: 10px;}
	.box_header_menu .header .registers .btn_register .btn-default{ font-size: 14px;}
}

@media all and (max-width: 768px){
	br{display: none;}
	.box_top{display: none;}
	
	.box_comment{padding: 50px 0;}
	
	.box_footer .box_content:first-child{padding: 50px 0;}
	.box_footer .box_content .menu-footer>ul>li>a{line-height: 35px;}
	.popup .popup_content{width: 90%; padding: 10px;}
}

@media (max-width: 480px){
	#clockdiv > div{margin: 0;}
	#clockdiv div > span{padding: 5px; font-size: 50px;}
	
	.smalltext{font-size: 14px;}
}