/* ==========================================================================
   Author's custom styles
   ========================================================================== */


/* HOVER EFFECT */

.hm-green-slight .full-bg-img, .hm-green-slight .mask{
    background-color:rgba(76,175,80,1) !important
}

.color-one:hover .overlay .mask{
    opacity:1 !important;
}

.color-one .mask{
    background-color:#00582a !important
}

.color-two .mask{
    background-color:#f15d2a !important
}

.color-three .mask{
    background-color:#009cd7 !important
}

.color-four .mask{
    background-color:#dba510 !important
}

.color-five .mask{
    background-color:#f3c7d4 !important
}

.color-six .mask{
    background-color:#517820 !important
}


.row.video{
    margin:80px 0px 0px 0px;
}

.row.holiday{
    margin:0px 0px 50px 0px;
}

img.bird{
    margin:0 auto;
    display: block;
    margin-top:50px;
}

@font-face {
    font-family: 'AvenirBook';
    src: url('../font/Avenir-Book.eot'); /* IE9 Compat Modes */
    src: url('../font/Avenir-Book.eot?#iefix') format('embedded-opentype'), 
         url('../font/Avenir-Book.woff') format('woff'), 
         url('../font/Avenir-Book.ttf') format('truetype'), 
         url('../font/Avenir-Book.svg#Avenir-Book') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'Avenir';
    src: url('../font/Avenir-Roman.eot'); /* IE9 Compat Modes */
    src: url('../font/Avenir-Roman.eot?#iefix') format('embedded-opentype'), 
         url('../font/Avenir-Roman.woff') format('woff'), 
         url('../font/Avenir-Roman.ttf') format('truetype'), 
         url('../font/Avenir-Roman.svg#Avenir-Roman') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'AvenirHeavy';
    src: url('../font/Avenir-Heavy.eot'); /* IE9 Compat Modes */
    src: url('../font/Avenir-Heavy.eot?#iefix') format('embedded-opentype'), 
         url('../font/Avenir-Heavy.woff') format('woff'), 
         url('../font/Avenir-Heavy.ttf') format('truetype'), 
         url('../font/Avenir-Heavy.svg#Avenir-Heavy') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'AvenirLight';
    src: url('../font/Avenir-Light.eot'); /* IE9 Compat Modes */
    src: url('../font/Avenir-Light.eot?#iefix') format('embedded-opentype'), 
         url('../font/Avenir-Light.woff') format('woff'), 
         url('../font/Avenir-Light.ttf') format('truetype'), 
         url('../font/Avenir-Light.svg#Avenir-Light') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'AvenirMedium';
    src: url('../font/Avenir-MediumOblique.eot'); /* IE9 Compat Modes */
    src: url('../font/Avenir-MediumOblique.eot?#iefix') format('embedded-opentype'), 
         url('../font/Avenir-MediumOblique.woff') format('woff'), 
         url('../font/Avenir-MediumOblique.ttf') format('truetype'), 
         url('../font/Avenir-MediumOblique.svg#Avenir-MediumOblique') format('svg'); /* Legacy iOS */
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}



html, body {
        height:100%;
            padding:0px;

    }



.row{
	margin:20px 0px;
}

.jumbotron{
    background-image: url(../img/main.jpg);
    background-size: 100% 100%;
    height: auto;
    padding: 200px 0px;
    background-repeat: no-repeat;
    }

    h1{
    	color:#575756 !important;
    	font-size:32px !important;
    	font-weight:bold;
    	text-align: center;
            font-family: 'AvenirHeavy';

    	margin:70px 0px;
    }

img.happy{
        width: 300px;
    margin: 0 auto;
    display: block;
    margin-top: 35px;
}

    h1.title{
            position: absolute;
    top: 0px;
    margin-top: 350px;
    width: 100%;
    color:#575756;
    }

    p{
    	color:#575756;
    	font-size:16px;
    	line-height: 24px;
            font-family: 'AvenirBook';

    }



    .maintext{
        padding:130px 0px;
    font-size: 16px;
    line-height: 24px;
    }

    #bacons{
        display: none
    }

.container.paragraph{
	padding:40px 0px 30px 0px;
}

.col-sm-3{
	padding:5px;
}



