/* LICENSE & DETAILS\
   ==================================================\
\
	Theme Name: Ferring UK Uplift Child Theme 
	Theme URI: http://uplift.swiftideas.com 
	Description: Ferring UK theme 
	License: GNU General Public License version 3.0 
	License URI: http://www.gnu.org/licenses/gpl-3.0.html 
	Template: uplift 
	Version: 1.0 
	Author: Ferring 
	Author URI: www.swiftideas.com 
\
	All files, unless otherwise stated, are released under the GNU General Public License \
	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html) \
\
   ==================================================\
*/\
\
/* --------------------------------------------\
	CHILD THEME CSS\
-------------------------------------------- */\

/*	.cookieIcon {
	background-color: #26ACDF;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 10002;
	width: 70px;
	height: 70px;
	border-top-right-radius: 70px;
	cursor: pointer;
}
.cookieIcon img {
	left: 8px;
	bottom: 8px;
	position: absolute;
	width: 40px;
}
#cookieControl {
	opacity: 0;
	position: fixed;
	z-index: -1;
	width: 30%;
	max-width: 400px;
	max-height: 100%;
	background-color: #FFFFFF;
	bottom: 0;
	color: #000000;
	-webkit-animation: all .5s ease-in-out;
	animation: all .5s ease-in-out;
	-moz-animation: all .5s ease-in-out;
	-o-animation: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	overflow: scroll;
	display: none;
	border-radius: 5px;
	border: 1px solid #000080;
	bottom: 5px;
	left: 5px;
}
#cookieControl .btn {
	background-color: #000080 !important;
	color: #ffffff;
}
#cookieControl.on {
	opacity: 1;
	z-index: 10001;
	-webkit-animation: all .5s ease-in-out;
	animation: all .5s ease-in-out;
	-moz-animation: all .5s ease-in-out;
	-o-animation: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	display: block;
 }
#cookieControl h3, #cookieControl p{
	color: inherit;
	font-family: 'Helvetica';
	font-weight: 300;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	#cookieControl {
		width: 50%;
		max-width: 700px;
		max-height: 600px;
	}
	#cookieControl h3 {
		font-size: 1.3rem;
	}
	#cookieControl p {
		font-size: 0.8rem;
	}
	.cookieIcon {
		width: 70px;
		height: 70px;
	}
	.cookieIcon img {
		width: 40px;
		left: 6px;
		bottom: 6px;
	}
	
	
}

@media screen and (max-width: 998px) and (min-width: 768px) {
	#cookieControl {
		width: 80%;
		height: 100%;
		max-width: 700px;
	}
	#cookieControl h3 {
		font-size: 1.3rem;
	}
	#cookieControl p {
		font-size: 0.8rem;
	}
	.cookieIcon {
		width: 70px;
		height: 70px;
	}
	.cookieIcon img {
		width: 40px;
		left: 6px;
		bottom: 6px;
	}
	.imgDownloadBlock {
		min-height: 200px
	}
	
}

@media screen and (max-width: 576px) {
	
	#mobile-order-block {
		display: grid;
	}
	.mobile-repeat-block {
		display: block;
		text-align: center;
		margin-bottom: 2rem;
	}
	.mobile-repeat-block .content {
		position: relative !important;
	}
	#cookieControl {
		width: 80%;
		height: 100%;
		overflow: scroll;
	}
	#cookieControl h3 {
		font-size: 1.3rem;
	}
	#cookieControl p {
		font-size: 0.8rem;
	}
	.cookieIcon {
		width: 50px;
		height: 50px;
	}
	.cookieIcon img {
		width: 28px;
		left: 6px;
		bottom: 6px;
	}
	.pentasa #requestInformation .form-logo {
		height: 50px;
		top: 15px;
	}
	.pentasa #requestInformation input#result, .cortiment #requestInformation input#result {
		width: 100%;
	}
}
	.cookieIcon {
	background-color: #26ACDF;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 10002;
	width: 70px;
	height: 70px;
	border-top-right-radius: 70px;
	cursor: pointer;
}
.cookieIcon img {
	left: 8px;
	bottom: 8px;
	position: absolute;
	width: 40px;
}
#cookieControl {
	opacity: 0;
	position: fixed;
	z-index: -1;
	width: 30%;
	max-width: 400px;
	max-height: 100%;
	background-color: #FFFFFF;
	bottom: 0;
	color: #000000;
	-webkit-animation: all .5s ease-in-out;
	animation: all .5s ease-in-out;
	-moz-animation: all .5s ease-in-out;
	-o-animation: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	overflow: scroll;
	display: none;
	border-radius: 5px;
	border: 1px solid #000080;
	bottom: 5px;
	left: 5px;
}
#cookieControl .btn {
	background-color: #000080 !important;
	color: #ffffff;
}
#cookieControl.on {
	opacity: 1;
	z-index: 10001;
	-webkit-animation: all .5s ease-in-out;
	animation: all .5s ease-in-out;
	-moz-animation: all .5s ease-in-out;
	-o-animation: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	display: block;
 }
#cookieControl h3, #cookieControl p{
	color: inherit;
	font-family: 'Helvetica';
	font-weight: 300;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	#cookieControl {
		width: 50%;
		max-width: 700px;
		max-height: 600px;
	}
	#cookieControl h3 {
		font-size: 1.3rem;
	}
	#cookieControl p {
		font-size: 0.8rem;
	}
	.cookieIcon {
		width: 70px;
		height: 70px;
	}
	.cookieIcon img {
		width: 40px;
		left: 6px;
		bottom: 6px;
	}
	
	
}*/




