/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

/*Global Padding styles*/
.paddingTop16 {
    padding-top:16px;
}

.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

.width100 {
	width:100%;
}

.small {
	font-size:75%;
}

.large {
	font-size:125%;
}

.strikeThrough {
	text-decoration:line-through;
}

.sectionSpacer {
    height:64px;
}

.placeholder {
    padding: 150px;
    text-align: center;
}


.input-field label {
    top:12px;
}

input[required] + label span {
    color:red;
}

input[required] + label:after
{
     transform: translateY(0px) !important;
}

nav {
    position: fixed;
    top: 0;
    z-index: 9;
    border-bottom: 4px solid #FF9800
}

nav ul a,
nav .brand-logo {
    color: #444
}

.VictoryLogo  {
	 position:absolute; 
	 height:130px; 
	 width:160px; 
	 margin:12px; 
	 z-index:9;
}

.VictoryLogo img {
	height:100%;
}	

.toolbar {
    position: fixed;
    z-index: 3;
    margin-top: -100px;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    background-color: white;
}

/*START TEXT STYLING*/
h5.subHeading {
    font-size: 18px;
}

.uppercase {
    text-transform: uppercase;
}

.caption {
    font-size:10px;
    line-height:normal;
}

p {
  line-height: 2rem;
}

p:first-child {
    margin-top:0;
    padding-top:0;
}

.button-collapse {
  color: #26a69a;
}

.parallax-container {
    min-height: 450px;
    line-height: 0;
    height: auto;
    color: rgba(255,255,255,.9);
    top: 64px;
}

.parallax-container .section {
    width: 100%;
}

.homeRequestContainer {
    position: absolute;
    right: 8px;
    padding: 16px;
    margin: 16px;
    height: 424px;
    width: 400px;
    box-shadow: 0 0 8px rgba(0,0,0,.6);
    background-color: rgba(255, 255, 255, .85) !important;
}

.landingPageRequestContainer {
    position: fixed;
    right: 8px;
    top:80px;
    padding: 16px;
    margin: 16px;
    height: 370px;
    width: 300px;
    box-shadow: 0 0 8px rgba(0,0,0,.6);
    background-color: rgba(255, 255, 255, .85) !important;
}

#successContainer, #errorContainer {
	line-height:normal;
}

.sectionBorder {
    border-top: 4px solid #FF9800
}

a.graphicActionLink {
    border: 4px solid rgba(255,255,255,1);
    position: relative;
    height: 350px;
    background-color: rgba(0,0,0,1);
    background-repeat: no-repeat;
    background-size: cover;
}

a.graphicActionLink:hover {
    border: 4px solid #FF9800;
    background-color: rgba(255,255,255,1);
    position: relative
}

a.graphicActionLink.first {
    background-image: url(/images/imgHome2.png);
}

a.graphicActionLink.second {
    background-image: url(/images/imgHome3.png); 
}

a.graphicActionLink.third {
    background-image:url(/images/imgHome4.png);
}

a.graphicActionLink.fourth {
    background-image: url(/images/imgHome5.png); 
}

a.graphicActionLink.fifth {
    background-image: url(/images/imgHome6.png); 
    background-position:center;
}

a.graphicActionLink.sixth {
    background-image: url(/images/imgOffice1.png); 
    background-position:center;
}

a.graphicActionLink.seventh {
    background-image: url(/images/imgOffice2.png); 
    background-position:center;
}

.graphicAction {
    position: relative;
    padding: 36px;
    font-size: 42px;
    line-height: 46px;
    font-weight: bold;
    display: block;
    text-align: center;
    text-shadow: 0 0 8px rgba(0, 0, 0, .6);
}

.graphicAction.smallFont {
    font-size: 36px;
    padding: 36px 6px
}

.graphicActionGo {
    position: absolute;
    display: block;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    height: 64px;
    width: 64px;
    border: 4px solid white;
    padding: 12px 0;
    margin-top: 32px;
    font-size: 24px;
    text-align: center;
    text-shadow: 0 0 6px rgba(0, 0, 0, 1);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6)
}

.graphicActionAuto {
    position: absolute;
    display: block;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    height: 64px;
    width: auto;
    white-space: nowrap;
    border: 4px solid white;
    padding: 10px 6px;
    margin-top: 32px;
    font-size: 24px;
    text-align: center;
    text-shadow: 0 0 6px rgba(0, 0, 0, 1);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
}

a.logoActionLink {
    position: relative;
    height: 350px;
    background-color: rgba(255,255,255,1);
    background-size:100% auto;
}

a.logoActionLink.first {
    background-image: url(/images/logoPrecor.jpg)
}

a.logoActionLink.second {
    background-image: url(/images/logoTechnogym.jpg)
}

a.logoActionLink.third {
    background-image: url(/images/logoStairmaster.jpg)
}

a.logoActionLink.fourth {
    background-image: url(/images/logoLifefitness.jpg)
}

