@charset "utf-8";
/*@import "https://fonts.googleapis.com/css?family=Source Sans Pro:300,400,500,600,700&display=swap" ;*/
@import "https://fonts.googleapis.com/css?family=Assistant:300,400,500,600,700&display=swap" ;
body {
font-family : 'assistant';
background : #ffffff;
}
p {
font-family : 'assistant';
font-size : 1.1em;
font-weight : 300;
line-height : 1.6em;
color : #999;
}
a, a:hover, a:focus {
color : inherit;
text-decoration : none;
border : none 0;
}
a:hover {
transition : all 0.3s;
}
a:active {
color : #0254EB;
background : 0 0;
}
a.morelink {
text-decoration : none;
outline : none;
}
.morecontent span {
display : none;
}
.comment {
max-width : 430px;
background-color : #f0f0f0;
padding : 5px;
font-size : 12px;
}
.grey-font {
color : #646464;
}
.navbar {
padding-right : 0;
border : none;
border-radius : 0;
margin-bottom : 40px;
}
.nav-background {
background-color : #faf3e6;
color : #ffffff;
}
.navbar-btn {
box-shadow : none;
outline : none !important ;
border : none;
}
.line {
width : 100%;
height : 1px;
border-bottom : 1px dashed #ddd;
margin : 40px 0;
}
.menu-ico {
padding : 0;
}
.custom-justify-class {
justify-content : space-between;
}
.nav-link-style {
font-weight : 600;
font-size : 15px;
padding-right : 0;
}
.nav-link-style:hover {
color : #02760B;
}
.nav-registration-btn {
font-weight : 600;
padding : 5px;
padding-top : 0;
padding-bottom : 3px;
min-width : 70px;
margin-right : 10px;
font-size : 15px;
background-color: #2F6F9E;
border : #2F6F9E solid 1px;
border-radius : 0.2rem;
color: #ffffff;
}
.nav-registration-btn:hover {
color : #ffffff;
background-color : #2F6F9E;
border-color : #2F6F9E;
}
.nav-membership-btn {
font-weight : 600;
padding : 5px;
padding-top : 0;
padding-bottom : 2px;
min-width : 70px;
margin-right : 10px;
font-size : 15px;
background-color: #103C7C;
color: #ffffff;
border : #103C7C solid 1px;
border-radius : 0.2rem;
}
.nav-membership-btn:hover {
color : #ffffff;
background-color : #103C7C;
border : #103C7C solid 1px;
}
.button-overlap-text {
background-color : #DC3545;
padding : 0;
font-size : 15px;
margin-top : -15px;
max-width : 50px;
margin-left : 30px;
color : #ffffff;
border-radius : 3px;
}
.blockHead:after {
color:#503F2B;
border-left: 19px solid;
border-top: 19px solid transparent;
border-bottom: 19px solid transparent;
display: inline-block;
content: '';
position: absolute;
right: -19px;


}
.blockHead {
background-color:#503F2B;
/*width: 150px; */
max-height: 37px;
display: inline-block;
position: relative;

}
.blocktext{
font-size: 16px; 
font-weight: 600; 
color: #ffffff;
line-height: 37px;
vertical-align: middle;
padding-top: 10px;
}
.nav-short-listed-btn {
background-color : #E38C2A;
border : #C77A23;
color : #FFFFFF;
margin-left : 10px;
padding : 6.2px;
font-weight : 600;
	/*599998*/
}
.nav-short-listed-btn:hover {
background-color : #AD7712;
color : #FFFFFF;
transition : color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.signout-btn {
color : #fff;
background-color : #2F6F9E;
padding : 5px;
}
.signout-btn:hover {
background-color : #2F6F9E;
color : #FFFFFF;
transition : color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn-search-custom {
    color: #000000;
    background-color: #FCCA7B;
    border-color: #FCCA7B;
	font-weight: 600;
}
.btn-search-custom:hover {
    color: #000000;
    background-color: #DA9E3E;
    border-color: #DA9E3E;
	font-weight: 600;
}
.dropdown-menu-custom-user-prof {
min-width : 10.8rem;
font-size : 1rem;
color : #C9C9C9;
text-align : left;
background-color : #323334;
background-clip : padding-box;
border : rgb(0, 0, 0, 0.15) solid 1px;
border-radius : 0.25rem;
padding-bottom : 0;
padding-top : 0;
}
.dropdown-item-custom-user-prof {
display : block;
width : 100%;
padding : 0.45rem 1rem;
clear : both;
font-weight : 400;
color : #C9C9C9;
text-align : inherit;
text-decoration : none;
white-space : nowrap;
background-color : transparent;
border : 0;
border-bottom : 1px solid #ffffff;
}
.dropdown-item-custom-user-prof:hover {
background : #434445;
color : #C9C9C9;
border-bottom : 1px solid #ffffff;
}
#sidebar {
width : 250px;
position : fixed;
top : 0;
left : -250px;
height : 100vh;
z-index : 999;
background : #312E2E;
color : #fff;
transition : all 0.3s;
overflow-y : scroll;
box-shadow : 3px 3px 3px rgb(0, 0, 0, 0.2);
margin-top : 60px;
}
#sidebar.active {
left : 0;
}
#dismiss {
width : 25px;
height : 25px;
line-height : 25px;
text-align : center;
background : #DC3545;
position : absolute;
top : 3px;
right : 10px;
cursor : pointer;
transition : all 0.3s;
}
#dismiss:hover {
background : #fff;
color : #7386D5;
}
.overlay {
display : none;
position : fixed;
width : 100vw;
height : 100vh;
background : rgb(0, 0, 0, 0.7);
z-index : 998;
opacity : 0;
transition : all 0.5s ease-in-out;
}
.overlay.active {
display : block;
opacity : 1;
}
#sidebar .sidebar-header {
padding : 5px;
background : #353535;
font-size : 14px;
}
#sidebar ul.components {
padding : 10px 0;
border-bottom : 1px solid #DC3545;
}
#sidebar ul p {
color : #fff;
padding : 5px;
}
#sidebar ul li a {
padding : 5px;
font-size : 14px;
display : block;
color : #FFFFFF;
}
#sidebar ul li a:hover {
color : #212529;
background : #fff;
}
#sidebar ul li.active > a, a[aria-expanded="true"] {
color : #fff;
background : #212529;
}
a[data-toggle="collapse"] {
position : relative;
}
.dropdown-toggle::after {
right : 20px;
}
ul ul a {
font-size : 0.9em !important ;
padding-left : 30px !important ;
background : #6d7fcc;
}
ul.CTAs {
padding : 20px;
}
ul.CTAs a {
text-align : center;
font-size : 0.9em !important ;
display : block;
border-radius : 5px;
margin-bottom : 5px;
}
a.download {
background : #fff;
color : #7386D5;
}
a.article, a.article:hover {
background : #6d7fcc !important ;
color : #fff !important ;
}
#enquireModal .nav-tabs {
background-color : #5574F0;
border-bottom : 1px solid #5574F0;
color : #ffffff;
}
#enquireModal .nav-tabs .nav-item.show .nav-link, #enquireModal .nav-tabs .nav-link.active {
color : #ffffff;
background-color : rgb(81, 168, 51, 1.00);
border-color : rgb(81, 168, 51, 1.00) rgb(81, 168, 51, 1.00) #ffffff;
border-radius : 0;
border-bottom : 0;
}
#enquireModal .nav-tabs .nav-link {
color : #ffffff;
background-color : #5574F0;
border : none;
border-bottom : 0;
}
#enquireModal .nav-tabs .nav-link.active:hover {
color : #ffffff;
background-color : rgb(60, 146, 31, 1.00);
}
#enquireModal .nav-tabs .nav-link:hover {
color : #ffffff;
background-color : rgb(81, 168, 51, 1.00);
border-bottom : 0;
}
.banner-img-container {	
/*border: 1px solid rgba(0,0,0,.125); */
border: none; 
border-radius: 10px;
position: relative;
justify-content: space-between;
		
}
.image-overlay-content {
position: absolute;
top: 170px;
left: 50%;
right: 50%;
width: 100%;
color: #ffffff;

transform: translate(-50%, -50%);
}
.proj-search-top{
		top: 49.9%;
	}
