@import url(//fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic,400italic,700italic,900italic);
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,600,600italic,800);
@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700);
@import url(//fonts.googleapis.com/css?family=Raleway:400,500,800);
@import url(//fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
.animsition-loading:after { position:fixed; top:50%; width:100%; margin-top:40px; font-size:18px; text-align:center; content:"Ground 4 Agency"; letter-spacing:1px; font-weight:400 }
*, ::after, ::before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.clearfix:before { display:table; content:" " }
.clearfix:after { clear:both; width:0; height:0 }
a { text-decoration:none !important; color:#995051; }
a:hover, a:focus {
    color: #995051;text-decoration:none !important;
}


  
article { display:block }
img { max-width:100%; border:0; height:auto }
embed, iframe, object, video { width:100%; max-width:100%; height:auto }
p { color:#616161; font-weight:400; letter-spacing:.3px; margin-bottom:20px }
.color-white { color:#fff!important }
.color-black { color:#212121!important }
.grey-section p, .white-section p { color:#616161!important }
.black-section p { color:#dfdfdf!important }
.hs1 { font-size:16px; line-height:22px }
.hs2 { font-size:20px; line-height:26px }
.hs3 { font-size:34px; line-height:40px }
.hs4 { font-size:48px; line-height:54px }
@media only screen and (max-width:1024px) {
.hs4 { font-size:44px; line-height:50px }
}
@media only screen and (max-width:768px) {
.hs1 { font-size:14px; line-height:18px }
.hs2 { font-size:18px; line-height:22px }
.hs3 { font-size:30px; line-height:34px }
.hs4 { font-size:40px; line-height:44px }
}
@media only screen and (max-width:480px) {
.hs2 { font-size:16px; line-height:20px }
.hs3 { font-size:26px; line-height:30px }
.hs4 { font-size:36px; line-height:40px }
}
@media only screen and (max-width:320px) {
.hs4 { font-size:30px; line-height:34px }
.hs3 { font-size:22px; line-height:26px }
}
.fontalt { font-family:Raleway, sans-serif }
.fontalt2 { font-family:'Open Sans Condensed', sans-serif }
.fontalt3 { font-family:Pacifico, cursive }
.fontalt4 { font-family:'Roboto Condensed', sans-serif }
.fontalt5 { font-family:'Open Sans', sans-serif }
.text-center { text-align:center!important }
.text-right { text-align:right!important }
.text-left { text-align:left!important }
.float-left { float:left!important }
.float-right { float:right!important }
.full-image { position:relative; width:100% }
.full-image img { max-width:100%; height:auto; vertical-align:bottom }
.fluid-width-video-wrapper { padding:0; position:relative; width:100%; padding-top:56.25%!important }
.relative { position:relative!important }
.static { position:static!important }
.absolute { position:absolute!important }
.fixed { position:fixed!important }
.stick-fixed { position:fixed!important; top:0; left:0 }
.lowercase { text-transform:lowercase }
.uppercase { text-transform:uppercase }
.nocase { text-transform:none }
.nomargin { margin:0!important }
.nopadding { padding:0!important }
.zindex100 { z-index:100!important }
.zindex1 { z-index:1!important }
.zindex2 { z-index:2!important }
.four.columns:nth-child(4n+5) { clear:left }
@media only screen and (min-width:768px) and (max-width:959px) {
.four.columns:nth-child(2n+3) { clear:left }
}
.text-italic { font-style:italic }
.text-underline { text-decoration:underline }
.banner-section { overflow:visible!important }
@media only screen and (max-width:767px) {
.banner-image { margin:0 0 40px!important; text-align:center }
}
.banner-image2 { margin:-90px 0 0!important; position:absolute; right:0; top:0; width:350px; z-index:2 }
.table-content { position:relative; display:table; height:100%; text-align:center; width:100% }
.table-center-text { display:table-cell; height:100%; vertical-align:middle }
.valign { position:relative; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%) }
.valign.fixed { position:fixed!important; width:100%!important }
@media only screen and (max-width:1024px) {
.valign.fixed { position:relative!important }
}
@media only screen and (max-width:768px) {
.center-xs { text-align:center!important }
.sm-bottom20-xs { margin-bottom:20px!important }
}
.black-section .heading-sep, .grey-section .heading-sep, .heading-sep, .white-section .heading-sep { margin:25px 0; width:120px; height:4px; -webkit-transition:all .27s cubic-bezier(0, 0, .58, 1); -moz-transition:all .27s cubic-bezier(0, 0, .58, 1); -o-transition:all .27s cubic-bezier(0, 0, .58, 1); -ms-transition:all .27s cubic-bezier(0, 0, .58, 1); transition:all .27s cubic-bezier(0, 0, .58, 1) }
.grey-section .heading-sep, .heading-sep, .white-section .heading-sep { background:#212121 }
.black-section .heading-sep { background:#FFF }
.text-center .heading-sep { margin:25px auto }
@media only screen and (max-width:768px) {
.heading-sep { width:80px!important }
}
@media only screen and (max-width:480px) {
.heading-sep { width:60px!important }
}
@media only screen and (max-width:320px) {
.heading-sep { width:40px!important }
}
hr { background-color:#E6E6E6; border-color:#E6E6E6 }
hr.white { background:rgba(255,255,255,.35); border-color:rgba(255,255,255,.35) }
hr.black { background:rgba(0,0,0,.85); border-color:rgba(0,0,0,.85) }
.col { float:left; padding-left:.9375rem;
padding-right:.9375rem;
position:relative }
.col1 { width:100% }
.col2 { width:50% }
.col3 { width:33.3% }
.col4 { width:25% }
@media only screen and (max-width:768px) {
.col1, .col2, .col3 { width:100% }
.col1.nopadding-xs, .col2.nopadding-xs { padding:0 }
.col4 { width:50% }
}
@media only screen and (max-width:480px) {
.col4 { width:100% }
}
.form input[type=url], .form input[type=search], .form input[type=tel], .form input[type=password], .form input[type=date], .form input[type=color], .form input[type=text], .form input[type=email], .form input[type=number], .form select { display:inline-block; height:27px; vertical-align:middle; font-size:11px; font-weight:400; text-transform:uppercase; letter-spacing:1px; color:#777; border:1px solid rgba(0,0,0,.1); padding-left:7px; padding-right:0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all .2s cubic-bezier(0, 0, .58, 1); -moz-transition:all .2s cubic-bezier(0, 0, .58, 1); -o-transition:all .2s cubic-bezier(0, 0, .58, 1); -ms-transition:all .2s cubic-bezier(0, 0, .58, 1); transition:all .2s cubic-bezier(0, 0, .58, 1) }
.form input[type=url]:hover, .form input[type=search]:hover, .form input[type=tel]:hover, .form input[type=password]:hover, .form input[type=date]:hover, .form input[type=color]:hover, .form input[type=text]:hover, .form input[type=email]:hover, .form input[type=number]:hover, .form select:hover { border-color:rgba(0,0,0,.2) }
.form input[type=url]:focus, .form input[type=search]:focus, .form input[type=tel]:focus, .form input[type=password]:focus, .form input[type=date]:focus, .form input[type=color]:focus, .form input[type=text]:focus, .form input[type=email]:focus, .form input[type=number]:focus, .form select:focus { border-color:rgba(0,0,0,.7); box-shadow:0 0 3px rgba(0,0,0,.2); -webkit-box-shadow:0 0 3px rgba(0,0,0,.2); -moz-box-shadow:0 0 3px rgba(0,0,0,.2); -ms-box-shadow:0 0 3px rgba(0,0,0,.2); color:#212121; outline:0 }
.form select { height:30px; padding:7px; vertical-align:middle }
.form .form-group { margin-bottom:10px }
.form input.full_width[type=url], .form input.full_width[type=search], .form input.full_width[type=tel], .form input.full_width[type=password], .form input.full_width[type=date], .form input.full_width[type=color], .form input.full_width[type=text], .form input.full_width[type=email], .form input.full_width[type=number], .form select.full_width { font-size:12px; height:40px; padding-left:15px; padding-right:15px; width:100% }
.form textarea { border-color:rgba(0,0,0,.1); border-width:1px; border-radius:0; -webkit-border-radius:0; box-shadow:none; -webkit-box-shadow:none; color:#777; display:block; font-size:12px; font-weight:400; letter-spacing:1px; outline:0; text-transform:uppercase!important; background-color:#fff; background-image:none; line-height:1.42857; padding:6px 12px; transition:border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s; -ms-transition:border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s; -webkit-transition:border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s; -moz-transition:border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s; -o-transition:border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s; width:100% }
.form textarea:hover { border-color:rgba(0,0,0,.2) }
.form textarea:focus { color:#111; border-color:rgba(0,0,0,.7); -ms-box-shadow:0 0 3px rgba(21,21,21,.3); -webkit-box-shadow:0 0 3px rgba(21,21,21,.3); -moz-box-shadow:0 0 3px rgba(21,21,21,.3); box-shadow:0 0 3px rgba(21,21,21,.3) }
.form input.error { border-color:#e41919 }
.form div.error { margin-top:20px; padding:13px 20px; text-align:center; background:rgba(228,25,25,.75); color:#fff }
.form div.success { margin-top:20px; padding:13px 20px; text-align:center; background:rgba(50,178,95,.75); color:#fff }

.sm-left-right70 {margin:0 70px!important }
.sm-left-right15 {margin:0 15px!important }
.sp-top-bottom0 { padding:0!important }
.sp-top-bottom10 { padding:10px 0!important }
.sp-top-bottom20 { padding:20px 0!important }
.sp-top-bottom30 { padding:30px 0!important }
.sp-top-bottom40 { padding:40px 0!important }
.sp-top-bottom50 { padding:50px 0!important }
.sp-top-bottom60 { padding:60px 0!important }
.sp-top-bottom70 { padding:70px 0!important }
.sp-top-bottom80 { padding:80px 0!important }
.sp-top-bottom90 { padding:90px 0!important }
.sp-top-bottom100 { padding:100px 0!important }
.sp-top-bottom110 { padding:110px 0!important }
.sp-top-bottom120 { padding:120px 0!important }
.sp-top120 { padding-top:120px!important }
.sp-top110 { padding-top:110px!important }
.sp-top100 { padding-top:100px!important }
.sp-top90 { padding-top:90px!important }
.sp-top80 { padding-top:80px!important }
.sp-top70 { padding-top:70px!important }
.sp-top60 { padding-top:60px!important }
.sp-top50 { padding-top:50px!important }
.sp-top40 { padding-top:40px!important }
.sp-top30 { padding-top:30px!important }
.sp-top20 { padding-top:20px!important }
.sp-top10 { padding-top:10px!important }
.sp-top0 { padding-top:0!important }
.sp-bottom120 { padding-bottom:120px!important }
.sp-bottom110 { padding-bottom:110px!important }
.sp-bottom100 { padding-bottom:100px!important }
.sp-bottom90 { padding-bottom:90px!important }
.sp-bottom80 { padding-bottom:80px!important }
.sp-bottom70 { padding-bottom:70px!important }
.sp-bottom60 { padding-bottom:60px!important }
.sp-bottom50 { padding-bottom:50px!important }
.sp-bottom40 { padding-bottom:40px!important }
.sp-bottom30 { padding-bottom:30px!important }
.sp-bottom20 { padding-bottom:20px!important }
.sp-bottom10 { padding-bottom:10px!important }
.sp-bottom0 { padding-bottom:0!important }
.sm-top-bottom0 { margin:0!important }
.sm-top-bottom10 { margin:10px 0!important }
.sm-top-bottom20 { margin:20px 0!important }
.sm-top-bottom30 { margin:30px 0!important }
.sm-top-bottom40 { margin:40px 0!important }
.sm-top-bottom50 { margin:50px 0!important }
.sm-top-bottom60 { margin:60px 0!important }
.sm-top-bottom70 { margin:70px 0!important }
.sm-top-bottom80 { margin:80px 0!important }
.sm-top-bottom90 { margin:90px 0!important }
.sm-top-bottom100 { margin:100px 0!important }
.sm-top-bottom110 { margin:110px 0!important }
.sm-top-bottom120 { margin:120px 0!important }
.sm-top120 { margin-top:120px!important }
.sm-top110 { margin-top:110px!important }
.sm-top100 { margin-top:100px!important }
.sm-top90 { margin-top:90px!important }
.sm-top80 { margin-top:80px!important }
.sm-top70 { margin-top:70px!important }
.sm-top60 { margin-top:60px!important }
.sm-top50 { margin-top:50px!important }
.sm-top40 { margin-top:40px!important }
.sm-top30 { margin-top:30px!important }
.sm-top20 { margin-top:20px!important }
.sm-top10 { margin-top:10px!important }
.sm-top0 { margin-top:0!important }
.sm-top3 { margin-top:3px!important }
.sm-bottom120 { margin-bottom:120px!important }
.sm-bottom110 { margin-bottom:110px!important }
.sm-bottom100 { margin-bottom:100px!important }
.sm-bottom90 { margin-bottom:90px!important }
.sm-bottom80 { margin-bottom:80px!important }
.sm-bottom70 { margin-bottom:70px!important }
.sm-bottom60 { margin-bottom:60px!important }
.sm-bottom50 { margin-bottom:50px!important }
.sm-bottom40 { margin-bottom:40px!important }
.sm-bottom30 { margin-bottom:30px!important }
.sm-bottom20 { margin-bottom:20px!important }
.sm-bottom10 { margin-bottom:10px!important }
.sm-bottom0 { margin-bottom:0!important }
.sm-bottom3 { margin-bottom:3px!important }
@media only screen and (max-width:992px) {
	
.container { width:100% !important}
	.sm-left-right70 {margin:0 50px!important }
.sp-top-bottom70 { padding:50px 0!important }
.sp-top-bottom80 { padding:60px 0!important }
.sp-top-bottom90 { padding:70px 0!important }
.sp-top-bottom100 { padding:80px 0!important }
.sp-top-bottom110 { padding:90px 0!important }
.sp-top-bottom120 { padding:100px 0!important }
.sm-top-bottom70 { margin:50px 0!important }
.sm-top-bottom80 { margin:60px 0!important }
.sm-top-bottom90 { margin:70px 0!important }
.sm-top-bottom100 { margin:80px 0!important }
.sm-top-bottom110 { margin:90px 0!important }
.sm-top-bottom120 { margin:100px 0!important }
.sp-top120 { padding-top:100px!important }
.sp-top110 { padding-top:90px!important }
.sp-top100 { padding-top:80px!important }
.sp-top90 { padding-top:70px!important }
.sp-top80 { padding-top:60px!important }
.sp-top70 { padding-top:50px!important }
.sp-bottom120 { padding-bottom:100px!important }
.sp-bottom110 { padding-bottom:90px!important }
.sp-bottom100 { padding-bottom:80px!important }
.sp-bottom90 { padding-bottom:70px!important }
.sp-bottom80 { padding-bottom:60px!important }
.sp-bottom70 { padding-bottom:50px!important }
.sm-top120 { margin-top:100px!important }
.sm-top110 { margin-top:90px!important }
.sm-top100 { margin-top:80px!important }
.sm-top90 { margin-top:70px!important }
.sm-top80 { margin-top:60px!important }
.sm-top70 { margin-top:50px!important }
.sm-bottom120 { margin-bottom:100px!important }
.sm-bottom110 { margin-bottom:90px!important }
.sm-bottom100 { margin-bottom:80px!important }
.sm-bottom90 { margin-bottom:70px!important }
.sm-bottom80 { margin-bottom:60px!important }
.sm-bottom70 { margin-bottom:50px!important }
}
@media only screen and (max-width:768px) {
	.sm-left-right70 {margin:0 30px!important }
.sp-top-bottom30, .sp-top-bottom40 { padding:20px 0!important }
.sp-top-bottom50 { padding:30px 0!important }
.sp-top-bottom60 { padding:40px 0!important }
.sp-top-bottom70 { padding:50px 0!important }
.sp-top-bottom80 { padding:60px 0!important }
.sp-top-bottom90 { padding:50px 0!important }
.sp-top-bottom100 { padding:60px 0!important }
.sp-top-bottom110 { padding:70px 0!important }
.sp-top-bottom120 { padding:80px 0!important }
.sm-top-bottom30, .sm-top-bottom40 { margin:20px 0!important }
.sm-top-bottom50 { margin:30px 0!important }
.sm-top-bottom60 { margin:40px 0!important }
.sm-top-bottom70 { margin:50px 0!important }
.sm-top-bottom80 { margin:60px 0!important }
.sm-top-bottom90 { margin:50px 0!important }
.sm-top-bottom100 { margin:60px 0!important }
.sm-top-bottom110 { margin:70px 0!important }
.sm-top-bottom120 { margin:80px 0!important }
.sp-top120 { padding-top:80px!important }
.sp-top110 { padding-top:70px!important }
.sp-top100 { padding-top:60px!important }
.sp-top90 { padding-top:50px!important }
.sp-top80 { padding-top:60px!important }
.sp-top70 { padding-top:50px!important }
.sp-top60 { padding-top:40px!important }
.sp-top50 { padding-top:30px!important }
.sp-top30, .sp-top40 { padding-top:20px!important }
.sp-bottom120 { padding-bottom:80px!important }
.sp-bottom110 { padding-bottom:70px!important }
.sp-bottom100 { padding-bottom:60px!important }
.sp-bottom90 { padding-bottom:50px!important }
.sp-bottom80 { padding-bottom:60px!important }
.sp-bottom70 { padding-bottom:50px!important }
.sp-bottom60 { padding-bottom:40px!important }
.sp-bottom50 { padding-bottom:30px!important }
.sp-bottom30, .sp-bottom40 { padding-bottom:20px!important }
.sm-top120 { margin-top:80px!important }
.sm-top110 { margin-top:70px!important }
.sm-top100 { margin-top:60px!important }
.sm-top90 { margin-top:50px!important }
.sm-top80 { margin-top:60px!important }
.sm-top70 { margin-top:50px!important }
.sm-top60 { margin-top:40px!important }
.sm-top50 { margin-top:30px!important }
.sm-top30, .sm-top40 { margin-top:20px!important }
.sm-bottom120 { margin-bottom:80px!important }
.sm-bottom110 { margin-bottom:70px!important }
.sm-bottom100 { margin-bottom:60px!important }
.sm-bottom90 { margin-bottom:50px!important }
.sm-bottom80 { margin-bottom:60px!important }
.sm-bottom70 { margin-bottom:50px!important }
.sm-bottom60 { margin-bottom:40px!important }
.sm-bottom50 { margin-bottom:30px!important }
.sm-bottom30, .sm-bottom40 { margin-bottom:20px!important }
}
.page-section { width:100%; display:block; position:relative; overflow:hidden; background-attachment:fixed; background-repeat:no-repeat; background-position:center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.page-section.scroll { background-attachment:scroll!important }
.page-section.bgrepeat { background-repeat:repeat; :!important
}
@media only screen and (max-width:1024px) {
.page-section { background-attachment:scroll }
}
.white-section { background-color:#fff }
.grey-section { background-color:#f8f8f8 }
.black-section { background-color:#212121; color:#fff }
.black-section a { color:rgba(255,255,255,.8) }
.black-section a:hover { color:rgba(255,255,255,1) }
.grey-section a, .white-section a { color:rgba(153,80,81,.9) }
.grey-section a:hover, .white-section a:hover { color:rgba(32,32,32,1) }
.bg-overlay-light-alfa10:before { background:rgba(255,255,255,.1); content:" "; height:100%; left:0; position:absolute; top:0; width:100% }
.bg-overlay-light-alfa20:before { background:rgba(255,255,255,.2); content:" "; height:100%; left:0; position:absolute; top:0; width:100% }
.bg-overlay-light-alfa30:before { background:rgba(255,255,255,.3); content:" "; height:100%; left:0; position:absolute; top:0; width:100% }
.bg-overlay-light-alfa40:before { background:rgba(255,255,255,.4); content:" "; height:100%; left:0; position:absolute; top:0; width:100% }
.bg-overlay-light-alfa50:before { background:rgba(255,255,255,.5); content:" "; height:100%; left:0; position:absolute; top:0; width:100% }
.bg-overlay-light-alfa60:before { background:rgba(255,255,255,.6); content:" "; height:100%; left:0; position:absolute; top:0; width:100% }
.bg-overlay-light-alfa70:before { background:rgba(255,255,255,.7); content:" "; height:100%; left:0; position:absolute; top:0; width:100% }
.bg-overlay-light-alfa80:before { background:rgba(255,255,255,.8); content:" "; height:100%; left:0; position:absolute; top:0; width:100% }
.bg-overlay-light-alfa90:before { background:rgba(255,255,255,.9); content:" "; height:100%; left:0; position:absolute; top:0; width:100% }
.bg-overlay-dark-alfa10:before { background:rgba(22,22,22,.1); content:" "; height:100%; left:0; position:absolute; top:0; width:100% }
.bg-overlay-dark-alfa20:before { background:rgba(22,22,22,.2); content:" "; height:100%; left:0; position:absolute; top:0; width:100% }
.bg-overlay-dark-alfa30:before { background:rgba(22,22,22,.3); content:" "; height:100%; left:0; position:absolute; top:0; width:100% }
.bg-overlay-dark-alfa40:before { background:rgba(22,22,22,.4); content:" "; height:100%; left:0; position:absolute; top:0; width:100% }
.bg-overlay-dark-alfa50:before { background:rgba(22,22,22,.5); content:" "; height:100%; left:0; position:absolute; top:0; width:100% }
.bg-overlay-dark-alfa60:before { background:rgba(22,22,22,.6); content:" "; height:100%; left:0; position:absolute; top:0; width:100% }
.bg-overlay-dark-alfa70:before { background:rgba(22,22,22,.7); content:" "; height:100%; left:0; position:absolute; top:0; width:100% }
.bg-overlay-dark-alfa80:before { background:rgba(22,22,22,.8); content:" "; height:100%; left:0; position:absolute; top:0; width:100% }
.bg-overlay-dark-alfa90:before { background:rgba(153,80,81,.6); content:" "; height:100%; left:0; position:absolute; top:0; width:100% }
.bg-overlay-dark-alfa93:before { background:rgba(153,80,81,.3); content:" "; height:100%; left:0; position:absolute; top:0; width:100% }
.btn-bg-black, .btn-bg-white, .btn-border-black, .btn-border-white { font-size:12px; font-weight:400; letter-spacing:2px; margin:0 auto; display:inline-block; padding:12px 40px; position:relative; text-align:center; text-transform:uppercase; transition:color .3s ease 0s, background .3s ease 0s; -ms-transition:color .3s ease 0s, background .3s ease 0s; -webkit-transition:color .3s ease 0s, background .3s ease 0s; -moz--webkit-transition:color .3s ease 0s, background .3s ease 0s; -o--webkit-transition:color .3s ease 0s, background .3s ease 0s }
.btn-border-white { border:3px solid #FFF; color:#fff!important }
.btn-border-white:hover { background-color:#FFF; color:#212121!important }
.btn-border-black { border:3px solid #212121; color:#212121!important }
.btn-border-black:hover { background-color:#212121; color:#fff!important }
.btn-bg-black { border:3px solid #212121; background-color:#212121; color:#fff!important }
.btn-bg-black:hover { background-color:transparent; color:#212121!important }
.btn-bg-white { border:3px solid #fff; background-color:#fff; color:#212121!important }
.btn-bg-white:hover { background-color:transparent; color:#fff!important }
.btn-size-0 { padding:5px 22px; font-size:12px; letter-spacing:1px }
.btn-size-1 { padding:12px 40px; font-size:12px; letter-spacing:2px }
.btn-size-2 { padding:14px 42px; font-size:13px; letter-spacing:2.5px }
.btn-size-3 { padding:16px 44px; font-size:14px; letter-spacing:3px }
.btn-size-4 { padding:18px 46px; font-size:16px; letter-spacing:3px }
.btn-icon { margin-right:5px }
.btn-radius { border-radius:1000px; -webkit-border-radius:1000px; -moz-border-radius:1000px }
@media only screen and (max-width:479px) {
.btn-size-1 { padding:10px 30px; font-size:12px; letter-spacing:2px }
.btn-size-2 { padding:12px 31px; font-size:13px; letter-spacing:2px }
.btn-size-3 { padding:14px 32px; font-size:14px; letter-spacing:2px }
.btn-size-4 { padding:16px 33px; font-size:15px; letter-spacing:2px }
}
@media only screen and (max-width:319px) {
.btn-size-1 { padding:8px 20px; font-size:12px; letter-spacing:2px }
.btn-size-2 { padding:10px 21px; font-size:13px; letter-spacing:2px }
.btn-size-3 { padding:12px 22px; font-size:14px; letter-spacing:2px }
.btn-size-4 { padding:14px 23px; font-size:15px; letter-spacing:2px }
}
@media only screen and (max-width:480px) {
.group-link a { margin-bottom:10px }
.group-link a:last-child { margin-bottom:0 }
}

/*MENU*/

.slimmenu-menu-collapser {
  position: relative;
  background:rgba(153,80,81,0.9);
  color: #fff;
  width: 100%;
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.slimmenu-collapse-button {
  position: absolute;
  right: 8px;
  top: 50%;
 
  color: #fff;
  padding: 7px 10px;
  cursor: pointer;
  font-size: 14px;
  text-align: center;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.slimmenu-collapse-button .slimmenu-icon-bar {
  background-color: #f5f5f5;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px rgba(0,0,0,0.25);
  box-shadow: 0 1px rgba(0,0,0,0.25);
  display: block;
  height: 2px;
  width: 18px;
  margin: 2px 0;
}
ul.slimmenu {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
ul.slimmenu li {
  position: relative;
  display: inline-block;
}
ul.slimmenu li a {
  display: block;
  padding: 12px 20px;
  font-size: 15px;
  text-transform: uppercase;
  font-family: 'Roboto', arial, helvetica, sans-serif;
  color: #995051;
  -webkit-transition: background-color 0.17s ease-out;
  -moz-transition: background-color 0.17s ease-out;
  -o-transition: background-color 0.17s ease-out;
  -ms-transition: background-color 0.17s ease-out;
  transition: background-color 0.17s ease-out;
  text-decoration:none;
  letter-spacing:3px;
}
ul.slimmenu li.slimmenu-sub-menu a {
  padding: 12px 34px 12px 20px;
}
ul.slimmenu li.active > a,
ul.slimmenu li:hover > a {
  background: #995051;
  color: #fff;
}
ul.slimmenu li.active .slimmenu-sub-collapser > i,
ul.slimmenu li:hover .slimmenu-sub-collapser > i {
  color: #fff;
}
ul.slimmenu li .slimmenu-sub-collapser {
  position: absolute;
  right: 11px;
  top: 0;
  width: 20px;
  height: 100%;
  text-align: center;
  z-index: 999;
  cursor: pointer;
}
ul.slimmenu li .slimmenu-sub-collapser:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
ul.slimmenu li .slimmenu-sub-collapser > i {
  text-align: center;
  color: #333;
  font-size: 18px;
  vertical-align: middle;
}
ul.slimmenu li ul {
  margin: 0;
  list-style: none;
}
ul.slimmenu li ul li {
  display: block;
  text-align:left;
}
ul.slimmenu li ul li a {
	background: rgba(153, 80,80, 0.9);
/*  background-color: #995051;*/
  color: #fff;
  border-bottom: 1px solid rgba(0,0,0,0.075);
}


ul.slimmenu li ul li a:hover {
	background: rgba(255, 255,255, 0.9);
 /* background-color: #fff;*/
  color: #995051;
}
ul.slimmenu li > ul {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 999;
  padding: 0;
  min-width: 170px;
}
ul.slimmenu li > ul > li ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
  z-index: 999;
  width: 100%;
}
ul.slimmenu.slimmenu-collapsed li {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
   background: #995051;
   color: #fff !important;
}
ul.slimmenu.slimmenu-collapsed li.active > a,
ul.slimmenu.slimmenu-collapsed li:hover > a {
  background: #333;
  color: #fff;
}
ul.slimmenu.slimmenu-collapsed li ul li a {
  background: #995051;
  color: #fff;
}
ul.slimmenu.slimmenu-collapsed li ul li a:hover {
  background: #333;
  color: #fff;
}
ul.slimmenu.slimmenu-collapsed li a {
  display: block;
  border-bottom: 1px solid rgba(0,0,0,0.075);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff !important;
}
ul.slimmenu.slimmenu-collapsed li > ul {
  display: none;
  position: static;
  width: 100%;
  /*padding-left: 50px;*/
}
ul.slimmenu.slimmenu-collapsed li .slimmenu-sub-collapser {
  height:30px;
  width: 25px;
  right: 0;
  background:transparent;
}
ul.slimmenu.slimmenu-collapsed li .slimmenu-sub-collapser > i {
  color: #fff;
}

.spinner {
  width: 50px;
  height: 40px;
  text-align: center;
  display:none;
  font-size: 10px;
}

.spinner > div {
  background-color: #fff;
  height: 100%;
  width: 6px;
  display: inline-block;
  
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}
#header {
	height:160px;
	width: 100%;
	background:rgba(255,255,255, .8);
	position: absolute;
    z-index: 99997;
	
}
#header-pages {
	height:160px;
	width: 100%;
	background:rgba(255,255,255, .4);
	position: relative;
    z-index: 99997;
	
}
.menu-top-0 { text-align:center; margin-top:23px}
@media only screen and (max-width:830px) {
	.menu-top-0 { text-align:center; margin-top:18px}
	
}
@media only screen and (max-width:856px) {
	.logoicon-bx { display:none}
}
@media only screen and (max-width:931px) {
	.logoicon { display:none !important}
	
}
.f-nav .menu-top-0 { text-align:center; margin-top:20px}
.f-nav{ z-index: 99997; position: fixed;width:100%; top: 0;  -webkit-transition: all .3s ease;-moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease;transition: all .3s ease; background: rgba(255,255,255,1);/*filter: alpha(opacity=50);*/ }

.f-nav .logo{ display:none}
.logoicon { visibility:hidden;  display:none}
.f-nav .logoicon { visibility:visible;display:block;background:url(../images/icon_75.png) no-repeat; width:75px; height:75px; }
.logo { padding-top:10px}
.full-wrapper { padding:0 2% }
.header-logo-wrap {/* float:left; margin-right:20px */ text-align:center;}
.header-logo-wrap .logo { display:table-cell; vertical-align:middle; max-width:120px; height:75px; -webkit-transition:all .27s cubic-bezier(0, 0, .58, 1); -moz-transition:all .27s cubic-bezier(0, 0, .58, 1); -o-transition:all .27s cubic-bezier(0, 0, .58, 1); -ms-transition:all .27s cubic-bezier(0, 0, .58, 1); transition:all .27s cubic-bezier(0, 0, .58, 1) }
.bottom-menu .logo { height:75px!important }
.header-logo-wrap .logo img { max-height:100%; vertical-align:middle }
.header-logo-wrap .logo:after, .header-logo-wrap .logo:before { display:none }
.logo, a.logo:hover { font-size:18px; font-weight:400; text-transform:uppercase; letter-spacing:.2em; text-decoration:none; color:rgba(0,0,0,.9) }
.main-nav {
	 width:100%; height:150px!important; position:relative; top:0; left:0; text-align:left; background:rgba(255,255,255,.5); z-index:999; -webkit-box-shadow:0 1px 0 rgba(0,0,0,.05); -moz-box-shadow:0 1px 0 rgba(0,0,0,.05); box-shadow:0 1px 0 rgba(0,0,0,.05); -webkit-transition:height .27s cubic-bezier(0, 0, .58, 1); -moz-transition:height .27s cubic-bezier(0, 0, .58, 1); -o-transition:height .27s cubic-bezier(0, 0, .58, 1); -ms-transition:height .27s cubic-bezier(0, 0, .58, 1); transition:height .27s cubic-bezier(0, 0, .58, 1); padding-top:10px; }
.small-height { height:55px!important }
.small-height .nav-wrapper ul li a { height:55px!important; line-height:55px!important }
.bottom-menu.small-height { height:75px!important }
.bottom-menu .nav-wrapper ul li a { height:75px!important; line-height:75px!important }
.hide-menu { visibility:hidden; opacity:0 }
.small-height.hide-menu { visibility:visible; opacity:1 }

/**/.main-nav.transparent { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;}
.main-nav.js-transparent { -webkit-transition:all .27s cubic-bezier(0, 0, .58, 1); -moz-transition:all .27s cubic-bezier(0, 0, .58, 1); -o-transition:all .27s cubic-bezier(0, 0, .58, 1); -ms-transition:all .27s cubic-bezier(0, 0, .58, 1); transition:all .27s cubic-bezier(0, 0, .58, 1) }
.nav-sub.search { background:#fff; position:absolute; top:9px; z-index:1; border:0 }
.small-height .search { top:-1px }
.bottom-menu .search { top:9px }
.search-field { -moz-box-sizing:border-box }
.search-button { padding:0 }
.search-button:hover { color:#111; background:0 0 }
.search-button:hover+.search-field { border-color:#ccc }
.home { position:relative; width:100% }
a.arrow-down { position:absolute; width:50px; height:50px; left:50%; margin-left:-25px; font-family:FontAwesome; bottom:70px; border:3px solid #212121; font-size:22px; color:#212121; line-height:44px; text-align:center; z-index:100; -webkit-transition:border .2s, color .3s, background .3s; -moz-transition:border .2s, color .3s, background .3s; transition:border .2s, color .3s, background .3s; -o-transition:border .2s, color .3s, background .3s; -ms-transition:border .2s, color .3s, background .3s }
a.arrow-down:hover { background:#212121; color:#fff }
.ad-white { border:3px solid #fff!important; color:#fff!important }
.ad-white:hover { background:rgba(255,255,255,1)!important; color:#212121!important }
@media only screen and (min-width:320px) and (max-width:479px) {
a.arrow-down { bottom:20px }
}
@media only screen and (max-width:319px) {
a.arrow-down { bottom:20px }
}
#home-scrollto { position:absolute; display:block; bottom:60px; margin:0 auto; text-align:center; width:100%; font-size:32px; cursor:pointer; z-index:99 }
.no-touch #home-scrollto i { -webkit-animation-duration:1.2s; -moz-animation-duration:1.2s; -o-animation-duration:1.2s; animation-duration:1.2s; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; -o-animation-iteration-count:infinite; -webkit-animation-name:todown; -moz-animation-name:todown; -o-animation-name:todown; -ms-animation-name:todown; animation-name:todown; animation-timing-function:linear; -webkit-animation-timing-function:linear; -moz-animation-timing-function:linear; -o-animation-timing-function:linear }
#home-scrollto i:hover { -webkit-animation:none; animation:none }
@-moz-keyframes todown { 0%, 10% {
-moz-transform:translateY(-15px);
opacity:0
}
50% {
-moz-transform:translateY(0);
opacity:1
}
100%, 90% {
-moz-transform:translateY(15px);
opacity:0
}
}
@-ms-keyframes todown { 0%, 10% {
-ms-transform:translateY(-15px);
opacity:0
}
50% {
-ms-transform:translateY(0);
opacity:1
}
100%, 90% {
-ms-transform:translateY(15px);
opacity:0
}
}
@-webkit-keyframes todown { 0%, 10% {
-webkit-transform:translateY(-15px);
opacity:0
}
50% {
-webkit-transform:translateY(0);
opacity:1
}
100%, 90% {
-webkit-transform:translateY(15px);
opacity:0
}
}
@keyframes todown { 0%, 10% {
transform:translateY(-15px);
opacity:0
}
50% {
transform:translateY(0);
opacity:1
}
100%, 90% {
transform:translateY(15px);
opacity:0
}
}
a.arrow-down3 { position:absolute; width:50px; height:50px; left:50%; margin-left:-25px; font-family:FontAwesome; bottom:0; background-color:#fff; border:3px solid #fff; font-size:22px; color:#212121; line-height:44px; text-align:center; z-index:100; transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; -moz-transition:all .5s ease 0s; -o-transition:all .5s ease 0s }
a.arrow-down3:hover { background-color:#f2f2f2; bottom:-3px }
.go-bottom { bottom:5px; left:0; opacity:.9; -webkit-opacity:.9; position:absolute; text-align:center; width:100%; z-index:0 }
.scrollbot:before { background:#fff; border-radius:4px; -webkit-border-radius:4px; content:""; height:4px; left:11px; position:absolute; top:8px; width:4px; -webkit-animation-duration:2s; -moz-animation-duration:2s; -o-animation-duration:2s; animation-duration:2s; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; -o-animation-iteration-count:infinite; -webkit-animation-name:scrollanimation; -moz-animation-name:scrollanimation; -o-animation-name:scrollanimation; -ms-animation-name:scrollanimation; animation-name:scrollanimation; animation-timing-function:ease; -webkit-animation-timing-function:ease; -moz-animation-timing-function:ease; -o-animation-timing-function:ease }
.scrollbot { bottom:30px; left:50%; margin-left:-14px; background:none; border:2px solid silver; border-radius:8px; -webkit-border-radius:8px; display:block; height:50px; position:relative; transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; -moz-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; width:30px; z-index:2 }
@-webkit-keyframes scrollanimation { 0% {
height:5px
}
50% {
height:24px
}
100% {
height:5px
}
}
@-moz-keyframes scrollanimation { 0% {
height:5px
}
50% {
height:24px
}
100% {
height:5px
}
}
@-ms-keyframes scrollanimation { 0% {
height:5px
}
50% {
height:24px
}
100% {
height:5px
}
}
@keyframes scrollanimation { 0% {
height:5px
}
50% {
height:24px
}
100% {
height:5px
}
}
a.arrow-down5 { position:absolute; width:50px; left:50%; margin-left:-25px; bottom:70px; transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg); font-size:60px; text-align:center; z-index:100; -webkit-transition:border .2s, color .3s, background .3s; -moz-transition:border .2s, color .3s, background .3s; transition:border .2s, color .3s, background .3s; -o-transition:border .2s, color .3s, background .3s; -ms-transition:border .2s, color .3s, background .3s }
a.arrow-down5:hover { color:rgba(0,0,0,.5) }
@media only screen and (min-width:320px) and (max-width:479px) {
a.arrow-down5 { bottom:20px }
}
@media only screen and (max-width:319px) {
a.arrow-down5 { bottom:20px }
}
.home_head1 { font-size:16px }
.home_head2 { font-size:60px }
.home_head2.cd-headline { line-height:70px }
.home_head3 { font-size:80px; line-height:80px; font-weight:600; letter-spacing:50px }
.home_head4 { font-size:90px; line-height:100px }
.logo-home { margin:0 auto; width:150px }
.home-text-1 { margin-bottom:20px; font-size:16px; font-weight:600; line-height:1.2; margin-top:0; opacity:.75; position:relative; letter-spacing:.2em; text-transform:uppercase }
.home-text-1 span { border-bottom:1px solid }
.home-text-2 { margin-bottom:40px; font-weight:900; margin-top:0; opacity:.9; position:relative; text-transform:uppercase; font-size:60px; line-height:1 }
.home-text-2.cd-headline { text-transform:none!important; line-height:70px }
@media only screen and (min-width:960px) and (max-width:1199px) {
.home-text-2, .home_head2 { font-size:50px }
.home_head2.cd-headline { line-height:60px }
.home_head3 { font-size:74px; line-height:74px; letter-spacing:48px }
}
@media only screen and (min-width:768px) and (max-width:959px) {
.home-text-2, .home_head2 { font-size:48px }
.home_head2.cd-headline { line-height:55px }
.home_head3 { font-size:64px; line-height:64px; letter-spacing:40px }
}
@media only screen and (min-width:480px) and (max-width:767px) {
.home-text-2, .home_head2 { font-size:38px }
.home_head1 { font-size:12px; letter-spacing:4px }
.logo-home { width:120px }
.home_head2.cd-headline { line-height:45px }
.home_head3 { font-size:54px; line-height:54px; letter-spacing:30px }
}
@media only screen and (max-width:479px) {
.home_head1 { font-size:12px; letter-spacing:2px }
.home-text-2, .home_head2 { font-size:24px }
.logo-home { width:100px }
.home_head2.cd-headline { line-height:30px }
.home_head3 { font-size:40px; line-height:40px; letter-spacing:20px }
}
@media only screen and (max-width:768px) {
.home-text-1 { font-size:14px; margin-bottom:20px; line-height:1.2 }
}
@media only screen and (max-width:480px) {
.home-text-1 { font-size:14px; margin-bottom:20px; line-height:1.2 }
}
@media only screen and (max-width:320px) {
.home-text-1 { font-size:12px; margin-bottom:20px; line-height:1.2 }
}
.bg-pattern .YTPOverlay:after, .bg-pattern:before { background-image:url(../images/overlay-pattern.png); background-repeat:repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; content:" "; height:100%; left:0; position:absolute; top:0; width:100% }
video#bgvid { position:fixed; right:0; bottom:0; min-width:100%; min-height:100%; width:auto; height:auto; z-index:-100; background:url(../images/video/videobg.png) no-repeat; max-width:none; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; transition:1s opacity; -webkit-transition:1s opacity; -moz-transition:1s opacity; -o-transition:1s opacity }
/*.index1-text-type { font-size:60px; left:50%!important; letter-spacing:0; line-height:60px; margin-left:-325px!important; position:absolute; text-align:center; text-transform:uppercase; top:42%!important; width:650px; white-space:normal!important; margin-top:0!important; padding-bottom:20px }*/
.index1-text-type { font-size:60px; letter-spacing:0; line-height:60px; text-align:center; text-transform:uppercase; white-space:normal!important; padding-bottom:20px }
.index1-text-type1 { font-size:16px; letter-spacing:0; line-height:20px; text-align:center; text-transform:uppercase; white-space:normal!important; padding-bottom:20px }
.index1-text-type:after, .index1-text-type1:after { background-color:#fff; bottom:0; content:""; height:4px; position:absolute; width:30px; left:50%; margin-left:-15px }
.index2-text-type { font-size:70px; color:#fff; text-transform:uppercase; font-weight:900; letter-spacing:1px!important; padding:10px 0 }
.index2-text-type2 { font-size:22px; text-transform:uppercase; color:#fff }
.border-bot-text { border-bottom:2px dotted #fff; font-weight:900; letter-spacing:1px!important; padding:10px 0 }
.rev2 .tp-leftarrow.default { opacity:.6; z-index:100; cursor:pointer; position:relative; background:url(../images/slider-arrow-left.png) center no-repeat; background-size:auto 90%; -webkit-background-size:auto 90%; width:90px; height:50px; float:left }
.rev2 .tp-rightarrow.default { opacity:.6; z-index:100; cursor:pointer; position:relative; background:url(../images/slider-arrow-right.png) center no-repeat; background-size:auto 90%; -webkit-background-size:auto 90%; width:90px; height:50px; float:right }
.rev2 .tp-leftarrow:hover, .rev2 .tp-rightarrow:hover { opacity:1 }
.index3-text-type { font-size:16px; font-weight:900; line-height:20px; text-transform:uppercase; letter-spacing:4px }
.index3-text-type1 { font-size:62px; line-height:65px; text-transform:uppercase; letter-spacing:0; font-weight:900 }
.index4-text-type1 { font-size:18px; font-weight:700; color:#fff; text-decoration:none; background-color:transparent; border-width:0; border-color:#222; border-style:none; letter-spacing:8px }
.banner-slider1 { font-size:18px; font-weight:700; color:#fff; text-decoration:none; background:rgba(0,0,0, 0.2); border-width:0; border-color:#222; border-style:none; letter-spacing:8px; padding:10px }
.bg_trans_banner {background:rgba(0,0,0, 0.3);padding:10px }
.bg_trans_banner_white {background:rgba(255,255,255, 0.6);padding:10px }
.index4-text-type3 { font-size:90px }
.index5-text-type { font-size:70px; line-height:70px; text-decoration:none; background-color:transparent; border-width:0; border-color:#000; border-style:none; border-bottom:5px solid #fff; padding:0 0 9px }
.index5-text-type1 { font-size:24px; line-height:1; text-decoration:none; background-color:transparent; border-width:0; border-color:#000; border-style:none; text-transform:uppercase }
.bignumbers_white { font-size:280px; line-height:280px; text-decoration:none; padding:0; border-width:0; border-color:#fff; border-style:none solid none none; color:rgba(255,255,255,.2) }
.tparrows.preview1:after { font-family:FontAwesome }
.tp-rightarrow.preview1:after { content:"\f054" }
.tp-leftarrow.preview1:after { content:"\f053" }
.index6-text-type { white-space:nowrap; font-size:100px; text-transform:uppercase }
.index-pg-text-type { white-space:nowrap; font-weight:400; font-size:16px; background-color:#fff; color:#212121; padding:2px 5px; line-height:1!important }
.index-pg-text-type1 { white-space:nowrap; font-weight:600; font-size:24px; text-transform:uppercase; background-color:#212121; color:#fff; padding:5px; line-height:1; top:40px }
.index7-text-type1 { white-space:nowrap; font-size:80px; text-transform:uppercase; line-height:90px }
.index7-text-type2 { white-space:nowrap; font-size:32px; text-transform:uppercase; line-height:32px }
.index7-text-type3 { white-space:nowrap; font-size:48px; text-transform:uppercase; line-height:32px }
.index7-text-type4 { white-space:nowrap; font-size:26px; text-transform:uppercase; line-height:30px; background-color:#fff; color:#212121; padding:2px 10px; position:relative }
.animated-home { position:relative; width:100%; overflow:hidden; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; -ms-background-size:cover; background-position:center center; z-index:1 }
.animated-home-valign { position:absolute; margin:0; padding:0; text-align:center; top:50%; left:50%; width:80%; transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -o-transform:translateX(-50%) translateY(-50%) }
.demo-3 .animated-home h1 { font-size:52px; line-height:72px }
.demo-3 .animated-home h1 span { background-color:rgba(255,255,255,.08); padding:0 10px }
.demo-3 .animated-home h1 span:last-child { padding-right:10px }
@media only screen and (min-width:960px) and (max-width:1199px) {
.demo-3 .animated-home h1 { font-size:48px; line-height:67px }
}
@media only screen and (min-width:768px) and (max-width:959px) {
.demo-3 .animated-home h1 { font-size:42px; line-height:59px }
}
@media only screen and (min-width:480px) and (max-width:767px) {
.demo-3 .animated-home h1 { font-size:36px; line-height:50px }
}
@media only screen and (max-width:479px) {
.demo-3 .animated-home h1 { font-size:28px; line-height:40px }
}
.slick_slider .slider div>div { position:relative; height:100%; width:100%; display:block; background-position:top center }
.slick_slider .slider blockquote { display:block; position:absolute; left:1em; bottom:100px; width:auto; font-size:100px; line-height:100px; text-transform:uppercase; padding:0; margin:0; overflow:hidden; float:left; letter-spacing:.07em }
.slick_slider .slider blockquote a { color:#fff; opacity:.7 }
.slick_slider .slider blockquote a:hover { color:#fff; opacity:1 }
.slick_slider .slider blockquote a.quotelink { display:block; position:relative; left:1em; padding:0 0 5px; font-size:16px; float:left; margin:10px 0 0; letter-spacing:1px; line-height:1 }
.slick-next, .slick-prev { color:#fff; cursor:pointer; display:block; font-size:4rem; height:50px!important; line-height:50px; margin:0; outline:0; padding:0; position:absolute; top:45%; transition:all 1s ease 0s; -webkit-transition:all 1s ease 0s; -moz-transition:all 1s ease 0s; -o-transition:all 1s ease 0s; width:50px }
.slick-prev { left:40px }
.slick-next { right:40px }
.slick-prev:hover { left:30px }
.slick-next:hover { right:30px }
@media screen and (max-width:1220px) {
.slick_slider .slider blockquote { font-size:5em; left:1em; line-height:1.1em }
}
@media screen and (max-width:1024px) {
.slick_slider .slider blockquote { left:1.3em; font-size:4em; line-height:1.1em }
.slick_slider .slider blockquote a { opacity:1 }
.slick_slider .slider blockquote a.quotelink { left:0; font-size:1rem; letter-spacing:0 }
}
@media screen and (max-width:768px) {
.slick_slider .slider blockquote { left:1.5em; font-size:3em; line-height:1em }
.slick_slider .slider blockquote a.quotelink { left:1rem; letter-spacing:0; font-size:12px; line-height:1 }
.slick-next, .slick-prev { top:40% }
.slick-prev { left:20px }
.slick-next { right:20px }
.slick-prev:hover { left:0 }
.slick-next:hover { right:0 }
}
@media screen and (max-width:480px) {
.slick_slider .slider blockquote { left:1em; bottom:3em!important; font-size:2em }
}
.sp-top-bottom-home { padding-top:230px; padding-bottom:120px }
.move-image { background-position:center 0; background-repeat:repeat-x!important; background-attachment:scroll!important }
.agency-header .header-link { margin-top:40px }
.agency-header .header-link a { display:inline-block; color:rgba(255,255,255,.9); margin:20px 40px 20px 0; font-size:12px; text-transform:uppercase; -webkit-transition:all .3s linear; -moz-transition:all .3s linear; -ms-transition:all .3s linear; -o-transition:all .3s linear; transition:all .3s linear }
.agency-header .header-link a:hover { color:rgba(255,255,255,1) }
.agency-header2 h1 { font-size:60px; position:relative; line-height:60px; padding:5px }
.agency-header2 h1 span { background:#212121; color:#fff; padding-left:8px; padding-right:3px }
@media only screen and (min-width:960px) and (max-width:1199px) {
.agency-header2 h1 { font-size:50px; line-height:60px }
}
@media only screen and (min-width:768px) and (max-width:959px) {
.agency-header2 h1 { font-size:48px; line-height:55px }
}
@media only screen and (min-width:480px) and (max-width:767px) {
.agency-header2 h1 { font-size:38px; line-height:45px }
}
@media only screen and (max-width:479px) {
.agency-header2 h1 { font-size:25px; line-height:30px }
}
.index-cs-home { position:relative; width:100% }
.ip11 h1 span { border-bottom:3px solid #fff }
.ip11 h4 { font-size:18px; font-weight:600 }
.ip14-header { position:absolute; bottom:0; width:100%; left:0 }
.ip14-header-text { background:#212121; color:#fff; margin:0 auto; padding:5px 20px; text-align:center; width:100% }
.ip14-header-text2 { padding-right:40px }
.ip14-big-text { font-size:60px; letter-spacing:80px; line-height:1; padding-left:60px }
.ip14-bottom-text { display:block; text-align:right; text-transform:uppercase }
.parallax-shadow img { bottom:-10px; left:0; position:absolute; vertical-align:bottom; width:100% }
.ip5 .cd-words-wrapper { padding:0 20px }
.ip5 .cd-headline.loading-bar .cd-words-wrapper.is-loading::after { width:96% }
.ip5 .cd-headline.loading-bar .cd-words-wrapper::after { background:#fff }
@media only screen and (max-width:768px) {
.ip5 .cd-headline.loading-bar span { display:inline-block }
}
.ip6 { width:850px; margin:0 auto; position:relative }
.ip6 .home_head3 { font-size:48px; line-height:60px }
.ip6 .home_head3 span { border-bottom:1px solid #fff }
.ip6-heading1, .ip6-heading2 { -webkit-transition:all 100ms cubic-bezier(.55, .085, .68, .53); -moz-transition:all 100ms cubic-bezier(.55, .085, .68, .53); -o-transition:all 100ms cubic-bezier(.55, .085, .68, .53); transition:all 100ms cubic-bezier(.55, .085, .68, .53); -webkit-transition-timing-function:cubic-bezier(.55, .085, .68, .53); -moz-transition-timing-function:cubic-bezier(.55, .085, .68, .53); -o-transition-timing-function:cubic-bezier(.55, .085, .68, .53); transition-timing-function:cubic-bezier(.55, .085, .68, .53) }
.ip6-heading2 { opacity:0; position:absolute; top:0; visibility:hidden; width:100% }
.ip6:hover .ip6-heading1 { opacity:0; visibility:hidden }
.ip6:hover .ip6-heading2 { opacity:1; visibility:visible }
@media only screen and (max-width:1024px) {
.ip6 { width:90% }
.ip6 .home_head3 { font-size:40px; line-height:50px }
}
@media only screen and (max-width:768px) {
.ip6 { width:90% }
.ip6 .home_head3 { font-size:30px; line-height:40px }
}
@media only screen and (max-width:480px) {
.ip6 .home_head3 { font-size:20px; line-height:30px }
}
@media only screen and (max-width:768px) {
.ip17 { margin-top:0!important }
}
.parallax-gradient { position:absolute; top:0; left:0; right:0; bottom:0; z-index:0; width:100% }
.parallax-gradient:before { background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYmY0NzQ4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkMDI0OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background:-moz-linear-gradient(45deg, tomato 0, #ba55d3 80%); background:-webkit-gradient(linear, left bottom, right top, color-stop(0, tomato), color-stop(80%, #ba55d3)); background:-webkit-linear-gradient(45deg, tomato 0, #ba55d3 80%); background:-o-linear-gradient(45deg, tomato 0, #ba55d3 80%); background:-ms-linear-gradient(45deg, tomato 0, #ba55d3 80%); background:linear-gradient(45deg, tomato 0, #ba55d3 80%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='tomato', endColorstr='mediumorchid', GradientType=1);
content:""; height:100%; left:0; opacity:.85; position:absolute; top:0; width:100% }
.parallax-gradient2 { position:absolute; top:0; left:0; right:0; bottom:0; z-index:0; width:100% }
.parallax-gradient2:before { background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYmY0NzQ4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkMDI0OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background:-moz-linear-gradient(45deg, #6441A5 0, #0000cd 100%); background:-webkit-gradient(linear, left bottom, right top, color-stop(0, #6441A5), color-stop(100%, #0000cd)); background:-webkit-linear-gradient(45deg, #6441A5 0, #0000cd 100%); background:-o-linear-gradient(45deg, #6441A5 0, #0000cd 100%); background:-ms-linear-gradient(45deg, #6441A5 0, #0000cd 100%); background:linear-gradient(45deg, #6441A5 0, #0000cd 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6441A5', endColorstr='mediumblue', GradientType=1);
content:""; height:100%; left:0; opacity:.76; position:absolute; top:0; width:100% }
.cd-words-wrapper { display:inline; position:relative; text-align:left }
.cd-words-wrapper b { display:inline; left:0; position:absolute; top:0; white-space:nowrap }
.cd-words-wrapper b.is-visible { position:relative }
.no-js .cd-words-wrapper b { opacity:0 }
.no-js .cd-words-wrapper b.is-visible { opacity:1 }
.cd-headline.loading-bar span { display:inline }
.cd-headline.loading-bar .cd-words-wrapper { overflow:hidden; vertical-align:top }
.cd-headline.loading-bar .cd-words-wrapper:after { bottom:0; content:""; height:3px; left:0; position:absolute; transition:width .3s ease -.1s; -webkit-transition:width .3s ease -.1s; -moz-transition:width .3s ease -.1s; -o-transition:width .3s ease -.1s; width:0; z-index:2; background:#212121 }
.cd-headline.loading-bar .cd-words-wrapper.is-loading:after { transition:width 3s ease 0s; -webkit-transition:width 3s ease 0s; -moz-transition:width 3s ease 0s; -o-transition:width 3s ease 0s; width:100% }
.cd-headline.loading-bar b { opacity:0; top:.2em; transition:opacity .3s ease 0s; -webkit-transition:opacity .3s ease 0s; -moz-transition:opacity .3s ease 0s; -o-transition:opacity .3s ease 0s }
.cd-headline.loading-bar b.is-visible { opacity:1; top:0 }
.word-wrap { position:absolute; bottom:25px; text-align:center; width:100%; margin:0 auto; left:0 }
.word-wrap h1 { font-size:90px; color:rgba(255,255,255,.8); letter-spacing:6px; font-weight:300 }
.word-wrap .cd-headline.loading-bar .cd-words-wrapper:after { background:0 0 }
.sub-intro { font-size:20px; margin:0 auto 20px }
#home-owl-slider.owl-carousel { /*cursor:url(../images/cursor-white.png), auto*/ }
#home-owl-slider .side-line:after, #home-owl-slider .side-line:before { border-bottom:.1em solid #dfdfdf }
#home-owl-slider .owl-page span { background:#fff; height:15px }
#home-owl-slider .owl-page.active span { border:1px solid #fff }
#home-owl-slider2 { max-width:650px; overflow:hidden; margin:30px auto 0 }
#home-owl-slider2 .owl-pagination { margin-top:30px; text-align:center; position:relative }
#home-owl-slider2 .owl-pagination::after { background:#fff; content:""; display:inline-block; height:2px; right:0; position:absolute; top:16px; width:43% }
#home-owl-slider2 .owl-pagination::before { background:#fff; content:""; display:inline-block; height:2px; left:0; position:absolute; top:16px; width:43% }
#home-owl-slider2 .owl-page::after { background:#fff; content:""; display:inline-block; height:2px; position:absolute; right:-70%; top:8px; width:60% }
#home-owl-slider2 .owl-page { border:2px solid #fff; border-radius:1000px; -webkit-border-radius:1000px; -moz-border-radius:1000px; -o-border-radius:1000px; -ms-border-radius:1000px; margin:5px; padding:3px; position:relative }
#home-owl-slider2 .owl-page:last-child::after { background:rgba(255,255,255,0) }
#home-owl-slider2 .owl-page span { background:rgba(255,255,255,0); height:14px; margin:0; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%; width:14px }
#home-owl-slider2 .owl-page.active span { background:rgba(255,255,255,1); transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1) }
@media only screen and (max-width:768px) {
#home-owl-slider2 .owl-pagination:after, #home-owl-slider2 .owl-pagination:before { display:none!important }
}
.index7-slider .item-container { color:#FFF; margin:0 auto; padding:0 40px; position:relative; text-align:center; transition:opacity 2s ease 1s; -webkit-transition:opacity 2s ease 1s; -moz-transition:opacity 2s ease 1s; -o-transition:opacity 2s ease 1s }
.index7-slider .item-container h4 { color:#FFF; font-size:7em; font-weight:800; letter-spacing:0; margin-bottom:40px; text-transform:uppercase; line-height:1em; margin-top:40px; text-shadow:1px 1px 1px rgba(0,0,0,.004); transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out }
.index7-slider .owl-fadeUp-in h4 { color:rgba(171,196,18,.9)!important; transition:opacity 2s ease 1s; -webkit-transition:opacity 2s ease 1s; -moz-transition:opacity 2s ease 1s; -o-transition:opacity 2s ease 1s }
.index7-slider .owl-fadeUp-out { -webkit-animation:scaleUpTo .5s ease both; -moz-animation:scaleUpTo .5s ease both; animation:scaleUpTo .5s ease both; color:rgba(171,196,18,.9)!important; transition:opacity 2s ease 1s; -webkit-transition:opacity 2s ease 1s; -moz-transition:opacity 2s ease 1s; -o-transition:opacity 2s ease 1s }
@media only screen and (max-width :1224px) {
.index7-slider .item-container h4 { font-size:5.5em }
}
@media (max-width:767px) {
.index7-slider .item-container h4 { font-size:4em }
}
@media (max-width:480px) {
.index7-slider .item-container h4 { font-size:3em }
}
@media (max-width :320px) {
.index7-slider .item-container h4 { font-size:2em }
}
.index8-wrap h1 { letter-spacing:20px }
.index8-wrap h1 span { border-bottom:3px solid #212121 }
.index8-wrap .cd-headline.loading-bar b { transition:opacity .6s ease 0s; -webkit-transition:opacity .6s ease 0s; -moz-transition:opacity .6s ease 0s; -o-transition:opacity .6s ease 0s }
.index8-wrap .cd-headline.loading-bar .cd-words-wrapper:after { bottom:-3px; background-color:#fff }
.index8-wrap .cd-headline.loading-bar b.is-visible { transition:opacity .6s ease 0s; -webkit-transition:opacity .6s ease 0s; -moz-transition:opacity .6s ease 0s; -o-transition:opacity .6s ease 0s }
.index8-wrap .cd-headline.loading-bar .cd-words-wrapper.is-loading:after { transition:width 4s ease 0s; -webkit-transition:width 4s ease 0s; -moz-transition:width 4s ease 0s; -o-transition:width 4s ease 0s; width:100% }
@media only screen and (min-width:960px) and (max-width:1199px) {
.index8-wrap h1 { letter-spacing:18px }
}
@media only screen and (min-width:768px) and (max-width:959px) {
.index8-wrap h1 { letter-spacing:16px }
}
@media only screen and (min-width:480px) and (max-width:767px) {
.index8-wrap h1 { letter-spacing:10px }
}
@media only screen and (max-width:479px) {
.index8-wrap h1 { letter-spacing:8px }
}
.ip-home { max-width:400px }
.index9_content_bg { color:#262626; font-size:0; letter-spacing:30px; position:absolute; text-transform:uppercase; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); width:100% }
.index9_content_bg span { display:block; font-size:160px; line-height:112px; position:relative }
.index9_content_bg span:nth-child(2) { margin-right:-30px }
.index9-wrap h1 { letter-spacing:44px; line-height:30px; margin-top:-20px; text-indent:22px }
.index9_content_action { bottom:10%; position:absolute; width:100% }
.cd-headline.push b { opacity:0 }
.cd-headline.push b.is-visible { opacity:1; -webkit-animation:push-in .6s; -moz-animation:push-in .6s; animation:push-in .6s }
.cd-headline.push b.is-hidden { -webkit-animation:push-out .6s; -moz-animation:push-out .6s; animation:push-out .6s }
@-webkit-keyframes push-in { 0% {
opacity:0;
-webkit-transform:translateX(-100%)
}
60% {
opacity:1;
-webkit-transform:translateX(10%)
}
100% {
opacity:1;
-webkit-transform:translateX(0)
}
}
@-moz-keyframes push-in { 0% {
opacity:0;
-moz-transform:translateX(-100%)
}
60% {
opacity:1;
-moz-transform:translateX(10%)
}
100% {
opacity:1;
-moz-transform:translateX(0)
}
}
@keyframes push-in { 0% {
opacity:0;
transform:translateX(-100%)
}
60% {
opacity:1;
transform:translateX(10%)
}
100% {
opacity:1;
transform:translateX(0)
}
}
@-webkit-keyframes push-out { 0% {
opacity:1;
-webkit-transform:translateX(0)
}
60% {
opacity:0;
-webkit-transform:translateX(110%)
}
100% {
opacity:0;
-webkit-transform:translateX(100%)
}
}
@-moz-keyframes push-out { 0% {
opacity:1;
-moz-transform:translateX(0)
}
60% {
opacity:0;
-moz-transform:translateX(110%)
}
100% {
opacity:0;
-moz-transform:translateX(100%)
}
}
@keyframes push-out { 0% {
opacity:1;
transform:translateX(0)
}
60% {
opacity:0;
transform:translateX(110%)
}
100% {
opacity:0;
transform:translateX(100%)
}
}
@media only screen and (max-width :1224px) {
.index9-wrap h1 { font-size:30px; letter-spacing:40px }
.index9_content_bg span { font-size:140px; line-height:92px }
}
@media (max-width:767px) {
.index9-wrap h1 { font-size:20px; letter-spacing:20px }
.index9_content_bg span { font-size:120px; line-height:86px; letter-spacing:20px }
}
@media (max-width:480px) {
.index9-wrap h1 { font-size:14px; letter-spacing:14px }
.index9_content_bg span { font-size:100px; line-height:74px; letter-spacing:10px }
.index9_content_bg span:nth-child(2) { margin-right:-15px }
}
@media (max-width :320px) {
.index9-wrap h1 { font-size:12px; letter-spacing:12px }
.index9_content_bg span { font-size:80px; line-height:60px; letter-spacing:5px }
.index9_content_bg span:nth-child(2) { margin-right:-14px }
}
.cd-headline.rotate-1 .cd-words-wrapper { -webkit-perspective:300px; -moz-perspective:300px; -o-perspective:300px; -ms-perspective:300px; perspective:300px }
.cd-headline.rotate-1 b { opacity:0; -webkit-transform-origin:50% 100%; -moz-transform-origin:50% 100%; -ms-transform-origin:50% 100%; -o-transform-origin:50% 100%; transform-origin:50% 100%; -webkit-transform:rotateX(180deg); -moz-transform:rotateX(180deg); -ms-transform:rotateX(180deg); -o-transform:rotateX(180deg); transform:rotateX(180deg) }
.cd-headline.rotate-1 b.is-visible { opacity:1; -webkit-transform:rotateX(0deg); -moz-transform:rotateX(0deg); -ms-transform:rotateX(0deg); -o-transform:rotateX(0deg); transform:rotateX(0deg); -webkit-animation:cd-rotate-1-in 1.2s; -moz-animation:cd-rotate-1-in 1.2s; animation:cd-rotate-1-in 1.2s }
.cd-headline.rotate-1 b.is-hidden { -webkit-transform:rotateX(180deg); -moz-transform:rotateX(180deg); -ms-transform:rotateX(180deg); -o-transform:rotateX(180deg); transform:rotateX(180deg); -webkit-animation:cd-rotate-1-out 1.2s; -moz-animation:cd-rotate-1-out 1.2s; animation:cd-rotate-1-out 1.2s }
@-webkit-keyframes cd-rotate-1-in { 0% {
-webkit-transform:rotateX(180deg);
opacity:0
}
35% {
-webkit-transform:rotateX(120deg);
opacity:0
}
65% {
opacity:0
}
100% {
-webkit-transform:rotateX(360deg);
opacity:1
}
}
@-moz-keyframes cd-rotate-1-in { 0% {
-moz-transform:rotateX(180deg);
opacity:0
}
35% {
-moz-transform:rotateX(120deg);
opacity:0
}
65% {
opacity:0
}
100% {
-moz-transform:rotateX(360deg);
opacity:1
}
}
@keyframes cd-rotate-1-in { 0% {
-webkit-transform:rotateX(180deg);
-moz-transform:rotateX(180deg);
-ms-transform:rotateX(180deg);
-o-transform:rotateX(180deg);
transform:rotateX(180deg);
opacity:0
}
35% {
-webkit-transform:rotateX(120deg);
-moz-transform:rotateX(120deg);
-ms-transform:rotateX(120deg);
-o-transform:rotateX(120deg);
transform:rotateX(120deg);
opacity:0
}
65% {
opacity:0
}
100% {
-webkit-transform:rotateX(360deg);
-moz-transform:rotateX(360deg);
-ms-transform:rotateX(360deg);
-o-transform:rotateX(360deg);
transform:rotateX(360deg);
opacity:1
}
}
@-webkit-keyframes cd-rotate-1-out { 0% {
-webkit-transform:rotateX(0deg);
opacity:1
}
35% {
-webkit-transform:rotateX(-40deg);
opacity:1
}
65% {
opacity:0
}
100% {
-webkit-transform:rotateX(180deg);
opacity:0
}
}
@-moz-keyframes cd-rotate-1-out { 0% {
-moz-transform:rotateX(0deg);
opacity:1
}
35% {
-moz-transform:rotateX(-40deg);
opacity:1
}
65% {
opacity:0
}
100% {
-moz-transform:rotateX(180deg);
opacity:0
}
}
@keyframes cd-rotate-1-out { 0% {
-webkit-transform:rotateX(0deg);
-moz-transform:rotateX(0deg);
-ms-transform:rotateX(0deg);
-o-transform:rotateX(0deg);
transform:rotateX(0deg);
opacity:1
}
35% {
-webkit-transform:rotateX(-40deg);
-moz-transform:rotateX(-40deg);
-ms-transform:rotateX(-40deg);
-o-transform:rotateX(-40deg);
transform:rotateX(-40deg);
opacity:1
}
65% {
opacity:0
}
100% {
-webkit-transform:rotateX(180deg);
-moz-transform:rotateX(180deg);
-ms-transform:rotateX(180deg);
-o-transform:rotateX(180deg);
transform:rotateX(180deg);
opacity:0
}
}
.centeralign { left:50%; position:absolute; top:50%; transform:translateY(-50%) translateX(-50%); -ms-transform:translateY(-50%) translateX(-50%); -o-transform:translateY(-50%) translateX(-50%); -moz-transform:translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); z-index:1 }
.ip13 { border:8px solid #fff; display:block; margin:0 auto; padding:6px; position:relative }
.ip13_wrap { border:2px dotted #fff; margin:0 auto; padding:40px; position:relative; width:100% }
.ip13_wrap h1 { color:#FFF; font-size:3em; letter-spacing:0; line-height:1em; text-align:center; font-weight:800; font-family:'Open Sans', sans-serif; text-shadow:1px 1px 1px rgba(0,0,0,.004); transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out }
.ip13_wrap .ip13-text { font-size:16px; line-height:1; text-transform:uppercase; text-align:center; margin-top:10px }
.ip13_wrap .ip13-text span { margin-right:15px }
.ip13_wrap .ip13-text span:last-child { margin-right:0 }
@media only screen and (max-width:768px) {
.ip13_wrap { padding:30px }
.ip13_wrap h1 { font-size:2em; margin-bottom:40px }
.ip13_wrap .ip13-text { font-size:14px }
}
.play-button { background:rgba(255,255,255,.3); border:2px solid #fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%; color:rgba(255,255,255,.5); height:56px; margin-bottom:28px; padding:0 20px; position:relative; transition-delay:.15s, 0s; -webkit-transition-delay:.15s, 0s; -moz-transition-delay:.15s, 0s; -o-transition-delay:.15s, 0s; -ms-transition-delay:.15s, 0s; transition-duration:.2s; -webkit-transition-duration:.2s; -moz-transition-duration:.2s; -o-transition-duration:.2s; -ms-transition-duration:.2s; transition-property:border-color, background; -webkit-transition-property:border-color, background; -o-transition-property:border-color, background; -ms-transition-property:border-color, background; -moz-transition-property:border-color, background; transition-timing-function:ease; -webkit-transition-timing-function:ease; -moz-transition-timing-function:ease; -o-transition-timing-function:ease; -ms-transition-timing-function:ease; width:56px }
.play-button i { color:#fff; display:block; font-size:23px; line-height:52px; text-align:center; transition:all .2s ease .15s; -webkit-transition:all .2s ease .15s; -moz-transition:all .2s ease .15s; -o-transition:all .2s ease .15s; width:100% }
.play-button:hover { background:rgba(53,52,56,.1); border-color:#fff }
.play-button:hover i { color:#fff }
.discover i { -ms-animation-name:scroll-vert; animation:1.5s ease 0s normal none infinite running scroll-vert; -webkit-animation:1.5s ease 0s normal none infinite running scroll-vert; -moz-animation:1.5s ease 0s normal none infinite running scroll-vert; -o-animation:1.5s ease 0s normal none infinite running scroll-vert; color:rgba(255,255,255,.5); display:block; font-size:66px; line-height:1; padding-top:0 }
@-o-keyframes scroll-vert { 0% {
-o-opacity:1;
-o-transform:translateX(0) translateY(-10%)
}
80% {
-o-opacity:.7
}
100% {
-o-opacity:0;
-o-transform:translateX(0) translateY(80%)
}
}
@-moz-keyframes scroll-vert { 0% {
-moz-opacity:1;
-moz-transform:translateX(0) translateY(-10%)
}
80% {
-moz-opacity:.7
}
100% {
-moz-opacity:0;
-moz-transform:translateX(0) translateY(80%)
}
}
@-webkit-keyframes scroll-vert { 0% {
-webkit-opacity:1;
-webkit-transform:translateX(0) translateY(-10%)
}
80% {
-webkit-opacity:.7
}
100% {
-webkit-opacity:0;
-webkit-transform:translateX(0) translateY(80%)
}
}
@keyframes scroll-vert { 0% {
opacity:1;
transform:translateX(0) translateY(-10%)
}
80% {
opacity:.7
}
100% {
opacity:0;
transform:translateX(0) translateY(80%)
}
}
.ip12 { height:580px; overflow:hidden; width:100%; position:relative; color:#fff }
.ip12 .hovertext { left:0; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); width:100%; z-index:3 }
.ip12 .hovertext .text-slider { border:1px solid #fff; color:#fff; left:16%; position:absolute; text-align:center; transition:all .9s ease 0s; -webkit-transition:all .9s ease 0s; -moz-transition:all .9s ease 0s; -o-transition:all .9s ease 0s; width:68%; font-size:28px; letter-spacing:11px; padding:31px 30px 34px; margin-top:-40px }
.ip12 .hovertext .texthover { opacity:0; transform:translateY(-60px); -webkit-transform:translateY(-60px); -moz-transform:translateY(-60px); -o-transform:translateY(-60px); -ms-transform:translateY(-60px) }
.ip12 .hoverbg { background-color:rgba(78,72,71,.5); bottom:0; left:0; position:absolute; right:0; top:0 }
@media (min-width:1200px) {
.ip12:hover .nohover { opacity:0!important; transform:translateY(-60px)!important; -webkit-transform:translateY(-60px)!important; -moz-transform:translateY(-60px)!important; -o-transform:translateY(-60px)!important; -ms-transform:translateY(-60px)!important }
.ip12:hover .texthover { opacity:1!important; transform:translateY(0)!important; -webkit-transform:translateY(0)!important; -moz-transform:translateY(0)!important; -o-transform:translateY(0)!important; -ms-transform:translateY(0)!important }
}
#home { position:relative; overflow:hidden }
#home .flex-control-nav { bottom:83px }
#home-slider { position:relative }
#home-slider .slides li { height:760px; position:relative; background-size:cover!important; -webkit-background-size:cover!important; -moz-background-size:cover!important; -o-background-size:cover!important; background-attachment:fixed!important }
#home-slider .slides li:before { position:absolute; content:''; width:100%; height:100%; opacity:0; -webkit-opacity:0; -moz-opacity:0 }
.flex-title { width:90%; margin:0 auto }
.flex-title h4 span { background-color:rgba(0,0,0,.8); color:#fff; padding:5px 10px }
.flex-title h2 { font-weight:900; line-height:60px; margin:40px 0 }
@media only screen and (min-width:960px) and (max-width:1199px) {
.flex-title h2 { line-height:50px }
}
@media only screen and (min-width:768px) and (max-width:959px) {
.flex-title h2 { line-height:48px }
}
@media only screen and (min-width:480px) and (max-width:767px) {
.flex-title h2 { line-height:38px }
}
@media only screen and (max-width:479px) {
.flex-title h2 { line-height:24px; margin:20px 0 }
.flex-title h4 span { padding:1px 10px }
}
.app-home-description p { font-size:1.3em }
.app-home-description h1 { font-size:45px; line-height:1.3 }
.app-home-description .home-icons { font-size:350%; text-align:right }
.app-home-description a { color:rgba(255,255,255,.8); transition:all 180ms ease-in 0s; -webkit-transition:all 180ms ease-in 0s; -moz-transition:all 180ms ease-in 0s; -o-transition:all 180ms ease-in 0s }
.app-home-description a:hover { color:#fff }
.app-home-image { display:block; margin-top:140px; text-align:center }
.app-home-image img { border:0; height:auto; max-width:100%; vertical-align:middle; width:auto }
@media only screen and (min-width:768px) and (max-width:959px) {
.app-home-description h1 { font-size:35px }
}
@media only screen and (min-width:480px) and (max-width:767px) {
.app-home-description h1 { font-size:28px }
.app-home-description, .app-home-description .home-icons, .app-home-description h1, .app-home-description p { text-align:center }
.app-home-image { margin-top:60px }
}
@media(max-width:479px) {
.app-home-description h1 { font-size:28px }
.app-home-description, .app-home-description .home-icons, .app-home-description h1, .app-home-description p { text-align:center }
.app-home-image { display:none }
}
.home-showcase-carousel .item { background-repeat:no-repeat; background-position:center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover }
.showcases-overlay { opacity:0; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out }
.home-showcase-carousel .item:hover .showcases-overlay { opacity:1; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out }
.showcases-overlay a { -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out }
.showcases-overlay h4>span.white { background-color:rgba(32,32,32,.8); color:#fff; padding:10px }
.showcases-overlay h4>span.dark { background-color:rgba(255,255,255,.8); color:#212121; padding:10px }
.typewriter h4 span:before { content:"/"; margin:0 10px }
.typewriter h4 span:first-child:before { display:none }
.typed-cursor { opacity:1; -webkit-animation:blink .7s linear infinite; -moz-animation:blink .7s linear infinite; -ms-animation:blink .7s linear infinite; -o-animation:blink .7s linear infinite; animation:blink .7s linear infinite }
@-webkit-keyframes blink { 0% {
opacity:1
}
50% {
opacity:0
}
100% {
opacity:1
}
}
@-moz-keyframes blink { 0% {
opacity:1
}
50% {
opacity:0
}
100% {
opacity:1
}
}
@-ms-keyframes blink { 0% {
opacity:1
}
50% {
opacity:0
}
100% {
opacity:1
}
}
@-o-keyframes blink { 0% {
opacity:1
}
50% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes blink { 0% {
opacity:1
}
50% {
opacity:0
}
100% {
opacity:1
}
}
.showcase { display:block; margin:0 auto; height:auto; max-width:100%; vertical-align:middle }
.animated-pattern { -webkit-animation-delay:0s; animation-delay:0s; -moz-animation-delay:0s; -ms-animation-delay:0s; -o-animation-delay:0s; -webkit-animation-duration:80s; -moz-animation-duration:80s; -o-animation-duration:80s; animation-duration:80s; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; -o-animation-iteration-count:infinite; -webkit-animation-name:patternbg; -moz-animation-name:patternbg; -o-animation-name:patternbg; -ms-animation-name:patternbg; animation-name:patternbg; animation-timing-function:linear; -webkit-animation-timing-function:linear; -moz-animation-timing-function:linear; -o-animation-timing-function:linear; background:url(../images/bg-animate.png) #131313 }
@-webkit-keyframes patternbg { 0% {
background-position:0 0
}
50% {
background-position:-100% 0
}
100% {
background-position:100% 0
}
}
@-moz-keyframes patternbg { 0% {
background-position:0 0
}
50% {
background-position:-100% 0
}
100% {
background-position:100% 0
}
}
@-ms-keyframes patternbg { 0% {
background-position:0 0
}
50% {
background-position:-100% 0
}
100% {
background-position:100% 0
}
}
@-o-keyframes patternbg { 0% {
background-position:0 0
}
50% {
background-position:-100% 0
}
100% {
background-position:100% 0
}
}
@keyframes patternbg { 0% {
background-position:0 0
}
50% {
background-position:-100% 0
}
100% {
background-position:100% 0
}
}
.ia4 h1 { font-size:52px; line-height:70px }
.photography2 h2 span { border:2px solid #212121; padding:5px 5px 5px 13px }
.photo-gallery { width:100%; overflow:hidden; position:relative; margin:1em 0 2.5em }
.gallery-pictures { list-style-type:none; margin:0; padding:0; background:0 0; cursor:-webkit-grab; transform:rotateY(0); -ms-transform:rotateY(0); -o-transform:rotateY(0); -moz-transform:rotateY(0); -webkit-transform:rotateY(0); white-space:nowrap; font-size:0 }
.gallery-picture { width:700px; margin-right:120px; display:inline-block; -webkit-transform:rotateY(0); transform:rotateY(0); -moz-transform:rotateY(0); -o-transform:rotateY(0); -ms-transform:rotateY(0) }
.gallery-pagination { margin-top:30px; text-align:center; font-size:0 }
.gallery-pagination-dot { background:#333; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%; width:16px; height:16px; border:none; margin:0 7px; padding:0; -webkit-transition:background .3s; transition:background .3s; -moz-transition:background .3s; -o-transition:background .3s }
.gallery-pagination-dot-selected { background:#999 }
svg:not(:root) { overflow:hidden }
.gal-filter { height:0; overflow:hidden; pointer-events:none; -webkit-pointer-events:none; -moz-pointer-events:none; -o-pointer-events:none; position:absolute; width:0 }
@media only screen and (max-width:768px) {
.photography2 h2 span { border:0; padding:0 }
.photography2 h2 { border:2px solid #212121; padding:5px 5px 5px 13px }
}
.pg3-slider { position:absolute; top:0; left:0; width:100%; z-index:-1 }
.pg3-browse { position:absolute; bottom:20px; left:20px; right:20px }
.section-title, .section-title-1, .section-title-2, .section-title-3, .section-title-5, .section-title-6, .section-title-7, .section-title-8  { position:relative; width:100% }
.section-title-1 h2 { position:relative; color:#995051 }
.section-title-1 h2:after { background-color:#995051; bottom:0; content:""; height:2px; position:absolute; width:30px; left:0 }

.section-title-g4 h2 { position:relative; color:#995051 }

/*.section-title-g4 h2.side-line:after, .section-title-g4 h2.side-line:before {
    border-bottom:2px solid #995051;
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 4em;
}*/
.section-title-g4 h3 { position:relative; color:#995051 }

.section-title-g4 h3.side-line:after, .section-title-g4 h3.side-line:before {
    border-bottom:2px solid #995051;
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 4em;
}

.section-title-1.line3px h2:after { height:3px }
.text-center.section-title-1 h2:after { left:50%; margin-left:-15px }
.section-title-1 h3 { padding-right:0 }
.section-title-1 h3 span { background-color:#212121; color:#fff; padding:3px 8px }
.black-section .section-title-1 { color:#fff }
.black-section .section-title-1 h2:after { background-color:#fff }
.black-section .section-title-1 h3 span { background-color:#fff; color:#212121; padding:3px 8px }
.section-title-5 span { border-bottom:3px solid #212121; padding:2px 0 }
.black-section .section-title-5 span { border-color:#fff }
.section-title-2:after { border-bottom:1px solid #454545; content:""; display:block; margin:30px auto; width:40px }
.section-title-2.line-left:after { margin:30px 0 }
.black-section .section-title-2:after { border-color:#fff }
.section-title-3 h1 { padding-bottom:25px; position:relative; line-height:1.2; margin:0 0 .714em }
.section-title-3 h1:after { background-color:#1F1F1F; bottom:0; content:""; height:2px; position:absolute; width:30px; left:0 }
.black-section .section-title-3 h1:after { background-color:#fff }
.section-title-4 { position:relative; width:100% }
.section-title-4 h2 { padding:25px 0; position:relative; line-height:1.2 }
.section-title-4 h2:after { background-color:#1F1F1F; bottom:0; content:""; height:2px; position:absolute; width:30px; left:0 }
.section-title-4 h2:before { background-color:#1F1F1F; top:0; content:""; height:2px; position:absolute; width:30px; left:0 }
.section-title-6 h4 { font-size:12px }
.section-title-6 p { font-size:18px }
.section-title-8 h1 { line-height:48px }
@media only screen and (min-width:960px) and (max-width:1199px) {
.section-title-8 h1 { line-height:40px }
}
@media only screen and (min-width:768px) and (max-width:959px) {
.section-title-8 h1 { line-height:38px }
.section-title-6 p { font-size:16px }
}
@media only screen and (min-width:480px) and (max-width:767px) {
.section-title-8 h1 { line-height:36px }
.section-title-6 p { font-size:15px }
}
@media only screen and (max-width:479px) {
.section-title-8 h1 { line-height:33px }
.section-title-6 p { font-size:15px }
}
.side-line { clear:both; display:inline-block; padding:0 5em!important; position:relative }
.side-line:after, .side-line:before { border-bottom:.1em solid #1B2B3B; content:""; display:inline-block; position:absolute; top:50%; width:4em }
.side-line.white-line:after, .side-line.white-line:before { border-bottom:1px solid #dfdfdf }
.side-line.sm-line:after, .side-line.sm-line:before { border-bottom:1px solid #1B2B3B }
.side-line:after { right:0 }
.side-line:before { left:0 }
.black-section .side-line:after, .black-section .side-line:before { border-bottom:.1em solid #dfdfdf }
.black-section .side-line.sm-line:after, .black-section .side-line.sm-line:before { border-bottom:1px solid #dfdfdf }
@media only screen and (max-width:480px) {
.side-line { padding:0 2em!important }
.side-line:after, .side-line:before { width:1.5em }
}
.app-icons a { display:inline-block; font-size:40px; margin-right:25px }
.bx-icon-serv {padding:40px 30px; position:relative; background-color:#f8f8f8; transition:all .3s ease 0s; -webkit-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; -moz-transition:all .3s ease 0s;margin-bottom: 80px;}
.about-bx { padding:40px 30px; position:relative; background-color:#f8f8f8; transition:all .3s ease 0s; -webkit-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; -moz-transition:all .3s ease 0s }
.about-bx h3 { margin-top:-50px }
.about-bx .about_bx_icon, .about-bx .about_bx_icon_style2 { display:block; height:88px; margin-left:auto; margin-right:auto; position:relative; top:-84px; width:88px; background-color:#f8f8f8; font-size:54px; line-height:86px; transition:all .6s ease 0s; -webkit-transition:all .6s ease 0s; -o-transition:all .6s ease 0s; -moz-transition:all .6s ease 0s;  }
@media only screen and (min-width:992px) and (max-width:1300px) {
  .bx-icon-serv { height:450px !important;}
}
.bx-icon-serv { height:330px;}

.bx-icon-serv .serv_bx_icon_style1 { 
 height:88px; margin-left:auto; margin-right:auto; position:relative; top:-84px; width:88px; background-color:#fff;  border:5px #f8f8f8 solid; transition:all .6s ease 0s; -webkit-transition:all .6s ease 0s; -o-transition:all .6s ease 0s; -moz-transition:all .6s ease 0s;  
-webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   transform: rotate(45deg); }
 .bx-icon-serv .serv_bx_icon_style1 i {font-size:46px; line-height:76px;-webkit-transform: none; color:#995051;
   display: inline-block;transform: rotate(-45deg) ;
   -webkit-transform: rotate(-45deg) ;
   -moz-transform: rotate(-45deg) ;
   -ms-transform: rotate(-45deg) ;
   -o-transform: rotate(-45deg) ;
   }
 
.bx-icon-serv:hover .serv_bx_icon_style1 { border-color:#995051; background-color:#995051; }
.bx-icon-serv:hover .serv_bx_icon_style1 i { color:#fff;  }
.bx-icon-serv h3 {margin-top:-50px;color:#995051;}
.bx-icon-serv h3:after { background-color:#995051; bottom:0; content:""; height:1px; left:0; position:absolute; width:30px }
.bx-icon-serv h3.center:after { left:50%; margin-left:-15px }


.about-bx h3:after { background-color:#1F1F1F; bottom:0; content:""; height:1px; left:0; position:absolute; width:30px }
.about-bx h3.center:after { left:50%; margin-left:-15px }
.about-bx:hover { background-color:#f8f8f8 }
.about-bx:hover .about_bx_icon { transform:rotateX(360deg); -webkit-transform:rotateX(360deg); -moz-transform:rotateX(360deg); -o-transform:rotateX(360deg); -ms-transform:rotateX(360deg); background-color:#212121; color:#fff }
.about-bx:hover .about_bx_icon_style2 { border-color:#fff; -webkit-animation:toTopFromBottom3 .3s forwards; -moz-animation:toTopFromBottom3 .3s forwards; animation:toTopFromBottom3 .3s forwards }
@-webkit-keyframes toTopFromBottom3 { 49% {
-webkit-transform:translateY(-5%)
}
50% {
opacity:1;
-webkit-transform:translateY(5%)
}
51% {
opacity:1
}
}
@-moz-keyframes toTopFromBottom3 { 49% {
-moz-transform:translateY(-5%)
}
50% {
opacity:1;
-moz-transform:translateY(5%)
}
51% {
opacity:1
}
}
@keyframes toTopFromBottom3 { 49% {
transform:translateY(-5%)
}
50% {
opacity:1;
transform:translateY(5%)
}
51% {
opacity:1
}
}
@media only screen and (max-width:768px) {
.about-bx .about_bx_icon, .about-bx .about_bx_icon_style2 { height:70px; top:-56px; width:60px; font-size:40px; line-height:77px }

}
.about-bx1 { border:3px solid #f8f8f8; padding:40px; -webkit-transition:all .3s linear; -moz-transition:all .3s linear; -ms-transition:all .3s linear; -o-transition:all .3s linear; transition:all .3s linear }
.about-bx1:hover { border-color:#212121 }
.about-bx1:hover .bx1-icon { -webkit-animation:toTopFromBottom .3s forwards; -moz-animation:toTopFromBottom .3s forwards; animation:toTopFromBottom .3s forwards }
@-webkit-keyframes toTopFromBottom { 49% {
-webkit-transform:translateY(-5%)
}
50% {
opacity:0;
-webkit-transform:translateY(5%)
}
51% {
opacity:1
}
}
@-moz-keyframes toTopFromBottom { 49% {
-moz-transform:translateY(-5%)
}
50% {
opacity:0;
-moz-transform:translateY(5%)
}
51% {
opacity:1
}
}
@keyframes toTopFromBottom { 49% {
transform:translateY(-5%)
}
50% {
opacity:0;
transform:translateY(5%)
}
51% {
opacity:1
}
}
.bx1-icon { font-size:60px }
.about-bx2 { padding:40px; margin:1.5%; -webkit-transition:all .3s linear; -moz-transition:all .3s linear; -ms-transition:all .3s linear; -o-transition:all .3s linear; transition:all .3s linear; min-height:350px; position:relative; display:block }
.about-bx2.style2 { min-height:inherit!important }
.about-bx2 header { position:relative; display:block; z-index:100 }
.about-bx2 header div { display:block!important }
.border-content-box { background:#212121; height:2px; margin-bottom:20px; margin-top:20px; width:60px }
.about-bx2.black-section .border-content-box { margin:20px auto; background:#fff }
.icon-box { font-size:60px }
.style2 .icon-box { font-size:48px }
.about-bx2 .block-hover { height:100%; left:0; position:absolute; text-align:center; bottom:0; width:100%; z-index:1; -webkit-transition:all 400ms cubic-bezier(.42, 0, .58, 1); -moz-transition:all 400ms cubic-bezier(.42, 0, .58, 1); -o-transition:all 400ms cubic-bezier(.42, 0, .58, 1); transition:all 400ms cubic-bezier(.42, 0, .58, 1); -webkit-transition-timing-function:cubic-bezier(.42, 0, .58, 1); -moz-transition-timing-function:cubic-bezier(.42, 0, .58, 1); -o-transition-timing-function:cubic-bezier(.42, 0, .58, 1); transition-timing-function:cubic-bezier(.42, 0, .58, 1) }
.about-bx2 .block-hover.style2 { height:100% }
.grey-section .about-bx2 .block-hover { background-color:rgba(255,255,255,0) }
.white-section .about-bx2 .block-hover { background-color:transparent }
.grey-section .about-bx2.style2:hover .block-hover, .grey-section .about-bx2:hover .block-hover, .white-section .about-bx2.style2:hover .block-hover, .white-section .about-bx2:hover .block-hover { background:rgba(0,0,0,.03) }
.about-bx3 { -webkit-transition:all .3s linear; -moz-transition:all .3s linear; -ms-transition:all .3s linear; -o-transition:all .3s linear; transition:all .3s linear; text-align:center }
.about-bx3.bx3b { text-align:left; position:relative; padding-left:1.25em }
.about-bx3.bx3b::before { background-color:#333; bottom:0; content:""; left:0; position:absolute; top:92px; width:2px }
.about-bx3 i { background:#212121; border:2px solid #FFF; border-radius:50%; -webkit-border-radius:50%; color:#FFF; padding:10px; transition:all .4s ease-in-out 0s; -webkit-transition:all .4s ease-in-out 0s; -moz-transition:all .4s ease-in-out 0s; -o-transition:all .4s ease-in-out 0s }
.about-bx3:hover i { background:none; border:2px solid #212121; color:#212121; -webkit-animation:toTopFromBottom2 .3s forwards; -moz-animation:toTopFromBottom2 .3s forwards; animation:toTopFromBottom2 .3s forwards }
.bx3b i { border-radius:0 none; -webkit-border-radius:0 none; -moz-border-radius:0 none; -o-border-radius:0 none; border:0; font-size:60px; line-height:1; background:0 0 }
.bx3b:hover i { border:0; color:#fff }
@-webkit-keyframes toTopFromBottom2 { 49% {
-webkit-transform:translateY(-10%)
}
50% {
opacity:1;
-webkit-transform:translateY(10%)
}
51% {
opacity:1
}
}
@-moz-keyframes toTopFromBottom2 { 49% {
-moz-transform:translateY(-10%)
}
50% {
opacity:1;
-moz-transform:translateY(10%)
}
51% {
opacity:1
}
}
@keyframes toTopFromBottom2 { 49% {
transform:translateY(-10%)
}
50% {
opacity:1;
transform:translateY(10%)
}
51% {
opacity:1
}
}
.about-bx4 { position:relative; display:block; /*text-align:center */}
.bx4-icon { display:inline-block; font-size:60px; line-height:60px; margin-right:10px }
.bx4-content { display:inline-block; text-align:left }
.bx4-content p { color:#666; font-size:14px; font-style:italic; margin:10px 0 0 }
@media (max-width:992px) {
.bx4-content { display:block; /*text-align:center*/ }
.bx4-icon { display:block }
}
.about-bx5 { padding:0 40px; position:relative; display:block }
.about-bx5:after { position:absolute; height:100px; width:3px; right:0; top:50%; margin-top:-50px; background-color:#444; visibility:visible }
.bx5a:after { background-color:#f2f2f2 }
.about-bx5 .bx5-head { opacity:1; transition:all 1s cubic-bezier(.23, 1, .32, 1) 0s!important; -moz-transition:all 1s cubic-bezier(.23, 1, .32, 1) 0s!important; -o-transition:all 1s cubic-bezier(.23, 1, .32, 1) 0s!important; -webkit-transition:all 1s cubic-bezier(.23, 1, .32, 1) 0s!important }
.last-col .about-bx5:last-child:after { visibility:hidden }
.about-bx5 i { transform:translateY(80px); -webkit-transform:translateY(80px); -moz-transform:translateY(80px); -o-transform:translateY(80px); -ms-transform:translateY(80px); opacity:0; transition:all 1s cubic-bezier(.23, 1, .32, 1) 0s!important; -webkit-transition:all 1s cubic-bezier(.23, 1, .32, 1) 0s!important }
.bx5a i { font-size:53px; height:60px; left:50%; line-height:1; margin:0 auto 0 -30px; position:absolute; top:-25px; width:60px }
.about-bx5:hover .bx5-head { transform:translateY(80px); -webkit-transform:translateY(80px); -moz-transform:translateY(80px); -o-transform:translateY(80px); -ms-transform:translateY(80px); opacity:0 }
.about-bx5:hover i { transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); -ms-transform:translateY(0); opacity:1 }
@media only screen and (max-width:768px) {
.bx5a:after { background-color:transparent }
}
.about-bx6 .bx6_content { padding:75px }
@media only screen and (min-width:960px) and (max-width:1199px) {
.about-bx6 .bx6_content { padding:65px }
}
@media only screen and (min-width:768px) and (max-width:959px) {
.about-bx6 .bx6_content { padding:70px 55px }
}
@media only screen and (min-width:480px) and (max-width:767px) {
.about-bx6 .bx6_content { padding:60px 45px }
}
@media only screen and (max-width:768px) {
.bx6_image { display:none }
}
@media only screen and (max-width:479px) {
.about-bx6 .bx6_content { padding:60px 25px }
}
.about-bx8 { -webkit-transition:all .1s linear; -moz-transition:all .1s linear; -ms-transition:all .1s linear; -o-transition:all .1s linear; transition:all .1s linear; text-align:center; padding:40px; position:relative; display:block; overflow:hidden }
.white-section .about-bx8 { background-color:#f8f8f8 }
.black-section .about-bx8 { background-color:transparent }
.about-bx8 section { position:relative; display:block; z-index:100 }
.about-bx8 i { transition:all .4s ease-in-out 0s; -webkit-transition:all .4s ease-in-out 0s; -moz-transition:all .4s ease-in-out 0s; -o-transition:all .4s ease-in-out 0s; font-size:100px }
.about-bx8 i.normalsize { font-size:60px; transition:all .4s ease-in-out 0s; -webkit-transition:all .4s ease-in-out 0s; -moz-transition:all .4s ease-in-out 0s; -o-transition:all .4s ease-in-out 0s }
.about-bx8 .bg-icon { color:#efefef; font-size:100px; height:100%; left:0; position:absolute; top:20px; width:100% }
.about-bx8 .about-bx8-hover { background:0 0; height:100%; left:0; position:absolute; text-align:center; top:0; width:100%; z-index:1; -webkit-transition:all 300ms cubic-bezier(.42, 0, .58, 1); -moz-transition:all 300ms cubic-bezier(.42, 0, .58, 1); -o-transition:all 300ms cubic-bezier(.42, 0, .58, 1); transition:all 300ms cubic-bezier(.42, 0, .58, 1); -webkit-transition-timing-function:cubic-bezier(.42, 0, .58, 1); -moz-transition-timing-function:cubic-bezier(.42, 0, .58, 1); -o-transition-timing-function:cubic-bezier(.42, 0, .58, 1); transition-timing-function:cubic-bezier(.42, 0, .58, 1) }
.white-section .about-bx8:hover .about-bx8-hover { background:rgba(33,33,33,1) }
.black-section .about-bx8:hover .about-bx8-hover { background:rgba(255,255,255,1) }
.white-section .about-bx8:hover h3, .white-section .about-bx8:hover h4, .white-section .about-bx8:hover h5, .white-section .about-bx8:hover i, .white-section .about-bx8:hover p { color:#fff!important }
.black-section .about-bx8:hover h3, .black-section .about-bx8:hover h4, .black-section .about-bx8:hover h5, .black-section .about-bx8:hover i, .black-section .about-bx8:hover p { color:#212121!important }
.agency-about .z-tabs.horizontal>ul { float:left; width:100% }
.agency-about .z-tabs.flat.medium>ul>li>a { padding:60px 40px }
.agency-about .z-tabs.horizontal.top>ul>li>a { top:0!important }
.agency-about .z-tabs.horizontal>ul>li { width:33.33% }
.agency-about .z-tabs.horizontal>ul>li .icon { font-size:30px; line-height:40px }
.agency-about .z-tabs.flat.z-spaced.horizontal.responsive>ul.z-tabs-nav>li>a { margin:0!important }
.agency-about .z-tabs.flat.horizontal.top>ul.z-tabs-nav>li.z-active h5 { color:#fff }
.agency-about .z-tabs.flat.contained.horizontal>.z-container>.z-content>.z-content-inner { margin:0 auto; max-width:650px; padding:100px 2em 0; text-align:center }
.agency-about .z-tabs.flat.clean>ul>li>a:hover, .agency-about .z-tabs.flat.contained>ul>li>a:hover { background-color:#f8f8f8 }
.shop { position:relative; display:block; overflow:hidden; padding:20px; height:260px; cursor:pointer }
.shop:hover .heading-sep { margin:10px auto }
.shop-filter li a:after { display:none }
.shop-filter li a { background:#f2f2f2; border:3px solid #f2f2f2; letter-spacing:1px!important; margin-bottom:40px; padding:5px 10px }
.shop-filter li a:hover { background:0 0 }
.ap-quote { color:#30343c; font-size:16px; position:relative; margin:100px 60px 60px }
.ap-quote p { font-size:24px; line-height:30px }
.ap-quote::before { color:#212121; content:"\f10d"; font-family:FontAwesome; font-size:30px; left:-40px; position:absolute; top:0 }
@media only screen and (max-width:767px) {
.ap-quote { margin:40px 60px }
.ap-quote p { font-size:18px; line-height:24px }
}
@media only screen and (max-width:320px) {
.ap-quote { margin:30px 40px }
.ap-quote p { font-size:16px; line-height:22px }
}
.ap-link { padding:8% 12%!important }
.ap-link .icon-box { padding-bottom:20px; position:relative; margin-bottom:20px; font-size:72px; line-height:72px }
@media only screen and (max-width:992px) {
.ap-link { padding:80px 40px!important }
}
@media only screen and (max-width:768px) {
.ap-link { padding:60px 20px!important }
}
.picture-frame { bottom:0; left:0; min-height:100%; overflow:hidden; position:fixed; top:0; width:45% }
.picture-frame img { height:auto; min-height:100% }
.about_me .feature-box-style-1 .feature_box .feature-icon { font-size:40px; padding-top:9px }
@media screen and (max-width:767px) {
.picture-frame { height:auto; left:0; min-height:300px; overflow:hidden; position:relative; right:0; top:0; width:100% }
.picture-frame img { min-width:100%; position:absolute; top:-70% }
}
@media screen and (max-width:480px) {
.about_me .picture-frame { min-height:200px }
}
#projects-container { margin:0 auto }
#projects li { display:block; float:left; overflow:hidden }
#projects li.col3 { width:33.33% }
#projects li .inner-margin { display:block; margin:10px 10px 20px }
#projects li .inner { display:block; overflow:hidden; position:relative; width:100% }
#projects li a { color:#FFF; display:block; text-decoration:none; transition:all .2s ease-in 0s; -webkit-transition:all .2s ease-in 0s; -moz-transition:all .2s ease-in 0s; -o-transition:all .2s ease-in 0s; -ms-transition:all .2s ease-in 0s }
#projects li img { display:block; height:auto; width:100%; transition:all .2s ease-in 0s; -webkit-transition:all .2s ease-in 0s; -moz-transition:all .2s ease-in 0s; -o-transition:all .2s ease-in 0s; -ms-transition:all .2s ease-in 0s }
#projects li .description_wrapper { background:#212121; left:0; position:absolute; text-align:center; top:0; width:100%; z-index:900 }
#projects li .description, #projects li .description_wrapper { height:100% }
#projects li .description_wrapper p { color:#FFF; display:block; font-size:20px; line-height:26px; padding:0 20px; transition:all .2s ease-in 0s; -webkit-transition:all .2s ease-in 0s; -moz-transition:all .2s ease-in 0s; -o-transition:all .2s ease-in 0s; -ms-transition:all .2s ease-in 0s }
@media screen and (max-width:960px) {
#projects li.col3 { float:left; width:50% }
#projects li .inner-margin { margin:8px }
}
@media screen and (max-width:640px) {
#projects li.col3 { float:none; margin-right:0!important; width:100% }
#projects li .inner-margin { margin:10px 0 }
}

/*PORTFOLIO DI*/

	
	
/*end portfolio di*/
.portfolio-wrap, .store-wrap { position:relative; width:100% }
.portfolio-wrap:after, .store-wrap:after { content:''; display:block; clear:both }
.project-style-1 .item { margin:10px }
.ps-intro, .ps-intro2 { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; bottom:0; height:94px; overflow:hidden; padding:22px 20px; position:absolute; width:90%; background:rgba(255,255,255,.9); -webkit-transition:all .4s linear; -moz-transition:all .4s linear; -ms-transition:all .4s linear; -o-transition:all .4s linear; transition:all .4s linear }
.ps-intro2 { position:relative; width:100% }
.four.columns .ps-intro { height:64px; padding:10px 20px }
.grey-section .ps-intro { background:rgba(255,255,255,1); color:#212121 }
.work-wrap:hover .ps-intro { opacity:0; visibility:hidden }
#owl-product-shop .item { margin:10px }
#owl-latest-project .item .project-heading { background:rgba(0,0,0,.5); bottom:6px; position:absolute; width:100% }
#owl-latest-project .item .project-heading .project-text { padding:12px 15px 15px }
#owl-latest-project .item .project-heading .project-text a { color:#fff }
#owl-latest-project .item .project-heading .project-cat a { color:rgba(255,255,255,.7); display:inline-block; font-size:14px; font-style:italic; margin-bottom:4px }
.gallery-wrap, .product-wrap, .work-wrap { position:relative; float:left; width:100%; overflow:hidden; transition:all .3s ease-in-out 0s; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s }
.product-wrap { float:none }
.gallery-wrap .gallery-mask, .product-wrap .product-mask, .work-wrap .work-mask { position:absolute; width:100%; height:0; background:rgba(153,80,81,.8); z-index:2; -webkit-transition:all .3s linear; -moz-transition:all .3s linear; -ms-transition:all .3s linear; -o-transition:all .3s linear; transition:all .3s linear; opacity:0 }
.project-style-2 .work-wrap:hover { transform:scale(.95); -webkit-transform:scale(.95); -o-transform:scale(.95); -moz-transform:scale(.95); -ms-transform:scale(.95) }
.gallery-wrap:hover .gallery-mask, .product-wrap:hover .product-mask, .work-wrap:hover .work-mask { -ms-transform:scale(1); -webkit-transform:scale(1); transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); opacity:1; height:100% }
.discount { position:absolute; bottom:0; left:0; background:#212121; padding:3px 8px; z-index:10; transition:all .2s ease-in 0s; -webkit-transition:all .2s ease-in 0s; -moz-transition:all .2s ease-in 0s; -o-transition:all .2s ease-in 0s; -ms-transition:all .2s ease-in 0s }
.discount h4 { font-size:16px; font-weight:900 }
.discount-label { font-size:17px; letter-spacing:.1em; position:absolute; left:10px; text-transform:uppercase; bottom:7px; z-index:1 }
.intro-label { font-size:17px; letter-spacing:.1em; position:absolute; right:10px; text-transform:uppercase; top:7px; z-index:1 }
.gallery-wrap h3, .gallery-wrap h5, .product-wrap h3, .product-wrap h5, .work-wrap h3, .work-wrap h5 { position:absolute; width:100%; top:50%; left:50%; -webkit-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); -o-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); z-index:4; text-align:center; opacity:0; -webkit-opacity:0; -webkit-transition:all .6s linear; -moz-transition:all .6s linear; -ms-transition:all .6s linear; -o-transition:all .6s linear; transition:all .6s linear }
.gallery-wrap:hover h3, .gallery-wrap:hover h5, .product-wrap:hover h3, .product-wrap:hover h5, .work-wrap:hover h3, .work-wrap:hover h5 { -webkit-opacity:1; opacity:1 }
.gallery-wrap img, .product-wrap img, .work-wrap img { width:100%; height:auto; display:block }
.product-content { overflow:hidden; padding:22px 20px; position:relative; display:block; transition:all .4s linear 0s; -webkit-transition:all .4s linear 0s; -moz-transition:all .4s linear 0s; -o-transition:all .4s linear 0s; width:100% }
.product-content p { margin:0 }
#owl-portfolio-slider .item { position:relative; width:100%; margin:20px }
#owl-portfolio-slider .item img { width:100%; height:auto; display:block }
#owl-portfolio-slider .item .left-info { position:absolute; bottom:30px; left:30px; background:rgba(244,244,244,.95); color:#212121; padding:15px 30px; font-family:Lato, sans-serif; font-weight:700; font-size:13px; line-height:20px; letter-spacing:4px; text-transform:uppercase }
.grid-work-inner { overflow:hidden; position:relative }
.grid-work-inner img { height:auto; width:100%; vertical-align:middle; transition:all .3s ease-in-out 0s; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s }
.grid-work-hover { background:rgba(0,0,0,.6); bottom:0; left:0; opacity:0; position:absolute; right:0; top:0; transition:all .3s ease-in-out 0s; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s }
.grid-work-inner .text-inner { text-align:center; width:100% }
.grid-work-inner h5:after { border-top:3px solid #fff; bottom:0; content:" "; display:block; left:0; margin:0 auto; max-width:90px; position:absolute; right:0; width:100%; transition:all .3s ease-in-out 0s; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s }
.grid-work-inner h5 { padding-bottom:15px; position:absolute; top:43%; width:100% }
.grid-work-inner h5 a { color:#fff }
.latest-project .first { margin-bottom:20px }
.grid-work-inner:hover img { transform:scale(1.5); -webkit-transform:scale(1.5); -o-transform:scale(1.5); -moz-transform:scale(1.5); -ms-transform:scale(1.5) }
.grid-work-inner:hover h5:after { max-width:70% }
.grid-work-inner:hover .grid-work-hover { opacity:1 }
.latest-project-style4 { text-align:center; transition:all .3s ease-in-out 0s; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s }
.latest-project-style4 .lp-style4-img { overflow:hidden }
.latest-project-style4 img { height:auto; width:100%; vertical-align:middle; transition:all .3s ease-in-out 0s; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s }
.latest-project-style4 .lp-style4_info { padding:20px }
.latest-project-style4:hover { transform:scale(.98); -webkit-transform:scale(.98); -moz-transform:scale(.98); -ms-transform:scale(.98); -o-transform:scale(.98) }
.latest-project-style4:hover img { opacity:.6 }
.latest-project-style5>div { overflow:hidden }
.lp-style5-img { display:block; overflow:hidden; position:relative }
.lp-style5-img:after, .lp-style5-img:before { bottom:0; content:""; left:0; position:absolute; right:0; top:0; transition:all .6s ease-in-out 0s; -webkit-transition:all .6s ease-in-out 0s; -moz-transition:all .6s ease-in-out 0s; -o-transition:all .6s ease-in-out 0s }
.latest-project-style5 img { vertical-align:middle; max-width:100%; display:block; overflow:hidden; width:100% }
.latest-project-style5 .intro-text { display:block; width:100%; padding:20px; background-color:#f8f8f8 }
.lp-style5-img.lp_style1:hover:before { background:rgba(255,255,255,.2); left:50%; right:50% }
.lp-style5-img.lp_style1:hover:after { background:rgba(255,255,255,.4); bottom:50%; top:50% }
.latest-project-style5 .lp-style5-img:hover { transform:scale(.98); -webkit-transform:scale(.98); -moz-transform:scale(.98); -o-transform:scale(.98); -ms-transform:scale(.98) }
#portfolio-filter { position:relative; width:100% }
#filter { position:relative; width:100%; text-align:center }
#filter li { display:inline-block; text-align:center }
#filter:after { content:''; display:block; clear:both }
#filter li a { display:inline-block; font-size:14px; margin-left:8px; margin-right:8px; outline:0; position:relative; text-align:center; text-decoration:none; text-transform:uppercase; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear }
#filter li a:after { color:#999; content:"|"; font-size:12px; opacity:.8; padding-left:15px }
#filter li:first-child a { margin-left:0 }
#filter li:last-child a:after { display:none }
.isotope-item { z-index:2 }
.isotope-hidden.isotope-item { pointer-events:none; z-index:1 }
.isotope, .isotope .isotope-item { -webkit-transition-duration:.6s; -moz-transition-duration:.6s; transition-duration:.6s }
.isotope { -webkit-transition-property:height, width; -moz-transition-property:height, width; transition-property:height, width }
.isotope .isotope-item { -webkit-transition-property:-webkit-transform, opacity; -moz-transition-property:-moz-transform, opacity; -ms-transition-property:-ms-transform, opacity; -o-transition-property:top, left, opacity; transition-property:transform, opacity }
.work-container { margin-left:auto; margin-right:auto; padding-left:15px; padding-right:15px }
.projects-wrapper { margin:0; padding:0 }
.work-item { width:25%; float:left; margin:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.work-grid-2 .work-item { width:50% }
.work-grid-3 .work-item { width:33.333% }
.container .work-grid-3 .work-item { width:33.2% }
.work-grid-5 .work-item { width:20% }
.works-grid.work-grid-gut { margin:0 0 0 -10px }
.works-grid.work-grid-gut .work-item { padding:0 0 10px 10px }
@media only screen and (min-width:768px) and (max-width:959px) {
.container .work-grid-3 .work-item, .work-grid-3 .work-item, .work-item { width:50%!important }
}
@media only screen and (min-width:480px) and (max-width:767px) {
.work-grid-2 .work-item, .work-grid-3 .work-item, .work-item { width:100%!important }
}
@media only screen and (max-width:479px) {
.container .work-grid-3 .work-item, .work-grid-2 .work-item, .work-grid-3 .work-item, .work-item { width:100%!important }
}
#projects-grid-masonry { position:relative; margin:0 auto; width:100%; max-width:1700px; text-align:center }
#projects-grid-masonry:after { content:''; display:block; clear:both }
.portfolio-style-2 { overflow:hidden; position:relative; width:100% }
.portfolio-style-2 img { display:block; height:auto; transition:all 300ms linear 0s; -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; width:100% }
.portfolio-style-2:hover img { opacity:.7 }
.portfolio-style-2 h6 { padding:20px; text-align:left; transition:all 100ms linear 0s; -webkit-transition:all 100ms linear 0s; -moz-transition:all 100ms linear 0s; -o-transition:all 100ms linear 0s; -ms-transition:all 100ms linear 0s }
.portfolio-style-2 p { color:#404040; padding:0 20px 20px; text-align:left }
.portfolio-style-2:hover p { color:#404040 }
.portfolio-style-2 .mask-left { color:#212121; font-family:FontAwesome; font-size:20px; height:50px; left:-50px; line-height:50px; position:absolute; text-align:center; top:30px; transition:all 100ms linear 0s; -webkit-transition:all 100ms linear 0s; -moz-transition:all 100ms linear 0s; -o-transition:all 100ms linear 0s; -ms-transition:all 100ms linear 0s; width:50px; z-index:3 }
.portfolio-style-2 .mask-left:hover { background:#212121; color:#fff }
.portfolio-style-2:hover .mask-left { left:30px }
.portfolio-style-2 .mask-right { color:#212121; font-family:FontAwesome; font-size:20px; height:50px; line-height:50px; position:absolute; right:-50px; text-align:center; top:30px; transition:all 100ms linear 0s; -webkit-transition:all 100ms linear 0s; -moz-transition:all 100ms linear 0s; -o-transition:all 100ms linear 0s; -ms-transition:all 100ms linear 0s; width:50px; z-index:3 }
.portfolio-style-2 .mask-right:hover { background:#212121; color:#fff }
.portfolio-style-2:hover .mask-right { right:30px }
.portfolio-style-3 { -moz-box-sizing:border-box; border:10px solid #FFF; float:left; margin-left:-1px; overflow:hidden; transform:translateX(1px); -webkit-transform:translateX(1px); -moz-transform:translateX(1px); -o-transform:translateX(1px); -ms-transform:translateX(1px); width:33.3333% }
.portfolio-style-3.half-box-3 { margin-left:-2px; transform:translateX(2px); -webkit-transform:translateX(2px); -moz-transform:translateX(2px); -o-transform:translateX(2px); -ms-transform:translateX(2px); width:50% }
.portfolio-style-3.qvart-box-3 { width:25% }
.portfolio-style-3.no-border { border:0 solid #FFF }
.portfolio-style-3 img { -moz-box-sizing:border-box; display:block; height:auto; width:100% }
.portfolio-style-3 .mask-2 { background:rgba(255,255,255,.9); height:calc(100%); left:0; position:absolute; top:0; transform:scale(0); transition:all 100ms linear 0s; -webkit-transition:all 100ms linear 0s; -moz-transition:all 100ms linear 0s; -o-transition:all 100ms linear 0s; -ms-transition:all 100ms linear 0s; width:calc(100%); z-index:1 }
.portfolio-style-3:hover .mask-2 { transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1) }
.portfolio-style-3 h6 { left:0; margin-top:-35px; position:absolute; text-align:center; top:0; transition:all 100ms linear 0s; -webkit-transition:all 100ms linear 0s; -moz-transition:all 100ms linear 0s; -o-transition:all 100ms linear 0s; -ms-transition:all 100ms linear 0s; width:100%; z-index:3 }
.portfolio-style-3:hover h6 { top:50% }
.portfolio-style-3 .mask-left { color:#212121; font-family:FontAwesome; font-size:16px; height:40px; left:0; line-height:40px; margin-left:-55px; margin-top:15px; position:absolute; text-align:center; top:50%; transition:all 100ms linear 0s; -webkit-transition:all 100ms linear 0s; -moz-transition:all 100ms linear 0s; -o-transition:all 100ms linear 0s; -ms-transition:all 100ms linear 0s; width:40px; z-index:3 }
.portfolio-style-3 .mask-left:hover { background:#212121; color:#fff }
.portfolio-style-3:hover .mask-left { left:50% }
.portfolio-style-3 .mask-right { color:#212121; font-family:FontAwesome; font-size:16px; height:40px; line-height:40px; margin-right:-55px; margin-top:15px; position:absolute; right:0; text-align:center; top:50%; transition:all 100ms linear 0s; -webkit-transition:all 100ms linear 0s; -moz-transition:all 100ms linear 0s; -o-transition:all 100ms linear 0s; -ms-transition:all 100ms linear 0s; width:40px; z-index:3 }
.portfolio-style-3 .mask-right:hover { background:#212121; color:#fff }
.portfolio-style-3:hover .mask-right { right:50% }
.portfolio-parallax:before { transition:all 1s linear 0s; -webkit-transition:all 1s linear 0s; -moz-transition:all 1s linear 0s; -o-transition:all 1s linear 0s; -ms-transition:all 1s linear 0s }
.portfolio-parallax:hover:before { background:0 0 }
*/ .project-single1 img {
vertical-align:bottom
}
.project-single1 .project-nav { border-bottom:1px solid #f2f2f2; border-top:1px solid #f2f2f2; text-align:center; width:100% }
.project-single1 .project-nav .nav-wrap { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; width:33.333% }
.project-single1 .project-nav a, .project-single1 .project-nav a i { transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; -moz-transition:all .5s ease 0s }
.project-single1 .project-nav a:hover { background-color:#f8f8f8 }
.project-single1 .project-nav a:hover .fa-chevron-left { transform:translate3d(-10px, 0, 0); -webkit-transform:translate3d(-10px, 0, 0); -moz-transform:translate3d(-10px, 0, 0); -o-transform:translate3d(-10px, 0, 0) }
.project-single1 .project-nav a:hover .fa-chevron-right { transform:translate3d(10px, 0, 0); -webkit-transform:translate3d(10px, 0, 0); -moz-transform:translate3d(10px, 0, 0); -o-transform:translate3d(10px, 0, 0) }
.project-single1 .project-desc, .project-single1 .project-desc2, .project-single1 .project-desc3 { background-color:rgba(255,255,255,.8); bottom:15px; height:auto; padding:40px; position:absolute; right:10px; width:40% }
@media only screen and (max-width:959px) {
.project-single1 .project-desc, .project-single1 .project-desc2, .project-single1 .project-desc3 { background-color:rgba(255,255,255,.8); position:relative; width:100%; bottom:0; right:0; padding:40px 0 }
}
ul.project-meta-detail { margin:0 }
.project-meta-detail li { display:inline-block; margin-right:20px; margin-bottom:10px; margin-top:10px; padding:20px; border:1px solid rgba(255,255,255,.08) }
.project-meta-detail li i { margin-right:5px }
.project-meta-detail li span { margin-left:5px }
.project-prev-img { position:relative }
.project-prev-img img { width:100% }
.project-prev-img a { transition:all .2s cubic-bezier(.3, .1, .58, 1) 0s; -webkit-transition:all .2s cubic-bezier(.3, .1, .58, 1) 0s; -moz-transition:all .2s cubic-bezier(.3, .1, .58, 1) 0s; -o-transition:all .2s cubic-bezier(.3, .1, .58, 1) 0s }
.project-prev-img a:hover { opacity:.8 }
.project-prev-title { margin:20px 0 }
.project-prev-title a { color:#444; transition:all .27s cubic-bezier(.3, .1, .58, 1) 0s; -webkit-transition:all .27s cubic-bezier(.3, .1, .58, 1) 0s; -moz-transition:all .27s cubic-bezier(.3, .1, .58, 1) 0s; -o-transition:all .27s cubic-bezier(.3, .1, .58, 1) 0s }
.project-prev-title a:hover { color:#212121 }
.project-logo { position:absolute; top:50%; text-align:center; z-index:2; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); width:200px; left:50%; margin-left:-100px }
.project-logo img { max-width:100% }
.project-showcase img { vertical-align:bottom; margin-bottom:40px }
.project-showcase img:last-child { margin-bottom:0 }
.portfolio-text { float:left; padding:30px; position:relative; width:100% }
.work-detail-category { float:left; position:relative; width:100% }
.sub-company { float:left; position:relative }
.sub-category { float:right; position:relative; text-align:right }
.seperator-action { position:relative; width:100%; margin:0 auto }
.call-to-action { background-repeat:repeat; background-attachment:scroll; text-align:center; background-size:inherit; -webkit-background-size:inherit }
.gallery-slider { background:#fff; overflow:hidden; position:relative; width:100%; z-index:1 }
.gallery-slider .slide { width:100%; height:100%; display:block; position:relative; overflow:hidden; background-attachment:fixed; background-repeat:no-repeat; background-position:center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.gallery-slider .slide.scroll { background-attachment:scroll }
@media only screen and (max-width:1024px) {
.gallery-slider .slide { background-attachment:scroll }
}
.gallery-pager { height:auto; left:-60px; position:absolute; top:50%; width:0; z-index:101; text-align:center; margin-top:-60px; transition:all .2s linear 0s; -webkit-transition:all .2s linear 0s; -moz-transition:all .2s linear 0s; -o-transition:all .2s linear 0s }
.gnext, .gpre { width:60px; height:60px; line-height:60px; font-size:20px; background-color:#f3f3f3; color:#333; display:block; left:0; cursor:pointer; transition:all .4s linear 0s; -webkit-transition:all .4s linear 0s; -moz-transition:all .4s linear 0s; -o-transition:all .4s linear 0s }
.gnext:hover, .gpre:hover { background-color:#333; color:#fff }
.gallery-slider:hover .gallery-pager { left:0 }
@media only screen and (max-width:768px) {
.gallery-pager { left:-40px; margin-top:-40px }
.gnext, .gpre { width:40px; height:40px; line-height:40px; font-size:18px }
}
@media only screen and (max-width:320px) {
.gallery-pager { left:-30px; margin-top:-30px }
.gnext, .gpre { width:30px; height:30px; line-height:30px; font-size:16px }
}
.gallery-wrap { position:relative; display:block; overflow:hidden; transition:all .27s cubic-bezier(.3, .1, .58, 1) 0s; -webkit-transition:all .27s cubic-bezier(.3, .1, .58, 1) 0s; -moz-transition:all .27s cubic-bezier(.3, .1, .58, 1) 0s; -o-transition:all .27s cubic-bezier(.3, .1, .58, 1) 0s }
.gallery-wrap::after, .gallery-wrap::before { background:#fff; content:""; height:20px; margin:0 auto 0 -2px; position:absolute; width:5px; left:50%; transition:all .27s cubic-bezier(.3, .1, .58, 1) 0s; -webkit-transition:all .27s cubic-bezier(.3, .1, .58, 1) 0s; -moz-transition:all .27s cubic-bezier(.3, .1, .58, 1) 0s; -o-transition:all .27s cubic-bezier(.3, .1, .58, 1) 0s }
.gallery-wrap::before { top:0 }
.gallery-wrap::after { bottom:0 }
.gallery-wrap img { display:block; height:auto; max-width:100%; transition:all .4s ease-in-out 0s; -webkit-transition:all .4s ease-in-out 0s; -moz-transition:all .4s ease-in-out 0s; -o-transition:all .4s ease-in-out 0s; width:100% }
.gallery-wrap .thumb-title { height:100%; position:absolute; text-align:center; top:0; transition:all .4s ease-in-out 0s; -webkit-transition:all .4s ease-in-out 0s; -moz-transition:all .4s ease-in-out 0s; -o-transition:all .4s ease-in-out 0s; width:100% }
.thumb-title>h3 { color:#FFF; height:20px; opacity:0; position:absolute; text-align:center; top:50%; transition:all .4s ease-in-out 0s; -webkit-transition:all .4s ease-in-out 0s; -moz-transition:all .4s ease-in-out 0s; -o-transition:all .4s ease-in-out 0s; width:100% }
.gallery-wrap:hover .thumb-title { background-color:rgba(0,0,0,.8) }
.gallery-wrap:hover>a>.thumb-title>h3 { color:#FFF; opacity:1 }
.gallery-wrap:hover img { transform:scale(1.2) rotate(10deg); -webkit-transform:scale(1.2) rotate(10deg); -moz-transform:scale(1.2) rotate(10deg); -o-transform:scale(1.2) rotate(10deg); -ms-transform:scale(1.2) rotate(10deg) }
.gallery-wrap:hover:after, .gallery-wrap:hover:before { height:0 }
.portfolio-style-7 { overflow:hidden; padding:0; position:relative; text-align:center }
.portfolio-style-7 a { transition:all .2s ease 0s; -webkit-transition:all .2s ease 0s; -moz-transition:all .2s ease 0s; -o-transition:all .2s ease 0s }
.portfolio-style-7 h3 { font-size:16px }
.portfolio-style-7 h5 { font-size:14px }
.portfolio-style-7 img { display:block; height:auto; max-width:100%; vertical-align:middle; overflow:hidden; width:100% }
.effect-slideup .thumb-caption::before { background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,.6) 100%); background:-moz-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,.6) 100%); background:-o-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,.6) 100%); background:linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,.6) 100%); position:absolute; content:''; top:0; left:0; width:100%; height:100%; opacity:0; -webkit-transition:opacity .35s, -webkit-transform .35s; -moz-transition:opacity .35s, -moz-transform .35s; transition:opacity .35s, transform .35s; -webkit-transform:translate3d(0, 50%, 0); -moz-transform:translate3d(0, 50%, 0); transform:translate3d(0, 50%, 0) }
.effect-slideup:hover .thumb-caption::before { opacity:1; -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) }
.effect-slideup h3 { color:#fff; position:absolute; width:100%; bottom:40px; -webkit-transition:-webkit-transform .35s; -moz-transition:-moz-transform .35s; transition:transform .35s; -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) }
.effect-slideup:hover h3 { -webkit-transform:translate3d(0, -20px, 0); -moz-transform:translate3d(0, -20px, 0); transform:translate3d(0, -20px, 0) }
.effect-slideup h5 { position:absolute; width:100%; bottom:20px; left:0; opacity:0; -webkit-transform:translate3d(0, 30px, 0); -moz-transform:translate3d(0, 30px, 0); transform:translate3d(0, 30px, 0); -webkit-transition:opacity .35s, -webkit-transform .35s; -moz-transition:opacity .35s, -moz-transform .35s; transition:opacity .35s, transform .35s }
.effect-slideup:hover h5 { opacity:1; -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) }
@media only screen and (max-width:479px) {
.effect-slideup h3 { top:77% }
}
.portfolio-style-8 { overflow:hidden; padding:0; position:relative; transition:all .2s ease 0s; -webkit-transition:all .2s ease 0s; -moz-transition:all .2s ease 0s; -o-transition:all .2s ease 0s }
.portfolio-style-8 img { display:block; max-width:100%; overflow:hidden; vertical-align:middle; width:100%; transition:all .2s ease 0s; -webkit-transition:all .2s ease 0s; -moz-transition:all .2s ease 0s; -o-transition:all .2s ease 0s; max-height:180px }
.portfolio-style-8 h3, .portfolio-style-8 p { transform:translateY(-20px); -webkit-transform:translateY(-20px); -mo-transform:translateY(-20px); -o-transform:translateY(-20px); -ms-transform:translateY(-20px); transition:all .3s ease 0s; -webkit-transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -o-transition:all .3s ease 0s }
.portfolio-style-8 p { transform:translateY(20px); -webkit-transform:translateY(20px); -mo-transform:translateY(20px); -o-transform:translateY(20px); -ms-transform:translateY(20px) }
.portfolio-style-8 a { position:absolute; width:100%; left:0; top:0; height:100%; text-align:center; opacity:0; transition:opacity .3s linear; -webkit-transition:opacity .3s linear; -moz-transition:opacity .3s linear; -o-transition:opacity .3s linear; -ms-transition:opacity .3s linear }
.portfolio-style-8:hover a { opacity:1 }
.portfolio-style-8:hover img { transform:scale(.98); -webkit-transform:scale(.98); -moz-transform:scale(.98); -o-transform:scale(.98); -ms-transform:scale(.98) }
.portfolio-style-8:hover h3, .portfolio-style-8:hover p { transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); -ms-transform:translateY(0) }
.client-grid { backface-visibility:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -o-backface-visibility:hidden; border-left:1px solid rgba(127,127,127,.15); border-top:1px solid rgba(127,127,127,.15); float:left; position:relative; width:100%; z-index:2; transition:all .2s ease 0s; -webkit-transition:all .2s ease 0s; -moz-transition:all .2s ease 0s; -o-transition:all .2s ease 0s }
.grid-item { border:0; display:block; float:left; overflow:hidden; position:relative }
.client-logo { background-color:#fff; border-bottom:1px solid rgba(127,127,127,.15); border-right:1px solid rgba(127,127,127,.15); padding-bottom:25%; transition:all .2s ease 0s; -webkit-transition:all .2s ease 0s; -moz-transition:all .2s ease 0s; -o-transition:all .2s ease 0s; width:25% }
.client-logo .table { display:block; height:100%; position:absolute; width:100% }
.item-centered { display:block; position:absolute; top:50%; transform:translate3d(0, -50%, 0); -webkit-transform:translate3d(0, -50%, 0); -moz-transform:translate3d(0, -50%, 0); -o-transform:translate3d(0, -50%, 0); width:100% }
.grid-item img { backface-visibility:hidden; -webkit-backface-visibility:hidden; position:absolute; transform:scale(1.01); -webkit-transform:scale(1.01); -moz-transform:scale(1.01); -o-transform:scale(1.01); -ms-transform:scale(1.01); transition:all 1s cubic-bezier(.23, 1, .32, 1) 0s; -webkit-transition:all 1s cubic-bezier(.23, 1, .32, 1) 0s; -moz-transition:all 1s cubic-bezier(.23, 1, .32, 1) 0s; -o-transition:all 1s cubic-bezier(.23, 1, .32, 1) 0s; width:100% }
.client-logo img { display:block; margin:0 auto; position:static; width:auto }
.client-logo .table>i { color:#7f7f7f; font-style:normal; line-height:22.4px; margin:0 auto; opacity:0; position:absolute; text-align:center; top:50%!important; transform:translateY(80px); -webkit-transform:translateY(80px); -moz-transform:translateY(80px); -ms-transform:translateY(80px); -o-transform:translateY(80px); width:100% }
.client-logo i { bottom:0!important; top:auto!important; transition:all 1s cubic-bezier(.23, 1, .32, 1) 0s!important; -webkit-transition:all 1s cubic-bezier(.23, 1, .32, 1) 0s!important; -moz-transition:all 1s cubic-bezier(.23, 1, .32, 1) 0s!important; -o-transition:all 1s cubic-bezier(.23, 1, .32, 1) 0s!important; height:22px }
.client-logo:hover .item-centered img { opacity:0; transform:translateY(-100px); -webkit-transform:translateY(-100px); -moz-transform:translateY(-100px); -o-transform:translateY(-100px); -ms-transform:translateY(-100px) }
.client-logo:hover i { opacity:1; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%) }
.client-logo:hover { background-color:#f7f7f7 }
@media (max-width:767px) {
.col-1 { width:50% }
.half-height { padding-bottom:50% }
.client-logo .table { display:block; height:100%; position:absolute; width:100% }
.client-grid .grid-item img { height:100px!important }
}
@media only screen and (max-width:480px) {
.col-1 { width:100% }
.half-height { padding-bottom:100% }
.client-logo .table { display:block; height:100%; position:absolute; width:100% }
.client-grid .grid-item img { height:100px!important }
}
.lightbox-box { position:relative; width:100% }
.lightbox-box img { width:100%; height:auto; display:block; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear }
.lightbox-box:hover img { opacity:.4 }
.dropcap { display:block; float:left; font-size:55px; font-weight:600; line-height:55px; margin:2px 12px 0 0 }
.dropcap.dropcap-round { -moz-box-sizing:content-box; font-size:36px; font-weight:600; height:60px; line-height:58px; margin:6px 12px 0 0; padding:0!important; text-align:center; width:60px; border-radius:50%; -webkit-border-radius:50% }
.dropcap.dropcap-square { -moz-box-sizing:content-box; background-color:#555; color:#FFF; font-size:36px; font-weight:600; height:60px; line-height:58px; margin:6px 12px 0 0; padding:0!important; text-align:center; width:60px }
.grey-section .dropcap, .white-section .dropcap { color:#212121 }
.black-section .dropcap { color:#fff }
.grey-section .dropcap.dropcap-round, .white-section .dropcap.dropcap-round { background-color:#212121; color:#FFF }
.black-section .dropcap.dropcap-round { background-color:#fff; color:#212121 }
.grey-section .dropcap.dropcap-square, .white-section .dropcap.dropcap-square { background-color:#212121; color:#FFF }
.black-section .dropcap.dropcap-square { background-color:#fff; color:#212121 }
.highlighted { color:red; display:inline-block; font-weight:500; padding:0 2px; vertical-align:baseline; white-space:nowrap }
.highlighted.style2 { background-color:#212121; color:#FFF; font-weight:400; padding:0 3px }
.highlighted.style3 { background-color:#dfdfdf; color:#212121; font-weight:400; padding:0 3px }
.highlighted.style4 { background-color:#fff; color:#212121; font-weight:400; padding:0 3px }
.vbox-inline { padding:20px!important; width:600px!important; height:500px!important; }
blockquote.bk1 { margin:0 0 20px; padding:10px 20px 0 }
blockquote.bk2, blockquote.bk3, blockquote.bk4 { margin:0; padding:10px 20px 0 0 }
blockquote.bk2 p { background-color:#fff; padding:20px; margin:0; color:#616161!important }
blockquote.bk2 footer { background-color:#fff; padding:10px 20px; border-top:1px solid #dfdfdf }
blockquote.bk3 p { background-color:#f8f8f8; padding:20px; margin:0 }
blockquote.bk4 p { color:#dfdfdf!important; background-color:#212121; padding:20px; margin:0 }
blockquote.bk4 footer { background-color:#212121; padding:10px 20px; border-top:1px solid #333 }
blockquote.bk5 { border-left:1px solid #dfdfdf }
.alert { position:relative; width:100%; overflow:hidden; padding:20px }
.alert.big-alerts { padding:40px }
.alert p { font-weight:400; font-size:12px; line-height:24px; text-transform:uppercase; letter-spacing:2px; margin:0 }
.alert p span { font-family:FontAwesome; padding-right:15px }
.alert.alert-green { background-color:#c5ebd4; border-left:3px solid #8cd7aa }
.alert.alert-red { background-color:#ffcccb; border-left:3px solid #ff817f }
.alert.alert-blue { background-color:#b9dff4; border-left:3px solid #77c1ea }
.alert.alert-yelow { background-color:#fce1b6; border-left:3px solid #f9c36d }
.alert.alert-blank { background-color:#eee; border-left:3px solid #ccc }
.alert.alert-blank-2 { background-color:#333; border-left:3px solid #111 }
.alert.alert-blank-2 p { color:#fff }
.z-tabs.z-multiline>ul.z-tabs-desktop>li>a.z-link>span, .z-tabs.z-multiline>ul.z-tabs-mobile>li>a.z-link>span>span { display:block; font-size:.9em; font-weight:400; line-height:1.65em; margin-top:.05em; opacity:1; text-transform:uppercase }
.z-tabs.flat, .z-tabs.flat>ul>li>a { color:#212121; font-family:Lato, sans-serif; font-size:16px }
.z-tabs.flat.z-dark { color:#212121 }
.z-tabs.flat.clean>ul>li a, .z-tabs.flat.contained>ul>li a { background:#f2f2f2 }
.agency-about .z-tabs.flat.contained>ul>li a, .z-tabs.flat.clean>ul>li a { background:#fff }
.z-tabs.flat.clean>ul>li a.tb-white, .z-tabs.flat.contained>ul>li a.tb-white { background-color:#FFF }
.z-tabs.flat.flat-peter-river>ul.z-tabs-mobile.z-state-closed>li a h6, .z-tabs.flat.flat-peter-river>ul.z-tabs-mobile>li a h6, .z-tabs.flat.flat-peter-river>ul.z-tabs-nav>li.z-active>a h6 { color:#fff }
.z-tabs.flat.z-dark.clean>ul.z-tabs-nav>li>a, .z-tabs.flat.z-dark.contained>ul.z-tabs-nav>li>a { background-color:#dfdfdf; color:#212121 }
.z-tabs.flat.flat-alizarin>ul.z-tabs-mobile.z-state-closed>li a, .z-tabs.flat.flat-alizarin>ul.z-tabs-mobile>li a, .z-tabs.flat.flat-alizarin>ul.z-tabs-nav>li.z-active>a { background-color:#212121; color:#fff }
.z-tabs.flat.flat-alizarin>.z-container, .z-tabs.flat.flat-alizarin>ul { border-color:#212121 }
.z-tabs.flat.flat-peter-river>ul.z-tabs-mobile.z-state-closed>li a, .z-tabs.flat.flat-peter-river>ul.z-tabs-mobile>li a, .z-tabs.flat.flat-peter-river>ul.z-tabs-nav>li.z-active>a { background-color:#212121; color:#fff }
.black-section .z-tabs.flat, .black-section .z-tabs.flat.z-dark, .black-section .z-tabs.flat>ul>li>a { color:#fff }
.z-tabs.flat.contained.horizontal>.z-container, .z-tabs.flat.contained.vertical>.z-container { background:0 0 }
.z-tabs.flat.flat-peter-river>.z-container, .z-tabs.flat.flat-peter-river>ul { border-color:none }
.black-section .z-tabs.flat.clean>ul>li a, .black-section .z-tabs.flat.clean>ul>li a.tb-white, .black-section .z-tabs.flat.contained>ul>li a, .black-section .z-tabs.flat.contained>ul>li a.tb-white { background-color:#333 }
.black-section .z-tabs.flat.flat-peter-river>ul.z-tabs-mobile.z-state-closed>li a h6, .black-section .z-tabs.flat.flat-peter-river>ul.z-tabs-mobile>li a h6, .black-section .z-tabs.flat.flat-peter-river>ul.z-tabs-nav>li.z-active>a h6 { color:#212121 }
.black-section .z-tabs.flat.z-dark.clean>ul.z-tabs-nav>li>a, .black-section .z-tabs.flat.z-dark.contained>ul.z-tabs-nav>li>a { background-color:#333; color:#fff }
.black-section .z-tabs.flat.flat-alizarin>ul.z-tabs-mobile.z-state-closed>li a, .black-section .z-tabs.flat.flat-alizarin>ul.z-tabs-mobile>li a, .black-section .z-tabs.flat.flat-alizarin>ul.z-tabs-nav>li.z-active>a { background-color:#fff; color:#212121 }
.black-section .z-tabs.flat.flat-alizarin>.z-container, .black-section .z-tabs.flat.flat-alizarin>ul { border-color:#fff }
.black-section .z-tabs.flat.flat-peter-river>ul.z-tabs-mobile.z-state-closed>li a, .black-section .z-tabs.flat.flat-peter-river>ul.z-tabs-mobile>li a, .black-section .z-tabs.flat.flat-peter-river>ul.z-tabs-nav>li.z-active>a { background-color:#fff; color:#212121 }
.black-section .z-tabs.flat.flat-peter-river>.z-container, .black-section .z-tabs.flat.flat-peter-river>ul { border-color:#fff }
.z-tabs.flat.z-dark.mobile>ul.z-tabs-desktop { background-color:#212121 }
.z-tabs.flat.z-dark.mobile>ul.z-tabs-desktop>li:not(.z-active)>a:hover { background:#212121; color:#fff }
.pro-bar-container { position:relative; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; width:calc(100% - 50px); height:3px; background:#000 }
.pb-light { background:#dfdfdf }
.skills-in-box { padding:20px }
.pb-margin { margin-bottom:17px }
.pb-margin-last { margin-bottom:11px }
.skills-name { position:relative; width:100%; text-align:left; padding-bottom:5px; font-weight:500; font-size:12px; letter-spacing:2px; text-transform:uppercase }
.pro-bar { position:relative; height:3px; overflow:hidden }
.pro-bar-20 { height:20px }
.black-section .pro-bar { background-color:#fff }
.grey-section .pro-bar, .white-section .pro-bar { background-color:#212121 }
.text-in-bar { position:absolute; top:-11px; right:-50px; width:35px; height:25px; text-align:center; font-weight:400; font-size:11px; line-height:25px }
.text-in-bar2 { position:absolute; top:-2px; right:-50px; width:35px; height:25px; text-align:center; font-weight:400; font-size:11px; line-height:25px }
.text-in-bar3 { font-size:11px; font-weight:400; height:25px; line-height:25px; position:absolute; right:40px; text-align:center; top:0; width:35px }
.pbtext-bg { background-color:#212121; color:#fff }
.arrow-skills { position:absolute; right:-16px; top:-5px; width:0; height:0; border-top:7px solid transparent; border-bottom:7px solid transparent; border-right:7px solid #212121; z-index:2222 }
.pro-bar.bar-100 { width:100% }
.pro-bar.bar-99 { width:99% }
.pro-bar.bar-98 { width:98% }
.pro-bar.bar-97 { width:97% }
.pro-bar.bar-96 { width:96% }
.pro-bar.bar-95 { width:95% }
.pro-bar.bar-94 { width:94% }
.pro-bar.bar-93 { width:93% }
.pro-bar.bar-92 { width:92% }
.pro-bar.bar-91 { width:91% }
.pro-bar.bar-90 { width:90% }
.pro-bar.bar-89 { width:89% }
.pro-bar.bar-88 { width:88% }
.pro-bar.bar-87 { width:87% }
.pro-bar.bar-86 { width:86% }
.pro-bar.bar-85 { width:85% }
.pro-bar.bar-84 { width:84% }
.pro-bar.bar-83 { width:83% }
.pro-bar.bar-82 { width:82% }
.pro-bar.bar-81 { width:81% }
.pro-bar.bar-80 { width:80% }
.pro-bar.bar-79 { width:79% }
.pro-bar.bar-78 { width:78% }
.pro-bar.bar-77 { width:77% }
.pro-bar.bar-76 { width:76% }
.pro-bar.bar-75 { width:75% }
.pro-bar.bar-74 { width:74% }
.pro-bar.bar-73 { width:73% }
.pro-bar.bar-72 { width:72% }
.pro-bar.bar-71 { width:71% }
.pro-bar.bar-70 { width:70% }
.pro-bar.bar-69 { width:69% }
.pro-bar.bar-68 { width:68% }
.pro-bar.bar-67 { width:67% }
.pro-bar.bar-66 { width:66% }
.pro-bar.bar-65 { width:65% }
.pro-bar.bar-64 { width:64% }
.pro-bar.bar-63 { width:63% }
.pro-bar.bar-62 { width:62% }
.pro-bar.bar-61 { width:61% }
.pro-bar.bar-60 { width:60% }
.pro-bar.bar-59 { width:59% }
.pro-bar.bar-58 { width:58% }
.pro-bar.bar-57 { width:57% }
.pro-bar.bar-56 { width:56% }
.pro-bar.bar-55 { width:55% }
.pro-bar.bar-54 { width:54% }
.pro-bar.bar-53 { width:53% }
.pro-bar.bar-52 { width:52% }
.pro-bar.bar-51 { width:51% }
.pro-bar.bar-50 { width:50% }
.pro-bar.bar-49 { width:49% }
.pro-bar.bar-48 { width:48% }
.pro-bar.bar-47 { width:47% }
.pro-bar.bar-46 { width:46% }
.pro-bar.bar-45 { width:45% }
.pro-bar.bar-44 { width:44% }
.pro-bar.bar-43 { width:43% }
.pro-bar.bar-42 { width:42% }
.pro-bar.bar-41 { width:41% }
.pro-bar.bar-40 { width:40% }
.pro-bar.bar-39 { width:39% }
.pro-bar.bar-38 { width:38% }
.pro-bar.bar-37 { width:37% }
.pro-bar.bar-36 { width:36% }
.pro-bar.bar-35 { width:35% }
.pro-bar.bar-34 { width:34% }
.pro-bar.bar-33 { width:33% }
.pro-bar.bar-32 { width:32% }
.pro-bar.bar-31 { width:31% }
.pro-bar.bar-30 { width:30% }
.pro-bar.bar-29 { width:29% }
.pro-bar.bar-28 { width:28% }
.pro-bar.bar-27 { width:27% }
.pro-bar.bar-26 { width:26% }
.pro-bar.bar-25 { width:25% }
.pro-bar.bar-24 { width:24% }
.pro-bar.bar-23 { width:23% }
.pro-bar.bar-22 { width:22% }
.pro-bar.bar-21 { width:21% }
.pro-bar.bar-20 { width:20% }
.pro-bar.bar-19 { width:19% }
.pro-bar.bar-18 { width:18% }
.pro-bar.bar-17 { width:17% }
.pro-bar.bar-16 { width:16% }
.pro-bar.bar-15 { width:15% }
.pro-bar.bar-14 { width:14% }
.pro-bar.bar-13 { width:13% }
.pro-bar.bar-12 { width:12% }
.pro-bar.bar-11 { width:11% }
.pro-bar.bar-10 { width:10% }
.pro-bar.bar-9 { width:9% }
.pro-bar.bar-8 { width:8% }
.pro-bar.bar-7 { width:7% }
.pro-bar.bar-6 { width:6% }
.pro-bar.bar-5 { width:5% }
.pro-bar.bar-4 { width:4% }
.pro-bar.bar-3 { width:3% }
.pro-bar.bar-2 { width:2% }
.pro-bar.bar-1 { width:1% }
.pro-bar.bar-0 { width:0 }
.smk_accordion { position:relative; margin:0; padding:0; list-style:none }
.smk_accordion .accordion_in { position:relative; z-index:10; margin-top:-1px; overflow:hidden; margin-bottom:20px }
.smk_accordion .accordion_in .acc_head { position:relative; padding:20px; text-align:left; font-size:16px; line-height:28px; display:block; cursor:pointer; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear }
.smk_accordion .accordion_in .acc_head.pad5 { padding:5px }
.smk_accordion .accordion_in .acc_head:after { content:"\f067"; font-family:FontAwesome; font-size:15px; font-style:normal; font-variant:normal; font-weight:400; height:15px; line-height:15px; margin-top:-8px; position:absolute; right:10px; text-align:center; text-transform:none; top:50%; transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -webkit-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -moz-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -o-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; width:15px }
.grey-section .smk_accordion .accordion_in .acc_head, .white-section .smk_accordion .accordion_in .acc_head { background-color:#212121; color:#fff }
.grey-section .accordion2 .accordion_in .acc_head, .white-section .accordion2 .accordion_in .acc_head { background-color:transparent; color:#212121; border:1px solid #dfdfdf }
.black-section .smk_accordion .accordion_in .acc_head { background-color:#f8f8f8; color:#212121 }
.black-section .accordion2 .accordion_in .acc_head { background-color:transparent; border:1px solid #444; color:#fff }
.grey-section .smk_accordion .accordion_in.acc_active>.acc_head, .white-section .smk_accordion .accordion_in.acc_active>.acc_head { color:#fff }
.black-section .smk_accordion .accordion_in.acc_active>.acc_head, .grey-section .accordion2 .accordion_in.acc_active>.acc_head, .white-section .accordion2 .accordion_in.acc_active>.acc_head { color:#212121 }
.black-section .accordion2 .accordion_in.acc_active>.acc_head { color:#fff }
.black-section .smk_accordion .accordion_in .acc_head:hover { background-color:#fff }
.black-section .accordion2 .accordion_in .acc_head:hover { color:#212121 }
.grey-section .smk_accordion .accordion_in .acc_head:hover, .white-section .smk_accordion .accordion_in .acc_head:hover { color:#fff; background-color:#000 }
.smk_accordion .accordion_in.acc_active>.acc_head:after { content:"\f068" }
.smk_accordion .accordion_in .acc_head .acc_icon_expand { display:block; width:30px; height:30px; position:absolute; right:20px; top:50%; margin-top:-15px }
.smk_accordion .accordion_in .acc_content { padding:30px; border:1px solid #dfdfdf; border-top:0 none }
.black-section .accordion2 .accordion_in .acc_content { border-color:#444 }
.smk_accordion .accordion_in .acc_content p { margin:0 }
.smk_accordion .accordion_in .acc_content h1:first-of-type, .smk_accordion .accordion_in .acc_content h2:first-of-type, .smk_accordion .accordion_in .acc_content h3:first-of-type, .smk_accordion .accordion_in .acc_content h4:first-of-type, .smk_accordion .accordion_in .acc_content h5:first-of-type, .smk_accordion .accordion_in .acc_content h6:first-of-type { margin-top:5px }
.smk_accordion .accordion_in.acc_active>.acc_content { display:block }
#myTabContent .content-wrap .myTab-split2 { list-style-type:none; width:100% }
#myTabContent .content-wrap .myTab-split2 li { width:50%; display:table-cell }
.myTab-split-content { padding:20px; font-size:16px; font-weight:400; line-height:25px }
.service_block .tab-content { overflow:hidden; padding:0; margin:0 0 60px }
.service_block h1 { margin:0 0 17px; line-height:40px; font-size:40px }
.service_block p { font-weight:300; line-height:32px; font-size:22px; color:#999; margin:0 }
.service_block .content-wrap { max-width:100%; margin:0 auto }
.service_block .tab-pane { display:block; height:0; transform:translateY(-5%); -o-transform:translateY(-5%); -ms-transform:translateY(-5%); -webkit-transform:translateY(-5%); transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -moz--webkit-transition:all .5s ease-in-out; -o--webkit-transition:all .5s ease-in-out }
.service_block .tab-pane.active { height:auto; transform:translateY(-5%); -o-transform:translateY(-5%); -ms-transform:translateY(-5%); -webkit-transform:translateY(-5%); transition:all .1s ease-in-out; -webkit-transition:all .1s ease-in-out; -moz-transition:all .1s ease-in-out; -o-transition:all .1s ease-in-out }
.service_block .tab-pane.in { height:auto; transform:translateY(0); -o-transform:translateY(0); -ms-transform:translateY(0); -webkit-transform:translateY(0); transition:all .8s ease-in-out; -webkit-transition:all .8s ease-in-out; -moz-transition:all .8s ease-in-out; -o-transition:all .8s ease-in-out }
.ie .service_block .tab-pane { display:none }
.ie .service_block .tab-pane.active { display:block }
.service_block .nav-tabs { margin:0 -15px; border:0 }
.service_block .nav-tabs li { margin:0; padding:0 15px; position:relative }
.service_block .nav-tabs li a { width:170px; height:170px; margin:0; padding:54px 0 0; text-align:center; border:1px solid #f2f2f2; border-radius:0; transition:background-color .3s ease-in-out; -webkit-transition:background-color .3s ease-in-out }
.service_block .nav-tabs li a i { display:block; width:60px; height:60px; margin:0 auto; font-size:60px; line-height:60px; background-repeat:no-repeat; background-size:100% auto; -webkit-background-size:100% auto; transition:transform .2s ease-in-out; -webkit-transition:-webkit-transform .2s ease-in-out }
.nav-tabs li a:focus, .nav-tabs li a:hover { background-color:transparent }
.nav-tabs li.active a, .nav-tabs li.active a:focus, .nav-tabs li.active a:hover { background-color:#212121; color:#fff }
.nav-tabs li.active a:after { top:100%; left:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(33,33,33,0); border-top-color:#212121; border-width:15px; margin-left:-15px; transition:all .8s ease-in-out; -webkit-transition:all .8s ease-in-out; -moz-transition:all .8s ease-in-out; -o-transition:all .8s ease-in-out }
.top-tab li.active a:after { display:none }
.nav-tabs li a:hover i { transform:translateY(-10px); -moz-transform:translateY(-10px); -o-transform:translateY(-10px); -ms-transform:translateY(-10px); -webkit-transform:translateY(-10px) }
.nav-tabs li.active a i { background-position:0 0; transform:translateY(-16px); -moz-transform:translateY(-16px); -o-transform:translateY(-16px); -ms-transform:translateY(-16px); -webkit-transform:translateY(-16px) }
.service_block .nav-tabs li a span { display:block; line-height:20px; opacity:0; transform:translateY(-30px); -moz-transform:translateY(-30px); -o-transform:translateY(-30px); -ms-transform:translateY(-30px); -webkit-transform:translateY(-30px); transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out }
.nav-tabs li.active a span { opacity:1; transform:translateY(-6px); -moz-transform:translateY(-6px); -o-transform:translateY(-6px); -ms-transform:translateY(-6px); -webkit-transform:translateY(-6px) }
.service-top.arrow-down3 { display:none }
@media (min-width:992px) and (max-width:1199px) {
.service_block .nav-tabs li { padding:0 10px }
.service_block .nav-tabs li a { width:136px; height:136px; padding-top:35px }
.service_block .nav-tabs li a span { font-size:16px }
.service_block p { font-size:20px; line-height:30px }
}
@media only screen and (max-width:991px) {
.myTab-split-content { font-size:15px; line-height:25px }
.service_block p { line-height:30px; font-size:20px }
.service_block .nav-tabs li { padding:0 10px; margin-bottom:20px }
.nav-tabs li.active a:after { display:none }
.service_block .nav-tabs { text-align:center }
.nav-tabs>li { float:none }
.nav>li { display:inline-block }
#myTabContent .content-wrap .myTab-split2 li { width:100%; display:block }
.service-top.arrow-down3 { display:block }
}
@media only screen and (max-width:768px) {
.myTab-split-content { font-size:14px; line-height:24px }
.service_block p { line-height:26px; font-size:18px }
}
.ps-wrap { position:relative; width:100%; margin:0 auto }
.ps-wrap p { font-size:18px; font-style:italic; margin:0 }
.ps-wrap-icon { position:relative; font-size:52px; line-height:52px; width:100%; margin:0 auto; padding-bottom:20px; font-weight:900 }
.ps-wrap-style2 { text-align:center; padding:15px }
.ps-wrap .line { border-bottom:1px solid #212121; bottom:0; left:50%; margin-left:-15px; position:absolute; width:30px; z-index:2 }
.black-section .ps-wrap .line { border-color:#fff }
#owl-ps-slider .owl-pagination { bottom:0; display:block; left:0; position:absolute; text-align:center; width:100%; z-index:100!important }
.owl-page { display:inline-block; padding:6px 4px }
.owl-page span { background:rgba(0,0,0,.7); border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; display:block; height:6px; transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -webkit-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -moz-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -o-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; width:6px }
.owl-page.active span { background:none; border:1px solid rgba(0,0,0,.8); transform:scale(1.33333); -webkit-transform:scale(1.33333); -moz-transform:scale(1.33333); -o-transform:scale(1.33333); -ms-transform:scale(1.33333) }
.owl-buttons { position:static }
.owl-next, .owl-prev { color:#fff; display:block; font-size:16px; height:105px; line-height:105px; margin-top:-52px; opacity:0; position:absolute; text-align:center; top:50%; transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -webkit-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -moz-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -o-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; width:105px; z-index:6 }
.owl-prev { left:-50px }
.owl-next { right:-50px }
.owl-next:before, .owl-prev:before { background:#212121; box-shadow:1px 1px 0 rgba(0,0,0,.1); -webkit-box-shadow:1px 1px 0 rgba(0,0,0,.1); content:""; display:block; height:66%; left:0; position:absolute; top:17px; transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -webkit-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -moz-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -o-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; width:66% }
.owl-next:before { left:auto; right:0 }
.owl-next .fa, .owl-prev .fa { position:relative }
.owl-next:hover:before, .owl-prev:hover:before { opacity:.87 }
.owl-next:active:before, .owl-prev:active:before { opacity:.6 }
.owl-carousel:hover .owl-prev { left:-35px; opacity:1 }
.owl-carousel:hover .owl-next { opacity:1; right:-35px }
.black-section .owl-carousel { /*cursor:url(../images/cursor-white.png), auto*/ }
.black-section .owl-page span { background:rgba(255,255,255,.7) }
.black-section .owl-page.active span { border:1px solid rgba(255,255,255,.8) }
.black-section .owl-next, .black-section .owl-prev { color:#212121 }
.black-section .owl-next:before, .black-section .owl-prev:before { background:#f2f2f2; box-shadow:1px 1px 0 rgba(255,255,255,.1); -webkit-box-shadow:1px 1px 0 rgba(255,255,255,.1) }
.item-carousel { margin-bottom:-50px; padding-bottom:50px }
.testimonial-wrap { max-width:850px; text-align:center; margin:0 auto }
.testimonial-wrap i { font-size:60px }
@media only screen and (max-width:768px) {
#owl-testimonial-slider .owl-next:before, #owl-testimonial-slider .owl-prev:before { display:none }
}
.quotes-wrap { color:#FFF; height:100%; margin:0 auto; max-width:950px; position:relative; text-align:center }
.quotes-wrap p { font-style:italic; margin:20px 0 }
.quotes-wrap p span { background-color:#fff; color:#212121; padding:5px 20px }
.quotes-slider .owl-page span { background:rgba(255,255,255,.7) }
.quotes-slider .owl-page.active span { background:none; border:1px solid rgba(255,255,255,.8) }
.quotes-slider .owl-next, .quotes-slider .owl-prev { color:#212121 }
.quotes-slider .owl-next:before, .quotes-slider .owl-prev:before { background:#fff }
.facts-wrap { position:relative; width:100%; margin:0 auto }
.facts-wrap p { color:#666; font-size:15px; font-style:italic; margin:10px 0 0 }
.facts-wrap-num { position:relative; font-size:34px; line-height:34px; letter-spacing:2px; width:100%; padding-bottom:20px; font-weight:900 }
.facts-wrap-num:after { background-color:#1F1F1F; bottom:0; content:""; height:1px; left:0; position:absolute; width:30px }
.facts-wrap.text-center .facts-wrap-num:after { left:50%; margin-left:-15px }
.facts-wrap-num .icon { line-height:20px }
.facts-style2 { text-align:center }
.facts-style2 .line { border-bottom:1px solid #212121; bottom:0; left:50%; margin-left:-15px; position:absolute; width:30px; z-index:2 }
.facts-style3 .facts-wrap-num { font-size:50px; font-weight:300 }
.facts-style3 i { font-size:50px; padding-right:10px }
.facts-style1 .facts-wrap-num:after, .facts-style3 .facts-wrap-num:after { display:none }
.facts-style4 { background-color:#f2f2f2; padding:20px }
@media only screen and (max-width:768px) {
.facts-wrap { text-align:center }
.facts-wrap-num:after { left:50%; margin-left:-15px }
}
.feature-box-style-1, .feature-box-style-2, .feature-box-style-3, .feature-box-style-4, .feature-box-style-5, .feature-box-style-6, .feature-box-style-7 { display:block }
.feature-box-style-1 .feature_box { margin:0 auto 30px; position:relative; padding:0 30px }
.feature-box-style-1 .feature_box .feature-icon { display:inline-block; z-index:1; text-align:center; margin-right:15px!important; float:left; font-size:23px; height:60px; padding-top:13px; width:60px; border:1px solid #dfdfdf; transition:all .3s ease 0s; -webkit-transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -o-transition:all .3s ease 0s }
.black-section .feature-box-style-1 .feature_box .feature-icon { color:#fff; border:3px solid #fff }
.feature-box-style-1 .feature_box .feature-text { vertical-align:middle; display:table; min-height:60px; padding-top:0; margin-bottom:0!important }
.feature-text .feature-content { display:table-cell; vertical-align:middle }
.feature-box-style-1 .feature_box:hover .feature-icon { background-color:#212121; color:#fff }
.black-section .feature-box-style-1 .feature_box:hover .feature-icon { background-color:#fff; color:#212121 }
.style-1a .feature_box .feature-icon { background:#212121; border:1px solid #dfdfdf; color:#fff; font-size:40px; padding-top:8px; text-align:center }
.feature-box-style-2 .feature_box { margin:0 auto; position:relative; background-color:#f8f8f8; padding:40px; transition:all .3s ease 0s; -webkit-transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -o-transition:all .3s ease 0s }
.feature-box-style-2 .feature_box .feature-icon { font-size:32px; color:#212121 }
.feature-box-style-2 h3:after { background-color:#1F1F1F; bottom:0; content:""; height:1px; left:0; position:absolute; width:30px }
.feature-box-style-2 .feature_box p { display:block; position:relative }
.feature-box-style-2 .feature_box:hover { background-color:#f8f8f8 }
.feature-box-style-3 .feature_box { margin:0 auto; position:relative }
.feature-box-style-3 .feature_box .feature-icon { background-color:#212121; border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; -moz-border-radius:50%; color:#FFF; font-size:23px; height:60px; width:60px; line-height:60px; margin-right:15px!important; display:inline-block; float:left; transition:all .6s ease 0s; -webkit-transition:all .6s ease 0s; -moz-transition:all .6s ease 0s; -o-transition:all .6s ease 0s; z-index:1; text-align:center }
.black-section .feature-box-style-3 .feature_box .feature-icon { background-color:#fff; color:#212121 }
.feature-box-style-3 .feature_box .feature-text { vertical-align:middle; display:table; min-height:60px; margin-bottom:0!important; padding-top:8px }
.feature-box-style-3:hover .feature-icon { background-color:transparent; color:#212121; font-size:40px }
.black-section .feature-box-style-3:hover .feature-icon { background-color:transparent; color:#fff; font-size:40px }
#owl-ps-slider2 .owl-controls { text-align:center; margin-top:10px }
@media only screen and (max-width:1199px) {
.feature-box-style-3 .feature_box .feature-icon { float:none }
.feature-box-style-3 .feature_box { text-align:center }
.feature-box-style-3 .feature_box .feature-text { width:100% }
}
.feature_box .subtitle { font-size:15px; margin-bottom:2px; font-style:italic }
.feature-box-style-4 .feature_box { margin:0 auto; position:relative; background-color:#212121; padding:40px; transition:all .3s ease 0s; -webkit-transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -o-transition:all .3s ease 0s }
.feature-box-style-4 .feature_box .feature-icon { font-size:32px; color:#fff; margin-bottom:20px }
.feature-box-style-4 .feature_box p { display:block; position:relative; color:#fff }
.feature-box-style-5 .feature_box { margin:0 auto; position:relative; padding:40px; border:3px solid #212121; transition:all .3s ease 0s; -webkit-transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; text-align:center }
.feature-box-style-5 .feature_box .feature-icon { font-size:32px }
.feature-box-style-5 .feature_box p { display:block; position:relative }
.feature-box-style-5 .feature_box:hover { border-color:#dfdfdf }
.feature-box-style-7 .feature_box { position:relative; padding-left:55px; padding-top:3px; font-size:14px; font-weight:400; -webkit-transform:perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -moz-transform:perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -o-transform:perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -ms-transform:perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); transform:perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -webkit-transition:all .3s cubic-bezier(0, 0, .58, 1); -moz-transition:all .3s cubic-bezier(0, 0, .58, 1); -o-transition:all .3s cubic-bezier(0, 0, .58, 1); -ms-transition:all .3s cubic-bezier(0, 0, .58, 1); transition:all .3s cubic-bezier(0, 0, .58, 1) }
.fi7 .feature_box { padding-left:65px; margin:40px 0 }
.feature-box-style-7 .feature_box .feature-icon { width:50px; height:50px; position:absolute; top:0; left:0; line-height:50px; text-align:center; font-size:25px; -webkit-transition:all .17s cubic-bezier(0, 0, .58, 1); -moz-transition:all .17s cubic-bezier(0, 0, .58, 1); -o-transition:all .17s cubic-bezier(0, 0, .58, 1); -ms-transition:all .17s cubic-bezier(0, 0, .58, 1); transition:all .17s cubic-bezier(0, 0, .58, 1); 

 }
 .feature-box-style-7 .feature_box h3 { margin-top:8px !important; }
.feature-box-style-7.fi7 .feature_box .feature-icon { font-size:60px; left:0; width:auto; height:auto; position:absolute; text-align:center; top:0 }
.feature-box-style-7 .feature_box h6 { color:#111; font-size:15px; font-weight:400; margin:0 0 10px; padding:0 }
.feature-box-style-9 { list-style-type:none; padding:0; position:relative }
.feature-box-style-9 li { padding-bottom:12px; padding-left:88px; position:relative }
.feature-box-style-9 .features-bx9-icon { border-radius:50%; display:block; height:72px; left:0; margin-right:16px; position:absolute; text-align:center; top:0; width:72px; background-color:rgba(255,255,255,.1); font-size:42px; line-height:85px; z-index:1 }
.grey-section .feature-box-style-9 .features-bx9-icon, .white-section .feature-box-style-9 .features-bx9-icon { background-color:#212121; color:#fff }
.animated-item { position:relative; width:25%; padding:20px; display:table; float:left; overflow:hidden; text-align:center; transition:background .2s linear 0s; -webkit-transition:background .2s linear 0s; -moz-transition:background .2s linear 0s; -o-transition:background .2s linear 0s; -ms-transition:background .2s linear 0s; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover }
.animated-item:hover { background-color:#212121; color:#fff }
.animated-item:hover .side-line:after, .animated-item:hover .side-line:before { border-color:#fff }
.animated-item:hover .section-title-1 h2::after { background-color:#fff }
.ai-cell { display:table-cell; position:relative; vertical-align:middle; text-align:center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover }
.ai-inner { position:relative; overflow:hidden; max-height:100% }
.ai-intro { position:relative; -webkit-transition:all .27s cubic-bezier(0, 0, .58, 1); -moz-transition:all .27s cubic-bezier(0, 0, .58, 1); -o-transition:all .27s cubic-bezier(0, 0, .58, 1); -ms-transition:all .27s cubic-bezier(0, 0, .58, 1); transition:all .27s cubic-bezier(23, 17, 22, 17) }
.ai-icon { margin-bottom:10px; font-size:50px }
.animated-item:hover .ai-icon { color:#fff }
.ai-descr { opacity:0; position:relative; font-weight:400; font-size:14px; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; -webkit-transform-origin:50% 50%; -moz-transform-origin:50% 50%; -o-transform-origin:50% 50%; -ms-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transform:perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -moz-transform:perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -o-transform:perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -ms-transform:perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); transform:perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -webkit-transition:all .27s cubic-bezier(0, 0, .58, 1); -moz-transition:all .27s cubic-bezier(0, 0, .58, 1); -o-transition:all .27s cubic-bezier(0, 0, .58, 1); -ms-transition:all .27s cubic-bezier(0, 0, .58, 1); transition:all .27s cubic-bezier(1, 0, .58, 1) }
.no-mobile .animated-item:hover .ai-intro { opacity:0; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); -ms-transform:scale(0) }
.no-mobile .animated-item:hover .ai-descr { opacity:1; -webkit-transform:perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -moz-transform:perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -o-transform:perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -ms-transform:perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); transform:perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) }
@media only screen and (max-width:767px) {
.animated-item { width:100% }
}
.innerpage-heading-1 { padding-top:170px; padding-bottom:170px }
.innerpage-heading-1 .page-heading.ph-right { padding-right:30px; text-align:right; border-right:1px solid }
.innerpage-heading-1 .page-heading.ph-left { padding-left:30px; text-align:left; border-left:1px solid }
.black-section .innerpage-heading-1 .page-heading.ph-left { border-color:rgba(255,255,255,.8) }
.grey-section .innerpage-heading-1 .page-heading.ph-left, .white-section .innerpage-heading-1 .page-heading.ph-left { border-color:rgba(10,10,10,.6) }
.heading-white .page-heading { border-color:rgba(255,255,255,1)!important }
.breadcrumbs { font-size:11px; font-weight:400; letter-spacing:.2em; text-decoration:none; text-transform:uppercase }
.breadcrumbs-left { padding-left:30px }
.breadcrumbs-right { padding-right:30px }
.breadcrumbs2-wrapper { position:absolute; width:100%; bottom:0; z-index:2 }
.breadcrumbs2 { background-color:#212121; border-top-left-radius:2px; -webkit-border-top-left-radius:2px; border-top-right-radius:2px; -webkit-border-top-right-radius:2px; font-size:12px; font-weight:400; padding:7px 17px; text-transform:uppercase; width:auto }
.breadcrumbs2, .breadcrumbs2 a { color:#fff }
.breadcrumbs2 a:hover { color:#dfdfdf }
.innerpage-heading-2 { padding-top:35px; padding-bottom:35px }
@media only screen and (max-width:768px) {
.breadcrumbs, .innerpage-heading-2 { text-align:center!important }
}
.innerpage-heading-3 { box-shadow:0 -1px 0 0 #DFDFDF inset; -webkit-box-shadow:0 -1px 0 0 #DFDFDF inset; position:relative; width:100% }
.innerpage-heading-3 .page-heading { display:inline-block; padding:10px 0 }
.innerpage-heading1 { margin:0 auto; overflow:hidden; z-index:2 }
.innerpage-heading1-title h1 { text-align:right; letter-spacing:5px; padding-right:30px; margin-right:20px; border-right:1px solid rgba(10,10,10,.4) }
.innerpage-heading1-title h1 small { font-size:21px; letter-spacing:2px }
.innerpage-heading1-pad-tb { padding-top:280px; padding-bottom:200px }
.blog-style-1 article>a:after { clear:both; content:""; display:table }
.blog-style-1 article>a { background-color:#f8f8f8; display:block; min-height:180px; position:relative }
.blog-style-1 article>a .bs1-image { display:block; float:left; margin-right:2.12766%; width:31.9149% }
.bs1-image.bs1-post-image { height:100%; overflow:hidden; position:absolute }
.bs1-image.bs1-post-image .items { height:100% }
.blog-style-1 a .bs1-image .bs1-image-bg, .blog-style-1 a .bs1-image img { transition:opacity 2000ms ease 0s; -webkit-transition:opacity 2000ms ease 0s; -moz-transition:opacity 2000ms ease 0s; -o-transition:opacity 2000ms ease 0s; background-position:center center; background-size:cover; -webkit-background-size:cover; =moz-background-size:cover;
-o-background-size:cover; background-attachment:scroll; height:100% }
.blog-style-1 article>a>.content { display:block; float:left; margin-left:34.0425%; margin-right:0; width:65.9575% }
.blog-style-1 article>a>.content:last-child { margin-right:0 }
.blog-style-1 article>a>.content .teaser-info { float:left; font-size:11px; letter-spacing:1px; line-height:15px; margin-bottom:20px; margin-top:15px; text-transform:uppercase; width:100% }
.blog-style-1 article>a>.content .teaser-info .blog { display:block; float:left; margin-right:3.22581%; width:30.3871%; padding-right:10px }
.blog-style-1 article>a>.content .teaser-info .count, .blog-style-1 article>a>.content .teaser-info .date { display:block; float:left; width:33%; padding-right:10px }
.blog-style-1 article>a>.content .title { -moz-box-sizing:border-box; font-size:16px; margin-bottom:15px; padding-right:10px; line-height:25px; transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -webkit-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -moz-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -o-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s }
.blog-style-1 a:hover .title { color:#555 }
.blog-style-1 a:hover .bs1-image .bs1-image-bg, .blog-style-1 a:hover .bs1-image img { opacity:.7; transition:opacity 250ms ease 0s; -webkit-transition:opacity 250ms ease 0s; -moz-transition:opacity 250ms ease 0s; -ms-transition:opacity 250ms ease 0s; -o-transition:opacity 250ms ease 0s }
@media only screen and (min-width:768px) and (max-width:959px) {
.blog-style-1 .eight.columns { width:748px }
}
@media (max-width:480px) {
.blog-style-1 article>a .bs1-image { float:none; height:200px; margin-right:0; width:100% }
.bs1-image.bs1-post-image { position:relative }
.blog-style-1 article>a>.content { float:none; margin-left:8%; margin-right:0; width:92% }
.blog-style-1 article>a>.content .teaser-info .blog, .blog-style-1 article>a>.content .teaser-info .count { width:100% }
}
.blog-style-2 { width:100%; margin:0!important }
.blog-bx2:after, .blog-bx2:before { content:""; display:table; line-height:0 }
.blog-bx2:after { clear:both }
.blog-bx2 img, .blog-bx2 span { display:block }
.blog-bx2 { display:block!important; float:left; margin:0; padding-left:10px; padding-right:10px; position:relative; text-align:center }
.blog-style-2 .blog-bx2 { padding:0 }
.blog-bx2 .blog_bx2_image { max-width:100%; vertical-align:middle; width:100%; transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -webkit-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -moz-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -o-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s }
.blog-bx2 .blog_bx2_content { border-top:5px solid #212121; padding:22px 15px; position:relative; margin-top:5px; min-height:200px; height:200px; overflow:hidden; transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -webkit-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -moz-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -o-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s }
@media only screen and (min-width:960px) and (max-width:1199px) {
.four .blog-bx2 .blog_bx2_content { height:250px; min-height:250px }
}
@media only screen and (min-width:768px) and (max-width:959px) {
.four .blog-bx2 .blog_bx2_content { height:300px; min-height:300px }
}
@media only screen and (max-width:767px) {
.blog-bx2 .blog_bx2_content { height:auto; min-height:auto }
}
.blog_bx2_icon { border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; font-size:20px; height:40px; padding-top:10px; width:40px; z-index:2; background:#212121; border-color:#212121; color:#fff; transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -webkit-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -moz-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -o-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s }
.blog-bx2 .blog_bx2_icon { left:50%; margin-left:-20px; position:absolute; top:-20px }
.blog_bx2_icon:after { -moz-box-sizing:border-box; backface-visibility:hidden; background:#fff; border:3px solid; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; display:block; height:100%; left:0; opacity:0; padding-top:7px; position:absolute; top:0; transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -webkit-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -moz-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -o-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; width:100% }
.blog-bx2 .blog_bx2_date { border-bottom:1px dotted #999; color:#555; display:inline-block; font-size:12px; margin-bottom:20px; padding:10px 10px 5px }
.blog-bx2 .blog_bx2_title { line-height:1.4em; margin:0 0 .2em; font-size:16px; font-weight:500; transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -webkit-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -moz-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -o-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s }
.blog-bx2:hover img { opacity:.7 }
.blog-bx2:hover .blog_bx2_icon:after { opacity:1 }
.blog-bx2:hover .blog_bx2_title { color:#555 }
.blog-bx1 { Position:relative }
.blog-bx1 .featured-image { position:relative; overflow:hidden; margin-bottom:20px }
.blog-bx1 .bx1-body { position:relative; height:150px; overflow:hidden }
.masonry .blog-bx1 .bx1-body { height:auto }
.blog-bx1 .icon-wrapper { background:#FFF; bottom:0; font-size:20px; height:50px; left:0; line-height:55px; position:absolute; text-align:center; width:50px; z-index:99 }
.featured-image a, .featured-image img { display:block; transition:all .25s ease 0s; -webkit-transition:all .25s ease 0s; -moz-transition:all .25s ease 0s; -o-transition:all .25s ease 0s }
.blog-bx1 .blog_bx1_title { line-height:1.4em; font-size:16px; transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -webkit-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -moz-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -o-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s }
.blog-bx1 .post-meta, .blog-bx4 .post-meta { font-size:12px; line-height:22px }
.list-inline { list-style:none; margin-left:-5px; padding-left:0 }
.list-inline a { color:#aaa; transition:all .27s cubic-bezier(.3, .1, .58, 1) 0s; -webkit-transition:all .27s cubic-bezier(.3, .1, .58, 1) 0s; -moz-transition:all .27s cubic-bezier(.3, .1, .58, 1) 0s }
.list-inline a:hover { color:#212121 }
.list-inline>li { display:inline-block; padding-left:5px; padding-right:5px }
.blog-bx1 .continue-reading { display:inline-block; font-size:14px }
.featured-image a:hover { background:#212121 }
.blog-bx1 a { transition:all .27s cubic-bezier(.3, .1, .58, 1) 0s; -webkit-transition:all .27s cubic-bezier(.3, .1, .58, 1) 0s; -moz-transition:all .27s cubic-bezier(.3, .1, .58, 1) 0s }
.blog-bx1:hover .featured-image a img { opacity:.7; transform:scale(1.2, 1.2); -webkit-transform:scale(1.2, 1.2); -moz-transform:scale(1.2, 1.2); -o-transform:scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2); transition-duration:1000ms; -webkit-transition-duration:1000ms; -moz-transition-duration:1000ms; -o-transition-duration:1000ms; transition-timing-function:ease; -moz-transition-timing-function:ease; -webkit-transition-timing-function:ease; -o-transition-timing-function:ease }
article.blog-bx4 { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; float:left; margin-bottom:20px; padding:10px 20px }
.masonry article.blog-bx4 { margin-bottom:0 }
.blog-style-4 .blog-bx4 { margin-bottom:40px; padding:0; width:100% }
.blog-bx4 .blog-bx4-img { max-width:100%; position:relative; vertical-align:middle; width:100% }
.blog-bx4 .blog-bx4-img img { display:block; width:100%; max-width:100%;  }
.blog-bx4 .mask { background:rgba(255,255,255,.6); bottom:0; height:100%; left:0; opacity:0; overflow:hidden; position:absolute; right:0; text-align:center; top:0; width:100%; transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -webkit-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -moz-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -o-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s }
.blog-bx4 .mask:before {  color:#212121; content:""; font-size:18px; left:50%; line-height:76px; margin:-38px 0 0 -38px; position:absolute; text-align:center; top:50%; width:75px; height:75px; font-family:FontAwesome; z-index:1; background:url(../images/icon_75.png) no-repeat;

 }
 .blog-bx4 h3 { text-transform: none;}
.blog-bx4-img a { background:#FFF; height:100%; left:0; opacity:0; position:absolute; top:0; width:100% }
.blog-bx4-content { border-color:#DDE4E6; border-style:solid; border-width:1px; padding:20px; display:block; height:150px; overflow:hidden; position:relative }
.four .blog-bx4-content { height:160px }
.masonry .blog-bx4-content { height:auto }
@media only screen and (min-width:960px) and (max-width:1199px) {
.blog-bx4-content { height:150px }
.four .blog-bx4-content { height:180px }
.masonry .blog-bx4-content { height:auto }
}
@media only screen and (min-width:768px) and (max-width:959px) {
.blog-bx4-content, .masonry .blog-bx4-content { height:auto }
}
@media only screen and (max-width:767px) {
.blog-bx4-content, .four .blog-bx4-content { height:auto }
}
.blog-bx4-content .post-meta { font-size:14px }
.blog-bx4 .date { background:#212121; bottom:30px; color:#fff; font-size:16px; left:0; line-height:1; padding:8px; position:absolute; text-align:center }
.blog-bx4-img:hover .mask { opacity:1 }
.blog-bx4-content h3 a { transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -webkit-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -moz-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -o-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s }
.post-text { float:left; padding:30px; position:relative; width:100% }
.post-text a { transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -webkit-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -moz-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -o-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s }
.bs5-date { position:absolute; left:-118px; padding:3px 8px; background:#212121; color:#fff; top:25px; font-size:14px }
@media only screen and (max-width:768px) {
.bs5-date { font-size:13px; left:0; margin-bottom:30px; padding:0 8px; position:relative; text-align:center; top:0 }
}
.bs5-post-category { float:left; position:relative; width:100% }
.bs5-author { float:left; position:relative }
.bs5-category { float:right; position:relative; text-align:right }
.bs5-post-meta { border-bottom:1px solid #f2f2f2; border-top:1px solid #f2f2f2; text-align:center; width:100%; position:relative; display:inline-block; background:#fff }
.bs5-post-meta .bs5-meta .meta { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; width:33.333% }
.bs5-post-meta .bs5-meta a, .bs5-post-meta .bs5-meta a i { transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; -moz-transition:all .5s ease 0s }
.bs5-post-meta .bs5-meta a:hover { background-color:#f8f8f8 }
.bs5-post-meta .bs5-meta a:hover .fa-chevron-left { transform:translate3d(-10px, 0, 0); -webkit-transform:translate3d(-10px, 0, 0); -moz-transform:translate3d(-10px, 0, 0); -o-transform:translate3d(-10px, 0, 0) }
.bs5-post-meta .bs5-meta a:hover .fa-chevron-right { transform:translate3d(10px, 0, 0); -webkit-transform:translate3d(10px, 0, 0); -moz-transform:translate3d(10px, 0, 0); -o-transform:translate3d(10px, 0, 0) }
.widget { margin-bottom:40px }
.search-wrap { position:relative }
.search-button { background:none; border:none; color:#999; font-size:14px; height:40px; line-height:38px; margin-top:-20px; outline:0; overflow:hidden; position:absolute; right:1px; top:50%; width:42px; transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -webkit-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -moz-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -o-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s }
.search-field { box-sizing:border-box; height:40px!important; width:100%!important }
.label { display:inline; font-size:85%; font-weight:700; line-height:1; padding:.2em .6em .3em; text-align:center; vertical-align:baseline; white-space:nowrap }
.bg-black { background-color:#212121!important; color:#fff }
.bg-white { background-color:#fff!important; color:#212121 }
.bg-orange { background-color:#F47631!important; color:#fff }
.bg-yellow { background-color:#FFCE02!important; color:#fff }
.bg-cyan { background-color:#27C5C3!important; color:#fff }
.bg-green { background-color:#58BF44!important; color:#fff }
.bg-blue { background-color:#43A5DE!important; color:#fff }
.bg-purple { background-color:#375ACC!important; color:#fff }
.bg-red { background-color:#E13939!important; color:#fff }
.widget-body { font-size:15px }
.widget-title { border-bottom:1px solid #ccc; padding-bottom:5px }
.listmenu, .listmenu li { background:none; list-style:none none; margin:0; padding:0 }
.widget-menu li { padding:5px 0 }
.widget-menu li a { border-bottom:1px solid transparent; color:#555; padding-bottom:2px; text-decoration:none; transition:all .17s cubic-bezier(0, 0, .58, 1) 0s; -webkit-transition:all .17s cubic-bezier(0, 0, .58, 1) 0s; -moz-transition:all .17s cubic-bezier(0, 0, .58, 1) 0s; -o-transition:all .17s cubic-bezier(0, 0, .58, 1) 0s }
.widget-menu li small { color:#aaa }
.widget-menu li a:hover { color:#212121 }
.tags a { background-color:#f8f8f8; color:#555; display:inline-block; font-size:12px; margin:0 2px 5px 0; padding:5px 7px; text-decoration:none; text-transform:uppercase; transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -webkit-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -moz-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s; -o-transition:all .27s cubic-bezier(0, 0, .58, 1) 0s }
.tags a:hover { background-color:#f2f2f2 }
.widget-posts { color:#aaa }
.widget-posts li { border-bottom:1px dotted #eaeaea; font-size:13px; margin-bottom:15px; overflow:hidden; padding:10px 0 10px 56px!important; position:relative; transition:all .1s linear 0s; -webkit-transition:all .1s linear 0s; -moz-transition:all .1s linear 0s; -o-transition:all .1s linear 0s }
.widget-posts li a { color:#555; display:block; font-size:15px; padding-bottom:3px; text-decoration:none; transition:all .17s cubic-bezier(0, 0, .58, 1) 0s; -webkit-transition:all .17s cubic-bezier(0, 0, .58, 1) 0s; -moz-transition:all .17s cubic-bezier(0, 0, .58, 1) 0s; -o-transition:all .17s cubic-bezier(0, 0, .58, 1) 0s }
.widget-comment li a { padding-bottom:0; padding-top:3px }
.widget-posts .post-icon { color:#999; font-size:55px; left:0; line-height:55px; opacity:.2; position:absolute; top:0; transition:all .1s linear 0s; -webkit-transition:all .1s linear 0s; -o-transition:all .1s linear 0s; -moz-transition:all .1s linear 0s }
.widget-posts li a:hover, .widget-posts li:hover .post-icon { color:#212121 }
.widget-comments { color:#aaa }
.widget-comments li { border-bottom:1px dotted #eaeaea; padding:12px 0 }
.widget-comments li a { text-decoration:none; transition:all .17s cubic-bezier(0, 0, .58, 1) 0s; -webkit-transition:all .17s cubic-bezier(0, 0, .58, 1) 0s; -moz-transition:all .17s cubic-bezier(0, 0, .58, 1) 0s; -o-transition:all .17s cubic-bezier(0, 0, .58, 1) 0s }
.widget-comments li a:hover { color:#555 }
.blog-item { margin-bottom:80px; position:relative }
.blog-item .blog-item-body p { text-align:justify; }
.blog-item-meta { margin-bottom:30px }
.blog-item-meta span { color:#212121; font-size:12px; letter-spacing:2.5px; line-height:8px; text-transform:uppercase }
.blog-item-meta span a { color:#555; transition:all .17s cubic-bezier(0, 0, .58, 1) 0s; -webkit-transition:all .17s cubic-bezier(0, 0, .58, 1) 0s; -moz-transition:all .17s cubic-bezier(0, 0, .58, 1) 0s; -o-transition:all .17s cubic-bezier(0, 0, .58, 1) 0s }
.blog-item-meta span a:hover { color:#212121 }
.blog-item-title a { color:#212121; transition:all .17s cubic-bezier(0, 0, .58, 1) 0s; -webkit-transition:all .17s cubic-bezier(0, 0, .58, 1) 0s; -moz-transition:all .17s cubic-bezier(0, 0, .58, 1) 0s; -o-transition:all .17s cubic-bezier(0, 0, .58, 1) 0s }
.blog-item-title a:hover { color:#777 }
.separator { margin:0 5px }
.blog-media { margin-bottom:30px }
.blog-item .bk3 { padding-top:0; padding-right:0 }
.blog-item-icon { border-right:1px solid #eee; color:#999; font-size:50px; font-weight:300; left:-130px; letter-spacing:1px; line-height:80px; padding:10px; position:absolute; text-align:center; text-transform:uppercase; top:0; width:100px }
.post-meta-section { border-top:1px solid #e1e1e1 }
.post-meta-holder { font-size:12px; margin-top:13px; text-align:center; text-transform:uppercase; transition:all .1s linear 0s }
.post-meta-holder:last-child { margin-left:20px!important }
.post-meta-holder a { transition:all .17s cubic-bezier(0, 0, .58, 1) 0s; -webkit-transition:all .17s cubic-bezier(0, 0, .58, 1) 0s; -moz-transition:all .17s cubic-bezier(0, 0, .58, 1) 0s; -o-transition:all .17s cubic-bezier(0, 0, .58, 1) 0s }
.post-meta-holder a:hover { color:#aaa }
.comments-section { display:block; margin:5px auto }
.comments-list { list-style-type:none; margin:0 0 80px; padding:0 }
.comments-list li.comment { margin-top:2em }
.comments-list li>div.comment-body { background-color:#FFF; border:1px solid #E1E1E1; margin:0; overflow:hidden; padding:25px 25px 20px 60px; position:relative }
.user-avatar { float:left; height:81px; line-height:76px; padding:5px; text-align:center; width:81px }
.comments-list li.comment>div .user-avatar { left:-30px; position:relative }
.user-avatar img { border-radius:50%; -webkit-border-radius:50%; display:block; overflow:hidden; position:relative; max-width:100%; vertical-align:middle }
.comment-user, .reply { display:inline-block; font-size:15px; font-weight:700; margin-right:20px }
.comment-user a, .reply a { color:#555; transition:all .17s cubic-bezier(0, 0, .58, 1) 0s; -webkit-transition:all .17s cubic-bezier(0, 0, .58, 1) 0s; -moz-transition:all .17s cubic-bezier(0, 0, .58, 1) 0s; -o-transition:all .17s cubic-bezier(0, 0, .58, 1) 0s }
.comment-user a:hover, .reply a:hover { color:#212121 }
.comment-date { display:inline-block; font-size:13px; font-weight:700; margin-right:20px; color:#888 }
.reply .sep { margin:0 5px 0 6px }
.comment-body p { margin:.85em 0 .85em 81px }
.comments-list .children { border-left:1px solid #E1E1E1; list-style:none; margin-left:0!important; padding-left:40px }
.comments-list ol ol, .comments-list ul ul { margin-left:18px }
.comments-list .children>li { position:relative }
.comments-list .children>li:before { -moz-border-bottom-colors:none; -moz-border-left-colors:none; -moz-border-right-colors:none; -moz-border-top-colors:none; border-color:-moz-use-text-color -moz-use-text-color #E1E1E1 #E1E1E1; border-image:none; border-style:none none solid solid; border-width:0 0 1px 1px; content:""; display:block; height:9px; left:-5px; position:absolute; top:55px; transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); width:9px; z-index:8; background-color:#f1f1f1 }
.comments-list li.comment>div.comment-body { background-color:#f8f8f8; border:1px solid #E1E1E1; margin:0; overflow:hidden; padding:25px 25px 20px 60px; position:relative }
.add-comment { margin-top:40px }
.subscribe-form { margin:20px 0 0; display:inline-block }
#subscribe-loading { text-align:center; margin:0 0 0 10px; display:none }
.btn-subscribe-container { height:62px; float:left; position:relative }
.txt-subscribe { background:none; border:3px solid #333; float:left; height:60px; margin:0; padding:0 22px; width:310px; color:#333; font-size:14px; text-transform:uppercase }
.txt-subscribe::-webkit-input-placeholder {
text-transform:uppercase;
color:#333
}
.txt-subscribe:-moz-placeholder {
text-transform:uppercase;
color:#333
}
.txt-subscribe::-moz-placeholder {
text-transform:uppercase;
color:#333
}
.txt-subscribe:-ms-input-placeholder {
text-transform:uppercase;
color:#333
}
.txt-subscribe.placeholder { text-transform:none }
.btn-subscribe { background:#333; border:none; color:#fff; font-size:16px; font-weight:300; height:60px; padding:0 22px; margin:0; transition:all .4s ease 0s; -webkit-transition:all .4s ease 0s; -moz-transition:all .4s ease 0s; -o-transition:all .4s ease 0s }
.btn-subscribe:hover { color:#fff; background:#111 }
.btn-subscribe:active, .btn-subscribe:focus { outline:0 }
div.subscribe-message { font-size:18px; line-height:25px; text-align:center }
.subscribe-error-field, .subscribe-message { clear:both; font-size:15px; font-weight:300; padding-top:5px; text-align:left }
.subscribe-error-field .fa { color:#d76e6e; font-size:21px; float:left; margin:1px 10px 0 0 }
.subscribe-error div, .subscribe-success div { float:left }
.subscribe-message .fa { font-size:21px; margin:2px 10px 0 0 }
.subscribe-message div { display:inline }
.form-tip { color:#888; font-size:13px }
@media (max-width:1024px) {
.txt-subscribe { width:305px }
}
@media (max-width:992px) {
.txt-subscribe { width:260px }
}
@media (max-width:768px) {
#contact-form .container { margin:0 auto; padding:0; width:80% }
.c-block { padding:60px 40px }
#contact { margin-top:60px }
}
@media (max-width:480px) {
.btn-subscribe-container { float:none }
.btn-subscribe, input.txt-subscribe { width:100% }
}
.service-block { padding:40px 20px; position:relative; display:block; overflow:hidden }



.service-block .serv_bx_icon_style1 { 
 height:88px; margin-left:auto; margin-right:auto; position:relative; width:88px; background-color:#fff;  border:1px #995051 solid; transition:all .6s ease 0s; -webkit-transition:all .6s ease 0s; -o-transition:all .6s ease 0s; -moz-transition:all .6s ease 0s;  
-webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   transform: rotate(-45deg); }
.service-block .serv_bx_icon_style1 i {font-size:54px; line-height:86px;-webkit-transform: none; color:#995051;
   display: block;transform: rotate(45deg) translateY(7%) translateX(20%);
   -webkit-transform: rotate(45deg) translateY(7%) translateX(20%);
   -moz-transform: rotate(45deg) translateY(7%) translateX(20%);
   -ms-transform: rotate(45deg) translateY(7%) translateX(20%);
   -o-transform: rotate(45deg) translateY(7%) translateX(20%);
   }
.service-block:hover .serv_bx_icon_style1 { border-color:#995051; background-color:#995051; }
.service-block:hover .serv_bx_icon_style1 i { color:#fff;  }

.service-block header { position:relative; display:block; z-index:100 }
.service-block .service-name { display:block; position:relative; z-index:2 }
.service-block i { font-size:60px }
/*.service-block h3:after { background-color:#1F1F1F; bottom:0; content:""; height:1px; left:0; position:absolute; width:30px }*/
@media only screen and (max-width:768px) {
#owl-services .service-block h3:after { left:50%; margin-left:-15px }
#owl-services .owl-buttons { display:none }
}
#owl-services .owl-controls { text-align:center }
.service-block .block-hover { height:100%; left:0; position:absolute; text-align:center; top:0; width:100%; z-index:1 }
.service-block ul li { background-color:#f2f2f2; float:left; margin-bottom:5px; margin-right:5px; padding:4px 8px; font-size:14px }
.grey-section .service-block .block-hover { background-color:rgba(255,255,255,0) }
.white-section .service-block .block-hover { background-color:transparent }
.grey-section .service-block:hover .block-hover { background:rgba(255,255,255,1) }
.white-section .service-block:hover .block-hover { background:rgba(0,0,0,.03) }
@media (max-width:480px) {
.service-block { margin:0; padding:20px }
}
.service-bx2 { margin:60px 0 0; padding:0 40px }
.service-bx2 .sb-icon { font-size:60px; line-height:70px; color:#fff }
.service-bx2 p { color:#fff; margin-bottom:20px }
.service-bx4 { display:block; margin:0; padding:0 }
.service-bx4 ul { margin:0; padding:0 }
.service-bx4 .services-bx4-content { border:1px solid #ebebeb; height:260px; list-style:none none; margin-bottom:-1px; margin-right:-1px; padding:0 1px 0 0; position:relative; transition:all .3s linear 0s; -webkit-transition:all .2s linear 0s; -moz-transition:all .2s linear 0s; -o-transition:all .2s linear 0s; width:25%; float:left; text-align:center }
.service-bx4 .bx4-3col { width:33.333%; border:0; height:200px }
.service-bx4 .services-bx4-content .service-item-inner { overflow:hidden; transition:all .4s linear 0s; -webkit-transition:all .2s linear 0s; -moz-transition:all .2s linear 0s; -o-transition:all .2s linear 0s }
.service-bx4 .services-bx4-content .service-item-inner .services-bx4-icon { margin-top:80px; font-size:60px; line-height:60px; color:#212121; text-align:center; display:block; transition:all .4s ease 0s; -webkit-transition:all .4s ease 0s; -moz-transition:all .4s ease 0s; -o-transition:all .4s ease 0s }
.service-bx4 .services-bx4-content .service-item-inner .services-bx4-icon a { color:#212121 }
.service-bx4 .services-bx4-content .service-item-inner .services-bx4-title { margin:0 40px }
.service-bx4 .services-bx4-content .service-item-inner .services-bx4-desc { color:#fff; display:none; padding:5px 10px }
.service-bx4 .services-bx4-content .service-item-inner .services-bx4-title h3 { font-size:13px; line-height:24px; margin-top:22px }
.service-bx4 .services-bx4-content .service-item-inner .services-bx4-title h3 a { color:#212121; text-transform:uppercase }
.service-bx4 .services-bx4-content:hover { background:#212121; border-color:#999 }
.service-bx4 .services-bx4-content:hover .service-item-inner { background:#212121; bottom:-7px; left:-7px; position:absolute; right:-7px; top:-7px; z-index:9 }
.service-bx4 .services-bx4-content:hover .service-item-inner .services-bx4-desc { display:block }
.service-bx4 .services-bx4-content:hover .service-item-inner .services-bx4-icon { margin-top:35px }
.service-bx4 .services-bx4-content:hover .service-item-inner .services-bx4-icon a, .service-bx4 .services-bx4-content:hover .service-item-inner .services-bx4-title h3 a { color:#fff }
@media only screen and (min-width:480px) and (max-width:767px) {
.service-bx4 .services-bx4-content { width:50% }
.service-bx4 { padding:40px 0 }
}
@media (max-width:480px) {
.service-bx4 { padding:40px 0 }
.service-bx4 .services-bx4-content { width:100% }
}
.service-slider .ss-icon { font-size:100px }
.service-slider .owl-controls { margin-top:40px }
.service-slider .owl-pagination { text-align:center }
@media only screen and (min-width:960px) and (max-width:1199px) {
.service-slider .ss-icon { font-size:80px }
}
@media only screen and (min-width:768px) and (max-width:959px) {
.service-slider .ss-icon { font-size:60px }
}
@media (max-width:767px) {
.service-slider .ss-icon { font-size:50px }
}
.iphone-image img { max-width:377px; position:absolute; top:0; width:100% }
.iphoneleft img { left:40px }
.iphoneright img { right:40px }
@media only screen and (min-width:960px) and (max-width:1199px) {
.iphone-image img { max-width:300px }
}
@media only screen and (min-width:768px) and (max-width:959px) {
.iphone-image img { max-width:200px }
}
@media (max-width:767px) {
.iphone-image img { display:none }
}
.ipad_img1 { margin-top:-160px; border:0; height:auto; max-width:100.1%; outline:0; vertical-align:top }
@media (min-width:768px) and (max-width:991px) {
.ipad_img1 { margin-top:-50px }
}
@media (max-width:767px) {
.ipad_img_in { width:350px; margin:0 auto }
.ipad_img1 { margin-top:40px }
}
@media (max-width:479px) {
.ipad_img_in { width:290px }
}
.pricing-features { padding:0; margin:20px 0; list-style-type:none }
.pricing-features:after { clear:both; content:""; display:table }
.pricing-features li { float:none; letter-spacing:2px; padding:10px 15px; width:auto; font-size:14px; text-transform:uppercase; overflow:hidden; white-space:nowrap }
.pricing-price { background-color:#fff; width:140px; overflow:hidden; padding:10px; margin:20px auto }
.grey-section .pricing-price, .white-section .pricing-price { background-color:#212121 }
.pricing-price h4 span { font-size:14px }
.popular { border:1px solid #333; padding:40px 0; transition:all .3s ease 0s; -webkit-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; -moz-transition:all .3s ease 0s }
.popular:hover { border:1px solid #fff }
.grey-section .popular, .white-section .popular { border-color:#dfdfdf }
.grey-section .popular:hover, .white-section .popular:hover { border-color:#212121 }
.ourteam figure .person-container { position:relative }
.ourteam figure .person-container article { opacity:0; padding-left:20px; padding-right:20px; padding-top:80px; position:absolute; transform:translateX(-100px); -webkit-transform:translateX(-100px); -moz-transform:translateX(-100px); -ms-transform:translateX(-100px); -o-transform:translateX(-100px); visibility:hidden }
.ourteam figure .person-container img { -ms-transition-delay:.1s }
.ourteam figure .person-container article, .ourteam figure .person-container img { transition:all .3s ease 0s; -webkit-transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; width:100%; max-width:100%; vertical-align:bottom }
.ourteam figure figcaption { display:block; position:relative; text-align:center; padding:20px; border:1px solid #f2f2f2 }
.ourteam figure figcaption a { display:block; height:100%; padding-right:60px; text-decoration:none }
.ourteam figure .person-container.active article { opacity:1; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); -o-transform:translateX(0); -ms-transform:translateX(0); transition-delay:.15s; -webkit-transition-delay:.15s; -moz-transition-delay:.15s; -o-transition-delay:.15s; -ms-transition-delay:.15s; visibility:visible }
.ourteam figure .person-container.active img { opacity:0; transform:translateX(100px); -webkit-transform:translateX(100px); -moz-transform:translateX(100px); -o-transform:translateX(100px); -ms-transform:translateX(100px); visibility:hidden }
.ourteam figure figcaption a.active span:after { opacity:0; transform:translateX(48px); -webkit-transform:translateX(48px); -moz-transform:translateX(48px); -ms-transform:translateX(48px); -o-transform:translateX(48px) }
.ourteam figure figcaption a.active span:before { opacity:1; transform:translateY(100%); -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -o-transform:translateY(100%); -ms-transform:translateY(100%) }
.ourteam figure figcaption a span { display:block; height:100%; overflow:hidden; position:absolute; right:0; top:0; width:60px; transition:all .2s ease 0s; -webkit-transition:all .2s ease 0s; -moz-transition:all .2s ease 0s; -o-transition:all .2s ease 0s }
.ourteam figure figcaption a span:before { content:"\f053"; display:inline-block; font-family:FontAwesome; opacity:0; transform:translateX(-48px); -webkit-transform:translateX(-48px); -moz-transform:translateX(-48px); -o-transform:translateX(-48px); -ms-transform:translateX(-48px); transition:all .2s ease 0s; -webkit-transition:all .2s ease 0s; -o-transition:all .2s ease 0s; -moz-transition:all .2s ease 0s; -ms-transition:all .2s ease 0s }
.ourteam figure figcaption a span:after { content:"\f054"; display:inline-block; font-family:FontAwesome; transform:translateY(100%); -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -o-transform:translateY(100%); -ms-transform:translateY(100%); transition:all .2s ease 0s; -webkit-transition:all .2s ease 0s; -moz-transition:all .2s ease 0s; -o-transition:all .2s ease 0s; -ms-transition:all .2s ease 0s }
.person-container article a { color:#212121; font-size:18px; transition:all .2s ease 0s; -webkit-transition:all .2s ease 0s; -moz-transition:all .2s ease 0s; -o-transition:all .2s ease 0s; -ms-transition:all .2s ease 0s }
.team-style2 .image-container { overflow:hidden; padding:20px 0 40px; display:block; position:relative; transition:all 1s cubic-bezier(.23, 1, .32, 1) 0s; -webkit-transition:all 1s cubic-bezier(.23, 1, .32, 1) 0s; -moz-transition:all 1s cubic-bezier(.23, 1, .32, 1) 0s; -o-transition:all 1s cubic-bezier(.23, 1, .32, 1) 0s }
.team-style2 .image-container img { vertical-align:bottom }
.team-style2:hover .image-container { opacity:.8 }
.team-style2 .team-description { margin-top:-40px; padding:40px 45px 20px; position:relative; background:#f2f2f2 }
.team-style2 .team-description::after { background:#f2f2f2; content:""; height:24px; position:absolute; top:-10px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); width:24px; left:50%; margin-left:-12px }
.team-style2 .social-list { padding-bottom:20px }
.team-style2 .social-list li { display:inline-block; margin-right:5px }
.team-style3 { position:relative }
.team-style3 img { display:block; max-width:100% }
.team-style3 .person-info { background-color:rgba(255,255,255,.9); bottom:0; left:0; opacity:0; position:absolute; right:0; top:0; transition-duration:.2s; transition-property:opacity; transition-timing-function:cubic-bezier(.64, .135, .235, 1); -webkit-transition-duration:.2s; -webkit-transition-property:opacity; -webkit-transition-timing-function:cubic-bezier(.64, .135, .235, 1) }
.team-style3 .person-info-name { text-align:center; white-space:nowrap; transform:translateY(-10px); -webkit-transform:translateY(-10px); -moz-transform:translateY(-10px); -ms-transform:translateY(-10px); -o-transform:translateY(-10px); transition-delay:.15s; transition-duration:.75s, .5s; transition-property:opacity, transform; transition-timing-function:cubic-bezier(.29, .85, .235, 1); -webkit-transition-delay:.15s; -webkit-transition-duration:.75s, .5s; -webkit-transition-property:opacity, transform; -webkit-transition-timing-function:cubic-bezier(.29, .85, .235, 1) }
.team-style3 .person-info-title { color:#999; display:block; font-size:.7em; font-weight:700; letter-spacing:1.4px; text-transform:uppercase; text-align:center; white-space:nowrap; -webkit-transform:translateY(-10px); -moz-transform:translateY(-10px); -ms-transform:translateY(-10px); -o-transform:translateY(-10px); transition-delay:.15s; transition-duration:.75s, .5s; transition-property:opacity, transform; transition-timing-function:cubic-bezier(.29, .85, .235, 1); -webkit-transition-delay:.15s; -webkit-transition-duration:.75s, .5s; -webkit-transition-property:opacity, transform; -webkit-transition-timing-function:cubic-bezier(.29, .85, .235, 1) }
.team-style3 .person-info-title::after { background-color:#c6c6c6; content:""; display:block; height:1px; margin:10px auto; width:100px }
.team-style3 .person-info-social { opacity:0; padding-top:5px; position:relative; text-align:center; transform:translateY(10px); -webkit-transform:translateY(10px); -moz-transform:translateY(10px); -ms-transform:translateY(10px); -o-transform:translateY(10px); transition-delay:.15s; transition-duration:.75s, .5s; transition-property:opacity, transform; transition-timing-function:cubic-bezier(.29, .85, .235, 1); -webkit-transition-delay:.15s; -webkit-transition-duration:.75s, .5s; -webkit-transition-property:opacity, transform; -webkit-transition-timing-function:cubic-bezier(.29, .85, .235, 1) }
.team-style3 .person-info-social a { display:inline-block; height:48px; width:48px; background-color:#212121; color:#fff; line-height:48px; border-radius:50%; -webkit-border-radius:50%; transition:all 1s cubic-bezier(.23, 1, .32, 1) 0s; -webkit-transition:all 1s cubic-bezier(.23, 1, .32, 1) 0s; -moz-transition:all 1s cubic-bezier(.23, 1, .32, 1) 0s; -o-transition:all 1s cubic-bezier(.23, 1, .32, 1) 0s }
.team-style3 .person-info-social a:hover { background-color:#333 }
.team-style3 .person-info:hover { opacity:1 }
.team-style3 .person-info:hover .person-info-social { opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0) }
.team-style3 .person-info:hover .person-info-name { transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0) }
.team-style3 .person-info:hover .person-info-title { transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); -ms-transform:translateY(0) }
@media only screen and (max-width:960px) {
.team-style3 .person-info-social a { height:30px; width:30px; line-height:30px }
}
@media only screen and (max-width:479px) {
.team-style3 .person-info-social a { height:20px; width:20px; line-height:20px }
}
.member-container-2 { padding:10px; position:relative; display:block; text-align:center }
.member-container-2 figure { width:225px; height:225px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; margin:0 auto; display:block }
.member-container-2 figure img { display:block; transition:all 300ms ease-in-out 0s; -webkit-transition:all 300ms ease-in-out 0s; -moz-transition:all 300ms ease-in-out 0s; -o-transition:all 300ms ease-in-out 0s; width:100%; max-width:100%; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50% }
.member-container-2 h5 { padding-top:15px }
.member-container-2 h6 { font-size:12px }
.member-container-2 hr { width:150px; margin:20px auto 0; border-color:#999 }
.member-container-2 .member-social { list-style-type:none; margin:20px auto 0; transition:all .2s linear 0s; -webkit-transition:all .2s linear 0s; -moz-transition:all .2s linear 0s; -o-transition:all .2s linear 0s }
.member-container-2 .member-social li { display:inline-block; font-size:20px; padding:0 10px; line-height:30px }
.member-container-2 .member-social li a { color:#212121; transition:all .4s linear 0s; -webkit-transition:all .4s linear 0s; -moz-transition:all .4s linear 0s; -o-transition:all .4s linear 0s }
.member-container-2 .member-social li a:hover { color:#999 }
@media only screen and (min-width:768px) and (max-width:959px) {
.member-container-2 figure { width:auto; height:auto }
}
@media only screen and (max-width:319px) {
.member-container-2 figure { width:170px; height:170px }
}
ul.page-numbers { display:block; list-style-type:none; margin:0; padding:0; text-align:center }
ul.page-numbers li { display:inline-block; height:46px; line-height:46px; text-align:center; vertical-align:middle; width:46px }
ul.page-numbers li>a, ul.page-numbers li>span { background-color:#f2f2f2; cursor:pointer; display:inline-block; height:46px; line-height:46px; margin:0; outline:0; position:relative; text-decoration:none; text-shadow:none; text-transform:uppercase; transition:color .3s ease-in-out 0s, background-color .3s ease-in-out 0s; -webkit-transition:color .3s ease-in-out 0s, background-color .3s ease-in-out 0s; -moz-transition:color .3s ease-in-out 0s, background-color .3s ease-in-out 0s; vertical-align:middle; white-space:nowrap; width:46px; font-size:15px; font-weight:400 }
ul.page-numbers li span.current, ul.page-numbers li>a:hover { background-color:#212121; color:#fff }
.product-images { margin-bottom:20px; margin-right:2.54545% }
.product-images img { max-width:100% }
.product-thumbnails { margin-top:7px; overflow:hidden }
.product-thumbnails a { float:left; margin-bottom:15px; margin-right:3.3557%; width:31.0962% }
.product-thumbnails a:last-child { margin:0 }
.product-thumbnails a img { display:block; max-width:100% }
.product-summary { position:relative; display:block; padding-right:20px }
.product-price { font-size:28px; line-height:30px }
.product-meta { margin:20px 0 }
.table { margin-bottom:20px; max-width:100%; width:100% }
table { background-color:transparent; border-collapse:collapse; border-spacing:0 }
.shopping-cart-table>tbody>tr:nth-child(2n+1) { background-color:#f8f8f8 }
th { text-align:left }
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { line-height:1.52857; padding:10px; vertical-align:top }
table.shopping-cart-table tr td, table.shopping-cart-table tr th { vertical-align:middle }
.cart-coupon { border:1px solid #e8e8e8; margin-bottom:10px; overflow:hidden; padding:30px 25px }
.coupon-code { width:100% }
.shipping-calculator-wrap { border:1px solid #e8e8e8; padding:30px 25px }
.cart_totals { background:#f4f4f4; margin-bottom:25px; padding:30px 25px }
.google-map { position:relative; background:#212121 }
#map-canvas { height:410px; position:relative; background-color:#212121; z-index:1 }
#map-canvas2 { height:410px; position:relative; background-color:#212121; z-index:1 }
.fitmap { height:100%!important; position:absolute!important; width:100%; left:0; top:0; z-index:0!important; background-color:#fff }
@media only screen and (max-width:768px) {
#map-canvas, #map-canvas2 { height:300px }
}
.col2-left { float:left; margin-right:1.2%; width:49.4% }
.col2-right { float:left; width:49.4% }
.share { max-width:600px; height:100px; margin:0 auto; position:relative }
.share-button, .share-toggle-button { position:absolute; display:inline-block; left:50%; top:50%; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; width:80px; height:80px; line-height:80px; margin-left:-40px; margin-top:-40px; border:none; outline:0 }
.share-toggle-button { line-height:52px }
.share-button { font-size:26px; background:rgba(0,0,0,.03); -webkit-transform:scale(.95, .95); transform:scale(.95, .95); -moz-transform:scale(.95, .95); -o-transform:scale(.95, .95) }
.share-home .share-button { background:rgba(255,255,255,.6) }
a.share-button { color:#212121 }
a.share-button:focus, a.share-button:hover { color:#444 }
.share-toggle-button { background:#FFF; border:1px solid rgba(0,0,0,.05); color:#212121; font-size:30px; z-index:9 }
.share-items { list-style-type:none; padding:0; margin:0 }
.share-item { display:inline-block }
.share-toggle-button:hover { color:#212121; background:#f2f2f2 }
.share-button:hover { background:#fff }
/*.footer-social-links, .home-social-links { display:none }*/
.footer-social-links.visible, .home-social-links.visible { display:block }
.footer-social-links a, .home-social-links a { color:#fff; display:inline-block; height:35px; line-height:35px!important; margin:0 6px; position:relative; text-align:center; transition:all .27s cubic-bezier(.3, .1, .58, 1) 0s; -webkit-transition:all .27s cubic-bezier(.3, .1, .58, 1) 0s; -moz-transition:all .27s cubic-bezier(.3, .1, .58, 1) 0s; -o-transition:all .27s cubic-bezier(.3, .1, .58, 1) 0s; width:35px }
.footer-social-links a:hover, .home-social-links a { color:#fff }
.home-social-links a:hover { color:#212121 }
.footer-social-links a:hover:before { background:#212121;border:1px solid #212121  }
.home-social-links a:hover:before { background:#fff }
.footer-social-links a::before, .home-social-links a::before { border:1px solid #fff; content:""; display:inline-block; height:100%; left:0; position:absolute; /*border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%;*/ top:0; transition:all .27s cubic-bezier(.3, .1, .58, 1) 0s; -webkit-transition:all .27s cubic-bezier(.3, .1, .58, 1) 0s; -moz-transition:all .27s cubic-bezier(.3, .1, .58, 1) 0s; -o-transition:all .27s cubic-bezier(.3, .1, .58, 1) 0s; width:100% }
.home-social-links a::before { border:1px solid #fff }
.footer-social-links a i, .footer-social-links a span, .home-social-links a i, .home-social-links a span { left:0; position:relative; top:0 }

footer { background-color:#995051; color:#fff;}
footer h3 { text-transform:none !important}
footer a { color:#fff;}
footer a:hover { color:#212121;}

footer .quick_links li { margin-bottom:5px;}
footer .quick_links li a {color:#fff !important;}

footer .quick_links li:before { content:"»"; margin-right:5px}
@media only screen and (max-width:480px) {
.footer-social-links, .home-social-links { display:block }
.share { display:none }
}
@media only screen and (max-width:320px) {
.footer-social-links a, .home-social-links a { margin:0 3px }
}
.footer-bottom { padding:40px 0; background-color:#EFEFEF }
.footer-cr { letter-spacing:.5em; text-transform:uppercase; font-size:12px }
.footer-madeby { color:#666; font-size:14px; font-style:italic; letter-spacing:0 }
.footer-bottom p { font-weight:400; color:#888; letter-spacing:2px; text-transform:uppercase; font-size:10px; line-height:18px; text-align:left }
.footer-social { text-align:right }
.footer-social a { margin-left:20px; padding:10px }
@media only screen and (min-width:480px) and (max-width:767px) {
.footer-bottom p, .footer-social { text-align:center }
}
@media only screen and (min-width:320px) and (max-width:479px) {
.footer-social a { margin-left:0 }
.footer-bottom p, .footer-social { text-align:center }
}
@media only screen and (max-width:319px) {
.footer-social a { margin-left:0 }
.footer-bottom p, .footer-social { text-align:center }
}
.scroll-to-top { background:#fff; bottom:0; color:#222; cursor:pointer; font-size:16px; height:50px; right:15px; line-height:50px;  opacity:.7; position:absolute; text-align:center; transition:all 300ms linear 0s; -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; width:50px; z-index:9999 }
.scroll-to-top:hover { opacity:1 }

.bt_fixo {position:fixed; top:40%; left:0; z-index:100000;}
.bt_getquote { background:url(../images/bt_get_quote_pt1.jpg) no-repeat top left; /*position:fixed; top:40%; left:0; */width:35px; height:170px;  }
.bt_getquote_pt { background:url(../images/bt_get_quote_pt.jpg) no-repeat top left; /*position:fixed; top:40%; left:0; */width:35px; height:335px;  }
.bt_lang {left:0; width:35px; height:35px;background-color:#995051;  color:#fff; padding:5px; text-align:center /**/ }
.bt_lang:hover {background-color:#333;  color:#fff; cursor:pointer;}
.bt_lang:hover:after {content:"";
  border:8px solid;
  border-color:transparent transparent transparent #333;
  position:absolute;
 right: -16px;
    top: 11px;}
/*.bt_lang a {background-color:#995051;  color:#fff; }*/
.bt_lang a  { color:#fff !important;  top: 3px;
    position: relative;}
.bt_lang:after {
  content:"";
  border:8px solid;
  border-color:transparent transparent transparent #995051;
  position:absolute;
 right: -16px;
    top: 11px;
}
@media (max-width: 480px) {
  .bt_fixo { display:none;}
  .section-title-g4 h3.side-line:after, .section-title-g4 h3.side-line:before {display:none;}
  .page-heading, .breadcrumbs {display:none;}
}
/*pagina services*/

.list_services li { display:block; list-style:none;  margin-bottom:10px;}
.list_services li:before { content:"\f105"; font-family: FontAwesome; color:#995051; margin-right:10px; display:block; left:0; position:absolute }

.list_pruducts li { display:block; list-style:none;  margin-bottom:15px; letter-spacing:1px; font-weight:300;}
.list_pruducts li:before { content:"\f105"; font-family: FontAwesome; color:#995051; margin-right:10px }

 .hover-img {
  z-index: 1;
  display: block;
  position: relative;
  overflow: hidden;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}

.hover-img >img {
  -webkit-transition: 4s;
  -moz-transition: 4s;
  -o-transition: 4s;
  -ms-transition: 4s;
  transition: 4s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

.hover-img:hover >img {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.white-popup {
    background: #fff none repeat scroll 0 0;
    display: block;
    margin: 0 auto;
    max-width: 600px;
    padding: 30px;
    position: relative;
    text-align: left;
    vertical-align: middle;
    z-index: 1045;
}

.bootbox.modal.fade.bootbox-alert.in {
	z-index: 10000000 !important;
}
.bootbox-close-button.close {
	width: inherit;
}
.bootbox.modal.fade.bootbox-alert.in {
	overflow: hidden !important;
}

/*SHARE*/
.share-list li { display: inline-block; padding:3px 5px; color:#995051; cursor:pointer;}

/*Embeded Youtube*/
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}