@import "ru-color.css";

@import "utility.css";

/*@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i&display=swap');*/

@import url('https://fonts.googleapis.com/css?family=Cairo:600,700|Slabo+27px&display=swap');



* {

    /*font-family: 'Source Sans Pro', sans-serif;*/
    /*font-family: 'Source Sans Pro', sans-serif;*/

    /* color: white; */
    /* color: #717376; */

}





p {

    font-family: 'Slabo 27px';

}



h1,
h2,
h3,
h4,
h5,
h6 {

    font-family: 'Cairo';

}

/* width */

::-webkit-scrollbar {

    width: 5px;

}

.clear_fix {

    clear: both;

}

/* Track */

::-webkit-scrollbar-track {

    background: #f1f1f1;

}



/* Handle */

::-webkit-scrollbar-thumb {

    background: #888;

}



/* Handle on hover */

::-webkit-scrollbar-thumb:hover {

    background: #555;

}



.blog_post_meta .post .main_title2 {

    width: 92%;

}

.main_title2 {

    position: relative;

}

.main_title2 h6:before {

    content: '';

    width: 50px;

    height: 1px;

    background: #f4762a;

    position: absolute;

    bottom: -1px;

    left: 0;

}

.main_title2 h6 {

    border-bottom: 1px solid #e5e3e3;

    position: relative;

    padding: 7px 0 17px 0;

    text-transform: uppercase;

    color: #252525;

}







.border_round {

    border-radius: 50%;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    -o-border-radius: 50%;

    -ms-border-radius: 50%;

}



/* Common Style Start*/

.ru-main-title {

    display: flex;

    justify-content: center;

    margin-top: 0px;

}

.ru-main-title h1 {

    position: relative;

    text-align: center;

    /*border: 5px solid;*/

}



.common-section {

    margin-bottom: 0px;

    overflow: hidden;

}



.tran5s {

    -webkit-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}



.tran3s {

    -webkit-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.tran3sL {

    -webkit-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    transition: all 0.2s linear;

}

/*.ru-main-title h1:before, .ru-main-title h1:after {

    content: "";

    height: 35px;

    position: absolute;

    width: 35px;

    border-left: 5px solid var(--ru-text-yellow-1);

    border-top: 5px solid var(--ru-text-yellow-1);

    transform: rotate(45deg);

}



.ru-main-title h1:before {

    left: 2px;

    top: 9px;

}



.ru-main-title h1:after {

    left: 39px;

    top: 26px;

    transform: rotate(0deg);

    border-top: 0;

    height: 33px;

}*/





/* Common Style End */





/* New Header */

a.new-logo {

    width: auto;

    height: 60px;

    overflow: hidden;

    box-sizing: border-box;

    padding: 10px;

    background: #FFF;

    border-radius: 3px;

}



a.new-logo img {

    height: 100%;

}

.new-search {

    position: relative;

    min-width: 400px;

    border: 0;

    display: flex;

    overflow: hidden;

    align-items: center;

}

.new-search input {

    border: 0;

    border-bottom: 1px solid;

    background: transparent;

    position: absolute;

    right: 20px;

    width: calc(100% - 20px);

    padding-left: 20px;

    font-family: 'Slabo 27px';

    font-style: italic;

    transform: translateX(110%);

    transition: transform 0.3s ease-in-out;

    z-index: 1;

}

input.search-input:focus {

    box-shadow: none;

    outline: 0;

}

.new-search input[type="checkbox"] {

    width: initial;

    right: 0;

    opacity: 0;

    z-index: -1;

}

.new-search input[type="checkbox"]:checked+.search-input {

    transform: translateX(0);

    border-bottom: 1px solid var(--ru-bg-black-5) !important;

}

.new-search label {

    margin-left: calc(100% - 20px);

    vertical-align: middle;

    cursor: pointer;

    transition: none;

}

.new-search label i {

    vertical-align: middle;

    padding-top: 10px;

    font-size: 22px;

}



.new-search input[type="checkbox"]:checked~label i {

    color: var(--ru-bg-black-5) !important;

}



/* RU Mani Menu */

.header-new-bottom {

    display: flex;

    justify-content: center;

    background: #fff;

    border-bottom: 1px solid #ddd;

}

.ru-mainmenu ul {

    margin: 0;

    padding: 0;

    display: flex;

    justify-content: flex-start;

}

.ru-mainmenu ul li {

    list-style: none;

    position: relative;

    /*min-width: 140px;*/

    margin-right: 25px;

    margin-left: 25px;

}

.ru-mainmenu ul li a {

    color: #FFF;

    display: block;

    font-family: 'Roboto';

    padding: 10px 0;

    position: relative;

    text-decoration: none;

    /*text-align: center;*/

}



.ru-mainmenu ul li a i {
    color: #FFF;
}



.ru-mainmenu ul li:before {

    content: '';

    position: absolute;

    width: 100%;

    height: 2px;

    background: #FFF;

    bottom: 0;

    transform: rotateY(90deg);

    transition: transform 0.3s ease-in;



}



.ru-dropdown-menu ul li:before {

    content: '';

    position: absolute;

    width: 0%;

    height: 0px;

    background: #FFF;

    bottom: 0;

    transform: rotateY(90deg);

    transition: transform 0.3s ease-in;



}



.ru-mainmenu ul li:hover {
    color: #FFF;
}

.ru-mainmenu ul li:hover:before {

    transform: rotateY(0deg);

}

/*.ru-mainmenu ul li.ru-dropdown-menu:after {

    content: '\f078';

    font-family: "Font Awesome 5 Pro";

    position: absolute;

    top: 55%;

    transform: translateY(-50%);

    right: -15px;

}*/



.ru-mainmenu ul {}

.ru-mainmenu ul li.ru-dropdown-menu ul {

    flex-direction: column;

    position: absolute;

    top: calc(100% + 40px);

    z-index: 999;

    visibility: hidden;

    opacity: 0;

    transition: all 0.3s ease-in;

    min-width: 200px;

    background: #7EBF3F;

}



.ru-dropdown-menu ul li {
    margin: 0px;
    padding: 0px 10px 0px 10px;
}

.ru-dropdown-menu ul li:hover {
    /* background: #717376; */
    background: #dc3545;
}

.ru-mainmenu ul li.ru-dropdown-menu:hover ul {

    top: 100%;

    visibility: visible;

    opacity: 1;



}

.ru-mainmenu ul li.ru-dropdown-menu ul li {

    /*margin-right: 0;*/

}

.ru-mainmenu ul li.ru-dropdown-menu ul li a {}

























/* header Slider or Carousel Start */

.header-carousel-item {

    /*height: 100vh;*/

    /*min-height: 350px;*/

    background: no-repeat scroll;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}

/* header Slider or Carousel End */





/* Navigation Start */

.main-navigation-header,
.main-navigation-header * {

    transition: all 0.5s;

}

.full-width-navigation {

    max-height: 80px;

}



.cu-brand {

    background: #fff;

    margin-left: -15px;

    position: relative;

    padding: 16px 20px 16px 30px !important;

}

.full-width-navigation .cu-brand {

    padding: 7px 20px 7px 30px !important
}

.cu-brand:after {

    content: '';

    right: -22px;

    position: absolute;

    border-top: 98px solid #fff;

    border-right: 22px solid transparent;

    top: 0;

}

.full-width-navigation .cu-brand:after {

    border-top: 80px solid #fff;

}



.left-nav-container {

    position: relative;

    margin: 0;

}

.left-nav-container:after {

    content: '';

    height: 0;

    width: 0;

    position: absolute;

    right: -22px;

    border-top: 98px solid var(--ru-bg-black-4-op-2);

    border-right: 22px solid transparent;

}



.contact-us {

    text-align: center;

    display: flex;

    justify-content: center;

    align-items: center;

    width: 200px;

    position: relative;

    margin-left: 30px;

}

.contact-us:after {

    content: "";

    position: absolute;

    width: 0;

    height: 0;

    left: -22px;

    width: 0;

    top: 0;

    border-bottom: 98px solid var(--ru-bg-yellow-1);

    border-left: 22px solid transparent;

    -webkit-transition: all 300ms ease;

    transition: all 300ms ease;

}

.full-width-navigation .contact-us:after {

    border-bottom-width: 80px;

}

.full-width-navigation .left-nav-container:after {

    border-top-width: 80px;

}

/* Navigation End */



/* Ready Project Start */







.single-ready-project {

    position: relative;

    overflow: hidden;

}

.single-ready-project.slick-slide img {

    /* width: inherit;

    min-height: 100%;*/

}



.ready-project-thumbnail {

    overflow: hidden;

    width: inherit;

    height: 260px;

    position: relative;

}

.ready-project-thumbnail:hover .thumbnail-overlap-info {

    visibility: visible;

    opacity: 1;

}

.thumbnail-overlap-info {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    overflow-y: scroll;

    overflow-x: hidden;

    width: 100%;

    z-index: 1;

    background: rgba(255, 255, 255, .95);

    padding: 20px;

    visibility: hidden;

    opacity: 0;

    transition: all 0.3s ease-in-out;

}



.slick-slider-common-navigation i:first-child {

    transform: translateX(-100px);

    background: transparent;

    font-size: 100px;

}



.slick-slider-common-navigation i:last-child {

    transform: translateX(100px);

    background: transparent;

    font-size: 100px;

}



.slick-slider-4-navigation.slick-slider-common-navigation i:first-child {

    transform: translateX(0px);

    background: #000;

    font-size: 40px;

}



.slick-slider-4-navigation.slick-slider-common-navigation i:last-child {

    transform: translateX(2px);

    background: #000;

    font-size: 40px;

}



.thumbnail-overlap-info ul {}

.thumbnail-overlap-info ul li {

    font-family: 'Slabo 27px';

    color: var(--ru-text-black-1);

    font-size: 15px;

    margin-bottom: 20px;

}







.ready-project-thumbnail img {

    /*height: 100%;*/

}

.ready-project-caption {

    position: absolute;

    width: 100%;

    opacity: 0.8;

    top: 0;

    padding: 10px 10px 0px 10px;

    border: 1px solid #aaa;

    border-top: 0px;

    background: #7EBF3F !important;

    color: #FFF;

}

.ready-project-caption p {

    font-style: italic;

}



.slick-slider-common-navigation i {

    cursor: pointer;

    width: 50px;

    height: 50px;

    overflow: hidden;

    display: flex;

    justify-content: center;

    align-items: center;

    background: var(--ru-bg-black-1-op-2);

}



.slick-ready-project-navigation i:before {

    color: #fff !important;

}



/* Ready Project End */



/* Our Concern Start */



.single-concern {

    cursor: pointer;

}



.concern-img {

    position: relative;

}



.concern-img:after {

    position: absolute;

    content: '';

    width: 100%;

    height: 1%;

    background-color: var(--ru-bg-black-1-op-3);

    left: 0%;

    top: 50%;

    transform: translate(0, -50%);

    visibility: hidden;

    transition: all 0.3s;

}



.concern-img:before {

    position: absolute;

    content: "\f067";

    font-family: 'Font Awesome 5 Pro';

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    color: #fff;

    z-index: 1;

    opacity: 0;

    transition: all 0.3s;

}



.single-concern:hover .concern-img:after {

    visibility: visible;

    height: 100%;

}



.single-concern:hover .concern-img:before {

    visibility: visible;

    opacity: 1;

}



.concern-title-icon {

    position: relative;

}

.concern-icon {

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);



}

