/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 21 Aug, 2018, 10:45:57 AM
    Author     : yashwanth.gaddam
*/
body {
    margin: 0;
    font-family: Noto Serif, Helvetica, sans-serif;
    font-size: 18px;
    color: #777777;
}
body .container {
    width: 100%;
    max-width: 100%;
}
body a {
    color: #eb8e23;
}
header{
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    background-color: #FFF;
    z-index: 9999;
}
.inner-content{
    padding: 50px 0px;
}
#center-text{
    text-align: center;
}
.top-header .navbar {
    padding: 15px 0px;
    font-size:15px;
    box-shadow: 0px 0px 10px #ddd;
}
.top-header .navbar .navbar-collapse ul li a{
    padding: 6px 15px;
    text-decoration: none;
    color: #aaa;
    font-family: Noto Serif, Helvetica, sans-serif;
}
.top-header .navbar .navbar-collapse ul li a.active{
    background: transparent;
    color: #ec8f21;
}

.top-header .navbar .navbar-collapse ul li a:hover{
    background: transparent;
    color: #ec8f21;
}
.top-header.fixed-menu{
    width: 100%;
    position: fixed;
    box-shadow: 0px 3px 6px 3px rgba(0, 0, 0, 0.06);
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    background: #fff;
    z-index: 20;
}

.navbar-toggler{
    border: 1px solid #ec8f21;
    border-radius: 0;
    margin: 16px 15px;
    padding: 10px 10px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.navbar-toggler span{
    background: #ec8f21;
    display: block;
    width: 25px;
    height: 2px;
    margin: 0 auto;
    margin-top: 0px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.navbar-toggler span + span{
    margin-top: 5px;
}
.navbar-toggler {
    padding: 10px 15px !important;
    background-color: transparent !important;
}
.navbar-toggler:hover{
    border: 1px solid #333547;
}

.navbar-toggler:hover span{
    background: #333547;
}
.sectitle{
    padding-top: 20px;
        text-align: center;
}
.mycheckbox{
    font-size: 14px !important;
}
.mycheckbox input{
    width: auto;
}
.cd-top {
    display: block;
    position: fixed;
    bottom: 40px;
    padding: 3px 10px;
    right: 40px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
    transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
}

.cd-top.cd-top--show,
.cd-top.cd-top--fade-out,
.cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
  transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
}

.cd-top.cd-top--show {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}

.cd-top.cd-top--fade-out {
    background-color: #5b5d6b;
    opacity: 1;
    border-radius: 100%;
}

.cd-top:hover {
    background-color: #5b5d6b;
    opacity: 1;
    border-radius: 100%;
}
i.fa.fa-angle-up {
    color: #FFF;
    font-size: 20px;
    opacity: 1;
    line-height: normal;
}
.mh3{
    display: none;
}
.tableheader{
  margin: 40px 0px;
  margin-top: 5px;
}
.slideInRight {
    -webkit-animation-name: slideInRight !important;
    animation-name: slideInRight !important;
}
.pricecolumn ul li.grey p{
    margin-top: 20px;
}
.fpara{
        line-height: normal;
        display: flex;
        width: 100%;
}
.cntctus #center-text>h2{
    padding: 50px 0px;
}
.spinner {
    z-index: 99999 !important;
}
.err {
    color: red;
    font-size: 12px;
    padding-left: 5px;
}
.contentform .row {
    line-height: normal;
    display: flex;
    width: 100%;
    margin-bottom: 40px;
}
.contentform p,
.tab p{
   font-family: open sans;
    font-weight: 600;
    color: #333547;
    font-size: 16px; 
    margin-bottom: 5px;
        line-height: normal;
}
.Decl p{
    margin: 40px 0px;
    font-size: 13px;
    font-weight: 200;   
}
.contentform .addontable .childp{
    font-size: 13px;
    font-weight: 200; 
}
.Decl{
    margin-bottom: 10px;
}
.contentform .form-control,
.contentform input{
    display: block;
    width: 100%;
    height: 40px;
    padding: 5px 15px;
    font-size: 13px;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-right: 10px;
    font-family: open sans !important;
}
.contentform .form-control:hover,
.contentform input:hover,
.contentform .form-control:active,
.contentform input:active,
.contentform .form-control:focus,
.contentform input:focus,
.contentform .form-control:visited,
.contentform input:visited{
    outline: none;
    box-shadow: none;
}
.contentform select.form-control {
    width: 100%;
    font-size: 13px;
    padding: 10px 15px;
    background-color: #fff;
    color: #777;
    border: 1px solid #ddd;
    outline: none;
    margin-right: 0px;
    height: 40px;
    font-family: open sans !important;
}
.contentform .select2{
    max-width: 100%;
    margin-right: 20px;
    display: inline-block;
    padding: 15px;
    width: 100%;
}
.fpara .mybtn{
    padding: 0px 30px;
    height: 40px;
}
.tab2 .col-sm-6{
    margin-bottom: 10px;
}
.tab2 .col-sm-6 input{
    width:100%;
}
.myfancy .col-sm-2,
.myfancy .col-sm-4{
    padding-right: 0px;
}
.addontable td:last-child{
    text-align: right;
}
.tab4 .col-sm-4 input{
    width: 100%;
}
.dobcol .div1,
.dobcol .div2,
.dobcol .div3{
    margin-right: 8px;
    display: inline-block;
}
.contentform .dobcol select.form-control.select2 {
 width: auto;   
}
.contentform .div1 select {
 width: 100% !important;   
}
.dobcol .err{
    position: absolute;
}
.dobcol2{
       padding-top: 30px;
}
.myloginform{
    padding: 150px 0px;
}
.myloginform .loginmodal-container{
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    padding: 20px;
}
.myloginform .container input{
    opacity: 1;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    padding: 8px 10px;
    font-size: 16px;
    letter-spacing: 0.03em;
    color: #000;
}
.myloginform .loginmodal-container h1{
    color: #ec922b;
    font-size: 30px;
    margin: 0px;
}
.myloginform .container .subbtn{
    text-align: center;
}
.myloginform .container .subbtn input{
    width: auto;
    padding: 6px 25px;
    background-color: #676666;
    color: #FFF;
}
.myloginform .container .subbtn input:hover{
    background-color: #000;
}
.dropdown-menu{
    left: auto !important;
    top: auto !important;
}
.dropdown-menu li{
    padding: 3px 0px;
}
.mydashborad {
    margin-top: 80px;
}
.mydashboard{
    padding: 100px 0px;
}
.mydashboard .container{
    width: 85%;
}
.btn-primary.focus, .btn-primary:focus {
    box-shadow: none !important;
}
.form-group .btn-primary.disabled, .form-group .btn-primary:disabled {
    color: #fff;
    background-color: #676666;
    border-color: #676666;
}

