@import url(https://fonts.googleapis.com/css?family=Merriweather:300,300i,400|Open+Sans:300,400|Roboto+Condensed:400,700);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css);



.fs-header{ margin-bottom:30px;   font-family: Roboto Condensed;}
.fs-header-inner{
  display: inline-block;
    width: 100%;
    background-color: #00bcd4;
    line-height: 0;
    float: left;
    padding: 3.2em;
    box-sizing: border-box;
    position: relative;
    background-size: cover;
    background-position: center;
    height:280px;
    border-bottom:1px solid #ccc;
    font-family: Roboto Condensed;
}
.fs-body{  }
.fs-clear{ clear:both;  }
.fs-list-name{ margin-bottom:10px; }
.fs-default-form-fields{ margin-bottom:30px; }
.fs-create-btn{ margin-top:30px; }
.fs-added-form-fields{ margin-bottom:30px; }
.fs-content-inner{ padding:30px; }
ul li.fs-tab-item{ float:left; margin-right:20px; list-style: none;margin-top:20px;}
.fs-container{
    /**background: #fbfbfb;**/
    border: 1px solid #ccc;
    max-width:  1200px;
}
ul li.fs-tab-item a{padding:20px; font-size:17px;}
.fs-content{
    display: inline-block;
    margin-bottom: 5%;
    text-align: center;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
    position: relative;
        width: 42.2%;
    margin: 20px;
    vertical-align: top;
    -webkit-transition: all 0.7s ease-out;
       -moz-transition: all 0.7s ease-out;
        -ms-transition: all 0.7s ease-out;
         -o-transition: all 0.7s ease-out;
            transition: all 0.7s ease-out;
}

.fs-content:hover{
  /*background-color: red;*/
  transform: translate(0px, -20px);
}

.fs-tabs{     /* margin-bottom: 20px; */
    background: #000; height:65px;     margin-left: -1px;
    margin-right: -1px; margin-top: -28px;}
.fs-post-img {width:100%;}

.fs-post-image{
    text-align: center;
    position: relative;
}


/*.fs-post-image:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}*/


.fs-post-text{ font-size:.97em !important; padding:10px;   font-family: Roboto Condensed; color: rgb(97, 93, 93); overflow: hidden; line-height: 1.5em; }
.fs-likes-comments {  font-family: Roboto Condensed;}
.fs-posted-on{ font-size:12px;   font-family: Roboto Condensed;}
.fs-pull-left{ float:left; padding:10px;  }
.fs-pull-right{ float:right; padding:10px;}

.fs-play-img{
    top: calc(50% - 20px);
    position: absolute;
    left: 42%;
  
}

.fs-play-img:hover{ color:#cecece; }
@import url(//fonts.googleapis.com/css?family=Montserrat:700|Roboto:100);

.fs-a-loadmore-fb_posts{
    width: 25%;
    font-family: Montserrat, Helvetica, Arial, sans-serif;
        padding: 14px;
    background-color: rgb(244, 67, 54);
    box-shadow: 0px 0px 0px 1px rgb(244, 67, 54);
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 3px;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    -webkit-box-shadow: inset rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(52, 152, 219, 0.5) 0 0 5px;
    -moz-box-shadow: inset rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(52, 152, 219, 0.5) 0 0 5px;
    box-shadow: inset rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(52, 152, 219, 0.5) 0 0 5px;
    -webkit-border-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 4px;
    -moz-background-clip: padding;
    border-radius: 4px;
    background-clip: padding-box;
    text-decoration: none;
}
.fs-a-loadmore-fb_posts:hover{
  
  -webkit-box-shadow: inset rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(74, 163, 223, 0.5) 0 0 5px;
  -moz-box-shadow: inset rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(74, 163, 223, 0.5) 0 0 5px;
  box-shadow: inset rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(74, 163, 223, 0.5) 0 0 5px;
  color: #fff;
  /*opacity: 0.7;*/
  text-shadow: rgba(33, 125, 187, 0.9) 0 0 2px;
  background-image: -webkit-linear-gradient(rgba(0,0,0,0.1) 0%, rgba(255,255,255,0.3) 100%);
  background-image: -moz-linear-gradient(rgba(0,0,0,0.1) 0%, rgba(255,255,255,0.3) 100%);
  background-image: -o-linear-gradient(rgba(0,0,0,0.1) 0%, rgba(255,255,255,0.3) 100%);
  background-image: linear-gradient(rgba(0,0,0,0.1) 0%, rgba(255,255,255,0.3)  100%);
  text-decoration: none;
}

.fs-play-img svg{
    width: 45px;
    height: 45px;
}

.fs-comment-text{
  width: 88%;
  position: relative;
      font-family: Roboto Condensed;
}

@media screen and (max-width: 1366px){
  .fs-content{
    width: 41.8%;
  }
  @media screen and (max-width: 1280px){
    .fs-content{
      width: 41.8%;
    }

    @media screen and (max-width: 1132px){

      .fs-content{
        width: 41.8%;
      }

 
      .fs-content-items{ 
        display: inline-block;
          width: 100%;
        

      }

      .fs-comment-text span{
                position: relative;
                left: 0%;
                bottom: 0%;
             
              }

      @media screen and (max-width:1024px){

        .fs-content{
          width: 89%;
        }
        

        .fs-content-items{ 
          display: inline-block;
            width: 100%;
          

        }
        .site-footer {
          padding: 0 !important;
        }

        .fs-comment-text span{
                position: relative;
                left: 0%;
                bottom: 0%;
             
              }

        @media screen and (max-width:802px){
         
          .fs-content-item{
              width:100%;
              margin-left: 0;
          }
          .fs-content-items{ 
            display: inline-block;
              width: 100%;
            

          }
          .fs-a-loadmore-fb_posts{
            width: 100%;
          }
          .site-footer {
            padding: 0 !important;
          }
          .fs-popup-post-content iframe, .fs-popup-video-content iframe{
            height: 344px !important;
          }

          .fs-content{
            width: 100% !important;
            margin-left: 0px;
          }

          .fs-comment-text span{
                position: relative;
                left: 0%;
                bottom: 0%;
             
              }

          @media screen and (max-width:768px){
            
            .fs-content-item{
                width:100%;
                margin-left: 0;
            }
            .fs-content-items{ 
              display: inline-block;
                width: 100%;
              

            }
            .fs-a-loadmore-fb_posts{
              width: 100%;
            }
            .site-footer {
              padding: 0 !important;
            }
            .fs-popup-post-content iframe, .fs-popup-video-content iframe{
              height: 344px !important;
            }

            .fs-content{
              width: 100% !important;
              margin-left: 0px;
            }

            .fs-comment-text span{
                position: relative;
                left: 0%;
                bottom: 0%;
             
              }

            @media screen and (max-width: 640px){
              
              .fs-content-item{
                  width:100%;
                  margin-left: 0;
              }
              .fs-content-items{ 
                display: inline-block;
                  width: 100%;
                

              }
              .fs-a-loadmore-fb_posts{
                width: 100%;
              }
              .site-footer {
                padding: 0 !important;
              }

              .fs-popup-post-content iframe, .fs-popup-video-content iframe{
                height: 287px !important;
              }

            

              .fs-content{
                width: 100% !important;
                margin-left: 0px;
              }

              .fs-comment-text span{
                position: relative;
                left: 0%;
                bottom: 0%;
             
              }
              
              @media screen and (max-width: 480px){
                .mfp-bg{
                  position: fixed !important;
                }
                .mfp-wrap{
                  top: 0% !important;
                }

                .fs-play-img svg{
                    width: 50px;
                    height: 50px ;
                }
                .fs-play-img{
                    top: 25%;
                    position: absolute;
                    left: 44%;
                  
                }
                .fs-content-item{
                    width:100%;
                    margin-left: 0;
                }
                .fs-content-items{ 
                  display: inline-block;
                    width: 100%;
                  

                }
                .fs-page-name{
                  font-size: 10px !important;
                }

                .fs-a-loadmore-fb_posts{
                  width: 100%;
                }

                .site-footer {
                  padding: 0 !important;
                }

                .fs-popup-post-content iframe, .fs-popup-video-content iframe{
                  height: 216px !important;
                }

                #fs_TOPHEADER{
                  text-align: center;
                }

               

                .fs-content{
                  width: 100% !important;
                  margin-left: 0px;
                }
                .fs-comment-text span{
                  position: absolute;
                  left: 12%;
                  bottom: 103%;
                  vertical-align: top;
                }


                @media screen and (max-width: 320px){
                  
                  .mfp-bg{
                    position: fixed !important;
                  }
                  .mfp-wrap{
                    top: 0% !important;
                  }
                  .fs-play-img svg{
                      width: 50px ;
                      height: 50px ;

                  }

                  .fs-play-img{
                      top: 12%;
                      position: absolute;
                      left: 38%;
                    
                  }

                 
                  .fs-content-item{
                      width:100%;
                      margin-left: 0;
                  }
                  .fs-content-items{ 
                    display: inline-block;
                      width: 100%;
                    

                  }
                  .fs-page-name{
                    font-size: 10px !important;
                  }

                  .fs-a-loadmore-fb_posts{
                    width: 100%;
                  }

                  .site-footer {
                    padding: 0 !important;
                  }

                  .fs-popup-post-content iframe, .fs-popup-video-content iframe{
                    height: 146px !important;
                  }
                  #fs_TOPHEADER{
                    text-align: center;
                  }

                  .fs-content{
                    width: 100% !important;
                    margin-left: 0px;
                  }
                  .fs-comment-text span{
                    position: absolute;
                    left: 12%;
                    bottom: 104%;
                    vertical-align: top;
                  }
                }
              }
            }
          }

        }

        

      }
    }
  }
}
.fs-post-image{
  position: relative;
  top: -10px;
}
.fs-post-image:hover{
  /*-moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);*/
  top: -10px;
}
.fs-content-fb_posts .fs-post-image:hover,
.fs-content-fb_photos .fs-post-image:hover,
.fs-content-fb_videos .fs-post-image:hover,
.fs-content-fb_albums .fs-post-image:hover{ cursor:pointer; }

.entry-content a{ -webkit-box-shadow: none!important; }
.entry-content a img { -webkit-box-shadow:none!important; box-shadow:none!important;}

.mfp-content{
  line-height: 0;
    width: 100%;
    max-width: 900px;
    margin-top:45px;
}
.fs-popup-post-content,.fs-popup-photo-content,.fs-popup-video-content{
  margin: 0 auto;
  background:#ffffff;
}
.fs-popup-post-text,.fs-popup-photo-text,.fs-popup-video-text{
  padding:10px;
  background: #ffffff;
  line-height: 24px;
  margin-bottom:0px;
  font-family: Roboto Condensed;
}
.fs-photo-link{
  position: absolute;
    background-color: #fff;
    color: #000;
    right: 0;
    /* bottom: 144px; */
    padding: 0.5em 0.67em;
    margin: -45px;
    box-shadow: 0.125em 0.3125em 0.3125em -0.125em rgba(0,0,0,.2);
    font-size: 1em;
    text-align: center;
    border-radius: 2px;
    margin-right: 100px;
}
.fs-popup-post-content iframe,.fs-popup-video-content iframe{
  margin-bottom: 1.5em;
    max-width: 100%;
    height: 400px;
    margin-bottom: 0px;
    background:#000000!important;
}

.fs-comment{margin-bottom:20px;}
.fs-comment-img{float:left;}
.fs-comment-text{float:right; line-height: 16px;font-size: 13px;}
.fs-comment-text span{color:#ff0000;}
.fs-comment-form-textbox{ padding:11px; }

.fs-comment-content .btn-primary{
      float: right;
      margin-top: 5px;
      padding:11px;
}

.fs-list-settings{
  margin-top:30px;
}

.fs-loadmore-fb_posts,.fs-loadmore-fb_photos,.fs-loadmore-fb_videos,.fs-loadmore-fb_albums,.fs-loadmore-fb_album_photos{ text-align: center; 
    padding: 20px;}

    .fs-img-loader{ text-align: center; display:none; }


.fs-default-form-fields .form-group,.fs-list-settings .form-group{ margin-bottom:10px; }
.fs-default-form-fields .form-group label{  }

.col-1 { width: 8.33333%; display:inline-block;}
.col-2 { width: 16.66667%; display:inline-block;}
.col-3 { width: 25%; display:inline-block;}
.col-4 { width: 33.33333%;display:inline-block; }
.col-5 { width: 41.66667%; display:inline-block;}
.col-6 { width: 50%; display:inline-block;}
.col-7 { width: 58.33333%; display:inline-block;}
.col-8 { width: 66.66667%;display:inline-block; }
.col-9 { width: 75%;display:inline-block; }
.col-10 { width: 83.33333%;display:inline-block; }
.col-11 { width: 91.66667%;display:inline-block; }
.col-12 { width: 100%;display:inline-block; }

.sp-replacer{ border:1px solid #ccc!important; }

.btn{
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  padding: 9px 18px 7px;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(30,51,79,.3);
  font-size: 17px;
  color: #fff;
  -webkit-transition: .15s;
  transition: .15s;
  text-decoration: none;
}

.btn:hover{
  opacity: .9;
  color: #fff;
}

.btn-primary,.btn-primary:hover{
  background: #47CEC0;
  border-color: #47CEC0;
}

.btn-danger,.btn-danger:hover{
  background: #ED5564;
  border-color: #ED5564;
}

.btn-info,.btn-info:hover{
  background: cadetblue;
  border-color: #007039;
}

.btn-teal,.btn-teal:hover{
  background: #00acbb;
  border-color: #00acbb;
}

.btn-violet,.btn-violet:hover{
  background: #9398EC;
  border-color: #9398EC;
}

.btn-orange,.btn-orange:hover{
  background: #F67D50;
  border-color: #F67D50;
}

.btn-blue,.btn-blue:hover{
  background: #8BC832;
  border-color: #8BC832;
}

.btn-yellow,.btn-yellow:hover{
  background: #FCCE54;
  border-color: #FCCE54;
}


body:not(.custom-background-image).admin-bar:before{
  top: 0 !important;
}



body:not(.custom-background-image):before, body:not(.custom-background-image):after{
    height: 0 !important;
}


.circle {
  stroke: #f8aa28;
  stroke-dasharray: 650;
  stroke-dashoffset: 650;
  -webkit-transition: all 0.5s ease-in-out;
  opacity: 0.3;
}

.playBut {
  /*  border: 1px solid red;*/
  display: inline-block;
  -webkit-transition: all 0.5s ease;
  
}
.playBut .triangle {
  -webkit-transition: all 0.7s ease-in-out;
  stroke-dasharray: 240;
  stroke-dashoffset: 480;
  stroke: #fff;
  transform: translateY(0);
}
.playBut:hover .triangle {
  stroke-dashoffset: 0;
  opacity: 1;
  stroke: #f8aa28;
  animation: nudge 0.7s ease-in-out;
}
@keyframes nudge {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(-5px);
  }
  50% {
    transform: translateX(5px);
  }
  70% {
    transform: translateX(-2px);
  }
  100% {
    transform: translateX(0);
  }
}
.playBut:hover .circle {
  stroke-dashoffset: 0;
  opacity: 1;
}

.fs-post-likes, .mfp-arrow{
  display: none !important;
}