/* 

Template Name: LeadOn

Description: Multi-purpose landing page

Author: roziek

Author URL: http://www.roziek.net

Support Email: itsroziek@gmail.com

Version: 1.0

Tags: Landing Page, Multipurpose Landing page, Html5, Css, Bootstrap, Javascript, Product landing page, App Landing page, E-book Landing page, Event Landing page, Software Landing page, Travel Landing Page,

*/



/* ------------------------------------------ */

/*             TABLE OF CONTENTS

/* ------------------------------------------ */



/*

        01  -   General style

        02  -   Typography

        03  -   Navigation

        04  -   Hero Section

        05  -   Features Section

        06  -   Product Section

        07  -   CTA Section

        08  -   Partner Section

        09  -   Team Section

        10  -   Pricing Section

        11  -   Counter Section

        12  -   Testimonial Section

        13  -   Image Gallery Section

        14  -   Event Schedule section

        15  -   Contact Section

        16  -   Footer Section

*/



/*

<----------- General Style ----------->

*/

@font-face {
    font-family: "Flaticon";
    src: url("../fonts/Flaticon.eot");
    src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
         url("../fonts/Flaticon.woff") format("woff"),
         url("../fonts/Flaticon.ttf") format("truetype"),
         url("../fonts/Flaticon.svg#Flaticon") format("svg");
    font-weight: normal;
    font-style: normal;
  }
  
  @media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
      font-family: "Flaticon";
      src: url("../fonts/Flaticon.svg#Flaticon") format("svg");
    }
  }
  
  [class^="flaticon-"]:before, [class*=" flaticon-"]:before,
  [class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
    font-family: Flaticon;
  font-style: normal;
  }
  
.flaticon-interface:before { content: "\f100"; }
.flaticon-clock:before { content: "\f101"; }
.flaticon-contact:before { content: "\f102"; }
.flaticon-technology-1:before { content: "\f103"; }
.flaticon-location:before { content: "\f104"; }
.flaticon-bookmark-star:before { content: "\f105"; }
.flaticon-globe:before { content: "\f106"; }
.flaticon-people:before { content: "\f107"; }
.flaticon-world-news:before { content: "\f108"; }
.flaticon-headphones:before { content: "\f109"; }
.flaticon-layers:before { content: "\f10a"; }
.flaticon-draw:before { content: "\f10b"; }
.flaticon-technology:before { content: "\f10c"; }
.flaticon-web:before { content: "\f10d"; }
.flaticon-file:before { content: "\f10e"; }
html {

	text-rendering: optimizeLegibility !important;

	-webkit-font-smoothing: antialiased !important;

}



body {

	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;

	font-size: 15px;

    line-height: 24px;

    color: #666;

    font-weight: 400;

}



/*

    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;}



.load {

    position: fixed;

    z-index: 9999;

    overflow: hidden;

    top: 0;

    bottom: 0;

    width: 100%;

    background: #fff;

    text-align: center;

}



.loader {

    display: block;

    position: absolute;

    left: 50%;

    top: 50%;

    width: 100px;

    height: 100px;

    margin: -45px 0 0 -45px;

    border: 6px solid transparent;

    border-top-color: #4E3C19;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    -webkit-animation: spin 2.5s linear infinite;

    animation: spin 2.5s linear infinite;

}



.loader:before {

    content: "";

    position: absolute;

    top: 5px;

    left: 5px;

    right: 5px;

    bottom: 5px;

    border: 6px solid transparent;

    border-top-color: #4E3C19;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    -webkit-animation: spin 3s linear infinite;

    animation: spin 3s linear infinite;

} 

.loader:after {

    content: "";

    position: absolute;

    top: 15px;

    left: 15px;

    right: 15px;

    bottom: 15px;

    border: 6px solid transparent;

    border-top-color: #4E3C19;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    -webkit-animation: spin 1.5s linear infinite;

    animation: spin 1.5s linear infinite;

}

@-webkit-keyframes spin {

    0%   {

        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */

        -ms-transform: rotate(0deg);  /* IE 9 */

        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */

    }

    100% {

        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */

        -ms-transform: rotate(360deg);  /* IE 9 */

        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */

    }

}



@keyframes spin {

    0%   {

        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */

        -ms-transform: rotate(0deg);  /* IE 9 */

        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */

    }

    100% {

        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */

        -ms-transform: rotate(360deg);  /* IE 9 */

        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */

    }

}



/*

<----------- Link & Image ----------->

*/

a {

    color: #4E3C19;

    text-decoration: none;

}



a,

a:link, 

a:visited, 

a:hover, 

