body { text-align:center; font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif; font-style:normal; font-variant:normal; font-weight:lighter; padding-top:0px!important;}

#wpadminbar { display:none!important;}

/* ----- ARROW BOUNCE -----*/
.mouse-icon { position:absolute; bottom:20px; left:0; right:0; margin:auto; width:30px!important; -webkit-animation-name:bounce; -webkit-animation-duration:2.5s; -webkit-animation-timing-function:ease; -webkit-animation-delay:0s; -webkit-animation-iteration-count:infinite; -webkit-animation-direction:normal; -webkit-animation-fill-mode:none; animation-name:bounce!important; animation-duration:2.5s; animation-timing-function:ease; animation-delay:0s; animation-iteration-count:infinite; animation-direction:normal; animation-fill-mode:none; margin-top:45px; margin-bottom:45px;}
.bounce { animation: bounce 2s infinite;}
hr { margin-top:40px!important; margin-bottom:40px!important;}

@keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0);} 40% { transform: translateY(-30px);} 60% { transform: translateY(-15px);} }

#content-mobile { display:none;}
#content-desktop { display:block;}
/*.trustpilot-widget { margin: 0 auto; display:inline-block;}*/

blockquote { border-left:2px solid rgb(227,55,73)!important; padding-left:20px!important; margin-top:30px!important; margin-bottom:30px!important; color:rgb(227,55,73);}
img.wp-post-image { width:100%!important; height:auto!important; }

.fa-star { color:rgb(227,55,73); font-size:40px!important; padding:0px 5px; margin-bottom:10px;}
.fa-brands { font-style:normal!important;}
/*.caption { color:#ffffff; padding:10px 0; font-size:0.8em;}*/

/* --- CAROUSEL --- */
.carousel-indicators .active { background-color:rgb(227,55,73)!important;}
.carousel-indicators li { width:20px;}
.carousel-indicators { padding-top:20px; position:relative;}
/*.client-logo { padding:10px; margin-bottom:30px; max-width:180px; margin:0 auto; display:block;}*/
.modal-content { background:rgb(242, 236, 225);}

.underline-middle { border-bottom:solid 2px rgb(227,55,73); max-width:60px; display:block; margin-bottom:40px!important; margin:0 auto;}
.underline-left { border-bottom:solid 2px rgb(227,55,73); max-width:60px; display:block; margin-bottom:40px!important;}

/* ----- CREAM BACKGROUND -----*/
.section-bg-top .section-bg-1 { background:rgb(242,236,225); bottom:100%; padding-bottom:16%; position:relative; width:100%;}
/* ----- PINK BACKGROUND -----*/
.section-bg-top .section-bg-2 { background:rgb(245,176,180); bottom:100%; padding-bottom:16%; position:relative; width:100%;}
/* ----- CREAM BACKGROUND -----*/
.section-bg-top .bg-2 { height:calc(100% + 1px); left:0; position:absolute; top:0; width:100%; background:rgb(242,236,225)!important; clip-path:polygon(0% 100%,100% 100%,100% 0%);}
/* ----- PINK BACKGROUND -----*/
.section-bg-top .bg-1 { height:calc(100% + 1px); left:0; position:absolute; top:0; width:100%; background:rgb(245,176,180)!important; clip-path: polygon(0% 0%,100% 100%,0% 100%);}

#wrapper { width:100%; height:auto;}
.inner { margin:0 auto; max-width:1170px; padding:60px 40px;}
.red-background { background:rgb(227,55,73)!important;}
.pink-background { background:rgb(245,176,180)!important;}
.white-background { background:rgb(255,255,255)!important;}
.cream-background { background:rgb(242,236,225)!important;}

.thumbnail img { width:100%!important; height:auto!important;}
img.thumbnail { width:100%!important; height:auto!important;}
img.review { display:block!important; width:175px; height:auto; margin:0 auto;}
img.logo-hero { margin-bottom:40px;}

/*PRICES */
/*.prices-icon { padding:10px; margin-bottom:30px; width:100%; margin:0 auto; display:block;}*/

