/****************** RESET CSS STARTS HERE ***************************/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

@media (min-width:1400px) {
    .container {
        min-width: 1350px;
    }
}

.anchor {
    margin-top: -200px;
    padding-top: 200px;
}

/****************** RESET CSS ENDS HERE ********************************/


/****************** COMMON CSS ENDS HERE ********************************/

sup {
    font-size: 12px;
}

/****************** COMMON CSS ENDS HERE ********************************/


/****************** HEADER CSS ENDS HERE ********************************/

.top_menu {
    display: table;
    float: right;
    padding: 20px 0;
}

.top_menu ul {
    display: table;
}

.top_menu li {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 15px;
}

.top_menu li:nth-child(1) {
    background: #69A746;
}

.top_menu li:nth-child(2) {
    background: #4A85A7;
}

.top_menu li:nth-child(3) {
    background: #F26B3C;
}

.top_menu li:nth-child(4) {
    background: #8890F3;
}

.top_menu li a {
    border-radius: 33px;
    color: #fff;
    display: block;
    font: 12px/22px Roboto-Regular;
    margin-top: 0;
    padding: 5px 15px;
    text-decoration: none;
}

.logo {
    float: left;
    margin-top: 0px;
    padding: 5px;
}

.logo > a {
    display: inline-block;
}

.logo img {
    width: 90%;
}


/****************** HEADER CSS ENDS HERE ********************************/

header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    background: #000;
    /*background-image: linear-gradient(to left, rgba(255,0,0,0), rgb(0, 0, 0));*/
}

.main_menu .bg-light {
    background-color: transparent!important;
    padding: 0px;
    border-bottom: 48px solid #66c2dd;
    border-left: 30px solid transparent;
    height: 0;
    display: block;
    width: auto;
}

.main_menu {
    float: right;
    margin-top: 80px;
    width: 95%;
}

.nav-item > a {
    color: #ffffff !important;
    font-family: 'Roboto-Regular';
    font-size: 16px;
    line-height: 25px;
    padding: 10px 20px;
}

.nav-item {
    margin-left: 15px;
    margin-right: 15px;
}

.dropdown-menu {
    line-height: 15px;
    background-color: #66c2dd;
    border: medium none;
    border-radius: 0;
}

.dropdown-item {
    background-color: transparent;
    border: 0 none;
    clear: both;
    color: #fff;
    display: block;
    font-weight: 400;
    padding: 10px 20px;
    text-align: inherit;
    white-space: nowrap;
    font-family: 'Roboto-Regular';
    width: 100%;
    font-size: 16px;
}


/*-------------------------Banner Styles--------------------*/

.carousel-inner img {
    width: 100%;
    height: 70%;
}

.banner .carousel-caption {
    color: #ffffff;
    left: 15%;
    padding-bottom: 20px;
    padding-top: 20px;
    position: absolute;
    right: 15%;
    text-align: center;
    top: 50%;
    transform: translateY(-20%);
    z-index: 10;
}

.banner .carousel-indicators {
    bottom: 60px;
    left: inherit;
}

.banner .carousel-caption p {
    font-family: montserrat-regular;
    font-size: 22px;
}

.banner .carousel-caption h3 {
    font-family: montserrat-bold;
    font-size: 35px;
    line-height: 55px;
}

.fade {
    opacity: 1;
}

.fade .carousel-item {
    top: 0;
    z-index: 1;
    opacity: 0;
    width: 100%;
    position: absolute;
    left: 0 !important;
    display: block !important;
    -webkit-transition: opacity ease-in-out 1s;
    -moz-transition: opacity ease-in-out 1s;
    -ms-transition: opacity ease-in-out 1s;
    -o-transition: opacity ease-in-out 1s;
    transition: opacity ease-in-out 1s;
}

.fade .carousel-item:first-child {
    top: auto;
    position: relative;
}

.fade .carousel-item.active {
    opacity: 1;
    z-index: 2;
    -webkit-transition: opacity ease-in-out 1s;
    -moz-transition: opacity ease-in-out 1s;
    -ms-transition: opacity ease-in-out 1s;
    -o-transition: opacity ease-in-out 1s;
    transition: opacity ease-in-out 1s;
}

.carousel-control-next,
.carousel-control-prev {
    align-items: center;
    bottom: 0;
    color: #fff;
    display: flex;
    justify-content: center;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 15%;
    z-index: 99;
    transition: 0.5s;
}

.carousel:hover .carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    opacity: 0.8;
    outline: 0 none;
    text-decoration: none;
}

