body {
margin: 0 !important;
padding: 0 !important;
background: #ededed;
width: 100% !important;
}

/* EXTRA 1 */

h1 {
    font-family: 'League Gothic' !important;
    font-size: 65px !important;
    color: #fefefe;
}

h2 {
font-size: 30pt !important;
color: #333333 !important;
text-transform: uppercase !important;
line-height: 1.1 !important;
font-family: 'League Gothic' !important;
letter-spacing: 0px !important;
text-transform: none !important;
}

container1 ul {
    padding-left: 40px !important;
    }

h3 {
font-size: 22pt !important;
font-family: 'League Gothic' !important;
margin-left: 15px !important;
margin-right: 15px !important;
color: #444 !important;
font-weight: 400 !important;
line-height: normal !important;
letter-spacing: 0px !important;
text-transform: none !important;
margin-bottom: 30px !important;
}

/* EXTRA 1 END */


.container1 {
  max-width: 960px !important;
  margin: 0 auto !important;
}

section.module:last-child {
  margin-bottom: 0 !important;
}
section.module h2 {
  margin-bottom: 40px !important;
  font-family: 'League Gothic' !important;
  font-size: 30px !important;
}
section.module p {
  margin-bottom: 40px !important;
  font-size: 16px !important;
  font-weight: 300 !important;
}
section.module p:last-child {
  margin-bottom: 0 !important;
}
section.module.content {
  padding: 40px 0 70px 0 !important;
/*  border-top: #e31a1a 1px solid !important; */
}
section.module.parallax {
  height: 600px !important;
  background-position: 50% 50% !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-size: cover !important;
}


section.module.framewidth.parallax {
  height: 600px !important;
  background-position: 50% 50% !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-size: cover !important;
}



/* Regular */
@font-face {
    font-family: 'League Gothic';
    src: url('/_New/fonts/leaguegothic-italic-webfont.eot') !important;
    src: url('/_New/fonts/leaguegothic-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/_New/fonts/leaguegothic-italic-webfont.woff') format('woff'),
         url('/_New/fonts/leaguegothic-italic-webfont.ttf') format('truetype'),
         url('/_New/fonts/leaguegothic-italic-webfont.svg#league_gothic_italicregular') format('svg') !important;
    font-weight: normal !important;
    font-style: italic !important;

}

/* Italic */
@font-face {
    font-family: 'League Gothic';
    src: url('/_New/fonts/leaguegothic-regular-webfont.eot') !important;
    src: url('/_New/fonts/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/_New/fonts/leaguegothic-regular-webfont.woff') format('woff'),
         url('/_New/fonts/leaguegothic-regular-webfont.ttf') format('truetype'),
         url('/_New/fonts/leaguegothic-regular-webfont.svg#league_gothicregular') format('svg') !important;
    font-weight: normal !important;
    font-style: normal !important;

}

/* Condensed */
@font-face {
    font-family: 'League Gothic Condensed';
    src: url('/_New/fonts/leaguegothic-condensed-regular-webfont.eot') !important;
    src: url('/_New/fonts/leaguegothic-condensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/_New/fonts/leaguegothic-condensed-regular-webfont.woff') format('woff'),
         url('/_New/fonts/leaguegothic-condensed-regular-webfont.ttf') format('truetype'),
         url('/_New/fonts/leaguegothic-condensed-regular-webfont.svg#league_gothic_condensed-Rg') format('svg') !important;
    font-weight: normal !important;
    font-style: normal !important;

}

/* Condensed Italic */
@font-face {
    font-family: 'League Gothic Condensed';
    src: url('/_New/fonts/leaguegothic-condensed-italic-webfont.eot') !important;
    src: url('/_New/fonts/leaguegothic-condensed-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/_New/fonts/leaguegothic-condensed-italic-webfont.woff') format('woff'),
         url('/_New/fonts/leaguegothic-condensed-italic-webfont.ttf') format('truetype'),
         url('/_New/fonts/leaguegothic-condensed-italic-webfont.svg#league_gothic_condensed_itaRg') format('svg') !important;
    font-weight: normal !important;
    font-style: italic !important;
}



