/*******club-pkd*******/

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Semibold.woff2') format('woff2'),
        url('../fonts/OpenSans-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Light.woff2') format('woff2'),
        url('../fonts/OpenSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Bold.woff2') format('woff2'),
        url('../fonts/OpenSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans.woff2') format('woff2'),
        url('../fonts/OpenSans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*common css*/
body {font-family: 'Open Sans';}
.main-hed {font-size:26px; text-transform:capitalize; color:#2d2d2d; text-align:center; margin-bottom:22px;}
p {text-align:center; color:#383838; line-height:22px; font-size: 15px;}
.padding-t-b {padding:40px 0;}
.main-btn-sec {margin: 30px 0;}
.main-btn {background-color:#00a3c8; color:#fff; padding:14px 20px; font-size:15px; text-decoration:none; text-transform:capitalize;}
.main-btn-sec .main-btn:hover {background-color:#019bbe; color:#fff; text-decoration:none;}
.footer_heading {font-family: 'Open Sans'; font-weight: bold; font-size: 24px; color: #fff; text-transform: uppercase;}
.common-banner .fixed-banner {margin-top:70px; width:100%;}

/*top-header*/
.navbar {background-color:#00a3c8; color:#fff; margin-bottom: 0px; -webkit-box-shadow: 2px 12px 13px -7px rgba(28,28,28,0.58); -moz-box-shadow: 2px 12px 13px -7px rgba(28,28,28,0.58); box-shadow: 2px 12px 13px -7px rgba(28,28,28,0.58);}
.navbar-brand {padding: 22px 20px; height:auto;}
.navbar .navbar-collapse .nav li>a {color:#FFFFFF; font-size:16px; padding-top: 24px; padding-bottom: 24px;}
.navbar .navbar-collapse .nav li>a:hover {background-color:transparent;}
.navbar .navbar-collapse .nav li .active {border-bottom:2px solid #fff;}
.navbar .navbar-collapse .nav li .social-ank {padding: 17px 5px; text-decoration: none;}
.navbar .navbar-collapse .nav li>a .fa {width: 34px; border: 1px solid #ffffff; padding: 7px 9px;}
.navbar .navbar-collapse .nav li>a .fa:hover {background-color: #fff; color: #00a3c8; transition:1s;}
/*banner-slider*/
.carousel .carousel-inner .item {margin-top:71px;}
.carousel .carousel-inner .item .carousel-caption {padding-bottom: 54px;}
.carousel .carousel-inner .item .carousel-caption .list-inline {margin-bottom: 65px;}
.carousel .carousel-inner .item .carousel-caption .marque-btn ul>li>a {font-weight: 300; border: double; text-decoration: none; color: #ccc; padding: 14px 35px; font-size: 20px; text-transform:uppercase;}
.carousel .carousel-inner .item .carousel-caption .marque-btn ul>li>a:hover {background-color:#f1d405; color:#fff; transition-duration:1s;}
.carousel .carousel-inner .item .carousel-caption .botton-btn {/*width:47%; float:left;*/ width:100%; padding: 18px 100px; background-color:#f1d405; margin-right: 0px; opacity: 0.5;font-size:18px; color:#fff; text-decoration:none; text-transform:capitalize;}
.carousel .carousel-inner .item .carousel-caption .botton-btn:hover {opacity:0.9; transition-duration:1s; background-color: #f1d405;}

/*welcome*/
/*.welcome p {text-align:justify;}*/

/*about*/
.about {background-color:#f1f1f1;}
.about p {color:#787878; text-align:left; overflow: hidden; height: 195px;}
.about .col-xs-12:first-child {padding: 40px 0 40px 182px;}
.about .col-xs-12:last-child {padding-right: 0;}
.about .col-xs-12:last-child img {width:100%;}

/*topic*/
.topic {background-image: url(../images/topic-bg.jpg); background-position: fixed; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; color: #fff; text-align: center;}
.topic h3 {margin: 0; line-height: 34px; margin-bottom: 18px;}
.topic p {color:#fff;}
.topic ul {padding-left:0; list-style-type:none; line-height: 28px;}

/*testimonial*/
.testimonial .carousel-inner .active {margin-top:0px !important;}
.testimonial .carousel-inner img {margin:0px auto; width: 130px; height:130px; -webkit-box-shadow: 0px 7px 20px -6px rgba(0,0,0,0.75); -moz-box-shadow: 0px 7px 20px -6px rgba(0,0,0,0.75);
box-shadow: 0px 7px 20px -6px rgba(0,0,0,0.75); margin-bottom:25px !important;}
.testimonial .carousel-inner .item .location {font-size:16px; color:#6a6a6a;}

/*our-services*/
.our-services .accordion {width: 100%; margin-bottom:0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; padding-left:0px; list-style-type:none;}
.our-services .accordion .link {cursor: pointer; display: block; padding: 15px 15px 15px 58px; color: #00a3c8; font-size: 14px; background-color:#f1f1f1; position: relative; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; border:1px solid #e3e2e2; border-left:0px;}
.our-services .accordion li {margin-bottom:10px;}
.our-services .accordion li:last-child .link { border-bottom: 0; }
.our-services .accordion li .link .fa {background-color: #00a3c8; color: #fff; padding: 8.5px; top: 0; left: 0; font-size: 34px;}
.our-services .accordion li i {position: absolute; top: 16px; left: 12px; font-size: 18px; color: #595959; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.our-services .accordion li i.fa-chevron-down {right: 12px; left: auto; font-size: 16px;}
.our-services .accordion li.open i { color: #b63b4d; }
.our-services .accordion li.open i.fa-chevron-down {-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.our-services .accordion-right {width: 100%; margin-bottom:0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; padding-left:0px; list-style-type:none;}
.our-services .accordion-right .link {cursor: pointer; display: block; padding: 15px 15px 15px 58px; color: #00a3c8; font-size: 14px; background-color:#f1f1f1; position: relative; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; border:1px solid #e3e2e2; border-left:0px;}
.our-services .accordion-right li {margin-bottom:10px;}
.our-services .accordion-right li:last-child .link { border-bottom: 0; }
.our-services .accordion-right li .link .fa {background-color: #00a3c8; color: #fff; padding: 8.5px; top: 0; left: 0; font-size: 34px;}
.our-services .accordion-right li i {position: absolute; top: 16px; left: 12px; font-size: 18px; color: #595959; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.our-services .accordion-right li i.fa-chevron-down {right: 12px; left: auto; font-size: 16px;}
.our-services .accordion-right li.open i { color: #b63b4d; }
.our-services .accordion-right li.open i.fa-chevron-down {-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.our-services .submenu {display: none; background: #d3f1f8; font-size: 14px; padding-left:0; list-style-type:none;}
.our-services .submenu li {padding: 12px 15px; border: 1px solid #a5e6f5; border-top: none;}
.our-services .submenu li p {line-height: 18px; font-size: 13px; text-align:left;}
.our-services .submenu a {display: block; text-decoration: none; color: #d9d9d9; padding: 8px 16px; width:19%; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; font-size: 13px;}
.our-services .row {margin-bottom:15px;}
.our-services .row:first-child {margin-bottom:0px;}

/*map*/
.map .container-fluid .col-xs-12 {padding-left:0px; padding-right:0px;}
.map .container-fluid .col-xs-12 iframe {height:300px; margin-bottom: -5px;}

/*footer*/
.footer {background-color:#03657b; padding:50px 0px;}
.footer .about_us p {text-align: justify;font-size: 14px; line-height: 22px; margin: 16px 0px; color:#FFFFFF;}
.footer .about_us .subscribe .fld {position: absolute; width: 88% !important; border-radius: 0px;}
.footer .about_us button {position: relative; margin: 0px 0 0px 0px; border: none; width: 36px; height: 34px; float: right; background-color: #091a2e; color: #fff;}
.useful_link ul {padding-left:0px;}
.useful_link ul li {list-style-type:none; line-height: 32px;}
.useful_link ul li .fa {color:#FFFFFF; font-size:16px; margin-right:5px;}
.useful_link ul li a {text-decoration:none; font-size:14px; text-transform:uppercase; color:#FFFFFF;}
.follow_us ul {padding-left:0px;}
.follow_us ul li {list-style-type:none; line-height: 32px;}
.follow_us ul li .fa {color:#FFFFFF; font-size:16px; margin-right:5px;}
.follow_us ul li a {text-decoration:none; font-size:14px; text-transform:uppercase; color:#FFFFFF;}
.contact_us ul {padding-left:0px;}
.contact_us ul li {list-style-type:none; line-height: 32px; color:#FFFFFF;}
.contact_us ul li .fa {color:#FFFFFF; font-size:16px; margin-right:5px;}
.contact_us ul li a {text-decoration:none; font-size:14px; text-transform:uppercase; color:#FFFFFF;}

/*footer_copyright_sec*/
.footer_copyright_sec {background-color:#007792; padding:15px 0px;}
.footer_copyright_sec p {color:#FFFFFF; text-align: center; margin-bottom:0;}

/*about-more*/

/*contact*/
.contact {text-align:left;}
.contact .main-hed {text-align:left;}
.contact .address_heading {color: #03657b;}
.contact p {color:#656b6e; text-align:left;}
.contact form .fld ::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder {color:#CD181B;}
.contact form .fld {margin-bottom:15px; border-radius:0px;}
.contact form .services {height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #9ca1ab; background-color: #fff; background-image: none; border: 1px solid #ccc; width: 100%;}
.contact form .textarea {height:100px; resize:none;}
.contact .formbox .main_btn {padding: 10px 30px !important; margin-top: 26px;}
.contact .main-btn:hover { background-color: #019bbe; color: #fff; text-decoration: none;}

/*services*/
.services .box-sec .bg {display: inline-block; width: 100%; height: 320px; background-size: 100% 320px; border: 1px solid #dadada;}
.services .box-sec .bg1 {background:url(../images/bio-data.jpg) no-repeat;}
.services .box-sec .bg2 {background:url(../images/presto.jpg) no-repeat;}
.services .box-sec .bg3 {background:url(../images/birthday.jpg) no-repeat;}
.services .box-sec .bg4 {background:url(../images/insurance.jpg) no-repeat;}
.services .box-sec .bg5 {background:url(../images/investment.jpg) no-repeat;}
.services .box-sec .bg6 {background:url(../images/tax.jpg) no-repeat;}
.services .box-sec .bg7 {background:url(../images/training.jpg) no-repeat;}
.services .box-sec .bg8 {background:url(../images/computer-teaching.jpg) no-repeat;}
.services .box-sec .bg9 {background:url(../images/daily-labour.jpg) no-repeat;}
.services .box-sec .bg10 {background:url(../images/car-rental.jpg) no-repeat;}
.services .box-sec .bg11 {background:url(../images/tour-service.jpg) no-repeat;}
.services .box-sec .box {display: inline-block; width: 100%; height: 320px; transition: all ease-in 0.3s;}
.services .box-sec .box:hover { background-color: rgba(0,0,0, 0.5); }
.services .box-sec .box:hover .image-caption {background-color: transparent; margin-top: 40px;}
.services .box-sec .image-caption {position: absolute; display: inline-block; width: 358px; text-align: center; padding: 20px 0; color: #ffffff; text-transform: uppercase; font-family: Helvetica, Arial, sans-serif; font-size: 20px; text-shadow: 0px 2px 2px rgba(0,0,0,0.8); margin-top: 207px; background-color: rgba(0,0,0,0.7); transition: all ease-in 0.3s;}
.services .box-sec .desc {position: absolute; width: 360px; margin-top: 150px; text-decoration: none; text-align: center; font-family: Georgia, serif; font-style: italic; font-size: 14px; line-height: 1.4; color: transparent; text-shadow: 0px 2px 2px rgba(0,0,0,0); transition: all ease-in 0.3s;}
.services .box-sec .see-more { text-decoration: underline; }
.services .box-sec .legend {text-align: center; font-family: Helvetica, Aria, sans-serif; font-size: 11px; color: rgb(192,192,192);}
.services .box-sec .on {color: #ffffff; text-shadow: 0px 2px 2px rgba(0,0,0,0.8);}
.services .row {margin-bottom:30px;}
.services .row:last-child {margin-bottom:0px;}

/*friendship*/
/*.bio-data .form-box {background-color: #00a3c8; padding: 20px; width: 60%; margin: 0px auto;} 
.bio-data .form-box .fld {border-radius:0px; border:1px solid #fff; border-top:none; border-left:none; border-right:none; margin-bottom:20px; background-color:transparent; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; color:#fff;}
.bio-data .form-box ::placeholder {color: #F9F9F9; text-transform:capitalize; opacity:0.6;} 
.bio-data .form-box :-ms-input-placeholder {color: #F9F9F9; text-transform:capitalize; opacity:0.6;}
.bio-data .form-box ::-ms-input-placeholder {color: #F9F9F9; text-transform:capitalize; opacity:0.6;}
.bio-data .form-box label {font-weight:normal; color:#000;}
.bio-data .form-box .textarea {resize:none;}
.bio-data .form-box .name-group {display: inline-flex; width: 100%;}
.bio-data .form-box select {height: 34px; background-color: transparent; border: 1px solid #fff; border-top: none; border-left: none; border-right: none; color: #fff;}
.bio-data .form-box option {background-color: #03afd6;}
.bio-data .form-box .name-group .name {width: 100%; margin-left: 5px;}
.bio-data .form-box .dob-group {margin-bottom:20px;}
.bio-data .form-box .dob-group select {width:32.8%;}
.bio-data .form-box .education-fld {}
.bio-data .form-box .education-fld .institute {float:left; width:75%; margin-right: 4px;}
.bio-data .form-box .education-fld .year {float:left; width:24.3%;}

.bio-data .form-box .marride {margin-bottom:20px; width:100%;}
.bio-data .form-box .complexion {margin-bottom:20px; width:100%;}
.bio-data .form-box .habit {margin-bottom:20px; width:100%;}
.bio-data .form-box .submmit-btn {background-color: #ffffff; color: #00a3c8; padding: 6px 12px; font-size: 15px; text-decoration: none; text-transform: capitalize; border: 1px solid #fff;}*/
/*friendship*/

/*friendship*/
.bio-data .col-xs-12 {padding: 15px 30px;}
.bio-data .form-box form .label.head {font-size: 17px; font-weight: 600; text-align: left; text-transform: capitalize; letter-spacing: 2px; padding: 2px; margin: 2px;
display: block; color: #fff;}
.bio-data .form-box form .name input[type="text"], .fathers-name input[type="text"], .phone input[type="phone"], .dob input.date-of-birth, .email input[type="text"],
.cast input[type="text"], .institute input[type="text"], .yearpass input[type="text"], .experience-sec input[type="text"],  .declaration input[type="text"],
.objective input[type="text"], .skills input[type="text"], .skills2 input[type="text"], .hobby input[type="text"], .hobby-fld input[type="text"], .Interest input[type="text"]     
 {font-size: 15px; font-weight: 500; text-align: left; text-transform: capitalize; letter-spacing: 1px; box-sizing: border-box; border: none;
 padding: 10px; width: 100%; outline: none; margin: 0px auto 10px; color: #000000;}
.bio-data .form-box form .name, .fathers-name, .dob, .phone, .email, .cast, .institute, .yearpass, .declaration, .objective  {float: left; width: 49%;}
.bio-data .form-box form .institute {float: left; width: 66%;}
.bio-data .form-box form .yearpass {float: left; width: 20%;}
.bio-data .form-box form .add-more-btn {float: left; width: 10%;}

.bio-data .form-box form .address {float: left; width: 49%;}
.bio-data .form-box form .Interest {float: left; width: 49%; margin-left: 22px}
.bio-data .form-box form .experience-sec .experience {float: left; width: 38%;}
.bio-data .form-box form .experience-sec .position {float: left; width: 26%;}
.bio-data .form-box form .experience-sec .yearpass {float: left; width: 20%;}
.bio-data .form-box form .add-more-btn {float: left; width: 10%;}

.bio-data .form-box form .skills, .skills2, .hobby, .hobby-fld {float:left; width:28%;}
.bio-data .form-box form .skills-add-more-btn, .hobby-add-more-btn, .experience-add-more-btn {float: left; width: 10%;}
.bio-data .form-box form .yearpass, .add-more-btn, .objective, .skills2, .skills-add-more-btn, .hobby-fld, .hobby-add-more-btn, .experience-add-more-btn {margin-left:22px;}
.bio-data .form-box form button {padding: 9px 12px; font-size: 15px; font-weight: 500; border: none; background: #00a3c8; color: #fff; text-transform:capitalize;}
.bio-data .form-box form button:hover {background-color:#019bbe}
.bio-data .form-box form button[type="submit"] {margin: 20px 0;}
.bio-data .form-box form .fathers-name, .phone, .cast, .experience-sec .position {margin-left:22px;}
.bio-data .form-box form .address textarea {font-size: 15px; font-weight: 500; text-align: left; text-transform: capitalize; width: 100%; padding: 10px; resize: none; min-height: 120px; border: 1px solid #fff; outline: none; background: #fff; box-sizing: border-box;}
.bio-data .form-box form label {font-weight:normal !important;}
.add-institute {font-size: 15px;font-weight: 500;text-align: left;text-transform: capitalize;letter-spacing: 1px;box-sizing: border-box;border: none;
padding: 10px;outline: none;margin: 0px auto 10px;color: #000000;float:left; width:66%;}
.add-yearpass {font-size: 15px;font-weight: 500;text-align: left;text-transform: capitalize;letter-spacing: 1px;box-sizing: border-box;border: none;padding: 10px;outline: none;margin: 0px auto 10px;color: #000000;float:left !important; width:20% !important; margin-left: 22px;}

.experience-sec .add-experience {float:left !important; width:38% !important;}
.experience-sec .add-position {font-size: 15px;font-weight: 500;text-align: left;text-transform: capitalize;letter-spacing: 1px;box-sizing: border-box;border: none;
padding: 10px;outline: none;margin: 0px auto 10px;color: #000000;float:left !important; width:26% !important; margin-left: 22px !important;}
.experience-add-yearpass {font-size: 15px;font-weight: 500;text-align: left;text-transform: capitalize;letter-spacing: 1px;box-sizing: border-box;border: none;padding: 10px;outline: none;margin: 0px auto 10px;color: #000000;float:left !important; width:20% !important; margin-left: 22px !important;}
.add-skill-fld {clear:both;}
.add-skill:first-child {margin-left:0;}
.add-skill {font-size: 15px;font-weight: 500;text-align: left;text-transform: capitalize;letter-spacing: 1px;box-sizing: border-box;border: none;padding: 10px;outline: none;margin: 0px auto 10px;color: #000000;float:left; width:28%; margin-left: 22px;}
.add-hobby-fld {clear:both;}
.add-hobby:first-child {margin-left:0;}
.add-hobby {font-size: 15px;font-weight: 500;text-align: left;text-transform: capitalize;letter-spacing: 1px;box-sizing: border-box;border: none;padding: 10px;outline: none;margin: 0px auto 10px;color: #000000;float:left; width:28%; margin-left: 22px;}

.delete {float:left; width:10%; margin-left: 22px; background-color: #f1564a; border: none; color: white; padding: 9px 12px; text-align: center; text-decoration: none; display: inline-block; font-size: 14px; cursor: pointer; opacity: 0.9;}
.delete:hover {text-decoration:none; background-color:#d64e43; color:#fff;}

.experience-delete {float:left; width:10%; margin-left: 22px; background-color: #f1564a; border: none; color: white; padding: 9px 12px; text-align: center; text-decoration: none; display: inline-block; font-size: 14px; cursor: pointer; opacity: 0.9;}
.experience-delete:hover {text-decoration:none; background-color:#d64e43; color:#fff;}
/*friendship*/













