.alignleft {
    float: left;
    margin: 7px 24px 7px 0;
}
.alignright {
    float: right;
    margin: 7px 0 7px 24px;
}
.aligncenter {
    clear: both;
    display: block;
    margin: 7px auto;
}
blockquote.alignleft,
blockquote.alignright {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 17px;
    width: 50%;
}
blockquote.alignleft p,
blockquote.alignright p {
    margin-bottom: 17px;
}
@font-face {
  font-family: "OpenSans";
  src: url("../fonts/OpenSans.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "OpenSans-Light";
  src: url("../fonts/OpenSans-Light.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "OpenSans-Bold";
  src: url("../fonts/OpenSans-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "OpenSans-Semibold";
  src: url("../fonts/OpenSans-Semibold.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "Oswald";
  src: url("../fonts/Oswald.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "Oswald-Medium";
  src: url("../fonts/Oswald-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "Oswald-Bold";
  src: url("../fonts/Oswald-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "Oswald-DemiBold";
  src: url("../fonts/Oswald-DemiBold.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "MyriadProRegular";
  src: url("../fonts/MyriadProRegular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "MyriadProSemiBold";
  src: url("../fonts/MyriadProSemiBold.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

html {
  background-color: #07cfd7;
  min-height: 100%;
}

body {
  color: #000000;
  background-color: #ffffff;
}
.single_post img {
  max-width: 100%;
  height: auto;
}
.top_banner {
  width: 100%;
  max-height: 320px;
  overflow: hidden;
  text-transform: capitalize;
}
.top_banner img {
  width: 100%;
  height: auto;
  margin: 0;
}
.page_title {
  padding-top: 9%;
  width: 100%;
  position: absolute;
  color: #ffffff;
  font-family: "Oswald";
  font-size: 50px;
  text-align: center;
  letter-spacing: 0.05em;
}
.page_title p {
  display: initial;
  background-color: rgba(7, 207, 215, 0.5);
  padding: 10px 30px 16px 30px;
  text-shadow: 0 5px 6px black;
}
.logo_top {
  text-align: center;
  margin-top: 12px;
  margin-bottom: 7px;
}
.logo_top > a > img {
  width: 100%;
  max-width: 441px;
  height: auto;
}
button#view_all,
button {
  border-style: none;
  outline: none;
}
.glyphicon-chevron-left,
.glyphicon-chevron-right {
  font-size: 50px;
}
.flex-prev {
  background-image: url(/wp-content/themes/hero_infographics/img/left.png);
  width: 52px;
  height: 84px;
}
.flex-next {
  background-image: url(/wp-content/themes/hero_infographics/img/right.png);
  width: 52px;
  height: 84px;
}
.wrap_popup_slider {
  position: absolute;
  width: 100%;
  height: 0;
  z-index: 1;
  top: 76px;
}
.popup_slider {
  background-color: rgba(7, 207, 215, 0.5);
  width: 480px;
  height: 240px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-family: "Oswald";
  font-size: 50px;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  text-shadow: 0 5px 6px black;
  padding-top: 20px;
  margin-top: 1%;
}
.popup_slider > span {
  font-family: "Oswald-Bold";
  font-size: 76px;
  letter-spacing: 0.15em;
  display: block;
  margin-top: -20px;
  margin-left: 12px;
}
.get_started {
  font-family: "OpenSans-Semibold";
  font-size: 16px;
  background-color: #f72c01;
  border: none;
  color: #ffffff;
  margin-top: 0px;
  margin-bottom: 68px;
  margin-left: auto;
  margin-right: auto;
  padding: 7px 14px;
  letter-spacing: 0.05em;
  display: block;
}
.get_started:hover {
  opacity: 0.8;
}
.navbar-default {
  background-color: #f72c01;
  border: none;
  border-radius: 0;
}
.sub-menu {
  display: none;
}
.navbar-default .navbar-nav > li > a {
  font-family: OpenSans;
  font-size: 18px;
  text-transform: uppercase;
  color: #ffffff;
}
.navbar-default .navbar-nav > li {
  padding-left: 2.7em;
  padding-right: 2.7em;
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  font-family: OpenSans;
  font-size: 18px;
  text-transform: uppercase;
  color: #ffffff;
  cursor: pointer;
}
.navbar-collapse {
  text-align:center;
}
.navbar-nav {
  display:inline-block;
  float:none;
  margin-bottom: -5px;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #ffffff;
    background-color: #f72c01;
}
.dropdown-menu {
  min-width: 220px;
  background-color: #f72c01;
  border: 1px solid rgba(0,0,0,.5);
}
.dropdown-menu > li > a {
  color: #ffffff;
}
.block_1 {
  font-family: "Oswald-Bold";
  font-size: 35px;
  text-align: center;
  letter-spacing: 0.05em;
  padding-top: 18px;
  padding-bottom: 14px;
}
.line {
  background-image: url(/wp-content/themes/hero_infographics/img/line.png);
  background-position: center;
  background-repeat: no-repeat;
  height: 38px;
}
.left, .center, .right {
  text-align: center;
  padding-top: 20px;
  font-family: "OpenSans";
  font-size: 14px;
}
.left p, .center p, .right p {
  letter-spacing: 0.05em;
}
.left h4, .center h4, .right h4 {
  margin-top: 32px;
  margin-bottom: 12px;
  font-family: "Oswald-Medium";
  font-size: 26px;
}
.left img, .center img, .right img {
  width: 140px;
}
.read_more, #view_all {
  background-color: #f72c01;
  border: none;
  font-family: "OpenSans";
  font-size: 14px;
  color: #ffffff;
  margin-top: 5px;
  margin-bottom: 68px;
  padding: 3px 12px;
  letter-spacing: 0.05em;
}
.read_more:hover, #view_all:hover {
  opacity: 0.8;
}
#view_all {
  font-size: 18px;
  position: relative;
  padding: 4px 40px 4px 25px;
  margin-bottom: 30px;
}
#view_all span {
  font-size: 30px;
  position: absolute;
  display: inline-block;
  height: 0;
  right: 20px;
  bottom: 40px;
  opacity: 0.9;
}
.featured {
  background-color: #ebf1f4;
  border: 1px solid #cee1ea;
  margin-bottom: 38px;
}
.featured div.block_1{
  margin-top: 24px;
}
.featured div.line{
  margin-bottom: 40px;
}
.featured .row .row img {
  width: 100%;
  height: auto;
  max-width: 300px;
}
.featured > .container > .row{
  text-align: center;
}
.featured_wrap {
  display: inline-block;
  text-align: center;
}
.featured_one {
  position: relative;
  text-align: center;
  margin: 0 0 30px 0;
  cursor: pointer;
}
.hover_desc {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  height: 100%;
  color: #ffffff;
  background-color: rgba(7, 207, 215, 0.9);
  text-shadow: 1px 1px 2px black;
  margin-left: 15px;
  margin-right: 15px;
  padding: 15px;
  text-align: left;
  cursor: pointer;
}
.hover_desc p.title{
  font-family: "OpenSans-Bold";
  font-size: 22px;
  margin-bottom: 2px;
}
.hover_desc p.description{
  font-family: "OpenSans";
  font-size: 15px;
  display: inline-block;
}
.line_dot {
  font-size: 14px;
  letter-spacing: 0.1em;
  display: inline-block;
  margin-bottom: 8px;
  width: 100%;
}
.hover_desc a,
.hover_desc a:hover {
  color: #ffffff;
  font-size: 15px;
}
.carousel-indicators {
  bottom: -62px;
}
.carousel-indicators li {
  background-color: gray;
  bottom: 0;
  width: 12px;
  height: 12px;
  margin: 0 1px 0 1px;
}
.carousel-indicators .active {
  background-color: red;
  margin: 0 1px 0 1px;
}
.item {
  margin: 0;
  padding: 15px;
}
.wrap_img {
  position: absolute;
  top: 15px;
  left: 15px;
  width: 200px;
  height: 200px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  box-shadow: inset 0 0 0 8px rgba(255,255,255,0.9);
  opacity: 0.4;
  z-index: 102;
}
.item img {
  position: absolute;
  width: 200px !important;
  height: 200px !important;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  border: 1px solid #ffffff;
  box-shadow: 0 0 0 4px rgba(255,255,255,0.4);
  z-index: 101;
  float: left;
}
.carousel-caption {
  position: relative;
  width: 76%;
  top: 10px;
  left: 25%;
  min-height: 204px;
  background-color: #ebf1f4;
  border: 1px solid #cee1ea;
  text-align: left;
  padding: 45px 35px 60px 35px;
  font-family: "MyriadProRegular";
  font-size: 16px;
  text-shadow: none;
  color: #000000;
}
.carousel-caption p {
  margin-bottom: 35px;
  letter-spacing: normal;
}
.carousel-caption p.signature {
  position: relative;
  font-family: "MyriadProSemiBold";
  font-size: 22px;
  color: #f72c01;
  float: right;
  display: block;
  letter-spacing: normal;
}
.carousel-caption::before, .carousel-caption::after {
  content: '';
  position: absolute;
  left: -40px; top: 80px;
  border: 20px solid transparent;
  border-right: 20px solid #cee1ea;
}
.carousel-caption::after {
  border-right: 20px solid #ebf1f4;
  left: -38px;
  top: 80px;
}
.footer {
  margin-top: 108px;
  background-color: #07cfd7;
  text-align: center;
}
.logo_footer {
  width: 234px;
  height: 34px;
  margin-top: 50px;
}
.social {
  margin-top: 28px;
}
.social img {
  margin-left: 1px;
  margin-right: 1px;
}
.menu_footer {
  text-align: center;
}
.menu_footer ul {
  text-align: center;
  display: inline-block;
}
.menu_footer ul li {
  display: inline-block;
  float: left;
  list-style: none;
  font-family: OpenSans;
  font-size: 18px;
  text-transform: uppercase;
  color: #ffffff;
  padding: 20px 20px 8px 20px;
}
.menu_footer a {
  color: #ffffff;
}
.copy {
  font-family: "OpenSans";
  font-size: 13px;
  color: #ffffff;
  margin-bottom: 40px;
}
#back_top {
  position: fixed;
  right: 15px;
  bottom: 100px;
}
#up {
  width: 32px;
  height: 32px;
  background: #07cfd7;
  opacity: 0.9;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  display: block;
  padding: 7px 0 0 9px;
  color: #ffffff;
  box-shadow: 0 0 0 2px rgba(255,255,255,0.8);
}
#up:hover {
  opacity: 0.8;
}




/*All Page content*/
.text_top_page,
.bottom_title {
  font-family: "Oswald-Bold";
  text-align: center;
  margin-bottom: 14px;
}
.text_top_page {
  font-size: 34px;
  margin-top: 30px;
}
.description_page,
.text_bottom_page {
  text-align: center;
  font-size: 13px;
  color: #5c5c5c;
}
.description_page {
  margin-top: 20px;
  letter-spacing: 0.02em;
}
.description_page p {
  margin: 0 0 18px;
}
.bottom_title {
  font-size: 35px;
  margin-top: 24px;
}
.text_bottom_page {
  margin-top: 18px;
  margin-bottom: 16px;
}
.bottom_block_content > .row > div {
  text-align: center;
}
.bottom_block_content > .row > div:nth-child(3n+4) {
  clear: both;
}
.bottom_block_content > .row > div > img {
  margin-top: 30px;
}
.bottom_block_content > .row > div.block_img > img {
  margin-top: 0px;
}
.bottom_block_content > .row > div > .video-container {
  margin-bottom: 30px;
}
.bottom_block_content > .row > div > p:first-of-type {
  font-family: "OpenSans-Semibold";
  font-size: 15px;
  padding: 0 26px;
  line-height: 1.3;
  margin-top: 14px;
}
.bottom_block_content > .row > div > p:last-of-type {
  font-size: 13px;
  padding: 0 8px;
  color: #5c5c5c;
}
.video-container {
  position:relative;
  padding-bottom:56.25%;
  padding-top:30px;
  height:0;
  overflow:hidden;
}
.video-container iframe, .video-container object, .video-container embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border: none;
}
.bottom_block_content > .row > .block_img:nth-child(3n+4) {
    clear: none;
}
.block_img_wrap {
  display: inline-block;
  text-align: center;
  width: 100%;
}
.block_img.post {
  max-height: 270px;
  overflow: hidden;
}
.block_img.post img {
  width: 100%;
  max-width: 295px;
  height: auto;
}




/*Page contact*/
.contact_right,
.contact_form .title_contact_form {
  font-family: "Oswald-DemiBold";
}
.contact_right span {
  font-family: "OpenSans-bold";
  font-size: 18px;
  color: #f72c01;
}
.contact_right p {
  font-family: "OpenSans";
  color: #000000;
}
.contact_right p:first-child {
  margin-top: 30px;
}
.contact_right p:last-child {
  color: #f72c01;
}
.contact_form .title_contact_form {
  font-size: 30px;
  margin-top: 20px;
}
.contact_form span {
  float: right;
  width: 70%;
}
.contact_form input,
.contact_form textarea {
  width: 100%;
}
.contact_form .reason_p {
  margin-top: 30px;
}
.contact_form .contact_button > input {
  margin-top: 10px;
  background-color: #f72c01;
  border-style: none;
  outline: none;
  color: #ffffff;
  font-size: 18px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.wpcf7-form p {
  min-height: 38px;
}




/*form page pay pal*/
.line_adm {
  margin-top: 50px;
  display: block;
}
#requirement textarea, #requirement input {
  background-color: #f5f5f5 !important;
}
.form-control {
  border-radius: 0;
  font-family: "OpenSans";
  font-size: 18px;
}
textarea {
  font-family: "OpenSans";
  outline:none;
  resize:none;
  overflow:auto;
  font-size: 18px;
}
.title_form {
  font-family: "Oswald";
  font-size: 35px;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 42px;
}
#requirement {
  font-family: "OpenSans";
  font-size: 18px;
  color: #000000;
  font-weight: normal;
  letter-spacing: 0.025em;
}
label {
  font-weight: normal;
  margin-top: 5px;
  margin-bottom: 9px;
}
label.story_details {
  font-family: "OpenSans-Semibold";
  font-size: 23px;
  margin-top: 10px;
}
#requirement span.required {
  color: #f72c01;
  margin-left: 5px;
}
.module_title {
  padding-top: 18px;
  padding-left: 35px;
  padding-bottom: 12px;
  font-family: "OpenSans-Bold";
  font-size: 30px;
  letter-spacing: 0.05em;
}
.module {
  margin-bottom: 23px;
}
.module > label {
  padding-left: 35px;
  font-family: "OpenSans-Light";
  font-size: 16px;
}
.module > label > span.required {
  margin-bottom: 23px;
  margin-left: 0 !important;
}
.inline {
  display: inline;
  float: right;
  width: 82%;
  margin-top: 6px;
}
.details_infographic {
  margin-top: 112px;
}
.details_infographic > label > span.required,
.infographic_format > label > span.required {
  margin-left: 0 !important;
}
.details_infographic > label {
  margin-bottom: 22px;
}
.radio_custom input + label,
.check_custom input + label {
  cursor: pointer;
}
.radio_custom > span,
.check_custom > span {
  position: absolute;
  padding-left: 14px;
}
.radio_custom input[type=radio]:not(old),
.check_custom input[type=checkbox]:not(old) {
  width   : 28px;
  margin  : 0;
  padding : 0;
  opacity : 0;
}
.radio_custom input[type=radio]:not(old) + label{
  display      : inline-block;
  margin-left  : -34px;
  margin-top   : 0;
  width: 24px;
  height: 24px;
  background   : url(/wp-content/themes/hero_infographics/img/spr_radio.png) no-repeat -23px 0;
  line-height  : 24px;
}
.radio_custom input[type=radio]:checked:not(old) + label {
  background-position : 0 0;
}
.infographic_format {
  margin-bottom: 26px;
}
.infographic_format > label {
  margin-bottom: 13px;
}
.check_custom {
  height: 38px;
}
.check_custom > span {
  margin-top: 6px;
}
.check_custom input[type=checkbox]:not(old) + label {
  display      : inline-block;
  margin-left  : -35px;
  width: 29px;
  height: 28px;
  background   : url(/wp-content/themes/hero_infographics/img/spr_check.png) no-repeat -29px 0;
  line-height  : 24px;
}
.check_custom input[type=checkbox]:checked:not(old) + label{
  background-position : 0 0;
}
.infographic_design,
.add_ons,
.forgotten,
.add_ons_2,
.add_on_cost,
.research,
.price_title,
.total_price_title {
  font-family: "OpenSans-Semibold";
}
.design_text {
  max-width: 840px;
  margin-bottom: 20px;
}
.add_ons {
  margin-top: 44px;
  margin-bottom: 8px;
}
.infographic_design > span {
  font-family: "OpenSans";
}
.forgotten {
  margin-top: 30px;
  font-size: 23px;
  letter-spacing: 0em;
}
.add_ons_2,
.research {
  margin-top: 40px;
  margin-bottom: 10px;
}
.add_on_cost {
  margin-top: 20px;
  margin-bottom: 10px;
}
.copywriting_p {
  margin-top: 20px;
  margin-bottom: 20px;
  line-height: 1.2;
}
.research {
  margin-bottom: 14px;
}
.design_blueprint {
  margin-top: 22px;
}
.price_title {
  margin-top: 56px;
  margin-bottom: 10px;
}
.price,
.total_price {
  padding-left: 40px;
}
.price span,
.total_price {
  color: #f72c01;
}
.total_price_title {
  margin-top: 44px;
  margin-bottom: 8px;
}
.billing {
  font-family: "OpenSans-Bold";
  font-size: 30px;
  margin-top: 34px;
  margin-bottom: 28px;
  padding-left: 36px;
  letter-spacing: 0.05em;
}
.submit_form {
  color: #ffffff;
  font-size: 25px;
  background-color: #f72c01;
  margin-top: 110px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 8px 96px;
}
.submit_form:hover {
  opacity: 0.8;
}
.overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1000;
  background-color: rgba(7, 207, 215, 0.5);
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/wp-content/themes/hero_infographics/img/loading.gif);
}