@media all and (device-width: 1024px) and (device-height: 1366px) and (orientation:landscape) {
  section.module.parallax {
  height: 500px !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: inherit !important;
  background-size: cover !important ;
  -webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
  width: auto !important;
   min-width: 100% !important;
  min-height: 100% !important; 
  top: 0 !important; 
  left: 0 !important;
}

section.module.framewidth.parallax {
  height: 600px !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: inherit !important;
  background-size: cover !important;
  -webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
  width: auto !important;
   min-width: 100% !important;
  min-height: 100% !important; 
  top: 0 !important; 
  left: 0 !important;
}
}

@media screen and (max-width: 1024px) {
section.module.parallax {
  height: 500px !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: inherit !important;
  background-size: cover !important;
  -webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
  width: auto !important;
   min-width: 100% !important;
  min-height: 100% !important; 
  top: 0 !important; 
  left: 0 !important;
}

section.module.framewidth.parallax {
  height: 600px !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: inherit !important;
  background-size: cover !important;
  -webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
  width: auto !important;
   min-width: 100% !important;
  min-height: 100% !important; 
  top: 0 !important; 
  left: 0 !important;
}
}

@media screen and (max-width: 780px) {
section.module.parallax {
  height: 500px !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: inherit !important;
  background-size: cover !important;
  -webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
  width: auto !important;
   min-width: 100% !important;
  min-height: 100% !important; 
  top: 0 !important; 
  left: 0 !important;
}

section.module.framewidth.parallax {
  height: 600px !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: inherit !important;
  background-size: cover !important;
  -webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
  width: auto !important;
   min-width: 100% !important;
  min-height: 100% !important; 
  top: 0 !important; 
  left: 0 !important;
}
}

@media screen and (max-width: 500px) {
section.module.parallax {
  height: 300px !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: inherit !important;
  background-size: cover !important;
  -webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
  width: auto !important;
   min-width: 100% !important;
  min-height: 100% !important; 
  top: 0 !important; 
  left: 0 !important;
}
section.module.framewidth.parallax {
  height: 600px !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: inherit !important;
  background-size: cover !important;
  -webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
  width: auto !important;
   min-width: 100% !important;
  min-height: 100% !important; 
  top: 0 !important; 
  left: 0 !important;
}
}


section.module.parallax h1 {
  color: rgba(255, 255, 255, 0.8) !important;
  font-size: 48px !important;
  line-height: 600px !important;
  font-weight: 700 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;
}
section.module.parallax h2 {
 padding: .5em !important;
font-size: 2.15rem !important;
color: #fff !important;
line-height: 1.2 !important; 
  font-weight: 300 !important !important;
  text-align: left !important;
  background-color: rgba(0, 0, 0, 0.6) !important;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;
  overflow: hidden !important;
position: relative !important;
box-sizing: border-box !important;
font-family: 'Raleway', sans-serif !important !important;
}


@media screen and (max-width: 500px) {
section.module.parallax h2 {
    padding: .5em !important;
    font-size: 1.5rem !important;
    color: #fff !important;
    line-height: 1.2 !important;
    font-weight: 300 !important;
    text-align: left !important;
    background-color: rgba(0, 0, 0, 0.6) !important;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;
    overflow: hidden !important;
    position: relative !important;
    box-sizing: border-box !important;
    font-family: 'Raleway', sans-serif !important;
}
}



section.module.parallax-1 {
  background-image: url("https://mindactive.com/images/Parallax/Extra/CRM-2.jpg");
/*  border-top: #e31a1a 1px solid; */
}


section.module.parallax-2 {
  background-image: url("/_New/images/_sharepoint/3.jpg");
/*  border-top: #e31a1a 1px solid; */
}
 section.module.parallax-3 {
  background-image: url("/_New/images/_sharepoint/4.jpg");
/*  border-top: #e31a1a 1px solid; */
}

/*
section.module.parallax-4 {
  background-image: url("/_New/images/_CANTO/8.jpg");
  border-top: #e31a1a 1px solid; 
}

section.module.parallax-5 {
  background-image: url("/_New/images/_CANTO/8.jpg");
  border-top: #e31a1a 1px solid;
}

section.module.parallax-6 {
  background-image: url("/_New/images/_CANTO/2.jpg");
  border-top: #e31a1a 1px solid;
}

section.module.parallax-7 {
  background-image: url("/_New/images/_CANTO/8.jpg");
  border-top: #e31a1a 1px solid;
}
section.module.parallax-8 {
  background-image: url("/_New/images/_CANTO/9.jpg");
  border-top: #e31a1a 1px solid;
}

*/
section.module.parallax-9 {
  background-image: url("/_New/images/Keys/key5-new-blue2.jpg");
/*  border-top: #e31a1a 1px solid; */
}

