/*panel*/
.panel {
    margin-bottom: 20px;
    background-color: #ffffff;
    border: 1px solid transparent;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
    padding: 15px;
}

.panel-body:before,
.panel-body:after {
    display: table;
    content: " ";
}

.panel-body:after {
    clear: both;
}

.panel-body:before,
.panel-body:after {
    display: table;
    content: " ";
}

.panel-body:after {
    clear: both;
}

.panel > .list-group {
    margin-bottom: 0;
}

.panel > .list-group .list-group-item {
    border-width: 1px 0;
}

.panel > .list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.panel > .list-group .list-group-item:last-child {
    border-bottom: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive > .table {
    margin-bottom: 0;
}

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
    border-top: 1px solid #dddddd;
}

.panel > .table > tbody:first-child th,
.panel > .table > tbody:first-child td {
    border-top: 0;
}

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
    border: 0;
}

.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
}

.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
}

.panel > .table-bordered > thead > tr:last-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:last-child > th,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-bordered > thead > tr:last-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
}

.panel > .table-responsive {
    margin-bottom: 0;
    border: 0;
}

.panel-heading {
    padding: 3px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.panel-heading > .dropdown .dropdown-toggle {
    color: inherit;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

.panel-title > a {
    color: inherit;
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #dddddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel-group .panel {
    margin-bottom: 0;
    overflow: hidden;
    border-radius: 4px;
}

.panel-group .panel + .panel {
    margin-top: 5px;
}

.panel-group .panel-heading {
    border-bottom: 0;
}

.panel-group .panel-heading + .panel-collapse .panel-body {
    border-top: 1px solid #dddddd;
}

.panel-group .panel-footer {
    border-top: 0;
}

.panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #dddddd;
}

.panel-default {
    border-color: #dddddd;
}

.panel-default > .panel-heading {
    color: #333333;
    background-color: #f5f5f5;
    border-color: #dddddd;
}

.panel-default > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #dddddd;
}

.panel-default > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #dddddd;
}

.panel-primary {
    border-color: #428bca;
}

.panel-primary > .panel-heading {
    color: #ffffff;
    background-color: #428bca;
    border-color: #428bca;
}

.panel-primary > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #428bca;
}

.panel-primary > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #428bca;
}

.panel-success {
    border-color: #d6e9c6;
}

.panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.panel-success > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #d6e9c6;
}

.panel-success > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #d6e9c6;
}

.panel-warning {
    border-color: #faebcc;
}

.panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.panel-warning > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #faebcc;
}

.panel-warning > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #faebcc;
}

.panel-danger {
    border-color: #ebccd1;
}

.panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.panel-danger > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #ebccd1;
}

.panel-danger > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #ebccd1;
}

.panel-info {
    border-color: #0099cc;
}

.panel-info > .panel-heading {
    color: #FFFFFF;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.panel-info > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #bce8f1;
}

.panel-info > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #bce8f1;
}
/*panel theme*/
.panel {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.panel-default > .panel-heading {
    background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
}

.panel-primary > .panel-heading {
    background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
    background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
}

.panel-success > .panel-heading {
    background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
    background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
}

.panel-info > .panel-heading {
/*    background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
    background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
    background-repeat: repeat-x;*/
    background: #0099CC;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
}

.panel-warning > .panel-heading {
    background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
    background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
}

.panel-danger > .panel-heading {
    background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
    background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
}
/* features */
#features {
  margin-top: 0px; }
  #features .subtitle h2 {
    margin: 0;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 70px;
    line-height: 35px;
    text-align: center; }
  #features .section_header h3 span {
    font-size: 18px;
    line-height: 20px; }
  #features .option1 {
    margin-bottom: 20px; }
    #features .option1 .feature {
      margin-bottom: 0; }
      #features .option1 .feature .info h3 {
        font-size: 21px;
        margin-top: 45px; }
        #features .option1 .feature .info h3 img {
          margin-right: 18px;
          position: relative;
          top: -10px; }
      #features .option1 .feature .info p {
        margin-top: 15px; }
    #features .option1 .last {
      margin-bottom: 0; }