/*Featured content page*/
.featured.content_all {
  background-color: #ffffff;
  border: none;
}
.hidden_ef {
  opacity: 0;
}
.visible_ef {
  opacity: 1;
}
.featured.content a.wp-colorbox-image > img{
  -moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
}
.featured.content a.wp-colorbox-image > img:hover {
  -webkit-transform: scale(1.03);
 -moz-transform: scale(1.03);
 -o-transform: scale(1.03);
}




/* Blog page*/
.blog {
  padding-top: 40px;
}
.post_title > a {
  font-family: "Oswald";
  font-size: 30px;
  color: #333333;
  text-decoration: none;
}
.post_title > a:hover {
  font-family: "Oswald";
  color: black;
}
.post_title_other {
  font-family: "Oswald";
  font-size: 30px;
  color: #333333;
}
.post_info {
  margin-top: 15px;
  color: #666666;
  font-size: 13px;
}
.post_date, .post_author, .post_comment {
  margin-right: 8px;
}
.post_date img {
  margin-right: 2px;
  margin-bottom: 2px;
}
.post_description {
  padding-top: 20px;
  font-size: 13px;
  color: #5c5c5c;
}
.post_description img {
  float: left;
  margin: 2px 18px 4px 0;
  padding: 2px;
  box-shadow: 0 0 4px gray;
}
.post_description p {
  margin-bottom: 6px;
}
.post_description .view_post {
  display: inline-block;
  font-size: 14px;
  background-color: #f72c01;
  color: #ffffff;
  padding: 5px 16px 5px 10px;
  position: relative;
}
.post_description .view_post span {
  font-size: 18px;
  bottom: 28px;
  position: absolute;
  height: 0;
  right: 6px;
  display: inline-block;
}
.post_content,
.post_content_other {
  color: #5c5c5c;
  font-size: 13px;
  margin-top: 20px;
}
.post_content img,
.post_content_other img {
  max-width: 100%;
  height: auto;
}
.blog_border {
  border-bottom: 1px dashed gray;
  display: block;
  margin: 16px 0 10px 0;
}
.blog_pagination {
  margin-top: 15px;
  color: #5c5c5c;
}
.blog_pagination_link {
  float: right;
  /*font-family: "OpenSans";*/
}
.blog_pagination_link a {
  color: #5c5c5c;
  text-decoration: none;
  display: inline-block;
  padding: 2px 10px;
}
.blog_pagination_link span.current {
  padding: 2px 10px;
  display: inline-block;
  background-color: #f72c01;
  color: #ffffff;
}
.blog_pagination_link a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #f72c01;
  padding: 2px 10px;
  opacity: 0.9;
}
.blog_pagination_link a.prev:hover,
.blog_pagination_link a.next:hover {
  color: #5c5c5c;
  background-color: inherit;
  padding: 2px 10px;
}
iframe.twitter-share-button {
  position: relative !important;
  top: 5px;
}
.my_google {
  display: inline-block;
  top: 5px;
  position: relative;
}
.post_description.post_one img {
  width: 100%;
  height: auto;
}
.right_blog {
  padding-left: 40px;
}
.popular:first-of-type {
  border-radius: 8px 8px 0 0;
  border-top: 2px solid #cccccc;
  border-left: 2px solid #cccccc;
  border-right: 2px solid #cccccc;
}
.popular {
  border-bottom: 1px solid #cccccc;
  border-left: 2px solid #cccccc;
  border-right: 2px solid #cccccc;
  overflow: hidden;
  padding-bottom: 18px;
}
.popular.tag_cloud {
  overflow: visible;
  border-bottom: 2px solid #cccccc;
  padding-bottom: 0;
}
.popular.tag_cloud > .title_widget {
  text-align: left;
}
.lifted {
  position:relative;
  background:#fff;
}
.lifted:before,
.lifted:after {
  content:"";
  position:absolute;
  z-index:-2;
  bottom:15px;
  left:4px;
  width:50%;
  height:20%;
  max-width:320px;
  -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
  -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
  box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
  -webkit-transform:rotate(-3deg);
  -moz-transform:rotate(-3deg);
  -ms-transform:rotate(-3deg);
  -o-transform:rotate(-3deg);
  transform:rotate(-3deg);
}
.lifted:after {
  right:4px;
  left:auto;
  -webkit-transform:rotate(3deg);
  -moz-transform:rotate(3deg);
  -ms-transform:rotate(3deg);
  -o-transform:rotate(3deg);
  transform:rotate(3deg);
}
.title_widget {
  background: linear-gradient(to bottom, #ffffff, #dddddd);
  color: #565656;
  font-family: "Oswald";
  font-size: 24px;
  padding: 8px 18px 6px 18px;
  letter-spacing: 0.05em;
  margin-bottom: 6px;
  border-bottom: 1px solid #cccccc;
}
.popular .post_description  {
  padding-top: 14px;
  padding-left: 18px;
  padding-right: 18px;
  display: inline-block;
  line-height: 1.3;
  width: 100%;
}
.popular .post_description a,
.popular .post_description a:hover {
  color: #585858;
}
.popular .post_description img {
  width: 56px;
  height: 44px;
}
.popular img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
}
#get_popular, #get_text_widget {
  margin-top: 10px;
  margin-right: 18px;
  font-family: "OpenSans-Semibold";
  display: block;
  font-size: 14px;
  /*#f72c01*/
  background-color: #999999;
  color: #ffffff;
  padding: 2px 19px 2px 12px;
  position: relative;
  float: right;
  clear: both;
}
#get_popular:hover,
#get_text_widget:hover {
  text-decoration: none;
  opacity: 0.9;
}
#get_popular span,
#get_text_widget span {
  font-size: 18px;
  bottom: 25px;
  position: absolute;
  height: 0;
  right: 8px;
  display: inline-block;
}
.categories {
  margin-bottom: 8px;
}
.post_description.post_cat {
  padding-top: 6px;
}
.post_cat > div {
  border-bottom: 1px dashed #cccccc;
  margin-top: 8px;
}
.post_cat span {
  cursor: pointer;
}
.post_description.text_widget img {
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}
#tags {
  display: none;
}
.tag_cloud {
  text-align: center;
}
#myCanvas {
  max-width: 264px;
}
.bbd {
  clear: left;
  padding-top: 1px;
}
.post_social{
  display: inline-block;
}


