/*
Theme Name:     TwentyElevenChild
Description:    Childasblued
Author:         server1n
Template:       twentyeleven

(optional values you can add: Theme URI, Author URI,input Version, License, License URI, Tags, Text Domain)
*/

/*    @-moz-document url-prefix('') {
        .fl-module-html .osPc {
            padding-top: 10px !important;
        }  
    }*/
/*************************************************************************/
/***************** Main Hamburger Menu *******************************/
/*************************************************************************/
/* Some CSS might not be included here, specifically the submenu and 
* CSS that is shared with "My Account" hamburger menu.
*/
#menu-hamburger-menu {
    right: 0;
    transition: transform 0.55s;
    text-align: left;
    min-width: 233px;
    font-family: 'Roboto';
    background: #333333;
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 1000;
    padding-bottom: 5px;
    outline: 1px solid transparent;
    overflow-y: auto;
    overflow-x: hidden;
    width: calc(50% - 225px) !important;
    left: unset;
    transform: translateX(100%);
    display: block !important;
}
.mainHamburgerMenu .search_box_wrapper{
    width: 310px;
    margin-top: 20px;
    margin-left: 70px;
}
#hamburger_menu_search_box{
    -webkit-appearance: none;
    padding-top: 10px;
    padding-bottom: 10px;
    background: black;
    color: rgb(204,204,204);
    font-size: 14px;
    width: 60%;
    height: 40px;
    margin: 0px;
    float: left;
    border: 1px solid #666;
    padding-left: 10px;
}
#hamburger_menu_search_button{
    border: 1px solid #666;
    background-color: black;
    border-left: none;
    height: 40px;
    padding: 0;
    margin-left: 0;
}
#hamburger_menu_search_icon{
    padding: 10px; 
    color: white;
}
#hamburger_menu_search_link{
    height: 100%;
    display: initial;
    padding: 0; 
    /* Display and padding needed for page with the other hamburger menu. 
    Happens because of that cache'd CSS that's being loaded*/
}
#hamburger_menu_search_box:hover, #hamburger_menu_search_button:hover{
    background: #666;
}
#hamburger_menu_search_button:hover{
    cursor: pointer;
}
/*
*  Spacing between first item and top of the screen 
*  For the "My Account" page. For the other pages, the element inspector
*  says the same margin-top is inline to the Products' <li>
*/
#menu-hamburger-menu > :first-child{
    margin-top: 132px;    
}   

@media (max-width: 950px){
    #menu-hamburger-menu:first-child {
        margin-top: 60px;    
    }  
}

/* First level */
.mainHamburgerMenu .hamburgerMenuFirstLevel{
    margin-left: 35px;
}
.mainHamburgerMenu .hamburgerMenuFirstLevel a {
    width: 310px;
    font-size: 24px;
    line-height: 55px !important;
    color: #ffffff !important;
    background-color: #000000;
    font-weight: 400 !important;
    padding: 0 0px;
}

.hamburgerMenuFirstLevel a:hover {
    background-color: #666666;
}

.mainHamburgerMenu .hamburgerMenuFirstLevel a div {
    border-top: 1px solid #666666;
    padding-left: 57px; 
    margin-left: 0px;
}
/* 
*  Adding border to the bottom of the "My Account"
*  This is a temporary measure until the search box is split from it
*/
#menu-item-6551 a div{
    border-bottom: 1px solid #666666;
}
/* End of first level */

/* First and second level - items with childrens */
.mainHamburgerMenu .sub-menu .fl-has-submenu-container a .responsive-menu-subarrow {
	margin-left: 35px;	
}

.mainHamburgerMenu .sub-menu .fl-has-submenu-container a {
	margin-left: 0px;
	background-color: #1c1c1c;
}

.mainHamburgerMenu .fl-menu .fl-has-submenu-container a {
	padding-right: 0px;
	color: #FFF;
	text-decoration: none;
}

.mainHamburgerMenu .responsive-menu-subarrow:hover {
    background-color: #666666;
}

.mainHamburgerMenu .fl-has-submenu-container {
	width: 320px;
	margin-left: 35px;
}

.mainHamburgerMenu .fl-has-submenu-container a {
    margin-left: 0px;
}

.mainHamburgerMenu .responsive-menu-subarrow {
	width: 42px;
	position: absolute;
	top: 1px;
	bottom: 0;
	text-align: center;
	overflow: hidden;
	left: 3px;
}
.mainHamburgerMenu .sub-menu .hamburgerMenuWithChildren {
	margin-left: 77px !important;
}

.sub-menu .hamburgerMenuWithChildren {
    color: #CCCCCC !important;
    font-size: 18px !important;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
}

.mainHamburgerMenu .hamburgerMenuWithChildren:hover {
	background-color: TRANSPARENT !important;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
/*	width: auto; 
*/
}

.mainHamburgerMenu .hamburgerMenuWithChildren {
    margin-top: 0px !important;
    padding-left: 15px; 
    margin-left: 42px;
}


.mainHamburgerMenu .fl-has-submenu-container a{
	width: 310px;
	font-size: 24px;
    line-height: 55px;
	color: #ffffff;
	background-color: #000000;
	border-top: 1px solid #666666;
	font-weight: 400;
	padding: 0 0px;
}
/* End of first and second level */

/* Second level */
.hamburgerMenuSecondLevelWithoutChildren a {
    background-color: #252525;
    width: 310px;
    margin-left: 35px;
    padding-left: 30px !important;
    padding-right: 10px !important;
    color: #999999 !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    border: 0px solid #1b1b1b !important;
    line-height: 30px !important;
    padding-top: 0px;
    padding-bottom: 0px !important;
}

.hamburgerMenuSecondLevelWithoutChildren a div:hover {
	background: #666666;
	font-size: 24px;
	color: #F00;
}

.sub-menu .hamburgerMenuSecondLevelWithoutChildren:first-child a {
	padding-top: 14px;
}

.sub-menu .hamburgerMenuSecondLevelWithoutChildren:last-child a, #menu-item-3763 .sub-menu .hamburgerMenuSecondLevelWithoutChildren:last-child a {
	padding-bottom: 12px !important;
}
/* End of second level */

/* Second Level Taller. Must be added on WordPress admin */
.mainHamburgerMenu .hamburgerMenuSecondLevelDarkerTaller{
    
    width: 310px;
    margin-left: 35px; 
}

.mainHamburgerMenu .hamburgerMenuSecondLevelDarkerTaller > a{
    border-top: 1px solid #666666;
    background-color: #1c1c1c;
    margin-left: 0px;
    line-height: 55px;
	color: #CCCCCC;
	font-size: 18px;
	font-weight: 300;
    font-family: 'Roboto', sans-serif;
    /*width: 310px;*/
}
.mainHamburgerMenu .hamburgerMenuSecondLevelDarkerTaller > a > div{
    padding-left: 15px;
    margin-left: 42px;
}
.hamburgerMenuSecondLevelDarkerTaller a:hover{
	background-color: #666666;
}
/* End of Second Level Taller */

/* Second and Third level */
.hamburgerMenuWithoutChildren{
    margin-left: 17px !important;
    padding-left: 15px;
	color: #CCCCCC !important;
	font-size: 18px !important;
	font-weight: 300;
	font-family: 'Roboto', sans-serif;
}
.hamburgerMenuWithoutChildren_2{
    margin-left: 17px !important;
    padding-left: 15px;
	color: #CCCCCC !important;
	font-size: 18px !important;
	font-weight: 300;
	font-family: 'Roboto', sans-serif;
}
#responsive-menu-container .hamburgerMenuSecondLevel li.responsive-menu-item.hamburgerMenuThirdLevel:first-child a,
.hamburgerMenuSecondLevel .hamburgerMenuThirdLevel:first-child a{
	padding-top: 14px !important;
}

#responsive-menu-container .hamburgerMenuSecondLevel li.responsive-menu-item.hamburgerMenuThirdLevel:last-child a,
.hamburgerMenuSecondLevel .hamburgerMenuThirdLevel:last-child a {
	padding-bottom: 12px !important;
	color: #FFF;
	text-decoration: none;
}
/* End of second and third level level */
/* Third Level */
.hamburgerMenuThirdLevel a {
    background-color: #252525;
    width: 310px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 60px !important;
    padding-right: 10px !important;
    margin-left: 35px;
    font-size: 16px !important;
    font-weight: 300 !important;
    border: 0px solid #1b1b1b !important;
    line-height: 30px !important;
    color: #999999 !important;
}
.hamburgerMenuThirdLevel{
    border-top: 0px solid transparent !important;
}

.hamburgerMenuThirdLevel a div:hover {
	background-color: TRANSPARENT;
	color: #000;
	text-decoration: none;
}

/* Used on "My Account" Hamburger Menu*/
.menu-item-type-post_type a {
    color: #999999 !important;
    font-weight: 300 !important;
    border: 0px solid #1b1b1b !important;
    line-height: 30px !important;
}
/* End of Third Level*/

/* Main Hamburger Menu Media Queries */
@media (max-width: 8000px) and (min-width: 1921px){
    #menu-hamburger-menu {
        width: calc(50% - 235px) !important;
    }
}    
    
@media (max-width: 1370px) and (min-width: 1291px){
    #menu-hamburger-menu {
        width: 449px !important;
    }
}

@media (max-width: 1290px) and (min-width: 1141px){
    #menu-hamburger-menu {
        width: 436px !important;
    }
}

@media (max-width: 1140px) and (min-width: 1031px){
    #menu-hamburger-menu {
        width: 424px !important;
    }
}

@media (max-width: 1030px) and (min-width: 771px){
    #menu-hamburger-menu {
        width: 415px !important;
    }
}

@media (max-width: 770px) {
    #menu-hamburger-menu {
        width: 395px !important;
    }
}

@media (max-width: 470px) {
    #menu-hamburger-menu {
        width: 100% !important;
    }
}


@media (max-width: 390px) {
    /* "My Account" */
    .mainHamburgerMenu .hamburgerMenuFirstLevel a{
    	width: calc(100% - 35px);
    }
    .mainHamburgerMenu .hamburgerMenuSecondLevelDarkerTaller a{
    	width: calc(100% + 5px);
    }
    
    .mainHamburgerMenu .fl-has-submenu-container a{
    	width: 100%;
    }

    .mainHamburgerMenu .fl-has-submenu-container,
    .hamburgerMenuThirdLevel a,
    .mainHamburgerMenu .sub-menu .hamburgerMenuSecondLevelWithoutChildren a{
    	width: calc(100% - 70px) !important;
    }
}
/* End of Main Hamburger Menu Media Queries*/

.translateMenuHamburger {
    transform: translateX(0) !important;
    -ms-transform: translateX(0) !important;
    -webkit-transform: translateX(0) !important;
    -moz-transform: translateX(0) !important;
}

.mainHamburgerMenu .my-account-responsive-menu-inner, .mainHamburgerMenu .my-account-responsive-menu-inner::before, .mainHamburgerMenu .my-account-responsive-menu-inner::after {
    background-color: #ffffff;
}
.mainHamburgerMenu .hamburger {
	position: fixed;
	top: 24px;
	z-index: 1001;
} 

@media (max-width: 950px) {
    .mainHamburgerMenu .hamburger {
    	top: 5px;
    }
}

.mainHamburgerMenu .fl-menu {
	text-align: right;
}

.mainHamburgerMenu button.hamburger.activeHamburger .my-account-responsive-menu-inner {
    transition-property: transform;
    transform: rotate(-225deg);
    transition-delay: 0.14s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.mainHamburgerMenu button.hamburger.activeHamburger .my-account-responsive-menu-inner:before {
	transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;
	background-color: #ff6600;
	opacity: 0;
}

.mainHamburgerMenu button.hamburger.activeHamburger .my-account-responsive-menu-inner:after {
	transform: rotate(90deg);
	transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*************************************************************************/
/***************** Everything for search in hamburger ********************/
/*************************************************************************/

.mainHamburgerMenu .fl-builder-module-template {
	padding: 0px;
}

.mainHamburgerMenu .searchPageResults {
	padding-top: 20px;
	width: 310px;
}

@media (max-width: 390px){
	.mainHamburgerMenu .searchPageResults {
		width: calc(100% - 36px) !important;
	}
}

.mainHamburgerMenu .searchPageResults #ajaxsearchlite1,
.mainHamburgerMenu .searchPageResults #ajaxsearchlite2,
.mainHamburgerMenu .searchPageResults #ajaxsearchlite3 {
	border-color: #666;
	border-width: 1px;
	background-color: #000;
}

.mainHamburgerMenu .searchPageResults .probox div:last-child {
	border-color: #666 !important;
	padding-right: 8px !important;
}

.mainHamburgerMenu .searchPageResults .probox {
	padding-top: 15px !important;
	height: 44px !important;
	padding-left: 8px !important;
}

.mainHamburgerMenu .searchPageResults .proinput {
	margin-left:0px !important;
	padding-left: 0px !important;
}

.mainHamburgerMenu .searchPageResults .proinput input {
	font-size: 20px !important;
}

.mainHamburgerMenu .searchPageResults .promagnifier {
	width: 108px !important;
	padding-right: 0px !important;
}

.mainHamburgerMenu .searchPageResults .promagnifier .innericon {
	text-align: left !important;
}

.mainHamburgerMenu .searchPageResults .searchText {
	font-size: 20px;
    font-weight: 400;
}

.mainHamburgerMenu .searchPageResults .probox svg {
	padding-left: 2px !important;
	margin-bottom: -6px !important;
	width: 20px !important;
}

#searchFieldFocused::placeholder {
	font-size: 16px !important;
}

.mainHamburgerMenu .searchPageResults #searchFieldFocused {
	height: 30px !important;
}

/*************************************************************************/

@media (max-width: 930px){
    input[name=Q3_additional] {
        margin-left: 19px !important;
        margin-top: 10px !important;
    }
}

.grammySurveyOnline input[type="text"], .grammySurveyOnline select,
.grammySurveyEvent input[type="text"], .grammySurveyEvent select {
    margin-left: 0px !important;
    width: 400px;
}

@media (max-width: 570px){
    .grammySurveyOnline input[type="text"], .grammySurveyOnline select,
    .grammySurveyEvent input[type="text"], .grammySurveyEvent select {		
        width: 100%;
    }
}

.grammySurveyOnline .surveyQuestionNumber,
.grammySurveyEvent .surveyQuestionNumber {
    display: none;
}

.searchResultBlockTitle {
    font-family: 'Roboto', sans-serif;
    font-weight: 400; 
    font-size:24px;
    color: #333333;    
}

.searchResultBlock .entry-summary a, .searchReadMore {
    font-family: 'Roboto', sans-serif;
    font-weight: 400; 
    font-size:18px;
    color: #ff6600;      
}

.searchResultBlock .entry-summary p, .searchResultsExcerpt {
    font-family: 'Roboto', sans-serif;
    font-weight: 400; 
    font-size:18px;
    color: #666666;      
}

.blackSearchResultsTitle {
    font-family: 'Roboto', sans-serif;
    font-weight: 400; 
    font-size:24px;
    color: #333333;    
}

.greySearchResultsTitle {
    font-family: 'Roboto', sans-serif;
    font-weight: 400; 
    font-size:24px;
    color: #999999;    
}

a:focus, a:active, a:hover {
	text-decoration: none;
	color: #FFF;
    font-weight: 400; 
}

td {
    font-weight: 300; 
    text-align: left;
}

.entry-content td, .comment-content td {
    border-top: 0px solid #ddd;
    padding: 0px 0px 0px 0;
}

.entry-content table, .comment-content table {
    border-bottom: 0px solid #ddd;
    margin: 0 0 0em;
    width: 100%;
}

.mp-stacks-grid-load-more-button {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
}

.mp-stacks-grid-load-more-button:hover {
    text-decoration: none !important;
}

.mp-stacks-grid-isotope-btn-text {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.bundleDateHolder {
    color: #333333;
}

.bundleTagGrid {
    color: #ff6600;
}

.bundleTitleGrid {
    color: #ffffff;
}

.mp-stacks-postgrid-item-date-holder {
    position: absolute;
    top: 45px;
    left: 20px;
    color: #ffffff;    
}

.mp-stacks-postgrid-item-date-highlight {
	background: transparent !important;
}

.mp-stacks-postgrid-item-title-holder {
    position: absolute;
    top: 15px;
    left: 20px;	
}

.mp-stacks-postgrid-item-excerpt {
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 20px !important;
    padding-bottom: 15px !important;
    background: #ffffff;
}

.bundleBelowImageHolder .mp-stacks-postgrid-item-excerpt,
.bundleBelowImageHolder .mp-stacks-postgrid-item-excerpt-holder,
.bundleBelowImageHolder{
	background: #333333;
}

.bundleBelowImageHolder .mp-stacks-postgrid-item-excerpt-holder {
    color: #ffffff !important;
}

.orangeBricksButtons {
        display:inline-block;
		-webkit-appearance: none;
		text-indent: 0px;
		color:#FF6600;
		padding:9px 9px 7px 9px;
		border-radius: 0px;
		border: 2px solid #FF6600;
		text-shadow:none;
		background:none;
		background-color: rgba(255,255,255,0);
		-webkit-transition: background-color .25s linear;
		-moz-transition: background-color .25s linear;
		-o-transition: background-color .25s linear;
		-ms-transition: background-color .25s linear;
		transition: background-color .75s ease-in-out;
		text-decoration:none;
		font-size: 16px;
		font-weight:500;
        font-family: 'Roboto', sans-serif;
		line-height:1;
		text-align: center;
		white-space:inherit;
		vertical-align:inherit;
		cursor: pointer;
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box;    
		box-sizing: border-box;        
}

.orangeBricksButtons:not(.removeHover):hover{
    box-shadow: none;
    border-radius: 0px;
    background-color: #FF6600;
        color:#fff;
    -webkit-transition: background-color .25s linear;
    -moz-transition: background-color .25s linear;
    -o-transition: background-color .25s linear;
    -ms-transition: background-color .25s linear;
    transition: background-color .75s linear;
}

.orangeBricksButtons:active {
    background-color: #FF6600;
    color:#fff;
    box-shadow: none;
    border-radius: 0px;
}

.orangeBricksButtons.active {
    background-color: #FF6600;
    color:#fff;
    box-shadow: none;
    border-radius: 0px;
}

/* Same style as .mp-stacks-grid .bundleBlueBricksButtons.
    Is being used both on /products and /shop
*/

.blueBricksButtons {
    display:inline-block;
    -webkit-appearance: none;
    text-indent: 0px;
    color:#16445b;
    padding:9px 9px 7px 9px;
    border-radius: 0px;
    border: 2px solid #16445b;
    text-shadow:none;
    background:none;
    background-color: rgba(255,255,255,0);
    -webkit-transition: background-color .25s linear;
    -moz-transition: background-color .25s linear;
    -o-transition: background-color .25s linear;
    -ms-transition: background-color .25s linear;
    transition: background-color .75s ease-in-out;
    text-decoration:none;
    font-size: 16px;
    font-weight:500;
    font-family: 'Roboto', sans-serif;
    line-height:1;
    text-align: center;
    white-space:inherit;
    vertical-align:inherit;
    cursor: pointer;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;    
    box-sizing: border-box;        
}


.blueBricksButtons:not(.removeHover):hover{
    box-shadow: none;
    border-radius: 0px;
    background-color: #16445b;
        color:#fff;
    -webkit-transition: background-color .25s linear;
    -moz-transition: background-color .25s linear;
    -o-transition: background-color .25s linear;
    -ms-transition: background-color .25s linear;
    transition: background-color .75s linear;
}

.blueBricksButtons:active {
    background-color: #16445b;
    color:#fff;
    box-shadow: none;
    border-radius: 0px;
}

.blueBricksButtons.active {
    background-color: #16445b;
    color:#fff;
    box-shadow: none;
    border-radius: 0px;
}

.bundleBlueBricksButtons {
    display:inline-block;
    -webkit-appearance: none;
    text-indent: 0px;
    color:#ffffff;
    padding:9px 9px 7px 9px;
    border-radius: 0px;
    border: 2px solid #16445b;
    text-shadow:none;
    background:none;
    background-color: #16445b;
    -webkit-transition: background-color .25s linear;
    -moz-transition: background-color .25s linear;
    -o-transition: background-color .25s linear;
    -ms-transition: background-color .25s linear;
    transition: background-color .75s ease-in-out;
    text-decoration:none;
    font-size: 16px;
    font-weight:500;
    font-family: 'Roboto', sans-serif;
    line-height:1;
    text-align: center;
    white-space:inherit;
    vertical-align:inherit;
    cursor: pointer;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;   
    box-sizing: border-box;      
}


.bundleBlueBricksButtons:not(.removeHover):hover{
    box-shadow: none;
    border-radius: 0px;
    background-color: #406678;
        color: #ffffff;
    -webkit-transition: background-color .25s linear;
    -moz-transition: background-color .25s linear;
    -o-transition: background-color .25s linear;
    -ms-transition: background-color .25s linear;
    transition: background-color .75s linear;
}

.bundleBlueBricksButtons:active {
    background-color: #16445b;
    color:#fff;
    box-shadow: none;
    border-radius: 0px;
}

.bundleBlueBricksButtons.active {
    background-color: #16445b;
    color:#fff;
    box-shadow: none;
    border-radius: 0px;
}

.mp-stacks-isotope-filter-button-active {
    background-color: #ff6600 !important;
    color: #ffffff !important;
}

.mp-stacks-isotope-filter-button-active .mp-stacks-grid-isotope-btn-text {
    color: #ffffff !important;
}



/**************************************************************************************************/
/****** Blue download button styles (for not-touch screens and touch screens) *********************/
/**************************************************************************************************/

@media (max-width: 5500px){
	
	.blueDownloadButtonStyle{
		display:inline-block;
		-webkit-appearance: none;
		text-indent: 0px;
		color:#39bbfa;
		padding:6px 20px 6px 7px;
		border-radius: 0px;
		border: 2px solid #39bbfa;
		text-shadow:none;
		background:none;
		background-color: #ffffff;
		-webkit-transition: background-color .25s linear;
		-moz-transition: background-color .25s linear;
		-o-transition: background-color .25s linear;
		-ms-transition: background-color .25s linear;
		transition: background-color .75s ease-in-out;
		text-decoration:none;
		font-size:21px;
		font-weight:500;
		font-family: 'Roboto', sans-serif;
		line-height:1;
		text-align: center;
		white-space:inherit;
		vertical-align:inherit;
		cursor: pointer;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */                
	}

	.blueDownloadButtonStyle:not(.removeHover):hover{
		box-shadow: none;
		border-radius: 0px;
		background-color: #39bbfa;
    		color:#fff;
		-webkit-transition: background-color .25s linear;
		-moz-transition: background-color .25s linear;
		-o-transition: background-color .25s linear;
		-ms-transition: background-color .25s linear;
		transition: background-color .75s linear;
	}
        
}

/**************************************************************************************************/
/****** Darker orange buttons with orange background **********************************************/
/**************************************************************************************@media (max-width: 5500px){
	
	.darkerOrangeButton{
		display:inline-block;
		-webkit-appearance: none;
		text-indent: 0px;
		color:#ffffff;
		padding:9px 9px 7px 9px;
		border-radius: 0px;
		border: 2px solid #FF6600;
		text-shadow:none;
		background:none;
		background-color: rgba(255,102,0,1);
		-webkit-transition: background-color .25s linear;
		-moz-transition: background-color .25s linear;
		-o-transition: background-color .25s linear;
		-ms-transition: background-color .25s linear;
		transition: background-color .75s ease-in-out;
		text-decoration:none;
		font-size: 18px;
		font-weight:500;
        font-family: 'Roboto', sans-serif;
		line-height:1;
		text-align: center;
		white-space:inherit;
		vertical-align:inherit;
		cursor: pointer;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
        	margin-right: 10px;
        	margin-top: 10px;
	}

	.darkerOrangeButton:not(.removeHover):hover{
		box-shadow: none;
		border-radius: 0px;
		background-color: #ff3400;
        	color:#ffffff;
		-webkit-transition: background-color .25s linear;
		-moz-transition: background-color .25s linear;
		-o-transition: background-color .25s linear;
		-ms-transition: background-color .25s linear;
		transition: background-color .75s linear;
	}

	.darkerOrangeButton:active {
		background-color: #ff3400;
		color:#ffffff;
		box-shadow: none;
		border-radius: 0px;
	}

	.darkerOrangeButton.active {
		background-color: #FF3400;
		color:#fff;
		box-shadow: none;
		border-radius: 0px;
	}

}	

/**************************************************************************************************/
/****** Smaller orange buttons with a text (tags in 'more like this', sign-up, etc.) **************/
/**************************************************************************************************/

@media (max-width: 5500px){
	
	.orangeTextButton{
		display:inline-block;
		-webkit-appearance: none;
		text-indent: 0px;
		color:#FF6600;
		padding:9px 9px 7px 9px;
		border-radius: 0px;
		border: 2px solid #FF6600;
		text-shadow:none;
		background:none;
		background-color: rgba(255,255,255,0);
		-webkit-transition: background-color .25s linear;
		-moz-transition: background-color .25s linear;
		-o-transition: background-color .25s linear;
		-ms-transition: background-color .25s linear;
		transition: background-color .75s ease-in-out;
		text-decoration:none;
		font-size: 18px;
		font-weight:500;
        font-family: 'Roboto', sans-serif;
		line-height:1;
		text-align: center;
		white-space:inherit;
		vertical-align:inherit;
		cursor: pointer;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
        	margin-right: 10px;
        	margin-top: 10px;
	}

	.orangeTextButton:not(.removeHover):hover{
		box-shadow: none;
		border-radius: 0px;
		background-color: #FF6600;
        	color:#fff;
		-webkit-transition: background-color .25s linear;
		-moz-transition: background-color .25s linear;
		-o-transition: background-color .25s linear;
		-ms-transition: background-color .25s linear;
		transition: background-color .75s linear;
	}

	.orangeTextButton:active {
		background-color: #FF6600;
		color:#fff;
		box-shadow: none;
		border-radius: 0px;
	}

	.orangeTextButton:disabled {
		pointer-events: none;
		opacity: 0.2;
	}

}	

/**************************************************************************************************/
/****** Smaller orange buttons with focus ability *************************************************/
/**************************************************************************************************/

@media (max-width: 5500px){
	
	.orangeTextFocusButton{
		display:inline-block;
		-webkit-appearance: none;
		text-indent: 0px;
		color:#FF6600;
		padding:9px 9px 7px 9px;
		border-radius: 0px;
		border: 2px solid #FF6600;
		text-shadow:none;
		background:none;
		background-color: rgba(255,255,255,0);
		-webkit-transition: background-color .25s linear;
		-moz-transition: background-color .25s linear;
		-o-transition: background-color .25s linear;
		-ms-transition: background-color .25s linear;
		transition: background-color .75s ease-in-out;
		text-decoration:none;
		font-size: 18px;
		font-weight:500;
        font-family: 'Roboto', sans-serif;
		line-height:1;
		text-align: center;
		white-space:inherit;
		vertical-align:inherit;
		cursor: pointer;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
        margin-right: 10px;
        margin-top: 10px;
	}
	
	.orangeTextFocusButton:focus{
	    background-color: #FF6600;
	    color:#fff;
	}	

	.orangeTextFocusButton:not(.removeHover):hover{
		box-shadow: none;
		border-radius: 0px;
		background-color: #FF6600;
        	color:#fff;
		-webkit-transition: background-color .25s linear;
		-moz-transition: background-color .25s linear;
		-o-transition: background-color .25s linear;
		-ms-transition: background-color .25s linear;
		transition: background-color .75s linear;
	}

	.orangeTextFocusButton:active {
		background-color: #FF6600;
		color:#fff;
		box-shadow: none;
		border-radius: 0px;
	}

	.orangeTextFocusButton.active {
		background-color: #FF6600;
		color:#fff;
		box-shadow: none;
		border-radius: 0px;
	}

}	

/**************************************************************************************************/
/****** Orange buttons for 'Icons' module with different padding **********************************/
/**************************************************************************************************/

@media (max-width: 5500px){
	
	.orangeTextButton2 {
		display:inline-block;
		-webkit-appearance: none;
		text-indent: 0px;
		color:#FF6600;
		padding: 6px 12px 4px 12px;
		border-radius: 0px;
		border: 2px solid #FF6600;
		text-shadow:none;
		background:none;
		background-color: rgba(255,255,255,0);
		-webkit-transition: background-color .25s linear;
		-moz-transition: background-color .25s linear;
		-o-transition: background-color .25s linear;
		-ms-transition: background-color .25s linear;
		transition: background-color .75s ease-in-out;
		text-decoration:none;
		font-size: 18px;
		font-weight:500;
        font-family: 'Roboto', sans-serif;
		line-height:1;
		text-align: center;
		white-space:inherit;
		vertical-align:inherit;
		cursor: pointer;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
        	margin-right: 10px;
        	margin-top: 10px;
	}	

	.orangeTextButton2:not(.removeHover):hover{
		box-shadow: none;
		border-radius: 0px;
		background-color: #FF6600 !important;
        color:#fff;
		-webkit-transition: background-color .25s linear;
		-moz-transition: background-color .25s linear;
		-o-transition: background-color .25s linear;
		-ms-transition: background-color .25s linear;
		transition: background-color .75s linear;
	}

	.orangeTextButton2:active {
		background-color: #FF6600;
		color:#fff;
		box-shadow: none;
		border-radius: 0px;
	}

	.orangeTextButton2.active {
		background-color: #FF6600;
		color:#fff;
		box-shadow: none;
		border-radius: 0px;
	}

}	

/**************************************************************************************************/
/****** Orange buttons for 'Icons' module with different padding **********************************/
/**************************************************************************************************/

@media (max-width: 5500px){
	
	.orangeTextButton3 {
		display:inline-block;
		-webkit-appearance: none;
		text-indent: 0px;
		color:#FF6600;
		padding:6px 12px 4px 12px;
		border-radius: 0px;
		border: 2px solid #FF6600;
		text-shadow:none;
		background:none;
		background-color: rgba(255,255,255,0);
		-webkit-transition: background-color .25s linear;
		-moz-transition: background-color .25s linear;
		-o-transition: background-color .25s linear;
		-ms-transition: background-color .25s linear;
		transition: background-color .75s ease-in-out;
		text-decoration:none;
		font-size: 18px;
		font-weight:500;
        font-family: 'Roboto', sans-serif;
		line-height:1;
		text-align: center;
		white-space:inherit;
		vertical-align:inherit;
		cursor: pointer;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
        	margin-right: 10px;
        	margin-top: 10px;
	}	

	.orangeTextButton3:not(.removeHover):hover{
		box-shadow: none;
		border-radius: 0px;
		background-color: #FF3400 !important;
        color:#fff;
		-webkit-transition: background-color .25s linear;
		-moz-transition: background-color .25s linear;
		-o-transition: background-color .25s linear;
		-ms-transition: background-color .25s linear;
		transition: background-color .75s linear;
	}

	.orangeTextButton3:active {
		background-color: #FF6600;
		color:#fff;
		box-shadow: none;
		border-radius: 0px;
	}

	.orangeTextButton3.active {
		background-color: #FF6600;
		color:#fff;
		box-shadow: none;
		border-radius: 0px;
	}

}	


/**************************************************************************************************/
/****** 'Newsletter sign-up' input field and submit button ****************************************/
/**************************************************************************************************/

@media (max-width: 5000px){
	
	input.newsletterSignup[type=submit] {
    	display:inline-block;
		-webkit-appearance: none;
		text-indent: 0px;
		color:#FF6600;
		padding:8px 7px 7px 7px;
		border-radius: 0px;
		border: 2px solid #FF6600;
		text-shadow:none;
		background:none;
		background-color: #ebebeb;
		-webkit-transition: background-color .25s linear;
		-moz-transition: background-color .25s linear;
		-o-transition: background-color .25s linear;
		-ms-transition: background-color .25s linear;
		transition: background-color .75s ease-in-out;
		text-decoration:none;
		font-size:18px;
		font-weight:400;
        font-family: 'Roboto', sans-serif;
		line-height:1;
		text-align: center;
		white-space:inherit;
		vertical-align:inherit;
		cursor: pointer; 
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box;    
		box-sizing: border-box;        
        position: absolute;
        right: -2px;
        top: 0px; 
	} 

	#page input[type=submit] {
        	-webkit-tap-highlight-color: rgba(255,102,0,0.75); 
	}

	input[type=submit]:not(.removeHover):hover {
        box-shadow: none;
		border-radius: 0px;
		background-color: #FF6600;
        color:#ebebeb;
		-webkit-transition: background-color .25s linear;
		-moz-transition: background-color .25s linear;
		-o-transition: background-color .25s linear;
		-ms-transition: background-color .25s linear;
		transition: background-color .75s linear;
	}

	input[type=text] {
		width: 415px;
		display: inline-block;    
		font-family: 'Roboto', sans-serif;
		font-weight: 300; 
		font-size:18px;
		color: #999999;
		border: 2px solid #cccccc;
		background-color: white;
		padding: 3px 8px 3px;
	}
	
	input[name=signupEmail][type=email], input[name=surveyRegisterEmail][type=email], input[name=surveyRegisterName], input[name=surveyRegisterPassword] {
		width: 415px;
		display: inline-block;    
		font-family: 'Roboto', sans-serif;
		font-weight: 300; 
		font-size:18px;
		color: #999999;
		border: 2px solid #cccccc;
		background-color: white;
		padding: 3px 8px 3px;
	}
	
	input[type=password] {
		width: 415px;
		display: inline-block;    
		font-family: 'Roboto', sans-serif;
		font-weight: 300; 
		font-size:18px;
		color: #999999;
		border: 2px solid #cccccc;
		background-color: white;
		padding: 3px 8px 3px;
	}
	
	.submitWhite input[type=submit]{
	    background-color: #ffffff;    
	}

}

@media (max-width: 1500px) and (min-width: 1371px){
	input[type=text] {
		width: 360px;    
	}
	input[name=signupEmail][type=email], input[name=surveyRegisterEmail][type=email], input[name=surveyRegisterName], input[name=surveyRegisterPassword] {
		width: 360px;    
	}
}

@media  (max-width: 1370px) {
	input[type=text] {
		width: 299px;    
	}
	input[name=signupEmail][type=email], input[name=surveyRegisterEmail][type=email], input[name=surveyRegisterName], input[name=surveyRegisterPassword] {
		width: 400px;    
	}
}

@media (max-width: 1050px) and (min-width: 951px) {
	input[type=text] {
		width: 270px;    
	}
	input[name=signupEmail][type=email], input[name=surveyRegisterEmail][type=email], input[name=surveyRegisterName], input[name=surveyRegisterPassword] {
		width: 330px;    
	}
}

@media (max-width: 950px) and (min-width: 771px) {
	input[type=text] {
		width: 415px;    
	}
	input[name=signupEmail][type=email], input[name=surveyRegisterEmail][type=email], input[name=surveyRegisterName], input[name=surveyRegisterPassword] {
		width: 415px;    
	}
}

@media (max-width: 770px){
	input[type=text] {
		width: 250px;    
	}
	input[name=signupEmail][type=email], input[name=surveyRegisterEmail][type=email], input[name=surveyRegisterName], input[name=surveyRegisterPassword] {
		width: 250px;    
	}
}

@media (max-width: 570px){
	input[name=signupEmail][type=email], input[name=surveyRegisterEmail][type=email], input[name=surveyRegisterName], input[name=surveyRegisterPassword] {
		width: 360px;    
	}
}

