@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');

body{ font-family:Georgia, serif; !important; background:#eee; font-size:16px; padding:0; margin:0; color:#262e40;}
::selection{ color:#fff; background:#3867ff;} ::-moz-selection{ color:#fff; background:#3867ff;} ::-webkit-selection{ color:#fff; background:#3867ff;}
*{ outline:none !important; text-decoration:none !important; list-style:none; font-family:Georgia, serif;} ul, li{ font-family:Georgia, serif; padding:0; margin:0; list-style:none;}
.container{ max-width:950px; margin:auto;}

header{ float:left; width:100%; min-height:400px; background-image: linear-gradient(to right, #360033 , #0b8793);}
.content-section{ float:left; width:100%; position:relative; margin-top:-100px;}
.content-wrap{ display:inline-block; width:100%; padding:90px; background:#fff; min-height:800px; box-sizing:border-box;}
.title-div{ display:inline-block; width:100%;}
.title-div h1{ font-size:33px; font-weight:700; margin-top:20px; color:#262e40;}
.title-div small{ font-size:18px; letter-spacing:4px; color:#999; text-transform:uppercase;}

.info-strip{ display:inline-block; width:100%; padding:15px 0;}
.info-strip ul li{ display:inline-block; padding:0 20px 0 0; color:#7c818e;}
.info-strip ul li i{ color:#999; margin-right:4px;}

.main-content{ display:inline-block; width:100%; padding:20px 0;}
.main-content p{ color:#4c4f53; line-height:27px; font-weight:400; display:inline-block; width:100%; text-align:justify; margin:0 0 20px;}

.main-content p em a{ color: #3498db; font-weight:570;}
.main-content p a, .main-content li a{ color: #3498db; border-bottom:dashed 1px #3498db; font-weight:570;}
.main-content p a:hover, .main-content li a:hover{ border-bottom:solid 1px #3498db;}

.main-content h5, .main-content h5 strong, .main-content h6, .main-content h6 strong{ font-size:16px; font-weight:600; color:#1f2125; margin:0 0 15px;}
.main-content h4, .main-content h4 strong{ font-size:16px; font-weight:700; color:#1f2125; margin:0 0 15px;}
.main-content h3, .main-content h3 strong{ font-size:18px; font-weight:700; color:#1f2125; margin:0 0 15px;}
.main-content h2, .main-content h2 strong{ font-size:22px; font-weight:700; color:#1f2125; margin:0 0 15px;}
.main-content ul, ol{ margin:10px 0 30px !important; margin-left:25px !important;} 
.main-content li{ margin:0 0 8px; color:#4c4f53; line-height:27px; text-align:justify;}
.main-content ol li{ list-style:decimal; padding-left:6px;}
.main-content ul li{ list-style:square; margin-left:15px; padding-left:6px;}



.social-links{ display:inline-block; width:100%;}
.social-links ul li{ display:inline-block; margin-right:5px;}
.social-links ul li a{ display:inline-block; padding:11px 20px 11px 55px; color:#fff; position:relative; position:relative; height:40px; box-sizing:border-box; border:solid 1px transparent; position:relative;  transition:all 0.2s ease-out;}  
.social-links ul li a i{ position:absolute; width:38px; height:38px; left:0; top:0; bottom:0; text-align:center; line-height:40px; transition:all 0.2s ease-out;}
.social-links ul li a:before{ position:absolute; content:''; left:0; top:0; bottom:0; width:0%; transition:all 0.2s ease-out; z-index:0;}
.social-links ul li a:hover:before{ width:100%; background:transparent;}
.social-links ul li a:hover{ color:#fff !important; padding-left:40px; padding-right:35px;}
.social-links ul li a span{ position:relative; z-index:1;}

.social-links ul li a.fb i{ background:#3f528d; color:#fff;}
.social-links ul li a.tw i{ background:#2fa9e8; color:#fff;}
.social-links ul li a.in i{ background:#3172aa; color:#fff;}
.social-links ul li a.pn i{ background:#ae2829; color:#fff;}

.social-links ul li a.fb{ border-color:#3f528d; color:#3f528d;}
.social-links ul li a.tw{ border-color:#2fa9e8; color:#2fa9e8;}
.social-links ul li a.in{ border-color:#3172aa; color:#3172aa;}
.social-links ul li a.pn{ border-color:#ae2829; color:#ae2829;}

.social-links ul li a.fb:hover:before{ background:#3f528d;}
.social-links ul li a.tw:hover:before{ background:#2fa9e8;}
.social-links ul li a.in:hover:before{ background:#3172aa;}
.social-links ul li a.pn:hover:before{ background:#ae2829;}

.image-box{ float:left; width:100%; height:350px; background:#eee; overflow:hidden;}
.image-box img{ width:100%;}


@media (max-width: 980px) {
	.container{ margin:auto 30px;}
	.social-links ul li{ margin-bottom:8px;}
	.content-wrap{ padding:40px;}
}

@media (max-width: 767px) {
	.info-strip{ text-align:left;}
	.info-strip ul li{ text-align:left; margin-bottom:8px;}
	.title-div{ text-align:left;}
	.title-div h1{ font-size:30px;}
	.title-div small{ font-size:15px;}
	.info-strip ul li{ padding-left:0;}
	header{ min-height:300px;}
	.content-wrap{ margin-bottom:15px;}
}

@media (max-width: 480px) {
	.container{ margin:auto 15px;}
	.content-wrap{ padding:30px;}
}