/*bg for bts page*/
.bgbts{
background-color: #FFFFFO;
background: rgba(254, 255, 241, 0.7);
/*max-width: 70%;
margin-top: 30px;*/
margin-top: -375px;
padding: 0.75em;
margin-left: auto;
margin-right: auto;
}

/*Diamonds on Home Page*/
#HeroText {
margin-bottom: -0px;
}

#Body {
  background-position: center bottom;
}

/*Squad Page Styles*/

#GBSquadLogo {
  border: 0;
    position: relative;
    z-index: 9999;
    margin-top: 50px;
}

.OverlayGrey {
  height: 259%;
  z-index: 0;
}

.flx-embed {
  z-index: 0;
}

.FormContainer {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 30px;
}


div#DivMainForm {
    z-index: 200;
    position: relative;
}

.FormContainer {
    width: 50%;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    border: none;
    box-shadow: none;
} 

.PromoText p {
  line-height: 50px;
}

.HeroSubtext {
  margin-top: 145px;
}

.InputSection {
  margin: 5px;
}

#dnn_dnnCopyright_lblCopyright {
  color: #fff;
}


@media (max-device-width: 736px) and (min-device-width: 360px){
  #GBSquadLogo {
	margin-left: 55px;
	  margin-top: 90px;
  }
  
  .flx-embed {
	display: none;
  }
  
  .PromoText p {
	line-height: 35px;
	padding: 10px;
  }
  
  .FormContainer {
	width: 85%;
	margin-top: 30px;
  }
  
  .mobileview {
	display: none;
  }
  
  #HeroText {
	margin-bottom: -65px;
  }
}


/*End Squad Page Styles */

.dnnPrivacy {
    color: black;
    background: white;
    margin-top: -500px;
    padding: 10px;
}

@media (min-width: 1610px){
.navbar-collapse li {
    margin-right: 25px;
}
}


/* Home Page Portait View */

@media (max-device-width:  1023px) and (min-device-width: 768px){
.navbar-nav {
    margin-top: 45px;
    margin-left: 55px;
}
}

@media (max-device-width: 1023px) and (min-device-width: 768px){
p.news {
    font-size: 50px;
    margin-top: 20px;
}
}

@media (max-device-width: 1023px) and (min-device-width: 768px){
.Promomodule .LeadText {
    padding: 0;
    margin: auto;
    padding-top: 22px;
    width: 97%;
	}
}

@media (max-device-width: 1023px) and (min-device-width: 768px){
.LeadText {
    border: solid 2px white;
    margin-left: 40px;
    margin-right: 35px;
    height: 210px;
    font-size: 34px;
    font-family: Raleway;
    padding: 0px 29px;
    text-align: center;
    text-transform: UPPERCASE;
}
}

@media (max-device-width: 1023px) and (min-device-width: 768px){
.Promomodule {
    width: 100%;
    height: 398px;
    /* background: url(/Portals/_default/Skins/GobowlingNewSite/img/PromoBackground.jpg)no-repeat; */
    position: relative;
    color: white;
    background: url(/Portals/_default/Skins/GobowlingNewSite/img/NewsLeftBackground.jpg);
}
}

@media (max-device-width: 1023px) and (min-device-width: 768px){
#PromoLead .LeadHeader h3 {
    margin-left: 0px;
}
}

@media (max-device-width: 1023px) and (min-device-width: 768px){
.LeadText img {
    width: 29% !important;
}
}
@media (max-device-width: 1023px) and (min-device-width: 768px){
.Leadmodule {
    /* background: url(/Portals/_default/Skins/GobowlingNewSite/img/LearnBackgroundYellow.jpg)no-repeat; */
    position: relative;
    background-position: center;
    color: white;
    background-size: cover;
    background: linear-gradient( rgba(222, 205, 2, 0.48),rgba(218, 202, 4, 0.5))
}
}

