/*
Author: Double Click Design
Author URL: http://www.double-click-design.com
Version: beta 0.01
*/
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,800,600);
@import url(//fonts.googleapis.com/css?family=Lobster+Two:700);
body {
	color:#FFF; 
	font-family: 'Open Sans', sans-serif;
	/* min-width:960px; */
	top:0;
	left:0;
	position:absolute;
	height:100%;
	width:100%;
	margin:0;
	background-size:cover;
}
.ie body {
	filter: dropshadow(color=#000000, offx=0, offy=1);	
}

.marginLeftPad { position:relative; margin-left:10px; display:inline-block; }
section, #section-1 {
	position:relative; 
    margin-bottom: 40px;
    margin-top: -40px;
    min-height: 100%;
    min-width: 100%;
    padding-top: 40px;
    width: 100%;
	
}
#Section-2 { 
	position:relative; 
    margin-bottom: 0px;
    margin-top: 0px;
    min-width: 100%;
    padding-top: 10px;
	padding-bottom:20px;
    width: 100%;
	background-color�: #e6b332 !important;
	/* Fallback for web browsers that doesn't support RGBa */
    background: rgb(224, 43, 23) transparent !important;;
    /* RGBa with 0.6 opacity */
    background: rgba(230, 179, 50, 0.8) !important;;
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	
}

.footer { position:relative; margin: 10px 0px; width:100%; text-align:center; font-size:12px; line-height:24px; color:#fff; }


#line { position:relative; margin:0; padding:0; height:2px; width:100%; background:#c12f1e; }
#telBox {
    background:#c12f1e;
    border: 1px solid #c12f1e;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-size: 15px;
    line-height: 20px;
    margin: 0;
    padding: 15px 8px 5px 8px;
    position: absolute;
    right: 30px;
    text-align: center;
    top: -12px;
}
#telBox i { margin-right:3px; display:inline-block; }
#telBox a:link, #telBox a:visited, #telBox a:active, #telBox a:focus {  color: #FFFFFF; font-size: 15px; text-decoration:underline;}
	

/* #logo { position:relative; margin:0 auto; padding-top:20px; display:block; } */
#logo { position:absolute; top:60px !important; left:80px; }
h1 {
	font-size:68px;
	letter-spacing:-2px;  
	text-align:center; 
	padding-top:30px;
	font-weight:700;
	font-family: 'Lobster Two', cursive;
	font-style:italic;
	text-shadow: 2px 2px rgba(12, 11, 11, 0.56);
	margin:0;
	margin-top:60px;
}
.ie h1 {
	filter: dropshadow(color=#000000, offx=0, offy=3);
	padding-bottom:12px;	
} 
.ie h2 {
	filter: dropshadow(color=#000000, offx=0, offy=3);
}
h3 {
	position:relative;
	margin:0;
	padding:0;
	font-size:36px;
	letter-spacing:-2px;  
	text-align:center; 
	font-weight:700;
	/* font-family: 'Lobster Two', cursive; */
	font-family: 'Open Sans', sans-serif;
	font-style:normal;
	text-shadow: 2px 2px rgba(12, 11, 11, 0.56);

	
	
	
}
.ie h3 {
	filter: dropshadow(color=#000000, offx=0, offy=3);
}
h4 {
	margin-bottom:5px;	
}
p, pre {
	margin:0 0 10px 0; 
}
code {
	text-transform:uppercase !important;
	color:#EEE;	
	border-bottom:1px dotted #666;
}
small {
	background:url(http://captureonecomplete.com/images/alpha.png);
	background:rgba(0, 0, 0, 0.8) url(http://captureonecomplete.com/css/styles.css);	
	border:1px solid #111;
	font-size:15px;
	padding:0 5px;
}
a {
	color: rgba(255, 255, 255, 0.57);
	text-decoration:none;	
}
a:hover {
	color:#BBB;	
} 
#Header {
	margin:0 auto;
margin-bottom: 62px;
position: relative;
width: 920px;
height: 110px;
line-height: 110px;
z-index: 1;
}
.wrapper {
margin: 0 auto;
position: relative;
width: 100%;
z-index: 1;
}
.wrapper2 { 
	position:relative;
	margin:10px auto;
	margin-bottom:30px;
	width:920px;
	text-align:center;
	z-index: 20;

}
#socialIcons {
	padding-top:20px; 
display:block;
}
#socialIcons ul {
margin: 0px; 
padding:0px;
text-align: center;
}
#socialIcons ul li {
margin-right: 5px;
height: 34px;
line-height: 34px;
list-style-type: none;
display: inline-block; 
}
#socialIcons ul li a{
width:34px;
height:34px; 
display: inline-block;
}
.twitterIcon, .facebookIcon, .linkedInIcon, .pintrestIcon{
background: url('http://captureonecomplete.com/images/social-icons.png') -74px 0px;
}
.facebookIcon{
background-position: 10px 0px;
}
.linkedInIcon{
background-position: -245px 0px;
}
.pintrestIcon{
background-position: -331px 0px;
}
.tempBy{
display:block;
text-align:center;
margin-top:5px;
font-size:12px;
color:#FFF;
}

