/* CSS Document */

/* 
    Customized on: 2016-06-06, 18:00:00 
    Authors: Avalon, Josh Forgot, A.D., DivineMirror
    Theme Name: 5/3 Divine Mirror
    Description: Rosa Schenken
    Version: 1.0
    Web Maestre: You!
   
*/

/*
<!-- //////// BELOW TABLE OF CONTENTS //////// -->
*/


/*   
01 - Credits
02 - Instructions
03 - Table of Contents
04 - COLORS GENERAL PAGE STYLES
05 - TOP HEADER #fixed 548
06 - MAIN SLIDER
07 - SERVICES COLORS
08 - ACTIVITIES STYLES COLORS
09 - TESTIMONIAL STYLES COLORs
10 - OUR FOLK STYLES COLORS
11 - LATEST NEWS COLORS
12 - JOYFUL MEMBERS SLIDER COLORS
13 - CONTACT US COLORS
14 - FOOTER COLORS
15 - RETURN TO TOP COLORS
16 - KEYFRAMES COLORS
17 - VEGAS SLIDER COLORS
18 - PARALLAX COLORS
20 - WEB FX COLORS
21 - BLOG PAGES COLORS
22 - SINGLE POST PAGE COLORS
23 - TEXT AND LINK STYLES 
unity-keys.css
*/




@import url('ufbl.css');
@import url('tao.css');
@import url('style-NTL-text-2016.css');

@import url('http://servingnewthought.org/sntmo-.css');
@import url('http://newthought.info/new-thought/fac/css/accordion.css');
@import url('animated-handel.css');
@import url('animsition.min.css');
@import url('bootstrap.min.css');
@import url('font-awesome.min.css');
@import url('jquery.fancybox.css');
@import url('owl.carousel.css');
@import url('vegas.min.css');

/*******************************************************************
                        BELOW: GENERAL PAGE STYLES
*********************************************************************/



/*
a.anchor {
    display: block;
    position: relative;
    top: 12em;
    visibility: hidden;
}

a.anchor {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}

*/

.anchorsAway:before { 
content: ""; 
display: block; 
position: relative; 
width: 0; 
height: 12em; 
margin-top: -12em }


.clear
{
clear:both;
}

*{
    padding: 0;
    margin: 0;

}

/*
font-weight: 400;

*/

html {
	height: 100%;
}

body {
        ;
        width: 100%;
        margin: 0;
        padding: 0;
      }

.warp{
    padding: 30px;
}


/*
typography
*/




a{
    font-size: 1em;
    /*
    letter-spacing: 2px;
    */
    font-weight: 400;

}

a:hover,a:focus{

    text-decoration: none;
    outline: none

}


ul,ol{
    margin: 0;
    padding: 0;
    list-style: none
}

p {
    margin-bottom: 15px;
    color:#000000;
}

.text-center{
    text-align: center !important
}
.section{
    padding: 60px 0;
}

.section-top-line{
    padding: 60px 0;
    position: relative;

}

.section-top-line:after{
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    height: 1px;
    width: 100%;

}

/*
chain links on group pages
*/


a.chain:link {

width: 77%;
font-size: .85em;

padding: 3px 2px 3px 6px;
margin:11px 0 3px 0;
height: 5em;
width: 12em;
/*shape:*/    
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
}

a.chain:visited {

font-size: .85em;
}
a.chain:hover {

 font-size: .85em;
 }
a.chain:active {

font-size: .85em;
}



/*
buttons
*/


.left-btn{

    padding: 10px 15px;
    position: relative;

    z-index: 1;
    display: inline-block
/*shape parallelogram:*/    
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
    
}

.left-btn:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;

    z-index: -1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    transition: 0.2s linear;
/*shape parallelogram:*/    
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
    
}


.left-btn:hover{

}

.left-btn:hover:after{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}


.right-btn{
    position: relative;
    text-transform: uppercase;
    padding: 10px 20px;
    font-size: 13px;
    display: inline-block;
    z-index: 1;
    letter-spacing: 2px;
/*shape parallelogram:*/    
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
}

.right-btn:after{

    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;

    z-index: -1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    transition: 0.2s linear;
/*shape:*/    
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;    
}


