body { margin:0; padding:0; line-height:1.6; color:#000000; font-family:'Roboto',sans-serif; font-weight:400; font-size:15px; font-smoothing:antialiased; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility; } a { color:#0029ad; text-decoration:none; } a:hover { color:#ed1c25; } img { border:none; max-width:100%; } ul,li { margin:0; padding:0; list-style:none; } h1,h2,h3,h4,h5,h6 { margin:0; padding:0; line-height:1.4; font-weight:500; } p,figure,figcaption,blockquote,dl,dt,dd,ol,caption,table,tbody,tfoot,thead,tr,th,td,fieldset,embed,object,applet,canvas,caption,embed,hgroup,iframe,output,pre,strike,sub,summary,sup,time,video { border:0; margin:0; padding:0; } * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } ::after,::before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } ::-webkit-input-placeholder { color:#555; opacity:100; } :-ms-input-placeholder { color:#555; opacity:100; } ::placeholder { color:#555; opacity:100; } :focus { outline:-webkit-focus-ring-color auto 0; } /*input,select,textarea,button */ input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill { box-shadow:0 0 0 1000px white inset; } input::-ms-clear { display:none; } select::-ms-expand { display:none; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0; } input,select,textarea,button { font-family:'Roboto',sans-serif; font-size:14px; font-weight:400; line-height:inherit; outline:none; } input,select { height:40px; padding:0 10px; } input,select,textarea { float:left; width:100%; border:solid 0.5px #eaeaea; margin:0; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; text-overflow:""; appearance:none; border-radius:2px; webkit-border-radius:2px; -moz-border-radius:2px; } input:focus,select:focus,textarea:focus { border:solid 0.5px #4285f4; outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out; } select { background:url(../images/arow.svg) no-repeat; background-position:right 8px top 50%; padding-right:24px; } textarea { height:85px; padding:10px; resize:none; } button { background:none; cursor:pointer; border:0; padding:0; margin:0; } button:focus { outline:0; } table { border-collapse:collapse; border-spacing:0; width:100%;} table td, table th { padding:3px; border:solid 1px #dddfe2; } table thead th { background: aliceblue; font-size: 14px;font-weight: 500; } /* Bengin Form */ .form-group { float:left; width:100%; position:relative; margin-bottom:15px; display:table; } .form-group:last-child { margin-bottom:0; } .btn-item { margin-right:10px; float:left; } .btn-item:last-child { margin-right:0; } .btn { display:inline-block; padding:0 16px; height:40px; line-height:40px; background-color:#dddfe2; cursor:pointer; text-align:center; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; } .btn-full { width:100%; } .btn-primary { background-color:#0029ad; color:#fff; } .btn-success { background-color:#28a745; color:#fff; } .btn-info { background-color:#33b5e5; color:#fff; } .btn-warning { background-color:#ffc107; } .btn-danger { background-color:#ed1c25; height:40px; line-height:40px; color:#fff; } .btn-secondary { background-color:#6c757d; color:#fff; } .btn-dark { background-color:#343a40; color:#fff; } .btn-outline { border:solid 2px #dddfe2; background-color:#fff; line-height:36px; } .btn-primary-outline { border:solid 2px #0029ad; background-color:#fff; line-height:36px; } .btn-success-outline { border:solid 2px #28a745; background-color:#fff; line-height:36px; } .btn-info-outline { border:solid 2px #33b5e5; background-color:#fff; line-height:36px; } .btn-warning-outline { border:solid 2px #ffc107; background-color:#fff; line-height:36px; } .btn-danger-outline { border:solid 2px #ed1c25; background-color:#fff; line-height:36px; } .btn-secondary-outline { border:solid 2px #6c757d; background-color:#fff; height:40px; line-height:36px; } .btn-dark-outline { border:solid 2px #343a40; background-color:#fff; line-height:36px; } .text-danger { width:100%; float:left; font-size:12px; text-align:right; color:#ed1c25; padding-top:5px; font-style:italic; } .text-success { width:100%; float:left; font-size:12px; text-align:right; color:#28a745; padding-top:5px; font-style:italic; } .focus-danger { border:0.5px solid #ed1c25; outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); } .focus-success { border:0.5px solid #28a745; outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); } .focus-danger:focus { border:0.5px solid #ed1c25; outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); } .focus-success:focus { border:0.5px solid #28a745; outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); } .btn-right { float:right; } /* radio label */ .label-input { display:block; position:relative; padding-left:30px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .input-1 { position:absolute; opacity:0; cursor:pointer; display:none; left:0; right:0; width:1px; height:1px; margin:0; padding:0; top:0; } .input-2 { position:absolute; top:0; left:0; height:18px; width:18px; background-color:#fff; border:solid 2px #0029ad; } .input-2:after { left:4px; top:2px; width:6px; height:9px; border:solid white; border-width:0 3px 3px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); } .input-1 ~ .input-2 { background-color:#fff; border:solid 2px #dddfe2; border-radius:2px; } .input-1:checked ~ .input-2 { background-color:#0029ad; border:solid 2px #0029ad; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); } .input-2:after { content:""; position:absolute; display:none; } .input-1:checked ~ .input-2:after { display:block; } /* checked label */ .label-radio { display: block; position: relative; padding-left: 24px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .radio-1 { position:absolute; opacity:0; cursor:pointer; display:none; left:0; right:0; width:8px; margin:0; padding:0; top:0; height:8px; } .radio-2 { position:absolute; top:3px; left:0; height:16px; width:16px; background-color:#fff; border:solid 2px #dddfe2; border-radius:100%; } .radio-2:after { top:2px; left:2px; width:8px; height:8px; border-radius:100%; background-color:#0029ad; } .labelradio:hover .radio-1 ~ .radio-2 { background-color:#fff; } .radio-1:checked ~ .radio-2 { background-color:#fff; border:solid 2px #0029ad; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); } .radio-2:after { content:""; position:absolute; display:none; } .radio-1:checked ~ .radio-2:after { display:block; } /* End Form */ /* Bengin main */ .main { float:left; width:100%; position:relative; margin-bottom:20px; } /* main-content */ .main-content { margin:auto; width:100%; max-width:1000px; min-width:240px; } .content-left { float:left; width:52.5%; position:relative; padding-right:16px; } /* header */ .header { float: left; width: 100%; position: relative; padding: 5px 0; } /* header pc */ .header-pc { float:left; width:100%; } .header-content { float:left; width:100%; padding:5px 0; background:#fff; } .main-content.padding0 { padding:0; } .header-logo { vertical-align: middle; display: inline-block; } .header-logo img { height: 48px; display: inline-block; vertical-align: middle; } .header-right { float: right; position: relative; } .header-item { display: inline-block; vertical-align: middle; } .btn-login-head { display: inline-block; position: relative; top: 14px; font-size: 14px; cursor: pointer; color: #333; } .btn-login-head svg { vertical-align: middle; margin-right: 6px; position: relative; top: -2px; } /* header mobi */ .header-mobi { background:#fff; height:56px; float:left; width:100%; display:none; } .logo-mobi { position:absolute; left:48px; margin-top:12px; } .logo-mobi-img { height:32px; } .icon-mobi-right { float:left; margin-top:12px; margin-right:10px; } .btn-dropdown1.mg0 { margin:0; } .fix-nav-mobi { padding:10px 20px; } .icon-menu { top:2px; position:relative; } .header-time { color: #666; font-size: 14px; display: inline-block; margin-left: 16px; border-left: solid 1px #e0e0e0; padding-left: 16px; } .btn-calendar { display:none; position:absolute; right:16px; top:10px; width:36px; height:36px; text-align:center; } .icon-calendar { position:relative; top:8px; } @media only screen and (max-width:960px) { .header { padding: 8px 0; } .header-content { background:#fff; position: relative;z-index: 9} /* main-content */ .content-left { width:100%; padding:0; } .content-right { width:100%; float:left; } /* header mobi */ .header-mobi { display:block; } .headermobi { padding:0; height:56px; } .logomobi { margin-top:12px; } .header-logo { float:left; width:100%; text-align:center; } .header-logo img { height: 36px; } .header-right { position: absolute; right: 12px; } .btn-login-head { top: 8px; } .btn-calendar { display:block; } .header-time { display:none; } } /* End header*/ /*Bengin aside */ .aside-300 { float:right; width:30%; position:relative; } .aside-160 { float:left; width:16%; position:relative; } .widget{float:left; width:100%; margin-bottom:16px; box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); -moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)} .widget-title { float:left; width:100%; position:relative; padding:10px 12px; background:aliceblue; text-transform:uppercase; border-bottom:solid 0.5px #eaeaea; } .widget-title a { color: #000;} .widget-container { float:left; width:100%; position:relative; } .post-title-widget { font-size:16px; } .widget-news { padding:10px 0; border-bottom:solid 0.5px #dddfe2; } .widget-news:first-child { padding-top:0; } .widget-news:last-child { padding-bottom:0; border-bottom:0; } .widget-title h3 { font-size:13px; } .link-item a { float:left; width:100%; padding:6px 12px 6px 24px; position:relative; } .link-item a:hover { background:aliceblue; } .link-item a::before { border-top:4px dashed; border-right:4px solid transparent; border-left:4px solid transparent; content:""; position:absolute; left:10px; top:17px; color:#444; -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -o-transform:rotate(-90deg); transform:rotate(-90deg); } .link-item2 { float:left; width:100%; padding:6px 12px 6px 24px; position:relative; font-weight:500; color: #222; } .link-item2:hover { background:aliceblue; } .icon-right { position:absolute; left:12px; top:12px; } .link-item2-sub a { float:left; width:100%; padding:5px 5px 5px 24px;color: #222; } .link-item2-sub a:hover { background:aliceblue; } .link-item2::before { border-top:4px dashed; border-right:4px solid transparent; border-left:4px solid transparent; content:""; position:absolute; left:10px; top:17px; color:#444; -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -o-transform:rotate(-90deg); transform:rotate(-90deg); } .widget_bg { background:#c80505; color:#fff; } .form-wg { width:100%; float:left; padding:16px; } .label_gril { float:left; line-height:40px; width:70px; } .input_gril { display:grid; } .tutorial-loto { color: #555; font-size: 13px; line-height: 22px; font-style: italic; } /* Bengin Caleandar */ .form-select { padding: 10px; float: left; width: 100%; } .select-item { float: left; width: 66px; height: 36px; margin-right: 5px; padding: 0 5px; } .btn-select { height: 36px; line-height: 36px; padding: 0 10px; cursor: pointer } .btn-list1 { float: left; width: 24px; height: 36px; margin-right: 5px; cursor: pointer; } .btn-list2 { float: right; width: 24px; height: 36px; text-align: center;cursor: pointer; } .img-c { position: relative; top: 7px; } .caleandar-weks { float:left; width:100%; background:aliceblue; } .caleandar-right { position:absolute; right:0; top:8px; } .caleandar-left { float:left; color:#fff; line-height:36px; } .iconleft { cursor:pointer; height:36px; width:36px; line-height:36px; float:left; text-align:center; color:#fff; } .content-caleandar{float:left; max-width: 400px; position:relative; border-radius:2px; box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); -moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)} .caleandar-days { float:left; width:100%; position:relative; display:table; } .title-caleandar { float:left; text-align:left; width:100%; color:#666; background:#4285f4; padding:10px; position:relative; border-radius:2px 2px 0 0; } .caleandar-weks li { color: #000; float: left; width: 14.286%; padding: 4px; display: table-cell; border-left: solid 0.5px #e0e0e0; border-top: solid 0.5px #e0e0e0; text-align: center; font-size: 13px; } .caleandar-days li { color: #000; float: left; width: 14.286%; padding: 4px; display: table-cell; height: 50px; border-left: solid 0.5px #e0e0e0; border-top: solid 0.5px #e0e0e0; cursor: pointer; } .caleandar-days li:hover { background: #ffeca0 } .caleandar-days li:nth-child(7n+7) { color:#ff3547; } .caleandar-days li.bgnone:hover { background:aliceblue; } .caleandar-days li.active { background:#ffeca0; } .ca-pm { float:left; font-size:16px; width:100%; text-align:left; font-weight:500; display: contents} .ca-am { float:left; width:100%; text-align:right; font-size:12px; color:#999; } .icon-hacdao { float:right; background:#999; height:4px; margin-top:4px; width:4px; border-radius:100%; } .icon-hoangdao { margin-top:4px; float:right; background:#ff3547; height:4px; width:4px; border-radius:100%; } .icon_pm_am { float:right; } .disabled-ca {background:aliceblue;color: #666;} .disabled-ca:hover { color: #666; background:aliceblue !important} .disabled-ca .ca-pm{color: #666;} /* End Caleandar */ @media only screen and (max-width:960px) { .widget { margin-bottom:12px; } .aside-300 { float:left; width:100%; display:none; } .aside-160 { width:100%; display:none; } } /*End aside */ /* Begin navigation */ .user-sidebar { background:aliceblue; position:relative; padding:0 16px 10px 16px; float:left; width:100%; } .logosidebar { height:48px; } /* Begin pushbar mySidebar */ .pushbar_locked { overflow:hidden; height:100vh; position:fixed; width:100%; } .pushbar { background:#fff; z-index:99999; position:fixed; will-change:transform; overflow-y:auto; transition:transform 0.5s ease; will-change:transform; } .pushbar_overlay { z-index:-999; position:fixed; width:100%; max-width:100%; height:100%; min-height:100vh; top:0; left:0; will-change:opacity; opacity:0; will-change:opacity; background:#3c3442; } .pushbar_locked .pushbar_overlay { opacity:0.8; z-index:999; transition:opacity 0.5s ease; } .pushbar.from_left { top:0; left:0; width:300px; max-width:100%; height:100%; overflow-x:hidden; transform:translateZ(0) translateX(-100%); } .pushbar.opened { transform:translateX(0px) translateY(0px); } .btn-pushbar-close { height:48px; position:relative; z-index:99; font-size:30px; cursor:pointer; background:aliceblue; width:100%; float:left; } .icon-bacck { float:left; width:48px; text-align:center; line-height:48px; } .btn-pushbar-3 { cursor:pointer; position:absolute; left:8px; top:10px; width:36px; height:36px; line-height:36px; text-align:center; border-radius:100%; display:none; } .pushbar-hide { display:none; } .icon-back { height:16px; width:16px; position:relative; left:16px; top:-2px; } @media only screen and (max-width:960px) { .pushbar-hide { display:block; } .btn-pushbar-3 { display:block; } } /* End pushbar mySidebar */ /* Bengin accordion-menu*/ .ac-menu { width:100%; float:left; } .ac_item { position:relative; width:100%; float:left; } .ac_item:last-child { border-bottom:0; } .ac_title { float:left; padding:12px 0; width:100%; padding-right:36px; border-top:solid 0.5px #dddfe2; font-weight:500; } .ac_content { display:none; width:100%; float:left; } .ac_list { padding:10px 0; float:left; width:100%; } .ac_icon { cursor:pointer; display:block; position:absolute; right:10px; background-size:12px; width:36px; height:36px; z-index:2; top:6px; } .ac_open .ac_icon::before { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); transition:all 0.4s ease-out; -webkit-transition:all 0.4s ease-out; } .ac_icon::before { border-top:4px dashed; border-right:4px solid transparent; border-left:4px solid transparent; content:""; left:40%; top:50%; position:absolute; color:#666; transition:all 0.4s ease-out; -webkit-transition:all 0.4s ease-out; } .ac_title_2 { font-size:16px; float:left; padding:12px 36px 12px 56px; width:100%; font-weight:500; color: #222; } .ac_ul2 { padding-bottom:10px; float:left; width:100%; } .ac_ul2 a { padding:10px 36px 10px 56px; float:left; width:100%;color: #222; } .ic-m { width:24px; float:left; position:absolute; left:16px; } .ac_item.boder_top { border-top:solid 0.5px #eaeaea; } /* End accordion-menu*/ /* Begin menu css3 all */ .menu_ul { width: calc(100vw - 45px); margin: auto; max-width: 1000px} .menu_li { float:left; position:relative; } .menu_a { padding:0 14px; float:left; width:100%; height:48px; line-height:48px; font-size:14px; text-transform:uppercase; color:#fff; font-weight:500; -webkit-transition:color 0.2s linear,background 0.2s linear; -moz-transition:color 0.2s linear,background 0.2s linear; -o-transition:color 0.2s linear,background 0.2s linear; transition:color 0.2s linear,background 0.2s linear; } .menu_a:hover { background:#ed1c25; color:#fff; } .menu_a.active { background:#ed1c25; color:#fff; } .menu_ul li:hover > .menu_down { visibility:visible; opacity:1; } .menu_down li { width:100%; } .menu_down { width:180px; background:#fff; position:absolute; opacity:0; visibility:hidden; z-index:99999; box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); -webkit-transition:opacity 0.2s linear,visibility 0.2s linear; -moz-transition:opacity 0.2s linear,visibility 0.2s linear; -o-transition:opacity 0.2s linear,visibility 0.2s linear; transition:opacity 0.2s linear,visibility 0.2s linear; top:48px; left:0; } .menu_down a { padding:6px 15px; float:left; width:100%; position:relative; color: #222; } .menu_down a:hover { background:aliceblue; } .menu_down a.active { background:aliceblue; } .icright { font-size:16px; position:absolute; right:15px; top:13px; } .ic-down-menu { font-size:12px; margin-left:5px; } .icon-menu2 { position:relative; top:3px; } .icon-home { width:17px; height:16px; max-width:17px; position:relative; top:2px; } @media only screen and (max-width:1140px) { .menu_ul { overflow-y:hidden; -webkit-overflow-scrolling:touch; overflow-x:scroll; overflow-x:auto; white-space:nowrap; display:flex; } .menu_li { display:table-cell; text-align:center; position:inherit; } .menu_a { color:#000; opacity:0.90; } .menu_a:hover { background:#fff; color:#ff3547; border-bottom:solid 3px #ff3547; opacity:100; } .menu_a.active { background:#fff; color:#ff3547; border-bottom:solid 3px #ff3547; opacity:100; } .menu_down { display:none; } .ic-down-menu { display:none; } } /* End menu css3 all */ /* Begin headerscroll */ .nav_header { background: #c80505; float: left; width: 100%; position: relative; margin-bottom: 16px; } .nav_hidden { transform:translateY(-100%); -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); -o-transform:translateY(-100%); transition:transform 300ms ease; -webkit-transition:transform 300ms ease; -moz-transition:transform 300ms ease; -o-transition:transform 300ms ease; } .nav_show { z-index:99; position:fixed; top:0; left:0; right:0; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); transition:transform 300ms ease; -webkit-transition:transform 300ms ease; -moz-transition:transform 300ms ease; -o-transition:transform 300ms ease; } .nav-scrol-link-ic { position:absolute; cursor:pointer; left:0; width:40px; text-align:center; background:#fff; z-index: 99; line-height:48px; height:48px; color:#fff; display:none; } @media only screen and (max-width:960px) { .nav_header { background:#fff; box-shadow: 0 2px 3px 0 rgba(32,33,36,0.28); -webkit-box-shadow: 0 2px 3px 0 rgba(32,33,36,0.28); -moz-box-shadow: 0 2px 3px 0 rgba(32,33,36,0.28); } .hide { display:none; } .nav_show .nav-scrol-link-ic { display:block; } .nav_show .menu_ul { padding-left:40px; } } /* End navigation */ /*footer */ .footer { float:left; width:100%; position:relative; background:aliceblue; border-top:solid 0.5px #dddfe2; } .footer-content { padding:15px 0; float:left; width:100%; } .footer-title { float:left; width:100%; } .footer-container { float:left; width:100%; } .copyright { float:left; font-size:13px; line-height:24px; width:70%; } .share-socal { float:right; position:relative; width:30%; text-align:center; } .rows-add { position:relative; padding-top:16px; width:100%; float:left; } .textic24 { font-weight:bold; } .ic24 { position:relative; top:5px; margin-right:5px; } .dmca_protected { margin-left:10px; float:left; margin-top:5px; } .mxh-like-item { float:left; margin-left:10px; } .link-web { color:#999; float:left; font-size:13px; width:100%; } .link-web > a { color:#555; font-size:13px; } .icon-face { border-radius:100%; float:left; color:#fff; height:30px; line-height:30px; text-align:center; width:30px; } .icon-face.cl1 { background:#134a8d; color:#fff; } .icon-face.cl2 { background:#ed3b3b; color:#fff; } .icon-face.cl3 { background:#10afe3; color:#fff; } .nav-bottom a { margin-right:16px; color: #000; } .nav-bottom { padding-top:16px; font-size:14px; font-weight:500; } /*End */ /* Begin Backtotop */ .backtotop { background-color:#ff3547; position:fixed; bottom:95px; right:10px; z-index:999; border-radius:100%; height:48px; width:48px; line-height:48px; text-align:center; box-shadow:0 1px 6px 0 rgba(32,33,36,0.28); display:none; animation:animatezoom 0.6s; } @keyframes animatezoom { from { transform:scale(0); } to { transform:scale(1); } } .top-arrow { position:relative; top:3px; } .show_backtotop { display:block; } /* End Backtotop */ @media only screen and (max-width:960px) { .footer { padding:0 12px; } .nav-bottom { padding-top:8px; } .nav-bottom a { padding-top:10px; display:inline-block; } .copyright { width:100%; } .share-socal { float:left; width:100%; } } #quaythudate p{ padding-top:10px}