/* Responsive
-------------------------------------------------- */
@media (min-width: 768px) {
  #features .feature .pic-right {
    float: right; }
  #features .feature .info-left {
    float: left; } }
@media (max-width: 767px) {
  #features .feature {
    margin-bottom: 60px; }
    #features .feature img {
      margin: 0 auto !important;
      float: none !important; }
  #features .last {
    margin-bottom: 0; }
  #features .option1 .feature .info h3 {
    text-align: center; } }
@media (max-width: 480px) {
  #features .subtitle h2 {
    font-size: 22px;
    line-height: 30px; }
  #features .last {
    margin-bottom: 0; } }



/*Process*/


#process {
    min-height: 460px;
    margin-bottom: 15px;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    background: #EEEEEE;
}
#process .section_header {
    margin-bottom: 60px; }
#process .section_header h3 {
    margin: 0; }
#process .description {
    position: relative; }
#process .description .text {
    position: absolute;
    display: none; }
#process .description .text.active {
    display: block; }
#process .description h4 {
    font-size: 31px;
    line-height: 35px;
    margin-bottom: 20px; }
#process .description p {
    color: #3F3F3F;
 }
#process .areas {
    margin-left: 0;
    float: right; }
#process .areas .circle {
    height: 210px;
    cursor: pointer;
    float: left;
    margin-right: -45px;
    text-align: center;
    width: 210px;
    background: rgba(37, 37, 40, 0.9);
    border-radius: 100%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s; }
#process .areas .circle:hover, #process .areas .circle.active {
    background: #1189d9; }
#process .areas .circle img {
    margin-top: 56px; }
#process .areas .circle span {
    font-weight: 700;
    font-size: 22px;
    color: #fff;
    display: block;
    margin-top: 21px; }
#process .areas .first {
    margin-left: 0; }

/* Responsive
-------------------------------------------------- */
@media (min-width: 768px) and (max-width: 991px) {
    #process .areas {
        text-align: center; }
    #process .areas .last_circle {
        float: none;
        display: inline-block;
        margin-left: -75px;
        margin-top: -54px; } }
@media (max-width: 767px) {

    #process .areas {
        margin-top: 193px;
        margin-bottom: 0px;
        text-align: center; }
    #process .areas .circle {
        float: none;
        display: inline-block;
        margin: 0; }
    #process .areas .last_circle {
        margin-top: -23px; } }
@media (max-width: 480px) {
    #process .areas {
        margin-top: 250px; }
    #process .areas .circle {
        width: 100px;
        height: 100px; }
    #process .areas .circle img {
        margin-top: 22px; }
    #process .areas .circle span {
        display: none; }
    #process .areas .last_circle {
        margin-top: 0; } }


/*contact*/
#contact {
    margin-top: 0px; }
#contact .contact {
    margin: 40px 0 100px 0; }
#contact .contact p {
    color: #939394;
    font-size: 19px;
    margin-bottom: 47px;
    font-style: italic;
    line-height: 24px; }
#contact .contact form {
    margin: 0; }
#contact .contact .submit {
    margin: 0; }
#contact .contact .submit .box {
    margin: 0; }
#contact .contact .submit label.checkbox {
    color: #394350; }
#contact .contact .submit .right {
    float: right; }
#contact .contact .submit .right input[type="submit"] {
    float: right;
    text-transform: uppercase;
    color: #fff;
    background: #187CCC;
    font-size: 15px;
    padding: 4px 12px;
    border: 0 none;
    border-radius: 3px;
    -webkit-transition: background linear .2s, box-shadow linear .2s;
    -moz-transition: background linear .2s, box-shadow linear .2s;
    -o-transition: background linear .2s, box-shadow linear .2s;
    transition: background linear .2s, box-shadow linear .2s; }
#contact .contact .submit .right input[type="submit"]:hover {
    background: #252528; }
#contact .form {
    margin: 0; }
#contact .form .row-col {
    padding-left: 0; }
#contact .form .box {
    margin: 0; }