.concern-icon i {

    transition: all 0.3s;

}

.single-concern:hover .concern-icon i {

    background-color: var(--ru-bg-yellow-1);

}

/* Our Concern End */



/* Our Achievement Start*/



.single-achievement {

    position: relative;

    width: 100%;

    overflow: hidden;

}



.single-achievement:hover .achievement-details {

    visibility: visible;

    top: 50%;

}



.achievement-img img {

    width: 100%;

}



.achievement-details {

    position: absolute;

    top: 0%;

    left: 50%;

    width: 90%;

    height: 90%;

    visibility: hidden;

    transition: all 0.3s;

    background: var(--ru-bg-blue-3-op-3);

    padding: 15px;

    transform: translate(-50%, -50%);

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    text-align: center;

}



/* Our Achievement End */





/* Our statistic Start */

.statistic-data {

    min-height: 400px;

    display: flex;

    align-items: center;

    padding: 30px;

}



.statistic-data>div {

    flex-grow: 1;

}





/* Our statistic End */







/*Social Icon*/

.social-icon ul li a i:hover {

    color: #dc3545 !important;

}







/* Hot Line Style */

.hot-line-wrapper {

    position: fixed;

    bottom: 15%;

    right: -150px;

    z-index: 2;

    line-height: 31px;

    font-size: 20px;

    font-style: italic;

    background: var(--ru-text-green-1);

    box-shadow: 0 0 5px 1px #000;

    transition: right 1s ease-out 0s;

    min-width: 160px;



}



.hot-line {

    position: relative;

    padding: 5px 40px 5px 70px;

    width: 100%;

}

.hot-line-label {

    font-weight: bold;

}

.hot-line-toggle-icon {

    position: absolute;

    top: 50%;

    left: 0;

    width: 20px;

    height: 100%;

    background: #181819;

    transform: translate(0px, -50%);

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 20px;

    cursor: pointer;

}

.hot-line-wrapper.show-hot-line {

    right: 0px;

}







.slick-slider-common-container {

    position: relative;

}

.slick-slider-common-navigation {

    position: absolute;

    left: 0;

    top: 50%;

    transform: translate(0, -50%);

    width: 100%;

}



.slick-prev-custom.slick-arrow,

.slick-prev-custom2.slick-arrow,

.slick-prev-custom3.slick-arrow,

.slick-prev-custom4.slick-arrow {

    margin-right: 9.5px;

}





ul.slick-dots.slick-slider-common-dots {

    position: static;

    margin-top: 30px;

}



ul.slick-dots.slick-slider-common-dots li {

    background: #7EBF3F;

    width: 10px;

    height: 10px;

    overflow: hidden;

    border-radius: 50%;

}

ul.slick-dots.slick-slider-common-dots li.slick-active {

    background: #fff;

}

ul.slick-dots.slick-slider-common-dots li button {

    display: none;

}



.scroll-to-top {

    position: fixed;

    bottom: 0;

    right: 50px;

    background: #7EBF3F;

    padding: 16px 15px;

    display: inline-block;

    color: #FFF;

    display: none;

}



.scroll-to-top:hover {

    color: #FFF;

}

.slick-slider-common-container.slick-slider-4-container {

    margin-left: 10px;

}







/* Projects CSS */



li.nav-item {

    border: none;

}

.nav-tabs {

    border-bottom: 2px solid #717376;

}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link {

    color: #717376;

    padding: 5px;

    margin-right: 20px;

}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {

    border: 0;

    border-bottom: 4px solid #717376;

    color: #717376;

    font-weight: bold;

}



.single-properties {

    box-shadow: 0px 0px 3px 1px #f1f1f1;

}



.property-menu ul {}

.property-menu ul li {

    margin-right: 20px;

}

.property-menu ul li:last-child {

    margin-right: 0px;

}

.property-menu ul li a {

    font-weight: bold;

}

.property-menu ul li.active a {

    color: var(--ru-text-black-1) !important;



}

.common-title span.bar {

    height: 56px;

    display: flex;

    justify-content: center;

    align-items: center;

    /*background: var(--ru-bg-black-1);*/

    padding: 20px;

}

.common-title span.bar.left-slide-bar {

    padding: 20px 10px;

}

.slick-nav-bar .slick-arrow:before {

    color: #fff !important;

}

.single-properties {

    margin-right: 0px;

}





.property-detail-section {

    border: 1px solid #ddd;

    padding: 10px;

    margin-bottom: 20px;

}



.property-detail-title {

    display: block;

    padding: 15px 20px;

    margin: -20px -20px 15px -20px;

    background: #7e8083;

}



.property-detail-title h1 {

    font-size: 14px;

    text-transform: uppercase;

    margin: 0;

    color: #fff;

}



.specification_tab .panel-group .panel {

    box-shadow: none;

    border: none;

    margin-bottom: 6px;

}