.right-btn:hover{

}

.right-btn:hover:after{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}

/*
right button above
*/


/*
general button below
*/


.general-btn{
	float: right;
	margin: 11px 144px 22px 22px;
    position: relative;
    text-transform: uppercase;
    padding: 10px 20px;
    font-size: 13px;
    display: inline-block;
    z-index: 1;
    letter-spacing: 2px;
/*shape parallelogram:*/    
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
}

.general-btn:after{

    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;

    z-index: -1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    transition: 0.2s linear;
/*shape:*/    
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;    
}


.general-btn:hover{

}

.general-btn:hover:after{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}

/*
general button above
*/

/*
<!-- //////// ARE BRANDED BUTTON LINKS ///////// -->
*/

/*
anim branded button below
These buttons can be used alone or in a group. 
but size is configured with px, not %.

*/

.ca-menu{
    padding:0;
    margin:20px auto;
/*    
    width: 1020px;
	font-family: 'Dosis', sans-serif;
*/	
}

.ca-menu li{
    width: 119px;
    height: 77px;

    overflow: hidden;
    position: relative;
    float:right;
    
    margin-right: 4px;
   
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -webkit-border-radius: 125px;      
/*shape parallelogram:*/    
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;  
  
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}

.ca-menu li:last-child{
    margin-right: 0px;
}

.ca-menu li a{

    text-align: left;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
   -moz-box-shadow:0px 0px 3px #000000;
   -webkit-box-shadow:0px 0px 3px #000000;
   box-shadow:0px 0px 3px #000000;
   

}


.ca-icon{
    
    font-family: 'WebSymbolsRegular', cursive;
    font-size: 22px;    
    line-height: 60px;
    position: absolute;
    text-align: center;    
    top: 6px;       
    width: 100%;
    height: 11px;
    left: 0px;
    margin-left: -22px;    

    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}


.ca-main{
    
    font-size: 13px;
    position: absolute;
	text-align: center;    
    top: 33px;
    width: 41px;    
    height: 22px;
    left: 50%;
    margin-left: -44px;
    opacity: 0.8;
}
.ca-sub{
    
    font-size: 13px;
    text-align:center;
    position: absolute;
    top: 33px;    
    height: 22px;
    width: 41px;
    left: 11%;
    margin-left: -44px;
    
    opacity: 0;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}


.ca-menu li:hover{
        
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    
}

.ca-menu li:hover .ca-icon{

    font-size: 33px;
}

.ca-menu li:hover .ca-main{
    display: none;
}

.ca-menu li:hover .ca-sub{
    opacity: 0.8;
}

/*
anim branded button above
*/





/*
<!-- //////// ABOVE ARE BRANDED BUTTON LINKS ///////// -->
*/




/*
<!-- //////// BELOW: SOCIAL ICON STYLES ///////// -->
*/


.social-links{
}

.social-links li{
    display: inline-block;
    text-align: center
   
}

.social-links li a{
    display: inline-block;
    width: 45px;
    height: 45px;
    font-size: 20px;
    line-height: 45px;
/*rounded corners*/    
-moz-border-radius: 15px;
border-radius: 15px;    
    
}
/*
background of upper right social media icons 
*/
.social-links li a:hover{

}

.social-links li a:hover i{
    -webkit-animation: toBottomFromTop 0.4s forwards;
    -moz-animation: toBottomFromTop 0.4s forwards;
    animation: toBottomFromTop 0.4s forwards;
}

/*
<!-- //////// ABOVE: SOCIAL ICON STYLES ///////// -->
*/

/*
<!-- //////// BELOW: ICON CLUSTER STYLES ///////// -->
*/

.icon-clusters{

}

.icon-clusters ul {

    margin: 0 5em 0 0em;
    padding: 0 0 0 0;
    display: inline-block;  
}


.icon-clusters li{
    display: inline-block;
    text-align: center

}

.icon-clusters li a{
	float:left;
    display: inline-block;
    width: 45px;
    height: 45px;
    font-size: 20px;
    line-height: 45px;
    margin: 0 5em 0 0em;
    padding: 0 0 0 0;   
    
/*circle shape*/
border-radius: 25px;  

  
}