@media (max-width: 500px){
	input[type=text] {
		width: 220px;    
	}
	input[name=signupEmail][type=email], input[name=surveyRegisterEmail][type=email], input[name=surveyRegisterName], input[name=surveyRegisterPassword] {
		width: 100%;    
	}
}

@media (max-width: 420px){
	input[type=text] {
		width: 200px;    
	}
	input[name=signupEmail][type=email], input[name=surveyRegisterEmail][type=email], input[name=surveyRegisterName], input[name=surveyRegisterPassword] {
		width: 100%;    
	}
}

@media (max-width: 350px){
	input[type=text] {
		width: 150px;    
	}
	input[name=signupEmail][type=email], input[name=surveyRegisterEmail][type=email], input[name=surveyRegisterName], input[name=surveyRegisterPassword] {
		width: 100%;    
	}
}

/**************************************************************************************************/
/****** 'Newsletter sign-up' input field and submit button (only for IE) **************************/
/**************************************************************************************************/
   
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        input[name=signupEmail][type=email], input[name=surveyRegisterEmail][type=email], input[name=surveyRegisterName], input[name=surveyRegisterPassword]  {
            padding: 6px 8px 6px;
        }
    }

/**************************************************************************************************/
/****** 'Newsletter sign-up' input field and submit button (only Safari and Chrome) ***************/
/**************************************************************************************************/

@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 5000px){
	
	input.newsletterSignup[type=submit] {
    	display:inline-block;
		-webkit-appearance: none;
		text-indent: 0px;
		color:#FF6600;
		padding:8px 8px 7px 10px;
		border-radius: 0px;
		border: 2px solid #FF6600;
		text-shadow:none;
		background:none;
		background-color: #ebebeb;
		-webkit-transition: background-color .25s linear;
		-moz-transition: background-color .25s linear;
		-o-transition: background-color .25s linear;
		-ms-transition: background-color .25s linear;
		transition: background-color .75s ease-in-out;
		text-decoration:none;
		font-size:18px;
		font-weight:400;
        font-family: 'Roboto', sans-serif;
		line-height:1;
		text-align: center;
		white-space:inherit;
		vertical-align:inherit;
		cursor: pointer;
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box;    
		box-sizing: border-box;        
        position: absolute;
        right: -2px;
        top: 0px; 
	} 
	
	#page input[type=submit] {
        	-webkit-tap-highlight-color: rgba(255,102,0,0.75); 
	}

	input[type=submit]:not(.removeHover):hover {
       	box-shadow: none;
		border-radius: 0px;
		background-color: #FF6600;
        color:#ebebeb;
		-webkit-transition: background-color .25s linear;
		-moz-transition: background-color .25s linear;
		-o-transition: background-color .25s linear;
		-ms-transition: background-color .25s linear;
		transition: background-color .75s linear;
	}

	input[type=text] {
		width: 415px;
		display: inline-block;    
		font-family: 'Roboto', sans-serif;
		font-weight: 300; 
		font-size:18px;
		color: #999999;
		border: 2px solid #cccccc;
		background-color: white;
		padding: 3px 8px 3px;
	}
	
	input[name=signupEmail][type=email], input[name=surveyRegisterEmail][type=email], 
    input[name=surveyRegisterName], input[name=surveyRegisterPassword],
    input[type=email] {
		width: 415px;
		display: inline-block;    
		font-family: 'Roboto', sans-serif;
		font-weight: 300; 
		font-size:18px;
		color: #999999;
		border: 2px solid #cccccc;
		background-color: white;
		padding: 3px 8px 3px;
	}
	
	input[type=password] {
		width: 415px;
		display: inline-block;    
		font-family: 'Roboto', sans-serif;
		font-weight: 300; 
		font-size:18px;
		color: #999999;
		border: 2px solid #cccccc;
		background-color: white;
		padding: 3px 8px 3px;
	}

    .submitWhite input[type=submit]{
	    background-color: #ffffff;    
	}
	
	.submitWhite input[type=submit]:not(.removeHover):hover{
	    color: #ffffff;    
	}

}

@media  screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 1370px) {
	input[type=text] {
		width: 299px;    
	}
	input[name=signupEmail][type=email], input[name=surveyRegisterEmail][type=email], input[name=surveyRegisterName], input[name=surveyRegisterPassword] {
		width: 400px;    
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 1050px)  {
	input[type=text] {
		width: 310px;    
	}
	input[name=signupEmail][type=email], input[name=surveyRegisterEmail][type=email], input[name=surveyRegisterName], input[name=surveyRegisterPassword] {
		width: 330px;    
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 950px) and (min-width: 771px) {
	input[type=text] {
		width: 415px;   
	}
	input[name=signupEmail][type=email], input[name=surveyRegisterEmail][type=email], input[name=surveyRegisterName], input[name=surveyRegisterPassword] {
		width: 415px;    
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 770px){
	input[type=text] {
		width: 415px;    
	}
	input[name=signupEmail][type=email], input[name=surveyRegisterEmail][type=email], input[name=surveyRegisterName], input[name=surveyRegisterPassword] {
		width: 415px;    
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 570px){
	input[type=text] {
		width: 310px;    
	}
	input[name=signupEmail][type=email], input[name=surveyRegisterEmail][type=email], input[name=surveyRegisterName], input[name=surveyRegisterPassword] {
		width: 360px;    
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 500px){
	input[name=signupEmail][type=email], input[name=surveyRegisterEmail][type=email], input[name=surveyRegisterName], input[name=surveyRegisterPassword] {
		width: 100%;    
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 420px){
	input[type=text] {
		width: 260px;    
	}
	input[name=signupEmail][type=email], input[name=surveyRegisterEmail][type=email], input[name=surveyRegisterName], input[name=surveyRegisterPassword] {
		width: 100%;    
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 380px){
	input[type=text] {
		width: 220px;   
	}
	input[name=signupEmail][type=email], input[name=surveyRegisterEmail][type=email], input[name=surveyRegisterName], input[name=surveyRegisterPassword] {
		width: 100%;    
	}
}

.fieldAndButtonInline {
    display: inline-block;
    position: relative;
}

@media (max-width: 5000px) and (min-width: 951px){
    #form_register input[type=text] , #form_register input[type=email] , #form_register input[type=password]{
        width: 70%;
    	display: inline-block;    
    	font-family: 'Roboto', sans-serif;
    	font-weight: 300; 
    	font-size: 18px;
    	color: #999999;
    	border: 2px solid #cccccc;
    	background-color: white;
    	padding: 3px 8px 3px;    	
    }
}

@media (max-width: 950px){
    #form_register input[type=text] , #form_register input[type=email], #form_register input[type=password] {
        width: 100%;
    	display: inline-block;    
    	font-family: 'Roboto', sans-serif;
    	font-weight: 300; 
    	font-size: 18px;
    	color: #999999;
    	border: 2px solid #cccccc;
    	background-color: white;
    	padding: 3px 8px 3px;    	
    }
}

/**************************************************************************************************/
/****** Padding of the all the BB rows content ****************************************************/
/**************************************************************************************************/
/*
@media (max-width: 5000px){
	.fl-row-content {
		padding-top: 37px;
		padding-right: 150px;
		padding-bottom: 0px;
		padding-left: 150px;
	}
}

@media (max-width: 1904px){
	.fl-row-content {
		padding-top: 42.8px;
		padding-right: 148.4px;
		padding-bottom: 0px;
		padding-left: 148.4px;
	}
}

@media (max-width: 1804px){
	.fl-row-content {
		padding-top: 40.6px;
		padding-right: 140.7px;
		padding-bottom: 0px;
		padding-left: 140.7px;
	}
}

@media (max-width: 1604px){
	.fl-row-content {
		padding-top: 36px;
		padding-right: 125.1px;
		padding-bottom: 0px;
		padding-left: 125.1px;
	}
}

@media (max-width: 1404px){
	.fl-row-content {
		padding-top: 31.6 px;
		padding-right: 109.5px;
		padding-bottom: 0px;
		padding-left: 109.5px;
	}
}

@media (max-width: 1367px){
	.fl-row-content {
		padding-top: 30.8 px;
		padding-right: 106.6px;
		padding-bottom: 0px;
		padding-left: 106.6px;
	}
}

@media (max-width: 1290px){
	.fl-row-content {
		padding-top: 29px;
		padding-right: 100.6px;
		padding-bottom: 0px;
		padding-left: 100.6px;
	}
}

@media (max-width: 1140px){
	.fl-row-content {
		padding-top: 25.7px;
		padding-right: 88.9px;
		padding-bottom: 0px;
		padding-left: 88.9px;
	}
}

@media (max-width: 1030px){
	.fl-row-content {
		padding-top: 23.2px;
		padding-right: 80.3px;
		padding-bottom: 0px;
		padding-left: 80.3px;
	}
}

@media (max-width: 770px){
	.fl-row-content {
		padding-top: 17px;
		padding-right: 60px;
		padding-bottom: 0px;
		padding-left: 60px;
	}
}

@media (max-width: 470px){
	.fl-row-content {
		padding-top: 11px;
		padding-right: 37px;
		padding-bottom: 0px;
		padding-left: 37px;
	}
}

@media (max-width: 400px){
	.fl-row-content {
		padding-top: 9px;
		padding-right: 31px;
		padding-bottom: 0px;
		padding-left: 31px;
	}
}
*/
/**************************************************************************************************/
/****** Extending background image by padding-bottom under the last text box in the header  *******/
/**************************************************************************************************/

@media (max-width: 5000px){
	#paddingBottomHeader{    
		padding-bottom: 178px;    
	}
}

@media (max-width: 1904px){
	#paddingBottomHeader{    
		padding-bottom: 174px;    
	}
}

@media (max-width: 1804px){
	#paddingBottomHeader{    
		padding-bottom: 165px;    
	}
}

@media (max-width: 1604px){
	#paddingBottomHeader{   
		padding-bottom: 146.8px;   
	}
}

@media (max-width: 1404px){
	#paddingBottomHeader{   
		padding-bottom: 128.5px;   
	}
}

@media (max-width: 1367px){
	#paddingBottomHeader{   
		padding-bottom: 125.1px;    
	}
}

@media (max-width: 1290px){
	#paddingBottomHeader{    
		padding-bottom: 118px;   
	}
}

@media (max-width: 1140px){
	#paddingBottomHeader{    
		padding-bottom: 104.3px;    
	}
}

@media (max-width: 1030px){
	#paddingBottomHeader{    
		padding-bottom: 94.2px;    
	}
}

@media (max-width: 770px){
	#paddingBottomHeader{    
		padding-bottom: 70px;    
	}
}

@media (max-width: 470px){
	#paddingBottomHeader{    
		padding-bottom: 43px;    
	}
}

/**************************************************************************************************/
/****** Text features (font-family, font-size, etc.) for the Header section ***********************/
/**************************************************************************************************/

@media (max-width: 5000px){
	.textHeaderTags {
		font-size: 18px;
        	font-family: 'Roboto', sans-serif;
        	font-weight: 400;        
		line-height: 1.3;        
        	color: #999999;	
	}
}

@media (max-width: 5000px){
	
	.textHeaderText span {
		font-size: 36px !important;
        	font-family: 'Roboto', sans-serif;
        	font-weight: 300;	       
		    line-height: 1.6;      
        	color: #f2f2f2;	
	}
	
	.textHeaderText p {
		font-size: 21px !important;
        	font-family: 'Roboto', sans-serif;
        	font-weight: 300;	       
		line-height: 1.2;      
        	color: #f2f2f2;	
        	width: 55%;
	}
	
	textHeaderText2 p {
		font-size: 21px !important;
        	font-family: 'Roboto', sans-serif;
        	font-weight: 300;	       
		line-height: 1.2;      
        	color: #f2f2f2;	
        	width: 55%;
	}
	
	.textHeaderText2 span {
		font-size: 36px !important;
        	font-family: 'Roboto', sans-serif;
        	font-weight: 300;	       
		    line-height: 1.6;      
        	color: #f2f2f2;	
        	text-align: center !important;
	}
	
	.textHeaderText2 .fl-module-content h2 {
		font-size: 36px !important;
        	font-family: 'Roboto', sans-serif;
        	font-weight: 300;	       
		    line-height: 1.6;      
        	color: #f2f2f2;	
        	text-align: center !important;
	}
	
	.textHeaderText2 P {
		font-size: 36px !important;
        	font-family: 'Roboto', sans-serif;
        	font-weight: 300;	       
		    line-height: 1.6;      
        	color: #f2f2f2;	
        	text-align: center !important;
	}
	
}

@media (max-width: 950px){
    .textHeaderText p {
        width: 100%;
    }    
}

@media (max-width: 5000px){
	
	.textHeaderTitle {
		font-size: 60px;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;	
		line-height: 1.6;        
        color: #FFFFFF;	
        text-align: center !important
	}
	
	.textHeaderTitle .fl-module-content h1 {
		font-size: 60px;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;	
		line-height: 1.6;        
        color: #FFFFFF;	
        text-align: center !important
	}
	
}

@media (max-width: 5000px){
	.textHeaderTitleForm {
		font-size: 60px;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;	
		line-height: 1.6;        
        color: #FFFFFF;	
        text-align: left !important
	}
}

/**************************************************************************************************/
/****** For mobile screens from 770px to 950px middle content with shrinking margins***************/
/**************************************************************************************************/

@media (max-width: 950px) and (min-width: 921px) {
	.rowMarginsMobile .fl-row-content {
		padding-right: 150px;   
		padding-left: 150px;
	}
}

@media (max-width: 920px) and (min-width: 891px) {
	.rowMarginsMobile .fl-row-content {
		padding-right: 135px;   
		padding-left: 135px;
	}
}

@media (max-width: 890px) and (min-width: 861px) {
	.rowMarginsMobile .fl-row-content {
		padding-right: 120px;   
		padding-left: 120px;
	}
}

@media (max-width: 860px) and (min-width: 831px) {
	.rowMarginsMobile .fl-row-content {
		padding-right: 105px;   
		padding-left: 105px;
	}
}

@media (max-width: 830px) and (min-width: 801px) {
	.rowMarginsMobile .fl-row-content {
		padding-right: 90px;   
		padding-left: 90px;
	}
}

@media (max-width: 800px) and (min-width: 771px) {
	.rowMarginsMobile .fl-row-content {
		padding-right: 75px;   
		padding-left: 75px;
	}
}

/**************************************************************************************************/
/****** To hide 'Edit' button of wordpress that appears in BB and that we don't use ***************/
/**************************************************************************************************/

.headerrow {
	position: relative;
	z-index: 995;
}

/**************************************************************************************************/
/****** Classes for the appearance of Top Bar *****************************************************/
/**************************************************************************************************/

.topBarAppearingStage {
	background-color: #000000;
	background-color: rgba(0,0,0,0.85);
	visibility: hidden;
	opacity: 1 !important;
	-webkit-transition: op 500ms ease-in-out !important;
	-moz-transition: all 500ms ease-in-out !important;
	-o-transition: all 500ms ease-in-out !important;
	-ms-transition: all 500ms ease-in-out !important;
	transition: all 500ms ease-in-out !important;
}

.topBarMiddleStage {
	background-color: #000000;
	background-color: rgba(0,0,0,0.85);
	visibility: hidden;
	opacity: 0 !important;
	-webkit-transition: opacity 500ms ease-in-out;
	-moz-transition: opacity 500ms ease-in-out;
	transition: opacity 500ms ease-in-out; 
}

/**************************************************************************************************/
/****** For leaving only hamburger icon in mobile size at the header  *****************************/
/**************************************************************************************************/

@media (max-width: 500px){

	.icon-ic_person_black_24px{
		display:none;
	}

	.icon-ic_shopping_cart_black_24px{
		display: none;
	}

	.icon-ic_search_black_24px{
		display:none;
	}

}

/**************************************************************************************************/
/****** For putting top margin on hamburger icon in mobile size to line with Nugen logo ***********/
/**************************************************************************************************/

@media (max-width: 770px){
	.fa-reorder{
		margin-top: 5px;
	}
}

/**************************************************************************************************/
/****** Logo and icons at the header fixed when scrolling the page + margin for icons *************/
/**************************************************************************************************/

.fixingHeaderLogoAndIcons {
	position: relative;
}

.fixingHeaderLogoAndIcons .fl-photo-img {
	position: fixed;
}
/*
@media (max-width: 5500px) and (min-width: 1921px){
	.fixingHeaderLogoAndIcons .fl-icon-group{
		position: fixed;
		margin-left: 402.4px;
	}
}

@media (max-width: 1420px){
	.fixingHeaderLogoAndIcons .fl-icon-group{
		position: fixed;
		right: 125.1px !important;
	}
}

@media (max-width: 1404px){
	.fixingHeaderLogoAndIcons .fl-icon-group{
		position: fixed;
		right: 109.5px !important;
	}
}

@media (max-width: 1367px){
	.fixingHeaderLogoAndIcons .fl-icon-group{
		position: fixed;
		right: 106.6px !important;
	}
}

@media (max-width: 1290px){
	.fixingHeaderLogoAndIcons .fl-icon-group{
		position: fixed;
		right: 100.6px !important;
	}
}

@media (max-width: 1140px){
	.fixingHeaderLogoAndIcons .fl-icon-group{
		position: fixed;
		right: 88.9px !important;
	}
}

@media (max-width: 1030px){
	.fixingHeaderLogoAndIcons .fl-icon-group{
		position: fixed;
		right: 80.3px !important;
	}
}

@media (max-width: 770px){
	.fixingHeaderLogoAndIcons .fl-icon-group{
		position: fixed;
		right: 60px !important;
	}
}

@media (max-width: 470px){
	.fixingHeaderLogoAndIcons .fl-icon-group{
		position: fixed;
		right: 37px !important;
	}
}

@media (max-width: 400px){
	.fixingHeaderLogoAndIcons .fl-icon-group{
		position: fixed;
		right: 31px !important;
	}
}
*/
/**************************************************************************************************/
/****** The width of the Nugen logo and icons' columns in the top bar in less than 450px **********/
/**************************************************************************************************/
/* 
    Roger Lima change 05/06/2020 
    "Fade in" effect on load done with this CSS
    #post-7604 is the news page
    #post-11479 is the learning page
*/

#post-2251, #post-3967, #post-7604, #post-7600, #post-2711, #post-11479 {
    opacity: 0;
    transition: opacity 1s;
}

@media (max-width: 450px) {
	#columnTopBarLogo  {
		width: 80% !important
	}
}

@media (max-width: 450px) {
	#columnTopBarIcons {
		width: 20% !important
	}
}

/**************************************************************************************************/
/****** The colour of the page background (colour of the margins) *********************************/
/**************************************************************************************************/

body {
	background: #333333;
}

/**************************************************************************************************/
/****** Padding of the theme 0 because small margins exist for the whole page in original version */
/**************************************************************************************************/

#main {
	clear: both;
	padding: 0em 0 0;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

/**************************************************************************************************/
/****** Hiding the title of the page that appears at the top of the page **************************/
/**************************************************************************************************/

.singular .entry-title {
	color: #000;
	font-size: 0px;
	font-weight: bold;
	line-height: 0px;
}

/**************************************************************************************************/
/****** Overwriting padding above and below the title that appears originally in theme*************/
/**************************************************************************************************/

.entry-title {
	clear: both;
	padding-bottom: 0em;
	padding-top: 0px;
	color: #FFFF00;
}

/**************************************************************************************************/
/****** Overwriting padding of the content of the page that appears according to the scheme of HTML*
******* in original theme *************************************************************************/
/**************************************************************************************************/

.entry-content, .entry-summary {
	padding: 0em 0 0;
}

/**************************************************************************************************/
/****** Overwriting padding at the footer of the page that appears according to the scheme of HTML*
******* in original theme *************************************************************************/
/**************************************************************************************************/

.hentry {    
	margin: 0 0 0em;    
}

/**************************************************************************************************/
/****** Line height for the whole page where line does not have assigned height********************/
/**************************************************************************************************/

body, input, textarea {
	line-height: 150%;
	background-color: #999999;
	/* [disabled]border: thin solid #F00; */
}

/**************************************************************************************************/
/****** Line height for the paragraphs where line does not have assigned height********************/
/**************************************************************************************************/

p {   
    line-height: 1.3; 
}

/**************************************************************************************************/
/****** To owerwrite theme's style's a color*******************************************************/
/**************************************************************************************************/

a {   
    color: rgba(255,255,255,0); 
}

/**************************************************************************************************/
/****** Everything from /wp-content/plugins/mp-stacks/includes/css/lightbox.css********************/
/**************************************************************************************************/

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999999;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
}
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

/**************************************************************************************************/
/****** Everything from /wp-content/plugins/mp-stacks/includes/css/mp-stacks-style.css*************/
/**************************************************************************************************/

/* Stylesheet for mp_stacks shortcode */
.mp-stack{
	padding:0px!important;
	margin:0px!important;
	position:relative;
}
.mp-brick {
	position:relative;
	width: 100%; 
	display:block;
	padding:0px;
	margin:0px;
	z-index:1;
	overflow:hidden;
	text-align:left;
}
.mp-brick .brick-anchor{
	position:absolute;
	display:block;
	top:0px;
	height:0px;
	width:0px;
}
.mp-brick .mp-brick-bg,
.mp-brick .mp-brick-bg-inner{
	position: absolute;
	top: 0px;
	left: 0px;
	background-position: 50%;
	width: 100%;
	height: 100%;
	z-index:-100;
}
.mp-brick .mp-brick-bg-inner:after{
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;	
	background-position: 50%;
	width: 100%;
	height: 100%;
}
.mp-brick .mp-brick-outer{
	display:block;
	width:100%;
	margin: 0px auto;
	position:relative;
	z-index:1;	
}
.mp-brick .mp-brick-inner{
	position:relative;
	width: 100%; 
	display:table;
	padding:0px;
	margin:0px;
	vertical-align:middle;
}

/* Content Areas */
.mp-brick .mp-brick-content-type-container{
	display:table-cell; 
	vertical-align:middle;
	position:relative;
	z-index:2;
	width: 50%; 
	text-align:center;
}
.mp-brick[max-width~='600px'] .mp-brick-content-type-container{
	display:table;
	width:100%!important;	
}
.mp-brick .mp-brick-content-type-container.mp-brick-centered{
	display:table;
	width:100%;	
}
.mp-brick .mp-brick-content-types{
	display:table-cell;
	vertical-align:middle;	
}
.mp-brick .mp-brick-content-types-inner{
	display: table;
	width: 100%;	
}
.mp-brick .mp-brick-content-type-container.mp-brick-allleft{
	display:block;
	float:left;
	clear:both;
}
.mp-brick .mp-brick-content-type-container.mp-brick-allright{
	display:block;
	float:right;
	clear:both;
}
.mp-brick .mp-brick-first-content-type, 
.mp-brick .mp-brick-second-content-type {
	display: inline-block; /* Added in Version 1.0.1.3 to cause these container divs to always wrap entirely around their contents - even if those contents are not set to be inline-block*/
	float:left; /* Added in Version 1.0.1.3 */
	vertical-align: bottom;
	position:relative;
	width:100%;
	z-index:2;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

/*Text*/

.mp-stacks-text-areas{
	display:inline-block; /* Added in Version 1.0.1.3 to cause text site centered. It was sitting off to the left in a left/right alignment - which doesn't follow how other content types work */
}

/*Make sure there are no margins after the last elements in a text area */	
.mp-brick .mp-stacks-text-area:last-child .mp-brick-text:last-child a:last-child, 
.mp-brick .mp-stacks-text-area:last-child .mp-brick-text-line-1:last-child a:last-child, 
.mp-brick .mp-stacks-text-area:last-child .mp-brick-text-line-2 a:last-child,
.mp-brick .mp-stacks-text-area:last-child .mp-brick-text:last-child p:last-child, 
.mp-brick .mp-stacks-text-area:last-child .mp-brick-text-line-1:last-child p:last-child, 
.mp-brick .mp-stacks-text-area:last-child .mp-brick-text-line-2 p:last-child{
	margin-bottom:0px!important;
	margin-bottom:0rem!important;
}
.mp-brick .mp-brick-text, 
.mp-brick .mp-brick-text-line-1, 
.mp-brick .mp-brick-text-line-2,
.mp-brick .mp-brick-text:last-child p:last-child,
.mp-brick .mp-brick-text-line-1:last-child p:last-child,
.mp-brick .mp-brick-text-line-2 p:last-child{	
	line-height:1.4;
	text-align:left;
}

.mp-stacks-text-areas img{
	max-width:100%;
	height:auto!important;
}

/*Make sure any tags inside a text area paragraph are set to be inline-block;*/
.mp-brick p *{
	/*display:inline-block;*/
	word-break:normal;
}

.mp-brick .mp-brick-content-type-container.mp-brick-centered .mp-brick-text, 
.mp-brick .mp-brick-content-type-container.mp-brick-centered .mp-brick-text-line-1, 
.mp-brick .mp-brick-content-type-container.mp-brick-centered .mp-brick-text-line-2,
.mp-brick .mp-brick-content-type-container.mp-brick-centered .mp-brick-text p,
.mp-brick .mp-brick-content-type-container.mp-brick-centered .mp-brick-text-line-1 p,
.mp-brick .mp-brick-content-type-container.mp-brick-centered .mp-brick-text-line-2 p,
.mp-brick[max-width~='600px'] .mp-brick-content-type-container .mp-brick-text, 
.mp-brick[max-width~='600px'] .mp-brick-content-type-container .mp-brick-text-line-1, 
.mp-brick[max-width~='600px'] .mp-brick-content-type-container .mp-brick-text-line-2,
.mp-brick[max-width~='600px'] .mp-brick-content-type-container .mp-brick-text p,
.mp-brick[max-width~='600px'] .mp-brick-content-type-container .mp-brick-text-line-1 p,
.mp-brick[max-width~='600px'] .mp-brick-content-type-container .mp-brick-text-line-2 p
{
	text-align:center;
}
.mp-brick .mp-brick-content-type-container iframe{
	margin:0;
}
.mp-brick .mp-brick-left .text{
	text-align: -webkit-auto;
	display: inline-block;
}
.mp-brick .mp-brick-right .text{
	text-align: -webkit-auto;
	display: inline-block;
}

/* Buttons in text areas */
.mp-brick-text-line-1 p .button,
.mp-brick-text-line-2 p .button,
.mp-brick-text p .button{
	margin-right:10px;
	margin-bottom:10px;
}
.mp-brick-text-line-1 p .button:last-child,
.mp-brick-text-line-2 p .button:last-child,
.mp-brick-text p .button:last-child{
	margin-right:0px;
	margin-bottom:0px;
}

/* Links */
.mp_brick a,
.mp_brick a:hover{
	text-decoration:none;	
}

/*Image*/
.mp-brick .mp-brick-main-image{
	vertical-align: middle;
	box-shadow:none;
	border-radius:0;
	width:100%;
	max-width:100%;
	margin:0px;
	box-sizing:border-box;
}
.mp-brick .mp-brick-main-link{
	display:inline-block;
	width:100%;	
}

/*Brick Meta*/
.mp-brick .mp-brick-meta{
	opacity:0;
	background:none;
	
	-webkit-transition: opacity .4s ease-in-out, width .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out, width .4s ease-in-out;
	-ms-transition: opacity .4s ease-in-out, width .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out, width .4s ease-in-out;
	transition: opacity .4s ease-in-out, width .4s ease-in-out;
}
.mp-brick:hover .mp-brick-meta{
	opacity:1;
}
.mp-brick .mp-brick-title-container-top{
	position:absolute;
	top:0px;
	text-align:center;
	width:100%;
	z-index:9999999;
}
.mp-brick .mp-brick-title-container-bottom{
	position:absolute;
	bottom:0px;
	text-align:center;
	width:100%;
	z-index:9999999;
}
.mp-brick .mp-brick-title-container-top .mp-brick-title,
.mp-brick .mp-brick-title-container-bottom .mp-brick-title{
	position:relative!important;
	display:inline-block;
	font-size:10px!important;
	line-height:10px!important;
	vertical-align:top;
}
.mp-brick .mp-brick-title,
.mp-brick .mp-brick-edit-link,
.mp-brick .mp-brick-add-before-link,
.mp-brick .mp-brick-add-after-link,
.mp-brick .mp-brick-reorder-bricks{
	font-family:Open Sans, Verdana, Geneva, sans-serif!important;
	background-color:#23282d!important;
	background-color:#333!important;
	color:#eee!important;
	padding:5px 5px!important;
	position:absolute;
	z-index:99999999;
	text-decoration:none;
	border: 1px solid #eee!important;
	font-size:14px!important;
	line-height:18px!important;
}
.mp-brick .mp-brick-title,
.mp-brick .mp-brick-edit-link{
	top:0px;	
}
.mp-brick .mp-brick-edit-link:before{
	content: '\f540';	
	position: relative;
    float: left;
    font: 400 18px/1 dashicons;
    speak: none;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-image: none!important;
    margin-right: 2px;
	color:rgba(240,245,250,.6);
}
.mp-brick .mp-brick-add-before-link{
	top:0px;
	right:0px;
	overflow:hidden;
	white-space:nowrap;
}
.mp-brick .mp-brick-add-after-link{
	right:0px;
	bottom:0px;
	overflow:hidden;
	white-space:nowrap;
}
.mp-brick .mp-brick-reorder-bricks{
	bottom:0px;
	left:0px;	
}
.mp-brick .mp-stack-updating{
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -0.8em;
	left: 8px;
	right: 8px;
	z-index: 99999999999999;	
	color:#FFF;
}
.mp-stacks-updating-message{
	margin-bottom:40px;	
}

/*No Brick*/
.no-brick .mp-brick-inner{
	height:250px;
	min-height:250px;	
	background-color:#FF9DA0;
	color:#fff;
}
.no-brick .mp-brick-inner a{
	color:#fff;	
}

/*magnific popup css*/
.mfp-wrap .mfp-iframe-holder .mfp-video{
	max-width: 640px;
	max-height: 390px;
}

/* Clear Fix */
.mp-stacks-clearedfix:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

/*Easy Digital Downloads Shortcode buy buttons in bricks */
.mp-brick .edd_price_options ul{
	list-style:none;
}

/* MP Stacks Default Page Template */
.mp-stacks-default-page-template,
.mp-stacks-default-page-template .entry-content{
	width:100%!important;	
	max-width:100%!important;
	z-index: 3;
	position: relative;
	box-sizing: border-box;
}

/* For Lightbox Popups that should fill the whole screen */
.mp-stacks-iframe-full-screen{
	z-index:9999999999999;
}
.mp-stacks-iframe-full-screen .mfp-content{
	width: 100%;
	height: 100%;
	max-width: 95%!important;
	max-height: 95%!important;
}

/* For Lightbox Popups that match the height of their content */
.mp-stacks-iframe-height-match .mfp-content{
	height:100%;
	max-width: 95%!important;
	max-height: 95%!important;
}
.mfp-iframe-height-match{
	max-height: 100%!important;	
}

/* This compensates for the fitvids script which isn't needed, but some people might be using it */
.mp-brick .mp-core-oembed-full-width-div .fluid-width-video-wrapper{
	position:absolute!important;
	top:0!important;
	left:0!important;
	width: 100%!important;
}

/* Make a shadow for any magnified popup */
.mfp-iframe{
	background-color:#000;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
/* Set video magnified popups to be 640 by 360 */
.mp-stacks-iframe-16x9-video .mfp-content{
	width:100%;
	height:100%;
	max-width:640px!important;
	max-height:360px!important;
}

.mp-stack .mp-brick img{
	margin:0;	
}

.homePageRelatedProducts .fl-post-carousel-image .tagRelatedProduct ,
.homePageRelatedProducts .fl-post-carousel-image .titleRelatedProduct {
	display: none;
}

.additionalInfoIndividual {
    font-family: 'Roboto', sans-serif;
    color: #ffffff;
    font-weight: 400;
    font-size: 16px;
    position: absolute;
    top: 55px;
    left: 20px;
}

input[type=text].inputContact {
    width: 70%;
}

@media (max-width: 950px){
    input[type=text].inputContact {
        width: 100%;
    }
}

.viewShoppingBasket {
    position: absolute;
    top: 90px;
    z-index: 2;
}

@media (max-width: 8000px) and (min-width: 1921px) {
    .viewShoppingBasket {
        right: calc(50% - 615px);   
    }
}

@media (max-width: 1920px) and (min-width: 1371px) {
    .viewShoppingBasket {
        right: calc(50% - 590px);   
    }
} 

@media (max-width: 1370px) and (min-width: 1291px) {
    .viewShoppingBasket {
        right: 84px;   
    }
} 

@media (max-width: 1290px) and (min-width: 1141px) {
    .viewShoppingBasket {
        right: 71px;   
    }
} 

@media (max-width: 1140px) and (min-width: 1031px) {
    .viewShoppingBasket {
        right: 59px;   
    }
}

@media (max-width: 1030px) and (min-width: 951px) {
    .viewShoppingBasket {
        right: 50px;   
    }
}

@media (max-width: 950px) and (min-width: 771px) {
    .viewShoppingBasket {
        left: 60px;  
        top: 133px;
    }
}

@media (max-width: 770px) and (min-width: 471px) {
    .viewShoppingBasket {
        left: 40px;
        top: 133px;
    }
}

@media (max-width: 470px) {
    .viewShoppingBasket {
        left: 17px; 
        top: 133px;
    }
}

@media (max-width: 400px) {
    .viewShoppingBasket {
        left: 11px; 
        top: 133px;
    }
}

.noItemsInBasket {
    color: #999999;
    border: 1px solid #cccccc;
    font-size: 18px;
    font-family: 'Roboto',sans-serif;
    font-weight: 400;
    padding: 7px 9px 7px 9px;
    background-color: #ffffff;
    margin-right: 10px;
    margin-top: 10px;
}

/***********************************************************************/
/****** For the vector svg NUGEN logos at the top left corner **********/
/***********************************************************************/

/*.nugenLogoLink img, .initialHeaderLogo img, .rectangleLogo img {
    width: 162px;
    padding-top: 2px;
}
*/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/

.svgCarousel-ImageSVG:before {
    font-size: 24px;
}

.hidingSearchImprovementKeywords {
	display: none;
}

.hidingCarouselArrows {
    display:none;
}

.hidingFAQForSearch {
    display: none;
}

.bundleIncludes, .bundleIncludesSpan {
    font-style: italic;
    padding-top: 13px;
}

@media (max-width: 950px){
    .changeEmailPage input[name="new_email"] {
    	width: 100% !important;
    }
}

.fl-accordion .fl-builder-module-template {
	max-width: 1200px;
}

.mp-stacks-grid-item-image-holder img.mp-stacks-grid-item-image {
	transition: 500ms linear;
}

.entry-content .voucherShop {
    padding-bottom: 10px; 
    margin-top: 21px !important; 
    border: 1px solid #cccccc !important; 
    margin-bottom: 20px !important;
    width: calc(100% - 30px);
    margin-left: 15px !important;
}

@media (max-width: 950px){
    
    .voucherShop {
        line-height: 1;
    }
    
    .voucherShop td:first-child {
    	display: block;
    	text-align: center !important;
    	width: 100% !important;
    	padding-left: 20px !important;
    }
    
    .voucherShop td:nth-child(2) {
    	display: block;
    	width: 100% !important;
    	padding-top: 11px !important;
    	padding-left: 20px !important;
    }
    
    .voucherShop td:nth-child(3) {
    	display: block;
    	width: 100% !important;
    	text-align: center !important;
    	padding-left: 20px !important;
    	padding-bottom: 15px;
    }
    
}

#configureAmbForm12 {
	font-family: 'Roboto', sans-serif;
}

#configureAmbForm12 p {
	font-size: 19px !important;
}

