/*
*   name           Favourite
*   version        3.3
*   description    Responsive and customizable Joomla!3 template
*   demo           ttp://demo.favthemes.com/favourite/
*   author         FavThemes
*   author URL     http://www.favthemes.com
*   copyright      Copyright (C) 2012-2015 FavThemes.com. All Rights Reserved.
*   license        Licensed under GNU/GPLv3 (http://www.gnu.org/licenses/gpl-3.0.html)
*/

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

/// custom style

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

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fadesin {
  opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

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

.fadesin.one {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.fadesin.two {
  -webkit-animation-delay: 1.8s;
  -moz-animation-delay: 1.8s;
  animation-delay: 1.8s;
}

.slidesin {
    position: absolute;
    top: 100px;
   // width: 100px;
 //   height: 100px;
  //  background: blue;
    -webkit-animation: slide 1s forwards;
    -webkit-animation-delay: 1s;
    animation: slide 1s forwards;
    animation-delay: 0.5s;
}

@-webkit-keyframes slide {
    100% { top: 0px; }
}

@keyframes slide {
    100% { top: 0px; }
}

.default-logo {
    margin-top: 22px;
}

#fav-nav .favnav .navigation .nav-pills a, #fav-nav .favnav .navigation .menunav-pills a, #fav-nav .favnav .navigation .nav-pills > li > a, #fav-nav .favnav .navigation .menunav-pills > li > a, #fav-nav .favnav .navigation ul.nav.menu li span.nav-header {
    margin-bottom: 8px!important;
    margin-top: 8px;
}

.pager {
    display:none!important;
}

.form-actions {
   background: transparent;
   border-top: none;
}

#bfElemWrap23 .btn, #bfElemWrap15 .btn {
   background-color:red;
   padding: 4px 6px;
}

#fav-headerwrap, #fav-headerwrap .navigation ul.nav-child, #fav-header, #fav-slidewrap {
  // background-color: #999FA3;
}

#fav-headerwrap, #fav-headerwrap .navigation ul.nav-child, #fav-header  {
    background-color: #7E8285;
    background-image: url("/images/mesh2.png");
}

#fav-slidewrap {

}

#fav-headerwrap{
//    background-repeat: repeat-x;   
   // background: transparent;
}

#fav-headerwrap {
    padding-bottom: 25px!important;
    border-bottom: 1px solid #e5e5e5;
    border-top: none;
}

#fav-header, #fav-headerwrap {
 //  margin-bottom: -69px!important;
}

#fav-nav {
    padding-top: 16px;
}

#fav-slidewrap, #fav-slide; {
  //  margin-bottom:100px;
}

#fav-slidewrap {
    padding: 40px 0 10px 0;
}

#fav-slide {
 //   padding-top: 10px;
}

.brandbuild {
    color: #eeb700;
    font-size: 56px;
    line-height:50px;
    //font-weight: bold;
    margin-top: 8px;
    font-family: 'Kaushan Script', cursive;
}

#fav-lead1 .flexslider {
    margin-top:10px;
    margin-bottom:100px;
}

#ff_form1 {
    background-color: #f1f1f1;
    border: 1px solid #e5e5e5;
    padding: 20px;
}

.testimon {
   margin-bottom: 30px;
}

.testimon div {
    border-bottom: 1px solid #ddd;
}

.testimon table {
    width:100%;
}

.testimon td {
    vertical-align: top;

}

.testimgtd {
    min-width: 300px;
}

.testimgtd img {
    width: 280px;
    margin: 20px 0 20px 25px;
    float:right;
    -webkit-box-shadow: -1px 1px 4px rgba(0,0,0,0.5);
    -moz-box-shadow: -1px 1px 4px rgba(0,0,0,0.5);
    box-shadow: -1px 1px 4px rgba(0,0,0,0.5);
    border: 1px solid #222;
}

.testimg2 {
    display: none;
}

.fancybox img {
   width:100%;
}

#gallerycatlrg .btn {
    width: 14%;
    min-height:40px;
    margin-right: 2.5%; 
   // line-height: 40px;
}