/*
background of upper right social media icons 
*/

.icon-clusters li a:hover{

}

.icon-clusters li a:hover i{
    -webkit-animation: toBottomFromTop 0.4s forwards;
    -moz-animation: toBottomFromTop 0.4s forwards;
    animation: toBottomFromTop 0.4s forwards;
}

.icon-clusters{
    margin-bottom: 11px;
    
}

/*
below is a buttom for a shaped picture with rollover
*/

.icon-cluster-text ul {
	float:left;

    margin: 0 1em 0 0em;
    padding: 1em 1em 1em 1em;
    display: inline-block;  
}

.icon-cluster-text li a{

	float:left;
	margin: 0 1em 0 0em;
    padding: 1em 1em 1em 1em;
    display: inline-block; 
    /*shape parallelogram:*/    
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
    -webkit-animation: toBottomFromTop 0.4s forwards;
    -moz-animation: toBottomFromTop 0.4s forwards;
    animation: toBottomFromTop 0.4s forwards;


}


.icon-cluster-text li a:hover{

	margin: 0 1em 0 0em;
    padding: 1em 1em 1em 1em;
    display: inline-block; 
    /*shape parallelogram:*/    
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
    -webkit-animation: toBottomFromTop 0.4s forwards;
    -moz-animation: toBottomFromTop 0.4s forwards;
    animation: toBottomFromTop 0.4s forwards;
}




/*
<!-- //////// ABOVE: ICON CLUSTER STYLES ///////// -->
*/


/*
<!-- //////// BELOW: OUR HEADER ///////// -->
*/


#top-header{

    margin-bottom: 30px;
    position: relative;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    transition: 0.3s linear;
}


.logo{
    float: left;
    padding: 11px 30px 11px 30px;
/*shape parallelogram:*/    
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
}

.logo h2,.logo h2 a{
    font-size: 18px;
    letter-spacing: 7px;

    text-transform: uppercase
}

#btn-menu{
    float: right;
    margin-top: 22px;
    font-size: 20px;
    display: none;
    margin-right: 30px;
    cursor: pointer;

    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 36px;
}




#main-nav{
	float: right; 
    margin-top: 39px;
/*shape parallelogram:*/    
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
    
}

/* floating right puts symbol on right and reverses order */
#main-nav > ul > li{
    float: left;  
    position: relative;
    padding: 12px 25px;

}

#main-nav >  ul > li > a{

    display: block;
    position: relative;
}
/*
Drop Down from MAIN NAV
*/

#main-nav  ul li ul{
border-radius: 25px;
    position: absolute;
/*width of drop downs*/
    width: 144px;
    z-index: 2;
    display: none;
    top: 33px;
    left:auto;
    right:0;
    margin-right:-10px;

}
#main-nav  ul li:hover ul{
    left:auto;
    right:0;
    margin-right:-10px;
}

#main-nav  ul li{
    position: relative}

#main-nav  ul ul li{
    padding: 8px 11px;
    position: relative;
}

#main-nav  ul li ul a{

    display: block;
    position: relative;
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    transition: 0.2s linear;
}

#main-nav li ul ul{
    position: absolute;
    left: 100%;
    top: 0
}

#main-nav li:hover > ul{
    display: block
}
#main-nav  ul ul a:hover{
    padding-left: 5px;

}



/*
on scroll
*/

header.fixed{
    background-color: rgb(238, 238, 238) !important;
    position: fixed !important;
    z-index: 11;
    top: 0;
    left: 0;
    right: 0;
    margin-bottom: 33px;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    transition: 0.3s linear;
}

header.fixed .logo{
    padding: 15px 30px 6px;

}

.fixed #main-nav{
    margin-top: 10px;
}

.fixed #btn-menu{
    margin-top: 3px;
}



/*
<!-- //////// ABOVE IS OUR HEADER ///////// -->
*/


/*
<!-- //////// BELOW: THE MAIN SLIDER ///////// -->
*/

.main-slider{}

.main-slider li img{
    max-height: 501px;
}