.submitbutton {
background : #e67e22;
border : rgb(0, 0, 0, 0.1) solid 3px;
color : #fff;
border-color : #e67e22;
transition-delay : 0s;
width : 100%;
font-size : 15px;
border : solid 0;
transition : all 0.2s cubic-bezier(0.4,0,0.2,1);
padding : 5px 15px;
margin-bottom : 16px;
border-radius : 5px;
}
.submitbutton:hover {
transition : color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
background-color : rgb(81, 168, 51, 1.00);
color : #ffffff;
}
.btn-login-modal-close {
box-sizing : content-box;
width : 1em;
height : 1em;
padding : 0;
color : rgb(81, 168, 51, 1.00);
font-size : 24px;
background : 0 0;
border : 0;
border-radius : 0.25rem;
opacity : 1;
}
.btn-login-modal-close:hover {
color : #DC3545;
}
.btn-login {
color : #fff;
background-color : #103C7C;
border-color : #103C7C;
}
.btn-login:hover {
background-color : #103C7C;
border-color : #103C7C;
color : #FFFFFF;
transition : color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn-register {
color : #fff;
background-color : rgb(81, 168, 51, 1.00);
border-color : rgb(81, 168, 51, 1.00);
}
.btn-register:hover {
background-color : rgb(60, 146, 31, 1.00);
color : #FFFFFF;
transition : color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn-details {
color : #fff;
background-color : #5574F0;
border-color : #5574F0;
cursor: pointer;
}
.btn-details:hover {
background-color : #5574F0;
color : #FFFFFF;
cursor: pointer;
transition : color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn-details-search-mob {
/*#c66388*/
color : #000000;
background-color : #ffffff;
border : 1px solid #5574f0;		
cursor: pointer;
margin-top: 0.8px;
padding-top: 0px;
padding-bottom: 0px;
}
.btn-details-search-mob:hover {
background-color : #6188BD;
border : 1px solid #6188BD;	
padding-top: 0px;
padding-bottom: 0px;
color : #FFFFFF;
cursor: pointer;
transition : color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-details-search-desk {
/*#c66388*/
color : #000000;
background-color : #ffffff;
border : 1px solid #5574f0;		
cursor: pointer;
margin-top: 0.8px;
padding-top: 0px;
padding-bottom: 0px;
}
.btn-details-search-desk:hover {
background-color : #6188BD;
border : 1px solid #6188BD;	
padding-top: 0px;
padding-bottom: 0px;
color : #FFFFFF;
cursor: pointer;
transition : color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.login-close-btn-container {
padding : 5px;
height : 60px;
width : 60px;
background-color : #fff;
margin : 0 auto;
border-radius : 50%;
box-shadow : none;
border : #C4C4C4 solid 2px;
}
.login-modal-body-style {
background-color : #fff;
padding-top : 40px;
padding-left : 15px;
padding-right : 15px;
margin-top : -32px;
border : #C4C4C4 solid 2px;
border-radius : 10px;
}
.preload-container {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}	
.item {
  width: 25px;
  height: 25px;
  position: absolute;
}

.item-1 {
  background-color: #FA5667;
  top: 0;
  left: 0;
  z-index: 1;
  animation: item-1_move 1.8s cubic-bezier(.6,.01,.4,1) infinite;
}

.item-2 {
  background-color: #7A45E5;
  top: 0;
  right: 0;
  animation: item-2_move 1.8s cubic-bezier(.6,.01,.4,1) infinite;
}

.item-3 {
  background-color: #1B91F7;
  bottom: 0;
  right: 0;
  z-index: 1;
  animation: item-3_move 1.8s cubic-bezier(.6,.01,.4,1) infinite;
}

.item-4 {
  background-color: #FAC24C;
  bottom: 0;
  left: 0;
  animation: item-4_move 1.8s cubic-bezier(.6,.01,.4,1) infinite;
}

@keyframes item-1_move {
  0%, 100% {transform: translate(0, 0)} 
  25% {transform: translate(0, 25px)} 
  50% {transform: translate(25px, 25px)} 
  75% {transform: translate(25px, 0)} 
}

@keyframes item-2_move {
  0%, 100% {transform: translate(0, 0)} 
  25% {transform: translate(-25px, 0)} 
  50% {transform: translate(-25px, 25px)} 
  75% {transform: translate(0, 25px)} 
}

@keyframes item-3_move {
  0%, 100% {transform: translate(0, 0)} 
  25% {transform: translate(0, -25px)} 
  50% {transform: translate(-25px, -25px)} 
  75% {transform: translate(-25px, 0)} 
}

@keyframes item-4_move {
  0%, 100% {transform: translate(0, 0)} 
  25% {transform: translate(25px, 0)} 
  50% {transform: translate(25px, -25px)} 
  75% {transform: translate(0, -25px)} 
}
/* rows */
        div.dropdown-multicol{
          width: 50em;
        }
        div.dropdown-row>a.dropdown-item{
          display:inline-block;
          width: 30%;
         margin: 10px;
        }

    /* Columns */
        div.dropdown-multicol2{
          width: 50em;
        }
        div.dropdown-multicol2>div.dropdown-col{
          display:inline-block;
          width: 30%;
          margin: 8px;

        }
     .arrow-up {
          width: 0; 
          height: 0; 
          border-left: 5px solid transparent;
          border-right: 5px solid transparent;
          border-bottom: 5px solid black;
        }
   /* .dropdown-menu {
        border-radius: 0;
    }
	.dropdown-toggle::after {                                    
		vertical-align: 0.155em;   

	}*/
	#dropdownMenuButton2.dropdown-toggle::after {
		border: none;
		content: none;
	}
	
	#enq_circle {
		margin-top: 8px;

	}
	#enq_circle .ih-item.circle.effect1 .spinner {
		width: 90px;
		height: 90px;
		border: 10px solid #29D8DE;
		border-right-color: #5574F0;
		border-bottom-color: #5574F0;
		border-radius: 50%;
		-webkit-transition: all 0.8s ease-in-out;
		-moz-transition: all 0.8s ease-in-out;
		transition: all 0.8s ease-in-out;
	}

	#enq_circle .ih-item.circle.effect1 .info a {
		color: #fff;
		text-transform: uppercase;
		position: relative;
		letter-spacing: 2px;
		font-size: 11px;
		margin: 0 5px;
		padding: 5px 0 0 0;
		height: 70px;
		text-shadow: 0 0 1px white, 0 1px 2px rgb(0 0 0 / 30%);
	}
	#enq_circle .ih-item.circle.effect1 .info p {
		color: #bbb;
		padding: 5px 5px;
		font-style: italic;
		margin: 0 10px;
		font-size: 12px;
		border-top: 1px solid rgba(255, 255, 255, 0.5);
	}
	.home-search-transperant-top-bg {
			background-color: rgba(0, 0, 0, 0.6);
			padding-top: 17px;
			padding-bottom: 5px;
			z-index: 2;
			text-align: left;
			/*min-width: 240px;
			max-width: 240px;*/
			/*min-width: 680px;
			max-width: 680px;*/
			border-radius: 0px;
			padding-bottom: 0px;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
		}

		.resi-btn {
			color: #fff;
			background-color:  #31B903;
			min-height: 32px;

			/*border-color: rgba(81,168,51,1.00);*/

		}
		.resi-btn:hover {
			background-color: #31B903; 
			color: #FFFFFF;
			transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
			/*border-color: rgba(81,168,51,1.00);*/
		}

		.comm-btn {
			color: #fff;
			background-color:  rgba(85,116,240,1.00);
			/*border-color: rgba(81,168,51,1.00);*/
			min-height: 32px;

		}
		.comm-btn:hover {
			background-color: #31B903; 
			color: #FFFFFF;
			transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
			/*border-color: rgba(81,168,51,1.00);*/
		}
	
	.checkbox_style {
            display: block;
            position: relative;
            padding-left: 25px;
            margin-bottom: 0px;
            cursor: pointer;
            font-size: 14px;
        }
	/* Hide the default checkbox */
       #wb_zone_list input[type=checkbox], #wb_location_list input[type=checkbox], #left_prop_type input[type=checkbox], #projectStatus input[type=checkbox], #getBedRoom input[type=checkbox], #rera_stat input[type=checkbox], #propTypeMobFilter input[type=checkbox], #propTypeMobFilter_style input[type=checkbox], #consStatFilter input[type=checkbox], #constStatusMobHeaderFilter input[type=checkbox], #getBhktypeMobFilter input[type=checkbox], #bhkTypeHeaderFilter input[type=checkbox],#invalidCheck3 input[type=checkbox] {
            visibility: hidden;
        }
		
     #wb_zone_list input[type=radio], #wb_location_list input[type=radio], #left_prop_type input[type=radio], #projectStatus input[type=radio], #getBedRoom input[type=radio], #rera_stat input[type=radio], #propTypeMobFilter input[type=radio], #propTypeMobFilter_style input[type=radio], #consStatFilter input[type=radio], #constStatusMobHeaderFilter input[type=radio], #getBhktypeMobFilter input[type=radio], #bhkTypeHeaderFilter input[type=radio],#invalidCheck3 input[type=radio] {
            visibility: hidden;
        }
	
	/* Creating a custom checkbox
        based on demand */
        .geekmark {
            position: absolute;
            top: 3px;
            left: 2px;
            height: 14px;
            width: 14px;
            /*background-color: black;*/
			border: 1px solid #9A9A9A;
        }
          
        /* Specify the background color to be
        shown when hovering over checkbox */
        .checkbox_style:hover input ~ .geekmark {
            background-color: #5574F0;
        }
          
        /* Specify the background color to be
        shown when checkbox is active */
        .checkbox_style input:active ~ .geekmark {
            background-color: #C259E4;
        }
          
        /* Specify the background color to be
        shown when checkbox is checked */
        .checkbox_style input:checked ~ .geekmark {
            background-color: #31B903;
        }
          
        /* Checkmark to be shown in checkbox */
        /* It is not be shown when not checked */
        .geekmark:after {
            content: "";
            position: absolute;
            display: none;
        }
          
        /* Display checkmark when checked */
        .checkbox_style input:checked ~ .geekmark:after {
            display: block;
        }
          
        /* Styling the checkmark using webkit */
        /* Rotated the rectangle by 45 degree and 
        showing only two border to make it look
        like a tickmark */
        .checkbox_style .geekmark:after {
            left: 4px;
            bottom: 3px;
            width: 4px;
            height: 9px;
            border: solid white;
            border-width: 0 2px 2px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }
#locationType input[type=checkbox], #constStatusType input[type=checkbox],#bhk_type_specType input[type=checkbox], #areaType input[type=checkbox], #budgetType input[type=checkbox], #localityType input[type=checkbox]  {
	visibility: hidden;
}
#locationType input[type=radio], #constStatusType input[type=radio],#bhk_type_specType input[type=radio], #areaType input[type=radio], #budgetType input[type=radio], #localityType input[type=radio], #prop_Type_Option input[type=radio]   {
	visibility: hidden;
}
.top-filter-button-mob {
	min-width: 190px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 16px;
	font-weight: 400;
	color: #454545;
	line-height: 27px;
	background: #D0C8BA;
	border-radius: 4px;
}

.enq-drop-bg.show{
background-color: #323334;
color: #f0e6d5;
width: 100%; 
border: none; 
padding: 15px; 
text-align:justify;
}

.top-filter-button-mob::after {
float: right;
margin-top: 10px;
display: block;
content: "";
width: 10px;
height: 10px;
top: 50%;
right: 15px;
border-top: 0 solid;
border-left: 0 solid;
border-bottom: 3px solid #ededed;
border-bottom-left-radius: 0px;
border-right: 3px solid #ededed;
transform: rotate(45deg) translateY(-50%);
transition: all 0.4s ease-in-out;
transform-origin: 50% 0;
text-align: justify;
}
.top-filter-button-mob-enq {
max-width: 190px;
padding-left: 15px;
padding-right: 15px;
font-size: 14px;
font-weight: 600;
color: #454545;
line-height: 18px;
background: #D0C8BA;
border-radius: 4px;
text-align: justify;
margin-left: 10px;
margin-top: 6px;
margin-bottom: 6px;
}
.top-filter-button-mob-enq::after {
float: right;
margin-top: 8px;
display: block;
content: "";
width: 11px;
height: 10px;
top: 50%;
right: 15px;
 border-top: 0 solid;
border-bottom: 3px solid #5C5C5C;
border-right: 3px solid #5C5C5C;
transform: rotate(45deg) translateY(-50%);
transition: all 0.4s ease-in-out;
transform-origin: 50% 0;
text-align: justify;
}
.top-filter-button-desk {
    min-width: 192px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
    font-weight: 400;
    color: #454545;
    line-height: 27px;
    background: #D0C8BA;
    border-radius: 4px;
}
.top-filter-button-desk::after {
float: right;
margin-top: 10px;
display: block;
content: "";
width: 10px;
height: 10px;
top: 50%;
right: 15px;
border-top: 0 solid;
border-left: 0 solid;
border-bottom: 3px solid #5C5C5C;
border-bottom-left-radius: 0px;
border-right: 3px solid #5C5C5C;
transform: rotate(45deg) translateY(-50%);
transition: all 0.4s ease-in-out;
transform-origin: 50% 0;
text-align: justify;
}