#configureAmbForm1 .ambSectionTitleRow {
    font-weight: 600;
}

#configureAmbForm1 .ambSectionProvidesSpan {
    font-size: 12px;
}

#configureAmbForm12 .ambSectionTitleRow {
    font-weight: 400;
}

#configureAmbForm12 .ambSectionProvidesSpan {
    font-size: 16px;
}

/*@media (max-width: 1370px){
    .moreCenteredBackgroundImages .fl-row-content-wrap {
    	background-position: 80%;
    }
}*/

@media (max-width: 950px){
    .introOfferProduct {
        text-align: center;
    }
}

@media (max-width: 8000px) and (min-width: 751px){
    .getThisOffer {
    	width: 252px;
    }
}

.licensesOfferDisplay {
	display: none !important;
}

input.newsletterSignup {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

.error404 #main .widget {
    clear: none;
    float: left;
    margin-right: 0;
    width: 100%;
}

@media (max-width: 1440px) and (min-width: 951px){
    .moreCenteredBackgroundImagesEighty .fl-row-content-wrap {
    	background-position-x: 80% !important;
    }
}

.darkGreySmallText a {
	font-family: 'Roboto', sans-serif !important;
    font-weight: 400;
    font-size: 19px !important;
    color: #ff6600;
}

#menu-item-8966 {
	border-top: 0px solid #cccccc !important;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-transform: none;
    background-color: #ebebeb;
    position: relative;
    border-bottom: 2px solid #cccccc;
    color: #333333;
}

#menu-item-8966 .fl-has-submenu-container {
	border-top: 0px solid #cccccc;
}

#menu-item-8966 .fl-has-submenu-container:first-child:hover {
	background-color: #cccccc;
}

#menu-item-8966 a {
    color: #333333 !important;
    font-weight: 400 !important;    
}

#menu-item-8966 a .arrowImg {
/*	display: none !important; */
}

#menu-item-8966 a div {
/*	padding-left: 4px !important; */
}

.newProductRegistration #form_register input[name=licenseCode] {
	width: 290px;
}

@media (max-width: 950px){
    .newProductRegistration #form_register input[name=licenseCode] {
    	width: 100%;
    }
}

@media (max-width: 360px){
	#menu-item-3706{
		height: 80px;
	}
	#menu-myaccount-page-menu li {
    	width: 260px !important;
	}
}

.fullVersionsDownload .ml-grid dd:nth-child(2) {
    font-family: 'Roboto', sans-serif;
    font-weight: 400 !important;
    font-size: 18px;
    color: #333333;
}

.fullVersionsDownload .ml-grid dd:last-child,
.myOffersAndUpgrades .ml-grid dd:last-child {
	margin-bottom: 0px;
}

.fullVersionsDownload .ml-row-0 dt {
	display: none;
}

.fullVersionsDownload .ml-responsive-table dl.ml-row-0 {
	background-color: #ffffff;
}

.fullVersionsDownload .ml-row-0 dd {
	padding-left: 0px;
}

.myLicenses .nameEmptyLicenses .productNameLicensesTable,
.myOffersAndUpgrades .nameEmptyLicenses .productNameLicensesTable {
	display: none;
}

.myLicenses .licenseCodeMobileSpan,
.myOffersAndUpgrades .licenseCodeMobileSpan{
    display: none;
}

.fullVersionsDownload .currentVersionMobileSpan {
	display: none;
}

.fullVersionsDownload .licenseTypeMobileSpan {
	display: none;
}

@media (max-width: 750px){
    .myLicenses .nameEmptyLicenses .productNameLicensesTable,
    .myOffersAndUpgrades .nameEmptyLicenses .productNameLicensesTable{
    	display: none;
    }
    .myLicenses .licenseCodeMobileSpan,
    .myOffersAndUpgrades .licenseCodeMobileSpan {
        display: inline-block;
        font-family: 'Roboto', sans-serif;
        font-weight: 400 !important;
        font-size: 18px;
        padding-right: 5px;
        color: #000000;
    }
    .fullVersionsDownload .currentVersionMobileSpan {
    	display: inline-block;
        font-family: 'Roboto', sans-serif;
        font-weight: 400 !important;
        font-size: 18px;
        padding-right: 5px;
        color: #000000;
    }
    .versionNumberSpan {
        font-family: 'Roboto', sans-serif;
        font-weight: 300 !important;
        font-size: 18px;
        color: #000000;
    }
    .fullVersionsDownload .licenseTypeMobileSpan {
    	display: inline-block;
        font-family: 'Roboto', sans-serif;
        font-weight: 400 !important;
        font-size: 18px;
        padding-right: 5px;
        color: #000000;
    }
    .licenseTypeSpan {
        font-family: 'Roboto', sans-serif;
        font-weight: 300 !important;
        font-size: 18px;
        color: #000000;
    }
    .offersUpgradesButtonUpgrade {
        margin-top: 0px;
    }
}

.dspMobileVersion {
    display: none;
}

.myLicenses .ml-grid dd:last-child
{
	display: none;
}

@media (max-width: 439px){
    .triggerDspSlide {
    	margin-bottom: 15px;
    }
}

@media (max-width: 950px){
    .downloadDemos.dspVisibleMobile .ml-responsive-table .ml-grid dd:nth-child(14) {
        display: inline-block;
    }
}

@media (max-width: 450px){
    .downloadDemos.dspVisibleMobile .ml-responsive-table .ml-grid dd:nth-child(14) {
        padding-left: 20px;
        padding-right: 50px;
    }
}

.heightDspInformationText {
    height: 105px !important;
}

@media (max-width: 730px){
    .heightDspInformationText {
    	height: 140px !important;
    }
}

@media (max-width: 600px){
    .heightDspInformationText {
    	height: 155px !important;
    }
}

@media (max-width: 500px){
    .heightDspInformationText {
    	height: 183px !important;
    }
}

@media (max-width: 400px){
    .heightDspInformationText {
    	height: 207px !important;
    }
}

.tickBoxPluginResponsive, .tickBoxStandaloneResponsive {
    display: none;
}

.downloadDemos dl {
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

.myLicenses dl,
.myOffersAndUpgrades dl {
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

.fullVersionsDownload dl {
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

.downloadDemos dl.ml-row-0, .downloadDemos dl.ml-row-1,
.myLicenses dl.ml-row-0,
.myOffersAndUpgrades dl.ml-row-0,
.fullVersionsDownload dl.ml-row-0, .fullVersionsDownload dl.ml-row-1 {
    border-top: 0px solid #cccccc;
    border-left: 0px solid #cccccc;
    border-right: 0px solid #cccccc;
}

.downloadDemos dl:last-child, .myLicenses dl:last-child,
.myOffersAndUpgrades dl:last-child, .fullVersionsDownload dl:last-child {
    border: 1px solid #cccccc;    
}

@media (max-width: 750px){
    .tickBoxPluginResponsive, .tickBoxStandaloneResponsive {
        display: inline-block;
        font-family: 'Roboto', sans-serif;
        font-weight: 400 !important;
        font-size: 18px;
        color: #333333;
        padding-left: 10px;
        padding-right: 18px;
    }
}

.downloadDemos .ml-responsive-table .ml-grid dd:nth-child(2) {
	padding-left: 0px;
}

.downloadDemos .ml-responsive-table .ml-grid dd:nth-child(4) {
	padding-left: 20px;
}

.downloadDemos .ml-responsive-table .ml-grid dd:nth-child(10) {
	display: inline-block;
	padding-right: 0px;
	padding-left: 20px;
}

.downloadDemos .ml-responsive-table .ml-grid dt:nth-child(11) {
	display: inline-block;
    padding-left: 0px;
   	padding-right: 0px;
}

.downloadDemos .ml-responsive-table .ml-grid dd:nth-child(12) {
	display: inline-block;
    	padding-left: 0px;
    	padding-right: 0px;
}

.downloadDemos .ml-responsive-table .ml-grid dt:nth-child(13){
	display: inline-block;
    padding-left: 0px;
    padding-right: 0px;
}

.downloadDemos .ml-responsive-table .ml-grid dd:nth-child(14){
    padding-left: 0px;
    padding-right: 0px;
    display: none;
}

.downloadDemos .ml-row-1 {
	display: none;
}

.myLicenses .ml-row-0 {
	display: none; 
}

.myOffersAndUpgrades .ml-row-0 {
	display: none; 
}

.fullVersionsDownload .ml-row-1 {
	display: none;
}

/*body {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}*/ 

.learnMoreDiv {
    text-align: left;
    padding-bottom: 282px;
}
 
@media (max-width: 950px){ 
    .learnMoreDiv {
        height: 213px;
        padding-bottom: 0px;
    }
    .descriptionTitleTextBox {
        height: 348px;
    }
     #userStoryCarousel .homePageFirstCarousel .fl-content-slider .bx-wrapper .bx-pager {
        text-align: left !important;
    }
}

@media (max-width: 950px) and (min-width: 651px){ 
    .descriptionTitleTextBox {
    	height: 270px;
    }
}
@media (max-width: 650px) and (min-width: 451px){ 
    .descriptionTitleTextBox {
    	height: 348px;
    }
}
@media (max-width: 450px){ 
    .descriptionTitleTextBox {
        height: 310px;
    }
}

@media (max-width: 450px){ 
    .learnMoreDiv {
        text-align: center;
    }
    #userStoryCarousel .homePageFirstCarousel .fl-content-slider .bx-wrapper .bx-pager {
        text-align: center !important;
    }
    .homePageFirstCarousel h2.fl-slide-title {
	    padding-top: 35px !important; 
    }	
    .homePageFirstCarousel .fl-slide-content .fl-slide-text {
    	padding-top: 33px !important;
    }
}
 
@media (max-width: 400px){
    
    .homePageFirstCarousel h2.fl-slide-title {
    	margin-bottom: 0px !important;
    }

}

.homePageShortDescription {
    color: #ff6600;
    text-align: left;
    font-size: 24px !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    margin-top: 55px;
}

.homePageFirstCarousel a.orangeTextButton {
	display: inline-block;
    -webkit-appearance: none;
    text-indent: 0px;
    color: #FF6600;
    padding: 13px 24px 11px 24px !important;
    border-radius: 0px;
    border: 2px solid #FF6600;
    text-shadow: none;
    background: none;
    background-color: rgba(255,255,255,0);
    -webkit-transition: background-color .25s linear;
    -moz-transition: background-color .25s linear;
    -o-transition: background-color .25s linear;
    -ms-transition: background-color .25s linear;
    transition: background-color .75s ease-in-out;
    text-decoration: none;
    font-size: 24px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    line-height: 1;
    text-align: center;
    white-space: inherit;
    vertical-align: inherit;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 10px;
}

.homePageFirstCarousel a.orangeTextButton:hover {
    background-color: #FF6600;
    color: #fff;
    -webkit-transition: background-color .25s linear;
    -moz-transition: background-color .25s linear;
    -o-transition: background-color .25s linear;
    -ms-transition: background-color .25s linear;
    transition: background-color .75s linear;
}

.quatationRowText .fl-rich-text {
    background: rgba(0,0,0,0.35);
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 12px;
    padding-bottom: 11px;
}

/***********************************************************************/
/****** For the top icons, logo and separating line of home page *******/
/***********************************************************************/

.videoplayer1{
	visibility: hidden;
}

.userStoryVideo {
	visibility: visible;
}

/***********************************************************************/
/***********************************************************************/
/***********************************************************************/

.orangeTextButton a {
    color: #ff6600;
}

.orangeTextButton a:hover {
    color: #ffffff;
}

.homePageMobileThreeColumnsRow .fl-col {
	max-width: unset;
}  

.fullWidthMobile {
	width: 100%;
}

.faqAccordion a {
	color: #ff6600;
}

.hidden {
    display: none;
}

.homePageRelatedProducts img.size-full {
	max-width: 100%;
}

.homePageRelatedProducts .fl-post-carousel-grid .fl-post-carousel-post {
	border: 0px solid transparent;
}

.homePageRelatedProducts .fl-post-carousel-text p {
	padding-top: 25px;
}

.homePageRelatedProducts .fl-post-carousel-content p {
    color: #000000;
}

.homePageRelatedProducts .titleRelatedProduct {
    position: relative;
    color: #000000;
    font-size: 30px;
    font-family: 'Roboto', sans-serif !important;
    z-index: 3;
    letter-spacing: 1px;
    font-weight: 400;
    top: 0px;
    left: 0px;
}

.homePageRelatedProducts .fl-post-carousel-post {
	background-color: #ebebeb;
}

@media (min-width: 771px) and (max-width: 8000px){
    
    .fl-post-carousel .bx-pager {
    	display: none;
    }
    
    .fl-module-post-carousel .bx-wrapper {
        margin: 0 auto 0px !important;
    }
    
}

@media (max-width: 950px) and (min-width:651px){
	.manualContentSlider .fl-slide-text {
		height: 150px;
	}
}

@media (max-width: 650px) and (min-width:581px){
	.manualContentSlider .fl-slide-text {
		height: 180px;
	}
}

@media (max-width: 580px) and (min-width:401px){
	.manualContentSlider .fl-slide-text {
		height: 210px;
	}
}

@media (max-width: 400px) {
	.manualContentSlider .fl-slide-text {
		height: 270px;
	}
}

@media (max-width: 950px){
    .headerrow .fl-row-content-wrap {
    	background-position: 80% 50%;
    }
}
/*
@media (max-width: 1200px) and (min-width: 951px) {
    .loggedInEmailCorner span {
    	display: none;
    }
}
*/
@media (max-width: 700px){
    .loggedInEmailCorner span {
    	display: none;
    }
}

.containerDoubleRightButton {
    position: absolute;
    right: 0;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    width: 66px;
}

.containerDoubleRightButton .fl-icon {
    position: absolute;
    top: calc(50% - 12px);
    left: 23px;
}

.containerDoubleRightButton .fa-angle-double-right {
    font-size: 30px;
    color: #39BAFB !important;
}

@media (max-width: 8000px) and (min-width: 951px) {
    
    .hoverContainerDoubleRight:hover .containerDoubleRightButton {
        background-color: #41799C;
    }
    
    .hoverContainerDoubleRight:hover svg path {
        fill: #ffffff !important;
    }
    
    .hoverContainerDoubleRight:hover .svgCarousel-ImageSVG:before {
        color: #ffffff !important;
    }
    
    .hoverContainerDoubleRight:hover .fa-angle-double-right {
        color: #ffffff !important;
    }
    
    .doubleRightButtonQuote {
        padding-top: 15px !important; 
        padding-left: 20px !important; 
        padding-right: 86px !important;
    }
    
    .worksOfArtistCarousel {
        padding-right: 86px !important;
    }
    
}

@media (max-width: 950px) { 
    .containerDoubleRightButton {
        visibility: hidden;
    }
}

@media (max-width: 8000px) and (min-width: 951px){
    .threeColumnOverlapPostProduction, .threeColumnOverlapMusicProduction {
    	border-right: 1px solid #666666;
    }
}

.middleGreySmallText ul, .darkGreySmallText ul, .smallRowTextLightBackground ul {
	padding-left: 21px;
}

@media (max-width: 8000px) and (min-width: 951px){
    .haveAnAccountColumn {
    	width: 35%;	
    }
}

.myAccountMenu .fl-menu-mobile-toggle {
	text-align: left;
}

@media (max-width: 1370px){
    #post-7600 .globalFooterRowFirstColumn, #post-7604 .globalFooterRowFirstColumn {
        max-width: none;
        width: 24% !important;
    }
}

@media (max-width: 950px){
    #post-7600 .globalFooterRowFirstColumn, #post-7604 .globalFooterRowFirstColumn {
        clear: none;
        float: left;
        max-width: none;
        width: 100% !important;
    }
}
/*
.threeColumnOverlapHomeRow .fl-separator {
	visibility: hidden;
}
*/

@media (max-width: 1370px) and (min-width: 951px){
    #userStoryCarousel .homePageFirstCarousel .fl-slide-content-wrap {
    	width: 100% !important;
    }
}

.homePageFirstCarousel .fl-slide-content-wrap {
    width: 1120px !important;
}

@media (max-width: 950px) {
    .homePageFirstCarousel .fl-slide-content-wrap {
        width: 100% !important;
    }
}

@media (max-width: 950px){ 
    .homePageFirstCarousel .fl-slide-content .fl-slide-text {
    	padding-bottom: 0px;
    	padding-top: 25px;
    	/*height: 327px;*/
    }
    .homePageFirstCarousel .fl-slide-title {
    /*	height: 157px;*/
        margin-bottom: 0px !important;
    } 
    .homePageFirstCarousel .fl-slide-content .fl-slide-text h2,
    .homePageFirstCarousel .fl-slide-content .fl-slide-text p {
	    height: 94px !important;
    }
}

@media (max-width: 550px) and (min-width: 451px){ 
    .homePageFirstCarousel .fl-slide-content .fl-slide-text h2,
    .homePageFirstCarousel .fl-slide-content .fl-slide-text p {
	    height: 138px !important;
    }    
}

@media (max-width: 400px){ 
    .homePageFirstCarousel .fl-slide-content .fl-slide-text h2,
    .homePageFirstCarousel .fl-slide-content .fl-slide-text p {
        height: 152px !important;
    }
}

.threeColumnOverlapPostProduction p:hover, .threeColumnOverlapMusicProduction p:hover, .threeColumnOverlapAllProducts p:hover {
    color: #ff6600 !important;        
}

.homePageHighestRowNoline hr {
    visibility: hidden;
}

.threeColumnOverlapHomeRow .fl-row-content {
    position: absolute;
    bottom: 0;
    width: 100%;
    max-width: 100%;
    /*background-color: rgba(0,0,0,0.5);*/
    padding-top: 0px;
}

@media (max-width: 8000px) and (min-width: 1921px){ 
    .threeColumnOverlapHomeRow .fl-module-separator .fl-module-content {
        margin-top: 0px !important;
    }
}

@media (max-width: 8000px) and (min-width: 1371px){
    .threeColumnOverlapHomeRow .fl-col-group {
        width: 1140px;
        position: relative;
        left: calc(50% - 560px);
    }
}

@media (max-width: 950px){
    .checkSmallText li {
        line-height: 1.3;
        margin-bottom: 17px;
    }
}
/*
.homePageHighestRow .fl-row-content {
	height: 100px !important;
}

.homePageHighestRow .fl-row-content-wrap {
	background-color: rgba(0,0,0,0.5);
}
*/
.fl-slide-bg-photo:before {
    background-color: red;   
}

.manualContentSlider .bx-viewport {
	height: 100% !important;
}

@media (max-width: 950px) and (min-width: 771px){
    .helpSectionHomePage, .shopSectionHomePage {
    	padding-top: 10px;
    }
}

.manualContentSlider .fl-slide-cta-button {
	visibility: hidden;
}

@media (max-width: 950px) {
    .paymentOptionColumn.fl-col-small {
    	max-width: 100%;	
    }
}

.thirdColumnVat {
    border-bottom: 1px solid #cccccc;
    background-color: #ffffff;
}

.thirdColumnTotal {
    border-bottom: 1px solid #cccccc;
    background-color: #f6f6f6;
}

.htmlTableBasketWhole .VATBasketValue{
    background-color: #ffffff; 
    border-bottom: 1px solid #cccccc; 
    color: #666666; 
    font-size: 18px; 
    font-family: Roboto, sans-serif; 
    font-weight: 300; 
    border-right: 1px solid #cccccc;
}

.htmlTableBasketWhole .tdVATBasket{
    padding-left: 20px; 
    background-color: #ffffff; 
    border-left: 1px solid #cccccc;
}

.htmlTableBasketWhole .totalBasketValue{
    background-color: #f6f6f6; 
    border-bottom: 1px solid #cccccc; 
    color: #333333; 
    font-size: 18px; 
    font-family: Roboto, sans-serif; 
    font-weight: 400; 
    border-right: 1px solid #cccccc;
}

.basketHtmlTableTitleRow td {
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    background-color: #cccccc;
    padding-top: 21px !important;
    padding-bottom: 13px !important;
    color: #333333;
}

.basketHtmlTabletotalBasket {
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    background-color: #f6f6f6;
    color: #333333;
    padding-left: 20px; 
    padding-top: 15px; 
    border-left: 1px solid #cccccc;
}

.basketHtmlTableOrdinaryRow td {
    border-bottom: 1px solid #cccccc;
}

.homePageUserStoryCarousel a.fl-button {
	background-color: rgba(0, 0, 0, 0.35) !important;
}

@media (max-width: 8000px) and (min-width: 951px) {
    .offersUpgradesButtonUpgrade {
        width: 252px;
    }
}

@media (max-width: 950px) and (min-width: 751px) {
    .offersUpgradesButtonUpgrade {
        width: 160px;
    }
}

#mp-stacks-grid-isotope-sort-container-7011 , #mp-stacks-grid-isotope-sort-container-6962 {
    display: table;
    border-collapse: collapse;
} 

.dspOptionContainer input[type=checkbox]:after {
	margin-top: -3px;
}

.faqAccordionDeeperGray .fl-accordion-button {
	padding-left: 35px !important;
}

.fl-builder-module-template .faqAccordionDeeperGray .fl-accordion-item {
	margin-bottom: 0px;
}

.faqAccordion .fl-accordion-content {
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.faqAccordionDeeperGray .fl-accordion-content {
	padding-left: 35px !important;
	padding-right: 20px;
	font-family: Roboto, sans-serif;
    font-size: 18px;
    color: #666666;
    font-weight: 300;
    padding-bottom: 10px;
}

.faqAccordion .fl-accordion-button-icon {
	visibility: hidden;
}

.faqAccordion .fl-builder-module-template {
	padding: 0;
}

.faqAccordionDeeperGray .fl-accordion-item:nth-child(odd) .fl-accordion-button {
	background-color: #ffffff;
}

.faqAccordionDeeperGray .fl-accordion-item:nth-child(even) .fl-accordion-button , .faqAccordionDeeperGray .fl-accordion-item:nth-child(even) .fl-accordion-content {
	background-color: #f6f6f6;
}

.faqAccordion .fl-accordion-button {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #333333;
    background-color: #cccccc;
}
/*
@media (max-width: 1100px) and (min-width: 1001px) {
    img.videoBrickImage {
    	height: 275px;	
    }
}

@media (max-width: 1000px) and (min-width: 951px) {
    img.videoBrickImage {
    	height: 300px;	
    }
}

@media (max-width: 700px) and (min-width: 584px) {
    img.videoBrickImage {
    	height: 320px;	
    }
}
*/

.threeColumnsPhotoHomePage img.size-full {
	height: 160px;
}

.htmlConfigureYourAmb input[type=checkbox]:after, .ambBuyNowContent input[type=checkbox]:after {
	margin-top: -4px;
} 

@media (max-width: 8000px) and (min-width: 951px){
    .homePageUserStoryCarousel .fl-slide-cta-button {
    	padding-left: 20px;
    }
}

.threeColumnsTextHomePage {
    cursor: pointer;
}

@media (max-width: 950px) {
    .fl-col-small.firstColumnThreeColumnsHome , .fl-col-small.secondColumnThreeColumnsHome , .fl-col-small.thirdColumnThreeColumnsHome {
    	max-width: 340px;
    }
}

@keyframes threeColumnKeyFrames {
    0%   {background: rgba(0,0,0,0.0);}   
    100% {background: rgba(0,0,0,0.6);} 
}

.threeColumnDarkening {
 /*   animation-name: threeColumnKeyFrames;
    animation-duration: 1s; 
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;*/
    background: rgba(0,0,0,0.65) !important;
    transition: background-color 1000ms linear;
}

.threeColumnsTextHomePage .fl-rich-text {
    background: rgba(0,0,0,0.0);
    transition: background-color 1000ms linear;
}

.threeColumnImgScaling {
    transform: scale(1.2) !important;
    transition-duration: 1000ms; 
}

.threeColumnsPhotoHomePage .fl-photo-content {
	position: absolute;
	overflow: hidden;
}

.threeColumnsPhotoHomePage .fl-photo-content img {
	transform: scale(1);
	transition-duration: 1000ms;
}

.threeColumnsTextHomePage .fl-rich-text {
	position: relative;
	padding-top: 40px;
	padding-bottom: 42px;
}

.manualContentSlider .fl-slide-text p:first-child {
	padding-top: 15px !important;
	padding-left: 20px !important;
    padding-right: 20px !important;
}

.manualContentSlider .fl-slide-text p:nth-child(2) {
	padding-left: 20px !important;
	margin-bottom: 0px !important;
}
/*
.manualContentSlider .fl-slide-text p:last-child {
	padding-bottom: 15px !important;
	padding-left: 20px !important;
}
*/

@media (max-width: 8000px) and (min-width: 951px){
    .manualContentSlider .fl-slide-text {
    	background: rgba(0,0,0,0.35);
    }
}

.threeColumnsTextHomePage {    
    font-family: 'Roboto', sans-serif;
    font-size: 30px;
    font-weight: 400;
    color: #ff6600;
    text-align: center;
}

.homePageFirstCarousel .fl-slide-bg-photo {
	transition: transform;
	transform: scale(1);
	transition-duration: 0ms;
}

.homePageFirstCarousel .fl-slide-bg-photo:after {
    background-color: red;
}

.homePageFirstCarousel .fl-slide-bg-photo:before {
    background-color: red;
}

.homePageFirstCarousel .scalingBackgroundPhoto {
	transform: scale(1.2);
	transition-duration: 8500ms; 
}

@media (max-width: 8000px) and (min-width: 951px){
    .homePageFirstCarousel .fl-slide-title {
    	margin-top: 20px !important;
    }
}

@media (max-width: 950px) {
    #userStoryCarousel .homePageFirstCarousel .fl-slide-content {
    	margin-top: 68px !important;
    }
}

.homePageHighestRow {
    /*display: none;*/
}

.homePageFirstCarousel .bx-wrapper .bx-pager {
	bottom: 160px;
}

.hero-banner-below-text
{
    position: absolute;
    font-size: 20px;
    margin-top: 30px;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
    text-align: left;
    color: #eaeaea;
}

@media (max-width: 950px){
    .homePageFirstCarousel .bx-wrapper .bx-pager {
        bottom: 50px;
    }
    .hero-banner-below-text
    {
        margin-top: 30px;
    }
    .hero-banner-below-text
    {
        display: none;
    }
}

.homePageFirstCarousel .bx-wrapper {
    margin: 0 auto 0;
}

@media (max-width: 950px) {
    #userStoryCarousel .homePageFirstCarousel .bx-wrapper .bx-pager {
    	margin-left: 0px;
    }
}

@media (max-width: 950px) {
    #userStoryCarousel .homePageFirstCarousel .fl-slide-content {
    	padding-right: 0;
    }
}

@media (max-width: 950px) {
    .homePageHighestRow .fl-col-small {
    	max-width: unset !important;
    }
}

@media (max-width: 950px) {
    .homePageFirstCarousel .fl-content-slider .fl-slide-bg-photo {
    	position: absolute;	
    }
}

@media (max-width: 8000px) and (min-width: 1921px) {
    .homePageHighestRow .fixingHeaderLogoAndIcons .fl-icon-group {
    	right: calc(50% - 560px);
    }
}

@media (max-width: 8000px) and (min-width: 1921px) {
    .homePageHighestRow .fixingHeaderLogoAndIcons .fl-icon-group {
    	right: calc(50% - 570px);
    }
}

.homePageHighestRow .fl-col {
    min-height: 0px;
}

.homePageHighestRow .fl-row-content {
	height: 0;
}

.homePageHighestRow {
    height: 0;
}

.hrHomePageHeader {
    width: 1120px;
    position: absolute;
    top: 100px;
    background-color: #666666;
    padding-top: 0px;
    margin-top: 0; 
}

@media (max-width: 8000px) and (min-width: 1921px){
    .hrHomePageHeader {
        width: 1140px;
    }
}

@media (max-width: 1370px) and (min-width: 1291px){
    .hrHomePageHeader {
        width: calc(100% - 228px);
    }
}

@media (max-width: 1290px) and (min-width: 1141px){
    .hrHomePageHeader {
        width: calc(100% - 202px);
    }
}

@media (max-width: 1140px) and (min-width: 1031px){
    .hrHomePageHeader {
        width: calc(100% - 178px);
    }
}

@media (max-width: 1030px) and (min-width: 951px){
    .hrHomePageHeader {
        width: calc(100% - 160px);
    }
}

@media (max-width: 950px) and (min-width: 771px){
    .hrHomePageHeader {
        width: calc(100% - 160px);
        top: 60px;
    }
}

@media (max-width: 770px) and (min-width: 471px){
    .hrHomePageHeader {
        width: calc(100% - 120px);
        top: 60px;
    }
}

@media (max-width: 470px) and (min-width: 401px){
    .hrHomePageHeader {
        width: calc(100% - 74px);
        top: 60px;
    }
}

@media (max-width: 400px) and (min-width: 0px){
    .hrHomePageHeader {
        width: calc(100% - 62px);
        top: 60px;
    }
}

#userStoryCarousel .homePageFirstCarousel .bx-wrapper {
	height: auto !important;
}

.homePageFirstCarousel .fl-slide-cta-button {
	text-align: right;
    bottom: 100px;
    position: absolute;
    right: 0;
    z-index: 996;
}

.homePageFirstCarousel .fl-slide-cta-button {
	padding-bottom: 0px !important;
}

.homePageFirstCarousel .bx-wrapper .bx-pager {
	padding-left: calc(50% - 560px) !important;
}

.homePageFirstCarousel .fl-slide-content {
	padding-left: 0px !important;
}

@media (max-width: 1370px) and (min-width: 1291px){
    .homePageFirstCarousel .fl-slide-content {
    	padding-left: 114px !important;
    	padding-right: 114px !important;
    }
    .homePageFirstCarousel .bx-wrapper .bx-pager {
        padding-left: 114px !important;
    }
}

@media (max-width: 1290px) and (min-width: 1141px){
    .homePageFirstCarousel .fl-slide-content {
    	padding-left: 101px !important;
    	padding-right: 101px !important;
    }
    .homePageFirstCarousel .bx-wrapper .bx-pager {
        padding-left: 101px !important;
    }
}

@media (max-width: 1140px) and (min-width: 1031px){
    .homePageFirstCarousel .fl-slide-content {
    	padding-left: 89px !important;
    	padding-right: 89px !important;
    }
    .homePageFirstCarousel .bx-wrapper .bx-pager {
        padding-left: 89px !important;
    }
}

@media (max-width: 1030px) and (min-width: 951px){
    .homePageFirstCarousel .fl-slide-content {
    	padding-left: 80px !important;
    	padding-right: 80px !important;
    }
    .homePageFirstCarousel .bx-wrapper .bx-pager {
        padding-left: 80px !important;
    }
}

@media (max-width: 950px) and (min-width: 771px){
    .homePageFirstCarousel .fl-slide-content {
    	padding-left: 80px !important;
    	padding-right: 80px !important;
    }
    .homePageFirstCarousel .bx-wrapper .bx-pager {
        padding-left: 80px !important;
    }
}

@media (max-width: 770px) and (min-width: 471px){
    .homePageFirstCarousel .fl-slide-content {
    	padding-left: 60px !important;
    	padding-right: 60px !important;
    }
    .homePageFirstCarousel .bx-wrapper .bx-pager {
        padding-left: 60px !important;
    }
}

@media (max-width: 470px) and (min-width: 401px){
    .homePageFirstCarousel .fl-slide-content {
    	padding-left: 37px !important;
    	padding-right: 37px !important;
    }
    .homePageFirstCarousel .bx-wrapper .bx-pager {
        padding-left: 37px !important;
    }
}

@media (max-width: 400px) {
    .homePageFirstCarousel .fl-slide-content {
    	padding-left: 31px !important;
    	padding-right: 31px !important;
    }
    .homePageFirstCarousel .bx-wrapper .bx-pager {
        padding-left: 31px !important;
    }
}