@media (max-device-width: 1023px) and (min-device-width: 768px){
#LeadRightImage {
    display: none;
}
}
@media (max-device-width: 1023px) and (min-device-width: 768px){
#LeadLeftImage {
    display: none;
} 
  }

@media (max-device-width: 1023px) and (min-device-width: 480px){
#LearnLead h3 {
    text-align: center;
    padding-left: 0;
}
}

/* Home Page Landscape View */

@media (max-device-width: 1023px) and (min-device-width: 767px){
.NavSocial a {
    color: white;
    margin-right: 5px;
    font-size: 20px;
    padding-left: 5px;
}
  }

@media (max-device-width: 1023px) and (min-device-width: 767px){
#FooterNav, #FooterNav a, #FooterNav a:visited {
    padding-top: 50px;
    color: white;
    padding-right: 2px;
    padding-left: 1px;
    text-transform: uppercase;
    font-family: Raleway;
}
  }

@media (max-device-width: 1023px) and (min-device-width: 767px){
.Promomodule .LeadText {
    padding: 0;
    margin: auto;
    padding-top: 5px;
    width: 83%;
}
  }

@media (max-device-width: 1023px) and (min-device-width: 767px){
.Promomodule .LeadText #LeadImage {
    margin-top: 25px;
}
  }

@media (max-device-width: 1023px) and (min-device-width: 767px){
#RightLeadText #NewsLead .LeadText p {
    margin-top: 8%;
}
  }

@media (max-device-width: 1023px) and (min-device-width: 480px){
.social-icon {
    margin-left: 2px;
    margin-top: 25px;

/* Other Pages Landscape View */
}
}
@media (max-device-width: 1023px) and (min-device-width: 767px){
.LeadText .social-icon {
    font-size: 30px;
    color: white;
    margin-top: 10px;
    margin-left: 0;
}
}
@media (max-device-width: 1023px) and (min-device-width: 767px){
p.news {
    font-size: 32px;
    margin-top: 10px;
}
}
@media (max-device-width: 1023px) and (min-device-width: 767px){
.navbar-nav {
    margin-top: 45px;
    text-transform: uppercase;
}
}
@media (max-device-width: 1023px) and (min-device-width: 767px){
.social-icon {
    margin-left: 40px;
    margin-top: 40px;
}
}
@media (max-device-width: 1023px) and (min-device-width: 767px){

.social-icon {
    font-size: 30px;
    color: white;
    margin-top: 43px;
    margin-left: 0;
    text-align: center;
}
}
@media (max-device-width: 1023px) and (min-device-width: 767px){
.LeadText .social-icon a, .social-icon a:link, .social-icon a:active, .social-icon a:visited {
    margin: 0 10px;
}
}
/* Other Pages Portait View */

@media (max-device-width: 1023px) and (min-device-width: 768px){
.navbar-nav {
    margin-top: 50px;
}
}
@media (max-device-width: 1023px) and (min-device-width: 768px){
#IntroDiamond {
    margin-top: -90px;
    z-index: 0;
}
}
@media (max-device-width: 1023px) and (min-device-width: 768px){
#LearnMod {
   /* margin-top: -155px;*/
}
}
@media (max-device-width: 1023px) and (min-device-width: 768px){
div#IntroText {
    color: white;
    font-size: 28px;
    padding-left: 90px;
    padding-top: 100px;
    font-family: Raleway;
    text-transform: uppercase;
	display: none;
} 
}
@media (max-device-width: 1023px) and (min-device-width: 768px){
#FooterAppDesc p {
    font-family: Raleway;
    font-size: 24px;
    text-align: center;
    color: #18FAC3;
    margin-top: 40px;
    text-transform: uppercase;
    line-height: 24px;
}
}
@media (max-device-width: 1023px) and (min-device-width: 768px){
#FooterNav, #FooterNav a, #FooterNav a:visited {
    padding-top: 50px;
    color: white;
    padding-right: 10px;
    padding-left: 10px;
    text-transform: uppercase;
    font-family: Raleway;
    text-align: center;
}
}

