/*!
 * 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: 1px 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: #ad2018;background-color: none !important;border-bottom: 2px solid;border-bottom-color: #ad2018; width: auto}
.modal .nav-item a{font-weight: 800; font-size: 2rem}
.menu_label {display: none}

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

#mainNav{padding-top:0;padding-bottom:0;border-bottom:none;background-color:black;-webkit-transition:background-color .3s ease-in-out;transition:background-color .3s ease-in-out;font-size: 1rem;text-transform: none}
#mainNav .navbar-brand{padding:.5rem 0;color:rgba(255,255,255,.5)}
#mainNav .nav-link{-webkit-transition:none;transition:none;padding:1.2rem 1.5rem;color:white}
#mainNav .navbar-nav .nav-link:hover{color:black;outline:0}

#mainNav .navbar-nav .nav-link.active{color:white;outline:0;border-bottom:.17rem solid white}
#mainNav .navbar-nav .nav-link:focus{outline:0;background-color:transparent;color:white}
#mainNav.navbar-shrink{background-color:rgba(0,0,0,.4);font-size: 1rem;text-transform: none}

/*	#mainNav{min-height:56px;background-color:#252423;margin-top: 0} */

#mainNav .navbar-toggler{font-size:90%;padding:.75rem;color:white;border:0px solid #171618}
#mainNav .navbar-toggler{color: white; outline:0}
#mainNav .navbar-toggler:hover{color: #ad2018; outline:0}

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

.breaker2-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;
}*/