.forgot-psw-link {
padding-top : 8px;
padding-bottom : 8px;
border : #5574f0 solid 1px;
background-color : #768EED;
color : #FFFFFF;
max-width : 55%;
border-radius : 25px;
margin : 0 auto;
}
.service-slider-heading {
margin-top : 71px;
padding-top : 10px;
padding-bottom : 10px;
background-color : rgb(87, 80, 75, 0.6);
border-top-left-radius : 20px;
border-top-right-radius : 20px;
padding-left : 0;
padding-right : 0;
}
.service-slider-outer-container {
padding-top : 5px;
padding-bottom : 25px;
background-color : #cfc1b3;
z-index : 100;
border-bottom-left-radius : 20px;
border-bottom-right-radius : 20px;
}
.home-about-outer-comtainer {
height : 344px;
background-color : #acb666;
max-width : 90%;
margin-left : 0;
border-radius : 15px;
}
.home-about-inner-section {
max-width : 89%;
margin-left : 19%;
padding-left : 10px;
padding-right : 25px;
background-color : #F0E6D5;
border-radius : 15px;
min-height : 344px;
margin-top : -270px;
margin-bottom : 100px;
z-index : 2;
box-shadow : -5px -5px 5px rgb(0, 0, 0, 0.5);
}
.home-res-proj-outer-section {
min-height : 344px;
background-color : #efb176;
max-width : 90%;
margin-left : 0;
border-radius : 15px;
border-bottom-left-radius : 0;
}
.home-res-proj-inner-section {
max-width : 89%;
margin-left : 19%;
padding-left : 25px;
padding-right : 25px;
background-color : #f0e6d5;
border-radius : 15px;
min-height : 344px;
box-shadow : -5px -5px 5px rgb(0, 0, 0, 0.5);
}
.home-com-proj-outer-section {
min-height : 344px;
background-color : #FDDF97;
max-width : 90%;
margin-left : 0;
border-radius : 15px;
border-bottom-left-radius : 0;
}
.home-com-proj-inner-section {
max-width : 89%;
margin-left : 19%;
padding-left : 25px;
padding-right : 25px;
background-color : #F0E6D5;
border-radius : 15px;
min-height : 344px;
box-shadow : -5px -5px 5px rgb(0, 0, 0, 0.5);
}
.home-enq-sec-border {
border : rgb(119, 119, 119, 0.3) solid 2px;
border-radius : 15px;
padding : 15px;
}
.home-enq-outer-section {
height : 344px;
background-color : #6188BD;
max-width : 100%;
margin-left : 0;
border-radius : 15px;
}
.home-enq-outer-imgbg {
width : 266px;
height : 344px;
margin-top : 0;
margin-left : -12px;
z-index : 1;
border-bottom-left-radius : 15px;
border-top-left-radius : 15px;
}
.home-enq-inner-section {
max-width : 69%;
margin-left : 23%;
padding-left : 25px;
padding-right : 25px;
background-color : #F0E6D5;
border-radius : 15px;
height : 344px;
margin-top : -250px;
margin-bottom : 70px;
z-index : 2;
box-shadow : 5px 5px 5px rgb(0, 0, 0, 0.5);
}
#content {
width : 100%;
padding : 20px;
min-height : 100vh;
transition : all 0.3s;
position : absolute;
top : 0;
right : 0;
}
.section-title {
font-size : 18px;
font-weight : 700;
}
.slick-slider {
position : relative;
display : block;
margin-bottom : 30px;
}
.slick-slider .slick-list {
overflow : hidden;
display : block;
margin : 0;
padding : 0;
}
.slick-slider .slick-track {
position : relative;
left : 0;
top : 0;
}
.slick-slider .slide {
float : left;
min-height : 1px;
}
.slick-slider .slide img {
display : block;
}
.slick-slider .slide {
display : none;
}
.slick-initialized .slide {
display : block;
}
.slick-slide {
margin : 0 5px;
}
.slick-list {
margin : 0 -5px;
}
.slick-loading .slick-track {
visibility : hidden;
}
.slick-loading .slick-list {
background : url(../img/ajax-loader.gif) center center no-repeat #fff;
}
.slick-loading .slide {
visibility : hidden;
}
.slick-slider .slick-prev {
position : absolute;
background : url("../img/sprite.png") -50px -40px no-repeat;
display : block;
height : 40px;
width : 30px;
text-indent : -9999px;
top : 50%;
margin-top : -20px;
left : -25px;
padding : 0;
}
.slick-slider .slick-next {
position : absolute;
background : url("../img/sprite.png") -90px -40px no-repeat;
display : block;
height : 40px;
width : 30px;
text-indent : -9999px;
top : 50%;
margin-top : -20px;
right : -25px;
padding : 0;
}
.slick-slider .slick-prev:focus {
outline : none;
}
.slick-slider .slick-next:focus {
outline : none;
}
.slick-slider .slick-next.disabled {
background-position : -90px -90px;
}
.slick-slider .slick-prev.disabled {
background-position : -50px -90px;
}
.gallery-item-wraper-mob {
	padding-left: 10px; 
	padding-right: 10px; 
	border: #dee2e6 solid 1px; 
	border-radius: 5px;			
}
.gallery-image-container-mob {
	align-content: flex-start; 
	text-align: left; 
	padding-left: 0; 
	padding-top: 0; 
	padding-right: 2px;;
}

.rrpl-gl-btn-mob, .rrpl-gl-btn-mob:active, .rrpl-gl-btn-mob:focus {
	color: #ffffff;
	border: #5574F0 solid 1px;
	background-color: #5574F0;
	font-size: 12px;
	padding: 1px;
	margin-top: 1px;
}

.pid-section-mob {
	color: #ffffff;
	border: #415A77 solid 1px;
	background-color: #415A77;
	font-size: 12px;
	padding: 3.5px;
	padding-right: 8px;
	padding-left: 5px;
	line-height: 20px;
	text-transform: uppercase;
	margin-top: -2px;
	font-weight: 500;

	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px
}
.gl-id-content{
	background-color: #5E7797;
	color: #ffffff;
	border: #5E7797 solid 1px;
	font-size: 12px;
	padding: 3.5px;
	padding-right: 5px;
	padding-left: 3px;
	line-height: 20px;
	text-transform: uppercase;
	margin-top: 2px;
	font-weight: 500;			
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
	margin-left: -4px;
}
.pid-section-mob-cf {
	color: #ffffff;
	border: #184d9a solid 1px;
	background-color: #184d9a;
	font-size: 12px;
	padding: 2.7px;
	padding-right: 6px;
	padding-left: 5px;
	line-height: 20px;
	text-transform: uppercase;
	margin-top: -2px;
	font-weight: 500;

	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px
}
.gl-id-content-cf{
	background-color: #DC3545;
	color: #ffffff;
	border: #DC3545 solid 1px;
	font-size: 12px;
	padding: 2.7px;
	padding-right: 5px;
	padding-left: 3px;
	line-height: 20px;
	text-transform: uppercase;
	margin-top: 2px;
	font-weight: 500;			
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
	margin-left: -4px;
}

