h1 {
    font-family: 'montserrathairline';
    font-size: 60px;
}
.sc-heading { padding-bottom: 40px;}
.sc-heading h2 { font-size:45px; margin-bottom: 0;}
.heading-h2 { font-size: 28px;}

.art-hl h1 { margin-top: 0; line-height: 30px;}
.art-hl h1 img{
	height: 110px;
    width: auto;
}
.art-hl .bx-content, 
.art-hl .bx-content a, 
.art-hl .entry-tag a, 
.art-hl .bx-content b, 
.art-hl h1{
    color: #818181;
}
.dt-hl-half{
	padding-right: 10%;
}
.cover-txt{width: 520px;}
.cover-img{max-width:630px; position:absolute; right:12%; bottom:0;}
.section-right{float: right;}
.txt-white{color: #fff;}
.show-challenge {
    background: url(../img/bg-challenge.jpg) center;
    background-size: cover;
}
.show-mobile {
    background: url(../img/bg-mobile.jpg) center;
    background-size: contain;
    height: auto;
    padding-bottom: 0;
    padding-top: 5%;
}
.txt-mobile{width: 390px; margin-top: 9%; margin-left: 5%; text-align: left;}
.txt-show{
	width: 80%;
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.text-center {text-align: center;}
.sub-hl{padding-top: 5%; background: #fff; padding-bottom: 5%;}
.sub-hl.notop{padding-top: 0;}
.sub-hl.nobottom{padding-bottom: 0;}
.sub-hl.gray{background-color: #f2f2f2;}
.img-subhl{margin-top: 5%; margin-bottom: 10%;}
.img-subhl.notop{margin-top: 0;}
.img-subhl.bottom{margin-bottom: 15%;}
.img-subhl.nobottom{margin-bottom: 0;}
.img-subhl-width{max-width: 900px; margin: auto; margin-top: 5%;} 
p a.link-under{text-decoration: underline;}
.sub-hl{padding-top: 5%; background: #fff;}
.img-solution-top{margin-top: 50px;}
.img-solution{margin-left: -70px;}
.txt-solution{text-align: left; padding-top: 8%; padding-left: 10%;}
.txt-organize{text-align: left; top: 200px;}
.container-left{padding-left: 0;}
.bx-rol { padding-top: 80px;}

.art-full .bx-content { color: #818181;}

.section-mobile a.link-under { color: #00a950;}

.sc-creative .content-area { padding-top:15%;}

.vdo { position: relative;}
.bx-play{
	background:rgba(0,0,0,0.6);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 4;
	opacity:1;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.bx-play .box{
	left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.bx-play .box,
.bx-play .box h2{
	color: #fff;
}
.vdo:hover .bx-play{
	opacity: 1;
}

.vdo .img-responsive {
    float: none !important;
    display: block;
    margin: 0 auto;
}
.vdo .obj-02 {
    max-width: 180px;
    margin-top: 50px;
}
.play-vdo video {
    position: absolute;
    width: 650px;
    left: 50%;
    top: 50%;
    margin-left: -285px;
    margin-top: 95px;
}
.b-play {
	width: 104px;
	height: 104px;
	display: block;
	cursor: pointer;
	margin: 0 auto;
	background: url(http://192.168.1.7/icweb/2015/web/uploads/work/prinn/main-website/img/btn-vdo.png) no-repeat center;
	background-size: cover;
}
.play-vdo {
	width: 100%;
	height: auto;
	display: none;
}
.sc-vdo { 
    position: relative;
    max-width: 1165px;
    height: 600px;
    margin: 0 auto;
    background-image: url(../img/video-production.png);
    background-size: cover;
    background-position: center;
}
.sc-vdo .container { position: relative;}

.wrp-icon { padding-top: 220px; padding-left:60px;}

.sc-half{padding-top:100px; padding-bottom:100px; }
.sc-half .content{padding-left:20%; padding-top: 20%;}

.section-mobile a.link-under {
    color: #0090a1;
}

@media screen and ( max-width:1280px ) {
    
    h1 { font-size: 55px;}
    .sc-creative .content-area { padding-top:10%;}
}
@media screen and ( max-width:1024px ) {
    h1 { font-size: 45px;}
    .section-hero .content-area { max-width: 45%;}
}
@media screen and ( max-width:991px ) {
    .sc-half .content{padding-left:0; padding-top: 10%;}
    .content-area-right{width: 45%;}
}
@media screen and ( max-width:980px ) {
    .section-hero .content-area { max-width: 50%;}
}