/** FOOTER **/

footer {
	padding-top:50px;
    background-color: #ededed !important;
}


.footer-logo {
    width: 300px;
    margin: 0 auto;
    display: block;
    position: relative;
    padding: 35px 0;
}

.footer-logo img {
    width: 300px;
}

ul.footer {
    padding-left:0px !important;
    position: relative;
    display: block;
    width: 266px;
    margin: 0 auto;
    display: block;
}

ul.footer li {
    position: relative;
    display: inline;
    padding: 35px 10px;
}

ul.footer li img {
    width: 30px;
}

.fourtwothree img {
    width: 100px;
}

.fourtwothree {
    width: 100px;
    margin: 0 auto;
    position: relative;
    display: block;
    padding: 35px 0 50px;
}

/* BOUNCING */

.scrolling {
    width:100%;
    position: absolute;
    bottom:30px;
    text-align: center
}

.bounce {
/* position: absolute;
*//* bottom: 30px;
 left: 50% ;*/
/* width: 60px;
 height: 60px ;
 margin-left:-30px;
 border: 2px solid #990000;
 -webkit-border-radius:50%;
 -moz-border-radius:50%;
 -ms-border-radius:50%;
 border-radius:50%;*/
 animation: bounce 2s infinite;
 -webkit-animation: bounce 2s infinite;
 -moz-animation: bounce 2s infinite;
 -o-animation: bounce 2s infinite;
}
 
@-webkit-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
 40% {-webkit-transform: translateY(-30px);}
 60% {-webkit-transform: translateY(-15px);}
}
 
@-moz-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
 40% {-moz-transform: translateY(-30px);}
 60% {-moz-transform: translateY(-15px);}
}
 
@-o-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
 40% {-o-transform: translateY(-30px);}
 60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
 40% {transform: translateY(-30px);}
 60% {transform: translateY(-15px);}
}

@media only screen and (min-width: 770px) and (max-width: 980px) {

 .col-sm-12.video{
    margin:-90px 0px 30px 0px !important;
}

iframe{
    height:400px !important;
}

}

/** SMALL SCREEN **/

@media only screen and (min-width: 990px) and (max-width: 1200px) {

iframe{
    height:470px !important;
}

.col-sm-12.video{
    margin:-90px 0px 30px 0px !important;
}

}




/** TABLET LANDSCAPE **/

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { 



}

/* TABLET PORTRAIT **/

@media only screen and (min-device-width : 275px) and (max-device-width : 667px) and (orientation : landscape) {

.col-sm-6.left{
  padding:2px 0px!important;
  display: block;
}

.col-sm-6.right{
  padding:2px 0px !important;
  display: block;
}
    
    
.row.video{
    margin:-15px 0px 30px 0px !important;
}
.layer-3{
background-size: 55%;
    margin-top: 20px;
    background-position: top;
}

.img-responsive{
    padding:0px 15px;
}
.col-sm-3 {
    padding: initial;
    width: 49.6%;
    position: relative;
    display: inline-block;
    padding: 5px 5px;
}

.row.video .container{
    padding:0px;
}

.col-sm-12.video{
padding:0px !important;
}

iframe{
    height:335px !important;
}


}

/* MOBILE PORTRAIT */

@media only screen and (min-device-width : 275px) and (max-device-width : 667px) and (orientation : portrait) {

.maintext{
    padding:70px 0px;
}

iframe{
    height:187.5px !important;
    margin-top:12px;
}


.row.video {
    margin: -10px 0px 0px 0px;
}

.row.video .container{
    padding:0px;
}

.col-sm-6.left{
  padding:2px 0px!important;
  display: block;
}

.col-sm-6.right{
  padding:2px 0px !important;
  display: block;
}
    

.col-sm-12.video{
    margin:-90px 0px 30px 0px !important;
}
.layer-3{
background-size: 75%;
    margin-top: 150px;
    background-position: top;
}

.img-responsive{
    padding:0px 15px;
}
	.container.paragraph p br{
		display: none
}

.col-sm-3 img{
	padding:7px 0px;
}

.col-sm-3{
	padding:initial;
}

.col-sm-12.video
{
    padding:0px !important;
}
}


/* PARALLAX */