html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,a,address,img,strong,dd,dt,dl,center,u,ul,i,small,form,label,b,article,embed,figure,figcaption,footer,header,nav,aside,section,time,video,input,button,textarea{border:0;outline:0;font:inherit;font-size:100%;margin:0;padding:0;outline:0;vertical-align:baseline;}article,aside,figcaption,figure,footer,header,nav,section{display:block}body {overflow-y:scroll;} ul,li{list-style:none} ::placeholder { color:#000;} strong, b {font-weight:500;} a {outline:0; text-decoration:none; color:#333;} a:hover {color:#0069ed;}

* { webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
::-webkit-scrollbar {height:10px; background:#eee;}
::-webkit-scrollbar-thumb {cursor:pointer; background-color:#ccc;}
::-webkit-scrollbar-thumb:hover {background-color:#bbb; }


body {font-size:16px; line-height:22px; color:#000; background:#F8F9FA; font-family:roboto,sans-serif; }

center { width:100%; float:left; }

h1,h2,h3,h4 {width:100%; font-weight:500; font-size:34px; line-height:40px; color:#0250C0; text-transform:capitalize; float:left; }


#site-header {width:100%; height:50px; line-height:54px; color:#fff; padding-left:20px; padding-right:20px; background:#0250C0; float:left; }
#site-header #menu { width:1400px; margin:0 auto; position:relative; }
#site-header #menu .logo {user-select:none; float:left;}
#site-header #menu .go-home {width:26px; height:32px; background:url(includes/images/go-home.png) 0px 0px no-repeat; cursor:pointer; position:absolute; height:34px; top:12px; right:0px;}

#language { display:none; width:600px; background:rgba(2, 67, 161, 0.9); border-bottom-left-radius:5px; border-bottom-right-radius:5px; position:absolute; cursor:pointer; padding:50px; padding-right:0px; padding-top:20px; padding-bottom:23px; top:50px; right:0; z-index:100}
#language li {width:25%; text-align:left; line-height:30px; user-select:none; float:left;}
#language li a { font-size:16px; color:#fff;}
#language li a:hover {text-decoration:underline;}

#show {padding-left:15px; padding-right:15px; line-height:32px; user-select:none; font-size:16px; cursor:pointer; border-radius:3px; color:#fff; font-weight:500; position:absolute; top:9px; right:25px; text-align:right;}
#show img {width:22px; height:auto; border:1px solid #fff; user-select:none; border-radius:2px; margin-right:7px;  margin-top:7px; float:left; }


#active {padding-left:15px; padding-right:15px; line-height:32px; user-select:none; font-size:16px; cursor:pointer; border-radius:3px; color:#fff; font-weight:500; position:absolute; top:9px; right:100px; text-align:right;}
#active img {width:22px; height:auto; border:1px solid #fff; user-select:none; border-radius:2px; margin-right:7px;  margin-top:7px; float:left; }

#countries { display:none; width:600px; background:rgba(2, 67, 161, 0.9); border-bottom-left-radius:5px; border-bottom-right-radius:5px; position:absolute; cursor:pointer; padding:50px; padding-right:0px; padding-top:20px; padding-bottom:23px; top:50px; right:0; z-index:100}
#countries li {width:50%; text-align:left; line-height:30px; user-select:none; float:left;}
#countries li a { font-size:16px; color:#fff;}
#countries li a:hover {text-decoration:underline;}



#content { width:1400px; margin:0 auto;}
#content article { width:100%; margin-top:20px; box-shadow:0px 3px 10px #ccc; border-radius:5px; float:left;}

#content header {width:100%; padding-bottom:20px; float:left;}
#content header p {width:100%; padding-top:10px; float:left;}


#home-header h1 { text-align:center; }

#home { width:100%; background:#fff; padding:30px; margin-bottom:80px; float:left; }
#home #country-list {width:100%; margin-bottom:20px; float:left;}
#home #country-list h2 { color:#6C757D; text-transform:none; padding-bottom:15px;}


.entry-item {width:calc(25% - 22.5px); padding-top:16px; padding-bottom:20px; margin-right:30px; margin-bottom:30px; text-align:center; border-radius:5px; box-shadow:0px 2px 3px #cae1fc; border-top:4px solid #0250C0; float:left;}
.entry-item:nth-of-type(4n+0) { margin-right:0;}
.entry-item a {width:100%; float:left;}
.entry-item .entry-title {width:100%; font-size:18px; line-height:24px; height:24px; overflow:hidden; font-weight:400; color:#212529; margin-bottom:6px; float:left;}
.entry-item .number {width:100%; font-weight:500; font-size:20px; color:#0250C0; margin-bottom:2px; float:left;}
.entry-item div:nth-of-type(1) {width:100px; height:75px; margin:0 auto; margin-bottom:10px; border-radius:5px; background-size:contain; background-repeat:no-repeat; display:block;}
.entry-item .online, .entry-item .offline {width:auto; background:#47C78E; color:#fff; font-size:14px; padding:4px; padding-left:10px; padding-right:10px; padding-bottom:3px; border-radius:4px; margin:0 auto; display:inline-block; }
.entry-item .offline { background:#bbb; color:#fff;}
.entry-item .entry-summary {width:100%; height:39px; color:#000; font-weight:300; line-height:20px; font-size:14px; overflow:hidden; margin-top:10px; padding-left:20px; padding-right:20px; float:left;}
.entry-item .entry-summary p {width:100%; float:left;}
.entry-item .entry-summary p strong {font-weight:300; cursor:pointer; }



#content #entry-body {width:100%; float:left;}
#content #entry-body h1 {width:100%; text-align:center; float:left;}
#content #entry-body h3 {font-size:20px; padding-top:0px; margin-bottom:0px;}
#content #entry-body p {width:100%; padding-top:10px; padding-bottom:10px; float:left;}
#content #entry-body ul { width:100%; background:#F8F9FA; border-radius:10px; padding:15px; padding-left:20px; padding-right:20px; margin-top:10px; margin-bottom:10px; float:left; }
#content #entry-body ul li { width:100%; list-style-type:decimal; padding-left:5px; margin-left:20px; padding-top:5px; padding-bottom:5px; float:left; }



#entry-content { width:100%; background:#fff; box-shadow:0px 3px 10px #ccc; border-radius:5px; padding:30px; margin-bottom:80px; float:left; }

#entry-content #messages { width:100%; margin-bottom:30px; float:left; }
#entry-content #messages dd {width:100%; background:#fafafa; margin-bottom:15px; padding:15px; border-radius:5px; box-shadow:3px 3px 3px #eee; border-left:3px solid #0250C0; float:left; }
#entry-content #messages label {width:100%;  color:#0250C0; float:left; }
#entry-content #messages span {width:100%; float:left; }
#entry-content #messages dt {width:100%; text-align:center; font-size:16px; font-weight:300; padding-bottom:3px; color:#555; float:left; }

#entry-content .entry-item .entry-title { }

#entry-content #messages #number-header { width:100%; text-align:center; float:left;}
#entry-content #messages #number-header .flag {width:100px; height:75px; margin:0 auto; border-radius:5px; background-size:contain; background-repeat:no-repeat; display:block;}
#entry-content #messages #number-header .title {width:100%; color:#6C757D; margin-top:10px; float:left;}
#entry-content #messages #number-header .number {width:100%; color:#0250C0; font-size:36px; line-height:40px; font-weight:500; margin-top:8px; margin-bottom:12px; float:left;}


#entry-content #messages #number-header .refresh { width:100%; margin-bottom:5px; float:left; }
#entry-content #messages #number-header .refresh input { width:auto; margin:0 auto; padding-left:15px; padding-right:15px; padding-top:7px; padding-bottom:7px; color:#0250C0; background:none; border:1px solid #0250C0; border-radius:5px; cursor:pointer; display:inline-block;}
#entry-content #messages #number-header .refresh input:hover {transition:0.1s; background:#0250C0; color:#fff;}


#more-number {width:100%; float:left; }
#more-number h1 {width:100%; padding-bottom:15px; float:left;}
#more-number h2 { font-size:18px; line-height:24px; font-weight:400; color:#212529; padding-top:3px; padding-bottom:1px;}



@media (max-width:1450px) {
#site-header #menu { width:100%; }	
#content { width:100%; }	
}

@media (max-width:1200px) {
.entry-item {width:calc(33.33333333% - 22.5px); padding-top:16px; padding-bottom:18px; margin-right:30px; margin-bottom:30px; text-align:center; border-radius:5px; box-shadow:0px 2px 3px #cae1fc; border-top:4px solid #0250C0; float:left;}
.entry-item:nth-of-type(4n+0) { margin-right:30px;}
.entry-item:nth-of-type(3n+0) { margin-right:0;} 
}

@media (max-width:800px) {
#language {width:calc(100% + 40px)!important; right:-20px; }	
#language li { width:33.3333333%; }	
.entry-item {width:calc(50% - 22.5px);	}
.entry-item:nth-of-type(3n+0) { margin-right:30px;} 
.entry-item:nth-of-type(2n+0) { margin-right:0; } 	
}
	
@media (max-width:500px) {
	
h1 { font-size:28px; line-height:34px;}	
h2 { font-size:24px; line-height:30px;}	
h3 { font-size:18px; line-height:24px;}	
#number-header h2 { font-size:28px; line-height:30px; margin-top:10px;}	

#language li { width:50%; }		
.entry-item {width:100%;}
.entry-item:nth-of-type(3n+0) { margin-right:30px;} 
.entry-item:nth-of-type(2n+0) { margin-right:0; } 	
}