a:active {

    text-decoration: none;

    outline: 0;

    -webkit-transition: all 0.3s ease-out;

    -moz-transition: all 0.3s ease-out;

    -ms-transition: all 0.3s ease-out;

    -o-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}

a:hover {

    color: #555;

    text-decoration: none;

}

a:focus {

    outline: none;

    text-decoration: none;

}



img {

    max-width: 100%;

}



/*

<----------- List ----------->

*/



ul {

    margin: 0;

    padding: 0;

    list-style: none;

}



/*

<----------- Section ----------->

*/

section,

footer {

    position: relative;

    overflow: hidden;

    padding-top: 100px;

	padding-bottom: 100px;

}



section.light-bg {

	background: #f4f6f8;

}



.overlay {

    background-color: rgba(23, 23, 23, 0.47);

}

.overlay.blue {

    background-color: rgba(0, 149, 235, 0.6);

}



/*

<----------- default theme color Background Section & Elements ----------->

*/



.theme-col {color: #4E3C19;}



section.theme-bg {

    background: rgba(250, 169, 25, 0.9);

    color: #fff;

}
.color-afro{
    background: #EE2D24 !important;
}


section.theme-bg h1,

section.theme-bg h2,

section.theme-bg h3,

section.theme-bg h4,

section.theme-bg h5,

section.theme-bg h6,

section.theme-bg p {

    color: #fff;

}



section.theme-bg .btn {

    background: #fff;

    color: #4E3C19;

}



section.theme-bg .btn:hover {

    background: #f2f4f6;

    color: #4E3C19;

}



section.theme-bg .btn-secondary {

    color: #fff;

    border-color: #fff;

    background: transparent;;

}



section.theme-bg .btn-secondary:hover {

    background: #fff;

    border-color: #fff;

    color: #4E3C19;

}



/*

<----------- Paddings & Margins ----------->

*/



/*    padding top    */

.p-t-150 {padding-top: 150px;}

.p-t-100 {padding-top: 100px;}

.p-t-80 {padding-top: 80px;}

.p-t-60 {padding-top: 60px;}

.p-t-40 {padding-top: 40px;}

.p-t-20 {padding-top: 20px;}



/*    padding bottom    */

.p-b-150 {padding-bottom: 150px;}

.p-b-100 {padding-bottom: 100px;}

.p-b-80 {padding-bottom: 80px;}

.p-b-60 {padding-bottom: 60px;}

.p-b-40 {padding-bottom: 40px;}

.p-b-20 {padding-bottom: 20px;}



/*    padding right    */

.p-r-60 {padding-right: 60px;}

.p-r-40 {padding-right: 40px;}

.p-r-20 {padding-right: 20px;}



/*    padding left    */

.p-l-60 {padding-left: 60px;}

.p-l-40 {padding-left: 40px;}

.p-l-20 {padding-left: 20px;}



/*    reset padding    */

.no-p-t {padding-top: 0;}

.no-p-b {padding-bottom: 0;}

.no-p-r {padding-right: 0;}

.no-p-l {padding-left: 0;}



/*    margin top    */

.m-t-150 {margin-top: 150px;}

.m-t-100 {margin-top: 100px;}

.m-t-80 {margin-top: 80px;}

.m-t-60 {margin-top: 60px;}

.m-t-40 {margin-top: 40px;}

.m-t-20 {margin-top: 20px;}

.m-t-10 {margin-top: 10px;}



/*    margin bottom    */

.m-b-150 {margin-bottom: 150px;}

.m-b-100 {margin-bottom: 100px;}

.m-b-80 {margin-bottom: 80px;}

.m-b-60 {margin-bottom: 60px;}

.m-b-40 {margin-bottom: 40px;}

.m-b-20 {margin-bottom: 20px;}

.m-b-10 {margin-bottom: 10px;}



/*    reset margin    */

.no-m-t {margin-top: 0;}

.no-m-b {margin-bottom: 0;}

.no-m-r {margin-right: 0;}

.no-m-l {margin-left: 0;}



/*

<----------- fonts sizes & weight ----------->

*/

.font-20 {font-size: 20px;}

.font-40 {font-size: 40px;}

.font-60 {font-size: 60px;}



.f-w-300 {font-weight: 300;}

.f-w-400 {font-weight: 400;}

.f-w-700 {font-weight: 700;}

.f-w-900 {font-weight: 900;}



/*

<----------- Headings & Paragraph ----------->

*/



h1, .h1, 

h2, .h2, 

h3, .h3, 

h4, .h4, 

h5, .h5,

h6, .h6 {

    margin-top: 0;

    margin-bottom: 0;

    color: #555;

    cursor: default;

}



h1, .h1 {

    font-weight: 300;

    font-size: 60px;

    line-height: 68px;

    margin-bottom: 20px;

}



h2, .h2 {

    font-weight: 300;

    font-size: 50px;

    line-height: 58px;

    margin-bottom: 20px;

}



h3, .h3 {

    font-weight: 300;

    font-size: 40px;

    line-height: 48px;

    margin-bottom: 18px;

}



h4, .h4 {

    font-weight: 300;

    font-size: 26px;

    line-height: 36px;

    margin-bottom: 15px;

}



h5, .h5 {

    font-weight: 400;

    font-size: 20px;

    line-height: 24px;

    margin-bottom: 15px;

}



h6, .h6 {

	font-weight: 400;

	font-size: 16px;

	line-height: 20px;

}



p {

    font-size: 16px;

    line-height: 1.5;

    color: #9a9a9a;

}



p.md {

    font-size: 18px;

    line-height: 1.5;

}



p.lead {

    font-size: 20px;

    line-height: 1.4;

}



p.sm-title {

    font-size: 24px;

    font-weight: 300;

    color: #999;

}



p.md-title {

    font-size: 30px;

    font-weight: 300;

    color: #999;

}



p.lg-title {

    font-size: 40px;

    font-weight: 300;

    color: #999;

}



/*

<----------- Buttons ----------->

*/



.btn {

	display: inline-block;

    padding: 13px 25px;

    margin-bottom: 7px;

    margin-right: 5px;

    font-size: 14px;

    min-width: 140px;

    font-weight: 700;

    vertical-align: middle;

    white-space: pre-line;

    text-align: center;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    cursor: pointer;

    color: #fff;

    background: #FAA919;

    border-color: #FAA919;

    text-transform: uppercase;

    letter-spacing: 0.6px;

    -webkit-transition: all 0.3s ease-out;

    -moz-transition: all 0.3s ease-out;

    -ms-transition: all 0.3s ease-out;

    -o-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}



.btn:focus,

a.btn:focus,

.btn:hover,

a.btn:hover,

.btn.active:focus,

a.btn.active:focus,

.btn:active:focus,

a.btn:active:focus {

    color: #fff;

    outline: none;

    background: #EE2D24;

    border-color: #EE2D24;

}



.btn-sm, 

a.btn-sm {

    padding: 7px 19px;

    font-size: 14px;

    min-width: 100px;

}



.btn-lg, 

a.btn-lg {

    padding: 15px 30px;

    font-size: 16px;

    min-width: 180px;

}



.btn-xl, 

a.btn-xl {

    padding: 18px 30px;

    font-size: 18px;

}



.btn-secondary {

    background: transparent;

    color: #4E3C19;

    border-color: #4E3C19;

}



.btn-secondary:focus,

a.btn-secondary:focus,

.btn-secondary:hover,

a.btn-secondary:hover,

.btn-secondary.active:focus,

a.btn-secondary.active:focus,

.btn-secondary:active:focus,

a.btn-secondary:active:focus {

    color: #fff;

    outline: none;

    background: #4E3C19;

}



/* Green color button */

.btn.green {

    color: #fff;

    background: #23CE6E;

    border-color: #23CE6E;

}



.btn.green:focus,

a.btn.green:focus,

.btn.green:hover,

a.btn.green:hover,

.btn.green.active:focus,

a.btn.green.active:focus,

.btn.green:active:focus,

a.btn.green:active:focus {

    color: #fff;

    background: #20bf65;

    border-color: #20bf65;

}



.btn-secondary.green {

    background: transparent;

    color: #23CE6E;

    border-color: #23CE6E;

}



.btn-secondary.green:focus,

a.btn-secondary.green:focus,

.btn-secondary.green:hover,

a.btn-secondary.green:hover,

.btn-secondary.green.active:focus,

a.btn-secondary.green.active:focus,

.btn-secondary.green:active:focus,

a.btn-secondary.green:active:focus {

    color: #fff;

    outline: none;

    background: #23CE6E;

}



/* White color button */

.btn.white {

    color: #4E3C19;

    background: #fff;

    border-color: #fff;

}



.btn.white:focus,

a.btn.white:focus,

.btn.white:hover,

a.btn.white:hover,

.btn.white.active:focus,

a.btn.white.active:focus,

.btn.white:active:focus,

a.btn.white:active:focus {

    color: #555;

    background: #f4f4f4;

    border-color: #f4f4f4;

}



.btn-secondary.white {

    background: transparent;

    color: #fff;

    border-color: #fff;

}



.btn-secondary.white:focus,

a.btn-secondary.white:focus,

.btn-secondary.white:hover,

a.btn-secondary.white:hover,

.btn-secondary.white.active:focus,

a.btn-secondary.white.active:focus,

.btn-secondary.white:active:focus,

a.btn-secondary.white:active:focus {

    color: #555;

    outline: none;

    background: #fff;

    border-color: #fff;

}



/*

<----------- Form Input ----------->

*/



input[type=email]:focus,

input[type=text]:focus,

select:focus,

input[type=email]:active,

input[type=text]:active,

select:active {

    outline: none;

    box-shadow: none;

    border: none;

}



label.error {

    color: #e81300;

    font-size: 14px;

}



/*

<----------- Navigation ----------->

*/



.navbar {

    margin-bottom: 0;

    padding: 0;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

}



.navbar-toggle {

    border: none;

}



.navbar-right {

    margin-right: 0;

}



.navbar-toggle .icon-bar {

    background-color: #4E3C19;

    width: 24px;

}



.nav > li > a {

    padding : 15px 15px;

}



.navbar-brand {

    height: 50px;

    padding: 10px 15px;

}



.navbar-brand img {

    height: 70px;

}
.navbar{
    min-height: 90px;
}


.nav-base {

    width:100%;

    padding: 15px 0;

    position:fixed;

    top:0;

    left:0;

    transition: all 500ms ease-in-out;

    z-index: 999;

}



.nav-base #navigation ul li a {

    text-transform: uppercase;

    font-size: 14px;

    font-weight: 700;

}