.slider2 li img{
    max-height: 514px !important;

}

.main-slider .owl-prev{
    position: absolute;
    left: 0;
    bottom: 50%;


    padding: 5px 10px;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    transition: 0.3s linear;

}

.main-slider .owl-next{
    position: absolute;
    right: 0;
    bottom: 50%;

    padding: 5px 10px;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    transition: 0.3s linear;
}

.main-slider .owl-prev:hover,
.main-slider .owl-next:hover{

}

/*
<!-- //////// ABOVE IS THE MAIN SLIDER ///////// -->
*/

/*
<!-- //////// BELOW IS OUR SERVICES ///////// -->
*/

/*
blocks 
009999

*/

.block{


    position: relative;
    padding: 11px 0;

}

.block:after{
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    height: 1px;
    width: 100%;

}

.text-blck{

}

.follow-blck{
    text-align: center
}

/*
    below is space problem below slider etc..
*/


.follow-blck-border{

    margin-bottom: 33px;
}


.follow-blck .block-title h3{
/*
    font-size: 16px;
*/
}

.follow-blck .social-links{
    margin-bottom: 11px;
}

.block-title{
/*
    text-transform: uppercase
*/    
}




.services-items{
    text-align: center;
    margin-top: 11px;
}

.services-item{
    position: relative;

    padding: 22px 10px;
    min-height: 111px;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    transition: 0.3s ease-in;

}

.services-item span{

/*    
    font-size: 30px;
*/
}

.services-item p{
    font-family: 'PT Mono', monospace;
    
    font-size: 12px;
    
    letter-spacing: 2px;

    margin-top: 10px;
}

.services-item:hover{

}


.services-item:hover p,.services-item:hover span{

}


/*
<!-- //////// ABOVE IS OUR SERVICES ///////// -->
*/

/*
<!-- //////// BELOW IS OUR ACTIVITIES ///////// -->
*/



.activitiesFilter ul {
    margin-top:15px;
}

.activitiesFilter ul li{
    position: relative;
    margin-bottom: 25px;
}

.activitiesFilter ul li:before{
    content: "-";
    top: 0;
    left: 0;
    margin-right: 10px
}

.activitiesFilter ul li a.current { 

    font-weight: bold;
    text-decoration: none
}


.activitiesContainer li{
    margin:15px 0; 
}

.activitiesContainer li .activities-item{
    position: relative;
    overflow: hidden
}
.activitiesContainer li .activities-item .mask{
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
 
    text-align: center;
    -webkit-transform: translateY(110%);
    -moz-transform: translateY(110%);
    transform: translateY(110%);
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    transition: 0.2s linear;

}

.activitiesContainer li .activities-item:hover .mask{
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
}

.activitiesContainer li .activities-item .mask h4{
    position: absolute;
    top:30%;
    left: 0;
    right: 0;
    text-transform: uppercase
}


.activitiesContainer li .activities-item .mask a{
    position: absolute;
    top: 50%;
    left: 52%;
    display: inline-block;
    font-size: 15px;
    height: 35px;
    width: 35px;
    line-height: 38px;
    border-radius: 50%;
    
}

.activitiesContainer li .activities-item .mask a:last-child{
    left: 34%;

}

.activitiesContainer li .activities-item .mask a{
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    transition: 0.3s linear;
}
.activitiesContainer li .activities-item .mask a:hover{
    
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope,
.isotope .isotope-item {
    /* change duration value to whatever you like */

    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}


/*
<!-- //////// ABOVE IS OUR ACTIVITIES ///////// -->
*/

/*
<!-- //////// BELOW IS TESTIMONIALS ///////// -->
*/

/*
docksteps-1920x948.jpg
national-child-labor-1920x948-q-38-02.jpg
*/
.testimonial{

    background-size: cover;
    position: relative;
    text-align: center;
    padding-left:160px;
    padding-right:160px;
    
}


.testimonial:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

}


.testimonial-slider p{
    position: relative;
    font-size: 15px;
    letter-spacing: 0px;

    font-weight: 400;
    font-style: italic;
    margin-bottom: 35px;
}