.form-group .btn-primary {
    color: #fff;
    background-color: #000;
    border-color: #000;
}
.mydashborad .search-results{
    width: 85%;
    margin: 0 auto;
}
body .address-results{
    width: 100%;
}
.biModal .modal-content{
    height: 100vh;
}
.biModal .modal-header {
    margin-bottom: 40px;
}
.modalfull{
    width: 100%;
    display: inline-block;
}
.modalfull .col-l{
    width: 50%;
    float:left;
    text-align: left;
}
.modalfull .col-r{
    width: 50%;
    float:right;
    text-align: right;
    padding: 20px 0px;
}
.modalfull .col-r a{
    background-color: #ddd;
    color:#7e7e7e;
    text-decoration: none;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-weight: 600;
    padding: 10px 20px;	
}
.modalfull .col-r a i{
    padding-right: 8px;
}
.contentform .btnblack{
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.03em;
    font-weight: 600;
    padding: 10px 30px;
}
.twocolumn .panel p{
    font-size: 15px;
    line-height: 1.8em;
    font-family: open sans;
    font-weight: 200;
    margin-bottom: 10px;
}
.twocolumn .panel p strong,
.twocolumn .panel ul li strong{
    font-weight: 600;
}
.twocolumn .panel ul{
    /*list-style-type: none;*/
    padding: 0px;
    margin: 0px;
    padding-left: 25px;
}
.twocolumn .panel ul li{
    padding-bottom: 10px;
    font-size: 14px;
}
.panel .list1{
    list-style-type: square;
}
.panel .list2{
    list-style-type: square;
}
.panel .list3{
    list-style-type: square;
}
.navbar-collapse{
    padding-bottom: 5px;
}
.logoheader{
    width: 100%;
}
.collapse.navbar-collapse {
    float: right;
    padding: 10px 0px;
}
.buttonprice:hover{
    background-color: #333547;
    color:#FFF !important;
}
.buttonpricepop:hover{
    background-color: #eb8e23;
    color:#FFF !important;
}
.modaldialog p{
        margin-top: 20px;
}
.frev{
    padding: 60px 0px;
}
.fpara.row.bankacc{
    display: inline-block;
}
.bankacc .col-sm-4{
    margin-bottom: 15px;
}
    .formdiv form .dotsdiv{
        margin:80px 0px;
        text-align:center;
    }
    .myinput input[type='checkbox']{
        left:0px;
    }
    .myinput input[type='radio']{
        right:0px;
    }
    .myinput{
        margin-right: 10px;
    }
    .myradiobts .myinput{
        margin-bottom: 15px;
    }