.nav-base.mini-nav {

    padding: 8px 0;

    box-shadow: 0 0 2px rgba(100, 100, 100, 0.3)

}



.nav > li > a:focus,

.nav > li > a:hover {

    background-color: transparent;

}



.nav-base #navigation ul li a.btn {

    padding: 7px 15px;

    margin-bottom: 0;

    margin-right: 0px;

    margin-top: 30px;

    min-width: 40px;

}



.nav-base.dark.mini-nav #navigation ul li.active a,

.nav-base.light.mini-nav #navigation ul li.active a,

.nav-base.dark-bg.mini-nav #navigation ul li.active a,

.nav-base.light-bg.mini-nav #navigation ul li.active a {

    color: #4E3C19;

}



/* nav without background on dark elements */

.nav-base.dark {

    background: transparent;

}



.nav-base.dark #navigation ul li a {

    color: #fff;

}



.nav-base.dark #navigation ul li a:hover {

    color: #4E3C19;

}



.nav-base.dark #navigation ul li a.btn {

    color: #fff; 

    background: #4E3C19;

}



.nav-base.dark #navigation ul li a.btn:hover {

    background: transparent; 

    color: #fff; 

    border-color: #fff;

}



.nav-base.dark #navigation ul li a.btn-secondary {color: #fff; 

    border-color: #fff; 

    background: none;

}



