@charset "utf-8";

/* Front Page Setting
***********************/
.frontPage
{}
.frontPage .bannerArea
{ position:relative; height:640px; background:url(../images/front/img-banner.jpg) no-repeat center center; background-size:cover; margin-bottom:0px;}
.frontPage .bannerArea #banner-gallery li
{ width:100%; background-position:center; background-size:cover; height:640px;}
.frontPage .bannerArea .lSSlideOuter .lSPager.lSpg
{ z-index: 50; }
.bannerArea .innerArea
{ position:absolute; top:0px; left:0px; width:100%; height:100%; z-index: 50;}
.bannerArea .innerArea .simplyQuoteArea
{ position:relative; width:740px; margin:0px auto;}
.bannerArea .innerArea .simplyQuoteArea .houseTopBar
{ height:140px; background:url(../images/front/img-house-deco.png) no-repeat right bottom;}
.bannerArea .innerArea .simplyQuoteArea .houseOutter
{ border-right:3px solid #fff; border-left:3px solid #fff; border-bottom:3px solid #fff;}
.bannerArea .innerArea .sloganRow
{ padding:20px; background:rgba(0,0,0,0.6);}
.bannerArea .innerArea .sloganRow h1
{ font-size:42px; font-size:3.5rem; line-height:1.3; color:#fff; font-weight:normal; margin-bottom:5px;}
.bannerArea .innerArea .sloganRow p
{ font-size:20px; font-size:1.667rem; line-height:1.3; color:#fff; letter-spacing:1px;}

.bannerArea .quoteRow
{ padding:10px; background:#fff;}
.bannerArea .quoteRow .inputCol
{ text-align:left;}
.bannerArea .quoteRow .inputCol input
{ width:90%; font-size:26px; font-size:2.167rem; line-height:1.3; color:#333; padding:10px 15px;}
.bannerArea .quoteRow .ctaCol
{ width:160px;}
.bannerArea .quoteRow .ctaCol .btnQuote a
{ padding:10px 20px; background:#f8da0a; font-size:20px; font-size:1.667rem; color:#2a2a2a; 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);}

/* Promotion Banner Setting
***********************/
.promotionBannerArea
{ position:relative; }
.promotionBannerArea #promotion-banner-gallery li
{ position:relative; width:100%; background-position:center; background-size:cover; height:400px;}
.promotionBannerArea #promotion-banner-gallery li a
{ position:absolute; top:0px; left:0px; width:100%; height:100%; display:block; }
.promotionBannerArea #promotion-banner-gallery li img
{ width:100%; height: auto; display:none;}
.promotionBannerArea .lSSlideOuter .lSPager.lSpg
{ z-index: 1000; }


/* Advantage Setting
***********************/
.advantageArea
{ background:url(../images/front/img-advantage-bg.jpg) no-repeat top center; background-size:cover;}
.advantageArea .innerArea
{ position:relative; padding:30px 0px;}
.advantageArea .innerArea h2
{ color:#00c4b4; font-size:30px; font-size:2.5rem; line-height:1.3; margin-bottom:30px; text-align:center;}
.advantageArea .innerArea .itemCol
{ vertical-align:top; width:30%;}
.advantageArea .innerArea .itemCol dt
{ margin-bottom:20px;}
.advantageArea .innerArea .itemCol dt img
{ width:auto; height:180px;}
.advantageArea .innerArea .itemCol .stit
{ font-size:24px; font-size:2rem; line-height:1.3; margin-bottom:30px; text-align:center; font-weight:normal;}
.advantageArea .innerArea .itemCol .descArea
{ width:90%; margin:0px auto;}
.advantageArea .innerArea .itemCol .descArea p
{ font-size:15px; font-size:1.25rem; line-height:1.3; margin-bottom:30px; text-align:center;}
.advantageArea .innerArea .sepCol
{ vertical-align:top; width:50px;}
.advantageArea .innerArea .sepCol img
{ width:auto; height:210px;}

/* Customer Flow Setting
***********************/
.customerFlowArea
{ background:#d8fffc;}
.customerFlowArea .innerArea
{ position:relative; padding:50px 0px;}
.customerFlowArea .innerArea h2
{ color:#00c4b4; font-size:30px; font-size:2.5rem; line-height:1.3; margin-bottom:30px; text-align:center;}
.customerFlowArea .innerArea .itemCol
{ width:30%; vertical-align:top;}
.customerFlowArea .innerArea .itemCol dt
{ margin-bottom:20px;}
.customerFlowArea .innerArea .itemCol dt img
{ width:auto; height:80px;}
.customerFlowArea .innerArea .itemCol .stit
{ font-size:24px; font-size:2rem; line-height:1.3; margin-bottom:20px; text-align:center; font-weight:normal;}
.customerFlowArea .innerArea .itemCol .visual
{ width:auto; height:150px; margin-bottom:20px; text-align:center;}
.customerFlowArea .innerArea .itemCol .descArea
{ width:96%; margin:0px auto;}
.customerFlowArea .innerArea .itemCol .descArea p
{ font-size:15px; font-size:1.25rem; line-height:1.3; margin-bottom:20px; text-align:center;}
.customerFlowArea .innerArea .sepCol
{ vertical-align:top; width:80px;}
.customerFlowArea .innerArea .sepCol img
{ width:auto; height:80px;}

/* Case Study Setting
***********************/
.caseStudyArea
{ background:url(../images/common/img-grey-pattern-bg.png) repeat top center;}
.caseStudyArea .innerArea
{ position:relative; padding:50px 0px;}
.caseStudyArea .innerArea h2
{ color:#00c4b4; font-size:30px; font-size:2.5rem; line-height:1.3; margin-bottom:30px; text-align:center;}

.caseStudyArea .innerArea ul
{ margin-bottom:10px;}
.caseStudyArea .innerArea ul li
{ width:33.3333%; padding-bottom:20px;}
.caseStudyArea .innerArea ul li a
{ display:block; width:90%; margin:0px auto;}
.caseStudyArea .innerArea .caseItem
{ width:100%; min-width:280px; 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;}
.caseStudyArea .innerArea .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);}
.caseStudyArea .innerArea .caseItem .itemInner
{ padding:10px;}
.caseStudyArea .innerArea .caseItem .tmbArea
{ margin-bottom:20px; background:#eee; height:240px; overflow:hidden;}
.caseStudyArea .innerArea .caseItem .tmbArea img
{ width:auto; max-width:100%; height:auto; max-height:100%;}

.caseStudyArea .innerArea .caseItem .locationCol
{ text-align:left; vertical-align:top;}
.caseStudyArea .innerArea .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;}
.caseStudyArea .innerArea .caseItem .descCol
{ width:120px; text-align:right; vertical-align:top;}
.caseStudyArea .innerArea .caseItem .descCol .sizeRow
{ padding:5px 0px; font-size:15px; font-size:1.25rem; line-height:1.3; color:#282828; border-bottom:1px solid #dcdcdc;}
.caseStudyArea .innerArea .caseItem .descCol .costRow
{ padding:5px 0px; font-size:15px; font-size:1.25rem; line-height:1.3; color:#282828;}

.caseStudyArea .innerArea .lSPager
{ margin-bottom:5px;}
.caseStudyArea .innerArea .lSPager li
{ width:10px; height:10px;}
.caseStudyArea .innerArea .lSPager li a
{ width:10px; height:10px; background:#ababab;}
.caseStudyArea .innerArea .lSPager li:hover a,
.caseStudyArea .innerArea .lSPager li.active a
{ display:block; width:10px; height:10px; background:#00c4b4;}



/* Client Comment Setting
***********************/
.clientCommentArea
{ background:url(../images/common/img-green-pattern-bg.png) repeat top center;}
.clientCommentArea .innerArea
{ position:relative; padding:50px 0px;}
.clientCommentArea .innerArea h2
{ position:relative; color:#00c4b4; font-size:30px; font-size:2.5rem; line-height:1.3; margin-bottom:30px; text-align:center;}
.clientCommentArea .innerArea h2 span.whiteBg
{ display:inline-block; padding:5px 15px; background:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.clientCommentArea .innerArea h2 .arrow
{ position:absolute; left:50%; bottom:-20px; width:auto; height:20px;}


.clientCommentArea .innerArea .commentArea
{}
.clientCommentArea .innerArea .commentArea .lCol,
.clientCommentArea .innerArea .commentArea .rCol
{ width:43%; vertical-align:top;}
.clientCommentArea .innerArea .commentArea .rCol
{ padding-top:80px;}
.clientCommentArea .innerArea .commentArea .lCol .commentItem
{ background:url(../images/client-comments/img-yellow-close-quotation-marks.png) no-repeat bottom right; background-size:auto 90%; padding-right:20px; padding-bottom:120px; margin-bottom:30px;}
.clientCommentArea .innerArea .commentArea .rCol .commentItem
{ background:url(../images/client-comments/img-white-close-quotation-marks.png) no-repeat bottom left; background-size:auto 90%; padding-left:20px; padding-bottom:120px; margin-bottom:30px;}

.clientCommentArea .innerArea .commentArea .commentItem .commentDetailsArea
{ position:relative;}
.clientCommentArea .innerArea .commentArea .commentItem .commentDetailsArea p
{ font-size:18px; font-size:1.5rem; line-height:1.3; color:#fff;}
.clientCommentArea .innerArea .commentArea .lCol .commentItem .commentDetailsArea p
{ text-align:right; padding-left:50px; padding-right:10px;}
.clientCommentArea .innerArea .commentArea .rCol .commentItem .commentDetailsArea p
{ text-align:left; padding-right:50px; padding-left:10px;}
.clientCommentArea .innerArea .commentArea .lCol .commentItem .quoteMarks
{ position:absolute; top:-10px; left:0px; width:40px; height:auto;}
.clientCommentArea .innerArea .commentArea .rCol .commentItem .quoteMarks
{ position:absolute; top:-10px; left:auto; right:0px; width:40px; height:auto;}


.clientCommentArea .innerArea .commentArea .commentItem .nameRow
{ margin-bottom:30px;}
.clientCommentArea .innerArea .commentArea .lCol .nameCol
{ text-align:right; font-size:24px; font-size:2rem; line-height:1.3; color:#f8da0a;}
.clientCommentArea .innerArea .commentArea .lCol .clientPic
{ width:80px; height:80px; border:3px solid #f8da0a; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background:#f8da0a;}
.clientCommentArea .innerArea .commentArea .rCol .nameCol
{ text-align:left; font-size:24px; font-size:2rem; line-height:1.3; color:#fff;}
.clientCommentArea .innerArea .commentArea .lCol .picCol,
.clientCommentArea .innerArea .commentArea .rCol .picCol
{ width:100px;}
.clientCommentArea .innerArea .commentArea .rCol .clientPic
{ width:80px; height:80px; border:3px solid #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background:#fff;}


.clientCommentArea .innerArea .commentArea .sepCol
{ background:url(../images/common/img-dotted-sep.png) repeat-y top center; width:6%;}

/* mobileComment Start
***********************/
.mobileCommentArea
{ display:none;}
.mobileCommentArea .commentItem
{ background:url(../images/client-comments/img-yellow-close-quotation-marks.png) no-repeat bottom right; background-size:auto 90%; padding-right:20px; padding-bottom:120px; margin-bottom:30px;}
.mobileCommentArea .commentItem.even
{ background:url(../images/client-comments/img-white-close-quotation-marks.png) no-repeat bottom left; background-size:auto 90%; padding-left:20px; padding-bottom:120px; margin-bottom:30px;}

.mobileCommentArea .commentItem .commentDetailsArea
{ position:relative;}
.mobileCommentArea .commentItem .commentDetailsArea p
{ font-size:18px; font-size:1.5rem; line-height:1.3; color:#fff;}
.clientCommentArea .commentItem .commentDetailsArea p
{ text-align:right; padding-left:50px; padding-right:10px;}
.clientCommentArea .commentItem.even .commentDetailsArea p
{ text-align:left; padding-right:50px; padding-left:10px;}

.clientCommentArea .commentItem .quoteMarks
{ position:absolute; top:-10px; left:0px; width:40px; height:auto;}
.clientCommentArea .commentItem.even .quoteMarks
{ position:absolute; top:-10px; left:auto; right:0px; width:40px; height:auto;}

.mobileCommentArea .commentItem .nameRow
{ margin-bottom:30px;}

.mobileCommentArea .commentItem .nameCol
{ text-align:right; font-size:24px; font-size:2rem; line-height:1.3; color:#f8da0a;}
.mobileCommentArea .commentItem .clientPic
{ width:80px; height:80px; border:3px solid #f8da0a; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background:#f8da0a;}
.mobileCommentArea .commentItem.even .nameCol
{ text-align:left; font-size:24px; font-size:2rem; line-height:1.3; color:#fff;}
.mobileCommentArea .commentItem.even .clientPic
{ width:80px; height:80px; border:3px solid #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background:#fff;}
.mobileCommentArea .commentItem .picCol,
.mobileCommentArea .commentItem .picCol
{ width:100px;}


/* Media News Start
***********************/
.mediaCoverageArea
{ background:url(../images/common/img-grey-pattern-bg.png) repeat top center;}
.mediaCoverageArea .innerArea
{ position:relative; padding:50px 0px;}
.mediaCoverageArea .innerArea h2
{ color:#00c4b4; font-size:30px; font-size:2.5rem; line-height:1.3; margin-bottom:30px; text-align:center;}

.mediaCoverageArea .mediaListingArea
{ text-align: left; width:100%; max-width:1240px; margin:0px auto; }
.mediaCoverageArea .mediaListingArea ul
{ font-size:0px; text-align: center; width:100%; }
.mediaCoverageArea .mediaListingArea li
{ position:relative; display:inline-block; width:20%; margin:0px 1%; background:#ffffff; margin-bottom: 30px; vertical-align: top; -webkit-border-radius: 100%;-moz-border-radius: 100%; border-radius: 100%; overflow: hidden;}
.mediaCoverageArea .mediaListingArea li a
{ display:block; text-align: center;}
.mediaCoverageArea .mediaListingArea li .logoArea
{ position:absolute; top:0px; left:0px; width:100%; height: 100%; }
.mediaCoverageArea .mediaListingArea li .bg
{ display:block; width:100%; height: auto;}
.mediaCoverageArea .mediaListingArea li .mediaLogo
{ display:block; width:60%; max-width: 120px; height: auto; margin:0px auto;}

.mediaCoverageArea .mediaListingArea .actionRow
{ display:inline-block; width:90%; margin:0px auto;  }
.mediaCoverageArea .mediaListingArea .actionRow .btnCol
{ width:50%; background:#00c4b4;}
.mediaCoverageArea .mediaListingArea .actionRow .btnCol.first
{ border-right:1px solid #ffffff; }
.mediaCoverageArea .mediaListingArea .actionRow .btnCol a
{ display:block; padding:10px; }
.mediaCoverageArea .mediaListingArea .actionRow .btnCol a:hover
{ background:#0dae9a; }
.mediaCoverageArea .mediaListingArea .actionRow .btnCol a img
{ width:30px; height: 30px; }

.mediaCoverageArea .ctaRow
{ text-align: center; }
.mediaCoverageArea .btnMore
{ display:inline-block; margin:0px auto; padding:10px; background:#00c4b4; }
.mediaCoverageArea .btnMore .txtCol
{ color:#ffffff; font-size:15px; line-height:1.3; }
.mediaCoverageArea .btnMore .sepCol
{ width:10px; }
.mediaCoverageArea .btnMore img
{ width:12px; height: 12px; }


/* Partnership Row Start
***********************/
.partnershipRow
{ background:url(../images/common/img-green-pattern-bg.png) repeat top center;}
.partnershipRow .innerArea
{ position:relative; padding:50px 0px;}
.partnershipRow .innerArea h2
{ color:#ffffff; font-size:30px; font-size:2.5rem; line-height:1.3; margin-bottom:30px; text-align:center;}

.partnershipRow .partnershipListingArea 
{ text-align: left; width:100%; max-width:1240px; margin:0px auto; }
.partnershipRow .partnershipListingArea ul
{ font-size:0px; text-align: center; width:100%;}
.partnershipRow .partnershipListingArea li
{ position:relative; display:inline-block; width:20%; margin:0px 1%; background:#ffffff; margin-bottom: 30px; vertical-align: top; -webkit-border-radius: 100%;-moz-border-radius: 100%; border-radius: 100%; overflow: hidden;}
.partnershipRow .partnershipListingArea li a
{ display:block; text-align: center;}
.partnershipRow .partnershipListingArea li .logoArea
{ position:absolute; top:0px; left:0px; width:100%; height: 100%; }
.partnershipRow .partnershipListingArea li .bg
{ display:block; width:100%; height: auto;}
.partnershipRow .partnershipListingArea li .partnerLogo
{ display:block; width:80%; height: auto; margin:0px auto;}


@media screen and (max-width:1200px){
/* Case Study Setting
***********************/
.caseStudyArea .innerArea .caseItem
{ width:100%;}
}

@media screen and (max-width:1024px){
}



@media screen and (max-width:970px){
/* Case Study Setting
***********************/
.caseStudyArea .innerArea .caseItem
{ width:320px; margin:0px auto;}
.caseStudyArea .innerArea ul li
{ width:100%; }
.caseStudyArea .innerArea .caseItem .tmbArea
{ height:280px; overflow:hidden;}
}


@media screen and (max-width:768px){

/* Front Page Setting
***********************/
.bannerArea .innerArea
{ height:640px;}
.bannerArea .innerArea .simplyQuoteArea
{ width:90%; margin:0px auto;}
.bannerArea .innerArea .sloganRow
{ padding:20px;}
.bannerArea .innerArea .sloganRow h1
{ font-size:42px; font-size:3.5rem; }
.bannerArea .innerArea .sloganRow p
{ font-size:20px; font-size:1.667rem; }

.bannerArea .quoteRow
{ padding:10px;}
.bannerArea .quoteRow .inputCol input
{ font-size:20px; font-size:1.667rem; }
.bannerArea .quoteRow .ctaCol
{ width:160px;}
.bannerArea .quoteRow .ctaCol .btnQuote a
{ padding:10px 15px; font-size:18px; font-size:1.5rem;}

/* Advantage Setting
***********************/
.advantageArea .innerArea
{ padding:30px 0px;}
.advantageArea .innerArea h2
{ font-size:30px; font-size:2.5rem; margin-bottom:30px; }
.advantageArea .innerArea .itemCol
{ display:block; width:100%; margin-bottom:20px;}
.advantageArea .innerArea .itemCol dt
{ margin-bottom:20px;}
.advantageArea .innerArea .itemCol dt img
{ width:auto; height:180px;}
.advantageArea .innerArea .itemCol .stit
{ font-size:24px; font-size:2rem; line-height:1.3; margin-bottom:30px; text-align:center;}
.advantageArea .innerArea .itemCol .descArea
{ width:90%; margin:0px auto;}
.advantageArea .innerArea .itemCol .descArea p
{ font-size:15px; font-size:1.25rem; line-height:1.3; margin-bottom:30px; text-align:center;}
.advantageArea .innerArea .sepCol
{ display:none;}

/* Promotion Banner Setting
***********************/
.promotionBannerArea #promotion-banner-gallery li
{ height:auto;}
.promotionBannerArea #promotion-banner-gallery li img
{ width:100%; height: auto; display:block;}

/* Customer Flow Setting
***********************/
.customerFlowArea .innerArea
{ padding:50px 0px;}
.customerFlowArea .innerArea h2
{ font-size:30px; font-size:2.5rem; margin-bottom:30px; }
.customerFlowArea .innerArea .itemCol
{ display:block; width:100%;}
.customerFlowArea .innerArea .itemCol dt
{ margin-bottom:20px;}
.customerFlowArea .innerArea .itemCol dt img
{ width:auto; height:80px;}
.customerFlowArea .innerArea .itemCol .stit
{ font-size:24px; font-size:2rem; line-height:1.3; margin-bottom:20px; text-align:center;}
.customerFlowArea .innerArea .itemCol .visual
{ width:auto; height:150px; margin-bottom:20px; text-align:center;}
.customerFlowArea .innerArea .itemCol .descArea
{ width:90%; margin:0px auto;}
.customerFlowArea .innerArea .itemCol .descArea p
{ font-size:15px; font-size:1.25rem; line-height:1.3; margin-bottom:20px; text-align:center;}
.customerFlowArea .innerArea .sepCol
{ display:block; width:100%;}
.customerFlowArea .innerArea .sepCol img
{ width:auto; height:80px; -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ transform: rotate(90deg);}

/* Case Study Setting
***********************/
.caseStudyArea
{}
.caseStudyArea .innerArea
{ padding:50px 0px;}
.caseStudyArea .innerArea h2
{ font-size:28px; font-size:2.333rem; margin-bottom:30px; }

.caseStudyArea .innerArea ul
{ margin-bottom:10px;}
.caseStudyArea .innerArea ul li
{ width:50%; padding-bottom:20px;}
.caseStudyArea .innerArea ul li a
{ display:block; width:90%; margin:0px auto;}
.caseStudyArea .innerArea .caseItem
{ width:400px; 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;}
.caseStudyArea .innerArea .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);}
.caseStudyArea .innerArea .caseItem .itemInner
{ padding:10px;}
.caseStudyArea .innerArea .caseItem .tmbArea
{ margin-bottom:20px; height:400px; overflow:hidden;}
.caseStudyArea .innerArea .caseItem .tmbArea img
{ width:auto; max-width:100%; height:auto; max-height:100%;}

.caseStudyArea .innerArea .caseItem .locationCol
{ text-align:left; vertical-align:top;}
.caseStudyArea .innerArea .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;}
.caseStudyArea .innerArea .caseItem .descCol
{ width:120px; text-align:right; vertical-align:top;}
.caseStudyArea .innerArea .caseItem .descCol .sizeRow
{ padding:5px 0px; font-size:15px; font-size:1.25rem; line-height:1.3; color:#282828; border-bottom:1px solid #dcdcdc;}
.caseStudyArea .innerArea .caseItem .descCol .costRow
{ padding:5px 0px; font-size:15px; font-size:1.25rem; line-height:1.3; color:#282828;}

.caseStudyArea .innerArea .lSPager
{ margin-bottom:5px;}
.caseStudyArea .innerArea .lSPager li
{ width:10px; height:10px;}
.caseStudyArea .innerArea .lSPager li a
{ width:10px; height:10px; background:#ababab;}
.caseStudyArea .innerArea .lSPager li:hover a,
.caseStudyArea .innerArea .lSPager li.active a
{ display:block; width:10px; height:10px; background:#00c4b4;}

/* Client Comment Setting
***********************/
.clientCommentArea .innerArea
{ padding:50px 0px;}
.clientCommentArea .innerArea h2
{ font-size:28px; font-size:2.333rem; margin-bottom:30px; }
.clientCommentArea .innerArea h2 span.whiteBg
{ padding:5px 15px;}
.clientCommentArea .innerArea h2 .arrow
{ position:absolute; left:50%; bottom:-20px; width:auto; height:20px;}

.clientCommentArea .innerArea .commentArea .lCol,
.clientCommentArea .innerArea .commentArea .rCol
{ display:block; width:100%;}
.clientCommentArea .innerArea .commentArea .rCol
{ padding-top:0px;}
.clientCommentArea .innerArea .commentArea .lCol .commentItem
{ background:url(../images/client-comments/img-yellow-close-quotation-marks.png) no-repeat bottom right; background-size:auto 90%; padding-right:20px; padding-bottom:120px; margin-bottom:30px;}
.clientCommentArea .innerArea .commentArea .rCol .commentItem
{ background:url(../images/client-comments/img-white-close-quotation-marks.png) no-repeat bottom left; background-size:auto 90%; padding-left:20px; padding-bottom:120px; margin-bottom:30px;}

.clientCommentArea .innerArea .commentArea .commentItem .commentDetailsArea p
{ font-size:18px; font-size:1.5rem; }
.clientCommentArea .innerArea .commentArea .lCol .commentItem .commentDetailsArea p
{ padding-left:50px;}
.clientCommentArea .innerArea .commentArea .rCol .commentItem .commentDetailsArea p
{ padding-right:50px;}

.clientCommentArea .innerArea .commentArea .lCol .commentItem .quoteMarks
{ position:absolute; top:-10px; left:0px; width:40px; height:auto;}
.clientCommentArea .innerArea .commentArea .rCol .commentItem .quoteMarks
{ position:absolute; top:-10px; left:auto; right:0px; width:40px; height:auto;}

.clientCommentArea .innerArea .commentArea .commentItem .nameRow
{ margin-bottom:30px;}
.clientCommentArea .innerArea .commentArea .lCol .nameCol
{ font-size:24px; font-size:2rem;}
.clientCommentArea .innerArea .commentArea .lCol .clientPic
{ width:80px; height:80px; border:3px solid #f8da0a;}
.clientCommentArea .innerArea .commentArea .rCol .nameCol
{ text-align:left; font-size:24px; font-size:2rem; }



.clientCommentArea .innerArea .commentArea .sepCol
{ display:none;}

.clientCommentArea .innerArea .commentArea
{ display:none;}

.mobileCommentArea
{ display:block;}
/* mobileComment Start
***********************/
.clientCommentArea .innerArea
{ padding:30px 0px;}
.mobileCommentArea .commentItem
{ background:url(../images/client-comments/img-yellow-close-quotation-marks.png) no-repeat bottom right; background-size:auto 70%; padding-right:20px; padding-bottom:120px; margin-bottom:30px;}
.mobileCommentArea .commentItem.even
{ background:url(../images/client-comments/img-white-close-quotation-marks.png) no-repeat bottom left; background-size:auto 70%; padding-left:20px; padding-bottom:120px; margin-bottom:30px;}

.clientCommentArea .commentItem .quoteMarks
{ position:absolute; top:-10px; left:0px; width:34px; height:auto;}
.clientCommentArea .commentItem.even .quoteMarks
{ position:absolute; top:-10px; left:auto; right:0px; width:34px; height:auto;}

/* Media News Start
***********************/
.mediaCoverageArea .innerArea
{ padding:50px 0px;}
.mediaCoverageArea .innerArea h2
{ font-size:28px; font-size:2.333rem; margin-bottom:30px; }
.mediaCoverageArea .mediaListingArea li
{ width:30%; margin:0px 1%;}

/* Partnership Row Start
***********************/
.partnershipRow .innerArea
{ padding:50px 0px;}
.partnershipRow .innerArea h2
{ font-size:28px; font-size:2.333rem; margin-bottom:30px; }
.partnershipRow .partnershipListingArea li
{ width:30%; margin:0px 1%;}
}




@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;
**************************/

/* Front Page Setting
***********************/

.frontPage .bannerArea
{ height:460px;}
.frontPage .bannerArea #banner-gallery li
{ width:100%; height:500px;}
.bannerArea .innerArea
{ height:auto; padding:10vw 0px 10vw 0px;}
.bannerArea .innerArea .simplyQuoteArea
{ width:90%; margin:0px auto;}
.bannerArea .innerArea .sloganRow
{ padding:20px; padding:5vw;}
.bannerArea .innerArea .sloganRow h1
{ font-size:36px; font-size:8vw; }
.bannerArea .innerArea .sloganRow p
{ font-size:16px; font-size:4vw; }

.bannerArea .quoteRow
{ padding:10px; padding:2vw 1.5vw;}
.bannerArea .quoteRow .inputCol input
{ font-size:16px; font-size:4vw; padding:2vw 1.5vw;}
.bannerArea .quoteRow .ctaCol
{ width:120px;}
.bannerArea .quoteRow .ctaCol .btnQuote a
{ padding:10px 15px;  padding:10px 3vw; font-size:16px; font-size:3.5vw; }

/* Advantage Setting
***********************/
.advantageArea .innerArea
{ padding:20px 0px; padding:5vw 0px;}
.advantageArea .innerArea h2
{ font-size:26px; font-size:6.5vw; margin-bottom:20px; margin-bottom:5vw; }
.advantageArea .innerArea .itemCol
{ margin-bottom:20px; margin-bottom:5vw;}
.advantageArea .innerArea .itemCol dt
{ margin-bottom:20px; margin-bottom:5vw;}
.advantageArea .innerArea .itemCol dt img
{ width:auto; height:180px;}
.advantageArea .innerArea .itemCol .stit
{ font-size:20px; font-size:5vw; margin-bottom:20px; margin-bottom:5vw;}
.advantageArea .innerArea .itemCol .descArea p
{ font-size:15px; font-size:3.75vw; margin-bottom:20px; margin-bottom:5vw;}

/* Customer Flow Setting
***********************/
.customerFlowArea .innerArea
{ padding:30px 0px;  padding:7.5vw 0px;}
.customerFlowArea .innerArea h2
{ font-size:26px; font-size:6.5vw; margin-bottom:20px; margin-bottom:5vw; }
.customerFlowArea .innerArea .itemCol dt
{ margin-bottom:20px; margin-bottom:5vw;}
.customerFlowArea .innerArea .itemCol dt img
{ width:auto; height:80px;}
.customerFlowArea .innerArea .itemCol .stit
{ font-size:20px; font-size:5vw; margin-bottom:20px; margin-bottom:5vw;}
.customerFlowArea .innerArea .itemCol .visual
{ width:auto; height:150px; margin-bottom:20px; margin-bottom:5vw;}
.customerFlowArea .innerArea .itemCol .descArea p
{ font-size:15px; font-size:3.75vw; margin-bottom:20px; margin-bottom:5vw;}
.customerFlowArea .innerArea .sepCol img
{ width:auto; height:80px; height:15vw;}

/* Case Study Setting
***********************/
.caseStudyArea .innerArea
{ padding:30px 0px; padding:7.5vw 0px;}
.caseStudyArea .innerArea h2
{ font-size:26px; font-size:6.5vw; margin-bottom:20px; margin-bottom:5vw; }

.caseStudyArea .innerArea ul
{ margin-bottom:10px; margin-bottom:2.5vw; }
.caseStudyArea .innerArea ul li
{ width:300px; padding-bottom:10px; padding-bottom:2.5vw; }
.caseStudyArea .innerArea ul li a
{ width:90%; }
.caseStudyArea .innerArea .caseItem
{ width:100%;}
.caseStudyArea .innerArea .caseItem .itemInner
{ padding:5px;}
.caseStudyArea .innerArea .caseItem .tmbArea
{ margin-bottom:10px; margin-bottom:2.5vw; height:300px; height:75vw;}

.caseStudyArea .innerArea .caseItem .locationCol p
{ padding:5px 10px 5px 24px;  padding:5px 10px 5px 24px;  background:url(../images/common/ico-location.png) no-repeat top 1vw left; background-size:5vw auto; font-size:16px; font-size:4vw; }
.caseStudyArea .innerArea .caseItem .descCol
{ width:40%; }
.caseStudyArea .innerArea .caseItem .descCol .sizeRow
{ padding:5px 0px; font-size:13px; font-size:3.25vw;}
.caseStudyArea .innerArea .caseItem .descCol .costRow
{ padding:5px 0px; font-size:13px; font-size:3.25vw;}



/* mobileComment Start
***********************/
.clientCommentArea .innerArea
{ padding:30px 0px; padding:7.5vw 0px;}
.clientCommentArea .innerArea h2
{ font-size:26px; font-size:6.5vw; margin-bottom:20px; margin-bottom:5vw; }
.mobileCommentArea .commentItem
{ background:url(../images/client-comments/img-yellow-close-quotation-marks.png) no-repeat bottom right; background-size:auto 50vw; padding-right:20px; padding-bottom:100px;  margin-bottom:20px; margin-bottom:5vw; }
.mobileCommentArea .commentItem.even
{ background:url(../images/client-comments/img-white-close-quotation-marks.png) no-repeat bottom left; background-size:auto 50vw; padding-left:20px; padding-bottom:100px;  margin-bottom:20px; margin-bottom:5vw; }

.clientCommentArea .commentItem .quoteMarks
{ position:absolute; top:-10px; left:0px; width:34px; width:8.5vw; height:auto;}
.clientCommentArea .commentItem.even .quoteMarks
{ position:absolute; top:-10px; left:auto; right:0px; width:34px; width:8.5vw; height:auto;}


/* Media News Start
***********************/
.mediaCoverageArea .innerArea
{ padding:30px 0px; padding:7.5vw 0px;}
.mediaCoverageArea .innerArea h2
{ font-size:26px; font-size:6.5vw; margin-bottom:20px; margin-bottom:5vw; }
.mediaCoverageArea .mediaListingArea li
{ width:42%; margin:0px 4%;}

/* Partnership Row Start
***********************/
.partnershipRow .innerArea
{ padding:30px 0px; padding:7.5vw 0px;}
.partnershipRow .innerArea h2
{ font-size:26px; font-size:6.5vw; margin-bottom:20px; margin-bottom:5vw; }
.partnershipRow .partnershipListingArea li
{ width:42%; margin:0px 4%;}
}