.address {
display:block;
text-align:center;
margin-top:20px;
font-size:16px;
color:#FFF;
}


#Content h2 {
display: inline-block;
margin: 25px 0 45px;
margin-bottom:33px;
padding: 0px;
text-align: center;
font-size: 28px; 
font-weight: 300;
color: #fff;
line-height: 43px;
}
#WindowSlide {
margin: 0 auto;
position: relative;
width: 634px;
height: 170px;
display: block;
overflow: hidden;
}
#Mail {
position: absolute;
width: 634px;
top: 0px;
left: 0px;
}
/*
#Content h3 {
text-align: center;
font-size: 20px;
font-weight: normal;
display: block;
clear: both;
}
*/
#subscribe p{
text-align:center;
}



.callback,
.simple {
  font-size: 20px;
  background: #27ae60;
  padding: 0.5em 0.7em;
  color: #ecf0f1;
  margin-bottom: 50px;
  -webkit-transition: background 0.5s ease-out;
  transition: background 0.5s ease-out;
}
.callback{
  cursor: pointer;
}
.ended {
  background: #c0392b;
}
.countdown {
	padding-top:10px;
text-align:center;
}
.intro{
font-size:22px;
line-height:48px;
font-weight:normal;
margin-bottom:0px;
}
.styled{
  margin-bottom: 10px;
}
.styled div {
display: inline-block;
font-size: 80px;
font-weight: 900;
text-align: center;
margin: 0 1px;
width: 136px;
padding: 10px 30px 53px; 
height: 100px;
background:rgba(255, 255, 255, 0.0);
text-shadow: none;
vertical-align: middle; 
border-right:1px solid rgba(255, 255, 255, 0.36);
text-shadow: 2px 2px rgba(12, 11, 11, 0.56);
}
.styled div:last-child{
border:none;
}
#overlay{ 
background: rgba(0, 0, 0, 0.04) url(http://captureonecomplete.com/images/overlays/06.png) top left repeat;
background:rgba(0, 0, 0, 0.14);
position: fixed;
top: 0px;
width: 100%;
bottom: 0px;
opacity:0.8;
}
/* IE7 inline-block hack */
*+html .styled div{
  display: inline;
  zoom: 1;
}
.styled div:first-child {
  margin-left: 0;
}
.styled div span {
display: block;
border-top: 1px solid rgba(255, 255, 255, 0.36);
padding-top: 3px;
font-size: 21px;
font-weight: 400;
text-align: center;
}
footer{
width:100%;
height:30px;
background:rgba(0, 0, 0, 0.64);
position:absolute;
bottom:0px;
}
footer span{
float:right;
margin:10px;
}

#subscribe { 
	position:relative;
	display:block;
	padding-bottom:1px;
	/* background-color:rgba(193,47,30,1.0); */
	width:100%;
	/*min-height:50px; */
	/* Fallback for web browsers that doesn't support RGBa */
    background: rgb(229, 38, 29) transparent;
    /* RGBa with 0.6 opacity */
    background: rgba(229, 38, 28, 0.8);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5261c, endColorstr=#e5261c);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5261c, endColorstr=#e5261c)";
	
	}
	
#tweet { 
	position:relative;
	margin:0 auto;
	width:920px;
	text-align:center;	
}
.home-tweets-ul li { list-style:none; }
/* ---------------------- */	
/* GOOGLE API MAP STYLING */
/* ---------------------- */
	
 #DoubleClickDesign {
        height:500px;
        width:100%px;
    }
    .gm-style-iw * {
        display: block;
        width: 100%;
    }
    .gm-style-iw h4, .gm-style-iw p {
        margin: 0;
        padding: 0;
    }
    .gm-style-iw a {
        color: #4272db;
    }
	
	/* ----------------------------------------------- */