.testimonial-slider p:after{
    font-family: FontAwesome;
    content: "\f10e";
    margin-left:  20px;

    font-size: 20px;

}

.testimonial-slider p:before{
    font-family: FontAwesome;
    content: "\f10d";
    margin-right:20px;

    font-size: 20px;
}

.testimonial-slider  a{
 
}

/*
<!-- //////// ABOVE IS TESTIMONIALS ///////// -->
*/

/*
<!-- //////// BELOW IS OUR FOLKS ///////// -->
*/

.folk-title{
	
    text-align: center;
	width: 77%;
    padding: 11px 0 17px 0;
    margin-bottom: 30px;
/*shape parallelogram:*/    
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;

}

.our-folk{
    padding-bottom: 60px;
}

.our-folk-slider{
    margin-bottom: 60px;
}

.our-folk-slider li{}

.our-folk-slider li .folk-img{
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
}

.our-folk-slider li .folk-img img{
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
}
.our-folk-slider li .folk-img .mask{
    position: absolute;

    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    opacity: 0;
    transform: scale(2);
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    transition: 0.3s linear;
        
}
.our-folk-slider li .folk-img:hover img{
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);

}
.our-folk-slider li .folk-img:hover .mask{
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    opacity: 1;
    
}

.our-folk-slider li .folk-img .mask ul{
    position: absolute;
    bottom: 45%;
    left: 0;
    right: 0;
    text-align: center
}
.our-folk-slider li .folk-img .mask ul li{
    display: inline-block;

}
.our-folk-slider li .folk-img .mask ul li a{
    display: inline-block;

    position: relative;
    width: 35px;
    height: 35px;
    line-height: 35px;

}

.our-folk-slider li .folk-img .mask ul li a:hover{

}

.our-folk-slider li .folk-img .mask ul li a:hover i{
    -webkit-animation: toRightFromLeft 0.4s forwards;
    -moz-animation:  toRightFromLeft 0.4s forwards;
    animation:  toRightFromLeft 0.4s forwards;
}


.team-info p{
    margin-bottom: 0;

}
/*
docksteps-1920x948.jpg
national-child-labor-1920x948-q-38-02.jpg
*/

.we-are{

    background-size: cover;
    text-align: center;
    position: relative;
    padding: 100px 0
}

.we-are:after{
    content: "";
    position: absolute;

    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}


.we-are h3{

    position: relative;
    z-index: 2
}


/*
<!-- //////// ABOVE IS OUR FOLKS ///////// -->
*/

/*
<!-- //////// BELOW IS LATEST NEWS ///////// -->
*/

.latest-news {
    padding-bottom: 0
}

.latest-news .block-title {
    margin-bottom: 30px;
}

.gallery-post .owl-next,
.post-slide .owl-next{
    position: absolute;
    bottom: 2%;
    left: 53%;

    padding: 4px 9px;
    text-transform: uppercase ;
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    transition: 0.2s linear;
}



.gallery-post .owl-prev,
.post-slide .owl-prev{
    position: absolute;
    bottom: 2%;
    right: 50%;

    padding: 4px 9px;
    text-transform: uppercase 

}

.gallery-post .owl-next:hover,
.gallery-post .owl-prev:hover,
.post-slide .owl-next:hover,
.post-slide .owl-prev:hover{

}


.news-item-img{
    margin-bottom: 30px;
}

.news-item-img iframe{
    width: 100%;
    min-height: 233px;

}

.news-item h4{
    margin-bottom: 5px;

}

.news-item .post-meta{
    margin-bottom: 15px;
}

.news-item .post-meta p{
    font-family: 'PT Mono', monospace;
    margin: 0

}

/*
<!-- //////// ABOVE IS LATEST NEWS ///////// -->
*/

/*
<!-- //////// BELOW JOYFUL MEMBERS / OUR TEAM ///////// -->
*/

.owl-dots{
    text-align: center;
    margin-top: 20px;
}

.our-team-slider .owl-dot,
.our-folk-slider .owl-dot {
    width: 15px;
    height: 15px;

    display: inline-block;
    margin-left: 10px;
}

.our-team-slider .owl-dot.active,
.our-folk-slider .owl-dot.active{
    
}