.gl-btn-short_list {
	color: #5574F0;
	border: 1px solid;
	border-color: #5574F0;
	background-color: #FFFFFF;
	font-size: 10px;
	height: 22px;
	width: 22px;
	border-radius: 3px;
}

.gl-btn-short_list_checked {
	color: #ffffff;
	border: 1px solid;
	border-color: #5574F0;
	background-color: #5574F0;
	font-size: 10px;
	height: 22px;
	width: 22px;
	border-radius: 3px;
}


.gl-short-list-position {
	margin-left: -2.5px;
	margin-top: 2px;
	font-size: 11px;
}
.gl-font-14 {
	font-size: 14px;
}
@media only screen, only screen, only screen and (min-resolution: 240dpi) {
.slick-slider .slick-next {
background : url("../img/sprite@2x.png") -90px -40px no-repeat;
background-size : 900px 200px;
}
.slick-slider .slick-prev {
background : url("../img/sprite@2x.png") -50px -40px no-repeat;
background-size : 900px 200px;
}
}
.slick-dots {
position : absolute;
bottom : -30px;
list-style : none;
display : block;
text-align : center;
padding : 0;
width : 100%;
}
.slick-dots li {
position : relative;
display : inline-block;
background : url("../img/sprite.png") -200px -50px no-repeat;
height : 5px;
width : 5px;
text-indent : -9999px;
margin : 0 10px;
padding : 0;
}
.slick-dots li.active {
background-position : -150px -50px;
}
.slick-dots li a {
display : block;
height : 10px;
width : 10px;
}
@media only screen, only screen, only screen and (min-resolution: 240dpi) {
.slick-dots li {
background : url("../img/sprite@2x.png") -200px -50px no-repeat;
background-size : 900px 200px;
}
}
.slick-list.draggable {
user-select : none;
}
.slick-list.dragging {
cursor : pointer;
}
.form-error {
color : #b94a48;
background-color : #FFFFFF;
border-radius : 5px;
padding : 2px;
}
.gallery-container {
padding-left : 0;
padding-right : 0;
}
.portfolioContainer {
align-content : space-around;
}
.portfolioFilter a {
box-shadow : 0 1px 2px 0 rgb(0, 0, 0, 0.1);
color : #333333;
padding : 5px 10px;
display : inline-block;
transition : all 0.3s ease-out;
}
.portfolioFilter a:hover {
background-color : #228bdf;
color : #ffffff;
}
.portfolioFilter a.current {
background-color : #228bdf;
color : #ffffff;
}
.thumb {
background-color : #ffffff;
border-radius : 3px;
box-shadow : 0 1px 1px 0 rgb(0, 0, 0, 0.1);
margin-top : 20px;
padding-bottom : 10px;
padding-left : 10px;
padding-right : 10px;
padding-top : 10px;
width : 100%;
}
.thumb-img {
border-radius : 2px;
overflow : hidden;
width : 100%;
}
.gal-detail h4 {
margin : 16px auto 10px auto;
width : 80%;
white-space : nowrap;
display : block;
overflow : hidden;
text-overflow : ellipsis;
}
.gal-detail .ga-border {
height : 3px;
width : 40px;
background-color : #228bdf;
margin : 10px auto;
}
.jssorl-009-spin img {
animation-name : jssorl-009-spin;
animation-duration : 1.6s;
animation-iteration-count : infinite;
animation-timing-function : linear;
}
@keyframes jssorl-009-spin {
from {
transform : rotate(0deg);
}
to {
transform : rotate(360deg);
}
}
.jssorl-010-spin img {
animation-name : jssorl-010-spin;
animation-duration : 1.6s;
animation-iteration-count : infinite;
animation-timing-function : linear;
}
@keyframes jssorl-010-spin {
from {
transform : rotate(0deg);
}
to {
transform : rotate(360deg);
}
}
.jssorb053 .i {
position : absolute;
cursor : pointer;
}
.jssorb053 .i .b {
fill : #fff;
fill-opacity : 0.5;
}
.jssorb053 .i:hover .b {
fill-opacity : 0.699999988079071044921875;
}
.jssorb053 .iav .b {
fill-opacity : 1;
}
.jssorb053 .i.idn {
opacity : 0.3;
}
.jssora093 {
display : block;
position : absolute;
cursor : pointer;
}
.jssora093 .c {
fill : none;
stroke : #fff;
stroke-width : 400;
stroke-miterlimit : 10;
}
.jssora093 .a {
fill : none;
stroke : #fff;
stroke-width : 400;
stroke-miterlimit : 10;
}
.jssora093:hover {
opacity : 0.8;
}
.jssora093.jssora093dn {
opacity : 0.6;
}
.jssora093.jssora093ds {
opacity : 0.3;
pointer-events : none;
}
.blue-rectangle {
color : white;
text-transform : uppercase;
font-size : 14px;
padding : 5px;
background-color : #C6AD04;
width : 100%;
position : relative;
margin-left : 10px;
}
.blue-rectangle:before {
content : "";
position : absolute;
border : transparent solid 5px;
border-top-color : #C6AD04;
border-right-color : #C6AD04;
right : 100%;
top : 0;
width : 0;
height : 0;
}
.h_banner_text {
position : absolute;
top : 50px;
left : 50px;
width : 70%;
height : 62px;
z-index : 0;
font-size : 16px;
color : #000000;
line-height : 24px;
text-align : left;
padding : 5px;
box-sizing : border-box;
background-color : antiquewhite;
}
.home-banner-container {
position : relative;
margin : 0 auto;
top : 20px;
left : 0;
width : 1300px;
height : 500px;
overflow : hidden;
visibility : hidden;
}
.home-banner-slide-style {
cursor : default;
position : relative;
top : 0;
left : 0;
width : 1300px;
height : 500px;
overflow : hidden;
}
.home-banner-loader-img {
margin-top : -19px;
position : relative;
top : 50%;
width : 38px;
height : 38px;
}
.home-banner-loader-container {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
text-align : center;
background-color : rgb(0, 0, 0, 0.7);
}
.card-title {
font-size : 16px;
font-weight : 600;
margin-bottom : 0;
color : #000000;
}
.ad-scroll-text {
font-size : 14px;
color : #464646;
font-weight : 600;
margin-top : -2px;
}
.ad-scroll-middle-text {
font-size : 14px;
color : #464646;
font-weight : 500;
line-height : 12px;
margin-top : -4px;
}
.ad-scroll-price-text {
font-size : 16px;
color : #464646;
font-weight : 600;
}
.ad-scroll-aligner {
margin-top : -5px;
}
.card-footer-custom {
background-color : #DC3545;
text-align : center;
}
.card-footer-text {
text-align : center;
font-size : 14px;
font-weight : 600;
color : #FFFFFF;
}
.ad_scroll_banner {
height : 300px;
width : 350px;
}
.pad-right-0 {
padding-right : 0;
}
.pad-left-0 {
padding-left : 0;
}
.limit-chars {
width : 15ch;
overflow : hidden;
white-space : nowrap;
text-overflow : ellipsis;
}
.search-canvas-body {
top : 70px;
background-image : url("../image/img4_desk.jpg");
background-size : 100% 280px;
background-repeat : no-repeat;
text-align : center;
}
.search-area-component-bg {
background-color : rgb(0, 0, 0, 0.6);
padding-top : 15px;
padding-bottom : 15px;
width : 50%;
z-index : 2;
padding-left : 15px;
padding-right : 15px;
margin : 0 auto;
}
.btn-check:focus + .btn, .btn:focus {
outline : 0;
box-shadow : none;
}
.swiper-button-next, .swiper-button-prev {
position : absolute;
top : 50%;
z-index : 10;
cursor : pointer;
display : flex;
align-items : center;
justify-content : center;
height: 27px;
/*background-color:  #C5C5C5;*/
}
.rrpl-btn-primery {
background-color : #103C7C;
border-color : #103C7C;
color : #FFFFFF;
}
.rrpl-btn-primery:hover {
background-color : #103C7C;
border : #103C7C solid 1px;
color : #FFFFFF;
}
.rrpl-btn-slide, .rrpl-btn-slide:active, .rrpl-btn-slide:focus {
color : #50beb5;
border : #50beb5 solid 1px;
background-color : #FFFFFF;
font-size : 12px;
padding: 3px;
}
.rrpl-btn-slide:hover {
background-color : #36A8A2;
border : #50beb5 solid 1px;
color : #FFFFFF;
font-size : 12px;
}
.rrpl-btn-short_list {
color : #5574F0;
border: 1px solid;
border-color : #5574F0;
background-color : #FFFFFF;
font-size : 10px;
height: 20px;
width: 20px;
border-radius: 3px;
}
.rrpl-btn-short_list:hover {
background-color : #5574F0;
border-color : #5574F0;
color : #FFFFFF;
font-size : 10px;
height: 20px;
width: 20px;
}