.blogger li {
    background: #927436 none repeat scroll 0 0;
    border-radius: 30px;
    box-shadow: 0 1px 5px #323232;
    display: inline-block;
    font-family: "Roboto-Regular";
    font-size: 12px;
    margin: 1%;
    width: 45%;
}

.blogger li:nth-child(1) {
    background: #ffffff none repeat scroll 0 0;
}

.blogger li:nth-child(1) a {
    color: #333333;
}

.blogger a {
    color: #ffffff;
    display: block;
    padding: 12px 30px;
    text-decoration: none;
}

.blogger {
    margin: 25px auto;
    width: 490px;
}

.blogger li span {
    float: right;
    position: relative;
    top: 0;
}

.cus_banner_icons {
    color: #fff;
    font-size: 68px;
}

.carousel-indicators li {
    background-color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    flex: 0 1 auto;
    height: 3px;
    margin-left: 3px;
    margin-right: 3px;
    position: relative;
    text-indent: -999px;
    width: 30px;
}

.scroll_down {
    bottom: 100px;
    cursor: pointer;
    left: 50%;
    position: absolute;
    transform: translateX(50%);
    z-index: 999;
}

.chevron {
    position: absolute;
    width: 28px;
    height: 8px;
    opacity: 0;
    transform: scale3d(0.5, 0.5, 0.5);
    animation: move 3s ease-out infinite;
}

.chevron:first-child {
    animation: move 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
    animation: move 3s ease-out 2s infinite;
}

.chevron:before,
.chevron:after {
    content: ' ';
    position: absolute;
    top: 0;
    height: 100%;
    width: 51%;
    background: #fff;
}

.chevron:before {
    left: 0;
    transform: skew(0deg, 30deg);
}

.chevron:after {
    right: 0;
    width: 50%;
    transform: skew(0deg, -30deg);
}

@keyframes move {
    25% {
        opacity: 1;
    }
    33% {
        opacity: 1;
        transform: translateY(30px);
    }
    67% {
        opacity: 1;
        transform: translateY(40px);
    }
    100% {
        opacity: 0;
        transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
    }
}

.cTable{
    font-family: 'Roboto-Regular';
    font-size: 14px;
    color: #7e7e7e;
}

.imgCus{
    height:200px;
    overflow: hidden;
}

/*-------------------------What We offer----------------*/

.offer {
    background: #f1f5f8 none repeat scroll 0 0;
    margin: 0 auto;
    padding-bottom: 20px;
    padding-top: 70px;
}

.offer a {
    text-decoration: none;
}

.offer_title {
    margin-bottom: 55px;
}

.offer_title h2 {
    color: #a07930;
    font-family: montserrat-bold;
    font-size: 36px;
    line-height: 40px;
    text-align: center;
    position: relative;
}

.offer_title span {
    border-bottom: 2px solid #dedede;
    color: #7e7e7e;
    display: table;
    font-family: 'Roboto-Regular';
    font-size: 16px;
    margin: 0 auto;
    padding-bottom: 10px;
}

.offer_title h2::before {
    border-bottom: 3px solid #bfbfbf;
    border-radius: 52px;
    bottom: 0;
    content: "";
    height: 5px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    width: 312px;
}

.offer_widget {
    border: 2px solid #c4c4c4;
    border-radius: 20px;
    min-height: 275px;
    padding: 25px;
}

.offer_widget img {
    display: table;
    margin: 0 auto;
    width: 100%;
}

.offer_widget > h2 {
    color: #476462;
    font-family: montserrat-bold;
    font-size: 22px;
    line-height: 29px;
    margin-top: 20px;
    text-align: center;
}

.offer_widget span {
    display: block;
    font-family: 'Roboto-Regular';
    font-size: 14px;
}

.custom-btn{
    background: #aa8743;
    border-radius: 22px;
    font-family: 'Roboto-Regular';
    font-size: 14px;
    text-decoration: none;
    color: #ffffff !important;
    padding: 10px 15px;
    margin-top: 10px;
}

.start_now {
    background: #aa8743 none repeat scroll 0 0;
    border-radius: 22px;
    bottom: -15px;
    display: table;
    font-family: 'Roboto-Regular';
    font-size: 14px;
    left: 0;
    margin: 0 auto;
    padding: 10px 30px;
    position: absolute;
    right: 0;
    text-decoration: none;
    color: #ffffff !important;
}

.start_now:hover {
    text-decoration: none;
}

.start_now i {
    font-size: 14px;
    position: relative;
    right: -10px;
    top: 1px;
}


