@font-face {
font-family: Campton;
font-weight: 700;
src: url(//nhavenr7.sa.edu.au/resources/fonts/ReneBieder-CamptonBold.otf) format("opentype");
}
@font-face {
font-family: Campton;
font-weight: 400;
src: url(//nhavenr7.sa.edu.au/resources/fonts/ReneBieder-CamptonBook.otf) format("opentype");
}
@font-face {
font-family: Campton;
font-weight: 500;
src: url(//nhavenr7.sa.edu.au/resources/fonts/Rene-Bieder-Campton-Medium.otf) format("opentype");
}
@font-face {
font-family: Gotham;
font-weight: 400;
src: url(//nhavenr7.sa.edu.au/resources/fonts/Gotham-Book.otf) format("opentype");
}
@font-face {
font-family: Gotham;
font-weight: 400;
src: url(//nhavenr7.sa.edu.au/resources/fonts/Gotham-Medium.otf) format("opentype");
}
.right-nav .decd img{
width: 60%;
padding-top: 25px;
}
.right-nav .sagov img{
width: 60%;
}
.right-nav{
text-align: right;
margin-right: 20px;
}
.nav-justified .nav-justified:before {
content: '';
width: 0px;
height: 0px;
display: inline-block;
vertical-align: middle;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #f9f9f9;
position: absolute;
top: -10px;
right: 0;
left: 0;
bottom: 0;
margin: 0 auto;
}
.banner-title{
font-family: Campton, sans serif; }
.banner-title .color-blue-01{
font-family: Campton, sans serif; color: #7fc2e4!important;
}
.banner-title .color-blue-02{
font-family: Campton, sans serif; color: #0089cc!important;
}
.rev_slider .slotholder:after {
width: 100%;
height: 100%;
content: "";
position: absolute;
left: 0;
top: 0;
pointer-events: none;    
background: rgba(0, 0, 0, 0.5);
}
.header-book{
height: 100%;
text-align: right;
display: none;
}
.header-book div {
color: #fff;
background: #0089cd; text-align: center;
font-family: Campton, sans serif;
font-weight: 700;
font-size: 22px;
padding: 38px 25px;
line-height: 24px;
width: 225px;
}
.header-book a {
height: 100%;
display: inline-block;
background: #0089cd;
}
.custom-nav .navbar-default{
background-color: #fff;
border-bottom: solid #0089cd 2px;
}
.navbar-fixed-top, .navbar-fixed-bottom {
position: relative!important;
}
.custom-footer-text, .custom-footer-text a {
font-size: 12px;
color: #0089cc;
font-family: Gotham, sans serif;
font-weight: 400 !important;
line-height: 20px;
}
.custom-footer-text{
padding-top: 20px;
}
.left-nav{
position: relative;
z-index: 9999999;
}
.ov-icons-four > div{
display: inline-block;  
}
.ov-icons-three > div{
display: inline-block;  
}
.ov-icons img{
width: 100px;
height: 100px
}
.home .navbar-fixed-top, .home .navbar-fixed-bottom {
position: fixed!important;
right: 0;
left: 0;
z-index: 1030;
-webkit-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.page .parallax-fix.no-effect{
background-size: cover!important;
height: 275px!important
}
.page-title h1 {
font-size: 72px;
font-weight: 700;
font-family: Campton, sans serif;
text-transform: capitalize;
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}
.page-title .col-lg-8{
width: 100%!important;
animation-name: unset!important;
animation-duration: unset!important;
transion: none!important;
}
.custom-footer{
text-align: center;
padding:20px 40px;
}
.scs-link{
padding-top: 20px;
padding-bottom: 10px
}
.scs-link, .scs-link a{
font-weight: 700;
color: #0089cc;
font-family: Campton, sans serif;
font-size: 14px;
line-height: 24px;
text-decoration: underline;
}
.custom-nav .dropdown > .open{
display: block;
}
.ag-title {
font-size: 56px;
font-weight: 700;
line-height: 60px;
font-family: Campton, sans serif;
color: #0089cd;
padding-top: 60px;
padding-bottom: 40px;
}
.ag-desc{
font-size: 16px;
color: #000;
font-family: Campton, sans serif;
font-weight: 400;
line-height: 20px;
text-align: left;
}
.ag-desc p{
font-size: 16px;
color: #000;
font-family: Campton, sans serif;
font-weight: 400;
line-height: 20px;
text-align: left;
}
.testi-parag{
font-size: 16px;
color: #000;
font-family: Campton, sans serif;
font-weight: 400;
line-height: 20px;
}
.testi-parag p{
font-size: 16px;
color: #000;
font-family: Campton, sans serif;
font-weight: 400;
line-height: 20px;
}
.testi-author {
color: #7fc2e4;
font-family: Campton, sans serif;
font-size: 18px;
font-weight: 700;
padding-top: 30px;
line-height: 24px;
}
.testi-date {
color: #7fc2e4;
font-family: Campton, sans serif;
font-size: 18px;
font-weight: 400;
line-height: 24px;
}
.testimonial-title{
color: #0089cd;
font-family: Campton,inherit sans serif;
font-size: 30px;
font-weight: 700;
text-align: center;
padding-bottom: 30px;
}
.dark-pagination .owl-dot span {
background: none repeat scroll 0 0 #66b8e1!important;
}
.round-pagination .owl-dot span {
height: 14px!important;
width: 14px!important;
border-radius: 50%!important;
box-shadow: none!important
}
.dark-pagination .owl-dot.active span {
background: #0089cd !important; width: 14px!important;
height: 14px!important;
border: none!important;
transform: unset!important
}
.heading-title{
font-size: 56px;
font-weight: 700;
font-family: Campton, sans serif;
color: #ffffff;
line-height: 60px;
padding-bottom: 40px;
}
.ov-icons-title{
color: #fff;
font-weight: 700;
font-family: Campton, sans serif;
font-size: 14px;
line-height: 24px;
}
.ov-icons-four div, .ov-icons-three div{
padding-left: 10px;
padding-right: 10px;
}
.ov-icons-four div{
padding-bottom: 15px;
}
.nh-desc{
font-size: 16px;
color: #ffffff;
font-family: Campton, sans serif;
font-weight: 400;
line-height: 20px;
padding-bottom: 60px;
}
.about-vertical {
position: relative;
height: 90px;
}
.about-vertical img{
position: absolute;
}
.bell-time{
float: left;
width: 75px;
}
a.info-btn{
color: #fff;
background: #0089cd;
display: inline-block;
padding: 14px 30px;
text-transform: uppercase;
letter-spacing: 3px;
margin-top: 24px;
}
.zoom-anim-dialog{
padding: 0px!important
}
.slider-subtitle5{
color: #ffffff;
background: #0087b2;
text-transform: capitalize;
letter-spacing: 0px;
font-family: Campton, sans serif;
font-size: 32px;
padding-top: 25px;
padding-bottom: 25px;
}
.info-popup-content {
padding: 40px 80px;
height: auto; }
.mfp-close-btn-in .mfp-close{
color: #ffffff!important
}
.mfp-auto-cursor .mfp-content{
cursor: default!important
}
button.mfp-close, .mfp-close:hover, .mfp-close:focus, .mfp-iframe-holder .mfp-close {
top: 15px;
right: 15px;
background: transparent!important
}
.mfp-close{
color: #ffffff;
font-size: 24px!important
}
.scp-text{
font-size: 44px;
line-height: 54px;
color: #fff;
font-weight: 700;
font-family: Campton, sans serif;
text-align: center;
padding: 120px 40px;
vertical-align: middle;
clear: both;
height: 400px;
position: relative;
}
.scp-text span{
margin: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.ag-desc.white, .ag-desc.white p, .ag-title.white{
color: #ffffff!important
}
.vc_images_carousel .vc_carousel-control {
margin-top: 0!important;
opacity: 1!important;
text-shadow: none!important
}
.vc_images_carousel .vc_carousel-control .icon-next, .vc_images_carousel .vc_carousel-control .icon-prev {
font-size: 60px!important;
}
.vc_images_carousel .vc_carousel-control .icon-prev::before {
font-family: "Font Awesome 5 Free"; font-weight: 900; 
content: "\f053"!important;
color: #ffffff!important;
font-size: 24px!important;
text-shadow: none!important;
}
.vc_images_carousel .vc_carousel-control .icon-next::before{
font-family: "Font Awesome 5 Free"; font-weight: 900; 
content: "\f054"!important;
color: #ffffff!important;
font-size: 24px!important;
text-shadow: none!important;	
}
.vc_images_carousel.vc_per-view-more .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item > .vc_inner{
margin: 0px!important;
text-align: center;
height: 100%!important;
}
.vc_images_carousel.vc_per-view-more .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item > .vc_inner img{
height: 100%!important;
}
.owl-prev::before, .owl-next::before {
background-color: transparent!important;
border-radius: 0px!important;
box-shadow: none!important;
}
.owl-prev i, .owl-next i {
color: #ffffff!important;
font-size: 34px!important;
position: relative;
top: 0!important;
}
.dark-pagination .owl-prev {
left: -25px!important;
opacity: 1;
}
.blog-slider .owl-item{
padding: 0px!important
}
.dark-pagination .owl-next {
right: -25px!important;
opacity: 1;
}
.custom-footer-logos img{
max-width: 8%!important
}
.blue{
color: #0089cd!important
}
.blue p{
color: #0089cd!important
}
.ag-desc a{
color: #0089cd!important;
text-decoration: underline;
}
.oshc-desc, .oshc-desc p{
text-align: center!important
}
.paddingtop20{
padding-top: 0px!important;
}
.carousel, .item, .active{
text-align: center!important;
}
.og-title{
font-size: 36px;
font-family: Campton, sans serif;
font-weight: 700;
line-height: 52px;
padding-bottom: 20px;
}
.og-details{
font-size: 14px;
font-family: Campton, sans seif;
line-height: 24px;
}
.oshc-grid{
color: #fff;
text-align: center;
padding:80px;
}
.og-details-parag{
padding-top: 20px
}
.oshc-grid {
color: #fff;
text-align: center;
padding: 80px;
min-height: 400px;
}
.staff-wrapper {
color: #fff;
font-size: 24px;
font-family: Campton, sans serif;
line-height: 32px;
font-weight: 500;
padding-bottom: 20px;
padding-top: 20px;
}
.staff-carousel .round-pagination .owl-dot.active span{
transform: unset!important;
background: #ffffff!important;
border: none!important;
}
.nobottom{
padding-bottom: 0px!important
}
.ag-title-position{
color: #0089cd;
font-size: 45px;
line-height: 60px;
font-family: Campton, sans serif;
font-weight: 500;
}
.cw-title{
font-size: 42px;
line-height: 46px;
font-family: Campton, sans serif;
font-weight: 700;
color: #0089cd;
padding-bottom: 50px;
}
.cw-location, .cw-contact-details{
height: 100px
}
.cw-location img, .cw-contact-details img{
float: left;
}
.cw-location img, .cw-contact-details img {
float: left;
padding-right: 15px;
}
.cw-details div:first-child{
font-family: Gotham, sans serif;
color: #000;
font-weight: 500;
letter-spacing: 2px;
font-size: 14px;
line-height: 24px;
}
.cw-details div, .cw-details div a{
font-size: 14px;
font-weight: 400;
font-family: Campton, sans serif;
color: #0089cd;
line-height: 20px;
}
.custom-contact-form input[type="text"], .custom-contact-form input[type="email"]{
border: none;
border-bottom: solid 1px #000;
color: #0089cd;
font-size: 15px;
font-family: Campton, sans serif;
line-height: 18px;
margin-bottom: 40px!important;
padding-left: 0px!important
}
.custom-contact-form textarea {
border: solid 1px #000000;
border-radius: 10px;
margin-bottom: 40px;
color: #0089cd;
font-size: 15px;
font-family: Campton, sans serif;
line-height: 18px;
}
div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok {
background: transparent!important;
color: #000000;
font-weight: 700;
font-family: Campton, sans serif;
}
.custom-contact-form input[type="submit"] {
background: #0189cc!important;
color: #fff!important;
border: none!important;
font-size: 15px!important;
font-family: Campton, sans serif!important;
text-transform: uppercase!important;
border-radius: 10px!important;
padding-left: 30px!important;
padding-right: 30px!important;
padding-top: 6px!important;
padding-bottom: 6px!important;
}
::-webkit-input-placeholder { color: #0089cd !important;
opacity: 1;
}
:-moz-placeholder { color: #0089cd !important;
opacity: 1;
}
::-moz-placeholder { color: #0089cd !important;
opacity: 1;
}
:-ms-input-placeholder { color: #0089cd !important;
opacity: 1;
}
.ksp-grid .og-title{
position: relative;
z-index: 999999;
padding-top: 50px;
}
.cur-wrapper .ksp-grid .og-title::after {
display: none!important
}
.cur-wrapper .ksp-grid{
padding: 80px 20px!important
}
.ksp-grid .ag-desc{
position: relative;
z-index: 999999;
}
.cur-wrapper .ksp-grid .og-title{
padding-top: 0px!important;
}
.cur-wrapper .cur-4{
min-height: 550px;
}
.cur-wrapper .cur-2{
min-height: 450px;
}
.fac-wrapper.cur-wrapper .cur-4{
min-height: 480px;
}
.ksp-grid .og-title::after {
height: 3px;
display: block;
width: 150px;
background: #fff;
border-right: 1px white;
content: '';
text-align: center;
margin: 20px auto;
}
.ksp-grid-01 .ksp-overlay {
background: rgba(39, 150, 183,.8);
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 100;
}
.ksp-grid-02 .ksp-overlay {
background: rgba(126, 196, 231,.8);
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 100;
}
.ksp-grid-03 .ksp-overlay {
background: rgba(0, 137, 205,.8);
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 100;
}
.ksp-grid-04 .ksp-overlay {
background: rgba(0, 137, 205,.6);
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 100;
}
.ksp-grid-05 .ksp-overlay {
background: rgba(39, 150, 183,.8);
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 100;
}
.testi-parag ul{
list-style: disc;
list-style-position: inside;
padding: 0px!important;
margin: 0px!important;
}
.term-title{
padding-bottom: 30px;
font-size: 24px;
line-height: 32px;
}
.across-btn{
text-align: center;
color: #fff;
padding-top: 20px;
padding-bottom: 20px;
}
.across-btn a {
text-align: center;
color: #fff;
font-size: 28px;
font-weight: 700;
font-family: Campton, sans serif;
line-height: 28px;
}
.ue-wrapper{
border: solid 2px #0089cd;
padding: 30px 0px 0px;
margin-bottom: 20px
}
.ii-wrapper .ue-wrapper{
min-height: 230px
}
.ue-title{
text-align: center;
border-bottom: solid 2px #0089cd;
font-family: Campton, sans serif;
color: #2e2f8c;
font-weight: 700;
font-size: 24px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 30px;
line-height: 32px;
}
.ue-details{
padding: 30px 30px 30px 30px;
}
.ue-details img{
padding-right: 20px;
}
.ue-date{
padding-bottom: 10px;
font-size: 14px;
color: #2e2f8c;
line-height: 24px;
}
.ue-loc{
font-size: 14px;
color: #2e2f8c;
line-height: 24px;
}
.findout{
background: #0089cd;
height: 132px;
text-align: center;
font-size: 16px;
line-height: 24px;
font-family: Campton, sans serif;
font-weight: 500;
}
.findout a{
color: #ffffff;
text-decoration: underline;
float: left;
width: 100%;
padding-top: 20px;
}
.custom-footer-logo img{
max-width: 15%!important
}
.hql-menu div{
font-family: Campton, sans serif!important
}
.project-img-gallery{
padding: 0px!important
}
.row-img .vc_col-sm-4{
padding-left: 0px;
padding-right: 0px
}
.dropdown-menu:hover, .dropdown-menu{
opacity: 1!important;
transition: none!important
}
#image-block .feature-owl .container{
width: 100%!important;
}
#image-block .owl-item{
padding: 0px!important;
cursor: pointer!important
}
.popup-gallery img, .lightbox-gallery img, .image-popup-no-margins img, .image-popup-vertical-fit img{
cursor: pointer!important
}
img.mfp-img{
background: transparent!important
}
.owl-item .approach-details{
margin-top: 0px!important;
}
#image-block .owl-item .margin-four{
margin-top: 0px!important;
margin-bottom: 0px!important;
}
#image-block .item{
margin-bottom: 0px!important;
}
#image-block .owl-carousel .owl-item img{
width: 100%!important;
}
.feature_nav .prev::before {
content: "\f053";
margin-right: 10px;
font-family: 'Font Awesome 5 Free' !important;
font-weight: 900;
}
.feature_nav .next:after{
content: "\f054";
margin-right:10px;
font-family: 'Font Awesome 5 Free' !important;
font-weight: 900;
}
.feature_nav img{
display: none
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close, .mfp-image-holder, .mfp-iframe-holder, .mfp-close-btn-in, .mfp-content{
cursor: pointer!important;
}
@media (min-width: 1200px) {
.cur-wrapper.fac-wrapper .ksp-grid-01,.cur-wrapper.fac-wrapper .ksp-grid-02,.cur-wrapper.fac-wrapper .ksp-grid-03{
padding-top: 120px!important;
}
.cur-wrapper.custom-cur-style .ksp-grid-01,.cur-wrapper.custom-cur-style .ksp-grid-03{
padding-top: 140px!important;
}
.center {
height: 200px;
position: relative;
border: 3px solid green;
}
.center p {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
@media (max-width: 1199px) {
.ue-details{
padding: 30px 15px 30px 15px!important;
}
.oshc-grid {
color: #fff;
text-align: center;
padding: 40px 20px!important;
min-height: 400px;
}
.mfp-container{
background: transparent!important
}
.scp-text {
font-size: 32px;
line-height: 42px;
color: #fff;
font-weight: 700;
font-family: Campton, sans serif;
text-align: center;
padding: 120px 40px;
vertical-align: middle;
clear: both;
height: 400px;
position: relative;
}
}
@media (max-width: 1023px) {
.right-nav{
display: none;
}
.navbar-nav > li > a{
padding: 0px 5px!important;
} 
.dropdown-menu, .simple-dropdown > ul.dropdown-menu > li > ul.mega-sub-menu, .navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.page_item_has_children .children, .navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.menu-item-has-children .sub-menu, .navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.page_item_has_children .children li .children, .navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.menu-item-has-children .sub-menu li .sub-menu{
background: #0089cd!important
}
.dropdown-menu li a{
color: #ffffff;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
border-top: solid 1px #000000!important
}
.center-nav .collapsing{
display: block;!important;
}
.navbar-default {
background-color: #ffffff!important;
}
.navigacija {text-transform:uppercase; position:relative !important;}
.navigacija > ul {margin-top:0;margin-left:0 !important;}
.dropdown-menu {width: 100%;
position: relative!important;
top: 0px!important;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 0 auto;
text-align:center;
}
.dropdown-menu li {display:inline-block;}
.dropdown-menu li.dropdown .dropdown-menu {top:210px;}
}
@media (min-width: 768px) and (max-width: 1199px) {
.page-title h1 {
font-size: 42px;
font-weight: 700;
font-family: Campton, sans serif;
text-transform: capitalize;
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
line-height: 52px;
}
.custom-nav .navbar-brand img {
padding-top: 0px!important;
padding-left: 0px!important;
padding-bottom: 0px!important;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.custom-nav .navbar-brand img {
padding-top: 0px!important;
padding-left: 0px!important;
padding-bottom: 0px!important;
width: 50%;
}
}
@media (min-width: 1024px) and (max-width: 1199px) {
.right-nav .decd img{
width: 100%!important;
}
.right-nav .sagov img{
width: 100%!important;
}
.ue-title{
padding-left: 30px;
padding-right: 30px
}
.custom-nav .navbar-brand img {
padding-top: 40px !important;
padding-left: 0px !important;
padding-bottom: 40px !important;
}
.custom-nav .navbar .navbar-nav > li > a {
font-size: 16px!important;
font-family: Campton, sans serif;
font-weight: 700;
color: #2d2e8b;
text-transform: capitalize;
}
.custom-nav .navbar-nav > li {
margin-top: 5px !important;
margin-bottom: 20px !important;
margin-left: 10px!important;
margin-right: 10px!important;
}
.custom-nav .dropdown-menu li a{
font-size: 13px!important
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.ksp-grid .og-title {
font-size: 24px!important;
line-height: 34px!important;
}
.ag-title {
font-size: 32px;
font-weight: 700;
line-height: 42px;
font-family: Campton, sans serif;
color: #0089cd;
padding-top: 0px;
padding-bottom: 40px;
}
.heading-title {
font-size: 32px;
font-weight: 700;
font-family: Campton, sans serif;
color: #ffffff;
line-height: 42px;
padding-bottom: 40px;
}
}
@media (min-width: 1024px) {
.left-nav, .right-nav{
width: 20%!important;
}
.navbar-nav li {
display: block;
transition-duration: 0.5s;
}
.navbar-nav li:hover {
cursor: pointer;
}
.navbar-nav ul li ul {
visibility: hidden;
opacity: 0;
position: absolute;
transition: all 0.5s ease;
margin-top: 1rem;
left: 0;
display: none;
}
.navbar-nav ul li:hover > ul,
.navbar-nav ul li ul:hover {
visibility: visible;
opacity: 1;
display: block;
}
.navbar-nav ul li ul li {
clear: both;
width: 100%;
}
.grid-right-img{
text-align: right;
float: right
}
.ag-title.notop{
padding-top: 0px!important
}
}
@media (max-width: 767px) {
.ag-title, .ag-desc{
text-align: center!important
}
.custom-footer-logo img{
max-width: 100%!important
}
.custom-footer-logos img {
max-width: 45% !important;
}
.cur-wrapper ul, .curr-testi ul {
padding-left: 0;
list-style-position: inside;
}
.curr-testi .testi-parag{
padding-bottom: 40px;
}
.ksp-grid{
min-height: unset!important;
}
.cw-title {
font-size: 32px!important;
line-height: 42px!important;
font-family: Campton, sans serif;
font-weight: 700;
color: #0089cd;
padding-bottom: 50px;
text-align: center;
}
.cw-location, .cw-contact-details {
height: unset!important;
text-align: center;
margin-bottom: 30px;
}
.cw-location img, .cw-contact-details img {
float: none!important;
padding-right: 0!important;
text-align: center!important;
}
.ag-title {
font-size: 32px;
font-weight: 700;
line-height: 42px;
font-family: Campton, sans serif;
color: #0089cd;
padding-top: 40px;
padding-bottom: 40px;
}
.heading-title {
font-size: 32px;
font-weight: 700;
font-family: Campton, sans serif;
color: #ffffff;
line-height: 42px;
padding-bottom: 40px;
}
.page-title h1 {
font-size: 32px;
font-weight: 700;
font-family: Campton, sans serif;
text-transform: capitalize;
text-align: center;
padding-top: 20px;
padding-bottom: 30px;
line-height: 42px;
}
.page .parallax-fix.no-effect{
height: auto!important
}
}
@media (max-width: 1023px) {
.custom-nav .container-fluid, .custom-nav .left-nav, .custom-nav .center-nav{
padding-left:0px!important;
padding-right:0px!important;
}
.navbar .navbar-toggle {
}
.navbar-brand {
width: 60%;
height: 100%;
}
.nav > li {
display: block;
margin: 10px 0px;
}
.nav-main-wrapper{
overflow: scroll;
}
.navbar .navbar-nav > li > a, .search-cart-header .subtitle {
font-size: 14px;
font-family: Campton, sans serif;
line-height: 24px;
}
.dropdown-menu li a{
text-align: left!important
}
.dropdown-header, .dropdown-menu, .simple-dropdown > ul.dropdown-menu > li a{
font-size: 12px!important;
}
.hql-menu a{
color: #ffffff!important;
}
.hql-menu .padding-tb{
background: transparent!important;
min-height: 34px;
line-height: 34px;
}
.hql-menu a:last-child div{
background: transparent!important;
min-height: 34px;
line-height: 34px
}
.ue-title{
padding-left: 20px!important;
padding-right: 20px!important
}
.ag-title-position {
font-size: 32px;
line-height: 42px;
}
.og-title {
font-size: 32px;
font-weight: 700;
line-height: 42px;
font-family: Campton, sans serif;
color: #ffffff;
padding-top: 0px;
padding-bottom: 40px;
}
.testi-date{
padding-bottom: 40px!important;
}
.ov-icons-three > div{
padding-bottom: 15px;
}
.info-popup-content {
padding: 40px 40px!important;
}
}
@media (min-width: 769px) {
.left-nav{
width: 20%!important;
}
.custom-nav .navigacija {text-transform:uppercase;position:relative !important;} .custom-nav .navigacija > ul  {margin-top:55px; margin-left:50px !important;}
.custom-nav .toplinks .navbar-nav > li{
margin-top: 0px!important;
margin-bottom: 0px!important
}
.custom-nav .navbar-nav > li{
margin-top: 5px!important;
margin-bottom: 20px!important
}
.nav-main-wrapper{
padding-top: 25px;
padding-bottom: 15px;
display: block;
}
.custom-nav .navbar .toplinks .navbar-nav > li > a {
font-size: 14px;
font-family: Gotham, sans serif;
font-weight: 400;
color: #2d2e8b;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 24px;
}
.custom-nav .navbar .navbar-nav > li > a{
font-size: 22px;
font-family: Campton, sans serif;
font-weight: 700;
color: #2d2e8b;
text-transform: capitalize;
}
.custom-nav .navbar{
border-radius: 0px!important
}
.dropdown-menu {
width: 100%;
position: absolute;
top: 62px;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 0 auto;
text-align:center;
background: #319ad5!important
}
.custom-nav .dropdown-menu li a {
color: #c8c8c8;
padding: 2px 0;
display: block;
position: relative;
font-family: Campton, sans serif;
font-weight: 700;
text-transform: capitalize;
color: #fff;
padding-left: 20px;
padding-right: 20px;
font-size: 16px;
padding-top: 15px;
padding-bottom: 15px;
}
.navbar > .nav-header-container .navbar-nav > li.current-menu-ancestor > a, .navbar > .nav-header-container .navbar-nav > li.current-menu-item > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li:hover > a, .navbar-default .navbar-nav > li > a.active, .navbar-default .navbar-nav > li.open > a, .navbar-default .navbar-nav > li.open > a:hover, .navbar-default .navbar-nav > li.open:hover > a{
}
.horizontal-quick-links{
top: 98px!important;
}
.hql-menu div {
float: left;
white-space: normal;
font-size: 20px;
text-transform: capitalize;
vertical-align: middle;
padding-top: 20px;
padding-bottom: 20px;
line-height: 32px;
width: 25%;
height: 104px
}
.nav-main-wrapper {
padding-bottom: 0;
}
.navbar-nav.normal li.open:before {
content: '';
position: absolute; border-left: 10px outset transparent;
border-right: 10px solid transparent;
border-top: 10px solid #319ad5;
bottom: 0;
margin-left: -10px;
display: none;
}
.padding-tb{
padding-top: 35px!important;
}
.hql-menu a{
color: #ffffff;
font-family: Campton, sans serif;
font-weight: 700;
}
.custom-nav .dropdown-menu li {display:inline-block;}
.custom-nav .dropdown-menu li.dropdown .dropdown-menu {top:210px;}
.custom-nav .navbar-brand img {
padding-top: 32px;
padding-left: 0px;
padding-bottom: 32px;
}
.custom-nav .navigacija > ul {
margin-top: 0px!important;
margin-left: 0px !important;
width: 100%;
text-align: center;
}
.custom-nav .navbar-nav > li {
display: inline-block;
float: none!important;
}
.center-nav {
position: absolute;
width: 100%;
right: 0;
padding: 0;
bottom: 0;
}
.right-nav {
position: absolute;
right: 0;
padding-right: 0px !important;
height: 100%;
}
.custom-nav .navbar-brand {
float: none!important;
height: 66px;
font-size: 18px;
line-height: 20px;
}
.custom-nav .container-fluid{
padding-left: 0px!important;
padding-right: 0px!important
}
.custom-nav .dropdown > .dropdown-menu {
padding: 0px!important;
float: none!important;
margin: 0px auto 0 !important;
white-space: nowrap;
width: 100%!important;
}
.rev-btn {
font-family: Campton, sans serif !important;
font-weight: 700 !important;
font-size: 19px !important;
line-height: 24px !important;
padding: 12px 25px!important;
}
.hephaistos .tp-bullet {
background: rgba(255, 255, 255, .5);
border: none!important;
width: 18px!important;
height: 18px!important
}
}