.nav-base.dark #navigation ul li a.btn-secondary:hover {

    color: #fff; 

    border-color: #4E3C19; 

    background: #4E3C19;

}



.nav-base.dark.mini-nav {

    background: #fff;

}



.nav-base.dark.mini-nav #navigation ul li a {

    color: #666;

}



.nav-base.dark.mini-nav #navigation ul li a:hover {

    color: #4E3C19;

}



.nav-base.dark.mini-nav #navigation ul li a.btn {

    color: #5E471B; 

    border-color: #5E471B; 

    background: transparent;

}



.nav-base.dark.mini-nav #navigation ul li a.btn:hover {

    color: #fff; 

    border-color: #4E3C19; 

    background: #4E3C19;

}



.nav-base.dark.mini-nav #navigation ul li a.btn-secondary {

    color: #fff; 

    border-color: #4E3C19; 

    background: #4E3C19;

}



.nav-base.dark.mini-nav #navigation ul li a.btn-secondary:hover {

    color: #70531b; 

    border-color: #70531b; 

    background: transparent;

}



/* nav without background on light elements */

.nav-base.light {

    background: transparent;

}



.nav-base.light #navigation ul li a {

    color: #666;

}



.nav-base.light #navigation ul li a:hover {

    color: #4E3C19;

}



.nav-base.light #navigation ul li a.btn {

    color: #fff;

    background: #4E3C19;

 }



.nav-base.light #navigation ul li a.btn:hover {

    color: #4E3C19;

    background: transparent;

 }



.nav-base.light #navigation ul li a.btn-secondary {

    color: #4E3C19;

    background: none;

 }



.nav-base.light #navigation ul li a.btn-secondary:hover {

    color: #fff;

    background: #4E3C19;

 }



.nav-base.light.mini-nav {

    background: #fff;

}



.nav-base.light.mini-nav #navigation ul li a {

    color: #555;

}



.nav-base.light.mini-nav #navigation ul li a:hover {

    color: #4E3C19;

}



.nav-base.light.mini-nav #navigation ul li a.btn {

    color: #4E3C19;

    background: transparent;

 }



