@charset "UTF-8";
/* CSS Document */

.green {color: #96bb20}
.gray {color:rgba(183,183,183,1.00)}

/*Fix menu*/
.nav-logo-wrap .logo { max-width:inherit}
.nav-logo-wrap .small-height object {padding-top:6px}
.main-nav.dark .inner-nav ul > li > a.active{color: #96bb20}
.main-nav.dark {background-color: rgba(10,10,10, .9);}

.mask-link {position:absolute; display:block; width:185px; height:41px; z-index:999}

/*Fixe section*/
.page-section, .small-section {padding:100px 0 75px !important}
.pb-zero {padding-bottom:0 !important}
.mb-zero {margin-bottom:0  !important}

/*Parallax mouse*/
#head-parallax{position:relative; min-height:200px; padding-top:0.10%}
#head-parallax h1, #head-parallax h2, #head-parallax h3 { position:relative; top: 0; left:0}
.hs-line-12 {font-size:55px;}
.hs-line-14 {font-size:17px; letter-spacing: 0.2em}
.hs-line-13 {font-size: 35px; margin-top: -50px; margin-bottom: 50px !important;}

/*Scroll Down*/
.scroll-down:before {background:#96bb20;  opacity:.85}
.scroll-down-icon{ color:#fff;}
.scroll-down{ width:120px; height:50px; margin-left:-60px; bottom:30px;}
a.scroll-down, a.scroll-down:hover, a.scroll-down:active, a.scroll-down:visited {text-decoration:none}

/*Fix text*/
.section-text p{font-size: 15px; font-weight: 500 !important; line-height: 30px}
.full-wrapper {margin: 0 10%;}
.inner-nav ul li a {font-weight:700}
blockquote p {line-height: 1.54;}

/*Fix marg/padd grid portfolio into home*/
.works-grid.work-grid-gut .work-item {padding:0}
.works-grid.work-grid-gut {margin: 0 0 0 0 !important}

.work-intro{height:75%}
.work-title {font-weight:600; color:#fff !important}
.work-descr {color:#fff !important}

.work-btn {
	width:100%;
	text-align:center;
	margin-bottom:35px;
}

.icon-port-btn{
	width: 60px;
	height: 60px;
	border: 1px solid white;
	font-size:25px;
	color:#fff;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	padding-top:15px;
	padding-left:4px;
	
	-webkit-animation: pulse .5s infinite;
	animation: pulse .5s infinite;
}

/*colors hover portfolio*/
.veruscript-marketing-bkg:hover .veruscript-marketing-bkg:after{background: rgba(38,43,46, .85);/*dark grey*/}
.veruscript-website-bkg:hover .veruscript-website-bkg:after{background: rgba(0,172,212, .85);/*blue*/}
.veruscript-logo-bkg:hover .veruscript-logo-bkg:after{background: rgba(20,129,166, .85);/*blue*/}

.agc-bkg:hover .agc-bkg:after{background: rgba(181,31,32, .85);/*red*/}

.roth-bkg:hover .roth-bkg:after{background: rgba(36,8,83, .85);/*viola*/}
.emilia-bkg:hover .emilia-bkg:after{background: rgba(230,0,126, .85);/*fuxia*/}
.ville-bkg:hover .ville-bkg:after{background: rgba(240,100,44, .85);/*orange*/}
.piero-bkg:hover .piero-bkg:after{background: rgba(111,43,32, .85);/*bourdaux*/}
.visit-bkg:hover .visit-bkg:after{background: rgba(255,190,0, .85);/*yellow*/}
.park-bkg:hover .park-bkg:after{background: rgba(156,207,236, .85);/*azure*/}
.easy-bkg:hover .easy-bkg:after{background: rgba(35,35,35, .85);/*dark*/}
.logocoll-bkg:hover .logocoll-bkg:after{background: rgba(150,187,32, .85);/*green*/}
.max-bkg:hover .max-bkg:after{background: rgba(150,176,167, .85);/*greenwater*/}
.elite-bkg:hover .elite-bkg:after{background: rgba(249,43,56, .85);/*red*/}
.tca-bkg:hover .tca-bkg:after{background: rgba(1,74,109, .85);/*blue dark*/}
.pac-bkg:hover .pac-bkg:after{background: rgba(77,146,224, .85);/*blue*/}
.ert-bkg:hover .ert-bkg:after{background: rgba(0,27,55, .85);/*blue*/}

/*Color to active tabs home*/
.tpl-alt-tabs > li > a:hover {color:#000}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {color:#96bb20}
.tpl-alt-tabs li.active a, .tpl-alt-tabs li.active a:hover {color:#96bb20}

/*Breadcrumbs into portfolio*/
.mod-breadcrumbs {margin-top:20px}

/*Fix portfolio img e tabs*/
.post-prev-img img{max-width:100%; width:inherit}
.alt-features-item {margin-top:15px}
.icons-port {font-size:35px}
.alt-features-title {font-size:12px}

/*single portfolio page*/
.fixed-height-xsmall {
    height:100vh;
    background-position: 50% 0px !important;
    background-attachment: fixed !important;
}

hr.dark {border-top:1px dotted #959595}
.bg-dark-alfa-30:before{background: rgba(34,34,34, .05);}

.logoAGC{
    position: relative;
    left: 70px;
}

video {
    max-width: 100%;
    height: auto;
    background-color: transparent !important;
}

.section-title{letter-spacing: 0.3em}

/* text-based popup styling */
.red-popup, .blu-popup  {
  position: relative;
  padding: 25px;
  width:auto;
  max-width: 500px;
  margin: 0 auto;
  color:#fff; 
}

.red-popup {background: rgba(249,43,56, .85);/*red*/}
.blu-popup {background: rgba(1,74,109, .85);/*blue dark*/}

.mfp-close-btn-in .mfp-close {color:#fff !important}
 


.form-group textarea{
min-width: 367px !important;
    min-height: 130px !important
    
}

/*
====== 3d unfold ======
*/

.mfp-3d-unfold {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-3d-unfold .mfp-content {
  -webkit-perspective: 2000px;
  perspective: 2000px;
}
.mfp-3d-unfold .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform-style: preserve-3d;
  transform: rotateY(-60deg);
  -webkit-transition: all 0.3s ease-in-out;
  -webkit-transform-style: preserve-3d;
  -webkit-transform: rotateY(-60deg);
}
.mfp-3d-unfold.mfp-bg {
  opacity: 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.mfp-3d-unfold.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
}
.mfp-3d-unfold.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-3d-unfold.mfp-removing .mfp-with-anim {
  transform: rotateY(60deg);
  -webkit-transform: rotateY(60deg);
  opacity: 0;
}
.mfp-3d-unfold.mfp-removing.mfp-bg {
  opacity: 0;
}




/************************ CEO PIC *********************************/


.pic-brother {text-align: center}
.pic-brother img{
	width: 215px;
    height: 215px;
    border-radius: 50%;
	margin:0 auto;
	/**/
	overflow:hidden;
	border:1px solid #000;
}

/* Hover Shadow */

@keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@-webkit-keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@-webkit-keyframes hover-shadow {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }

  50% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }
}

@keyframes hover-shadow {
  0% {
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }

  50% {
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }
}

.hover-shadow {
  display: inline-block;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hover-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 110%;
  left: 0;
  height: 10px;
  width: 100%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
}

.hover-shadow {
  -webkit-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  transform: translateY(-6px);
  -webkit-animation-name: hover;
  animation-name: hover;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

.hover-shadow:before {
  opacity: .4;
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-animation-name: hover-shadow;
  animation-name: hover-shadow;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Shadow Radial */

.shadow-radial {
  display: inline-block;
  position: relative;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.shadow-radial:before,
.shadow-radial:after {
  pointer-events: none;
  position: absolute;
  content: '';
  left: 0;
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  height: 5px;
  opacity: 1;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.shadow-radial:before {
  bottom: 100%;
  background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}

.shadow-radial:after {
  top: 100%;
  background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}

.shadow-radial:before,
.shadow-radial:after {
  opacity: 1;
}




/*Contact Form + Footer */
.contact-form .success {background-color: #96bb20}
.footer-copy {letter-spacing: 0.3em;}


/************************ LOADER *********************************/


.page-loader{background:#000; z-index:9999 !important; width:100%; height:100%; }

#kid-loader {margin:0 auto; width:100%; height:100%; text-align:center}
#kid {
		
	-webkit-animation: kidswing 3s infinite alternate ease-in-out;
	animation: kidswing 3s infinite alternate ease-in-out;
	
	z-index:998;
	position:absolute;
	
	transform: translateZ(0);
	transform: rotate(-65deg);
	transform-origin: 50% 0 0;
	-webkit-transform: translateZ(0);
	-webkit-transform: rotate(-65deg);
	-webkit-transform-origin: 50% 0 0;
	
	top: -25px;
	margin-left:-45px;
	max-width:100%;
	text-align:center
}


#loading-playart {
	position: absolute; top: 350px; text-align:center;
	display:block;
	width: 100%; height:58px;
}



#loading-flash {
	position: absolute; top: 490px; text-align:center; width:100%;
	animation: imthinkingflashing 2s infinite;
	-webkit-animation: imthinkingflashing 2s infinite;
	font-size:14px;
	background-color:#000
}

@keyframes kidswing{
	0% {-webkit-transform: rotate(-65deg); transform: rotate(-65deg);}
	50% {-webkit-transform: rotate(40deg); transform: rotate(40deg);}	
}
@-webkit-keyframes kidswing{
	0% {-webkit-transform: rotate(-65deg); transform: rotate(-65deg);}
	50% {-webkit-transform: rotate(40deg); transform: rotate(40deg);}
}
@keyframes imthinkingflashing{50% {opacity:0}}
@-webkit-keyframes imthinkingflashing{50% {opacity:0}}


/*********************************************************/