\
.scroll-wrapper \{\
	position: relative;\
	max-width: 100%;\
	/*height: 50px;*/\
	margin: 1em auto;\
	/*overflow-x: hidden;*/\
	/*overflow-y: hidden;*/\
\}\
\
.scroll-menu	\{\
	/*height: 80px;*/\
	box-sizing: border-box;\
	white-space: nowrap;\
	overflow-x: scroll;\
	overflow-y: hidden;\
	-webkit-overflow-scrolling: touch;\
\}\
\
.paddles \{\
\}\
.paddle \{\
	position: absolute;\
    top: 2px;\
    bottom: 0;\
    width: 2.5em;\
    height: 2.5em;\
	z-index: 30000;\
	background: #FFF;\
	border: 0;\
	border-radius: 120px;\
	box-shadow: 0 8px 24px 0 rgba(0,0,0,0.10);\
\}\
.paddle:focus \{\
	outline: none;\
\}\
.paddle i \{\
	color: #575756;\
\}\
.left-paddle \{\
	left: 0;\
\}\
.right-paddle \{\
	right: 0;\
\}\
.hidden \{\
	display: none;\
\}\
\
.pn-Advancer_Left \{\
	left: 0;\
\}\
\
.pn-Advancer_Right \{\
	right: 0;\
\}\
\
.fw-row.row \{\
	overflow: visible;\
\}\
\
a[rel="tooltip"] \{\
	border-bottom: none;\
\}\
\
a[rel="tooltip"] sup \{\
	font-size: 55%;\
	vertical-align: baseline;\
\}\
\
.page-content section.fw-row \{\
	/*padding: 30px 0;*/\
\}\
\
#noc-subnav \{\
	padding: 0;\
\}\
\
#noc-subnav a \{\
	font-size: 14px;\
\}\
\
#noc-subnav a:hover \{\
	color: #303030;\
	font-weight: bold;\
\}\
\
#noc-subnav section.row \{\
	padding: 10px 0 20px;\
\}\
\
#noc-subnav.subnav-fixed section.row \{\
	padding: 10px 0;\
\}\
\
#noc-subnav.subnav-fixed section.row a:hover \{\
	color: #FFF;\