.rrpl-btn-short_list_checked {
color : #ffffff;
border: 1px solid;
border-color : #5574F0;
background-color : #5574F0;
font-size : 10px;
height: 20px;
width: 20px;
border-radius: 3px;
}
.rrpl-btn-short_list_checked:hover {
background-color : #ffffff;
border-color : #5574F0;
color : #5574F0;
font-size : 10px;
height: 20px;
width: 20px;
}


.short-list-position {
	margin-left:-3px; 
	margin-top: -10px
}
.ribbon {
width : 90px;
height : 90px;
overflow : hidden;
position : absolute;
}
.ribbon::before, .ribbon::after {
position : absolute;
z-index : -1;
content : '';
display : block;
border : #DC3545 solid 5px;
}
.ribbon span {
position : absolute;
display : block;
width : 195px;
padding : 5px 0;
background-color : #DC3545;
box-shadow : 0 5px 8px rgb(0, 0, 0, 0.1);
color : #fff;
font : 700 12px/1 'Lato', sans-serif;
text-shadow : 0 1px 1px rgb(0, 0, 0, 0.2);
text-transform : uppercase;
text-align : center;
}
.ribbon-top-left {
top : -8px;
left : -8px;
}
.ribbon-top-left::before, .ribbon-top-left::after {
border-top-color : transparent;
border-left-color : transparent;
}
.ribbon-top-left::before {
top : 0;
right : 0;
}
.ribbon-top-left::after {
bottom : 0;
left : 0;
}
.ribbon-top-left span {
right : -36px;
top : 35px;
transform : rotate(-45deg);
}
.ribbon-top-right {
top : -10px;
right : -10px;
}
.ribbon-top-right::before, .ribbon-top-right::after {
border-top-color : transparent;
border-right-color : transparent;
}
.ribbon-top-right::before {
top : 0;
left : 0;
}
.ribbon-top-right::after {
bottom : 0;
right : 0;
}
.ribbon-top-right span {
left : -25px;
top : 30px;
transform : rotate(45deg);
}
.ribbon-bottom-left {
bottom : -10px;
left : -10px;
}
.ribbon-bottom-left::before, .ribbon-bottom-left::after {
border-bottom-color : transparent;
border-left-color : transparent;
}
.ribbon-bottom-left::before {
bottom : 0;
right : 0;
}
.ribbon-bottom-left::after {
top : 0;
left : 0;
}
.ribbon-bottom-left span {
right : -25px;
bottom : 30px;
transform : rotate(225deg);
}
.ribbon-bottom-right {
bottom : -10px;
right : -10px;
}
.ribbon-bottom-right::before, .ribbon-bottom-right::after {
border-bottom-color : transparent;
border-right-color : transparent;
}
.ribbon-bottom-right::before {
bottom : 0;
left : 0;
}
.ribbon-bottom-right::after {
top : 0;
right : 0;
}
.ribbon-bottom-right span {
left : -25px;
bottom : 30px;
transform : rotate(-225deg);
}
.service_seg_cotainer {
padding-left : 10px;
padding-right : 10px;
padding-top : 14px;
padding-bottom : 14px;
border-radius : 10px;
background-color : #faf3e6;
}
.service_seg_image {
padding : 10px;
background-color : #000000;
text-align : center;
border-radius : 10px;
}
.shadow_box {
box-shadow : 0 10px 10px -4px rgb(0, 0, 0, 0.4);
}
.snip1361 {
position : relative;
overflow : hidden;
margin : 5px;
min-width : 230px;
max-width : 320px;
width : 100%;
color : #141414;
text-align : left;
line-height : 1.4em;
font-size : 16px;
border-radius : 10px;
}
.snip1361 * {
box-sizing : border-box;
transition : all 0.35s ease;
}
.snip1361 img {
max-width : 100%;
vertical-align : top;
border-radius : 10px;
}
.snip1361 figcaption {
position : absolute;
top : calc(77%);
width : 100%;
background-color : #ffffff;
padding : 20px 25px 75px;
}
.snip1361 figcaption:before {
position : absolute;
content : '';
z-index : 2;
bottom : 100%;
left : 0;
width : 100%;
height : 80px;
background-image : linear-gradient(to bottom, transparent 0%, #ffffff 100%);
}
.snip1361 h3, .snip1361 p {
margin : 0 0 10px;
}
.snip1361 h3 {
font-weight : 500;
font-size : 1.4em;
line-height : 1.2em;
text-transform : uppercase;
color : #415A77;
}
.snip1361 p {
font-size : 0.9em;
letter-spacing : 1px;
opacity : 0.9;
}
.snip1361 a {
position : absolute;
top : 0;
bottom : 0;
left : 0;
right : 0;
z-index : 2;
border-radius : 10px;
}
.snip1361:hover figcaption, .snip1361.hover figcaption {
top : 87px;
}
.custom-select-wrapper {
position : relative;
display : inline-block;
user-select : none;
}
.custom-select-wrapper select {
display : none;
}
.custom-select {
position : relative;
display : inline-block;
}
.custom-select-trigger {
position : relative;
display : block;
min-width : 190px;
padding-left : 15px;
padding-right : 15px;
font-size : 16px;
font-weight : 400;
color : #454545;
line-height : 35px;
background : #D0C8BA;
border-radius : 4px;
cursor : pointer;
}
.custom-select-trigger:after {
position : absolute;
display : block;
content : "";
width : 10px;
height : 10px;
top : 50%;
right : 25px;
margin-top : -3px;
border-bottom : 3px solid #5C5C5C;
border-right : 3px solid #5C5C5C;
transform : rotate(45deg) translateY(-50%);
transition : all 0.4s ease-in-out;
transform-origin : 50% 0;
}
.custom-select.opened .custom-select-trigger:after {
margin-top : 3px;
transform : rotate(-135deg) translateY(-50%);
}
.custom-options {
position : absolute;
display : block;
top : 100%;
left : 0;
right : 0;
min-width : 100%;
margin : 7px 0;
border : #b5b5b5 solid 1px;
border-radius : 4px;
box-sizing : border-box;
box-shadow : 0 2px 1px rgb(0, 0, 0, 0.07);
background : #323334;
transition : all 0.4s ease-in-out;
opacity : 0;
visibility : hidden;
pointer-events : none;
transform : translateY(-15px);
z-index : 3;
scroll-behavior : smooth;
max-height : 250px;
overflow : hidden;
}
.custom-select.opened .custom-options {
opacity : 1;
visibility : visible;
pointer-events : all;
transform : translateY(0);
z-index : 99;
max-height : 250px;
overflow-y : scroll;
scroll-behavior : smooth;
padding-bottom : 6px;
}
.custom-options:before {
position : absolute;
display : block;
content : '';
bottom : 100%;
right : 25px;
width : 7px;
height : 7px;
margin-bottom : -4px;
border-top : 1px solid #323334;
border-left : 1px solid #323334;
background : #323334;
transform : rotate(45deg);
transition : all 0.4s ease-in-out;
z-index : 3;
max-height : 250px;
}
.option-hover:before {
background : #434445;
}
.custom-option {
position : relative;
display : block;
padding : 0 22px;
border-bottom : 1px solid #C9C9C9;
font-size : 16px;
font-weight : 500;
color : #C9C9C9;
line-height : 33px;
cursor : pointer;
transition : all 0.4s ease-in-out;
z-index : 3;
}
.custom-option:first-of-type {
border-radius : 4px 4px 0 0;
}
.custom-option:last-of-type {
border-bottom : 0;
border-radius : 0 0 4px 4px;
}
.custom-option:hover {
background : #434445;
}
.custom-option.selection {
background : #434445;
}
#list_style, #list_style_com {
line-height : 1.8em;
margin : 5px 0 10px;
padding : 0;
}
#list_style li, #list_style_com li {
list-style : none;
position : relative;
padding : 0 0 0 15px;
color : #ffffff;
}
#list_style li.circle-checkmark::before, #list_style_com li.circle-checkmark::before {
content : "";
position : absolute;
left : 0;
top : 3px;
border : #010829 solid 8px;
font-size : 16px;
}
#list_style li.circle-checkmark::after, #list_style_com li.circle-checkmark::after {
content : "";
position : absolute;
left : 5px;
top : 5px;
width : 3px;
height : 6px;
border : #7eb4e2 solid;
border-width : 0 2px 2px 0;
transform : rotate(45deg);
font-size : 16px;
}
.section-heading-text {
text-align : left;
font-weight : 400;
font-size : 24px;
margin-left : 10px;
}
.detail_style {
padding : 3px;
margin-top : 3px;
text-align : center;
background-color : #EFEFEF;
color : #B00002;
border-top : 0 solid;
border-bottom-left-radius : 5px;
border-bottom-right-radius : 5px;
}
.detail_fixed:hover {
background : #efb176;
border-color : #efb176 !important ;
border-radius : 0;
color : #000000 !important ;
border-radius : 0;
}
.detail_scroll:hover {
background : #fddf97;
border-color : #fddf97 !important ;
border-radius : 0;
color : #000000 !important ;
border-radius : 0;
}
.ad-text-body {
padding-left : 0;
padding-right : 0;
padding-top : 3px;
padding-bottom : 0;
border : #dee2e6 solid 1px;
border-bottom-left-radius : 5px;
border-bottom-right-radius : 5px;
}
.share-logo-position {
float : right;
margin-top : -120px;
margin-left : 14px;
margin-right : 8px;
z-index : 3;
padding : 1px;
padding-top : 0;
padding-bottom : 0;
}
.box {
font-family : 'Raleway', sans-serif;
overflow : hidden;
position : relative;
transition : all 0.4s ease-in-out;
}
.box:hover {
box-shadow : 0 0 0 5px rgb(0, 0, 0, 0.1);
}
.box:before {
content : '\2600';
height : 40px;
width : 40px;
border-radius : 50%;
border : #fff solid 3px;
opacity : 0.9;
position : absolute;
right : 5px;
top : 5px;
z-index : 1;
transition : all 0.4s ease-in-out;
animation : animate 5s linear infinite;
color : #ffffff;
font-size : 18px;
padding-left : 10px;
padding-top : 3px;
}
.box:hover:before {
height : 280px;
width : 280px;
top : -55px;
right : -37px;
}
.box img {
width : 100%;
height : auto;
transition : all 0.4s ease-in-out;
}
.box:hover img {
filter : grayscale(100%);
}
.box .box-content {
color : #fff;
text-align : center;
width : 200px;
opacity : 0;
filter : blur(10px);
position : absolute;
top : 50px;
right : 15px;
z-index : 2;
transition : all 0.4s ease-in-out;
}
.box:hover .box-content {
filter : blur(0);
opacity : 1;
top : 80px;
}
.box .title {
font-size : 20px;
font-weight : 700;
letter-spacing : 0.5px;
text-transform : uppercase;
text-shadow : 0 0 5px rgb(0, 0, 0, 0.8);
margin : 0 0 2px;
}
.box .post {
font-size : 15px;
font-weight : 300;
letter-spacing : 0.5px;
text-transform : lowercase;
text-shadow : 0 0 5px rgb(0, 0, 0, 0.8);
display : block;
}
.box .icon {
padding : 0;
margin : 0;
list-style : none;
position : absolute;
bottom : 5px;
left : 13px;
}
.box .icon li a {
color : #fff;
font-size : 13px;
text-align : center;
line-height : 30px;
height : 30px;
width : 30px;
margin : 7px 0;
border-radius : 50% 50% 50% 0;
display : block;
transition : all 0.3s;
animation : animate 5s linear infinite;
}
.box .icon li a:hover {
box-shadow : 0 0 0 2px #fff inset;
}
@keyframes animate {
0% {
background-color : #00b894;
}
20% {
background-color : #00cec9;
}
40% {
background-color : #0984e3;
}
60% {
background-color : #6c5ce7;
}
80% {
background-color : #e84393;
}
100% {
background-color : #00b894;
}
}
@media only screen and (max-width: 990px) {
.box {
margin : 0 0 30px;
}
}
#wrapper {
margin : 0 auto;
}
.paginationjs .paginationjs-pages li.active > a {
height : 35px;
line-height : 35px;
background : #50beb5;
color : #fff;
}
.paginationjs .paginationjs-pages li > a {
min-width : 35px;
height : 33px;
line-height : 33px;
display : block;
background : #ffffff;
font-size : 15px;
color : #4784ca;
text-decoration : none;
text-align : center;
}
.paginationjs .paginationjs-pages li {
border : #ffffff solid 1px;
border-right : none;
list-style : none;
padding-left : 3px;
padding-right : 3px;
background-color : #ffffff;
}
.paginationjs {
text-align : center;
}
.paginationjs .paginationjs-pages li:last-child {
border : #4784ca solid 1px;
font-size : 18px;
background-color : #4784ca;
}
.paginationjs .paginationjs-pages li:last-child > a {
font-size : 20px;
background-color : #4784ca;
color : #ffffff;
font-weight : 600;
}
.paginationjs .paginationjs-pages li:first-child {
border : #4784ca solid 1px;
font-size : 18px;
background-color : #4784ca;
}
.paginationjs .paginationjs-pages li:first-child > a {
font-size : 20px;
background-color : #4784ca;
color : #ffffff;
font-weight : 600;
}
.btn-watch-list {
color : #FFFFFF;
background-color : #295B90;
border-color : #295B90;
}
.btn-contact {
color : #000000;
background-color : #FC8500;
border-color : #FC8500;
}
.bootstrap-tagsinput .tag {
margin-right : 2px;
color : white;
background-color : #0D6EFD;
}
#cityCombo.dropdown-multicol {
width : 50em;
}
#cityCombo.dropdown-row > a.dropdown-item {
display : inline-block;
width : 20%;
}
#cityCombo.dropdown-multicol2 {
width : 50em;
}
#cityCombo.dropdown-multicol2 > #citySelect.dropdown-col {
display : inline-block;
width : 20%;
}
.arrow-up {
width : 0;
height : 0;
border-left : 5px solid transparent;
border-right : 5px solid transparent;
border-bottom : 5px solid black;
}
.hovernow {
box-shadow : 0 0 2px rgb(0, 0, 0, 0.15);
transition : box-shadow 0.3s ease-in-out;
}
.hovernow:hover {
box-shadow : 0 0 15px rgb(0, 0, 0, 0.8);
}
.srchBtn {
background-color : rgb(0, 0, 0, 0.5);
border-radius : 0;
}
.no-outline {
outline : none;
}
select:focus {
outline : rgb(241, 26, 30, 1.00);
}
.form-control:focus {
outline : rgb(241, 26, 30, 1.00);
}
.form-control-no-border:focus {
border-color : #ccc;
outline : 0;
box-shadow : none;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
color : #fff;
background : 0 0;
border-radius : 0;
}
.home-search-transperant-bg {
background-color : rgb(0, 0, 0, 0.6);
padding-top : 5px;
padding-bottom : 5px;
z-index : 2;
text-align : left;
border-radius : 10px;
}
.search-button {
color : #fff;
background-color : #4784ca;
border-color : #4784ca;
}
footer .footer {
background-color : #253541;
}
footer .main-footer {
padding : 20px 0;
background : #253541;
}
footer ul {
padding-left : 0;
list-style : none;
}
.footer-copyright {
background : #344A5B;
padding : 5px 0;
}
.footer-copyright .logo {
display : inherit;
}
.footer-copyright nav {
float : right;
margin-top : 5px;
}
.footer-copyright nav ul {
list-style : none;
margin : 0;
padding : 0;
}
.footer-copyright nav ul li {
border-left : 1px solid #505050;
display : inline-block;
line-height : 12px;
margin : 0;
padding : 0 8px;
}
.footer-copyright nav ul li a {
color : #969696;
}
.footer-copyright nav ul li:first-child {
border : none medium;
padding-left : 0;
}
.footer-copyright p {
color : #969696;
margin : 2px 0 0;
}
.footer-top {
background : #252525;
padding-bottom : 30px;
margin-bottom : 30px;
border-bottom : 3px solid #222;
}
footer.transparent .footer-top, footer.transparent .main-footer {
background : transparent;
}
footer.transparent .footer-copyright {
background : none 0 0 repeat scroll rgb(0, 0, 0, 0.3);
}
footer.light .footer-top {
background : #f9f9f9;
}
footer.light .main-footer {
background : #f9f9f9;
}
footer.light .footer-copyright {
background : none 0 0 repeat scroll rgb(255, 255, 255, 0.3);
}
#footer .footer .logo {
display : inline-block;
}
foo#footerter .widget {
padding : 20px;
margin-bottom : 40px;
}
#footer .widget.widget-last {
margin-bottom : 0;
}
#footer .widget.no-box {
padding : 0;
background-color : transparent;
margin-bottom : 40px;
box-shadow : none;
}
#footer .widget.subscribe p {
margin-bottom : 18px;
}
#footer .widget li a {
color : #fff;
}
#footer .widget li a:hover {
color : #aaa;
text-decoration : none;
}
#footer .widget-title {
margin-bottom : 20px;
font-size : 16px;
}
#footer .widget-title span {
background : none 0 0 repeat scroll #FADBAB;
display : block;
height : 1px;
margin-top : 25px;
position : relative;
width : 20%;
}
#footer .widget-title span::after {
background : inherit;
content : "";
height : inherit;
position : absolute;
top : -4px;
width : 50%;
}
#footer .widget-title.text-center span, .widget-title.text-center span::after {
margin-left : auto;
margin-right : auto;
left : 0;
right : 0;
}
#footer .widget .badge {
float : right;
background : #7f7f7f;
}
#footer h5 .widget-title {
font-size : 16px;
}
#footer .typo-light h1, #footer .typo-light h2, #footer .typo-light h3, #footer .typo-light h4, #footer .typo-light h5, #footer .typo-light h6, #footer .typo-light p, #footer .typo-light div, #footer .typo-light span, #footer .typo-light small {
color : #fff;
}
#footer ul.social-footer2 {
margin : 0;
padding : 0;
width : auto;
}
#footer ul.social-footer2 li {
display : inline-block;
padding : 0;
}
#footer ul.social-footer2 li a:hover {
background-color : #ff8d1e;
}
#footer ul.social-footer2 li a {
display : block;
height : 30px;
width : 30px;
text-align : center;
}
#footer .btn {
background-color : #ff8d1e;
color : #fff;
}
#social-icon .fa, #social-icon .fab {
display : inline-block;
font : normal normal normal 14px/1 FontAwesome;
background-color : #3e3e3e;
color : #fff;
padding : 9px;
border-radius : 5px;
}
#footer #subscribe-box .emailfield {
margin : auto;
}
#footer input[type="text"] {
background : rgb(255, 255, 255, 0.075);
padding : 10px 15px;
color : #aaa;
border : rgb(0, 0, 0, 0.1) solid 3px;
font-size : 14px;
margin-bottom : 16px;
border-radius : 5px;
transition : all 0.2s cubic-bezier(0.4,0,0.2,1);
transition-delay : 0.2s;
text-align : center;
width : 100%;
}
#footer input.submitbutton.ripplelink {
background : #e67e22;
border : rgb(0, 0, 0, 0.1) solid 3px;
color : #fff;
border-color : #e67e22;
box-shadow : 0 8px 17px 0 rgb(0, 0, 0, 0.2);
transition-delay : 0s;
width : 100%;
font-size : 14px;
border : solid 0;
transition : all 0.2s cubic-bezier(0.4,0,0.2,1);
padding : 10px 15px;
margin-bottom : 16px;
border-radius : 5px;
}