body { font-family: 'Poppins', verdana, serif; font-size: 14px; line-height: 1.6; color: #000; font-weight: 300; }
html, body { height:100%; }

::selection { background: #1a1a1a; color: #ffffff; }
::-moz-selection { background: #1a1a1a; color: #ffffff; }
 
a { color: #e51f2d; text-decoration: none; }
a:hover, a:active { color: #8a0000; text-decoration: none; }
a:focus { outline:none; color: #e51f2d; text-decoration: none; }


/***FIX FOR IE10***/
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }


/****TYPOGRAPHY****/

h1,h2,h3,h4 { font-weight: 300; line-height: 1.1; }

h3 { font-size: 1.5rem; }
h4 { font-size: 1rem; }

.hk-red { color: #cd5f33; }
.dk-blue { color: #001e5a; }
.med-blue { color: #0046d2; }
.lt-blue { color: #00cdff; }

.txt-uc { text-transform: uppercase; }
.bold { font-weight: 600; }


/*** GLOBAL ***/
.container-xl { max-width: 1450px; }
.main-logo { width: 650px; }
.secondary-logo { width: 100px; }

#nav-bar { background-color: #000; padding: 12px 0; }
#nav-bar a { color: #fff; margin: 0 10px; }

.grad-bg { background: linear-gradient(180deg, #D7E8FF 0%, #FFF 100%) !important; }


/****MEDIA QUERIES****/

@media (max-width: 1200px) {



}
 

@media only screen and (max-width: 991px) {



}



@media only screen and (max-width: 767px) {

.home .container-xl { padding: 0; overflow: hidden; }
img.rounded-circle { max-width: 280px; }

}




@media only screen and (max-width: 576px) {


}