/*---------------------------Know your counsellor-----------------------*/

.photo_thumb {
    background: #ffffff none repeat scroll 0 0;
    border: 4px solid #f9ca7a;
    border-radius: 50%;
    height: 168px;
    width: 168px;
}

.photo_thumb img {
    border-radius: 50%;
    display: block;
    height: 160px;
    margin: 0 auto;
    padding: 5px;
    width: 160px;
}

.profile_photo {
    float: left;
    width: 25%;
}

.profile_text > h2 {
    color: #706d66;
    font-family: montserrat-bold;
    font-size: 23px;
    line-height: 25px;
}

.profile_text {
    float: right;
    width: 75%;
}

.profile_text span {
    color: #b2b2b2;
    display: block;
    font-family: montserrat-light;
    font-size: 14px;
    font-style: italic;
}

.ceo_profile {
    display: flex;
    margin: 0 auto;
    width: 75%;
}

.profile_text > p {
    color: #989898;
    font-family: 'Roboto-Regular';
    font-size: 14px;
    line-height: 24px;
    margin-top: 12px;
    text-align: justify;
}

.know_more em {
    background: #9f792f none repeat scroll 0 0;
    border-radius: 50%;
    color: #ffffff !important;
    font-size: 18px;
    height: 40px;
    margin-left: 10px;
    padding: 0;
    line-height: 40px;
    width: 40px;
    text-align: center;
    transition: 0.5s;
}

.know_more a:hover em {
    padding-left: 5px;
    position: relative;
    transition: 0.5s;
    background: #453719;
}

.know_more a {
    color: #777777;
    font-family: 'Roboto-Regular';
    font-size: 14px;
    text-decoration: none;
    transition: 0.5s;
}

.know_more {
    margin-top: 25px;
}

.call_option {
    margin-top: 15px;
}

.call_option li i {
    color: #ffffff;
    font-size: 20px;
    padding: 10px 12px;
    transition: 0.5s;
    border-radius: 50%;
}

.call_option li i:hover {
    border-radius: 50%;
    box-shadow: 3px 3px 9px 0 #333;
    transition: 0.5s;
}

.call_option li {
    background: #32afc9 none repeat scroll 0 0;
    border-radius: 50%;
    float: left;
    height: 40px;
    margin: 10px;
    width: 40px;
}

.call_option > ul {
    float: right;
}

.call_option li:nth-child(2) {
    background: #ef3a7f none repeat scroll 0 0;
}

.call_option li:nth-child(2) i {
    padding: 9px 10px;
}

.quote_down {
    bottom: -30px;
    position: absolute;
    right: 0;
}

.quote_up {
    left: 0;
    position: absolute;
    top: -35px;
    transform: rotate(180deg);
}


/*-------------------------Slider widget------------------------*/

