@charset "utf-8";
/* CSS Document */
* { box-sizing: border-box; }
body { margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 1.5; }
header, footer, section { float: left; width: 100%; margin: 0; padding: 0; }
header { background: #000; }
ul, ol { margin: 12px 0; }
a { text-decoration: none; outline: 0; color: #115ea5; }
a:hover, a:focus { text-decoration: none; outline: 0; color: #555; }
a:visited { color: #115ea5; }
img { max-width: 100%; }
b, strong { font-weight: 600; }
h1 { font-size: 38px; font-weight: 300; margin: 0 0 15px; }
h2 { font-size: 30px; font-weight: 300; margin: 0 0 12px; }
h3 { font-size: 24px; font-weight: 300; margin: 0 0 10px; }
h4 { font-size: 20px; font-weight: 300; margin: 0 0 8px; }
h5 { font-size: 18px; font-weight: 300; margin: 0 0 8px; }
h6 { font-size: 16px; font-weight: 300; margin: 0 0 6px; }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #9e9e9e;
  opacity: 1;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #9e9e9e;
  opacity: 1;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #9e9e9e;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 18- */
  color: #9e9e9e;
  opacity: 1;
}

.main { margin: 0 auto; max-width: 1200px; width: 100%; }
.main:before, .main:after { display: table; content: ''; }
.main:after { clear: both; }
.logo { float: left; width: auto; padding: 13px 0; }
nav { float: left; width: auto; margin: 0 0 0 5%; }
nav ul { list-style: none; margin: 14px 0 0; }
nav ul li { display: inline-block; }
nav ul li a { color: #8c8c8c; font-size: 16px; padding: 10px 15px; display: block; }
nav ul li a:visited{ color: #8c8c8c;}
nav ul li:hover a{ color:#fff;}
.slideshow { background: url(../images/icons_bg.png) repeat-x center center #6096d0; padding: 30px 0; padding-bottom: 85px;}
.slideshow_center { margin: 0 auto; max-width: 450px; text-align: center; padding: 3% 0 0; }
.slideshow_caption { display: block; width: 100%; color: #fff; font-size: 18px; font-weight: 300; margin: 20px 0; }
a.btn { cursor: pointer; display: inline-block; background: #fff; border-radius: 3px; color: #6096d0; padding: 8px 40px; font-size: 22px; font-weight: 300; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
a.btn:hover { background: #7fabda; color: #fff; }
.solutions { background: #7fabda; color: #fff; text-align: center; *padding: 140px 0; padding-top: 60px; padding-bottom: 140px;}
.three_cols { list-style: none; margin: 0; text-align: center; padding: 0; }
.three_cols li { display: inline-block; width: 30%; margin: 0 1%; padding: 20px; }
.three_cols li .solution_icon a{ border-radius:100px; display:inline-block; }
.solution_icon { background: url(../images/shadow.png) no-repeat 54% 16px; text-align: center; border-radius: 40px; overflow: hidden; padding: 30px 0; }
.three_cols li .solution_icon:hover{ background:none;}
.solution_icon img { vertical-align: top; max-width: 95px; }
.get_involved { padding: 80px 0; margin: 0; text-align: center; }
.involved_heading { font-size: 38px; font-weight: 300; }
.involved_heading strong { font-weight: 600; }
.two_cols { list-style: none; margin: 60px 0 30px; text-align: center; padding: 0; }
.two_cols li { display: inline-block; width: 47%; margin: 0 1%; padding: 20px; }
.google_section, .twitter_section { padding: 45px 30px; border-radius: 4px; border: 1px solid #e6e6e6; position: relative; color: #9a9a9a;
transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;}
.two_cols li img { position: absolute; top: -35px; left: 50%; margin-left: -38px; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s;}
.two_cols li h4 { color: #111; }
footer { background: #252525; color: #8c8c8c; text-align: center; padding: 40px 0 80px 0; }
.footer_menu { float: left; width: 100%; }
.footer_menu ul { padding: 0; text-align: center; list-style: none; margin: 12px 0 20px; }
.footer_menu li { display: inline-block; }
.footer_menu li a { padding: 0 12px; border-right: 1px solid #ddd; color: #8c8c8c; }
.footer_menu li a:hover{ color:#8c8c8c;}
.footer_menu li:last-child a { border-right: none; }
.inner_page { text-align: center; padding: 25px 0; }
.form_row { float: left; width: 100%; text-align: left; margin: 0 0 12px; }
input[type="text"] { border: 1px solid #e9e9e9; border-radius: 3px; padding: 0 0 0 8px; height: 40px; width: 97%; float: left; font-family: 'Open Sans', sans-serif; font-size: 14px; color:#9e9e9e; margin:0 1%; }
input[type="text"].one_third { width: 31%; margin: 0 1%; }
input[type="text"].one_half { width: 48%; margin: 0 1%; }
label.one_half { width: 48%; margin: 0 1%; float: left; padding:8px 0 0; }
textarea { width: 97%; margin: 0 1%; font-family: 'Open Sans', sans-serif; font-size: 14px; padding: 8px; border: 1px solid #e9e9e9; min-height: 195px; border-radius: 3px; font-size: 13px;  color:#9e9e9e; }
label span { background: url(../images/camera.jpg) no-repeat right; padding: 0 30px 0 0; margin: 0 10px 0 0; }
input[type="submit"] { font-family: 'Open Sans', sans-serif; text-shadow:none; margin: 0 1%; border: none; cursor: pointer; display: inline-block; background: #389ddd; border-radius: 3px; color: #fff; padding: 8px 20px; font-size: 18px; font-weight: 300; transition: all 0.5s ease 0s; 
-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
input[type="submit"]:hover { background: #7fabda; }

a.rpt_btn{background: #389ddd; color:#fff;}
a.rpt_btn:hover { background: #7fabda; color:#fff;}

.innerpage_content{ text-align:left;}
.responsive_menu{ display:none;}
.trigger{ position:fixed; right:20px; top:28px; display:none; cursor:pointer;}

.close_menu{ cursor:pointer; float:left;}

.two_cols li .twitter_section:hover img{ top:-50px;}
.two_cols li .twitter_section:hover{ border-color:#3e86ce;}

.two_cols li .google_section:hover img{ top:-50px;}
.two_cols li .google_section:hover{ border-color:#ca4639;}

.pull_left{ text-align:left;}
.report_heading{ margin:0;}
.page_tagline{ font-size:18px; margin:0 0 40px; font-weight:300;}


form {
    margin-left: -1%;
}

.inner_page { color:#444;}
.inner_page .solution_content{ color:#444; text-align:left;}

.sol_heading{ font-size:18px; font-weight:300;}

h1.ty_page_heading{ margin-top:100px;}

@media(max-width:1200px)
{
.main{ padding:0 15px;}	
}

@media(max-width:800px)
{
.trigger{ display:block;}
header{ position:relative;}
.responsive_menu{ margin:0; display:block; left:-55%; padding:0; height:100%; background:#000; color:#666; float:left; width:55%; top:86px; position:fixed; list-style:none; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;}
.responsive_menu li{ float:left; width:100%; text-align:left; display:inline-block;}
.responsive_menu li a{ padding:8px 15px; color:#666; display:block;}
.responsive_menu li:hover a{ background:#111;}
header{ text-align:center;}
.logo{ float:none; display:inline-block;}
.fadein{ left:0;}
nav{ display:none;}
.three_cols li{ width:96%; margin:2%;}
.two_cols li{ width:96%; margin:2%;}
}