.homePageFirstCarousel .bx-pager {
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.homePageFirstCarousel h2.fl-slide-title {
    font-size: 60px !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: #FFFFFF !important;
    text-align: left !important;
}

@media (max-width: 950px) {
    .homePageFirstCarousel h2.fl-slide-title {
        line-height: 1.3 !important;   
        padding-top: 29px !important;
    }    
}

@media (max-width: 450px){
    .homePageFirstCarousel h2.fl-slide-title {
    	font-size: 40px !important;
    }
    .homePageFirstCarousel .fl-slide-content .fl-slide-text {
    	font-size: 30px !important;
    }
    .homePageFirstCarousel .fl-slide-content .fl-slide-text, 
	.homePageFirstCarousel h2.fl-slide-title,
	.homePageShortDescription {
		text-align: center !important;
	/*	padding-left: 37px;
		padding-right: 37px; */
	}
}
/*
@media (max-width: 400px){
    .homePageFirstCarousel .fl-slide-content .fl-slide-text, 
	.homePageFirstCarousel h2.fl-slide-title,
	.homePageShortDescription {
	    padding-right: 31px;
	    padding-left: 31px;
	}
} 
*/

.homePageFirstCarousel .fl-slide-text {
    font-weight: 300 !important;
    font-size: 36px !important;
    font-family: 'Roboto', sans-serif;
    padding-bottom: 30px;
    padding-top: 0px;
    text-align: left;
}

@media (max-width: 950px) {
    .homePageFirstCarousel .fl-slide-text {
        padding-bottom: 177px;    
    }
    .homePageFirstCarousel a.orangeTextButton {
        margin-top: 14px !important;    
    }
}

@media (max-width: 8000px) and (min-width: 1921px){
    .preparedHtmlHamburgerMenu .fl-menu-mobile-toggle {
    	margin-left: 11px !important;
    }
} 

/***********************************************************************/
/****** For the top icons, logo and separating line of home page *******/
/***********************************************************************/

.homePageHighestRow .fl-row-content-wrap {
	z-index: 996;
}

.homePageHighestRow .fixingHeaderLogoAndIcons {
	position: absolute;
}

.homePageHighestRow .fl-row-content {
	padding-top: 0px;
}

.homePageHighestRow .fixingHeaderLogoAndIcons {
	padding-top: 30px;
} 

@media (max-width: 950px) {
    .homePageHighestRow .fixingHeaderLogoAndIcons {
    	padding-top: 10px;
    } 
}

/***********************************************************************/
/****** For the 'prepared HTML' version of hamburger menu **************/
/***********************************************************************/

.preparedHtmlHamburgerMenu .fl-has-submenu .sub-menu {
	display: none;
}

/***********************************************************************/
/****** /wp-content/plugins/bb-plugin/modules/menu/css.frontend.css ****/
/***********************************************************************/

.fl-menu ul,
.fl-menu li{
	list-style: none;
	padding: 0;
}
.fl-menu .menu:before,
.fl-menu .menu:after{
	content: '';
	display: table;
	clear: both;
}

/* Horizontal menus */
.fl-menu li{
    position: relative;
}
.fl-menu li a{
    display: block;
	padding: 0;
    line-height: 55px;
}
.fl-menu a:hover{
    text-decoration: none;
    	
}
.fl-menu .sub-menu{ 
	min-width: 220px;
}

/* Expanded menus */
.fl-module[data-node] .fl-menu .fl-menu-expanded .sub-menu {
	background-color: transparent;
	-webkit-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}

/* Submenus */
.fl-menu .fl-has-submenu:focus,
.fl-menu .fl-has-submenu .sub-menu:focus,
.fl-menu .fl-has-submenu-container:focus {
	outline: 0;
}
.fl-menu .fl-has-submenu-container{ position: relative; }
.fl-menu .fl-has-submenu-container a{ padding-right: 38px; }

/* Submenu - accordion, expanded */
.fl-menu .fl-menu-accordion .fl-has-submenu > .sub-menu{
	display: none;
}

/* Toggle - General */
.fl-menu .fl-menu-toggle{
	position: absolute;
	top: 50%;
	right: 0;
	cursor: pointer;
}
.fl-menu .fl-toggle-arrows .fl-menu-toggle:before,
.fl-menu .fl-toggle-none .fl-menu-toggle:before{
	border-color: #333;
}
.fl-menu .fl-menu-expanded .fl-menu-toggle{
	display: none;
}

/* Mobile menu - hamburger icon */
.fl-menu .fl-menu-mobile-toggle {
	position: relative;
	padding: 8px;
	background-color: transparent;
	border: none;
	color: #333;
	border-radius: 0;
}
.fl-menu .fl-menu-mobile-toggle.text{
	width: 100%;
	text-align: center;
}
.fl-menu .fl-menu-mobile-toggle.hamburger .fl-menu-mobile-toggle-label,
.fl-menu .fl-menu-mobile-toggle.hamburger-label .fl-menu-mobile-toggle-label{
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
}
.fl-menu .fl-menu-mobile-toggle.hamburger .svg-container,
.fl-menu .fl-menu-mobile-toggle.hamburger-label .svg-container{
	display: inline-block;
	position: relative;
	width: 1.4em;
	height: 1.4em;
	vertical-align: middle;
}
.fl-menu .fl-menu-mobile-toggle.hamburger .hamburger-menu,
.fl-menu .fl-menu-mobile-toggle.hamburger-label .hamburger-menu{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.fl-menu .fl-menu-mobile-toggle.hamburger .hamburger-menu rect,
.fl-menu .fl-menu-mobile-toggle.hamburger-label .hamburger-menu rect{
	fill: currentColor;
}

/* Mega menu general */
li.mega-menu .hide-heading > a {
	display: none;
}

/* Mega menu for horizontal menus */
ul.fl-menu-horizontal li.mega-menu {
	position: static;
}
ul.fl-menu-horizontal li.mega-menu > ul.sub-menu {
	top: inherit !important;
	left: 0 !important;
	right: 0 !important;
	width: 100%;
}
ul.fl-menu-horizontal li.mega-menu.fl-has-submenu:hover > ul.sub-menu,
ul.fl-menu-horizontal li.mega-menu.fl-has-submenu.focus > ul.sub-menu {
	display: flex !important;
}
ul.fl-menu-horizontal li.mega-menu > ul.sub-menu li {
	border-color: transparent;
}
ul.fl-menu-horizontal li.mega-menu > ul.sub-menu > li {
	width: 100%;
}
ul.fl-menu-horizontal li.mega-menu > ul.sub-menu > li > .fl-has-submenu-container a {
	font-weight: bold;
}
ul.fl-menu-horizontal li.mega-menu > ul.sub-menu > li > .fl-has-submenu-container a:hover {
	background: transparent;
}
ul.fl-menu-horizontal li.mega-menu > ul.sub-menu .fl-menu-toggle {
	display: none;
}
ul.fl-menu-horizontal li.mega-menu > ul.sub-menu ul.sub-menu {
	background: transparent;
	-webkit-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
	display: block;
	min-width: 0;
	opacity: 1;
	padding: 0;
	position: static;
	visibility: visible;
}

/*.hamburgerMenuRow .fl-row-content {
	float: right;
}*/

/***********************************************************************/
/****** For pagination of search results page **************************/
/***********************************************************************/

.pgntn-page-pagination .current {
    background-color: #ff6600 !important;
    color: #fff !important;
    border: 0px solid #cccccc !important;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding: 5px 13px 5px 13px;  
}

.pgntn-page-pagination a {
    color: #cccccc !important;
    background-color: #ffffff !important;
    text-decoration: none !important;
    border: 1px solid #cccccc !important;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding: 5px 13px 5px 13px;  
}

.pgntn-page-pagination-block {
    padding-bottom: 75px;  
}  

/***********************************************************************/
/***********************************************************************/
/***********************************************************************/

.button{
	display:inline-block;
	-webkit-appearance: none;
	text-indent: 0px;
	color:#fff;
	padding: 8px 16px 8px 16px;
	border-radius: 0px;
	border: 3px solid #ff6600;
	text-shadow:none;
	background:none;
	background-color: #ebebeb;
	-webkit-transition: background-color .25s linear;
	-moz-transition: background-color .25s linear;
	-o-transition: background-color .25s linear;
	-ms-transition: background-color .25s linear;
	transition: background-color .75s ease-in-out;
	text-decoration:none;
	font-size:20px;
	font-weight:bold;
	line-height:1;
	text-align: center;
	white-space:inherit;
	vertical-align:inherit;
	cursor: pointer;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

@media (max-width: 900px) {
    .button {
        padding: 8px 5px 8px 5px;
    }
}

.button:hover{
	box-shadow: none;
	border-radius: 0px;	
	-webkit-transition: background-color .25s linear;
	-moz-transition: background-color .25s linear;
	-o-transition: background-color .25s linear;
	-ms-transition: background-color .25s linear;
	transition: background-color .75s linear;
}

.iconAccountMenu .fl-has-submenu-container:first-child:hover, #menu-item-5171:hover, .myAccountMenu .menu-item-object-page:hover {
	    background-color: #cccccc;
}

.myAccountMenu .menu-item-object-page {
	border-top: 1px solid #cccccc !important;
}

.hamburgerMenuRow .fl-row-content-wrap {
	position: absolute;
	right: -12px;
	top: 9px;
	width: 573px;
	height: auto;
}

@media (max-width: 8000px) and (min-width: 1371px){
    .hamburgerMenuRow .fl-row-content-wrap {
        position: absolute;
        right: calc(50% - 560px);
    }
}

/*.hamburgerMenuRow {
    height: 0;
}*/

.mainHamburgerMenu button.fl-menu-mobile-toggle {
	position: fixed;
}

.hamburgerMenuTagNoArrowThirdLevel a div:hover {
    background-color: #666666;
}


.hamburgerMenuPageFourthLevel a div:hover {
	background-color: #666666;
}

#menu-item-3764 .hamburgerMenuPageSecondLevel a {
	border-bottom: 1px solid #666666;
}

#menu-item-3764 a:first-child {
	border-bottom: 1px solid #666666;
}



#menu-item-3764 a {
    border-bottom: 1px solid #666666;    
}

/***********************************************************************/
/****** For the my account menu 'My offers and upgrades' ***************/
/***********************************************************************/

#menu-item-5171 {
	border-top: 2px solid #cccccc !important;
	font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-transform: none;
    background-color: rgba(255,255,255,1);
    position: relative;
    border-bottom: 2px solid #cccccc;
    color: #333333;
}

#menu-item-5171 a {
	color: #333333 !important;
    font-weight: 400 !important;
}

#menu-item-5171 a div {
	padding-left: 0px !important;
}

#menu-item-5171 a .arrowImg {
	display: none !important;
}

.shopSectionHomePage .orangeTextButton {
	padding-left: 34px;
	padding-right: 34px;
}

.iconQuestionHome .orangeTextButton {
	padding-left: 35px;
	padding-right: 35px;
}

.accountSectionHomePage .orangeTextButton {
	padding-left: 16px;
	padding-right: 16px;
}

@media (max-width: 650px) {
    
    .priceBasketWholeColumn {
        display: none;
    }
    
    .basketHtmlTableOrdinaryRow .productPriceBasket, .basketHtmlTableTitleRow .itemPriceTitle, .thirdColumnVat, .thirdColumnTotal {
	    display: none;
    }
    
}

@media (max-width: 950px) {
    
    .itemTitleTitle {
	    width: 50% !important;
    }

    .itemQuantityTitle {
    	width: 17.5% !important;
    }
    
    .itemPriceTitle {
    	width: 15.5% !important;
    }
    
    .itemSubtotalTitle {
    	width: 17% !important;
    }
    
}

@media (max-width: 650px) {
    
    .itemsBasketWholeColumn {
        width: 53% !important;
        clear: none;
        float: left;
        max-width: none;
    }
    
    .quantityBasketWholeColumn {
        width: 26% !important;
        clear: none;
        float: left;
        max-width: none;
    }
    
    .subtotalBasketWholeColumn {
        width: 21% !important;
        clear: none;
        float: left;
        max-width: none;
    }
    
    td.itemTitleTitle {
        width: 53% !important;
    }
    
    td.itemQuantityTitle {
        width: 26% !important;
    }
    
    td.itemSubtotalTitle {
        width: 21% !important;
    }  
    
}

@media (max-width: 450px){
    
    .visaPaymentButton {
    	padding: 25px 0 25px 5px !important;
    	background: #ffffff url(/images/VisaSVG.svg) calc(100% - 5px) no-repeat !important;
        background-size: 85px !important;
    }
    
    .visaPaymentButton:hover {
        background-color: #45864E !important;
    }

    .mastercardPaymentButton {
    	padding: 25px 0 25px 5px !important;
    	background: #ffffff url(/images/MastercardSVG.svg) calc(100% - 5px) no-repeat !important;
        background-size: 75px !important;
    }
    
    .mastercardPaymentButton:hover {
        background-color: #45864E !important;
    }
    
    .americanPaymentButton {
    	padding: 25px 0 25px 5px !important;
    	background: #ffffff url(/images/AmericanExpressSVG.svg) calc(100% - 5px) no-repeat !important;
        background-size: 60px !important;
    }
    
    .americanPaymentButton:hover {
        background-color: #45864E !important;
    }
    
    .maestroPaymentButton {
    	padding: 25px 0 25px 5px !important;
    	background: #ffffff url(/images/MaestroSVG.svg) calc(100% - 5px) no-repeat !important;
        background-size: 75px !important;
    }
    
    .maestroPaymentButton:hover {
        background-color: #45864E !important;
    }
    
    .jcbPaymentButton {
    	padding: 25px 0 25px 5px !important;
    	background: #ffffff url(/images/JCBSVG.svg) calc(100% - 5px) no-repeat !important;
        background-size: 75px !important;
    }
    
    .jcbPaymentButton:hover {
        background-color: #45864E !important;
    }
    
    .paypalPaymentButton {
    	padding: 25px 0 25px 5px !important;
    	background: #ffffff url(/images/PaypalSVG.svg) calc(100% - 5px) no-repeat !important;
        background-size: 135px !important;
    }
    
    .paypalPaymentButton:hover {
        background-color: #45864E !important;
    }
    
    .totalBasketValue, .VATBasketValue, .productPriceBasket {
    	padding-right: 5px !important;
    	text-align: right;
    }
    
    .tdVATBasket, .basketHtmlTabletotalBasket, td.productTitleBasket, td.itemTitleTitle  {
        padding-left: 5px !important;
    }
    
    .borderBasket {
        margin-left: -5px !important;
    }
    
    td.itemSubtotalTitle {
        padding-right: 5px !important;
    }
    
    .itemsBasketWholeColumn {
        width: 66% !important;
    }
    
    .quantityBasketWholeColumn {
        width: 34% !important;
    }
    
    .productQuantityBasketColumn {
    	border-right: 1px solid #cccccc;
    }
    
    .subtotalBasketWholeColumn {
    	display:none;
    }
    
    .totalQuantityBasket {
        font-family: 'Roboto', sans-serif;
        color: #333333;
        font-size: 18px;
        font-weight: 500;
        padding-top: 15px;
        background-color: #f6f6f6;
        padding-top: 15px;
        padding-bottom: 12px;
        visibility: visible;
    }
    
    .totalQuantityBasket span {
        visibility: visible !important;    
    }    
    
    .VATQuantityBasket {
        color: #666666;
        font-size: 18px;
        font-family: 'Roboto', sans-serif;
        padding-top: 15px;
        padding-bottom: 0px;
        border-bottom: 0px solid #cccccc;
        visibility: visible;
    } 
    
    .VATQuantityBasket span {
        visibility: visible !important;   
    }    
    
    .borderBasketVATQuantity {
    	margin-top: 12px !important;
    }

}

@media (max-width: 353px){
    .currencyChangeForm {
        padding-top: 51px;
    }
}

@media (max-width: 353px){
    .currencyInShopContext .currencyChangeForm {
        padding-top: 0px;
    }
}

.uniformQuantityBlock {
    border-bottom: 1px solid #cccccc;
    height: 55px;
}
/*
@media (max-width: 340px){
    .productTitleBasket {
        font-size: 15px; 
    }      
}
*/

@media (max-width: 550px) {
    
/*    .quantityInputBasket {
	    margin-top: 40px !important;
    }

    .productPriceBasket {
	    margin-top: 42px !important;
    }  */
    
}

@media (max-width: 950px) {
    .worldpayLogoBasket {
        float: left;
    }
}

#checkDsp2 , #checkDsp3 {
    margin-right: 6px;
}

#shopDspCheckVisLM , #shopDspCheckVisualizer , #shopDspCheckISL , #shopDspCheckISLst {
    margin-right: 5px;
}



.containerBundleShopGrid {
	position: absolute;
	top: 0;
	right: 0;
}

.bundleTagShop {
    font-family: 'Roboto', sans-serif;
    color: #ff6600;
    font-weight: 400;
    font-size: 16px;
    position: absolute;
    top: 55px;
    left: 20px;
} 

@media (max-width: 5500px) and (min-width: 1371px) {
    #mp-brick-3972 .mp-stacks-postgrid-item-excerpt-holder, #mp-brick-21 .mp-stacks-postgrid-item-excerpt-holder {
    	height: 220px;
    }
} 

@media (max-width: 1370px) and (min-width: 1291px) {
    #mp-brick-3972 .mp-stacks-postgrid-item-excerpt-holder, #mp-brick-21 .mp-stacks-postgrid-item-excerpt-holder {
    	height: 210px;
    }
} 

@media (max-width: 1290px) and (min-width: 1030px) {
    #mp-brick-3972 .mp-stacks-postgrid-item-excerpt-holder, #mp-brick-21 .mp-stacks-postgrid-item-excerpt-holder {
    	height: 255px;
    }
} 

@media (max-width: 1029px) and (min-width: 901px) {
    #mp-brick-3972 .mp-stacks-postgrid-item-excerpt-holder, #mp-brick-21 .mp-stacks-postgrid-item-excerpt-holder {
    	height: 205px;
    }
}

@media (max-width: 900px) and (min-width: 811px) {
    #mp-brick-3972 .mp-stacks-postgrid-item-excerpt-holder, #mp-brick-21 .mp-stacks-postgrid-item-excerpt-holder {
    	height: 230px;
    }
} 

@media (max-width: 810px) and (min-width: 401px) {
    #mp-brick-3972 .mp-stacks-postgrid-item-excerpt-holder, #mp-brick-21 .mp-stacks-postgrid-item-excerpt-holder {
    	height: 255px;
    }
}

@media (max-width: 400px) {
    #mp-brick-3972 .mp-stacks-postgrid-item-excerpt-holder {
    	/*height: 300px;*/
    	margin-bottom: 20px;
    }
} 

@media (max-width: 350px) {
    #mp-brick-21 .mp-stacks-postgrid-item-excerpt-holder {
    	height: 275px;
    }
} 

.currencyInShopContext .currencyChangeForm {
	float: right;
	position: absolute;
	right: calc(50% - 560px);
	top: 33px;
	z-index: 2;
} 

@media (max-width: 8000px) and (min-width: 1921px) {
    .currencyInShopContext .currencyChangeForm {
        right: calc(50% - 585px);   
    }
} 

.containerBundleShopGrid .bundleGridSaveText {
    position: relative;
    top: 31px;
    right: 22px;
    text-align: left;
    color: #ffffff; 
    font-weight: normal;
    font-style: italic;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
}

@media (max-width: 1200px) and (min-width: 951px){
    .postgridShop .containerBundleShopGrid .bundleGridSaveText {
    	top: 43px;
    }
}

@media (max-width: 850px) and (min-width: 700px){
    .postgridShop .containerBundleShopGrid .bundleGridSaveText {
    	top: 43px;
    }
}

@media (max-width: 400px){
    .postgridShop .containerBundleShopGrid .bundleGridSaveText {
    	top: 43px;
    }
}

#mp-stacks-grid-isotope-sort-container-3972 .mp-stacks-grid-isotope-button[data-filter*=bundle] , 
#mp-stacks-grid-isotope-sort-container-21 .mp-stacks-grid-isotope-button[data-filter*=bundle] {
    display: none !important;    
} 

@media (max-width: 8000px) and (min-width: 1921px){
	.postgridProducts {
	    margin-left: 15px;
	    margin-right: 15px;
	}
} 

#mp-stacks-grid-isotope-sort-container-2714 {
    display: table;
    border-collapse: collapse;
    margin-bottom: 6px;
    margin-right: 15px;
} 

#mp-brick-2714 .mp-stacks-grid-item {
    padding: 15px !important;
} 

#mp-brick-2714 .mp-stacks-grid-isotope-sort-container {    
    margin-left: 15px !important;   
} 

#mp-brick-2713 {
    display:none;
} 

#mp-brick-2714-first-content-type-container {
    text-align: left;    
} 

#mp-brick-21 {
    margin-top: -40px;
} 

#mp-brick-3972 {
    margin-top: -40px;
} 

#mp-brick-2714 {
    margin-top: -30px;
} 
/* 
    Roger Lima 05/06/2020 change
    Add the learning container 11478
    Container 21 is from /products page
*/
#mp-stacks-grid-isotope-sort-container-21, #mp-stacks-grid-isotope-sort-container-11478{
	margin-top: 0px !important;
	margin-left: 15px !important;
	margin-bottom: 6px;
	margin-right: 15px !important;
}

@media (max-width: 555px){
    
    .first {
        border-top: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;
    }
    
    .second , .third {
        border-bottom: 1px solid #cccccc;
    }
    
} 

@media (max-width: 950px){
    
    .homePageHeaderCarousel .bx-wrapper {
    	margin-bottom: 0px !important;
    }
    
    #userStoryCarousel .fl-slide-cta-button {
	    padding-bottom: 120px !important;
    }
    
    #userStoryCarousel .bx-wrapper .bx-pager {
        text-align: center !important;
    }
    
    #userStoryCarousel .bx-wrapper {
	    margin-bottom: 0px !important;
    }
    
    #userStoryCarousel .manualContentSlider .bx-pager {
	    bottom: 80px !important;
    }
    
}

@media (max-width: 450px){
    #userStoryCarousel .fl-slide-cta-button {
        padding-bottom: 70px !important;
    }
}

@media (max-width: 950px){
    #userStoryCarousel .fl-slide-cta-button {
        padding-bottom: 50px !important;
    }
}

@media (max-width: 600px){

    .homePageHeaderCarouselRow .fl-row-content-wrap {
	    padding-bottom: 100px !important;
    }

    .homePageHeaderCarouselButton {
    	right: calc(50% - 70px) !important;
    	bottom: 161px !important;
    }
    
    .homePageHeaderCarousel .bx-wrapper {
    	margin-bottom: 39px !important;
    }
    
    .homePageHeaderCarousel .bx-pager {
	    bottom: -39px;
    }
    
    .homePageHeaderCarousel .fl-slide-text {
    	padding-top: 12px !important;	
    }
    
/*    .homePageHeaderCarousel .fl-module-content {
    	margin-bottom: 145px !important;
    } */

}

.homePageMobileSlider .fl-slide-content-wrap {
	text-align: center !important;	
}

.homePageMobileSlider .bx-pager {
	text-align: center !important;	
}

.homePageMobileSlider .fl-slide-mobile-photo-img {
	text-align: center !important;
	margin: auto !important;
	width: 350px !important;	
}

.homePageTwoProducts .fl-slide-photo {
	margin-top: 15px !important;
}

@media (max-width: 950px) {
	.fl-slide-text {
	    color: #ffffff !important;
	}
}

.fl-slideshow-nav-buttons {
    display: none !important;
}

.homePageTwoProductsRow .fl-col div:first-child {
	margin-right: 0px;
}

.homePageTwoPoductsRow .fl-col-content:first-child {
	    margin-right: 0px;
}

@media (max-width: 770px) {
    .homePageThreeColumnsRow .fl-col {
    	width: 100% !important;
    }
    .linkMusicProduction a p:nth-child(2) {
	padding-bottom: 27px !important;
    }
    .linkPostProduction a p:first-child {
    	padding-top: 27px !important;
    }
    .linkPostProduction a p:nth-child(2) {
    	padding-bottom: 27px !important;
    }
    .linkAllProducts a p:first-child {
    	padding-top: 27px !important;
    }
    .fl-builder-content .downloadSectionHomePage , .fl-builder-content .accountSectionHomePage ,
    .fl-builder-content .helpSectionHomePage , .fl-builder-content .shopSectionHomePage {
	    width: 50% !important;
    }
}

.accountSectionHomePage .icon-ic_person_black_24px {
    display: block;	
}

.shopSectionHomePage .icon-ic_shopping_cart_black_24px {
	display: block;
}

.homePageMobileSlider .fl-slide-content {
    background-color: transparent !important;
}

.homePageMobileSlider .fl-slide-title {
	color: #ffffff !important;
}

.homePageMobileSlider .fl-slide-text p {
	color: #ffffff !important;
}

.logoutCorner {
    position: relative;
}

.sectionHeader {
    color: #000000 !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
    font-size: 36px !important;
}

.licensesTable tr:last-child td {
    border-bottom: 1px solid #cccccc;
}

.nameNotEmptyLicenses td {
    border-top: 1px solid #cccccc !important;
    padding-top: 10px; 
    padding-bottom: 8px;
}

input[type=radio], input[type=radio] {
    visibility: visible;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    input[type=radio], input[type=radio] {
        visibility: visible;
    }
}

input[type=radio]:after, input[type=radio]:after {
    content: " ";
    background-color: #fff;
    display: block;
    margin-left: -3px;
    margin-top: -4px;
    width: 20px;
    height: 20px;
    visibility: visible;
    border: 1px solid #b8b8b8;
    border-radius: 100%;
    position: absolute;
    padding-top: 0px;
} 

input[type=radio]:checked:after {
    border: 6px solid #ff6600;
} 

    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        input[type=checkbox], input[type=checkbox] {
            visibility: visible;
        }
    }
    


.fl-menu-mobile-toggle {
    background-color: transparent !important;
    padding-left: 0px !important;
    padding-right: 0px !important; /*was 25px*/
    padding-top: 11px !important; /*was 11px*/
}

@media (max-width: 8000px) and (min-width: 1921px){
    .fl-menu-mobile-toggle {
    	padding-right: 3px !important;
    }
}

#menu-item-2119 {
	margin-top: 121px;
}

#menu-item-2120 , #menu-item-2121 , #menu-item-2122 , #menu-item-2123 , #menu-item-3683 {
	border-top: 0px solid #cccccc;
}

.dspInformationText {
    height: 0px; 
    opacity: 0;
    transition: opacity 0.21s, height 0.7s;
}

.dspDemoClass td {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

.dspColumnPc form , .dspColumnMac form {
   height: 0px;
   margin-top: -48px;
   overflow: hidden;
   transition: opacity 0.21s, height 0.7s, margin-top 0.7s;
   opacity: 0;
}

.dspColumnPc button {
    padding-left: 7px;
}

.dspColumnMac button {
    padding-left: 10px;
}

.registerCancelTable .firstColumn {
    width: 25px;
}

select[name=Q1], select[name=Q3] {
    color: #000000;
    border: 1px solid #cccccc;
    font-size: 18px;
    font-family: 'Roboto',sans-serif;
    padding: 6px 1px 5px 8px;
    font-weight: 300;
}

select[name=Q2A], select[name=processorSpeed], select[name=dawEditor], select[name=dawEditorVersion] {
    color: #000000;
    border: 1px solid #cccccc;
    font-size: 18px;
    font-family: 'Roboto',sans-serif;
    padding: 6px 1px 5px 8px;
    font-weight: 300;
}

select[name=Q1] option, select[name=Q3] option, select[name=Q2A] option, select[name=processorSpeed] option, select[name=dawEditor] option, select[name=dawEditor] option {
    font-weight: 300;
}

input::-webkit-input-placeholder { 
    color: #999999;
    font-size: 18px;
    font-style: italic;
}
input::-moz-placeholder { 
    color: #999999;
    font-size: 18px;
    font-style: italic;
}
input::-ms-input-placeholder { 
    color: #999999;
    font-size: 18px;
    font-style: italic;
}
input::-moz-placeholder { 
    color: #999999;
    font-size: 18px;
    font-style: italic;
}
input::placeholder {
    color: #999999;
    font-size: 18px;
    font-style: italic;
}

table .dspBottomBorder td {
    border-bottom: 0px solid #cccccc !important;    
}

.hamburger .my-account-responsive-menu-box {
    padding-left: 0px;    
}

#menu-item-2123 {
    border-bottom: 2px solid #cccccc;
}

.iconAccountMenu .sub-menu {
    /*border-left: 2px solid #cccccc;
    border-right: 2px solid #cccccc;*/
}

#homeSecondBlockBackground , #homeThirdBlockBackground {
    transform: translate(100%,0);
    transition: transform .75s;
}

.fl-node-591afc366985f {
    position: relative;
}
/*
#homeSecondBlockBackground {
    transition: transform 2s;
}
*/
#menu-myaccount-page-menu {
    z-index: 50;
    background-color: #f6f6f6;
    /*width: calc(50vw - 225px) !important;*/
    top: 0;
    height: 100%;
}

@media (max-width: 8000px) and (min-width: 1370px){
    
    #menu-myaccount-page-menu {
    /*   transform: translate(calc(-100vw + 795px), 0);
        -ms-transform: translate(calc(-100vw + 795px), 0); */
        transform: translateX(-100vw) translateX(795px);
        -ms-transform: translateX(-100vw) translateX(795px);
    	transition: transform 0.55s;
    	width: calc(50vw - 225px) !important;
    	display: block;
    }
    
    .translateMenuMyAccount {
        transform: translateX(-50vw) translateX(570px) !important;
        -ms-transform: translateX(-50vw) translateX(570px) !important;
        transition: transform 0.55s;
    }
    
    .iconAccountMenu {
        margin-left: calc(50vw - 566px) !important;
        cursor: pointer;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 8000px) and (min-width: 1370px) {
    
    #menu-myaccount-page-menu {
        transform: translateX(-40vw);
        -ms-transform: translateX(-40vw);
    	transition: transform 0.55s;
    	width: 40vw !important;
    	display: block;
    	left: 0px;
    }
    
    .translateMenuMyAccount {
        -ms-transform: translateX(0vw) translateX(0px) !important;
        transition: transform 0.55s;
    }
    
    .iconAccountMenu {
        margin-left: calc(50vw - 566px) !important;
        cursor: pointer;
    }
    
}

@media (max-width: 1370px) and (min-width: 1291px){
	
	#menu-myaccount-page-menu {
		transform: translate(-568px, 0);
        -ms-transform: translate(-568px, 0); 
		width: 454px !important;
		transition: transform 0.55s;
    	display: block;
	}
    
    .translateMenuMyAccount {
        transform: translate(-114px, 0) !important;
    }
    
    .iconAccountMenu {
		margin-left: 114px !important;
		cursor: pointer;
	}
	
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 1370px) and (min-width: 1291px) {
    
    #menu-myaccount-page-menu {
		transform: translate(-568px, 0);
        -ms-transform: translate(-568px, 0); 
		width: 454px !important;
		transition: transform 0.55s;
    	display: block;
    	left: 0px;
	}
    
    .translateMenuMyAccount {
        transform: translate(0px, 0) !important;
    }
    		
	.iconAccountMenu {
		margin-left: 114px !important;
		cursor: pointer;
	}
    
}

@media (max-width: 1290px) and (min-width: 1141px){
	
	#menu-myaccount-page-menu {
		transform: translate(-542px, 0);
        -ms-transform: translate(-542px, 0); 
		width: 441px !important;
		transition: transform 0.55s;
    	display: block;
	}
    
    .translateMenuMyAccount {
        transform: translate(-101px, 0) !important;
    }
    		
	.iconAccountMenu {
		margin-left: 101px !important;
		cursor: pointer;
	}
	
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 1290px) and (min-width: 1141px) {
    
    #menu-myaccount-page-menu {
		transform: translate(-542px, 0);
        -ms-transform: translate(-542px, 0); 
		width: 441px !important;
		transition: transform 0.55s;
    	display: block;
    	left: 0px;
	}
    
    .translateMenuMyAccount {
        transform: translate(0px, 0) !important;
    }
    		
	.iconAccountMenu {
		margin-left: 101px !important;
		cursor: pointer;
	}
    
}

@media (max-width: 1140px) and (min-width: 1031px){
	
	#menu-myaccount-page-menu {
	    transform: translate(-518px, 0);
        -ms-transform: translate(-518px, 0); 
		width: 429px !important;
		transition: transform 0.55s;
    	display: block;
	}
    
    .translateMenuMyAccount {
        transform: translate(-89px, 0) !important;
    }
    		
	.iconAccountMenu {
		margin-left: 89px !important;
		cursor: pointer;
	}
	
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 1140px) and (min-width: 1031px) {
    
    #menu-myaccount-page-menu {
	    transform: translate(-518px, 0);
        -ms-transform: translate(-518px, 0); 
		width: 429px !important;
		transition: transform 0.55s;
    	display: block;
    	left: 0px;
	}
    
    .translateMenuMyAccount {
        transform: translate(0px, 0) !important;
    }
    		
	.iconAccountMenu {
		margin-left: 89px !important;
		cursor: pointer;
	}
    
}

@media (max-width: 1030px) and (min-width: 951px){
	
	#menu-myaccount-page-menu {
	    transform: translate(-500px, 0);
        -ms-transform: translate(-500px, 0); 
		width: 420px !important;
		transition: transform 0.55s;
    	display: block;
	}	
	
	.translateMenuMyAccount {
        transform: translate(-80px, 0) !important;
    }
	
	.iconAccountMenu {
		margin-left: 80px !important;
		cursor: pointer;
	}
	
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 1030px) and (min-width: 951px) {
    
    #menu-myaccount-page-menu {
	    transform: translate(-500px, 0);
        -ms-transform: translate(-500px, 0); 
		width: 420px !important;
		transition: transform 0.55s;
    	display: block;
    	left: 0px;
	}	
	
	.translateMenuMyAccount {
        transform: translate(0px, 0) !important;
    }
	
	.iconAccountMenu {
		margin-left: 80px !important;
		cursor: pointer;
	}
    
}

@media (max-width: 950px) and (min-width: 771px){
	
	#menu-myaccount-page-menu {
	    transform: translate(-1030px, 0);
        -ms-transform: translate(-1030px, 0); 
		width: 100vw !important;
		transition: transform 0.55s;
    	display: block;
	}	
	
	.translateMenuMyAccount {
        transform: translate(-80px, 0) !important;
    }
	
	.iconAccountMenu {
		margin-left: 80px !important;
		cursor: pointer;
	}
	
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 950px) and (min-width: 771px) {
    
    #menu-myaccount-page-menu {
	    transform: translate(-1030px, 0);
        -ms-transform: translate(-1030px, 0); 
		width: 100vw !important;
		transition: transform 0.55s;
    	display: block;
    	left: 0px;
	}	
	
	.translateMenuMyAccount {
        transform: translate(0px, 0) !important;
    }
	
	.iconAccountMenu {
		margin-left: 80px !important;
		cursor: pointer;
	}
	
}

@media (max-width: 770px) and (min-width: 471px){
	
	#menu-myaccount-page-menu {
	    transform: translate(-830px, 0);
        -ms-transform: translate(-830px, 0); 
		width: 100vw !important;
		transition: transform 0.55s;
    	display: block;
	}	
	
	.translateMenuMyAccount {
        transform: translate(-60px, 0) !important;
    }
	
	.iconAccountMenu {
		margin-left: 60px !important;
		cursor: pointer;
	}
	
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 770px) and (min-width: 471px) {
    
    #menu-myaccount-page-menu {
	    transform: translate(-830px, 0);
        -ms-transform: translate(-830px, 0); 
		width: 100vw !important;
		transition: transform 0.55s;
    	display: block;
    	left: 0px;
	}	
	
	.translateMenuMyAccount {
        transform: translate(0px, 0) !important;
    }
	
	.iconAccountMenu {
		margin-left: 60px !important;
		cursor: pointer;
	}
	
}

@media (max-width: 470px) {
	
	#menu-myaccount-page-menu {
	    transform: translate(-507px, 0);
        -ms-transform: translate(-507px, 0); 
		width: 100vw !important;
		transition: transform 0.55s;
    	display: block;
	}	
	
	.translateMenuMyAccount {
        transform: translate(-37px, 0) !important;
    }
	
	.iconAccountMenu {
		margin-left: 37px !important;
		cursor: pointer;
	}
	
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 470px) {
    
   #menu-myaccount-page-menu {
	    transform: translate(-507px, 0);
        -ms-transform: translate(-507px, 0); 
		width: 100vw !important;
		transition: transform 0.55s;
    	display: block;
    	left: 0px;
	}	
	
	.translateMenuMyAccount {
        transform: translate(0px, 0) !important;
    }
	
	.iconAccountMenu {
		margin-left: 37px !important;
		cursor: pointer;
	}
	
}



/*
@media (max-width: 1370px) and (min-width: 951px){
    #menu-myaccount-page-menu {
        transform: translate(calc(-100vw + 619px), 0);
        -ms-transform: translate(calc(-100vw + 619px), 0); 
    	
    }
}
*/
#menu-myaccount-page-menu li {
   /* width: 87px;*/  
   width: 310px;
}    
#menu-myaccount-page-menu {
	padding-top: 20px;
}

.icon-ic_live_help_black_48px a , .icon-ic_lock_black_48px a ,
.icon-ic_person_black_48px a , .icon-ic_local_offer_black_48px a ,
.icon-ic_get_app_black_48px a {
    visibility: hidden;
}

.icon-ic_live_help_black_48px.iconAccountMenu {
	border-top: 0px solid transparent !important;
}
.icon-ic_lock_black_48px.iconAccountMenu {
	border-top: 0px solid transparent !important;	
}
.icon-ic_person_black_48px.iconAccountMenu {
	border-top: 0px solid transparent !important;
}
.icon-ic_local_offer_black_48px.iconAccountMenu {
	border-top: 0px solid transparent !important;
}
.icon-ic_get_app_black_48px.iconAccountMenu {
	border-top: 0px solid transparent !important;
}
.fl-menu .iconAccountMenu li:first-child {
    border-top: 1px solid #cccccc;    
}

button.hamburger.activeHamburger .my-account-responsive-menu-inner::before ,
button.hamburger.activeHamburger .my-account-responsive-menu-inner::after ,
button.hamburger.activeHamburger .my-account-responsive-menu-inner {
	background-color: #ff6600;
}

button.hamburger:hover .my-account-responsive-menu-inner , 
button.hamburger:hover .my-account-responsive-menu-inner::before ,
button.hamburger:hover .my-account-responsive-menu-inner::after {
	background-color: #ff6600;
}

/*activeHabmurger*/
button.hamburger.activeHamburger .my-account-responsive-menu-inner {
    transition-property: transform;
    transform: rotate(225deg);
    transition-delay: 0.14s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
button.hamburger.activeHamburger .my-account-responsive-menu-inner::before {
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;
}
button.hamburger.activeHamburger .my-account-responsive-menu-inner::before {
    top: 0;
    opacity: 0;
}
button.hamburger.activeHamburger .my-account-responsive-menu-inner::after {
    transform: rotate(90deg);
    transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
}
button.hamburger.activeHamburger .my-account-responsive-menu-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
}

