@font-face { font-family: FuturaStd-Bold; src: url('../fonts/Futura/FuturaStdBold.eot'); src: url('../fonts/Futura/FuturaStdBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Futura/FuturaStdBold.woff') format('woff'), url('../fonts/Futura/FuturaStdBold.ttf') format('truetype'); } @font-face { font-family: FuturaStd-Heavy; src: url('../fonts/Futura/FuturaStdHeavy.eot'); src: url('../fonts/Futura/FuturaStdHeavy.eot?#iefix') format('embedded-opentype'), url('../fonts/Futura/FuturaStdHeavy.woff') format('woff'), url('../fonts/Futura/FuturaStdHeavy.ttf') format('truetype'); } @font-face { font-family: FuturaStd-Book; src: url('../fonts/Futura/FuturaStdBook.eot'); src: url('../fonts/Futura/FuturaStdBook.eot?#iefix') format('embedded-opentype'), url('../fonts/Futura/FuturaStdBook.woff') format('woff'), url('../fonts/Futura/FuturaStdBook.ttf') format('truetype'); } html,body{ line-height: 1.4; background: #ffffff; font-family: 'Cabin', sans-serif; font-size: 14px; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); } body.ngdialog-open { overflow: initial !important; } b{font-weight: 700; font-style: normal;} h1{font-size: 20px; font-weight: 700; font-family: 'FuturaStd-Bold';} h2{font-size: 18px; font-weight: 700; font-family: 'FuturaStd-Bold';} h3{font-size: 16px; font-weight: 700; font-family: 'FuturaStd-Bold';} h4{font-size: 16px; font-weight: 700; font-family: 'FuturaStd-Bold';} hr{margin: 10px 0;} p,label,span,a,label{font-size: 14px; color: #5d5b5c;text-decoration: none; font-family: Open Sans;} .futura-title{font-family: FuturaStd-Bold;} /*-----COMMON -----*/ .main-title{color:#030303} .sub-title{color:#5d5b5c} .bold{font-weight: 700;} .right{float:right;} .left{float:left;} .center{text-align: center;} .text-left{text-align: left} .text-right{text-align:right;} .text-justify{text-align: justify;} .hide{display: none !important;} .show{display: block !important;} .show-inline{display: inline-block !important;} .inline{display: inline-block;vertical-align: middle;} .block{display: block;} .no-border{border:none !important;} .main{position: relative;background: #EEEEEE; min-height: 1vh;} .main-wrap {margin: 0 auto;max-width: 1040px; padding-top: 30px; padding-left: 0px; padding-right:0px; padding-bottom: 20px; background: transparent; } /*-----MAIN NAVIGATION-----*/ .navigation-fixed-top{position: fixed;top: 0;width: 100%;z-index: 10;padding:0px;} .navigation{max-height: 70px; font-family: Open Sans; font-weight: bold;} .navigation-wrap{position: relative;margin: 0 auto;max-width: 1040px; padding:13px 1px 0px 0px; margin-bottom: 20px} .navigation-logo{position: absolute; margin-top:4px;} .navigation-sub-wrap { background-color: #262626; width: 100%; z-index: 99;} .navigation-sub-wrap .sub-nav{width:100%; margin: 0px auto; background-color: #262626; position:fixed; top:40px;z-index: 99;} .navigation-sub-wrap .sub-nav ul {max-width: 1040px; background-color: #262626; margin:0px auto; padding:0px 0px;} .navigation-sub-wrap .sub-nav ul li{display: inline-block; margin-top:0px; font-size: 12px;} .navigation-sub-wrap .sub-nav ul li a{ display: inline-block; color: #fff;font-size: 1em; padding: 10px; } .navigation-sub-wrap .sub-nav ul li:hover a{ transition: 0.2s; background-color: white; color:black; } .navigation-menu-small{display: none;} .navigation-menu{position: relative;} .navigation-menu li{position: relative;display: inline-block; margin-top:10px;} .navigation-menu li a{font-size: 16px; padding: 0px; margin-bottom:10px; margin-top:10px; margin-left:0; margin-right:20px; display: block;position: relative;min-width: 40px;color: #fff;font-weight: normal;transition: all 0.2s ease;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; line-height:1; font-family: 'FuturaStd-Bold';} .navigation-menu li i{position: absolute; right: -2px; top:0px; color:white} .navigation-menu li a .menu-btn{margin: -10px 0;} .navigation-menu li.active a{color: #ffdd15;} .navigation-menu li.active i{color: #ffdd15;} .navigation-menu li.active a span{} .navigation-menu li.active{color: white;} .navigation-menu li a:hover, .navigation-menu ul li a:hover, .navigation-menu li a:hover span{ text-decoration:none;} .navigation-menu .badge{position: absolute;background: #ce0b24;color: #ffffff;font-size: 10px;min-width: 10px;padding: 2px 5px;line-height: 1;border-radius: 10px;text-align: center;top: 35%;left: 60%;-ms-transform: translate(-35%, -60%);-webkit-transform: translate(-35%, -60%); transform: translate(-35%, -60%);} .navigation-menu .dropdown-menu-wrap{position: absolute;right:0px;top:55px; z-index: 1000;background: #fff;border-radius: 2px;border: 1px solid #dfe4e6; border-bottom: none;} .navigation-menu .dropdown-menu {position: relative;} @media only screen and (max-width:1040px) { .navigation-menu{display: none;} .navigation-logo{position: absolute; margin-top:20px;} .navigation-menu-small{display: block; position: absolute; top:0px; z-index: 10000; max-width: 1040px; width: 100%;} .navigation-menu-small .menu-bars{position: fixed; right: 10px; top:6px;} .navigation-menu-small .menu-bars a{z-index: 15; font-size: 3em; width: 60px; height: 60px; text-align: center;} .navigation-menu-small .menu-bars i{color:white;} .navigation-menu-small ul{ z-index: 999; position: fixed; top:0px; width: 100%; left: 0px; padding:10px; margin-top:70px; background-color: #1e5f9d;; height: auto; -webkit-box-shadow: 0px 3px 30px -13px rgba(0,0,0,0.75); -moz-box-shadow: 0px 3px 30px -13px rgba(0,0,0,0.75); box-shadow: 0px 3px 30px -13px rgba(0,0,0,0.75); } .navigation-menu-small ul li{width: 100%; padding: 10px; margin:5px; } .navigation-menu-small ul li a{color:white; font-family: FuturaStd-Bold;font-size: 1.3em;} .navigation-menu-small .sub-ul li{margin-left: 40px;} .navigation-wrap{position: relative;margin: 0 auto;max-width: 1040px; padding:0px 10px;} .navigation-menu-small .sub-menu-list{ display:flex; flex-direction: column; padding:20px;} .navigation-menu-small .sub-menu-list a{margin:10px; font-family: 1em;} } /*-----PROFILE-----*/ .navigation-menu .profile-menu{position: relative;padding-left: 47px;padding-right: 23px;} .navigation-menu .profile-menu:after{position: absolute;font-family: FontAwesome;right: 8px;top:45%;content: "\f0dd"; -ms-transform: translateY(-45%);-webkit-transform: translateY(-50%); transform: translateY(-45%); } .navigation-menu .profile-img{position: absolute;left: 15px;top:45%;width: 25px;height: 25px;border-radius: 2px;-ms-transform: translateY(-45%);-webkit-transform: translateY(-45%); transform: translateY(-45%);-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} .navigation-menu .dropdown-menu.profile{position: relative;width: 200px;border-radius: 10px;} .navigation-menu .dropdown-menu.profile li{margin: 0;padding: 0;display: block;border-bottom: 1px solid #e8e8e8;position: relative;} /*.navigation-menu .dropdown-menu.profile li:last-child{border-bottom: none;}*/ .navigation-menu .dropdown-menu.profile li a{display: block;margin: 0;padding: 0;padding: 8px 10px;color: #c8c8c8;transition: all 0.4s ease;position: relative;} .navigation-menu .dropdown-menu.profile li a:hover{color: #fff;transition: all 0.4s ease; background-color:#c8c8c8} .navigation-menu .dropdown-menu.profile li a .icon{float: right;margin-top: 3px;margin-right: 0px;} .navigation-menu .dropdown-menu.profile li.active a{color: #606060;} .navigation-menu .dropdown-menu.profile li .dropdown-sub-menu{background: #ffffff;position: absolute;top: -1px;right: -100%;border-radius: 2px;border: 1px solid #dfe4e6;display: none;width: 100%;} .navigation-menu .dropdown-menu.profile li .dropdown-sub-menu li{margin: 0;padding: 0;display: block;border-bottom: 1px solid #e8e8e8;} .navigation-menu .dropdown-menu.profile li .dropdown-sub-menu li:last-child{border-bottom: none;} .navigation-menu .dropdown-menu.profile li .dropdown-sub-menu li a{display: block;margin: 0;padding: 0;padding: 8px 10px;color: #c8c8c8;transition: all 0.4s ease;position: relative;} .navigation-menu .dropdown-menu.profile li .dropdown-sub-menu li a:hover{color: #606060;transition: all 0.4s ease;} .navigation-menu .dropdown-menu.profile li:hover .dropdown-sub-menu{display: block;} /*-----NOTIFICATION-----*/ .navigation-menu .dropdown-menu.notification{position: relative; width: 400px;} .navigation-menu .dropdown-menu.notification li{position: relative;margin: 0;padding: 0;display: block;border-bottom: 1px solid #e8e8e8;} .navigation-menu .dropdown-menu.notification li:last-child{border-bottom: none;} .navigation-menu .dropdown-menu.notification li a{display: block;margin: 0;padding: 0;padding: 8px 10px;padding-right:30px;position: relative;color: #c8c8c8;transition: all 0.4s ease;font-size: 0px;} .navigation-menu .dropdown-menu.notification li a .notification-txt{display: inline-block;white-space: nowrap; width: 360px; overflow: hidden;text-overflow:ellipsis;font-size: 14px;} .navigation-menu .dropdown-menu.notification li a span{color:#5395df} .navigation-menu .dropdown-menu.notification li a .icon{position: absolute;margin:0px;right: 10px;top: 10px; padding: 3px 4px; border-radius: 10px; background-color: #cbcbcb; color: #fff; font-size: 10px;transition: all 0.4s ease; opacity: 0;} .navigation-menu .dropdown-menu.notification li a .icon:hover{background: #606060;transition: all 0.4s ease;} .navigation-menu .dropdown-menu.notification li a:hover .icon{opacity: 1;} .navigation-menu .dropdown-menu.notification li a:hover{background: rgba(0,0,0, 0.05);} /*-----HOME FOOTER-----*/ .footer{text-align: left; border-top: 1px solid #f1f1f1; margin: 0 auto;width: 100%; } .footer-wrap{position: relative; max-width: 1040px; padding:40px 10px 10px 20px; margin: 0px auto; } .footer-wrap .address{display: flex; justify-content: space-between} .footer-wrap p{color: #1e5f9d; margin-bottom: 10px;} .footer .link{margin:0px auto; text-align: center; margin-top:20px;} .footer li {display: inline-block; margin:0px auto; } .footer li a{padding:15px;cursor: pointer; display: block; color: white;} .footer li a:hover{text-decoration: underline;} .footer .social ul{margin-left:-10px; margin-top:-20px;} .footer .social img{height: 30px;} .footer .social ul li a{font-size: 2em; margin:10px; padding: 0px;} .footer .bottom-row{height: 50px;} .footer .contact{ max-width: 1040px; margin:30px auto; display: flex;justify-content: space-between; padding:10px; } .footer .contact-item .icon{display: flex; } .footer .contact-item .icon i{ margin-right:0px; font-size: 2em; color:#1e5f9d; } .footer .contact-item .icon h2{ font-family: FuturaStd-Bold; } .footer .contact-item p{ font-family: FuturaStd-Heavy; margin-top:10px; } .footer .contact-item p a{ font-family: FuturaStd-Heavy; color:#1e5f9d; margin-top:10px; } .footer .contact-item p a:hover{ text-decoration: underline; } .footer .bottom-row{height: 70px; display: flex; justify-content: center; align-items:center;} .footer .bottom-row p{color:white; font-family: Open Sans; font-weight:800; font-size:13px;} @media only screen and (max-width: 1280px) { .navigation-menu .dropdown-menu.profile li .dropdown-sub-menu{;top: -1px;left: -100%;} } @media only screen and (max-width: 768px) { .main-content-wrap .content{width: 100%;} .main-wrap{position: relative; padding: 0px;border: none;} .modal-content .modal-content-inner:last-child{border-left: none; border-top:1px solid #f0f0f0;} } .row { padding:0; margin:0; } #map { width: 100%; height: 350px; max-width: 100%; position: relative; margin-bottom: 0px; left: 0; } .dropbtn { background-color: transparent; padding: 0px; margin:0px; font-size: 14px; letter-spacing: 1.2; font-weight:bold; letter-spacing: 1.6px; border: none; } .tabcontents2 p, .tabcontents2 ol, .tabcontents2 ul { padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 10px; } .tab-content p { padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 10px; } ol li { margin-bottom: 10px; } ul li { margin-top: -10px; margin-bottom: 10px; margin-left: 15px; } .list-inline li { margin: 0; } .bgbutton { border-radius: 5px; } #content ul li::before { content: "\2022"; font-weight: bold; font-size:20px; display: inline-block; width: 1em; margin-left: -10px; margin-right: -6px; margin-top: 10px; margin-bottom: 0px; }