.you_tube {
    background-image: url("../images/counselling_bg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    height: 400px;
    background-size: cover;
}

.video_widget {
    margin-top: 32px;
}

.video_widget img {
    border-right: 4px solid #ffffff;
    padding-right: 40px;
    width: 100%;
}

.slider .item > p {
    font-family: 'Roboto-Regular';
    font-size: 14px;
    line-height: 22px;
    margin-top: 32px;
    text-align: justify;
}

.slider .item > h2 {
    font-family: montserrat-bold;
    font-size: 35px;
    margin: 15px 0;
}

.slider .item > h2 a {
    border-bottom: 2px solid;
    color: #ffffff;
    padding-bottom: 12px;
    text-decoration: none;
}

.slider .item p a {
    color: #ffffff;
    text-decoration: none;
}

.know_more.out em {
    background: #f4ffef none repeat scroll 0 0;
    color: #aaaaaa !important;
    font-size: 16px;
    border-radius: 50%;
    height: 35px;
    margin-left: 10px;
    line-height: 35px;
    width: 35px;
}

.out a {
    color: #ffffff;
    font-size: 14px;
}

.slider {
    margin-top: 30px;
}

.slider .owl-prev,
.owl-next {
    background: #69ba41 none repeat scroll 0 0 !important;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    margin: 5px;
}

.slider .owl-next > span {
    color: #ffffff;
    font-size: 22px;
    position: relative;
    top: -2px;
}

.slider .owl-prev > span {
    color: #ffffff;
    font-size: 22px;
    position: relative;
    top: -2px;
}

.slider .owl-nav {
    float: right;
    position: relative;
    top: 25px;
}

.social {
    margin-top: 10px;
}

.social li {
    background: #ffffff none repeat scroll 0 0;
    height: 22px;
    position: relative;
    width: 30px;
}

.social li::before {
    border-bottom: 7px solid #ffffff;
    border-left: 15px solid rgba(0, 0, 0, 0);
    border-right: 15px solid rgba(0, 0, 0, 0);
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: -7px;
    width: 0;
}

.social li {
    float: left;
    margin: 3px;
    text-align: center;
}

.social li i {
    color: #a88945;
    font-size: 18px;
    position: relative;
    top: 3px;
}

.social li::after {
    border-left: 15px solid rgba(0, 0, 0, 0);
    border-right: 15px solid rgba(0, 0, 0, 0);
    border-top: 7px solid #ffffff;
    bottom: -7px;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    width: 0;
}


/*----------------------------Assess Slider--------------------*/

.caption {
    background: rgba(170, 135, 67, 0.9) none repeat scroll 0 0;
    bottom: 0;
    height: 60px;
    position: absolute;
    width: 100%;
}

.caption h4 {
    color: #ffffff;
    display: table-cell;
    font-family: 'Roboto-Regular';
    font-size: 16px;
    height: 60px;
    padding: 10px 15px;
    vertical-align: middle;
    width: 1%;
    line-height: 20px;
}

.cap_arrow {
    float: right;
    width: 22%;
}

.cap_txt {
    float: left;
    height: 100%;
    width: 78%;
}

.item img {
    transition: transform .5s;
}

.item img:hover {
    transform: scale(1.1);
    transition: transform .5s;
}

.thumb_slide .item {
    overflow: hidden;
    cursor: pointer;
}

.thumb_slide .owl-prev {
    background: #9f792f none repeat scroll 0 0 !important;
    height: 35px;
    width: 35px;
}

.thumb_slide .owl-next {
    background: #9f792f none repeat scroll 0 0 !important;
    height: 35px;
    width: 35px;
    border-radius: 0px;
}

.thumb_slide .owl-nav {
    float: right;
    margin-top: 25px;
}

.thumb_slide .owl-prev span {
    color: #ffffff;
    font-size: 25px;
    position: relative;
    top: -2px;
}

.thumb_slide .owl-next span {
    color: #ffffff;
    font-size: 25px;
    position: relative;
    top: -2px;
}

.round_button {
    background: #704510 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    height: 35px;
    line-height: 35px;
    margin: 15px auto 10px;
    text-align: center;
    width: 35px;
}


/*-----------------------------Blog Area-------------------------*/

.blog_area > h2 {
    border-left: 5px solid #71bf45;
    color: #496263;
    display: table-cell;
    font-family: montserrat-regular;
    font-size: 20px;
    height: 52px;
    line-height: 26px;
    margin: 15px 0;
    padding-left: 13px;
    vertical-align: middle;
}

.blog_area img {
    margin: 20px 0 15px;
    width: 100%;
}

.caption.blog_caption {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    position: relative;
}

.caption.blog_caption h4 {
    color: #333333;
    padding: 10px 0;
}

.caption.blog_caption {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    position: relative;
}


/*---------------------------contact Strip------------------------*/

.contact_strip {
    background-image: url(../images/contact_bg.png);
    height: 125px;
    width: 100%;
    /*    margin-bottom:50%;*/
}

.contact_caption p {
    color: #ffffff;
    display: table-cell;
    font-family: Allura-Regular;
    font-size: 42px;
    height: 120px;
    padding-top: 10px;
    vertical-align: middle;
    width: 1%;
}

.contact_caption span {
    color: #ffd200;
}

.divider::before {
    border-right: 1px solid #ffffff;
    content: "";
    height: 68px;
    position: absolute;
    right: 0;
    top: 30px;
}

.wats_up > p {
    color: #f4d200;
    display: table-cell;
    font-family: montserrat-regular;
    font-size: 24px;
    height: 120px;
    text-align: center;
    vertical-align: middle;
    width: 1%;
}

.wats_up i {
    color: #f4d200;
    font-size: 40px;
    padding-right: 15px;
    position: relative;
    top: 5px;
}

.divider::after {
    border-right: 3px solid #ffffff;
    bottom: 0;
    content: "";
    height: 32px;
    position: absolute;
    right: -1px;
    top: 47px;
}

.wats_up span {
    color: #ffffff;
    font-size: 20px;
}


/*---------------------------Footer Strip------------------------*/

.footer_menu {
    padding: 10px 0 30px;
}

.topadding {
    padding: 30px 0;
}

.connect > p {
    font-size: 26px;
    line-height: 26px;
    text-transform: uppercase;
    font-family: 'Montserrat-Bold';
    color: #3C4447;
    text-align: right;
    padding: 13px 0;
}

.social_icons li {
    float: left;
    margin-right: 10px;
}

.social_icons li i {
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 24px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
    width: 50px;
    transition: 0.5s;
}

.social_icons li i:hover.cus_fbicons {
    background: #fff none repeat scroll 0 0;
    color: #4268B3;
    border: 1px solid #4268B3;
    transition: 0.5s;
}

.social_icons li i:hover.cus_instaicons {
    background: #fff none repeat scroll 0 0;
    color: #9F4AC9;
    border: 1px solid #9F4AC9;
    transition: 0.5s;
}

.social_icons li i:hover.cus_ytubeicons {
    background: #fff none repeat scroll 0 0;
    color: #E62E2E;
    border: 1px solid #E62E2E;
    transition: 0.5s;
}

.social_icons a {
    text-decoration: none;
}

.cus_fbicons {
    background: #4268B3 none repeat scroll 0 0;
    border: 1px solid #4268B3;
    transition: 0.5s;
}

.cus_instaicons {
    background: #9F4AC9 none repeat scroll 0 0;
    border: 1px solid #9F4AC9;
    transition: 0.5s;
}

.cus_ytubeicons {
    background: #E62E2E none repeat scroll 0 0;
    border: 1px solid #E62E2E;
    transition: 0.5s;
}

.get > p {
    font-size: 26px;
    line-height: 26px;
    text-transform: uppercase;
    font-family: 'Montserrat-Bold';
    color: #42484B;
}

.get span {
    color: #a98743;
    display: block;
}

.footer_email {
    margin: 10px 0;
    position: relative;
}

.footer_email input {
    background: #ededed none repeat scroll 0 0;
    border: 1px solid #c8c8c8;
    border-radius: 25px;
    color: #888888;
    font-size: 14px;
    line-height: 25px;
    padding: 6px 20px;
    width: 100%;
    font-family: 'Roboto-Regular';
}

.footer_email button {
    background: #9f7730 none repeat scroll 0 0;
    border: medium none;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 5px;
    text-align: center;
    top: 5px;
    width: 30px;
}
.footer_new{
    font-family: "Roboto-Bold";
    font-weight: normal;
}
.footer_new p{
    line-height: 22px;
}
.footer_new > h2 {
    color: #424242;
    display: table-cell;
    font-family: "Roboto-Bold";
    font-size: 18px;
    height: 40px;
    margin: 15px 0;
    padding-left: 15px;
    text-transform: capitalize;
    vertical-align: middle;
    width: 1%;
    text-decoration: underline;
}

.footer_nav > h3 {
    border-left: 3px solid #71bf45;
    color: #424242;
    display: table-cell;
    font-family: "Roboto-Bold";
    font-size: 18px;
    height: 40px;
    margin: 15px 0;
    padding-left: 15px;
    text-transform: capitalize;
    vertical-align: middle;
    width: 1%;
}

.footer_nav li::before {
    color: #636363;
    content: "-";
    font-size: 18px;
    padding-right: 15px;
}

.conttact li:before {
    display: none;
}

.footer_nav li {
    padding: 5px 0;
}

.footer_nav > ul {
    padding: 20px 0;
}

.footer_nav a {
    color: #424242;
    display: inline-block;
    font-size: 14px;
    line-height: 25px;
    text-decoration: none;
    font-family: 'Roboto-Regular';
    transition: 0.5s;
}

.footer_nav a:hover {
    padding-left: 5px;
    transition: 0.5s;
    color: #704510;
}

.footer_nav p {
    color: #424242;
    display: block;
    font-family: "Roboto-Regular";
    font-size: 14px;
    line-height: 25px;
    padding-bottom: 15px;
    text-decoration: none;
}

.adress_icons {
    display: block;
    float: left;
    width: 10%;
}

.adress {
    float: left;
    width: 90%;
}

.adress_icons span {
    color: #336a87;
    font-size: 20px;
}

.copyright {
    border-top: 1px solid #dbdbdb;
    padding: 15px 0;
}

.copyright_left > p {
    color: #5D5D5D;
    font-size: 14px;
    line-height: 25px;
    text-align: left;
    font-family: "Roboto-Regular";
}

.copyright_right > p {
    color: #5D5D5D;
    font-size: 14px;
    line-height: 25px;
    text-align: right;
    font-family: "Roboto-Regular";
}


/****************INNER PAGE CSS STARTS HERE********************/

.inner_banner {
    background-color: #ccc;
    background-image: url("../images/inner_banner.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 350px;
}

.appointment {
    padding: 25px 0;
}

.appontment_widget {
    background: #f2f2f2 none repeat scroll 0 0;
    border-radius: 50px;
    display: table;
    margin: 0 auto;
    padding: 10px 50px;
}

.appontment_widget > p {
    font-size: 20px;
    line-height: 25px;
    padding: 5px 0;
    font-family: 'Montserrat-Bold';
    text-transform: uppercase;
    color: #2A2A28;
}

.appontment_widget span {
    background: #ab8b4e none repeat scroll 0 0;
    border-radius: 25px;
    color: #2a2a28;
    display: inline-block;
    font-family: "Roboto-Bold";
    font-size: 14px;
    margin: 0 30px;
    padding: 5px 25px;
    text-align: center;
    text-transform: capitalize;
}

.appontment_widget a {
    color: #2A2A28;
    text-decoration: none;
}

.content_area {
    padding: 20px 0;
}

.inner_title {
    padding-bottom: 20px;
}

.inner_title h2 {
    color: #a07930;
    font-family: "montserrat-bold";
    font-size: 32px;
    line-height: 40px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}

.inner_title h2::before {
    border-bottom: 3px solid #bfbfbf;
    border-radius: 52px;
    bottom: 0;
    content: "";
    height: 5px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    width: 312px;
}

.inner_title span {
    border-bottom: 2px solid #dedede;
    color: #7e7e7e;
    display: table;
    font-family: "Roboto-Regular";
    font-size: 14px;
    margin: 0 auto;
    padding-bottom: 10px;
    text-transform: capitalize;
}

.inner_entry {
    min-height: 400px;
}

.inner_entry h3 {
    color: #486361;
    font-size: 20px;
    line-height: 25px;
    padding: 10px 0;
    text-transform: uppercase;
    font-family: "montserrat-bold";
}

.inner_entry h4 {
    color: #486361;
    font-size: 18px;
    line-height: 25px;
    padding: 10px 0;
    text-transform: uppercase;
    font-family: "montserrat-bold";
}

.inner_entry h5 {
    color: #486361;
    font-size: 16pxpx;
    line-height: 25px;
    padding: 10px 0;
    text-transform: uppercase;
    font-family: "montserrat-bold";
}

.inner_entry h6 {
    color: #486361;
    font-size: 14px;
    line-height: 25px;
    padding: 10px 0;
    text-transform: uppercase;
    font-family: "montserrat-bold";
}

.inner_entry p {
    font-size: 14px;
    line-height: 25px;
    padding: 5px 0;
    font-family: "Roboto-Regular";
    text-align: justify;
    color: #525252;
}

.right_content_widget {
    background: #f2f2f2 none repeat scroll 0 0;
    padding: 0px 20px;
}

.right_quicklnks {
    padding: 5px 0;
}

.right_quicklnks h2 {
    font-size: 22px;
    line-height: 25px;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Montserrat-Bold';
    color: #556B6A;
}

.right_quicklnks li {
    background: #d5c9b1 none repeat scroll 0 0;
    display: table;
    margin: 10px 0;
    width: 100%;
}

.right_quicklnks li::before {
    background: #9F7930 none repeat scroll 0 0;
    content: "\f178";
    font-family: 'FontAwesome';
    font-size: 18px;
    color: #fff;
    float: left;
    margin-right: 10px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
}

.right_quicklnks a {
    color: #464544;
    display: block;
    font-family: "Roboto-Regular";
    font-size: 14px;
    height: 45px;
    padding: 15px 0 0 60px;
    text-decoration: none;
}

.counc_details img {
    border: 4px solid #F8CA79;
    border-radius: 50%;
    display: table;
    margin: 15px auto 0;
    padding: 3px;
}

.counc_details > h3 {
    font-size: 20px;
    line-height: 25px;
    padding: 10px 0;
    text-align: center;
    color: #6F6B64;
    font-family: 'montserrat-bold';
    text-transform: uppercase;
}

.counc_details span {
    display: block;
    font-size: 12px;
    font-style: italic;
    font-family: "Roboto-Regular";
    text-transform: capitalize;
}

.counc_details > p {
    color: #706c63;
    font-family: "Roboto-Regular";
    font-size: 14px;
    height: 100px;
    line-height: 24px;
    overflow: hidden;
    padding: 5px 0;
    text-align: justify;
}

.couns_read {
    display: table;
    margin: 20px auto;
}

.couns_read > a {
    background: #e5e5e5 none repeat scroll 0 0;
    border-radius: 50px;
    font-family: "Roboto-Bold";
    font-size: 14px;
    height: auto;
    line-height: 23px;
    padding: 8px 40px 8px 15px;
    text-align: center;
    position: relative;
    color: #817E77;
}

.couns_read a i {
    background: #9F792F none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    float: right;
    height: 30px;
    line-height: 30px;
    position: absolute;
    top: 5px;
    width: 30px;
    right: 0;
}

.blog_sliderimg {
    border: 3px solid #fff;
    margin: 10px 0 0;
    padding: 0;
}

.overallslidr {
    clear: both;
    display: table;
    width: 100%;
}


/****************INNER PAGE CSS ENDS HERE********************/


/****************BLOG PAGE CSS STARTS HERE********************/

.blog_title {
    padding-bottom: 20px;
}

.blog_title h2 {
    color: #a07930;
    font-family: "montserrat-bold";
    font-size: 32px;
    line-height: 40px;
    position: relative;
    text-align: left;
    text-transform: uppercase;
}

.blog_title h2::before {
    border-bottom: 3px solid #bfbfbf;
    border-radius: 52px;
    bottom: 0;
    content: "";
    height: 5px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    width: 235px;
}

.blog_title span {
    border-bottom: 2px solid #dedede;
    color: #7e7e7e;
    display: inline-block;
    font-family: "Roboto-Regular";
    font-size: 14px;
    padding-left: 10px;
    padding-bottom: 0px;
    text-transform: capitalize;
}

.blog_category_left {
    float: left;
    height: 100%;
    width: 70%;
}

.blog_category_right {
    float: left;
    height: 100%;
    width: 30%;
}

.blog_category_left > p {
    color: #000;
    font-family: "Roboto-Bold";
    font-size: 20px;
    line-height: 25px;
    padding: 10px 0;
    text-transform: capitalize;
    text-align: left;
    float: left;
}

.blog_category_right > a {
    color: #fa8b6f;
    display: inline-block;
    float: right;
    font-family: "Roboto-regular";
    font-size: 14px;
    font-style: italic;
    line-height: 25px;
    padding: 10px 0;
    text-align: right;
    text-decoration: none;
}

.seacrfrm {
    float: left;
    margin: 5px 0 0 15px;
    width: 80%;
}

.seacrfrm select {
    border: 1px solid #E2E2E2;
    background: #ECECEC;
    color: #333;
    font-family: "Roboto-Regular";
    font-size: 14px;
    line-height: 25px;
    padding: 5px 20px;
    width: 50%;
}

.seacrfrm input {
    color: #333;
    font-family: "Roboto-Regular";
    font-size: 14px;
    line-height: 20px;
    padding: 5px 20px;
    border: 1px solid #E2E2E2;
    background: #cdcdcd none repeat scroll 0 0;
}

.blog_category {
    display: table;
    margin: 10px 0;
    width: 100%;
}

.blog.contentarea {
    display: table;
    margin: 10px 0;
    width: 100%;
}

.blog.contentarea li {
    float: left;
    margin: 3% 5% 3% 0;
    width: 45%;
}

.blog_img img {
    width: 100%;
}

.blog_img {
    padding-bottom: 10px;
}

.blogs_title {
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 10px;
}

.blogs_title h4 {
    color: #303030;
    font-family: "Roboto-Regular";
    font-size: 18px;
    height: 50px;
    line-height: 25px;
    margin: 10px 0;
    overflow: hidden;
}

.blogs_title > p {
    color: #B9B9B9;
    display: block;
    font-size: 20px;
    line-height: 25px;
    padding: 5px 0;
    font-family: 'Allura-Regular';
}

.blog_excertdetails > p {
    color: #333;
    font-family: "Roboto-Regular";
    font-size: 14px;
    height: 100px;
    line-height: 25px;
    margin: 10px 0;
    overflow: hidden;
    text-align: justify;
}

.blogmore > a {
    background: #AC8C4F none repeat scroll 0 0;
    border-radius: 30px;
    color: #fff;
    display: block;
    font-family: "Roboto-Regular";
    font-size: 14px;
    line-height: 20px;
    padding: 10px 25px;
    text-align: center;
    text-decoration: none;
}

.blogmore {
    float: left;
    margin: 10px 0;
}

.blogmore a i {
    display: inline-block;
    font-size: 16px;
    padding-right: 10px;
    text-align: center;
}

.blog_lists > h2 {
    background: #f8efea none repeat scroll 0 0;
    color: #232121;
    font-family: "Montserrat-Regular";
    font-size: 16px;
    line-height: 25px;
    margin: 20px 0;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
}

.recent_blog {
    position: relative;
}

.recent_blog img {
    width: 100%;
}

.recent_blg_title {
    background: rgba(72, 97, 215, 0.9) none repeat scroll 0 0;
    display: block;
    height: 120px;
    left: 10%;
    margin: 0 auto;
    position: absolute;
    right: 10%;
    top: 65%;
    transform: translateX(0%);
    width: auto;
    padding: 20px;
}

.recent_blg_title > h5 {
    color: #fed53b;
    display: block;
    font-family: 'Montserrat-Regular';
    font-size: 16px;
    height: 40px;
    line-height: 20px;
    margin: 10px 0;
    overflow: hidden;
    text-align: center;
}

.recent_blg_title > p {
    color: #ebedf9;
    font-size: 20px;
    line-height: 20px;
    padding: 5px 0;
    text-align: center;
    text-transform: capitalize;
    font-family: 'Allura-Regular';
}

.blog_lists {
    margin: 10px 0;
}

.blog_lists li {
    display: table;
    margin-bottom: 100px;
    width: 100%;
}

.blog_listsmore {
    display: table;
    margin: 10px auto;
}

.blog_listsmore > a {
    background: #ac8c4f none repeat scroll 0 0;
    border-radius: 25px;
    color: #fff;
    display: block;
    font-family: "Roboto-Regular";
    font-size: 16px;
    line-height: 20px;
    padding: 10px 30px;
    text-align: center;
    text-decoration: none;
}

.blog_listsmore a i {
    font-size: 16px;
    padding-right: 10px;
}
.search-container {
    position: relative;
}
.blog_search .search-container input {
  background: #f7f7f7 none repeat scroll 0 0;
    border: 1px solid #f1f1f1;
    color: #333;
    font-family: "Roboto-Regular";
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    width: 85%;
}
.blog_search .search-container button {
    background: #998675 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    cursor: pointer;
    width: 40px;
}
.blog_search {
    display: table;
    margin: 20px 0;
    width: 100%;
}

.blog_lists > p {
    line-height: 25px;
    padding: 10px 0;
    text-align: center;
    font-family: "Roboto-Regular";
    color: #9E9E9E;
    font-size: 14px;
}

.blog_social > li {
    display: block;
    float: left;
    margin: 0;
    width: auto;
}
/****************BLOG PAGE CSS ENDS HERE********************/
.customLi{
    list-style: circle;
}
.customLi > li{
    font-family: "Roboto-Regular";
    color: #5c5b5b;
    font-size: 14px;
    line-height: 25px;
    margin-left: 25px;
}

.pContent{
    font-family: "Roboto-Regular";
    color: #7e7e7e;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    padding-bottom: 20px;
}

.pContentHead{
    font-family: "Roboto-Regular";
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    padding: 5px 0px;
    font-weight: bold;
    background: #32afc9;
}

/* team */

#team .section-title {
    text-align: center;
    color: #007b5e;
    margin-bottom: 50px;
    text-transform: uppercase;
}

#team .card {
    border: none;
    background: #ffffff;
}

.image-flip:hover .backside,
.image-flip.hover .backside {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    border-radius: .25rem;
}

.image-flip:hover .frontside,
.image-flip.hover .frontside {
    /*-webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);*/
}

.mainflip {
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
    position: relative;
}

.frontside {
    position: relative;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    z-index: 2;
    margin-bottom: 30px;
    -webkit-box-shadow: 5px 7px 9px 4px rgb(158, 158, 158);
    -moz-box-shadow: 5px 7px 9px 4px rgb(158, 158, 158);
    box-shadow: 5px 7px 9px 4px rgb(158, 158, 158);
}

.backside {
    position: absolute;
    top: 0;
    left: 0;
    background: white;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}

.frontside,
.backside {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 1s;
    -moz-transform-style: preserve-3d;
    -o-transition: 1s;
    -o-transform-style: preserve-3d;
    -ms-transition: 1s;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
}

.frontside .card,
.backside .card {
    min-height: 112px;
}

.backside .card a {
    font-size: 18px;
    color: #4A85A7 !important;
}

.frontside .card .card-title,
.backside .card .card-title {
    color: #4A85A7 !important;
}

.frontside .card .card-body img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
}