/*
Template Name: Alphabet
Author: Ingrid Kuhn
Author URI: themeforest/user/ingridk
Version: 1.0
Last change: 8th June 2018 

	Table of Contents

	#General and Typography
	#Preloader
	#Navigation
	#Logo
	#Main Slider
	#Video Header
	#Section - Services
	#Section - Callout
	#Section - About us
	#Section - Team
	#Section - Activities
	#Section - Gallery
	#Section - Blog
	#Section - Prices
	#Section - Call to Action
	#Section - Contact
    #Section - Footer
	#Miscellaneous
	#Media Queries

===========================
  General and Typography
============================ */
 .slide-para{
     font-size: 16px;
     line-height: 29px;
}
/* Headings */
.slide-head
{
    font-size: 58px;
     margin-bottom: 10px;
     font-family: 'Alegreya sans',serif;
     margin-top: 20px;
     line-height: 55px;
     font-weight: 800;
     text-transform: uppercase;
}


/* Others */
 .subtitle {
     font-weight:500;
     font-size: 20px;
     letter-spacing: 0.3px;
}
 .text-light {
    color: #fff;
}
/*=========================== Preloader ============================ */
 
/*=========================== Navigation ============================ */
 
/* =========================== Main Slider ============================ */
 #layerslider{
     border-bottom: 2px dashed;
     width:100% !important;
     height:700px!important;
}
 .ls-bottom-nav-wrapper{
     margin-top: -40px!important;
     /*z-index:99!important;*/
}
/* Slider text boxes */
 .header-text {
     padding:30px !important;
     text-align:center;
     max-width:400px;
     background-color:#fff;
     box-shadow: 3px 3px 0px rgba(103, 102, 102, 0.1);
     border-radius: 225px 45px 325px 75px/15px 125px 35px 155px;
     border: 5px solid;
     left:10%!important;
     top:20%!important;
}
 .header-text h1{
    margin-top:0px;
}
/* Parallax itens */
 .parallax1{
     top:7%!important;
     left:37%!important;
}
 .parallax2{
     top:64%!important;
     left:10%!important;
}
 .ls-l.video{
    top:20%!important;
     left:40%!important;
}
/*=========================== Video Header ============================ */
#video-header{
     background-image: url(../videos/placeholder-video.jpg);
     background-size:cover;
	 margin-top:75px;
}
 .video-text {
     max-width: 40%;
     bottom: 25%;
     z-index: 10;
     padding: 40px;
     position: absolute;
     left: 30%;
     transform: translate(-50%, 0);
     text-align: center;
     border-radius: 20px;
     background:rgba(255, 255, 255, 0.9);
}
 .video-text h1 {
     margin-bottom: 20px;
}

/*=========================== Services ============================ */
 
/* =========================== Call Out ============================ */
 
/* Sun Animation*/
 
/* Clouds */
 
/* Clouds Animation*/
 
/* =========================== --- About Us ============================ */
/* Slider */
 
/*=========================== Team ============================ */
 
/* =========================== --- Activities ============================ */
 
/* =========================== --- Gallery ============================ */
 
/*=========================== Latest Blog Posts & Blog Pages ============================ */
/*Latest Blog posts */
 
/****** Blog pages ******/
/* SVG clouds */
 #deco-clouds2 path {
     fill: #fff;
     stroke: #fff;
}
/*Headers */
 
/*=========================== Prices ============================ */
 
/*=========================== Call to Action ============================ */

/*=========================== Contact ============================ */
 

/*=========================== Footer ============================ */
/*Cloud divider */
 .cloud-divider{
    height:10px;
}
 .container-fluid.cloud-divider.white {
    background-color:#fff;
}
 .container-fluid.cloud-divider{
    padding:0px;
}

/* footer */
 
/* Mailchimp message */
 
/*=========================== Miscellaneous ============================ */
/* Parallax objects */
 .parallax-object1{
     position:absolute;
     top:auto;
     margin-top:100px;
     right:0;
     z-index:99;
}
 .parallax-object2{
     position:absolute;
     top:auto;
     left:0;
     z-index:99;
}
 .parallax-object3{
     position:absolute;
     top:auto;
     left:0%;
     z-index:99;
}
/* Owl-carousel */
 
/* Big triangle SVG divider */
 
/* Cloud top divider */
 #deco-clouds1.head {
     margin-top: -100px;
     z-index: 3;
     position: relative;
}
 #deco-clouds2.head {
     top: -120px;
     z-index: 3;
     position: relative;
     margin-bottom: -50px;
}
/* Page width */
 .full {
     width:100%;
     background:#fff;
}
/* Float on hover Effect */
 
/* Sections */
/* dividers */
 
/* Sections heading */
 
 
/* Image Gradient Hover effect */
 
/* Pagination */

/* Nav-tabs */
 