a.logoActionLink.fifth {
    background-image: url(/images/logoCybex.jpg)
}

a.logoActionLink.sixth {
    background-image: url(/images/logoMatrix.jpg)
}

a.logoActionLink.seventh {
    background-image: url(/images/logoEscape.jpg)
}


a.graphicActionLink:hover .graphicActionGo,
.graphicActionAuto,
a.graphicActionLink:hover .graphicActionGo:hover,
a.graphicActionLink:hover .graphicActionAuto:hover {
    border: 4px solid #ff5722;
    background-color: #ff5722;
    text-shadow: 0 0 6px rgba(0,0,0,0);
}

.graphicActionLink,
.graphicActionGo,
.graphicActionAuto {
    transition: all .5s ease
}

.pageContentArea {
    margin-top:164px;
}

.pageContentArea .section:nth-child(even){
    background-color:rgba(0,0,0,.05);
}

.homePageContent {
    margin-top: 64px
}

.socialMediaIcon {
    background-repeat: no-repeat;
    background-size: cover;
    height: 32px;
    width: 32px;
    border-radius: 5px;
    display: inline-block;
    float:left;
    margin-right:6px;
}

.facebookIcon {
    background-image: url(/images/iconFacebook.jpg)    
}

.googleIcon {
    background-image: url(/images/iconGoogle.jpg)    
}

.youtubeIcon {
    background-image: url(/images/iconYoutube.jpg)    
}

.twitterIcon {
    background-image: url(/images/iconTwitter.jpg)    
}

.linkdinIcon {
    background-image: url(/images/iconLinkdin.jpg)    
}

.instagramIcon {
    background-image: url(/images/iconInstagram.jpg)
}

hr.grey {
    border:0 none;
    border-bottom:1px solid rgba(128,128,128,1);
}

ul.bulleted li {
	display: block;
	float: left;
	width: calc(100% - 48px);
	margin-left: 24px;
	text-indent: -24px;
	margin-bottom:8px;
}

ul.bulleted li:before {
	content: "•";
	padding-right:12px;
	color:orange;
	font-size:18px;
}

@media only screen and (max-width : 992px) {
    nav {
        z-index:999;
    }

    nav .brand-logo {
        left: 0%;
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
	
	.VictoryLogo img {
		height:100%;
	}	

    nav a.button-collapse {
        display:none;
    }

    .contentAreaWithToolbar {
        margin-top: 164px
    }

    .toolbar {
        position: fixed;
        z-index: 3;
        margin-top: -100px;
        border-bottom: 1px solid rgba(0, 0, 0, .2);
        background-color: white
    }

    .parallax-container .section {
        position: absolute;
        top: 40%
    }

    #index-banner .section {
        top: 10%
    }

    a.logoActionLink {
        position: relative;
        height: 350px;
        background-color: rgba(255,255,255,1);
        background-size: 60% auto;
        background-position: center -50px;
        background-repeat: no-repeat;
    }

	.graphicAction.smallFont {
        font-size: 36px;
        padding: 36px 24px
    }

}

@media only screen and (max-width : 991px) {
	.VictoryLogo  {
	 	margin-top:48px;
	}
	
	.show-on-medium-and-down {
		display:block !important;
	}
	
	.show-on-large-and-up {
		display:none !important;
	}
}

@media only screen and (max-width : 992px) {
    nav a.button-collapse {
        display: block;
    }
    
    .VictoryLogo  {
	 	height:112px; 
	 	width:135px; 
	 	margin: 12px 4px;
	}

    #index-banner .section {
        top: 0
    }

    .homeRequestContainer {
        width:70%;
        left:50%;
        top:40px;
        transform:translateX(-55%);
        height:360px;
    }
    
    /*.landingPageRequestContainer {
    	width:70%;
        left:50%;
        top:40px;
        transform:translateX(-55%);
        height:360px;
    }*/

    .parallax-container {
        top:56px;
    }

    .homePageContent {
        margin-top:56px;
    }

    .pageContentArea {
        margin-top: 112px;
    }

    .contentAreaWithToolbar {
        margin-top: 156px;
    }

    .toolbar {
        position: fixed;
        z-index: 3;
        margin-top: -100px;
        border-bottom: 1px solid rgba(0, 0, 0, .2);
        background-color: white
    }
    
    .graphicAction.small {
        font-size: 36px;
        padding: 36px 24px
    }
    
    .toolbar {
		bottom: -20px;
		border-top:1px solid rgba(0,0,0,.12);
		z-index:999;
	}
}

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
  font-size: inherit;
}

footer.page-footer {
  margin: 0;
}

@media only screen and (max-width : 420px) {
	/*.parallax-container {
		min-height:250px;
	}*/
	
	.graphicAction.small {
		font-size:28px;
		line-height: 34px;
	}
}

@media only screen and (min-width : 992px) {
	.show-on-medium-and-down {
		display:none !important;
	}
	
	.show-on-large-and-up {
		display:block !important;
	}
}