@charset "utf-8";

/* Case Study Page Setting
***********************/
.caseStudyListingPage
{}
.bannerArea
{ background:url(../images/case-study/img-banner.jpg) no-repeat center center; background-size:cover;}
.bannerArea .innerArea
{ position:relative; height:290px; padding-top:110px;}
.bannerArea .innerArea h1
{ position:relative; margin:0px auto; text-align:center;}
.bannerArea .innerArea h1 span
{ font-size:45px; font-size:3.75rem; line-height:1.3; color:#fff; border-bottom:5px solid #3ed1c5;}

.collectionRow
{ margin-bottom:30px; text-align:center; display:none;}
.collectionRow a
{ margin:0px 5px; display:inline-block; padding:10px 30px; font-size:15px; font-size:1.25rem; line-height:1.3; color:#666; background:#ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.collectionRow a:hover,
.collectionRow a.current
{ color:#fff; background:#3ed1c5; }

.collectionDropDown
{ display:none;}

.caseListingArea 
{ margin-bottom:30px; text-align:left;}
.caseListingArea .item
{ display:inline-block; width:33%; margin-bottom:20px;}
.caseListingArea .caseItem
{ width:96%; background:#fff; border:1px solid #CCC; -webkit-box-shadow: 0px 3px 5px 0px rgba(51,51,51,0.1); -moz-box-shadow: 0px 3px 5px 0px rgba(51,51,51,0.1); box-shadow: 0px 3px 5px 0px rgba(51,51,51,0.1); transition-property: all; transition-duration: .15s; transition-timing-function: linear; margin:0px auto;}
.caseListingArea .caseItem:hover
{ -webkit-box-shadow: 0px 3px 5px 0px rgba(51,51,51,0.5); -moz-box-shadow: 0px 3px 5px 0px rgba(51,51,51,0.5); box-shadow: 0px 3px 5px 0px rgba(51,51,51,0.5);}
.caseListingArea .caseItem .itemInner
{ padding:10px;}
.caseListingArea .caseItem .tmbArea
{ margin-bottom:20px; overflow:hidden; background:#eee;}
.caseListingArea .caseItem .tmbArea img
{ width:auto; height:auto; max-width:100%; max-height:100%;}



.caseListingArea .caseItem .locationCol 
{ text-align:left; vertical-align:top;}
.caseListingArea .caseItem .locationCol p
{ padding:5px 10px 5px 24px; background:url(../images/common/ico-location.png) no-repeat top 5px left; background-size:20px auto; font-size:18px; font-size:1.5rem; line-height:1.3; color:#282828;}
.caseListingArea .caseItem .descCol
{ width:120px; text-align:right; vertical-align:top;}
.caseListingArea .caseItem .descCol .sizeRow
{ padding:5px 0px; font-size:15px; font-size:1.25rem; line-height:1.3; color:#282828; border-bottom:1px solid #dcdcdc;}
.caseListingArea .caseItem .descCol .costRow
{ padding:5px 0px; font-size:15px; font-size:1.25rem; line-height:1.3; color:#282828;}

.caseStudyListingPage .ctaRow
{ width:100%; text-align:center;}
.caseStudyListingPage .ctaRow a
{ padding:10px 20px; background:#f8da0a; font-size:15px; font-size:1.25rem; color:#000; line-height:1.3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.3); box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.3); font-weight:bold;}


/* Details Setting
****************************/
.detailsSection
{}
.detailsSection .picCol
{ width:48%; vertical-align:top; text-align:left;}
.detailsSection .picCol .largePic
{ width:100%; background:#fff; border:1px solid #eee; margin-bottom:30px;}
.detailsSection .picCol .largePic .picInner
{ position:relative; padding:10px;}
.detailsSection .picCol .largePic .picInner img
{ width:100%; height:auto;}
.detailsSection .picCol .tmbListArea
{ width:100%; overflow:hidden;}
.detailsSection .picCol .tmbListArea .tmbInner
{ width:100%;}
.detailsSection .picCol .tmbListArea .tmbItem
{ width:25%; float:left; text-align:center;}
.detailsSection .picCol .tmbListArea .tmbItem a
{ display:block; width:96%; background:#fff;}
.detailsSection .picCol .tmbListArea .tmbItem img
{ width:100%; height:auto;}

.detailsSection #detailsGallery li
{ position:relative; margin-bottom:20px;}
.detailsSection .picCol .picInner
{}
.detailsSection .picCol .picInner img
{ width:100%; height:auto;}
.detailsSection .picCol .picInner .btnZoom
{ position:absolute; right:11px; bottom:11px; padding:10px; width:20px; height:20px; background:#00c4b4;}
.detailsSection .picCol .picInner .btnZoom img
{ width:20px; height:20px;}
.detailsSection .picItem
{ background:#fff; border:1px solid #eee; }
.detailsSection .picItem .itemInner
{ padding:10px; background:#fff; }
.detailsSection .picItem .itemInner .itemPicArea
{ background:#fff; height:570px; overflow:hidden;}
.detailsSection .picItem .itemInner img
{ width:auto; height:auto; max-width:100%; max-height:100%;}
.detailsSection .picItem .tmbArea
{ margin-bottom:20px;}
.detailsSection .picItem .tmbArea img
{ width:100%; height:auto;}


.detailsSection .lSGallery
{ margin:0px; padding-top:10px;}
.detailsSection .lSGallery li
{ position:relative; background:#fff;}
.detailsSection .lSGallery li img
{ opacity:0.3;}
.detailsSection .lSGallery li.active
{ border-bottom:5px solid #3ed1c5;}
.detailsSection .lSGallery li.active img
{ opacity:1;}
.detailsSection .picCol .lSSlideOuter .lSPager.lSGallery li
{ height:40px; height:5vw; max-height:76px;}


.detailsSection .contentCol
{ width:50%; vertical-align:top;}
.detailsSection .contentCol .locationTit
{ text-align:left; padding-left:50px; font-size:36px; font-size:3rem; line-height:1.3; color:#333; background:url(../images/common/ico-location.png) no-repeat top 5px left; background-size:40px auto; margin-bottom:15px;}
.detailsSection .contentCol .spaceDetails
{ margin-bottom:25px; background:#d0f5f2; height:auto;}
.detailsSection .contentCol .spaceDetails span
{ display:block; padding:20px;}
.detailsSection .contentCol .spaceDetails .lCol
{ width:50%; text-align:left; font-size:16px; font-size:1.333rem; line-height:1.3; color:#333;}
.detailsSection .contentCol .spaceDetails .rCol
{ width:50%; text-align:right; font-size:16px; font-size:1.333rem; line-height:1.3; color:#333;}

.detailsSection .contentCol .categoryRow
{ text-align:left; margin-bottom:40px; display:none;}
.detailsSection .contentCol .categoryRow span
{ margin-right:5px; display:inline-block; padding:10px 30px; font-size:15px; font-size:1.25rem; line-height:1.3; color:#666; background:#ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.detailsSection .contentCol .workingScopeList
{ margin-bottom:30px;}
.detailsSection .contentCol .workingScopeList li
{ margin-left:0px; padding-left:20px; background:url(../images/common/img-listing-arrow.png) no-repeat top left; background-size:10px auto; text-align:left; font-size:15px; font-size:1.25rem; line-height:1.3; color:#333; margin-bottom:10px;}

.detailsSection .contentCol .ctaRow
{ text-align:left;}
.detailsSection .contentCol .ctaRow a
{ padding:10px 20px; background:#f8da0a; font-size:18px; font-size:1.5rem; color:#000; line-height:1.3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.3); box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.3); }
.detailsSection .contentCol .ctaRow a img
{ position:relative; top:6px; width:26px; height:auto; margin-right:10px;}

.detailsSection .sepCol
{ width:2%;}


@media screen and (max-width:1024px){
.caseListingArea .item
{ width:33%; margin-bottom:20px;}
.caseListingArea .caseItem
{ width:96%;}
.caseListingArea .caseItem .itemInner
{ padding:10px;}
.caseListingArea .caseItem .tmbArea
{ margin-bottom:20px;}

.caseListingArea .caseItem .locationCol p
{ padding:5px 10px 5px 24px; font-size:16px; font-size:1.333rem; }
.caseListingArea .caseItem .descCol
{ width:100px; }
.caseListingArea .caseItem .descCol .sizeRow
{ font-size:13px; font-size:1.083rem; line-height:1.3; color:#282828; border-bottom:1px solid #dcdcdc;}
.caseListingArea .caseItem .descCol .costRow
{ font-size:13px; font-size:1.083rem; line-height:1.3; color:#282828;}

.caseStudyListingPage .ctaRow a
{ padding:10px 20px; font-size:15px; font-size:1.25rem; }


/* Details Setting
****************************/
.detailsSection
{}
.detailsSection .picCol
{ width:50%;}
.detailsSection .contentCol
{ width:48%;}
.detailsSection .sepCol
{ width:2%;}
}



@media screen and (max-width:768px){
/* Case Study Page Setting
***********************/
.caseStudyListingPage
{}
.bannerArea .innerArea
{ height:290px; }
.bannerArea .innerArea h1 span
{ font-size:42px; font-size:3.5rem; }

.pageTit
{ font-size:28px; font-size:2.333rem; }

.caseListingArea .item
{ width:49%; }


/* Details Setting
****************************/
.detailsSection
{}
.detailsSection .picCol
{ display:block; width:100%; margin-bottom:30px;}
.detailsSection .contentCol
{ display:block; width:100%;}
.detailsSection .picCol .lSSlideOuter .lSPager.lSGallery li
{ height:40px; height:14vw;}
.detailsSection .sepCol
{ display:none;}

.detailsSection .contentCol .locationTit
{ font-size:32px; font-size:2.667rem; background:url(../images/common/ico-location.png) no-repeat top 2px left; background-size:36px auto; margin-bottom:15px; padding-left:40px;}
.detailsSection .contentCol .spaceDetails span
{ display:block; padding:15px 20px;}
}


@media screen and (max-width:700px){
.bannerArea .innerArea
{ padding-top:80px;}

.collectionRow
{ display:none;}
.collectionDropDown
{ display:none;}
.collectionDropDown .wrapper-dropdown-1
{ margin-bottom:20px; margin-bottom:4vw;}
.wrapper-dropdown-1 {
    /* Size and position */
    position: relative; /* Enable absolute positionning for children and pseudo elements */
    width: 100%;
    padding: 15px 1px;
    margin: 0 auto;
	font-size:16px; font-size:1.3333rem;

    /* Styles */
    background: #fff;
    color: #3ed1c5;
    outline: none;
    cursor: pointer;
	z-index:100;

    /* Font settings */
    font-weight: bold;
}
.wrapper-dropdown-1 span
{ padding-left:10px;}

.wrapper-dropdown-1:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -6px;
    border-width: 6px 0 6px 6px;
    border-style: solid;
    border-color: transparent #3ed1c5; 
}

.wrapper-dropdown-1 .dropdown {
    /* Size & position */
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;

    /* Styles */
    background: #fff;
    list-style: none;
    font-weight: normal; /* Cancels previous font-weight: bold; */

    /* Hiding */
    opacity: 0;
    pointer-events: none;
}

.wrapper-dropdown-1 .dropdown li a {
    display: block;
    text-decoration: none;
    color: #9e9e9e;
    padding: 10px 20px;
}

/* Hover state */
.wrapper-dropdown-1 .dropdown li:hover a {
    background: #f3f8f8;
}

/* Active state */
.wrapper-dropdown-1.active .dropdown {
    opacity: 1;
    pointer-events: auto;
}

.wrapper-dropdown-1.active:after {
    border-color: #fff transparent;
    border-width: 6px 6px 0 6px ;
    margin-top: -3px;
}

.wrapper-dropdown-1.active {
  background: #3ed1c5;
	color:#fff;   
}

/* No CSS3 support */

.no-opacity       .wrapper-dropdown-1 .dropdown,
.no-pointerevents .wrapper-dropdown-1 .dropdown {
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support but no pointer-events support */
}

.no-opacity       .wrapper-dropdown-1.active .dropdown,
.no-pointerevents .wrapper-dropdown-1.active .dropdown {
    display: block;
}
}

@media screen and (max-width:425px){
/* Font Size Ratio
font-size:13px; : font-size:4vw;
font-size:14px; : font-size:4vw;
font-size:16px; : font-size:4vw;
font-size:18px; : font-size:4.2vw;
font-size:20px; : font-size:5vw;
font-size:24px; : font-size:5.5vw;
font-size:30px; : font-size:6vw; 
font-size:36px; : font-size:7vw; 
font-size:80px; : font-size:14vw; 
**************************/

/* Contact Page Setting
***********************/
.contactPage
{}
.bannerArea .innerArea
{ height:160px; }
.bannerArea .innerArea h1 span
{ font-size:36px; font-size:8.5vw; }

.caseListingArea
{ margin-bottom:10px; margin-bottom:2.5vw;}
.caseListingArea .item
{ width:100%; }
.caseListingArea .caseItem
{ width:100%; } 
.caseListingArea .caseItem .tmbArea
{ margin-bottom:10px; margin-bottom:2.5vw;}

.detailsSection .picItem .itemInner
{ padding:5px;}

.detailsSection .picCol .picInner .btnZoom
{ right:6px; bottom:6px;}
.detailsSection .picCol .lSSlideOuter .lSPager.lSGallery li
{ height:40px; height:14vw;}

.detailsSection .contentCol .locationTit
{ font-size:26px; font-size:6.5vw; background:url(../images/common/ico-location.png) no-repeat top 1vw left; background-size:6.5vw auto; margin-bottom:15px; margin-bottom:3.75vw; padding-left:40px; padding-left:7vw;}
.detailsSection .contentCol .spaceDetails
{ margin-bottom:25px; margin-bottom:4vw;}
.detailsSection .contentCol .spaceDetails .lCol,
.detailsSection .contentCol .spaceDetails .rCol
{ font-size:15px; font-size:3.75vw; }

.detailsSection .contentCol .categoryRow
{ margin-bottom:20px; margin-bottom:5vw;}
.detailsSection .contentCol .categoryRow span
{ margin-right:5px; padding:10px 30px; padding:2vw 5vw; font-size:15px; font-size:3.75vw;}

.detailsSection .contentCol .workingScopeList
{ margin-bottom:20px; margin-bottom:5vw;}
.detailsSection .contentCol .workingScopeList li
{ padding-left:20px; padding-left:5vw; background:url(../images/common/img-listing-arrow.png) no-repeat top left; background-size:10px auto; background-size:2.5vw auto; font-size:15px; font-size:3.75vw; margin-bottom:10px; margin-bottom:2.5vw;}

.detailsSection .contentCol .ctaRow a
{ padding:10px 20px; padding:10px 20px; font-size:16px; font-size:4vw; }
.detailsSection .contentCol .ctaRow a img
{ top:6px; top:1.5vw; width:26px; width:6vw; margin-right:10px; margin-right:2.5vw;}
}