/*responsive-menu-button*/

button.hamburger {
    display: inline-block;
    transition: transform 0.5s, background-color 0.5s;
}
button.hamburger {
    width: 55px;
    height: 40px;    
}
button.hamburger {
    padding: 0 0;   
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}
button.hamburger {
    z-index: 150;    
    outline: none;
}

/*responsive-menu-box*/

button.hamburger .my-account-responsive-menu-box {
    color: #ffffff;
}
button.hamburger .my-account-responsive-menu-box  {
    display: inline-block;
    vertical-align: middle;
}
.my-account-responsive-menu-box {
	width: 30px;
	height: 30px;
	display: inline-block;
	position: relative;
}
button.hamburger {    
    cursor: pointer;    
    text-transform: none;    
}

/*responsive-menu-inner*/
button.hamburger .my-account-responsive-menu-inner {
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.my-account-responsive-menu-inner, .my-account-responsive-menu-inner::before, .my-account-responsive-menu-inner::after {
    width: 24px;
    height: 3px;
    background-color: #000000;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}
.my-account-responsive-menu-inner {
	display: block;
	top: 50%;
	margin-top: -1.5px;
}
button.hamburger .my-account-responsive-menu-box {
    color: #ffffff;
	/*filter: drop-shadow(0 0 2px #00000080);*/
}
button.hamburger {
    padding: 0 0;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}
button.hamburger .my-account-responsive-menu-inner::before {
    transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;
}
.my-account-responsive-menu-inner::before {
    top: -6px;
}
.my-account-responsive-menu-inner::before, .my-account-responsive-menu-inner::after {
    content: "";
    display: block;
}
.my-account-responsive-menu-inner, .my-account-responsive-menu-inner::before, .my-account-responsive-menu-inner::after {
    width: 24px;
    height: 3px;
    background-color: #000000;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}
.hamburger .my-account-responsive-menu-inner::after {
    transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.my-account-responsive-menu-inner::after {
    bottom: -6px;
}
.my-account-responsive-menu-inner::before, .my-account-responsive-menu-inner::after {
    content: "";
    display: block;
}
.my-account-responsive-menu-inner, .my-account-responsive-menu-inner::before, .my-account-responsive-menu-inner::after {
	width: 25px;
	height: 3px;
	background-color: #000000;
	border-radius: 4px;
	position: absolute;
	transition-property: transform;
	transition-duration: 0.15s;
	transition-timing-function: ease;
	left: 1px;
}

/* .justHideAnyModule {
    visibility: hidden;
} */
/*
.fl-slideshow-image {
    transition-duration: 1s;
    transition-timing-function: ease-in-out;
}
*/

.iconAccountMenu .menu-item-type-post_type a {
	color: #333333 !important;
	font-weight: 400 !important;	
}

.iconAccountMenu .fl-has-submenu-container:first-of-type {
	border-top: 2px solid #cccccc;
/*	border-left: 2px solid #cccccc;
	border-right: 2px solid #cccccc; */
}

.iconAccountMenu .menu-item-type-post_type a div {
	padding-top: 0px !important;
}

.iconAccountMenu .sub-menu .menu-item {
	height: 50px;
}

.iconAccountMenu {
    width: 372px;
}

.iconAccountMenu a {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 400;
}

.iconAccountMenu a:first-of-type {
    height: 55px;    
    padding-left: 36px;
}

.myAccountMenu .fl-menu .fl-menu-toggle {
	left: 0;
}

.myAccountMenu .fl-has-submenu-container a {
	margin-left: 0px;
}

.fl-hamburger-menu-top {
	height: 60px;
}
.fl-hamburger-menu-middle {
	height: 60px;
	y: 120;
}
.fl-hamburger-menu-bottom {
	height: 60px;
	y: 240;
}

.leftColumnMyAccount .fl-module-icon {
    border: 1px solid #cccccc;        
}

.myAccountMenu .fl-menu .menu {
    left: unset;
    right: unset;
}

.iconHomePage .fl-icon-wrap {
    text-align: center;    
} 

.homePageTwoProductsRow img.fl-slide-photo-img {
	height: 200px;
	width: auto !important;
}

.homePageTwoProductsRow .fl-slide-photo-wrap {
	width: 100% !important;
	padding-top: 27px;
}

.homePageTwoProductsRow .fl-row-content {
	padding-top: 0px;
}

@media (max-width: 8000px) and (min-width: 1371px){
    
    .homePageTwoProducts .fl-content-slider-navigation .slider-prev {
        left: calc(25% - 296px);
    }

    .homePageTwoProducts .fl-content-slider-navigation .slider-next {
        right: calc(25% - 296px);
    }
    
}

@media (max-width: 1370px) and (min-width: 1291px){
    
    .homePageTwoProducts .fl-content-slider-navigation .slider-prev {
        left: 36px;
    }

    .homePageTwoProducts .fl-content-slider-navigation .slider-next {
        right: 36px;
    }
    
}

@media (max-width: 1290px) and (min-width: 1141px){
    
    .homePageTwoProducts .fl-content-slider-navigation .slider-prev {
        left: 30px;
    }

    .homePageTwoProducts .fl-content-slider-navigation .slider-next {
        right: 30px;
    }
    
}

@media (max-width: 1140px) and (min-width: 1031px){
    
    .homePageTwoProducts .fl-content-slider-navigation .slider-prev {
        left: 24px;
    }

    .homePageTwoProducts .fl-content-slider-navigation .slider-next {
        right: 24px;
    }
    
}

@media (max-width: 1030px) and (min-width: 951px){
    
    .homePageTwoProducts .fl-content-slider-navigation .slider-prev {
        left: 20px;
    }

    .homePageTwoProducts .fl-content-slider-navigation .slider-next {
        right: 20px;
    }
    
}

.homePageTwoProducts .fl-slide-text p {
	font-size: 30px !important;
	color: #ffffff !important;
	font-weight: 300 !important;
	font-family: 'Roboto', sans-serif !important;	
} 

.homePageTwoProducts h2.fl-slide-title {
	font-size: 36px !important;
	color: #ffffff !important;
	font-weight: 400 !important;
	font-family: 'Roboto', sans-serif !important;	
}

.homePageTwoProducts .fl-slide-text-left .fl-slide-photo-wrap {
    float: left;
}

.homePageHeaderCarousel .fl-slide-cta-button {
    display:none;
}

.homePageHeaderCarouselButton {
    text-align: right;
    bottom: 100px;
    position: absolute;
    right: calc(50% - 560px);
    z-index: 996;
}

@media (max-width: 8000px) and (min-width: 1921px){
    .homePageHeaderCarouselButton {
        right: calc(50% - 570px);
    }
}

@media (max-width: 1370px) and (min-width: 1291px){
    .homePageHeaderCarouselButton {
        right: 114px;
    }
}

@media (max-width: 1290px) and (min-width: 1141px){
    .homePageHeaderCarouselButton {
        right: 101px;
    }
}

@media (max-width: 1140px) and (min-width: 1031px){
    .homePageHeaderCarouselButton {
        right: 89px;
    }
}

@media (max-width: 1030px) and (min-width: 951px){
    .homePageHeaderCarouselButton {
        right: 80px;
    }
}

@media (max-width: 950px) and (min-width: 771px){
    .homePageHeaderCarouselButton {
        right: 80px;
    }
}

@media (max-width: 770px) and (min-width: 471px){
    .homePageHeaderCarouselButton {
        right: 60px;
    }
}

@media (max-width: 470px) and (min-width: 401px){
    .homePageHeaderCarouselButton {
        right: 37px;
    }
}

@media (max-width: 400px) and (min-width: 0px){
    .homePageHeaderCarouselButton {
        right: 31px;
    }
}

.homePageHeaderCarousel .fl-slide-cta-button {
    text-align: right;
}

.homePageHeaderCarouselButton a {
	color:#FF6600;
	padding: 8px 9px 7px 9px !important;
	border: 2px solid #FF6600;
	font-family: 'Roboto', sans-serif;
	-webkit-transition: background-color .75s ease-in-out;
	-moz-transition: background-color .75s ease-in-out;
	-o-transition: background-color .75s ease-in-out;
	-ms-transition: background-color .75s ease-in-out;
	transition: background-color .75s ease-in-out;
	font-weight: 500 !important;
}

.homePageHeaderCarouselButton a:hover {
	color:#ffffff;
	background-color: #ff6600;
	padding: 8px 9px 7px 9px !important;
	border: 2px solid #FF6600;
	font-family: 'Roboto', sans-serif;
	-webkit-transition: background-color .75s ease-in-out;
	-moz-transition: background-color .75s ease-in-out;
	-o-transition: background-color .75s ease-in-out;
	-ms-transition: background-color .75s ease-in-out;
	transition: background-color .75s ease-in-out;
	font-weight: 500 !important;
}

.homePageHeaderCarousel .fl-slide-text {
	font-weight: 300;
	font-size: 36px !important;
	font-family: 'Roboto', sans-serif;
	padding-bottom: 116px;
	padding-top: 62px;
}

@media (max-width: 950px){
    .homePageHeaderCarousel .fl-slide-text {
        padding-bottom: 73px;
    }
}

.homePageThreeColumnsRow .fl-row-content {
    padding-top: 0px;
}

.homePageThreeColumns a , .homePageThreeColumns {
    font-family: 'Roboto', sans-serif;
    font-size: 30px;
    font-weight: 400;
    color: #000000;
    text-align:center;
}

.homePageThreeColumns a:hover , .homePageThreeColumns:hover {
    /*background-color: #000000;*/
    color: #999999;
}

.homePageHeaderCarouselRow .fl-row-content-wrap {
    -webkit-transition: background-image 1s ease-in-out;
    transition: background-image 1s ease-in-out;
}

@media (max-width: 5500px) and (min-width: 1921px) {
    #userStoryCarousel .bx-wrapper {
        height: 494px !important;
    }
}

@media (max-width: 5500px) and (min-width: 1921px) {
    #userStoryCarousel .homePageUserStoryCarousel .bx-wrapper {
        height: 510px !important;
    }
}

@media (max-width: 1920px) and (min-width: 1291px) {
    #userStoryCarousel .bx-wrapper {
        height: 456px !important;
    }
}

@media (max-width: 1290px) and (min-width: 951px) {
    #userStoryCarousel .bx-wrapper {
        height: 492px !important;
    }
}

@media (max-width: 1920px) and (min-width: 951px) {
    #userStoryCarousel .homePageUserStoryCarousel .bx-wrapper {
        height: 470px !important;
    }
}

/*
@media (max-width: 1440px) and (min-width: 951px) {
    #userStoryCarousel .bx-wrapper {
        height: 340px !important;
    }
}
*/

@media (max-width: 1440px) and (min-width: 1371px) {
    #userStoryCarousel .fl-slide-content-wrap {
    /*	width: 65% !important; */
    }
}

@media (max-width: 1370px) and (min-width: 1141px) {
    #userStoryCarousel .fl-slide-content-wrap {
    	width: 55% !important; /*75%*/
    }
}

@media (max-width: 1140px) and (min-width: 1031px){
    #userStoryCarousel .fl-slide-content-wrap {
    	width: 55% !important; /*calc(100% - 89px)*/
    }
}

@media (max-width: 1030px) and (min-width: 951px){
    #userStoryCarousel .fl-slide-content-wrap {
    	width: 55% !important; /*calc(100% - 80px)*/
    }
}

.responsive-menu-submenu-depth-1 li.responsive-menu-item a ,
.responsive-menu-submenu-depth-2 li.responsive-menu-item a ,
.responsive-menu-submenu-depth-3 li.responsive-menu-item a {
	color: #CCCCCC !important;
}  

.titleOfSubmenu:hover {
    background-color: #666666 !important;    
}

#responsive-menu-item-3906 .titleOfSubmenu, #responsive-menu-item-3908 .titleOfSubmenu {
	font-weight: 300;
}

.responsive-menu-submenu-depth-1 .responsive-menu-subarrow:hover , 
.responsive-menu-submenu-depth-2 .responsive-menu-subarrow:hover , 
.responsive-menu-submenu-depth-3 .responsive-menu-subarrow:hover {
    background-color: #666666 !important;
}

#responsive-menu-container li.responsive-menu-item a.firstPostTypeChildren {
    padding-top: 14px !important;
}

#responsive-menu-container li.responsive-menu-item a.lastPostTypeChildren {
    padding-bottom: 12px !important;
}

@media (max-width: 5500px) and (min-width: 951px){
	.textHeaderText {
		height: 130px;	
	}	
}

/***********************************************************************/
/****** For all the corrections of scrolling Try/Buy Now/Share Icons ***/
/***********************************************************************/

@media (max-width: 5000px) and (min-width: 1921px) {
    .tryButton2 .fl-icon-wrap {
        margin-left: -25px;
    }
}

@media (max-width: 1367px) and (min-width: 1291px) {
	.tryButton2 .fl-module-content .fl-icon-wrap {
		margin-right: 0px;	
	}
}

@media (max-width: 650px) {
    .tryButton1 .fl-icon-wrap {
        margin-left: 4px;
    }
}

@media (max-width: 340px) {

    .tryButton1 .fl-icon-wrap {
        margin-left: 0px;
    }
    
    .tryButton2 .fl-icon-wrap {
        margin-left: -4px;
    }

}

.icon-ic_search_black_24px {
    cursor: pointer;
}

.searchText {    
    font-family: 'Roboto', sans-serif;
    color: #ffffff;
    font-weight: 500;
    font-size: 30px;
}

.smallThinBlackText a {
    color: #000000;
}

.smallThinBlackText {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300;
    font-size: 16px !important;
    color: #000000;
}

.logoutCorner a , .logoutCorner p {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400;
    font-size: 19px !important;
    color: #000000;
}

.descriptionBuildArchive {
    font-family: 'Roboto', sans-serif; 
    font-weight: 400 !important; 
    font-size: 18px; 
    color: #333333;    
}

.noButtonMyDownloadsTable , .currentVersionMyDownloadsTable , 
.licenseMyDownloadsTable {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    color: #666666;
    font-weight: 300;
}

.buildArchive table.buildArchiveSeparateTable tr:nth-child(odd) {
    background-color: #f6f6f6;    
}

.buildArchive table.buildArchiveSeparateTable tr:nth-child(even) {
    background-color: #ffffff;    
}

.fullVersionsDownload table tr:nth-child(odd) , .buildArchive table tr:nth-child(odd) {
    background-color: #ffffff;
}

.fullVersionsDownload table tr:nth-child(even) , .buildArchive table tr:nth-child(even) {
    background-color: #f6f6f6;
}

.fullVersionsDownload .ordinaryRowMyDownloadsTable td {
    padding-top: 7px !important;
    padding-bottom: 8px !important;
}

.ordinaryRowBuildArchiveTable td {
    padding-top: 0px !important;
    padding-bottom: 10px !important;
}

.fullVersionsDownload .productNameMyDownloadsTable , .productNameBuildArchiveTable , 
.productNameLicensesTable {
    font-family: 'Roboto', sans-serif; 
    font-weight: 400 !important; 
    font-size: 18px; 
    color: #333333;
}

.osPc .fa-windows:before {
	padding-bottom: 3px;
}

/*
.osPc {
	padding-bottom: 4px !important; 
	padding-top: 11px !important;
}
*/

.osMac {
    padding-top: 7px;
}

#osMac:checked+label , #osPc:checked+label , #show_dsp_demos:checked+label {
    background-color: #ff6600;
    color: #ffffff;
}

.oddRowDemosTable .orangeTextButton , .evenRowDemosTable .orangeTextButton {
	margin-right: 0;
	margin-top: 0;
}

table .oddRowDemosTable td {
	border-bottom: 1px solid #CCCCCC;
	padding-top: 10px;
	padding-bottom: 8px;		
}

table .evenRowDemosTable td {
	padding-top: 10px;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 8px;
}

table .titleRowDemosTable td , table .titleRowMyDownloadsTable td ,
table .titleRowBuildArchiveTable td {
	padding-top: 20px;
	padding-bottom: 14px;	
} 

table .oddRowDemosTable td {
	border-bottom: 1px solid #CCCCCC;		
}

table .evenRowDemosTable td {
	border-bottom: 1px solid #CCCCCC;
}

.titleRowDemosTable td , .titleRowMyDownloadsTable td , 
.titleRowBuildArchiveTable td {
    font-family: 'Roboto', sans-serif; 
    font-weight: 400; 
    font-size: 18px; 
    color: #333333;         
}

.productNameDemosTable , .productNameMyDownloadsTable {
    font-family: 'Roboto', sans-serif; 
    font-weight: 400 !important; 
    font-size: 18px; 
    color: #333333;    
}

.buildRetiredArchive , .productDescriptionLicensesTable {
    font-family: 'Roboto', sans-serif; 
    font-weight: 300 !important; 
    font-size: 18px; 
    color: #666666;    
}

.productDescriptionDemosTable {
    font-family: 'Roboto', sans-serif; 
    font-weight: 300 !important; 
    font-size: 16px; 
    color: #666666;
}

.evenRowDemosTable , .evenRowLicensesTable {
    background-color: #f6f6f6;    
}

.oddRowMyDownloadsTable {
    background-color: #ffffff;    
}

.evenRowMyDownloadsTable {
    background-color: #f6f6f6;    
}

/***********************************************************************/
/****** User story video row being responsive **************************/
/***********************************************************************/

@media (min-width: 951px) and (max-width: 1100px) {
    .userStoryVideo .fl-module-content {
        margin-top: 84px !important;
        margin-bottom: 105px !important;
    }
}

/*
@media (min-width: 1201px) and (max-width: 1250px){
    .userStoryVideo .fl-module-content {
        margin-top: 175px !important;
        margin-bottom: 211px !important;
    }
}

@media (min-width: 1151px) and (max-width: 1200px){
    .userStoryVideo .fl-module-content {
        margin-top: 160px !important;
        margin-bottom: 196px !important;
    }
}

@media (min-width: 1101px) and (max-width: 1150px){
    .userStoryVideo .fl-module-content {
        margin-top: 150px !important;
        margin-bottom: 186px !important;
    }
}

@media (min-width: 1051px) and (max-width: 1100px){
    .userStoryVideo .fl-module-content {
        margin-top: 140px !important;
        margin-bottom: 176px !important;
    }
}

@media (min-width: 1001px) and (max-width: 1050px){
    .userStoryVideo .fl-module-content {
        margin-top: 140px !important;
        margin-bottom: 176px !important;
    }
}

@media (min-width: 1001px) and (max-width: 1050px){
    .userStoryVideo .fl-module-content {
        margin-top: 125px !important;
        margin-bottom: 161px !important;
    }
}

@media (min-width: 1001px) and (max-width: 1050px){
    .userStoryVideo .fl-module-content {
        margin-top: 115px !important;
        margin-bottom: 151px !important;
    }
}

@media (min-width: 951px) and (max-width: 1000px){
    .userStoryVideo .fl-module-content {
        margin-top: 115px !important;
        margin-bottom: 151px !important;
    }
}
*/
@media (min-width: 901px) and (max-width: 950px){
    .userStoryVideo .fl-module-content {
        margin-top: 108px !important;
        margin-bottom: 144px !important;
    }
}

@media (min-width: 851px) and (max-width: 900px){
    .userStoryVideo .fl-module-content {
        margin-top: 101px !important;
        margin-bottom: 137px !important;
    }
}

@media (min-width: 801px) and (max-width: 850px){
    .userStoryVideo .fl-module-content {
        margin-top: 87px !important;
        margin-bottom: 123px !important;
    }
}

@media (min-width: 751px) and (max-width: 800px){
    .userStoryVideo .fl-module-content {
        margin-top: 79px !important;
        margin-bottom: 115px !important;
    }
}

@media (min-width: 701px) and (max-width: 750px){
    .userStoryVideo .fl-module-content {
        margin-top: 74px !important;
        margin-bottom: 110px !important;
    }
}

@media (min-width: 651px) and (max-width: 700px){
    .userStoryVideo .fl-module-content {
        margin-top: 62px !important;
        margin-bottom: 98px !important;
    }
}

@media (min-width: 601px) and (max-width: 650px){
    .userStoryVideo .fl-module-content {
        margin-top: 46px !important;
        margin-bottom: 82px !important;
    }
}

@media (min-width: 551px) and (max-width: 600px){
    .userStoryVideo .fl-module-content {
        margin-top: 35px !important;
        margin-bottom: 71px !important;
    }
}

@media (min-width: 501px) and (max-width: 550px){
    .userStoryVideo .fl-module-content {
        margin-top: 22px !important;
        margin-bottom: 58px !important;
    }
}

@media (min-width: 431px) and (max-width: 500px){
    .userStoryVideo .fl-module-content {
        margin-top: 8px !important;
        margin-bottom: 44px !important;
    }
}

@media (min-width: 401px) and (max-width: 430px){
    .userStoryVideo .fl-module-content {
        margin-top: 3px !important;
        margin-bottom: 39px !important;
    }
}

@media (min-width: 371px) and (max-width: 400px){
    .userStoryVideo .fl-module-content {
        margin-top: 0px !important;
        margin-bottom: 36px !important;
    }
}

@media (min-width: 361px) and (max-width: 370px){
    .userStoryVideo .fl-module-content {
        margin-top: 0px !important;
        margin-bottom: 24px !important;
    }
}
@media (min-width: 351px) and (max-width: 360px){
    
    .userStoryVideo .fl-module-content {
        margin-top: 0px !important;
        margin-bottom: 17px !important;
    }
    
    .userStoryVideo .fl-icon-text{
        height: 130px !important;
    }
    
}
@media (min-width: 331px) and (max-width: 350px){
    
    .userStoryVideo .fl-module-content {
        margin-top: 0px !important;
        margin-bottom: 14px !important;
    }
    
    .userStoryVideo .fl-icon-text {
        height: 127px !important;
    }
    
}
@media (max-width: 330px){
    
    .userStoryVideo .fl-module-content {
        margin-top: 0px !important;
        margin-bottom: 11px !important;
    }
    
    .userStoryVideo .fl-icon-text {
        height: 124px !important;
    }
    
}

/***********************************************************************/
/****** For the order of filter tags ***********************************/
/***********************************************************************/

#mp-stacks-grid-isotope-sort-container-21, #mp-stacks-grid-isotope-sort-container-11478 {
	display: table;
	margin-top: 40px;
	border-collapse: collapse;
} 

#mp-stacks-grid-isotope-sort-container-3972 {
	display: table;
	margin-top: 40px;
	border-collapse: collapse;
} 

.mp-stacks-grid-isotope-button-all {
    margin-left: 0px !important; 
}

.mp-stacks-grid-isotope-button[data-filter*=bundle] {
    
}

.mp-stacks-grid-isotope-button[data-filter*=loudness] , .mp-stacks-grid-isotope-button[data-filter*=design] , .mp-stacks-grid-isotope-button[data-filter*=surround] ,
.mp-stacks-grid-isotope-button[data-filter*=mixing] , .mp-stacks-grid-isotope-button[data-filter*=mastering] , .mp-stacks-grid-isotope-button[data-filter*=live] , .mp-stacks-grid-isotope-button[data-filter*=record] {
    display: none;   
}

.mp-stacks-grid-isotope-button[data-filter*=music-production] {
    
}

.mp-stacks-grid-isotope-button[data-filter*=post-production] {
    
}

.mp-stacks-grid-isotope-button[data-filter*=design] {
   
}

.mp-stacks-grid-isotope-button[data-filter*=surround] {
   
}

@media (min-width: 1405px) and (max-width: 1474px){
    .mp-stacks-grid-isotope-button[data-filter*=post-production] {
        flex-basis: calc(31% + 20px);
    }
    .mp-stacks-grid-isotope-button[data-filter*=surround] {
        flex-basis: calc(29% + 9px);
    }
}

@media (min-width: 1367px) and (max-width: 1404px){
    .mp-stacks-grid-isotope-button[data-filter*=post-production] {
        flex-basis: calc(31% + 20px);
    }
    .mp-stacks-grid-isotope-button[data-filter*=surround] {
        flex-basis: calc(29% + 9px);
    }
}

@media (min-width: 1141px) and (max-width: 1290px){
    .mp-stacks-grid-isotope-button[data-filter*=post-production] {
        flex-basis: calc(31% + 18px);
    }
    .mp-stacks-grid-isotope-button[data-filter*=surround] {
        flex-basis: calc(29% + 8px);
    }
}

@media (min-width: 1031px) and (max-width: 1140px){
    .mp-stacks-grid-isotope-button[data-filter*=post-production] {
        flex-basis: calc(31% + 14px);
    }
    .mp-stacks-grid-isotope-button[data-filter*=surround] {
        flex-basis: calc(29% + 4px);
    }
}

@media (min-width: 971px) and (max-width: 1030px){
    .mp-stacks-grid-isotope-button[data-filter*=post-production] {
        flex-basis: calc(31% + 8px);
    }
    .mp-stacks-grid-isotope-button[data-filter*=surround] {
        flex-basis: 29%;
    }
}

@media (min-width: 901px) and (max-width: 970px){
    .mp-stacks-grid-isotope-button[data-filter*=post-production] {
        flex-basis: calc(31% + 5px);
    }
    .mp-stacks-grid-isotope-button[data-filter*=surround] {
        flex-basis: calc(29% - 3px);
    }
}

@media (min-width: 841px) and (max-width: 900px){
    .mp-stacks-grid-isotope-button[data-filter*=post-production] {
        flex-basis: calc(31% + 2px);
    }
    .mp-stacks-grid-isotope-button[data-filter*=surround] {
        flex-basis: calc(29% - 4px);
    }
}

@media (min-width: 660px) and (max-width: 840px){
    .mp-stacks-grid-isotope-button[data-filter*=post-production] {
        flex-basis: calc(31% - 4px);
    }
    .mp-stacks-grid-isotope-button[data-filter*=surround] {
        flex-basis: calc(29% - 8px);
    }
}

.mp-stacks-grid-isotope-button[data-filter*=loudness] {
    margin-left: 0px !important;
}

.mp-stacks-grid-isotope-button[data-filter*=mixing] {
    margin-left: 0px !important;
}

.mp-stacks-grid-isotope-button[data-filter*=live] {
    margin-left: 0px !important;
}

.mp-stacks-grid-isotope-button[data-filter*=surround] {
}

.mp-stacks-grid-isotope-button[data-filter*=design] {
} 

@media (max-width: 500px){
    .fieldAndButtonInline {
    	width:100%;
    }
}

.manualDownload {
    text-align: left !important;
}

.contentAccountAccordio2 a {
	font-weight: bold;
	color: #000000;
}

.contentAccountAccordion , .contentAccountAccordio2 , .contentAccountAccordio3 , .contentAccountAccordio8 ,
.contentAccountAccordio13 , .contentAccountAccordio14 , .contentAccountAccordio17 {
	display: none;
	visibility: hidden;
	opacity: 0;
	transform: translate(-375px); 
	transition: opacity 0.3s ease , transform 0.2s ease-in-out; 
	position: relative;
	z-index: 1;
} 

.accordionBeingActive {
    display: block;
}

.accordionBeingActiveVisible {
    visibility:visible;
    opacity: 1;
    transform: translate(0px); 
}

#menu-item-2126 , #menu-item-2125 , #menu-item-2124 {
    cursor: pointer;
}

.myAccountPage {
	position: relative;
	z-index: 2;
} 

/*select[name=NUGEN_user_currency] {
    color: #999999;
    border: 1px solid #cccccc;
    font-size: 18px;
    font-family: 'Roboto',sans-serif;
    padding: 6px 1px 5px 8px;
}
*/
.productPriceBasket span {
    display: none;
}

#responsive-menu-button .responsive-menu-inner {
	transition-duration: 0.3s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#responsive-menu-button .responsive-menu-inner::before {
	transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;
}

#responsive-menu-button .responsive-menu-inner::after {
	transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#responsive-menu-button.is-active .responsive-menu-inner {
	transition-property: transform;
	transform: rotate(-225deg);
	transition-delay: 0.14s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

#responsive-menu-button.is-active .responsive-menu-inner::before {
	opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;
}

#responsive-menu-button.is-active .responsive-menu-inner::after {
	transform: rotate(90deg);
    transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*
.responsive-menu-boring .responsive-menu-inner {
    transition-property: transform;        
}
*/
.footerLinksText {
    font-family: 'Roboto', sans-serif;
    font-weight:300;
    font-size: 18px;
    color: #999999;
}

.productSpecificationsText {
    font-family: 'Roboto', sans-serif;
    font-weight:300;
    font-size: 18px;
    color: #666666;
}

a:hover img[class*="wp-image-"], a:active img[class*="wp-image-"], a:focus img[class*="wp-image-"]  {
	background: none !important;
}

/***********************************************************************/
/****** Everything for MP Stacks ***************************************/
/***********************************************************************/


/***********************************************************************/
/****** For responsive menu when 'Buy Now' lightbox appears ************/
/***********************************************************************/

.responsiveMenuBackground {
    background-color: rgba(255,255,255,0.16) !important;
    -moz-transition: all 500ms ease-in;
    -webkit-transition: all 500ms ease-in;
    -o-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
}

.responsiveMenuBackground::before {
    background-color: rgba(255,255,255,0.16) !important;
    -moz-transition: all 500ms ease-in;
    -webkit-transition: all 500ms ease-in;
    -o-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
}

.responsiveMenuBackground::after {
    background-color: rgba(255,255,255,0.16) !important;
    -moz-transition: all 500ms ease-in;
    -webkit-transition: all 500ms ease-in;
    -o-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
}

/***********************************************************************/
/****** For responsive menu when 'Youtube' lightbox appears ************/
/***********************************************************************/

.forResponsiveMenu , .forResponsiveMenu::before , .forResponsiveMenu::after {
    background-color: rgba(255,255,255,0.3) !important;
    -moz-transition: all 500ms ease-in;
    -webkit-transition: all 500ms ease-in;
    -o-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
}


.paymentOptionText {
    font-size: 24px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #333333;
    cursor: pointer;
}

.paymentOptionText img {
    float:right;
    margin-top: -5px;
}

.paymentOptionText:hover {
    background-color: #45864E;
}

@media (max-width: 5500px) and (min-width: 451px){
    .totalQuantityBasket {
        background-color: #f6f6f6;
        padding-top: 27px;
    }
}

.VATBasket {
    color: #666666;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;   
    margin-top: 15px
}

.totalUnitPriceBasket {
    padding-top: 15px;
    background-color: #f6f6f6;
}

.totalVATBasket {
    color: #666666;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
}

.totalBasket {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #333333;
    font-size: 18px;
    padding-top: 15px;
    background-color: #f6f6f6;
    margin-left: -20px;
    padding-left: 20px;
}

.totalSumBasket {
    font-family: 'Roboto', sans-serif;
    color: #333333;
    font-size: 18px;
    font-weight: 500;
    padding-top: 15px;
    background-color: #f6f6f6;
}

button[name="hideCSS"]{
	padding: 0 0 0;
	border-width: 0;
	background-color: rgba(255,255,255,0);
	padding-top: 12px;
	padding-left: 2px;
	cursor: pointer;
}


.borderBasket {
    border-bottom: 1px solid;
    margin-top: 12px;
    margin-left: -20px;
    color: #cccccc;
}

.borderBasket2 {
    border-bottom: 1px solid;
    margin-top: 8px;
    margin-left: -61px;
    color: #cccccc;
}

.borderBasket3 {
    border-bottom: 1px solid;
    margin-top: 12px;
    margin-left: 0px;
    color: #cccccc;
}

.borderBasket4 {
    border-bottom: 1px solid;
    margin-top: 12px;
    margin-left: 0px;
    color: #cccccc;
}

.borderBasketVATQuantity {
    border-bottom: 1px solid;
    margin-top: 27px;
    margin-left: -1px;
    color: #cccccc;
}

.productTitleBasketColumn {
	border-left: 1px solid #cccccc;
}

.productQuantityBasketColumn {
	border-bottom: 1px solid #cccccc;
}

.productUnitPriceBasket {
	/*border-bottom: 1px solid #cccccc;*/
}

.productSubtotalBasketColumn {
	border-right: 1px solid #cccccc;
   	/*border-bottom: 1px solid #cccccc;*/
}

