@keyframes fadein {
    from{opacity:0}
    to{opacity:1}
    }
    @-moz-keyframes fadein {
    from{opacity:0}
    to{opacity:1}
    }
    @-webkit-keyframes fadein {
    from{opacity:0}
    to{opacity:1}
    }
    @-o-keyframes fadein {
    from{opacity:0}
    to{opacity:1}
    }
body{font:16px/16px 'Open Sans';overflow-x:hidden;-moz-animation:fadein 2s;-ms-animation:fadein 2s;-o-animation:fadein 2s;animation:fadein 2s;background: #F6F6F6;background: url(../img/main.jpg) no-repeat center/cover;}
img{max-width:100%;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}
button:focus,input:focus,select:focus{outline:none;box-shadow:none}
ul{list-style-type:none;padding:0;margin: 0;}
small{font-size:100%}
button,a{cursor:pointer}
p {margin: 0;font:14px/16px 'Open Sans';}
svg,svg path,a,a:hover{text-decoration:none;transition:.4s}
::selection{background:#103665;color:#fff}
.logo {
    /* background: #103665; */
    background: #1b4982;
    width: 385px;
    min-height: 110px;
}
.logo img {
    transform: translateY(-5px);
}
header {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    border-radius: 5px;
    margin: 0 auto 200px;
}
.header-inner {
    background: #F2F2F2;
    min-height: 110px;
    width: 300px;
}
.main {
    display: flex;
    background: rgb(16,54,101,80%);
    margin-top: 350px;
    width: 500px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 20px;
    border-radius: 5px;
}
.main span {
color: #fff;
font: 44px/44px 'Dancing Script';
}
.main h3 {
color: #FFCC00;
margin: 5px auto 20px;
font: 600 66px/66px 'Open Sans';
}
.main p {
    color: #FFCC00;
    font: 20px/20px 'Open Sans';
}
.main-link {
    position: absolute;
    bottom: -70px;
    background: #103665;
    color: #FFCC00;
    padding: 10px 50px;
    transition: .4s;
    border-radius: 40px;
}
.main-link:hover,
.main-link:focus {
    background: #FFCC00;
    color: #103665;
}
.fade-scale{transform:scale(0);opacity:0;-webkit-transition:all .25s linear;-o-transition:all .25s linear;transition:all .25s linear}
.fade-scale.show{opacity:1;transform:scale(1)}
.modal-body {
    background: #34547C;
}
.modal-body p {
    font: 15px/19px 'Montserrat';
    color: #fff;
    margin-bottom: 20px;
}
.modal-body a {
    color: #FFCC00 !important;
    font-weight: 500;
}
.modal .close {
    background: #FFCC00;
    width: 20px;
    height: 20px;
    position: absolute !important;
    right: -10px;
    top: -10px;
    z-index: 999999;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.modal .close span {
    font-size: 20px;
    box-shadow: none;
    border: none;
    outline: 0;
    color: black;
    text-shadow: none;
    transform: translate(0px, -2px);
}
.modal .close:hover,
.modal .close:focus {
    outline: none;
    border: none;
    box-shadow: none;
}
.tooltip {
	z-index: 9999;
    background: #103665;
    color: #fff;
    padding: 20px 15px;
	left:-30px;
    box-shadow: 1px 1px 6px #000;
}
.tooltip p {
	    color: #fff;
    font-size: 18px;
    text-decoration: underline;
}
.tool-flex {
	display: flex;
    justify-content: space-between;
}
.tool-flex div {
    display: flex;
    flex-direction: column;
    text-align: left;
    padding: 12px;
}
.toolip small {
	margin: 10px auto 0;
    display: block;
    text-align: center;
}

.modal .bs-tooltip-top .arrow::before {
    border-top-color: transparent !important;
}

.modal .tooltip-inner {
    background-color: transparent !important;
}
footer {
    padding: 40px 0;
    margin: 250px auto 0;
    background: rgb(16,54,101,90%);
    color: #fff;
}
.footer-item img {
    margin: 0 20px 0 0;
}
.footer-item {
    position: relative;
}
.footer-item::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 50px;
    background: rgb(255,255,255,30%);
    right: -80px;
    top: 0;
}
.footer-item:last-child::after {
    display: none;
}
.dropdown-toggle {
    background: #FFCC00;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    border: none;
    position: relative;
    margin-left: 20px;
}
.dropdown-toggle:hover,
.dropdown-toggle:focus {
    outline: none;
    border: none;
    box-shadow: none;
}
footer table {
    width: 100%;
}
footer table tr > td:last-child {
    text-align: right;
}
footer .dropup .dropdown-toggle::after {
    display: none;
}
.dropdown-toggle svg {
    transform: translateY(-2px);
}
footer .dropdown-menu {
    background: rgb(16,54,101) !important;
    padding: 30px !important;
    min-width: 20rem;
    margin-bottom: 1rem !important;
    left: -138px !important;
}
.dropdown-menu td {
    color: #fff;
    padding: 8px 8px;
}
.dropdown-menu tr {
    border-top: 1px solid #fff;
}
footer .dropdown-menu p {
    color: #fff;
    padding: 8px;
    margin: 5px 0;
}
footer .dropdown-menu a {
    background: #16BAE1;
    color: #fff;
    padding: 10px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
    transition: .4s;
}
footer .dropdown-menu a:hover,
footer .dropdown-menu a:focus {
    background: #FFCC00;
}
.footer-bottom {
    background: #103665;
}



@media (max-width: 1300px) {
    .footer-item img{margin:0 10px 0 0;width:30px}
    .dropdown-toggle{margin-left:10px}
    .footer-item::after{display:none}
    .d-flex.footer-item.justify-content-center{width:33.33%}
    }
    @media (max-width: 992px) {
    .header-box{flex-direction:column}
    .header-box > div{flex-direction:column;width:100%}
    .main{width:100%;margin-top:400px;padding:10px 0 20px}
    header{top:15px}
    .main h3{text-align:center;font:600 56px/56px 'Open Sans'}
    .header-inner.py-4{padding:0!important;min-height:70px}
    .footer-item{margin:20px auto;width:100%!important}
    }
    @media (max-width: 576px) {
    .container{padding:0 15px!important}
    .footer-bottom p{margin:10px auto!important;display:inline-block}
    footer .dropdown-menu{left:0!important;position:fixed!important;right:0!important;margin:auto!important;bottom:0!important;top:auto!important;transform:translate(0)!important}
    }