/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../s/opensans/v13/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../s/opensans/v13/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../s/opensans/v13/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(../s/roboto/v15/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(../s/roboto/v15/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(../s/roboto/v15/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(../s/roboto/v15/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(../s/roboto/v15/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(../s/roboto/v15/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(../s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
body, html{width:100%;height:100%;background:#000;}
.history h1{color:rgb(236, 62, 37);font-family:Roboto, sans-serif;font-size:30px;text-align:center;letter-spacing:0px;padding-bottom:30px;padding-top:30px;background:url(../images/service-title-bg.png) center bottom no-repeat;}
.section-1{width:100%;height:65%;background:url(../images/pattern1_optimized.png);}
.page{display:block;}
video{position:fixed;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-100;transform:translateX(-50%) translateY(-50%);background:url(//demosthenes.info/assets/images/polina.jpg) 0% 0%/cover no-repeat;transition:opacity 1s;}
.innertext p{color:rgb(27, 26, 26);font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:16px;line-height:26px;text-align:left;font-stretch:normal;font-weight:normal;}

.innertext1 p{color:rgb(27, 26, 26);font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:16px;line-height:26px;text-align:justify;font-stretch:normal;font-weight:normal;}

#polina{font-family:Roboto, sans-serif;font-weight:100;color:white;width:100%;float:right;font-size:20px;text-align:center;padding:150px;margin:2rem;}
.page h1{font-size:30px;font-family:"Open Sans", sans-serif;color:red;}
.projects_count{background:rgb(17, 17, 17);}
.counter{color:rgb(255, 255, 255);font-family:Roboto, sans-serif;font-size:60px;text-align:right;margin-left:20px;}
.completed_projects{color:rgb(246, 147, 34);font-family:Roboto, sans-serif;font-size:30px;text-align:center;margin-top:20px;}
.completed_projects p{color:rgb(236, 59, 37);font-family:"Open Sans", sans-serif;font-size:17px;}
.aboutus{width:100%;min-height:100%;background:#fff;overflow:hidden;height:auto;}
.aboutus2{width:100%;background:#fff;overflow:hidden;height:auto;}
.productsmainpage{width:100%;height:43%;background:#000 url(../images/pattern1_optimized.png) repeat;}
.projectsmain{width:100%;height:auto;background:#cecece url(../images/project-bg.png) repeat;background-size:cover;overflow: visible;
position: relative;
z-index: 1000;}
.contactmain{width:100%;min-height:40%;background:url(../images/contact-bg-main.jpg) 50% 0px/cover no-repeat;overflow:hidden;height:auto;}
.border-certification{
	padding-top:30px;
}
.border-certification h1{font-family:Roboto, sans-serif;font-size:17px;color:rgb(246, 147, 34);padding-left:20px;text-transform:uppercase;}
.certification-bg{padding-bottom:50px;background:#fff;}
.getIntouch{font-size:40px;font-weight:700;text-align:center;padding-bottom:25px;}
.getIntouchList{
    list-style-type: none;
    padding-bottom:40px;
    margin-bottom:35px;
    text-transform:uppercase;
    text-align:center}
.getIntouchList p{
    padding-right:0px;
    font-size:30px;
    font-weight:300;
    font-family:"Open Sans", sans-serif;
    text-align:center;
}
.getIntouchList li.callUs{border-right:none;}
.getIntouchList li.callUs a{color:#ec3b25}

.firstLink a{color:#f69322;}
.midd a{color:#f15a2b;}
.text-footer{font-family:'Roboto',sans-serif;font-size:16px;color:#000;text-align:center;}
.text-footer span{font-family:'Roboto',sans-serif;font-size:18px;color:#ec3b25;text-align:right;}
.footer-avi{background:#000;padding:10px;}
.contactaddresss{text-align:left;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;color:#ec3b25;font-size:16px;}
.email_contact{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;color:#000;font-size:18px;}
.fo_telephone{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;color:#ec3b25;font-size:18px;text-align:right;}
.email_social{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;color:#000;font-size:25px;}
.bottomfb1{width:49px;height:34px;float:right;background:url(../images/socialf_optimized.png) 0 0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;margin-top:10px;}
.bottomfb1:hover{background-position:0 -34px;}
.bottomtw1{width:49px;height:34px;float:right;background:url(../images/socialt_optimized.png) 0 0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;margin-top:10px;}
.bottomtw1:hover{background-position:0 -34px;}
.bottomyt1{width:49px;height:34px;float:right;background:url(../images/socialy_optimized.png) 0 0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;margin-top:10px;}
.bottomyt1:hover{background-position:0 -34px;}
.socialright{float:right;width:100%;}
.bordercopyright{border-bottom:1px solid #b1b1b1;overflow:hidden;padding-bottom:40px;margin-bottom:35px;}
.our_projects{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;color:#fff;font-size:40px;text-align:center;vertical-align:middle;top:50%;padding-top:5%;background:#000;}
.btn.white-to-red{border-color:#ffffff;color:#ffffff;}
.btn.white-to-red a{color:#ffffff;}
.btn.white-to-red:hover{background:#871100;border-color:#871100;color:#ffffff;}
.btn.white-to-red:hover a{color:#ffffff;}
.btn.white-to-red:active{color:#000000;}
.recent_project{color:rgb(236, 62, 37);font-family:Roboto, sans-serif;font-size:30px;text-align:center;letter-spacing:0px;padding-bottom:30px;padding-top: 40px;background:url(../images/service-title-bg.png) center bottom no-repeat;}
/*-------------------------- footer ------------------------*/

.footer-wrap {

    height: auto;
    top: 0;
    width: 100%;
    background:#1c1c1c;
	
}


.footertext{
	padding:20px;
	color:#666;
	
}

.footertext h2{
  font-family: 'Open Sans', sans-serif;
	font-size:18px;
	color:#ec3b25;
	
	
}

.footercopy{
	background:#0e0e0e;
	width:100%;
	
}

.footercopytext{
	  font-family: 'Open Sans', sans-serif;
	font-size:13px;
	color:#fadfbf;
	padding:10px;
}

.footercopydesign{
	  font-family: 'Open Sans', sans-serif;
	font-size:13px;
	color:#fadfbf;
	padding:10px;
	text-align:right;
}

.projects_image{
	
	padding:30px;
	margin:30px;
	
}


.midcontact{
	padding-top:50px;
	
}

.footer{background:#000  repeat-x 0 top; padding:48px 0 35px 0;}

.footer h2{ color:#f0f0f0; font-family: 'Roboto Slab', serif; margin-bottom:22px; padding-bottom:12px;}
/*.footer h2.brdr{background: url(../../images/brdrbtm.jpg) no-repeat left bottom; padding-bottom:12px;}*/

.address{ color:#bdbdbd; font-size:13px; background: url(../images/locicon.png) no-repeat 0 0; padding-left:21px;}
.phone{ color:#bdbdbd; font-size:13px; background: url(../images/phoneicon.png) no-repeat left center; padding-left:21px; height:22px; display:inline-block; margin-bottom:3px;}
.email{ color:#bdbdbd; font-size:13px; background: url(../images/email.PNG) no-repeat left center; padding-left:21px;}
.email a{color:#bdbdbd;}

.ftrMnu{ display:block; margin-bottom:5px;}
.ftrMnu ul{ margin:0; padding:0;}
.ftrMnu ul li{ margin:0; padding:0px 8px 0px 0px; float:left; display:inline; background:url(../images/footersepa.jpg) no-repeat left center;} 
.ftrMnu ul li:first-child{ background:none; padding-left:0;}
.ftrMnu ul li a{ margin:0; padding:0; color:#bdbdbd; font-size:13px; text-decoration: none;} 

.footerbottom{  padding:10px 0;}
.cpyrht{ color:#eeeded; font-size:13px; font-family: 'PT Sans', sans-serif; line-height:24px;}

.socialicn{ text-align:right;}
.socialicn .soclicn img { margin-left:7px; -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg);transform: rotate(0deg);transition: all 0.3s ease-in-out 0s;}
.socialicn .soclicn:hover img{-moz-transform: rotate(360deg); -webkit-transform: rotate(360deg);transform: rotate(360deg);transition: all 0.3s ease-in-out 0s;}

nav{display:block;font-family:'Roboto',sans-serif;margin:2px;float:right;background:#000;}
.menu{display:block;}
.menu li{display:inline-block;position:relative;z-index:100;}
.menu li:first-child{margin-left:0;}
.menu li a{font-weight:400;text-decoration:none;padding:30px 15px 10px 10px;display:block;color:#fff;transition:all 0.2s ease-in-out 0s;}
.menu li a:hover,
.menu li:hover>a{color:#fff;background:#f69322;}
.menu ul{visibility:hidden;opacity:0;margin:0;padding:0;width:170px;position:absolute;left:0px;background:#fff;z-index:99;transform:translate(0, 20px);transition:all 0.4s ease-out;}
.menu ul:after{bottom:100%;left:20%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255, 255, 255, 0);border-bottom-color:#fff;border-width:6px;margin-left:-6px;}
.menu ul li{display:block;float:none;background:none;margin:0;padding:0;}
.menu ul li a{font-size:15px;font-weight:normal;display:block;color:#797979;background:#000;padding:15px;}
.menu ul li a:hover,
.menu ul li:hover>a{background:#f69322;color:#fff;}
.menu li:hover>ul{visibility:visible;opacity:1;transform:translate(0, 0);}
.menu ul ul{left:169px;top:0px;visibility:hidden;opacity:0;transform:translate(20px, 20px);transition:all 0.2s ease-out;}
.menu ul ul:after{left:-6px;top:10%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255, 255, 255, 0);border-right-color:#fff;border-width:6px;margin-top:-6px;}
.menu li>ul ul:hover{visibility:visible;opacity:1;transform:translate(0, 0);}
.responsive-menu{display:none;width:100%;padding:20px 15px;background:#E95546;color:#fff;text-transform:uppercase;font-weight:600;}
.responsive-menu:hover{background:#E95546;color:#fff;text-decoration:none;}
a.homer{background:#f69322;}
a.homer1{background:#ec3b25;}

.btn-out{  max-width:400px; margin:0 auto; min-height:90px;padding-top: 25px;}
.btn-out a{ margin:0px 5px; #ec3b25}
.green .shadow-btn-blue{ background:#f69322 !important;}
.green:hover .shadow-btn-blue{ background:#ec3b25 !important; text-decoration:none; color:#fff;}

.shadow-btn-out {
    display: inline-block;
    padding-bottom: 10px;
    background: url(../images/btn-shadow.png) no-repeat center bottom;
    min-height: 20px;
    padding-top: 5px;
}

.shadow-btn-blue {
    font-size: 15px !important;
    background: #428bca !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block !important;
    padding: 12px 30px !important;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700 !important;
    min-width: 120px;
    text-align: center;
}
.accordion {
  width: 100%;

  height: 350px;
  overflow: hidden;
  margin: 10px auto;

}

.accordion ul {
  width: 100%;
  display: table;
  table-layout: fixed;
  margin: 0;
  padding: 0;
}

.accordion ul li {
  display: table-cell;
  vertical-align: bottom;
  position: relative;
  width: 16.666%;
  height: 350px;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 500ms ease;

}

.accordion ul li div {
  display: block;
  overflow: hidden;
  width: 100%;
}

.accordion ul li div a {
  display: block;
  height: 350px;
  width: 100%;
  position: relative;
  z-index: 3;
  vertical-align: bottom;
  padding: 15px 20px;
  box-sizing: border-box;
  color: #fff;
  text-decoration: none;
  font-family: Open Sans, sans-serif;
  transition: all 200ms ease;
}

.accordion ul li div a * {
  opacity: 0;
  margin: 0;
  width: 100%;
  text-overflow: ellipsis;
  position: relative;
  z-index: 5;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transform: translateX(-20px);
  transform: translateX(-20px);
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}

.accordion ul li div a h2 {
  font-family: Montserrat, sans-serif;
  text-overflow: clip;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 2px;
  top: 160px;
}

.accordion ul li div a p {
  top: 160px;
  font-size: 13.5px;
}

.accordion ul li:nth-child(1) { background-image: url(../products-accordion/images/commercial_over.jpg);

}

.accordion ul li:nth-child(2) { background-image: url(../products-accordion/images/firestops.jpg);
}

.accordion ul li:nth-child(3) { background-image: url(../products-accordion/images/acoustical.jpg);
}

.accordion ul li:nth-child(4) { background-image: url(../products-accordion/images/perlite.jpg);
 }

.accordion ul li:nth-child(5) { background-image: url(../products-accordion/images/vermiculite.jpg);
}

.accordion ul li:nth-child(6) { background-image: url(../products-accordion/images/horticultural.jpg);
}

.accordion ul:hover li { width: 8%; }

.accordion ul:hover li:hover { width: 60%; }

.accordion ul:hover li:hover a { background: rgba(0, 0, 0, 0.4); }

.accordion ul:hover li:hover a * {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
 @media screen and (max-width: 320px) {


.accordion { height: auto; width:100%; }

.accordion ul li,
.accordion ul li:hover,
.accordion ul:hover li,
.accordion ul:hover li:hover {
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
  -webkit-transition: none;
  transition: none;
}
}

@media (min-width:768px) and (max-width:979px){.mainWrap{width:768px;}
.menu ul{top:37px;}
.menu li a{font-size:12px;}
a.homer{background:#E95546;}
}
@media (max-width:767px){.mainWrap{width:auto;padding:50px 20px;}
.menu{display:none;}
.responsive-menu{display:block;background:#000;}
nav{margin:0;background:#000;width:100%;}
.menu li{display:block;margin:0;}
.menu li a{background:#fff;color:#797979;}
.menu li a:hover,
.menu li:hover>a{background:#f69322;color:#fff;}
.menu ul{visibility:hidden;opacity:0;top:0;left:0;width:100%;transform:initial;}
.menu li:hover>ul{visibility:visible;opacity:1;position:relative;transform:initial;}
.menu ul ul{left:0;transform:initial;}
.menu li>ul ul:hover{transform:initial;}
}
.grid{position:relative;clear:both;margin:0 auto;padding:1em 0 4em;max-width:1000px;list-style:none;text-align:center;}
.grid figure{position:relative;float:left;overflow:hidden;margin:10px 1%;min-width:320px;max-width:480px;max-height:220px;width:48%;height:auto;background:#3085a3;text-align:center;cursor:pointer;}
.grid figure img{position:relative;display:block;min-height:100%;width:100%;opacity:0.8;}
.grid figure figcaption{padding:2em;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.grid figure figcaption::before,
.grid figure figcaption::after{pointer-events:none;}
.grid figure figcaption,
.grid figure figcaption > a{position:absolute;top:0;left:0;width:100%;height:100%;}
.grid figure figcaption > a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0;}
.grid figure h2{word-spacing:-0.15em;font-weight:300;}
.grid figure h2 span{}
.grid figure h2,
.grid figure p{margin:0;}
.grid figure p{letter-spacing:1px;font-size:68.5%;font-weight:bold;}
figure.effect-julia{background:#2f3238;}
figure.effect-julia img{max-width:none;height:400px;-webkit-transition:opacity 1s, -webkit-transform 1s;transition:opacity 1s, transform 1s;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
figure.effect-julia figcaption{text-align:left;}
figure.effect-julia h2{position:relative;padding:0.5em 0;}
figure.effect-julia p{display:inline-block;margin:0 0 0.25em;padding:0.4em 1em;background:rgba(255,255,255,0.9);color:#2f3238;text-transform:none;font-weight:500;font-size:75%;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:translate3d(-360px,0,0);transform:translate3d(-360px,0,0);}
figure.effect-julia p:first-child{-webkit-transition-delay:0.15s;transition-delay:0.15s;}
figure.effect-julia p:nth-of-type(2){-webkit-transition-delay:0.1s;transition-delay:0.1s;}
figure.effect-julia p:nth-of-type(3){-webkit-transition-delay:0.05s;transition-delay:0.05s;}
figure.effect-julia:hover p:first-child{-webkit-transition-delay:0s;transition-delay:0s;}
figure.effect-julia:hover p:nth-of-type(2){-webkit-transition-delay:0.05s;transition-delay:0.05s;}
figure.effect-julia:hover p:nth-of-type(3){-webkit-transition-delay:0.1s;transition-delay:0.1s;}
figure.effect-julia:hover img{opacity:0.4;-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1);}
figure.effect-julia:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-goliath{background:#df4e4e;}
figure.effect-goliath img,
figure.effect-goliath h2{-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;}
figure.effect-goliath img{-webkit-backface-visibility:hidden;backface-visibility:hidden;}
figure.effect-goliath h2,
figure.effect-goliath p{position:absolute;bottom:0;left:0;padding:30px;}
figure.effect-goliath p{text-transform:none;font-size:90%;opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0);}
figure.effect-goliath:hover img{-webkit-transform:translate3d(0,-80px,0);transform:translate3d(0,-80px,0);}
figure.effect-goliath:hover h2{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0);}
figure.effect-goliath:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-hera{background:#303fa9;}
figure.effect-hera h2{font-size:158.75%;}
figure.effect-hera h2,
figure.effect-hera p{position:absolute;top:50%;left:50%;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-transform-origin:50%;transform-origin:50%;}
figure.effect-hera figcaption::before{position:absolute;top:50%;left:50%;width:200px;height:200px;border:2px solid #fff;content:'';opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);transform:translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);-webkit-transform-origin:50%;transform-origin:50%;}
figure.effect-hera p{width:100px;text-transform:none;font-size:121%;line-height:2;}
figure.effect-hera p a{color:#fff;}
figure.effect-hera p a:hover,
figure.effect-hera p a:focus{opacity:0.6;}
figure.effect-hera p a i{opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;}
figure.effect-hera p a:first-child i{-webkit-transform:translate3d(-60px,-60px,0);transform:translate3d(-60px,-60px,0);}
figure.effect-hera p a:nth-child(2) i{-webkit-transform:translate3d(60px,-60px,0);transform:translate3d(60px,-60px,0);}
figure.effect-hera p a:nth-child(3) i{-webkit-transform:translate3d(-60px,60px,0);transform:translate3d(-60px,60px,0);}
figure.effect-hera p a:nth-child(4) i{-webkit-transform:translate3d(60px,60px,0);transform:translate3d(60px,60px,0);}
figure.effect-hera:hover figcaption::before{opacity:1;-webkit-transform:translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);transform:translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);}
figure.effect-hera:hover h2{opacity:0;-webkit-transform:translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);transform:translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);}
figure.effect-hera:hover p i:empty{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}
figure.effect-winston{background:#162633;text-align:left;}
figure.effect-winston img{-webkit-transition:opacity 0.45s;transition:opacity 0.45s;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
figure.effect-winston figcaption::before{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/triangle.svg) no-repeat center center;background-size:100% 100%;content:'';-webkit-transition:opacity 0.45s, -webkit-transform 0.45s;transition:opacity 0.45s, transform 0.45s;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);-webkit-transform-origin:0 100%;transform-origin:0 100%;}
figure.effect-winston h2{-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);}
figure.effect-winston p{position:absolute;right:0;bottom:0;padding:0 1.5em 7% 0;}
figure.effect-winston a{margin:0 10px;color:#5d504f;font-size:170%;}
figure.effect-winston a:hover,
figure.effect-winston a:focus{color:#cc6055;}
figure.effect-winston p a i{opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0);}
figure.effect-winston:hover img{opacity:0.6;}
figure.effect-winston:hover h2{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-winston:hover figcaption::before{opacity:0.7;-webkit-transform:rotate3d(0,0,1,20deg);transform:rotate3d(0,0,1,20deg);}
figure.effect-winston:hover p i{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-winston:hover p a:nth-child(3) i{-webkit-transition-delay:0.05s;transition-delay:0.05s;}
figure.effect-winston:hover p a:nth-child(2) i{-webkit-transition-delay:0.1s;transition-delay:0.1s;}
figure.effect-winston:hover p a:first-child i{-webkit-transition-delay:0.15s;transition-delay:0.15s;}
figure.effect-selena{background:#fff;}
figure.effect-selena img{opacity:0.95;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;}
figure.effect-selena:hover img{-webkit-transform:scale3d(0.95,0.95,1);transform:scale3d(0.95,0.95,1);}
figure.effect-selena h2{-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);}
figure.effect-selena p{opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:perspective(1000px) rotate3d(1,0,0,90deg);transform:perspective(1000px) rotate3d(1,0,0,90deg);-webkit-transform-origin:50% 0%;transform-origin:50% 0%;}
figure.effect-selena:hover h2{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-selena:hover p{opacity:1;-webkit-transform:perspective(1000px) rotate3d(1,0,0,0);transform:perspective(1000px) rotate3d(1,0,0,0);}
figure.effect-terry{background:#34495e;}
figure.effect-terry figcaption{padding:1em;}
figure.effect-terry figcaption::before,
figure.effect-terry figcaption::after{position:absolute;width:200%;height:200%;border-style:solid;border-color:#101010;content:'';-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;}
figure.effect-terry figcaption::before{right:0;bottom:0;border-width:0 70px 60px 0;-webkit-transform:translate3d(70px,60px,0);transform:translate3d(70px,60px,0);}
figure.effect-terry figcaption::after{top:0;left:0;border-width:15px 0 0 15px;-webkit-transform:translate3d(-15px,-15px,0);transform:translate3d(-15px,-15px,0);}
figure.effect-terry img,
figure.effect-terry p a{-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;}
figure.effect-terry img{opacity:0.85;}
figure.effect-terry h2{position:absolute;bottom:0;left:0;padding:0.4em 10px;width:50%;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}
@media screen and (max-width:920px){figure.effect-terry h2{padding:0.75em 10px;font-size:120%;}
}
figure.effect-terry p{float:right;clear:both;text-align:left;text-transform:none;font-size:111%;}
figure.effect-terry p a{display:block;margin-bottom:1em;color:#fff;opacity:0;-webkit-transform:translate3d(90px,0,0);transform:translate3d(90px,0,0);}
figure.effect-terry p a:hover,
figure.effect-terry p a:focus{color:#f3cf3f;}
figure.effect-terry:hover figcaption::before,
figure.effect-terry:hover figcaption::after{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-terry:hover img{opacity:0.6;}
figure.effect-terry:hover h2,
figure.effect-terry:hover p a{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-terry:hover p a{opacity:1;}
figure.effect-terry:hover p a:first-child{-webkit-transition-delay:0.025s;transition-delay:0.025s;}
figure.effect-terry:hover p a:nth-child(2){-webkit-transition-delay:0.05s;transition-delay:0.05s;}
figure.effect-terry:hover p a:nth-child(3){-webkit-transition-delay:0.075s;transition-delay:0.075s;}
figure.effect-terry:hover p a:nth-child(4){-webkit-transition-delay:0.1s;transition-delay:0.1s;}
figure.effect-phoebe{background:#675983;}
figure.effect-phoebe img{opacity:0.85;-webkit-transition:opacity 0.35s;transition:opacity 0.35s;}
figure.effect-phoebe:hover img{opacity:0.6;}
figure.effect-phoebe figcaption::before{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/triangle2.svg) no-repeat center center;background-size:100% 100%;content:'';-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:scale3d(5,2.5,1);transform:scale3d(5,2.5,1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;}
figure.effect-phoebe:hover figcaption::before{opacity:0.6;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
figure.effect-phoebe h2{margin-top:1em;-webkit-transition:transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0);}
figure.effect-phoebe:hover h2{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-phoebe p a{color:#fff;font-size:140%;opacity:0;position:relative;display:inline-block;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;}
figure.effect-phoebe p a:first-child{-webkit-transform:translate3d(-60px,-60px,0);transform:translate3d(-60px,-60px,0);}
figure.effect-phoebe p a:nth-child(2){-webkit-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0);}
figure.effect-phoebe p a:nth-child(3){-webkit-transform:translate3d(60px,-60px,0);transform:translate3d(60px,-60px,0);}
figure.effect-phoebe:hover p a{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-apollo{background:#3498db;}
figure.effect-apollo img{opacity:0.95;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:scale3d(1.05,1.05,1);transform:scale3d(1.05,1.05,1);}
figure.effect-apollo figcaption::before{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.5);content:'';-webkit-transition:-webkit-transform 0.6s;transition:transform 0.6s;-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);}
figure.effect-apollo p{position:absolute;right:0;bottom:0;margin:3em;padding:0 1em;max-width:150px;border-right:4px solid #fff;text-align:right;opacity:0;-webkit-transition:opacity 0.35s;transition:opacity 0.35s;}
figure.effect-apollo h2{text-align:left;}
figure.effect-apollo:hover img{opacity:0.6;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
figure.effect-apollo:hover figcaption::before{-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);}
figure.effect-apollo:hover p{opacity:1;-webkit-transition-delay:0.1s;transition-delay:0.1s;}
figure.effect-kira{background:#fff;text-align:left;}
figure.effect-kira img{-webkit-transition:opacity 0.35s;transition:opacity 0.35s;}
figure.effect-kira figcaption{z-index:1;}
figure.effect-kira p{padding:2.25em 0.5em;font-weight:600;font-size:100%;line-height:1.5;opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);}
figure.effect-kira p a{margin:0 0.5em;color:#101010;}
figure.effect-kira p a:hover,
figure.effect-kira p a:focus{opacity:0.6;}
figure.effect-kira figcaption::before{position:absolute;top:0;right:2em;left:2em;z-index:-1;height:3.5em;background:#fff;content:'';-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:translate3d(0,4em,0) scale3d(1,0.023,1);transform:translate3d(0,4em,0) scale3d(1,0.023,1);-webkit-transform-origin:50% 0;transform-origin:50% 0;}
figure.effect-kira:hover img{opacity:0.5;}
figure.effect-kira:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-kira:hover figcaption::before{opacity:0.7;-webkit-transform:translate3d(0,5em,0) scale3d(1,1,1);transform:translate3d(0,5em,0) scale3d(1,1,1);}
figure.effect-steve{z-index:auto;overflow:visible;background:#000;}
figure.effect-steve:before,
figure.effect-steve h2:before{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:#000;content:'';-webkit-transition:opacity 0.35s;transition:opacity 0.35s;}
figure.effect-steve:before{box-shadow:0 3px 30px rgba(0,0,0,0.8);opacity:0;}
figure.effect-steve figcaption{z-index:1;}
figure.effect-steve img{opacity:1;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:perspective(1000px) translate3d(0,0,0);transform:perspective(1000px) translate3d(0,0,0);}
figure.effect-steve h2,
figure.effect-steve p{background:#fff;color:#f69322;}
figure.effect-steve h2{position:relative;margin-top:2em;padding:0.25em;font-size:20px;}
figure.effect-steve h2:before{box-shadow:0 1px 10px rgba(0,0,0,0.5);}

figure.effect-steve:hover:before{opacity:1;}
figure.effect-steve:hover img{-webkit-transform:perspective(1000px) translate3d(0,0,21px);transform:perspective(1000px) translate3d(0,0,21px);}
figure.effect-steve:hover h2:before{opacity:0;}
figure.effect-steve:hover p{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
figure.effect-moses{background:-webkit-linear-gradient(-45deg, #EC65B7 0%,#05E0D8 100%);background:linear-gradient(-45deg, #EC65B7 0%,#05E0D8 100%);}
figure.effect-moses img{opacity:0.85;-webkit-transition:opacity 0.35s;transition:opacity 0.35s;}
figure.effect-moses h2,
figure.effect-moses p{padding:20px;width:50%;height:50%;border:2px solid #fff;}
figure.effect-moses h2{padding:20px;width:50%;height:50%;text-align:left;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(10px,10px,0);transform:translate3d(10px,10px,0);}
figure.effect-moses p{float:right;padding:20px;text-align:right;opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);}
figure.effect-moses:hover h2{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-moses:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-moses:hover img{opacity:0.6;}
figure.effect-jazz{background:-webkit-linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%);background:linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%);}
figure.effect-jazz img{opacity:0.9;}
figure.effect-jazz figcaption::after,
figure.effect-jazz img,
figure.effect-jazz p{-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;}
figure.effect-jazz figcaption::after{position:absolute;top:0;left:0;width:100%;height:100%;border-top:1px solid #fff;border-bottom:1px solid #fff;content:'';opacity:0;-webkit-transform:rotate3d(0,0,1,45deg) scale3d(1,0,1);transform:rotate3d(0,0,1,45deg) scale3d(1,0,1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;}
figure.effect-jazz h2,
figure.effect-jazz p{opacity:1;-webkit-transform:scale3d(0.8,0.8,1);transform:scale3d(0.8,0.8,1);}
figure.effect-jazz h2{padding-top:26%;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;}
figure.effect-jazz p{padding:0.5em 2em;text-transform:none;font-size:0.85em;opacity:0;}
figure.effect-jazz:hover img{opacity:0.7;-webkit-transform:scale3d(1.05,1.05,1);transform:scale3d(1.05,1.05,1);}
figure.effect-jazz:hover figcaption::after{opacity:1;-webkit-transform:rotate3d(0,0,1,45deg) scale3d(1,1,1);transform:rotate3d(0,0,1,45deg) scale3d(1,1,1);}
figure.effect-jazz:hover h2,
figure.effect-jazz:hover p{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
figure.effect-ming{background:#030c17;}
figure.effect-ming img{opacity:0.9;-webkit-transition:opacity 0.35s;transition:opacity 0.35s;}
figure.effect-ming figcaption::before{position:absolute;top:30px;right:30px;bottom:30px;left:30px;border:2px solid #fff;box-shadow:0 0 0 30px rgba(255,255,255,0.2);content:'';opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:scale3d(1.4,1.4,1);transform:scale3d(1.4,1.4,1);}
figure.effect-ming h2{margin:20% 0 10px 0;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;}
figure.effect-ming p{padding:1em;opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:scale(1.5);transform:scale(1.5);}
figure.effect-ming:hover h2{-webkit-transform:scale(0.9);transform:scale(0.9);}
figure.effect-ming:hover figcaption::before,
figure.effect-ming:hover p{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
figure.effect-ming:hover figcaption{background-color:rgba(58,52,42,0);}
figure.effect-ming:hover img{opacity:0.4;}
figure.effect-lexi{background:-webkit-linear-gradient(-45deg, #000 0%,#fff 100%);background:linear-gradient(-45deg, #000 0%,#fff 100%);}
figure.effect-lexi img{margin:-10px 0 0 -10px;max-width:none;width:-webkit-calc(100% + 10px);width:calc(100% + 10px);opacity:0.9;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:translate3d(10px,10px,0);transform:translate3d(10px,10px,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;}
figure.effect-lexi figcaption::before,
figure.effect-lexi p{-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;}
figure.effect-lexi figcaption::before{position:absolute;right:-100px;bottom:-100px;width:300px;height:300px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 900px rgba(255,255,255,0.2);content:'';opacity:0;-webkit-transform:scale3d(0.5,0.5,1);transform:scale3d(0.5,0.5,1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;}
figure.effect-lexi:hover img{opacity:0.6;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-lexi h2{text-align:left;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(5px,5px,0);transform:translate3d(5px,5px,0);}
figure.effect-lexi p{position:absolute;right:0;bottom:0;padding:0 1.5em 1.5em 0;width:140px;text-align:right;opacity:0;-webkit-transform:translate3d(20px,20px,0);transform:translate3d(20px,20px,0);}
figure.effect-lexi:hover figcaption::before{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
figure.effect-lexi:hover h2,
figure.effect-lexi:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-duke{background:-webkit-linear-gradient(-45deg, #34495e 0%,#cc6055 100%);background:linear-gradient(-45deg, #34495e 0%,#cc6055 100%);}
figure.effect-duke img,
figure.effect-duke p{-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;}
figure.effect-duke:hover img{opacity:0.1;-webkit-transform:scale3d(2,2,1);transform:scale3d(2,2,1);}
figure.effect-duke h2{-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:scale3d(0.8,0.8,1);transform:scale3d(0.8,0.8,1);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;}
figure.effect-duke p{position:absolute;bottom:0;left:0;margin:20px;padding:30px;border:2px solid #fff;text-transform:none;font-size:90%;opacity:0;-webkit-transform:scale3d(0.8,0.8,1);transform:scale3d(0.8,0.8,1);-webkit-transform-origin:50% -100%;transform-origin:50% -100%;}
figure.effect-duke:hover h2,
figure.effect-duke:hover p{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
@media screen and (max-width:50em){.content{padding:0 10px;text-align:center;}
.grid figure{display:inline-block;float:none;margin:10px auto;width:100%;}
}
.js .boxgallery,
.js .boxgallery div{position:absolute;}
.js .boxgallery,
.bg-tile,
.bg-img{overflow:hidden;}
.js .boxgallery,
.js .panel{top:0;left:0;width:100%;height:100%;}
.panel{z-index:0;-webkit-perspective:1200px;perspective:1200px;}
.bg-tile{width:50%;height:50%;}
.bg-tile:nth-child(2),
.bg-tile:nth-child(4){left:50%;}
.bg-tile:nth-child(3),
.bg-tile:nth-child(4){top:50%;}
.bg-img{width:100%;height:100%;background:#999;}
.bg-img img{position:absolute;display:block;height:200%;}
@media screen and (min-aspect-ratio:1280/850){.bg-img img{width:200%;height:auto;}
}
.bg-tile:nth-child(2) .bg-img img,
.bg-tile:nth-child(4) .bg-img img{left:-100%;}
.bg-tile:nth-child(3) .bg-img img,
.bg-tile:nth-child(4) .bg-img img{top:-100%;}
.boxgallery > nav span{position:absolute;top:50%;z-index:1000;display:block;width:100px;height:100px;outline:none;text-align:left;cursor:pointer;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.boxgallery > nav span.prev{left:0;}
.boxgallery > nav span.next{right:0;}
.boxgallery > nav i{position:relative;display:block;width:100%;height:100%;}
.boxgallery > nav span::before,
.boxgallery > nav span::after,
.boxgallery > nav i::before,
.boxgallery > nav i::after{position:absolute;left:50%;width:3px;height:50%;outline:1px solid transparent;background:#dbccd0;content:'';-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.boxgallery > nav i::before,
.boxgallery > nav i::after{z-index:100;height:0;background:#fff;-webkit-transition:height 0.3s, -webkit-transform 0.3s;transition:height 0.3s, transform 0.3s;}
.boxgallery > nav span::before,
.boxgallery > nav i::before{top:50%;-webkit-transform:translateX(-50%) rotate(-135deg);transform:translateX(-50%) rotate(-135deg);-webkit-transform-origin:50% 0%;transform-origin:50% 0%;}
.boxgallery > nav span.next::before,
.boxgallery > nav span.next i::before{-webkit-transform:translateX(-50%) rotate(135deg);transform:translateX(-50%) rotate(135deg);-webkit-transform-origin:50% 0%;transform-origin:50% 0%;}
.boxgallery > nav span::after,
.boxgallery > nav i::after{top:50%;-webkit-transform:translateX(-50%) rotate(-45deg);transform:translateX(-50%) rotate(-45deg);-webkit-transform-origin:0 0;transform-origin:0 0;}
.boxgallery > nav span.next::after,
.boxgallery > nav span.next i::after{-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg);-webkit-transform-origin:100% 0%;transform-origin:100% 0%;}
.no-touch .boxgallery > nav span:hover i::before,
.no-touch .boxgallery > nav span:hover i::after{height:50%;}
.no-touch .boxgallery > nav span:hover::before,
.no-touch .boxgallery > nav span:hover i::before{-webkit-transform:translateX(-50%) rotate(-125deg);transform:translateX(-50%) rotate(-125deg);}
.no-touch .boxgallery > nav span.next:hover::before,
.no-touch .boxgallery > nav span.next:hover i::before{-webkit-transform:translateX(-50%) rotate(125deg);transform:translateX(-50%) rotate(125deg);}
.no-touch .boxgallery > nav span:hover::after,
.no-touch .boxgallery > nav span:hover i::after{-webkit-transform:translateX(-50%) rotate(-55deg);transform:translateX(-50%) rotate(-55deg);}
.no-touch .boxgallery > nav span.next:hover::after,
.no-touch .boxgallery > nav span.next:hover i::after{-webkit-transform:translateX(-50%) rotate(55deg);transform:translateX(-50%) rotate(55deg);}
.panel.current{z-index:2;}
.panel.active{z-index:1;}
.panel.current .bg-img{-webkit-transition:-webkit-transform 1.1s ease-in-out;transition:transform 1.1s ease-in-out;}
.boxgallery[data-effect="effect-1"] .panel.active .bg-tile,
.boxgallery[data-effect="effect-2"] .panel.active .bg-tile{-webkit-animation:scaleDown 1.1s ease-in-out;animation:scaleDown 1.1s ease-in-out;}
@-webkit-keyframes scaleDown{from{-webkit-transform:translate3d(0,0,380px);transform:translate3d(0,0,380px);}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
@keyframes scaleDown{from{-webkit-transform:translate3d(0,0,380px);transform:translate3d(0,0,380px);}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
.boxgallery[data-effect="effect-2"] .panel.current .bg-img{-webkit-transition:-webkit-transform 0.9s cubic-bezier(0.7,0,0.3,1);transition:transform 0.9s cubic-bezier(0.7,0,0.3,1);}
.boxgallery[data-effect="effect-2"] .panel.current .bg-tile:nth-child(2) .bg-img{-webkit-transition-delay:0.15s;transition-delay:0.15s;}
.boxgallery[data-effect="effect-2"] .panel.current .bg-tile:nth-child(3) .bg-img{-webkit-transition-delay:0.3s;transition-delay:0.3s;}
.boxgallery[data-effect="effect-2"] .panel.current .bg-tile:nth-child(4) .bg-img{-webkit-transition-delay:0.45s;transition-delay:0.45s;}
.boxgallery[data-effect="effect-3"] .panel::after{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.8);content:'';-webkit-transition:opacity 1.1s ease-in-out;transition:opacity 1.1s ease-in-out;}
.boxgallery[data-effect="effect-3"] .panel.current::after,
.boxgallery[data-effect="effect-3"] .panel.active::after{opacity:0;}
.boxgallery[data-effect="effect-3"] .panel.current::after{-webkit-transition:none;transition:none;}
.boxgallery[data-effect="effect-3"] .panel.current .bg-img{-webkit-transition:-webkit-transform 1.1s cubic-bezier(0.7,0,0.3,1);transition:transform 1.1s cubic-bezier(0.7,0,0.3,1);}
.boxgallery[data-effect="effect-3"] .panel.current .bg-tile:nth-child(2) .bg-img{-webkit-transition-delay:0.15s;transition-delay:0.15s;}
.boxgallery[data-effect="effect-3"] .panel.current .bg-tile:nth-child(3) .bg-img{-webkit-transition-delay:0.3s;transition-delay:0.3s;}
.boxgallery[data-effect="effect-3"] .panel.current .bg-tile:nth-child(4) .bg-img{-webkit-transition-delay:0.45s;transition-delay:0.45s;}
@media screen and (max-width:380px){.boxgallery > nav span{width:50px;height:50px;}
}
.intro{width:100%;height:66vh;display:flex;flex-flow:nowrap row;overflow:hidden}
.intro article{flex:0 0 100%;height:100%;transform:translateX(0);transition:transform .7s ease-in .2s;background-image:url(../banner/images/pattern1.png), url(../banner/images/avkote.PNG);background-repeat:repeat, no-repeat;background-position:left top, center bottom;}
.intro article:nth-child(2){background-image:url(../banner/images/pattern1.png), url(../banner/images/monokote.PNG);background-repeat:repeat, no-repeat;background-position:left top, center bottom;}
.intro article:nth-child(3){background-image:url(../banner/images/pattern1.png), url(../banner/images/spray.PNG);background-repeat:repeat, no-repeat;background-position:left top, center bottom;}
.intro article:nth-child(4){background-image:url(../banner/images/pattern1.png), url(../banner/images/intumescent.PNG);background-repeat:repeat, no-repeat;background-position:left top, center bottom;}
.intro article:nth-child(4){background-color:#3b3b3b;}
.intro .banner{z-index:10;display:flex;flex-flow:wrap row;justify-content:center;align-items:center;align-content:center;text-align:center;}
.intro .banner h1{flex:0 0 auto;font-weight:300;color:#fff;padding:0 30px;font-size:50px;}
.intro .banner a, .intro .banner h1{flex:0 0 100%}
.intro .banner a{color:#fff}
#next, #prev{position:absolute;top:0;width:auto;line-height:100vh;z-index:999;font-size:90px;color:#fff;padding:0 20px}
#next{right:0}

.blogavi a{color:rgb(236, 62, 37);font-family:Roboto, sans-serif;font-size:20px;text-align:center;letter-spacing:0px;padding-bottom:30px;padding-top:30px;}