.specification_tab .panel-heading {

    padding: 0;

    border-radius: 4px;

    border: 1px solid #f1f1f1;

    background: #f5f5f5;

    margin-bottom: -2px;

    position: relative;

}

.specification_tab .panel-heading h6 a {

    display: block;

    height: 100%;

    width: 100%;

    line-height: 44px;

    font-size: 16px;

    color: #717376;

    text-transform: uppercase;

    padding-left: 19px;

    position: relative;

}

.specification_tab .panel-heading h6 a::before {

    content: "";

    font-family: "Font Awesome 5 Pro";

    font-size: 18px;

    line-height: 44px;

    font-weight: normal;

    color: rgb(160, 160, 160);

    position: absolute;

    right: 19px;

    top: 0px;



}

.specification_tab .panel-body {

    border: 1px solid #f1f1f1;

    padding: 20px 20px;

    margin-top: 0;

}

.specification_tab .panel-body p {

    margin: 0;

}



.ru-statistic-title {

    margin-bottom: -100px;

}



.floor_img .single_image {

    text-align: center;

    margin-bottom: 38px;

}

.floor_img .single_image:hover h6 {

    color: #4dc2e6;

}

.floor_img .single_image h6 {

    text-transform: uppercase;

    color: #252525;

    -webkit-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

    margin-top: 18px;

}



/* Contact Details */



.contact-us-form {

    background: #fff;

    padding: 20px;

    /*box-shadow: 0px 0px 5px 5px #f1f1f1;*/

    border: 1px solid #ddd;

}



.contact-us-form button:hover {

    background: #717376 !important;

}



.contact-us-form input,
.contact-us-form textarea {

    border: 1px solid var(--ru-text-black-6);

    /* padding: 20px 10px;*/

    border-radius: 0px;

    /* margin-bottom: 30px;*/

}

.contact-us-form textarea {

    padding-top: 10px;

    /*height: 150px;*/

}

.contact-us-details {}

.single-contact-details {

    /* border: 1px solid #717376;*/

    margin-left: 0px;

    padding: 5px;

    /* box-shadow: 0px 0px 3px 1px var(--ru-bg-black-6);*/

}

.single-contact-details p i {

    vertical-align: middle;

}



.about_history {

    position: relative;

    margin-top: 85px;

    padding: 0;

}

.about_history:before {

    content: '';

    width: 100%;

    height: 1px;

    background: #f5f5f5;

    position: absolute;

    top: -36px;

    left: 0;

}

.about_history .content:before {

    content: '';

    width: 12px;

    height: 12px;

    background: #4dc2e6;

    border-radius: 50%;

    position: absolute;

    top: -41px;

    left: calc(50% - 7px);

}



.single-concern-d {

    cursor: pointer;

    padding: 20px;

    box-shadow: 0px 0px 5px 1px #f1f1f1;

    margin-bottom: 30px;

    height: 130px;

}



.single-concern-d:hover {

    box-shadow: 0px 0px 10px 1px #f1f1f1;

}

.single-concern-d:hover button {

    background: #717376 !important;

}



.slick-slider-common-navigation.slick-slider-3-navigation {

    top: 40%;

}







/*________________________________________________ Gallery __________________________________*/

.gallery_wrapper .menu_wrapper {

    text-align: center;

    margin-bottom: 40px;

}

.gallery_wrapper .gallery_menu {

    display: inline-block;

    border: 1px solid #f1f1f1;

    border-radius: 4px;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    -o-border-radius: 4px;

    -ms-border-radius: 4px;

}

.gallery_wrapper .gallery_item_container.container {

    margin-top: 49px;

}

.gallery_wrapper .gallery_menu li {

    line-height: 50px;

    display: inline-block;

    border-right: 1px solid #f1f1f1;

    padding: 0 18px;

    cursor: pointer;

}

.gallery_wrapper .gallery_menu li:last-child {

    border: none;

}

.gallery_wrapper .gallery_menu li.active,

.gallery_wrapper .gallery_menu li.is-checked {

    color: #4dc2e6;

}

.gallery_item_container .single_item {

    position: relative;

    overflow: hidden;

}

.gallery_item_container .mix {

    display: none;

}

.gallery_style_one,

.gallery_style_two,

.gallery_style_three {

    width: 100%;

}

.gallery_item_container .single_item .overlay {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background: rgba(77, 194, 230, 0.95);

    transform: scale(0, 0);

    -webkit-transform: scale(0, 0);

    -moz-transform: scale(0, 0);

    -ms-transform: scale(0, 0);

    -o-transform: scale(0, 0);

}

.gallery_item_container .single_item .overlay.overlay-visible {

    transform: scale(1, 1);

    -webkit-transform: scale(1, 1);

    -moz-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    -o-transform: scale(1, 1);

}

.gallery_item_container .single_item:hover .overlay {

    transform: scale(1, 1);

    -webkit-transform: scale(1, 1);

    -moz-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    -o-transform: scale(1, 1);

}



.gallery_item_container .single_item .overlay .text {

    position: absolute;

    bottom: 44px;

    left: 49px;

    width: 100%;

    color: #fff;

}

.gallery_item_container .single_item img {

    -webkit-transition: all 0.5s linear;

    -o-transition: all 0.5s linear;

    transition: all 0.5s linear;

    width: 100%;

}

.gallery_item_container .single_item:hover img {

    transform: scale(1.1, 1.1);

    -webkit-transform: scale(1.1, 1.1);

    -moz-transform: scale(1.1, 1.1);

    -ms-transform: scale(1.1, 1.1);

    -o-transform: scale(1.1, 1.1);

}

.gallery_item_container .single_item .overlay .text h6 {

    font-size: 24px;

    text-transform: uppercase;

    margin-bottom: 5px;

}

.gallery_item_container .single_item .overlay .text i {

    display: block;

    font-size: 18px;

}

.gallery_item_container .single_item .overlay .link a {

    width: 70px;

    line-height: 70px;

    height: 70px;

    background: #fff;

    text-align: center;

    font-size: 24px;

    color: #4dc2e6;

    border-radius: 4px;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    -o-border-radius: 4px;

    -ms-border-radius: 4px;

    margin: 0 8px;

}

.gallery_item_container .single_item .overlay .link {

    display: flex;

    display: -webkit-flex;

    -webkit-justify-content: center;

    justify-content: center;

    align-items: center;

    align-items: center;

    -webkit-flex-direction: row;

    flex-direction: row;

    height: 100%;

}

.gallery_wrapper a.load_more {

    display: block;

    line-height: 50px;

    height: 50px;

    width: 150px;

    color: #fff;

    text-align: center;

    background: #4dc2e6;

    border-radius: 4px;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    -o-border-radius: 4px;

    -ms-border-radius: 4px;

    margin: 50px auto 70px auto;

}

.gallery_wrapper a.load_more:hover {

    background: #f4762a;

}

.gallery_wrapper .page_indicator>a {

    display: block;

    line-height: 50px;

    height: 50px;

    width: 125px;

    color: #a0a0a0;

    text-align: center;

    background: #f5f5f5;

    border-radius: 4px;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    -o-border-radius: 4px;

    -ms-border-radius: 4px;

    position: absolute;

    top: 0;

}

.page_indicator {

    text-align: center;

    position: relative;

    margin-top: 20px;

    margin-bottom: 69px;

}

.gallery_wrapper .page_indicator>a:hover {

    background: #4dc2e6;

    color: #fff;

}

.gallery_wrapper .page_indicator>a.prev {

    left: 0;

}

.gallery_wrapper .page_indicator>a.next {

    right: 0;

}

.page_indicator ul li {

    display: inline-block;

}

.page_indicator ul {

    display: inline-block;

    border: 1px solid #f1f1f1;

    border-radius: 4px;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    -o-border-radius: 4px;

    -ms-border-radius: 4px;

}

.page_indicator ul li a {

    display: block;

    font-size: 18px;

    color: #a0a0a0;

    font-weight: normal;

    line-height: 49px;

    padding: 0 16px;

    border-right: 1px solid #f1f1f1;

}

.page_indicator ul li:last-child a {

    border: none;

}

.page_indicator ul li a:hover,

.page_indicator ul li.active a {

    color: #4dc2e6;

}