.nav-base.light.mini-nav #navigation ul li a.btn:hover {

    color: #fff;

    background: #4E3C19;

 }



.nav-base.light.mini-nav #navigation ul li a.btn-secondary {

    color: #fff;

    background: #4E3C19;

 }



.nav-base.light.mini-nav #navigation ul li a.btn-secondary:hover {

    color: #4E3C19;

    background: none;

 }



/* Nav with dark background */

.nav-base.dark-bg {

    background: #242424;

}



.nav-base.dark-bg #navigation ul li a {

    color: #fff;

}



.nav-base.dark-bg #navigation ul li a:hover {

    color: #4E3C19;

}



.nav-base.dark-bg #navigation ul li a.btn {

    color: #fff;

    background: #4E3C19;

 }



.nav-base.dark-bg #navigation ul li a.btn:hover {

    color: #fff;

    border-color: #fff;

    background: transparent;

 }



.nav-base.dark-bg #navigation ul li a.btn-secondary {

    color: #fff;

    border-color: #fff;

    background: none;

 }



.nav-base.dark-bg #navigation ul li a.btn-secondary:hover {

    color: #fff;

    border-color: #4E3C19;

    background: #4E3C19;

 }



.nav-base.dark-bg.mini-nav {

    background: #232323;

}



/* Nav with light background */

.nav-base.light-bg {

    background: #fff;

}



.nav-base.light-bg #navigation ul li a {

    color: #555;

}



.nav-base.light-bg #navigation ul li a:hover {

    color: #4E3C19;

}



.nav-base.light-bg #navigation ul li a.btn {

    color: #fff;

    background: #4E3C19;

 }



.nav-base.light-bg #navigation ul li a.btn:hover {

    color: #4E3C19;

    background: transparent;

 }



.nav-base.light-bg #navigation ul li a.btn-secondary {

    color: #4E3C19;

    background: none;

 }



.nav-base.light-bg #navigation ul li a.btn-secondary:hover {

    color: #fff;

    background: #4E3C19;

 }



.nav-base.light-bg.mini-nav {

    background: #fff;

}



.nav-base #navigation ul li.active a {

    color: #4E3C19;

}



/*

<----------- Hero section ----------->

*/



/* Hero style 1*/

#hero_1 {

    background: url('../img/bg-4.jpg') center top;

    background-attachment: fixed;

}



#hero_1 h1,

#hero_1 .h4 {

    color: #fff;

}



/* Hero style 2*/

#hero_2 {

    background: url('../img/bg-8.jpg') right top;

    background-attachment: fixed;

}



#hero_2 .intro h1 {

    color: #fff;

}



#hero_2 .intro .h4 {

    color: #fff;

    font-weight: 400;

}



#hero_2 .intro p.lead {

    line-height: 1.4;

    color: #DDD;

}



/* Hero style 3 */

#hero_3 {

    background: #66aaaf;

    background-attachment: fixed;

}



#hero_3 h1,

#hero_3 .h4,

#hero_3 p.lead {

    color: #fff;

}



/* Hero style 4 */

#hero_4 {

    background: url('../img/bg-9.jpg') center center;

    background-attachment: fixed;

}



#hero_4 h1 {

    color: #fff;

}



#hero_4 p {

    color: #EEE;

}



/* hero style 5 */

#hero_5 {

    background: url('../img/bg-1.jpg') no-repeat center center;

    background-attachment: fixed;

}



#hero_5 h1,

#hero_5 .h4 {

    color: #fff;

}



/* hero style 6 */

#hero_6 {

    background: url('../img/bg-3.jpg') no-repeat center;

    background-attachment: fixed;

}



#hero_6 h1,

#hero_6 h2,

#hero_6 p.lead {

    color: #fff;

}



#hero_6 a.btn.btn-secondary {

    min-width: 240px;

}



/* Countdown Timer */

#timer .h2,

#timer h4,

#timer {

    color: #fff;

    width: 100%;

}



#timer li {

    margin: 0 20px;

}



/* Hero Style 7 */

#hero_7 {

    background: url('../img/bg-7.jpg') no-repeat center center;

    background-attachment: fixed;

}



#hero_7 h1,

#hero_7 p.lead {

    color: #fff;

}



#hero_7 .signup-form {

    background: #fff;

    padding: 25px;

    margin-left: 40px;

    overflow: hidden;

}



/* Hero style 8 */

#hero_8 {

    background: url('../img/bg-5.jpg') center center;

    background-attachment: fixed;

}



#hero_8 h1,

#hero_8 .h3 {

    color: #fff;

}



/* Hero Style 9 */



