body {margin: 0; font-family: 'Arial'; font-size: 22px;}
/* https://teamtreehouse.com/community/hover-dropdown-list-is-pushing-other-content-down-the-page */
.formfinderlogospacer{width:80px;}
.navbar{z-index:999;border:0;font-size:11px !important;font-style:italic;font-weight:bold;line-height:1.42857143 !important;letter-spacing:3px;border-radius:0;background:transparent;}
.navbar-light{background:transparent;}
.formfinderlogo{margin-left:-20px;}
.navbar li a, .navbar .navbar-brand{color:#fff !important;}
.navbar-nav li a:hover, .navbar-nav li.active a{color:#ffffff !important;}
.navbar-default .navbar-toggle{border-color:transparent;color:#fff !important;}
.dropdown-menu{background:linear-gradient(to right,  #6e6e6e , #eee4dd);border:0;font-size:11px !important;font-style:italic;line-height:1.42857143 !important;letter-spacing:3px;}
.btn{border-radius:30px!important;color:white!important;font-weight:700!important;}
.teamlogos2{height:25px;width:auto!important;padding:0 20px 0 20px;}
.navbar-light .navbar-toggler{color:white!important;border:none!important;background-image:none!important;}
.custom-toggler .navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")!important;}
.dropdown-item:hover{background-color:#222222;box-shadow:none!important;transition:all 0.3s;}
.nav-item a:hover, .nav-link:hover{color:#f49d2c!important;}
.nav-item a:hover, .fix-k:hover { color:#f49d2c!important;} 
/* https://www.codeply.com/go/KPnx8ewEED */
.navbar {opacity: 1; transition: opacity 0.5s ease;}
.navbar-hide {pointer-events: none; opacity: 0;}

.protraining {font-family: 'Bebas Neue';font-style: normal;font-weight: 500;font-size: 100px;line-height: 90%;letter-spacing: -0.02em;color: #FFFFFF; white-space: nowrap;}
.protrainingcontainer {margin-left: 50px; margin-right:50px;}
.bgimg{min-height:800px; background-image:url('../img/viking_rider.png'); background-size:cover; background-position:center top;}
.container-fluid{padding:60px 50px;}
.container-margin{margin-left: 50px; margin-right:50px;}
.orange-background{background-color:#FF6914; background-image:url('../img/orangeBase.png'); background-size: cover; background-position:left bottom; min-height: 520px;}
.biglefttitle{ vertical-align:top;display:inline-block;width:45%;min-width:200px;padding:0 0 0 0; float: left;}
.bigcentertitle{ vertical-align:top;display:inline-block;width:100%;min-width:200px;padding:0 0 0 0;text-align: center;}
#logocomp{width: 50%; float: right;}

a.learn:link {  color: #FF6914; text-decoration: none;}
a.learn:visited {  color: #FF6914; text-decoration: none;}
a.learn:hover {  color: #f49d2c; text-decoration: none;}
a.learn:active {  color: #f49d2c; text-decoration: none;}

a.orangelink:link {  color: #000; text-decoration: underline;}
a.orangelink:visited {  color: #000; text-decoration: none;}
a.orangelink:hover {  color: #efefef; text-decoration: none;}
a.orangelink:active {  color: #000; text-decoration: none;}


.smallWhite {font-family: 'Inter';font-style: normal;font-weight: 400;font-size: 16px;line-height: 150%;color: #FFFFFF;}
.smallWhiteBebas {font-family: 'Bebas Neue';font-style: normal;font-weight: 500;font-size: 26px;line-height: 150%;color: #FFFFFF;}
.smallBlack {font-family: 'Bebas Neue';font-style: normal;font-weight: 500;font-size: 26px;line-height: 150%;color: #000000;}
.mediumWhite {font-family: 'Bebas Neue';font-style: normal;font-weight: 500;font-size: 56px;line-height: 100%;color: #FFFFFF;}
.mediumBlack {font-family: 'Bebas Neue';font-style: normal;font-weight: 700;font-size: 46px;line-height: 100%;color: #000000;}
.extraSmallWhite {font-family: 'Inter';font-style: normal;font-weight: 400;font-size: 12px;line-height: 90%;color: #FFFFFF;}
.extraSmallBlack {font-family: 'Inter';font-style: normal;font-weight: 400;font-size: 18px;line-height: 150%;color: #000000;}

.footer{font-family: 'Inter';	font-style: normal;	font-weight: 600;	font-size: 12px;	line-height: 180%;	letter-spacing: 0.02em;	color: #FFFFFF;background-color:#262626; min-height: 400px;}
.footericons{font-family: 'Inter';	font-style: normal;	font-weight: 600;	font-size: 12px;	line-height: 180%;	letter-spacing: 0.02em;	color: #FFFFFF;}
.footerBottom{font-family: 'Inter';	font-style: normal;	font-weight: 400;	font-size: 12px;	line-height: 150%;	color: #FFFFFF;	opacity: 0.4;}
a.footer:link { color: #ffffff; text-decoration: none;}
a.footer:visited {color: #ffffff; text-decoration: none;}
a.footer:hover {color: #FF6914; text-decoration: none;}
a.footer:active {color: #FF6914; text-decoration: none;}
.twitterinstafb{display:inline-block;float: left; width: 25%; margin: 10px;}
.footerbottomleft{float: left; width: 50%; text-align: left; background-color:#262626;}
.footerbottomright{float: right; width: 50%; text-align: right; background-color:#262626;}
.protrainingfooter{display:inline-block;float: left; width: 25%; min-width: 300px;}

.teamlogos{  display: flex;  justify-content: space-between;  }
#banesto{height: 30px;}
#cervelo{height: 20px;}
#ca{height: 30px;}
#sky{height: 30px;}
#auber93{height: 40px;}

.trainlikeapro{  display: flex;  justify-content: space-between;}

.lozengeOrange{color:#ffffff;font-size:12px;background-color:#ee5624!important;margin:0 auto;max-width:180px;letter-spacing:1px;padding:10px 20px 10px 20px;border-radius: 16px;font-weight: bold;white-space: nowrap;}
.lozengeOrange:hover{background-color:#ffffff!important;transition:all 0.2s; text-decoration: none; color: #000000;}
.lozengeWhite{color:#000000; font-size:12px; background-color:#ffffff!important;margin:0 auto;max-width:180px;letter-spacing:1px;padding:10px 20px 10px 20px;border-radius: 16px;font-weight: bold;white-space: nowrap;}
.lozengeWhite:hover{background-color:#222222!important;color:white!important;transition:all 0.2s;text-decoration: none; color: #000000;}

.tabletryforfree td{padding:10px; line-height: 1.6;}
.tryitforfreetable{float:left; width:35%; margin-left:50px;}

.carouselSmallBlack{font-family: 'Inter';font-style: normal;font-weight: 400;font-size: 22px;line-height: 150%;color: #000000;}
.carousel .carousel-indicators li {  width: 10px;  height: 10px;  border-radius: 100%;}
/* https://azmind.com/bootstrap-carousel-change-arrow-colors/ */
.top-content .carousel-control-prev-icon {width: 40px; height: 40px;  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%000000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");}
.top-content .carousel-control-next-icon {width: 40px; height: 40px; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%000000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");}
.top-content .carousel-indicators li {width: 16px; height: 16px; margin-left: 5px; margin-right: 5px; background-color: #c593d8; border-radius: 50%;}
.carousel-caption{color: #fff;}
.carouselimage{box-shadow: 20px 20px #FF6914; float: right; margin-top: 100px; margin-right: 20px; width: 100%;}
.carouselbox{position: relative; display: inline-block; /* Make the width of box same as image */ float: right;}
.carouselbox .carouseltext{position: absolute;	z-index: 999;	margin: 0;	left: -20px;	text-align: center;
	top: 100px; /* Adjust this value to move the positioned div up and down */
	background-color: #f8f8f8;
	width: 150px; /* Set the width of the positioned div */
	height: 20px;}
.carouselbox .carouseltext2{	position: absolute;	z-index: 999;	margin: 0;	left: -20px;	text-align: center;
	top: 120px; /* Adjust this value to move the positioned div up and down */
	background-color: #f8f8f8;
	width: 75px; /* Set the width of the positioned div */
	height: 20px;}
.carouselbox .carouseltext3{position: absolute;	z-index: 999;	margin: 0;	left: 55px;	text-align: center;
	top: 140px; /* Adjust this value to move the positioned div up and down */
	background-color: #f8f8f8;
	width: 20px; /* Set the width of the positioned div */
	height: 20px;}
.carousel-item{height: 560px;}
.carousel .carousel-indicators li {background-color: #a0a0a0;}
.carousel .carousel-indicators li.active {background-color: #000000;}
.carousel-control-next,
.carousel-control-prev /*, .carousel-indicators */ {filter: invert(100%);}
.orangebar {background: linear-gradient(to right, #ff8947 , #ff6914, #ff6914); float: right; margin-top:-20px; width: 45%; height: 20px;}

@media screen and (max-width: 1550px) {
	.orangebar {background: linear-gradient(to right, #ff8947 , #ff6914, #ff6914, #ff6914); float: right; margin-top:-20px; width: 45%; height: 20px;}
}

@media screen and (max-width: 1400px) {
	.orangebar {background: #FF6914; float: right; margin-top:-20px; width: 45%; height: 20px;}
}

@media screen and (max-width: 1050px) {
}

@media screen and (max-width: 900px) {
	.formfinderlogospacer{width:0px;}
	.bgimg{background-position:right top;}
	.protraining{font-size: 80px;}
	.protrainingcontainer {margin-left:20px; margin-right:10px;}
	.container-fluid{padding: 20px 0;}
	.container-margin{margin-left: 20px; margin-right:20px;}
	.biglefttitle{width:100%;}
	#banesto{height: 15px;}
	#cervelo{height: 10px;}
	#ca{height: 15px;}
	#sky{height: 15px;}
	#auber93{height: 20px;}
	#logocomp{display:none;}
	.tryitforfreetable{float:left; width:60%;}
	.twitterinstafb{float: right; width: 15%; margin: 10px;}
	.footericons{line-height: 400%;}
	.footerBottom{font-size: 10px;}
	.navbar-nav{
		/* background:linear-gradient(to right, #f39e1e , #eb4924); */
		background:linear-gradient(to right, #6e6e6e , #eee4dd);
		padding: 10px; 
		margin-top: 1px; 
		box-shadow:none!important;
		transition:all 0.3s; 
		border-radius: 5px;
	}
	.dropdown-menu{
		/* background:linear-gradient(to right, #f39e1e , #eb4924); */
		background:linear-gradient(to right, #4d4f51 , #eee4dd);
	}
}

@media (max-width: 768px) { //bootstrap 3 collapses navbar at 768px
/*     #NavBar{
        position: absolute;
        width: 100%;
        z-index: 9999;
    } */
}


@media screen and (max-width: 520px) {
	.formfinderlogospacer{width:0px;}
	.bgimg{background-position:right -100px top;}
	#trustedbythebest{display:none;}
	.mediumWhite{font-size: 40px;white-space: nowrap;}
	.biglefttitle{margin-top: 50px;}
	.extraSmallBlack {font-size: 14px;}
	.carouselSmallBlack{font-size: 12px;}
 	.twitterinstafb{float: right; width: 15%; margin: 10px;}
	.footertryforfree{margin-top: 20px;}
	.footerBottom{overflow: hidden;}
	.protrainingfooter{min-width: 200px;}
	.carouselbox .carouseltext{top: 100px; width: 75px; height: 10px;}
	.carouselbox .carouseltext2{top: 110px; width: 40px; height: 10px;}
	.carouselbox .carouseltext3{top: 120px; width: 10px; height: 10px; left: 20px;}
	.footer{min-height: 660px;}
}

@media screen and (max-width: 380px) {
	.protraining{font-size: 60px;}
	.mediumWhite{font-size: 30px;}
	#banesto{display:none;}
	#cervelo{display:none;}
	#ca{display:none;}
	#sky{display:none;}
	#auber93{display:none;}
	.footerpolicy{color: #FFFFFF; background: #262626;}
}