/*!
 * Start Bootstrap - Grayscale v5.0.8 (https://startbootstrap.com/template-overviews/grayscale)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-grayscale/blob/master/LICENSE)
 */

.head_p {padding: 0 1rem}
.content {padding: 0 2rem}
.test{border-bottom: 1px solid rgba(255,255,255,.3); border-top: 0px solid rgba(255,255,255,.3)}

#team_list .va {padding: 0 1rem 1rem; justify-content: flex-start}
#team_list .va a{font-size: .8rem;font-weight:800; margin: 0; padding-left: 1rem}
#team_list .btn-primary{background-color:transparent;border: solid 1px rgba(255,255,255,.3); font-size: 2px}
#team_list .btn-primary:hover{background-color:white!important}
#team_list .btn-primary:focus{background-color:whitesmoke!important}
#team_list .btn-primary:active{background-color:transparent!important}
#team_list a:hover{color: black!important}

.nav-item a{font-weight: 600; font-size: .9rem}
.company_b a{font-size: 2rem;line-height: 2.8rem; font-weight:800; margin: 0; color: white}
.company_b a:hover{color: rgba(255,255,255,.5)!important}
.navbar {border-bottom: 0px solid rgba(255,255,255,.3)}

.company_b,.team_list {display: none}

.custom-x {width:100px;height:auto}
#breaker2 .sponsor_logos {width:auto;height:15px}