#contact .form .box input[type="text"] {
    padding-left: 39px;
    margin-bottom: 10px;
    color: black;
    height: 38px;
    border-radius: 3px; }
#contact .form .box input.name {
    background: url("../images/formname.png") white no-repeat 5px; }
#contact .form .box input.mail {
    background: url("../images/formmail.png") white no-repeat 5px; }
#contact .form .box input.phone {
    background: url("../images/formsubj.png") white no-repeat 5px; }
#contact .form .box textarea {
    margin: 0;
    border-radius: 3px;
    height: 148px;
    padding-left: 33px;
}


/* Responsive
-------------------------------------------------- */
@media (min-width: 1200px){
    #contact .form .span11{
        margin-left: -12px;
    }
    .input-mod{
        width: 365px;
    }



}
@media (min-width:980px) and (max-width:1199px){
    #form-password .controls{
        margin-left: 20px;
    }
    #form-password .control-label{
        text-align: left;
        margin-left: 20px;
    }
    #loginForm .control-label{
        text-align: left;
        margin-left: 20px;
    }
    #loginForm .controls{
        margin-left: 20px;
        text-align: left;
    }

    .input-mod{
        width: 275px;
    }


}
@media (min-width: 768px) and (max-width: 979px){
    #contact .form .btn{
        margin-left: -13px;
    }
    #contact .form .span11{
        margin-left: 10px;
    }
    #loginForm{
        padding:0px 10px;
    }
    #loginForm  .controls{
        margin-left: 20px;
    }
    #loginForm .control-label{
        text-align: left;
        margin-left: 20px;
    }
    #form-password .controls{
        margin-left: 20px;
    }
    #form-password .control-label{
        text-align: left;
        margin-left: 20px;
    }
    .input-mod{
        width: 190px;
    }


}
@media (max-width:420px){
    .form-control{
        width: 50%;
    }
    #contact .form .btn{
        margin-top:5px;
    }
    #loginForm{
        padding:0px 20px;
    }
    #loginForm .control-label{
        margin-left: 20px;
        text-align: left;
    }
    #form-password .controls{
        margin-left: 10px;
    }
    #form-password .control-label{
        margin-left: 10px;
    }


}
@media(max-width:320px){
    #contact .form .span11{
        margin-left: 10px;
    }
    #form-password .controls{
        margin-left: 20px;
    }
    #form-password .control-label{
        margin-left: 20px;
    }


}
@media(min-width:321px) and (max-width:360px){
    #contact .form .span11{
        margin-left:4px;
    }
    #form-password .controls {
        margin-left: 10px;
    }
    #form-password .control-label{
        margin-left: 10px;
    }
    #process{
        margin-left: -20px;
        margin-right: -20px;
        padding:10px 20px;
    }


}
@media (max-width: 767px) {
    #loginForm .controls{
        margin-left: 20px;
    }
    #contact .contact .submit .box {
        margin: 10px 0 24px; }
    #contact .contact .submit .right {
        float: none; }
    #contact .contact .submit .right input[type="submit"] {
        margin: 0 auto;
        float: none;
        width: 53%;
        display: block;
        padding: 7px; }
}

    .form-control{
        display:block;
        width:87%;
        height:34px;
        padding:6px 12px;
        font-size:14px;
        line-height:1.428571429;
        color:#555;
        vertical-align:middle;
        background-color:#fff;
        border:1px solid #ccc;
        border-radius:0px;
        -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
        box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
        -webkit-transition:border-color ease-in-out .15s,
        box-shadow ease-in-out .15s;
        transition:border-color ease-in-out .15s,
        box-shadow ease-in-out .15s
    }
.form-control:focus{
    border-color:#66afe9;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)
}
.form-control[disabled],.form-control[readonly],fieldset[disabled]
.form-control{
    cursor:not-allowed;
    background-color:#eee
}
textarea.form-control{height:auto; width: 85%;}


/*pricing*/
.price-new{
    font-size: 24px;
    color: #0099CC;
}

/*Frequent Questions*/
#faq {
    margin-bottom: 50px; }
#faq .block .box {
    margin-bottom: 50px; }
