@charset "UTF-8";
/* CSS Document */

body,html
	{
		font-family: Noto+Sans, sans-serif;
		font-size:20px;
		background-color:#fff;
		color:#333;
		text-align:center;
	}

.container-bg1{background: #945ea2;}

#header{font-size:30px;text-align:center;}

#sub-header{font-size:22px;text-align:center;}

.sub-heading{font-size: 22px; line-height: 26px;}

.highlight-txt{font-size: 60px;}

header a.logo{
		position: relative;
		float: left;
		margin-top: 10px;
		left: 10px;
		width: 420px;
		height: 48px;
		background: url(../images/Pro-Tools_services-Logo.png) no-repeat;
		outline: none; 
		text-indent: -9999px;
}

textarea{padding:12px;margin: 8px 0;box-sizing: border-box;border: none;background-color: #111;color: white;}

label{color:#aaa;}

#page-top{padding: 10px;background-color:#566778;}

#training .c-body{margin-left:30px;margin-right:30px;font-weight:200;}

#training-header{margin-top: 40px; margin-bottom: 20px; font-size: 60px; letter-spacing: .4em; font-weight:300;}

#support-header{margin-top: 40px; font-size: 50px; letter-spacing: .4em; margin-bottom: 30px; font-weight:300;}

#clients-header{margin-top: 40px; font-size: 50px; letter-spacing: .4em; margin-bottom: 30px; font-weight:300;}

#installation-header{margin-top: 40px; font-size: 50px; letter-spacing: .4em; margin-bottom: 30px; font-weight:300;}

#resume-header{margin-top: 40px; font-size: 50px; letter-spacing: .4em; margin-bottom: 30px; font-weight:300;}

.navbar-inverse .navbar-nav>li>a { width: auto;margin: 22px 34px; font-size: 14px; font-weight: 500; letter-spacing: 1px; color:#d0d0d0; }

.navbar-inverse{background: #4c095d url(images/nav-bg-tile.png) repeat-x; overflow: hidden;}

.navbar-collapse, .collapse, .in {overflow: hidden;}

.nav {float: right; padding-right: 24px;}
 
.contact-phone{font-size: 46px; color: #666; letter-spacing: .3em; margin-bottom: 20px; margin-left: 30px; font-weight:500;}

.contact-email{font-size: 30px; color: #666; letter-spacing: .1em; margin-bottom: 20px; font-weight:500;}

			
#Empty,
#alsoEmpty {
    padding-top: 40px;
    padding-bottom: 25px;
    text-align: center
}

#footer {
	text-align:center;
    color: #fff
}
#gallery,
#clients,
#training,
#installation,
#PTServices,

#Empty,
#HOME,

#alsoEmpty,
#footer {
    z-index: 20;
    position: relative;
	/*min-height:730px;*/
	height: auto;
}

#gallery{height:auto;}
#PTServices,
#training{height:auto;padding-top:60px;padding-bottom:50px;}
#support{height:auto;padding-top:60px;padding-bottom:50px;}
#installation{height:auto;padding-top:60px;padding-bottom:50px;}

#PTServices{padding-top:60px;padding-bottom:50px;background-color:#fff;}
#clients{padding-top:60px;padding-bottom:50px;background-color:#fff;}
#clients #clients-header{font-size: 50px; letter-spacing: .4em; margin-bottom: 30px; font-weight:300;}
#resume{height:auto;padding-top:60px;padding-bottom:50px;}
#gallery{background-color:#333;padding-top:60px;padding-bottom:100px;}
#gallery img{margin:auto;}
#gallery .c-hdr{font-size:50px;padding-bottom:20px;font-weight:100;}


#main-header{
	position: relative;
	top: 40px;
	font-family:Open+Sans, sans-serif;
	color: #FFF;
	font-size: 22px;
	background-color: #945ea2;
	width: 100%;
	margin: auto;
	
}

#main-header-mv{display: none;}

#PT-logo-right{ position: relative; float: left; top: 60px;}

#PT-logo-left{ position: relative; float: right; top: 60px;}

#main-header h1 {
	letter-spacing: .1em;
	text-shadow: 5px 5px 6px #7f4098;
	font-size:100px;
	font-weight:500;

}

#main-header h2 {
	letter-spacing: .1em;
	text-shadow: 5px 5px 6px #7f4098;
	font-size:22px;
	font-weight:400;
}

#main-header h3 {
	letter-spacing: .1em;
	text-shadow: 5px 5px 6px #7f4098;
	font-size:30px;
	font-weight:600;
	line-height: 40px;
	margin-top: 4px;
	/*color: #fbf9b9;*/
}

#main-header h4 {
	letter-spacing: .2em;
	text-shadow: 5px 5px 6px #7f4098;
	font-size:60px;
	font-weight:500;
	line-height: 50px;
	margin-top: 20px;
	color: #fff8af;
}

