/*
Flatone Sales and Marketing Landing Page
- Common 
- Colors
- Header Section
- Menu
- Services
- Feature section
- Clients
- Team
- Price Table
- Subscription and Contact form
- FAQ
- Footer
- footer social icon
- footer copyright text
- Scroll to top
- Custom Media Query
*/
/* Common */
body{
color:#979CA2;
font-size:18px;
font-weight:400;
}
p{
font-size: 20px;
line-height: 24px;
}
a:focus{
text-decoration:none;
border:0;
outline:0;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
}
h2 {
font-family: 'Amatic SC', cursive;
color: #FFFFFF;
font-size: 56px;
letter-spacing:1.6px;
text-transform: uppercase;
display:inline-block;
margin-top:60px;
margin-bottom:60px;	
}
h3 {
color:#ffcd05;	
display:inline-block;
font-size: 46px;
margin-top:60px;
margin-bottom:60px;	
}
h2 span, h3 span{
border-bottom: 4px solid #ffcd05;
clear: both;
display: block;
left: 50%;
margin-left:-60px;
position: absolute;
text-align: center;
width: 120px;
height:20px;
}
li{
font-size:14px;
line-height: 24px;	
}
.wrapper{
width:100%;
padding:100px 0;
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11,.col-md-112{
padding-bottom:10px;
}
/* Colors */
.white{
background:#fff;
}
.deepblue{
background:#353B49;
}
.deepblue_footer{
background:#353B49;
}
/* Header Section */
.logo{
padding:0 0 30px 0px;
}
.slogan{
font-size:92px;
text-transform:uppercase;
color: #FFFFFF;
height:160px;
padding:70px 0;
}
.slogan span{
color:#ffcd05;
}
.bx-wrapper {
margin: 0 auto 100px!important;
border:0px solid #fff;
width:90%;	
}
ul.bxslider{
padding:0px;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
bottom:-50px!important;
}
.bx-wrapper .bx-pager.bx-default-pager a{
background:#fff!important;
width:15px!important;
height:15px!important;
border-radius:100%!important;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{
background:#ffcd05!important;
}
.purchase_button{
font-family: 'Amatic SC', cursive;
background-color:#58b6dd;
border: 1px solid #fff;
border-radius: 3px;
box-shadow: none;
color: #FFFFFF;
text-align: center;
text-decoration: none;
font-size: 26px;
padding:12px 60px;
/*transition*/
-webkit-transition:all 0.2s ease 0s;
-moz-transition:all 0.2s ease 0s;
-o-transition:all 0.2s ease 0s;
transition:all 0.2s ease 0s;	
}
a.purchase_button:hover{
background:#ffcd05;
text-decoration:none;
color:#fff;
}
.top{
/* height: 768px;    */     
top: 0px;
z-index: -1;
width:100%;
height: 600px;
background-color: rgba(53,59,73,0.9);
}
.top h2{
text-transform:uppercase;
font-size:3.5em!important;
padding-bottom:20px;
}
.top_wrapper{
top: 0px;
z-index: -1;
width:100%;
background-image: url("../images/vintage-history.jpg");
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover; 
background-size: cover; 
}
.topa{
/* height: 768px;    */     
top: 0px;
z-index: -1;
width:100%;
height: 600px;
}
.topa h2{
text-transform:uppercase;
font-size:3.5em!important;
padding-bottom:20px;
}
.topa_wrapper{
top: 0px;
z-index: -1;
width:100%;
background-image: url("../images/vintage-clothing-catalog.jpg");
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover; 
background-size: cover; 
}

/* Menu */
#nav.affix {
position: fixed;
top: 0;
width: 100%
}
ul.nav{
margin-top:10px;
}
#nav > .navbar-inner {
border-left: 0;
border-right: 0;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
}
.navbar-brand {
float: left;
line-height: 20px;
padding: 20px;
}
.navbar{
background: #353B49;
border:none;
border-radius:0;
opacity: 0.9;
}
.navbar-nav > li > a{
color:#fff;
font-size: 18px;
text-transform:uppercase;	
}
.nav > li > a:focus{
background:none;
}
.nav > li > a:hover {
text-decoration: none;
background:none;
color: #ffcd05;
}
.nav > li.current a{
text-decoration: none;	
color: #ffcd05;
}
.navbar-toggle{
background:#fff;
}
.navbar-toggle .icon-bar{
background:#123241;
}
#nav-wrapper {
display: block;
width: 100%;
z-index:999999
}
/* Services */
#section2 .wrapper{
padding-top:105px;
padding-bottom:70px;
}
.service h2{
font-size:20px;
color:#6E8697;
text-transform:none;
margin:0 0 60px;
font-weight: lighter;
}
.service h3{
margin-top:30px;
line-height: 34px;
}
h4{
font-size:30px;
margin:40px 5px 20px;
color:#6E8697;
}
.service .fa{
/* background: none repeat scroll 0 0 #6E8697; */
background:#f5f5f5;
border-radius: 50%;
font-size: 56px;
height: 140px;
padding: 48px 0 0 0;
width: 140px;
color:#353B49;
}
.service p{
color:#979CA2;
padding: 0 3px;
}
.alt_heading h2{
color:#353B49; 
font-size: 62px; 
margin-bottom: 40px; 
text-transform:uppercase;
}
/* Feature section */
.fet{
padding-bottom:70px;
}
.fet img {
width:100%;
}
.spc{
padding-bottom:80px;
}
.fet h3{
margin-bottom: 30px;
margin-top: 0px;
}
.ao-item{
padding:40px 0 15px;
}
.ao-item .ao-details {
background: transparent url(../images/anotation/try.png) no-repeat bottom left;
padding-bottom: 60px;
}
.ao-details h3{
margin-bottom:30px;
}
/* Clients */
#section4 .white{
padding-bottom:75px;
}
blockquote{
border-left: 5px solid #ffcd05;
}
blockquote p{
font-size:15px;
font-style:normal;
}
.rht blockquote{
border-right: 5px solid #ffcd05;
border-left:none;
}
.clients img{
width:73px;
border-radius:3px;
}
/* Team */
#section5 .white{
padding-bottom:75px;
}
.team{
padding: 0px 20px 0;
}
.team img{
width:  200px;
/*border-radius*/
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
/*transition*/
-webkit-transition:all 0.5s linear 0s;
-moz-transition:all 0.5s linear 0s;
-o-transition:all 0.5s linear 0s;
transition:all 0.5s linear 0s;			
}
.team img:hover{
/* transform:scale(1.2); */
}
.team p{
/* padding-top: 10px; */
}
.team h4{
margin:18px 0 0 0;
}
.funfact{
padding:30px 20px 13px;
}
.funfact span {
border: 1px solid;
border-radius: 100% 100% 100% 100%;
display: block;
font-size: 4em;
font-weight: 300;
height: 200px;
margin: 0 auto 10px;
padding: 91px 55px 55px 55px ;
text-align: center;
width: 200px;
}
/* Price Table */
.price{
width:100%;
padding:100px 0 75px;	
}
.lightgray{
background:#F9F9F9;
}
.flat .plan {
border-radius: 6px;
list-style: none;
padding: 0 0 20px;
margin: 0 0 15px;
background: #fff;
text-align: center;
/*transition*/
-webkit-transition:all 0.4s ease 0s;
-moz-transition:all 0.4s ease 0s;
-o-transition:all 0.4s ease 0s;
transition:all 0.4s ease 0s;	
}
.flat .plan:hover{
/* 	-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);	 */
}
.flat .plan li {
padding: 10px 15px;
color: #ccc;
border-top: 1px solid #f5f5f5;
-webkit-transition: 300ms;
transition: 300ms;
}
.flat .plan li.plan-price {
border-top: 0;
}
.flat .plan li.plan-name {
border-radius: 6px 6px 0 0;
padding: 15px;
font-size: 20px;
line-height: 24px;
color: #fff;
background: #6E8697;
margin-bottom: 30px;
border-top: 0;
}
.flat .plan li > strong {
color: #6E8697;
}
.flat .plan li.plan-action {
margin-top: 10px;
border-top: 0;
}
.flat .plan.featured {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.flat .plan.featured li.plan-name {
background: #ffcd05;
}
.flat .plan.featured:hover li.plan-name {
background: #353B49;
}
.flat .plan:hover li.plan-name {
background: #353B49;
}
/* Subscription and Contact form */
.subscribe h2{
margin:7px 0;
}
.subscription{
color:#fff;
padding:0 0 20px;
}
.subscription legend{
color:#fff;
font-size:3.5em;
margin:13px 0 0 0;
}
legend{
margin: 10px 0 0 0;
color:#979CA2;
font-size: 26px;
text-align: center;
font-weight:300;
margin: 30px 0 0;
border:none;
}
#response{
display: block;
height: 46px;
padding-top: 24px;
}
#no-spam{
font-size:13px;
}
#signup input{
width: 50%;
margin-top: 0px;
margin-right:10px;
border:1px solid #fff;
}
#signup input[type="submit"]{
width: 20%;
margin-top: 0;
background:#353B49;
}
#signup input[type="submit"]:hover{
background:#6E8697;
}
input{
border:1px solid #6E8697;
color:#979CA2;
height: 48px;
margin-top: 5px;
padding: 12px 8px;
width: 70%;
border-radius: 3px;
}
.contFrm textarea{
margin-top: 5px;
padding: 12px 8px;
width: 70%;
color:#979CA2;
border:1px solid #6E8697;
height: 115px;
border-radius: 3px;
}
.contFrm label{
display:block;
font-weight: 400;
}
.button{
/* background-color: #2ABB9B; */
background-color:#353B49;
border: 0 solid #000000;
border-radius: 3px;
box-shadow: none;
color: #FFFFFF;
text-align: center;
text-decoration: none;
font-size: 16px;
/*transition*/
-webkit-transition:all 0.2s ease 0s;
-moz-transition:all 0.2s ease 0s;
-o-transition:all 0.2s ease 0s;
transition:all 0.2s ease 0s;	
}
.button:hover{
background:#6E8697;
text-decoration:none;
}
/* FAQ */
#section7 .white{
padding-top:80px;
padding-bottom:75px;
}
.faq h3{
margin:20px 0px;
font-size:34px;
}
.faq .fa{
margin-right:20px;
}
/* footer */
/* footer social icon */
.footer{	
width:100%;
padding:0px 0px 40px;	
}
.footer h2 {
color:#fff;	
font-size:42px;
text-transform:uppercase;
}
.footer ul{
padding-left:0px;	
margin-bottom:180px;	
}
.social .fa{
color:#6E8697;
font-size:18px;
border:2px solid #6E8697;
border-radius:50%;
height: 40px;
padding-top: 10px;
width: 40px;	
margin-right:8px;
/*transition*/
-webkit-transition:all 0.2s ease 0s;
-moz-transition:all 0.2s ease 0s;
-o-transition:all 0.2s ease 0s;
transition:all 0.2s ease 0s;	
}
.social .fa:hover{
/* color:#1BBC9B;
border:2px solid #1BBC9B; */
color:#ffcd05;
border:2px solid #ffcd05;
text-decoration:none;
}
.social li{
list-style:none;
display:inline-block;
}
/* Footer copyright text */
.copy{
color: #6E8697;
font-size: 14px;
}
/* Scroll to top */
#toTop {
display: none;
position: fixed;
bottom: 15px;
right: 15px;
width: 50px;
height: 50px;
background-image: url('../images/up.png');
background-repeat: no-repeat;
opacity: 0.4;
filter: alpha(opacity=40); /* For IE8 and earlier */
z-index:99;
}
#toTop:hover {
opacity: 0.8;
filter: alpha(opacity=80); /* For IE8 and earlier */
}
/* 404 */
.error404 p{
margin-top:0px;
padding-bottom:30px;
}
/* Custom Media Query */
@media screen and (max-width: 940px){
body{
padding:0px!important;
}
.wrapper h2{
font-size: 2em;
}
.slogan{
font-size: 30px;	
}
#header {
right:0px !important;
left:0px !important;
width:100% !important;
}	
.contFrm .text-right{
text-align:center;
}
.contFrm .text-left{
text-align:center;
}
.ao-item .ao-details {
background: none;
}
}