\}\
\
.spb-asset-content \{\
	color: #303030 !important;\
	line-height: 20px !important;\
\}\
\
.line-height-max \{\
	line-height: 32px !important;\
\}\
\
.link \{\
	display: inline-block;\
	background: #FAFAFA;\
	border-radius: 8px;\
	cursor: pointer;\
	margin-right: 25px;\
	position: relative;\
\}\
\
#mobile-menu \{\
	background-image: linear-gradient(0deg, #FF8300 0%, #EB1629 81%);\
\}\
\
#mobile-menu ul li.menu-item > a, #mobile-menu ul.alt-mobile-menu > li > a \{\
	color: #FFF;\
\}\
\
.link .gradient \{\
	position: absolute;\
	top: 0;\
	left: 0;\
	width: 100%;\
	height: 100%;\
	background-image: linear-gradient(-90deg, #FF8300 0%, #EB1629 100%);\
	opacity: 0;\
	transition: all ease-in-out .2s;\
	z-index: 0;\
	border-radius: 8px;\
\}\
\
\
.link:hover .gradient \{\
	opacity: 1;\
\}\
\
.link .icn, .link .icn_hover \{\
	float: left;\
	position: relative;\
	z-index: 3;\
	padding: 6px 0 0px 10px;\
\}\
\
.link img \{\
	height: 40px;\
	width: auto;\
\}\
\
.spb_image.padding-top \{\
	padding-top: 50px;\
\}\
\
.link span \{\
	color: #303030;\
	font-size: 14px;\
	line-height: 50px !important;\
	font-weight: bold;\
	font-family: 'Roboto';\
	padding: 0 20px;\
	position: relative;\
	z-index: 1;\
	display: inline-block;\
\}\
\
.icn_hover \{\
	display: none;\
\}\
\
.link:hover .icn_hover \{\
	display: block;\
\}\
\
.link.selected .icn_hover \{\
	display: block;\
\}\
\
.link:hover .icn \{\
	display: none;\
\}\
.link.selected .icn \{\
	display: none;\
\}\
\
.link:hover span \{\
	color: #FFF;\
\}\
\
.link.selected span \{\
	color: #FFF;\
\}\
\
.link.selected \{\
	/*box-shadow: 0 16px 24px 0 rgba(0,0,0,0.15);*/\
\}\
\
.link.selected .gradient \{\
	opacity: 1;\
\}\
\
h2, .blog-item .quote-excerpt, .spb-row-expand-text \{\
	font-size: 20px !important;\
	line-height: 32px !important;\
\}\
\
body, p, nav.std-menu ul.sub-menu, ul.mega-sub-menu, blockquote.blockquote1, blockquote.blockquote1 p \{\
	font-size: 18px !important;\
	line-height: 24px !important;\
\}\
\
.noc-link \{\
	text-decoration: none !important;\
	border-bottom: solid 1px;\
	padding-bottom: 5px;\
\}\
\
#gform_wrapper_1 form \{\
	max-width: 80%;\
\}\
\
.gform_wrapper form.gf_simple_horizontal div.gform_body \{\
	width: 100% !important;\
	max-width: 100% !important;\
\}\
\
.owl-item .item > section \{\
\
\}\
\
.owl-carousel .fw-row \{\
	position: static !important;\
	width: 100% !important;\
	left: 0 !important;\
\}\
\
.owl-dots \{\
	text-align: center;\
\}\
\
.owl-carousel.owl-theme \{\
	overflow: hidden !important;\
\}\
\
.owl-carousel .spb_content_element \{\
	padding: 0 20px !important;\
\}\
\
.owl-dot \{\
	background-color: #FFF !important;\
	border: solid 1px #8E1556 !important;\
	width: 10px;\
	height: 10px;\
	border-radius: 20px;\
	display: inline-block;\
	margin: 0 5px;\
\}\
\
.is-sticky nav .menu > li.menu-item:hover > a, .is-sticky nav.std-menu .menu > li:hover > a \{\
	font-weight: bold;\
	color: #303030 !important;\
\}\
\
.owl-next, .owl-prev \{\
	position: absolute;\
	top: 50%;\
	color: #8E1556;\
\}\
\
.owl-prev \{\
	left: -2vw;\
\}\
\
.owl-next \{\
	right: -2vw;\
\}\
\
.owl-dot.active \{\
	background-color: #8E1556 !important;\
\}\
\
.owl-pagination .owl-page span \{\
	background-color: #8E1556 !important;\
\}\
\
#gform_wrapper_1 form \{\
	max-width: 80% !important;\