#hero_9 {

    background: url('../img/bg-6.jpg') no-repeat center top;

    background-attachment: fixed;

}



#hero_9 .newsletter .form-control {

    background: #fff;

    border: 1px solid #eee;

    border-radius: 4px 0 0 4px;

    font-size: 16px;

    padding: 15px;

    box-shadow: none;

    height: 54px;

}



#hero_9 .newsletter .input-group-btn {

    border-radius: 0 4px 4px 0;

}



#hero_9 .newsletter .input-group-btn .btn {

    min-width: 80px;

    margin: 0;

    line-height: 2px;

    padding: 25px;

}



#hero_9 h1,

#hero_9 p.lead,

#hero_9 .email-success-text,

#hero_9 .email-error-text {

    color: #fff;

}



/* Hero style 10 */

#hero_10 {

    background: url('../img/bg-4.jpg') no-repeat center center;

    background-attachment: fixed;

}



#hero_10 h1 {

    color: #fff;

}



#hero_10 p.sm-title {

    color: #DDD;

    font-size: 22px;

    line-height: 1.5;

}



#hero_10 .signup-form {

    background: #fff;

    padding: 25px;

    margin-left: 40px;

    overflow: hidden;

}



/*

<----------- Features Section Style ----------->

*/



/* Features style Base */

.f-icon {

    float: left;

    text-align: center;

}



.f-icon span {

    color: #EE2C25;

    font-size: 36px;

    line-height: 36px;

    height: 36px;

    width: 36px;

    margin-top: 6px;

}



.f-text {

    overflow: hidden;

    padding-left: 20px;

}



.f-text h4,

.f-text h5 {

    margin-bottom: 5px;

    color: #333333;

}



.f-text p {

    margin-bottom: 0px;

    line-height: 1.6;

    color: #9a9a9a;

}



/* Feature Style 3 */

#features_3 .f-icon span {

    font-size: 30px;

    line-height: 30px;

    width: 30px;

    height: 30px;

}



#features_3 .f-text {

    padding-left: 10px;

}



/* Feature Style 4 */

#features_4 .f-icon span {

    font-size: 30px;

    line-height: 60px;

    border: 2px solid #4E3C19;

    padding: 12px;

    border-radius: 50%;

    margin-top: -5px;

}



#features_4 .f-text h5 {

    margin-bottom: 10px;

}



/* Feature Style 5 */

#features_5 .f-box {

    margin-bottom: 20px;

}



#features_5 .left .f-icon {

    float: left;

    text-align: center;

}



#features_5 .right .f-icon {

    float: right;

    text-align: center;

}



#features_5 .f-icon span {

    color: #4E3C19;

    font-size: 30px;

    line-height: 30px;

}



#features_5 .left .f-text {

    overflow: hidden;

    padding-left: 20px;

}



#features_5 .right .f-text {

    overflow: hidden;

    padding-right: 20px;

}



#features_5 .f-text h5 {

    margin-bottom: 5px;

    font-weight: 400;

}



#features_5 .f-text p {

    margin-bottom: 0;

}



/* Feature Style 6 */

#features_6 .f-text h5 {

    color: #666;

    font-weight: 400;

}



/* Common Feature List Style */

.feature-list {

    font-size: 20px;

    font-weight: 300;

}



.feature-list li {

    line-height: 1.6;

}



.feature-list li span {

    font-size: 18px;

    padding-right: 10px;

}



/*

<----------- Product section & carousel ----------->

*/

.product-box {}



.product-box h4 {

    margin: 10px 0 0 0;

}



.product-box p.text {

    text-transform: uppercase;

    color: #999;

    line-height: 18px;

}



.product-box p {

    margin: 5px;

}



.product-box p.ratings {

    color: #ffe900;

}



.product-box p.price {

    color: #83b542;

    font-size: 24px;

    font-weight: 700;

}



/* Product style 2 */

#product_2 .img-box {

    background: #fff;

}



#product_2 .img-box img {

    margin: 0 auto;

}



#product_2 .package {

    padding: 20px;

    background: #fff;

    border-bottom: 2px solid #E9E9E9;

}



#product_2 .package h5 {

    color: #4E3C19;

    font-size: 20px;

    margin-bottom: 0;

    font-weight: 700;

}



#product_2 .package p.ratings {

    color: #ffe900;

    margin-bottom: 0;

}



#product_2 .package p.days {

    margin-bottom: 10px;

    color: #AAA;

}



#product_2 .package a {

    margin-bottom: 0;

}



/*

<----------- Call to action Section Style ----------->

*/



/* cta style 1 */

#cta_1 .btn {

    margin-bottom: 0;

}



#cta_1 h3 {

    line-height: 54px;

    font-size: 36px;

}