input.quantityInputBasket[type=text], input.quantityInputBasket[type=number] {   
    width: 34px;
    text-align: right;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    padding: 1px 6px 1px 0px;
    font-weight: 500;
    border: 1px solid #cccccc;
    margin-top: 16px;
    margin-left: 22px;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

.removeItemBasket {
    margin-left: 55px;
    margin-bottom: 0px;
}

.updateItemBasket {
    margin-left: 0px;
    margin-bottom: -10px;
    margin-top: -33px;
}

.updateItemBasket i {
    color: #ff6600;
    font-size: 16px;
    cursor: pointer;
    position: relative;
    top: 0px;
    left: 0px;
    transition: all 750ms;
}

.updateButton::before {
    color: #ff6600;
} 

.updateItemBasket i:hover{
    color: #999;
    text-decoration: none;
    cursor: pointer;
    transition: all 750ms ease;
}

.productSubtotalBasketColumn {
    background-color: #ffffff;
}

.removeButton{
/*    color: #ff6600;
    font-size: 15px;
    cursor: pointer;
    position: relative;
    bottom: 15px;
    transition: all 750ms;
    font-family: 'Roboto', sans-serif;	
    font-weight: 400;*/
    color: #ff6600;
    font-size: 30px;
    cursor: pointer;
    position: relative;
    bottom: 15px;
    transition: all 750ms;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-style: normal;
    padding-left: 5px;
}

.removeButton::before {
    font-size: 28px;
    width: 24px;
    height: 24px;
}

.removeButton:hover{
    color: #999;
    text-decoration: none;
    cursor: pointer;
    transition: all 750ms ease;
}

.removeText {
    padding-left: 4px;
    font-family: 'Roboto',sans-serif;
    font-size: 12px;
    color: #666666;
}

.updateText {
    padding-left: 8px;
    font-family: 'Roboto',sans-serif;
    font-size: 12px;
    color: #666666;
}


.removeItemBasket a {
	margin-left: 0px;
}

.productQuantityBasketColumn {
    background-color: #ffffff;
}

.productTitleBasketColumn {
	background-color: #ffffff;
}

.productTitleBasket {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color: #333333;
	margin-top: 18px;
    padding-bottom: 15px !important;
}

.productPriceBasket b {
	font-weight: 300;
}

.productPriceBasket {
	font-family: 'Roboto', sans-serif;
	color: #666666;
	font-size: 18px;
	margin-top: 18px;
    margin-bottom: 15px;
}

.productUnitPriceBasket {
	background-color: #ffffff;
}

.basketTableText {
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    background-color: #cccccc;
    padding-top:21px;
    padding-bottom: 13px;
    color: #333333;
}

.fl-has-submenu-container a {
	line-height: 2.5;
	margin-left: 100px;
}

.sub-menu .fl-has-submenu-container a {
    padding-left: 0px;
}

.iconAcoountMenu a{
    margin-left: 100px;
    line-height: 2.5;
}

.sub-menu .fl-has-submenu-container a {
    margin-left: 15px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.fl-menu-toggle-right {
	width: 28px;
    height: 40px;
    margin: -14px 0 0;
	position: absolute;
    top: 50%;
    right: 0;
   	cursor: pointer;
}

.icon-ic_local_offer_black_48px.iconAccountMenu a {
    margin-top: 0px;
    margin-left: 0px;
}

.fl-menu-toggle-right::before {
    content: '';
    position: absolute;
    right: 50%;
    top: 50%;
    z-index: 1;
    display: block;
    width: 9px;
    height: 9px;
    margin: -9px -130px 0 0;
    border-right: 2px solid;
    border-bottom: 2px solid;
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translateX( -5px ) rotate( -45deg );
    -ms-transform: translateX( -5px ) rotate( -45deg );
    transform: translateX( -5px ) rotate( -45deg );
    border-color: #ff6600;
}

.iconAccountMenu .fl-menu-toggle {
	margin-right: 25px !important;
}
/*
li.iconAccountMenu {
	border-top: 25px solid #ebebeb !important;
}
*/

.iconAccountMenu .sub-menu {
	margin-right: 0px !important;
}

.sub-menu .fl-has-submenu-container .fl-menu-toggle {
	margin-right: 0px !important;
}

.sub-menu .sub-menu {
	margin-right: 0px !important;
}

.iconAccountMenu a {
	font-family: 'Roboto', sans-serif;
	padding-top: 2px;
}

.iconAccountMenu .sub-menu {
	padding-left: 0px;
}

.iconAccountMenu .fl-menu-toggle::before {
	border-color: #808080 !important;
}

.main-navigation ul li {
	width: 100%;
}

.myAccountMenu .fl-tabs {
    padding-left: 0;
}

.icon-ic_get_app_black_48px.iconAccountMenu::before {
	float: left;
	margin-top: 12px;
    margin-right: 50px;
	width: 30px;
	color: #cccccc;
	font-size: 48px;
	padding-left: 20px;
}

.icon-ic_person_black_48px.iconAccountMenu::before {
	float: left;
	margin-top: 12px;
    margin-right: 50px;
	width: 30px;
	color: #cccccc;
	font-size: 48px;
	padding-left: 20px;
}

.icon-ic_local_offer_black_48px.iconAccountMenu::before {
	float: left;
	margin-top: 13px;
	margin-bottom: 5px;
    margin-right: 50px;
	width: 30px;
	color: #cccccc;
	font-size: 48px;
	padding-left: 20px;
}

.icon-ic_live_help_black_48px.iconAccountMenu::before {
	float: left;
	margin-top: 12px;
    margin-right: 50px;
	width: 30px;
	color: #cccccc;
	font-size: 48px;
	padding-left: 20px;
}

.icon-ic_lock_black_48px.iconAccountMenu::before {
	float: left;
	margin-top: 12px;
    margin-right: 50px;
	width: 30px;
	color: #cccccc;
	font-size: 48px;
	padding-left: 20px;
}

.fa-angle-right::before {
    float: left;
    margin-left: 231px;
    width: 10px;
    color: #ff6600;
    font-size: 24px;
    position: relative;
    top: 16px;
}

.sub-menu .sub-menu .fa-angle-right::before {
    margin-left: 132px;
}

/***********************************************************************/
/****** Everything for hamburger menu **********************************/
/***********************************************************************/

@media screen and (max-width: 8000px){

#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow ,
#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow.responsive-menu-subarrow-active {
    left: 0px !important;   
    color: #ffffff !important;    
}

#responsive-menu-container #responsive-menu #responsive-menu-item-2059 a .responsive-menu-subarrow, 
#responsive-menu-container #responsive-menu #responsive-menu-item-2059 a .responsive-menu-subarrow.responsive-menu-subarrow-active {
    color: #39bbfa !important;
} 

#responsive-menu {
    margin-top: 132px !important;
}

#responsive-menu-container {
    font-weight: 400;
}

#responsive-menu-item-2059 .responsive-menu-subarrow {
    filter: hue-rotate(180deg);    
}

.responsive-menu-subarrow {
    border-left: 0px !important;
}

#responsive-menu-container li.responsive-menu-item a {
    width: 300px !important;   
    padding: 0 0px !important;
    margin-left: 35px !important;    
}


img.advertisement {
    position: absolute;
    right: 110px;
    top: 116px;
}


.otherTypesThanPost a {
    color: #999999 !important;
    font-weight: 300 !important;
}

.changeBackgroundAndColor {
    background-color: #000000 !important;
    /*color: #ff6600 !important;*/
    font-weight: 400 !important;
}

.responsive-menu-submenu-depth-1 .responsive-menu-item-link {
	font-size: 18px !important;
	font-weight: 300;
}

.responsive-menu-submenu-depth-2 .responsive-menu-item-link {
	font-size: 16px !important;
	font-weight: 400;
	color: #999999 !important;
}

.responsive-menu-submenu-depth-2 .responsive-menu-item-has-children .changeBackgroundAndColor {
/*	color: #ff6600 !important; */
	font-weight: 400;
}

.responsive-menu-submenu-depth-2 .responsive-menu-item-has-children a {
	color: #ffffff !important;
	font-weight: 300;
}

.responsive-menu-submenu-depth-3 .responsive-menu-item a {
	color: #999999 !important;
	font-weight: 400;
}

.responsive-menu-submenu-depth-1 a {
	background-color: #1c1c1c !important;
}

.responsive-menu-submenu-depth-2 a {
	background-color: #252525 !important;
}

.responsive-menu-submenu-depth-3 a {
	background-color: #2A2A2A !important;
}

.responsive-menu-submenu-depth-1 .responsive-menu-subarrow {
	background-color: #1c1c1c !important;
}

.responsive-menu-submenu-depth-2 .responsive-menu-subarrow {
	background-color: #252525 !important;
}

.responsive-menu-submenu-depth-3 .responsive-menu-subarrow {
	background-color: #2A2A2A !important;
}

.icon-ic_menu_black_24px{
    visibility: hidden;
}

.hidingTheBorder {
    border-bottom: 0px solid #1b1b1b !important;
}

}

@media (max-width: 390px) {
    #responsive-menu-container li.responsive-menu-item a {
        width: calc(100% - 70px) !important;
    }
}

@media (max-width: 8000px) and (min-width: 1921px){
    
    .responsive-menu-box {
        width: 24px !important;
        height: 15px !important;
        display: inline-block !important;
        position: fixed !important;
        top: 41px;
        left: calc(50% + 546px);
    }
    
    #responsive-menu-container {
        width: calc(50% - 235px) !important;
    }
    
}

@media (max-width: 1920px) and (min-width: 1905px){
    #responsive-menu-container {
    	width: calc(50% - 255px) !important;
    }
}

@media (max-width: 1920px) and (min-width:1371px) {
    
    .responsive-menu-box {
        width: 24px !important;
        height: 15px !important;
        display: inline-block !important;
        position: fixed !important;
        top: 41px;
        right: calc(50% - 560px);
    }
    
    #responsive-menu-container {
    	width: calc(50% - 225px) !important;
    }
    
}

@media (max-width: 1370px) and (min-width: 1291px){
    
    .responsive-menu-box {
        width: 24px !important;
        height: 15px !important;
        display: inline-block !important;
        position: fixed !important;
        top: 41px;
        right: 112px;
    }
    
    button#responsive-menu-button {    
        right: 97px !important;
    }
    
    #responsive-menu-container {
    	width: 447px !important;
    }
    
}

@media (max-width: 1290px) and (min-width: 1141px){
    
    .responsive-menu-box {
        width: 24px !important;
        height: 15px !important;
        display: inline-block !important;
        position: fixed !important;
        top: 41px;
        right: 101px;
    }
    
    button#responsive-menu-button {    
        right: 91px !important;
    }
    
    #responsive-menu-container {
    	width: 436px !important;
    }
    
}

@media (max-width: 1140px) and (min-width: 1031px){
    
    .responsive-menu-box {
        width: 24px !important;
        height: 15px !important;
        display: inline-block !important;
        position: fixed !important;
        top: 41px;
        right: 89px;
    }
    
    button#responsive-menu-button {    
        right: 79px !important;
    }
    
    #responsive-menu-container {
    	width: 424px !important;
    }
    
}

@media (max-width: 1030px) and (min-width: 951px){
    
    .responsive-menu-box {
        width: 24px !important;
        height: 15px !important;
        display: inline-block !important;
        position: fixed !important;
        top: 41px;
        right: 80px;
    }
    
    button#responsive-menu-button {    
        right: 65px !important;
    }
    
    #responsive-menu-container {
    	width: 415px !important;
    }
    
}

@media (max-width: 950px) and (min-width: 771px){
    
    .responsive-menu-box {
        width: 24px !important;
        height: 15px !important;
        display: inline-block !important;
        position: fixed !important;
        top: 22px;
        margin-left: -15px; /*65px*/
    }
    
    button#responsive-menu-button {    
        right: 64px !important; 
        top: 10px !important;
    }
    
}

@media (max-width: 770px) and (min-width: 471px){
    
    .responsive-menu-box {
        width: 24px !important;
        height: 15px !important;
        display: inline-block !important;
        position: fixed !important;
        top: 22px;
        margin-left: -15px; /*42px*/
    }
    
    button#responsive-menu-button {    
        right: 44px !important;
        top: 10px !important;
    }
    
}

@media (max-width: 470px) and (min-width: 401px){
    
    .responsive-menu-box {
        width: 24px !important;
        height: 15px !important;
        display: inline-block !important;
        position: fixed !important;
        top: 22px;
        margin-left: -15px;/*20px*/
    }
    
    button#responsive-menu-button {    
        right: 21px !important;
        top: 10px !important;
    }
    
}

@media (max-width: 400px) and (min-width: 300px){
    
    .responsive-menu-box {
        width: 24px !important;
        height: 15px !important;
        display: inline-block !important;
        position: fixed !important;
        top: 22px;
        margin-left: -15px;/*14px*/
    }
    
    button#responsive-menu-button {    
        right: 15px !important;
        top: 10px !important;
    }
    
}

@media (max-width: 8000px) and (min-width:1921px){
    img.advertisement {
        position: absolute;
        left: calc(50% + 5px);
        top: 116px;
    }
}

@media screen and (max-width: 1600px){
    img.advertisement {
        display: none;
    }
}

@media screen and (max-width: 1404px){
    
    #responsive-menu-container li.responsive-menu-item a {
        margin-left: 35px !important;    
    }
    
    /*button#responsive-menu-button {    
        right: 15px !important;
    }*/
    
}

@media screen and (max-width: 950px){
    #responsive-menu-container {
        width: 100% !important;
    }
}

/***********************************************************************/
/****** Not described stuff ********************************************/
/***********************************************************************/

.fl-module-basic-example .fl-module-content {
    margin: 0px;
}

.blackOrdinaryMiddleText {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400;
    font-size: 24px !important;
    color: #000000;
}

.blackOrdinarySmallLightText {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300;
    font-size: 19px !important;
    color: #000000;
}

.blackOrdinarySmallText {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400;
    font-size: 19px !important;
    color: #000000;
}

span#styleGuideTitle {
    position: absolute;
    top: 30px;
    left: 60px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 24px;
    color: #333333;
}
    
span#styleGuideText {
    position: absolute;
    top: 70px;
    left: 35px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #333333;
}

@media (max-width: 5000px) and (min-width:1921px){
.iconsShareThisHeader.tryButton2{ 
	margin-left: 80px;
}
}

@media (max-width: 5000px) and (min-width:1921px){
#icongrupoksnis.marginRightBigScreen {
	margin-right: 95px;
}
}

.iconsShareThisHeader.tryButton2 {
    margin-right: 95 !important;
}

.iconsShareThisHeader .fl-module-content {
	float: right;
}

@media (max-width: 950px){
    .mobileAlignLeft {
        float:left !important;
    }
}

.columnVerticalCenter {
    align-items: center;
}

/***********************************************************************/
/****** Top carousel text **********************************************/
/***********************************************************************/

@media (max-width: 950px){
    .fl-builder-content .fl-module-content-slider .fl-slide .fl-slide-text * {
     /*   font-size: 19px !important;
        line-height: 23px !important; */
    }
}

/***********************************************************************/
/****** Discard button design ******************************************/
/***********************************************************************/

.fl-icon-text {
    padding-left: 0px;
}

/***********************************************************************/
/****** Discard button design ******************************************/
/***********************************************************************/

span.fl-builder-discard-button:hover {
    background: #dc0000 !important;
}

/***********************************************************************/
/****** Hiding 'Save as' button for module *****************************/
/***********************************************************************/

    .fl-builder-module-settings span.fl-builder-settings-save-as {
        display: block;    
    }

/***********************************************************************/
/****** Overwriting the headings for text boxes ************************/
/***********************************************************************/

.fl-module-content h1 {
        font-size: 60px;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;	
		line-height: 1.6;        
        color: #FFFFFF;	    
}

.fl-module-content h2 {
        font-size: 36px !important;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;	       
		line-height: 1.6;      
        color: #f2f2f2;	    
}

.fl-module-content h3 {
        color: #333333 !important;
        font-family: 'Roboto', sans-serif !important;
        font-weight: 400 !important;
        font-size: 36px !important;   
}

.fl-module-content h4 {
        font-family: 'Roboto', sans-serif !important;
        font-weight: 300;
        font-size: 21px !important;
        color: #666666;   
}

.fl-module-content h5 {
        font-family: 'Roboto', sans-serif !important; /*Was Open Sans*/
        font-weight: 400;
        font-size: 18px !important;
        color: #f2f2f2;
        line-height: 2;   
}

.fl-module-content h6 {
        font-family: 'Roboto', sans-serif !important; /*Was Open Sans*/
        font-weight: 300; 
        font-size: 18px !important; 
        color: #666666;  
}

@media (max-width: 950px) and (min-width: 651px) {
    .tryButton1{
        text-align: right !important;
    }
}

@media (max-width: 650px) {
    .tryButton1{
        text-align: center !important;
    }
}

#columnTopBarIcons .fl-col-content {
	float: right;
}

.tryButton1 .fl-icon-wrap {
	/*transform: translate(0, 0px);*/
	/*transition: transform 500ms linear; */
}

.tryButton2 .fl-icon-group {
	/* transform: translate(0, 31px); */
	margin-left: -37px;
	animation: balloon 20ms linear;
	/* transition: transform 15ms linear; */
}

.fixingHeaderLogoAndIcons .fl-icon-group {
    transform: translate(0, 0%);
}
    
.fixingSecondHeaderColumn .fl-icon-group {
    transform: translate(0, 0%);
}    

.tryButton2 {
	position: fixed;
    visibility: hidden; 
}

@media (max-width: 950px){
.topContentSlider .fl-slide-foreground {
	padding-top: 30px;
}
}

.topContentSlider .fl-slide .fl-slide-content {
	padding: 0px !important;
}

@media (max-width: 950px){
.topContentSlider .fl-slide-text-right .fl-slide-content-wrap {
	text-align: left;
}
}

@media (max-width: 950px){
    
    .fl-content-slider-navigation {
    	display:none;
    }
    
    /*.fl-post-carousel-navigation {
	    display: none;
    }*/
    
}

@media (max-width: 770px){
    .fl-post-carousel-navigation {
	    display: none;
    }
}

@media (max-width: 950px) {
	.fl-tabs-horizontal .fl-tabs-label.fl-tab-active{
		border-bottom: 1px solid #ff6600 !important;
	}
}

.videoplayerMiddle .lightboxYoutubeVideoContentStyle1 {
    top: -24px !important;
}

.videoplayerMiddle .lightboxYoutubeVideoContentStyle2 {
	padding-bottom: 0px !important;
}

.quatationRowText {
    color: #ffffff !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
    font-size: 30px !important;
    text-align: left; 
    width: 55%;
}

.infoGuideTextTitle {
    color: #ffffff !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
    font-size: 30px !important;
    text-align: left; 
}

@media (max-width: 950px){
    .quatationRowText {
        width: 100%;
    }
}

.quatationRowAuthorName {
    color: #39bbfa !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
    font-size: 24px !important;
    text-align: left; 
    width: 55%;
}

/***********************************************************************/
/****** All the triangles and their versions ***************************/
/***********************************************************************/