#main-header h5 {
	letter-spacing: .1em;
	text-shadow: 5px 5px 6px #7f4098;
	font-size:32px;
	font-weight:700;
	line-height: 10px;
	margin-top: 10px;
	/*color: #fff8af;*/
}

#main-header .bullet {
	letter-spacing: .1em;
	text-shadow: 5px 5px 6px #7f4098;
	font-size:20px;
	font-weight:500;
	line-height: 30px;

}

#avid-icon-container{width:940px; margin: auto;}

#avid-icon-container .avid-cert{float: left; padding: 4px 2px;}



#PTServices{font-weight:100;}
#HOME,
#myModal {
    color: #000;
}


#Empty,
#HOME,


#alsoEmpty,
#caption,
#footer,
.images,
body {
    position: relative;
}

#Empty,

#alsoEmpty,
#caption,
#img-bg,
#serv-header,
.c-hdr {
    text-align: center;
}

#bot-check,
#submit,
.imgFloat,
.num-check {
    float: left;
}
#clients .c-body{margin-left:30px;margin-right:30px;}
#HOME {
    padding-top: 25px;
    padding-left: 0;
    padding-right: 0;
    height: auto;
    background-color: #efefef;
}

/*#Services {
    height: auto;
    color: #ccc;
    font-weight: 200;
}*/

#Empty,
#alsoEmpty {
    height: 400px;
    color: #777;
    background: 0 0;
}

#footer,
.main-img,
.modal-body {
    height: auto;
}

/*#About {
    padding-bottom: 100px;
}*/

#footer {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #401252;
    font-size: 14px;
    font-weight: 100;
}

#footer span {
    font-size: 20px;
    font-weight: 400;
    color: #5179a1;
}

.col-lg-4 img {
    margin: auto;
}

.col-lg-4 {
    margin-bottom: 15px;
}

.main-img {
    width: 100%;
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
    width: 100%;
    margin: auto;
}

.carousel-caption {
    color: #fff;
}

.navbar-inverse .navbar-nav>li>a {
    color: #ccc;
}

.images {
    overflow: hidden;
    height: 342px;
}

#hdr {
    font-size: 24px;
    font-weight: 700;
    line-height: 2.2;
    color: #000;
}

#serv-header,
#serv-header span {
    font-size: 50px;
    color: #000;
}

.container-4 {
    height: auto;
    margin: auto;
    font-weight: 400;
}

.c-hdr {
    height: 40px;
    padding: 8px;
}

.c-body {
    height: auto;
    padding: 16px;
    color: #777;
}

.c-body2 {
    height: auto;
    padding: 16px;
    color: #777;
	text-align: left;
}

.c-body span {
    color: #aaa;
}

.no-pad {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

#serv-header {
    font-weight: 100;
}

.darker {
    color: #000;
}

.carousel-control.left,
.carousel-control.right {
    background: 0 0;
}

#footer a {
    color: red;
}

.modal-body .c-body {
    background-color: #fff;
}

.modal-body .c-hdr {
    background-color: #ddd;
}

.c-body,
.c-hdr {
    background-color: #fff;
}

.c-hdr {
    color: #000;
    font-size: 25px;
}

.c-body {
    border-top: 1px solid #ddd;
}

.c-footer {
    height: 10px;
    background-color: #eee;
}

#img-bg {
    background-color: #333;
    color: #ccc;
}

.top-bot-borders {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    font-size: 50px;
}

.lft {
    text-align: left;
}

.num-check {
    height: 40px;
    width: 40px;
    background-color: #ddd;
    text-align: center;
    padding-top: 10px;
    font-size: 18px;
}

#equals,
#plus {
    background-color: #fff;
}

#fail {
    display: none;
    color: red;
}

#success {
    display: none;
    color: #0b0;
}

#bot-check {
    width: 70px;
    height: 40px;
}

#submit {
    height: 40px;
    margin-left: 10px;
}



/*------------------------------Mail Form--------------------------------------*/


.required {font-size: 12px; letter-spacing: .2em;}


input.txt-field
{
background-color:#fff;
font-size: 14px;
font-weight: 500;
color:#333;
letter-spacing: .1em;
width: 40%;
height:40px;
padding-top:10px;
}

/*font-weight:bold; padding:0 3px;
border:1px solid #585858;*/


/*---------------------------------Responsive-------------------------------------*/

/*@media screen and (max-width: 1300px) { 


}

@media screen and (max-width: 850px) { 


}*/