.masthead{height:160vh;padding:8rem 2rem;margin-top: -8rem}
.masthead h3{font-size:0.8rem;line-height:2.5rem;letter-spacing:0.1rem;font-weight:500;margin: 0; padding: 0 1rem}
.masthead h1{font-size:2.5rem;line-height:4rem;letter-spacing:0rem; margin: 0; font-weight: 800; color: #45d5ef}
.masthead h2{max-width:45em;font-size:1.3rem;line-height:1.5rem;font-weight:600; margin-right: 0}
.masthead h6{font-size:.7rem;line-height:1.5rem;font-weight:400; margin-right: 0; letter-spacing: 0; max-width: 15rem}
.masthead p{max-width:45rem;font-size:.8rem;line-height:1.5rem;font-weight:300; margin-right: 0; letter-spacing: 0}
.masthead a{color:#171618;font-size: 0.8rem;font-weight:800;margin-right: 10%}
.masthead a:hover{color:black!important}
.masthead .submit {font-size: .8rem;font-weight:800; margin: 0; padding-left: 1rem}
.masthead .form-control {height:50px; color: #fff; background-color: rgba(128,128,128,.3)}
.masthead .form-control:hover {background-color: transparent;}
.masthead .special {height:200px}
.masthead .special2 {margin-left: 1rem}
.masthead .form-group {padding: 0  0 .5rem 0}
.masthead .custom-select:hover {background-color: transparent}

.masthead .follow {margin-left: .5rem; padding: 1rem 0 1rem}
.masthead .social a{color:white; font-size: 1.3rem}
.masthead .des {padding-left: 1rem}

.masthead .carousel-project {display: none; margin-bottom: 8rem}
.masthead .carousel-project-mobile {display: block; margin-bottom: 8rem}

.masthead .title {padding: 15% 0 7rem}

.masthead .submit:hover {color: black!important}

.masthead .label_header {font-size:.9rem;line-height:1.5rem;font-weight:600; color: white}


/* NEWS */
.teams-section2{padding:5rem 0 0rem 0}

#teams2 .card-deck {padding: 0; margin-bottom: 3rem}
#teams2 .card {border: none; border-radius: 0; margin-bottom: 2rem}

#teams2 h2{font-weight: 800;margin-bottom: 2rem; letter-spacing: 0; padding-left: 1rem; font-size: 1.7rem}
#teams2 .des p{max-width:40rem;font-size:0.9rem;line-height:2rem;font-weight:400; letter-spacing: 0; padding-left: 1rem}
#teams2 h4{font-weight: 800;margin-bottom: 0; letter-spacing: 0; padding-left: 0rem; font-size: 1rem}

#teams2 .nav-pills .active {background-color: #171819; color: white!important}
#teams2 a:hover{color: rgba(0,0,0,.5)}



.btn{-webkit-box-shadow:0 .1875rem .1875rem 0 rgba(0,0,0,.1)!important;box-shadow:0 .1875rem .1875rem 0 rgba(0,0,0,.1)!important;padding:1rem 1.5rem;font-size:50%;letter-spacing:.05rem;border:0;border-radius: 0}

.btn-primary{background-color:transparent;border: solid 1px white; font-size: 2px}
.btn-primary:hover{background-color:#45d5ef!important; border: solid 1px #45d5ef}
.btn-primary:focus{background-color:#45d5ef!important; border: solid 1px #45d5ef}
.btn-primary:active{background-color: transparent; border: solid 1px white}

#breaker2 a{font-size: .8rem;font-weight:800; margin: 0}

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

/* HISTORY */
#breaker2  h1{font-size:1.5rem;line-height:2.5rem;letter-spacing:.1rem;font-weight:800; margin: 0}
#breaker2 .img-fluid {width: 100%}

.part1{padding:5rem 1rem}
.part1 h2{font-weight: 800;margin-bottom: 0; line-height: 4.5rem; letter-spacing: 0; padding: 0; font-size: 1.3rem; text-align: left}
.part1 .des p{max-width:40rem;font-size:.9rem;line-height:2rem;font-weight:400; letter-spacing: 0; padding-left: 0rem; margin-bottom: 1rem}
.part1 .pro {padding-top: 5rem; margin-top: 5rem}

#breaker2 .social {font-size:3rem; padding: 0}
#breaker2 .social h6 {font-weight: 600;margin-bottom: 0; line-height: 4.5rem; letter-spacing: 0.5; font-size: 1rem; margin-left: 0rem}


/* [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 3s ease;
}

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

/* 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)}
	
	/* NEW */
	.masthead .title {padding: 5% 0 0}
	
	/*
	.masthead{position:relative;width:100%;height:auto;
	background: url(../img/Background.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:cover;
	}
	
	.breaker2-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;
	}*/
	
	.masthead{height:70vh;padding:8rem 2rem;margin-top: -8rem}
	.masthead h1{font-size:5rem; -webkit-text-stroke: 2px #45d5ef; -webkit-text-fill-color: transparent;text-align: left!important;line-height:7rem; letter-spacing: .1rem}
	.masthead h2{max-width:30rem;font-size:0.9rem;line-height:2rem; margin-right: 0}
	.masthead h6{font-size: .8rem; max-width: 50rem}
	
	.masthead .carousel-project {display: block; padding: 0; margin-bottom: 0}
	.masthead .carousel-indicators {padding-right: 3rem;}
	
	.masthead .social {margin-left: 1.5rem}
	.masthead .social {width:auto;height:45px;}

	.masthead .carousel-project-mobile {display: none; margin-bottom: 0rem}
	
	#teams2 h5 {font-size: .8rem}
	#teams2 p {font-size: .8rem}
	
	.teams-section2{padding-bottom: 1rem}
	
	/* 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: auto; padding:0 0 3rem;margin: -8rem 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:0rem;font-weight:800;margin: 0; padding: 0 1rem}
	/*.masthead h1{font-size:3rem;line-height:5rem;letter-spacing:.1rem; margin: 0}*/
	.masthead h1{font-size:6rem; -webkit-text-stroke: 2px #45d5ef; -webkit-text-fill-color: transparent;text-align: left!important;line-height:7rem; letter-spacing: .1rem}
	.masthead h2{max-width: 50rem; font-size:1.8rem;line-height:2rem; margin-right: 0}
	.masthead h6{font-size:1rem}
	.masthead p{font-size:.95rem; line-height: 2rem}
	.masthead a{color:#171618;font-size: 0.9rem;font-weight:800; margin-right: 0}
	.masthead a:hover{color:black!important}
	.masthead .title {padding: 10% 10rem 10%}
	
	.masthead .follow {margin-left: 1.5rem}
	.masthead .social a{color:white; font-size: 1.3rem}
	.masthead .social a:hover{text-decoration:none;color: #45d5ef!important}
	.masthead .social a:active{color:#fff}
	.masthead .social {width:auto;height:45px;}
	
	.masthead .carousel-project {display: block;}
	.masthead .carousel-indicators {padding-right: 0}
	.masthead .carousel-project-mobile {display: none; margin-bottom: 8rem}
	
	#teams2 .card-deck {padding: 0; margin-bottom: 2rem}
	#teams2 .card {border: none; border-radius: 0}
	
	/* 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;
	}
	
	/* linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 25%, rgba(0, 0, 0, 0) 95%) */
	/*
	.masthead{position:relative;width:100%;height:auto;
	background: url(../img/Background.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:cover;
	} */
	
	.breaker2-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;
	}
	
	.btn{-webkit-box-shadow:0 .1875rem .1875rem 0 rgba(0,0,0,.1)!important;box-shadow:0 .1875rem .1875rem 0 rgba(0,0,0,.1)!important;padding:1rem 1.5rem;font-size:50%;letter-spacing:.05rem;border:0;border-radius: 0;}
	
	.btn-primary{background-color:transparent;border: solid 1px white; font-size: 2px; text-decoration: none; margin: 0}
	
	.projects-section{padding:5rem 4rem 4rem}
	#history h2{font-weight: 800;margin-bottom: 1rem; line-height: 4.5rem; letter-spacing: 0; padding-left: 1rem; font-size: 5rem}
	#history .des p{max-width:40rem;font-size:1rem;line-height:2rem;font-weight:400; letter-spacing: 0; padding-left: 1rem}
	
	#breaker2  h1{font-size:2.5rem;line-height:2.5rem;letter-spacing:.1rem;font-weight:800; margin: 0}
	.breaker2-section {padding: 0 0 3rem}
	#breaker2 .carousel-project {display: block; margin-bottom: 8rem}
	#breaker2 .carousel-project-mobile {display: none; margin-bottom: 8rem}
	/* #breaker2 .carousel-project {padding: 2rem; background-color: black} */
	
	.part1{padding:5rem 4rem}
	.part1 h2{font-weight: 800;margin-bottom: 0; line-height: 4.5rem; letter-spacing: 0; padding: 5rem 0 1rem; font-size: 2rem}
	.part1 .des p{max-width:40rem;font-size:1rem;line-height:2rem;font-weight:400; letter-spacing: 0.01rem; padding-left: 0rem; margin-bottom: 1rem}
	.part1 .pro {padding-top: 5rem; margin-top: 5rem}
	
	#breaker2 .social {font-size:3rem; padding: 0; margin: 0}
	#breaker2 .social h6 {font-weight: 600;margin-bottom: 0; line-height: 4.5rem; letter-spacing: 0.5; font-size: 1rem; margin-left: 0rem}
	
	#breaker2 a{color:#171618;font-size: 0.9rem;font-weight:800; margin: 0}
	#breaker2 a:hover{color:rgba(23,24,25,1)!important}
	
	/* 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;
}