﻿
.Search-wapr { padding: 4rem; background-color: #f5f8f9; margin: 5rem 0; }

section{padding: 7rem 0;}
section:nth-child(odd) { background-color: #fff; }
section:nth-child(even) { background-color: #f5f5f5; }

.Intro h2{color: #5F5F5F; font-weight:bold; text-align:center;margin:0 0 1rem 0; }
.Intro h2 > span {color:#5CC32A; border-bottom: 3px solid #5CC32A;; }
.Intro h6{ color:#777; text-align: center; font-size: 14px; display: block; margin-bottom: 1.5rem; text-transform: uppercase; }

.Intro .Details{ color: #777; font-weight: 400; font-size: 15px; line-height: 25px; font-family:sans-serif; text-align:justify; }
.Intro .Details span {color:#5CC32A; font-weight:bold; }

.ready-title{ max-width: 700px; margin: auto; text-align:center;}
.ready-title h2{color: #5F5F5F; font-weight:bold; max-width: 700px; margin: auto; text-align:center; text-transform:uppercase}
.ready-title h2 span { color:#5CC32A; border-bottom: 3px solid #5CC32A;margin-left: 10px; }


/*Contact*/
.google-map { height:22rem; position: relative; }
.google-map iframe { height: 100%; width: 100%; }

.Address-cont { text-align:center; margin-bottom:3rem;color:#606577}
.Address-cont h2{font-size:2rem; color:#65CC33;margin-bottom: .3rem;}
.Address-cont p { margin: 0; font-size: 14px; line-height:25px }


/*Slider*/
.overlay { background: url("../img/dott.png") repeat; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.16; }
#myCarousel .carousel-control-prev-icon{ background-color: #333; border-radius: 50%; padding: 14px; }
#myCarousel .carousel-control-next-icon { background-color: #333; border-radius: 50%; padding: 14px;}

ol.carousel-indicators li { background-color:#777}
ol.carousel-indicators li.active { background-color:#5CC32A}

.carousel-caption {top: 0; height: 275px; right: 0; left: 0; bottom:0}
.carousel-caption1 {position: absolute; top: 39%; height: 275px; right: 10%; left: 10%; text-shadow: 0 4px 2px rgba(0,0,0,.6); }
/*.carousel-inner { border-bottom:1px solid #ddd }*/
.carousel-caption p { font-size: 18px; letter-spacing: 1px; font-weight: 600;}

/*div#myCarousel { height:700px; }*/
.carousel-caption h1, .carousel-caption h2 { font-weight: 700; font-size: 60px; text-transform: uppercase; margin-bottom: 15px; letter-spacing: 1px; color: #fff; }
span.b-head { color: #EC1C24; }
span.b-head:hover { border-bottom: 2px solid #23d6c5; }
/*fade*/
.carousel-fade .carousel-item { opacity: 0; transition-duration: .6s; transition-property: opacity; }
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right { opacity: 1; }
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right { opacity: 0; }
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev { transform: translateX(0); transform: translate3d(0, 0, 0); }


/*Project Details*/
.project-detail h2 { margin-bottom:0}
.project-detail h2::after { content: ''; display: block; border-bottom: 3px solid #bda87f; margin-top:7px; }
.F-details td { padding: 0.6rem 0 !important; }
.F-details td:nth-child(1) { font-weight:bold; color: #999; width: 136px;}



/*Project Slider*/
#C-Project .carousel-control-prev { left: 46%; }
#C-Project .carousel-control-next { left: 50%; }
#C-Project .carousel-control-next{width:3%;top:initial; bottom: -45px; background-color: #000; }
#C-Project .carousel-control-prev {width:3%;top:initial; bottom: -45px; background-color: #000; }


/*Sold Out*/
.img_wrapper {position: relative; overflow: hidden; }
.sold_out { top: 2em; left: -5em; color: #fff; display: block; position: absolute; text-align: center; text-decoration: none; letter-spacing: .06em; background-color: #A00; padding: 0.5em 5em 0.4em 6em; text-shadow: 0 0 0.75em #444; box-shadow: 0 0 0.5em rgba(0,0,0,0.5); font: bold 16px/1.2em Arial, Sans-Serif; -webkit-text-shadow: 0 0 0.75em #444; -webkit-box-shadow: 0 0 0.5em rgba(0,0,0,0.5); -webkit-transform: rotate(-45deg) scale(0.75,1); z-index: 10; }
.sold_out:before { content: ''; top: 0; left: 0; right: 0; bottom: 0; position: absolute; margin: -0.3em -5em; transform: scale(0.7); -webkit-transform: scale(0.7); border: 2px rgba(255,255,255,0.7) dashed; }


/*Responsive*/
@media screen and (max-width: 1440px) {
    span.carousel-control-prev-icon, span.carousel-control-next-icon{ top: 44%; }
}
@media screen and (max-width: 1280px) {
    div#myCarousel, .carousel-inner { height: auto; }
}
@media screen and (max-width: 1080px) {
    .carousel-caption1 { top: 32%; }
    .Sale-head { font-size: 1.5rem; text-align:center;}
}
@media screen and (max-width: 900px) {
    .carousel-caption h1, .carousel-caption h2 { font-size: 50px; }
    .carousel-caption1 { top: 27%; height: auto; }

}
@media screen and (max-width: 850px) {
    /*.navbar:not(.top-nav-collapse) { background: #1C2331 !important; position: relative;}*/
}
@media screen and (max-width: 800px) {
    .carousel-caption h1, .carousel-caption h2 { font-size: 42px; }
    .carousel-caption p { font-size: 16px; letter-spacing: 1px; font-weight: 100; }
   
     /*Project Slider*/
    #C-Project .carousel-control-prev { left: 45%; }
    #C-Project .carousel-control-next { left: 50%; }
    #C-Project .carousel-control-next { width: 4%; top: initial; bottom: -30px; background-color: #000; }
    #C-Project .carousel-control-prev { width: 4%; top: initial; bottom: -30px; background-color: #000; }
}
@media screen and (max-width: 768px) {
    .carousel-caption1 { top: 23%; }
    .Intro .Details { text-align: left; }
    section{padding: 3rem 0;}
}
@media screen and (max-width: 667px) {
    .carousel-caption p { font-size: 14px; }
    .carousel-caption h1, .carousel-caption h2 { font-size: 39px; }
    .carousel-caption1 { top: 20%; }
}
@media screen and (max-width: 640px) {
    .carousel-caption1 { right: 8%; }
}
@media screen and (max-width: 600px) {
    .carousel-caption h1, .carousel-caption h2 { font-size: 33px; margin-bottom: 8px; }
    .navbar-brand strong { font-size:12px}
    .navbar-toggler { padding: 0; }

     /*Project Slider*/
    #C-Project .carousel-control-prev { left: 40%; }
    #C-Project .carousel-control-next { left: 50%; }
    #C-Project .carousel-control-next { width:8%; top: initial; bottom: -30px; background-color: #000; }
    #C-Project .carousel-control-prev { width: 8%; top: initial; bottom: -30px; background-color: #000; }
}
@media screen and (max-width: 480px) {
    .carousel-caption h1, .carousel-caption h2 { font-size: 26px; margin-bottom: 8px; }
    .carousel-caption1 { top:12%; }
    .carousel-inner .carousel-item img {height: 350px;}
}
@media screen and (max-width: 414px) {
    .carousel-caption h1, .carousel-caption h2 { font-size: 30px; margin-bottom: 5px; }
    .carousel-inner .carousel-item img { height: 320px; }
    .carousel-caption1 { top:8%; }

    .Intro h2 { font-size: 1.5rem; }
}
@media screen and (max-width: 384px) {
    .carousel-caption h1, .carousel-caption h2 { font-size: 27px; margin-bottom: 5px; }
    .carousel-inner .carousel-item img { height: 300px; }
}
@media screen and (max-width: 320px) {
    .carousel-caption h1, .carousel-caption h2 { font-size: 24px; }
    .carousel-caption p { font-size: 13px; }
    .carousel-caption1 { right: 6%; }
    .carousel-inner .carousel-item img { height: 275px; }
    .carousel-caption1 { top:5%; }

    .Intro h2 { font-size: 1rem; }
}