@media screen and (max-width: 790px) { 

.container-fluid{ width: auto; }
	.navbar { width: auto; }
	.navbar-inverse .navbar-nav>li>a { width: auto; margin: 2px 2px; font-size: 14px; font-weight: 500; letter-spacing: 1px; color:#d0d0d0; text-align:left; }

	.navbar-inverse{background: #4c095d url(images/nav-bg-tile.png) repeat-x; overflow: hidden;}

	.navbar-collapse, .collapse, .in {overflow: hidden;}

	.nav {float: left; padding-right: 24px;}
	
	header a.logo{
		position: relative;
		display: block;
		/*float: right;*/
		margin-top: 12px;
		left: 0px;
		width: 420px;
		height: 48px;
		background: url(../images/Pro-Tools_services-Logo.png) no-repeat 0 0; background-size: contain;
	}
	
	#PT-logo-right{display: none;}
	
	#PT-logo-left{display: none;}
	
	#main-header h1 {
		letter-spacing: .1em;
		text-shadow: 5px 5px 6px #7f4098;
		font-size:70px;
		font-weight:500;
	
	}
	
	#main-header h2 {
		letter-spacing: .1em;
		text-shadow: 5px 5px 6px #7f4098;
		font-size:22px;
		font-weight:400;
	}
	
	#main-header h3 {
		letter-spacing: .1em;
		text-shadow: 5px 5px 6px #7f4098;
		font-size:32px;
		font-weight:600;
		line-height: 40px;
		margin-top: 4px;
		/*color: #fbf9b9;*/
	}
	
	#main-header h4 {
		letter-spacing: .2em;
		text-shadow: 5px 5px 6px #7f4098;
		font-size:34px;
		font-weight:500;
		line-height: 40px;
		margin-top: 10px;
		color: #FF0;
	}
	
	#main-header h5 {
		letter-spacing: .1em;
		text-shadow: 5px 5px 6px #7f4098;
		font-size:20px;
		font-weight:700;
		line-height: 10px;
		margin-top: 10px;
	
	}


}


@media screen and (max-width: 490px)


{
	

	.container-fluid{ width: auto; }
	.navbar { width: auto; }
	.navbar-inverse .navbar-nav>li>a { width: auto; margin: 2px 2px; font-size: 14px; font-weight: 500; letter-spacing: 1px; color:#d0d0d0; text-align:left; }

	.navbar-inverse{background: #4c095d url(images/nav-bg-tile.png) repeat-x; overflow: hidden;}

	.navbar-collapse, .collapse, .in {overflow: hidden;}

	.nav {float: left; padding-right: 24px;}
	
	header a.logo{
		position: relative;
		display: block;
		/*float: right;*/
		margin-top: 12px;
		left: 0px;
		width: 230px;
		height: auto;
		background: url(../images/Pro-Tools_services-Logo.png) no-repeat 0 0; background-size: contain;
	}
	
	#PT-logo-right{display: none;}
	
	#PT-logo-left{display: none;}
	
	#main-header{display: none;}
	
	#main-header-mv{
		margin-top: 0;
		display: block;
		color: #FFF;
		font-size: 16px;
		font-weight: 300;
		background-color: #945ea2;
		width: 100%;
			
	}
	
	#main-header-mv h1 {
		letter-spacing: .1em;
		text-shadow: 5px 5px 6px #7f4098;
		font-size:50px;
		font-weight:500;
	
	}
	
	#main-header-mv h2 {
		letter-spacing: .1em;
		text-shadow: 5px 5px 6px #7f4098;
		font-size:20px;
		font-weight:300;
	}
	
	#main-header-mv h3 {
		letter-spacing: .1em;
		text-shadow: 5px 5px 6px #7f4098;
		font-size:22px;
		font-weight:600;
		line-height: 40px;
		margin-top: 4px;
		/*color: #fbf9b9;*/
	}
	
	#main-header-mv h4 {
		letter-spacing: .2em;
		text-shadow: 5px 5px 6px #7f4098;
		font-size:30px;
		font-weight:500;
		line-height: 40px;
		margin-top: 10px;
		color: #FF0;
	}
	
	#main-header-mv h5 {
		letter-spacing: .1em;
		text-shadow: 5px 5px 6px #7f4098;
		font-size:16px;
		font-weight:700;
		line-height: 10px;
		margin-top: 10px;
	
	}
	
	.sub-heading{margin-left: -8px;font-size: 13px; line-height: 14px;}
	.highlight-txt{font-size: 32px; font-weight: 400;}
	
	#training-header{margin-left: 8px; font-size: 34px; letter-spacing: .4em; margin-bottom: 30px; font-weight:300;}
	#training .c-body{margin-left: 10px; margin-right: 10px; font-weight: 100px; color: #333;}
	
	
	#support-header{font-size: 34px; letter-spacing: .4em; margin-bottom: 30px; font-weight:300;}
	
	#installation-header{font-size: 24px; letter-spacing: .4em; margin-bottom: 30px; font-weight:400;}
	
	#clients #clients-header{font-size: 34px; letter-spacing: .4em; margin-bottom: 30px; font-weight:300;}
	
	#resume-header{font-size: 30px; letter-spacing: .4em; margin-bottom: 30px; font-weight:300;}
	
	
	.contact-phone{font-size: 26px; color: #666; letter-spacing: .1em; margin-bottom: 20px; margin-left: 30px; font-weight:500;}
	
	.contact-email{font-size: 16px; color: #666; 20px; font-weight:500;}
	
	#footer {font-weight: 300;}

}