p,a{
font-family: "Open Sans", Sans-serif !important;
}
a {
text-decoration: none !important;
}
#main-header li.current-menu-item:before {
position: absolute;
content: "";
width: 100%;
height: 4px;
background: #2bbcef;
top: 38px;
}
.left strong {
color:#606060;
font-size:14px;
font-weight:700;    
}
.right strong{
color:#606060 ;
font-size:14px;
font-weight:700;    
}
.left p {
margin: 0px;
font-size: 13px;
color: #606060;
}
.left p:hover {
color: #2bbcef;
}
.right p {
margin: 0px;
font-size: 13px;
color: #606060;
}
.left{
text-align:right;
}
.right{
text-align:left;
}
.right i {
color: #2bbcef;
transform: rotate(90deg);
margin-right: 4px;
font-size: 12px;
color: #2bbcef;
}
.left i {
color: #2bbcef;
}
li#menu-item-72 strong {
color: #fff !important;
}
.dots:before {
position: absolute;
content: "";
left: 35px;
top: 20px;
background-image: url(//valleyriverproperties.ca/wp-content/uploads/2022/08/dots-1.png);
width: 70px;
height: 44px;
transform: rotate(90deg);
}
.dots:after {
position: absolute;
content: "";
right: 35px;
bottom: 20px;
background-image: url(//valleyriverproperties.ca/wp-content/uploads/2022/08/dots-1.png);
width: 70px;
height: 44px;
transform: rotate(90deg);
}
div#box {
background: #f5fcff;
padding: 0px 50px;
text-align: center;
border-radius: 10px;
box-shadow: 0 0 15px 0 #b7b4b45c;
width: 95%;
margin: 0 auto;
height: 173px;
display: flex;
justify-content: center;
align-items: center;
}
div#box p
{
margin-bottom:0px;
} .flex-wrapper {
display: flex;
}
.flex-box {
width: 15%;
height: 140px !important;
display: flex;
justify-content: center;
align-items: center;
}
.flex-box p{
color:#fff;
margin-bottom:0px;
font-family: "Poppins", Sans-serif !important;	
font-size:16px !important;
}
.flex-box.c1 {
background: #18abde; 
}
.flex-box.c2 {
background: #2bbcef;
}
.flex-box.c3 {
background: #42ceff;
}
.flex-box.c4 {
background: #0cea51;
}
.flex-box.c5 {
background: #0de24e;
}
.flex-box.c6 {
background: #12c727;
}
.flex-box.c7 {
background: #0bbb1f;
}
.flex-box.c8 {
background: #08af1b;
}
.flex-box.c9 {
background: #059a16;
}
.c1{
transition: all 0.8s ease; 
}
.c2{
transition: all 0.8s ease; 
}
.c3{
transition: all 0.8s ease; 
}
.c4{
transition: all 0.8s ease; 
}
.c5{
transition: all 0.8s ease; 
}
.c6{
transition: all 0.8s ease; 
}
.c7{
transition: all 0.8s ease; 
}
.c8{
transition: all 0.8s ease; 
}
.c9{
transition: all 0.8s ease; 
}
.flex-box.c1:hover {
background-color: unset;
background-image:url(//valleyriverproperties.ca/wp-content/uploads/2022/08/img.png)  !important; 
background-size:cover;
background-repeat:no-repeat;
box-shadow:inset 0 0 0 2000px rgb(11 11 11 / 53%);
}
.flex-box.c2:hover {
background-color: unset;
background-image:url(//valleyriverproperties.ca/wp-content/uploads/2022/08/img.png)  !important;
background-size:cover;
background-repeat:no-repeat;
box-shadow:inset 0 0 0 2000px rgb(11 11 11 / 53%);
}
.flex-box.c3:hover {
background-color: unset;
background-image:url(//valleyriverproperties.ca/wp-content/uploads/2022/08/img.png)  !important;
background-size:cover;
background-repeat:no-repeat;
box-shadow:inset 0 0 0 2000px rgb(11 11 11 / 53%);
}
.flex-box.c4:hover {
background-color: unset;
background-image:url(//valleyriverproperties.ca/wp-content/uploads/2022/08/img.png)  !important;
background-size:cover;
background-repeat:no-repeat;
box-shadow:inset 0 0 0 2000px rgb(11 11 11 / 53%);
}
.flex-box.c5:hover {
background-color: unset;
background-image:url(//valleyriverproperties.ca/wp-content/uploads/2022/08/img.png)  !important;
background-size:cover;
background-repeat:no-repeat;
box-shadow:inset 0 0 0 2000px rgb(11 11 11 / 53%);
}
.flex-box.c6:hover {
background-color: unset;
background-image:url(//valleyriverproperties.ca/wp-content/uploads/2022/08/img.png)  !important;
background-size:cover;
background-repeat:no-repeat;
box-shadow:inset 0 0 0 2000px rgb(11 11 11 / 53%);
}
.flex-box.c7:hover {
background-color: unset;
background-image:url(//valleyriverproperties.ca/wp-content/uploads/2022/08/img.png)  !important;
background-size:cover;
background-repeat:no-repeat;
box-shadow:inset 0 0 0 2000px rgb(11 11 11 / 53%);
}
.flex-box.c8:hover {
background-color: unset;
background-image:url(//valleyriverproperties.ca/wp-content/uploads/2022/08/img.png)  !important;
background-size:cover;
background-repeat:no-repeat;
box-shadow:inset 0 0 0 2000px rgb(11 11 11 / 53%);
}
.flex-box.c9:hover {
background-color: unset;
background-image:url(//valleyriverproperties.ca/wp-content/uploads/2022/08/img.png)  !important;
background-size:cover;
background-repeat:no-repeat;
box-shadow:inset 0 0 0 2000px rgb(11 11 11 / 53%);
} #custom-tab .nav-pills .nav-link {
color: #606060;
background-color: transparent;
border: 1px solid #c6c6c6;
text-align: center;
padding: 10px;
margin: 10px 8px;
font-size: 11px;
height: 35px;
border-radius: 0px;
line-height: 13px;
}
#custom-tab .nav-pills .nav-link.active {
color: #fff;
background-color: #2bbcef;
border: 1px solid #2bbcef;
text-align: center;
padding: 10px;
margin: 10px 8px;
font-size: 11px;
height: 35px;
border-radius: 0px;
line-height: 13px;
}
#custom-tab .tab-pane {
background: #fff;
padding: 0px 80px;
text-align: center;
}
#custom-tab .tab-detail-para {
font-size: 14px
}
#custom-tab .nav {
margin-top: 15px
}
#custom-tab .tab-content {
margin-top: 20px;
}
#custom-tab #v-pills-tab {
justify-content: center;
}
#custom-tab .tab-content h3 {
font-family: "Poppins", Sans-serif;
color: #303030;
font-size: 36px;
font-weight: 700;
margin-bottom: 20px;
}
#custom-tab	p {
font-size: 16px;
color: #606060;
font-weight: 400;
}
.elementor-451 .elementor-element.elementor-element-05bd132 > .elementor-element-populated {
padding: 0px !important;
}
#demo h1 {
position: absolute;
top: 79px;
font-size:65px;
}
#logo img {
width: 194px;
margin-top: 15px;
}
.right p a {
color: #606060;
}
.right p a:hover {
color:#2bbcef;
text-decoration:none;
}
.fa-map-marker:before {
font-family: 'FontAwesome' !important;
}
.wpcf7-form input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], select, textarea {width:100% !important;}
.wpcf7-form label {width:100% !important;}
input.wpcf7-form-control.has-spinner.wpcf7-submit {
padding: 0px 25px !important;
} #custom-owl  .owl-carousel .owl-item img {
width: unset !important;
}
#custom-owl .main-flex{
display:flex;
}
#custom-owl .ctimg{
margin-right:15px;
}
#custom-owl .ct{
margin-top:20px;
}
#custom-owl .ct p {
margin-bottom: 8px;
font-family: "Open Sans", Sans-serif; 
color: #413754;
font-weight: 600;
font-size: 19px;
}
#custom-owl .para {
color: #606060;
font-family: "Open Sans", Sans-serif; 
font-size: 16px;
}
#custom-owl .main-flex:after {
position: absolute;
content: "";
right: 0;
top:0;
background-image: url(//valleyriverproperties.ca/wp-content/uploads/2022/08/quote.png);
width: 60px;
height: 50px;
background-size: contain;
background-repeat: no-repeat;
}
#custom-owl .owl-dots {
position: absolute;
left: -53%;
top: 92%;
}
#custom-owl .owl-theme .owl-dots .owl-dot.active span {
background: #2bbcef;
border: 1px solid #2bbcef !important;
}
#custom-owl .owl-theme .owl-dots .owl-dot span {
width: 14px;
height: 14px;
margin: 5px 7px;
background: #fff;
display: block;
-webkit-backface-visibility: visible;
transition: opacity .2s ease;
border-radius: 30px;
border: 1px solid #878787;
}
#custom-owl .owl-theme .owl-dots .owl-dot:hover span {
background: transparent;
}
#custom-owl button:focus{
outline:0px;
}
#custom-owl .heading h2 {
font-size: 48px;
font-weight: 700;
line-height: 50px;
font-family: "Poppins", Sans-serif;
}
#testi:before {
position: absolute;
content: "";
right: 20px;
top: 20px;
background-image: url(//valleyriverproperties.ca/wp-content/uploads/2022/08/dots-1.png);
width: 80px;
height: 44px;
}	
#testi:after {
position: absolute;
content: "";
left: 20px;
bottom: 20px;
background-image: url(//valleyriverproperties.ca/wp-content/uploads/2022/08/dots-1.png);
width: 80px;
height: 44px;
} .listing-heading h3 {
font-family: "Poppins", Sans-serif;
font-size: 30px;
font-weight: 600;
}
.listing-main {
position: relative;
text-align: center;
color: white;
}
.top-left {
position: absolute;
top: 8px;
left: 16px;
background: #2bbcef;
padding: 4px 10px;
font-size: 12px;
}
.list-head h4 {
color: #303030;
text-align: left;
font-size: 20px;
margin-top: 15px;
margin-bottom:0px;
}
.list-head p {
color: #606060;
text-align: left;
font-size: 14px;
}
.listing-all {
text-align: right;
margin-top: 10px;
font-family: "Poppins", Sans-serif;
}
.listing-all span{
color:#606060;
font-size:14px;
}
.listing-all a{
color:#2bbcef;
font-size:14px;
}
.listing-all a:hover{
color:#2bbcef;
text-decoration:underline;
}	
.listing-main img {
width: 100%;
height: 220px;
}
.mylist ul {
list-style: none;
}
.mylist li {
margin-right: 15px;
}
.moblist ul {
list-style: none;
}
.moblist li {
display:block;
margin-right:10px;
} @media only screen and (max-width: 767px) {
body,html{
overflow-x:hidden !important;
}   
#custom-owl .owl-dots {
position: unset;
}
#custom-owl .heading h2 {
font-size: 41px;
font-weight: 700;
line-height: 46px;
margin-bottom: 25px;
}
#custom-owl .main-flex:after{
background-size:unset;
}	
.flex-wrapper {
display: unset;
}
.flex-box {
width: 100%;
}
.dots:after { display:none;}
.dots:before { display:none;}
#custom-tab .tab-pane {
padding: 0px 0px;
}
#demo h1 {
top: 52px !important;
font-size: 40px !important;
left: 15px !important;
}	
.right i.fa.fa-map-marker {
transform: rotate(0deg);
}	
.right strong {
color: #fff ;
}
.right p {
color: #fff;
}
.flex-box p {
font-size: 20px !important;
} } @media only screen and (min-width: 768px) and (max-width: 868px)  {
.right p {
font-size: 11px;
}
.left p {
font-size: 11px;
}
.elementor-element.elementor-element .menu-item a.hfe-menu-item {
padding-left: 0px; 
padding-right: 0px; 
font-size:12px;
}
#logo img {
width: 184px !important;
}
} @media only screen and (min-width: 768px) and (max-width: 991px)  {
div#box {
height: 200px;
padding: 0px 15px;
}
.dots:after{
display:none;
}
.dots:before{
display:none;
}
.heading h2 {
font-size: 38px !important;
line-height: 45px !important;
}
.owl-dots {
top: 78% !important;
}
#custom-tab .tab-content h3 {
font-size: 30px;
}
.flex-wrapper {
display: block;
columns: 3;
column-gap: 0;
}
.flex-box {
width: 100%;
height: 140px !important;
}	
} @media only screen and (min-width: 991px) and (max-width: 1024px)  {
.dots:after{
display:none;
}
.dots:before{
display:none;
}
}