/*--

	Theme Name: theme53385

	Theme URI: http://info.template-help.com/help/

	Description: A theme for Wordpress 4.x

	Author: Template_Help.com

	Author URI: http://info.template-help.com/help/

	Template: CherryFramework

	Version: 3.1.4

--*/


/* ----------------------------------------
	Please, You may put custom CSS here
---------------------------------------- */
.logo{
  width: 100vw !important;
  margin-left: -50vw;
  left: 50%;
}
.logo img{
  width:100% !important;
}
.nav-wrap{
  z-index:1001 !important;
}
a{
  color: #0092d2;
}
.zoom-icon::after{
  background:rgba(0,161,220,0.8) !important;
}
.top-info-wrap{
  font-size:30px !important;
}
.top-info-wrap .info > span i{
  font-size:30px !important;
}
.top-info-wrap .row{

}
.solutions .alignnone{
  margin-top:0px !important;
}
.posts-grid li h5 a{
  color:#fff !important;
}
.solutions .span4 h5 a{
  color:#363c3f !important;
}
.testimonials li .featured-thumbnail img{
  border-radius:50%;
}
.posts-grid .span4 .thumbnail { margin:0 0 25px; }
.testimonials .span4 .thumbnail{
  padding-right:15px;
}
.testimonials .span4 .excerpt{
  font-size:15px;
}
.testimonials .span4 .excerpt a{
  color:#fff;
  text-decoration: underline;
}
.testisingleimage{
  max-height:300px;
}
.galleryhomepage h2 a{
  color:#fff;
}
.posts-grid .span4 h5 {
  font:20px/1.2em 'Ubuntu Condensed', sans-serif;
  margin:0 0 20px;
}
.posts-grid .span4 h5 a { color:#363c3f; }
.posts-grid .span4 h5 a:hover, .posts-grid li h5 a:active, .posts-grid li h5 a:focus {
  text-decoration:none;
  color:#0092d2;
}
.posts-grid .span4 .excerpt { margin:20px 0 0; }
.posts-grid .span4 .btn { margin:25px 0 0; }
.posts-grid.solutions .span4 h5 {
  color:#363c3f;
  font:34px/35px 'Ubuntu Condensed', sans-serif;
  text-transform:uppercase;
  margin:0 0 40px;
  text-align:center;
}

.posts-grid.solutions .span4 h5 a:hover {
  color:#0092d2 !important;

}
.materials{    
  margin-left: 0;
    padding-right: 0;
    list-style-type: none;
    padding-left:32px;
    position:relative;
}
.materials li{
  counter-increment: step-counter;
}
.materials li:before{
   content: counter(step-counter);
    margin-right: 15px;
    font-family:Ubuntu Condensed;
    font-weight:light;
  font-size:36px;
  color:#0092d2;
  position:absolute;
  left:0;
  padding:5px 8px;
}
.quote{
  background:#0092d2;
  font-size:24px;
  color:#fff;
  padding:15px;
  box-sizing:border-box;
  text-align:right;
  line-height:32px;
font-style: italic; 
}
.quote .contactquote{
  font-size:21px !important;
}
.openquote{
  font-size: 60pt;
  text-align: right;
  line-height: 55px;
  color: #fff;
  position: relative;
  top: 35px;
  padding-right:15px;
  font-style: italic; 
  font-family:sans-serif;
 
}
.topquote{
  font-size:24px;
    line-height:32px;
font-style: italic; 
}
.topquote .openquote{
  color:#928e92;
}
.topquote .attribution{
  text-align:right;
  display:block;
  box-sizing:border-box;
  width:100%;
}
.attribution{
  font-size:18px;
  font-style:normal;
}
#content{
  padding-top:0px !important;
}
.btn::after, .reply a.comment-reply-link::after{
  background:transparent !important;
}
.greybox{
  background:#f4f3f1;
  padding:15px;
  box-sizing:border-box;  
}
.header .logo-info-wrap {
  position:absolute;
  z-index:1000;
  top:100px !important;
  left:0;
  width:100%;
}
.video-popup {
  position: relative;
  background: #FFF;
  padding: 30px;
  width: 80%;
  max-width: 1200px;
  margin: 20px auto;
  height:500px;
}
.wp-video, video.wp-video-shortcode, .mejs-container, .mejs-overlay.load {
  width: 100% !important;
  height: 100% !important;
}
.wp-video, video.wp-video-shortcode {
  max-width: 100% !important;
}
video.wp-video-shortcode {
  position: relative;
}
.mejs-mediaelement {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.mejs-overlay-play {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto !important;
  height: auto !important;
}
.withbg{
  background: rgba(0,0,0,0.7);
  padding:20px;
  font-size:15px;
}
.logo { padding:255px 0 0 !important; }
@media only screen and (max-width: 767px) {
.logo { padding:40px 0 !important; }
.logo img{
  position:relative;
  left:50%;
  transform:translateX(-50%);
  max-width:200%;
  width:200% !important;
}

}