/********************** Custom Styles **********************/

.intro-text-block {padding: 20px 0 50px 0;}
.intro-text {font-size: 1.80em; line-height: 1.5; font-family: "Roboto", Arial, Tahoma, sans-serif; font-weight: 400;}
.text-shadow {text-shadow: 1px 1px 1px rgba(0, 0, 0, 3);}
.slider-button {
	background: #ed1c24;
  background-image: -webkit-linear-gradient(top, #ed1c24, #c71c25);
  background-image: -moz-linear-gradient(top, #ed1c24, #c71c25);
  background-image: -ms-linear-gradient(top, #ed1c24, #c71c25);
  background-image: -o-linear-gradient(top, #ed1c24, #c71c25);
  background-image: linear-gradient(to bottom, #ed1c24, #c71c25);
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 25px 10px 25px;
  text-decoration: none;
  }
  .slider-button:hover {
	  color: #ffffff;
	  background: #3438a8;
  background-image: -webkit-linear-gradient(top, #3438a8, #2e3192);
  background-image: -moz-linear-gradient(top, #3438a8, #2e3192);
  background-image: -ms-linear-gradient(top, #3438a8, #2e3192);
  background-image: -o-linear-gradient(top, #3438a8, #2e3192);
  background-image: linear-gradient(to bottom, #3438a8, #2e3192);
  text-decoration: none;
	  }
  
  
   .video {display: flex;}
   .video iframe {margin: 0 auto;}
   .vid-text h2 {margin-bottom: 75px;}
   
   h1.smaller {
	font-size: 36px;
	line-height: 51px;
}

  
	 
	 a:hover {color: #29418c;} 
	  
	  #menu {margin-top: 120px;}
	  
	  p, ul {font-family: "Roboto", Arial, Tahoma, sans-serif; font-size: 16px;}
	  
	  ul {list-style: disc inside;}/********************** Custom Styles **********************/

.intro-text-block {padding: 20px 0 50px 0;}
.intro-text {font-size: 1.80em; line-height: 1.5; font-family: "Roboto", Arial, Tahoma, sans-serif; font-weight: 400;}
.text-shadow {text-shadow: 1px 1px 1px rgba(0, 0, 0, 3);}
.slider-button {/********************** Custom Styles **********************/

.intro-text-block {padding: 20px 0 50px 0;}
.intro-text {font-size: 1.80em; line-height: 1.5; font-family: "Roboto", Arial, Tahoma, sans-serif; font-weight: 400;}
.text-shadow {text-shadow: 1px 1px 1px rgba(0, 0, 0, 3);}
.slider-button {
	background: #ed1c24;
  background-image: -webkit-linear-gradient(top, #ed1c24, #c71c25);
  background-image: -moz-linear-gradient(top, #ed1c24, #c71c25);
  background-image: -ms-linear-gradient(top, #ed1c24, #c71c25);
  background-image: -o-linear-gradient(top, #ed1c24, #c71c25);
  background-image: linear-gradient(to bottom, #ed1c24, #c71c25);
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 25px 10px 25px;
  text-decoration: none;
  }
  .slider-button:hover {
	  color: #ffffff;
	  background: #3438a8;
  background-image: -webkit-linear-gradient(top, #3438a8, #2e3192);
  background-image: -moz-linear-gradient(top, #3438a8, #2e3192);
  background-image: -ms-linear-gradient(top, #3438a8, #2e3192);
  background-image: -o-linear-gradient(top, #3438a8, #2e3192);
  background-image: linear-gradient(to bottom, #3438a8, #2e3192);
  text-decoration: none;
	  }
  
  
   .video {display: flex;}
   .video iframe {margin: 0 auto;}
   .vid-text h2 {margin-bottom: 75px;}
   
   h1.smaller {
	font-size: 36px;
	line-height: 51px;
}

  
	 
	 a:hover {color: #29418c;} 
	  
	  #menu {margin-top: 120px;}
	  
	  p, ul {font-family: "Roboto", Arial, Tahoma, sans-serif; font-size: 16px;}
	  
	  ul {list-style: disc inside;}
	  
	  .content_wrapper {margin-top: 40px;}
	  
	  
	  #slide-1-first .text-shadow {font-size: 55px;}
	 
	  #slide-1-second .text-shadow {font-size: 50px;}
	 	  
	  #slide-2-first .text-shadow {font-size: 60px;}
	  	 	  
	  #slide-2-second .text-shadow {font-size: 60px;}
	  
	  #slide-3-first .text-shadow {font-size: 55px;}
	 
	 .subheader-both-center #Subheader .title {text-align: left; color: #ffffff;}
	 #Subheader {background-color: #003471;}
	 

	 .image_outline {border: 1px solid #e5e5e5; box-shadow: 0 3px 5px #9d9d9d;}
 	 
	 .image_frame .image_wrapper {border-color: #ffffff;}
	 
	 .equipment-img {box-shadow: 0 2px 3px #9d9d9d;}
	 .equipment-description {font-size: 1.175em;}
	 .equipment-divider {margin-bottom: 50px;}
	 .equipment-description .equipment-list li {list-style: none outside; margin-bottom: 5px; color: #6e6e6e;}
	 .equipment-description ul {list-style: none outside; margin-left: 0;} 
	 .equipment-list span {color: #444444; font-weight: 600;}
	 .equipment-intro-text p {font-size: 1.25em; line-height: 1.27;}
	 
	 .lp-col-1 {margin-bottom: 0px;}
	  
	 #Footer {background-color: #003471; color: #9f9f9f;}
	 #Footer a {color: #ffffff;}
	 
	 	 
	 
	 a.button_theme, a.tp-button.button_theme, button, input[type="submit"], input[type="reset"], input[type="button"] {
		 background-color: #da3832;
		 text-decoration: none;
		 }
		 
		 @media only screen and (min-width: 768px) {
	a.button:after, a.tp-button:after, button:after, input[type="submit"]:after, input[type="reset"]:after, input[type="button"]:after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 0;
		z-index: 1;
		-webkit-transition: all 0s;
		-moz-transition: all 0s;
		transition: all 0s;
		background: rgba(0, 0, 0, .05);
	}
	a:hover.button, a:hover.tp-button {
		text-decoration: none;
	}
	a.button:hover:after, a.tp-button:hover:after, button:hover:after, input[type="submit"]:hover:after, input[type="reset"]:hover:after, input[type="button"]:hover:after {
		width: 100%;
	}
}

	 
	 
	 .google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 300px !important;
    }
	 
	#map {height: 300px !important;} 
	
	#contact-page .column.one.column_column {margin-bottom: 5px;}
	#contact-page .content_wrapper {margin-top: 20px;}

	
	.centre p, .centre h1, .centre h2, .centre h3 {text-align: center;}  
	
	p.small-red {color: #cc0000; font-size: .9em;}
	h3.blue {color: #003471;}
	p.larger-text {font-size: 1.2em; line-height: 1.25;}
	
	#thankyou .content-wrapper {margin-top: 0;}
	img#cranehook {margin-top: -40px;}
	
	.column_column ul {color: #5a5a5a;}
	
	
	#topBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #003471; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
}

#topBtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}

.ui-datepicker-title select {display: inline-block;}
	
	  
	  
	  @media only screen and (max-width: 1239px) {
		 #Top_bar:not(.is-sticky) .menu_wrapper {text-align: left; width: 60%; margin-top: 55px;}
		 .header-stack #Top_bar .logo {width: 40%;}
		 #Top_bar a.responsive-menu-toggle i {font-size: 34px;}
		 #Top_bar a.responsive-menu-toggle {float: right;}
		 #Top_bar #menu {left: 700px;}
		 .about .one-second {width: 100%;}
		}


@media only screen and (min-width: 768px) and (max-width: 959px) {
	#Top_bar #menu {left: 500px;}	
	
}


@media only screen and (max-width: 767px) {
	
	#Top_bar .logo #logo {padding: 5px;}
	#Top_bar:not(.is-sticky) .menu_wrapper {margin-top: 15px; width: 100%;}
	img#cranehook {display: none;}
	.column.lp-col-1 {margin-bottom: 0px;}
	
}
	background: #ed1c24;
  background-image: -webkit-linear-gradient(top, #ed1c24, #c71c25);
  background-image: -moz-linear-gradient(top, #ed1c24, #c71c25);
  background-image: -ms-linear-gradient(top, #ed1c24, #c71c25);
  background-image: -o-linear-gradient(top, #ed1c24, #c71c25);
  background-image: linear-gradient(to bottom, #ed1c24, #c71c25);
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 25px 10px 25px;
  text-decoration: none;
  }
  .slider-button:hover {
	  color: #ffffff;
	  background: #3438a8;
  background-image: -webkit-linear-gradient(top, #3438a8, #2e3192);
  background-image: -moz-linear-gradient(top, #3438a8, #2e3192);
  background-image: -ms-linear-gradient(top, #3438a8, #2e3192);
  background-image: -o-linear-gradient(top, #3438a8, #2e3192);
  background-image: linear-gradient(to bottom, #3438a8, #2e3192);
  text-decoration: none;
	  }
  
  
   .video {display: flex;}
   .video iframe {margin: 0 auto;}
   .vid-text h2 {margin-bottom: 75px;}
   
   h1.smaller {
	font-size: 36px;
	line-height: 51px;
}

  
	 
	 a:hover {color: #29418c;} 
	  
	  #menu {margin-top: 120px;}
	  
	  p, ul {font-family: "Roboto", Arial, Tahoma, sans-serif; font-size: 16px;}
	  
	  ul {list-style: disc inside;}
	  
	  .content_wrapper {margin-top: 40px;}
	  
	  
	  #slide-1-first .text-shadow {font-size: 55px;}
	 
	  #slide-1-second .text-shadow {font-size: 50px;}
	 	  
	  #slide-2-first .text-shadow {font-size: 60px;}
	  	 	  
	  #slide-2-second .text-shadow {font-size: 60px;}
	  
	  #slide-3-first .text-shadow {font-size: 55px;}
	 
	 .subheader-both-center #Subheader .title {text-align: left; color: #ffffff;}
	 #Subheader {background-color: #003471;}
	 

	 .image_outline {border: 1px solid #e5e5e5; box-shadow: 0 3px 5px #9d9d9d;}
 	 
	 .image_frame .image_wrapper {border-color: #ffffff;}
	 
	 .equipment-img {box-shadow: 0 2px 3px #9d9d9d;}
	 .equipment-description {font-size: 1.175em;}
	 .equipment-divider {margin-bottom: 50px;}
	 .equipment-description .equipment-list li {list-style: none outside; margin-bottom: 5px; color: #6e6e6e;}
	 .equipment-description ul {list-style: none outside; margin-left: 0;} 
	 .equipment-list span {color: #444444; font-weight: 600;}
	 .equipment-intro-text p {font-size: 1.25em; line-height: 1.27;}
	 
	 .lp-col-1 {margin-bottom: 0px;}
	  
	 #Footer {background-color: #003471; color: #9f9f9f;}
	 #Footer a {color: #ffffff;}
	 
	.social-media-links li {
		display: inline;
		list-style-type: none;
		padding-right: 20px;
	}
	 
	 a.button_theme, a.tp-button.button_theme, button, input[type="submit"], input[type="reset"], input[type="button"] {
		 background-color: #da3832;
		 text-decoration: none;
		 }
		 
		 @media only screen and (min-width: 768px) {
	a.button:after, a.tp-button:after, button:after, input[type="submit"]:after, input[type="reset"]:after, input[type="button"]:after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 0;
		z-index: 1;
		-webkit-transition: all 0s;
		-moz-transition: all 0s;
		transition: all 0s;
		background: rgba(0, 0, 0, .05);
	}
	a:hover.button, a:hover.tp-button {
		text-decoration: none;
	}
	a.button:hover:after, a.tp-button:hover:after, button:hover:after, input[type="submit"]:hover:after, input[type="reset"]:hover:after, input[type="button"]:hover:after {
		width: 100%;
	}
}

	 
	 
	 .google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 300px !important;
    }
	 
	#map {height: 300px !important;} 
	
	#contact-page .column.one.column_column {margin-bottom: 5px;}
	#contact-page .content_wrapper {margin-top: 20px;}

	
	.centre p, .centre h1, .centre h2, .centre h3 {text-align: center;}  
	
	p.small-red {color: #cc0000; font-size: .9em;}
	h3.blue {color: #003471;}
	p.larger-text {font-size: 1.2em; line-height: 1.25;}
	
	#thankyou .content-wrapper {margin-top: 0;}
	img#cranehook {margin-top: -40px;}
	
	.column_column ul {color: #5a5a5a;}
	
	
	#topBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #003471; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
}

#topBtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}

.ui-datepicker-title select {display: inline-block;}
	
	  
	  
	  @media only screen and (max-width: 1239px) {
		 #Top_bar:not(.is-sticky) .menu_wrapper {text-align: left; width: 60%; margin-top: 55px;}
		 .header-stack #Top_bar .logo {width: 40%;}
		 #Top_bar a.responsive-menu-toggle i {font-size: 34px;}
		 #Top_bar a.responsive-menu-toggle {float: right;}
		 #Top_bar #menu {left: 700px;}
		 .about .one-second {width: 100%;}
		}


@media only screen and (min-width: 768px) and (max-width: 959px) {
	#Top_bar #menu {left: 500px;}	
	
}


@media only screen and (max-width: 767px) {
	
	#Top_bar .logo #logo {padding: 5px;}
	#Top_bar:not(.is-sticky) .menu_wrapper {margin-top: 15px; width: 100%;}
	img#cranehook {display: none;}
	.column.lp-col-1 {margin-bottom: 0px;}
}
	  
	  .content_wrapper {margin-top: 40px;}
	  
	  
	  #slide-1-first .text-shadow {font-size: 55px;}
	 
	  #slide-1-second .text-shadow {font-size: 50px;}
	 	  
	  #slide-2-first .text-shadow {font-size: 60px;}
	  	 	  
	  #slide-2-second .text-shadow {font-size: 60px;}
	  
	  #slide-3-first .text-shadow {font-size: 55px;}
	 
	 .subheader-both-center #Subheader .title {text-align: left; color: #ffffff;}
	 #Subheader {background-color: #003471;}
	 

	 .image_outline {border: 1px solid #e5e5e5; box-shadow: 0 3px 5px #9d9d9d;}
 	 
	 .image_frame .image_wrapper {border-color: #ffffff;}
	 
	 .equipment-img {box-shadow: 0 2px 3px #9d9d9d;}
	 .equipment-description {font-size: 1.175em;}
	 .equipment-divider {margin-bottom: 50px;}
	 .equipment-description .equipment-list li {list-style: none outside; margin-bottom: 5px; color: #6e6e6e;}
	 .equipment-description ul {list-style: none outside; margin-left: 0;} 
	 .equipment-list span {color: #444444; font-weight: 600;}
	 .equipment-intro-text p {font-size: 1.25em; line-height: 1.27;}
	 
	 .lp-col-1 {margin-bottom: 0px;}
	  
	 #Footer {background-color: #003471; color: #9f9f9f;}
	 #Footer a {color: #ffffff;}
	 
	.social-media-links li {
		display: inline;
		list-style-type: none;
		padding-right: 20px;
	}
	
	
	 
	 a.button_theme, a.tp-button.button_theme, button, input[type="submit"], input[type="reset"], input[type="button"] {
		 background-color: #da3832;
		 text-decoration: none;
		 }
		 
		 @media only screen and (min-width: 768px) {
	a.button:after, a.tp-button:after, button:after, input[type="submit"]:after, input[type="reset"]:after, input[type="button"]:after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 0;
		z-index: 1;
		-webkit-transition: all 0s;
		-moz-transition: all 0s;
		transition: all 0s;
		background: rgba(0, 0, 0, .05);
	}
	a:hover.button, a:hover.tp-button {
		text-decoration: none;
	}
	a.button:hover:after, a.tp-button:hover:after, button:hover:after, input[type="submit"]:hover:after, input[type="reset"]:hover:after, input[type="button"]:hover:after {
		width: 100%;
	}
}

	 
	 
	 .google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 300px !important;
    }
	 
	#map {height: 300px !important;} 
	
	#contact-page .column.one.column_column {margin-bottom: 5px;}
	#contact-page .content_wrapper {margin-top: 20px;}

	
	.centre p, .centre h1, .centre h2, .centre h3 {text-align: center;}  
	
	p.small-red {color: #cc0000; font-size: .9em;}
	h3.blue {color: #003471;}
	p.larger-text {font-size: 1.2em; line-height: 1.25;}
	
	#thankyou .content-wrapper {margin-top: 0;}
	img#cranehook {margin-top: -40px;}
	
	.column_column ul {color: #5a5a5a;}
	
	
	#topBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #003471; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
}

#topBtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}

.ui-datepicker-title select {display: inline-block;}

#gaq-button a.button.button_theme {text-align: center;}
	
	  
	  
	  @media only screen and (max-width: 1239px) {
		 #Top_bar:not(.is-sticky) .menu_wrapper {text-align: left; width: 60%; margin-top: 55px;}
		 .header-stack #Top_bar .logo {width: 40%;}
		 #Top_bar a.responsive-menu-toggle i {font-size: 34px;}
		 #Top_bar a.responsive-menu-toggle {float: right;}
		 #Top_bar #menu {left: 700px;}
		 .about .one-second {width: 100%;}
		}


@media only screen and (min-width: 768px) and (max-width: 959px) {
	#Top_bar #menu {left: 500px;}	
	
}


@media only screen and (max-width: 767px) {
	
	#Top_bar .logo #logo {padding: 5px;}
	#Top_bar:not(.is-sticky) .menu_wrapper {margin-top: 15px; width: 100%;}
	img#cranehook {display: none;}
	.column.lp-col-1 {margin-bottom: 0px;}
}



 /* Craneway Social Media Links */

 #social-media-icons {
	list-style: none;
	float: right;
	margin-top: 10px;
 }
 
#social-media-icons li {
	display: inline;
	list-style-type: none;	
}

#social-media-icons li img {
	width: 22px;
}

#social-media-icons .craneway-yt {
	margin-right: 10px;	
}



#social-media-icons .craneway-inst {
	margin-right: 10px;
}

#social-media-icons .craneway-fb {
	margin-right: 4px;
}


#Footer .footer-copyright {	
 	margin: 10px 0 10px 10px;
 	font-size: .9em;
}



@media only screen and (max-width: 767px) {

#social-media-icons {margin-right: 32%;}

}