.gallery_wrapper .gallery_text .img_holder {

    position: relative;

    overflow: hidden;

}

/*_____________ Gallery full-width 2columns ____________*/



.gallery_style_one .single_item {

    float: left;

    width: 50%;

    margin: 0 -1px;

}

/*_____________ Gallery full-width 3columns ____________*/



.gallery_style_two .single_item {

    float: left;

    width: 33.3333333333333%;

    margin: 0 -1px;

}

/*_____________ Gallery full-width 4columns ____________*/



.gallery_style_three .single_item {

    float: left;

    width: 25%;

    margin: 0 -1px;

}

.gallery_style_three .single_item .overlay .link a,

.gallery_style_four .single_item .overlay .link a {

    width: 50px;

    height: 50px;

    line-height: 50px;

}

.gallery_style_three .single_item .overlay .text h6 {

    font-size: 18px;

}

.gallery_style_three .single_item .overlay .text,

.gallery_style_four .single_item .overlay .text {

    left: 30px;

    bottom: 30px;

}



/*_____________ Gallery grid 2columns ____________*/



.gallery_style_four .single_item .overlay .text h6 {

    font-size: 22px;

}

.gallery_style_four .single_item,

.gallery_style_five .single_item,

.gallery_style_six .single_item,

.gallery_style_seven .single_item,

.gallery_style_eight .single_item,

.gallery_style_nine .single_item {

    margin-bottom: 30px;

}



/*_____________ Gallery grid 3columns ____________*/



.gallery_style_five .single_item .overlay .text h6,

.gallery_style_six .single_item .overlay .text h6 {

    font-size: 20px;

}

.gallery_style_five .single_item .overlay .text i,

.gallery_style_six .single_item .overlay .text i {

    font-size: 16px;

}



.gallery_style_five .single_item .overlay .link a {

    width: 45px;

    height: 45px;

    line-height: 45px;

    font-size: 14px;

}

.gallery_style_five .single_item .overlay .text,

.gallery_style_six .single_item .overlay .text,

.gallery_masonary .single_item .overlay .text {

    left: 20px;

    bottom: 20px;

}





/*_____________ Gallery-text 2columns ____________*/



.gallery_wrapper .gallery_text .single_item .overlay .link a {

    width: 50px;

    height: 50px;

    line-height: 50px;

    font-size: 14px;

}

.gallery_wrapper .gallery_text .single_item .title {

    background: #f5f5f5;

    padding: 20px 20px;

    -webkit-box-shadow: inset 0px -1px 2px 0px rgba(33, 33, 33, 0.1);

    -moz-box-shadow: inset 0px -1px 2px 0px rgba(33, 33, 33, 0.1);

    box-shadow: inset 0px -1px 2px 0px rgba(33, 33, 33, 0.1);

}

.gallery_wrapper .gallery_text .single_item .title a {

    display: block;

}

.gallery_wrapper .gallery_text .single_item .title h6 {

    margin-top: 0;

    font-size: 16px;

    color: #252525;

    text-transform: uppercase;

}

.gallery_wrapper .gallery_text .single_item .title i {

    font-weight: normal;

    color: #4dc2e6;

    letter-spacing: 0.4px;

}



/*_____________ Gallery-text 4columns ____________*/



.gallery_wrapper .gallery_style_nine .single_item .title h6 {

    font-size: 14px;

}



/*_____________ Gallery grid 4columns ____________*/

.gallery_style_six .single_item .overlay .link a,

.gallery_wrapper .gallery_style_nine .single_item .overlay .link a {

    width: 40px;

    height: 40px;

    line-height: 40px;

    font-size: 14px;

}

.gallery_style_six .single_item .overlay .link a.fancy_video {

    width: 100px;

    height: 100px;

    line-height: 40px;

    font-size: 14px;

    border-radius: 50%;

    background: transparent;

    border: 1px solid;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 31px;

    text-decoration: none;

}



/*_____________ Masonary Gallery ____________*/

.isotop_item {

    padding: 0 15px 0 15px;

    float: left;

    width: 33.333333333%;

    margin-bottom: 30px;

}

.gallery_masonary .single_item .overlay .link a {

    width: 45px;

    height: 45px;

    line-height: 45px;

    font-size: 14px;

}

.gallery_masonary .single_item .title h6 {

    font-size: 20px;

}

.gallery_masonary .single_item .title i {

    font-size: 16px;

    letter-spacing: 0.4px;

}





/*______________________________________ FAQ ____________________________*/



.inner_section_title span.left_side {

    display: inline-block;

    width: 154px;

    line-height: 57px;

    text-align: center;

    background: #f5f5f5;

    font-size: 18px;

    text-transform: uppercase;

    font-weight: 700;

    color: #252525;

    position: relative;

    padding-left: 13px;

}

.inner_section_title span.left_side:before {

    content: '';

    width: 40px;

    height: 40px;

    background: #f5f5f5;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    position: absolute;

    top: 9px;

    right: -20px;

    z-index: -1;

}

.inner_section_title p {

    margin: 10px 0px 30px 0px;

}

.inner_section_title>ul {

    display: inline-block;

    border: 1px solid #f1f1f1;

    border-left: none;

    padding: 10px 0 10px 27px;

    margin: 0 0 0 13px;

    position: relative;

    width: calc(80% + 3px);

}

.inner_section_title>ul:before {

    content: '';

    width: 40px;

    height: 1px;

    background: #f1f1f1;

    position: absolute;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    top: 13px;

    left: -6px;

}

.inner_section_title>ul:after {

    content: '';

    width: 40px;

    height: 1px;

    background: #f1f1f1;

    position: absolute;

    transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    bottom: 13px;

    left: -6px;

}

.inner_section_title>ul li {

    display: inline-block;

    text-transform: capitalize;

}

.inner_section_title>ul li a {

    font-weight: normal;

    color: #a0a0a0;

    text-transform: capitalize;

    line-height: 35px;

    border-right: 1px solid #f1f1f1;

    padding: 0 18px 0 20px;

}

.inner_section_title>ul li.active,

.inner_section_title>ul li.active a,

.inner_section_title>ul li a:hover {

    color: #4dc2e6;

}

.faq_item .single_question {

    border: 1px solid #f1f1f1;

    border-radius: 3px;

    margin-bottom: 30px;

}

.faq_item .single_question .icon_holder,

.faq_item .single_question .text {

    display: table-cell;

    vertical-align: top;

}

.faq_item .single_question .icon_holder {

    width: 22%;

    border-right: 1px solid #f1f1f1;

    text-align: center;

}

.faq_item {

    margin-top: 39px;

}

.faq_item .single_question .icon_holder .icon {

    background: #f5f5f5;

    width: 80px;

    line-height: 80px;

    text-align: center;

    margin: 20px auto;

    font-size: 24px;

    color: #4dc2e6;

}

.faq_item .single_question .text {

    padding: 24px 0 12px 26px;

}

.faq_item .single_question .text a {

    font-size: 18px;

    text-transform: uppercase;

    color: var(--ru-text-black-1);

    text-decoration: underline;

    margin-bottom: 19px;

    font-weight: bold;

    margin-bottom: 10px;

    display: block;

    text-decoration: none;

}

.faq_item .single_question .text p {

    line-height: 32px;

    color: var(--ru-text-black-4);

    font-size: 16px;

}

.faq_item .single_question .text a:hover {

    color: #4dc2e6;

}

.ask_question .single_form .ui-state-default {

    width: 100%;

    height: 45px;

    border: 1px solid #f1f1f1;

    background: #f5f5f5;

    outline: none;

    border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    -o-border-radius: 3px;

    -ms-border-radius: 3px;

    margin-bottom: 20px;

}

.faq_page .page_indicator {

    margin-top: 50px;

}

.faq_page .send_message textarea {

    margin-bottom: 20px;

}

.faq_page {

    margin-bottom: 70px;

}



/*____________Form style_____________*/

.send_message input {

    width: 100%;

    height: 45px;

    border: 1px solid #f1f1f1;

    background: #f5f5f5;

    outline: none;

    border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    -o-border-radius: 3px;

    -ms-border-radius: 3px;

    padding-left: 16px;

    margin-bottom: 20px;

}