@media only screen and (max-device-width: 1023px) and (min-device-width: 480px){
.Leadmodule #LearnLead {
    height: 310px;
    width: 95% !important;
}
}
@media only screen and (max-device-width: 1023px) and (min-device-width: 480px){
#LearnLead .LeadText {
    margin-right: 0;
}
}

@media (max-device-width: 1023px) and (min-device-width: 767px){
#RightLeadText #NewsLead .LeadText p {
    margin-top: 8%;
}

#LearnLead .LeadText p {
    margin-top: 8%;
}

.LeadText p {
    margin: 0;
    vertical-align: middle;
    margin-top: 8%;
}
}

@media (max-device-width: 1023px) and (min-device-width: 768px){
portal.css?cdv=202:239
#FooterNav, #FooterNav a, #FooterNav a:visited {
    padding-top: 0;
    color: white;
    padding-right: 10px;
    padding-left: 10px;
    text-transform: uppercase;
    font-family: Raleway;
    text-align: center;
}

#FooterAppDevice {
    display: none;
}

#FooterAppDesc p {
    font-family: Raleway;
    font-size: 24px;
    text-align: center;
    color: #18FAC3;
    margin-top: 5px;
    text-transform: uppercase;
    line-height: 24px;
}
  #InnerContainer .navbar.navbar-default .container {
    width: 95%;
}

#InnerContainer #dnn_dnnLOGO_imgLogo {
    margin-left: 200px;
}

#InnerContainer .navbar.navbar-default .container {
    width: 95%;
}

#InnerContainer .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: -15px;
    margin-bottom: 10px;
}

#InnerContainer #IntroDiamond {
    margin-top: -70px;
    z-index: 0;
}

#InnerContainer #IntroDiamond .img-responsive {
    margin-left: 135px;
}
}


@media only screen and (max-device-width: 1200px) and (min-device-width: 1024px){
.navbar.navbar-default .container {
    width: 77%;
}

#dnn_dnnLOGO_imgLogo {
    margin-right: 20px;
    margin-left: 200px;
}

#dnn_dnnLOGO_imgLogo {
    margin-right: 20px;
    margin-left: 200px;
}

.LeadText {
    font-size: 32px;
}

.Leadmodule #LearnLead {
    width: 300px;
    height: 390px;
}

.LeadText {
    width: 300px;
    height: 240px;
}

#FooterNav{
padding-right: 0;
padding-left: 0;
}

.social-icon {
    margin-left: 0;
}

.LeadText .social-icon a, .social-icon a:link, .social-icon a:active, .social-icon a:visited{
margin: 0 14px;
}
#FooterNav, #FooterNav a, #FooterNav a:visited {
    padding-right: 0px;
    padding-left: 0px;
    
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: -15px;
    margin-bottom: 15px;
}  
}


@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation : landscape) { 
#LeadRightImage {
    display: block !important;
}
.FindCenterLocate {
    width: 50%;
}
#LeadLeftImage {
    display: block !important;
} 
.Promomodule {
    width: 100%;
    height: 398px;
    background: url(/Portals/_default/Skins/GobowlingNewSite/img/PromoBackground.jpg)no-repeat;
    background-size: cover;
    position: relative;
    color: white;
}
.Promomodule .LeadText {
    padding: 0;
    margin: auto;
    padding-top: 38px;
    width: 83%;
}
  .LeadText {
    border: solid 2px white;
    margin-left: 40px;
    margin-right: 35px;
    height: 210px;
    font-size: 34px;
    font-family: Raleway;
    padding: 10px 28px;
    text-align: center;
    text-transform: UPPERCASE;
}
}

@media only screen and (min-width : 320px) and (max-width : 480px) {
div#IntroText {display: none}

}

@media (min-device-width:  414px) and (max-device-width: 768px){
#PromoLead h3 {
    font-size: 22px;
}


@media only screen and (min-width : 667px) and (max-width : 1023px) {
div#IntroText {display: none}

}