@media (max-width: 5000px) and (min-width: 1921px){
    #photoTriangleWhiteRightShorter:before {
        content:"";
        display:block;
        position:absolute;
        left:0;
        right:0;
        bottom:0;
        height:24px;
        background-color: #ffffff;
        -webkit-clip-path:polygon(0 0, calc(calc(50% + 180px) - 22px) 0, calc(50% + 180px) 100%, calc(calc(50% + 180px) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        -moz-clip-path:polygon(0 0, calc(calc(50% + 180px) - 22px) 0, calc(50% + 180px) 100%, calc(calc(50% + 180px) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        clip-path:polygon(0 0, calc(calc(50% + 180px) - 22px) 0, calc(50% + 180px) 100%, calc(calc(50% + 180px) + 21px) 0, 100% 0, 100% 110%, 0 110%);
        z-index: 990;
    }
}

@media (max-width: 1920px) and (min-width: 1761px){
    #photoTriangleWhiteRightShorter:before {
        content:"";
        display:block;
        position:absolute;
        left:0;
        right:0;
        bottom:0;
        height:24px;
        background-color: #ffffff;
        -webkit-clip-path:polygon(0 0, calc(calc(60%) - 22px) 0, calc(60%) 100%, calc(calc(60%) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        -moz-clip-path:polygon(0 0, calc(calc(60%) - 22px) 0, calc(60%) 100%, calc(calc(60%) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        clip-path:polygon(0 0, calc(calc(60%) - 22px) 0, calc(60%) 100%, calc(calc(60%) + 21px) 0, 100% 0, 100% 110%, 0 110%);
        z-index: 990;
    }
}

@media (max-width: 1760px) and (min-width: 1631px){
    #photoTriangleWhiteRightShorter:before {
        content:"";
        display:block;
        position:absolute;
        left:0;
        right:0;
        bottom:0;
        height:24px;
        background-color: #ffffff;
        -webkit-clip-path:polygon(0 0, calc(calc(61%) - 22px) 0, calc(61%) 100%, calc(calc(61%) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        -moz-clip-path:polygon(0 0, calc(calc(61%) - 22px) 0, calc(61%) 100%, calc(calc(61%) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        clip-path:polygon(0 0, calc(calc(61%) - 22px) 0, calc(61%) 100%, calc(calc(61%) + 21px) 0, 100% 0, 100% 110%, 0 110%);
        z-index: 990;
    }
}

@media (max-width: 1630px) and (min-width: 1531px){
    #photoTriangleWhiteRightShorter:before {
        content:"";
        display:block;
        position:absolute;
        left:0;
        right:0;
        bottom:0;
        height:24px;
        background-color: #ffffff;
        -webkit-clip-path:polygon(0 0, calc(calc(62%) - 22px) 0, calc(62%) 100%, calc(calc(62%) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        -moz-clip-path:polygon(0 0, calc(calc(62%) - 22px) 0, calc(62%) 100%, calc(calc(62%) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        clip-path:polygon(0 0, calc(calc(62%) - 22px) 0, calc(62%) 100%, calc(calc(62%) + 21px) 0, 100% 0, 100% 110%, 0 110%);
        z-index: 990;
    }
}

@media (max-width: 1530px) and (min-width: 1421px){
    #photoTriangleWhiteRightShorter:before {
        content:"";
        display:block;
        position:absolute;
        left:0;
        right:0;
        bottom:0;
        height:24px;
        background-color: #ffffff;
        -webkit-clip-path:polygon(0 0, calc(calc(63%) - 22px) 0, calc(63%) 100%, calc(calc(63%) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        -moz-clip-path:polygon(0 0, calc(calc(63%) - 22px) 0, calc(63%) 100%, calc(calc(63%) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        clip-path:polygon(0 0, calc(calc(63%) - 22px) 0, calc(63%) 100%, calc(calc(63%) + 21px) 0, 100% 0, 100% 110%, 0 110%);
        z-index: 990;
    }
}

@media (max-width: 1420px) and (min-width: 1331px){
    #photoTriangleWhiteRightShorter:before {
        content:"";
        display:block;
        position:absolute;
        left:0;
        right:0;
        bottom:0;
        height:24px;
        background-color: #ffffff;
        -webkit-clip-path:polygon(0 0, calc(calc(64%) - 22px) 0, calc(64%) 100%, calc(calc(64%) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        -moz-clip-path:polygon(0 0, calc(calc(64%) - 22px) 0, calc(64%) 100%, calc(calc(64%) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        clip-path:polygon(0 0, calc(calc(64%) - 22px) 0, calc(64%) 100%, calc(calc(64%) + 21px) 0, 100% 0, 100% 110%, 0 110%);
        z-index: 990;
    }
}

@media (max-width: 1330px) and (min-width: 1251px){
    #photoTriangleWhiteRightShorter:before {
        content:"";
        display:block;
        position:absolute;
        left:0;
        right:0;
        bottom:0;
        height:24px;
        background-color: #ffffff;
        -webkit-clip-path:polygon(0 0, calc(calc(65%) - 22px) 0, calc(65%) 100%, calc(calc(65%) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        -moz-clip-path:polygon(0 0, calc(calc(65%) - 22px) 0, calc(65%) 100%, calc(calc(65%) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        clip-path:polygon(0 0, calc(calc(65%) - 22px) 0, calc(65%) 100%, calc(calc(65%) + 21px) 0, 100% 0, 100% 110%, 0 110%);
        z-index: 990;
    }
}

@media (max-width: 1250px) and (min-width: 1101px){
    #photoTriangleWhiteRightShorter:before {
        content:"";
        display:block;
        position:absolute;
        left:0;
        right:0;
        bottom:0;
        height:24px;
        background-color: #ffffff;
        -webkit-clip-path:polygon(0 0, calc(calc(66%) - 22px) 0, calc(66%) 100%, calc(calc(66%) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        -moz-clip-path:polygon(0 0, calc(calc(66%) - 22px) 0, calc(66%) 100%, calc(calc(66%) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        clip-path:polygon(0 0, calc(calc(66%) - 22px) 0, calc(66%) 100%, calc(calc(66%) + 21px) 0, 100% 0, 100% 110%, 0 110%);
        z-index: 990;
    }
}

@media (max-width: 1100px) and (min-width: 1001px){
    #photoTriangleWhiteRightShorter:before {
        content:"";
        display:block;
        position:absolute;
        left:0;
        right:0;
        bottom:-1px;
        height:24px;
        background-color: #ffffff;
        -webkit-clip-path:polygon(0 0, calc(calc(68%) - 22px) 0, calc(68%) 100%, calc(calc(68%) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        -moz-clip-path:polygon(0 0, calc(calc(68%) - 22px) 0, calc(68%) 100%, calc(calc(68%) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        clip-path:polygon(0 0, calc(calc(68%) - 22px) 0, calc(68%) 100%, calc(calc(68%) + 21px) 0, 100% 0, 100% 110%, 0 110%);
        z-index: 990;
    }
}

@media (max-width: 1000px) and (min-width: 951px){
    #photoTriangleWhiteRightShorter:before {
        content:"";
        display:block;
        position:absolute;
        left:0;
        right:0;
        bottom:-1px;
        height:24px;
        background-color: #ffffff;
        -webkit-clip-path:polygon(0 0, calc(calc(70%) - 22px) 0, calc(70%) 100%, calc(calc(70%) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        -moz-clip-path:polygon(0 0, calc(calc(70%) - 22px) 0, calc(70%) 100%, calc(calc(70%) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        clip-path:polygon(0 0, calc(calc(70%) - 22px) 0, calc(70%) 100%, calc(calc(70%) + 21px) 0, 100% 0, 100% 110%, 0 110%);
        z-index: 990;
    }
}

@media (max-width: 950px) {
    #photoTriangleWhiteRightShorter:before {
        content:"";
        display:block;
        position:absolute;
        left:0;
        right:0;
        bottom:-1px;
        height:25px;
        background-color: #ffffff;
        -webkit-clip-path:polygon(0 0, calc(50% - 22px) 0, 50% 100%, calc(50% + 21px) 0, 100% 0, 100% 100%, 0 100%);
        -moz-clip-path:polygon(0 0, calc(50% - 22px) 0, 50% 100%, calc(50% + 21px) 0, 100% 0, 100% 100%, 0 100%);
        clip-path:polygon(0 0, calc(50% - 22px) 0, 50% 100%, calc(50% + 21px) 0, 100% 0, 100% 110%, 0 110%);
        z-index: 990;
    }
}

@media (max-width: 5000px) and (min-width: 1921px){
    #photoTriangleWhiteRightLonger:before {
        content:"";
        display:block;
        position:absolute;
        left:0;
        right:0;
        bottom:0;
        height:24px;
        background-color: #ffffff;
        -webkit-clip-path:polygon(0 0, calc(calc(50% + 270px) - 21px) 0, calc(50% + 270px) 100%, calc(calc(50% + 270px) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        -moz-clip-path:polygon(0 0, calc(calc(50% + 270px) - 21px) 0, calc(50% + 270px) 100%, calc(calc(50% + 270px) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        clip-path:polygon(0 0, calc(calc(50% + 270px) - 21px) 0, calc(50% + 270px) 100%, calc(calc(50% + 270px) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        z-index: 990;
    }
}

@media (max-width: 5000px) and (min-width: 1921px){
    #photoTriangleWhiteRightLongerSixty:before {
        content:"";
        display:block;
        position:absolute;
        left:0;
        right:0;
        bottom:0;
        height:24px;
        background-color: #ffffff;
        -webkit-clip-path:polygon(0 0, calc(calc(48% + 270px) - 21px) 0, calc(48% + 270px) 100%, calc(calc(48% + 270px) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        -moz-clip-path:polygon(0 0, calc(calc(48% + 270px) - 21px) 0, calc(48% + 270px) 100%, calc(calc(48% + 270px) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        clip-path:polygon(0 0, calc(calc(48% + 270px) - 21px) 0, calc(48% + 270px) 100%, calc(calc(48% + 270px) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        z-index: 990;
    }
}

@media (max-width: 1920px) and (min-width: 1851px){
    
    #photoTriangleWhiteRightLonger:before {
        content:"";
        display:block;
        position:absolute;
        left:0;
        right:0;
        bottom:0;
        height:24px;
        background-color: #ffffff;
        -webkit-clip-path:polygon(0 0, calc(calc(63.5%) - 21px) 0, calc(63.5%) 100%, calc(calc(63.5%) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        -moz-clip-path:polygon(0 0, calc(calc(63.5%) - 21px) 0, calc(63.5%) 100%, calc(calc(63.5%) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        clip-path:polygon(0 0, calc(calc(63.5%) - 21px) 0, calc(63.5%) 100%, calc(calc(63.5%) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        z-index: 990;
    }
    
    #photoTriangleWhiteRightLongerSixty:before {
        content:"";
        display:block;
        position:absolute;
        left:0;
        right:0;
        bottom:0;
        height:24px;
        background-color: #ffffff;
        -webkit-clip-path:polygon(0 0, calc(calc(60.5%) - 21px) 0, calc(60.5%) 100%, calc(calc(60.5%) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        -moz-clip-path:polygon(0 0, calc(calc(60.5%) - 21px) 0, calc(60.5%) 100%, calc(calc(60.5%) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        clip-path:polygon(0 0, calc(calc(60.5%) - 21px) 0, calc(60.5%) 100%, calc(calc(60.5%) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        z-index: 990;
    }
    
}

@media (max-width: 1850px) and (min-width: 1405px){
    
    #photoTriangleWhiteRightLonger:before {
        content:"";
        display:block;
        position:absolute;
        left:0;
        right:0;
        bottom:0;
        height:24px;
        background-color: #ffffff;
        -webkit-clip-path:polygon(0 0, calc(calc(65%) - 21px) 0, calc(65%) 100%, calc(calc(65%) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        -moz-clip-path:polygon(0 0, calc(calc(65%) - 21px) 0, calc(65%) 100%, calc(calc(65%) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        clip-path:polygon(0 0, calc(calc(65%) - 21px) 0, calc(65%) 100%, calc(calc(65%) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        z-index: 990;
    }
    
     #photoTriangleWhiteRightLongerSixty:before {
        content:"";
        display:block;
        position:absolute;
        left:0;
        right:0;
        bottom:0;
        height:24px;
        background-color: #ffffff;
        -webkit-clip-path:polygon(0 0, calc(calc(63%) - 21px) 0, calc(63%) 100%, calc(calc(63%) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        -moz-clip-path:polygon(0 0, calc(calc(63%) - 21px) 0, calc(63%) 100%, calc(calc(63%) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        clip-path:polygon(0 0, calc(calc(63%) - 21px) 0, calc(63%) 100%, calc(calc(63%) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        z-index: 990;
    }
}

@media (max-width: 1404px) and (min-width: 951px){
    
    #photoTriangleWhiteRightLonger:before {
        content:"";
        display:block;
        position:absolute;
        left:0;
        right:0;
        bottom:-1px;
        height:24px;
        background-color: #ffffff;
        -webkit-clip-path:polygon(0 0, calc(calc(70%) - 21px) 0, calc(70%) 100%, calc(calc(70%) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        -moz-clip-path:polygon(0 0, calc(calc(70%) - 21px) 0, calc(70%) 100%, calc(calc(70%) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        clip-path:polygon(0 0, calc(calc(70%) - 21px) 0, calc(70%) 100%, calc(calc(70%) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        z-index: 990;
    }
    
     #photoTriangleWhiteRightLongerSixty:before {
        content:"";
        display:block;
        position:absolute;
        left:0;
        right:0;
        bottom:-1px;
        height:24px;
        background-color: #ffffff;
        -webkit-clip-path:polygon(0 0, calc(calc(66%) - 21px) 0, calc(66%) 100%, calc(calc(66%) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        -moz-clip-path:polygon(0 0, calc(calc(66%) - 21px) 0, calc(66%) 100%, calc(calc(66%) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        clip-path:polygon(0 0, calc(calc(66%) - 21px) 0, calc(66%) 100%, calc(calc(66%) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        z-index: 990;
    }
}

@media (max-width: 950px) {
    #photoTriangleWhiteRightLonger:before {
        content:"";
        display:block;
        position:absolute;
        left:0;
        right:0;
        bottom:-1px;
        height:25px;
        background-color: #ffffff;
        -webkit-clip-path:polygon(0 0, calc(50% - 21px) 0, 50% 100%, calc(50% + 21px) 0, 100% 0, 100% 100%, 0 100%);
        -moz-clip-path:polygon(0 0, calc(50% - 21px) 0, 50% 100%, calc(50% + 21px) 0, 100% 0, 100% 100%, 0 100%);
        clip-path:polygon(0 0, calc(50% - 21px) 0, 50% 100%, calc(50% + 21px) 0, 100% 0, 100% 100%, 0 100%);
        z-index: 990;
    }
    
    #photoTriangleWhiteRightLongerSixty:before {
        content:"";
        display:block;
        position:absolute;
        left:0;
        right:0;
        bottom:-1px;
        height:25px;
        background-color: #ffffff;
        -webkit-clip-path:polygon(0 0, calc(50% - 21px) 0, 50% 100%, calc(50% + 21px) 0, 100% 0, 100% 100%, 0 100%);
        -moz-clip-path:polygon(0 0, calc(50% - 21px) 0, 50% 100%, calc(50% + 21px) 0, 100% 0, 100% 100%, 0 100%);
        clip-path:polygon(0 0, calc(50% - 21px) 0, 50% 100%, calc(50% + 21px) 0, 100% 0, 100% 100%, 0 100%);
        z-index: 990;
    }
}

@media (max-width: 5000px) and (min-width: 1921px){
    #photoTriangleGrayRightLonger:before {
        content:"";
        display:block;
        position:absolute;
        left:0;
        right:0;
        bottom:0;
        height:24px;
        background-color: #ebebeb;
        -webkit-clip-path:polygon(0 0, calc(calc(50% + 270px) - 21px) 0, calc(50% + 270px) 100%, calc(calc(50% + 270px) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        -moz-clip-path:polygon(0 0, calc(calc(50% + 270px) - 21px) 0, calc(50% + 270px) 100%, calc(calc(50% + 270px) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        clip-path:polygon(0 0, calc(calc(50% + 270px) - 21px) 0, calc(50% + 270px) 100%, calc(calc(50% + 270px) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        z-index: 990;
    }
}

@media (max-width: 1920px) and (min-width: 1851px){
    #photoTriangleGrayRightLonger:before {
        content:"";
        display:block;
        position:absolute;
        left:0;
        right:0;
        bottom:0;
        height:24px;
        background-color: #ebebeb;
        -webkit-clip-path:polygon(0 0, calc(calc(63.5%) - 21px) 0, calc(63.5%) 100%, calc(calc(63.5%) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        -moz-clip-path:polygon(0 0, calc(calc(63.5%) - 21px) 0, calc(63.5%) 100%, calc(calc(63.5%) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        clip-path:polygon(0 0, calc(calc(63.5%) - 21px) 0, calc(63.5%) 100%, calc(calc(63.5%) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        z-index: 990;
    }
}

@media (max-width: 1850px) and (min-width: 1405px){
    #photoTriangleGrayRightLonger:before {
        content:"";
        display:block;
        position:absolute;
        left:0;
        right:0;
        bottom:0;
        height:24px;
        background-color: #ebebeb;
        -webkit-clip-path:polygon(0 0, calc(calc(65%) - 21px) 0, calc(65%) 100%, calc(calc(65%) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        -moz-clip-path:polygon(0 0, calc(calc(65%) - 21px) 0, calc(65%) 100%, calc(calc(65%) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        clip-path:polygon(0 0, calc(calc(65%) - 21px) 0, calc(65%) 100%, calc(calc(65%) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        z-index: 990;
    }
}

@media (max-width: 1404px) and (min-width: 951px){
    #photoTriangleGrayRightLonger:before {
        content:"";
        display:block;
        position:absolute;
        left:0;
        right:0;
        bottom:-1px;
        height:24px;
        background-color: #ebebeb;
        -webkit-clip-path:polygon(0 0, calc(calc(70%) - 21px) 0, calc(70%) 100%, calc(calc(70%) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        -moz-clip-path:polygon(0 0, calc(calc(70%) - 21px) 0, calc(70%) 100%, calc(calc(70%) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        clip-path:polygon(0 0, calc(calc(70%) - 21px) 0, calc(70%) 100%, calc(calc(70%) + 21px) 0, 100% 0, 100% 100%, 0 100%);
        z-index: 990;
    }
}

@media (max-width: 950px) {
    #photoTriangleGrayRightLonger:before {
        content:"";
        display:block;
        position:absolute;
        left:0;
        right:0;
        bottom:-1px;
        height:25px;
        background-color: #ebebeb;
        -webkit-clip-path:polygon(0 0, calc(50% - 21px) 0, 50% 100%, calc(50% + 21px) 0, 100% 0, 100% 100%, 0 100%);
        -moz-clip-path:polygon(0 0, calc(50% - 21px) 0, 50% 100%, calc(50% + 21px) 0, 100% 0, 100% 100%, 0 100%);
        clip-path:polygon(0 0, calc(50% - 21px) 0, 50% 100%, calc(50% + 21px) 0, 100% 0, 100% 100%, 0 100%);
        z-index: 990;
    }
}

@media (max-width: 5000px) and (min-width: 1921px){
    .triangleDarkGrayLeftShorter::before{
        content: '';
        position: absolute;
        left: calc(50% - 380px);
        top: 0%;
        width: 0;
        height: 0;
        border-left: 21px solid transparent;
        border-right: 21px solid transparent;
        border-top: 24px solid #333333;
        clear: both;
    }
}

@media (max-width: 1920px) and (min-width: 1651px){
    .triangleDarkGrayLeftShorter::before{
        content: '';
        position: absolute;
        left: 31%;
        top: 0%;
        width: 0;
        height: 0;
        border-left: 21px solid transparent;
        border-right: 21px solid transparent;
        border-top: 24px solid #333333;
        clear: both;
    }
}

@media (max-width: 1650px) and (min-width: 1451px){
    .triangleDarkGrayLeftShorter::before{
        content: '';
        position: absolute;
        left: 29%;
        top: 0%;
        width: 0;
        height: 0;
        border-left: 21px solid transparent;
        border-right: 21px solid transparent;
        border-top: 24px solid #333333;
        clear: both;
    }
}

@media (max-width: 1450px) and (min-width: 1201px){
    .triangleDarkGrayLeftShorter::before{
        content: '';
        position: absolute;
        left: 25%;
        top: 0%;
        width: 0;
        height: 0;
        border-left: 21px solid transparent;
        border-right: 21px solid transparent;
        border-top: 24px solid #333333;
        clear: both;
    }
}

@media (max-width: 1200px) and (min-width: 1151px){
    .triangleDarkGrayLeftShorter::before{
        content: '';
        position: absolute;
        left: 23%;
        top: 0%;
        width: 0;
        height: 0;
        border-left: 21px solid transparent;
        border-right: 21px solid transparent;
        border-top: 24px solid #333333;
        clear: both;
    }
}

@media (max-width: 1150px) and (min-width: 951px){
    .triangleDarkGrayLeftShorter::before{
        content: '';
        position: absolute;
        left: 22%;
        top: -1px;
        width: 0;
        height: 0;
        border-left: 21px solid transparent;
        border-right: 21px solid transparent;
        border-top: 24px solid #333333;
        clear: both;
    }
}

@media (max-width: 950px) {
    .triangleDarkGrayLeftShorter::before{
        content: '';
        position: absolute;
        left: calc(50% - 21px);
        top: -1px;
        width: 0;
        height: 0;
        border-left: 21px solid transparent;
        border-right: 21px solid transparent;
        border-top: 24px solid #333333;
        clear: both;
    }
}

@media (max-width: 5000px) and (min-width: 1921px){
    .triangleWhiteLeftLonger::before{
        content: '';
        position: absolute;
        left: calc(50% - 300px);
        top: 0%;
        width: 0;
        height: 0;
        border-left: 21px solid transparent;
        border-right: 21px solid transparent;
        border-top: 24px solid #ffffff;
        clear: both;
    }
}

@media (max-width: 1920px) and (min-width: 1801px){
    .triangleWhiteLeftLonger::before{
        content: '';
        position: absolute;
        left: 34%;
        top: 0%;
        width: 0;
        height: 0;
        border-left: 21px solid transparent;
        border-right: 21px solid transparent;
        border-top: 24px solid #ffffff;
        clear: both;
    }
}

@media (max-width: 1800px) and (min-width: 1531px){
    .triangleWhiteLeftLonger::before{
        content: '';
        position: absolute;
        left: 32%;
        top: 0%;
        width: 0;
        height: 0;
        border-left: 21px solid transparent;
        border-right: 21px solid transparent;
        border-top: 24px solid #ffffff;
        clear: both;
    }
}

@media (max-width: 1530px) and (min-width: 1301px){
    .triangleWhiteLeftLonger::before{
        content: '';
        position: absolute;
        left: 29%;
        top: 0%;
        width: 0;
        height: 0;
        border-left: 21px solid transparent;
        border-right: 21px solid transparent;
        border-top: 24px solid #ffffff;
        clear: both;
    }
}

@media (max-width: 1300px) and (min-width: 1051px){
    .triangleWhiteLeftLonger::before{
        content: '';
        position: absolute;
        left: 26%;
        top: -1px;
        width: 0;
        height: 0;
        border-left: 21px solid transparent;
        border-right: 21px solid transparent;
        border-top: 24px solid #ffffff;
        clear: both;
    }
}

@media (max-width: 1050px) and (min-width: 951px){
    .triangleWhiteLeftLonger::before{
        content: '';
        position: absolute;
        left: 25%;
        top: -1px;
        width: 0;
        height: 0;
        border-left: 21px solid transparent;
        border-right: 21px solid transparent;
        border-top: 24px solid #ffffff;
        clear: both;
    }
}

@media (max-width: 950px){
    .triangleWhiteLeftLonger::before{
        content: '';
        position: absolute;
        left: 45%;
        top: -1px;
        width: 0;
        height: 0;
        border-left: 21px solid transparent;
        border-right: 21px solid transparent;
        border-top: 24px solid #ffffff;
        clear: both;
    }
}

/************************************************************************/
/****** Margin of list **************************************************/
/************************************************************************/

ul {
    margin: 0 0 0 0 !important;
}

/************************************************************************/
/****** All the triangles ***********************************************/
/************************************************************************/

.whiteTriangleLeft::before{
    content: '';
    position: absolute;
    left: 23%;
    top: 0%;
    width: 0;
    height: 0;
    border-left: 21px solid transparent;
    border-right: 21px solid transparent;
    border-top: 24px solid #ffffff;
    clear: both;
    z-index:5;
}

@media (max-width: 5000px) and (min-width: 1921px) {
    .whiteTriangleLeft::before{
        content: '';
        position: absolute;
        left: calc(50% - 530px);
        top: 0%;
        width: 0;
        height: 0;
        border-left: 21px solid transparent;
        border-right: 21px solid transparent;
        border-top: 24px solid #ffffff;
        clear: both;
        z-index:5;
    }
}

.greyTriangleLeft::before{
    content: '';
    position: absolute;
    left: 23%;
    top: 0%;
    width: 0;
    height: 0;
    border-left: 21px solid transparent;
    border-right: 21px solid transparent;
    border-top: 24px solid #e9e9e9;
    clear: both;
    z-index:5;
}

@media (max-width: 5000px) and (min-width: 1921px) {
    .greyTriangleLeft::before{
        content: '';
        position: absolute;
        left: calc(50% - 530px);
        top: 0%;
        width: 0;
        height: 0;
        border-left: 21px solid transparent;
        border-right: 21px solid transparent;
        border-top: 24px solid #e9e9e9;
        clear: both;
        z-index:5;
    }
}

.whiteTriangleMiddle::before{
    content: '';
    position: absolute;
    left: calc(50% - 21px);
    top: -1px;
    width: 0;
    height: 0;
    border-left: 21px solid transparent;
    border-right: 21px solid transparent;
    border-top: 24px solid #ffffff;
    clear: both;
}

@media (max-width: 400px) {
    .whiteTriangleMiddle::before{
        content: '';
        position: absolute;
        left: 45%;
        top: -1px;
        width: 0;
        height: 0;
        border-left: 21px solid transparent;
        border-right: 21px solid transparent;
        border-top: 24px solid #ffffff;
        clear: both;
    }
}

.grayTriangleMiddle::before{
    content: '';
    position: absolute;
    left: calc(50% - 21px);
    top: -1px;
    width: 0;
    height: 0;
    border-left: 21px solid transparent;
    border-right: 21px solid transparent;
    border-top: 25px solid #ebebeb;
    clear: both;
}

/************************************************************************/
/****** Text fonts for the related products *****************************/
/************************************************************************/

.titleRelatedProduct {
    position: absolute;
    color: #ffffff;
    font-size: 30px;
    font-family: 'Roboto', sans-serif !important;
    z-index: 3;
    letter-spacing: 1px;
    font-weight: 400;
    top: 60px;
    left: 30px;
}

.titleRelatedProductBundle {
    position: absolute;
    color: #ffffff;
    font-size: 30px;
    font-family: 'Roboto', sans-serif !important;
    z-index: 3;
    letter-spacing: 1px;
    font-weight: 400;
    top: 60px;
    left: 30px;
}

.tagRelatedProduct {
    position: absolute;
    color: #ff6600;
    font-size: 19px;
    font-family: 'Roboto', sans-serif !important;
    z-index: 3;
    font-weight: 500;
    top: 30px;
    left: 30px;
}

/************************************************************************/
/****** Padding of the post caroussel a.k.a. related products ***********/
/************************************************************************/

.fl-post-carousel .bx-wrapper .bx-pager {
    text-align: left;
}

.fl-post-carousel-content p {
	padding-bottom: 30px !important;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	width: 17px;
	height: 17px;
	border-radius: 100%;
}

.fl-post-carousel-grid .fl-post-carousel-text {
    padding: 30px !important;    
}

.fl-post-carousel-content p {
	font-family: 'Roboto', sans-serif !important;
	font-weight: 300;
	font-size: 18px !important;
	color: #666666;
}

.fl-post-carousel .bx-pager{
	bottom: -40px !important;	
}

.fl-post-carousel {
    padding: 0 0px !important;
}

.fl-post-carousel-navigation {
    margin-left: 0%;
    margin-right: 0%;
}

a.fl-post-carousel-more {
    position: absolute;
    bottom: 30px;
    left: 30px;
}

.fl-post-carousel-navigation .carousel-prev {
    left: calc(25% - 25vw - 16px);
}

.fl-post-carousel-navigation .carousel-next {
    right: calc(25% - 25vw - 16px);
}

.fl-content-slider-navigation .slider-next {
    right: calc(25% - 25vw - 16px);
}

.fl-content-slider-navigation .slider-prev {
    left: calc(25% - 25vw - 16px);
}

/************************************************************************/
/****** Padding of the sliding content of image + text ******************/
/************************************************************************/

.fl-content-slider-navigation {
    margin-left: 0;
    margin-right: 0;
}

/************************************************************************/
/****** Padding of the whole content on the page ******************/
/************************************************************************/

#page {
        margin: 0em auto;
        max-width: 100%;    
	}
	
/************************************************************************/
/****** Padding of the all rows, header icons and caroussel *************/
/************************************************************************/

@media (max-width: 5000px) and (min-width: 1921px){
	
	.fl-row-content {
		padding-top: 37px;
		padding-bottom: 0px;
		max-width: 1140px;
	}
	
	.postgridUsers .fl-module-content {
    	margin-left: -15px;
    	margin-right: -15px;
    }
	
	#userStoryCarousel .fl-row-content , .homePageTwoProductsRow .fl-row-content {
	    max-width: 100% !important;
	}
	
    #userStoryCarousel .bx-wrapper .bx-pager {
        position: absolute !important;  
    }

    #userStoryCarousel .bx-pager {
        max-width: 1920px !important;
	    margin:auto !important;
    }
	
	#userStoryCarousel .fl-slide-content {
		padding-right: 0px ;
		padding-left: calc(90.9% - 590px); /*83.3%*/
	}
	
	.fl-slide-content.firstSlideHomePage {
	      padding-right: 100px;
	      padding-left: calc(100% - 570px);  
	}
	
	.fl-slide-content.secondSlideHomePage {
	      padding-left: 100px;
	      padding-right: calc(100% - 570px);  
	}
	
	#userStoryCarousel .bx-wrapper .bx-pager {
		padding-right: 0px ;
		padding-left: calc(50% - 570px);
	}
	
	.manualContentSlider .bx-pager {
        bottom: 100px !important;
    }
    
    .fl-module-separator .fl-module-content {
        margin-top: 35px !important;
    }
    
    .fixingHeaderLogoAndIcons .fl-icon-group {
    	position: fixed;
    	float: right;
    	right: calc(50% - 570px);
    }

    .fixingSecondHeaderColumn {
    	float: right;
    	padding-right: 171px;
    }
	
	.fixingSecondColumnBefore , .tryButton2{
	    float: right;
	    margin-right: 5px;
	    right: calc(50% - 575px);
	}
	
}

@media (max-width: 1920px) and (min-width: 1371px) {
	
	.fl-row-content {
		padding-top: 37px;
		padding-bottom: 0px;
		max-width: 1120px;    
	}
	
	#userStoryCarousel .fl-row-content , .homePageTwoProductsRow .fl-row-content {
	    max-width: 100%;
	}
	
	.fixingHeaderLogoAndIcons .fl-icon-group {
        position: fixed;
        right: calc(50% - 560px) !important;
	}
	
	.tryButton2 {
    	right: calc(50% - 560px);
    }
	
	#userStoryCarousel .bx-wrapper .bx-pager {
		padding-right: 0px;
		padding-left: calc(50% - 560px);
	}
	
}

@media (max-width: 1920px) and (min-width: 1441px) {
    #userStoryCarousel .fl-slide-content {
		padding-right: 0px;
		padding-left: calc(90.9% - 580px); /*83.3%*/
	}
	.fl-slide-content.firstSlideHomePage {
	      padding-right: 100px;
	      padding-left: calc(100% - 560px);  
	}
	.fl-slide-content.secondSlideHomePage {
	      padding-left: 100px;
	      padding-right: calc(100% - 560px);  
	}
}

@media (max-width: 1440px) and (min-width: 1371px) {
    #userStoryCarousel .fl-slide-content {
		padding-right: 0px;
		padding-left: calc(90.9% - 580px); /*76.9%*/
	}
	.fl-slide-content.firstSlideHomePage {
	      padding-right: 100px;
	      padding-left: calc(100% - 560px);  
	}
	.fl-slide-content.secondSlideHomePage {
	      padding-left: 100px;
	      padding-right: calc(100% - 560px);  
	}
	.homePageTwoProductsRow .fl-row-content {
	    max-width: 100%;
	}
}

@media (max-width: 1370px){
	 .homePageTwoProductsRow .fl-row-content {
	    max-width: 100% !important;
	    padding-right: 0px;
	    padding-left: 0px;
	}
	.fl-row-content {
		padding-top: 37px;
		padding-right: 114px;
		padding-bottom: 0px;
		padding-left: 114px;
	}
	
	.currencyInShopContext .currencyChangeForm {
        right: 114px;   
    }
	
	.lightboxYoutubeVideoContentStyle1 {
	    padding-right: 114px;
		padding-left: 114px;   
	}
	
	.fixingHeaderLogoAndIcons .fl-icon-group{
        position: fixed;
        right: 114px !important;
	}
	
	#userStoryCarousel .bx-wrapper .bx-pager {
		padding-right: 0px;
		padding-left: 114px;
	}
	
	#userStoryCarousel .fl-slide-content {
	    padding-right: 0px;
		padding-left: 94px;
	}
	
	.fl-slide-content.firstSlideHomePage {
	      padding-right: 100px;
	      padding-left: 114px;  
	}
	.fl-slide-content.secondSlideHomePage {
	      padding-left: 100px;
	      padding-right: 114px;  
	}
	.tryButton2 {
    	right: 114px;
    }
    
}

@media (max-width: 1290px){
	.fl-row-content {
		padding-top: 37px;
		padding-right: 101px;
		padding-bottom: 0px;
		padding-left: 101px;
	}
	
	.currencyInShopContext .currencyChangeForm {
        right: 101px;   
    }
	
	.lightboxYoutubeVideoContentStyle1 {
	    padding-right: 101px;
		padding-left: 101px;   
	}
	
	.fixingHeaderLogoAndIcons .fl-icon-group {
        position: fixed;
        right: 101px !important;
    }
	
	#userStoryCarousel .bx-wrapper .bx-pager {
		padding-right: 0px;
		padding-left: 101px;
	}
	
	#userStoryCarousel .fl-slide-content {
	    padding-right: 0px;
		padding-left: 81px;
	}
	
	.fl-slide-content.firstSlideHomePage {
	      padding-right: 100px;
	      padding-left: 101px;  
	}
	.fl-slide-content.secondSlideHomePage {
	      padding-left: 100px;
	      padding-right: 101px;  
	}
	
	.tryButton2 {
        right: 100.6px;
    }

}

@media (max-width: 1140px){
	
	.fl-row-content {
		padding-top: 37px;
		padding-right: 88.9px;
		padding-bottom: 0px;
		padding-left: 88.9px;
	}
	
	.currencyInShopContext .currencyChangeForm {
        right: 89px;   
    }
	
	.lightboxYoutubeVideoContentStyle1 {
	    padding-right: 88.9px;
		padding-left: 88.9px;   
	}
	
	.fixingHeaderLogoAndIcons .fl-icon-group{
        position: fixed;
        right: 88.9px !important;
	}
	
	#userStoryCarousel .bx-wrapper .bx-pager {
		padding-right: 0px;
		padding-left: 88.9px;
	}
	
	#userStoryCarousel .fl-slide-content {
	    padding-right: 0px;
		padding-left: 68.9px;
	}
	
	.fl-slide-content.firstSlideHomePage {
	      padding-right: 100px;
	      padding-left: 89px;  
	}
	.fl-slide-content.secondSlideHomePage {
	      padding-left: 100px;
	      padding-right: 89px;  
	}
	
	.tryButton2 {
    	right: 88.9px;
    }
	
}

@media (max-width: 1030px){
	
	.fl-row-content {
		padding-top: 37px;
		padding-right: 80.3px;
		padding-bottom: 0px;
		padding-left: 80.3px;
	}
	
	.currencyInShopContext .currencyChangeForm {
        right: 80px;   
    }
	
	.lightboxYoutubeVideoContentStyle1 {
	    padding-right: 80.3px;
		padding-left: 80.3px;   
	}
	
	.fixingHeaderLogoAndIcons .fl-icon-group{
        position: fixed;
        right: 80.3px !important;
	}
	
	#userStoryCarousel .bx-wrapper .bx-pager {
		padding-right: 0px;
		padding-left: 80.3px;
	}
	
	#userStoryCarousel .fl-slide-content {
	    padding-right: 0px;
		padding-left: 60.3px;
	}
	
	.fl-slide-content.firstSlideHomePage {
	    padding-right: 100px;
	    padding-left: 80px;  
	}
	
	.fl-slide-content.secondSlideHomePage {
	      padding-left: 100px;
	      padding-right: 80px;  
	}
	
	.tryButton2 {
    	right: 80.3px;
    }
	
}

@media (max-width: 950px) {
    
    .currencyInShopContext .currencyChangeForm {
    	left: 80px;
    	top: 75px;
    	z-index: 2;
    }
    
    #userStoryCarousel .fl-slide-content , #userStoryCarousel .bx-wrapper .bx-pager {
		padding-right: 80px;
		padding-left: 80px;
	}
    
}

@media (max-width: 770px){
	
	.fl-row-content {
		padding-top: 17px;
		padding-right: 60px;
		padding-bottom: 0px;
		padding-left: 60px;
	}
	
	.currencyInShopContext .currencyChangeForm {
    	left: 60px;
    	top: 80px;
    	z-index: 2;
    }
	
	.lightboxYoutubeVideoContentStyle1 {
	    padding-right: 60px;
		padding-left: 60px;   
	}
	
	.fixingHeaderLogoAndIcons .fl-icon-group{
        position: fixed;
        right: 60px !important;
	}
	
	#userStoryCarousel .fl-slide-content , #userStoryCarousel .bx-wrapper .bx-pager {
		padding-right: 60px;
		padding-left: 60px;
	}
	
	.fl-slide-content.firstSlideHomePage {
	      padding-right: 100px;
	      padding-left: 60px;  
	}
	.fl-slide-content.secondSlideHomePage {
	      padding-left: 100px;
	      padding-right: 60px;  
	}
	
	.tryButton2 {
    	right: 60px;
    }
	
}
/*
@media (max-width: 650px) {
    .tryButton2 {
        left: calc(50% - 67px);
        right: inherit;
    }
}
*/
@media (max-width: 470px){
	
	.fl-row-content {
		padding-top: 11px;
		padding-right: 37px;
		padding-bottom: 0px;
		padding-left: 37px;
	}
	
	.currencyInShopContext .currencyChangeForm {
        left: 37px;
        top: 80px;
    }
	
	.lightboxYoutubeVideoContentStyle1 {
	    padding-right: 37px;
		padding-left: 37px;   
	}
	
	.fixingHeaderLogoAndIcons .fl-icon-group{
        position: fixed;
        right: 37px !important;
	}
	
	#userStoryCarousel .fl-slide-content , #userStoryCarousel .bx-wrapper .bx-pager {
		padding-right: 37px;
		padding-left: 37px;
	}
	
	.fl-slide-content.firstSlideHomePage {
	      padding-right: 100px;
	      padding-left: 37px;  
	}
	.fl-slide-content.secondSlideHomePage {
	      padding-left: 100px;
	      padding-right: 37px;  
	}
	
}

@media (max-width: 400px){
	
	.fl-row-content {
		padding-top: 9px;
		padding-right: 31px;
		padding-bottom: 0px;
		padding-left: 31px;
	}
	
	.currencyInShopContext .currencyChangeForm {
        left: 31px;
        top: 80px;
    }
	
	.lightboxYoutubeVideoContentStyle1 {
	    padding-right: 31px;
		padding-left: 31px;   
	}
	
	.fixingHeaderLogoAndIcons .fl-icon-group{
        position: fixed;
        right: 31px !important;
	}
	
	#userStoryCarousel .fl-slide-content , #userStoryCarousel .bx-wrapper .bx-pager {
		padding-right: 31px;
		padding-left: 31px;
	}
	
	.fl-slide-content.firstSlideHomePage {
	      padding-right: 100px;
	      padding-left: 31px;  
	}
	.fl-slide-content.secondSlideHomePage {
	      padding-left: 100px;
	      padding-right: 31px;  
	}
	
}

 #topBarBlackRectanglePart{
        width: 100% !important;
	}

/************************************************************************/
/****** The text fonts of new version of website ************************/
/************************************************************************/


.darkGreySmallText {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400;
    font-size: 19px !important;
    color: #333333;    
}

.middleGreySmallText {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400;
    font-size: 19px !important;
    color: #666666;    
}

.darkTextRowHeader {
    color: #ffffff !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
    font-size: 36px !important;
    text-align: left;
}

.titleAmongTheText {
    color: #333333 !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
    font-size: 30px !important;
    text-align: left;  
}

.smallRowText {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400;
    font-size: 19px !important;
    color: #eaeaea;
}

.smallRowTextLightBackground {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400;
    font-size: 19px !important;
    color: #666666;
}

.headerTwoBlocksRow {
    color: #333333 !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
    font-size: 36px !important;
}

.blockquoteText {
    font-family: 'Roboto', sans-serif !important;
    font-style: italic;
    font-weight: 500;
    font-size: 21px !important;
    color: #39bbfa;
    padding-left: 15px;
    border-left: 1px solid #ccc;
}

.checkSmallText {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400;
    font-size: 19px !important;
    color: #eaeaea;
    line-height: 2;
}

.checkSmallText2 {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400;
    font-size: 19px !important;
    color: #eaeaea;
    line-height: 1.23;
}

.checkSmallText p {
    line-height: 2;
}
/*
.checkSmallText li:before {
    content: '✔'; 
    color: #ff6600;
    padding-right: 6px;
}
*/

.checkSmallText li {
    background: url(../img/svg.svg) no-repeat 0 50%;
    background-size: 22px 22px;
    padding-left: 30px;
}

.checkSmallText ul {
    list-style: none;
}

/************************************************************************/
/****** Still to be comented *******************************************/
/************************************************************************/

.fl-icon i:not(.removeHover):active {
    color: #ff6600;   
}

.fl-icon i:not(.removeHover).active:before {
    color: #ff6600;   
}

/************************************************************************/
/****** For the top row caroussel ***************************************/
/************************************************************************/

a.bx-pager-link {
    background: #b9b9b9 !important;
}

a.active {
    background: #ff6600 !important;
}
@media (max-width: 5000px){
.fl-slide-content {
    padding-top: 20px !important;
}
}

h2.fl-slide-title {
    color: #333333 !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
    font-size: 36px !important;
}

.fl-slide-text{
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400;
    font-size: 19px !important;
}

.fl-slide-text p{
    line-height: 1.23;
}

.topContentSlider .bx-wrapper .bx-pager {
    text-align: left;
    bottom: 20px !important;
} 

@media (max-width: 950px) {
    .topContentSlider .bx-wrapper .bx-pager {
    	position: relative;
    	bottom: 0px !important;
    }
}

.fl-content-slider-navigation path {
    fill: #b9b9b9;
}
/*
a.slider-next path {
	d: path('M 50,0 L 52,10 L 20,50 L 52,90 L 50,100 L 10,50 Z') !important;
}

a.slider-prev path {
	d: path('M 50,0 L 52,10 L 20,50 L 52,90 L 50,100 L 10,50 Z') !important;
}
*/
a.slider-next svg {
    -webkit-transform: rotate(180deg);     /* Chrome and other webkit browsers */
    -moz-transform: rotate(180deg);        /* FF */
    -o-transform: rotate(180deg);          /* Opera */
    -ms-transform: rotate(180deg);         /* IE9 */
    transform: rotate(180deg); 
} 

a.carousel-next path {
	d: path('M 50,0 L 52,10 L 20,50 L 52,90 L 50,100 L 10,50 Z') !important;
}

a.carousel-prev path {
	d: path('M 50,0 L 52,10 L 20,50 L 52,90 L 50,100 L 10,50 Z') !important;
}

a.carousel-next svg {
-webkit-transform: rotate(180deg);     /* Chrome and other webkit browsers */
-moz-transform: rotate(180deg);        /* FF */
-o-transform: rotate(180deg);          /* Opera */
-ms-transform: rotate(180deg);         /* IE9 */
transform: rotate(180deg); 
} 

.fl-post-carousel-navigation path {
    fill: #b9b9b9 !important;
}

.fl-content-slider-svg-container {
    width: 62px !important;
}

.fl-post-carousel-svg-container {
    width: 62px !important;
}

@media (max-width: 630px) {
    .fl-post-carousel-svg-container {
        display: none;
    }
}

.fl-slide-photo-wrap img {
    max-width: calc( 83% ) !important;
}

/**************************************************************************************************/
/****** The Content of Page Width in big screen sizes *********************************************/
/**************************************************************************************************/

@media (max-width: 5000px) and (min-wdith: 1921px){
	#page {
		margin: 0em auto;
		max-width: 1440px;    
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 5000px) and (min-wdith: 1921px){
	#page {
        margin: 0em auto;
        max-width: 1440px;    
	}
}

/************************************************************************/
/****** For the images at the middle of content to occupy full width of *
******* the column ******************************************************/
/************************************************************************/

.fl-photo-content {
    display: block;
    line-height: 0;
    position: relative;
    max-width: 100%;
}

/************************************************************************/
/****** For 'Related Products' module editing menu **********************/
/************************************************************************/

.fl-builder-post-grid-settings a[href="#fl-builder-settings-tab-layout"]{
    display:none;
}

.fl-builder-post-grid-settings #fl-field-users {
    display:none;
}

.fl-builder-post-grid-settings #fl-field-post_type {
    display:none; 
}

.fl-builder-post-grid-settings #fl-field-order_by {
    display:none; 
}

.fl-builder-post-grid-settings #fl-field-order {
    display:none;
}

.fl-builder-post-grid-settings #fl-field-tax_post_category {
    display:none; 
}

.fl-builder-post-grid-settings #fl-field-offset {
    display:none;
}

.fl-builder-post-grid-settings #fl-builder-settings-section-general {
    display:none;
}

.fl-builder-post-grid-settings #fl-builder-settings-section-grid {
    display:none !important; 
}

.fl-builder-post-grid-settings #fl-builder-settings-section-image {
    display:none !important;
}

.fl-builder-post-grid-settings #fl-builder-settings-section-info {
    display:none !important; 
}

.fl-builder-post-grid-settings #fl-builder-settings-section-content {
    display:none !important;
}

/************************************************************************/
/****** Margin of the 'Related Products' content ************************/
/************************************************************************/

.heightsRelatedProductBox .fl-module-content {
    margin: 0;
}

/************************************************************************/
/****** Heights and behaviour of the 'Related Products' text field area */
/************************************************************************/

@media (max-width: 3500px) and (min-width: 1101px) {
    .heightsRelatedProductBox p {
        display: block; 
        text-overflow: '.';
        word-wrap: break-word;
        overflow: hidden;
        max-height: 224px;
        min-height: 224px;
    }
}

@media (max-width: 1100px) and (min-width: 971px) {
    .heightsRelatedProductBox p {
        display: block; 
        text-overflow: '.';
        word-wrap: break-word;
        overflow: hidden;
        max-height: 254px;
        min-height: 254px;
    }
}

@media (max-width: 970px) and (min-width: 951px) {
    .heightsRelatedProductBox p {
        display: block; 
        text-overflow: '.';
        word-wrap: break-word;
        overflow: hidden;
        max-height: 290px;
        min-height: 290px;
    }
}

@media (max-width: 950px) and (min-width: 901px) {
    .heightsRelatedProductBox p {
        display: block; 
        text-overflow: '.';
        word-wrap: break-word;
        overflow: hidden;
        max-height: 190px;
        min-height: 190px;
    }
}

@media (max-width: 900px) and (min-width: 841px) {
    .heightsRelatedProductBox p {
        display: block; 
        text-overflow: '.';
        word-wrap: break-word;
        overflow: hidden;
        max-height: 190px;
        min-height: 190px;
    }
}

@media (max-width: 840px) and (min-width: 801px) {
    .heightsRelatedProductBox p {
        display: block; 
        text-overflow: '.';
        word-wrap: break-word;
        overflow: hidden;
        max-height: 200px;
        min-height: 200px;
    }
}

@media (max-width: 800px) and (min-width: 771px) {
    .heightsRelatedProductBox p {
        display: block; 
        text-overflow: '.';
        word-wrap: break-word;
        overflow: hidden;
        max-height: 200px;
        min-height: 200px;
    }
}

@media (max-width: 770px) and (min-width: 381px) {
    .heightsRelatedProductBox p {
        display: block; 
        text-overflow: '.';
        word-wrap: break-word;
        overflow: hidden;
        max-height: 224px;
        min-height: 224px;
    }
}

@media (max-width: 380px) and (min-width: 331px) {
    .heightsRelatedProductBox p {
        display: block; 
        text-overflow: '.';
        word-wrap: break-word;
        overflow: hidden;
        max-height: 254px;
        min-height: 254px;
    }
}

@media (max-width: 330px) and (min-width: 1px) {
    .heightsRelatedProductBox p {
        display: block; 
        text-overflow: '.';
        word-wrap: break-word;
        overflow: hidden;
        max-height: 314px;
        min-height: 314px;
    }
}

/************************************************************************/
/****** For the Top bar features ****************************************/
/************************************************************************/

@media (max-width: 5500px) {
    #topBarBlackRectanglePart{
        position:fixed;
        display:none;
        z-index: 999;
        margin-top: -25px;
        -webkit-transition: all 500ms ease-in-out;
        -moz-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;  
        padding-bottom: 15px;
    }    
}

@media (max-width: 5500px) and (min-width: 1371px) {
    #topBarBlackRectanglePart .fl-row-content {
        padding-left: 20px;   
    }
}

@media (max-width: 5500px) and (min-width: 1921px) {
    .paddingHeaderIconGroup {
        padding-left: 20px;
    }
}

/***********************************************************************/
/****** For the Suggestive Search Lightbox ******************************/
/***********************************************************************/

    .lightboxSuggestiveSearchStyle {
        visibility: hidden;
        position: fixed;
        z-index: 100000;
        padding-top: 0px;
        padding-bottom: 0px;
        left: 0;
        top: 0;   
        text-align: center;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgba(0, 0, 0, 0.85);
        visibility: hidden;
        opacity: 0;
        webkit-transition: opacity 500ms ease-in-out;
    	-moz-transition: opacity 500ms ease-in-out;
    	transition: opacity 500ms ease-in-out; 
    }

    .lightboxSuggestiveSearchStyle2 {
        visibility: hidden;
        position: fixed;
        z-index: 100000;
        padding-top: 0px;
        padding-bottom: 0px;
        left: 0;
        top: 0;   
        text-align: center;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgba(0, 0, 0, 0.85);
        visibility: hidden;
        opacity: 1;
       -webkit-transition: all 500ms ease-in-out !important;
    	-moz-transition: all 500ms ease-in-out !important;
    	-o-transition: all 500ms ease-in-out !important;
    	-ms-transition: all 500ms ease-in-out !important;
    	transition: all 500ms ease-in-out !important;
    }

    .lightboxSuggestiveSearchContentStyle1 {
        position: relative;
        margin: auto;
        width: 100%;
        top: 84px;
        padding-top: 0px !important;
        background-color: rgba(255, 255, 255, 0);
        transform: translate(-100%, 0);
        transition: transform 750ms linear;
    }
    
    @media (max-width: 5500px){
    .lightboxSuggestiveSearchContentStyle1 {
        position: relative;
        margin: auto;
        width: 100%;
        top: 84px;
        padding-top: 0px !important;
    }
}

@media (max-width: 5500px){
    .lightboxSuggestiveSearchContentStyle2 {
        position: relative;
        background-color: rgba(0, 0, 0, 0.85);
        margin: auto;
        padding: 0;
        width: 100%;
        max-width: 900px;
        top: 25%;
    }
}

.closeSuggestiveSearch {
    color: #ff6600;
    position: relative;
    top: -48px;
    right: 0;
    float: right;
    font-size: 44px;
    font-weight: bold;
    transition: all 750ms ease;
}

.closeSuggestiveSearch:hover, .closeSuggestiveSearch:focus {
    color: #999;
    text-decoration: none;
    cursor: pointer;
    transition: all 750ms ease;
}
/* Cursor when the mouse is on the image of the video */
.cursor {
    cursor: pointer
}

.suggestiveSearchContainer {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-top: 52%;
    padding-bottom: 0;
    height: 0;
    background-color: #000000;
}

@media (max-width: 5500px) and (min-width: 1921px ){
    .suggestiveSearchContainer iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 1920px) {
    .suggestiveSearchContainer iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

/************************************************************************/
/****** For the Video Player (youtube embed) ****************************/
/************************************************************************/

@media (max-width: 950) {
    .videoplayer1 {
        margin-top: -40px;
    }    
}    


.videoplayer p{
    color: rgba(255,255,255,0);
    display: none;
}

.lightboxYoutubeVideoStyle {
    visibility: hidden;
    position: absolute;
    z-index: 1000;
    padding-top: 0px;
    padding-bottom: 0px;
    left: 0;
    top: 0;   
    text-align: center;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.6);
    visibility: hidden;
    opacity: 0;
    webkit-transition: opacity 500ms ease-in-out;
	-moz-transition: opacity 500ms ease-in-out;
	transition: opacity 500ms ease-in-out; 
}

.lightboxYoutubeVideoStyle2 {
    visibility: hidden;
    position: absolute;
    z-index: 1000;
    padding-top: 0px;
    padding-bottom: 0px;
    left: 0;
    top: 0;   
    text-align: center;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.6);
    visibility: hidden;
    opacity: 1;
   -webkit-transition: all 500ms ease-in-out !important;
	-moz-transition: all 500ms ease-in-out !important;
	-o-transition: all 500ms ease-in-out !important;
	-ms-transition: all 500ms ease-in-out !important;
	transition: all 500ms ease-in-out !important;
}

.lightboxYoutubeVideoContentStyle1 {
        position: relative;
        margin: auto;
        width: 100%;
        top: 84px;
        padding-top: 0px !important;
        background-color: rgba(255, 255, 255, 0);
        transform: translate(-100%, 0);
        transition: transform 750ms linear;
    }

@media (max-width: 5500px){
    .lightboxYoutubeVideoContentStyle1 {
        position: relative;
        margin: auto;
        width: 100%;
        top: 84px;
        padding-top: 0px !important;
    }
}

@media (max-width: 1404px){
    .lightboxYoutubeVideoContentStyle1 {
        top: 78.6px;
    }
}

@media (max-width: 1367px){
    .lightboxYoutubeVideoContentStyle1 {
        top: 77.8px;
    }
}

@media (max-width: 1290px){
    .lightboxYoutubeVideoContentStyle1 {
        top: 75px;
    }
}

@media (max-width: 1140px){
    .lightboxYoutubeVideoContentStyle1 {
        top: 73.7px;
    }
}

@media (max-width: 1030px){
    .lightboxYoutubeVideoContentStyle1 {
        top: 70.2px;
    }
}

@media (max-width: 950px){
    .lightboxYoutubeVideoContentStyle1 {
        top: 44px;
    }
}
/*
@media (max-width: 770px){
    .lightboxYoutubeVideoContentStyle1 {
        top: 64px;
    }
}

@media (max-width: 470px){
    .lightboxYoutubeVideoContentStyle1 {
        top: 58px;
    }
}

@media (max-width: 470px){
    .lightboxYoutubeVideoContentStyle1 {
        top: 56px;
    }
}
*/
/*
@media (max-width: 770px){
    .lightboxYoutubeVideoContentStyle1 {
        position: relative;
        background-color: rgba(0, 0, 0, 0.8);
        margin: auto;
        padding: 0;
        width: 100%;
        max-width: 900px;
        top: 25%;
    }
}
*/
@media (max-width: 5500px){
    .lightboxYoutubeVideoContentStyle2 {
        position: relative;
        background-color: rgba(0, 0, 0, 0.8);
        margin: auto;
        padding: 0;
        width: 100%;
        max-width: 900px;
        top: 25%;
    }
}

.closeYoutubeVideo{
    color: white;
    position: relative;
    top: 25px;
    right: -25px;
    float: right;
    font-size: 40px;
    font-weight: bold;
    transition: all 750ms ease;
    background-color: #ff6600;
    line-height: 24px;
}

.closeYoutubeVideo:hover, .closeYoutubeVideo:focus {
    color: #999;
    text-decoration: none;
    cursor: pointer;
    transition: all 750ms ease;
}
/* Cursor when the mouse is on the image of the video */
.cursor {
    cursor: pointer
}

.youtubeVideoContainer {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-top: 52%;
    padding-bottom: 0;
    height: 0;
    background-color: #000000;
}

@media (max-width: 1370px) and (min-width: 1301px){
    .youtubeVideoContainer {
        padding-top: 45%;
    }
}

@media (max-width: 1300px) and (min-width: 1230px){
    .youtubeVideoContainer {
        padding-top: 47%;
    }
}

@media (max-width: 950px) and (min-width: 900px){
    .youtubeVideoContainer {
        padding-top: 49%;
    }
}

@media (max-width: 820px) and (min-width: 731px){
    .youtubeVideoContainer {
        padding-top: 57%;
    }
}

@media (max-width: 730px) and (min-width: 681px){
    .youtubeVideoContainer {
        padding-top: 62%;
    }
}

@media (max-width: 680px) and (min-width: 640px){
    .youtubeVideoContainer {
        padding-top: 67%;
    }
}

@media (max-width: 640px) and (min-width: 551px){
    .youtubeVideoContainer {
        padding-top: 73%;
    }
}

@media (max-width: 550px) and (min-width: 401px){
    .youtubeVideoContainer {
        padding-top: 100%;
    }
}

@media (max-width: 400px) and (min-width: 351px){
    .youtubeVideoContainer {
        padding-top: 120%;
    }
}

@media (max-width: 350px) {
    .youtubeVideoContainer {
        padding-top: 150%;
    }
}

@media (max-width: 5000px) and (min-width: 1921px) {
    .videoplayerMiddle .youtubeVideoContainer {
        padding-top: calc(41% + 10px);
    }
}

@media (max-width: 1920px) and (min-width: 1501px) {
    .videoplayerMiddle .youtubeVideoContainer {
        padding-top: calc(41% + 10px);
    }
}

@media (max-width: 1500px) and (min-width: 1451px) {
    .videoplayerMiddle .youtubeVideoContainer {
        padding-top: calc(41% + 10px);
    }
}

@media (max-width: 1450px) and (min-width: 1404px) {
    .videoplayerMiddle .youtubeVideoContainer {
        padding-top: calc(41% + 10px);
    }
}

@media (max-width: 1404px) and (min-width: 1371px) {
    .videoplayerMiddle .youtubeVideoContainer {
        padding-top: 41%;
    }
}

@media (max-width: 1370px) and (min-width: 1261px) {
    .videoplayerMiddle .youtubeVideoContainer {
        padding-top: 35%;
    }
}

@media (max-width: 1260px) and (min-width: 1201px) {
    .videoplayerMiddle .youtubeVideoContainer {
        padding-top: 37%;
    }
}

@media (max-width: 1200px) and (min-width: 1151px) {
    .videoplayerMiddle .youtubeVideoContainer {
        padding-top: 39%;
    }
}

@media (max-width: 1150px) and (min-width: 1101px) {
    .videoplayerMiddle .youtubeVideoContainer {
        padding-top: 41%;
    }
}

@media (max-width: 1100px) and (min-width: 1001px) {
    .videoplayerMiddle .youtubeVideoContainer {
        padding-top: 39%;
    }
}

@media (max-width:1051px) and (min-width: 951px) {
    .videoplayerMiddle .youtubeVideoContainer {
        padding-top: 41%;
    }
}

@media (max-width: 950px) {
    .videoplayerMiddle .youtubeVideoContainer {
        padding-top: 52%;
    }
}


@media (max-width: 5500px) and (min-width: 1921px ){
    .youtubeVideoContainer iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 1920px) {
    .youtubeVideoContainer iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 950px) and (min-width: 900px){ 
    .youtubeVideoContainer iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 95%;
    }
}

/************************************************************************/
/****** For touch screens avoid higlighting colour **********************/
/************************************************************************/

#page {
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    -webkit-tap-highlight-color: transparent;
}

#page .buttonInRelatedProductBox {
    -webkit-tap-highlight-color: rgba(255,102,0,0.75);
}

#page .blueDownloadButtonStyle {
    -webkit-tap-highlight-color: rgba(57,187,250,0.75); 
}

#page .downloadBlueButtonIcon {
    -webkit-tap-highlight-color: rgba(57,187,250,0.75); 
}

#page .orangeTextButton {
    -webkit-tap-highlight-color: rgba(255,102,0,0.75);
}

#page .iconsGroupFooter .fl-icon {
    -webkit-tap-highlight-color: rgba(255,102,0,0.75);
}

#page .iconsGroupShareThis .fl-icon {
    -webkit-tap-highlight-color: rgba(255,102,0,0.75);
}

#page .downloadIcon .fl-icon-wrap {
    -webkit-tap-highlight-color: rgba(255,102,0,0.75);
}

/************************************************************************/
/****** For the 'Share This' icon group *********************************/
/************************************************************************/

.iconsGroupShareThis .fl-module-content .fl-icon i.fa-twitter , .iconsGroupShareThis .fl-module-content .fl-icon i.fa-facebook-f , 
.iconsGroupShareThis .fl-module-content .fl-icon i.fa-linkedin  {
    color: #ff6600;
    font-size: 25px;
    background: #ebebeb;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    line-height: 29px;
    height: 34.25px;
    width: 34.25px;
    text-align: center;
    -webkit-transition: background-color .25s linear;
    -moz-transition: background-color .25s linear;
    -o-transition: background-color .25s linear;
    -ms-transition: background-color .25s linear;
    transition: background-color .75s ease-in-out;
    border: 2px solid #FF6600;
}

.iconsGroupShareThis .fl-module-content .fl-icon i.fa-twitter:not(.removeHover):hover , .iconsGroupShareThis .fl-module-content .fl-icon i.fa-facebook-f:not(.removeHover):hover , 
.iconsGroupShareThis .fl-module-content .fl-icon i.fa-linkedin:not(.removeHover):hover {
    color: #ebebeb;
    font-size: 25px;
    background: #ff6600;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    line-height: 29px;
    height: 34.25px;
    width: 34.25px;
    text-align: center;
}

.iconsGroupShareThisWhite .fl-module-content .fl-icon i.fa-twitter , .iconsGroupShareThisWhite .fl-module-content .fl-icon i.fa-facebook-f , 
.iconsGroupShareThisWhite .fl-module-content .fl-icon i.fa-linkedin  {
    color: #ff6600;
    font-size: 25px;
    background: #ffffff;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    line-height: 29px;
    height: 34.25px;
    width: 34.25px;
    text-align: center;
    -webkit-transition: background-color .25s linear;
    -moz-transition: background-color .25s linear;
    -o-transition: background-color .25s linear;
    -ms-transition: background-color .25s linear;
    transition: background-color .75s ease-in-out;
    border: 2px solid #FF6600;
}

.iconsGroupShareThisWhite .fl-module-content .fl-icon i.fa-twitter:not(.removeHover):hover , .iconsGroupShareThisWhite .fl-module-content .fl-icon i.fa-facebook-f:not(.removeHover):hover , 
.iconsGroupShareThisWhite .fl-module-content .fl-icon i.fa-linkedin:not(.removeHover):hover {
    color: #ffffff;
    font-size: 25px;
    background: #ff6600;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    line-height: 29px;
    height: 34.25px;
    width: 34.25px;
    text-align: center;
}

/***********************************************************************/
/****** For the HEADER 'Share This' icon group *************************/
/***********************************************************************/

.iconsShareThisHeader .fl-module-content .fl-icon i.fa-twitter , .iconsShareThisHeader .fl-module-content .fl-icon i.fa-facebook-f , 
.iconsShareThisHeader .fl-module-content .fl-icon i.fa-linkedin  {
    color: #ff6600;
    font-size: 25px;
    background: rgba(255,255,255,0);
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    line-height: 29px;
    height: 34.25px;
    width: 34.25px;
    text-align: center;
    -webkit-transition: background-color .25s linear;
    -moz-transition: background-color .25s linear;
    -o-transition: background-color .25s linear;
    -ms-transition: background-color .25s linear;
    transition: background-color .75s ease-in-out;
    border: 2px solid #FF6600;
}

.iconsShareThisHeader .fl-module-content .fl-icon i.fa-twitter:not(.removeHover):hover , .iconsShareThisHeader .fl-module-content .fl-icon i.fa-facebook-f:not(.removeHover):hover , 
.iconsShareThisHeader .fl-module-content .fl-icon i.fa-linkedin:not(.removeHover):hover {
    color: rgba(255,255,255,0);
    font-size: 25px;
    background: #ff6600;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    line-height: 29px;
    height: 34.25px;
    width: 34.25px;
    text-align: center;
}

/************************************************************************/
/****** For the footer icon group ***************************************/
/************************************************************************/

.iconsGroupFooter .fl-module-content .fl-icon i.fa-twitter , .iconsGroupFooter .fl-module-content .fl-icon i.fa-facebook-f , 
.iconsGroupFooter .fl-module-content .fl-icon i.fa-linkedin , .iconsGroupFooter .fl-module-content .fl-icon i.fa-youtube {
    color: #ff6600;
    font-size: 25px;
    background: #333333;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    line-height: 29px;
    height: 34.25px;
    width: 34.25px;
    text-align: center;
    -webkit-transition: background-color .25s linear;
	-moz-transition: background-color .25s linear;
	-o-transition: background-color .25s linear;
	-ms-transition: background-color .25s linear;
	transition: background-color .75s ease-in-out;
	border: 2px solid #FF6600;
}

.iconsGroupFooter .fl-module-content .fl-icon i.fa-twitter:not(.removeHover):hover , .iconsGroupFooter .fl-module-content .fl-icon i.fa-facebook-f:not(.removeHover):hover , 
.iconsGroupFooter .fl-module-content .fl-icon i.fa-linkedin:not(.removeHover):hover , .iconsGroupFooter .fl-module-content .fl-icon i.fa-youtube:not(.removeHover):hover  {
    color: #333333;
    font-size: 25px;
    background: #ff6600;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    line-height: 29px;
    height: 34.25px;
    width: 34.25px;
    text-align: center;
}

/************************************************************************/
/****** Margins for the all icon groups (important when resizing) *******/
/************************************************************************/

.fl-icon-group .fl-icon {
    display: inline-block;
    margin-bottom: 5px !important;
    margin-top: 5px !important;
}

/************************************************************************/
/****** For the height of the tags menu in user interface window ********/
/************************************************************************/

.fl-builder-settings-fields select[multiple] {
    height: 200px;
}

/************************************************************************/
/****** For the fixed widths of page parts when screen >1920px **********/
/************************************************************************/

@media (max-width: 5000px) {    
    
    #topBarBlackRectanglePart{
        position:fixed;
        z-index: 999;
        margin-top: -25px;
        opacity: 0; 
        -webkit-transition: all 500ms ease-in-out;
        -moz-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;    
    }   
    
} 


/************************************************************************/
/****** To hide 'Saved Modules' section in BB user menu *****************/
/************************************************************************/

#fl-builder-blocks-saved-modules{
    display : block;   
}


/**************************************************************************************************/
/****** For lower resolution images to cover the full size where needed instead of fixed **********
******* (used in user stories middle part of content, columns of images)**************************/
/**************************************************************************************************/

.fullWidthImage img{
	width: 100% !important;
}  

/**************************************************************************************************/
/******For mobile size when black box appears in the header, text of the header jumps to the black 
*******box.Therefore, there appears a need for padding to take the space of the text in the header*/
/**************************************************************************************************/

@media (max-width:950px) {
	.paddingHeaderMobileSize{
		padding-bottom:240px; 
	}
}

@media (max-width:770px) {
	.paddingHeaderMobileSize{
		padding-bottom:180px; 
	}
}
@media (max-width: 440px) {
	.paddingHeaderMobileSize{
		padding-bottom: 160px; 
	}
}

/**************************************************************************************************/
/****** For the top row (not header) image looking cool when resizing the screen*******************/
/**************************************************************************************************/

@media (max-width:3500px) {
	.topRowImageRight{
 		padding-top:280px; 
	}
}

@media (max-width:1250px) {
	.topRowImageRight{
 		padding-top:320px; 
	}
}

@media (max-width:1130px) {
	.topRowImageRight{
 		padding-top:320px; 
	}
}

@media (max-width:1087px) {
	.topRowImageRight{
 		padding-top:390px; 
	}
}

@media (max-width:950px) {
	.topRowImageRight{
 		padding-top:320px; 
	}
}

@media (max-width:900px) {
	.topRowImageRight{
 		padding-top:320px; 
	}
}

@media (max-width:880px) {
	.topRowImageRight{
 		padding-top:320px; 
	}
}

@media (max-width:840px) {
	.topRowImageRight{
 		padding-top:320px; 
	}
}

@media (max-width:770px) {
	.topRowImageRight{
 		padding-top:320px; 
	}
}

@media (max-width:740px) {
	.topRowImageRight{
 		padding-top:310px; 
	}
}

@media (max-width:700px) {
	.topRowImageRight{
 		padding-top:290px; 
	}
}

@media (max-width:660px) {
	.topRowImageRight{
 		padding-top:270px; 
	}
}

@media (max-width:620px) {
	.topRowImageRight{
 		padding-top:250px; 
	}
}

@media (max-width:580px) {
	.topRowImageRight{
 		padding-top:220px; 
	}
}

@media (max-width:530px) {
	.topRowImageRight{
 		padding-top:190px; 
	}
}

@media (max-width:460px) {
	.topRowImageRight{
 		padding-top:170px; 
	}
}

@media (max-width:400px) {
	.topRowImageRight{
 		padding-top:150px; 
	}
}

@media (max-width:360px) {
	.topRowImageRight{
 		padding-top:130px; 
	}
}

@media (max-width:330px) {
	.topRowImageRight{
 		padding-top:110px; 
	}
}

/**************************************************************************************************/
/****** Tag of the related product*****************************************************************/
/**************************************************************************************************/

.tagInRelatedProductBox {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #999999;
    position: absolute;
    top: 33px;
    left: 30px;  
    width: 100%;
}

/**************************************************************************************************/
/****** Button of the post in related products*****************************************************/
/**************************************************************************************************/

.buttonInRelatedProductBox{
	display:inline-block;
	-webkit-appearance: none;
	text-indent: 0px;
	color:#FF6600;
	padding:7.5px 10px 7.5px 10px;
	border-radius: 0px;
	border: 2px solid #FF6600;
	text-shadow:none;
	background:none;
	background-color: #e9e9e9;
	-webkit-transition: background-color .25s linear;
	-moz-transition: background-color .25s linear;
	-o-transition: background-color .25s linear;
	-ms-transition: background-color .25s linear;
	transition: background-color .75s ease-in-out;
	text-decoration:none;
	font-size:17px;
	font-weight:400;
    font-family: 'Roboto', sans-serif;
	line-height:1;
	text-align: center;
	white-space:inherit;
	vertical-align:inherit;
	cursor: pointer;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
    margin-left:30px;
    margin-right: 30px;
    margin-bottom: 40px;
    margin-top:0px;
}

.buttonInRelatedProductBox:not(.removeHover):hover{
	box-shadow: none;
	border-radius: 0px;
	background-color: #FF6600;
    color:#fff;
	-webkit-transition: background-color .25s linear;
	-moz-transition: background-color .25s linear;
	-o-transition: background-color .25s linear;
	-ms-transition: background-color .25s linear;
	transition: background-color .75s linear;
}

@media (max-width: 1200px) and (min-width: 771px){
    .buttonInRelatedProductBox{
        margin-top: 30px;
    }  
}

/**************************************************************************************************/
/****** All other parts of Related Product - Image, Text, etc.*************************************/
/**************************************************************************************************/

body .imageInRelatedProductBox { 
	line-height: 1; 
	background: #e9e9e9; 
}

.imageInRelatedProductBox img {
	height: auto !important;
	width: 100% !important;
}

body .contentInRelatedProductBox { 
	background: #e9e9e9; 
}

.fl-post-grid , .relatedProductBox{  
	width:100%;
    background: #ffffff;
}

body .contentInRelatedProductBox p {
	font-family: 'Roboto', sans-serif; /*Was Open Sans*/
	font-weight: 300;
	font-size: 18px;
	color: #666666;
	background-color: #e9e9e9; 
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 33px;
}

body h2.titleInRelatedProductBox {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 30px;
	color: white;
	letter-spacing: 0.5px;
	position: absolute;
	top: 60px;
	left: 30px;  
	width: 100%;    
}

.relatedProductBox{
	background: #fff;
	border: 0px solid #e6e6e6;   
}

.textInRelatedProductBox{
	padding: 0px;
}

/**************************************************************************************************/
/****** For the heights of different parts of 'Related Products'(in this case-height of the image)*/
/**************************************************************************************************/

@media (max-width: 375px) {
	.heightsRelatedProductBox .imageInRelatedProductBox img {
		height: 125px !important;
		width: 100% !important;
	}
}

@media (max-width: 1000px) and (min-width: 771px) {
	.heightsRelatedProductBox .imageInRelatedProductBox img {
		height: 130px !important;
		width: 100% !important;
	}
}

/************************************************************************/
/****** For stretching the image accross whole row on content slider*****/
/************************************************************************/

.rowContentFullWidth .fl-row-content {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.rowContentFullWidth .fl-row-content-wrap {
    padding: 0;
}

/************************************************************************/
/****** For the button in the content-slider (carousel) *****************/
/************************************************************************/

.manualContentSlider a.active {
	background: #39BAFB !important;
}

#userStoryCarousel .bx-wrapper .bx-pager.bx-default-pager a {
	width: 17px !important;
	height: 17px !important; 
}

#userStoryCarousel .fl-button-text {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

#userStoryCarousel .fl-button {
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 13px;
    padding-right: 11px;
    -webkit-transition: background-color .25s linear;
	-moz-transition: background-color .25s linear;
	-o-transition: background-color .25s linear;
	-ms-transition: background-color .25s linear;
	transition: background-color .75s linear;
}

/************************************************************************/
/****** For the text in the content-slider (carousel) *******************/
/************************************************************************/

#userStoryCarousel .fl-slide-text {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

@media (max-width: 5000px) and (min-width:951px) {
    #userStoryCarousel .fl-module-content-slider .bx-wrapper {
        margin: 0 auto 0px;
    }
    #userStoryCarousel .manualContentSlider .bx-pager {
	    bottom: 100px;
    }
}

/************************************************************************/
/****** Attributes of oval buttons for changing the slide in carousel ***/
/************************************************************************/

#userStoryCarousel .bx-wrapper .bx-pager {
    text-align: left;
    font-size: .85em;
    font-family: Arial;
    font-weight: 700;
    color: #f4f4f4;
    padding-top: 0;
    margin-left: -5px;
}

@media (max-width: 950px){
    #userStoryCarousel .bx-wrapper .bx-pager {
    	margin-left: 0px;
    }
}

#userStoryCarousel .bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {
    position: absolute;
    bottom: 90px;
    width: 100%;    
}

#userStoryCarousel .bx-wrapper .bx-pager.bx-default-pager a.active, #userStoryCarousel .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #39BAFB;
}

#userStoryCarousel .bx-wrapper .bx-pager.bx-default-pager a {
    background: #bbbbbb;
    text-indent: -9999px;
    display: block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

/************************************************************************/
/****** Header buttons 'TRY' and 'BUY NOW' text *************************/
/************************************************************************/

.downloadIcon .fl-icon-text {
    padding-left: 0;
    height: 18px !important;
}

/************************************************************************/
/****** For the font of 'System requirements' section *******************/
/************************************************************************/

.systemRequirementsFont {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: black;    
}

/************************************************************************/
/****** For the button position in carousel *****************************/
/************************************************************************/

#userStoryCarousel .fl-slide-cta-button {
	padding-bottom: 223px;
}

#userStoryCarousel .homePageUserStoryCarousel .fl-slide-cta-button {
	padding-bottom: 223px;
}

.fl-slide-cta-button {
    padding-top: 30px;
}


/***********************************************************************/
/****** Design details of the brick parts in 'BUY NOW' lightbox ********/
/***********************************************************************/


/***********************************************************************/
/****** Paddings/distances of 'BUY NOW' lightbox in mobile size ********/
/***********************************************************************/

/**************************************************************************************************/
/****** Padding of the all the BB rows content ****************************************************/
/**************************************************************************************************/


@media (max-width: 1370px){
	.fl-row-content {
		padding-top: 37px;
		padding-right: 114px;
		padding-bottom: 0px;
		padding-left: 114px;
	}
}

@media (max-width: 1290px){
	.fl-row-content {
		padding-top: 37px;
		padding-right: 100.6px;
		padding-bottom: 0px;
		padding-left: 100.6px;
	}
}

@media (max-width: 1140px){
	.fl-row-content {
	padding-top: 0px;
	padding-right: 88.9px;
	padding-bottom: 0px;
	padding-left: 88.9px;
	}
}

@media (max-width: 1030px){
	.fl-row-content {
	padding-top: 10px;
	padding-right: 80.3px;
	padding-bottom: 0px;
	padding-left: 80.3px;
	}
}

@media (max-width: 950px){
	.fl-row-content {
		padding-top: 17px;
		padding-right: 80.3px;
		padding-bottom: 0px;
		padding-left: 80.3px;
	}
}

@media (max-width: 770px){
	.fl-row-content {
		padding-top: 17px;
		padding-right: 60px;
		padding-bottom: 0px;
		padding-left: 60px;
	}
}

@media (max-width: 470px){
	.fl-row-content {
		padding-top: 17px;
		padding-right: 37px;
		padding-bottom: 0px;
		padding-left: 37px;
	}
}

@media (max-width: 400px){
	.fl-row-content {
		padding-top: 17px;
		padding-right: 31px;
		padding-bottom: 0px;
		padding-left: 31px;
	}
}

/************************************************************************/
/****** For the header 'Style Guide' lightbox *******************************/
/************************************************************************/

* {
    box-sizing: border-box;
}

.lightboxStyleGuideStyle {
    position: fixed;
    z-index: 1002;
    padding-top: 40px;
    padding-bottom: 20px;
    padding-left: 6px;
    padding-right: 6px;
    left: 0;
    top: 0;   
    text-align: left;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.8);
    visibility: hidden;
    opacity: 0;
    webkit-transition: opacity 500ms ease-in-out;
	-moz-transition: opacity 500ms ease-in-out;
	transition: opacity 500ms ease-in-out; 
}

.lightboxStyleGuideStyle2 {
    position: fixed;
    z-index: 1002;
    padding-top: 40px;
    padding-bottom: 20px;
    padding-left: 6px;
    padding-right: 6px;
    left: 0;
    top: 0;   
    text-align: left;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.8);
    visibility: hidden;
    opacity: 1;
   -webkit-transition: all 500ms ease-in-out !important;
	-moz-transition: all 500ms ease-in-out !important;
	-o-transition: all 500ms ease-in-out !important;
	-ms-transition: all 500ms ease-in-out !important;
	transition: all 500ms ease-in-out !important;
}

@media (max-width: 5500px){
    .lightboxStyleGuideContentStyle1 {
        position: relative;
        background-color: rgba(255, 255, 255, 1);
        margin: auto;
        padding: 0;
        width: 1265px;
        max-width: 1265px;
        top: 4%;
        transform: translate(0, -100%);
        transition: transform 750ms linear;
    }
}

@media (max-width: 900px){
    .lightboxStyleGuideContentStyle1 {
        position: relative;
        background-color: rgba(255, 255, 255, 1);
        margin: auto;
        padding: 0;
        width: 100%;
        max-width: 900px;
        top: 4%;
        transform: translate(0, -100%);
        transition: transform 750ms linear;
    }
}

@media (max-width: 5500px){
    .lightboxStyleGuideContentStyle2 {
        position: relative;
        background-color: rgba(255, 255, 255, 1);
        margin: auto;
        padding: 0;
        width: 100%;
        max-width: 900px;
        top: 4%;
    }
}

.closeStyleGuide{
    color: white;
    position: absolute;
    top: 0;
    background-color: #ff6600;
    right: 0;
    font-size: 40px;
    font-weight: bold;
    transition: all 750ms ease;
    z-index: 99;
    border: 7px solid #FF6600;
}

.closeStyleGuide:hover, .closeStyleGuide:focus {
    color: #999;
    text-decoration: none;
    cursor: pointer;
    transition: all 750ms ease;
}
/* Cursor when the mouse is on the image of the video */
.cursor {
    cursor: pointer
}

.styleGuideContainer {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-top: 100%;
    padding-bottom: 0;
    height: 0;
}

@media (max-width: 5500px) and (min-width: 1921px ){
    .styleGuideContainer iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        max-width: 900px;
    }
}

@media (max-width: 1920px) {
    .styleGuideContainer iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 950px) {
    .tryButton2 .fl-icon-group {
        margin-left: 0px;
        animation: balloon 20ms linear;
    }
}

@media (max-width: 650px) and (min-width: 411px){
    .tryButton2 {
        left: calc(50% - 96px); 
        right: inherit;
    }
}

@media (max-width: 410px) {
    .tryButton2 {
        left: calc(50% - 96px); 
        right: inherit;
    }
}

.homePageHeaderCarousel .bx-pager {
    position: absolute;
    bottom: 0px;
    width: 100%;
}

@media (max-width: 600px) {
    .homePageHeaderCarousel .bx-pager {
    	    bottom: -39px;
    }
}

.homePageHeaderCarousel h2.fl-slide-title {
    font-size: 60px !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: #FFFFFF !important;
    text-align: center !important;
}

/************************************************************************/
/****** Padding of the sliding content of user quatations ***************/
/************************************************************************/

.manualContentSlider .bx-pager {
	bottom: 60px;
}

.homePageUserStoryCarousel.manualContentSlider .bx-pager {
	bottom: 60px;
}

/*
@media (max-width: 1440px) and (min-width: 951px) { 
    .manualContentSlider .bx-pager{
    	bottom: 0px !important;	
    }
}
*/
@media (max-width: 5000px) and (min-width: 1921px){
    .manualContentSlider .bx-pager {
    	/*bottom: 160px !important;*/
    	left: -5px;
    }
}


/***********************************************************************/
/** Attempting to put everything for 'Buy Now' section into one place **/
/***********************************************************************/

#buyNowButton.orangeTextButton:hover , .orangeTextButton.buttonBuyNowContainer:hover{
	background-color: #ff3400 !important;
}

/* Cursor when the mouse is on the image of the video */
.cursor {
    cursor: pointer;
}



.imageBuyNowContainer img.attachment-post-thumbnail {
    height: 146px;
}


.homePageFirstCarousel.firstSlideBlue .fl-slide-0 .homePageShortDescription, .homePageFirstCarousel.secondSlideBlue .fl-slide-1 .homePageShortDescription, 
.homePageFirstCarousel.thirdSlideBlue .fl-slide-2 .homePageShortDescription, .homePageFirstCarousel.fourthSlideBlue .fl-slide-3 .homePageShortDescription {
	color: #39bbfa;
}

.homePageFirstCarousel.firstSlideBlue .fl-slide-0 .learnMoreDiv a, .homePageFirstCarousel.secondSlideBlue .fl-slide-1 .learnMoreDiv a,
.homePageFirstCarousel.thirdSlideBlue .fl-slide-2 .learnMoreDiv a, .homePageFirstCarousel.fourthSlideBlue .fl-slide-3 .learnMoreDiv a {
	color: #39bbfa;
    border-color: #39bbfa;
}

.homePageFirstCarousel.firstSlideBlue .fl-slide-0 .learnMoreDiv a:hover, .homePageFirstCarousel.secondSlideBlue .fl-slide-1 .learnMoreDiv a:hover, 
.homePageFirstCarousel.thirdSlideBlue .fl-slide-2 .learnMoreDiv a:hover, .homePageFirstCarousel.fourthSlideBlue .fl-slide-3 .learnMoreDiv a:hover {
	background-color: #39bbfa;
	color: #ffffff;
}

.homePageFirstCarousel.firstSlideBlue a[data-slide-index="0"].active, .homePageFirstCarousel.secondSlideBlue a[data-slide-index="1"].active,
.homePageFirstCarousel.thirdSlideBlue a[data-slide-index="2"].active, .homePageFirstCarousel.fourthSlideBlue a[data-slide-index="3"].active {
	background: #39bbfa !important;
}

/***************************************************************************************************************/
/********************************** Al the part for subscription **********************************************/
/*************************************************************************************************************/

.pp-hover-card-container.style-5 .pp-hover-card-title {
	top: auto;
	position: static;
	opacity: 1;
} 

.pp-hover-card-container.style-5 .pp-more-link, .pp-hover-card-container.style-5 .pp-hover-card-description {
	transform: none !important;
	opacity: 1 !important;
} 

#modal-5c3df94b9e172 .pp-more-link, #modal-5c41c209798c7 .pp-more-link, #modal-5c41c485be94b .pp-more-link {
	transition: background-color .75s ease-in-out;
}

#modal-5c3df94b9e172 .pp-modal .pp-modal-content-inner, #modal-5c41c209798c7 .pp-modal .pp-modal-content-inner,
#modal-5c41c485be94b .pp-modal .pp-modal-content-inner {
	padding-top: 0px;
} 

#modal-5c3df94b9e172 .pp-infobox-title, #modal-5c41c209798c7 .pp-infobox-title,
#modal-5c41c485be94b .pp-infobox-title {
	padding-top: 8px;
	padding-bottom: 6px;
}

#modal-5c3df94b9e172 .pp-infobox-description p, #modal-5c41c209798c7 .pp-infobox-description p,
#modal-5c41c485be94b .pp-infobox-description p {
	margin-bottom: 0px;
}

#modal-5c3df94b9e172 .pp-infobox-description p, #modal-5c41c209798c7 .pp-infobox-description p,
#modal-5c41c485be94b .pp-infobox-description p {
	line-height: 1.05;
}

.brickGobblerModal {
    height: 350px;   
    position: relative;
    background-color: #ffffff;
}

.gobblerModalBrickTitle {
    font-size: 21px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #ffffff;
    position: absolute;
    top: 41px;
    left: 30px;       
}

.gobblerModalBrickDescription {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400;
    font-size: 18px !important;
    color: #666666;
    position: absolute;
    top: 164px;
    left: 30px;    
}

@media (max-width: 1370px){
    #modal-5c3df94b9e172 .fl-row-content, #modal-5c41c209798c7 .fl-row-content, #modal-5c41c485be94b .fl-row-content {
        padding-right: 0px;
        padding-left: 0px;
    }
}

.brickGobblerModal img {
    height: 139px !important;   
}

@media (max-width: 450px){
    
    .gobblerModalBrickDescription {
        left: 20px;   
    }
    
    .gobblerModalBrickTitle {
        left: 20px;
    }
    .brickGobblerModal .blueBricksButtons {
        left: 20px !important;
    }
    
}

#modal-5c3df94b9e172 .pp-modal .pp-modal-content .fl-row-content-wrap,
#modal-5c41c209798c7 .pp-modal .pp-modal-content .fl-row-content-wrap,
#modal-5c41c485be94b .pp-modal .pp-modal-content .fl-row-content-wrap {
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
    padding-top: 40px;
}

/* /basket-pay-option Page. Used in invoices link */
.visaPaymentButton {
    padding: 25px 0 25px 30px;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    font-weight: 400;
    background: #ffffff url(/images/VisaSVG.svg) calc(100% - 30px) no-repeat;
    background-size: 85px;
    border: 0px solid;
    cursor: pointer;
    width: 100%;
    text-align: left;
}

.mastercardPaymentButton {
    padding: 25px 0 25px 30px;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    font-weight: 400;
    background: #ffffff url(/images/MastercardSVG.svg) calc(100% - 30px) no-repeat;
    background-size: 75px;
    border: 0px solid;
    cursor: pointer;
    width: 100%;
    text-align: left;
}

.americanPaymentButton {
    padding: 25px 0 25px 30px;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    font-weight: 400;
    background: #ffffff url(/images/AmericanExpressSVG.svg) calc(100% - 30px) no-repeat;
    background-size: 60px;
    border: 0px solid;
    cursor: pointer;
    width: 100%;
    text-align: left;
}

.maestroPaymentButton {
    padding: 25px 0 25px 30px;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    font-weight: 400;
    background: #ffffff url(/images/MaestroSVG.svg) calc(100% - 30px) no-repeat;
    background-size: 75px;
    border: 0px solid;
    cursor: pointer;
    width: 100%;
    text-align: left;
}

.jcbPaymentButton {
    padding: 25px 0 25px 30px;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    font-weight: 400;
    background: #ffffff url(/images/JCBSVG.svg) calc(100% - 30px) no-repeat;
    background-size: 75px;
    border: 0px solid;
    cursor: pointer;
    width: 100%;
    text-align: left;
}

.paypalPaymentButton {
    padding: 25px 0 25px 30px;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    font-weight: 400;
    background: #ffffff url(/images/PaypalSVG.svg) calc(100% - 30px) no-repeat;
    background-size: 135px;
    border: 0px solid;
    cursor: pointer;
    width: 100%;
    text-align: left;
}

.visaPaymentButton:hover {
    background-color: #45864E;
}

.mastercardPaymentButton:hover {
    background-color: #45864E;
}

.americanPaymentButton:hover {
    background-color: #45864E;
}

.maestroPaymentButton:hover {
    background-color: #45864E;
}

.jcbPaymentButton:hover {
    background-color: #45864E;
}

.paypalPaymentButton:hover {
    background-color: #45864E;
}

/*.nugen-link{
    color: #FF6600;
}
*/

#ayt_tit {
	color: #C00;
	background-color: #FFC;
}
.fl-clear {
	border: medium solid #C00;
}
#cap_dwt a {
	height: 821px;
	width: 1120px;
}
#cap_dwt {
	height: 930px;
	width: 1850px;
	background-image: url(../ayouty-666.jpg);
	background-repeat: no-repeat;
}