/*!
 * Start Bootstrap - The Big Picture (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

body {
	margin-top: 0;
	margin-bottom: 0;
	background: none;
	font-family: 'Titillium Web', sans-serif;
}


.thumbnail {
    position: relative;
    padding: 0px;
    margin-bottom: 20px;
}

.thumbnail img {
    width: 100%;
}

video {
  		width: 100%    !important;
  		height: auto   !important;
		}

.h1ontop {font-family: 'Titillium Web', sans-serif; font-size: 50px; color: ghostwhite; z-index: 999; text-shadow: 3px 3px 10px #000000; text-align: left; padding: 2% 0 12% 0;}

i {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}



/* MEET THE TEAM START */

 /* Three columns side by side */

/* MEET THE TEAM END */



/*#####################
Additional Styles (required)
#####################*/
#myCarousel .carousel-caption {
	left:0;
	right:0;
	bottom:0;
	text-align:left;
	padding:10px;
	background:rgba(0,0,0,0.6);
	text-shadow:none;
}

#myCarousel .list-group {
	position:absolute;
	top:0;
	right:0;
}
#myCarousel .list-group-item {
	border-radius:0px;
	cursor:pointer;
}
#myCarousel .list-group .active {
	background-color:#eee;	
}

@media (min-width: 992px) { 
	#myCarousel {padding-right:33.3333%;}
	#myCarousel .carousel-controls {display:none;} 	
}
@media (max-width: 991px) { 
	.carousel-caption p,
	#myCarousel .list-group {display:none;} 
}


h2 {color:#AC00BC;}


	.button {
    background-color: #9b2586; /* Green */
    border: none;
    color: white;
    padding: 16px 42px;
    text-align: center;
    text-decoration: none;
	border-radius: 50px 50px 50px 50px;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.button1 {
    background-color: #9b2586; 
    color: #ffffff; 
    border: 2px solid #9b2586;
	margin:2% 0 2% 0;
}

.button1:hover {
    background-color: #FFFFFF;
    color: #233543;
}

.button1:visited {background-color: transparent; 
	color: ghostwhite;
}



.button2 {
    background-color:#ffffff ; 
    color: #233543; 
    border: 2px solid #233543;
	margin:2% 0 2% 0;
}

.button2:hover {
    background-color: #233543;
    color: #FFFFFF;
}


.button3 {
    background-color: #ffffff; 
    color: #233444; 
	width: 200px;
    border: 3px solid #233444;
	margin: 3% 0 3% 0;
}

.button3:hover {
    background-color: #233444;
    color: #ffffff;
	border: 3px solid #ffffff;
	box-shadow: 0 14px 18px 0 rgba(0,0,0,0.24);
}

.button3:visited {background-color: transparent; 
	color: ghostwhite;
}


.button4 {
	float: left;
    background-color: #9b2586; 
    color: #ffffff; 
    border: 2px solid #9b2586;
	margin:2% 0 2% 0;
}

.button4:hover {
    background-color: #FFFFFF;
    color: #233543;
}

.button4:visited {background-color: transparent; 
	color: ghostwhite;
}

.h1bar {font-family: 'Titillium Web', sans-serif; font-size: 3em; color: ghostwhite; text-align: center; text-shadow: 10px 10px 7px #000000;}

.h2bar {font-family: 'Titillium Web', sans-serif; font-size: 20px; color: ghostwhite; text-align: center; padding: 1% 4% 1% 4%;}

.h3bar {font-family: 'Titillium Web', sans-serif; font-size: 20px; color: ghostwhite; text-align: left; padding: 1% 0 1% 0;}

.h4bar {font-family: 'Titillium Web', sans-serif; font-size: 2em; color: ghostwhite; text-align: left; text-shadow: 10px 10px 7px #000000; margin-bottom: 2%;}

.full {
  background: url(../images/bg.jpg) no-repeat center top fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.fullabout {
  background: url(../images/bg_about.jpg) no-repeat center top fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



.fullassembly {
  background: url(../images/bg_assembly.jpg) no-repeat center top fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.fullautomotive {
  background: url(../images/bg_automotive.jpg) no-repeat center top fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.fullcnc {
  background: url(../images/bg_cnc.jpg) no-repeat center top fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.fullcomposites {
  background: url(../images/bg_composites.jpg) no-repeat center top fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.fullseating {
  background: url(../images/bg_seating.jpg) no-repeat center top fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.fulltransit {
  background: url(../images/bg_transit.jpg) no-repeat center top fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.fullsectors {
  background: url(../images/bg_sectors.jpg) no-repeat center top fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.fullpoly {
  background: url(../images/bg_poly.jpg) no-repeat center top fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.fullconstruction {
  background: url(../images/bg_construction.jpg) no-repeat center top fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.fullcapabilities {
  background: url(../images/bg_capabilities.jpg) no-repeat center top fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.fullaccreditations {
  background: url(../images/bg_accreditations.jpg) no-repeat center top fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.fullprototyping {
  background: url(../images/bg_prototyping.jpg) no-repeat center top fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.fullprotection {
  background: url(../images/bg_protection.jpg) no-repeat center top fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.fullcontact {
  background: url(../images/bg_contact.jpg) no-repeat center top fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.liabout {color: darkslategrey; font-family: 'Titillium Web', sans-serif; font-size: 15px;}


.pgly {font-size: 18px; color:#312E2E;}

p {color: ghostwhite; font-family: 'Titillium Web', sans-serif; font-size: 16px;}

.dark {color: #414143; font-family: 'Titillium Web', sans-serif; font-size: 16px;}

h1 {color: black;}

.row {padding: 2% 2% 2% 2%;}

header {background:#ffffff;}

footer {max-width: 100%; height: 3%; margin: 0; padding: 0; background-color:#000000;}

.socialbox {max-width:100%; height: 50px; margin-left: 30%; margin-top: 3%;}

.container1{
   max-width:100%;
   height: auto;
   background: url("../images/Thermotec_factory.jpg") no-repeat top center fixed;
   background-repeat:no-repeat;
   background-size:cover;
   color: white;
   text-align: center;
   font-family: 'Titillium Web', sans-serif;
	font-weight: bolder;
   font-size: 3em;
}

 /* Turn off parallax scrolling for tablets and phones. Increase/decrease the pixels if needed */
@media only screen and (max-device-width: 1024px) {
    .container1 {
        background-attachment: scroll;
    }
}