/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(/wp-content/themes/hero_infographics/img/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(/wp-content/themes/hero_infographics/img/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(/wp-content/themes/hero_infographics/img/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/wp-content/themes/hero_infographics/img/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(/wp-content/themes/hero_infographics/img/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(/wp-content/themes/hero_infographics/img/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/wp-content/themes/hero_infographics/img/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/wp-content/themes/hero_infographics/img/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/wp-content/themes/hero_infographics/img/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(/wp-content/themes/hero_infographics/img/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(/wp-content/themes/hero_infographics/img/loading_c.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(/wp-content/themes/hero_infographics/img/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/wp-content/themes/hero_infographics/img/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/wp-content/themes/hero_infographics/img/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}







@media (min-width:1280px) {
  .page_title {
    padding-top: 110px;
  }
  .popup_slider {
    margin-top: 40px;
  }
}


@media (max-width: 1100px) {
  .popup_slider {
    width: 420px;
    height: 172px;
    font-size: 34px;
    padding-top: 8px;
    margin-top: 3%;
  }
  .popup_slider > span {
    font-size: 60px;
    margin-top: -20px;
    margin-left: 12px;
  }
}


@media (min-width: 768px) and (max-width: 1024px) {
  .navbar-default .navbar-nav > li {
    padding-left: 0.8em;
    padding-right: 0.8em;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .left > p, .center > p {
    margin-top: 40px;
  }
  .block_img.post {
    max-height: 202px;
  }
}


@media (max-width: 991px) {
  .carousel-caption {
    left: 33%;
    width: 69%;
  }
  .right_blog {
    padding-left: 15px;
  }
  #myCanvas {
    max-width: 252px;
  }
}

@media (max-width: 899px) {
  .popup_slider {
    width: 256px;
    height: 128px;
    font-size: 24px;
    margin-top: 4%;
  }
  .popup_slider > span {
    font-size: 32px;
    margin-top: -5px;
    margin-left: 8px;
  }
}


@media (min-width:768px) {
 .navbar-collapse {
    text-align:center;
    }
}
@media (max-width:767px) {
  .wrap_popup_slider {
    top: 40px;
  }
  .popup_slider {
    margin-top: 8%;
  }
 .navbar-collapse {
    text-align:left;
  }
  .navbar-nav {
    margin: 7.5px -15px;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .item img {
    position: relative;
    left: 15px;
  }
  .wrap_img {
    position: absolute;
    top: 15px;
    left: 30px;
  }
  .carousel-caption {
    margin-top: 220px;
    top: 15px;
    left: 0;
    width: 100%;
  }
  .carousel-caption::before, .carousel-caption::after {
    content: '';
    position: absolute;
    left: 90px;
    top: -40px;
    border: 20px solid transparent;
    border-bottom: 20px solid #cee1ea;
  }
  .carousel-caption::after {
    border-bottom: 20px solid #ebf1f4;
    left: 90px;
    top: -38px;
  }
  .menu_footer {
    display: none;
  }
  .copy {
    margin-top: 20px;
  }
  .contact_form {
    margin-bottom: 60px;
    display: block;
  }
 .contact_right {
    clear: both;
  }
  .contact_right {
    margin-top: 50px;
    display: inline-block;
  }
  .inline {
    display: block;
    float: right;
    width: 90%;
    margin-top: 0;
    margin-bottom: 20px;
  }
  .submit_form {
    padding: 8px 40px;
  }
}

@media (max-width:650px) {
  .page_title {
    font-size: 35px;
  }
  .flex-direction-nav a {
    top: 17%;
  }
  .wrap_popup_slider {
    top: 24px;
  }
  .popup_slider {
    width: 240px;
    height: 100px;
    font-size: 14px;
    padding-top: 8px;
    margin-top: 12%;
  }
  .popup_slider > span {
    font-size: 18px;
    margin-top: 0px;
    margin-left: 8px;
  }
  .get_started {
    font-size: 12px;
    margin-top: 6px;
    margin-bottom: 68px;
    padding: 7px 14px;
  }
}

@media (max-width: 500px) {
   .popup_slider {
    width: 174px;
    height: 74px;
    font-size: 14px;
    padding-top: 7px;
    margin-top: 15%;
  }
  .popup_slider > span {
    display: none;
  }
  .get_started {
    font-size: 12px;
    margin-top: 6px;
    margin-bottom: 68px;
    padding: 7px 14px;
  }
  .flex-direction-nav a {
    top: 10%;
  }
  .page_title {
    font-size: 26px;
  }
  .ppd {
    clear: both;
  }
}
@media (max-width:400px) {
   .popup_slider {
    width: 174px;
    height: 50px;
    font-size: 0;
    padding-top: 4px;
    margin-top: 15%;
  }
  .flex-direction-nav a {
    display: none;
  }

}

@media (max-width:355px) {
  .page_title {
    font-size: 20px;
  }
}