#faq .block .box p.title {
    font-size: 20px;
    margin-bottom: 10px;
    font-style: italic; }
#faq .block .box p.answ {
    font-size: 14px;
    line-height: 22px; }
#faq .right {
    float: right; }

/* Pricing Option 2 */
#in_pricing2 {
    margin-bottom: 40px; }
#in_pricing2 .section_header h3 span {
    font-size: 18px;
    line-height: 20px; }
#in_pricing2 .charts_wrapp {
    margin-bottom: 40px; }
#in_pricing2 .charts_wrapp .plan {
    border-radius: 6px;
    box-shadow: 0 1px 3px 1px #d6d6d6;
    background-color: #fff;
    width: 100%;
    position: relative;
min-height: 280px;}
#in_pricing2 .charts_wrapp .plan .wrapper {
    padding: 33px 30px 26px 30px; }
#in_pricing2 .charts_wrapp .plan .price {
    font-size: 17px;
    color: #0099CC;
    margin-top: 16px; }
#in_pricing2 .charts_wrapp .plan .price span.d\ollar {
    font-size: 26px;
    position: relative;
    top: -6px;
    margin-right: 3px; }
#in_pricing2 .charts_wrapp .plan .price span.qty {
    font-size: 37px;
    margin-right: 4px;
    position: relative;
    top: 2px;
    text-decoration:line-through;}
#in_pricing2 .charts_wrapp .plan .features {
    margin-top: 30px; }
#in_pricing2 .charts_wrapp .plan .features p {
    color: #838385;
    margin-bottom: 5px;
    font-size: 14px; }
#in_pricing2 .charts_wrapp .plan h3 {
    color: #535353;
    font-weight: normal;
    font-style: italic;
    font-size: 16px;
    margin: 0 0 5px 0;
    line-height: 25px; }
#in_pricing2 .charts_wrapp .plan a.order {
    width: 80%; }
#in_pricing2 .plan .price span.month {
    font-weight: bold;
    font-size: 12px; }
#in_pricing2 .plan a.order {
    background-color: #2190DB;
    text-align: center;
    margin: 25px auto 0;
    width: 48%;
    display: block;
    padding: 3px 0;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    border-radius: 2px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear; }
#in_pricing2 .plan a.order:hover {
    background: #252528; }
#in_pricing2 .ultra .plan {
    /*top: -20px;*/
    box-shadow: 0px 0px 7px 0 #d6d6d6;
    border: 1px solid #d9d9d9;
    min-height: 320px;}
#in_pricing2 .ultra .plan .wrapper img.ribbon {
    position: absolute;
    right: 0;
    top: 0; }
#in_pricing2 .black .plan {
    background: #252528;
    box-shadow: none; }
#in_pricing2 .black .plan .wrapper {
    padding: 35px 25px 30px 25px; }
#in_pricing2 .black .plan h3 {
    color: #fff; }
#in_pricing2 .black .plan h6 {
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    font-style: italic; }
#in_pricing2 .black .plan p {
    font-size: 16px;
    color: #adadad;
    margin: 20px 0 38px;
    line-height: 23px; }
#in_pricing2 .black a.order {
    background: #535356;
    color: #fff;
    width: 87%;
    padding: 6px 0; }
#in_pricing2 .black a.order:hover {
    background: #2190DB; }

/* Responsive
-------------------------------------------------- */
@media (min-width: 768px) and (max-width: 991px) {

    #in_pricing2 .plan a.order {
        width: 64%; }

}
@media (max-width: 767px) {


    #in_pricing2 .charts_wrapp .plan {
        margin: 0 auto 30px;
        width: 95%; }
    #in_pricing2 .plan .wrapper {
        margin: 0 auto;
        text-align: center; }
    #in_pricing2 .ultra .plan {
        top: 0; }

}



/*
Custom Width of modal*/
.modal-sz {
    top: 10%;
    left: 40%;
    width: auto;
    margin-left: -280px;
}

.btn-submit{
    height: 32px;
}

.sp-a-20{
    margin-top: 20px;
}