html {
  font-size: 62.5%;
  overflow-x:hidden;
    font-family: 'Source Sans Pro', sans-serif;
}

/* Small devices (landscape phones, 576px and up) */

.address_detail_grid, .left_animation{
    overflow-x:hidden;
}
@media (max-width: 576px) {
html {
  font-size: 45%;
}
}

/*  Medium devices (tablets, 768px and up) */

@media (max-width: 768px) {
html {
  font-size: 46%;
}
}

/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) { }

/* Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) { }




:root {
    --Prim: #ED3A89;
    --Primlight: #def0fc;
    --dark: #37322e;
    --ligh: #f7ebf1;
    --darktxt: #37322e;
    --accdarktxt: #4d4d4d;
    --uniradius: 6px;
}

body {
  font-size: 1.6rem;
  font-family: 'Source Sans Pro', sans-serif;
  color: var(--dark);
  font-weight: 300;
}

.text-muted{
    color:#212121 !important;
}
 h2 {
	font-size: 5.3rem;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:300;
 }
 h3{
   font-weight: 300;
    font-size: 2.5rem;
	font-family: 'Source Sans Pro', sans-serif;
 }

 h1 small {
    font-size: 45% !important;
    color: var(--Prim);

}
.title small{ line-height: 33px;
    /* line-height: 80%; */
    position: absolute;}
 h4{
	font-size: 36px ;
  font-weight: 300;
				}
.left_animation{
	overflow-x:hidden !important;
}

input:not([type='checkbox']):not([type='radio']), textarea, select {
    outline: none;
	border-radius:var(--uniradius);
    font: inherit;
    width: 100%;

    line-height: 3.25;
	/* margin-bottom: 1.25em; */
	margin-right: -.438em;
    line-height: 1;
    width: 100%;
    display: block;
    padding: 10px 24px;
    background: var(--ligh);
    color: inherit;
	font-size: 1em;
     border: none;
    box-shadow: 1px 1px 3px 1px rgb(34 34 34 / 20%);
	transition: all .25s;
 }

 input[type=submit]{
	background: linear-gradient(to right,var(--Prim) 51%,var(--Prim) 100%) !important;
	color: var(--ligh) !important;
    font-family: "Yantramanav",Arial,Helvetica,sans-serif;
	border: 3px solid var(--Prim) !important;
 }
.hilight a{
	font: inherit;
	outline: none;
    line-height: 10px;
	font-size: 1em;
    display: block;
    color: inherit;
    padding: 12px 8px;
	white-space: initial;
	margin-right: -.438em;
	border-radius: var(--uniradius);
    border: 0; background: transparent;
    box-shadow: 1px 1px 3px 1px rgb(34 34 34 / 20%);
	margin-left:20px;
	align-items: center;
    font-weight: 500;
    color: var(--ligh)!important;
    border: 3px solid var(--Prim);
    background : var(--Prim);
    transition: all .25s;
    font-family: "Yantramanav",Arial,Helvetica,sans-serif;
	transition: all .25s;
	border: 3px solid var(--Prim);
}
 .btn{
    font: inherit;
	outline: none;
    line-height: 10px;
	font-size: 1em;
    display: block;
    color: inherit;
    line-height: 3.25;
    padding: 0px 8px;
	white-space: initial;
	margin-right: 0em;
	margin-bottom: 1.25em;
	border-radius: var(--uniradius);
    border: 3px solid transparent;
   /* border: 0; background: transparent; */
    box-shadow: 1px 1px 3px 1px rgb(34 34 34 / 20%);
 }
.btn-primary{
    align-items: center;
    font-weight: 500;
    color: var(--ligh)!important;
    border: 3px solid var(--Prim);
    background: var(--Prim);
    transition: all .25s;
    font-family: "Yantramanav",Arial,Helvetica,sans-serif;
	transition: all .25s;
	border: 3px solid var(--Prim);
}
.btn-primary:hover ,input:not([type='checkbox']):not([type='radio']):hover {
	 background: var(--ligh) !important;
	color: var(--Prim) !important;
	transition: all .25s;
}
.btn-primary:hover{
	    border-color: var(--Prim);
}
.btn-secondary{
    align-items: center;
    font-weight: 500;
    color: var(--dark)!important;
    border: 3px solid var(--Prim);
    background: var(--ligh);
    transition: all .25s;
    font-family: "Yantramanav",Arial,Helvetica,sans-serif;
	transition: all .25s;
	border: 3px solid var(--dark);
}
.btn-secondary:hover{
	background: var(--dark) !important;
	color: var(--ligh) !important;
	transition: all .25s;

}

.btn-outline-primary{
    border-color: var(--ligh) !important;
}

.btn-outline-primary:hover{
    background-color: #ffffff;
    color:var(--Prim) !important;
}
.bg-primary{
	background: var(--Prim) !important;
}

.text-primary{
	 color:var(--Prim) !important;
}

.current_page_item a {
	/* border-radius: var(--uniradius); */
    border: 0;
    /* background: #0367af33; */
    font-family: "Yantramanav",Arial,Helvetica,sans-serif;
    /* border: 3px solid #0367af4d; */
}
/* Row with no container*/


.current_page_item a:after {
      content: "";
      width:30px;
      height:3px;
	  border-radius:10px;
      background-color:#ed3a89;
      position: absolute;
	  margin-left: -60px;
      bottom:-1px;
    }

	.scrolled .current_page_item a:after {
      background-color:var(--Prim);
    }