#breaker1 .carousel-project {display: none}
#breaker1 .carousel-project-mobile {display: block}
.breaker1-section{padding:.5rem 0;background-color:#f5f5f5}
#breaker1 .sponsor_logos{padding: 0 2rem;}
#breaker1 .img-fluid {height: 50px; padding: .3rem}

.breaker1-section{position:relative;width:100%;height:auto;
background:url(../img/Background.jpg);
background-position:center;
background-repeat:no-repeat;
background-attachment:fixed;
background-size:cover;
}

.modal .nav-item a{font-weight: 800; font-size: 2rem}
.modal .navbar-nav {padding: 1rem 0 0 0}

/* TEST */
.fa-1x {
font-size: 1.5rem;
}
/* .navbar-toggler.toggler-example {cursor: pointer;} */
.modal-dialog {width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important;max-width:none !important;}
.modal-content {height: auto !important;min-height: 100% !important;border-radius: 0 !important;border-color: rgba(0,0,0,.95);background-color:rgba(0,0,0,.95)!important;}

/* MODAL */
.modal .navbar-nav {padding: 0}

.modal .h4 {font-size: 2rem; font-weight: 700; margin-bottom: 1.3rem; max-width: auto;}
.modal .navbar-nav .nav-link {align-items: center!important;color: rgba(255,255,255,1);border-bottom: 2px solid; width: auto; border-bottom-color: transparent}
.modal .navbar-nav .nav-link:focus, .modal .navbar-nav .nav-link:hover {color: #45d5ef;background-color: none !important;border-bottom: 2px solid;border-bottom-color: #45d5ef; width: auto}
.modal .nav-item a{font-weight: 800; font-size: 2rem}
.menu_label {display: none}

.container .page-header > h7 {font-size: 12px;}

.masthead{position:relative;width:100%;height:auto;
background:url(../img/r6s2.jpg);
background-position:center;
background-repeat:no-repeat;
background-attachment:scroll;
background-size:cover;
}

.masthead{height:60vh;padding:8rem 2rem;margin-top: -8rem}
.masthead h3{font-size:.7rem;line-height:2rem;letter-spacing:0.1rem;padding-top: 30%;font-weight:600; margin: 0;}
.masthead h1{font-size:1.3rem;line-height:2rem;letter-spacing:.1rem;font-weight:800;margin-right: 0}
.masthead h2{max-width:15rem;font-size:0.8rem;line-height:1.5rem;font-weight:300; margin-right: 0}
.masthead a{color:#171618;font-size: 0.8rem;font-weight:800;margin-right: 10%}
.masthead a:hover{color:black!important}

.btn{-webkit-box-shadow:0;box-shadow:0;padding:0.8rem 1.5rem;font-size:50%;letter-spacing:.05rem;border:0;border-radius: 0;}

.btn-primary{background-color:#171819;border: solid 1px white; font-size: 2px}
.btn-primary:hover{background-color:rgba(17,18,19,.7)!important}
.btn-primary:focus{background-color:#171819!important}
.btn-primary:active{background-color:#171819!important}

footer hr { display: block; height: 1px; border: 0; border-top: 0.5px solid rgba(255,255,255,.1); margin: 0; padding: 0; }

/* HISTORY */
#history h2{font-weight: 800;margin-bottom: 0rem; line-height: 4.5rem; letter-spacing: 0.1; padding-left: 0; font-size: 1rem}
#history .des p{max-width:20rem;font-size:.9rem;line-height:2rem;font-weight:400; letter-spacing: 0; padding-left: 1rem; margin-top: 4rem}
#history a{font-weight: 800; font-size: .5rem; margin-left: 0rem}
#history .des a{color: black!important; font-size: .9rem; padding: 0; margin: 0}
.projects-section{padding:2rem 0 4rem 0}


/* [1] The container */
.img-hover-zoom {
  height: auto; /* [1.1] Set it as per your need */
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {
  transition: transform 2s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
  transform: scale(1.1);
}

/* SPONSOR */
#sponsor h2{font-weight: 800;margin-bottom: 1rem; letter-spacing: 0; padding-left: 1rem; font-size: 1.7rem}
#sponsor .des p{max-width:20rem;font-size:0.9rem;line-height:2rem;font-weight:400; letter-spacing: 0; padding-left: 1rem; text-align: center}
.sponsor-section{padding: .5rem 0}

#sponsor .col-lg-3{margin: 1rem}
#sponsor .img-fluid {height: 50px; padding: .3rem}

#sponsor .sponsor_logos{padding: 0 2rem;}

/* INFO */
.info-section{padding:5rem 0 0rem 0}
/*
.info-section{position:relative;width:100%;height:800px;
background:url(../img/info.jpg);
background-position:center;
background-repeat:no-repeat;
background-attachment:scroll;
background-size:cover;
} */

#info h2{font-weight: 800;margin-bottom: 1rem; letter-spacing: 0; padding-left: 0rem; font-size: 1rem}
#info h6{font-weight: 500;margin-bottom: 0.5rem; letter-spacing: .3rem; padding-left: 0rem;font-size: .9rem}
#info a {text-decoration: none; color: white}
#info a:hover{text-decoration: none;color:rgba(0,0,0,.5)}
#info .des p{max-width:20rem;font-size:0.9rem;line-height:2rem;font-weight:400; letter-spacing: 0; padding-left: 1rem}

#info .img-fluid {height: 140px}
#info .first {margin-bottom: 3rem}

#info .social {width:auto;height:25px;font-size:2rem; padding: 2rem 2rem 0 0}
#info .follow {margin-right: 1.5rem}

.info-section .social a{color:white}
.info-section .social a:hover{text-decoration:none;color:rgba(23,23,25,.5)}
.info-section .social a:active{color:#fff}body{letter-spacing:.0625em}a{color:#64a19d}a:focus,a:hover{color:rgba(255,255,255,.5)}.bg-black{background-color:#161616!important}

@media (min-width:768px){
	.modal .nav-item a{font-weight: 800; font-size: 2.5rem}
	.company_b,.team_list {display: block}
	#breaker1 .carousel-project {display: block}
	#breaker1 .carousel-project-mobile {display: none}
	.test{border-bottom: 0px solid rgba(255,255,255,.3); border-top: 0px solid rgba(255,255,255,.3)}
	
	.masthead{position:relative;width:100%;height:550px;
	background:url(../img/r6s2.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-size:cover;
	}
	
	.masthead .title {padding-top: 0}
	.masthead h1{font-size:3rem;line-height:3rem}
	.masthead h2{max-width:30rem;font-size:0.9rem;line-height:2rem;font-weight:300; margin-right: 0}
	
	
	#history h2{font-size: 1rem}
	#history .des p{max-width:35rem;font-size:.9rem}
	#history a{font-weight: 800; font-size: .6rem; margin-left: 0rem}
	#history .des a{color: black!important; font-size: .9rem; padding: 0; margin: 0}
	.projects-section{padding: 2rem 0 5rem}
	
	/* INFO */
	.info-section{padding:5rem 0 0rem 0}
	/*
	.info-section{position:relative;width:100%;height:450px;
	background:url(../img/info.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-size:cover;
	} */
}

@media (min-width:992px){
	.test{border-bottom: 1px solid rgba(255,255,255,.3); border-top: 0px solid rgba(255,255,255,.3)}
	.navbar {border-bottom: 0px solid rgba(255,255,255,.3)}
	.head_p {padding: 0 4rem}
	.content {padding: 0 10rem}
	.company_b,.team_list {display: block}
	
	#breaker1 .carousel-project {display: block}
	#breaker1 .carousel-project-mobile {display: none}
	.custom-x {width:25%;height:auto}
	
	.masthead{height:100vh;padding:10% 0;margin: -8rem 0 0}
	
	.breaker1-section{position:relative;width:100%;height:auto;
	background:url(../img/Background.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-size:cover;
	}
	
	#breaker1 .img-fluid {height: 80px; padding: 1rem}
	#breaker1 .sponsor_logos{padding: 0 5rem;}
	
	#team_list .btn{-webkit-box-shadow:0;box-shadow:0;padding:1rem 1.5rem;font-size:50%;letter-spacing:.05rem;border:0;border-radius: 0;}
	#team_list .btn-primary{background-color:transparent!important;border: solid 1px rgba(255,255,255,.3); font-size: 2px; text-decoration: none}
	#team_list .btn-primary:focus{background-color:transparent!important}
	
	#team_list .va .btn-primary:hover{background-color:white!important}
	#team_list .va .btn-primary:active{background-color:white!important}
	
	/* NEW */
	
	.masthead h3{font-size:1rem;line-height:2.5rem;letter-spacing:0.1rem;font-weight:800;margin-right: 0; padding-top: 15%}
	.masthead h1{font-size:4rem;line-height:5rem;letter-spacing:.1rem; margin: 0}
	.masthead h2{max-width:40rem;font-size:1rem;line-height:2rem;font-weight:400; margin-right: 0}
	.masthead a{color:#171618;font-size: 0.9rem;font-weight:800; margin-right: 0}
	.masthead a:hover{color:black!important}
	.masthead .title {padding-top: 15%}
	
	/* MODAL */
	.modal .navbar-nav {padding: 0}
	
	.modal .h4 {font-size: 2.3rem; font-weight: 800; margin-bottom: .5rem; -webkit-text-stroke: 1.3px white; -webkit-text-fill-color: transparent; }
	.modal .navbar-nav .nav-link {align-items: center!important;color: rgba(255,255,255,1);border-bottom: 2px solid; width: 100%; border-bottom-color: transparent}
	.modal .navbar-nav .nav-link:focus, .modal .navbar-nav .nav-link:hover {color: #ad2018;background-color: none !important;border-bottom: 2px solid;border-bottom-color: transparent; width: 100%; -webkit-text-stroke: 0px white; -webkit-text-fill-color: #45d5ef}
	.modal .nav-item a{font-weight: 800; font-size: 5rem}
	
	.modal-content {background:url(../img/menu.jpg)}
	
	.menu_label {
	display: block;
	text-align: left!important;
	z-index: 0;
    position: absolute;
    font-weight: 900;
    left: 0;
    top: 400px;
    font-size: 186px;
    transform: rotate(-90deg);
    color: rgba(255, 255, 255, 0.1);
    text-transform: uppercase;
    letter-spacing: 6px;
    line-height: 130px;
    left: -22vh;
    top: 40vh;
    font-size: 19.8vh;
	}
	
	
	.masthead{position:relative;width:100%;height:auto;
	background:url(../img/r6s2.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:cover;
	}
	
	.btn{-webkit-box-shadow:0;box-shadow:0;padding:0.5rem 1.5rem;font-size:50%;letter-spacing:.05rem;border:0;border-radius: 0;}
	
	.btn-primary{background-color:#171819; border: none; text-decoration: none}
	.btn-primary:hover{background-color:#45d5ef!important}
	.btn-primary:focus{background-color:#171819}
	.btn-primary:active{background-color:#171819!important}
	
	.projects-section{padding:5rem 4rem 8rem}
	#history h2{font-weight: 800;margin-bottom: 0rem; line-height: 4.5rem; letter-spacing: 0.1; padding-left: 0; font-size: 1rem}
	#history .des p{max-width:50rem;font-size:1rem;line-height:2rem;font-weight:400; letter-spacing: 0; padding-left: 0; margin-top: 5rem}
	#history a{font-weight: 800; font-size: .6rem; margin-left: 1rem}
	#history .des a{color: black!important; font-size: 1rem; padding: 0; margin: 0}
	
	
	/* SPONSOR */
	#sponsor .col-lg-3{margin: 1rem}
	#sponsor .img-fluid {height: 120px; padding: 1rem}
	
	#sponsor .sponsor_logos{padding: 0 5rem;}
	
	/* INFO 
	.info-section{position:relative;width:100%;height:450px;
	background:url(../img/info.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-size:cover;
	} */

	#info h2{font-weight: 800;margin-bottom: 1rem; letter-spacing: 0; padding-left: 0rem; font-size: 1.1rem}
	#info h6{font-weight: 500;margin-bottom: 0.9rem; letter-spacing: .3rem; padding-left: 0rem;font-size: .9rem}
	#info .des p{max-width:20rem;font-size:0.9rem;line-height:2rem;font-weight:400; letter-spacing: 0; padding-left: 1rem}

	#info .img-fluid {height: 200px}
	#info .first {margin-bottom: 0rem}

	#info .social {width:auto;height:25px;font-size:2rem; padding: 2rem 2rem 0 0}
	#info .follow {margin-right: 2.5rem}
	}


body{

    font-family: 'Roboto', sans-serif;

    /*font-family: 'Open Sans', sans-serif;*/

letter-spacing:.0625em} body a{color:#171618}body a:focus,body a:hover{text-decoration:none;color:#3c6360}
.bg-black{background-color:#161616!important}.bg-primary{background-color:#64a19d!important}.text-primary{color:#171618!important}

footer{padding:4rem 0 2rem;} footer a{color:rgba(255,255,255,.5)}footer a:focus, footer a:hover{color:#45d5ef;text-decoration:none}
.fa-angle-up:hover {color: red;}/*a{color:#fff}a:focus,a:hover{text-decoration:none;color:#3c6360}*/

::selection {
  background: #45d5ef; /* WebKit/Blink Browsers */
  color: white;
}
::-moz-selection {
  background: #45d5ef; /* Gecko Browsers */
	color: white;
}