.send_message textarea {

    width: 100%;

    min-height: 140px;

    border: 1px solid #f1f1f1;

    background: #f5f5f5;

    outline: none;

    border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    -o-border-radius: 3px;

    -ms-border-radius: 3px;

    padding: 9px 14px;

    resize: none;

    margin-bottom: 24px;

}

.send_message button {

    line-height: 43px;

    width: 153px;

    text-align: center;

    color: #fff;

    background: #4dc2e6;

    border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    -o-border-radius: 3px;

    -ms-border-radius: 3px;

    border: none;

    outline: none;

    box-shadow: none;

}

.send_message button:hover {

    background: #f4762a;

}

.send_message form {

    margin-top: 44px;

}





.contact_us_content .send_message .alert_wrapper {

    display: none;

    position: fixed;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.8);

    top: 0;

    left: 0;

    z-index: 9999999;

}

.contact_us_content .send_message #success,

.contact_us_content .send_message #error {

    position: relative;

    width: 500px;

    height: 100px;

    top: calc(50% - 50px);

    left: calc(50% - 250px);

    background: #fff;

    text-align: center;

}

.contact_us_content .send_message #success .wrapper,

.contact_us_content .send_message #error .wrapper {

    display: table;

    width: 100%;

    height: 100%;

}

.contact_us_content .send_message #success .wrapper p,

.contact_us_content .send_message #error .wrapper p {

    display: table-cell;

    vertical-align: middle;

}

.contact_us_content .send_message #success {

    color: #4dc2e6;

}

.contact_us_content .send_message #error {

    color: red;

}

.contact_us_content .send_message #error button,

.contact_us_content .send_message #success button {

    color: #fff;

    width: 40px;

    height: 40px;

    line-height: 20px;

    position: absolute;

    background: #4dc2e6;

    border-radius: 50%;

    position: absolute;

    top: -20px;

    right: -20px;

    font-size: 25px;

}



.partner-table tr td {

    transition: all 0.5s ease-in-out;

}



.partner-table tr td:hover {

    background: #cfba82;

}



.new-hot-line-wrapper {

    position: fixed;

    top: 50%;

    right: 0;

    background: #7EBF3F;

    padding: 20px 10px;

    transform: translateY(-50%);

    box-shadow: 7px 0 20px 1px rgba(0, 0, 0, .25);

    z-index: 99999;

    transition: right 1s ease-in-out;

    color: #FFF;

}

.new-hot-line-wrapper ul {}

.new-hot-line-wrapper ul li {

    cursor: pointer;

}

.new-hot-line-wrapper ul li:hover i,
.new-hot-line-wrapper ul li:hover a {

    /*color: var(--ru-bg-yellow-1);*/

}

.new-hot-line-wrapper ul li i {

    font-size: 15px;

    color: #FFF;

    margin-bottom: 2px;



}

.new-hot-line-wrapper ul li a {

    font-size: 10px;

    color: #FFF;

    font-family: "Cairo";

    text-decoration: none;

}



.new-hot-line-wrapper ul li a:hover {
    color: #FFF;
}



.slide-menu {

    position: relative;

}



.slide-menu-overlap {

    position: absolute;

    top: 0;

    background: #7EBF3F;

    color: #fff;

    display: flex;

    /*min-width: 150px;*/

    right: 0px;

    height: 100%;

    padding: 8px 10px;

    justify-content: flex-start;

    flex-direction: row-reverse;

    transform: translateX(100%);

    transition: all 0.3s ease-in-out;

    opacity: 0;



}

.slide-menu:hover .slide-menu-overlap {

    transform: translateX(-5px);

    opacity: 1;

}

.slide-menu:hover .slide-menu-overlap i {

    margin-left: 15px;

}

.slide-menu-overlap i {

    transition: all 0.3s ease-in 0.2s;

}

.slide-menu-overlap a {

    font-size: 17px;

    font-family: "Slabo 27px";

    letter-spacing: 2px;

}