/* cta style 2 */

#cta_2 a.btn {

    margin-bottom: 0;

}



/*

<----------- Partner Section ----------->

*/



#partners_1 .partner-logo div {

    margin: 20px 0 0 0;

}



#partners_1 .partner-logo img {

    max-width: 100%;

}



/*

<----------- Team Section ----------->

*/



/* Team style 1*/

#team_1 .team-member img {

    max-width: 100%;

    border-radius: 4px;

    margin-bottom: 10px;

}



#team_1 .team-member .social {

    font-size: 18px;

    margin-bottom: 10px;

}



#team_1 .team-member .social a {

    color: #999;

}



#team_1 .team-member .social a:hover {

    color: #4E3C19;

}



#team_1 .team-member .social li {

    margin: 0 5px;

}



#team_1 .team-member h4 {

    color: #555;

    font-size: 22px;

    font-weight: 400;

    margin-bottom: 0;

}



#team_1 .team-member p {

    color: #BBB;

    font-size: 15px;

    margin-bottom: 0;

    text-transform: uppercase;

}



/*

<----------- Pricing Plans Section ----------->

*/



/* Pricing Plans Style 1 */

#pricing_1 .plan-container {

    background: #f2f4f6;

    border-radius: 6px;

    padding: 30px;

}



#pricing_1 .plan-details .title {

    font-size: 20px;

    font-weight: 700;

    line-height: 30px;

}



#pricing_1 .plan-details .price {

    font-size: 30px;

    line-height: 50px;

    font-weight: 700;

}



#pricing_1 .plan-details .price span {

    font-size: 50px;

}



#pricing_1 .plan-details .duration {

    font-size: 16px;

    color: #999;

    text-transform: uppercase;

    font-weight: 700;

    margin-bottom: 10px;

}



#pricing_1 .plan-details .button {

    margin-top: 15px;

}



#pricing_1 .plan-container:hover {

    background: #f7f8f9;

}



/* Pricing plans style 2 */

#pricing_2 .plan-container {

    padding: 30px;

    text-align: center;

    border-radius: 6px;

}



#pricing_2 .plan-container.one {

    border: 2px solid #eee;

}



#pricing_2 .plan-container ul.plan-details .title {

    font-size: 20px;

    font-weight: 700;

}



#pricing_2 .plan-container ul.plan-details .price {

    font-size: 30px;

    font-weight: 700;

    line-height: 100px;

}



#pricing_2 .plan-container ul.plan-details .price span {

    font-size: 60px;

    font-weight: 900;

}



#pricing_2 .plan-container ul.plan-details .button {

    margin-top: 15px;

}



#pricing_2 .plan-container.two {

    border: 2px solid transparent;

    background: rgba(0, 149, 235, 0.6);

    color: #fff;

}



#pricing_2 .plan-container.two .btn-secondary {

    border-color: #fff;

    color: #fff;

}



#pricing_2 .plan-container.two .btn-secondary:hover {

    border-color: #fff;

    color: #555;

    background: #fff;

}



/*

<----------- Stitistics Counter Section Style ----------->

*/

#counter_1 {

    background: url('../img/counter-bg.jpg') no-repeat center bottom;

    background-attachment: fixed;

}



#counter_1 .count {

    color: #fff;

    font-size: 48px;

    line-height: 60px;

    font-weight: 900;

}



#counter_1 .title {

    color: #fff;

    font-size: 18px;

    text-transform: uppercase;

    font-weight: 700;

}



/*

<----------- Testimonials & Reviews Section Style ----------->

*/



/* Testimonial style 1 */

#testimonial_1 .item {

    display: block;

    height: auto;

    width: 100%;

}



/* Testimonial style 2 */

#testimonial_2 {

    background: url('../img/testimonial-bg.jpg') no-repeat top center;

    background-attachment: fixed;

}



#testimonial_2 p.ratings {

    color: #ffe900;

    font-size: 20px;

}



#testimonial_2 h3 {

    color: #fff;

}



#testimonial_2 h5 {

    color: #4E3C19;

}



#testimonial_2 p {

    color: #fff;

}



#testimonial_2 p.h6 {

    color: #DDD;

}



/*

<----------- Image Gallery Section ----------->

*/



#image-gallery .item,

#image-gallery ul li {

    position: relative;

}



#app_screens_1 .item .cover,

#image-gallery ul li .cover {

    position: absolute;

    background: rgba(0,0,0,0.6);

    opacity: 0;

    top: 0;

    bottom: 0;

    width: 100%;

    cursor: url("../img/icon-zoom.png"), pointer;

    -webkit-transition: all 0.3s ease-out;

    -moz-transition: all 0.3s ease-out;

    -ms-transition: all 0.3s ease-out;

    -o-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}



