/* HEADINGS: #3aa9ae; (RGB 58,169,174) BODY TEXT COLOUR: #1e1e1e; (RGB 30,30,30) PINK TEXT: #e53b81; (RGB 229,59,129) PALE GREY TEXT: #A3AAAA; (RGB 163,170,170) DARK GREY BG: #222222; (RGB 34,34,34) DARK GREY SHADOW: #111110 PINK BG: #e53b81; (RGB 229,59,129) PALE PINK BG: #ffeadb; (RGB 255,234,219) PALE PINK SHADOW: #e62071; PALE GREY BG: #F7F7F7; (RGB 247,247,247) HR & BORDERS: #EBEBEB; (RGB 235,235,235) WHITE: #FFFFFF; (RGB 255,255,255) } */ @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap'); body, legend, ul.treeMenu li, ul.treeMenu li a, figure.image figcaption, ul.treeMenu li a:hover, .post-cat, .post-cat a, .slick-prev:hover, .slick-next:hover, .quicklink .ql2outer, .quicklink .ql2outer a, .quicklink .ql1outer, a .ql1outer, #blogside li, #blogside li a { color: #1e1e1e; } a, .btn-primary:hover, .btn-primary:active, #quicklink2 h3, .galleryimgtxt a, .gallerygridimgtxt a, .ql1outer .ql1-thumb, .ql1outer .ql1-thumb a, #footer i, #footer span, #newsbar .posted-on a, .employee-job, .menufooter li a:hover, #blogside li a:hover, #blogside li a.active, a.link-icon:hover { color: #e53b81; } h1, .h1, a:hover, h2, h3, h4, h5, h6, .h2, .h3, .h4, .h5, .h6, .site-title a:hover, .btn-outline-primary, .btn-outline-primary a, .counter-number, #gallerybar h2 a, .gallerygridimgtxt h3, #newsbar h2 a, #newsbar .posted-on a:hover, #team h2 a, .entry-title a, .ql2outer h3 a, .employee-content h3, .employee-content h3 a, .employee-title:hover, .employee-title:hover a, .pricing-wrapper .pricing-title, .pricing-wrapper .pricing-price, .pricing-icon, .accordion .card-header .btn-link, .entry-footer a:hover, .entry-meta a:hover, .tag-cloud > a, .post-tags > a, .page-item .page-link, .blog_search .search-field { color: #3aa9ae; } #footer h3 { color: #E4E4E4; } .site-description, .slick-prev, .slick-next, .entry-footer, .entry-footer a, #blogside .postcount, .testcompany { color: #A3AAAA; } #srchicon, #srchbtn, .site-title a, .btn-primary, .btn-primary a, .btn-info:active, .btn-info:hover, .banner h1, .banner h2, .banner h3, .banner p, .carousel-caption h2, .carousel-caption h3, .carousel-caption p, .carousel-caption a, .accordion .card-header .btn-link:after, .accordion .card-header .btn-link.collapsed:after, #cta1 h2, #cta2 h2, #cta2, #cta3, #cta3 h2, .ql2icon, .quicklink .ql2outer i, #counters, #counters h2, .employee-title, .employee-title a, .post-cat a:hover, .post-cat:hover, .page-item.active .page-link, .gallery-filters li a, a.link-icon, .tag-cloud > a:hover, .post-tags > a:hover, .menufooter li a, #footer p, #footer a, .site-copyright a { color: #FFFFFF; } #footer a:hover, .ql1outer .ql1-thumb, .ql1outer .ql1-thumb a, #testimonials blockquote:before, #testimonials blockquote:after { color: #e53b81; } .article-post .posted-on a { color: #222222; } #cta2 .btn-outline-primary, #cta2 .btn-outline-primary a { color: #3aa9ae !important; } .btn-outline-primary:hover, .btn-outline-primary:active, #cta2 .btn-outline-primary:hover, #cta2 .btn-outline-primary:active, #cta2 .btn-primary:hover, #cta2 .btn-primary:active, #cta3 .btn-outline-primary, #cta3 .btn-outline-primary a, #cta3 .btn-outline-primary:hover, #cta3 .btn-outline-primary:active .banner .btn-outline-primary, .banner .btn-outline-primary a, #cta1 .btn-primary:hover, #cta1 .btn-primary:active { color: #FFFFFF !important; } .testimonial-content:before { color: #e53b81; } hr { color: #EBEBEB; } /* menu colours */ .navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link { background-color: transparent !important; } .navbar-dark .navbar-nav .nav-link { position: relative; color: #53565A; /* parent link natural state */ border-bottom: 2px solid transparent; } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { background-color: transparent !important; color: #e53b81 !important; /* parent link hover state */ } .navbar-dark .navbar-nav .nav-link.active { background-color: transparent !important; /* active parent link state */ color: #e53b81 !important; } .navbar .dropdown-menu { background-color: #F7F7F7 !important; /* drop down menu normal state */ -webkit-transition: 2s ease; transition: 2s ease; border: 1px solid #ebebeb; } .dropdown:hover>.dropdown-menu { background-color: #F7F7F7 !important; } .nav-item .dropdown-submenu .dropdown-menu { background-color: #F7F7F7 !important; } .navbar-dark .navbar-nav ul.dropdown-menu li a { color: #3aa9ae !important; /* drop down link natural state */ border-bottom: 1px solid #ebebeb; } .navbar-dark .navbar-nav ul.dropdown-menu li:hover { background-color: transparent !important; /* drop down link hover state */ } .navbar-dark .navbar-nav ul.dropdown-menu li:hover a { color: #e53b81 !important; /* drop down link hover state */ } .navbar-dark .navbar-nav ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu li a { color: #3aa9ae !important; /* 2nd level drop down link natural state */ } .navbar-dark .navbar-nav ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu li:hover { background-color: transparent !important; /* 2nd level drop down link hover state */ } .navbar-dark .navbar-nav ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu li:hover a { color: #e53b81 !important; /* 2nd level drop down link hover state */ } .bg-dark { background-color: transparent !important; color: #FFFFFF !important; } .dropdown-submenu>a:after, .dropdown-submenu:hover>a:after { color: #3aa9ae; } /* mobile devices */ @media only screen and (max-width: 1199px) { .navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link { background-color: transparent !important; color: #FFFFFF !important; } .navbar .dropdown .nav-link::after { display: inline-block; position: relative; padding-left:1rem; font-family: 'Font Awesome 6 Pro'; content: '\f078'; font-size: 0.75rem; border-bottom: none; } .navbar-dark .navbar-nav .nav-link { color: #FFFFFF; /* parent link natural state */ border-bottom: 1px solid rgba(255,255,255,0.05); } .dropdown-submenu>a:after, .dropdown-submenu:hover>a:after { color: #FFFFFF; } .navbar .dropdown-menu { border: none; } .navbar-dark .navbar-nav .nav-link:hover:after, .navbar-dark .navbar-nav .nav-link:focus:after { display: none; } .navbar-dark .navbar-nav ul.dropdown-menu li:hover { color: #FFFFFF !important; /* drop down link hover state */ } .navbar-dark .navbar-nav ul.dropdown-menu li:focus { color: #FFFFFF !important; /* drop down link focus state */ } .navbar-dark .navbar-nav ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu li a { color: #FFFFFF !important; /* 2nd level drop down link natural state */ } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: #FFFFFF !important; /* parent link hover state */ border-bottom: none; } .navbar-dark .navbar-nav .nav-link.active { color: #FFFFFF !important; } .navbar .dropdown-menu { background-color: #3aa9ae !important; /* drop down menu normal state */ color: #FFFFFF !important; } .dropdown:hover>.dropdown-menu { background-color: #3aa9ae !important; color: #FFFFFF !important; } .nav-item .dropdown-submenu .dropdown-menu { background-color: #3aa9ae !important; color: #FFFFFF !important; } .navbar-dark .navbar-nav ul.dropdown-menu li a { color: #ffffff !important; /* drop down link natural state */ border-bottom: 1px solid rgba(255,255,255,0.05) !important; } .navbar .show { background-color: #3aa9ae !important; color: #FFFFFF !important; -webkit-transition: initial !important; transition: initial !important; } } /* background colours */ body, .pricing-wrapper, .testimonial-bg, .enquirybg, .link-icon:hover { background-color: #FFFFFF; } hr { background-color: #EBEBEB; } #loadingDiv { background-color:rgba(255,255,255,0.3); } #cta3 .row-overlay { background-color: rgba(34,34,34,0.8) !important; transition: background 200ms linear; } #cta1, .ql2icon, #counters, .accordion .card-header .btn-link:after, .accordion .card-header .btn-link.collapsed:after, .page-item.active .page-link, .gallery-filters li, .post-cat:hover, .tag-cloud > a:hover, .post-tags > a:hover { background-color: #e53b81; } #cta2, .link-icon, #footer, .gallery-filters li:hover { background-color: #3aa9ae; } #social, .post-cat, #quicklink1, #testimonials, .counter-bar, #newsbar, #team, #pricebar, .tag-cloud > a, .post-tags > a, .flexcontainer blockquote, .blog_search .search-field { background-color: #F7F7F7; } .site-header, .maingallery #gallerybarimgs, .mainteam { background-color: #FFFFFF !important; } .btn-primary:hover, .btn-primary:active, #cta1 .btn-primary:hover, #cta1 .btn-primary:active, #cta2 .btn-primary:hover, #cta2 .btn-primary:active, #cta3 .btn-outline-primary, #cta3 .btn-outline-primary:visited { background-color: transparent !important; } .btn-primary, .btn-primary:visited, #cta2 .btn-primary, #cta2 .btn-primary:visited, #cta3 .btn-outline-primary:active, #cta3 .btn-outline-primary:hover { background-color: #e53b81 !important; } #cta1 .btn-primary, #cta1 .btn-primary:visited { background-color: #3aa9ae !important; } .btn-outline-primary, .btn-outline-primary:visited { background-color: transparent !important; } .btn-outline-primary:active, .btn-outline-primary:hover { background-color: #e53b81 !important; } #cta2 .btn-outline-primary:active, #cta2 .btn-outline-primary:hover { background-color: #e53b81 !important; } .galleryitem::before { background-color: rgba(229,59,129,0.8); } .galleryimgtxt a::before, .gallerygridimgtxt h3::before { background-color: rgba(58,169,174,0.5); } .galleryimgtxt a::after, .gallerygridimgtxt h3::after { background-color: rgba(58,169,174,0.5); } /* border colours */ .loader { border-top: 1.1em solid rgba(229,59,129,0.2); border-right: 1.1em solid rgba(229,59,129,0.2); border-bottom: 1.1em solid rgba(229,59,129,0.2); border-left: 1.1em solid #e53b81; } #srch input, .pricing-wrapper, .blog_search .search-field, #testimonials .testimonial-bg, #blogside, fieldset, fieldset fieldset fieldset { border: 1px solid #EBEBEB; } .form-control { border: 2px solid #444; } .post { border-bottom: 1px #EBEBEB solid; } .entry-footer { border-top: 1px #EBEBEB solid; } .site-footer { border-top: 1px #3A3A3A solid; } .site-header { border-bottom: 1px solid rgba(255,255,255,0.1); } .pricing-header { border-bottom: 1px solid #EBEBEB; } ul.treeMenu > li > ul > li, ul.treeMenu > li > ul > li > ul > li { border-left: 1px dotted #EBEBEB; } .flexcontainer blockquote { border-left: 2px solid #cbd1dc; } .btn-primary, .btn-primary:visited, .btn-primary:hover, .btn-primary:active, .btn-outline-primary, .btn-outline-primary:visited, .btn-outline-primary:active, .btn-outline-primary:hover, #cta2 .btn-primary, #cta2 .btn-primary:visited, #cta2 .btn-primary:hover, #cta2 .btn-primary:active { border: 2px #e53b81 solid; } #cta1 .btn-primary, #cta1 .btn-primary:visited { border: 1px #3aa9ae solid; } #cta3 .btn-outline-primary, #cta3 .btn-outline-primary:visited, #cta3 .btn-outline-primary:active, #cta3 .btn-outline-primary:hover { border: 1px #e53b81 solid; } .flexcontainer blockquote:hover { border-color: #e53b81; } .btn-primary:hover, #pricebar .btn-primary:hover, #pricebar .btn-primary:active, #quicklink1 .btn-primary:hover, #quicklink1 .btn-primary:active, #cta2 .btn-outline-primary, #cta2 .btn-outline-primary:visited, #cta2 .btn-outline-primary:active, #cta2 .btn-outline-primary:hover { border: 1px #e53b81 solid; } .page-item.active .page-link { border: 1px #e53b81 solid; } /* html styles */ html { font-size: 16px; } /* mobile devices */ @media only screen and (max-width: 767px) { html { font-size: 16px; } } /* tablet Landscape */ @media only screen and (min-width : 768px) and (max-width : 1024px) { html { font-size: 16px; } } html, body { height:100%; } hr { border:none; height: 1px; } body { position: relative; font-weight: normal; font-family: 'Roboto', Sans-serif; } a, a:hover, .btn-link, .btn-link:hover, .btn-link.active, .fancybox-caption:hover { text-decoration:none; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .banner h1, .banner h2, .banner h3, .site-title, .counter-name, .testimonial-content, .navbar .nav-item { font-family: 'Roboto Condensed', sans-serif; font-weight:700; } .banner h1, .banner h2, .banner h3, .navbar .nav-item { font-family: 'Roboto', Sans-serif !important; } h1, .h1, .widget-area h2 { font-size: 4rem; line-height: 125%; } h2, .h2 { font-size: 1.875rem; line-height: 125%; } h3, .h3 { font-size: 1.5rem; line-height: 125%; } h4, .h4 { font-size: 1.125rem; line-height: 125%; } h5, .h5 { font-size: 1rem; line-height: 125%; } h6, .h6 { font-size: 0.875rem; line-height: 125%; } /* mobile devices */ @media only screen and (max-width: 767px) { h1, .h1, .widget-area h2 { font-size: 3rem; line-height: 125%; } h2, .h2 { font-size: 1.875rem; line-height: 125%; } h3, .h3 { font-size: 1.5rem; line-height: 125%; } h4, .h4 { font-size: 1.125rem; line-height: 125%; } h5, .h5 { font-size: 1rem; line-height: 125%; } h6, .h6 { font-size: 0.875rem; line-height: 125%; } } /* tablet Landscape */ @media only screen and (min-width : 768px) and (max-width : 1024px) { h1, .h1, .widget-area h2 { font-size: 2.5rem; line-height: 125%; } h2, .h2 { font-size: 2rem; line-height: 125%; } h3, .h3 { font-size: 1.75rem; line-height: 125%; } h4, .h4 { font-size: 1.5rem; line-height: 125%; } h5, .h5 { font-size: 1.2rem; line-height: 125%; } h6, .h6 { font-size: 1rem; line-height: 125%; } } h1 + div { padding-top: 0.5em; } h2 + div { padding-top: 0em; } h2 + ul { padding-top: 1em; } h3 + ul { padding-top: 0.75em; } h3 + div { padding-top: 0.75em; } h1 + p, ul + h2, p + h2, ul + h3, p + h3, ul + h4, p + h4, ul + h5, p + h5 { padding-top: 1em; } mark { font-weight:700; background-color: yellow; color: black; } img{ border: 0pt; } .img-shadow, .img-shadow img { border-radius: 3px !important; box-shadow: 0 8px 24px rgba(0,0,0,.2) !important; } section { width: 100%; display:block; } form { margin: 0; } input, textarea, select { font-size: 1rem; font-weight: normal; } .enqfrm .form-group label { margin: 0; display:none; } .enqfrm .form-check-inline label { margin: 0 1rem 0 0; } .enqfrm .form-check-inline input[type="radio"], .enqfrm .form-check-inline input[type="checkbox"] { margin-right: 0.5rem; } .form-control { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } fieldset { width: 100%; -moz-border-radius: 0.333rem; -webkit-border-radius: 0.333rem; border-radius: 0.333rem; margin: 1rem 0 2rem 0; padding: 1rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } legend { font-weight:700; font-size:1.44rem; padding-right: 10px; padding-left: 10px; display:inline; width:auto; } fieldset fieldset legend { font-weight:700; font-size:1.2rem; padding-right: 0.666rem; padding-left: 0.666rem; } fieldset fieldset fieldset legend { font-weight:700; font-size:1.1rem; padding-right: 0.666rem; padding-left: 0.666rem; } fieldset fieldset fieldset { width: 100%; -moz-border-radius: 0.333rem; -webkit-border-radius: 0.333rem; border-radius: 0.333rem; margin: 1rem 0 1rem 0; padding: 0.5rem 1rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .btn-primary { text-align:center; font-size: 1rem; font-weight: 700; text-transform: uppercase; padding: 0.625rem 1.25rem; cursor: pointer; width: auto; box-shadow: 0 5px 0 #e62071; border-radius: 0.3125rem; -moz-border-radius: 0.3125rem; -webkit-border-radius: 0.3125rem; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .btn-primary:hover { box-shadow: none; } .btn-outline-primary { text-align:center; font-size: 1rem; font-weight: 700; text-transform: uppercase; padding: 0.625rem 1.25rem; cursor: pointer; width: auto; border-radius: 0.3125rem; -moz-border-radius: 0.3125rem; -webkit-border-radius: 0.3125rem; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .btn-primary:disabled { border: 1px solid #b6b6b6; background-color: #F7F7F7; color: #999; text-align:center; font-size: 1rem; font-weight: 700; text-transform: uppercase; padding: 0.625rem 1.25rem; cursor: pointer; width: auto; box-shadow: 0 5px 0 #e62071; border-radius: 0.3125rem; -moz-border-radius: 0.3125rem; -webkit-border-radius: 0.3125rem; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .accordion .card-header .btn-link { text-transform: uppercase; font-size: 1.125rem; font-weight: 700; } .accordion .card-header .btn-link:hover, .accordion .card-header .btn-link:active, .accordion .card-header .btn-link:focus, .accordion .card-header .btn-link:visited { text-decoration: none !important; } .accordion .card-header { border-bottom:none; position: relative; } .accordion .card { border:none; } .accordion .card-header .btn-link:after { font-family: 'Font Awesome 6 Pro'; content: "\f068"; position: absolute; top: 1.4rem; right: 1rem; z-index: 999; text-align: center; width: 28px; height: 28px; } .accordion .card-header .btn-link.collapsed:after { /* symbol for "collapsed" panels */ font-family: 'Font Awesome 6 Pro'; content: "\f067"; position: absolute; top: 1.4rem; right: 1rem; z-index: 999; text-align: center; width: 28px; height: 28px; } .accordion .card-body { font-size: 1.125rem; } /* mobile devices */ @media only screen and (max-width: 767px) { .accordion .card-header .btn-link { font-size: 1rem; } .accordion .card-header { padding: .2rem .5rem .5rem .5rem; } .accordion .card-header .btn-link:after { display: none; } .accordion .card-header .btn-link.collapsed:after { display: none; } } /* mobile devices */ @media only screen and (max-width: 767px) and (orientation: portrait) { .accordion .card-header .btn-link { font-size: 1rem; } } /* tablet devices landscape */ @media (min-width: 768px) and (max-width: 1024px) and (orientation:portrait) { .accordion .card-header .btn-link { font-size: 1rem; } .accordion .card-header .btn-link:after { display: none; } .accordion .card-header .btn-link.collapsed:after { display: none; } } .loader, .loader:after { border-radius: 50%; width: 10em; height: 10em; } .loader { font-size: 10px; position:absolute; top:40%; left:45%; text-indent: -9999em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #loadingDiv { position:absolute; top:0; left:0; width:100%; height:100%; z-index: 99999; -webkit-backdrop-filter: blur(7px); backdrop-filter: grayscale(0.5) blur(7px); } /*edit bar */ .editbar { font-size: 0.9333rem; position: fixed; right:0.666rem; bottom:1rem; z-index:99999; background-color: #F0F0F0; padding: 0.333rem; border-radius: 0.333rem; -moz-border-radius: 0.333rem; -webkit-border-radius: 0.333rem; text-align:center; } .editbar a { color:black; } .editbar i { padding:0.2rem; } .editbar i:hover { opacity:0.5; } /* print only */ .noprint { } .print { margin: 0; padding: 0; visibility: hidden; display: none; } /* image tags */ figure.image { display: inline-block; margin: 0 0.1333rem 0 0.0666rem; } figure.align-left { float: left; margin-right: 1rem; } figure.align-right { float: right; margin-left: 1rem; } figure.align-center { display: table; margin-left: auto; margin-right: auto; } figure.image img { margin: 0.5rem 0.5rem 0.25rem 0.5rem; } figure.image img { max-width: 100%; height: auto; } figure.image figcaption { margin: 0.4rem 0.5rem; text-align: center; font-size: 0.9333rem; font-style: italic; } .pictureright, .pictureRight { float: right; margin-left: 1rem; margin-top: 1rem; margin-bottom: 1rem; } .pictureleft, .pictureLeft { float: left; margin-right: 1rem; margin-top: 1rem; margin-bottom: 1rem; } .imgmax img { max-width: 100%; height: auto; } /* mobile devices */ @media only screen and (max-width: 812px) and (orientation: landscape) { .pictureright, .pictureRight { float: right !important; margin-left: 1em !important; margin-top:0 !important; margin-bottom:0 !important; display:inline !important; max-width: 50% !important; } .pictureleft, .pictureLeft { float: left !important; margin-right: 1em !important; margin-top:0 !important; margin-bottom:0 !important; display:inline !important; max-width: 50% !important; } } /* mobile devices */ @media only screen and (max-width: 767px) and (orientation: portrait) { .pictureleft, .pictureLeft, .pictureright, .pictureRight { float: none; margin-left: auto; margin-right: auto; margin-top:1em; margin-bottom:1em; display:block; } .pictureleft img, .pictureLeft img, .pictureright img, .pictureRight img { max-width: 100%; height: auto; } } /* tablet devices */ @media (min-width: 768px) and (max-width: 1024px) { .pictureright, .pictureRight { float: right; margin-left: 1em; max-width: 50%; } .pictureleft, .pictureLeft { float: left; margin-right: 1em; max-width: 50%; } } /* tablet devices landscape */ @media (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) { .pictureright, .pictureRight { float: right; margin-left: 1em; max-width: 50%; } .pictureleft, .pictureLeft { float: left; margin-right: 1em; max-width: 50%; } } /* general styles */ .onlymobile, .onlyresponsive { display: none; } /* large tablet devices portrait */ @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) { .noipad, .nolandscapemobile { display: block !important; } .editbar { display: none !important; } } /* large tablet devices landscape */ @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) { .editbar, .noipad { display: none; } .slider .row { margin-right: 0px; margin-left: 0px; } } /* tablet devices landscape */ @media (min-width: 768px) and (max-width: 1024px) and (orientation:portrait) { .editbar, .noipad, .noresp, .nolandscapemobile, .onlyresponsive { display: none !important; } } /* tablet devices landscape */ @media (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) { .editbar, .noipad, .nomobile, .onlymobile { display: none !important; } .onlyresponsive { display: block; } } /* IPhone X Landscape */ @media only screen and (min-width: 375px) and (max-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { .editbar, .noipad, .noresp, .nolandscapemobile { display: none; } } /* mobile devices landscape */ @media only screen and (max-width: 767px) and (orientation: landscape) { .editbar, .nomobile, .nolandscapemobile, .nomobilelscpe, #srchouter { display: none; } .onlymobile, .onlyresponsive { display: block; } #maincontent .row, #gallerybar .row, #cta1 .row { margin-right: 0px !important; margin-left: 0px !important; } } /* mobile devices portrait */ @media only screen and (max-width: 767px) and (orientation: portrait) { .editbar, .nomobile, .noresp, #srchouter { display: none; } .onlymobile, .onlyresponsive, .mobnav { display: block; } #maincontent .row, #gallerybar .row, #cta1 .row { margin-right: 0px !important; margin-left: 0px !important; } } /* table settings */ table .w-10 { width:10%; } table .w-15 { width:15%; } table .w-20 { width:20%; } table .w-30 { width:30%; } table .w-40 { width:40%; } table .w-50 { width:50%; } table .w-60 { width:60%; } table .w-70 { width:70%; } table .w-80 { width:80%; } table .w-90 { width:90%; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 16px; font-size: 1rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /* === MENUS === */ /* main menu */ .navbar { padding: 0 !important; font-size:0.875rem; font-weight:700; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .nav-link { text-transform: uppercase; padding: 0.625rem 1rem !important; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .nav-link a { display: inline-block; text-decoration: none; position: relative; z-index: 11; padding: 0 1rem; } .navbar ul.navbar-nav li.nav-item:last-child { padding-right: 0rem !important; } .dropdown-menu { font-size:0.875rem; min-width: 16.666rem; position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; padding: 0; margin: 0; text-align: left; list-style: none; background-clip: padding-box; border: none; border-radius: 0; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .dropdown-menu-right { right: 0; left: auto; } .dropdown:hover>.dropdown-menu { display: block; } .dropdown-menu li a { padding: .65rem 1rem !important; } .navbar-dark .navbar-nav ul.dropdown-menu li:last-child { border-bottom: none; } .dropdown-menu { list-style: none; margin: 0; padding: 0; } .dropdown-menu li a { display: block; clear: both; line-height: 1.5rem; white-space: normal; } .dropdown-menu li a:hover { text-decoration: none; } .dropdown-submenu { position: relative; } .dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: 0; margin-left: 0; } .dropdown-submenu:hover>.dropdown-menu { display: block; } .dropdown-submenu>a:after { display: block; font-family: 'Font Awesome 6 Pro'; content: '\f054'; float: right; width: 0; height: 0; margin-top: 0; font-size: 1rem; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 0.666rem; } .ipadpro { display: none; } /* mobile devices */ @media only screen and (max-width: 1199px) { .navbar { position: relative !important; top: 0px !important; left: 0; right: 0; width: 100%; height: auto; z-index: 99990; text-align: center !important; } .navsection { margin-top: 0px; } .navsection .container { max-width:100% !important; padding-right: 0px; padding-left: 0px; margin-right: 0px !important; margin-left: 0px !important; } .navbar-dark .navbar-toggler { color: #FFFFFF; border-color: transparent; } .navbar-dark .navbar-toggler{ border-color:rgba(58,169,174,0) } .navbar-dark .navbar-toggler-icon { background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(58,169,174, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") } .navopen .navbar-toggler-icon { background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(58,169,174, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") } .dropdown-menu { text-align: center; } } /* tablet devices */ @media (min-width: 768px) and (max-width: 1199px) { .navbar { position: absolute !important; top: -25px !important; right: 0; width: 100%; height: auto; z-index: 99990; text-align:left !important; } .navbar .dropdown-menu { -webkit-transition: initial !important; transition: initial !important; } .dropdown-menu { text-align: left; } } /* tablet devices landscape */ @media (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) { .nav-link { margin: 0 0.6rem; padding: 1rem 1rem; } } /* search section */ #srchouter { display:inline-block; position:relative; padding: 0.5rem 1rem 0 2rem !important; font-size:1.125rem; font-weight:700; } #srchiconouter { display:inline-block; } #srchbtnouter { display:inline-block; } #srch { top: 0.2rem; right: 3rem; width:24em; height:40px; z-index: 1000; position: absolute; } #srch input { padding:0.5em 1em 0.5em 1em; height:40px; font-size:87.5%; width:24em; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .search-form { position: relative; } .search-button { background-color: transparent; border: none; position: absolute; top: 50%; height: 100%; right: .875rem; transform: translateY(-50%); transition: all .3s ease-out; color: #ddd; } .search-button:focus, .search-button.focus, .search-button.active.focus, .search-button.active:focus, .search-button:active.focus, .search-button:active:focus { outline: 0; } .search-button:hover { color: #0d592b; } /* mobile devices */ @media only screen and (max-width: 1199px) { #srchouter { display:none; } #srchiconouter { display:none; } #srchbtnouter { display:none; } } /* footer menu */ ul.menufooter { padding: 0 !important; margin: 0 !important; font-size:0.875rem; font-weight:400; list-style: none; } .menufooter li { padding: 0 0 0.75rem 0; position:relative; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .menufooter li a, .menufooter li a:hover { text-decoration:none; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } /* site map menu */ ul.treeMenu { margin-left: 0px; padding-left: 0px; font-size: 1rem; } ul.treeMenu li { padding: 0.666rem 0 0 1rem; margin-left: 0px; list-style-type: none; background-image: none !important; } ul.treeMenu li::before { display: none; } ul.treeMenu li i { padding-right: 0.5rem; } ul.treeMenu li ul { margin-bottom: 0.666rem; margin-left: 0.666rem; padding-left: 0.666rem; } ul.treeMenu li a, ul.treeMenu li a:hover { font-weight: normal; text-decoration:none; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } /* Social Icons */ .social-media-list a:before { font-family: 'Font Awesome 6 Brands'; color: inherit; } ul.social-media-list { margin: 0; padding: 0; display: inline-block; } ul.social-media-list li { float: left; padding: 0; margin: 0 0.5rem 0.9rem 0.5rem; list-style: none; } /* mobile devices */ @media only screen and (max-width: 767px) { ul.social-media-list li { margin: 0.5rem; } } .social-media-list a { -webkit-backface-visibility: visible; backface-visibility: visible; display: inline-block; } .social-media-list li a:hover { text-decoration:none; } .social-media-list li a::before { display: block; font-size: 2rem; text-align: center; color: #FFFFFF; width: 4rem; line-height: 4rem; border-radius: 0.7rem; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .social-media-list a[href*="behance"]::before { content: '\f1b4'; background: #e53b81; } .social-media-list a[href*="behance"]:hover:before { background: #053eff; color: #FFFFFF; } .social-media-list a[href*="deviantart.com"]::before { content: '\f1bd'; background: #e53b81; } .social-media-list a[href*="deviantart.com"]:hover:before { background: #05cc47; color: #FFFFFF; } .social-media-list a[href*="dribbble.com"]::before { content: '\f17d'; background: #e53b81; } .social-media-list a[href*="dribbble.com"]:hover:before { background: #ea4c89; color: #FFFFFF; } .social-media-list a[href*="facebook.com"]::before { content: "\f39e"; background: #e53b81; } .social-media-list a[href*="facebook.com"]:hover:before { background: #3b5998; color: #FFFFFF; } .social-media-list a[href*="flickr.com"]::before { content: "\f16e"; background: #e53b81; } .social-media-list a[href*="flickr.com"]:hover:before { background: #0063dc; color: #FFFFFF; } .social-media-list a[href*="foursquare.com"]::before { content: '\f180'; background: #e53b81; } .social-media-list a[href*="foursquare.com"]:hover:before { background: #f94877; color: #FFFFFF; } .social-media-list a[href*="plus.google.com"]::before { content: '\f0d5'; background: #e53b81; } .social-media-list a[href*="plus.google.com"]:hover:before { background: #ea4335; color: #FFFFFF; } .social-media-list a[href*="google.com/+"]::before { background: #e53b81; } .social-media-list a[href*="google.com/+"]:hover:before { background: #ea4335; color: #FFFFFF; } .social-media-list a[href*="instagram.com"]::before { content: '\f16d'; background: #e53b81; } .social-media-list a[href*="instagram.com"]:hover:before { background: #c32aa3; color: #FFFFFF; } .social-media-list a[href*="linkedin.com"]::before { content: '\f0e1'; background: #e53b81; } .social-media-list a[href*="linkedin.com"]:hover:before { background: #007bb5; color: #FFFFFF; } .social-media-list a[href*="pinterest.com"]::before { content: '\f231'; background: #e53b81; } .social-media-list a[href*="pinterest.com"]:hover:before { background: #bd081c; color: #FFFFFF; } .social-media-list a[href*="reddit.com"]::before { content: '\f281'; background: #e53b81; } .social-media-list a[href*="reddit.com"]:hover:before { background: #FF4500; color: #FFFFFF; } .social-media-list a[href*="soundcloud.com"]::before { content: '\f1be'; background: #e53b81; } .social-media-list a[href*="soundcloud.com"]:hover:before { background: #ff7700; color: #FFFFFF; } .social-media-list a[href*="snapchat.com"]::before { content: '\f2ac'; background: #e53b81; } .social-media-list a[href*="snapchat.com"]:hover:before { background: #FFFC00; color: #FFFFFF; } .social-media-list a[href*="spotify.com"]::before { content: '\f1bc'; background: #e53b81; } .social-media-list a[href*="spotify.com"]:hover:before { background: #1DB954; color: #FFFFFF; } .social-media-list a[href*="tiktok.com"]::before { content: '\e07b'; background: #e53b81; } .social-media-list a[href*="tiktok.com"]:hover:before { background: #69c9d0; color: #FFFFFF; } .social-media-list a[href*="trello.com"]::before { content: '\f181'; background: #e53b81; } .social-media-list a[href*="trello.com"]:hover:before { background: #0079BF; color: #FFFFFF; } .social-media-list a[href*="tumblr.com"]::before { content: '\f173'; background: #e53b81; } .social-media-list a[href*="tumblr.com"]:hover:before { background: #2c4762; color: #FFFFFF; } .social-media-list a[href*="twitter.com"]::before { content: "\e61b"; background: #e53b81; } .social-media-list a[href*="twitter.com"]:hover:before { background: #000000; color: #FFFFFF; } .social-media-list a[href*="x.com"]::before { content: "\e61b"; background: #e53b81; } .social-media-list a[href*="x.com"]:hover:before { background: #000000; color: #FFFFFF; } .social-media-list a[href*="vimeo.com"]::before { content: '\f27d'; background: #e53b81; } .social-media-list a[href*="vimeo.com"]:hover:before { background: #1ab7ea; color: #FFFFFF; } .social-media-list a[href*="weibo.com"]::before { content: '\f18a'; background: #e53b81; } .social-media-list a[href*="weibo.com"]:hover:before { background: #030104; color: #FFFFFF; } .social-media-list a[href*="whatsapp.com"]::before { content: '\f232'; background: #e53b81; } .social-media-list a[href*="whatsapp.com"]:hover:before { background: #25D366; color: #FFFFFF; } .social-media-list a[href*="xing.com"]::before { content: '\f168'; background: #e53b81; } .social-media-list a[href*="xing.com"]:hover:before { background: #015C5D; color: #FFFFFF; } .social-media-list a[href*="youtube.com"]::before { content: '\f167'; background: #e53b81; } .social-media-list a[href*="youtube.com"]:hover:before { background: #ff0000; color: #FFFFFF; } /* responsive embedded video */ .embed-container, .video-responsive { 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%; } .video-responsive iframe, .video-responsive object, .video-responsive embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* responsive table */ @media only screen and (max-width: 767px) { .responsive table, .responsive thead, .responsive tbody, .responsive th, .responsive td, .responsive tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ .responsive thead tr { position: absolute; top: -9999px; left: -9999px; } .responsive tr { border: none; } .responsive td { /* Behave like a "row" */ border: none; position: relative; padding-left: 0%; } .responsive tr { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #EBEBEB; } .responsive td { background-color:WHITE; } .responsive td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } } /* === HEADER === */ .header { } .scrolled { top: 0; width: 100%; z-index: 999; position:fixed; } .site-title { font-size:2.25rem; } .site-title a { -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } p.site-title { margin-bottom:0 !important; } .logo { padding-left: 2rem; } .logo img { width: auto; max-height: 80px; } .site-description { font-size:1rem; } .site-header { padding: 1.5rem 0; width: 100%; } .headertxt i { padding-right: 0.5rem; } @media only screen and (max-width: 991px) { .site-header { padding: 0.75rem 0; } } /* === FOOTER === */ #footer { position: relative; } #footer h3 { font-size: 1.5rem; border-bottom: 4px double #e53b81; padding-bottom:1rem; } #footer p { font-size: 1.125rem; line-height: 1.7; } #footer span { padding-right: 0.625rem; } .site-copyright { font-size: 0.875rem; } /* === BANNER === */ /* youtube video banner */ .video-container { position: relative; width: 100vw; height: 100vh; z-index:-1; } .video-container iframe { position: relative; top: 50%; left: 50%; width: 100vw; height: 100vh; transform: translate(-50%, -50%); pointer-events: none; z-index:-1; } .video-mobile { display: none; position: relative; width: 100%; height: 100vh !important; pointer-events: none; clear: both; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; overflow:hidden; } @media (min-aspect-ratio: 16/9) { .video-container iframe { height: 56.25vw; } } @media (max-aspect-ratio: 16/9) { .video-container iframe { width: 177.78vh; } } /* mobile devices */ @media only screen and (max-width: 1198px) { .video-container iframe { display: none; } .video-mobile { display: block; } } /* banner height */ .bgimg, .carouselh { height: 100vh; } .banner h1, .banner h2 { clear:both; margin: 0 auto; font-size: 5rem; text-shadow: 0 0 2px #222, 0 0 2px #222; font-weight: 700; display: block; } .banner h3 { clear:both; display:inline-block; padding-top: 2rem; margin-bottom: 0; padding-bottom: 0; font-size: 1.75rem; font-weight: 400; text-shadow: 0 0 2px #222, 0 0 2px #222; } .bannersection { position: relative; } .bgimg, .carousel-item, .carouselh { position: relative; background-attachment: fixed !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; overflow:hidden; } .caption { position: absolute; left: 0; top: 0; left:0; right: 0; width: 100%; height: 100%; z-index: 99; } .caption.scrolled { visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; } .banner .btn-primary, .banner .btn-outline-primary { margin-top:2rem; } .carousel-control-prev, .carousel-control-next { z-index: 1; -webkit-transition: all .5s; transition: all .5s; } .carousel:hover .carousel-control-prev, .carousel:hover .carousel-control-next { z-index: 9999; } .carousel-fade .carousel-item { display: block; opacity: 0; transition: opacity 2s ease-in-out !important; left: 0; top: 0; position: absolute; } .carousel-fade .carousel-item.active { opacity: 1 !important; transition: opacity 2s ease-in-out !important; z-index: 2; } .carousel.carousel-fade .carousel-item:first-child { top: auto; position: relative; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .carousel-control-next, .carousel-fade .carousel-inner > .item.active.right { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .carousel-control-prev, .carousel-fade .carousel-inner > .item.active.left { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .carousel-control-next, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .carousel-control-prev, .carousel-fade .carousel-inner > .item.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .carousel-item .img-fluid { margin: 0 auto; } .carousel img { opacity: 0.5; filter: alpha(opacity=50); } @media (prefers-reduced-motion:reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none; } } /* mobile devices */ @media only screen and (max-width: 767px) { .banner h1, .banner h2 { font-size: 2rem; letter-spacing: 1px; } .banner h3 { margin: 0 auto 1.875rem; padding: 0 0 0.625rem 0; font-size: 1.15rem; letter-spacing: 1px; } .bgimg, .carouselh { height: 65vh !important; } .bgimg, .carousel-item, .carouselh { background-attachment: scroll !important; } .banner .btn-outline-primary { margin-top:1.5rem; } .bannerbtns { text-align: center; width: auto; margin-left:auto; margin-right:auto; } .bannerbtns .btn { display: block; margin-bottom:0.5rem; } } /* mobile devices landscape */ @media only screen and (max-width: 767px) and (orientation:landscape) { .bgimg, .carouselh { height: 100vh !important; } .bgimg, .carousel-item, .carouselh { background-attachment: scroll !important; } } /* tablet devices */ @media (min-width: 768px) and (max-width: 1024px) { .banner h1, .banner h2 { font-size: 1.875rem; letter-spacing: 2px; } .banner h3 { margin-bottom: 1.875rem; padding-bottom: 0.625rem; font-size: 1.44rem; letter-spacing: 1px; } .bgimg, .carouselh { height: 45vh !important; } .bgimg, .carousel-item, .carouselh { background-attachment: scroll !important; } } /* tablet devices landscape */ @media (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) { .bgimg, .carouselh { height: 100vh !important; } .bgimg, .carousel-item, .carouselh { background-attachment: scroll !important; } .caption .container { margin-top:0rem !important; } } /* mobile devices landscape */ @media only screen and (max-width: 844.98px) and (orientation: landscape) { .caption { display: none; } .bannercaption { display: none; } } /* === FLEX CONTAINER === */ .flexcontainer { position: relative; z-index:2; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; margin:0; padding:0; font-size: 1.125rem; } #mainflex { -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .fcscrolled { margin-top:7rem; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .flexcontainer ul { list-style-type: disc; list-style-position: outside; } .flexcontainer ol { list-style-type: decimal; list-style-position: outside; } .flexcontainer ul ul, .flexcontainer ol ul { list-style-type: circle; list-style-position: inside; } .flexcontainer ol ol, .flexcontainer ul ol { list-style-type: lower-latin; list-style-position: outside; } .flexcontainer img { max-width: 100%; height: auto; } .flexcontainer blockquote { padding: 1.5625rem; margin: 2.666rem 0; transition: all .3s ease-in-out; } .flexcontainer .btn-outline-primary { margin-top:0rem; } .flexcontainer ul.pagination { list-style: none; } /* === MAIN CONTENT === */ #maincontent { font-size: 1.125rem; word-wrap: break-word; line-height: 1.5; font-weight: 400; text-rendering: optimizeLegibility; } #maincontent .container { width: 100%; padding-right: 15px !important; padding-left: 15px !important; margin-right: auto; margin-left: auto; } #maincontent .row { margin-right: 0px !important; margin-left: 0px !important; } #maincontent .row { margin-right: -15px !important; margin-left: -15px !important; } #maincontent h1 { position: relative; text-align: center; margin-bottom: 3.75rem; text-transform: uppercase; } #maincontent h1:after { position: absolute; left: calc(50% - 35px); width: 70px; content: ""; border-bottom: 6px double #e53b81; bottom: -10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #maincontent .widget-title { margin-bottom: 4.5rem; } /* mobile devices */ @media only screen and (max-width: 767px) { #maincontent .widget-title { margin-bottom: 2.5rem; } .contact-outer { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } } /* === WIDGETS START === */ .widget-area { font-size: 1.125rem; line-height: 1.5; } .widget-area h2 { position: relative; text-transform: uppercase; font-size: 3.5rem !important; margin-bottom: 4rem !important; } .widget-area h2:after { position: absolute; left: calc(50% - 35px); width: 70px; content: ""; border-bottom: 6px double #e53b81; bottom: -10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*.lightarea.widget-area h2:after { border-bottom: 6px double #fff; }*/ /* mobile devices */ @media only screen and (max-width: 767px) { .widget-area h2 { font-size: 2.5rem !important; margin-bottom: 3rem !important; } } /* === CALL TO ACTION 1 === */ #cta1 h2 { font-size:2rem !important; font-weight:700; line-height: 1; margin-bottom: 0 !important; padding-bottom: 0 !important; } #cta1 .btn-primary { margin-top:0; box-shadow: 0 5px 0 #099096; } #cta1 .btn-primary:hover { margin-top:0; box-shadow: none; } /* === CALL TO ACTION 2 === */ #cta2 h2 { font-size:3.75rem; margin-bottom: 4.5rem; line-height: 1; position: relative; } #cta2 .btn-outline-primary { margin-top:0; padding:0.875rem 3rem; } /* mobile devices */ @media only screen and (max-width: 768px) { #cta2 h2 { font-size:2.75rem; margin-bottom: 3.5rem; } } /* === CALL TO ACTION 3 === */ #cta3 { position: relative; clear: both; background-size: cover; background-attachment: fixed; background-repeat: no-repeat; background-position: center; } #cta3 h2 { margin-top: 1.5rem; margin-bottom: 4.5rem; position: relative; } #cta3 .row-overlay { content: ''; top: 0; left: 0; position: absolute; width: 100%; height: 100%; } /* mobile devices */ @media only screen and (max-width: 768px) { #cta3 { background-attachment: scroll; } } /* tablet devices */ @media (min-width: 768px) and (max-width: 1024px) { #cta3 { background-attachment: scroll; } } /* === QUCIKLINKS === */ #quicklink1 .container-fluid { padding-right: 0; padding-left: 0; } #quicklink1 h2, #quicklink2 h2 { font-size:2.25rem; position: relative; } #quicklink2 h3 { text-transform: uppercase; } #quicklink2 i { -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .ql1 i { font-size: 2.5rem; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .ql2icon { display: table; margin: 0 auto; font-size: 2.25rem; width: 4.375rem; height: 4.375rem; line-height: 1; border-radius: 50%; text-align: center; -webkit-transition: all .3s; transition: all .3s; } .ql2icon i { margin-top: 0.95rem; } .ql1outer, .ql2outer { -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .ql1outer:hover, .ql2outer:hover { transform: translateY(-7px); } .ql2outer { font-size: 1.125rem; } .ql1 h3 { font-weight: 400; } /* mobile devices */ @media only screen and (max-width: 1024px) { .ql1outer .row { margin-right: 0px !important; margin-left: 0px !important; } .ql1outer .animated { /*CSS transitions*/ -o-transition-property: none !important; -moz-transition-property: none !important; -ms-transition-property: none !important; -webkit-transition-property: none !important; transition-property: none !important; /*CSS transforms*/ -o-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; /*CSS animations*/ -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } } /* === COUNTERS === */ #counters h2 { font-size:2.25rem; position: relative; } .counter-bg { position: relative; } #counters i { margin-top:0.75rem; opacity: 0.21; font-size: 4.375rem; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .counter { -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .counter-text { top: 0; left: 0; position: absolute; width: 100%; } .counter-number { margin-top:0; padding-top:0; font-size:3.75rem; font-weight: 700; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .counter-name { font-size:1rem; text-transform: uppercase; line-height: 1.1; } /* === PRICES BAR === */ #pricebar a:hover { text-decoration:none; } #pricebar h2 a { -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .pricing-wrapper:first-child { border-radius: .1875rem 0 0 .1875rem; } .pricing-wrapper { position: relative; transition: .3s ease-in-out; } .pricing-header { position: relative; } .pricing-icon { line-height: 1; font-size: 3rem; } .pricing-wrapper { -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .pricing-wrapper:hover { transform: scale(1.1); z-index: 9999; box-shadow: 0 4px 16px rgba(0, 0, 0, .25); } .pricing-focus { z-index: 9990; } .pricing-title { font-size: 1.15rem; } .pricing-title { text-transform: uppercase; letter-spacing: .0625rem; font-size: 1rem; font-weight: 700; margin: 0; } .pricing-price { display: inline-block; position: relative; font-weight: 700; font-size: 4rem; } .pricing-price > span { position: absolute; display: block; left: -1rem; top: 2rem; font-size: 1.125rem; } .pricing-price > i { position: absolute; display: block; right: -2rem; bottom: 1rem; font-size: 0.85rem; font-style: normal; text-align: right; } .pricing-body ul { list-style-type: disc; list-style-position: inside; padding-left: 0; } .pricing-body ol { list-style-type: decimal; list-style-position: inside; padding-left: 0; } .pricing-footer { padding: 2rem 0 2.8125rem; } /* mobile devices landscape */ @media only screen and (max-width: 767px) { .pricing-wrapper:hover { transform: none; box-shadow: none; } } /* tablet devices landscape */ @media (min-width: 768px) and (max-width: 1024px) { .pricing-wrapper:hover { transform: none; box-shadow: none; } } /* === NEWS BAR === */ #newsbar a:hover { text-decoration:none; } #newsbar h2 a { -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } #newsbar .post-item-outer { -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } #newsbar .post-item-outer:hover { transform: translateY(-7px); } #newsbar .post-item { -webkit-box-shadow: 0 23px 49px 0 rgba(61,82,96,0.15); box-shadow: 0 23px 49px 0 rgba(61,82,96,0.15); } #newsbar .post-img { width:100%; padding-top: 66.67%; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; } #newsbar .posted-on a { font-size: 1rem; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .updated:not(.published) { display: none; } .post-cat { text-transform: uppercase; font-size: 0.75rem; font-weight: 500; padding: 0.5625rem 1rem; line-height: 1; border-radius: 1rem; display: inline-block; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } #newsbar h3 { font-size:1.5rem; font-weight: 300; } /* === GALLERY BAR === */ .galleryitem { position: relative; overflow: hidden; } .galleryitem::before { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 100%; -webkit-transition: width .5s; transition: width .5s; } .galleryitem:hover::before { width: 100%; } .galleryimg { background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; height: 250px; overflow: hidden; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .galleryimg img { max-width: 100%; height: auto; } .galleryimgtxt { position: absolute; top: 0; right: -100%; width: 100%; height: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; -webkit-transition: right .5s; transition: right .5s; } .galleryitem:hover .galleryimgtxt { right: 0; } .galleryimgtxt a { text-decoration: none; } .galleryimgtxt h3 { position: relative; width: 100%; display:block; text-align: center; margin: 0; } .link-icon { display:inline-block; font-size: 2.5rem; line-height: 4rem; width: 4rem; height: 4rem; border-radius: 50%; box-shadow: 0 0 1px #222; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .gallerymain .link-icon { font-size: 1rem; line-height: 2.5rem; width: 2.5rem; height: 2.5rem; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } /* tablet devices */ @media (min-width: 768px) and (max-width: 1024px) { .galleryimg { height: 170px; } .galleryimgtxt h3 { font-size: 1rem; } .link-icon { display:inline-block; font-size: 1rem; line-height: 2rem; width: 2rem; height: 2rem; border-radius: 50%; box-shadow: 0 0 1px #222; } } /* === REVIEWS/TESTIMONIALS BAR === */ #testimonials a:hover { text-decoration:none; } #testimonials h2 a { -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .testimonial-bg { min-height:200px; } .testimonial-content { font-size: 1.125rem; line-height: 1.5; position: relative; font-weight: 400; } .testimonial-title { font-size: 1.375rem; font-weight: 500; } .testcompany { font-size: 1..125rem; } #testimonials blockquote { margin: 0 1rem; padding: 2rem 3rem 2rem 4rem; line-height: 1.45; position: relative; } #testimonials blockquote p { font-size: 1.125rem; font-weight: 400; font-style: italic; } #testimonials blockquote:before { display: block; font-family: "Font Awesome 6 Pro"; font-weight: 900; content: "\f10d"; font-size: 2rem; position: absolute; left: 1rem; top: 1rem; } #testimonials .blockquote-footer { font-weight:700; font-size: 1rem; display: block; font-style: normal; margin-top: 0.333rem; } #testimonials .blockquote-footer::before { content: ""; } #testimonials blockquote cite { font-size: 0.9rem; font-weight:400; font-style: normal; display: inline-block; margin-top: 0.333rem; } /* mobile devices */ @media only screen and (max-width: 767px) { .testimonial-bg { min-height:1px; } } /* tablet devices portrait */ @media (min-width: 768px) and (max-width: 1024px) and (orientation:portrait) { .testimonial-bg { min-height:360px; } } /* tablet devices landscape */ @media (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) { .testimonial-bg { min-height:250px; } } /* mobile devices */ @media only screen and (max-width: 767px) { #testimonials blockquote cite { display: block; } .slick-prev, .slick-next { display: none; } .slick-prev { left: 0; } .slick-next { right: 0; } } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-prev, .slick-next { font-size: 2rem; position: absolute; top: 50%; display: block; width: 2rem; height: 2rem; padding: 0; opacity:0.75; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; border: none; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .slick-prev { left: -50px; } .slick-next { right: -75px; } .slick-dots { display: flex; justify-content: center; margin: 0; padding: 1rem 0; list-style-type: none; } .slick-dots li { margin: 0 0.25rem; } .slick-dots button { display: block; width: 8px; height: 8px; padding: 0; border: none; border-radius: 100%; background-color: #d1d1d1; text-indent: -9999px; } .slick-dots li.slick-active button { background-color: #0d592b; } /* === ENQUIRY FORM === */ #enquiryfrm a:hover { text-decoration:none; } #enquiryfrm h2 a { -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } #enquiryfrm .form-control { padding: 1.5rem; font-size:0.875rem; } #enquiryfrm .btn-primary { font-weight: 700; } /* === LOCATION MAP === */ #map_canvas { height:600px; } /* mobile devices */ @media only screen and (max-width: 767px) { #map_canvas { height:400px; } } /* === TEAM SECTION === */ #team a:hover { text-decoration:none; } #team h2 a { -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .employee-img-outer { width: 100%; padding-top: 100%; overflow: hidden; position: relative; } .employeeouter { -webkit-box-shadow: 0 23px 49px 0 rgba(61,82,96,0.25); box-shadow: 0 23px 49px 0 rgba(61,82,96,0.25); } .employeeouter, .employee-thumb .employee-content h3, .employee-title { -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .employee-content h3 { font-size: 1.25rem; } .employeeouter:hover { transform: translateY(-7px); } .employee-thumb { -moz-filter: none; -o-filter: none; -webkit-filter: none; filter: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin-left:auto; margin-right:auto; height:100%; width:100%; background-position: center; background-repeat: no-repeat; background-size: cover; overflow:hidden; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .teamrow:hover .employeeouter:not(:hover) .employee-thumb { -moz-filter: blur(1px) url("data:image/svg+xml;utf8,#grayscale"); -o-filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: blur(2px) grayscale(100%); filter: blur(2px) gray; filter: blur(2px) url("data:image/svg+xml;utf8,#grayscale"); } .teamimg { -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .teamimg:hover { transform: scale(1.1); z-index: 9999; box-shadow: 0 4px 16px rgba(0, 0, 0, .25); } .teamimg img { max-width: 100%; height: auto; box-shadow: 0 4px 16px rgba(90, 90, 90, .5); } /* mobile devices */ @media only screen and (max-width: 767px) and (orientation:landscape) { .employeeouter { margin-left: auto; margin-right: auto; max-width:360px; } } /* tablet devices */ @media (min-width: 768px) and (max-width: 1024px) { .employee-content h3, .employee-content .h3 { font-size: 1.125rem; } } /* === BLOG SECTION === */ #blog { width: 100%; line-height:1.5; font-size:1rem; } #blogprimary { font-size: 1rem; word-wrap: break-word; line-height: 1.5; text-rendering: optimizeLegibility; } .entry-thumb img { max-width: 100%; height: auto; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; border-radius: .1875rem; box-shadow: 0 8px 24px rgba(0,0,0,.2); } .entry-header h2 { font-size: 2.25rem; font-weight: 500; } .entry-thumb:hover img { opacity: 0.7; } .entry-meta, .entry-footer { font-size: 1rem; } .entry-meta a, .entry-footer a { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .entry-meta a:hover, .entry-footer a:hover { font-weight: 700; } #blogside { padding-right: 0 !important; padding-left: 0 !important; } #blogside section:last-of-type { border-bottom: none; margin: 0; } .blog_search label { display: block; margin-bottom: 0; } .blog_search .search-field { vertical-align: top; padding: 0.8125rem; width: 100%; } .blog_search .search-submit { display: none; } #blogside .postcount { font-size: 0.75rem; } #blog_categories ul, #blog_archives ul { list-style: none; padding: 0; font-size: 1rem; word-wrap: break-word; line-height: 1.9; text-rendering: optimizeLegibility; } #blog_categories li, #blog_categories li a, #blog_archives li, #blog_archives li a, .tag-cloud > a, .post-tags > a { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } #blog_categories li::before { content: '\f07b'; margin-right: 0.6rem; } #blog_archives li::before { content: '\f133'; margin-right: 0.6rem; } #blog_categories li::before, #blog_archives li::before { font-family: "Font Awesome 6 Pro"; font-size: 1rem; } .tag-cloud > a, .post-tags > a { position: relative; display: inline-block; text-transform: uppercase; letter-spacing: 0.0625rem; line-height: 1.5rem; font-size: 0.5375rem !important; border-radius: 0.1875rem; padding: 1px 1rem; margin: 0.3125rem 0.5rem 0.3125rem 0; } .post-preview { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .post-preview img { max-width: 100%; height: auto; border-radius: .1875rem; box-shadow: 0 8px 24px rgba(0,0,0,.2); } .post-preview:hover { transform: translateY(-7px); } /* mobile devices */ @media only screen and (max-width: 767px) { #blogprimary h2, #blogprimary .h2 { font-size: 2rem; } .posted-on, .cat-links { display:block; } .entry-meta span::after { content: ''; margin: 0; } .entry-header h1 { font-size: 2.25rem; } } /* tablet devices portrait */ @media (min-width: 768px) and (max-width: 1024px) and (orientation:portrait) { .postcount { display:none; } } /* === GALLERY SECTION === */ #gallerygrid { font-size: 1.125rem; word-wrap: break-word; line-height: 1.9; letter-spacing: 1px; font-weight: 300; text-rendering: optimizeLegibility; } ul.gallery-filters { list-style: none; padding: 0; font-size: 1.125rem; } .gallery-filters li, .gallery-filters li a { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .gallery-filters li { display: inline-block; padding:0.75rem 1.25rem; margin: 0.5rem 0.125rem; } .gallerygridimgtxt { position: absolute; top: 0; right: -100%; width: 100%; height: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; -webkit-transition: right .5s; transition: right .5s; } .galleryitem:hover .gallerygridimgtxt { right: 0; } .gallerygridimgtxt a { text-decoration: none; } .gallerygridimgtxt h3 { position: relative; width: 100%; display:block; text-align: center; margin: 0; } .gallerygridimgtxt h3::before { content: ''; width: 0; height: 1px; position: absolute; left: 0; top: -5px; margin-left: 20%; -webkit-transition: width .5s .5s; transition: width .5s .5s; } .gallerygridimgtxt h3::after { content: ''; width: 0; height: 1px; position: absolute; right: 0; bottom: -5px; margin-right: 20%; -webkit-transition: width .5s .5s; transition: width .5s .5s; } .galleryitem:hover .gallerygridimgtxt h3::before, .galleryitem:hover .gallerygridimgtxt h3::after { width: 60%; } .gallerygridimgtxt .galleryimgicons { position: absolute; left: 0; bottom: 20%; width: 100%; padding:0 2rem; font-size: 1.25rem; text-align: center; } .gallery-main-image { width:100%; max-height: 700px; } .gallery-main-image img { margin-left:auto; margin-right:auto; } .gallery-main-image img { max-width: 100%; height: auto; } .gallery-main-image img { width: auto; max-height: 700px; } /* tablet devices */ @media (min-width: 768px) and (max-width: 1024px) { .galleryimgtxt h3, .gallerygridimgtxt h3 { font-size: 1rem; } .gallerymain .link-icon { display:inline-block; font-size: 1rem; line-height: 2rem; width: 2rem; height: 2rem; border-radius: 50%; box-shadow: 0 0 1px #222; } } /* Small Devices, Tablets */ @media only screen and (max-width : 768px) { .animated { /*CSS transitions*/ -o-transition-property: none !important; -moz-transition-property: none !important; -ms-transition-property: none !important; -webkit-transition-property: none !important; transition-property: none !important; /*CSS transforms*/ -o-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; /*CSS animations*/ -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } } /* === PRODUCT CATEGORY SECTION === */ #categories { word-wrap: break-word; line-height: 1.6; font-weight: 400; text-rendering: optimizeLegibility; } .prodcatitem { background-position: center; background-repeat: no-repeat; position: relative; overflow: hidden; background-color: #e53b81; } .prodcatitem::before { content: ''; position: absolute; bottom: 0; width: 100%; height: 100%; text-align: center; margin: 0; padding: 1rem; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s !important; transition: all 0.5s !important; background-color: rgba(0,0,0,0.5); transition: background 200ms linear !important; } .prodcatitem:hover::before { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s !important; transition: all 0.5s !important; } .prodcatgridtxt { position: absolute; bottom: 20px; left: 0; width: 100%; height: auto; min-height: 40px; padding-top: 5px; padding-bottom: 5px; overflow: hidden; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; z-index: 99; -webkit-transition: all 0.5s !important; transition: all 0.5s !important; background-color: rgba(255,255,255,0.7) !important; } .prodcatitem:hover .prodcatgridtxt { background-color: rgba(255,255,255,1) !important; } .prodcatgridtxt a { text-decoration: none; } .prodcatgridtxt h3 { color: #3aa9ae; font-size: 1.125rem; position: relative; display:block; text-align: left; text-transform: uppercase; padding-left: 1rem; padding-right: 3rem; margin:0; -webkit-transition: all 0.5s !important; transition: all 0.5s !important; } .prodcatitem:hover .prodcatgridtxt h3 { color: #000000; } /* mobile devices */ @media only screen and (max-width: 767px) { .prodcatitem { max-width: 320px; margin-left:auto !important; margin-right:auto !important; } } /* mobile devices landscape */ @media only screen and (max-width: 767px) and (orientation:landscape) { } /* iPhone X Landscape */ @media only screen and (min-width: 375px) and (max-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { .prodcatgridtxt h3 { font-size: 0.9375rem; padding-left: 0.5rem; padding-right: 0.5rem; } } /* tablet devices */ @media (min-width: 768px) and (max-width: 1024px) { .prodcatgridtxt h3 { font-size: 1.0625rem; } } /* tablet devices landscape */ @media (min-width: 812px) and (max-width: 1024px) and (orientation:landscape) { } /* === PRODUCT GRID SECTION === */ #productgridside { } #productgridprimary { font-size: 0.9375rem; word-wrap: break-word; line-height: 1.6; text-rendering: optimizeLegibility; } #productgrid { font-size: 0.9375rem; word-wrap: break-word; line-height: 1.6; text-rendering: optimizeLegibility; } .prodgriditemouter { position: relative; width: 100%; height: 377px; /* grid item overall height */ box-shadow: 0 4px 16px rgba(0, 0, 0, .2); } .prodgriditem { width: 100%; height: 192px; /* grid item image height (see below as well) */ position: relative; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .prodgridimg { width: 100%; height: 192px; /* grid item image height */ text-align: center; overflow: hidden; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .prodgridimg img { max-height: 100%; width: auto; margin-left:auto; margin-right:auto; } .prodviewtxt { /* image hover background and icon */ color: #FFFFFF; background-color: rgba(0,0,0,0.5) !important; transition: background 200ms linear; position: absolute; top: 0; right: -100%; width: 100%; height: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; -webkit-transition: right .5s; transition: right .5s; } .prodgriditem:hover .prodviewtxt { right: 0; } .prodviewtxt a { color: #FFFFFF; text-decoration: none; } .prodviewtxt i { color: #FFFFFF; font-size: 2rem; position: relative; width: 100%; display:block; text-align: center; margin: 0; } .prodgridnew { /* new icon */ background-color: #e53b81; color: #FFF; position: absolute; text-align:right; padding: 0.1rem 0.75rem 0.1rem 0; right: 0; top: 0px; width: 60px; height: 28px; z-index: 9998; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-size:0.875rem; font-weight: 500; letter-spacing: 2px; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .prodgridtxt { height: 175px; /* grid item text area height */ position: relative; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .prodgridtxtinner { position: absolute; right: 0; left:0; bottom: 0; width: 100%; height: auto; z-index: 9999; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .prodgridtxt a { text-decoration: none; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .prodgridtxt h4 { font-size: 1rem; text-transform: uppercase; line-height: 1.5; text-align: left; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .prodmpn { color: #A3AAAA; font-size: 0.8125rem; font-weight: 400; } .prodgridprice { font-size: 1.125rem; font-weight: 700; line-height: 1.5; text-align: left; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .prodgridprice span { font-size: 1rem; font-weight: 400; line-height: 1.5; text-align: left; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .prodgridprice .prodstock, .prodgridprice .prodstock span { font-size: 0.875rem !important; font-weight: 700 !important; } .prodgridbtn { font-size: 2.1rem; text-transform: uppercase; line-height: 1.5; text-align: left; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .productgridbtn .btn-primary, .productgridbtn .btn-primary:visited { color: #FFFFFF !important; background-color: #e53b81 !important; border: 2px #e53b81 solid; font-size: 0.8125rem; font-weight: 700; text-transform: uppercase; padding: 0.75rem 1.25rem; } .productgridbtn .btn-primary:hover, .productgridbtn .btn-primary:active, .productgridbtn .btn-primary:hover a, .productgridbtn .btn-primary:hover a:hover { color: #e53b81 !important; background-color: transparent !important; } /* iPhone 5 Portrait */ @media only screen and (min-width: 320px) and (max-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { .prodgriditemouter { width: 100% !important; height: auto; margin-left:auto !important; margin-right:auto !important; } .prodgriditem { width: 100% !important; max-width: 100% !important; height:auto; margin-left:auto !important; margin-right:auto !important; } .prodgridimg { width: 100%; height: auto; } } /* mobile devices */ @media only screen and (min-width: 375px) and (max-width: 767px) { .prodgriditemouter { width: 320px !important; height: auto; margin-left:auto !important; margin-right:auto !important; } .prodgriditem { width: 320px !important; max-width: 320px !important; height:auto; margin-left:auto !important; margin-right:auto !important; } .prodgridimg { width: 100%; height: auto; } } /* mobile devices landscape */ @media only screen and (max-width: 767px) and (orientation:landscape) { .prodgriditemouter { width: 350px !important; height: auto; margin-left:auto !important; margin-right:auto !important; } .prodgriditem { width: 350px !important; max-width: 350px !important; height:auto; margin-left:auto !important; margin-right:auto !important; } .prodgridimg { width: 100%; height: auto; } } /* tablet devices */ @media (min-width: 768px) and (max-width: 1024px) { .prodgriditemouter { position: relative; width: 100%; height: 340px; box-shadow: 0 4px 16px rgba(0, 0, 0, .2); } .prodgriditem { height: 158px; } .prodgridimg { height: 158px !important; } .prodgridtxt { height: 182px; } .prodgridtxt h4 { font-size: 0.9375rem; } .prodgridprice { font-size: 0.9375rem; } .prodgridbtn { font-size: 1.75rem; } } /* tablet devices landscape */ @media (min-width: 812px) and (max-width: 1024px) and (orientation:landscape) { .prodgridimg { height: 300px; } .prodgridtxt h4 { font-size: 0.9375rem; } } @media (min-width: 1024px) and (max-width: 1366px) { .prodgridtxt h4 { font-size: 0.9375rem; } } /* === PRODUCT GRID PAGE NAVIGATION === */ .prodnav { background-color: #F7F7F7; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; } .prodnav ul { margin-bottom: 0; } .prodnav .page-item.disabled .page-link { pointer-events: none; cursor: auto; background-color: transparent; border: none; } .prodnav .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .prodnav .page-link { position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; background-color: transparent; border: none; } .page-item.active .page-link { font-weight: 700; } .prodnav li { position: relative; } .prodnav .prodsort { padding: .5rem .75rem; } .prodnav .prodsort select { max-width: 165px; } .prodnav .prodsort select { max-width: 165px; } .prodnav .prodsort .form-control { background-clip: padding-box; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; } /* mobile devices */ @media only screen and (min-width: 375px) and (max-width: 767px) { .prodnav .page-link { padding: .5rem .5rem; } .prodnav li:before { display: none; } } /* === PRODUCT GRID SIDE FILTERS === */ #productgridside h4 { position: relative; padding-bottom: 0.9375rem; } #productgridside h4::after { position: absolute; content: ''; width: 50px; height: 2px; background-color: rgba(37,37,37, 0.1); bottom: 0; left: 0; } #productgridside h4 span { font-size: 2rem; } .sidecats .postcount { font-size: 0.75rem; } .sidecats ul { list-style: none; padding: 0; font-size: 1rem; word-wrap: break-word; line-height: 1.8; text-rendering: optimizeLegibility; } .sidecats li, .sidecats li a { color: #1e1e1e; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .sidecats li a:hover, .sidecats li.active a { color: #e53b81; } .sidecats li::before { content: '\f07b'; margin-right: 0.6rem; } .sidecats li::before { font-family: "Font Awesome 6 Pro"; font-size: 1rem; } #prodSideCats { display: block; } .filters .form-control { border-radius: 0; } .filters label { font-weight: 400; margin-bottom: .25rem !important; } .filters .btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: 0; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .filterddm { margin-bottom: 0.25rem; } .filterddm .form-control { border-radius: 0; } .clearfilter a { font-size: 1rem; } #prodfilters { display: block; } /* mobile devices */ @media only screen and (min-width: 375px) and (max-width: 767px) { #prodSideCats { display: none; } #prodfilters { display: none; } } /* mobile devices landscape */ @media only screen and (max-width: 767px) and (orientation:landscape) { .filters .form-inline .form-control { width: 400px !important; } } /* tablet devices */ @media (min-width: 768px) and (max-width: 1024px) { .filters .form-inline .form-control { width: 100% !important; } } /* === PRODUCT DETAILS SECTION === */ .enlarge { font-size:1.5em; position: absolute; bottom: 1rem; left: 1rem; z-index: 999; } .enlarge a:hover { text-decoration:none; } .proddetailsimg img, .proddetailsthumb img { max-width: 100%; height: auto; } .proddetailsimg img, .proddetailsthumb img { box-shadow: 0 4px 16px rgba(0, 0, 0, .2); } #maincontent .proddetailstxt h1 { margin-bottom: 1rem; padding-bottom: 0.625rem; text-transform: uppercase; position: relative; font-size: 1.75rem; line-height: 125%; } #maincontent .proddetailstxt h1:after { content: ""; position: absolute; left: 0; bottom: 0; width: 50px; height: 1px; margin-left: 0; background-color: #e53b81; } .proddetailsitm { font-size: 1rem; } .proddetailsprc { color: #3aa9ae; font-size: 1.5rem; font-weight: 700; } .proddetailsprc sup { font-size: 1rem; font-weight: 400; text-transform: lowercase; } .proddetailsprc span { font-size: 1rem; font-weight: 400; text-transform: none; } .proddetailsprc .prodstock, .proddetailsprc .prodstock span { font-size: 0.9375rem !important; font-weight: 700 !important; text-transform: uppercase; } .proddetailstxt { text-transform: uppercase; } .proddetailsbtn { font-size: 1.125rem; font-weight: 600; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .proddetailsvideo .btn-outline-primary { font-size: 1.125rem; line-height: 2rem; font-weight: 600; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .proddetailsbtn .btn-primary, .proddetailsvideo .btn-outline-primary { width:100%; } .proddetailsvideo i { padding-left: 0.75rem; font-size: 1.125rem; } .prodenquiry { background-color: #F7F7F7; width: 100%; height:auto; padding:1.25rem; margin:0 0 1.5em 0; display:none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .prodenqform .btn { width: 100%; display: block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: .375rem .75rem; font-size: 1rem; line-height: 2; border-radius: 0; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; } ul.product-socials { margin: 0; padding: 0; display: inline-block; } ul.product-socials li { float: left; padding: 0; margin: 0 0.2rem 0.9rem 0.2rem; list-style: none; } .product-socials li a::before { font-size: 1rem; width: 2rem; height: 2rem; line-height: 2rem; } .product-socials a[href*="facebook.com"]::before { content: "\f39e"; background: #D3D3D3; } .product-socials a[href*="facebook.com"]:hover:before { background: #3b5998; color: #FFFFFF; } .product-socials a[href*="pinterest.com"]::before { content: '\f231'; background: #D3D3D3; } .product-socials a[href*="pinterest.com"]:hover:before { background: #bd081c; color: #FFFFFF; } .product-socials a[href*="twitter.com"]::before { content: "\e61b"; background: #D3D3D3; } .product-socials a[href*="twitter.com"]:hover:before { background: #1da1f2; color: #FFFFFF; } .product-socials a.emailsocial::before { font-family: 'Font Awesome 6 Pro'; content: "\f0e0"; font-weight: 700; background: #D3D3D3; } .product-socials a.emailsocial:hover:before { background: #e53b81; color: #FFFFFF; } .product-socials a.printsocial::before { font-family: 'Font Awesome 6 Pro'; content: "\f02f"; font-weight: 700; background: #D3D3D3; } .product-socials a.printsocial:hover:before { background: #e53b81; color: #FFFFFF; } .product-socials li a::before { display: block; text-align: center; color: #FFFFFF; border-radius: 50%; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .product-socials a:before { font-family: 'Font Awesome 6 Brands'; color: inherit; } .product-socials li a:hover::before { border-radius: 0; } ul.nav-tabs { list-style-type: none; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border-top-left-radius: 0; border-top-right-radius: 0; } .nav-tabs .nav-link { padding: 0.5rem 1.25rem; margin-left: 0; margin-right: 2px; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #495057; background-color: #FFFFFF; border-color: #DEE2E6 #DEE2E6 #FFFFFF; } .nav-tabs .nav-link { color: #999; border: 1px solid transparent; background-color: #F7F7F7; } .nav-tabs .nav-link:hover { color: #495057; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #495057; background-color: #FFFFFF; border-color: #DEE2E6 #dee2e6 #FFFFFF; } .nav-tabs { border-bottom: 1px solid #DEE2E6; } .tab-content { border-right: 1px solid #DEE2E6; border-bottom: 1px solid #DEE2E6; border-left: 1px solid #DEE2E6; } .prodenqform p { font-size:0.875rem; } .prodenqform .form-control, .prodenqform .form-check { font-size:0.875rem; } /* mobile devices */ @media only screen and (max-width: 767px) { .nav-item { width:100%; } .nav-tabs .nav-link { padding: 0.5rem 1.25rem; width:100%; margin-left: 0; margin-right: 0; } .proddetailsthumb img { width: 100%; height: auto; } } /* mobile devices landscape */ @media only screen and (max-width: 767px) and (orientation: landscape) { .nogsm { display: none; } } /* mobile devices portrait */ @media only screen and (max-width: 767px) and (orientation: portrait) { .nogsm { display: none; } } /* tablet devices */ @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .nav-tabs .nav-item { margin-bottom: 0px; } } /* tablet devices landscape */ @media (min-width: 812px) and (max-width: 1024px) and (orientation:landscape) { .nav-tabs .nav-item { margin-bottom: 4px; } } /* === ECOMMERCE SECTION === */ .alert-danger { background-color: #fdf5f5; border-color: #f6d3d3; } .alert-success { background-color: #edf8ed; border-color: #b9e4b9; } .alert { position: relative; padding: 0; min-width: 250px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert-danger button.close { color: #d33534; } .alert-success button.close { color: #42ae42; } .alert button.close { margin: 0.45rem 1rem; opacity: 0.75; } .alert-danger .alert-icon { background-color: #d33534; } .alert-danger .alert-text h5 { color: #d33534; } .alert-success .alert-icon { background-color: #42ae42; } .alert-success .alert-text h5, .alert-success .alert-text a { color: #42ae42; } .alert-icon { min-width: 40px; text-align: center; font-size: 1.75rem; color: white; background-color: rgba(0, 0, 0, 0.25); padding: 1rem; } .alert-icon, .alert-text { display: table-cell; vertical-align: middle; } .alert-text { color: #2d3a51; padding: 2rem; width: 100%; } .alert-icon, .alert-text { display: table-cell; vertical-align: middle; } .mini-basket .badge-wrapper { position: relative; } .mini-basket span.badge { position: absolute; top: -8px; right: -13px; display: inline-block; width: 17px; height: 17px; font-size:9px; line-height: 14px; font-weight:normal; text-align:center; color:#fff; border-radius: 50%; } .mini-basket { padding-top: 10px; } .mini-basket a { color: #ffffff; } table .w-5 { width:5%; } /* mobile devices */ @media only screen and (max-width: 767px) { .mini-basket { padding-bottom: 10px; } .mini-basket a { color: #FFFFFF; } .basketbtns .btn { width: 100%; display: block; } } .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #495057; opacity: 1; /* Firefox */ } .addrdetails .form-control { font-size: 1rem; } /* mobile devices */ @media only screen and (max-width: 767px) { .addrdetails .border-right { border-right: none !important; } } /* -- quantity box -- */ .quantity { display: inline-block; } .quantity .input-text.qty { width: 70px; height: 48px; padding: 0 5px; text-align: center; color: #151515; font-weight: 700; background-color: #F5F5F5; border-top: none; border-bottom: none; border-left: 5px solid #FFFFFF; border-right: 5px solid #FFFFFF; border-radius: 1.75rem; -moz-border-radius: 1.75rem; -webkit-border-radius: 1.75rem; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .quantity.buttons_added { text-align: left; position: relative; white-space: nowrap; vertical-align: top; } .quantity.buttons_added input { display: inline-block; margin: 0; vertical-align: top; box-shadow: none; } .quantity.buttons_added .minus, .quantity.buttons_added .plus { padding: 7px 15px 8px; height: 48px; color: #151515; font-weight: 700; background-color: #F5F5F5; border-top: none; border-bottom: none; border-left: 5px solid #FFFFFF; border-right: 5px solid #FFFFFF; cursor:pointer; border-radius: 1.75rem; -moz-border-radius: 1.75rem; -webkit-border-radius: 1.75rem; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .quantity.buttons_added .minus { border-right: 0; } .quantity.buttons_added .plus { border-left: 0; } .quantity.buttons_added .minus:hover, .quantity.buttons_added .plus:hover { color: #e53b81; } .quantity input::-webkit-outer-spin-button, .quantity input::-webkit-inner-spin-button { -webkit-appearance: none; -moz-appearance: none; margin: 0; } .quantity.buttons_added .minus:focus, .quantity.buttons_added .plus:focus { outline: none; }