.right-search-content {

    min-width: 125px;

    margin-left: 20px;

    border-left: 1px solid #FFF;

    padding-left: 20px;

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.right-search-content span a {

    color: #666;

    font-family: "Slabo 27px";

    letter-spacing: 2px;

    margin-left: 7px;

    font-size: 12px;

}



.right-search-content span i {

    border: 1px solid #FFF;

    padding: 5px;

    border-radius: 50%;

    color: #FFF;

    width: 30px;

    height: 30px;

    display: inline-flex;

    justify-content: center;

    align-items: center;

}



.property-button {

    text-align: center;

    margin-top: 20px;

}



.property-button button {

    border: 0;

    padding: 8px 25px;

    color: #fff;

    background: #7EBF3F;

    text-align: center;

    font-size: 18px;

    font-family: "Cairo";

    letter-spacing: 2px;

    transition: all .5s;

}



.property-button button:hover {

    background: #fff;

    border: 1px solid #222;

    color: #000;

}



.single-partner {

    border: 1px solid #ddd;

    display: flex;

    justify-content: center;

    align-items: center;

    height: 150px;

    margin-right: -15px;

    margin-left: -15px;

}



.single-partner:hover {

    /*background: #7EBF3F;*/

}

.mobile-search {

    margin: 10px 30px;

}

.mobile-search-wrapper {

    height: 35px;

    position: relative;

}



.mobile-search-wrapper input {

    position: absolute;

    width: 100%;

    border: 1px solid #ddd;

    border-radius: 3px;

    height: inherit;

    padding: 0 15px;

    font-family: "Slabo 27px";

    font-size: 14px;

}







.mobile-search-wrapper i {

    position: absolute;

    top: 50%;

    right: 0;

    transform: translateY(-50%);

    height: inherit;

    display: flex;

    justify-content: center;

    align-items: center;

    width: 50px;

    background: #ddd;

    color: #fff;

}

.new-hot-line {

    position: relative;

}



.hide-new-hot-line {

    position: absolute;

    top: 109%;

    background: #000;

    width: 100%;

    left: 0%;

    text-align: center;

    color: #fff;

    cursor: pointer;

    padding: 2px 0px;

    box-shadow: 0px 0px 5px #222;

}

.deactive-new-hot-line .hide-new-hot-line {

    left: -118%;

}

.deactive-new-hot-line {

    right: -71px;

}



.new-toggle-mobile-menu {

    position: fixed;

    align-self: center;

    background: #333;

    width: 50px;

    text-align: center;

    color: #fff;

    padding: 10px;

    cursor: pointer;

    z-index: 9999;

}



.new-toggle-mobile-menu.active+.ru-mainmenu {

    display: block !important;

}



.custom-model {}

.custom-model .modal-header {

    border-bottom: 0;

}



.custom-model .modal-body {

    padding-bottom: 0;

}

.custom-model .modal-footer {

    border: 0;

    padding-top: 0;

}

.custom-model .modal-dialog {

    border-radius: 0;

}



.custom-model .modal-content {

    border-radius: 0;

    background: #fff;

}



.enq-form input,
.enq-form textarea {

    border-radius: 0;

    border: 2px solid #222;

    margin-bottom: 39px;

    padding: 20px;

}



.enq-form {

    padding: 20px;

    padding-bottom: 0;

}



.header-new-top {

    background-color: #7EBF3F;

    animation: none;

    /*border-top:20px solid #FFF;*/

    opacity: 0.9;

    min-height: 75px;





}



.header-new-top.fixed-top {

    animation: slideDown 0.8s ease-in-out both;

}



@keyframes slideDown {

    from {

        top: -100%
    }

    to {

        top: 0;

    }

}





/*_______________________________________ Blog ________________________________*/



/*_______ blog full-width ___________*/





.blog_post_meta .post {

    position: relative;

    margin-top: 31px;

}

.blog_post_meta .post .date {

    position: absolute;

    width: 62px;

    height: 67px;

    line-height: 21px;

    background: #4dc2e6;

    text-align: center;

    color: #fff;

    text-transform: uppercase;

    padding-top: 13px;

    font-weight: 700;

    right: 0;

    top: 9px;

}

.blog_post_meta .post .date:after {

    content: '';

    display: block;

    width: 0;

    height: 0;

    position: absolute;

    right: 0;

    top: 100%;

    border: 0 solid transparent;

    border-width: 14px 13px;

    border-right-width: 0;

    border-top-color: #4dc2e6;

}

.blog_post_meta .post .main_title2 {

    width: 92%;

}

.blog_post_meta .post>ul li {

    display: inline-block;

    margin: 7px 12px 0 0;

    color: #9b9b9b;

    font-size: 13px;

}

.blog_post_meta .post>ul li i {

    color: #4dc2e6;

    margin-right: 6px;

}

.blog_post_meta .post>ul li:last-child {

    margin-right: 0;

}

.blog_post_meta .post>p:nth-child(4) {

    margin: 23px 0 17px 0;

}

.blog_post_meta .post_text {

    margin: 33px 0 43px 16px;

    border: 2px solid #f1f1f1;

    position: relative;

    padding: 21px 45px;

}

.blog_post_meta .post_text i {

    font-size: 16px;

    line-height: 26px;

    display: block;

    margin-bottom: 19px;

}

.blog_post_meta .post_text img {

    width: 40px;

    height: 40px;

}

.blog_post_meta .post_text .decor {

    position: absolute;

    left: -18px;

    top: 39%;

    background: #fff;

    width: 34px;

    height: 43px;

}

.blog_post_meta .post_text .decor span {

    display: block;

    height: 4px;

    width: 33px;

    background: #4dc2e6;

    transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

}

.blog_post_meta .post_text .decor span:first-child {

    margin: 16px 0px 0 -3px;

}

.blog_post_meta .post_text .decor span:last-child {

    margin: 1px 0 0 4px;

}

.blog_post_meta .post_text p {

    display: inline-block;

    font-weight: 700;

    color: #252525;

    text-transform: uppercase;

    margin: 0 0 15px 7px;

}

.blog_post_meta .post_text p span {

    font-weight: normal;

    color: #4dc2e6;

    font-style: italic;

    text-transform: capitalize;

}

.environment_video .video_content,

.environment_video .text {

    float: left;

}

.environment_video .text {

    width: 57%;

    padding-left: 30px;

}

.environment_video .text h6 {

    text-transform: uppercase;

    color: #252525;

    margin-top: 0;

}

.environment_video .text p {

    margin: 21px 0 12px 0;

}

.environment_video .text ul {

    display: inline-block;

}



.environment_video .text ul li {

    line-height: 35px;

}

.environment_video .text ul li i {

    margin-right: 7px;

    font-size: 18px;

    vertical-align: middle;

}

.environment_video .text ul:nth-child(3) {

    margin-right: 109px;

}

.environment_video .video_content {

    position: relative;

}

.environment_video .video_content a {

    display: flex;

    display: -webkit-flex;

    -webkit-justify-content: center;

    justify-content: center;

    align-items: center;

    align-items: center;

    height: 100%;

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    text-align: center;

}

.environment_video>p {

    margin: 29px 0 33px 0;

}

.post_wrapper .share_box {

    border-top: 1px solid #f1f1f1;

    border-bottom: 1px solid #f1f1f1;

    padding: 10px 0;

}

.post_wrapper .share_box .share_links {

    float: left;

}

.post_wrapper .share_box .indicator {

    float: right;

}

.post_wrapper .share_box .share_links span,

.post_wrapper .share_box .share_links ul li,

.post_wrapper .share_box .share_links ul,

.post_wrapper .share_box .indicator ul li {

    display: inline-block;

}

.post_wrapper .share_box .share_links span {

    font-weight: 700;

    color: #252525;

    text-transform: uppercase;

    line-height: 40px;

    margin-right: 16px;

}

.post_wrapper .share_box .share_links ul li {

    width: 40px;

    height: 40px;

    background: linear-gradient(to right, #43bade 0%, #43bade 50%, #3fb3d7 50%, #3fb3d7 50%, #3fb3d7 100%);

    -ms-transform: rotate(45deg);
    /* IE 9 */

    -webkit-transform: rotate(45deg);
    /* Chrome, Safari, Opera */

    transform: rotate(45deg);

    margin-right: 7px;

}



.post_wrapper .share_box .share_links ul li a {

    display: block;

    line-height: 40px;

    text-align: center;

    font-size: 14px;

    color: #fff;

    -ms-transform: rotate(-45deg);
    /* IE 9 */

    -webkit-transform: rotate(-45deg);
    /* Chrome, Safari, Opera */

    transform: rotate(-45deg);

}

.post_wrapper .share_box .share_links ul li:hover {

    background: #f4762a;

}

.post_wrapper .share_box .indicator ul li,

.post_wrapper .share_box .indicator ul li a {

    font-weight: 700;

    color: #252525;

    text-transform: uppercase;

    line-height: 40px;

    margin-left: 2px;

}

.post_wrapper .share_box .indicator ul li:hover a {

    color: #4dc2e6;

}



.post_wrapper .blog_post_author {

    background: #f5f5f5;

    padding: 30px 30px 21px 30px;

    margin: 70px 0 61px 0;

}

.post_wrapper .blog_post_author .img_holder,

.post_wrapper .blog_post_author .text {

    display: table-cell;

    vertical-align: top;

}

.post_wrapper .blog_post_author .text {

    padding-left: 30px;

}

.post_wrapper .blog_post_author .text h6 {

    text-transform: uppercase;

    color: #252525;

    margin-top: -3px;

    margin-bottom: 20px;

}



.post_wrapper .commment_area .single_comment {

    border-bottom: 1px solid #f6f4f4;

    padding-bottom: 34px;

    margin-bottom: 40px;

    margin-top: 40px;

}

.post_wrapper .commment_area .comment_img,

.post_wrapper .commment_area .comment_text {

    display: table-cell;

    vertical-align: top;

}

.post_wrapper .commment_area .comment_img img {

    width: 90px;

    height: 90px;

}

.post_wrapper .commment_area .comment_text {

    padding-left: 28px;

}

.post_wrapper .commment_area .single_comment h6 {

    text-transform: uppercase;

    color: #252525;

    float: left;

    margin: 5px 0 21px 0;

}



.post_wrapper .commment_area .single_comment h6 span {

    font-size: 14px;

    background: #f5f5f5;

    font-weight: normal;

    text-transform: capitalize;

    color: #a0a0a0;

    margin-left: 34px;

    padding: 3px 10px;

    border-radius: 4px;

    vertical-align: top;

}

.post_wrapper .commment_area .comment_text p {

    margin: 0px 42px 18px 0;

}

.post_wrapper .commment_area .single_comment a.share {

    float: right;

    color: #9b9b9b;

    display: block;

    background: #f4f4f4;

    padding: 0 7px 0 10px;

    border-radius: 4px;

    line-height: 25px;

}

.post_wrapper .commment_area .single_comment a.share i {

    padding-right: 2px;

}

.post_wrapper .commment_area .single_comment a.reply {

    color: #4dc2e6;

}

.post_wrapper .commment_area .single_comment a.reply:hover {

    color: #f4762a;

}

.post_wrapper .leave_reply {

    margin: 70px 0;

}

.post_wrapper .leave_reply form {

    margin-top: 40px;

}

.post_wrapper .leave_reply input {

    margin-bottom: 30px;

}

.post_wrapper .leave_reply textarea {

    margin-bottom: 35px;

}



/*_______ blog large image ___________*/

.blog .post_wrapper {

    position: relative;

}

.blog .post_wrapper:before {

    content: '';

    width: 1px;

    height: calc(96% + 10px);

    position: absolute;

    top: 96px;

    right: -15px;

    background: #f1f1f1;

}

.blog_details_sidebar .blog .post_wrapper:before {

    height: calc(94% + 10px);

}

.blog_large_page {

    margin-bottom: 70px;

}

.post_wrapper .single_blog_post .read_more {

    background: #4dc2e6;

    margin-top: 15px;

    color: #fff;

}

.post_wrapper .single_blog_post:hover .read_more {

    background: #f4762a;

}

.post_wrapper .single_blog_post .post .main_title2 {

    width: 89%;

}

.post_wrapper .single_blog_post {

    margin-bottom: 50px;

}

.post_wrapper .single_blog_post .img_holder {

    overflow: hidden;

}



.post_wrapper .single_blog_post:hover .img_holder img {

    transform: scale(1.1, 1.1);

    -webkit-transform: scale(1.1, 1.1);

    -moz-transform: scale(1.1, 1.1);

    -ms-transform: scale(1.1, 1.1);

    -o-transform: scale(1.1, 1.1);

}

.post_wrapper .single_blog_post .img_holder img {

    -webkit-transition: all 0.5s linear;

    -o-transition: all 0.5s linear;

    transition: all 0.5s linear;

}





/*_________ blog Sidebar ___________*/

.blog_sidebar .sidebar_wrapper {

    padding-left: 20px;

}

.blog_sidebar .search_keywords {

    height: 45px;

    border: 1px solid #f1f1f1;

    border-radius: 4px;

    position: relative;

    padding: 5px 6px;

    margin-bottom: 43px;

}

.blog_sidebar .search_keywords input {

    width: 100%;

    height: 100%;

    border: none;

    outline: none;

    padding: 0 98px 0 3px;

}

.blog_sidebar .search_keywords button {

    width: 90px;

    line-height: 33px;

    background: #4dc2e6;

    text-align: center;

    color: #fff;

    border-radius: 4px;

    position: absolute;

    top: 5px;

    right: 6px;

}

.blog_sidebar .search_keywords button:hover,

.blog_sidebar .search_keywords button:focus {

    background: #f4762a;

}

.blog_sidebar .blog_categories ul {

    margin-top: 22px;

    margin-bottom: 38px;

}

.blog_sidebar .blog_categories ul li {

    border-bottom: 1px solid #f1f1f1;

    line-height: 43px;

}

.blog_sidebar .blog_categories ul li a {

    font-weight: normal;

    color: #a0a0a0;

    position: relative;

}

.blog_sidebar .blog_categories ul li a i {

    font-size: 18px;

    vertical-align: middle;

    margin-right: 5px;

}

.blog_sidebar .blog_categories ul li a:hover {

    color: #4dc2e6;

    padding-left: 10px;

}

.blog_sidebar .blog_categories ul li a:before {

    content: '';

    width: 0;

    height: 100%;

    background: #4dc2e6;

    position: absolute;

    top: 0;

    left: -20px;

    -webkit-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}

.blog_sidebar .blog_categories ul li a:hover:before {

    width: 3px;

}

.blog_sidebar .sidebar_latest_news .single_news_wrapper {

    margin: 40px 0;

}

.blog_sidebar .sidebar_latest_news .news_single .img_holder,

.blog_sidebar .sidebar_latest_news .news_single .text {

    display: table-cell;

    vertical-align: top;

}

.blog_sidebar .sidebar_latest_news .news_single .text {

    padding-left: 20px;

}

.blog_sidebar .sidebar_latest_news .news_single .text h6 {

    margin: -7px 0 5px 0;

    font-size: 14px;

    text-transform: uppercase;

    color: #252525;

    line-height: 24px;

}

.blog_sidebar .sidebar_latest_news .news_single .text ul li {

    display: inline-block;

    margin-right: 9px;

    font-size: 13px;

    color: #9b9b9b;

}

.blog_sidebar .sidebar_latest_news .news_single .text ul li:last-child {

    margin-right: 0;

}

.blog_sidebar .sidebar_latest_news .news_single .text ul li i {

    margin-right: 6px;

    color: #4dc2e6;

}

.blog_sidebar .sidebar_latest_news .news_single {

    margin-bottom: 30px;

}

.blog_sidebar .twitter_widget ul {

    margin-top: 31px;

}

.blog_sidebar .twitter_widget ul li {

    line-height: 24px;

    padding-left: 21px;

    position: relative;

    margin-bottom: 17px;

}

.blog_sidebar .twitter_widget ul li a {

    font-weight: normal;

    color: #4dc2e6;

}

.blog_sidebar .twitter_widget ul li:before {

    content: 'ï‚™';

    font-family: 'font-awesome';

    position: absolute;

    top: 0;

    left: 0;

    color: #4dc2e6;

}

.blog_sidebar .find_us_facebook {

    margin-top: 33px;

}

.blog_sidebar .find_us_facebook .img_holder {

    position: relative;

    margin-top: 40px;

}

.blog_sidebar .find_us_facebook .img_holder .logo {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 10px;

    left: 0;

    text-align: center;

}

.blog_sidebar .find_us_facebook .img_holder .logo h6 {

    font-size: 24px;

    color: #fff;

    text-transform: uppercase;

}

.blog_sidebar .find_us_facebook .img_holder .logo a {

    width: 90px;

    line-height: 23px;

    background: #fff;

    font-weight: normal;

    font-size: 12px;

    color: #252525;

    border-radius: 4px;

    position: absolute;

    bottom: -2px;

    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.23);

}

.blog_sidebar .find_us_facebook .img_holder .logo a i {

    color: #a0a0a0;

    margin-right: 1px;

}

.blog_sidebar .find_us_facebook .img_holder .logo a img {

    margin-right: 3px;

}

.blog_sidebar .find_us_facebook .img_holder .logo a.facebook {

    left: 10px;

}

.blog_sidebar .find_us_facebook .img_holder .logo a.contact {

    right: 10px;

}

.blog_sidebar .find_us_facebook .first_friend ul li {

    display: inline-block;

    margin-right: 2px;

}

.blog_sidebar .find_us_facebook .first_friend {

    background: #f5f5f5;

    padding: 24px 10px 15px 9px;

}

.blog_sidebar .find_us_facebook .first_friend span {

    font-size: 12px;

    color: #252525;

    display: block;

    margin-bottom: 6px;

}

.blog_sidebar .find_us_facebook .first_friend ul li:last-child {

    margin-right: 0;

}

.blog_sidebar .tag_cloud {

    margin-top: 40px;

}

.blog_sidebar .tag_cloud ul li {

    display: inline-block;

    margin-right: 3px;

    margin-bottom: 10px;

}

.blog_sidebar .tag_cloud ul li a {

    line-height: 25px;

    background: #f5f5f5;

    font-weight: normal;

    color: #a0a0a0;

    padding: 0 15px;

    border-radius: 4px;

}

.blog_sidebar .tag_cloud ul li a:hover {

    color: #FFF;

    background: #4dc2e6;

}

.blog_sidebar .tag_cloud ul {

    margin-top: 40px;

}



/*_________ Blog list view ___________*/



.blog_list_view .blog_single_item_list .img_holder,

.blog_list_view .blog_single_item_list .post {

    float: left;

    vertical-align: top;

    position: relative;

}

.blog_list_view .blog_single_item_list .img_holder a {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    display: flex;

    display: -webkit-flex;

    -webkit-justify-content: center;

    justify-content: center;

    align-items: center;

    align-items: center;

}

.blog_list_view .blog_single_item_list .post {

    width: 68%;

    padding-left: 30px;

    margin-top: 0;

}

.blog_list_view .blog_single_item_list .post .main_title2 h6 {

    margin-top: 0;

    padding-top: 0;

}

.blog_list_view .blog_single_item_list .post .main_title2 {

    width: 85%;

}

.blog_list_view .blog_single_item_list .post>a {

    background: #4dc2e6;

    margin-top: 15px;

    color: #fff;

}

.blog_list_view .blog_single_item_list .post>a:hover {

    background: #f4762a;

}

.blog_list_view .blog_single_item_list {

    border-bottom: 1px solid #f1f1f1;

    padding-bottom: 30px;

    margin-bottom: 30px;

}

.blog_list_view .blog_single_item_list .blog_post_meta .post .date {

    right: -9px;

    top: 0;

}

.blog_list_view .page_indicator {

    margin: 50px 0 69px 0;

}

.blog_list_view.blog .post_wrapper:before,

.blog_grid_view.blog .post_wrapper:before {

    height: calc(92% + 10px);

}



/*_________ Blog Grid view ___________*/

.blog_grid_view .blog_single_grid {

    margin-bottom: 30px;

}

.blog_grid_view .blog_single_grid .img_holder {

    position: relative;

    overflow: hidden;

}



.blog_grid_view .blog_single_grid .img_holder a {

    display: flex;

    display: -webkit-flex;

    -webkit-justify-content: center;

    justify-content: center;

    align-items: center;

    align-items: center;

    height: 100%;

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    text-align: center;

}

.blog_grid_view .blog_single_grid .post {

    background: #f5f5f5;

    position: relative;

    padding: 17px 10px 23px 32px;

}



.blog_grid_view .blog_single_grid .img_holder:before {

    /*content: "";

    width: 100%;

    height: 30px;

    position: absolute;

    top: calc(100% - 30px);

    right: -30px;

    background: #f5f5f5;*/

}

.blog_grid_view .blog_single_grid .img_holder:after {

    /*content: "";

    width: 0;

    height: 0;

    margin-left: -30px;

    position: absolute;

    top: calc(100% - 30px);

    left: 30px;

    border: 15px solid #f5f5f5;

    border-left: 15px solid transparent;

    border-top: 15px solid transparent;*/

}



.blog_grid_view .blog_single_grid .post h6 {

    margin-top: 0;

    /*color:#252525;*/

    text-transform: uppercase;

}



.blog_grid_view .blog_single_grid .post>a {

    color: #717376;

    font-weight: bolder;

    line-height: 24px;

    margin-top: 7px;

}

.blog_grid_view .blog_single_grid .post>a:hover {

    color: #7EBF3F;

    text-decoration: underline;

}

.blog_grid_view .blog_single_grid>ul {

    background: #efefef;

    padding: 9px 0 11px 31px;

}

.blog_grid_view .blog_single_grid>ul li {

    display: inline-block;

    font-size: 13px;

    margin-right: 9px;

}

.blog_grid_view .blog_single_grid>ul li i {

    color: #717376;

    margin-right: 6px;

}

.blog_grid_view .blog_single_grid>ul li:last-child {

    margin-right: 0;

}

.blog_grid_view .blog_single_grid .post>span {

    display: block;

    width: 36px;

    line-height: 36px;

    font-size: 16px;

    color: #fff;

    background: #4dc2e6;

    text-align: center;

    position: absolute;

    top: -47px;

    left: 33px;

}



.login-form input,
.login-form textarea {



    border-radius: 0;

    font-family: "Slabo 27px";

    border: 0;

    border-bottom: 2px solid #7EBF3F;

    background: transparent;

    padding: 0;



}

.login-form input:focus,
.login-form textarea:focus {

    border: 0;

    border-bottom: 2px solid #222;

    box-shadow: none;

    background: transparent;

}



.login-form a,
.login-form button {

    color: #666 !important;

    text-decoration: underline;

    font-family: 'Cairo';

}



.login-form button {

    color: transparent !important;

    text-decoration: none;

    min-width: 130px;

    background: transparent !important;

    position: relative;

    overflow: hidden;

}



/*.login-form button:hover {

    background: #222 !important;

}*/







.login-form {

    border: 1px solid #ddd;

    padding: 20px;

    border-top: 5px solid #1A73E8;

    min-height: 280px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    box-shadow: 0px 0px 2px 2px #f1f1f1;

    border-radius: 5px;

}



.login-form .form-group {

    margin-bottom: 40px;

}



.login-form .form-group:last-of-type {

    margin-bottom: 10px;

}



.login-form label {
    font-family: "Slabo 27";
}



section.common-section.header-plus-slider {

    overflow: visible;

}



.single-career {

    padding: 20px;

    background: #f8f8f8;

    border-left: 4px solid var(--ru-bg-blue-5);

    border-radius: 3px;

    overflow: hidden;

}





.career-info {

    font-size: 14px;

    margin-top: 5px;

    margin-bottom: 20px;

    font-family: 'Slabo 27px';

    color: #222;

}



.career-apply {

    text-align: right;

    display: inline-block;

    float: right;

    padding: 8px 20px;

    background: var(--ru-bg-blue-5);

    color: #fff;

    font-family: 'Cairo';

    text-transform: uppercase;

}



.career-apply a {

    color: #fff;

}



span.career-location {

    flex-basis: 75%;

}

span.career-deadline {

    text-align: right;

    color: red;

    flex-basis: 25%;

}



.single-news {

    background: #f3f4f4;

    padding: 20px;

    border-radius: 3px;

    box-shadow: 0 0 5px #f3f4f4;

    border: 1px solid #dee4e4;

    transition: all 0.3s ease-in-out;

}



.single-news:hover {

    transform: translateY(-10px);

}



.news-date {

    font-family: 'Cairo';

    font-weight: 700;

    color: #999;

}



.news-view-all a {

    display: inline-block;

    text-align: left;

    margin-top: 10px;

    color: #fff;

    font-family: 'Cairo';

    text-transform: uppercase;

    padding: 5px 12px;

    margin-top: 10px;

    border-radius: 3px;

    border: 1px solid #ddd;

    width: 100%;

    text-align: center;

    color: #222;

    transition: all 0.3s;

}



.news-view-all a:hover {

    border: 2px solid #fff;

}



.single-events {

    border: 1px solid #ddd;

    border-radius: 3px;

    overflow: hidden;

    box-shadow: 0px 0px 2px #d8d8d8;

    transition: all .3s;

}



.events-content {

    padding: 0px 20px;

    text-align: justify;

}



.events-content p {

    margin: 0;

}



.events-button {

    /* padding: 0px 20px; */

    text-align: right;

}



.events-button a {

    background: #575d5d;

    padding: 10px 20px;

    display: inline-block;

    color: #fff;

    text-transform: uppercase;

    font-family: 'Cairo';

    font-weight: 700;

}



.events-thumbnail,
.events-content {

    margin-bottom: 15px;

}



.single-events:hover {

    transform: translateY(-10px);

}



.radio-group .radio {

    flex-basis: 100%;

    margin-right: 5px;

    font-size: 14px;

}



.radio-group * {

    cursor: pointer;

}



.radio-group label:hover {

    transform: scale(1.05);

}



.radio-group label:hover i.good,
.radio-group label:hover span.good {

    color: green;

}





.radio-group label:hover i.bad,
.radio-group label:hover span.bad {

    color: red;

}

.radio-group label {

    transition: all 0.3s;

}



.custom-radio:checked~i.good,
.custom-radio:checked~span.good {

    color: green;

}



.custom-radio:checked~i.bad,
.custom-radio:checked~span.bad {

    color: red;

}



.header-new-top-container {

    /* min-height: 50px;*/

}



.animi {

    position: relative;

}

.animi input:focus+.line-animation-middle,
.animi textarea:focus+.line-animation-middle {

    transform: rotateY(0deg);

}

.line-animation-middle {

    position: absolute;

    bottom: 0;

    width: 100%;

    height: 3px;

    background: #1A73E8;

    transform: rotateY(90deg);

    transition: all 0.5s ease-out;

}





.login-form button:before {

    color: #fff !important;

    position: absolute;

    content: 'Login';

    top: 100%;

    left: -100%;

    width: 100%;

    background: #717376;

    height: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    transition: all 0.3s ease-in-out;

}

.login-form button:hover:before {



    top: 0%;

    left: 0%;

}



.login-form button:after {

    color: #fff;

    position: absolute;

    content: 'Login';

    top: 0%;

    left: 0%;

    width: 100%;

    background: #1A73E8;

    height: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    transition: all 0.3s ease-in-out;

}

.login-form button:hover:after {

    top: -100%;

    left: 100%;

}

.login-form button.feedback-button:before,

.login-form button.feedback-button:after {

    content: 'feedback';

}

.login-form button.recover-button:before,

.login-form button.recover-button:after {

    content: 'Send Recovery Mail';

}



.login-form button.enquire-button:before,

.login-form button.enquire-button:after {

    content: 'Your Enquire';

}



.lock-icon {

    width: 100px;

    height: 100px;

    border: 2px solid #1A73E8;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 50%;

    margin: 0 auto;

}

.single-feedback {

    color: #1A73E8;

}



.single-feedback i {

    margin-bottom: 10px;

}



.single-feedback span {

    font-family: 'Cairo';

    text-transform: uppercase;

    font-size: 10px;

    font-weight: 900;

}



.carousel-inner {

    /*height:450px;*/

}