/*!
Theme Name: BritishStuntRegister
Theme URI: 
Author: Outstanding Digital
Author URI: barleyhouse.agency
Description: BSR Coming Soon
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: britishstuntregister
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
13 Theme Specific Styles DM
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/



/*--------------------------------------------------------------
13 Theme Specific Styles DM
--------------------------------------------------------------*/


*, *:before, *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.column-left{ float: left; width: 33%;background: #000; height: 200px; z-index: 999999; }
.column-right{ float: right; width: 33%;background: #000; height: 200px; z-index: 999999;  }
.column-center{ display: inline-block; width: 33%;background: #000; height: 200px; z-index: 999999;  }

@media screen and (max-width: 960px) {
.column-left{ float: none; width: 100%;z-index: 999999; }
.column-right{ float: none; width: 100%;z-index: 999999; }
.column-center{ display: block; width: 100%;z-index: 999999; }}
	
	
.side-image1 {margin: 0 20px; position: relative; width: 45%; float: left;}
@media (max-width: 1000px) { .side-image1 {width: 90%;margin: 20px;float: none;}}	
	
.side-text1 {margin: 0 20px; position: relative; width: 45%; float: right;}
@media (max-width: 1000px) { .side-text1 {width: 90%;margin: 20px;float: none;}}	
.side-text2 {margin: 0 20px; position: relative; width: 40%; float: left;}
	
.side-image3 {margin: 0 20px; position: relative; width: 35%; float: left;}
@media (max-width: 1000px) { .side-image3 {width: 90%;margin: 20px;float: none;}}	
.side-text3 {margin: 50px 0; position: relative; width: 55%; float: right;}
@media (max-width: 1000px) { .side-text3 {width: 94%;margin: 20px;float:left;}}	

.side-text4 {margin: 0 20px; position: relative; width: 20%; float: right;}
@media (max-width: 1000px) { .side-text4 {width: auto; margin: 20px;float: left;}}	
@media (max-width: 600px) { .side-text4 {width: 80%; margin: 20px;}}	

	
.resource-image1 {position: relative; width: 25%; text-align: center; float: left; height: 400px;}
.resource-image2 {padding: 0 40px; height: 130px;}
.resource-image3 {padding: 0 40px;}
	
@media (max-width: 1000px) { .resource-image1 {width: 48%; float: left;}}	
@media (max-width: 1000px) { .resource-image2 {padding: 20px 40px;}}	
@media (max-width: 1000px) { .resource-image3 {padding: 20px 40px;}}	
@media (max-width: 1000px) { .side-text2 {width: 90%;margin: 20px;float: none;}}
	
.boxes1 {position: relative; width: 30%; height: 340px; display:inline-block; text-align: center; padding: 20px; border: 4px solid white;}

.box-button {color: #FFF; padding: 3px;  border: 2px solid rgba(255,255,255,0.5); max-width: 180px; position: relative; margin: auto;text-transform: uppercase;  font-size: 18px;}

.c-grey { background:rgba(164,164,164,0.7);}
.c-red { background:rgba(134,27,43,0.7);}
.c-green { background:rgba(71,99,79,0.7);}
.c-blue { background:rgba(20,167,182,0.7);}

.box-text {color: #FFF; font-weight: 500;text-transform: uppercase;  font-size: 20px;}
	
.b-margin-left {margin-left: 25px;}
.b-margin-right {margin-right: 35px;}
	
@media (max-width: 1200px) { .boxes1 {width: 100%;margin: 30px 0;}}	
	
.box-img {margin: 10px; position: relative; width: 45%; max-width: 179px;}	
.testimonial-img {margin: 10px; width: 220px; float: right;}
@media (max-width: 480px) { .testimonial-img { float: none; margin: 70px;}}	
.testimonial-txt {float: left; width: 50%;}
@media (max-width: 480px) { .testimonial-txt {width: 80%;margin: 20px;float: none;}}		

.video-container {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}
	
.index-logos {background-image: url(http://www.thebritishstuntregister.com/assets/images/icons/background-black2.jpg); text-align: center; color: #FFF; padding-top: 50px; padding-bottom: 90px;}
	
.logos-img-box {margin: 0 20px; position: relative; width: 45%;}
.logos-imgs {margin: 10px; position: relative; width: 45%;}	
	
.float-right {float: right}	
.float-left {float: left}		

@media (max-width: 800px) { .logos-img-box {margin: 0 5px; position: relative; width: 90%; float: none;margin-left: 30px;}}

.logo-banner {margin-bottom: 20px;padding-top: 60px;}
@media (max-width: 800px) { .logo-banner {padding-top: 50px;width: 30%;margin-bottom: 27px;}}
@media (max-width: 1056px) { .logo-header {font-size: 26px;margin-bottom: 10px !important;line-height: 1.2;}}
@media (max-width: 800px) { .logo-header {font-size: 26px;margin-bottom: 10px !important;line-height: 1.2;}}	
.logo-text {text-transform: lowercase; margin: 0 90px;}	
@media (max-width: 800px) { .logo-text {margin: 0 5px;letter-spacing: 1.4px;line-height: 1.4;}}		
@media (max-width: 800px) { .video-controls {visibility: hidden;}}	

.top-button a:link {color: #d5d5d5;}
.top-button a:hover {color: #FFF;}

.logo-min {width: 52px; position: absolute; left: 20px; top: 7px;}
@media (max-width: 800px) { .logo-min {  visibility: hidden; }}

@media (min-width: 800px) { .logo-min2 {  visibility: hidden; }}
@media (max-width: 800px) { .logo-min2 { position:absolute; width: 47px; top: 6px; left: 30px;}}

@media (max-width: 1194px) { .navbar-custom2 { 
border: 0;
border-radius: 0;
z-index: 1000;
font-family: 'Lato', sans-serif;
text-transform: uppercase;
font-weight: 500;
transition: background, padding 0.4s ease-in-out 0s;
letter-spacing: 0.2px;
font-size: 14px; }}

.btn2 {display: inline-block;padding: 1em 1.6em;border-radius: 3px;margin-top: 2rem;font-weight: 550;font-size: 1.3rem;letter-spacing: 1px;text-transform: uppercase;text-decoration: none;position: relative;overflow: hidden;-webkit-transition: all 250ms ease;transition: all 250ms ease;}

.btn2:hover {color: white; }
.btn2:hover:after {
  -webkit-animation-name: bgin;
          animation-name: bgin;
  -webkit-transform: skew(-45deg) translate(-50%);
          transform: skew(-45deg) translate(-50%);

}
	 
.btn2:after {
content: '';z-index: -1;width: 150%;height: 100%;display: block;position: absolute;top: 0;left: 50%;
-webkit-animation-name: bgout;animation-name: bgout;-webkit-animation-duration: 400ms;animation-duration: 400ms;-webkit-transform: skew(-45deg) translate(-150%);transform: skew(-45deg) translate(-150%);}
 
.btn--green {
  border: 2px solid #afc9b9;
  color: #afc9b9;
}
.btn--green:after {
  background-color: #afc9b9;
}
	 

.btn--blue {
  border: 2px solid #14a7b6;
  color: #14a7b6;
}
.btn--blue:after {
   background-color: #14a7b6;
}



.btn--white {
  border: 2px solid #000;
  color: #000;
}
.btn--white:after {
  background-color: #000;
}



@-webkit-keyframes bgin {
  from {
    -webkit-transform: skew(-45deg) translate(-150%);
            transform: skew(-45deg) translate(-150%);
  }
  to {
    -webkit-transform: skew(-45deg) translate(-50%);
            transform: skew(-45deg) translate(-50%);
  }
}

@keyframes bgin {
  from {
    -webkit-transform: skew(-45deg) translate(-150%);
            transform: skew(-45deg) translate(-150%);
  }
  to {
    -webkit-transform: skew(-45deg) translate(-50%);
            transform: skew(-45deg) translate(-50%);
  }
}
@-webkit-keyframes bgout {
  from {
    -webkit-transform: skew(-45deg) translate(-50%);
            transform: skew(-45deg) translate(-50%);
  }
  to {
    -webkit-transform: skew(-45deg) translate(50%);
            transform: skew(-45deg) translate(50%);
  }
}
@keyframes bgout {
  from {
    -webkit-transform: skew(-45deg) translate(-50%);
            transform: skew(-45deg) translate(-50%);
  }
  to {
    -webkit-transform: skew(-45deg) translate(50%);
            transform: skew(-45deg) translate(50%);
  }
}



.bt-grade-scheme2 {position: absolute; right: 20px; height: 44px; top: 6px; margin: 0px; line-height: 14px; background:rgba(20,167,182,0.8); margin-bottom: 2px;}	
@media (max-width: 750px) { .bt-grade-scheme2 { visibility: hidden; }}	


.bt-contact2 {position: absolute; right: 190px; height: 40px; top: 8px; margin: 0px; line-height: 14px; background:rgba(20,167,182,0.8); margin-bottom: 2px; border-radius: 50%; width: 50px;}	
@media (max-width: 750px) { .bt-contact2 { visibility: hidden; }}	


.panel-default>.panel-heading {
color: #333;background-color: #f5f1e8;border-color: #ddd; min-height: 50px;line-height: 400px;}


.firstcharacter { color: rgba(71,99,79,0.8); color: #14a7b6; float: left;font-size: 75px;line-height: 60px;padding-top: 4px;padding-right: 8px;padding-left: 3px;}	


.shaker:hover {
animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;transform: translate3d(0, 0, 0);backface-visibility: hidden;perspective: 1000px;}
@keyframes shake {
10%, 90% {transform: translate3d(-1px, 0, 0);} 
20%, 80% {transform: translate3d(2px, 0, 0);}
30%, 50%, 70% {transform: translate3d(-4px, 0, 0);}
40%, 60% {transform: translate3d(4px, 0, 0);}}


.pdf-image1 {max-width: 320px; margin-top: 65px; margin-left: 20px;}
.pdf-text1 {margin-left: 70px; margin-top: 20px;}

.banner-text {font-size: 55px; font-weight: 800; max-width: 600px;margin: auto;position: relative;margin-top: 60px;line-height: 65px;}
.banner-margin {padding-top: 70px; margin-left: 15%; width: 70%;}

@media (max-width: 1000px) { 
.pdf-image1 {max-width: 250px; position: relative; margin: auto; margin-left: 140px; }
.pdf-text1 {margin-left: 0px; margin-top: 60px;} }

@media (max-width: 550px) { 
.pdf-image1 {max-width: 200px; position: relative; margin: auto; margin-left: 20px; margin-top: 30px; }
.banner-text {font-size: 35px; font-weight: 800; margin-top: 60px; }}



.head4 {font-family: 'Kotta One', serif; font-size: 29px; text-align: center; margin-bottom: -50px;}

@media (max-width: 550px) { .head4 {font-size: 19px;}}

.side-image22 {
background: transparent url(/wp-content/themes/britishstuntregister/assets/images/icons/tick-icon2.png) no-repeat;
background-position: 5px center;
background-size: 25px 25px;
padding-left: 50px;}	  
	
/* .side-image-m1 {
background: transparent url(/wp-content/themes/britishstuntregister/assets/images/icons/member-icon1.png) no-repeat;
background-position: 5px center;
background-size: 25px 25px;
padding-left: 50px;}

.side-image-m2 {
background: transparent url(/wp-content/themes/britishstuntregister/assets/images/icons/member-icon2.png) no-repeat;
background-position: 5px center;
background-size: 25px 25px;
padding-left: 50px;}


.side-image-m3 {
background: transparent url(/wp-content/themes/britishstuntregister/assets/images/icons/member-icon3.png) no-repeat;
background-position: 5px center;
background-size: 25px 25px;
padding-left: 50px;} */


.side-image-full {
background: transparent url(/wp-content/themes/britishstuntregister/assets/images/icons/member-icon-full.png) no-repeat;
background-position: 5px center;
background-size: 25px 25px;
padding-left: 50px;}

.side-image-key {
background: transparent url(/wp-content/themes/britishstuntregister/assets/images/icons/member-icon-key-stunt.png) no-repeat;
background-position: 5px center;
background-size: 25px 25px;
padding-left: 50px;}


.side-image-senior {
background: transparent url(/wp-content/themes/britishstuntregister/assets/images/icons/member-icon-senior.png) no-repeat;
background-position: 5px center;
background-size: 25px 25px;
padding-left: 50px;}

.side-image-stunt {
background: transparent url(/wp-content/themes/britishstuntregister/assets/images/icons/member-icon-stunt.png) no-repeat;
background-position: 5px center;
background-size: 25px 25px;
padding-left: 50px;}

.side-image-probationary {
background: transparent url(/wp-content/themes/britishstuntregister/assets/images/icons/member-icon-probationary.png) no-repeat;
background-position: 5px center;
background-size: 25px 25px;
padding-left: 50px;}

.button-place {margin-top: 120px; margin-left: 150px;}
@media (max-width: 1000px) { .button-place {margin-bottom: 50px; margin-left: 0px; margin-top: 20px;}}	
	

.padding-cta {padding: 90px 0; text-align: center;}	
@media (max-width: 1200px) { .padding-cta { padding: 0}}