/*
Theme Name: Launchify
Theme URI: http://themes.kudosthemes.co.uk/launchify/
Description: A responsive coming soon theme.
Author: Paul Allen
Author URI: http://paulallen.me.uk
Version: 1.0
*/




/*=============================================================================
  ***************************************************************************
  
  Table of contents

  1. Global - Lines 48 - 90

  2. Typography - Lines 91 - 118

  3. Header - Lines 119 - 134

  4. About - Lines 135 - 150 & 277 - 289

  5. Countdown - Lines 151 - 167

  6. Meet The Team - Lines 168 - 182 & 290 - 302

  7. Get Notified - Lines 183 - 197

  8. Footer - Lines 198 - 215 & 240 - 252

  9. Background Images - Lines 310 - 330

  ***************************************************************************
=============================================================================*/










/*=============================================================================
  ***************************************************************************
  Global
  ***************************************************************************
=============================================================================*/


/*========== Loading ==========*/
#preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 999;}
.preloader-wrap { position: absolute; top: 50%; left: 50%; width: 64px; height: 64px; margin: -32px 0 0 -32px; }
#circularG { position:relative; width:64px; height:64px; }
.circularG { position:absolute; background-color:#666666; width:15px; height:15px; -moz-border-radius:10px; -moz-animation-name:bounce_circularG; -moz-animation-duration:1.04s; -moz-animation-iteration-count:infinite; -moz-animation-direction:linear; -webkit-border-radius:10px; -webkit-animation-name:bounce_circularG; -webkit-animation-duration:1.04s; -webkit-animation-iteration-count:infinite; -webkit-animation-direction:linear; -ms-border-radius:10px; -ms-animation-name:bounce_circularG; -ms-animation-duration:1.04s; -ms-animation-iteration-count:infinite; -ms-animation-direction:linear; -o-border-radius:10px; -o-animation-name:bounce_circularG; -o-animation-duration:1.04s; -o-animation-iteration-count:infinite; -o-animation-direction:linear; border-radius:10px; animation-name:bounce_circularG; animation-duration:1.04s; animation-iteration-count:infinite; animation-direction:linear; }
#circularG_1 { left:0; top:25px; -moz-animation-delay:0.39s; -webkit-animation-delay:0.39s; -ms-animation-delay:0.39s; -o-animation-delay:0.39s; animation-delay:0.39s; }
#circularG_2 { left:7px; top:7px; -moz-animation-delay:0.52s; -webkit-animation-delay:0.52s; -ms-animation-delay:0.52s; -o-animation-delay:0.52s; animation-delay:0.52s; }
#circularG_3 { top:0; left:25px; -moz-animation-delay:0.65s; -webkit-animation-delay:0.65s; -ms-animation-delay:0.65s; -o-animation-delay:0.65s; animation-delay:0.65s; }
#circularG_4 { right:7px; top:7px; -moz-animation-delay:0.78s; -webkit-animation-delay:0.78s; -ms-animation-delay:0.78s; -o-animation-delay:0.78s; animation-delay:0.78s; }
#circularG_5 { right:0; top:25px; -moz-animation-delay:0.91s; -webkit-animation-delay:0.91s; -ms-animation-delay:0.91s; -o-animation-delay:0.91s; animation-delay:0.91s; }
#circularG_6 { right:7px; bottom:7px; -moz-animation-delay:1.04s; -webkit-animation-delay:1.04s; -ms-animation-delay:1.04s; -o-animation-delay:1.04s; animation-delay:1.04s; }
#circularG_7 { left:25px; bottom:0; -moz-animation-delay:1.17s; -webkit-animation-delay:1.17s; -ms-animation-delay:1.17s; -o-animation-delay:1.17s; animation-delay:1.17s; }
#circularG_8 { left:7px; bottom:7px; -moz-animation-delay:1.3s; -webkit-animation-delay:1.3s; -ms-animation-delay:1.3s; -o-animation-delay:1.3s; animation-delay:1.3s; }
@-moz-keyframes bounce_circularG {
  0% { -moz-transform:scale(1) }
  100%{ -moz-transform:scale(.3) }
}
@-webkit-keyframes bounce_circularG {
  0% { -webkit-transform:scale(1) }
  100% { -webkit-transform:scale(.3) }
}
@-ms-keyframes bounce_circularG {
  0% { -ms-transform:scale(1) }
  100% { -ms-transform:scale(.3) }
}
@-o-keyframes bounce_circularG {
  0% { -o-transform:scale(1) }
  100% { -o-transform:scale(.3) }
}
@keyframes bounce_circularG {
  0% { transform:scale(1) }
  100% { transform:scale(.3) }
}


/*========== Inputs ==========*/
input[type="submit"],
input[type="email"],
textarea { -webkit-appearance: none; outline: none; border: none;}
button:focus { outline: none;}
::-webkit-input-placeholder { color: #fff;}
:-moz-placeholder { color: #fff;}
::-moz-placeholder { color: #fff;}
:-ms-input-placeholder { color: #fff;}


/*========== Buttons ==========*/
.button { letter-spacing: 2px;display: inline-block; margin-top: 75px; margin-right: 2.5px; margin-left: 2.5px; padding: 10px 12px; /*border-radius: 50px; font-weight: 700;*/ text-transform: uppercase; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.btn-flat-white { border: 1px solid #fff; color: #fff; background: rgba(255,255,255, .10);}
.btn-flat-white:hover { color: #fff;}
.btn-flat-colour { border: 1px solid #666; color: #666;}
.btn-flat-colour:hover { color: #666;}
.btn-flat-white:active { color: #fff;}
 #fg_viewer_margine {padding: 10px 20px;}


/*========== Sections ==========*/
.page-wrap { overflow: hidden;}
.section { padding: 70px 0; }
.section.no-pad { padding: 0;}
.overlay { padding: 100px 0;}
#header .overlay { padding: 0;}
.section-header { margin-bottom: 75px; margin-top: 36px;} 
.background-image { color: #fff;}




/*=============================================================================
  ***************************************************************************
  Typography
  ***************************************************************************
=============================================================================*/

html,body,input { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Lato', sans-serif; color: #666;}

html,body { overflow-x: hidden;}

h1,h2,h3,h4,h5,h6 { font-weight: 300; text-transform: uppercase;}

a { outline: none; color: #666;}
a:hover { outline: none; text-decoration: none; color: #428bca;}

a:active { text-decoration: none; outline: none; color: #428bca;}
a:focus { text-decoration: none; outline: none;}


input,
textarea { font-size: 16px;}

.text-centre { text-align: center;}
.intestazione_azienda { font-weight: 900; font-size: 40px; letter-spacing: 3px; /*text-transform: uppercase;*/ text-shadow: 1px 1px rgba(0,0,0,0.10);}
.intestazione_sottotitolo { font-weight: 100; font-size: 24px; letter-spacing: 8px; /*text-transform: uppercase;*/ text-shadow: 1px 1px rgba(0,0,0,0.10);}
.bold { font-weight: 900; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,0.10);}






/*=============================================================================
  ***************************************************************************
  Header
  ***************************************************************************
=============================================================================*/

.intro { display: table; width: 100%;}
.intro-inner { height: 100%; display: table-cell; vertical-align: middle;}
.logo img { max-width: 100%; width: 168px; display: block; margin: 0 auto -34px auto; margin-top: -58px;}
.text-logo { font-family: 'Pacifico', cursive; font-size: 50px; text-shadow: 2px 2px 0 rgba(0,0,0,.10); margin: 0 auto 75px auto; display: none;}
#intestazione{position: absolute; top: 710px; }
#intestazione p{text-align: center;}






/*=============================================================================
  ***************************************************************************
  About
  ***************************************************************************
=============================================================================*/

.about-module { margin-bottom: 40px;}
.ie9 .mask { width: 126px; height: 126px; margin: 0 auto 20px auto; overflow: hidden; border-radius: 100%;}
.about-icon { width: 126px; height: 126px; margin: 0 auto 20px auto; padding: 5px; border-radius: 100%;}
.about-icon span { width: 100%; height: 100%; border: 2px solid #fff; color: #fff; border-radius: 100%; font-size: 40px; line-height: 112px;}






/*=============================================================================
  ***************************************************************************
  Countdown
  ***************************************************************************
=============================================================================*/

.ticker { padding: 40px 0;}
.counter-bg { width: 180px; height: 180px; text-align: center; margin: 0 auto; border: 2px solid #fff; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); text-align: center; }
.counter-inner { -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); position: relative; left: 0px; top: 48px;}
.count-digit { display: block; font-size: 60px; font-weight: 300; line-height: 60px;}
.count-text { font-size: 20px; font-weight: 300; }






/*=============================================================================
  ***************************************************************************
  Meet the Team
  ***************************************************************************
=============================================================================*/

.team-module { width: 240px; margin: 0 auto 40px auto;}
.team-module img { width: 70%; border-radius: 100%; margin: 0 0 15px 0;}
.team-module a { color: #666; display: inline-block; padding: 10px; font-size: 20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

#team_width{width: 33.3%;}

#prova img{
  margin: 0 auto;
}

#fg_viewer_foto{position: absolute; top: 69px; right: -365px;}
#fg_viewer_foto_due{position: absolute; top: 69px; right: 613px;}
#fg_viewer_foto_due_1280{display: none;}
#fg_viewer_foto_tre_1280{display: none;}



/*=============================================================================
  ***************************************************************************
  Get Notified
  ***************************************************************************
=============================================================================*/

input { width: 100%; height: 60px; display: block; /*border-radius: 50px;*/ padding: 20px; margin-bottom: 20px;}
input[type="email"] { background: none; border: 1px solid #fff; color: #fff;}
input[type="submit"] { text-align: center; /*border-radius: 50px;*/ background: #fff; outline: none !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}






/*=============================================================================
  ***************************************************************************
  Footer
  ***************************************************************************
=============================================================================*/

.social-nav { text-align: center;}
.social-nav a { display: inline-block; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #666; margin: 0 5px; color: #666; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.social-nav a:hover { color: #666;}
.social-nav span { line-height: 36px; font-size: 18px;}
.footer-nav { margin-top: 75px;}
.footer-nav a { color: #666; width: 50%; display: inline-block; margin-bottom: 5px; padding: 5px;}
#contacts{margin-top: 16px;}


/*menu*/
.fixed {
  position: fixed; 
  top: 0; 
  height: 70px; 
  z-index: 1;
}

nav {
  position: absolute;
  /*bottom: 0;*/
  width: 100%;
  height: 70px;
  background: #fff;
  text-align: center;
  box-shadow: 0px 0.5px rgba(0,0,0,0.1);
}

nav li {
  display: inline-block;
  padding: 24px 10px;
}

nav li a {
  color: #757575;
  text-transform: uppercase;
  letter-spacing: 2px;
}

ul{
  -webkit-padding-start: 0px;
}

#piva{
  font-size: 8pt;
}



/*====================================================================================================================
  ******************************************************************************************************************
  MEDIA QUERIES
  ******************************************************************************************************************
====================================================================================================================*/


@media (max-width: 1280px) {

#fg_viewer_foto_due{display: none;}
#fg_viewer_foto{display: none;}
#fg_viewer_foto_due_1280{display: block; position: absolute; top: 91px; left: -313px;}
#fg_viewer_foto_tre_1280{display: block; position: absolute; top: 91px; left: 613px;}




}



@media (max-width: 1220px) {

#fg_viewer_foto_due{display: none;}
#fg_viewer_foto{display: none;}
#fg_viewer_foto_due_1280{display: none;}
#fg_viewer_foto_tre_1280{display: none;}
}

/*=============================================================================
  ***************************************************************************
  768px Media Query
  ***************************************************************************
=============================================================================*/

@media (min-width: 768px) {






/*=============================================================================
  ***************************************************************************
  Footer
  ***************************************************************************
=============================================================================*/

.footer-nav a { width: auto; margin: 0 10px;}







} /*========== 768px MEDIA QUERY END ==========*/









/*=============================================================================
  ***************************************************************************
  992px Media Query
  ***************************************************************************
=============================================================================*/


@media (min-width: 992px) {






/*=============================================================================
  ***************************************************************************
  About
  ***************************************************************************
=============================================================================*/

.about-module { margin-bottom: 0;}






/*=============================================================================
  ***************************************************************************
  Meet the Team
  ***************************************************************************
=============================================================================*/

.team-module { width: 100%; margin: 0;}






} /*========== 992px MEDIA QUERY END ==========*/


@media (max-width: 980px) {

#fg_viewer{display: none;}
#fg_viewer_margine {display: none;}
iframe{display: none;}
#intestazione{display: none;}
#fg_viewer_foto{display: none;}
#fg_viewer_foto_due{display: none;}
#fg_viewer_foto_due_1280{display: none;}
#fg_viewer_foto_tre_1280{display: none;}



}





/*=============================================================================
  ***************************************************************************
  Background Images
  ***************************************************************************
=============================================================================*/

#countdown.background-image { background: url('../images/foto_02.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover;}

#get-notified.background-image { background: url('../images/foto_05.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover;}

.overlay { background: rgba(0,0,0,0.3); width: 100%; height: 100%;}








/*=============================================================================
  ***************************************************************************
  COPY COLOUR SCHEME BELOW HERE!!!!
  ***************************************************************************
=============================================================================*/