.no_container{
	width:100%;
	margin-right: 0px !important;
    margin-left: 0px !important;
}

.btn-primary.focus, .btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus{
	box-shadow:none;
}
.overflow-hidden{
	overflow:hidden;
}


/*
*
*
Common CSS Ends here
*
*
*/
nav .top-bar {
	background: var(--Prim);
    padding: 10px 0;
    position: fixed;
    width: 100%;
    top: 0;
}
nav .top-bar .news {
    font-size: 14px;
}
nav .top-bar .news span.stat {
    font-size: 12px;
    color: #fff;
    background: var(--Prim);
    padding: 5px 7px;
    border-radius: 4px;
    margin-right: 5px;
}

.scrolled .top-bar {
	display:none;
}
nav .top-bar .news a {
    position: relative;
    color: var(--ligh);
    font-weight: 600;
    display: inline-block;
    max-width: 280px;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* overflow: hidden; */
    vertical-align: middle;
    -webkit-transition: color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
/* nav .top-bar .news a::after { */
    /* content: "\f105"; */
    /* right: 0; */
    /* margin-left: 10px; */
    /* display: inline-block; */
    /* font: normal normal normal 14px/1 FontAwesome; */
    /* font-size: inherit; */
    /* text-rendering: auto; */
    /* -webkit-font-smoothing: antialiased; */
    /* -moz-osx-font-smoothing: grayscale; */
/* } */
nav .top-bar .news a:hover {
    color: var(--Prim);
}
nav .top-bar ul.links li:not(:last-child) {
    margin-right: 20px;
}
nav .top-bar ul.links li a {
    font-size: 14px;
    color: var(--ligh);
    font-weight: 600;
    -webkit-transition: color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
nav .top-bar ul.links li a:hover {
    color: var(--Prim);
}
nav {
    background: 0 0;
	background-image: linear-gradient(180deg, #0000003b 0%, #80d0c700 100%);
    position: fixed !important;
    z-index: 999;
    width: 100%;
    padding: 20px 0 0px 0 !important;
    -webkit-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.navbar-brand {
    color: var(--ligh);
    font-weight: 700;
}
.navbar-brand:hover {
    opacity: 0.8;
    color: var(--ligh);
    font-weight: 700;
}
nav .navbar-brand img {
    height: 30px;
    transform: scale(1.5);
    margin-left: 15px;
    transition: all 0.5s linear;
    width: auto;
}
.scrolled .navbar-brand img {
    height: 30px;
    transform: scale(1);
	margin-left: 0px;
}

nav li.nav-item > a.nav-link {
  font-weight: 500;
    color: #ed3a89;
    text-transform: uppercase !important;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
	/* filter: drop-shadow(0px 0px 4px #666666); */
    /* -webkit-transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); */
    transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.scrolled li.nav-item > a.nav-link{
	    color: var(--Prim);
	filter: drop-shadow(0px 0px 4px #0e69a800);
}
nav li.nav-item > a.nav-link.dropdown-toggle::after {
    position: relative;
    content: "\f107";
    color: var(--Prim);
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: none;
    width: auto;
    height: auto;
    margin-left: 7px;
    vertical-align: middle;
    -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
nav li.nav-item.show > a.nav-link.dropdown-toggle::after {
    content: "\f106";
}
nav li.nav-item.show > a.nav-link,
nav li.nav-item:not(.user-item) > a.nav-link:hover {
    opacity: 0.8;
}
nav li.nav-item > .dropdown-menu {
    padding: 15px 0;
    min-width: 300px;
    top: 45px;
    left: -50%;
    border-radius:5px;
	border:none;
    box-shadow: 0 4px 9px 0 rgba(67, 65, 79, 0.1);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

nav li.nav-item > .dropdown-menu::before {
    content: "";
    position: absolute;
    top: -7px;
    right: 3px;
    width: 17px;
    height: 17px;
    -webkit-transform: translate(-50%, 0) rotate(-315deg);
    transform: translate(-50%, 0) rotate(-315deg);
    border-radius: 3px;
    background-color: #fff;
}
.dropdown-item {
    display: block;
    padding: 8px 15px;
    width: 100%;
    clear: both;
    font-weight: 400;
    font-size: 14px;
    color: #333;
    text-align: inherit;
    white-space: break-spaces;
    background-color: transparent;
    border: 0;
}
nav li.nav-item > .dropdown-menu > a.dropdown-item {
    padding: 10px 15px 10px 20px;
    font-size: 15px;
    position: relative;
    text-align: left;
    text-transform: capitalize;
    color: #2c2f3e;
    background: #fff;
    overflow: hidden;
}
nav li.nav-item > .dropdown-menu > a.dropdown-item::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background: var(--Prim);
    -webkit-transition: width 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: width 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
nav li.nav-item > .dropdown-menu > a.dropdown-item img {
    margin-right: 15px;
    width: 30px;
}
nav li.nav-item > .dropdown-menu > a.dropdown-item span.name {
    font-size: 15px;
    padding-right: 40px;
    font-weight: 700;
    color: #666;
}
nav li.nav-item > .dropdown-menu > a.dropdown-item:hover {
    background-color: var(--ligh);
}
nav li.nav-item > .dropdown-menu > a.dropdown-item:hover::before {
    width: 2px;
}
nav li.nav-item.user-item > a.nav-link {
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    padding: 8px 16px 8px;
    -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
nav li.nav-item.user-item > a.nav-link:hover {
    color: var(--Prim);
    background: #fff;
}
nav.custom, nav.scrolled {
    background: linear-gradient(to top,rgb(255 255 255) 0%,rgb(255 255 255 / 53%) 100%) !important;
    padding: 20px 0 20px 0 !important;
	backdrop-filter: blur(10px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
	box-shadow: 0 10px 45px rgb(0 0 0 / 20%);
}
@media (max-width: 991.98px) {
    nav {
        background: 0 0;
        padding: 12px 0 12px 0 !important;
        box-shadow: none;
    }
    nav::before {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        right: 0;
        height: 60px;
        z-index: -1;
    }
    nav .navbar-brand img {
        height: 26px;
    }
    nav.custom,
    nav.scrolled {
        background: 0 0;
        /* padding: 12px 0 12px 0 !important; */
        box-shadow: none;
    }

    nav li.nav-item.user-item > a.nav-link,
    nav li.nav-item > a.nav-link {
        padding: 12px 0;
    }
    nav li.nav-item > a.nav-link.dropdown-toggle {
        position: relative;
    }
    nav li.nav-item > a.nav-link.dropdown-toggle::after {
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 24px;
        height: 24px;
        background: var(--Prim);
        display: -webkit-inline-box;
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        float: right;
    }
    nav li.nav-item.user-item > a.nav-link,
    nav li.nav-item > .dropdown-menu > a.dropdown-item,
    nav li.nav-item > a.nav-link {
        color: var(--ligh);
        font-size: 14px;
        font-weight: 700;

    }
    nav li.nav-item > .dropdown-menu {
        min-width: auto;
        top: 0;
        left: auto;
        -webkit-transform: none;
        transform: none;
        box-shadow: none;
        border: 0;
        padding: 5px 0 5px 10px;
    }
    nav li.nav-item > .dropdown-menu::before {
        display: none;
    }
    nav li.nav-item > .dropdown-menu > a.dropdown-item {
        padding: 8px 0;
    }
    nav li.nav-item > .dropdown-menu > a.dropdown-item::before {
        display: none;
    }
    nav li.nav-item > .dropdown-menu > a.dropdown-item:hover {
        background: #fff;
    }
    nav li.nav-item > .dropdown-menu > a.dropdown-item span.name {
        font-size: 12px;
        color: #666;
        font-weight: 600;
    }
    nav li.nav-item > .dropdown-menu > a.dropdown-item:hover span.name {
        color: var(--dark);
    }
    nav li.nav-item.user-item > a.nav-link {
        border-width: 0 0 1px;
        border-radius: 0;
        padding: 8px 0;
    }
    .navbar-collapse {
        position: fixed;
        top: 60px;
        width: 100%;
        left: 0;
        background: rgba(0, 0, 0, 0.3);
        height: 100vh;
    }
    nav .navbar-nav {
        padding: 30px;
        width: calc(100% - 30px);
        margin: 0 auto;
        margin-top: 15px;
        background: #fff;
        border-radius: 5px;
        max-width: 690px;
        overflow: auto;
        max-height: 85%;
        display: block;
    }
    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid {
        padding: 0 15px;
    }
    nav .navbar-toggler {
        position: relative;
        width: 30px;
        height: 30px;
        font-size: 17px;
        vertical-align: middle;
        padding: 0;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        text-align: right;
        outline: 0 !important;
        text-decoration: none !important;
        font-weight: 700;
        background: 0 0;
        -webkit-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }
    nav .navbar-toggler span {
        position: absolute;
        width: 30px;
        height: 2px;
        top: 50%;
        left: 50%;
        background: var(--Prim);
        border-radius: 5px;
        overflow: hidden;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }
    nav .navbar-toggler.collapsed span::before {
        content: "";
        position: absolute;
        width: 0;
        height: 100%;
        top: 0;
        right: 0;
        background: gray;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }
    nav .navbar-toggler.collapsed span:nth-child(1) {
        -webkit-animation: span-first-off 0.5s ease-in-out;
        animation: span-first-off 0.5s ease-in-out;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        top: 40%;
    }
    nav .navbar-toggler.collapsed span:nth-child(2) {
        -webkit-animation: span-second-off 0.5s ease-in-out;
        animation: span-second-off 0.5s ease-in-out;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }
    nav .navbar-toggler.collapsed span:nth-child(3) {
        -webkit-animation: span-third-off 0.5s ease-in-out;
        animation: span-third-off 0.5s ease-in-out;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        top: 60%;
    }
    nav .navbar-toggler:hover span::before {
        width: 100%;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }
    nav .navbar-toggler span:nth-child(1) {
        -webkit-animation: span-first-on 0.5s ease-in-out;
        animation: span-first-on 0.5s ease-in-out;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        top: 50%;
    }
    nav .navbar-toggler span:nth-child(2) {
        -webkit-animation: span-second-on 0.5s ease-in-out;
        animation: span-second-on 0.5s ease-in-out;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }
    nav .navbar-toggler span:nth-child(3) {
        -webkit-animation: span-third-on 0.5s ease-in-out;
        animation: span-third-on 0.5s ease-in-out;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        top: 50%;
    }
    @-webkit-keyframes span-first-on {
        0% {
            -webkit-transform: translate(-50%, -300%);
            transform: translate(-50%, -300%);
        }
        30% {
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }
        100% {
            -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
        }
    }
    @keyframes span-first-on {
        0% {
            -webkit-transform: translate(-50%, -300%);
            transform: translate(-50%, -300%);
        }
        30% {
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }
        100% {
            -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
        }
    }
    @-webkit-keyframes span-first-off {
        0% {
            -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
        }
        30% {
            -webkit-transform: translate(-50%, -50%) rotate(0);
            transform: translate(-50%, -50%) rotate(0);
        }
        100% {
            -webkit-transform: translate(-50%, -300%);
            transform: translate(-50%, -300%);
        }
    }
    @keyframes span-first-off {
        0% {
            -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
        }
        30% {
            -webkit-transform: translate(-50%, -50%) rotate(0);
            transform: translate(-50%, -50%) rotate(0);
        }
        100% {
            -webkit-transform: translate(-50%, -300%);
            transform: translate(-50%, -300%);
        }
    }
    @-webkit-keyframes span-second-on {
        0% {
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }
        25% {
            background: gray;
        }
        50% {
            -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
        }
        100% {
            -webkit-transform: translate(-150%, -50%) scale(0);
            transform: translate(-150%, -50%) scale(0);
        }
    }
    @keyframes span-second-on {
        0% {
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }
        25% {
            background: gray;
        }
        50% {
            -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
        }
        100% {
            -webkit-transform: translate(-150%, -50%) scale(0);
            transform: translate(-150%, -50%) scale(0);
        }
    }
    @-webkit-keyframes span-second-off {
        0% {
            -webkit-transform: translate(-150%, -50%) scale(0);
            transform: translate(-150%, -50%) scale(0);
        }
        25% {
            background: gray;
        }
        50% {
            -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
        }
        100% {
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }
    }
    @keyframes span-second-off {
        0% {
            -webkit-transform: translate(-150%, -50%) scale(0);
            transform: translate(-150%, -50%) scale(0);
        }
        25% {
            background: gray;
        }
        50% {
            -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
        }
        100% {
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }
    }
    @-webkit-keyframes span-third-on {
        0% {
            -webkit-transform: translate(-50%, 200%);
            transform: translate(-50%, 200%);
        }
        30% {
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }
        100% {
            -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
        }
    }
    @keyframes span-third-on {
        0% {
            -webkit-transform: translate(-50%, 200%);
            transform: translate(-50%, 200%);
        }
        30% {
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }
        100% {
            -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
        }
    }
    @-webkit-keyframes span-third-off {
        0% {
            -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
        }
        30% {
            -webkit-transform: translate(-50%, -50%) rotate(0);
            transform: translate(-50%, -50%) rotate(0);
        }
        100% {
            -webkit-transform: translate(-50%, 200%);
            transform: translate(-50%, 200%);
        }
    }
    @keyframes span-third-off {
        0% {
            -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
        }
        30% {
            -webkit-transform: translate(-50%, -50%) rotate(0);
            transform: translate(-50%, -50%) rotate(0);
        }
        100% {
            -webkit-transform: translate(-50%, 200%);
            transform: translate(-50%, 200%);
        }
    }
}
@media (max-width: 767.98px) {
    nav .navbar-nav {
        overflow: auto;
        max-width: 510px;
        max-height: 85%;
        display: block;
    }
}
@media (max-width: 575.98px) {

}

.browse_all_nav_link {
    background: var(--Prim) !important;
}
.browse_all_nav_link a {
    color: #ffffff !important;
    font-weight: 700 !important;
    text-align: center !important;
}

.browse_all_nav_link:hover {
    background: var(--dark) !important;
}

@media (max-width: 991.98px) {
	  nav .navbar-nav {
        max-width: 100%;
        overflow: auto;
        max-height: 85%;
        display: block;
    }

	nav li.nav-item > a.nav-link{
		filter: drop-shadow(0px 0px 4px #ffffff00) !important;
	}

	nav li.nav-item.user-item > a.nav-link, nav li.nav-item > .dropdown-menu > a.dropdown-item, nav li.nav-item > a.nav-link{
		color: var(--Prim);
	}


	/*.menu-item:last-child a{
	font: inherit;
	outline: none;
    line-height: 10px;
	font-size: 1em;
    display: block;
    color: inherit;
    padding: 12px 8px;
	white-space: initial;
	margin-right: -.438em;
	border-radius: var(--uniradius);
    border: 0; background: transparent;
    box-shadow: 1px 1px 3px 1px rgb(34 34 34 / 0%);
	margin-left:0px;
	align-items: center;
    font-weight: 500;
    color: var(--ligh)!important;
    border: 3px solid var(--Prim);
    background: var(--Prim);
    transition: all .25s;
    font-family: "Yantramanav",Arial,Helvetica,sans-serif;
	transition: all .25s;
	border: 3px solid var(--Prim);
	text-align:center;
} */


}

.topheader_txt a{
	font-size:1.4em;
	line-height: 15px;
    color: var(--ligh);
	margin-top: 10px;
	background: #e77e1d;
}
.topheader_txt a small{
	font-size:.85rem;
}

@-webkit-keyframes lds-ring {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes lds-ring {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


/*
Extra Nav bar added for perticularly for this theme
*/
.navbar-toggler{
	    right: 30px !important;
    position: absolute !important;
}

.callto_notice{
	position:absolute;
	right:30px;

}
.topheader_txt img{
	padding-right:10px;
	width:40px;
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:focus,
.dropdown-item:hover {
    background-color: var(--Prim) !important;
    color: var(--ligh) !important;
}

/*
*
*
navbar Section CSS Ends Here
*
*
*/



/*
*
*
*
Top slider banner Section Start here
*
*
*/

.feat_wraper{
	display:flex;
}
.banner_features {
	max-width:600px;
}
.banner_features li{
	width:50%;
	display: table-cell;

}
.banner_features li::before{
	font-family: 'Font Awesome 5 Free';
	font-size:40px;
	line-height:1;
    font-weight: 900;
    color: var(--ligh);
	display:block;
	position: absolute;
    margin-left: -50px;
}


.bt_bb_content_slider_item[class*="light_solid"]:before {
    background-color: rgba(255,255,255,.8);
}

.slide .slide__content{
	    top: 40% !important;
}

.slider_feature_icon{
	font-size:40px;
	position: relative;
	top: -55px;
	right: 40px;
	}
.slide__content--headings {
	max-width:600px;
}
.slide .slide__content--headings .title{
	color: var(--dark);
}
.slide .slide__content--headings .title{
	    font-weight: 400;
}

.slide .slide__content--headings .title{
	color: var(--dark);
	letter-spacing: 5px;
	text-transform:uppercase;
	font-size: 4.8rem; font-family: 'Source Sans Pro', sans-serif;
}
 /* Small devices (landscape phones, 576px and up) */

@media (max-width: 576px) {

.slide .slide__content--headings .title {
    font-size: 4.5rem;
}


 .banner_features li:last-child{margin-top: -40px;}

.slide .slide__content{
	    top: 25% !important;
}

}


/*  Medium devices (tablets, 768px and up) */

@media (min-width: 768px) { }

/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) { }

/* Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) { }




/*
*
*
*
Top slider banner Section end here
*
*
*/





/*
*
*
*
Book your appoinment section start here
*
*
*
*/
.service_icons div img{
	padding: 10px;
    background: #ffffff1f;
    width: 70px;
    height: 70px;
    border-radius: 5px;
    line-height: inherit;
    border: 4px solid #ffffff17;
}


.service_icons a img{
	padding: 10px;
    background: #e77b18;
    width: 70px;
    height: 70px;
    border-radius: 5px;
    line-height: inherit;
    border: 4px solid #ffffff61;
}
.service_icons a {
	color:#ffffff;
	text-decoration:none;
}


.contact_wraper{
	    background-size: cover;
		box-shadow: inset 0px 1px 2000000px 2000px rgb(12 20 28 / 60%);
}
.sec_block_quote{
	margin-top: -8.313em;
    z-index: 1;
    margin-bottom: 0em;
}
.block_quote{
			z-index:1;
			border-radius: var(--uniradius);
			color: var(--ligh);
			text-align: center;
			/* padding: 70px 0px 50px 0px; */
			background-color:var(--Prim);
	}


blockquote {
    display: block;
    margin: 0;
    font-size: 1.563em !important;
    /*font-family: "Playfair Display",Arial,Helvetica,sans-serif; */
    font-style: normal;
    line-height: 1.5;
    position: relative;
    padding: 0 1.25em;
    font-weight: 300;
    text-align: center;
}
.block_quote img{
	max-width:120px;
	height:auto;
	margin-top:1em;
	margin-bottom:1em;
}


blockquote p:first-child:after {
    content: "\201d" !important;
    margin-left: .16em;
margin-right: -.65em;
}

blockquote p:first-child:before, blockquote p:first-child:after {
    content: "\201c";
	font-size: 2em;
    display: inline-block;
    line-height: 0;
    transform: translateY(.25em);
}


blockquote:first-child:after  {
    margin-top: 30px;
}

blockquote:first-child:before  {
    margin-top: -30px;
}

.blockquote::after, .blockquote::before {
    content: "";
    left: 50%;
    margin-left: -100px;
    position: absolute;
    /* border-bottom: 2px solid #ffffff; */
    height: 2px;
    width: 200px;
}


/* form wrapper */

.form_wraper{
    margin-left: -7.34%;
	flex: 0 0 74% !important;
	max-width: 74% !important;
	backdrop-filter: blur(10px);
	padding: 40px 20px 40px 20px;
	border-radius: var(--uniradius);
	box-shadow: 0 10px 45px rgb(0 0 0 / 20%);
	background: linear-gradient(to top,rgb(255 255 255 / 0%) 0%,rgb(255 255 255 / 62%) 100%) !important;
	}
	.form_wraper .content{
				margin-left: 16%;
				padding-left: 20px;
				padding-right: 20px;
	}


				.form_wraper img{
				width:100%;
				}

				.form_wraper .content hr{
					margin-top: 2rem;
					margin-bottom: 2rem;
				}



/* Small devices (landscape phones, 576px and up) */

@media (max-width: 576px) {

.service_icons div img {
    padding: 10px;
    background: #ffffff1f;
    width: 70px;
    height: 70px;
    border-radius: 5px;
    line-height: 1;
    border: 4px solid #ffffff29;
}
.service_icons a img{
	width: 70px;
    height: 70px;
}

.blockquote {
font-size: 1.3em !important;
}
.form_wraper .content{
	margin-left: 0;
    padding-left: 0;
    padding-right: 0;
}
}

/*  Medium devices (tablets, 768px and up) */

@media (max-width: 768px) {

.form_wraper{
    margin-left: 0;
	flex: auto !important;
	max-width: 100% !important;

}
.sec_block_quote{
	margin-top:-45px;
}
	}

/* Large devices (desktops, 992px and up) */

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

/* Extra large devices (large desktops, 1200px and up) */

@media (max-width: 1200px) { }
/*
*
*
*
Book your appoinment section end here
*
*
*
*/

/*
*
*
*
Service Grid Section Start Here
*
*
*
*/

.fet_card{
    border-bottom: 30px solid #ffffff;
}
.service .img_holder img{
	width:100%;
	border-radius: var(--uniradius);
}
.service .icon_holder {
	z-index:1;
	margin-top: calc(-50px * 1.75 / 2);
	box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
    padding: 0;
	background: var(--ligh);
	box-shadow: 0 0 0 2em #ffffff inset;
    color: #070604;
	font-size: 40px;
	text-align:center;
    width: 60px;
    height: 60px;
}
.service .grid_holder{
	overflow:hidden;
}

.service .icon_holder label{
	width:100%;
	height:100%;
	margin-left: 25px;
	background-color: var(--ligh);
	border-radius: var(--uniradius);
	box-shadow: 0 2px 10px rgb(0 0 0 / 20%)
}
.service  .text_holder{
	margin-top: calc(-50px * 1.75 / 2);
	padding-top: calc(50px * 2.75 / 2);
	border-radius:var(--uniradius);
	padding-right: 25px;
    padding-left: 25px;
	padding-bottom: 15px;
	background: var(--Prim);
	height:100%;
}
.service  .text_holder h4{
	font-size:30px;
}

@media (max-width: 576px){
	.service .text_holder{
		height:auto;
	}

	h2{
		font-size:36px;
	}
	h4{
		font-size:26px;
	}
}

.slide-text-half {
  background:rgba(130,20,20,0.8);
  color:#fff;
  padding:0px;
  height:100%;
  width:inherit;
  z-index:2;
  position:absolute;
  top:0;
}

/*
*
*
*
Service Grid Section end Here
*
*
*
*/


/*
*
*
*
Who we are Section start Here
*
*
*
*/
.image_wrapper{
	    background-size: cover;
    background-repeat: no-repeat;
	}

.block_quote_we_are{
text-align:center;
padding: 80px 0px 80px 0px;
}
@media (max-width: 991.98px) {
	.image_wrapper {
    background-size: cover;
    background-repeat: no-repeat;
		background-position: center right;
	}
	.spl_white_block{
		    background: #ffffff80;
	}
}

.first_we_are_container{
    /* background-image: url(http://localhost/denti_theme/wp-content/uploads/2020/01/background-3.jpg); */
}
/* second section*/
.persona{
	margin-top: -80px;
}
.persona .row{ overflow: hidden;}




.persona .img_holder img{
	width:130px;
	margin-top:30px;
	border-radius: 80px;
    margin-left: -10px;
    margin-bottom: -10px;
}
.persona .icon_holder {
	position:relative;
	margin-top: calc(-50px * 1.75 / 2);

}
.persona .grid_holder{
	overflow:hidden;
}

.persona .icon_holder a{
	margin-left: 25px;
	margin-right: 25px;
	margin-top:-80px;
}
.persona  .text_holder{
	margin-top: calc(-50px * 1 / 2);
	padding-top: calc(50px * 2.75 / 2);
	padding-right: 25px;
    padding-left: 25px;
	padding-bottom: 25px;
	background: var(--Prim);
	height:100%;
	border-radius:var(--uniradius);
}
.persona  .text_holder h4{
	font-size:30px;
}
.btn_hover {
	opacity:0;
	transition: all .5s;
}

.img_holder_hover:hover + .btn_hover {
opacity:1;
}
.btn_hover:hover {
	opacity:1;
}

.persona_name hr{
	    width: 4.25rem;
		margin-left: 0px;
		background: #ffffff;
		border: 2px solid var(--ligh);
}

 .socio_icon{
	 max-width: 77%;
	padding-top:10px;
	padding-bottom:10px;
	display:flex;
	justify-content: space-evenly;
}
 .socio_icon li a{
	 border-radius:50%;
	width:36px;
	height:36px;
	padding:5px;
	position:absolute;
	display:flex;
	justify-content: center;
  transition: box-shadow .3s, color .3s;
  background-size: 0 0;
  background-position: 50% 50%;
  border-radius: 30px;
  box-shadow: inset 0 0 0 50px var(--ligh);
  text-decoration:none;



}
.socio_icon li a i{
	line-height:1.7;
}

:root {
    --fb: #4267B2;
    --tw: #00acee ;
    --wa: #25d366;
    --ln: #0e76a8 ;
    --yt: #FF0000;
    --pi: #E60023;
	--in: #E1306C;
}

.socio_icon .fb_icon a { color:var(--fb);  background: var(--fb); }
.socio_icon .tw_icon a { color:var(--tw);  background: var(--tw); }
.socio_icon .wa_icon a { color:var(--wa);  background: var(--wa); }
.socio_icon .ln_icon a { color:var(--ln);  background: var(--ln); }
.socio_icon .yt_icon a { color:var(--yt);  background: var(--yt); }
.socio_icon .pi_icon a { color:var(--pi);  background: var(--pi); }
.socio_icon .in_icon a { color:var(--in);  background: var(--in); }





.socio_icon li a:hover {
  color: var(--ligh);
  box-shadow: inset 0 0 0 0px var(--ligh);
}
@media (max-width: 576px){
.socio_icon{
	font-size: 1.9rem;
}


	.persona .text_holder{
		height:auto;
		border-radius:var(--uniradius);
	}

.banner_features li{
	width:100% !important;
	display:block;
}
}
/*
*
*
*
who we are Section end Here
*
*
*
*/






 .we-are img{
	width: 200px;
    height: auto;
 }

 .we-are .right_img{
		width:100%;
		height:auto;
 }



/*
*
*
*
Feature grid section Start here
*
*
*
*/


.grid_feature_icon{
	padding-top:10px;
}

.grid_feature_title{
	font-size:17px;
	    font-weight: 400;
}
.grid_feature_description{
	font-size:14px;
	    opacity: .7;
		    overflow-wrap: anywhere;
}



/*
*
*
*
Feature grid section end here
*
*
*
*/


/*
*
*
*
Map Section start here
*
*
*
*/
.map_container iframe{
	width:100%;
	height:700px;
}
.time_container{
	/* right: 30px;
	margin-right:-30px;
    position: absolute; */
	border-radius: var(--uniradius);
	padding:40px;
	padding-right: 40px !important;
    padding-left: 40px !important;
}
.time_title{
	font-size:26px;
}
.time_table{
	font-size:14px;
}
.time_table tr{
	border-bottom: 0.2px solid #ffffff70;
}
.time_table tr:last-child { border-bottom: 0.2px solid #ffffff00;
}

.time_table tr td{
		padding-top :10px;
		padding-bottom :10px;
		}

/*	@media (max-width: 576px){
		.time_container{ position: inherit; padding-right: 15px !important; padding-left: 15px !important;}
		.map_container{margin-bottom: -5px;}
	}
		@media (min-width: 576px){
.time_container{
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
		}

		@media (min-width: 768px){
			.time_container{
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}
		}
*/
/*
*
*
*
Map Section end here
*
*
*
*/


/*
*
*
*
Footer Section Start Here
*
*
*
*/
footer{
	background: var(--ligh);
}
footer h6{
	font-size:18px;
}

footer h6:after {
    width: 3.25rem;
    margin-top: .625em;
}
footer hr{
	margin-top: 2rem !important;
    margin-bottom: 2rem !important;
    border: 0;
    border-top: 3px solid var(--Prim);
    max-width: 50px;
	margin: 0px;
}

footer ul{

}

footer ul li{
	padding-bottom:15px;
}
footer ul li a{
	text-decoration:none !important;
	color: var(--dark);
}

footer ul li a:hover{
	text-decoration:none !important;
	color: var(--Prim);
}
.bottom_footer{
	background: var(--dark);
}
.bottom_footer p{
	font-size:14px;
	    margin-top: 10px;
}
.bottom_footer p a{
	color: var(--Prim);
}
/*
*
*
*
Footer Section end Here
*
*
*
*/

/*
 * *
 * *
 * Owl Carousal
 * *
 * *
 * *
 */

.owl-nav{
	display:none;
}

.bglight{
	background: #ffffff;
}







/********************************/
/********************************/
/********************************/
/********************************/
/*****Book Appoinment page*******/
/********************************/
/********************************/
/********************************/
/********************************/
.book_appoinment{
	margin-top:40px;
}

/********************************/
/********************************/
/********************************/
/********************************/
/****Book Appoinment page end****/
/********************************/
/********************************/
/********************************/
/********************************/





/********************************/
/********************************/
/********************************/
/********************************/
/******About Us page Start*******/
/********************************/
/********************************/
/********************************/
/********************************/


.counter_wraper{
	padding: 10px;
    background: var(--Prim);
    line-height: inherit;
    border: 4px solid var(--Prim);
    border-radius: var(--uniradius);

}
.counter{
	font-size: 2em;
    font-weight: 800;
}

.counter_wraper p{
	    margin-bottom: 0rem;
}

.abou_banner{
	padding: 10em 0 10em 0;
	    background-size: cover;
		box-shadow: inset 0 0 0 2000px rgb(250 253 255 / 25%);
}

.item{
	background:#ffffff;
	box-shadow: 1px 1px 7px 0px rgb(34 34 34 / 7%);
	border-radius: var(--uniradius);
}


.testi-quote-icon-left{
    font-size: 100px;
    position: fixed;
    opacity: 0.2;
}
.testi-quote-icon-right{
    font-size: 100px;
    position: fixed;
    opacity: 0.3;
    bottom: 0;
    right: 0;
}

.owl-carousel .owl-item img{
    width: 100%;
    height: auto;
}
/********************************/
/********************************/
/********************************/
/********************************/
/*******About Us page end********/
/********************************/
/********************************/
/********************************/
/********************************/




/********************************/
/********************************/
/********************************/
/********************************/
/******* Our Service page *******/
/********************************/
/********************************/
/********************************/
/********************************/

.our-service-txt-wraper{
	padding: 10em 0 10em 0;
}


.feature_list{
	  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.feature_list li{
	list-style:none;
	padding:10px;
}

.service_content_wraper{

}
/********************************/
/********************************/
/********************************/
/********************************/
/***** Our Service page end *****/
/********************************/
/********************************/
/********************************/
/********************************/


/********************************/
/********************************/
/********************************/
/********************************/
/********Contact Us page*********/
/********************************/
/********************************/
/********************************/
/********************************/

.banner_map {
	margin-top:80px;
	width:100%;
	height:100vh;
}
.banner_map iframe{
	width:100%;
	height:100%;
}





/* Small devices (landscape phones, 576px and up) */


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

/*  Medium devices (tablets, 768px and up) */

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

/* Large devices (desktops, 992px and up) */

@media (max-width: 992px) {
.banner_map{
		margin-top:72.25px;
}
}

/* Extra large devices (large desktops, 1200px and up) */

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






/********************************/
/********************************/
/********************************/
/********************************/
/******Contact Us page end*******/
/********************************/
/********************************/
/********************************/
/********************************/





/********************************/
/********************************/
/********************************/
/********************************/
/*********Blog Grid page*********/
/********************************/
/********************************/
/********************************/
/********************************/

.main_header {
    padding: 130px 0 130px 0 !important;
    background: linear-gradient(rgb(3 103 175 / 51%) 55%,rgb(3 103 175)),url(../../../assets/images/media/banner.jpg) no-repeat center center fixed;
    box-shadow: inset 0 0 0 2000px rgb(53 55 56 / 50%);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden;
}

.blog-main {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 100vh;
	padding: 100px 0px;
}

.card-content a{
	text-decoration:none;
}

.card-container {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px;
    width: 100%;
    max-width: 1100px;
    height: auto;
    margin: 20px;
    font-weight: 300;
    font-style: normal;
    font-size: 1em;
    line-height: 1.5;
    color: #303336;
}

.blog_card {
    min-height: 380px;
    border-radius: 10px;
    box-shadow: 0 40px 40px -20px #0000001f;
    overflow: hidden;
}

.area{
	height:auto !important;
}

.blog_card {
	border:none;
}
.blog_card .card-top {
    height: 200px;
    font-size: 1em;
    line-height: 1.5;
    font-weight: 300;
    overflow: hidden;
    font-style: normal;
    border-radius: 10px;
	background: var(--Prim);
	box-shadow: 0 11px 8px -3px #00000029;
}

.blog_no_img :after {
   font-family: "Font Awesome 5 Free";
   content: "\f03e";
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
   font-weight: 900;
  position: absolute;
  top: 25%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--ligh);
  font-size: 4.5em;
  opacity: .75;

  }
  .area_no_img :after {
   font-family: "Font Awesome 5 Free";
   content: "\f03e";
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
   font-weight: 900;
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--ligh);
  font-size: 4.5em;
  opacity: .75;

  }

.card-top   span:after{
	  content: "";

}
.card-top   span:before{
	font-family: "Font Awesome 5 Free";
    content: "\f073";
	font-size: 1.5em;
}

.blog_card .card-top a {
    display: block;
    height: 100%;
}

.blog_card .card-top a img {
    width: 100%;
    height: inherit;
	  z-index:1;
    object-fit: cover;
    object-position: center;
    transition: all 2s cubic-bezier(0.04, -0.05, 0, 0.6);
}

.blog_card .card-content {
    padding: 20px 30px;
}

.blog_card .card-content .tag {
    font-weight: 700;
    letter-spacing: 2px;
	font-size: 1em;

}

.blog_card .blog_title {
    color: #303336;
    font-weight: 700;
    transition: 300ms;
	font-size: 1em;
	 display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog_card p {
    color: #7B8591;
	 display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* ---------------------------- */
/* Content Style | Hover Effect */
/* ---------------------------- */

.blog_card .card-top a img:hover {
    opacity: .5;
	transform: scale(1.1);
}

.blog_card .blog_title:hover {
    color: var(--Prim);
}
/* ======================== */


/* Display this style when screen-width is lower than 1240px */
@media only screen and (max-width: 1240px) {

    .blog-main  {
        display: block;
        height: auto;
        min-height: max(640px, 100vh);
        padding: 80px 0;
    }

    .card-container {
        grid-template-columns: 1fr 1fr;
        height: auto;
        margin: 0;
        padding: 40px;
    }

    .blog_card {
        height: auto;
    }

}

/* Display this style when screen-width is lower than 768px */
@media only screen and (max-width: 768px) {

    .card-container {
        grid-template-columns: 1fr;
    }

}

/* Display this style when screen-width is lower than 425px */
@media only screen and (max-width: 425px) {

    .card-container {
        padding: 20px;
    }

}

.blog_main_header {
	box-shadow: inset 0 0 0 2000px #ed3a8954 !important;
	}

/********************************/
/********************************/
/********************************/
/********************************/
/******Blog Grid page end*******/
/********************************/
/********************************/
/********************************/
/********************************/



.bg-gradient-linear{
    background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(237,58,137,1) 50%);
}

#counter{
    background: #ed3a89;
    border-radius: 50px;
}




@media (max-width: 576px) {
    .banner__slider .title{
        text-align: center;

    }
.banner__slider .title small{
    width: 100%;
    left: 0;
}


.sec_block_quote h3{
    text-align: center;
}

.sec_block_quote iframe {
    display: block;
    margin: auto;

    }

    .sec_block_quote .time_table, .map-container .time_table{
        text-align: center;
    }

    .abou_banner h2, .abou_banner p ,
    .service h2, .service p ,
    .num h2, .num p,
    .contact_wraper h2, .contact_wraper p,
    .map-container h2, .map-container p , .map-container h3 {
        text-align: center;
    }

    .text_holder h4 ,.text_holder p{
        text-align: center;
    }

    .persona_name hr {
    margin-left: auto;
}


 #counter{
     justify-content: center;
 }  
footer h6, footer p, footer li{
    text-align: center;
}

footer hr {
    margin: auto;
}
.socio_icon {
    max-width: 100%;
}

nav .navbar-nav, .dropdown-menu{
    text-align: center;
}
}