\}\
\
.owl-pagination .owl-page \{\
    border-width: 0 !important;\
    opacity: 1 !important;\
\}\
\
.search-results .heading-text h1 \{\
	font-weigh: normal;\
	font-size: 18px;\
\}\
\
.search-results .heading-text span \{\
	font-weigh: bold;\
	font-size: 18px;\
\}\
\
.search-results .page-heading \{\
	border-bottom: 0;\
	padding-top: 25px;\
	padding-right: 35px;\
	margin-bottom: 30px;\
\}\
\
.search-results .blog-item-details time:before \{\
	content: "";\
\}\
\
.modal-header \{\
	padding: 15px 30px 25px;\
\}\
\
.search-results .standard-post-content \{\
	/* Rectangle 2 Copy: */\
	background: #FFFFFF;\
	box-shadow: 0 16px 32px 0 rgba(0,0,0,0.10);\
	border-radius: 8px;\
	/* Nocdurna Efficacy \'e2\'80\'93: */\
	font-family: Roboto-Medium;\
	font-size: 14px;\
	color: #303030;\
	letter-spacing: 0;\
	text-align: left;\
	/* February 27, 2018 \'e2\'80\'94: */\
	font-family: Roboto-Regular;\
	font-size: 12px;\
	color: #303030;\
	letter-spacing: 0;\
	text-align: left;\
	margin-bottom: 30px;\
	padding: 30px !important;\
\}\
\
.wq_singleAnswerCtr .wq_answerTxtCtr \{\
	background-image: none !important;\
	line-height: 40px !important;\
	padding-left: 10px !important;\
\}\
\
.wq_quizCtr .wq_singleAnswerCtr \{\
	box-shadow: 0 8px 24px 0 rgba(0,0,0,0.15);\
	border-radius: 8px;\
	border: 0 !important;\
\}\
\
.wq_triviaQuestionExplanation \{\
	padding: 20px !important;\
\}\
\
.swift-slider-pagination, #swift-slider-1, .caption-wrap \{\
	animation-name: none !important;\
	display: block !important;\
	opacity: 1 !important;\
