<style>
/* #### Generated By: http://www.cufonfonts.com #### */

@font-face {
font-family: 'SofachromeRg-Regular';
font-style: normal;
font-weight: normal;
src: local('SofachromeRg-Regular'), url('/fonts/sofachromerg.ttf') format('ttf');
src: local('SofachromeRg-Regular'), url('/fonts/sofachrome_rg.woff') format('woff');

}


@font-face {
font-family: 'SofachromeRg-Italic';
font-style: normal;
font-weight: normal;
src: local('SofachromeRg-Italic'), url('/fonts/sofachromergit.ttf') format('ttf');
src: local('SofachromeRg-Italic'), url('/fonts/sofachrome_rg_it.woff') format('woff');

}
body {	  font-family: 'Poppins', sans-serif;      line-height: 1.8;      color: #818181;  }
h1 {    	font-size: 50px;	display: block;    font-family: 'Poppins',Helvetica, Arial, sans-serif;    font-weight: 900;    margin: 0 0 25px;	padding: 0 20px 0 20px;    text-transform: uppercase;	color: #000000;  text-align: center;  font-style: italic;}
h2 {      font-size: 18px;      text-transform: uppercase;	  font-style: italic;      color: #FFFFFF;      font-weight: 700;      margin-bottom: 30px;	  letter-spacing: 1px;  }
h3 {      font-size: 15px;      text-transform: uppercase;	  font-style: italic;      color: #FFFFFF!important;      font-weight: 700;      margin-bottom: 30px;	  letter-spacing: 1px;	text-align:center!important;}
h4 {      font-size: 12px;      text-transform: uppercase;	  font-style: italic;      color: #FFFFFF;      font-weight: 700;      margin-bottom: 30px;	  letter-spacing: 1px;	  text-align: center;  }
.tiny {      font-size: 8px;      text-transform: uppercase;	  font-style: italic;      color: #FFFFFF;      font-weight: 400;      letter-spacing: 1px;  }
.paragraphwrapper {	  max-width: 70%;	  margin: 0 auto;  }
.paragraphlogowrapper {	  max-width: 100%;	  margin: 0 auto;  }
.paragraph2cols{	  width: 50%;	  min-width: 180px;	  float: left;	  color: white;	  font-weight: 400;      font-size: 12px;      padding: 0 10px 0 10px; 	  text-align: justify;	  }
.statement{ display:block; margin:auto; width: 80%; height: 100%; margin-bottom: -10px; margin-top: -50px;}
.badge-pill{    color: white;     font-style: italic;   font-size: 12px;     background-color: #f69c2e!important;   margin: 0 auto;   max-width: 180px;   letter-spacing: 1px;   padding: 10px 20px 10px 20px;    }
.badge-pill:hover{      background-color: #ed5523; }
.orangeit{  background-color: #f69c2e!important; }
.logo-white{ background:  url("../img/Formfinder_Logos_white_only.svg") no-repeat; width: 380px; height:49px;}
.modal-homepage-top {	 background:  url("../img/jezteamsky-modal.jpg") no-repeat;	 background-position: right bottom; 	 background-color: black;	 height: 220px;}
.modal-heading {    font-family: 'Poppins', sans-serif;	color: #f49d2c;	font-size: 20px;	font-weight: 900;	font-style: italic;	display: inline-block;	line-height: 25px;}
.center {    display: block;    margin-left: auto;    margin-right: auto;	text-align: center;}
.whitejumbotron {	  color: #000;      background: #FFFFFF;	  padding: 80px, 0px, 80px, 0px;	  }	 
.orange-gradient-main{	background-position: center;	background-size: 100% 100%;	padding: 80px, 0px, 80px, 0px;	width:100%; background: url("../img/Orange_Gradient_background.png") repeat-y center top; display:block;}
.orangepeakup {	height:100px; width:100%; background: url("../img/Orange_Gradient_peaked_section.png") no-repeat center top;	margin-top: -1px;}
.orangepeakdown {	height:100px; width:100%; background: url("../img/Orange_Gradient_peaked_section.png") no-repeat center top;    -moz-transform: scaleY(-1);
-o-transform: scaleY(-1);    -webkit-transform: scaleY(-1);    transform: scaleY(-1);    filter: FlipV;    -ms-filter: "FlipV";}
.white-block-up{ 	height:100px; width:100%; background: url("../img/White_solid_peaked_section.png") no-repeat center top; margin-top:-100px; }
.white-block-down{ 	height:100px; width:100%; background: url("../img/Orange_Gradient_peaked_section_white_bottom.png") no-repeat center top; margin-top:-40px; }
.orangepeakup_topone{	height:100px; width:100%; background: url("../img/Orange_Gradient_peaked_section.png") no-repeat center top; margin-top: -99px;}
.orange-gradient-up-bigger{ height:100px; width:100%; background: url("../img/Orange_Gradient_peaked_section.png") no-repeat center top; margin-top: -100px; }
.footerpeakup {height:100px; width:100%; background: url("../img/Footer_peaked_section.png") no-repeat center top; margin-top:-37px;}
.footer {	color: #eb4924;	text-align: center;	font-size: 10px;	  margin: 0 auto;}
.blackjumbotron {      background: #323232; 		padding: 80px, 0px, 80px, 0px;	  	  }	  
.roundavatar{    margin: 10px;    border: 4px solid #f0f0f0;    border-radius: 500px;    -webkit-border-radius: 500px;    -moz-border-radius: 500px;    display: inline-block;    height: 100%;
vertical-align: middle;	height: 150px;	width: 150px;}
div.avatar {    vertical-align: top;    display: inline-block;    text-align: center;    width: 120px;	min-width: 200px;	padding: 0 0 0 0;	}
.captionavatar {	  display: block;	  font-size: 20px;	  text-transform: uppercase;	  font-style: italic;	  color: #A0A0A0;	  font-weight: 700;	  letter-spacing: 1px;}
.infoavatar {	  display: block;	  font-size: 10px;	  color: #A0A0A0;	  font-weight: 700;	  letter-spacing: 1px;}
.container-fluid {      padding: 60px 50px;  }
.bg-grey {      background-color: #f6f6f6;  }
.logo-small {      color: #f4511e;      font-size: 50px;  }
.logo {      color: #f4511e;      font-size: 200px;  }
.thumbnail {      padding: 0 0 15px 0;      border: none;      border-radius: 0;  }
.thumbnail img {      width: 100%;      height: 100%;      margin-bottom: 10px;  }
.dot {	  height: 20px;	  width: 14px;	  margin: 0 0 0 5px; display: inline-block;	 	} 
.item h4 {      font-size: 19px;      line-height: 1.375em;      font-weight: 400;      font-style: italic;      margin: 70px 0;  }
.item span {      font-style: normal;	  }
.panel {      border: 1px solid #f4511e;       border-radius:0 !important;      transition: box-shadow 0.5s;  }
.panel:hover {      box-shadow: 5px 0px 40px rgba(0,0,0, .2);  }
.panel-footer .btn:hover {      border: 1px solid #f4511e;      background-color: #fff !important;      color: #f4511e;  }
.panel-heading {      color: #fff !important;      background-color: #f4511e !important;      padding: 25px;      border-bottom: 1px solid transparent;      border-top-left-radius: 0px;      border-top-right-radius: 0px;      border-bottom-left-radius: 0px;      border-bottom-right-radius: 0px;  }
.panel-footer {      background-color: white !important;  }
.panel-footer h3 {      font-size: 32px;  }
.panel-footer h4 {      color: #aaa;      font-size: 14px;  }
.panel-footer .btn {      margin: 15px 0;      background-color: #f4511e;      color: #fff;  }
.navbar {      z-index: 9999;      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;	        /*background-color: #fff !important;*/  }
.navbar-default .navbar-toggle {      border-color: transparent;      color: #fff !important;  }
.dropdown-menu{	  background: linear-gradient(to right, #f39e1e , #eb4924);	  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;  }
/* Added classes by k to cancel bootstrap*/

.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;
}
.orange-gradient-main h2{ color: #ffffff!important; font-weight: 700!important; }
h3 { font-weight: 300!important; font-size: 27px!important; line-height: 29px; max-width: 640px; margin: auto; font-family:'SofachromeRg-Italic'!important;}
.sofa{font-family:'SofachromeRg-Italic'!important;}
.justify-content-center {text-align:center!important; }
.orange-gradient-main h2 {text-align:center!important; color: #ffffff!important;}
.badge{padding: .9em .7em!important;}
.row     {margin: auto!important; padding-top: 50px; max-width: 1020px;}
.paragraphwrapper    {max-width: 1020px!important; margin: auto!important; width: 85%!important;}
.badge-warning {
    color: #ffffff!important;}
.orange-gradient-main div{color: #ffffff;}
.orange-gradient-main a{color: #000000!important;}
.infoavatar {
    font-size: 14px;
    line-height: 18px;
    color: #000000!important;
    max-width: 180px;
    text-align: center;
    font-weight: 300;
    margin-left: 80px;
    min-height: 44px;
    margin: auto!important;
    display: table;
    padding-top: 9px;
    margin-bottom: 20px!important;
}
    footer .glyphicon {      font-size: 20px;      margin-bottom: 20px;      color: #ffffff;  }
.footer {color: #ffffff!important;}
footer a {color: #ffffff!important; text-decoration: none!important;}
.captionavatar{ color: #000000!important; }
.carousel {max-width: 800px; margin-top: -120px; margin:auto;}
.txtr{ width: 280px!important; background-color: #fbe7d9!important; border: none!important; padding: 5px!important;}
.inline-socicon { width: 50px; height: 50px; border: 1px solid #f49d2c; border-radius: 15px; font-size: 19px; padding: 8px; margin-top: 40px; }
.inline-socicon a:hover, .inline-socicon a{ text-decoration: none!important; background-color: #f49d2c; transition: background-color 0.25s ease-in;}
.paragraph2cols {
    width: 50%;
    min-width: 180px;
    float: left;
    color: white;
    font-weight: 400;
    font-size: 16px!important;
    padding: 0 30px 0 30px!important;
    text-align: justify;
    line-height: 30px;}
    .carouselmobile {
    color: #000000!important;
    margin-top: -40px;
    font-size: 16px!important;
    max-width: 700px!important;
    float: none!important;
}
.addathletecontainer { width: 98%!important; padding-left: 25px; padding-right:25px; }
.nav-item a:hover, .nav-link:hover { color:#f49d2c!important;} 
.carouselmobileperson, .carouselmobile {color: #000000!important;}
@keyframes slide {
0% {      opacity: 0;      transform: translateY(70%);    } 
100% {      opacity: 1;      transform: translateY(0%);    }
}
@-webkit-keyframes slide {
0% {      opacity: 0;      -webkit-transform: translateY(70%);    } 
100% {      opacity: 1;      -webkit-transform: translateY(0%);    }
}
@media screen and (max-width: 991px) {
.navbar-light{
  /* On Mobile the collapsible menu will be orange, not transparent */
  background: linear-gradient(to right, #f39e1e , #eb4924);
}
}
@media screen and (max-width: 768px) {
.col-sm-4 {      text-align: center;      margin: 25px 0;    }
.btn-lg {        width: 100%;        margin-bottom: 35px;    }
.navbar-light{
  /* On Mobile the collapsible menu will be orange, not transparent */
  background: linear-gradient(to right, #f39e1e , #eb4924);
}
.statement{ width: 100%}
}

@media screen and (max-width: 640px) {
.paragraph2cols{      width: 100%!important;  padding: 15px!important; text-align: center!important;}
.carousel {width: 90%; }
.x-mob{width: 90%; max-width: 620px;}
.carouselmobileperson{
      margin-top: -20px!important;
    margin-left: -5%!important;
  }
 .col-sm{ width: 100%}; 
  .roundavatar{ width: 240px; height: 240px;} 
  .captionavatar {font-family:'SofachromeRg-Italic'!important; font-size: 28px;}
  .dskonly {display: none;}
}
@media screen and (max-width: 480px) {
.logo {        font-size: 150px;    }
}

  .modal-content{ border-radius: 0;}
  .modal-header {border-top-left-radius: 0;
    border-top-right-radius: 0;}
  .hero-msg{ font-size: 80px; color: white; text-shadow: 4px 4px 0px rgba(243, 150, 44, 1); max-width: 1480px; text-align: center; padding-top: 170px; margin-bottom: -120px; line-height: 70px;}
  h1 {      font-size: 15px;      text-transform: uppercase;    font-style: italic;      color: #FFFFFF;      font-weight: 700;      margin-bottom: 30px;   letter-spacing: 1px;  text-align: center;}
  .carousel-indicators li { background-color: #999; background-color: rgba(70,70,70,.25); }
  .carousel-indicators .active {  background-color: #f2802a;  }
  .carouselmobile {   color: #A0A0A0; margin-top:-40px; max-width: 1080px;}
  .carouselmobileperson {   color: #A0A0A0; margin-top: -40px; font-size: 12px;}
  .startQuote {font-family: 'Poppins', sans-serif; font-weight:100; color: #f49d2c;  font-size:200px; letter-spacing: -1px; padding-top:60px; line-height:20px;}
  .endQuote { font-family: 'Poppins', sans-serif; font-weight:100; color: #f49d2c; font-size:200px; letter-spacing: -1px;  padding-top:20px;line-height:50px;}

  .badge-pill{    color: white;     font-style: italic;   font-size: 12px;  background-color: #ee5624!important;   margin: 0 auto;   max-width: 180px;   letter-spacing: 1px;   padding: 10px 20px 10px 20px;    }
.badge-pill:hover{      background-color: #f69c2e!important;  transition: all 0.2s;}

  .badge-pillw{   color: black;     font-style: italic;   font-size: 12px;     background-color: #ffffff!important;   margin: 0 auto;   max-width: 180px;   letter-spacing: 1px;   padding: 10px 20px 10px 20px;   }
.badge-pillw:hover{      background-color: #222222!important; color: white!important; transition: all 0.2s;}
  .bgimg {    height: 700px;  background-image: url('<?=$backgroundtoday;?>');    background-size: cover;  background-position: center top;  margin-top: -66px; }
.nleft{margin-left: -6.5%;}
  video {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: -1;
}
 .orangepeakdown {
    height: 100px;
    width: 100%;
    background: url(../img/Orange_Gradient_peaked_section.png) no-repeat center top!important;}
    }
.dropdown-item:hover { background-color: #222222; box-shadow: none!important; transition: all 0.3s; }
  @media screen and (max-width: 1000px) { 
    .paragraph2cols, h4 {font-size: 15px;}
    .modalLogo {width: 20%; height: 20%;}
    .carouselmobile {     float: right; font-size: 15px;  }
    .clearroundavatar {     display: none;    }
    .carouselmobileperson {     margin-top: 180px; margin-left: 40px; font-size: 11px;    }
    .endQuote {padding-top:50px;}
  } 
@media screen and (max-width: 1080px) { 
.hero-msg{ font-size: 60px; color: white; text-shadow: 4px 4px 0px rgba(243, 150, 44, 1); max-width:630px; width: 88%; text-align: center; padding-top: 170px; margin-bottom: -120px; line-height:53px;}
}
    @media screen and (max-width: 640px) { 
      .orangepeakdown {
    height: 100px;
    width: 100%;
    background: url(../img/Orange_Gradient_peaked_sectionm2.png) no-repeat center top!important;
div.avatar { width: 100%!important; padding-bottom: 25px!important; padding-top: 30px!important;}
.roundavatar{ margin-top: -20px; }
.hero-msg{
    font-size: 45px;
    color: white;
    text-shadow: 4px 4px 0px rgba(243, 150, 44, 1);
    max-width: 630px;
    width: 95%;
    text-align: center;
    padding-top: 120px;
    margin-bottom: -160px;
    line-height: 44px;
    margin-left: -1%;
 }
 .nleft{ margin-left: auto; }
 /*.vid{display:none; height: 0px; width: 0px; visibility: hidden;}*/
  video {
height: 100%; width: 100%;  overflow: hidden; object-fit: cover;
}
/*.bgimg{background-image:  url('../img/mob-bg.jpg')!important;}*/

 h3{ margin-top: 6px!important; }
 .modal-homepage-top {
    background-position: 190% bottom;
    background-size: 90%;
    }
    .bix {font-size:10px!important;}
    .orangepeakup_topone {
    margin-top: -240px;}
  /*  for debugging */
  *  {  /*      background: #000 !important;    color: #0f0 !important;   outline: solid #f00 1px !important; */    }
  </style>