#app_screens_1 .item:hover .cover,

#image-gallery ul li:hover .cover {

    opacity: 1;

}



/*

<----------- Event Schedule Section Style ----------->

*/



.schedule-title li a {

    padding: 0 15px;

    background: none;

}



.schedule-title li.active > a,

.schedule-title li.active > a:focus,

.schedule-title li.active > a .h4,

.schedule-title li.active > a .h5 {

    background: none;

    color: #4E3C19;

}



.schedule-title li.active > a:hover {

    color: #4E3C19;

    background: none;

}



.schedule-title li a,

.schedule-title li a .h5,

.schedule-title li a .h4 {

    cursor: pointer;

    color: #555;

}



.schedule-title li a:hover,

.schedule-title li a:hover .h5,

.schedule-title li a:hover .h4 {

    color: #4E3C19;

}



.schedule-box {

    background: #fff;

    border-top: 2px solid #f1f1f1;

    padding: 25px;

}



.schedule-box ul.details {}



.schedule-box ul.details li {

    margin-bottom: 20px;

    border-bottom: 1px solid #EEE;

}



.schedule-box ul.details li:last-child {

    margin-bottom: 0;

    border-bottom: none;

}



.schedule-box h5 {

    color: #4E3C19;

}



.schedule-box .icon {

    float: left;

    text-align: center;

    color: #4E3C19;

    font-size: 30px;

    line-height: 48px;

}



.schedule-box .text {

    padding-left: 20px;

    overflow: hidden;

}



.schedule-box .text p {

    margin-bottom: 20px

}



/*

<----------- Contact Form Section Style ----------->

*/



#contact_1 .form-control {

    background: #EEE;

    border: 2px solid #EEE;

    border-radius: 0;

    color: #666;

    height: 46px;

    padding: 10px 12px;

    box-shadow: none;

    font-size: 16px;

}



#contact_1 textarea.form-control {

    height: auto;

    max-width: 100%;

    min-width: 100%;

}



#contact_1 .form-control:focus,

#contact_1 .form-control:active {

    background: #fff;

}



#contact_1 .text h4 {

    margin-bottom: 0;

}



#contact_1 .text h5 {

    font-size: 18px;

    margin-bottom: 10px;

}



#contact_1 .text h5 span {

    color: #4E3C19;

    font-size: 24px;

    padding-right: 15px;

}



/*

<----------- Signup Form Section Style ----------->

*/



#signup_1 input[type=email],

#signup_1 input[type=text],
textarea,

#signup_1 select {

    background: #fff;

    border-radius: 4px;

    border: 1px solid #DDD;

    padding: 15px;

    font-size: 16px;

    width: 100%;

}



.footer .email-success-text,

.footer .email-error-text {

    color: #fff;

}



/*

<----------- Footer Section Style ----------->

*/



.footer {

    background: #201525;

}



/* footer style 1 */

#social_footer_1 h3,

#social_footer_1 h4,

#social_footer_1 h5,

#social_footer_1 p.lead {

    color: #fff;

}



#social_footer_1 .social li a {

    color: #fff;

    font-size: 24px;

    margin: 0 5px;

}



/* footer style 2 */

#footer_2 {

    text-align: center;

}



#footer_2 .icon span {

    color: #FAA919;

    font-size: 40px;

}



#footer_2 h4 {

    font-size: 24px;

    color: #fff;

    margin-bottom: 0;

}



#footer_2 p {

    color: #fff;

    font-size: 16px;

    margin-bottom: 0;

}



#footer_2 a {

    color: #fff;

}



/* footer style 3 */

#footer_3 .newsletter .form-control {

    background: #fff;

    border: 1px solid #eee;

    border-radius: 4px 0 0 4px;

    font-size: 16px;

    padding: 15px;

    box-shadow: none;

    height: 54px;

}



#footer_3 .newsletter .input-group-btn {

    border-radius: 0 4px 4px 0;

}



#footer_3 .newsletter .input-group-btn .btn {

    min-width: 25px;

    margin: 0;

    line-height: 2px;

}



#footer_3 .newsletter .input-group-btn .btn i {

    font-size: 24px;

}



#footer_3 h3,

#footer_3 h4 {

    color: #fff;

}



#footer_3 .social li a {

    color: #fff;

    font-size: 24px;

}
input[type=file] {
    display: block;
    width: 100%;
    margin-top: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
}
/*discount bar */
section.topbar {
    position: fixed;
    top: 0;
    background: #fff;
    z-index: 999;
    padding: 0;
    width: 100%;
    text-align: center;
}
p.discount {
    font-size: 19px;
    color: #ee2d25;
    font-weight: bold;
}