/* 
    Document   : bootstrap-modified
    Created on : Jul 27, 2014, 1:39:20 PM
    Author     : susheel kumar
    Description:
        Purpose of the stylesheet follows.
*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300);
root { 
    display: block;
}
/*******************************************
Layout Style
*********************************************/
@font-face {
  font-family: 'proximanova';

  src: url('../fonts/proximanova-semibold-webfont.ttf');
  src: url('../fonts/proximanova-semibold-webfont.ttf') format('embedded-opentype'), url('../fonts/proximanova-semibold-webfont.ttf') format('woff'), url('../fonts/proximanova-semibold-webfont.ttf') format('truetype'), url('../fonts/proximanova-semibold-webfont.ttf') format('svg');
}
/*.container{border:1px solid red;padding:0 20px;}*/
.no-padding{padding:0 !important;}
p{font-size: 1.2em;}
h1{font-family:"Open Sans";font-size: 2em; }
/*******************************************
Header 
*********************************************
**************************************-******/
.header{padding:1.01em 0 .9em 0; border-bottom: 1px solid #123a77;}
.header navbar{background:transparent; }
.header .navbar-collapse{padding:0 }
.header .btn.btn-default.navbar-btn.top-btn a{color:#2b3c69; }
.header .btn.btn-default.navbar-btn.top-btn {
    font-family: sans-serif;
    font-size: 13px;
    border: 2px solid #2b3c69;
    color: #2b3c69 !important;
    font-weight: bold;
    padding: 7px 22px;
    text-transform: uppercase;
    transition: all 0.2s ease;
}
.header .btn.btn-default.navbar-btn.top-btn:hover {
    background-color: #314068;
    border: 2px solid #314068;
    color: #fafafa !important;
}

.header .btn.btn-blue.navbar-btn.top-btn-blue a{color:#fff; }
.header .btn.btn-blue.navbar-btn.top-btn-blue {
    font-family: sans-serif;
    font-size: 13px;
    background: none repeat scroll 0 0 #0077bc;
    color: #fff;
    font-weight: bold;
    padding: 8px 18px;
    text-transform: uppercase;
    transition: all 0.1s ease;
    margin-right: 6px; */
}
.header .btn.btn-blue.navbar-btn.top-btn-blue:hover {
    background-color: #036096;
}

.header .right-top-icon {
    display: block;
    margin: -8px 0;
    padding: 0;
}
.logo{padding-top: 4px}
/*******************************************
banner section
*********************************************
**************************************-******/
/* jumbotron class change to .home_top_section*/
.home_top_section {
  padding: 0px 0 0;
  margin-bottom: 0;
  color: white;
  background:url(../images/banner-bg.png) center 0 no-repeat;
  background-size: cover;
  text-align: center;
  border-bottom: 1px solid #C5EAFF;
}
.home_top_section .tital{text-transform:uppercase;font-size:3.9em;color:#0d255e; font-weight:bold;margin: 0; }
.home_top_section h1 { color: #0d255e;
    font-family: "Open Sans";
    font-size: 1.5em;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 0.3em 0 0.1em; }
.home_top_section p { margin-bottom: 15px;font-size:15px;font-weight:600;color:#3c3e49;font-family:"Open Sans"; }
.home_top_section .banner-padding {padding:7.375em 0 0em; }
.home_top_section figure {padding-top:12em; }
.home_top_section > hr { border-top-color: #d7dbde;}
.home_top_section .container {  max-width: 1170px;}
.home_top_section .img-iPhone {display: block;margin-left: auto;margin-right:auto;height:auto;}
.home_top_section .img-logo { display: inline-block;height:auto;margin:76px auto 20px;}
.home_top_section .btn-app-store {margin:0;}
.home_top_section .btn-app-store .btn.btn-lg, .home_top_section .btn-app-store .btn-group-lg > .btn {
  padding: 0;
}
.home_top_section .btn-app-store .btn img { display: block;margin-left: auto;  margin-right: auto;}
.home_top_section .head-logo-margin{margin-bottom:43px; }
.top_heading { color: #0d255e;
    font-family: caption;
    font-size: 3em;
    font-style: italic;
    font-weight: bold;
    text-transform: lowercase;}
@media screen and (max-width:320px){
    .home_top_section .tital{font-size: 2.9em}
    .home_top_section .banner-padding{ padding:0 }
    .home_top_section figure{padding:1em 0;}
}
@media screen and (max-width:640px){
    .home_top_section .tital{font-size: 2.9em}
    .home_top_section .banner-padding{ padding:0 }
    .home_top_section figure{padding:1em 0;}
}
@media screen and (max-width:768px){
    .home_top_section .tital{font-size: 2.9em}
    .home_top_section .banner-padding{padding:2.375em 0 0}
    .home_top_section figure{padding: 3em 0em 2em;}
    
}
/*******************************************
.Features section
*********************************************
**************************************-******/
.Features{display:block;text-align:center;padding:27px 0; }

.Features h1{
    color:#4d4d4d;
    text-transform:uppercase;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 22px;
    }

.Features p{
    color: #565656;
    font-size: 18px; 
    font-family: sans-serif;
    text-align: center;
    }

.Features h1 .link{
    color:#449bce;
    font-size:0.8em;
    font-family: serif;
    letter-spacing: 0.8px;
    text-transform:none;  
}

.features_btn {
    padding: 10px 16px;
    background-color: #fff;
    border: 2px solid #449bce;
    color: #449bce;
    font-size: 16px;
    font-family: sans-serif;
    border-radius: 3px;
    outline:none;
    text-transform: none;
}
.features_btn:hover {
    color:#3186b8;
    border: 2px solid #3186b8;
}

.center-block {  
    display: block;
    margin:0 auto;
    text-align:center;
}
.Features ul{
    margin: 25px 0px 192px 0px;
    padding: 0;
    text-align: center;
}
.Features ul li{margin: 0; padding:0;float:left; list-style:none;width:20%;}
.Features ul li span{float: left;margin: 0;min-height: 90px; width: 100%;}

.Features ul li p{
    width:100%;
    color:#474f5d; 
    font-size: 1.0em;
    text-align:center;
    font-family: Open Sans;
    font-weight: 500;
    margin-left: 5px;
    letter-spacing: 0px;
}

@media screen and (max-width:640px){
   .Features ul li{margin: 10px 0 20px 0; padding:0;float:left; list-style:none;width:100%;}
   .Features ul li p {
    color: #474f5d;
    font-family: "Open Sans";
    font-size: 0.9em;
    font-weight: 600;
    text-align: center;
    width: 100%;
}
.Features ul li span{
    min-height:0px; 
    margin-bottom: 10px;
    }
}


@media screen and (min-width:1140px) and (max-width:1280px) {
    .container{}
}
@media screen and (min-width:1170px){
    .Features .container{padding:0 108px !important;  }
    .Features {}
    
   .Features .automatic-bounce { margin-top: 8px;}
   .Features .personlize {  margin-top: 22px;}
   .Features .reputation { margin-top: 19px;}
   .Features .expert {margin-top: 32px;}
    
    
}
/*******************************************
.blue-area section
*********************************************
**************************************-******/
.blue-area{
    display:block;
    background-color:#0076bc;
    text-align: center;
    color:#ffffff;
    padding:30px 0px 30px 0px;
}
.blue-area h1{ 
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-family: sans-serif;
    font-size: 21px;
}

.blue-area p{
    font-size: 1.3em;
    letter-spacing: 1px;
    padding: 10px 0px 0px 0px; 
    font-family: open Sans;
    font-weight: 400;
    color: #dcf2fd;
}

@media (max-width:480px) {
.blue-area h1 { 
    font-size: 20px !important;
}
.tiered-structure {
    margin-left: 0px !important;
    margin-right: 0px !important;
    width: 100% !important;
    }
#pricePlans h1 {
    font-size: 18px !important;
    }
#pricePlans p {
    font-size: 16px !important; 
    }    
}

.tiered-structure {
    margin-left: 20%;
    margin-right: 20%;
    width: 60%;
}
.blue-area span.img-center{padding: 48px 0 15px;}
.blue-area span.img-center img .img-responsive{display:inline }
@media screen and (min-width:1170px){
   .blue-area .container{padding:0 108px !important;  }
}
.blue-area h2 {
    font-weight: bold;
    margin: 0;
    padding: 0;
}
.blue-area span{ 
    font-size: 1.3em; 
    letter-spacing: 1px;
    line-height:2;
    color: #fff;
}
.blue-area .img-cont {
    margin-bottom: 13px;
    margin-top: 20px;
    min-height: 64px;
    padding-top: 20px;
}
/*******************************************
.price table section
*********************************************
**************************************-******/
#pricePlans h1 a.link {
    display: block;
    float: left;
    padding: 49px 0 11px;
    text-align: center;
    width: 100%;
}
#pricePlans > ul {
    border: 3px solid #abd3ec;
    float: left;
    width: 100%;
   
}

#pricePlans h1{
    color:#4d4d4d;
    text-transform:uppercase;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 22px;
}

#pricePlans p{
    color: #565656;
    font-size: 18px; 
    font-family: sans-serif;
    margin-bottom: 40px;
}
#pricePlans h1, #pricePlans p{width:100%; text-align:center }
.pricePlans .grey-c{color:#676767 !important;}
#pricePlans .options li{border-top:1px solid #ddd;background: #fff;}
#plans,#plans ul,#plans ul li {	margin: 0;padding: 0;list-style: none;
/*border-top:1px solid #ddd;*/ border: 0;
}
#pricePlans:after {content: '';	display: table;	clear: both;}
#pricePlans {zoom: 1;}
#pricePlans {max-width: 69em;margin: 0 auto;}
#pricePlans #plans .plan {float: left;width: 100%;text-align: center;}
.planContainer .title{height: 56px;} 
.planContainer .title h2 {background:#e5f9ff; 
          font-size: 1.1em;
          font-weight:bold;
          color: #1e3879;
          text-transform:uppercase; 
          margin: 0;
          padding:1.3em 0;}