/* Buttons */
 .sld-btn {
     font-family: 'Alegreya sans',serif;
     margin: 0 1rem;
     color: #fff;
     /*font-size: 1.6rem;*/
     letter-spacing: 0.6px;
     outline: none;
     border-radius: 355px 45px 225px 75px/15px 225px 15px 255px;
     border: solid 7px;
     text-transform: uppercase;
     margin-top: 15px;
     font-weight: 700;
}
 .sld-btn:hover,.sld-btn:focus{
     color:#fff;
     box-shadow:none;
}
 .btn-group.open .dropdown-toggle {
    box-shadow: none;
}
/* Forms */
 


/*=========================== Media Queries ============================ */
/************ min width 1500px *************/
 @media (min-width: 1500px) {
     .ls-bg {
        width: 100%!important;
    }
    /* Parallax itens */
     .parallax1{
        left:32%!important;
    }
     .video-text {
         max-width: 30%;
         bottom: 40%;
    }
	.boxed .video-text {
		max-width: 50%;
		bottom: 20%;
		padding: 30px;
   }
}
/************ max width 1200px *************/
 @media (max-width: 1200px) {
     
    /* Slider */
     #layerslider{
        height:600px!important;
    }
    /* video text */
	.boxed .video-text,
     .video-text {
         max-width: 50%;
         bottom: 20%;
         padding: 30px;
    }
}
/************ max width 991px *************/
 @media (max-width: 991px) {
    /* Slider */
     #layerslider{
        height:480px!important;
    }
     .header-text h1 {
         font-size: 44px;
         line-height:44px;
         margin-top:0px;
    }
     .header-text {
         max-width: 350px;
         top: 15% !important;
    }
     .subtitle {
         font-size: 18px;
         line-height:25px;
    }
     .ls-bottom-nav-wrapper {
        margin-top: -20px!important;
    }
    /* Stop Float on hover*/
     .float:hover {
        margin-top: 0px;
    }
    /* Responsive margin*/
     .res-margin {
         padding-top: 15px;
         padding-bottom: 15px;
    }
    /*navbar */
    /* navbar collapse at 991px */
     
    /* video text */
	.boxed .video-text,
     .video-text {
         width: 100%!important;
         bottom: 0%;
         z-index: 10;
         padding: 0px;
         left: 50%;
         max-width: 100%;
         border-radius: 0px;
    }
}
/************ min width 768px *************/
 @media (min-width: 768px){
     #navbar-brand-centered .container {
         min-width: 700px !important;
         max-width:1170px;
         width: 100%;
    }
     .navbar-right {
        margin-right: 0px;
    }
}
/************ max width 767px *************/
 @media (max-width: 767px) {
    /* Slider */
     #layerslider{
        height:300px!important;
    }
     .header-text {
         padding: 20px 0 20px!important;
         min-width: 99%;
         margin: 0 auto !important;
         left: 0% !important;
         top: 60% !important;
    }
     .header-text h1 {
         font-size: 30px;
         line-height:34px;
         margin:0px;
    }
     .ls-nav-prev,.ls-nav-next {
        display: none !important;
    }
     .ls-bottom-nav-wrapper{
        margin-top: 0px!important;
    }
     #callout .container {
        background-image:none;
    }
}
/************ max width 480px *************/
 @media (max-width: 480px) {
    /* slider */
     #layerslider{
        height:190px!important;
    }
     .header-text h1 {
         font-size: 26px;
         line-height:24px;
         margin:0px;
    }
     .ls-bottom-nav-wrapper {
        display:none;
    }
    /* video text */
     .video-text h1 {
         font-size: 24px;
         line-height: 20px;
    }
    /* section */
     section .container {
         padding-top: 60px;
         padding-bottom: 60px;
    }
     .section-heading h2{
         border: 0;
         line-height: 32px;
         letter-spacing: 0px;
         font-size: 28px;
    }
     .section-heading {
        margin-bottom: 3rem;
    }
    /* titles*/
     
    /* Miscellaneous */
    
     .cloud-divider {
        display:none;
    }
    
     .glyph .glyph-icon:before {
        font-size: 24px;
    }
     
}
/************ max width 300px *************/
 @media (max-width: 300px) {
    /* Navbar */
     
    /* Slider */
     #layerslider {
         padding-top: 45px;
         height:120px!important;
    }
     .header-text {
         top: 30% !important;
         padding: 5px! 0 5px !important;
    }
     .header-text h1 {
        font-size:20px !important;
    }
    /* Miscellaneous */
     .small-section .well {
         padding: 10px;
    }
     .color_block {
        padding: 5px;
    }
     .pricing-palden .pricing-price {
        font-size: 3em;
    }
     .container-fluid {
         padding-right: 0px;
         padding-left:0px;
    }
     
     #video-header {
         margin-top:30px;
    }
    /* Nav-tabs */
    
}