@media all and (min-width: 970px) {
  section.module.parallax h1 {
    font-size: 160px !important;
  }
    section.module.parallax h2 {
    font-size: 40px !important;
  }
}


@media all and (min-width: 620px) {
  section.module h2 {
    font-size: 42px !important;
  }
  section.module p,
  .container ul {
    font-size: 20px !important;
  }
  section.module.parallax h1 {
    font-size: 96px !important;
  }
    section.module.parallax h2 {
    font-size: 40px !important;
  }
}

.containerfloat {
  margin: 0 auto !important;
  padding-top: 14% !important;
  box-sizing: border-box !important;
max-width: 70% !important;
float: left !important;
font-family: 'Raleway', sans-serif !important;
}


.containerfloat.frame {
margin: 0 auto !important;
float: none !important;
max-width: 100% !important;
padding-top: 1% !important;
display: block !important;
width: 100% !important;
font-family: 'Raleway', sans-serif !important;
}

.container1 h2 {
font-size: 30pt !important;
color: #333333 !important;
text-transform: uppercase !important;
line-height: 1.1 !important;
font-family: 'League Gothic' !important;
margin-left: 15px !important;
margin-right: 15px !important;
}

.container1 h3 {
font-size: 22pt !important;
font-family: 'League Gothic' !important;
margin-left: 15px !important;
margin-right: 15px !important;
color: #444 !important;
font-weight: 400 !important;
line-height: normal !important;
}

.container1 p {
color: #505050 !important;
font-size: 1.375rem !important;
line-height: 1.5 !important;
margin-left: 15px !important;
margin-right: 15px !important;
}

.container1 ul {
color: #505050 !important;
line-height: 1.5 !important;
margin-left: 15px !important;
margin-right: 15px !important;
}

.quote {
font-size: 15pt !important;
font-family: 'Oswald', sans-serif !important;
padding-left: 25px !important;
padding-right: 25px !important;
padding-top: 20px !important;
padding-bottom: 20px !important;
color: #444 !important;
font-weight: 400 !important;
line-height: 2.0 !important;
background-color: #fff !important;
letter-spacing: .4px !important;
}
}

.image {
    text-align: center !important;
    max-width: 100% !important;
    position: relative !important;
    }
    
#footer {
background-color:#000 !important; 
color: #fff !important;
text-align: center !important;
}

#footer p {
color: #fff !important;
}



/*
div.header-text p {
text-transform: initial !important;
font-family: 'League Gothic' !important;
max-height: 600px !important; 
height: 100% !important; 
width: 70% !important; 
display: block !important; 
margin: 0 auto !important; 
text-align: center !important; 
z-index: 100em; 
color: #fff !important; 
font-size: .8em !important;
font-weight: normal; 
padding-top: 5% !important;
line-height: 1.2em !important;
}
*/

.header-text {
text-transform: uppercase !important;
font-family: 'League Gothic' !important;
max-height: 600px !important; 
height: 100% !important; 
display: block !important; 
margin: 0 auto !important; 
text-align: center !important; 
z-index: 100em !important; 
color: #fff !important; 
font-size: 60px !important; 
font-weight: bold !important; 
padding-top: 15% !important;
padding-right: 15px !important;
padding-left: 15px !important;
}

@media screen and (max-width: 3000px) {
.header-text {
font-size: 60px !important;
}
}

@media screen and (max-width: 777px) {
.header-text {
font-size: 40px !important;
}
.header-text h1 {
font-size: 50px !important;
padding-top: 25% !important;
}
} 

@media screen and (max-width: 400px) {
.header-text {
font-size: 30px !important;
}
.header-text h1 {
font-size: 50px !important;
padding-top: 45% !important;
}
}

.logo-float {
width: auto !important; 
position: relative !important; 
float: left !important; 
margin: 10px !important; 
margin-left: 4% !important;
}

.slider-background {
width: 100% !important; 
min-width: 100% !important;
background-image: url('https://mindactive.com/images/Parallax/Extra/CRM-1.jpg') !important; 
background-position: center top !important;
background-size: cover !important; 
height: 100% !important;
}