/*Responsive CSS Starting here*/
@media (max-width: 1920px) {
/*    .biModal .modal-content {
        width: 90%;
    }*/
}
@media (max-width: 1440px) {
    
}


@media (max-width: 1366px) {

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

}
@media (max-width: 1280px) {
    body h1 {
        font-size: 44px !important;
        line-height: 50px !important;
        margin: 15px 0px !important;
    }
    #middlebody .midcontent .q1 h1{
        font-size: 24px !important;
        line-height: normal !important;
        margin: 0 !important;
    }
    body .button {
        padding: 15px 20px;
    }
    .sectitle{
    }
    .content#one {
        background-image: url(../images/device-images/mainslider-m.jpg);
        background-position: initial;
        height: auto;
        min-height: auto;
        padding: 64px 0px;
        margin-top: 80px;
    }
     .content#two {
        background-image: url(../images/device-images/2-m.png);
        background-position: bottom;
        height: auto;
        min-height: 73%;
        margin-top: 0px;
    }
    .mainheader .nav {
        height: 80px;
        width: auto;
    }
   
    html>body .content {
        height: auto;
        min-height: auto;
    }
    .biModal .modal-content {
        width: 90%;
    }
    .loginmodal-container h1 {
        font-size: 25px !important;
        line-height: 25px !important;
        margin: 15px 0px !important;
    }
}
@media (max-width: 1114px) {
        .step {
        margin: 0 35px !important;;
    }
}
@media (max-width: 1080px) {

}
@media (max-width: 1028px) {
    .formdiv {
        padding-right: 50px !important;
        padding-top: 50px !important;
    }
}
@media (max-width: 992px) {
     .content {
        padding: 40px 15px !important;
    }
    .navbar-expand-lg {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .aboutus .getintouch{
        width: 100%;
        max-width: 100%;
    }
    #contactdetails ul#details{
        margin: 0px;
        padding: 0px;
    }
    .aboutus .getintouch iframe{
        width: 100%;
    }
    .nav > .nav-btn > label{
        position: fixed;
        z-index: 99999;
        right: 0px;
        top: 0px;
        background-color: #FFF;
    }
}
@media (max-width: 991px) {
    body #pricehome {
        font-size: 54px !important;
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }
    .logoheader{
        width: 100%;
        max-width: 100%;
        display: block;
        padding: 0px 20px;
    }
    .logoheader .navbar-toggler{
            float: right;
    }
    .content {
        padding: 41px 15px !important;
    }
    .biModal .modal-content {
        width: 98%;
    }
    body h1 {
        font-size: 24px !important;
        line-height: 30px !important;
        margin: 15px 0px !important;
    }
    body h3 {
        font-size: 18px !important;
        line-height: 18px !important;
    }
    #middlebody .midcontent .q1 h1 {
        font-size: 18px !important;
        line-height: normal; !important;
        margin:0px !important;
    }
    body .button, .buttondetails {
            padding: 15px 20px !important;
    font-size: 10px !important;
    }
    .reviews {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    body .aboutus {
        width: 98%;
    }
    .aboutus p{
        text-align: left;
        padding: 0px 10px;
    }
    body .footer-distributed {
        padding: 20px;
    }
    .top-header .navbar {
        padding: 0 !important;
        padding-top: 15px !important
    }
    body .navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
    .myloginform col-md-6, .myloginform .col-md-4{
         max-width: 100%;
        width: 100%;
        flex: auto;
    }

}
@media (max-width: 800px) {
    
}
@media (max-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
  .sectitle {
    padding-top: 0;
        margin-top: -30px;
}
body .aboutus {
    padding-top: 0;
    margin-bottom: 0;
}
    .step {
        margin: 0 25px !important;;
    }
}
@media (max-width: 767px) {
    .navbar-toggler:focus, .navbar-toggler:hover, .navbar-toggler:visited, .navbar-toggler:active {
        box-shadow: none;
        outline: none;
    }
        .navbar-toggler:focus, .navbar-toggler:hover{
        box-shadow: none;
        outline: none;
        border:1px solid #eb8e23;
    }
    .top-header .navbar {
        padding: 0 0px;
    }
    .navbar-collapse.justify-content-end.collapse.show{
            border-top: 0px solid #000;
            float: none;
    }
    body header, body header .nav {
        position: relative;
    }
    body .content#one {
        margin-top: 0px;
    }
    .mydashborad {
        margin-top: 0;
    }
    .myloginform {
        padding: 50px 0px;
    }
        .step {
        margin: 0 15px !important;
    }
    .contentform .fpara .col-sm-6{
        width: 100%;
        flex: 100%;
        max-width: 100%;
    }
}
@media (max-width: 736px) {

    body h1, body h2 {
       font-size: 24px !important;
        line-height: 26px !important;
        margin: 4px 0px !important;
    }
    #middlebody .midcontent .q1 h1 {
        font-size: 16px !important;
        line-height: normal; !important;
        margin:0px !important;
    }
    html body {
        font-size: 14px !important;
    }
    .columnhome center span{
        font-size: 16px !important;
    }
    .columnprice {
        width: auto  !important;
    }
    .sectitle {
        margin-top: -20px;
    }
    .sectitle .dh3{
        display: none;
    }
    .sectitle .mh3{
        display: block;
    }
    body .button, .buttondetails {
        margin-top:20px;
    }
    body #comparebtn {
        margin: 0px 10px 10px 0px;
    }
    .pricecolumn ul li .buttonprice{
        letter-spacing: 0;
        padding: 5px 10px;
    }
    .pricecolumn .price li {
        padding: 10px;
    }
    .contentform .fpara label {
        width: 100%;
    }
    .formdiv {
    width: 100%;
    padding: 80px 30px 20px 20px;
    border-left: none;
    border-bottom: 2px solid #ddd;
}
.contentform .row {
    line-height: normal;
    display: flex;
    margin-bottom: 30px;
    width: auto;
}
.fpara.row.bankacc {
    display: inline-block;
    width: 100%;
}
.bankacc .col-sm-4{
    width: 100%;
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
}
}