.planContainer .title h2.bestPlanTitle {
    background: #e5f9ff;
   border-radius: 5px 5px 0 0;
}


.planContainer .price p {
	background: #3e4f6a;
	font-size: 1.2em;
	font-weight: 700;
	height: 2.6em;
	line-height: 2.6em;
	margin: 0 0 1em;
}
.planContainer .price p.bestPlanPrice {	background: #f7814d;}
.planContainer .price p span {	color: #1e3879;}
.planContainer .options {margin-top: 10em;}
.planContainer .options li {font-weight: 700;color: #1e3879;line-height:3.8;}
.planContainer .options li span {font-weight: 400;color: #1e3879;}
.planContainer .button a {text-transform: uppercase;text-decoration: none;color: #1e3879;font-weight: 700;letter-spacing: 3px;line-height: 2.8em;	border: 2px solid #3e4f6a;display: inline-block;width: 80%;height: 2.8em;border-radius: 4px;margin: 1.5em 0 1.8em;}
.planContainer .button a.bestPlanButton {color: #1e3879;background: #f7814d;border: 2px solid #f7814d;}
#credits {text-align: center;font-size: .8em;font-style: italic;color: #1e3879;}
#credits a {	color: #1e3879;}
#credits a:hover {	text-decoration: none;}

@media screen and (min-width: 481px) and (max-width: 768px) {
#pricePlans #plans .plan {	width: 49%;	margin: 0 2% 20px 0;}
#pricePlans #plans > li:nth-child(2n) {	margin-right: 0;}
#pricePlans .options li{border-top:1px solid #ddd;background: #fff;}

}

@media screen and (min-width: 769px) and (max-width: 1024px) {
#pricePlans #plans .plan {width: 49%;margin: 0 2% 20px 0;}
#pricePlans #plans > li:nth-child(2n) {	margin-right: 0;}
#pricePlans .options li{border-top:1px solid #ddd;background: #fff;}
}

@media screen and (min-width: 1025px) {
    #pricePlans .options li{border-top:1px solid #ddd;background: #fff;}
#pricePlans {margin:0 auto; padding: 27px 43px}
#pricePlans #plans .plan {width: 25%;border: 1px solid #ddd;
	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
	    -ms-transition: all .25s;
	     -o-transition: all .25s;
	        transition: all .25s;
}
#pricePlans #plans > li:last-child {margin-right: 0;}
#pricePlans #plans .plan:hover {
    -webkit-transform: scale(1.04);
	   -moz-transform: scale(1.04);
	    -ms-transform: scale(1.04);
	     -o-transform: scale(1.04);
	        transform: scale(1.04); border: 3px solid #abd3ec;
}
.planContainer .button a {
	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
	    -ms-transition: all .25s;
	     -o-transition: all .25s;
	        transition: all .25s;
}
.planContainer .button a:hover {background: #3e4f6a;color: #1e3879;}
.planContainer .button a.bestPlanButton:hover {	background: #ff9c70;border: 2px solid #ff9c70;}
}

@media (max-width:640px) {
    .area1,
    .area3 {width:45%;float:left; margin-top: 12px; margin-left:5%;}
    .area4 {width:45%;float:left; margin-top: 12px; margin-right:5%;}
    .area-over {width:45%;float:left; min-height:none; margin-right:5%;}
    .border-trb2 {
    border: 2px solid #5698c3 !important;
    }
}
@media (min-width:641px) {
    .area1,
    .area3,
    .area4 {width:25%;float:left; margin-top: 12px;}
    .area-over{width:25%;float:left;min-height:356px;}
}

.area1 .heading,
.area3 .heading,
.area4 .heading {  background: none repeat scroll 0 0 #e5f9ff;
    color: #1e3879;
    font-size: 1.1em;
    font-weight: bold;
    margin: 0;
    padding:0;
}
.area1 ul,
.area3 ul,
.area4 ul {text-align:center;margin:0;padding:0;}
.area1 li,
.area3 li,
.area4 li {list-style:none;text-align:center;  font-weight: 700;color: #1e3879;line-height:3.8;border-top: 1px solid #ddd;}
.area-over .heading{  background: none repeat scroll 0 0 #e5f9ff;
    color: #1e3879;
    font-size: 1.1em;
    font-weight: bold;
    margin: 0;
    padding:6px 0;
    text-transform: uppercase;
}
.area-over ul{text-align:center;margin:0;padding:0;}
.area-over li{list-style:none;text-align:center;  font-weight: 700;color: #1e3879;line-height:3.8;border-top: 1px solid #ddd;}


.borderb {border:2px solid #32698d; }
.border-trb,
.border-trb2 {
    border-top:2px solid #5698c3;
    border-right:2px solid #5698c3;
    border-bottom:2px solid #5698c3;
}
.border-tlb {
    border-top:2px solid #5698c3;
    border-left:2px solid #5698c3;
    border-bottom:2px solid #5698c3;
}
/*******************************************
.footer-top section
*********************************************
**************************************-******/

.footer-top{background-color:#2b333b;color:#fff;padding:30px 0 12px }

@media (max-width:640px){
.footer-top h3 {   
    margin: 4px 0;
    font-size: 1.1em;    
    font-weight: 300;
    font-family: sans-serif; 
}
.container p {
    font-size: 1.2em;
}
}
@media (min-width:641px){
.footer-top h3 {   
    margin: 4px 0;
    font-size: 1.5em;    
    font-weight: 300;
    font-family: sans-serif; 
}
}
 .footer-top .top-btn-blue {
    background: #0077bc;
    font-weight: bold;
    padding: 17px 33px;
    text-transform: uppercase;
}
.footer-top .top-btn-blue:hover {
    background: #036096;
    color:#fff;
}
@media screen and (min-width:1170px){
   .footer-top .container{padding:0 108px !important;  }
}
/*******************************************
.footer section
*********************************************
**************************************-******/
.footer{background-color:#21272d;color:#fff;padding:19px 0  }
@media (min-width:481px){
    .footer .center{text-align:center }
}
@media (max-width:480px){
    .footer .center{margin: 12px 0; }
}

@media screen and (min-width:1170px){
   .footer .container{padding:0 108px !important;  }
}
.footer h3 {font-size: 1.1em;
    font-weight: 600;
    text-transform: uppercase; }
.footer ul{margin: 0;padding: 0;color:#fff }
.footer ul li{margin: 0;padding:6px 0;color:#fff; float:left;list-style:none;width:100%   }
.copyright-container{border-top:1px solid #4d4d4d;  margin: 21px 0 0;padding: 20px 0;  color: #d5d5d5;}
.copyright-container ul{ margin: 0 ;padding: 0;}
.copyright-container ul li{ margin: 0 ;padding: 0 14px;list-style:none; width:auto;border-right:1px solid #ddd;}
.copyright-container ul li:last-child{border-right:0;padding:0 0px 0 14px}
.copyright-container span.fb{  padding-right: 10px; width:30px;border-right:1px solid #ddd}
.copyright-container span.tw{ margin-left:5px ;padding: 0; width:30px}
.copyright-container ul li a{ color:#fff;margin: 0 ;float:left;text-decoration: none;padding:0; }

/*********************************************************************************************************************************
.Feature Template Style start here
*********************************************
**************************************-******/
.breadcrumbs {
    background: none repeat scroll 0 0 #2c488b;
    border-bottom: 2px solid #123a77;
    color: #fafafa;
    padding:22px 0 20px;
    display: block;
}
.breadcrumbs span.title{text-transform:uppercase; font-weight:bold; font-size: 1.6em;  }
@media screen and (min-width:1170px){
 .breadcrumbs .container{padding:0 108px !important;  }
}
/*******************************************
.Feature-content content Style start here
*********************************************
**************************************-******/

.feature-content {
    color: #374454;
    font-size: 0.9em;
}
.feature-content h1 {
    font-size: 1.6em;
    color: #374454;
    margin: 8px 0 14px 0;
}
.feature-content .img-responsive { 
    margin:0 auto 
}
.feature-content .content-container { 
    display: inline-block;
    padding: 38px 0; 
    border-bottom: 1px solid #ddd;
}
@media screen and (max-width:767px){
 .feature-content .container {
text-align: center;
}
.feature-content h1 {
    font-size: 1.2em;
    margin-top:20px;
}
}
.feature-content .content-container:last-child {
    border-bottom:0
}

@media screen and (min-width:1170px){
 .feature-content .container {
    padding:0 108px !important;
}
}



/*******************************************
.Post Signup Template Style start here
*********************************************
**************************************-******/
.breadcrumbs p {
    font-size: 1.1em;
    line-height: 1.4;
    margin:5px 10px; 
}
.breadcrumbs h1 {
    font-size: 1.6em;
    font-weight: 500;
    letter-spacing: 1px;
    margin: 0 10px;
    text-transform: uppercase;
}
/*******************************************
.Post Signup content Style start here
*********************************************
**************************************-******/
.post-signup{background:#f5f6f8; }
.post_content-container{background:#fff;border-radius:4px;box-shadow: 2px 2px 2px 2px #ddd;   margin: 30px 0; }
.post_content-container .post_content{ padding: 30px 50px 0;margin:30px 0;display: inline-block; }
.post_content-container .post_content h1{ color: #3059a3;
    font-family: "Open Sans";
    font-size: 1.5em;
    font-style: italic;
    font-weight: bold;line-height: 1.2; }
.post_content-container .post_content p{border-bottom: 1px solid #ddd;
    color: #343434;
    font-size: 1.1em;
    margin: 0 auto;
    padding-bottom: 30px;
    width: 94%;  line-height: 1.6;}
 .post_content-container .btn.btn-blue.navbar-btn.btn-blue {
    background: none repeat scroll 0 0 #0077bc;
    color: #fff;
    font-size: 1.3em;
    font-weight: bold;
    padding: 15px 30px;
    text-transform: uppercase;
}
.post_content-container .form_container{padding:30px 0;display:inline-block; }
.post_content-container .form_container-btn{margin-top:30px ;display:inline-block; }
@media screen and (min-width:1170px){
 .post-signup .container{padding:0 90px !important;  }
}

/*******************************************
.login Template Style start here
*********************************************
**************************************-******/
.form-signin {
    border: 1px solid #9DAFC2;
    border-radius: 3px;
    box-shadow: 1px 1px 2px #ddd;
    margin: 70px auto 0;
    max-width: 380px;
    padding: 30px 45px 32px 45px;
    background:#fff;
}
.form-signin .form-control { 
    box-sizing: border-box; 
    font-size: 16px;
    height: auto;
    padding: 10px;
    position: relative;
}
.form-signin input {
    background: url("../images/email.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #CCCCCC;
    margin-top: 12px;
    padding: 12px;
    width: 100%;
    padding: 12px 12px 12px 37px;
    border-radius:3px;
    outline: none;
    color:#1e3870;
}
.form-signin input.contact-email-field {
    background-position: 10px 15px;
}
.form-signin input.contact-pass-field {
    background: url("../images/pass.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.form-signin input.contact-pass-field {
    background-position: 12px 13px;
}
.logo-login {
    text-align: center;
}

.remember-me {
    color: #555;
    font-size: 13px;
}
.forget-pass {
    margin-left: 50px;
    text-decoration: none;
    color:#40b9ff;
    font-weight:600;
}
.forget-pass a {
    color:#4471B4!important;
    font-size:13px;
    font-family: sans-serif;
}
.btn-login {
    margin: 20px 6px -8px 0;
    padding:15px;
    border-radius:3px !important;
}
.create-a-account {
    float: left;
    text-align: center;
    width: 100%;
    margin-top:25px;
}
.create-a-account a {
    font-family: sans-serif;
    font-size: 16px;
    color: #475D8F !important;
    font-weight: normal;
}
@media screen and (min-width:300px) and (max-width:480px) {
    .logo-login {
        margin:0;
        float:none;
        }
    .forget-pass {
        margin-left:8px;
        }
    }

/*******************************************
.Pricing Template Style start here
*********************************************
**************************************-******/
.pricing {
    display:block;
    padding: 55px 0 20px 0;
}
.pricing ul {
    display:inline-block;
    margin-right: -5px;
    padding: 5px 0 0;
    width:20%;
    border: 1px solid #BFD0DA;
}
.pricing ul div {
    background: #f3f8fc;
    display: block;
    padding: 7px 0;
    text-align: center;
}
.pricing ul div button.btn-price { 
    background: none repeat scroll 0 0 #0077bc;
    border: 0 none;
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    padding: 10px 18px;
    margin: 4px 0px;
    text-transform: uppercase;
}
.pricing ul li {
    display:inline-block;
    margin:0;
    padding: 17px 0 9px;
    text-align:center;
    list-style:none;
    width:100%;
    border-bottom:1px solid #eee;
}
.pricing ul li.bronze {
    background: none repeat scroll 0 0 #9C6530;
    color: #fff;
    display: block;
    font-size: 1.3em;
    font-weight: 500;
    margin: 0 auto;
    padding: 6px;
    text-transform: uppercase;
    width: 91%;
}
.pricing ul li.silver {
    background: #A1A4A6;
    color: #fff;
    display: block;
    font-size: 1.3em;
    font-weight: 500;
    margin: 0 auto;
    padding: 6px;
    text-transform: uppercase;
    width: 91%;
}
.pricing ul li.gold{
    background: none repeat scroll 0 0 #D2A826;
    color: #fff;
    display: block;
    font-size: 1.3em;
    font-weight: 500;
    margin: 0 auto;
    padding: 6px;
    text-transform: uppercase;
    width: 91%;
}
.pricing ul li.platinum {
    background:#848484;
    color: #fff;
    display: block;
    font-size: 1.3em;
    font-weight: 500;
    margin: 0 auto;
    padding: 6px;
    text-transform: uppercase;
    width: 91%; 
}
.pricing ul li.diamond {
    background:url("../images/diamond.png")no-repeat;
    color: #fff;
    display: block;
    font-size: 1.3em;
    font-weight: 500;
    margin: 0 auto;
    padding: 6px;
    text-transform: uppercase;
    width: 91%; 
}
.pricing ul li:last-child{border-bottom:0}
.pricing ul li span {
    color: #3c5771;
    font-size: 1.1em;
    line-height: 1.5;
}
.pricing ul li p {
    color: #555;
    font-weight: 600;
}
@media screen and (min-width:1170px){
 .pricing .container{padding:0 99px !important;  }
 .pricing ul{width:20%}
}
@media screen and (max-width:640px){
 .pricing ul {width:80%; margin: 5px 10% 15px 10%;}
}
@media screen and (min-width:641px){
    .pricing ul{width:20%}
} 

@media screen and (min-width:1170px){
 .part .container{padding:0 99px !important;  }
 
}
.part {display:block;padding: 0 0 24px;}

 .part h2 {
    font: 33px sans-serif;
    margin-top: 30px;
    text-align: center;
    text-transform: uppercase;
}

.part h2.background {
    position: relative;
    z-index: 1;}
    
  .part h2.background:before {
        border-top: 1px solid #dfdfdf;
        content:"";
        margin: 0 auto; /* this centers the line to the full width specified */
        position: absolute; /* positioning must be absolute here, and relative positioning must be applied to the parent */
        top:43%; left: 0; right: 0; bottom: 0;
        width:100%;
        z-index: -1;
    }

    .part h2.background span { 
        /* to hide the lines from behind the text, you have to set the background color the same as the container */ 
        background:url("../images/or.png")no-repeat; 
        padding:0px; 
        width:68px;
        height:57px;
        display: inline-table;
       
    }
.part p {
    color: #999;
    font-family: sans-serif;
    font-size: 1.7em;
    font-style: italic;
    font-weight: 200;
    letter-spacing: 1px;
    text-align: center;
    margin: 15px 0 37px 0;
}

/*******************************************
./*******************************************
.Pricing Template Style start here
*********************************************
**************************************-******/

@media screen and (min-width:768px){
 .Calculate .container {padding:0 170px;}
 .Calculate .p0 {padding: 0 !important;} 
.Calculate .heading-con-left {
    background-color: #fdfdfd;
    border-top: 1px solid #bbd0e7;
    border-left: 1px solid #bbd0e7;
    border-bottom: 1px solid #bbd0e7;
    padding: 0 20px;
    margin-top: 45px;
} 
 .Calculate .heading-con-left p:last-child {   
  border-bottom:0;
  margin-top: 12px;
}
 .Calculate .heading-con-left p {
    border-bottom: 1px solid #ddd;
    font-size: 13px;
    font-family: sans-serif;
    margin: 0;
    padding: 0 0 15px 0;
}
 .Calculate .heading-con-left h1 {
    margin-bottom: 8px;
    margin-top: 14px;
    color: #4c74bc;
    font-size: 18px;
}

.heading-con-right {
    background: #fefefe;
    border: 1px solid #9fb9d4;
    border-bottom: 1px solid #BDDBF1;
    padding: 15px 35px;
} 
.heading-con-right-bottom{
    background: none repeat scroll 0 0 #f3f8fc;
    border: 1px solid #9fb9d4;
    border-top: none;
    display: inline-block;
    margin-bottom: 50px;
    padding: 13px 35px;
    width: 100%;
} 
.heading-con-right h1 {
    color: #4c74bc;
    margin-bottom: 31px;
    font-size: 1.4em;
    font-weight: bold;
    text-transform: uppercase;
} 
.heading-con-right .icontainer input { 
    border: 1px solid #ddd;
    color: #777;
    border-radius: 4px;
    font-size: 1.2em;
    padding: 11px;
    width: 82%;
    outline: none;
}
.heading-con-right .icontainer input:hover {
    border: 1px solid #ccc;
} 
.heading-con-right .icontainer input:focus {
    border: 1px solid #bbb;
} 
.heading-con-right .icontainer {
    display:block;
    background: #f3f8fc;
    border: 1px solid #d9e6f1;
    color: #5880a0;
    border-radius: 3px;
    padding: 14px 0 7px;
    display: inline-block;
    width: 100%;
}

.calculation .hrtop hr  { 
    margin-top: 0;
    margin-bottom: 10px;
 }
 .calculation .hrbottom hr  { 
    margin-top: 10px;
    margin-bottom: 15px;
 }
.calculation .total-c { display:inline-block;width:100% }
.calculation .total-c .price { 
    color:#1b83d4;
    font-size: 1.8em;
    font-weight: bold;
    font-family: sans-serif; 
}
.calculation ul.heading { 
    margin: 0;
    padding:20px 0 8px 0;
    display:inline-block;
    width:32%;
}
.calculation ul.heading li { color: #41527b;
    display: inline-block;
    font-size: 1.2em;
    font-weight: bold;
    list-style: none outside none;
    margin: 0;
    padding: 5px 0;
    text-transform: uppercase;
    width: 100%; }

    .calculation ul {
        margin: 0; 
        padding:0; 
        display:inline-block;
        width:32% 
    }
    .calculation ul li {
        list-style:none;
        width: 100%; 
        margin: 0; 
        padding:5px 0; 
        display:inline-block;
        font-size: 1.2em;
        color:#575757; 
    }
    .heading-con-right-bottom button.btn-price-total {
        background: none repeat scroll 0 0 #0077bc;
        border: 0 none;
        border-radius: 3px;
        margin-right: 7px;
        color: #fff;
        font-weight: bold;
        padding:17px 35px;
        text-transform: uppercase;   
    }
    
}
@media screen and (min-width:761px) and (max-width:992px) {
.Calculate .container { padding:0 5%;  }
.Calculate .heading-con-left {
    background-color: #fdfdfd;
    border-top: 1px solid #bbd0e7;
    border-left: 1px solid #bbd0e7;
    border-right: 1px solid #bbd0e7;
    } 
.part {display:block;padding: 0 0 0px;}
}
@media screen and (min-width:992px) and (max-width:1200px) {
.Calculate .heading-con-left {
    background-color: #fdfdfd;
    border-top: 1px solid #bbd0e7;
    border-left: 1px solid #bbd0e7;
    border-right: 1px solid #bbd0e7;
    }
.part {display:block;padding: 0 0 0px;}  
}
@media screen and (max-width:760px) {
 .Calculate .container { padding:0 5%;  }
 .Calculate .p0 {padding: 0 !important; } 
 .Calculate .heading-con-left {
    background-color: #fdfdfd;
    border-top: 1px solid #bbd0e7;
    border-left: 1px solid #bbd0e7;
    border-right: 1px solid #bbd0e7;
    padding: 0 20px;
    margin-top: 45px;
} 
 .Calculate .heading-con-left p:last-child {   
  border-bottom:0;
  margin-top: 12px;
}
 .Calculate .heading-con-left p {
    border-bottom: 1px solid #ddd;
    font-size: 13px;
    font-family: sans-serif;
    margin: 0;
    padding: 0 0 15px 0;
}
 .Calculate .heading-con-left h1 {
    margin-bottom: 8px;
    margin-top: 14px;
    color: #4c74bc;
    font-size: 16px;
}

.heading-con-right {
    background: #fefefe;
    border: 1px solid #9fb9d4;
    border-bottom: 1px solid #BDDBF1;
    padding: 15px 35px;
} 
.heading-con-right-bottom{
    background: none repeat scroll 0 0 #f3f8fc;
    border: 1px solid #9fb9d4;
    border-top: none;
    display: inline-block;
    margin-bottom: 50px;
    padding: 13px 35px;
    width: 100%;
} 
.heading-con-right h1 {
    color: #4c74bc;
    margin-bottom: 31px;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
} 
.heading-con-right .icontainer input { 
    border: 1px solid #ddd;
    color: #777;
    border-radius: 4px;
    font-size: 1.2em;
    padding: 11px;
    width: 100%;
    outline: none;
}
.heading-con-right .icontainer input:hover {
    border: 1px solid #ccc;
} 
.heading-con-right .icontainer input:focus {
    border: 1px solid #bbb;
} 
.heading-con-right .icontainer {
    display:block;
    text-align: center;
    background: #f3f8fc;
    border: 1px solid #d9e6f1;
    color: #5880a0;
    font-size: 12px;
    border-radius: 3px;
    padding: 14px 0 7px;
    display: inline-block;
    width: 100%;
}
.calculation .hrtop hr  { 
    margin-top: 0;
    margin-bottom: 10px;
 }
 .calculation .hrbottom hr  { 
    margin-top: 10px;
    margin-bottom: 15px;
 }
.calculation .total-c { display:inline-block;width:100% }
.calculation .total-c .price { 
    color:#1b83d4;
    font-size: 1.5em;
    font-weight: bold;
    font-family: sans-serif; 
}
.calculation ul.heading { 
    margin: 0 0px 0 0;
    padding:20px 0px 8px 0;
    display:inline-block;
    width:32%;
}
.calculation ul.heading li { color: #41527b;
    display: inline-block;
    font-size: 1.0em;
    font-weight: bold;
    list-style: none outside none;
    margin: 0;
    padding: 5px 0;
    text-transform: uppercase;
    width: 100%; }

    .calculation ul {
        margin: 0; 
        padding:0; 
        display:inline-block;
        width:32% 
    }
    .calculation ul li {
        list-style:none;
        width: 100%; 
        margin: 0; 
        padding:5px 0; 
        display:inline-block;
        font-size: 1.0em;
        color:#575757; 
    }
    .heading-con-right-bottom button.btn-price-total {
        background: none repeat scroll 0 0 #0077bc;
        border: 0 none;
        border-radius: 3px;
        margin-right: 7px;
        color: #fff;
        font-weight: bold;
        padding:17px 35px;
        text-transform: uppercase;   
    }
}


/*******************************************
./*******************************************
.signup_2_2 Style start here
*********************************************
**************************************-******/
.signup_2_2 {display:block }
.signup_2_2 .container {
    padding: 30px 180px 80px 180px;
}
@media (max-width: 480px) {
.signup_2_2 .container {
    padding: 10px 15px;
    }
}
@media (min-width:481px) and (max-width: 780px) {
.signup_2_2 .container {
    padding: 10px 15%;
    }
}
.signup_2_2 .signup_content {
    background:#fcfcfc;
    display:inline-block;
    padding: 25px 26px 46px 26px;
    border: 1px solid #ccc;
}
.signup_2_2 .signup_content .left_signup {width: 93.7%;}
.signup_2_2 .signup_content .right_signup {}

.signup_2_2 .signup_content span {
    display: inline-block;
    margin: 5px 0;
    width: 100%;
}
.signup_2_2 .signup_content p {
    color: #818894;
    display: inline-block;
    font-size: 0.9em;
    padding: 10px 0 0;
}
.signup_2_2 .signup_content p.agree-to {
    color: #818894;
    display: inline-block;
    font-size: 0.8em;
    padding: 8px 0px 10px 0px;
    margin-left: 8px;
}

.signup_2_2 .signup_content p.already_have_account{
    color: #818894;
    display: inline-block;
    font-size: 1.0em;
    padding: 15px 0 0 10px;
}
.signup_2_2 .signup_content input {
    color: #777;
    outline: none;
}
.signup_2_2 .signup_content input.signup{
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    font-size: 1.1em;
    padding: 16px;
    width: 100%;
}
.signup_2_2 .signup_content input.cvc {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    font-size: 1.1em;
    padding: 16px;
    width:27.7%;
}
.signup_2_2 .signup_content select.signupst {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    font-size: 1.1em;
    padding: 16px;
    width:30.8%;
    margin-right: 10px
}
.signup_2_2 .signup_content select.signupsb {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    margin-right: 10px;
    font-size: 1.1em;
    padding: 16px;
    width:33.8%;
}
.signup_2_2 .signup_content select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: ''; 
    appearance: none;
    background: #fff url("/imgages/smart_arrows.png") no-repeat scroll 97% 8px; 
 }
.signup_2_2 .signup_content textarea.signuptexta{
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    margin-right: 10px;
    font-size: 1.1em;
    padding: 16px;
    width:100%;
}
.signup_2_2 .signup_content input.submit{
    background: none repeat scroll 0 0 #3ecb66;
    border:0;
    border-radius: 4px;
    text-transform: uppercase;
    color:#fff;
    font-size: 1.1em;
    font-weight: 600;
    padding: 16px;
    width:100%;
}
@media (max-width: 480px) {
    .signup_2_2 .signup_content input {
    font-size: 0.9em !important;
    }
    .signup_2_2 .signup_content input.submit {
    font-size: 0.8em !important;
    }
    .signup_2_2 .signup_content .btn-copn {
        font-size: 0.9em !important; 
    }
    .signup_2_2 .signup_content p.already_have_account {
    font-size: 0.8em !important;
    }
}
.signup_2_2 .signup_content .plans {
    border: 1px solid #ddd;
    padding:21px 21px 4px 21px;
}
.signup_2_2 .signup_content .plans .plan_p { 
    margin: 0 0 12px;
    padding: 0 0 15px;
    width: 100%;
    border-bottom: 1px solid #ddd;
    display:inline-block;
}
.signup_2_2 .signup_content .plans .plan_p:last-child {
    border:0;
    margin-bottom: 0;
    padding:0;
}
.signup_2_2 .signup_content .plans .plan_p .blue_p {
    margin: 0;
    color: #0077bc;
    font-size: 1.6em;
    font-weight: 500;
    text-transform: uppercase;
}
.signup_2_2 .signup_content .plans .plan_p .blue_p a {
    color: #67BBEC;
    display: block;
    font-size: 0.5em;
    text-align: right;
    font-weight: 400;
    margin-top: 3px;
    text-decoration: underline;
    text-transform: capitalize;
}
.signup_2_2 .signup_content .plans .plan_p .title_plan {
    margin: 0;
    color:#374454;
    font-size: 1.4em;
    font-weight:400;
    text-transform: capitalize;
}
.signup_2_2 .signup_content .plans .plan_p .title_plan-f {
    margin: 0;
    margin-bottom: 8px;
    color:#374454;
    font-size: 1.4em;
    font-weight:400;
    text-transform: capitalize;
    width:100%;
}
.signup_2_2 .signup_content .plans .plan_p .pull-left h2 {
    margin: 0;
    padding:6px 0px;
    display:block;
    font-size: 1.0em;
    font-weight: 300;
    color:#5b6373;
    width:100%;
}
.signup_2_2 .signup_content .plans .plan_p span {
    margin: 0;
    padding:0px;
    display:block;
    width:50%
}
.signup_2_2 .signup_content .plans .plan_p .pull-right h3 {
    margin: 0;
    padding:6px 0px;
    display:block;
    font-size: 1.0em;
    font-weight: 300;
    color:#5b6373;
    width:50%;
    text-align:left;
    float:right;
    clear: both;
}
.signup_2_2 .signup_content input.coupon{
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    margin-right: 10px;
    font-size: 1.1em;
    padding: 9px;
    width: 69.7%;
    float:left;
}
@media (max-width:480px) {
    .signup_2_2 .signup_content input.coupon {
        width: 49.7%;
    }
}
.signup_2_2 .signup_content .btn-copn{
    background: #909090; 
    background: none repeat scroll 0 0 #909090;
    color: #fff;
    display: inline-block;
    font-size: 1.1em;
    font-weight: bold;
    padding: 9px 17px;
    text-transform: uppercase;
}
.signup_2_2 .signup_content .plan_p h4 {
    margin-top: 11px;
    color: #777777;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
}
@media (max-width: 480px) {
    .signup_2_2 .signup_content .plan_p h4 {
    margin-top: 13px;
    font-size: 0.9em;
    }
    .signup_2_2 .signup_content .plan_p h5 {
    font-size: 1.2em !important;
    }
}
.signup_2_2 .signup_content .plan_p h5 {
    color: #1b83d4;
    font-size: 1.4em;
    font-weight: bold;
    padding-right:37px;
    text-align: right;
}
.signup_2_2 .signup_content .p0 {
    padding: 0 15px 0 0px !important;
}
@media (max-width: 480px) {
    .signup_2_2 .signup_content .p0 {
        padding: 0 15px 0 0px !important;
        margin-top: 15px;
    }
    span.signup_title {
        font-size: 1.1em !important;
    }
    span.signup_page {
        color: #0d255e;
        font-size: 0.9em !important;
    } 
    .headingsign_right {
        float: none !important;
        margin-top: 20px !important;
        text-align: center;
    }
    .signup_2_2 .signup_content .plans .plan_p .title_plan {
    font-size: 1.1em;
    }
    .signup_2_2 .signup_content .plans .plan_p .title_plan-f {
    font-size: 1.1em;
    }
    .signup_2_2 .signup_content .plans .plan_p .blue_p {
    font-size: 1.3em;
    }
    .signup_2_2 .signup_content .plans .plan_p .blue_p a {
    font-size: 0.5em;
    }
    .signup_2_2 .signup_content .plans .plan_p .pull-left h2 {
    font-size: 0.9em;
    }
    .signup_2_2 .signup_content .plans .plan_p .pull-right h3 {
    font-size: 0.9em;
    }
    .spam-prohibited {
    font-size: 0.8em !important;
    }
}
   span.signup_title {
    color: #0077bc;
    font-size: 1.6em;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;
}
span.signup_page {
    color: #0d255e;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;
    line-height: 1;
}
.headingsign_left {
    margin:0;
    margin-top: 15px;
    padding: 0;
}
.headingsign_right {
    margin:0;
    padding: 0;
}
.border{
    border-bottom: 1px solid #ddd;
    display: inline-block;
    height: 1px;
    margin: 12px 0 30px 0px;
    width: 100%;
}
.spam-prohibited {
    color:#999;
    font-size: 11px;
    margin-top:10px;
    margin-left: 10px;
}

/* font face */

@font-face {
    font-family: 'proxima_nova_rgbold';
    src: url('fonts/proximanova-bold-webfont.eot');
    src: url('fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-bold-webfont.woff') format('woff'),
         url('fonts/proximanova-bold-webfont.ttf') format('truetype'),
         url('fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_novasemibold';
    src: url('fonts/proximanova-semibold-webfont.eot');
    src: url('fonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-semibold-webfont.woff') format('woff'),
         url('fonts/proximanova-semibold-webfont.ttf') format('truetype'),
         url('fonts/proximanova-semibold-webfont.svg#proxima_novasemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

.classname {
    background: #0077bc;
    border:1px solid #0974B3;
    display:inline-block;
    color:#ffffff;
    font-family: sans-serif;
    font-size:18px;
    font-weight:bold;
    font-style:normal;
    height:64px;
    line-height:64px;
    width:194px;
    text-decoration:none;
    text-align:center;
    border-radius: 5px;
    margin-top: 10px;
    text-transform: uppercase;
}
.classname:hover{
    color: white;
    background: #036096;
    border:1px solid #036096;
}
.para {
  font-family: sans-serif;
  font-weight: 200;
}