\}\
\
.wq_QuestionExplanationText\
\
.wq_promoteQuizCtr, .wq_promoteQuizCtr span, .wq_promoteQuizCtr a \{\
	display: none !important;\
	color: #FFF !important;\
	height: 0px !important;\
\}\
\
.wq_triviaQuestionExplanation \{\
	text-align: center;\
\}\
\
p.wq_QuestionExplanationText \{\
	font-size: 15px !important;\
\}\
\
.wq_correctExplanationHead \{\
    font-size: 20px !important;\
    margin: 15px 0;\
    color: #83CB69 !important;\
\}\
\
.wq_triviaQuestionExplanation \{\
	border-color: #ecf0f1 !important;\
\}\
\
.modal-dialog \{\
    width: 100% !important;\
    max-width: 780px !important;\
    max-height: 90% !important;\
\}\
\
.wq_singleResultWrapper \{\
	padding: 40px 20px !important;\
	background-color: transparent !important;\
	border: 0 !important;\
\}\
\
.wq_singleResultWrapper \{\
	text-align: center;\
\}\
\
.wq_resultTitle \{\
	margin-bottom: 30px;\
\}\
\
.wq_quizCtr .wq_singleAnswerCtr:hover \{\
	background-image: linear-gradient(-90deg, #FF8300 0%, #EB1629 100%) !important;\
	background-color: transparent !important;\
	color: #FFF !important;\
\}\
\
.wq_questionTextCtr \{\
	background-image: linear-gradient(-90deg, #FF8300 0%, #EB1629 100%) !important;\
	background-color: transparent !important;\
	color: #FFF !important;\
\}\
\
.search-results .standard-post-content h1 \{\
	margin-bottom: 0px;\
	font-size: 18px;\
\}\
\
.search-results .blog-item .excerpt \{\
	display: none;\
\}\
\
.search-results .col-sm-8 \{\
	padding: 0;\
\}\
\
.search-results .standard-items .blog-item .blog-item-details \{\
	padding-bottom: 0;\
	font-size: 15px;\
\}\
\
.video_link \{\
	background: transparent !important;\
	color: #8E1556 !important;\
	text-transform: none !important;\
	padding: 0 !important;\
	box-shadow: 0 0 0 0 transparent !important;\
\}\
\
.video_link span.text \{\
	border-bottom: solid 1px;\
	padding-bottom: 5px;\
\}\
\
.video_link i \{\
	float: left;\
	font-size: 22px !important;\
	margin-right: 10px;\
	margin-top: -1px;\
	padding-left: 0 !important;\
	margin-left: 0 !important;\
	font-weight: bold;\
\}\
\
.noc-text-light p \{\
	font-size: 12px!important;\
	line-height: 22px!important;\
\}\
\
a.sf-button \{\
	letter-spacing: 2px;\
	font-weight : normal;\
	box-shadow: 0 16px 24px 0 rgba(0,0,0,0.15);\
\}\
\
.gform_button \{\
	background: transparent!important;\
	border: 2px solid #8E1556!important;\
	color: #8E1556!important;\
	border-color: #8e1556;\
	border-radius: 6px;\
	text-transform: uppercase;\
\}\
\
.ginput_container input[type=text], .ginput_container input[type=email] \{\
	padding: 5px 8px !important;\
	height: auto;\
	border-radius: 6px !important;\
\}\
\
.display-none, #display-none \{\
	display: none !important;\
\}\
\
.scroll \{\
	white-space: nowrap;\
	overflow-x: auto;\
	-webkit-overflow-scrolling: touch;\
	-ms-overflow-style: -ms-autohiding-scrollbar;\
\}\
\
.scroll-menu::-webkit-scrollbar \{\
	display: none;\
\}\
\
.scroll nav \{\
	width: 4000px;\
\}\
\
.timer p \{\
	color: #808080;\
	font-size: 14px !important;\
	padding-top: 15px;\
	padding-right: 15px;\
\}\
\
.gform_button.button \{\
	padding-top: 6px !important;\
	padding-bottom: 6px !important;\
	margin-top: -10px !important;\
\}\
\
.home .container, .home .spb_content_element \{\
	padding: 0;\
\}\
\
.home .spb-row .spb_content_element \{\
	overflow: visible;\
\}\
\
.home .spb-column-inner \{\
	min-height: 350px !important;\
	padding-bottom: 0 !important;\
	margin-left: 0;\
	margin-right: 0;\
\}\
\
.mobile-header-opts .hamburger .button-text \{\
	display: block;\
\}\
\
.mobile-header-opts .hamburger .button-text \{\
	transform: translate3d(-10px, -5px, 0);\
	display: inline-block;\
\}\
\
.bg-type-cover .noc-content-bloc h4 \{\
	line-height: 30px;\
\}\
\
.bg-type-cover .noc-content-bloc .overlay \{\
	position: absolute;\
    width: 98%;\
    margin-top: 0;\
    left: 1%;\
    top: -30px;\
    height: 350px;\
    text-align: center;\
    opacity: 0;\
    transition: all .3s ease-out;\
    transform: translateY(20px);\
    padding: 16% 40px 0 40px;\
    background: rgba(0,0,0,.5);\
\}\
\
.home .flexbox .spb-column-container>.spb-column-inner \{\
	position: relative;\
\}\
\
.home .spb-row[data-col-spacing="20"] .spb-column-inner \{\
	overflow: hidden;\
\}\
\
.bg-type-cover .noc-content-bloc h1,\
.bg-type-cover .noc-content-bloc h4 \{\
	transition: all .3s ease-out;\
\}\
\
.bg-type-cover .noc-content-bloc .sf-button \{\
	margin-top: 2em;\
\}\
\
.bg-type-cover .noc-content-bloc .hover \{\
	opacity: 1 !important;\
	color: #FFF !important;\
	text-align: center;\
\}\
\
.bg-type-cover:hover .noc-content-bloc h1,\
.bg-type-cover:hover .noc-content-bloc h4 \{\
	opacity: 0;\
\}\
\
.bg-type-cover:hover .overlay \{\
	opacity: 1;\
	transform: translateY(0px);\
\}\
\
.bg-type-cover \{\
	position: relative;\
\}\
\
.home .spb_text_column>.spb-asset-content \{\
	transform: translateY(30px);\
\}\
\
.home .spb_text_column>.spb-asset-content h4 \{\
	color: #EAEBD6;\
	text-shadow: 0 0 7px #000000;\
\}\
\
@media screen and (max-width: 600px) \{\
	.bg-type-cover .noc-content-bloc .overlay \{\
		background: transparent !important;\
		padding-top: 0 !important;\
	\}\
	.link span \{\
		margin-right: 50px;\
		display: none;\
	\}\
	.hover \{\
		display: none;\
	\}\
	body \{\
		overflow-x: hidden;\
	\}\
	#noc-subnav \{\
		display: none;\
	\}\
	.home .forcefullwidth_wrapper_tp_banner, #rev_slider_3_1_wrapper \{\
		height: 400px !important;\
	\}\
	.home .spb-row[data-col-spacing="20"] .spb-column-inner \{\
		margin-left: 0 !important;\
		margin-right: 0 !important;\
	\}\
	.home .spb_parallax_asset .spb-column-inner \{\
		padding-bottom: 0 !important;\
	\}\
	.home .spb_parallax_asset .spb-column-inner .noc-content-bloc \{\
		padding: 20px !important;\
	\}\
	.home .spb-row-no-cols-wrapper \{\
		margin: 0 20px !important;\
	\}\
	.home .page-content section.fw-row \{\
		padding: 0 !important;\
	\}\
	.home .blank_spacer \{\
		display: none;\
	\}\
	.home #no-small-margin-top \{\
		margin-top: -50px;\
	\}\
	.fullwidthbanner-container .fullwidthabanner \{\
		height: 100% !important;\
	\}\
	.tp-caption img \{\
		display: none !important;\
	\}\
	.tp-caption h1 \{\
		font-size: 46px !important;\
		transform: translate3d(-11vw, 19vw, 0);\
	\}\
	.tp-caption span \{\
		font-size: 20px !important;\
		transform: translate3d(-10vw, 22vw, 0);\
	    display: block;\
		line-height: 25px !important;\
	\}\
	.home .col-sm-8 .spb-asset-content \{\
		padding: 0 20px !important;\
	\}\
	#footer-widgets .widget \{\
		padding-left: 20px;\
		padding-right: 20px;\
	\}\
	#footer .widget_nav_menu ul li:first-child \{\
		padding-left: 20px !important;\
	\}\
	.noc-content-bloc h4 \{\
	    padding: 0 20px;\
	    line-height: 1.5;\
	\}\
	.bg-type-cover .noc-content-bloc .sf-button \{\
		margin-top: 3em;\
	\}\
	.bg-type-cover:hover .noc-content-bloc .sf-button, .bg-type-cover:focus .noc-content-bloc .sf-button \{\
		margin-top: 3em;\
	\}\
	.bg-type-cover .noc-content-bloc .overlay \{\
		opacity: 1;\
		margin-top: 3em;\
	\}\
	.bg-type-cover:hover .noc-content-bloc h1,\
	.bg-type-cover:hover .noc-content-bloc h4 \{\
		opacity: 1;\
	\}\
	.home .spb-column-inner \{\
		min-height: 260px !important;\
	\}\
	.bg-type-cover .noc-content-bloc .overlay \{\
		top: 15px !important;\
	\}\
	.bg-type-cover:hover .overlay \{\
		opacity: 1;\
		transform: translateY(20px);\
	\}\
	.noc-content-bloc h1 \{\
		margin-top: -20px;\
	\}\
\}\
}