@media (max-width: 640px) {
    body h1, body h2 {
       font-size: 22px !important;
        line-height: 32px !important;
        margin: 4px 0px !important;
    }
    body h3 {
         font-size: 18px !important;
         line-height: 26px !important;
     }
     #middlebody .midcontent .q1 h1 {
        font-size: 16px !important;
        line-height: normal; !important;
        margin:0px !important;
    }
    body .button, .buttondetails {
        padding: 11px 14px !important;
        font-size: 10px !important;
        letter-spacing: 0.02em;
    }
    .content#one {
        background-position: bottom;
    }
    .columnhome img{
        width: 100%;
        max-height: 1000% !important;
    }
}
@media (max-width: 575px) {
    .tab .fpara.row .col-sm-2,
    .tab .fpara.row .col-sm-4{
        margin-bottom: 15px;
    }
    
}
@media (max-width: 480px) {
.modalfull .col-l a,
.modalfull .col-r a{
   font-size: 0px;
   padding: 0px;
   background-color: transparent;
}
.modalfull .col-l a i,
.modalfull .col-r a i{
    font-size: 14px;
    padding: 6px 15px;
    background-color: #ddd;
}
.modalfull .col-l{
    
}
.modalfull .col-r{

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

}
@media (max-width: 375px) {
    #pricingdiv .biModal .modal-content .poplogo {
        width: 160px;
        margin-bottom: 20px;
        height: auto;
    }
    .modalfull .col-l{
        width: 69%;
    }
    .modalfull .col-r {
        width: 30%;
        float: right;
        text-align: right;
        padding: 10px 0px;
    }
}
@media (max-width: 320px) {
    
}