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

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

body{margin:0; padding:0; font-family: 'Open Sans', sans-serif; background:white;}
img{border:0;}
a{transition: background-color 0.3s ease; outline:none;}


#topband_share{min-height:102px; background:#000; line-height:21px; padding:17px 25px 0; font-size:16px; color:#fff; text-align:right; font-weight:300;}
#topband_share strong{font-weight:600;}
#topband_share .brand{float:left;}


#content_share { padding:0; position: relative; }

#content_share h1{color:#000; font-size:30px; font-weight:300; margin:0; padding:0;}
#content_share h1 strong{font-weight:400; display:block;}

#content_share a.btnshare{background:#9dc63c; text-decoration:none; margin:40px 0 10px; display:inline-block; width:344px; #content_share text-align:center; height:53px; line-height:53px; font-size:15px; font-weight:700; color:#fff;}
#content_share a.btnshare img{width:auto; margin:0 0 0 10px;}
#content_share a.btnshare:hover{background:#5f5f5f;}

#footer_share{border-top:1px solid #d2d2d2; padding-top:50px; text-align:center; position:relative; margin:0 8%;}
#footer_share h2{display:inline-block; background:#fff; position:absolute; padding:10px;  width:160px;font-size:20px; color:#a3a3a3; font-weight:400; top:-15px; left:50%; margin:0 0 0 -80px; padding:0;}
#footer_share ul{margin:0; clear:both;padding:0; list-style:none; text-align:center; width:100%; position:relative;}
#footer_share li{display:inline-block; width:11%; text-align:center;margin:1.5%;}
#footer_share li:last-child{width:12%; margin-right:0.5%;}
#footer_share li img{width:100%; height:auto; max-width:168px;}


@media (max-width:1200px){#footer_share{padding:50px 0; }#footer_share li {margin:1.3%} #content_share{padding:60px 0;}#content_share h1{font-size:27px;}}
@media (max-width:850px){ #topband_share{font-size:13px;line-height:18px;}#topband_share strong{display:inline-block; padding-top:5px;}}
@media (max-width:600px){#content_share h1{font-size:25px;}#topband_share{text-align:center; font-size:13px;   padding:10px 13px 20px;} .brand{ margin-bottom:10px; display:block; width:100%;} }
@media (max-width:480px){#footer_share li img{width:auto;}#footer_share{padding:30px 0;}#footer_share li{display:block; width:auto; margin-bottom:10px;} a.btn{width:95%;} #content_share h1{font-size:23px;line-height:28px; padding:0 10px;} #content_share h1 strong{padding-bottom:10px;}  #content_share{padding:40px 10px;}.brand img{width:100%; max-width:259px;height:auto;}}

#sharelanding {text-align:center; margin:50px;}
#sharelanding input {
  vertical-align:baseline;
}