@charset "UTF-8";

@font-face{
	font-family: avenirRegular;
	src: url(../fonts/AvenirNextLTPro-Regular.otf);
}

@font-face{
	font-family: avenirDemi;
	src: url(../fonts/AvenirNextLTPro-Demi.otf);
}

@font-face{
	font-family: avenirBold;
	src: url(../fonts/AvenirNextLTPro-Bold.otf);
}

body {
	background-color:#e1e1e1;
	background-image:url(../images/imageBackgroundDotsTexture.png);
	background-repeat: repeat;
	background-attachment: fixed;
	margin: 0px;
}

a {
	text-decoration: none;
	border:0px;
}

i {
    border: solid;
    border-width: 0 3px 3px 0;
	border-color: rgba(52, 52, 52, 0);
    display: inline-block;
    padding: 3px;
	float: left;
}

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

li {
	font-family: avenirDemi;
	font-size: 12px;
}



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

h1{
	font-family: avenirBold;
	font-size: 34px;
	margin: 0px;
	letter-spacing: 7px;
}

h2{
	font-family: avenirRegular;
	font-size: 22px;
	margin: 0px;
	letter-spacing: 4px;
	color: #343434;
}

.boldH2{
	font-family: avenirDemi;
}

h3{
	font-family: avenirBold;
	font-size: 14px;
	margin: 0px;
}

h4{
	font-family: avenirRegular;
	font-size: 12px;
	margin: 0px;
}

p{
	font-family: avenirRegular;
	font-size: 15px;
	margin: 0px;
	line-height: 20px;
	padding: 0px;
}

button{
	font-family: avenirRegular;
	letter-spacing: 1px;
}

.boldContentP{
	font-family: avenirDemi;
}

/* Contact Form control */
.form-control{
	width: 100%;
	height: 40px;
	font-family: avenirDemi;
	font-size: 14px;
	letter-spacing: 2px;
	padding-left: 4px;
	padding-right: 0px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-bottom-width: 2px;
	border-color: #dddddd;
	border-style: solid;
	color: #343434;
}

.form-control-textArea{
	width: 100%;
	height: 228px;
	font-family: avenirDemi;
	font-size: 14px;
	letter-spacing: 2px;
	padding-top: 10px;
	padding-left: 4px;
	padding-right: 0px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-bottom-width: 2px;
	border-color: #dddddd;
	border-style: solid;
	color: #343434;
}

.btn {
	cursor:pointer;
	font-family: avenirDemi;
	letter-spacing: 4px;
  	border-width: 0;
	font-size:18px; 
	color: #ffffff;
	padding:14px 60px;
	margin-top: 20px;
	margin-left: 50px;
	width: 500px;
	-webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
	box-shadow: 3px 3px 0px rgba(52, 52, 52, 1);
}
.btn.btn-primary {
  	background: #3c96d4;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus {
 	background: #4dabeb;
}

video { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    background:url(../images/tritioPreviewImage.jpg) no-repeat;
    background-size: cover;
    -webkit-transition: 1s opacity;
    transition: 1s opacity;
}



/* Breakpoints START*/

/* Smarthphones breakpoint 1*/
@media (max-width: 1250px){
	.btn {
		width: 95%;
		margin-left: 2.5%;
		margin-right: 2.5%;
	}
	
}

/* Smarthphones breakpoint 2*/
@media (max-width: 600px){
	.form-control{
		font-size: 12px;
	}
	
	.form-control-textArea{
		font-size: 12px;
		height: 228px;
	}
	
	.btn {
		font-size:14px; 
		color: #ffffff;
		padding:10px 40px;
		margin-top: 20px;
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}
	
}