/* Common */

#cog-wrapper h1,
#cog-wrapper h2,
#cog-wrapper h3,
#cog-wrapper p,
#cog-wrapper span,
#cog-wrapper a,
#cog-wrapper table thead th, 
#cog-wrapper table tbody td,
#cog-wrapper button
{ font-family:"proxima_nova", Arial; }

#cog-wrapper .inline-block { display:inline-block; *display:inline; *position:relative; zoom:1; }

#cog-wrapper .block { display:block; }

.green-text { color:#94c83d; }

#cog-wrapper .lfloat { float:left; }

#cog-wrapper .rfloat { float:right; }

#cog-wrapper .clear { clear:both; height:1px; }

/* Common CSS3 transition for buttons on hover */
#cog-wrapper .cog-banner-links .rfloat a.cog-link-2-plans:hover,
#cog-wrapper .cog-plans-pricing table tr.cog-pricing td button.cog-buybutton:hover
{
    -webkit-transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
}

/* 3D-Effect for all button */
#cog-wrapper .cog-banner-links .rfloat a.cog-link-2-plans,
#cog-wrapper .cog-plans-pricing table tr.cog-pricing td button.cog-buybutton
{
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(216, 216, 216, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(216, 216, 216, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(216, 216, 216, 0.2); outline: none;
}

/* Green Button: Hover & Active */
#cog-wrapper .cog-banner-links .rfloat a.cog-link-2-plans:hover,
#cog-wrapper .cog-plans-pricing table tr.cog-pricing td button.cog-buybutton:hover
{ 	background:#34c918; }

#cog-wrapper .cog-banner-links .rfloat a.cog-link-2-plans:active,
#cog-wrapper .cog-plans-pricing table tr.cog-pricing td button.cog-buybutton:active
{ background:#2db315 }



/* Containers */

#cog-wrapper { margin:-19px auto 0 auto; width:100%; background:#fff; }

#cog-wrapper .cog-banner { background:url('../../../../css/codeguard/../../images/cog-banner-img.png') repeat-x; width:100%; height:420px;  }

#cog-wrapper .cog-features,
#cog-wrapper .cog-how-it-works,
#cog-wrapper .cog-plans-pricing,
#cog-wrapper .cog-testimonials,
#cog-wrapper .cog-clients 
{ width:940px; padding:0 30px; margin:0 auto; color:#222; }


/* Page specific common styled elements */

#cog-wrapper .cog-features h2, 
#cog-wrapper .cog-how-it-works h2,
#cog-wrapper .cog-plans-pricing h2,
#cog-wrapper .cog-testimonials h2
{ background:  url('../../../../css/codeguard/../../images/cog-heading1-bg.png') no-repeat center 10px; text-align:center; margin:70px 0 0 0; padding:0; 
  font-size:26px; font-weight:600; line-height:26px; color:#222; }

#cog-wrapper .cog-features .cog-feature-details h3,
#cog-wrapper .cog-how-it-works .cog-working-details h3 
{ font-size:20px; font-weight:600; margin:0; padding:0 0 5px 0; line-height:20px; color:#222; }

#cog-wrapper .cog-features .cog-feature-details p,
#cog-wrapper .cog-how-it-works .cog-working-details p  
{ font-size:15px; font-weight:100; line-height:21px; margin:0; padding:0; text-align:center; }



/* Banner */

#cog-wrapper .cog-banner a.codeguard-logo { margin:0 auto; padding:60px 0 10px 0; width:206px; }

#cog-wrapper .cog-banner h1 { margin :0; padding:0; color:#fff; text-align:center; font-size:46px; font-weight:600; }

#cog-wrapper .cog-banner p { color:#fff; font-size:20px; font-weight:100; width:830px; margin:0 auto; padding:0; text-align:center; line-height:28px; }


/* More Info */

#cog-wrapper .cog-banner-links 
{ background: url('../../../../css/codeguard/../../images/cog-moreinfo-bg.png') repeat; width:100%; } 

#cog-wrapper .cog-banner-links .cog-link-container
{ padding:20px 30px 19px 30px; width:940px; margin:0 auto; } 

#cog-wrapper .cog-banner-links p { margin:0; padding:0; color:#fff; font-size:30px; font-weight:400; margin:15px 0 0 0; }

#cog-wrapper .cog-banner-links p span.green-text.currency-symbol{ font-size:30px; vertical-align:top; margin:0; }

#cog-wrapper .cog-banner-links p span.green-text.time-period { font-size:22px; vertical-align:baseline; }

#cog-wrapper .cog-banner-links .rfloat a.cog-link-2-plans 
{ background:#2fbe15; border:1px solid #18900b; cursor:pointer; font-size: 18px; font-weight:100; color:#fff;
  -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; 
  outline:none; text-decoration:none; 
  width:133px; height:45px; line-height:45px; text-align:center;
}

#cog-wrapper .cog-link-2-video
{ border:1px solid #bababa; color:#bababa; text-decoration:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; 
  cursor:pointer; font-size: 18px; font-weight:100; width:232px; height:47px; line-height:45px; text-align:center; margin:0 0 0 12px;
}

#cog-wrapper .cog-link-2-video-icon 
{ background: url('../../../../css/codeguard/../../images/all-images-codeguard.png') no-repeat 0 -17px; height:13px; width:22px; margin:0 10px 0 0;  }


/* Features */

#cog-wrapper .cog-features p.cog-small-text,
#cog-wrapper .cog-testimonials p.cog-small-text 
{ margin:7px 0 0 0; padding:0; font-size:18px; font-weight:100; text-align:center; }

#cog-wrapper .cog-features .cog-feature-details
{ width:280px; text-align:center; margin:0 43px 0 0; padding:0; vertical-align:top; }

#cog-wrapper .cog-features .cog-feature-details.last
{ margin:0; width:285px; }

#cog-wrapper .cog-features .cog-feature-details .cog-feature-icon { background:url('../../../../css/codeguard/../../images/all-images-codeguard.png') no-repeat; margin:48px auto 13px auto; }

#cog-wrapper .cog-features .cog-feature-details .cog-feature-icon#cog-works-auto { background-position: -189px -40px; height:65px; width:65px; padding-bottom:8px; }

#cog-wrapper .cog-features .cog-feature-details .cog-feature-icon#cog-hassle-free { background-position: -94px -40px; height:65px; width:85px; padding-bottom:8px; }

#cog-wrapper .cog-features .cog-feature-details .cog-feature-icon#cog-money-back { background-position: 0 -40px; height:73px; width:85px; }



/* How it works */

#cog-wrapper .cog-how-it-works h2 { background:  url('../../../../css/codeguard/../../images/cog-heading2-bg.png') no-repeat center 10px; margin-top:63px; }

#cog-wrapper .cog-how-it-works .cog-working-details
{ width:275px; text-align: center; margin:0 51px 0 0; padding:0; vertical-align:top; position:relative; }

#cog-wrapper .cog-how-it-works .cog-working-details.last
{ margin:0; width:280px; }

#cog-wrapper .cog-how-it-works .cog-working-details .cog-working-steps 
{ background:url('../../../../css/codeguard/../../images/all-images-codeguard.png') no-repeat -31px 0; height:30px; width:30px; color:#fff; line-height:30px; text-align:center;
  margin:32px 0 15px 0; padding:0; font-size:18px; font-weight:600; }

#cog-wrapper .cog-how-it-works .cog-working-details .cog-working-details-seperator 
{ background:url('../../../../css/codeguard/../../images/all-images-codeguard.png') no-repeat -263px -40px; position: absolute; right:-40px; top:82px; height:73px; width:26px; }

#cog-wrapper .cog-how-it-works p.cog-learnmore-working 
{ font-size:15px; font-weight:100; text-align:center; margin:15px 0 0 0; padding:0;  }

#cog-wrapper .cog-how-it-works p.cog-learnmore-working a
{ color:#377cec; }

#cog-wrapper .cog-how-it-works p.cog-learnmore-working a { text-decoration: underline; }

/* Testimonials */

#cog-wrapper .cog-testimonials h2 { background: url('../../../../css/codeguard/../../images/cog-heading4-bg.png') no-repeat center 10px; margin-bottom:8px; margin-top:64px;  }

#cog-wrapper .cog-testimonials ul { overflow: hidden; padding:0; margin:15px 0 0 0; }

#cog-wrapper .cog-testimonials ul li  { list-style: none;  }

#cog-wrapper .cog-testimonials ul li p { font-size:15px; font-weight:100; line-height:20px; padding:0 0 12px 0; text-align:center; } 

#cog-wrapper .cog-testimonials ul li p.cog-comment-content { margin:15px auto; width:650px; }

#cog-wrapper .cog-testimonials ul li p span.testimonial-txt { line-height: 23px; margin:0 15px; }

#cog-wrapper .cog-testimonials ol.bjqs-markers.h-centered { position: relative; top: -64px; left: 0; width: 940px; text-align: center; padding:0; }

#cog-wrapper .cog-testimonials ol.bjqs-markers.h-centered li
{ background:url('../../../../css/codeguard/../../images/all-images-codeguard.png') no-repeat; background-position: -94px -19px; list-style: none; display: inline-block; height:11px; width:11px; font-size:10px !important;  *display:inline; *position:relative; zoom:1; margin:0 12px 0 0;  }

#cog-wrapper .cog-testimonials ol.bjqs-markers.h-centered li a
{ color:#d6d6d6; text-decoration: none; }

#cog-wrapper .cog-testimonials ol.bjqs-markers.h-centered li.active-marker
{  background-position: -71px -19px; }

#cog-wrapper .cog-testimonials ol.bjqs-markers.h-centered li.active-marker a
{ color:#9c9c9c !important; text-decoration:none; }

.sl-lquote, .sl-rquote
{ background:url('../../../../css/codeguard/../../images/sl-testimonial-quotes.png') no-repeat; height:19px; width:22px; font-weight:400; color:#ccc; position: relative; }

.sl-lquote { top:3px; left:0; background-position:0 0; }

.sl-rquote { bottom:-5px; right:0; background-position: -30px 0; }

#cog-wrapper .cog-testimonials ul li p.cog-comment-author { margin:-18px auto 0 auto; font-weight:900; font-size:15px; text-align:center; width:650px; }



/* Client Logos */

#cog-wrapper .cog-clients { display:block; margin:75px auto; }

#cog-wrapper .cog-clients span.client-logos 
{ background:url('../../../../css/codeguard/../../images/cog-client-logos.png') no-repeat; height:43px; width:940px; margin:0 auto; }


/* Codeguard Video */

#codeguard-video {
  width: 40%;
  margin-left: 0;
  padding: 4px;
  background: #6c6c6c;
  border: 1px solid #828282;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  left: 30%;
}
#codeguard-video iframe{
  width: 100% !important;
}
.codeguard-modal-content { background:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; padding:30px 20px 20px 20px; }

#codeguard-video a.modal_close
{ background: url("../../../../css/codeguard/../..//images/close.png") no-repeat 0 0; right:10px; top:10px; height:15px; position: absolute; width:15px; opacity:0.6;  }

#codeguard-video a.modal_close:hover
{ opacity:0.8 }

#codeguard-video a.modal_close:active
{ opacity:1; }

/* Some Refinements */

.green-text.starting-price { margin:0 0 0 -8px;  }

@media (max-width:767px){
  #codeguard-video {
    width: 80%;
    left: 10%;
  }
}