/* grid */
.dccom .grid-layout {max-width: 1920px}
.dccom .grid .row, .dccom .grid .col {padding: 0; margin:0;}
.dccom .grid .row .col.span12 {width: 100%}
.dccom .grid .row .col.span8 {width: 66.666666666%}
.dccom .grid .row .col.span6 {width: 50%}
.dccom .grid .row .col.span4 {width: 33.333333333%}

/* grid responsive*/
@media(max-width: 768px) {
	.dccom .grid .row .col.span12 .grid-inner-wrap > div.span4,
	.dccom .grid .row .col.span12 .grid-inner-wrap > div.span8 {width: 100%}
}

/* comps */
.dccom .grid .grid-inner-wrap .img-wrap {position: relative;height: 0;overflow: hidden;}
.dccom .grid .grid-inner-wrap .img-wrap iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;margin: 5px;}
.dccom .grid .grid-inner-wrap .img-wrap img,.dccom .grid .grid-inner-wrap .img-wrap .img-wrap-inner {position: absolute;top: 0;left: 0;width: 100%;height: 100%;margin: 5px;}
.dccom .grid .grid-inner-wrap .img-wrap .img-wrap-inner .background {height: 100%;background-size: cover;}
.dccom .grid .grid-inner-wrap .img-wrap .img-wrap-inner li {width:100%;min-height:800px;background-size: cover;}
.dccom .grid .grid-inner-wrap .img-wrap .img-wrap-inner li:before {content: '';}
.dccom .grid .grid-inner-wrap .img-wrap.square {padding-bottom: 100%}
.dccom .grid .grid-inner-wrap .img-wrap.rectangle.wide {padding-bottom: 50%}
.dccom .grid .grid-inner-wrap .img-wrap.rectangle.tall {padding-bottom: 200%}
.dccom .grid .grid-inner-wrap .float-right {float: right}
.dccom .grid .layout-1 .grid-inner-wrap:nth-of-type(3n+1) {clear:left;}
.dccom .grid .grid-inner-wrap .img-wrap .img-wrap-inner .bannerSlider {margin: 0}
.dccom .grid .grid-inner-wrap .img-wrap .img-wrap-inner .bannerSlider .slick-dots {display: none !important;}

/*text comp */
.dccom .grid .grid-inner-wrap .img-wrap.text div {position: absolute;left:0;right:0;text-align: center;margin: 0;z-index: 10;}
.dccom .grid .grid-inner-wrap .img-wrap.text div.center {top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.dccom .grid .grid-inner-wrap .img-wrap.text div.top {top: 0}
.dccom .grid .grid-inner-wrap .img-wrap.text div.bottom {bottom: 0;}
.dccom .grid .grid-inner-wrap .img-wrap.text div.top:after {content:'';position: absolute;left:0;right:0;top:0;height:100%;z-index:-1;background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(255,255,255,0) 100%);background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(255,255,255,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=0 );}
.dccom .grid .grid-inner-wrap .img-wrap.text div.bottom:after {content:'';position: absolute;left:0;right:0;bottom:0;height:100%;z-index:-1;background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%);background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 );}
.dccom .grid .grid-inner-wrap .img-wrap.text .btn {font-size: 1.2em;font-weight: 700;line-height: 1em;}
.dccom .grid .grid-inner-wrap .img-wrap.text .btn.top {position: absolute;top: 5px;}
.dccom .grid .grid-inner-wrap .img-wrap.text .btn.top.left {left: 5px}
.dccom .grid .grid-inner-wrap .img-wrap.text .btn.top.right {right: 10px;}
.dccom .grid .grid-inner-wrap .img-wrap.text .btn.bottom {position: absolute;bottom: 10px;}
.dccom .grid .grid-inner-wrap .img-wrap.text .btn.bottom.left {left: 5px;}
.dccom .grid .grid-inner-wrap .img-wrap.text .btn.bottom.right {right: 10px;}
.dccom .grid .grid-inner-wrap .img-wrap.text p a {text-decoration: none;}
.dccom .grid .grid-inner-wrap .img-wrap.text .brand-color {position: absolute;width: 100%;height: 100%;}
.dccom .grid .grid-inner-wrap .img-wrap.text .img-wrap-inner {position: absolute;width: 100%;height: 100%;}
/*.grid .grid-inner-wrap .img-wrap.text .background {position: absolute;top: 5px;left: 5px;width: 100%;height: 100%;}*/

.dccom .grid .grid-inner-wrap .img-wrap.text .brand-color.primary {background-color: #54630f}
.dccom .grid .grid-inner-wrap .img-wrap.text .brand-color.secondary {background-color: #db5800}

/* comps responsive */
@media(min-width: 480px) and (max-width: 768px) {
	.dccom .grid .grid-inner-wrap .img-wrap.stext p {font-size:2em;}
}
@media(min-width: 1200px){
	.dccom .grid .grid-inner-wrap .img-wrap.stext p {font-size:2em;}
}