/****** PLACE YOUR CUSTOM STYLES HERE ******/
@font-face {
	font-family: 'SCDream';
	src:url('../fonts/SCDream3.otf');
	font-weight:300;
}
@font-face {
	font-family: 'SCDream';
	src:url('../fonts/SCDream4.otf');
	font-weight:400;
}
@font-face {
	font-family: 'SCDream';
	src:url('../fonts/SCDream5.otf');
	font-weight:500;
}
@font-face {
	font-family: 'SCDream';
	src:url('../fonts/SCDream6.otf');
	font-weight:600;
}
@font-face {
	font-family: 'SCDream';
	src:url('../fonts/SCDream8.otf');
	font-weight:800;
}

/* MAIN*/
.menu{height:50px;}
nav.transparent .module.widget-handle{margin-top:-1px;}
.module.right, .module-group.right{padding-right:150px;}

.bg-primary{padding:0;}
.flex-control-nav{bottom:150px;}
.main-container .image-bg h2{font-family:'SCDream';font-weight:800;text-transform:uppercase;letter-spacing:-0.25px;}
.main-container .image-bg h5{font-family:'SCDream';font-weight:500;text-transform:uppercase;letter-spacing:-0.25px;}
.main-container .image-bg .flex-control-nav li a{background:#fff;}
.main-container .image-bg .flex-control-nav li a.flex-active{background:#fff200;border-color:#fff200;}

.portfolio-pullup .inner-title:before{display:none;}
.portfolio-pullup .inner-title .title{bottom:50%;}
.portfolio-pullup .inner-title .title h5{margin-bottom:10px;font-family:'SCDream';font-weight:500;font-size:24px;}
.portfolio-pullup .inner-title .title span{display:block;font-family:'SCDream';font-weight:400;font-size:18px;line-height:1.6;}
.portfolio-pullup .inner-title.hover-reveal:hover .title{transform:translateY(50%);}

.introduce h3{font-size:30px;font-family:'SCDream';font-weight:400;letter-spacing:-0.25px;}

.footer-2 h5{font-size:16px;font-family:'SCDream';font-weight:400;color:#fff;letter-spacing:-0.25px;}
.footer-2 h5 span{color:#999;}
.footer-2 .list-inline{margin-bottom:20px;}
.footer-2 .list-inline li{font-size:16px;font-family:'SCDream';font-weight:400;letter-spacing:-0.25px;}
.footer-2 .copyright{font-size:14px;color:#999;}

/* SUB */
.sub-header h3{margin-bottom:5px;font-size:40px;font-family:'SCDream';font-weight:300;letter-spacing:-0.25px;}
.sub-header span{font-size:12px;font-family:'SCDream';font-weight:300;}
.sub-title h3{font-size:24px;font-family:'SCDream';font-weight:400;letter-spacing:-0.25px;}
h3.section-title{font-size:34px;letter-spacing:-1px;line-height:1.2;}

.whatwedo *{font-family:'SCDream';font-weight:400;}
.whatwedo .text-box-wrap{height:580px;}
.whatwedo .text-box-wrap:before{display:block;position:absolute;width:100%;height:100%;background-image:url(../img/bg_whatwedo_02.png);background-repeat:no-repeat;background-position:center center;background-size:contain;content:'';}
.whatwedo .text-box h5{margin-bottom:10px;font-weight:500;font-size:14px;line-height:1.2;color:#7d7d7d;letter-spacing:-0.25px;}
.whatwedo .text-box span{display:block;font-size:12px;line-height:1.6;color:#7d7d7d;}
.whatwedo .text-box{position:absolute;left:calc(50% - 42px);top:70px;}
.whatwedo .text-box:nth-child(2){left:32%;top:220px;}
.whatwedo .text-box:nth-child(3){left:59.6%;top:230px;}
.whatwedo .text-box:nth-child(4){left:calc(50% - 51px);top:auto;bottom:50px;}
.whatwedo .boxed h5{font-size:17px;}
.whatwedo .boxed p{font-size:12px;}
.whatwedo .phone-wrap p{font-size:18px;}
.whatwedo .phone-wrap span{font-size:18px;}
.whatwedo .phone-wrap span a{font-size:36px;font-weight:800;color:#464646;letter-spacing:-1px;}
.whatwedo [class^="ti-"], [class*=" ti-"]{font-family:'themify'}

.contact *{font-family:'SCDream';font-weight:400;color:#464646;}
.contact h4{font-size:24px;letter-spacing:-1px;}
.contact h4 span{display:block;font-size:18px;}
.contact p{font-size:18px;}
.contact p span{font-weight:800;}
.contact p .phone{font-size:36px;}

.portfolio *{font-family:'SCDream';font-weight:400;}
.portfolio .inner-title .title h5{font-weight:500;letter-spacing:-0.5px;}
.portfolio .image-tile{display:block;width:100%;height:100%;}
.portfolio .button-tabs .tab-title span{font-family:'SCDream';font-weight:400;letter-spacing:0.5px;}

@media all and (max-width: 1200px) {
.module.right, .module-group.right{padding-right:16px;}
.whatwedo .text-box:nth-child(2){left:28.5%;top:230px;}
.whatwedo .text-box:nth-child(3){left:61.8%;top:220px;}
}

@media all and (max-width: 992px) {
/* MAIN*/
.menu{height:auto;}

.portfolio-pullup .inner-title{opacity:1;}
.portfolio-pullup .inner-title.hover-reveal .title{opacity:1;transform:translateY(50%);}
.portfolio-pullup .inner-title .title h5{font-size:18px;}
.portfolio-pullup .inner-title .title span{font-size:14px;line-height:1.5;}

.introduce h3{font-size:20px;}

.footer-2 h5{font-size:14px;}
.footer-2 .list-inline{margin-bottom:15px;}
.footer-2 .list-inline li{font-size:14px;}
.footer-2 .copyright{font-size:14px;color:#999;}

/* SUB */
.whatwedo .text-box:nth-child(2){left:22%;top:230px;}
.whatwedo .text-box:nth-child(3){left:65%;top:223px;}
}

@media all and (max-width: 767px) {
/* MAIN*/
.main-container .flex-control-nav{bottom:130px;}
section + .portfolio-pullup{margin-top:-90px;}
.masonryFlyIn .masonry-item.fadeIn{width:100%;}

/* SUB */
.sub-header h3{font-size:30px;}
.sub-title h3{font-size:18px;}
h3.section-title{font-size:24px;}

.whatwedo section{padding:40px 0;}
.whatwedo .text-box-wrap{height:auto;}
.whatwedo .text-box-wrap:before{display:none;}
.whatwedo .text-box{position:static;width:240px;height:240px;margin:0 auto;margin-bottom:10px;padding-top:38px;border:20px solid #7d9296;border-radius:120px;}
.whatwedo .text-box:nth-child(2){border-color:#50bfd8;}
.whatwedo .text-box:nth-child(3){padding-top:30px;border-color:#3bccc5;}
.whatwedo .text-box:nth-child(4){padding-top:25px;border-color:#7f9ca3;}
.whatwedo .boxed h5{font-size:16px;}
.whatwedo .phone-wrap p{font-size:16px;}
.whatwedo .phone-wrap span{font-size:16px;}
.whatwedo .phone-wrap span a{font-size:24px;}
br{display:block;}

.contact h4{font-size:16px;}
.contact p{font-size:16px;}
.contact p .phone{font-size:24px;}

}