/* here you can put your own css to customize and override the theme */
/* menu */

.topnav {
  overflow: hidden;
  background-color: #1d95eb;
    height: 0px;
}

.topnav a {
  float: left;
  display: block;
  color: #fff;
  text-align: center;
  padding:8px 10px;
  text-decoration: none;
  font-size: 14px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.active {
  background-color:none;
  color: white;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative; height: auto; width: 100%;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}



.success-stories img {
    width: 60%;
    margin: auto;
}

.success-stories .find_matches_btn {
    margin: 0;
    font-size: 16px !important;
}

.feature-block {
    min-height: 162px;
    margin-bottom: 5px;
}

.well-box {
    background-color: #fff;
    border: 1px solid #e9e6e0;
    margin: 5%;
    padding: 5% 2%;
    box-shadow: #e2e2e2 1px 1px 6px;
}

.micon-contact {
    background-position: -15px -5px;
    width: 48px;
    height: 48px;
}

.mt-step-col img {
    margin-bottom: 20px;
}

h1,
h2,
h3 {
    color: #ca0303!important;
    margin-top: 30px;
}

.mt-element-step img {
    width: 120px;
}

.success-stories .feature-block img {
    width: 100px;
    margin: auto;
}

.page-footer {
    font-size: 14px;
}

.page-footer a {
    font-size: 14px;
}

.profiles-by-region h5 {
    font-weight: bold !important;
}

.regional-profiles li a {
    color: #585a5a !important;
    font-size: 14px;
}

.page-prefooter h2 {
    color: #fbe614 !important;
}

.regional-profiles {
    text-align: center;
}

.regional-profiles li a {
    padding: 0 5px;
    color: #72727d;
    line-height: 2em;
    font-size: 14px;
}

.regional-profiles li a::after {
    content: "|";
    display: inline-block;
    margin-left: 2px;
    margin-right: -10px;
}

.regional-profiles li:last-child a::after {
    content: "";
    display: inline-block;
}

.bottom_nav_head {
    border-bottom: 1px solid #dfe0e3;
    color: #51505d;
    font-size: 16px;
    margin: 0 0 20px;
    padding: 0 0 10px;
    text-align: center;
}

.social .fa {
    padding: 16px;
    font-size: 18px;
    width: 30px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50%;
}

.social .fa:hover {
    opacity: 0.7;
}

.social .fa-facebook {
    background: #3B5998;
    color: white;
}

.social .fa-twitter {
    background: #55ACEE;
    color: white;
}

.social .fa-google {
    background: #dd4b39;
    color: white;
}

.social .fa-youtube {
    background: #bb0000;
    color: white;
}

.social .fa-instagram {
    background: #125688;
    color: white;
}

.fa-twitter:before,
.fa-facebook:before,
.fa-google:before,
.fa-youtube:before,
.fa-instagram:before {
    margin-left: -7px;
}


.vjs-default-skin {
    color: #ded1d1;
}

.vjs-default-skin .vjs-play-progress,
.vjs-default-skin .vjs-volume-level {
    background-color: #b6c524
}

.none {
    display: none;
}

.children-age {
    margin-left: 35% !important;
}

.no-of-children {
    /*width: 100%;*/
    height: 34px;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #c2cad8;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-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;
}

.input-icon > i {
    margin: 17px 2px 4px 10px !important;
}

.input-icon.right > i {
    right: 20px !important;
}

form-control {
    font-size: 13px !important;
}

.popovers {
    z-index: 12000 !important;
}

.fbox {
    box-shadow: 0 0 20px #333;
    /*display: block;*/
    border: 3px solid #c53d0f;
    padding: 20px;
}

.close1 {
    padding: 3px 10px;
    color: #fff;
    background-color: #000;
    cursor: pointer;
    position: absolute;
    font-size: 20px;
    margin-top: -8%;
    margin-left: 91%;
    border: 1px solid #fff;
    border-radius: 50%;
}

.fadein {
    position: absolute;
    top: 0px;
    left: 7%;
    margin: auto;
}

.fadein img {
    position: absolute;

    top: 0;
    -webkit-animation-name: fade;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 6s;
    animation-name: fade;
    animation-iteration-count: infinite;
    animation-duration: 6s;
}

@-webkit-keyframes fade {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    33% {
        opacity: 1;
    }
    53% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fade {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    33% {
        opacity: 1;
    }
    53% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

#f2 {
    -webkit-animation-delay: -3s;
}

.app-container {
    position: fixed;
    z-index: 99999;
    right: 10px;
    top: 250px;
}

.nat {
    background: #f7c806;
    padding: 0px 0px;
    border-radius: 8px;
    box-shadow: 0px 0px 20px #796767;
    color: #fff;
}

.logo-default1 {
    width: 554px;
}

.logoganesh {
    width: 20% !important;
    margin-top: -19px;
    margin-left: 10px;
}
.about-text p{text-align: justify!important;}
.contact_us_wrp .address_wrp{width: 100%!important;}
.contact_us_wrp .address_left{width: 20%!important;}
.contact_us_wrp .address_right{width: 75%!important;}
.form-control {   border-radius: 3px!important;}
.select2-container--bootstrap .select2-selection{ border: 1px solid #ccc!important;  border-radius: 3px!important;}
.alert{margin: 0px!important; }
.alert-success{background-color: #1d95eb!important; color:#fff!important;}
.modalpic .modal-dialog{ width: 400px!important;}
.modalpic .modal-content, .modalpic .modal-content img{ width: 100%!important; height: auto!important;}
@media (min-width:1900px) and (max-width:3000px) {
    .carousel .item, .carousel-inner > .item > img, .carousel-inner > .item > a > img{height: 720px!important;}
}
@media (min-width:1400px) and (max-width:1899px) {
    .carousel .item, .carousel-inner > .item > img, .carousel-inner > .item > a > img{height: 600px!important;}
}
@media (min-width:768px) and (max-width:1300px) {
    .carousel .item, .carousel-inner > .item > img, .carousel-inner > .item > a > img{height: 450px!important;}
    .page-header .page-header-top .page-logo .logo-default {  width: 350px; margin-left: 10px; }
    .social .fa {  padding: 15px;}
}
@media (min-width:320px) and (max-width:480px) {
    .page-header .page-header-top {
        height: 50px !important;
    }
    .top-image_1 {  width: 100%!important;    margin-top: 0px !important;}
    .fa-navicon:before, .fa-reorder:before, .fa-bars:before{color: #1d95eb;}
    .navmenu{     float: right;
    font-size: 24px;
   }
    .modalpic .modal-dialog{ width: 90%!important;margin-left: 8%!important;}
    .logo-default,
    .logo-default1 {
        width: 210px !important;
        margin-left: 10px !important;
        margin-top: -8px !important;
        top: 8px !important;
    }
    .fa-bars{ margin-top: 23px!important; }
    .adminimg{      position: absolute;
    margin-left: 67%;
    width: 70px;
    margin-top: 5px; }
    .logoganesh {
        width: 45px !important;
        margin-left: -20px !important;
    }
    .adminimg img{ max-width: 85%; padding: 1px; }
    .carousel-inner {
        height: auto !important;
        width: 100% !important;
        z-index: 999;
        margin-left: 0px !important;
    }
    .carousel .item {
        height: 170px!important;
        background: #1d95eb!important;
    }
    .match{margin-left: 0px!important;}
    .patner_quick_search {
        margin-top: 0% !important;
    }
    h2 {
        margin-top: 20px !important;
        font-size: 18px !important;
        font-weight: bold !important;
    }
    h4 {
        font-size: 16px !important;
    }
    .mt-element-step .step-no-background .mt-step-col {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        text-align: center !important;
    }
    .mt-element-step .step-no-background .mt-step-col h4 {
        margin-top: -10px !important;
    }
    .patner_quick_search .find_matches_btn{float: right!important;margin-top:10px!important;margin-right: 8px!important;}
    .patner_quick_search .match{height:275px!important;}
    .success-stories{text-align: center;}
    .branch.success-stories img{width: 100%!important;}
    .footer-block h2 *{float: right!important; font-weight: normal!important;border:none}
    .collapse {   display: none!important;}
    .collapse.in {   display: block!important;}
    .page-prefooter .footer-block {  margin-bottom: 0px; }
    .page-footer .text-right, .page-footer .text-left {  text-align: center!important;}
    .accordion .panel .panel-title .accordion-toggle{font-size: 14px!important;}
    .contact_us_wrp .corporate_address{font-size: 14px!important;}
    .about-text {  padding-bottom: 0px !important;}
    .careers_bg div{padding: 0px 10px 2px 10px!important;}
    .careers_bg label{margin: 0px!important;}
    .tabbable-line > .nav-tabs > li > a {
    padding-left: 8px!important;
    padding-right: 8px!important;
    font-size: 12px!important;
    }
    .mobilepro{padding: 0px;}
    .profile-sidebar{height: 1200px!important;
}