.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

html, body { color:#273f53; font-family: 'Poppins', sans-serif; background-color:#f5f5f5; }

img.img-default { width:100%; }

.hr-sep { background-color:#eee; border:none; height:1px; width:100%; margin:0; }

.mar-b-none { margin-bottom:0 !important; }
.mar-b-5 { margin-bottom:5px !important; }
.mar-b-10 { margin-bottom:10px !important; }
.mar-b-15 { margin-bottom:15px !important; }
.mar-b-20 { margin-bottom:20px !important; }
.mar-b-25 { margin-bottom:25px !important; }
.mar-b-35 { margin-bottom:35px !important; }
.mar-b-45 { margin-bottom:45px !important; }
.mar-b-50 { margin-bottom:50px !important; }
.mar-b-75 { margin-bottom:75px !important; }

.mar-t-5 { margin-top:5px !important; }
.mar-t-10 { margin-top:10px !important; }
.mar-t-15 { margin-top:15px !important; }
.mar-t-20 { margin-top:20px !important; }
.mar-t-25 { margin-top:25px !important; }
.mar-t-35 { margin-top:35px !important; }
.mar-t-45 { margin-top:45px !important; }
.mar-t-50 { margin-top:50px !important; }
.mar-t-75 { margin-top:75px !important; }

.pad-all-10 { padding:10px; box-sizing:border-box; }
.pad-all-20 { padding:20px; box-sizing:border-box; }
.pad-all-25 { padding:25px; box-sizing:border-box; }
.pad-all-30 { padding:30px; box-sizing:border-box; }
.pad-all-35 { padding:35px; box-sizing:border-box; }
.pad-all-45 { padding:45px; box-sizing:border-box; }
.pad-all-50 { padding:50px; box-sizing:border-box; }
.pad-all-75 { padding:75px; box-sizing:border-box; }

.rounded-corner-10 { border-radius:10px; overflow:hidden; }
.rounded-corner-15 { border-radius:15px; overflow:hidden; }
.rounded-corner-20 { border-radius:20px; overflow:hidden; }
.rounded-corner-25 { border-radius:25px; overflow:hidden; }
.rounded-corner-30 { border-radius:30px; overflow:hidden; }

h1, h2, h3, h4, h5 { font-family: 'Poppins', sans-serif; font-weight:700; }
h1 { font-size:36px; }
h2 { font-size:30px; }
h3 { font-size:24px; }
h4 { font-size:21px; }
h5 { font-size:18px; }

.modal-bg { position:fixed; top:0; bottom:0; right:0; left:0; background-color:rgb(64 104 137 / 0.75); z-index:9990; display:none; }
.modal-side-bar { position:fixed; top:0; bottom:0; right:0; width:450px; background-color:#fff; z-index:9999; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5); }
.modal-side-bar.default { width:485px; right:-500px; }

.modal-preview-page { width:94%; height:95vh; background-color:#fff; position:fixed; z-index:9999; left:3%; margin-top:15px; -webkit-box-shadow: 0px 2px 6px 0px rgba(42,66,87,0.75); -moz-box-shadow: 0px 2px 6px 0px rgba(42,66,87,0.75);box-shadow: 0px 2px 6px 0px rgba(42,66,87,0.75); }


/* 
================================
  GLOBAL COLORS
================================
*/

.bg-gray-light { background-color:#f9f9f9 !important; }
.bg-amber-light { background-color:#fffdea !important; }
.bg-blue-light { background-color:#f1f6fa !important; }
.bg-amber { background-color:#ae8500 !important; }
.bg-gray { background-color:#b4bec7 !important; }
.bg-orange { background-color:#ff5600 !important; }
.bg-blue { background-color:#0576b4 !important; }
.bg-green { background-color:#05c271 !important; }
.bg-red { background-color:#ff0046 !important; }

.txt-dark { color:#273f53 !important; }
.txt-white { color:#fff !important; }
.txt-amber { color:#ae8500 !important; }
.txt-orange { color:#ff5600 !important; }
.txt-blue { color:#0576b4 !important; }
.txt-green { color:#05c271 !important; }
.txt-gray { color:#b7c8d7 !important; }
.txt-red { color:#ff0046 !important; }
.txt-purple { color:#46075e !important; }


/* 
================================
  LOADER SPINNER
================================
*/

.lds-spinner { color: official; display: inline-block; position: relative; width: 80px; height: 80px; }
.lds-spinner div { transform-origin: 40px 40px; animation: lds-spinner 1.2s linear infinite; }

.lds-spinner div:after { content: " "; display: block; position: absolute; top: 3px; left: 37px; width: 6px; height: 18px; border-radius: 20%; background: #fff; }
.lds-spinner.gray div:after { background: #b7c8d7; }
.lds-spinner div:nth-child(1) { transform: rotate(0deg); animation-delay: -1.1s; }
.lds-spinner div:nth-child(2) { transform: rotate(30deg); animation-delay: -1s; }
.lds-spinner div:nth-child(3) { transform: rotate(60deg); animation-delay: -0.9s; }
.lds-spinner div:nth-child(4) { transform: rotate(90deg); animation-delay: -0.8s; }
.lds-spinner div:nth-child(5) { transform: rotate(120deg); animation-delay: -0.7s; }
.lds-spinner div:nth-child(6) { transform: rotate(150deg); animation-delay: -0.6s; }
.lds-spinner div:nth-child(7) { transform: rotate(180deg); animation-delay: -0.5s; }
.lds-spinner div:nth-child(8) { transform: rotate(210deg); animation-delay: -0.4s; }
.lds-spinner div:nth-child(9) { transform: rotate(240deg); animation-delay: -0.3s; }
.lds-spinner div:nth-child(10) { transform: rotate(270deg); animation-delay: -0.2s; }
.lds-spinner div:nth-child(11) { transform: rotate(300deg); animation-delay: -0.1s; }
.lds-spinner div:nth-child(12) { transform: rotate(330deg); animation-delay: 0s; }

.lds-spinner.orange div:after { background: #ff6500; }

.lds-spinner.small { zoom:27% }
.lds-spinner.medium { zoom:50% }
.lds-spinner.default { zoom:100% }
.lds-spinner.large { zoom:125% }

@keyframes lds-spinner {
    0% { opacity: 1; }
    100% { opacity: 0; }
}