/*
<!-- //////// ABOVE JOYFUL MEMBERS / OUR TEAM ///////// -->
*/

/*
<!-- //////// BELOW IS CONTACT US ///////// -->
*/


.contact-us{
    padding-bottom: 0
}
.contact-us .block-title{
    margin-bottom: 40px;
}
input{
    width: 100%;
    margin-bottom: 15px;
    padding: 10px;

    outline: none;
    position: relative

}


textarea{
    width: 100%;
    padding: 10px;

    height: 175px;
    resize: none;
    margin-bottom: 10px;
    outline: none
}

/*
    max-width: 100%;
    height: 200px;
    margin-top: 60px;

*/
#map {
height: 100%;

}


/*
<!-- //////// ABOVE CONTACT US ///////// -->
*/

/*
<!-- //////// BELOW IS FOOTER ///////// -->
*/

#the-footer{
    text-align: center;

    padding: 20px 0 5px 0 ;
}

#the-footer p {

}


/*
<!-- //////// FOOTER NAVIGATION / LINK CHAIN ///////// -->
*/

.footer-nav-links {

	clear:both;

	width:100%;
	text-align:center;
	padding:11px 0 0 0;
}

.footer-nav-links ul{
	list-style:none;
	display:inline-block;

}

.footer-nav-links li{
	padding:18px 33px 11px 33px;
	margin:0px 0 10px 0;
	display:inline-block;
/*	font-size:12px; */
	font-weight:800;
}

.footer-nav-links li a.selected{

padding:11px 3px 11px 33px;

}

.footer-nav-links li a{

 	padding:11px 3px 11px 33px;
	line-height:26px;

}

.footer-nav-links li a:hover{
padding:11px 3px 11px 33px;
}

.footer-nav-links li:first-child{

}

.footer-nav-links li a:hover{

}

.footer-nav-links li a:visited{

}

/*
<!-- //////// ABOVE IS FOOTER ///////// -->
*/

/*
<!-- //////// BELOW RETURN TO TOP ///////// -->
*/



.go-up{

    display: none;
    position: fixed;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    right: 8px;
    bottom: 100px;

    cursor: pointer;
  
    text-align: center;
    z-index: 9999;

/*cone pointed up*/    

	width: 0; height: 0; 
	border-left: 15px solid transparent; 
	border-right: 15px solid transparent; 
	
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%; 
	border-radius: 50%;     
   

/*triangle up    
width: 0; height: 0; 
border-left: 25px solid transparent; 
border-right: 25px solid transparent; 
border-bottom: 50px solid white;   
*/ 
}

.go-up:hover{


}

.go-up i{

}
.go-up:hover i{
    -webkit-animation: toBottomFromTop 0.4s forwards;
    -moz-animation: toBottomFromTop 0.4s forwards;
    animation: toBottomFromTop 0.4s forwards;

}


/*
<!-- //////// ABOVE IS RETURN TO TOP ///////// -->
*/

/*
<!-- //////// BELOW IS KEYFRAMES ///////// -->
*/