/* VIDEO - STYLES                                      */
/* ----------------------------------------------- */
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(http://www.cleansure.local/video/video.jpg) no-repeat;background-size:cover;
        -webkit-transition:1s opacity;
        /*
        transition:1s opacity}div{font-family:Agenda-Light,Agenda\ Light,Agenda,Arial\ Narrow,sans-serif;
        font-weight:100;
        background:rgba(0,0,0,.3);
        color:#fff;
        padding:2rem;

        width:33%;
        margin:2rem;
        float:right;
        font-size:1.2rem
        */
        }
@media(max-width:960px){
	body, #Header, #tweet, .wrapper2 { width:100% !important; min-width:100% !important; }
	
	h3 {
	position:relative;
	margin:0;
	padding:0;
	font-size:30px;
	letter-spacing:-2px;  
	text-align:center; 
	font-weight:700;
	/* font-family: 'Lobster Two', cursive; */
	font-family: 'Open Sans', sans-serif;
	font-style:normal;
	text-shadow: 2px 2px rgba(12, 11, 11, 0.56);
	}
	
	.styled div {
	display: inline-block;
	font-size: 50px;
	font-weight: 900;
	text-align: center;
	margin: 0 1px;
	width: 106px;
	padding: 10px 30px 53px; 
	height: 60px;
	background:rgba(255, 255, 255, 0.0);
	text-shadow: none;
	vertical-align: middle; 
	border-right:1px solid rgba(255, 255, 255, 0.36);
	text-shadow: 2px 2px rgba(12, 11, 11, 0.56);
	}
	
	h1 {
	font-size:48px;
	letter-spacing:-2px;  
	text-align:center; 
	padding-top:30px;
	font-weight:700;
	font-family: 'Lobster Two', cursive;
	font-style:italic;
	text-shadow: 2px 2px rgba(12, 11, 11, 0.56);
	margin:0;
	margin-top:40px;
	}
	
	#Content h2 {
	display: inline-block;
	margin: 25px 0 45px;
	margin-bottom:33px;
	padding: 0px 10px;
	text-align: center;
	font-size: 20px; 
	font-weight: 300;
	color: #fff;
	line-height: 33px;
	}
	
	#tweet h3 { font-size:22px; letter-spacing:0px; text-shadow: 1px 1px rgba(12, 11, 11, 0.36); }
	.home-tweet-tweet { font-size:14px; }
	.home-tweets-ul { margin-top:10px; }
	
	.address { font-size:14px;}
	.tempBy { font-size:10px; }
	
	.home-tweets-ul {
    margin-left: 0 !important;
    margin-top: 10px;
	padding:0px 5px;
}
}



