/* Fonts */
@font-face {
    font-family: 'socicon';
    src: url('http://version2.thewhoot.com.au/fonts/socicon-webfont.eot');
    src: url('http://version2.thewhoot.com.au/fonts/socicon-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://version2.thewhoot.com.au/fonts/socicon-webfont.woff') format('woff'),
         url('http://version2.thewhoot.com.au/fonts/socicon-webfont.ttf') format('truetype'),
         url('http://version2.thewhoot.com.au/fonts/socicon-webfont.svg#sociconregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face { 
  font-family: 'Verb-Med'; 
  src: url('verb_medium/VerbMedium-webfont.eot');  
  src: url('verb_medium/VerbMedium-webfont.eot?#iefix') format('embedded-opentype'), 
      url('verb_medium/VerbMedium-webfont.woff') format('woff'), 
      url('verb_medium/VerbMedium-webfont.ttf') format('truetype'), 
      url('verb_medium/VerbMedium-webfont.svg#webfont') format('svg');
}

@font-face { 
  font-family: 'Verb-Reg'; 
  src: url('verb_regular/VerbRegular-webfont.eot');  
  src: url('verb_regular/VerbRegular-webfont.eot?#iefix') format('embedded-opentype'), 
      url('verb_regular/VerbRegular-webfont.woff') format('woff'), 
      url('verb_regular/VerbRegular-webfont.ttf') format('truetype'), 
      url('verb_regular/VerbRegular-webfont.svg#webfont') format('svg');
}

body { padding-top: 90px; font-family: "Helvetica"; font-size: 16px; }
h1 { font-size: 46px; text-align: center; padding-top: 30px; font-weight: 300; font-family: 'Verb-Reg', Arial, sans-serif; }
h2 { font-size: 28px; text-align: center; padding-top: 10px; font-weight: 200; font-family: "Helvetica",Helvetica,Arial,sans-serif; }
h3 { font-size: 28px; text-align: center; padding-top: 10px; font-weight: 200; font-family: "Helvetica",Helvetica,Arial,sans-serif; }

ul.unstyled { list-style: none; }

.phoneMock1, .phoneMock2 { visibility: hidden; }
.phoneMock1 .mockup { margin-left: auto; }
.phoneMock2 .mockup { margin-right: auto; }
.featuredText { padding-top: 90px; padding-bottom: 40px; text-align: center; }
.mockupFeature { padding: 30px; height: 540px; position: relative; overflow: hidden; text-align: right; }
.app-icn { padding-bottom: 20px; padding-top:10px; }
a:hover { text-decoration: none; color: #fff; }

#intro {
  background: url(../images/intro-image.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-color: #342a2a;
  height: 480px;
  width: 100%;
  position: relative;
}

#cta-btn { position: absolute; top: 15%; left: 25%; margin: 0 auto 0 auto; }
#subscribe { background-color: #e6e9ed; border-top: 1px solid #C8CFD5; border-bottom: 1px solid #C8CFD5; }
#subscribe h1 { font-size: 46px; text-align: center; padding-top: 30px; font-weight: 300; font-family: 'Verb-Reg', Arial, sans-serif; }
#subscribe h2 { font-size: 28px; text-align: center; padding-top: 10px; font-weight: 200; font-family: "Helvetica",Helvetica,Arial,sans-serif; }

.feature-1 { background: #fff; }
.feature-2 { background: #f5f7fa; }
.feature-3 { background: #fff; }

.feature-1 hr { width: 300px; border-top: 1px solid #48cfad; border-bottom: 2px solid #48cfad; }
.feature-2 hr { width: 160px; border-top: 1px solid #ec87c0; border-bottom: 2px solid #ec87c0; }
.feature-3 hr { width: 210px; border-top: 1px solid #ac92ec; border-bottom: 2px solid #ac92ec; }
hr.green { width: 80%; border-top: 1px solid #48cfad; border-bottom: 2px solid #48cfad; margin:40px auto 40px auto; }
hr.pink { width: 80%; border-top: 1px solid #ec87c0; border-bottom: 2px solid #ec87c0; margin:40px auto 40px auto; }
hr.purple { width: 80%; border-top: 1px solid #ac92ec; border-bottom: 2px solid #ac92ec; margin:40px auto 40px auto; }

.feature { font-size: 18px; line-height: 26px; text-align: center; padding: 40px 0 90px 0; }
.feature h1{ font-size: 46px; text-align: center; padding-top: 30px; font-weight: 300; font-family: 'Verb-Reg', Arial, sans-serif; }
.icn-features { padding: 20px 0 20px 0; color: #aab2bd; font-size: 18px; font-family: 'Arial'; font-weight: 500; letter-spacing: 1.2px; overflow: hidden;}
.icn-features img { padding-top:10px; padding-bottom: 30px; }
.icn-feature { visibility: hidden; }
.icn-features { text-align: center; }

.jumbotron { padding-top: 20px; padding-bottom: 20px; }
.jumbotron h1, .jumbotron .h1 { font-size:55px; }

.navbar { background-color: #5d9cec; border-bottom: 7px solid #4a89dc; height: 90px; }
.navbar-logo {  }
.nav { padding-top: 30px; }
.nav li { margin-left: 10px !important; }
.nav>li>a { padding-left: 18px; padding-right: 18px; padding-top: 10px; padding-bottom: 10px; border-radius: 6px; }
.nav>li>a:hover, .nav>li>a:focus { background-color: #4a89dc; }

.nav a {
  color: #fff;
  font-family: "Helvetica",Helvetica,Arial,sans-serif;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 1.5px;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}

.navbar-toggle { background-color: #4a89dc; border-radius: 6px; margin-top: 28px; }
.navbar-toggle .icon-bar { background-color: #fff; }

.place-btn {
  color: #fff;
  font-family: "Helvetica",Helvetica,Arial,sans-serif;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 1.5px;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  padding: 10px 18px 8px 18px;
  border-radius: 6px;
  cursor: pointer;
  border: none;
}

.place-btn-large {
  color: #fff;
  font-family: "Helvetica",Helvetica,Arial,sans-serif;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 1.5px;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  padding: 18px 25px 15px 25px;
  border-radius: 6px;
  cursor: pointer;
  border: none;
}

.btn-blue { background-color: #5d9cec; -moz-box-shadow: 0px 4px 0px 0px #4a89dc; -webkit-box-shadow: 0px 4px 0px 0px #4a89dc; box-shadow: 0px 4px 0px 0px #4a89dc; padding:16px 22px 14px 22px; }
.btn-purple { background-color: #ac92ec; -moz-box-shadow: 0px 4px 0px 0px #967adc; -webkit-box-shadow: 0px 4px 0px 0px #967adc; box-shadow: 0px 4px 0px 0px #967adc; }
.btn-purple:hover { background-color: #967adc; }
.btn-pink { background-color: #ec87c0; -moz-box-shadow: 0px 4px 0px 0px #d770ad; -webkit-box-shadow: 0px 4px 0px 0px #d770ad; box-shadow: 0px 4px 0px 0px #d770ad; }
.btn-yellow { background-color: #ffce54; -moz-box-shadow: 0px 4px 0px 0px #f6bb42; -webkit-box-shadow: 0px 4px 0px 0px #f6bb42; box-shadow: 0px 4px 0px 0px #f6bb42; }
.btn-green { background-color: #48cfad; -moz-box-shadow: 0px 4px 0px 0px #37bc9b; -webkit-box-shadow: 0px 4px 0px 0px #37bc9b; box-shadow: 0px 4px 0px 0px #37bc9b; }
.btn-green:hover { background-color: #48cfad !important; -moz-box-shadow: 0px 2px 0px 0px #37bc9b; -webkit-box-shadow: 0px 2px 0px 0px #37bc9b; box-shadow: 0px 2px 0px 0px #37bc9b; }
.btn-orange { background-color: #fc6e51; -moz-box-shadow: 0px 4px 0px 0px #e9573f; -webkit-box-shadow: 0px 4px 0px 0px #e9573f; box-shadow: 0px 4px 0px 0px #e9573f; }


.about-cont { padding: 20px 40px 50px 40px; letter-spacing: 1.2px; line-height: 30px;}

footer { text-align: center; padding: 30px; }
.foot-logo {text-align: left; padding: 0;}
footer .exp { padding-top: 15px; padding-bottom: 5px; font-size: 11px; }

/* Jendy Added CSS */

.payplans .pp-plan-price { border-bottom: 0px!important; }

.payplans .pp-plan-subscribebutton, .payplans .pp-plan-price { border-top: 0px!important;  background:none!important; }

footer { background:#ABB5BE; border-top: 5px solid #C7CDD5; }

.rt-container:before {

margin: 0 25px;
padding-top: 14px;
}

.rt-grid-8.rt-omega {float:right}

.rt-grid-4 {
width:40%;
float:left;
}

.rt-grid-3 {
width:33%;
float:left;
}

.rt-grid-8 {
width:60%;
float:left;
}

h2.f-title { color:#fff; font-size:16px; }

.rt-grid-8:before {
display: table;
content: "";
clear: both;
}

.rt-container .rt-block { margin: 5px 10px; }
.rt-social-buttons.rt-block { text-align: right; font-size: .85em; margin-right: 20px !important; padding-right: 0; }
a [class^="icon-"], a [class*=" icon-"] { display: inline; }
.socicon { font-family: 'socicon' !important; }
.icon-facebook:before { content: "b"; }
.icon-twitter:before { content: "a"; }
.icon-google-plus:before  { content: "c"; }

[class^="icon-"]:before, [class*=" icon-"]:before {
 font-family: 'socicon' !important;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
text-decoration: inherit;
display: inline-block;
speak: none;
}

.rt-social-buttons .social-button { margin: 0 0px; font-size:15px; }

/* Pay Plans */

.pp-plan-title h4 {
background: url(http://placesapp.com.au/templates/placestemplate/images/elements/hd_payplans1.png) no-repeat top center;
padding: 15px!important;
margin-top: -10px;
margin-bottom: 4px;
color:#fff;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
position: relative;
display: inline-block;
width: 200px;
}

.payplans-wrap h4 {
font-size: 15px!important;
line-height: 20px!important;
font-family: 'Verb-Reg', Arial, sans-serif!important;
}

.payplans-wrap .btn {
background: #5d9cec!important;
-moz-box-shadow: 0px 4px 0px 0px #4a89dc!important;
-webkit-box-shadow: 0px 4px 0px 0px #4a89dc!important;
box-shadow: 0px 4px 0px 0px #4a89dc!important;
padding: 10px 10px 10px 10px!important;
font-family: "Helvetica",Helvetica,Arial,sans-serif!important;
text-transform: uppercase!important;
border:0px!important;
}

.payplans .pp-plan-border { border: 0px!important; }
.pp-plan-price { height: auto!important; }
.pp-plan-price h1 { color:#428BCA!important; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3)!important; font-family: 'Verb-Reg', Arial, sans-serif!important; }

.payplans .pp-plan-details {
/*background-image: -webkit-linear-gradient(top, #FBFBFB,#E4E4E4)!important;*/
background:#EBEFF5!important;
border-radius: 6px;
-moz-box-shadow: 0px 3px 0px 0px #a8a8a8;
-webkit-box-shadow: 0px 3px 0px 0px #a8a8a8;
box-shadow: 0px 3px 0px 0px #a8a8a8;
margin: 10px!important;
border: 0px!important;
}

.payplans .pp-plan-details p { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif!important; font-size: 15px!important; }
.payplans-wrap h1 { font-size: 50px!important; line-height: 50px!important; }

/* End Pay Plans */
/* End Jendy Added CSS */

/* Slidedown Form*/

.slidedown-form {  
  text-align: right;
  width: 100%;
  display: none;
  padding:25px 0 15px 0;
  background-color: #656d78;
}

.slidedown-form input[type="text"], .slidedown-form input[type="password"] { width:200px; height: 39px; margin-right: 15px; font-family: "Helvetica",Helvetica,Arial,sans-serif;}
a.forgot-pass { display: block; padding-top: 15px; color: #fff; font-family: "Helvetica",Helvetica,Arial,sans-serif;}

/* Start Landscape Animations */

#scene {
   
   /* Positioning and dimensions */
   width: 100%;
   height: 350px;
   overflow: hidden;
   position: relative;
    
   /* --- Gradient background --- */
   /* Solid fallback for old browsers */
   background: #0099ff;
   /* Firefox */
   background: -moz-linear-gradient(top, #90f0f8, #cef9ff);
   /* WebKit - Chrome and Safari */
   background: -webkit-linear-gradient(top, #90f0f8, #cef9ff);
   /* Internet Explorer 10 */
   background: -ms-linear-gradient(top, #90f0f8, #cef9ff);
   /* Opera */
   background: -o-linear-gradient(top, #90f0f8, #cef9ff);
   /* general syntax */
   background: linear-gradient(top, #90f0f8, #cef9ff);
}

#sun { width: 100px; height:100px; left: 20%; top: 5%; background: url(http://placesapp.com.au/templates/placestemplate/images/icn-sun.png); position:absolute; }
#hills { width: 100%; height:115px; bottom:0; position:absolute; background: url(http://placesapp.com.au/templates/placestemplate/images/repeatable-hills2.png); }

.c1 { margin-top: 8px; margin-left: -150px; width: 109px; height: 38px; background-image: url(http://placesapp.com.au/templates/placestemplate/images/cloud1.png); }
.c2 { margin-top: 8px; margin-left: -400px; width: 118px; height: 44px; background-image: url(http://placesapp.com.au/templates/placestemplate/images/cloud2.png); }
.c3 { margin-top: 2px; margin-left: -80px; width: 103px; height: 28px; background-image: url(http://placesapp.com.au/templates/placestemplate/images/cloud3.png); }
.c4 { margin-top: 5px; margin-left: -100px; width: 109px; height: 38px; background-image: url(http://placesapp.com.au/templates/placestemplate/images/cloud1.png); }
.c5 { margin-top: 0px; margin-left: -20px; width: 103px; height: 28px; background-image: url(http://placesapp.com.au/templates/placestemplate/images/cloud3.png); }

/*.c1 { top: 40px; left: -150px; width: 109px; height: 38px; background-image: url(http://placesapp.com.au/templates/placestemplate/images/cloud1.png); }
.c2 { top: 100px; left: -400px; width: 118px; height: 44px; background-image: url(http://placesapp.com.au/templates/placestemplate/images/cloud2.png); }
.c3 { top: 10px; left: -80px; width: 103px; height: 28px; background-image: url(http://placesapp.com.au/templates/placestemplate/images/cloud3.png); }
.c4 { top: 80px; left: -100px; width: 109px; height: 38px; background-image: url(http://placesapp.com.au/templates/placestemplate/images/cloud1.png); }
.c5 { top: 20px; left: -20px; width: 103px; height: 28px; background-image: url(http://placesapp.com.au/templates/placestemplate/images/cloud3.png); }*/

/* general syntax */
@keyframes cloudDrift {
   from { transform: translateX(0px); }
   to { transform: translateX(1550px); }
}

/* Firefox */
@-moz-keyframes cloudDrift {
   from { -moz-transform: translateX(0px); }
   to { -moz-transform: translateX(1550px); }
}
/* WebKit - Chrome and Safari */
@-webkit-keyframes cloudDrift {
   from { -webkit-transform: translateX(0px); }
   to { -webkit-transform: translateX(1550px); }
} 
/* Opera */
@-o-keyframes cloudDrift {
   from { -o-transform: translateX(0px); }
   to { -o-transform: translateX(1550px); }
}

.cloud {
    /* Firefox */
   -moz-animation: cloudDrift linear infinite;
   /* WebKit - Chrome and Safari */
   -webkit-animation: cloudDrift linear infinite;
   /* Opera */
   -o-animation: cloudDrift linear infinite;
   /* general syntax */
   animation: cloudDrift linear infinite;
   /*position: absolute;*/
}

.fast {
    /* Firefox */
   -moz-animation-duration: 40s;
   /* WebKit - Chrome and Safari */
   -webkit-animation-duration: 40s;
   /* Opera */
   -o-animation-duration: 40s;
   /* general syntax */
   animation-duration: 40s;
}

.med {
    /* Firefox */
   -moz-animation-duration: 30s;
   /* WebKit - Chrome and Safari */
   -webkit-animation-duration: 30s;
   /* Opera */
   -o-animation-duration: 30s;
   /* general syntax */
   animation-duration: 30s;
}

.slow {
    /* Firefox */
   -moz-animation-duration: 20s;
   /* WebKit - Chrome and Safari */
   -webkit-animation-duration: 20s;
   /* Opera */
   -o-animation-duration: 20s;
   /* general syntax */
   animation-duration: 20s;
}

/* End Landscape Animations */

/* CSS Animations */

/*
==============================================
slideUp
==============================================
*/


.slideUp{
  animation-name: slideUp;
  -webkit-animation-name: slideUp;  

  animation-duration: 1s; 
  -webkit-animation-duration: 1s;

  animation-timing-function: ease;  
  -webkit-animation-timing-function: ease;

  visibility: visible !important;     
}

@keyframes slideUp {
  0% {
    transform: translateY(100%);
  }
  50%{
    transform: translateY(-8%);
  }
  65%{
    transform: translateY(4%);
  }
  80%{
    transform: translateY(-4%);
  }
  95%{
    transform: translateY(2%);
  }     
  100% {
    transform: translateY(0%);
  } 
}

@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(100%);
  }
  50%{
    -webkit-transform: translateY(-8%);
  }
  65%{
    -webkit-transform: translateY(4%);
  }
  80%{
    -webkit-transform: translateY(-4%);
  }
  95%{
    -webkit-transform: translateY(2%);
  }     
  100% {
    -webkit-transform: translateY(0%);
  } 
}

/* CSS Animations */

/* Mail Chimp */

#mc_embed_signup { 
  background:#fff; 
  clear:left; 
  font:14px Helvetica,Arial,sans-serif; 
  margin:30px auto 30px auto;
  border-radius: 6px;
  -moz-box-shadow:    0px 3px 0px 0px #a8a8a8;
  -webkit-box-shadow: 0px 3px 0px 0px #a8a8a8;
  box-shadow:         0px 3px 0px 0px #a8a8a8;
  max-width: 600px;
}

#mc_embed_signup .mc-field-group input {
  border-radius: 6px;
  border: none;
  background-color: #eef0f2;
  color: #9da8b1;
  font-weight: bold;
  padding: 12px 0 12px 0;
}

#mc_embed_signup input { border: none; }
#mc_embed_signup input[type="submit"] { border: none; }
#mc-embedded-subscribe { margin: 1em 0 1em 0; }
#mc_embed_signup div.response { width: 100% } 
#mc_embed_signup div#mce-responses { width: 96%; margin: 0 2%; padding: 0em .5em 1em .5em;}
#mc_embed_signup #mce-success-response { color: #5d9cec; }
#mc_embed_signup div.mce_inline_error { background-color: #da4453; font-weight: normal; }

.response {  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 18px; }

/* Media Queries */
@media(max-width:480px){
  #sun { left:2%; }
  .logo { width: 65%; height: 90%; margin-top: 12px; }
  #cta-btn { left: 5% }
  .nav { padding-bottom: 35px; background-color: #656d78; border-bottom:4px solid #434a54; }
  .nav li { margin: 0 10px 5px 0; }
  .nav-pills>li { float: none; }
  .container>.navbar-header, .container>.navbar-collapse { margin-top: 3px; border-top: none; box-shadow: none; }

  .featuredText{ padding-top: 0px; padding-bottom: 20px; }
  .mockupFeature { height: 820px; text-align: center; padding: 15px;}
  .app-icn { padding-bottom: 10px; padding-top:10px; }
  .phoneMock1 .mockup, .phoneMock2 .mockup { margin: auto; }
  .foot-logo { text-align: center; padding-bottom: 25px; }

  .ac-grid { width: 90%; left: 5%; margin-left: 0; padding-top: 150px; }
  .ac-grid a { width: 22%; }
  #ac-wrapper { padding-bottom:120px; }
  .ac-wrapper { padding: 0 20px 100px; }
  .ac-wrapper h2 { width: 100%; text-align: center; margin: 0 0 1em; top: 0; left: auto; position: relative; font-size: 3em; padding:0 50px 0 50px; }
  .ac-device { margin: 0 auto; width: 288px; height: 690px;}
  .ac-device h3 { position: relative; margin: 0; left: auto; width: 100%; top: 100px; display: block; text-align: center; font-size: 2em; }

    /* general syntax */
@keyframes cloudDrift { from { transform: translateX(0px); } to { transform: translateX(500px); } }

@-moz-keyframes cloudDrift { from { -moz-transform: translateX(0px); } to { -moz-transform: translateX(500px); } }
@-webkit-keyframes cloudDrift { from { -webkit-transform: translateX(0px); } to { -webkit-transform: translateX(500px); } } 
@-o-keyframes cloudDrift { from { -o-transform: translateX(0px); } to { -o-transform: translateX(500px); } }

.cloud { -moz-animation: cloudDrift linear infinite; -webkit-animation: cloudDrift linear infinite; -o-animation: cloudDrift linear infinite; animation: cloudDrift linear infinite; }
.fast { -moz-animation-duration: 20s; -webkit-animation-duration: 20s; -o-animation-duration: 20s; animation-duration: 20s;}
.med { -moz-animation-duration: 15s; -webkit-animation-duration: 15s; -o-animation-duration: 15s; animation-duration: 15s; }
.slow { -moz-animation-duration: 10s; -webkit-animation-duration: 10s; -o-animation-duration: 10s; animation-duration: 10s; }

}

@media(min-width:481px) and (max-width: 767px){
  .logo { width: auto; height: 90%; }
  #cta-btn { left: 15% }
  .nav { padding-bottom: 35px; background-color: #656d78; border-bottom:4px solid #434a54; }
  .container>.navbar-header, .container>.navbar-collapse { margin-top: 3px; border-top: none; box-shadow: none; }

  .featuredText{ padding-top: 0px; padding-bottom: 20px; }
  .mockupFeature { height: 820px; text-align: center; padding: 15px;}
  .phoneMock1 .mockup, .phoneMock2 .mockup { margin: auto; }
  .foot-logo { text-align: center; padding-bottom: 25px; }
  .ac-grid { width: 90%; left: 5%; margin-left: 0; padding-top: 150px; }
  .ac-grid a { width: 22%; }
  .ac-wrapper { font-size: 60%; width: 100%; padding: 0 20px; }
  .ac-device { margin: 0; width: 100%; }
  .ac-device h3 { width: 50%; left: 290px;}
  .ac-wrapper h2 { left: 308px; padding: 0; text-align: left; margin-left: 30px;}
}

@media(min-width:768px){
  .ac-wrapper h2 { padding-left: 20px; }
  .ac-device h3 { width: 80%; left: 95%; margin-left: 10px; font-size: 1.8em; }
}

@media(min-width:992px){
  
}

@media(min-width:1200px){

}