/*to bottom*/
@-webkit-keyframes toBottomFromTop {
    49% {
        -webkit-transform: translateY(100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
    }
    51% {
        opacity: 1;
    }
}
@-moz-keyframes toBottomFromTop {
    49% {
        -moz-transform: translateY(100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translateY(-100%);
    }
    51% {
        opacity: 1;
    }
}
@keyframes toBottomFromTop {
    49% {
        transform: translateY(100%);
    }
    50% {
        opacity: 0;
        transform: translateY(-100%);
    }
    51% {
        opacity: 1;
    }
}


/*to right*/


@-webkit-keyframes toRightFromLeft {
    49% {
        -webkit-transform: translate(100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(-100%);
    }
    51% {
        opacity: 1;
    }
}
@-moz-keyframes toRightFromLeft {
    49% {
        -moz-transform: translate(100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translate(-100%);
    }
    51% {
        opacity: 1;
    }
}
@keyframes toRightFromLeft {
    49% {
        transform: translate(100%);
    }
    50% {
        opacity: 0;
        transform: translate(-100%);
    }
    51% {
        opacity: 1;
    }
}


/* bounceY*/

@keyframes bounceY {
    0% { transform: translateY(-205px);}
    40% { transform: translateY(-100px);}
    65% { transform: translateY(-52px);}
    82% { transform: translateY(-25px);}
    92% { transform: translateY(-12px);}
    55%, 75%, 87%, 97%, 100% { transform: translateY(0px);}
}


@-moz-keyframes bounceY {
    0% { -moz-transform: translateY(-205px);}
    40% { -moz-transform: translateY(-100px);}
    65% { -moz-transform: translateY(-52px);}
    82% { -moz-transform: translateY(-25px);}
    92% { -moz-transform: translateY(-12px);}
    55%, 75%, 87%, 97%, 100% { -moz-transform: translateY(0px);}
}



@-webkit-keyframes  bounceY {
    0% { -webkit-transform: translateY(-205px);}
    40% { -webkit-transform: translateY(-100px);}
    65% { -webkit-transform: translateY(-52px);}
    82% { -webkit-transform: translateY(-25px);}
    92% { -webkit-transform: translateY(-12px);}
    55%, 75%, 87%, 97%, 100% { -webkit-transform: translateY(0px);}
}

#video-bg{
    position: relative;
    overflow: hidden;
}

/*

#video-bg  > .overlay{
    position: absolute;
    content:'';
    background:  url(../img/overlay.png)repeat;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 3

}

/*
<!-- //////// ABOVE IS KEYFRAMES ///////// -->
*/

/*
<!-- //////// BELOW IS VEGAS SLIDER ///////// -->
*/



#video-bg #background{
    max-width: 100%;
    height: auto;
}

.vegas-overlay {
    opacity: .2;
}

.slider-bg,.banner{
    text-align: center;
    background-size: cover;
    height: 500px;
    max-width: 100%;
    position: relative
}

.slider-bg .vegas-slide:after{
    content:"";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;

}

/*
<!-- //////// ABOVE IS VEGAS SLIDER ///////// -->
*/

/*
<!-- //////// BELOW IS PARALLAX + WEB FX ///////// -->
*/


.banner{
    min-height: 500px;
    padding-top: 150px;
    overflow: hidden;
    position: relative
}
.banner h1{

    font-weight: bold;
    margin-top: 50px;
    margin-bottom: 60px;
    text-transform: uppercase;
    letter-spacing: 5px
}
.banner p{

}

.btn-group a{
    margin: 5px 10px
}

.btn-group .right-btn{

}
.parallax-1{
    background-size: cover;
}
.parallax-2,
.rotate-sec{
    position: relative;
    z-index: 1;
}
.parallax-2:after,
.rotate-sec:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    
    z-index: -1;
}
.parallax-zoom-blur{
    overflow: hidden;
    position: relative;
    z-index: 1

}
.parallax-zoom-blur img {
    width: 100%;
    max-width: none;
    position: absolute;
    top: 0%;
    left: 50%;
    -webkit-transform: translate(-50%,0px);
    -ms-transform: translate(-50%,0px);
    transform: translate(-50%,0px);
    z-index: -1

}

.slider-bg p{

    margin-top: 150px;

}

.slider-bg h1{

    font-weight: bold;
    margin-top: 50px;
    margin-bottom: 40px;
}
.slider-bg a  {
    margin: 10px;

}
.vegas-timer-progress {

}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

/*
<!-- //////// ABOVE IS PARALLAX + WEB FX ///////// -->
*/

/*
<!-- //////// BELOW IS ARE SPECIAL PAGES ///////// -->
*/

/*
<!-- //////// BELOW IS ARE BLOG PAGES ///////// -->
*/


.page-title{
    background: fixed;
    background-size: cover;
    padding: 80px 0;
    position: relative;
    z-index: 1;
    margin-bottom: 30px ;

}
.page-title:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    z-index: -1
}

.page-title h2{

    font-size: 50px
}
.blog-post{
    margin-bottom: 30px;
}

.post h3 a{
    margin-top: 20px;
    font-size: 16px;
    display: block
}

.post .post-meta p a{
    
}