.wrap-all {
min-width: 100% !important;
width: 100% !important;
max-width: 3000px !important;
min-height: 850px !important;
height: 850px !important;
}

.proper {
position: relative;
min-width: 100% !important;
width: 100% !important;
max-width: 3000px !important;
min-height: 850px !important;
height: 850px !important;
margin-bottom: 0px !important;
}


@media screen and (max-width: 960px) {
.wrap-all {
min-width: 100% !important;
width: 100% !important;
max-width: 3000px !important;
min-height: 800px !important;
height: 800px !important;
}


.proper {
position: relative;
min-width: 100% !important;
width: 100% !important;
max-width: 3000px !important;
min-height: 800px !important;
height: 800px !important;
margin-bottom: 0px !important;
}
}

@media screen and (max-width: 600px) {
.wrap-all {
min-width: 100% !important;
width: 100% !important;
max-width: 3000px !important;
min-height: 750px !important;
height: 750px !important;
}


.proper {
position: relative !important;
min-width: 100% !important;
width: 100% !important;
max-width: 3000px !important;
min-height: 750px !important;
height: 750px !important;
margin-bottom: 0px !important;
}
}

@media screen and (max-width: 500px) {
.wrap-all {
min-width: 100% !important;
width: 100% !important;
max-width: 3000px !important;
min-height: 600px !important;
height: 600px !important;
}


.proper {
position: relative !important;
min-width: 100% !important;
width: 100% !important;
max-width: 3000px !important;
min-height: 600px !important;
height: 600px !important;
margin-bottom: 0px !important;
}
}


ul.anim {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
}
li.anima {
  position: absolute !important;
  min-width: 100% !important;
width: 100% !important;
max-width: 3000px !important;
min-height: 600px !important;
height: 600px !important;
}



.colorbtn {
    border-radius: 4px;
    border-color: rgba(0,0,0,0.15) rgba(0,0,0,0.15) rgba(0,0,0,0.25);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.05);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.05);
    border: 1px solid #bbb;
    border-color: #c5c5c5;
    border-color: rgba(0,0,0,0.15) rgba(0,0,0,0.15) rgba(0,0,0,0.25);
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    position: relative;
    background: #e31a1a;
    color: #fff !important;
    padding: 35px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0px auto;
	font-weight: bold;
	font-size: 23px !important;
    line-height: 26px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    z-index: 200em;
    text-decoration: none !important;
text-align: center !important;
}

@media screen and (max-width: 500px) {
.colorbtn {
font-size: 17px !important;
 padding: 15px !important;
}
}

a.colorbtn:hover, a.colorbtn:focus, a.colorbtn:active {
    color: #fff !important;
    background-color: #000;
    font-size: 23px;
}

div.wrapbtn {
display: block;  
margin: 0 auto; 
float: none !important; 
margin-top: 30%;
text-align: center !important;
}



.middle {
max-width: 576px !important; 
float: none !important; 
display: block !important; 
margin: 0 auto !important; 
width: 100% !important;
margin-top: 10% !important;
}

.wrapimg {
display: block !important;
margin: 0 auto !important;
width: 100% !important;
float: none !important;
}


div.wrapimg img {
width: auto;
display: block !important;
margin: 0 auto !important;
min-width: 300px !important;
}


.big-screens {
	overflow:hidden;
	box-sizing: border-box;
}
.big-screens>video {
	height:auto;
	width:100%;
	display: block !important;
	box-sizing: border-box;
}

.column-12 {
    width: 100%;
    display: block;
    position: relative;
}
[class^="column-"] {
    float: left;
    padding: 0 6rem;
}


section.module.parallax {
box-shadow: inset 0 1rem 1rem -1rem rgba(0,0,0,0.7), inset 0 -1rem 1rem -1rem rgba(0,0,0,0.7) !important;
-webkit-box-shadow: inset 0 1rem 1rem -1rem rgba(0,0,0,0.7), inset 0 -1rem 1rem -1rem rgba(0,0,0,0.7) !important; 
-moz-box-shadow: inset 0 1rem 1rem -1rem rgba(0,0,0,0.7), inset 0 -1rem 1rem -1rem rgba(0,0,0,0.7) !important;
}