#gallerycatlrg .btn:last-child {
    width: 14%;
    margin-right: 0; 
}

.fav-overlay {
    background-color: rgba(58, 61, 63, 0.88);
}

#fav-basewrap {
    margin-top: 60px;
}

#homediv {
    text-align:left; 

}

#homeleft {
    float: left; 
    width: 40%;
    margin: 60px 0 80px;
}

#homeleft img {
    max-height: 450px;
    width: auto;
}

#homeright {
    float: left; 
    width: 57%; 
    text-align: left;
    margin: 60px 0 80px;
}

#homediv p {
    margin: 20px 0;
}

p.attention {
    margin: 30px 20px;
    color: #eeb700; 
    font-size: 1.9em; 
    line-height: 1.8em;
    font-family: 'Kaushan Script', cursive;
}

#awardimg {
    float: right; 
    margin: 10px 0 10px 10px;
    width: 50%;
}

#bluetrainplat{
    float: left;
    margin-right: 15px;
    max-width:33%;
}


.baimg {
    margin-right:5%;
    float: left;
    margin-top: 30px;
}

.baimg img {
    border: 1px solid #444;
    padding: 3px;
}

.baimg p {
    margin-top: 8px;
    font-family: 'Kaushan Script', cursive;   
    font-size: 1.5em;
}

@media all and (min-width: 1200px){

.favnav {
    margin-left: 12%;
}

}

@media all and (max-width: 1200px){

#fav-lead {

}

#fav-slidewrap {
 //   margin-bottom: 160px;
}

#fav-nav.span9 {
    padding-bottom:10px;
}

}


@media all and (max-width: 1040px){

#homediv p {
    margin: 15px 0;
}

p.attention {
    margin: 20px 15px;
    color: #eeb700; 
    font-size: 1.9em; 
    line-height: 1.9em;
}

}

@media all and (max-width: 1005px){

#gallerycatlrg .btn {
    width: 11%;
    min-height:60px;
    margin-right: 1.2%; 
   // line-height: 40px;
}

#gallerycatlrg .btn:last-child {
    width: 11%;
    margin-right: 0; 
}

}

@media all and (max-width: 940px){

#homediv p {
    margin: 7px 0;
}

p.attention {
    margin: 15px 7px;
    color: #eeb700; 
    font-size: 1.4em; 
    line-height: 1.4em;
}

#gallerycatlrg .btn {
    width: 14.5%;
    min-height:60px;
    margin-right: 1.6%; 
   // line-height: 40px;
}

#gallerycatlrg .btn:last-child {
    width: 14.5%;
    margin-right: 0; 
}

}



@media all and (max-width: 780px){

#homeleft {
    display:none;
}

#homeright {
    width: 100%; 
}

}


@media all and (max-width: 768px){

#fav-slide {
  //  display:none;
}

#fav-header{
  //  height: 150px;
  //  background-image: none;
}

#fav-slidewrap {
 //   margin-bottom: 20px;
}

.testimgtd {
    display:none;
}

.testimg2 {
    display: inline;
    width: 100%;
    max-width: 280px;
}

}

@media all and (max-width: 585px) {

.brandbuild {
    color: #eeb700;
    font-size: 24px;
    line-height: 24px;
    margin-top: 8px;
}

#fav-basewrap {
    margin-top: 25px;
}

#gallerycatlrg .btn {
    width: 20%;
    min-height:60px;
    margin-right: 1.6%; 
   // line-height: 40px;
}

#gallerycatlrg .btn:last-child {
    width: 20%;
    margin-right: 0; 
}

}


@media all and (max-width: 450px) {


#gallerycatlrg .btn {
    width: 40%;
    min-height:40px;
    margin-right: 1.6%; 
   // line-height: 40px;
}

#gallerycatlrg .btn:last-child {
    width: 40%;
    margin-right: 0; 
}

}

@media (max-width: 1200px) and (min-width: 768px) {
#fav-nav.span9 {
    width: 100%;
    margin-left: 0;
    border-top: 1px solid #444;
    border-bottom: 0px solid #aaa;
}

}