.post iframe{
    width: 100%;
    height: 226px;
    border: 0;
}

.blog-post-2{
    overflow: hidden;
    margin-bottom: 30px;

    padding: 20px 0;
    border-radius: 4px;
}
.blog-post-2 h3 ,
.blog-post-2 h3 a{
    margin: 0 0 10px 0;
}

.blog-post-2 a.left-btn{
    float: right;
    margin-top: -42px;
}

/*
<!-- //////// ABOVE IS ARE BLOG PAGES ///////// -->
*/

/*
<!-- //////// BELOW IS SINGLE POST PAGE ///////// -->
*/


.single-post-img img{
    max-height: 500px;
    margin-bottom: 15px;
}
.single-post-img iframe {
    max-width: 100%;
    max-height: 500px;

}

.single-post-meta span,.single-post-meta i,.single-post-meta a{
    margin-right:  10px;
}
.single-post-img .owl-prev{
    position: absolute;
    left: 0;
    bottom: 50%;

    padding: 5px 17px;    font-size: 17px;

    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    transition: 0.3s linear;
}

.single-post-img .owl-next{
    position: absolute;
    right: 0;
    bottom: 50%;


    padding: 5px 17px;
    font-size: 17px;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    transition: 0.3s linear;
}

.single-post-img .owl-prev:hover,
.single-post-img .owl-next:hover{

}

.comments-area{

    padding: 20px;
    margin-top: 40px;
    -webkit-box-shadow: 0 0 5px 0 #eeeeee;
    -moz-box-shadow: 0 0 5px 0 #eeeeee;
    box-shadow: 0 0 5px 0 #eeeeee;


}

.comments-list li{

    padding: 15px 0 0 10px;

}

.comments-list li .comment-head{
    margin-bottom: 15px;
}

.comments-list li .learn-link{
    float: right;
    padding: 10px 25px;

    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
/*shape parallelogram:*/    
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
    
}

.comments-list li .learn-link:hover{
 
}

.affirmation-link{
    float: right;
    padding: 10px 25px;

    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
/*shape parallelogram:*/    
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
    
}

.affirmation-link:hover{
 
}



.comments-list li .avatar{
    float: left;
    margin-right: 15px;

}

.comments-list li .avatar img{
    width: 90px;
    height: 90px;
}

.comments-list li .commenter {
    margin-top: 10px;
}
.comments-list li .commenter h4{
    margin-bottom: 0

}
.comments-list li ol,.comments-list li ul{
    margin-left: 100px;
}


.comments-form{
    margin-top: 40px;

    padding: 20px;
    -webkit-box-shadow: 0 0 5px 0 #eeeeee;
    -moz-box-shadow: 0 0 5px 0 #eeeeee;
    box-shadow: 0 0 5px 0 #eeeeee;
 
}

/*
<!-- //////// ABOVE IS SINGLE POST PAGE ///////// -->
*/

/*
cool sites to supplement your css knowledge:
https://css-tricks.com/examples/ShapesOfCSS/
https://css-tricks.com/snippets/css/css-triangle/
http://fontawesome.io/cheatsheet/
http://dropdownmenu.com/17-creative-and-helpful-css3-menu-horizontal-scripts
http://codepen.io/redbranchmedia/pen/exrsy/
https://www.w3.org/wiki/CSS/Training/padding_and_margin
http://www.w3schools.com/cssref/pr_margin-top.asp
http://www.w3schools.com/cssref/tryit.asp?filename=trycss_margin-top
http://www.w3schools.com/css/tryit.asp?filename=trycss_padding_shorthand2
http://www.w3schools.com/css/css_padding.asp
CURSOR transform:
http://www.w3schools.com/cssref/pr_class_cursor.asp
*/


.floating-box {
    float: left;
    width: 272px;
    height: 200px;
    margin: 10px;
    border: 3px solid #73AD21;
}

/*
.after-box {
    clear: left;
}
*/

/*
BASIC LINK STYLE COLORS
*/

a:link {
color:#1D6F96;
}
a:visited {
color:#990099;
}
a:hover {
color:#C5CD4A;
} 
a:active {
color:#C5CD4A;
}