@media(max-width:768px){
	body {
	min-width: initial !important;
	}
	
	.wrapper{width:100%;}
	.styled div {
	  margin-bottom:10px; 
	}
	
	body, #Header, #tweet, .wrapper2 { width:100% !important; min-width:100% !important; }
	
	
	#Header { margin:0 auto 100px; }
	#telBox, #telBox a:link, #telBox a:hover, #telBox a:visited, #telBox a:active, #telBox a:focus { font-size:12px; }
	h3 {
	position:relative;
	margin:0;
	padding:0;
	font-size:23px;
	letter-spacing:-2px;  
	text-align:center; 
	font-weight:700;
	/* font-family: 'Lobster Two', cursive; */
	font-family: 'Open Sans', sans-serif;
	font-style:normal;
	text-shadow: 2px 2px rgba(12, 11, 11, 0.56);
	}
	
	.styled div {
	display: inline-block;
	font-size: 30px !important;
	font-weight: 900;
	text-align: center;
	margin: 0 1px;
	width: 96px;
	padding: 10px 30px 53px; 
	height: 40px;
	background:rgba(255, 255, 255, 0.0);
	text-shadow: none;
	vertical-align: middle; 
	border-right:1px solid rgba(255, 255, 255, 0.36);
	text-shadow: 2px 2px rgba(12, 11, 11, 0.56);
	}
	
	.styled div span { font-size: 20px !important; }
	
	h1 {
	font-size:38px;
	letter-spacing:-2px;  
	text-align:center; 
	padding-top:30px;
	font-weight:700;
	font-family: 'Lobster Two', cursive;
	font-style:italic;
	text-shadow: 2px 2px rgba(12, 11, 11, 0.56);
	margin:0;
	margin-top:40px;
	}
	
	#Content h2 {
	display: inline-block;
	margin: 25px 0 45px;
	margin-bottom:33px;
	padding: 0px 10px;
	text-align: center;
	font-size: 16px; 
	font-weight: 300;
	color: #fff;
	line-height: 27px;
	}
	
	#tweet h3 { font-size:19px; letter-spacing:0px; text-shadow: 1px 1px rgba(12, 11, 11, 0.36); }
	.home-tweet-tweet { font-size:12px; }
	.home-tweets-ul { margin-top:10px; }
	
	.address { font-size:12px;}
	.tempBy { font-size:10px; }
	
	.home-tweets-ul {
    margin-left: 0 !important;
    margin-top: 10px;
	padding:0px 5px;
	}
	
	#Header { margin:0 auto 20px; }
	#logo {
    left: 30px;
    position: absolute;
    top: 50px !important;
    width: 100px;
}
	
}
@media(max-width:650px){
.styled div {
	display: inline-block;
	font-size: 24px !important;
	font-weight: 900;
	text-align: center;
	margin: 0 1px;
	width: 66px;
	padding: 10px 30px 53px; 
	height: 20px;
	background:rgba(255, 255, 255, 0.0);
	text-shadow: none;
	vertical-align: middle; 
	border-right:1px solid rgba(255, 255, 255, 0.36);
	text-shadow: 2px 2px rgba(12, 11, 11, 0.56);
	}
	
	.styled div span { font-size: 14px !important; }
	
	.home-tweets-ul {
    margin-left: 0 !important;
    margin-top: 10px;
	padding:0px 5px;
	}

	
	#Header { margin:0 auto 60px; }
	#logo {
    left: 24px;
    position: absolute;
    top: 90px !important;
    width: 100px;
	}

}
@media(max-width:520px){
	#logo {
    left: 24px;
    position: absolute;
    top: 52px !important;
    width: 120px;
	}
	#telBox, #telBox a:link, #telBox a:hover, #telBox a:visited, #telBox a:active, #telBox a:focus { font-size:10px; }
	
	.styled div {
	display: inline-block;
	font-size: 18px !important;
	font-weight: 900;
	text-align: center;
	margin: 0 1px;
	width: 36px;
	padding: 10px 30px 53px; 
	height: 10px;
	background:rgba(255, 255, 255, 0.0);
	text-shadow: none;
	vertical-align: middle; 
	border-right:1px solid rgba(255, 255, 255, 0.36);
	text-shadow: 2px 2px rgba(12, 11, 11, 0.56);
	
	
	}
	.styled div span { font-size: 14 px !important; }
	
	/*
	#logo {
    left: 24px;
    position: absolute;
    top: 52px !important;
    width: 120px;
	}
	*/
	
	#Header { margin:0 auto 60px; }
	#logo {
    left: 24px;
    position: absolute;
    top: 90px !important;
    width: 100px;
	}
	
	.home-tweets-ul {
    margin-left: 0 !important;
    margin-top: 10px;
	padding:0px 5px;
}
	
}
@media(max-width:420px){
	
	body, #Header, #tweet, .wrapper2 { width:100% !important; min-width:100% !important; } 
	h1{
	float:initial;
	text-align: center;
	margin-left:0px;
	margin-bottom:0px;
	}
	.styled div {
	  margin-bottom:10px;
	  font-size: 16px !important;
	  font-weight: normal; 
	  text-align: center;
	  width:19px; 
	 /*  border-radius:20px; */
	  height:10px;  
	}
	
	.styled div span { font-size: 10px !important; }
	
	#Content h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align: center;
	font-size: 29px;
	font-weight: 300;
	}
	.styled {
	margin-bottom: 20px;
	}
	
	
	#subscribe input[type="button"]{
	margin-top:10px;
	
	}
	#subscribe input{
	width:80%;
	}
	footer{
	position:relative !important;
	}
	
	
	#Header { margin:0 auto 60px; }
	#logo {
    left: 24px;
    position: absolute;
    top: 90px !important;
    width: 100px;
}

#telBox {
    background: none repeat scroll 0 0 #E02B17;
    border: 1px solid #E02B17;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    left: 25px;
	right:auto;
    line-height: 20px;
    margin: 0;
    padding: 15px 8px 5px;
    position: absolute;
    text-align: center;
    top: -12px;
}
	
	.home-tweets-ul {
    margin-left: 0 !important;
    margin-top: 10px;
	padding:0px 5px;
}
	#telBox, #telBox a:link, #telBox a:hover, #telBox a:visited, #telBox a:active, #telBox a:focus { font-size:10px; }
	#Content h2, #Content p { font-size:15px; padding:10px; }
}