/* CSS Document for Python by WEBGRITY */
body{

	margin:0px;
	padding:0px;
	background-color:#290506;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	line-height:15px;
	}

.container{
	padding: 20px;
}

td.menu{
	background:url(../images/menu-back.jpg);
	background-repeat:no-repeat;
	background-color:#000000;
	font-size:12px;
	color:#fecaca;
	}
	
td.menu-home{
	background:url(../images/menu-back-home.jpg);
	background-repeat:no-repeat;
	background-color:#000000;
	font-size:12px;
	color:#fecaca;
	}
td.menu-about{
	background:url(../images/menu-back-about.jpg);
	background-repeat:no-repeat;
	background-color:#000000;
	font-size:12px;
	color:#fecaca;
	}
td.menu-cctv{
	background:url(../images/menu-back-cctv.jpg);
	background-repeat:no-repeat;
	background-color:#000000;
	font-size:12px;
	color:#fecaca;
	}
td.menu-access{
	background:url(../images/menu-back-access.jpg);
	background-repeat:no-repeat;
	background-color:#000000;
	font-size:12px;
	color:#fecaca;
	}
td.menu-dvr{
	background:url(../images/menu-back-dvr.jpg);
	background-repeat:no-repeat;
	background-color:#000000;
	font-size:12px;
	color:#fecaca;
	}
td.menu-ip{
	background:url(../images/menu-back-ip.jpg);
	background-repeat:no-repeat;
	background-color:#000000;
	font-size:12px;
	color:#fecaca;
	}

td.menu-installation{
	background:url(../images/menu-back-installation.jpg);
	background-repeat:no-repeat;
	background-color:#000000;
	font-size:12px;
	color:#fecaca;
	}
td.menu-contact{
	background:url(../images/menu-back-contact.jpg);
	background-repeat:no-repeat;
	background-color:#000000;
	font-size:12px;
	color:#fecaca;
	}
.home-navg:link{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	}
.home-navg:visited{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	}
.home-navg:hover{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fecaca;
	text-decoration:none;
	font-weight:bold;
	}
.home-navg:active{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	}
	
	
a.navg:link{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fecaca;
	text-decoration:none;
	}
a.navg:visited{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fecaca;
	text-decoration:none;
	}
a.navg:hover{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
	}
a.navg:active{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fecaca;
	text-decoration:none;
	}

.cw-frm h3 {
    margin: 10px 0px 15px 0px;
    letter-spacing: 2px;
    font-size: 1.5em;
	color:#fff;
	text-align:center;
}
.cw-frm {
    justify-content: center;
    align-items: center;
    max-width:500px;
    margin: 0 auto;
	display:flex;
	flex-wrap:wrap;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
.cw-frm form {
    padding: 2vw 2.5vw;
    justify-content: center;
    background-color: rgb(54, 173, 185);
    flex-basis: 100%;
}

::-webkit-input-placeholder {
	color:#888 !important;
}
:-moz-placeholder { /* Firefox 18- */
	color:#888 !important;
}
::-moz-placeholder {  /* Firefox 19+ */
	color:#888 !important;
}
:-ms-input-placeholder {  
	color:#888 !important;
}
.input-group1 input[type="text"], .input-group1 input[type="email"], .input-group1 textarea{
	width: 100%;
	color: #0800;
	outline: none;
	font-size: 14px;
	letter-spacing: 2px;
	line-height: 25px;
	padding: 8px 15px;
	box-sizing: border-box;
	border: none;
	border-bottom: 1px solid #fff;
	-webkit-appearance: none;
	background: #fff;
	margin-bottom: 15px;
}
.input-group1 textarea{
	height: 75px;
}

input[type=submit] {
	color: #FFFFFF;
	margin-top: 2em;
	padding: .5em 3em;
	font-size: 1.1em;
	letter-spacing: 2px;
	cursor: pointer;
	border: 1px solid #ae9733;
	outline: none;
	background: #ae9733;
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
}

input[type=submit]:hover{
	color: #333;
	background: #fff;
}

.status-msg{
	font-size: 18px;
	padding: 10px;
	border: 2px dashed;
	background: #fff;
}

.status-msg.error{
	color: #EA4335;
}

.status-msg.success{
	color: #34A853;
}
.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: auto;
}
.form-signin .checkbox {
  font-weight: 400;
}
.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.footer {
    text-align: center;
    padding: 3vw 0vw 2vw;
    color: #333;
	letter-spacing:1px;
	line-height:25px;
}
.footer a {
    color:#ae9733;
}
.footer p {
    font-size:15px;
	letter-spacing:2px;
}

td.main{
	background:url(../images/body-back.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#6b0000;
	}
td.matrix{
	background:url(../images/matrix.jpg);
	background-repeat:no-repeat;
	background-position:100% 0px;
	}
td.footer{
	color:#b5b5b5;
	line-height:14px;
	font-weight:bold;
	}
a.foot:link{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#b5b5b5;
	text-decoration:none;
	}
a.foot:visited{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#b5b5b5;
	text-decoration:none;
	}
a.foot:hover{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
	}
a.foot:active{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#b5b5b5;
	text-decoration:none;
	}
a.product:link{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
	}
a.product:visited{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
	}
a.product:hover{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	text-decoration:underline;
	}
a.product:active{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
	}
.heading{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	padding-left:17px;
	}
.sub-heading{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	}
.sub-heading-camera{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	background-color:#333333;
	padding-left:17px
	}
	
.access
{
font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	line-height:15px;
}
.contact-text
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	line-height:21px;
	}
.email:link
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	line-height:21px;
	text-decoration:none;
	}
.email:visited
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	line-height:21px;
	text-decoration:none;
	}
.email:hover
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	line-height:21px;
	text-decoration:underline;
	}
.email:active
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	line-height:21px;
	text-decoration:none;
	}
		
	
.grey-text
{
font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#242424;
	line-height:15px;
	}
a.product1:link{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#242424;
	text-decoration:none;
	}
a.product1:visited{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#242424;
	text-decoration:none;
	}
a.product1:hover{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#7a7979;
	text-decoration:underline;
	}
a.product1:active{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#242424;
	text-decoration:none;
	}
.ul1
{
margin:0px;
padding:0px;
}

a.product2:link{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
	}
a.product2:visited{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
	}
a.product2:hover{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	text-decoration:underline;
	}
a.product2:active{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
	}
.send{
	background-color: #414141 !important;
	border: 1px solid #c9c9c9 !important;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff !important;
	cursor:hand;
	padding:3px;
}
.star{
	color:#FF0000;
	}
	.lines{
		margin:10px 0
		}
/** Responsive **/
@media screen and (max-width: 600px){
	h1 {
		font-size: 2.5em;
	}
	h3 {
		font-size: 30px;
	}
}
@media screen and (max-width: 480px){
	.cw-frm {
		margin: 0 5vw;
	}
	h1 {
		font-size: 2em;
	}
	h3 {
		font-size: 27px;
	}	
}
@media screen and (max-width: 414px){

} 
@media screen and (max-width: 320px){
	h1 {
		letter-spacing: 2px;
	}
	h3 {
		font-size: 25px;
	}
	.footer p {
		letter-spacing: 0px;
	}
} 
/** /Responsive **/