/* --- CAROUSEL --- */
/*.carousel-indicators .active { background-color:rgb(115,182,46);}
.carousel-indicators { padding-top:20px; position:relative;}
.client-logo { padding:10px; margin-bottom:30px; max-width:180px; margin:0 auto; display:block;}*/

/* --- SMART SCROLL --- */
.smart-scroll { position:fixed !important; top:0; right:0; left:0; z-index:1000; transition:all 0.3s ease-in-out; transform:translateY(0); }
.stick { transform:translateY(-100%);}
.scrolled-up { transform:translateY(0) !important;} 

/* --- ACCORDIAN --- */
.card { border:0px!important; background:rgb(37,70,134)!important; text-align:left;}
.card-header { background:transparent!important; border-bottom:0px;}
.card-header .btn { padding:0 0 5px 0!important; background:rgb(37,70,134)!important; color:rgb(227,55,73);font-size:0.6em;}
.card-header .btn.active { colour:rgb(227,55,73)!important;}
.card-header:first-child { border-radius:0px!important;}
.card-body li { font-size:1.0em!important; color:rgb(227,55,73)!important;}
.card-body { font-size:1.1em!important; color:#808285!important;} 
[data-toggle="collapse"] .fa:before { content: "\f139"; padding-right:5px;}
[data-toggle="collapse"].collapsed .fa:before { content: "\f13a";}

/* ----- 404 PAGE ----- */
header.error { height:100vh; width:100%; background-size:cover!important; background-position:center center!important; background-image:url("../imgs/banner-404.jpg");}
header.error a { color:#ffffff!important;}
.error404 .navbar { display:none;}

/* --- FOOTER ACCORDIAN --- */
#accordionFooter { width:100%!important; font-size:0.8em!important;} 
#accordionFooter .card { border:0px!important; padding-bottom:10px; background:rgb(255,255,255)!important;}
#accordionFooter .card-body { padding:4px 2px 4px 0px!important; text-align:left; font-size:3em;}
#accordionFooter .card-body p { font-size:1.2em; color:#ffffff!important; padding:0px!important; margin:10px 0px!important;}
/*#accordionFooter .card-body a { font-size:1.4em;}*/

#accordionFooter .card-header .btn { font-size:0.8em!important; background:rgb(255,255,255)!important; border-radius:0px!important; display:block; color:rgb!important; margin-bottom:0px!important; padding:4px 0px!important; text-align:left!important; width:100%;}
#accordionFooter .card-header { padding:5px 0px!important; border-bottom:0px!important;}
#accordionFooter .card-header:first-child { border-radius:0px!important;}
#accordionFooter .card-body li { color:#000000!important;}

#accordionFooter .btn { margin:5px 0px;}
#accordionFooter .btn:hover { border:none!important;}
#accordionFooter [data-toggle="collapse"] .fa:before { content:"\f00d"; font-size:0.8em; color:rgb(227,55,73); padding:0 10px 0 0px;}
#accordionFooter [data-toggle="collapse"].collapsed .fa:before { content: "\f067"; font-size:0.8em; padding:0 10px 0 0px; color:rgb(227,55,73);}
.footer-mobile { background:rgb(255,255,255)!important;}

/* --- FOOTER T&C's --- */
#accordionTC { width:100%!important; }
#accordionTC .card { border:0px!important;}
#accordionTC .card-body, #accordionTC .card-header { background-color:rgb(245,176,180)!important;}
#accordionTC .card-body { padding:2px 2px 2px 40px!important;}
#accordionTC .card-header .btn { display:block; float:left; background:rgb(245,176,180)!important; width:100%;}
#accordionTC .card-header { border-bottom:0px!important; padding:2px 0px !important; background:rgb(245,176,180)!important;}
#accordionTC .card-header:first-child { border-radius:0px!important;}
#accordionTC .card-body li { font-size:1.0em!important;}

#accordionTC [data-toggle="collapse"] .fa:before { content:"\f139"; font-size:1em; color:rgb(227,55,73)!important; padding:0 10px 0 5px;}
#accordionTC [data-toggle="collapse"].collapsed .fa:before { content: "\f13a"; font-size:1em; padding:0 10px 0 5px;}

/* --- FOOTER --- */
.wrapper.footer { background:rgb(255,255,255)!important;}
.footer p { font-size:0.8em; line-height:1.4em; color:rgb(227,55,73)!important;}
.footer a { color:rgb(227,55,73);}
.footer a:hover { color:rgb(227,55,73); text-decoration:underline;}
.footer-holder { width:33.3%; float:left;}

/* ----- BACKGROUND IMAGE ----- */
header { position:relative; overflow:hidden; height:100%; width:100%; background-size:cover!important; background-image: url(../imgs/banner-hero.jpg); height:100vh; background-position:center;}
header .overlay { position:absolute; top:0; left:0; height:100%; width:100%; background-color:black; opacity:0.1; z-index:1; background:rgba(0, 0, 0, 0.9); background-image:radial-gradient(black 33%, transparent 33%); background-size:2px 2px;}
header.blog { height:30vh; width:100%; background-size:cover!important; background-position:center center!important; background-image:url("../imgs/banner-competitions.jpg");}
header.blog-single { height:30vh; width:100%; background-size:cover!important; background-position:center center!important; background-image:url("../imgs/banner.jpg");}
header.competitions { height:65vh; width:100%; background-size:cover!important; background-position:center center!important; background-image:url("../imgs/banner-competitions.jpg");}

/* --- JUMBOTRON --- */
.jumbotron { background-color:transparent; padding:7rem 1rem; margin:0; position:relative; z-index:4;}

/* --- BUTTONS --- */
.btn { box-shadow:none; vertical-align:middle; border:none; text-align:center; padding:10px; margin:5px 0;}
.btn a { }
.btn:hover { background:#0f3d5f; border:none;}
.btn-primary { font-size:1.2em; background:rgb(227,55,73)!important;}
.btn-primary a { color:rgb(242,236,225)!important;}
.btn-secondary { font-size:1.2em; background:rgb(245,176,180)!important; color:rgb(227,55,73)!important; border:none;}
.btn-nav { font-size:0.9em; margin:0px 10px;}
.btn-nav a:hover { color:#ffffff!important;} 
.btn-primary:hover { background:rgb(203,48,66)!important; border:none;}
.btn-primary a:hover { color:rgb(243,199,34)!important;}
.btn-secondary:hover { background:rgb(203,48,66)!important; border:none;}
.btn-secondary a:hover { color:rgb(243,199,34)!important;}

/* --- TEXT --- */
h1 { font-family: 'Playfair Display', serif; font-size:6em; line-height:1em; color:rgb(255,255,255);}
h2 { font-family: 'Playfair Display', serif; font-size:5em; color:rgb(255,255,255,1); line-height:1em; margin-bottom:30px;}
.red-background h2 { color:rgb(243,199,34);} .pink-background h2 { color:rgb(227,55,73);} .cream-background h2 { color:rgb(227,55,73);} .white-background h2 { color:rgb(227,55,73);}
h3 { font-family: 'Playfair Display', serif; font-size:3em; line-height:1.4em; margin-bottom:8px; color:rgb(227,55,73);}
.red-background h3 { color:rgb(243,199,34);} .pink-background h3 { color:rgb(227,55,73);} .cream-background h3 { color:rgb(227,55,73);} .white-background h32 { color:rgb(227,55,73);}
h4 { font-family: 'Gill Sans'; font-size:1.1em; line-height:1.1em; color:#ffffff; text-transform:uppercase;}
h5 {}
h6 { color:rgb(227,55,73); font-size:0.8em; font-weight:normal;}
p { font-family: 'Gill Sans'; font-size:1.2em; font-style:normal; font-variant:normal; font-weight:lighter; line-height:1.6em;}
.red-background p { color:rgb(243,199,34);} .pink-background p { color:rgb(227,55,73);} .cream-background p { color:rgb(227,55,73);} .white-background p { color:rgb(227,55,73);}
p.small { font-family: 'Gill Sans'; font-size:1em; font-style:normal; font-variant:normal; font-weight:lighter; line-height:1.3em; color:#73aa1b!important;}
p.quote { font-family: 'Gill Sans';}
a { color:rgb(227,55,73)!important; font-weight:lighter;}
a:hover { color:rgb(227,55,73)!important; text-decoration:none;}
ul { list-style-type: square; font-size:1em; font-style:normal; font-variant:normal; font-weight:lighter; line-height:1.5em; list-style-position:inside; padding-inline-start:0px!important;}
li { font-style:normal; font-variant:normal; font-weight:lighter;}
i { font-weight:lighter;}
.text-cream { color:rgb(242,236,225)!important;}
hr { margin:0 auto; padding-top: 20px; padding-bottom:20px;}
.hang { padding-left:25px; text-indent:-25px;}
strong { font-family: 'Gill Sans';}
.clear { clear:both!important;}

font-family: 'Playfair Display', serif;

.icon { width:100px; height:100px; margin-bottom:20px; margin:10px 0px;}

.blinking{ animation:blinkingText 2s infinite;}
@keyframes blinkingText{
0%{ color:#ffffff;} 49%{ color:#ffffff;} 60%{ color:transparent;} 99%{ color:transparent;} 100%{ color:#ffffff;}
}

/* --- SCROLL TOP BUTTON SIDE --- */
.button-top { position:fixed; bottom:20px; right:20px; z-index:100; width:60px!important; height:60px!important; border:1px solid rgb(255,255,255); border-radius:50%; box-shadow:none; background:rgb(227,55,73); color:rgb(255,255,255)!important; font-size:26px; line-height:20px; text-align:center; cursor:pointer; pointer-events:none; opacity:0; transition:opacity .18s ease;}
.button-top-visible { opacity:1; pointer-events:auto;}

/* --- PRIVACY POLICY TAB --- */
#cookie-law-info-again { background:#4fa37e!important; box-shadow:none!important; border-radius:5px 5px 0px 0px; padding:12px!important; color:#ffffff!important;}
#cookie_action_close_header { background:#4fa37e!important; margin:5px; font-weight:lighter;}
#cookie-law-info-bar span { font-weight:lighter;}
.cli-plugin-main-link { font-size:0.8em; font-weight:lighter!important; background:#10332f!important; border-radius:0px!important; padding:7px!important; color:#ffffff!important; text-decoration:none!important;}

/* ----- NAVIGATION -----*/
img.logo { margin-right:20px; width:100%; height: auto; margin-left:15px;}
.nav-link { padding-left:12px!important; padding-right:12px!important;}
.navbar-brand { height:40px; margin-left:15px; height:auto; width:100px; padding-top:0px; padding-bottom:0px; margin-right:50px;} 
.navbar { background:rgb(242,236,225);}
.nav-item ul { list-style:none; margin:0;}
.nav-item li { float:left; position:relative; display:block;}
.nav-item a { display:block; line-height:60px; padding:0px 13px; color:rgb(227,55,73)!important; text-decoration:none; text-transform:uppercase;}
.nav-item a:hover { text-decoration:none; color:rgb(203,48,66)!important; /*font-weight:bolder;*/}
.nav-item.current-menu-item a { color:#ffa200!important;}
.navbar-light .navbar-toggler { border:none!important;}

/* ----- SERVICES -----*/
/*.nav-tabs { border:0px; margin:0 auto;}
.nav-tabs .nav-link { border-left:0px!important; border-right:0px!important; border-top:0px!important; display:inline-block;}
.nav-tabs .nav-link .nav-item a { border-bottom:solid 4px rgb(115,182,46,1)!important;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { background-color:transparent!important; border-bottom:solid 4px rgb(115,182,46,1)!important;}
.nav-tabs .nav-link.a:hover { border-bottom:solid 4px rgb(115,182,46,1)!important; opacity:1!important;}
.nav-tabs a:hover { border-bottom:solid 4px rgb(115,182,46,1)!important;}*/

/*#whysmartTabContent.nav-tabs { border:0px; margin:0 auto;}
#whysmartTabContent.nav-tabs .nav-link { border-left:0px!important; border-right:0px!important; border-top:0px!important; border-bottom:0px!important; display:inline-block; color:#73aa1b!important; padding-left:0px!important;}
#whysmartTabContent.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { background-color:transparent!important;}
#whysmartTabContent.nav-tabs .nav-link.a:hover { color:#ffffff!important;}
#whysmartTabContent.nav-tabs a:hover { color:#ffffff!important; border-bottom:0px!important; border-top:0px!important;}
#whysmartTabContent .nav-link.active { color:#ffffff!important;}*/

/* --- PARALLAX --- */
#parallax { height:auto!important; position:relative!important; background-attachment:fixed!important; background-position:center!important; background-repeat:no-repeat!important; background-size:cover!important; padding:40px 0px;}
/*.overlay-black { position:absolute; top:0; left:0; height:100%; width:100%; background-color:#000000; opacity:.6;}*/

/* --- FORM --- */
.nf-form-fields-required { color:rgb(227,55,73)!important; padding-left:0px!important; padding-bottom:5px!important;}
/*.ninja-forms-req-symbol { display:none;}*/ 
.nf-form-content .nf-field-element .ninja-forms-field:not(select) { border-radius:5px!important; padding:10px; box-shadow:none!important; -webkit-appearance:none!important; -moz-appearance:none!important; border:none!important; font-weight:lighter!important;}
.field-wrap input[type=button] { box-shadow:none; vertical-align:middle; font-size:1em; color:#ffffff!important; background:rgb(227,55,73)!important; border:0; text-align:center; padding:5px; margin:0 0;}
.nf-field-label label { font-weight:lighter!important; font-family: 'Gill Sans'; color:rgb(227,55,73);}
.nf-field-element textarea { color:#000000!important;}
.nf-form-content { max-width:100%!important; padding:0px!important;}
.nf-form-fields-required { display:none!important;}

/* PARALLAX ON IPHONE */
@media only screen and (max-width: 767px) {
#parallax { background-attachment:scroll !important;}
}

/* PARALLAX ON IPAD */
@media only screen and (max-width: 1024px) {
#parallax { background-attachment:scroll !important;}
.button-top { width:60px!important; height:60px; font-size:1.2em!important;}
}

/* IPAD LANDSCAPE */
@media (max-width: 767px) {
}

@media ( min-width: 768px) {
}

/* IPAD PORTRAIT */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
.header .inner { padding:5px 0px!important;}
.footer-holder { width:100%; float:none;}
}

@media (max-width:648px){
}

/* ----- PARALLAX ONE ON DESKTOP --- */
@media (min-width: 1300px) {
}

/* ----- SMARTPHONES (PORTRAIT AND LANDSCAPE) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) {
h1 { font-size:2.8em; line-height:1.5em;}
h2 { font-size:2.3em;}
h3 { font-size:1.3em;}
header.blog-single { height:40vh; width:100%; background-size:cover!important; background-position:center center!important; background-image:url("../imgs/banner.jpg");}
header h3 { font-size:2.8em; line-height:1em;}
p { font-size:1.1em;}
.btn-nav { margin-bottom:10px;}
img.logo { margin-left:0px!important;}
img.logo-hero { padding:20px 40px!important;}
#content-mobile { display:block;}
#content-desktop { display:none;}
.navbar { background:rgb(242,236,225)!important;}
.navbar-brand { width:90px; margin-left:0px; }
.inner { margin:0 auto; padding:20px 30px!important;}
.footer-holder { width:100%; float:none;}
header { background-position:right -325px top; height:100vh;}
.nf-form-content .nf-field-element .ninja-forms-field:not(select) { padding:10px; box-shadow:none!important; -webkit-appearance:none!important; -moz-appearance:none!important; border:none!important;}
}