/*--------------------------------------
1. GLOBAL STYLES
  1.1 Rest
  1.2 font
  1.3 colors and buttons
  1.4 Custom hover animation
 
2. SECTION STYLES
    2.1 SECTION: Header
    2.2 SECTION: Features
    2.3 SECTION: Pricing
    2.4 SECTION: testimonial
    2.5 SECTION: Photo Gallery
    2.6 SECTION: Footer
3. Responsive Design
-----------------------------------------*/
/* ========================================================================
  1.1  Reset
========================================================================== */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,600,400italic);

html {font-size: 1em;line-height: 1.4;}
html, body { height: 100%;}
body { overflow-x: hidden; color: #666; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 13px;}

/* Internet Explorer 10 in Windows 8 and Windows Phone 8 Bug fix */
@-webkit-viewport { width: device-width;}
@-moz-viewport { width: device-width;}
@-ms-viewport { width: device-width;}
@-o-viewport { width: device-width;}
@viewport { width: device-width;}
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
li { list-style: none;}
audio, canvas, iframe, img, svg, video { vertical-align: middle;}
fieldset { border: 0; margin: 0; padding: 0;}
textarea { resize: vertical;}
a, button{ outline: none !important;}
a:hover { text-decoration: none;}
ul { padding: 0; margin: 0;}
h1,h2,h3,h4,h5,h6 { margin: 0; color: #333; font-weight: 700;}
img{ max-width: 100%;}
p{ margin-bottom: 5px;}

::-moz-selection { background: #00ab66; color: #fff; text-shadow: none;}
::selection { background: #00ab66; color: #fff; text-shadow: none;}

.browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0;}

/* ========================================================================
  1.2  Fonts Styles
========================================================================== */
@font-face {
    font-family: "FontAwesome";
    src: url('../fonts/font-awesome/fontawesome-webfont.eot?v=4.4.0');
    src: url('../fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),
    url('../fonts/font-awesome/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg'),
    url('../fonts/font-awesome/ontawesome-webfont.woff2?v=4.4.0') format('woff2'),
    url('../fonts/font-awesome/fontawesome-webfont.woff?v=4.4.0') format('woff'),
    url('../fonts/font-awesome/fontawesome-webfont.ttf?v=4.4.0') format('truetype');
    font-weight: normal;    
    font-style: normal;
}

/* ==========================================================================
 1.3 Text, colors and buttons and general styles 
========================================================================== */
.btn{ border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; font-weight: bold;}
.btn-group-lg > .btn, .btn-lg{padding: 10px 35px;}
.btn-default{ background: #2c2d2f; color: #fff; border: none;}
.btn-default:hover{ background: #0d0d0d; color: #fff;}
.container1 {clear: both; margin-left: auto;margin-right: auto;padding-left:15px;padding-right:15px; max-width: 500px;}
.viddeo{padding-bottom:15px}
.section-row{ padding: 20px 0;}
.main-section{padding: 40px 0;}
.orange-bg{
background: rgba(246,131,30,1);
background: -moz-linear-gradient(top, rgba(246,131,30,1) 0%, rgba(253,178,58,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(246,131,30,1)), color-stop(100%, rgba(253,178,58,1)));
background: -webkit-linear-gradient(top, rgba(246,131,30,1) 0%, rgba(253,178,58,1) 100%);
background: -o-linear-gradient(top, rgba(246,131,30,1) 0%, rgba(253,178,58,1) 100%);
background: -ms-linear-gradient(top, rgba(246,131,30,1) 0%, rgba(253,178,58,1) 100%);
background: linear-gradient(to bottom, rgba(246,131,30,1) 0%, rgba(253,178,58,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6831e', endColorstr='#fdb23a', GradientType=0 );}
.title{text-align: center; margin-bottom: 30px;}

/* ========================================================================
 1.4 Hover animation by hover.css http://ianlunn.github.io/Hover/
 ========================================================================== */
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.hvr-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
  -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
/* Rectangle Out */
.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 171, 102, 0.9);
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active { color: white;}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}
/* Grow */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.twt-sect{    max-width: 500px;
    margin: 0 auto 20px;
    width: 100%;
    float: none;
    position: static;
    clear: both; }
/* ========================================================================
  2.1 Section: Header
========================================================================== */
.cover-header{margin-bottom: 75px;}
.navbar-brand , .navbar-brand:hover , .footer-logo , .footer-logo:hover{ font-family: 'open Sans'; color: #fff; font-weight: 700; }
.navbar-brand:hover , .footer-logo:hover , .navbar-brand:focus , .footer-logo:focus{ opacity: .9; font-size: 22px; }
.navbar-brand > img{ position: relative; width: 35px; top: -10px; display: inline-block; display: none; }

.navbar-nav > li > a{color: #fff;}
.navbar-nav > li > a:hover , .nav > li > a:focus{ background: transparent; color:#804509;}
.header-icon{ font-size: 18px;}

.cover-content{ text-align: center; padding-top: 60px; padding-bottom: 150px; position: relative; border-top: 1px solid #fdb45e;}
.cover-content h1{ color: #fff; margin-bottom: 25px; font-size: 30px;}
.cover-content p{color: #804509; margin-bottom: 25px; font-size: 16px;}
.call-to-action{text-align: center;}
.debookee-icon{ position: absolute; width: 100%; bottom: -35px; text-align: center; left: 0; }

/* DropDown Menu */
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{background: transparent; color:#f6841e;}
.navbar-right .dropdown-menu{ left: -25px; min-width: 140px; box-shadow: none; border-radius: 0; }
.dropdown-menu > li > a{padding: 3px 15px; border-radius: 1px solid #ccc;}
.dropdown-menu > li:last-child > a{border-bottom: none;}
.dropdown-menu:before{ content: " "; display: block; width: 0; height: 0; position: absolute; top: -10px; left: 58px;
border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #ffffff transparent; }

/* Mobile Menu */
.navbar-toggle .icon-bar{ background: #fff;}

/* Fixed Headr */
.fixed-header{margin-top: 50px;}
.fixed-header .page-nav{ position: fixed; top: 0; left: 0; width: 100%; background: #333; z-index: 100; }
.fixed-header .navbar-brand > img{ display: block; }
.fixed-header .navbar-brand > span{ display: none; }
.fixed-header .pricing-section .title{ margin-top: 20px; }

/* ========================================================================
  2.2 Section: Features
========================================================================== */
.features-section{}
.features-section .container{ max-width: 900px; }
.f-content{ padding-top: 40px; }
.f-content h2{ margin-bottom: 10px; font-size: 24px;}
.f-image{text-align: center;}

/* ========================================================================
  2.3 Section: Pricing
========================================================================== */
.pricing-section{ overflow-x:auto; }
.pricing-section .title{ color: #fff }

.pricing-block{ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top: 35px; }

.plans-table{ display: table; width: 100%;}
.plans-row{ display: table-row; background: #fff;}
.plans-cell{display: table-cell; text-align: center; padding:15px 10px; vertical-align: middle; }

.plan-header{ background:#2c2d2f; font-size: 16px; font-weight: bold; color: #f6841e; }
.info-row:nth-child(odd){background: #fafafa}
.info-row .plans-cell{ border-bottom: 1px solid #eee; border-right: 1px solid #eee; }
.info-row .plans-cell:last-child{ border-right: none; }
.info-row .plans-cell strong{ color: #999; }
.feature-cell{ width: 50%; text-align: left;}
.tick{ color: #f6841e; font-size: 20px;}

.options-header .plans-cell{ background: none; }
.plan-option{position: relative;}
.plan-option a{position: absolute; margin:0; top: -60px; left: 0; width: 100%; background:#fff; border-radius: 5px; padding:10px; display: block;}
.plan-option span, .plan-option strong{ display: block; }
.plan-option span{ font-weight: normal; font-size: 14px; margin-bottom: 5px; color: #666; height: 30px; line-height: 16px; }
.plan-option span small{ font-size: 9px; display: block;}
.plan-option strong{ color: #f6841e; }

.action-row{ background: none; }


/* ========================================================================
  2.4 Section: testimonial
========================================================================== */
.testimonial-block{ font-style: italic; }
.testimonial-block img{ display: block; margin: 0 auto; margin-bottom: 10px; text-align: center; }
.tw-content{ font-size: 14px; }
.tw-user{ margin-bottom: 0; margin-top: 10px; color: #999; font-size: 12px; }
.tw-acount a{color: #f6841e; font-size: 12px;}

/* ========================================================================
  2.5 Section: Photo Gallery
========================================================================== */
.video-section{ background: #fafafa; border-top: 1px solid #eee; }
.video-section img{ background: #eee; padding: 10px; border-radius: 8px; }

.gallery-section{ border-top:1px solid #eee;}

.photo-gallery {max-width: 900px}
.photo-gallery > ul > li { padding: 0;}
.photo-gallery > ul > li a { border: 3px solid #FFF; border-radius: 3px; display: block; overflow: hidden; position: relative; float: left; }
.photo-gallery > ul > li a > img {-webkit-transition: -webkit-transform 0.15s ease 0s; -moz-transition: -moz-transform 0.15s ease 0s; -o-transition: -o-transform 0.15s ease 0s; transition: transform 0.15s ease 0s; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); height: 100%; width: 100%;}
.photo-gallery > ul > li a:hover > img { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}

.lg-on{overflow: hidden;}
.lg-backdrop.in{background: rgba(0 , 0 , 0 , .85);}
.lg-sub-html{padding: 10px 90px;}
.lg-sub-html h4{ color: #fff; font-size: 20px; }
.lg-sub-html h4 a{ padding: 20px; color: #fff; display: inline-block; }
.lg-sub-html p{ font-size: 14px; }
.lg-outer.lg-thumb-open .lg-thumb-outer , .lg-outer .lg-toogle-thumb{background: #f6841e ;}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover{ border-color: #333; }

/* Popup icons styles */
.lg-icon{font-family: "FontAwesome"; color: #fff !important;}
.lg-actions .lg-next, .lg-actions .lg-prev{ padding-top: 13px; }
.lg-actions .lg-next::before{content:"\f054"}
.lg-actions .lg-prev::after{content:"\f053"}
.lg-outer .lg-toogle-thumb::after{content:"\f077"}
.lg-toolbar .lg-close::after{content:"\f00d"}
.lg-download.lg-icon{ display: none; }

/* ========================================================================
  2.6 Section: Video Gallery
========================================================================== */

.youtube-container {



}

.youtube-container iframe,
.youtube-container object,
.youtube-container embed {

    max-height: 315px;
    max-width: 560px;
    
}

.faq-section{ 
    background: #fafafa; 
    border-top: 1px solid #eee; 
    padding-left: 55px;
}

/* ========================================================================
  2.6 Section: Footers
========================================================================== */
.footer{ background: #2c2d2f; color: #fff; padding: 30px 0;}
.footer-logo{ display: block; font-size: 22px;}
.footer-menu{text-align: center;}
.footer-menu a{ color: #fff; padding: 0 15px;}
.footer-menu a:hover{color: #f6841e;}
.footer-icon{ font-size: 18px;}
.copyright{ text-align: right; margin-bottom: 0; margin-top: 5px;}

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
  }
  to {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
  }
}
@-moz-keyframes pulse {
  from {
    -moz-transform: scale3d(1, 1, 1);
  }
  to {
    -moz-transform: scale3d(1.1, 1.1, 1.1);
  }
}
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  to {
    transform: scale3d(1.1, 1.1, 1.1);
  }
}  
/*.twt-sect iframe#twitter-widget-0, .twt-sect iframe#twitter-widget-1, .video-section{margin: 0 0  20px !important} */
.twt-sect iframe#twitter-widget-0, .twt-sect iframe#twitter-widget-1{margin: 0 0  20px !important}
/* ========================================================================
  2. Responsive Styles
========================================================================== */
@media all and (max-width:1200px){
  .container{width: 100%;}
}
@media all and (max-width:991px){
  .footer , .copyright{text-align: center;}
  .footer-logo{margin-bottom: 10px; margin-top: 0;}
  .copyright{ margin-top: 15px; }
}
@media all and (max-width:767px){
  .fixed-header .page-nav{background: #f6841e}
  .navbar-collapse{ background: #333; text-align: center; position: absolute; overflow-x:hidden; z-index: 1; width: 100%; margin: 0; padding: 0; }
  .navbar-nav > li > a:hover{ background: #555; color: #fff; }
  .dropdown-menu::before{display: none;}
  .navbar-nav .open .dropdown-menu{ background: #999; }

  .plan-option{ padding: 10px 2px; }
  .lg-sub-html{padding: 10px 30px;}

  .video-section iframe{ height:400px !important;}
  .video-section{ text-align: center; }
  .video-section img{margin-bottom: 10px;}
  

}

@media all and (max-width:640px){
  .footer-menu a{padding: 0 7px;}
  .video-section iframe{ height:300px !important;}
}