@charset "utf-8";
/* CSS Document */

/*
Theme Name: Element Animation Theme
Theme URI: http://www.elementanimation.co.uk
Description: Element Animation theme created by Sixty Six Design
Version: 1.0
Author: Ricky Naylor/Dan Lloyd
Author URI: http://www.sixtysixdesign.com
*/
/* ******* Century Gothic (Regular) ***** */

#disableForMobile{display:block;}
#enableForMobile{display:none;}
#appadtext{
    text-decoration:none;
}
#wwatable{padding:0px;}
#wwalist li{color:white; font-family:"Century Gothic"; font-weight:bold; list-style:none;padding:0px}
#wwatable li{vertical-align: middle; list-style-type:none;width: 45.5%;display:inline-block;padding:10px;color: #225C86;}
#wwatable li img{width:100%; border-radius:10px;}
#wwatable li ul li{list-style-type: disc;padding: 0px 10px 0px 0px;width: 100%;text-align: center;}
#wwalist{padding:0;}
#appadtext:hover {
    text-decoration:none;
}
#appadtext a:link {
    text-decoration:none;
}

#appadtext a:visited {
    text-decoration:none;
}
#whohover{
    color: #F78D32;
    font-size: 0.7em;
}
#faqAnswer{    background: #256FA9;
    font-family: "Century Gothic";
    color: white;
    padding: 5px;
    border-radius: 5px;
    font-weight: bold;}
#whohover:hover{
    color: #f7d932;
    display:inline-block;
}

#whohover:hover ~ #playerList{
display: block;
height:auto;
-webkit-transition: height 0.5s ease-in-out;
-moz-transition: height 0.5s ease-in-out;
-ms-transition: height 0.5s ease-in-out;
-o-transition: height 0.5s ease-in-out;
transition: height 0.5s ease-in-out;
}

#playerList:hover {display:block;
height:auto;
-webkit-transition: height 0.5s ease-in-out;
-moz-transition: height 0.5s ease-in-out;
-ms-transition: height 0.5s ease-in-out;
-o-transition: height 0.5s ease-in-out;
transition: height 0.5s ease-in-out;}

.bigvkdiv {
  width: 100%;
  display: inline-block;
  position: relative;
}
.bigvkdiv:after {
  padding-top: 56.25%;
  /* 16:9 ratio */
  display: block;
  content: '';
}
.vkmain{
    padding: 16px;
    background: #8ebdde;
    color: #225C86;
    font-weight: bold;
    border-radius: 0px 0px 5px 5px;
    font-family: "Century Gothic";
}
#vkTitle{    text-align: center;
    font-family: "Century Gothic";
    font-weight: bold;
    font-size: 40px;
    color: white;
    background: #225C86;
    border-radius: 5px 5px 0px 0px;
    text-transform:uppercase;}
#playerList{
    padding: 5px;
    width: 200px;
    border-radius: 5px;
    background: #225C86;
     height: 10; 
    overflow: hidden;
    width: 200px;
    z-index: 9999999;
    position: absolute;
    display: none;
    right:0;
    top:75;
    -webkit-transition: height 0.5s ease-in-out;
-moz-transition: height 0.5s ease-in-out;
-ms-transition: height 0.5s ease-in-out;
-o-transition: height 0.5s ease-in-out;
transition: height 0.5s ease-in-out;
}
#minecraftPlayerBox{
    list-style: none;
    /* background: #31709E; */
    /* padding: 4px; */
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    /* margin-bottom: 5px; */
    width: auto;
    border-radius: 5px;
}
#minecraftPlayerHead{
    display: inline-block;
    width: 30px;
}
#minecraftPlayerHead img{width:100%;border-radius: 5px;}
#minecraftPlayerName{
    display: inline-block;
    font-family: "Century Gothic";
    color: #A6C5DA;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    /* white-space: nowrap; */
    width: 150px;
    text-transform: capitalize;
    padding: 3;
}   

.mainvkdiv {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;/* fill parent */
  background-color: black;/* let's see it! */
  color: white;
}
div.wpcf7-mail-sent-ok {
    border: none !important;
    border-radius: 5px !important;
    background: #8EBDDE !important;
}
#contactpageTitle{
    text-align: center;
    font-family: "Century Gothic";
    font-weight: bold;
    font-size: 40px;
    color: white;
    background: #225C86;
    border-radius: 5px 5px 0px 0px;
}

div.wpcf7 {
    margin: 0;
    padding: 10px !important;
}
.h1-small{
    font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
    font-size: 22px;
    color: #fff;
}


.time{
    color: #fff;
    font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
}

.time a{
    text-decoration: none;
    color: #fff;
}

.time a:hover{
    color: #000;
}

@media screen and (max-width: 780px) {
	body{
    width: 95% !important;}
		#whoWeAre p {
		    font-family: "Century Gothic";
		    /* text-decoration: inherit; */
		    
		    color: #225C86;
		    text-align: justify;
		    font-size: 0.8em;
		}
		#wwatable li {
		    vertical-align: middle;
		    list-style-type: none;
		    width: 40%;
		    display: inline-block;
		    padding: 10px;
		    color: #225C86;
		}
		#wwalist li {
		    color: white;
		    font-family: "Century Gothic";
		    font-weight: bold;
		    list-style: none;
		    padding: 0px;
		    font-size: 10px;
		}
		#whoWeAre h1 {
		    font-size: 20px;
		}
		#disableForMobile {
		    display: none;
		}
		#enableForMobile {
		    display: block;
		}
		#dynamic-cont {
		    width: 100% !important;
		}
.videotitletag {
    height: 2.7em !important;
    text-overflow:ellipsis !important;
        overflow: hidden !important;
        font-size:80% !important;
}

#videoselectcontainerul {
text-align:center;

    text-overflow:ellipsis !important;
        overflow: hidden !important;}

#vidcategories {
    background: #B7E2FF;
    list-style-type: none;
    font-family: "Century Gothic";
    font-weight: bold;
    color: white;
    font-size: 10px !important;
    /* vertical-align: middle; */
    display: inline-block;
    padding: 10px 0px 5px 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    border-radius: 5px;
    width: 100px !important;
    text-overflow:ellipsis !important;
    overflow:hidden !important;
    height: 17px;!important;
}


#paginationbuttonsnext {
    font-size:0.7em;
    margin:2%;
    }
#paginationbuttonsprev {
    font-size:0.7em;
        margin:2%;
    }


#vidcategoriesmenu {
    margin: 0;
    padding: 0;
    margin: 5px !important;
    text-align:center;
}
    #vidviews {
    width: auto !important;
    font-size:0.7em !important;
        margin: 0px !important;
         padding:5px !important;
         height:auto !important;
         float:right;
}


#vidtitle {
       width: auto !important;
    margin: 5px !important;
        font-size:0.7em !important;
        padding: 0px !important;
        height:auto !important;

}

#videoselectcontainer{
    max-width: 32% !important;
    width:auto;
    height: auto !important;
    /* padding-bottom: 5px; */
    font-size: 0.7em;
    /* margin-left: 5px; */
    /* border-radius: 3px !important; */
    overflow: hidden !important;
    text-overflow:ellipsis !important;
}


    #view-all{
        width: 100% !important;
        padding: 40px 0 0 0!important;
        margin: 0 0 0 0 !important;
    }

    #logo{
        width:70%   !important;
        height:auto;
        position:relative;
        float:left;
        padding:2px 0 0 2px;
        margin:5px 0 5px 0 !important;
        text-align: center !important;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    #content-outer{
        width: 100% !important;
        padding:1.5%;
        box-sizing:border-box;
    }

    #the-team{
        display: none !important;
    }

    #subscribe{
        display: none !important;
    }

    #mc-server{
        display: none !important;
    }

    #right-bar{
        width:242px;
        height:auto;
        position:relative;
        float:right;
        padding:0 !important;
        margin:0;
        background-color:#225c86;
        border-radius:5px;
        z-index:10;
        display: none !important;
    }

    #dynamic-cont{
        height:auto;
        width:100% !important;
        position:relative;
        float:left;
        padding:0;
        margin:0;
    }

    #yellow-box{
        width: auto !important;
        height:auto;
        position:relative;
        float:left;
        padding: 2%!important;
        background-color:#ffc560;
        border-radius:5px;
        text-align: center !important;
        /* margin-left:-1px; */
        margin: 0 0%;
        margin-top: 0 !important;
    }
#black-box{
display:none;
}
    #outer{
        width:100%;
        height:auto;
        position:relative;
        float:none;
        padding:0;
        margin:0 auto 0 auto;
        max-width: 1000px;
        overflow:visible;
    }


    margin-left:-7px;
}

.entry-page-image {
    float: right;
    margin-bottom: 0;
    width: 47.916666667%;
}

body{
    width: 1000px;
    height:auto;
    padding:0;
    margin:0;
    margin-left: auto;
    margin-right: auto;
    background: #ffffff;/* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #5995c9 100%);/* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#5995c9 100%);/* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#5995c9 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#5995c9',GradientType=0 );
    background-attachment: fixed;
    }

.mainleft li{
  width: 49.5%;
  height: auto;
  float: left;
}

.mainleft li:first-child img{
  /* min-width: 50%; */
  /* min-height: 197px; */
  border-radius:5px;
  -webkit-filter: brightness(100%);
filter: brightness(1);
  -webkit-transition: -webkit-filter 0.25s ease-in-out;
  -moz-transition: -webkit-filter 0.25s ease-in-out;
  -o-transition: -webkit-filter 0.25s ease-in-out;
  -ms-transition: -webkit-filter 0.25s ease-in-out;
  transition:-webkit-filter 0.25s ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  width: auto;
  min-width: 100%;
  height: auto;
}

.mainleft li:first-child:hover img {.mainleft
    li: first-child img;.mainleft
    li: first-child img;
    filter: brightness(1.25);
    -webkit-filter: brightness(125%);
  -webkit-transition: -webkit-filter 0.25s ease-in-out;
  -moz-transition: -webkit-filter 0.25s ease-in-out;
  -o-transition: -webkit-filter 0.25s ease-in-out;
  -ms-transition: -webkit-filter 0.25s ease-in-out;
  transition:-webkit-filter 0.25s ease;
  
}


.mainleft li {
    list-style-type: none;
    border-radius: 5px;
    overflow: hidden;
}

li#Gml_hyeOLfA {}

.mainright{
    width: 49.5%;
    float: right;
}

.mainright li:first-child{
    display: none;
}

.mainright li:first-child img{
    display: none;
}

.mainright li {
    list-style-type: none;
    /* 使用浮动替代 inline-block，兼容老浏览器 */
    float: left;
    width: 49.5%;
    border-radius: 5px;
    overflow: hidden;
    /* line-height: 10px !important; */
    /* margin: 0; */
    /* padding: 0; */
}

/* 清除 .mainright 内部浮动，避免在老浏览器中坍塌 */
.mainright::after {
    content: "";
    display: block;
    clear: both;
}

.mainright li img{
    width: 100%;
    height: auto;
    margin-left: auto;
    border-radius:5px;
    -webkit-filter: brightness(100%);
    -webkit-transition: -webkit-filter 0.25s ease-in-out;
    -moz-transition: -webkit-filter 0.25s ease-in-out;
    -o-transition: -webkit-filter 0.25s ease-in-out;
    -ms-transition: -webkit-filter 0.25s ease-in-out;
    transition:-webkit-filter 0.25s ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    margin-right: auto;
    /* margin-bottom: 0; */
    /* padding: 0; */
}
.mainright li:hover img{
    -webkit-filter: brightness(125%);
  -webkit-transition: -webkit-filter 0.25s ease-in-out;
  -moz-transition: -webkit-filter 0.25s ease-in-out;
  -o-transition: -webkit-filter 0.25s ease-in-out;
  -ms-transition: -webkit-filter 0.25s ease-in-out;
  transition:-webkit-filter 0.25s ease;
   -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}

.mainContainer {
    width: auto;
    /* max-width: 700px; */
    margin-left: auto;
    margin-right: auto;
    font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
    font-size: 0.7em;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    /* line-height: 26.4px; */
    text-transform: uppercase;
    text-align: left;
}

.mainContainer h2{
    display: none;
}

.mainContainer h2 a{
    display: none;
}

.vbContainer {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    position: relative;
    width: 50%;
}

.vbWrapper {
    padding-top: 48.75%;
}

.videoBox {
    background-size: contain;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    transition-property: background-color;
    transition-duration: 0.1s;
    transition-timing-function: linear;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.videoBox a {
    display: block;
}

.smallVideosContainer {
    display: inline-block;
    width: 49.5%;
}

.vbWrapperSmall {
    padding-top: 40%;
}

.videoBoxSmall {
    background-size: contain;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    transition-property: background-color;
    transition-duration: 0.1s;
    transition-timing-function: linear;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.videoBoxSmall a {
    display: block;
}
#vidcategoriesmenu{
    margin:0;
    padding:0;
    margin-bottom: 5px;
    text-align: center;
}
#sortproductscontainer{width: 130px;margin: 4px 10px;display: inline-block;}
#producttitlebar{
    font-family: "Century Gothic";
    text-transform: uppercase;
    font-weight: bold;
    font-size: 2em;
    color: white;
    text-align: right;
    background: #123D5D;
    border-radius: 5px 5px 0 0;
    height: 39px;
}
#storecategorytitle{
    /* max-width: 300px; */
    display: inline-block;
    margin-left: 10px;
    float: left;
}
#sortproductsbutton{
    background: #fff;
    color: black;
    width: 120px;
    font-family: "Century Gothic";
    font-weight: bold;
    border-radius: 5px;
    padding: 5px;
    font-size: 0.3em;
    height: 12px;
    cursor: pointer;
    display: inline-block;
    margin-top: 5px;
}

#sortproductsbutton:hover + #sortproductslist{display:block;}

#sortproductsbuttontext{
    float: left;
}

#sortproductbuttonsarrow{
    float: right;
}
#sortproductslist:hover{display:block;}
#sortproductslist{
    background: #FFFFFF;
    width: 120px;
    font-family: "Century Gothic";
    font-weight: bold;
    border-radius: 5px;
    padding: 5px;
    font-size: 0.3em;
    list-style: none;
    display: none;
    margin-top: 0;
    padding-bottom: 1px;
    position:absolute;
    z-index:999999999;
}

#sortproductslistitem{
    padding: 2;
    background-color: #FFFFFF;
    margin-bottom: 5px;
    border-radius: 5px;
    width:auto;
}
#sortproductslistitem:hover{
    color:aliceblue;
    background-color: white;
    border-radius: 5px;
  
}

#sortproductslistitem :link{
    color:aliceblue;
    text-decoration:none;
    color: black;
}
#sortproductslistitem :visited{
    text-decoration:none;
    color: black;
}
#storeflaguk{
    list-style-type:none;
    border-radius: 5px;
    width:50px;
    overflow:hidden;
    display:inline-block;
    float:right;
    margin-top:5px;
    margin-right: 5px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(1);    position: absolute;
    right: 0px;
    top: 5px; 
}
#storeflaguk img{
    list-style-type:none;
    border-radius: 5px;
    width:100%;
    height:auto;
    overflow:hidden;

}

#storeflaguk:hover{
        -webkit-filter: grayscale(0%);
    filter: grayscale(0);
        -webkit-transition: -webkit-filter 0.25s ease-in-out;
    -moz-transition: -webkit-filter 0.25s ease-in-out;
    -o-transition: -webkit-filter 0.25s ease-in-out;
    -ms-transition: -webkit-filter 0.25s ease-in-out;
    transition: -webkit-filter 0.25s ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}

#storeflagus{
    list-style-type:none;
    border-radius: 5px;
    width:50px;
    overflow:hidden;
    display:inline-block;
    float:right;
    margin-top:5px;
    margin-right: 5px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(1);    position: absolute;
    right: 55px;
    top: 5px;
}
#storeflagus img{
    list-style-type:none;
    border-radius: 5px;
    width:100%;
    height:auto;
    overflow:hidden;

}

#storeflagus:hover{
        -webkit-filter: grayscale(0%);
    filter: grayscale(0);
        -webkit-transition: -webkit-filter 0.25s ease-in-out;
    -moz-transition: -webkit-filter 0.25s ease-in-out;
    -o-transition: -webkit-filter 0.25s ease-in-out;
    -ms-transition: -webkit-filter 0.25s ease-in-out;
    transition: -webkit-filter 0.25s ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}
#vidcategories{
    background: #B7E2FF;
    list-style-type: none;
    font-family: "Century Gothic";
    font-weight: bold;
    color: white;
    font-size: 0.85em;
    display: inline-block;
    padding: 5px;
    margin-top: 5px;
    border-radius: 5px;
    min-width: 70px;
    text-align: center;
    }

#vidcategories a:link{
    text-decoration:inherit;
    color: #225c86;
}
#vidcategories a{text-overflow:ellipsis;
overflow:hidden;}
#vidcategories a:visited{
    
    color: #225c86;
}

#vidcategories:hover{
    background:white;
    color: #225c86;
}

#vidiframecontainer{background: #225C86;
padding:10px;
border-radius:5px;}

#vidiframecontaineraspect {
  width: 100%;
  /* whatever width you want */
  display: inline-block;
  position: relative;
}
#vidiframecontaineraspect:after {
  padding-top: 56.25%;
  /* 16:9 ratio */
  display: block;
  content: '';
}
#vidiframe{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;/* fill parent */
  background-color: black;/* let's see it! */
  color: white;
  }
  
#vidtitle{
    font-family: "Century Gothic";
    color: #92D1FF;
    font-size: 1em;
    text-align: left;
    padding: 10;
    display: inline-block;
    font-weight: bold;
    width: 70%;
    margin-top: 5px;
}
#vidviews{
    font-family: "Century Gothic";
    color: #92D1FF;
    font-size: 1em;
    text-align: right;
    padding: 10;
    /* margin-left: auto; */
    font-weight: bold;
    display: inline-block;
    /* background: #100B0B; */
    width: 23.6%;
}
#videoselectcontainerul{
    padding:0px;
    margin: 0;
}
#videoselectcontainer{
    list-style-type:none;
    background: #0E2F44;
    display:inline-block;
    max-width:32.9%;
    width: 32.9%;
    border-radius:5px;
    margin-bottom:5px;
    color: #B7E2FF;
    height:180px;
    font-family:"Century Gothic";
    /* font-size:0.75em; */
    -webkit-filter: brightness(100%);
    -webkit-transition: -webkit-filter 0.25s ease-in-out;
    -moz-transition: -webkit-filter 0.25s ease-in-out;
    -o-transition: -webkit-filter 0.25s ease-in-out;
    -ms-transition: -webkit-filter 0.25s ease-in-out;
    transition: -webkit-filter 0.25s ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    vertical-align: top;
    }
.videotitletag{height:40px;
overflow:hidden;
text-overflow:ellipsis;
padding:0;
margin-left:5;margin-top: 2;margin-right:5;}

#videoselectcontainer img{
    width:100%;
    height:auto;
    border-radius:5px 5px 0 0;
-webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}
#videoselectcontainer:hover{
    border-radius:5px;
    -webkit-filter: brightness(125%);
    -webkit-transition: -webkit-filter 0.25s ease-in-out;
    -moz-transition: -webkit-filter 0.25s ease-in-out;
    -o-transition: -webkit-filter 0.25s ease-in-out;
    -ms-transition: -webkit-filter 0.25s ease-in-out;
    transition: -webkit-filter 0.25s ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}

#paginationbuttonsprev{
font-family:"Century Gothic";
font-weight:bold;
border-radius:5px;background: #225C86;
padding:10px;
float:left;
color:white;
text-decoration: inherit;}

#paginationbuttonsprev:hover{
text-decoration: inherit;
background:#336D97;
}
#paginationbuttonsprev a:link{
text-decoration: inherit;
color:white;
}
#paginationbuttonsprev a:visited{
text-decoration: inherit;
color:white;
}
#paginationbuttonsnext{
font-family:"Century Gothic";
font-weight:bold;
border-radius:5px;background: #225C86;
padding:10px;
float:right;
color:white;
text-decoration: inherit;}

#paginationbuttonsnext:hover{
text-decoration: inherit;
background:#336D97;
}
#paginationbuttonsnext a:link{
text-decoration: inherit;
color:white;
}
#paginationbuttonsnext a:visited{
text-decoration: inherit;
color:white;
}
#outer{
    width: 100%;
    height:auto;
    position:relative;
    float:none;
    padding:0;
    margin:0 auto 0 auto;
    max-width: 1000px;
    overflow-x: visible;
}

#header{
    width:100%;
    height:auto;
    position:relative;
    float:left;
    padding:20px 0 0 0;
    margin:0;
}

#logo{
    width:289px;
    height:auto;
    position:relative;
    float:left;
    padding:2px 0 0 0;
    margin:0;
    -webkit-filter:brightness(100%);
    filter: brightness(1);
       -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
      -webkit-transition: -webkit-filter 0.25s ease-in-out;
  -moz-transition: -webkit-filter 0.25s ease-in-out;
  -o-transition: -webkit-filter 0.25s ease-in-out;
  -ms-transition: -webkit-filter 0.25s ease-in-out;
  transition:-webkit-filter 0.25s ease-in-out;
}
#logo:hover{
    -webkit-filter:brightness(125%);
    filter: brightness(1.25);
       -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
      -webkit-transition: -webkit-filter 0.25s ease-in-out;
  -moz-transition: -webkit-filter 0.25s ease-in-out;
  -o-transition: -webkit-filter 0.25s ease-in-out;
  -ms-transition: -webkit-filter 0.25s ease-in-out;
  transition:-webkit-filter 0.25s ease-in-out;
}

#the-team{
    width:436px;
    height:23px;
    position:relative;
    float:left;
    padding:2px 0 0 0;
    margin:0 0 0 8px;
    text-align:center;
}
.subBoxtop{
    padding: 10px;
}
.titleMillion{
    font-size: 30px;
}
#subscribe{
    width:249px;
    height:102px;
    position:relative;
    float:right;
    padding:2px 0 0 0;
    margin:0;
    border-radius:10px;
    background-color:#c3c3c3;
    text-align:center;
    text-decoration:none;
}

#subscribe a{
text-decoration: none;
}

#mc-server{
    width:447px;
    height:78px;
    position:relative;
    float:left;
    padding:0;
    margin: 0 0 5px 7px;
    border-radius:10px;
    background-image:url(mc-server.png);
    text-align:center
}


#content-outer{
    width:98%;
    height:auto;
    position:relative;
    float:left;
    padding:10px;
    margin: 5px 0;
    background-color:#5396c4;
    border-radius:5px;
    z-index:10;
}


#dynamic-cont{
    height:auto;
    width:74%;
    position:relative;
    float:left;
    padding:0;
    margin:0;
}


#right-bar{
    width:242px;
    height:auto;
    position:relative;
    float:right;
    padding:2px 2px 5px 2px;
    margin:0;
    background-color:#225c86;
    border-radius:5px;
    z-index:10;
}

#social-buttons{
    width:94%;
    height:56px;
    position:relative;
    float:none;
    padding:5px 3px 3px 3px;
    margin:5px auto 0 auto;
    background-color:#7da5c5;
    border-radius:5px;

}
.contactrecaptcha{
    width: 304px;
    display: inline-block;
}

#mailmaindiv{
    background: #8EBDDE;
    border-radius: 0px 0px 5px 5px;
    padding: 10px;
    height: auto;
    text-align: center;
    font-family: "Century Gothic";
    font-weight: bold;
    color: #225C86;
}
#mailcontent{
    background: #CDEAFF;
    border-radius: 5px;
    /* padding: 10px; */
    width: 100%;
    display: inline-block;
    /* float: left; */
    margin-top: 10px;
}
#contactsocialmedia{
    width: 49.5%;
    background: #CDEAFF;
    border-radius: 5px;
    /* padding: 10px; */
    /* display: inline-block; */
    float: right;
}
#contactsocialmediaul{
    list-style: none;
}
#contactsocialmediali{}
#buttons{
    width:53px;
    height:53px;
    position:relative;
    float:left;
    padding:0 0 0 0px;
    margin-left:3;
    border-radius:5px 5px 5px 5px;
    overflow:hidden;
    
-webkit-filter: brightness(100%);
   -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
      -webkit-transition: -webkit-filter 0.25s ease-in-out;
  -moz-transition: -webkit-filter 0.25s ease-in-out;
  -o-transition: -webkit-filter 0.25s ease-in-out;
  -ms-transition: -webkit-filter 0.25s ease-in-out;
  transition:-webkit-filter 0.25s ease-in-out;
}

#buttons:hover{
-webkit-filter: brightness(125%);
  -webkit-transition: -webkit-filter 0.25s ease-in-out;
  -moz-transition: -webkit-filter 0.25s ease-in-out;
  -o-transition: -webkit-filter 0.25s ease-in-out;
  -ms-transition: -webkit-filter 0.25s ease-in-out;
  transition:-webkit-filter 0.25s ease-in-out;
  border-radius: 5px;
   -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;

}

#app{
    width:96.5%;
    height: 200px;
    position:relative;
    border-radius: 5px;
    overflow: hidden;
    float:none;
    margin:5px auto 0 auto;
    text-align:center;
    -webkit-filter: brightness(100%);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transition: -webkit-filter 0.25s ease-in-out;
    -moz-transition: -webkit-filter 0.25s ease-in-out;
    -o-transition: -webkit-filter 0.25s ease-in-out;
    -ms-transition: -webkit-filter 0.25s ease-in-out;
    transition:-webkit-filter 0.25s ease-in-out;
}

#app:hover{
    -webkit-filter: brightness(125%);
  -webkit-transition: -webkit-filter 0.25s ease-in-out;
  -moz-transition: -webkit-filter 0.25s ease-in-out;
  -o-transition: -webkit-filter 0.25s ease-in-out;
  -ms-transition: -webkit-filter 0.25s ease-in-out;
  transition:-webkit-filter 0.25s ease-in-out;

   -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;

}

#add{
    width:94%;
    height: 228px;
    position:relative;
    float:none;
    padding:3px 3px 8px 3px;
    margin:5px auto 0 auto;
    background-color:#7da5c5;
    border-radius:5px;
    text-align:center;
}

#twitter_feed{
    width:94%;
    height: auto;
    position:relative;
    float:none;
    padding:8px 3px 10px 3px;
    margin:5px auto 0 auto;
    background-color:#0e2f44;
    border-radius:10px;
    text-align:center;
}


#black-box{
    width:100%;
    height:245px;
    position:relative;
    float:left;
    padding:0;
    margin:0;
    background-color:#000;
    border-radius:5px;
}

#yellow-box{
    width: 100%;
    height: auto;
    float:left;
    padding: 10px 8px 6px 8px;
    background-color:#ffc560;
    border-radius:5px;
    margin-top: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
#yellow-box-video{
    width:auto;
    height:400px;
    position:relative;
    float:left;
    padding:0 0 8px 0;
    background-color:#ffc560;
    border-radius:5px;
}

#redBox{
    width:100%;
    height:400px;
    position:relative;
    float:left;
    padding:0;
    margin:0;
    background-color:#BA2221;
    border-radius:5px;
}
#redBox h1, #serverBox h1, #staffBox h1{
font-family:"Century Gothic";
color: #ffffff;
line-height: 10px;
text-align: center;
}
#redBox h2{
font-family:"Century Gothic";
color: #000000;
text-align: center;
}
#serverBox{
    width:99%;
    height:auto;
    position:relative;
    float:left;
    padding:0;
    margin:4px;
    background-color:#225c86;
    border-radius:5px;
}
#staffBox{
    width:99%;
    height:auto;
    position:relative;
    float:left;
    padding:0;
    margin:0px 4px 4px 4px;
    background-color:#225c86;
    border-radius:5px;
}

#rulesBox{
    width:99%;
    height:auto;
    position:relative;
    float:left;
    padding:0;
    margin:0px 4px 4px 4px;
    background-color:#225c86;
    border-radius:5px;
}



#whiteBox{
    width:100%;
    height:auto;
    position:relative;
    float:left;
    padding:0;
    margin:0;
    background-color:#ffffff;
    border-radius:5px;
}
#infoBox{
    width:99%;
    height:auto;
    position:relative;
    float:left;
    padding:0;
    margin:4px;
    background-color:#7da5c5;
    border-radius:5px;
}
#infoBox h3{
color: #0e2f44;
font-family:"Century Gothic";
margin-left: 5px;

}
#infoBox h1
{
background-color:#5396c4;
padding: 20px 0px 20px 0px;
color: #FFFF55;
width: 25%;
margin-left: auto;
margin-right: auto;

}

#blue-box{
    width:100%;
    height:auto;
    position:relative;
    float:left;
    padding:10px 0 10px 0;
    margin:10px 0 0 0;
    background-color:#7da5c5;
    border-radius:5px;
}
#staffNamebox {
  float: left;
  width: 320px;
  height: auto;
  margin: 1em;
  background-color: #036;
font-family:"Century Gothic";
border-radius:5px;

}


#staffNamebox img
{
padding: 15px 0px 15px 15px;
float: left;
}
#staffNamebox a
{
padding: 40px 30px 10px 10px;
float: right;
color: #fff;
margin-top: 15px;
margin-right: 10px;
text-decoration:none;
}
#blue-box-videos{
    width:100%;
    height:auto;
    position:relative;
    float:left;
    padding:10px 0 10px 0;
    margin:10px 0 0 0;
    background-color:#225c86;
    border-radius:5px;
}
#content
{
width:100%;
background-color:#5cb831;
}

#view-all{
    width:98%;
    height:80px;
    position:relative;
    float:left;
    padding:40px 0 0 0;
    margin:0 0 0 7px;
    background-color:#c3c3c3;
    border-radius:5px;
    text-align:center;
    -webkit-transition: background-color 0.25s ease-in-out;
  -moz-transition: background-color 0.25s ease-in-out;
  -o-transition: background-color 0.25s ease-in-out;
  -ms-transition: background-color 0.25s ease-in-out;
  transition:background-color 0.25s ease-in-out;
}

#view-all:hover{
background-color:#dddddd;

}

#view-all a
{
text-decoration: none;
color: #404040;
}
#yt-vid{
    width:auto;
    height:auto;
    position:relative;
    float:left;
    padding:0;
    margin:0 0 5px 7px;
    border-radius: 5px;
    overflow: hidden;
    webkit-transition: -webkit-filter 0.25s ease-in-out;
  -moz-transition: -webkit-filter 0.25s ease-in-out;
  -o-transition: -webkit-filter 0.25s ease-in-out;
  -ms-transition: -webkit-filter 0.25s ease-in-out;
  transition:-webkit-filter 0.25s ease-in-out;
    -webkit-filter: brightness(100%);
     -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}

#yt-vid:hover{

-webkit-filter: brightness(125%);
  -webkit-transition: -webkit-filter 0.25s ease-in-out;
  -moz-transition: -webkit-filter 0.25s ease-in-out;
  -o-transition: -webkit-filter 0.25s ease-in-out;
  -ms-transition: -webkit-filter 0.25s ease-in-out;
  transition:-webkit-filter 0.25s ease-in-out;
  border-radius: 5px;
   -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;

}

#subbutton{
    width:228px;
    /* height:37px; */
    position:relative;
    float:none;
    padding:0;
    margin: 3 auto 0 auto;
    background-color:#f78d32;
    border-radius: 7px;
    font-family:"Century Gothic";
    font-size:18px;
    font-weight:bold;
    line-height:32px;
    text-decoration:none;
    color:#FFF;
}

#subbutton a{
    width:228px;
    height:37px;
    position:relative;
    float:none;
    padding:0;
    margin:0 auto 0 auto;
    background-color:#f78d32;
    border-radius:10px;
        font-family:"Century Gothic";
    font-size:18px;
    font-weight:bold;
    line-height:32px;
    text-decoration:none;
    color:#FFF;


}

#subbutton:hover{

    background-color:#fff;
    color:#f78d32;
    
}
#whoWeAre
{/* padding: 0px 0 0px 20px; */text-align: left;color: #225C86;}
#whoWeAre h1
{color: #FFFFFF;
font-family:"Century Gothic";text-align: center;padding: 0px;margin: 0px;}
#whoWeAre p {
    font-family: "Century Gothic";
    /* text-decoration: inherit; */
    color: #225C86;
    text-align: justify;
    font-size: 1em;
}
{
font-weight: bold;
}
.strong :link{
    color:#3D5B82;
    text-decoration: inherit;
}
.strong :visited{
    color:#545DA4;
    text-decoration: inherit;
}
#form{
    width:100%;
}

.form{
    width:100%;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea
{
    background-color: #FFF;
    color: #225C86;
    width: 100%;
    border-radius: 5px;
    border: none;
    padding: 5px;
}
form{
    width:100%;
}

.form-style-1 {
    width:60%;
    padding: 20px 12px 10px 20px;
    font: 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.form-style-1 li {
    padding: 0;
    display: block;
    list-style: none;
    margin: 10px 0 0 0;
}
.form-style-1 label{
    margin:0 0 3px 0;
    padding:0px;
    display:block;
    font-weight: bold;
    color: #56331c;
}
.form-style-1 input[type=text],
.form-style-1 input[type=date],
.form-style-1 input[type=datetime],
.form-style-1 input[type=number],
.form-style-1 input[type=search],
.form-style-1 input[type=time],
.form-style-1 input[type=url],
.form-style-1 input[type=email],
textarea,
select{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border:1px solid #BEBEBE;
    padding: 7px;
    margin:0px;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
}
.form-style-1 input[type=text]:focus,
.form-style-1 input[type=date]:focus,
.form-style-1 input[type=datetime]:focus,
.form-style-1 input[type=number]:focus,
.form-style-1 input[type=search]:focus,
.form-style-1 input[type=time]:focus,
.form-style-1 input[type=url]:focus,
.form-style-1 input[type=email]:focus,
.form-style-1 textarea:focus,
.form-style-1 select:focus{
    -moz-box-shadow: 0 0 8px #88D5E9;
    -webkit-box-shadow: 0 0 8px #88D5E9;
    box-shadow: 0 0 8px #88D5E9;
    border: 1px solid #88D5E9;
}
.form-style-1 .field-divided{
    width: 100%;
}

.form-style-1 .field-long{
    width: 100%;
}
.form-style-1 .field-select{
    width: 100%;
}
.form-style-1 .field-textarea{
    height: 300px;
    width: 170%;
}
.form-style-1 input[type=submit], .form-style-1 input[type=button]{
    background: #4B99AD;
    padding: 8px 15px 8px 15px;
    border: none;
    color: #fff;

}
.form-style-1 input[type=submit]:hover, .form-style-1 input[type=button]:hover{
    background: #4691A4;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}
.form-style-1 .required{
    color:red;
}

#yt-vid h3{
 font-family:"Century Gothic";
font-size: 25px;
    margin-left: 62%;
    margin-top: 0;
 color: #ffffff;
}
#yellow-box h3{
 font-family:"Century Gothic";
 font-size: 1.4em;
 text-align: center;
 margin-top: 0;
 margin-bottom: 10;
 color: #ffffff;
}

#blue-box h3 {
    font-family: "Century Gothic";
    font-size: 1.4em;
    text-align: center;
    margin-top: 0;
    margin-bottom: 10;
    color: #ffffff;
}
.search {
                padding:15px 10px 15px 10px;
                background:#ffffff;
                border:0px solid #dbdbdb;
                border-radius: 10px;
                width: 320px;
                margin: 15px 0px 0px 20px;

}

.avatar
{
padding: 10px 10px 10px 20px;
}


.avatar  img
{
width: 315px;
height: 127px;

border-radius: 10px;
}

#infoBox p
{
color: #ffffff;
font-family:"Century Gothic";
margin: 10px;
}

#infoBox ul
{
font-family:"Century Gothic";
margin-left:10px;
}
#darkblue-box
{
width: 380px;
height: 200px;
background-color: #1f314a;
color: #ffffff;
padding: 10px;
border-radius: 10px;
font-family:"Century Gothic";
position: relative;

}
#darkblue-box h4
{
font-size: 20px;
margin: 0px 20px 0px 20px;
font-weight: bold;
}
#darkblue-box p
{
margin: 10px 20px 0px 20px;
font-weight: bold;
}
#brown-box
{
width: 300px;
height: 200px;
background-color: #7e5d42;
color: #ffffff;
padding: 10px;
border-radius: 10px;
font-family:"Century Gothic";
margin-left:10px;
text-align: center;
position: relative;
}
#brown-box h4
{
background-color: #62b432;
 width: 107%;
 height: 40px;
 margin: -37px 0 0 -10px;
 border-top-left-radius: 10px;
 border-top-right-radius: 10px;
 font-size: 20px;
 line-height: 40px;
 font-weight: bold;

}
#brown-box p
{
margin: 10px 20px 0px 20px;
font-weight: bold;
}


.greyBox
{
width: 98.7%;
background-color: #c4ced3;
color: #000000;
margin-bottom: 5px;
padding: 10px 0 10px 10px;
font-family:"Century Gothic";
border-top-left-radius: 10px;
 border-top-right-radius: 10px;
font-size: 20px;
display:block;
 border-bottom: 4px solid #5396c4;

}

#whiteBoxBuycraft
{
width: 100%;
height: auto;
background-color: #ffffff;
display:block;
border-top-left-radius: 10px;
 border-top-right-radius: 10px;
 margin: 10px 0 10px 2px;
 position: relative;
}
#whiteBoxBuycraft p
{
padding: 0px 40px 10px 40px;
}

p, h1
{font-family:"Century Gothic";display: block;/* width: 100%; */}

.usernamesearch {
                padding:8px 15px;
                width: 540px;
                background: #ffffff;
                border:0px solid #207cca;

}
.usernamebutton {
                position:relative;
                padding:8px 15px;
                width: 150px;
                border:0px solid #207cca;
                background-color:#5cb831;
                color:#ffffff;
}
.usernamebutton:hover  {
                background-color:#ffffff;
                color:#5cb831;
}
.redBoxEC
{
background-color: #d22734;
width: 100%;
height: 60px;
position: relative;
}

.redBoxEC img
{
display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.ECBox
{
margin-top: 10px;
width: 100%;
height: 300px;
background-color: #aecbe2;
border-radius: 5px;
}
.ECslider
{
margin-top: 10px;
width: 100%;
height: 100px;
background-color: #224e6c;
border-radius: 5px;
}
.faqyellowbox
{
margin-top: 0px;
width: 100%;
height: auto;
background-color: #ffc560;
border-radius: 5px;
padding-bottom: 20px;
}
.faqbluebox
{
margin-top: 5px;
margin-left: auto;
margin-right: auto;
width: 98%;
height: auto;
background-color: #5595c4;
border-radius: 5px;
padding-bottom: 5px;
}
.faqbluebox p
{
color: #ffffff;
font-size: 14px;
padding: 0 10px 10px 10px;
}
.faqbluebox h1
{
color: #ffffff;
font-size: 16px;
padding: 10px 10px 0 10px ;
font-weight: bold;
}
.blogbluebox
{
margin-top: -20px;
width: 100%;
height: 700px;
background-color: #0e2f44;
border-radius: 5px;
padding-bottom: 20px;
}
.blogwhitebox
{

width: 96%;
height: 85%;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
border-radius: 5px;
padding-bottom: 20px;
}
.blogbluebox h1
{
text-align: center;
color: #ffffff;
font-size: 30px;
padding: 20px 10px 0 10px ;
font-weight: bold;
}
.yellowdownloadbox
{
width:100%;
    height:400px;
    position:relative;
    padding:10px 0 8px 0;
    background-color:#ffc560;
    border-radius:5px;
    margin-bottom: 10px;
    }
.blackdownloadbox
{
margin-left: auto;
margin-right: auto;
width:98%;
    height:88%;
    position:relative;
    background-color:#000000;
    border-radius:5px;
}
.yellowdownloadbox h1
{
text-align: center;
color: #ffffff;
font-size: 30px;
padding: 0 10px 0 10px ;
font-weight: bold;
margin: 0 0 10px 0;
}
.bluedownloadbox
{
width:100%;
    height:200px;
    position:relative;
    padding:10px 0 8px 0;
    margin-bottom: 10px;
    background-color: #cfe1ee;
    border-radius:5px;
    }




    #bbpress-forums hr {
    margin: 0 0 24px 0;
}

#bbpress-forums {
    background: transparent;
    clear: both;
    margin-bottom: 20px;
    overflow: hidden;
    font-size: 12px;
    font-family:"Century Gothic";
}

#bbpress-forums div.even,
#bbpress-forums ul.even {
    background-color: #fff;
}

#bbpress-forums div.odd,
#bbpress-forums ul.odd {
    background-color: #fbfbfb;
}

body.reply-edit .reply {
    float: none;
}

#bbpress-forums div.reply {
    height: auto;
    width: 100%;
}

#bbpress-forums div.bbp-forum-header,
#bbpress-forums div.bbp-topic-header,
#bbpress-forums div.bbp-reply-header {
    background-color: #f4f4f4;
}

#bbpress-forums .status-trash.even,
#bbpress-forums .status-spam.even {
    background-color: #fee;
}
#bbpress-forums .status-trash.odd,
#bbpress-forums .status-spam.odd {
    background-color: #fdd;
}

#bbpress-forums .status-closed,
#bbpress-forums .status-closed a {
    color: #ccc;
}

#bbpress-forums ul {
    background:  none;
    list-style: none;
    margin: 0;
    padding: 0;
}

#bbpress-forums ul.bbp-threaded-replies {
    margin-left: 50px;
}

#bbpress-forums li {
    background: none;
    margin: 0;
    list-style: none;
}

#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results {
    font-size: 12px;
    overflow: hidden;
    border: 3px solid #337daa;
    margin-bottom: 20px;
    clear: both;
    border-radius:5px;
}

#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-body,
#bbpress-forums li.bbp-footer {
    clear: both;
}

#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer {
    background: #f3f3f3;
    font-weight: bold;
    padding: 8px;
    text-align: center;
}

#bbpress-forums li.bbp-header {
    background-color:#46b846;
}

#bbpress-forums li.bbp-header ul {
    overflow: hidden;
}

#bbpress-forums .bbp-forums-list {
    margin: 0 0 0 5px;
    padding-left: 15px;
    border-left: 1px solid #ddd;
}

#bbpress-forums .bbp-forums-list li {
    display: inline;
    font-size: 11px;
}

#bbpress-forums li.bbp-footer p {
    margin: 0;
    line-height: 1em;
}

li.bbp-forum-info,
li.bbp-topic-title {
    float: left;
    text-align: left;
    width: 55%;
}
li.bbp-forum-topic-count,
li.bbp-topic-voice-count,
li.bbp-forum-reply-count,
li.bbp-topic-reply-count {
    float: left;
    text-align: center;
    width: 10%;
}

li.bbp-forum-freshness,
li.bbp-topic-freshness {
    text-align: center;
    float: left;
    width: 22%;
}

#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic {
    border-top: 1px solid #eee;
    overflow: hidden;
    padding: 8px;
}

li.bbp-header div.bbp-topic-content span#subscription-toggle,
li.bbp-header div.bbp-topic-content span#favorite-toggle,
li.bbp-header div.bbp-reply-content span#subscription-toggle,
li.bbp-header div.bbp-reply-content span#favorite-toggle {
    float: right;
}

#bbpress-forums div.bbp-forum-title h3,
#bbpress-forums div.bbp-topic-title h3,
#bbpress-forums div.bbp-reply-title h3 {
    background: none;
    border: none;
    font-size: 16px;
    line-height: 1em;
    margin: 8px 0;
    padding: 0;
    text-transform: none;
}

#bbpress-forums div.bbp-forum-author,
#bbpress-forums div.bbp-topic-author,
#bbpress-forums div.bbp-reply-author {
    float: left;
    text-align: center;
    width: 115px;
}

#bbpress-forums div.bbp-forum-author img.avatar,
#bbpress-forums div.bbp-topic-author img.avatar,
#bbpress-forums div.bbp-reply-author img.avatar {
    border: none;
    max-width: 80px;
    padding: 0;
    margin: 12px auto 0 auto;
    float: none;
}

#bbpress-forums div.bbp-forum-author a.bbp-author-name,
#bbpress-forums div.bbp-topic-author a.bbp-author-name,
#bbpress-forums div.bbp-reply-author a.bbp-author-name {
    margin: 0 12px;
    word-break: break-word;
    display: inline-block;
}

#bbpress-forums div.bbp-topic-author a.bbp-author-name,
#bbpress-forums div.bbp-reply-author a.bbp-author-name {
    clear: left;
    display: block;
}

#bbpress-forums div.bbp-forum-author .bbp-author-role,
#bbpress-forums div.bbp-topic-author .bbp-author-role,
#bbpress-forums div.bbp-reply-author .bbp-author-role {
    font-size: 11px;
    font-style: italic;
}

#bbpress-forums li.bbp-header .bbp-search-author,
#bbpress-forums li.bbp-footer .bbp-search-author,
#bbpress-forums li.bbp-header .bbp-forum-author,
#bbpress-forums li.bbp-footer .bbp-forum-author,
#bbpress-forums li.bbp-header .bbp-topic-author,
#bbpress-forums li.bbp-footer .bbp-topic-author,
#bbpress-forums li.bbp-header .bbp-reply-author,
#bbpress-forums li.bbp-footer .bbp-reply-author {
    float: left;
    margin: 0;
    padding: 0;
    width: 120px;
}

#bbpress-forums li.bbp-header .bbp-search-content,
#bbpress-forums li.bbp-footer .bbp-search-content,
#bbpress-forums li.bbp-header .bbp-forum-content,
#bbpress-forums li.bbp-footer .bbp-forum-content,
#bbpress-forums li.bbp-header .bbp-topic-content,
#bbpress-forums li.bbp-footer .bbp-topic-content,
#bbpress-forums li.bbp-header .bbp-reply-content,
#bbpress-forums li.bbp-footer .bbp-reply-content {
    margin-left: 140px;
    padding: 0;
    text-align: left;
}

div.bbp-forum-header,
div.bbp-topic-header,
div.bbp-reply-header,
li.bbp-body div.hentry {
    margin-bottom: 0;
    overflow: hidden;
    padding: 8px;
}

div.bbp-forum-header,
div.bbp-topic-header,
div.bbp-reply-header {
    border-top: 1px solid #ddd;
    clear: both;
}

span.bbp-author-ip {
    font-family: 'Helvetica Neue', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #aaa;
}

/* =Topic and reply content
-------------------------------------------------------------- */

#bbpress-forums div.bbp-forum-content,
#bbpress-forums div.bbp-topic-content,
#bbpress-forums div.bbp-reply-content {
    margin-left: 130px;
    padding: 12px 12px 12px 0;
    text-align: left;
}

/* Clearing hack */
#bbpress-forums div.bbp-forum-content:after,
#bbpress-forums div.bbp-topic-content:after,
#bbpress-forums div.bbp-reply-content:after {
    clear: both;
    content: ".";
    display: block;
    float: none;
    height: 0;
    font-size: 0;
    visibility: hidden;
}

#bbpress-forums div.bbp-topic-content a,
#bbpress-forums div.bbp-reply-content a {
    background: none;
    border: none;
    display: inline;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

#bbpress-forums div.bbp-topic-content h1,
#bbpress-forums div.bbp-reply-content h1,
#bbpress-forums div.bbp-topic-content h2,
#bbpress-forums div.bbp-reply-content h2,
#bbpress-forums div.bbp-topic-content h3,
#bbpress-forums div.bbp-reply-content h3,
#bbpress-forums div.bbp-topic-content h4,
#bbpress-forums div.bbp-reply-content h4,
#bbpress-forums div.bbp-topic-content h5,
#bbpress-forums div.bbp-reply-content h5,
#bbpress-forums div.bbp-topic-content h6,
#bbpress-forums div.bbp-reply-content h6 {
    clear: none;
    line-height: 1em;
    margin: 24px 0;
    padding: 0;
}

#bbpress-forums div.bbp-topic-content img,
#bbpress-forums div.bbp-reply-content img {
    max-width: 100%;
}

#bbpress-forums div.bbp-topic-content ul,
#bbpress-forums div.bbp-reply-content ul,
#bbpress-forums div.bbp-topic-content ol,
#bbpress-forums div.bbp-reply-content ol {
    margin: 0 15px 15px;
    padding: 0;
}

#bbpress-forums div.bbp-topic-content ul li,
#bbpress-forums div.bbp-reply-content ul li {
    list-style-type: disc;
}

#bbpress-forums div.bbp-topic-content ol li,
#bbpress-forums div.bbp-reply-content ol li {
    list-style-type: decimal;
}

#bbpress-forums div.bbp-topic-content ol li li,
#bbpress-forums div.bbp-reply-content ol li li {
    list-style-type: lower-alpha;
}

#bbpress-forums div.bbp-topic-content ol li li li,
#bbpress-forums div.bbp-reply-content ol li li li {
    list-style-type: upper-roman;
}

#bbpress-forums div.bbp-topic-content code,
#bbpress-forums div.bbp-reply-content code,
#bbpress-forums div.bbp-topic-content pre,
#bbpress-forums div.bbp-reply-content pre {
    font-family: Inconsolata, Consolas, Monaco, Lucida Console, monospace;
    display: inline-block;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    padding: 0 5px;
    max-width: 95%;
    vertical-align: middle;
    margin-top: -3px;
}

#bbpress-forums div.bbp-topic-content pre,
#bbpress-forums div.bbp-reply-content pre {
    display: block;
    line-height: 18px;
    margin: 0 0 24px;
    padding: 5px 10px;
    white-space: pre;
    overflow: auto;
}

#bbpress-forums div.bbp-topic-content pre code,
#bbpress-forums div.bbp-reply-content pre code {
    display: block;
    border: none;
    padding: 0;
    margin: 0;
    background-color: transparent;
    overflow-wrap: normal;
    overflow: auto;
    max-width: 100%;
}

/* =Reply to
-------------------------------------------------------------- */

#bbpress-forums div.bbp-reply-to {
    margin-left: 130px;
    padding: 12px 12px 12px 0;
    text-align: right;
}

#bbpress-forums div#bbp-cancel-reply-to {
    text-align: right;
}

/* =Breadcrumb and Tags
-------------------------------------------------------------- */

div.bbp-breadcrumb {
    float: left;
}

div.bbp-breadcrumb,
div.bbp-topic-tags {
    font-size: 12px;
}

#bbpress-forums div.bbp-breadcrumb p,
#bbpress-forums div.bbp-topic-tags p {
    margin-bottom: 10px
}

#bbpress-forums div.bbp-topic-tags {
    float: right;
}

#bbp-topic-hot-tags {
    clear: both;
}

/* =Search
-------------------------------------------------------------- */

#bbpress-forums #bbp-search-form {
    clear: left;
}

    #bbpress-forums #bbp-search-form .hidden {
        height: 0;
        width: 0;
        overflow: hidden;
        position: absolute;
        background: none;
        left: -999em;
    }

    #bbpress-forums #bbp-search-form #bbp_search {
        display: inline-block;
        width: auto;
    }

#bbpress-forums div.bbp-search-form {
    float: right;
}

/* =Admin Links
-------------------------------------------------------------- */

span.bbp-admin-links {
    float: right;
    color: #ddd;
}
span.bbp-admin-links a {
    color: #bbb;
    font-weight: normal;
    font-size: 10px;
    text-transform: uppercase;
    text-decoration: none;
}
fieldset span.bbp-admin-links {
    float: left;
}
tr td span.bbp-admin-links a:hover {
    color: #ff4b33;
}
td.bbp-topic-admin-links,
td.bbp-topic-counts {
    width: 50%;
}

.bbp-forum-header a.bbp-forum-permalink,
.bbp-topic-header a.bbp-topic-permalink,
.bbp-reply-header a.bbp-reply-permalink {
    float: right;
    margin-left: 10px;
    color: #ccc;
}

/* =Toggles
-------------------------------------------------------------- */

.bbp-row-actions #favorite-toggle a {
    text-decoration: none;
    padding: 0 3px 1px;
    color: #7c7;
    border: 1px solid #aca;
    background-color: #dfd;
    font-weight: bold;
    font-size: 13px;
    }
    .bbp-row-actions #favorite-toggle a:hover {
        color: #5a5;
        border-color: #7c7;
        background-color: #beb;
    }
    .bbp-row-actions #favorite-toggle span.is-favorite a {
        color: #faa;
        border: 1px solid #faa;
        background-color: #fee;
        }
        .bbp-row-actions #favorite-toggle span.is-favorite a:hover {
            color: #c88;
            border-color: #c88;
            background-color: #fdd;
        }

.bbp-row-actions #subscription-toggle a {
    text-decoration: none;
    padding: 0 3px 1px;
    color: #7c7;
    border: 1px solid #aca;
    background-color: #dfd;
    font-weight: bold;
    font-size: 13px;
    }
    .bbp-row-actions #subscription-toggle a:hover {
        color: #5a5;
        border-color: #7c7;
        background-color: #beb;
    }
    .bbp-row-actions #subscription-toggle span.is-subscribed a {
        color: #faa;
        border: 1px solid #faa;
        background-color: #fee;
        }
        .bbp-row-actions #subscription-toggle span.is-subscribed a:hover {
            color: #c88;
            border-color: #c88;
            background-color: #fdd;
        }

#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta {
    font-size: 11px;
    margin: 5px 0 5px;
    padding: 0;
    word-wrap: break-word;
}

#bbpress-forums p.bbp-topic-meta span {
    white-space: nowrap;
}

/* =Pagination
-------------------------------------------------------------- */

.bbp-pagination-count {
    float: left;
    border: 1px solid transparent;
}

.bbp-pagination-links {
    float: right;
    list-style: none;
    display: inline;
    }
    .bbp-pagination-links a,
    .bbp-pagination-links span.current {
        display: block;
        float: left;
        padding: 0px 5px;
        margin-left: 5px;
        border: 1px solid #efefef;
        text-decoration: none;
        }
        .bbp-pagination-links a:hover,
        .bbp-pagination-links span.current {
            background: #eee;
            opacity: 0.8;
            border: 1px solid #ddd;
        }

    .bbp-pagination-links span.dots {
        display: block;
        float: left;
        padding: 1px 4px;
        margin-left: 5px;
    }

.bbp-pagination {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.bbp-topic-pagination {
    display: inline-block;
    margin-left: 5px;
    margin-bottom: 2px;
    }
    .bbp-topic-pagination a {
        font-size: 10px;
        line-height: 10px;
        padding: 1px 3px;
        border: 1px solid #ddd;
        text-decoration: none;
    }


/* =Forms
-------------------------------------------------------------- */

#bbpress-forums fieldset.bbp-form {
    clear: left;
}

#bbpress-forums fieldset.bbp-form {
    border: 1px solid #eee;
    padding: 10px 20px;
    margin-bottom: 10px;
}

#bbpress-forums fieldset.bbp-form legend {
    padding: 5px;
}

#bbpress-forums fieldset.bbp-form label {
    margin: 0;
    display: inline-block;
}

#bbp-edit-topic-tag.bbp-form fieldset.bbp-form label,
#bbp-login fieldset label,
#bbp-register fieldset label,
#bbp-lost-pass fieldset label {
    width: 100px;
}

#bbpress-forums fieldset.bbp-form p,
#bbpress-forums fieldset.bbp-form textarea,
#bbpress-forums fieldset.bbp-form select,
#bbpress-forums fieldset.bbp-form input {
    margin: 0 0 8px;
}

textarea#bbp_reply_content,
textarea#bbp_topic_content,
textarea#bbp_forum_content {
    width: 97%;
    box-sizing: border-box;
}

textarea#bbp_forum_content {
    height: 210px;
}

#bbpress-forums fieldset.bbp-forum-form-attributes {
    width: 200px;
    float: right;
    clear: none;
    margin-left: 25px;
}

/**
 * Fix for too-long forum names, usually from conversion
 */
#bbpress-forums fieldset select#bbp_forum_id {
    max-width: 200px;
}

.bbp-topic-form,
.bbp-reply-form,
.bbp-topic-tag-form {
    clear: left;
}
body.topic-edit .bbp-topic-form div.avatar img,
body.reply-edit .bbp-reply-form div.avatar img,
body.single-forum .bbp-topic-form div.avatar img,
body.single-reply .bbp-reply-form div.avatar img {
    margin-right: 0;
    padding: 10px;
    border: 1px solid #ddd;
    line-height: 0;
    background-color: #efefef;
}

body.page .bbp-reply-form code,
body.page .bbp-topic-form code,
body.single-topic .bbp-reply-form code,
body.single-forum .bbp-topic-form code,
body.topic-edit .bbp-topic-form code,
body.reply-edit .bbp-reply-form code {
    font-size: 10px;
    background-color: #f0fff8;
    border: 1px solid #CEEFE1;
    display: block;
    padding: 8px;
    margin-top: 5px;
    width: 369px;
}

#merge_tag,
#delete_tag {
    display: inline;
}

div.bbp-submit-wrapper {
    margin-top: 15px;
    float: right;
    clear: both;
}

p.form-allowed-tags {
    max-width: 100%;
}

/* =TinyMCE in themes
-------------------------------------------------------------- */
#bbpress-forums div.bbp-the-content-wrapper {
    margin-bottom: 10px;
}

#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
    width: 100%;
    margin: 0;
    font-size: 12px;
}

#bbpress-forums div.bbp-the-content-wrapper table,
#bbpress-forums div.bbp-the-content-wrapper tbody,
#bbpress-forums div.bbp-the-content-wrapper tr,
#bbpress-forums div.bbp-the-content-wrapper td {
    border: none;
    padding: 0;
    margin: 0;
    width: auto;
    line-height: 1em;
}

#bbpress-forums div.bbp-the-content-wrapper input {
    font-size: 12px;
    padding: 5px;
    margin: 0 2px 0 0;
    line-height: 1em;
}

#bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar {
    padding: 5px;
    min-height: 26px;
}
#bbpress-forums div.bbp-the-content-wrapper td.mceToolbar {
    padding: 4px 4px 8px;
}

#bbpress-forums div.wp-editor-container {
    margin: 0;
    padding: 0;
    line-height: 0;
}

#bbpress-forums div.bbp-the-content-wrapper td.mceStatusbar {
    line-height: 16px;
}

/* =Edit User
-------------------------------------------------------------- */

#bbpress-forums #bbp-your-profile fieldset {
    padding: 20px 20px 0 20px;
}
    #bbpress-forums #bbp-your-profile fieldset div {
        margin-bottom: 20px;
        float: left;
        width: 100%;
        clear: left;
    }
    #bbpress-forums #bbp-your-profile fieldset select {
        margin-bottom: 0;
    }
    #bbpress-forums #bbp-your-profile fieldset input,
    #bbpress-forums #bbp-your-profile fieldset textarea {
        margin-bottom: 0;
        width: 60%;
        background: #f9f9f9;
        border: 1px solid #ddd;
        box-shadow: none;
        padding: 5px 8px;
        border-radius: 0;
    }
    #bbpress-forums #bbp-your-profile fieldset input:focus,
    #bbpress-forums #bbp-your-profile fieldset textarea:focus {
        border: 1px solid #ccc;
        box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
        outline-color: rgba(240,255,240,0.1);
    }
    #bbpress-forums #bbp-your-profile fieldset.bbp-form input.checkbox {
        width: auto;
    }
    #bbpress-forums #bbp-your-profile fieldset legend {
        display: none;
    }
    #bbpress-forums #bbp-your-profile fieldset label[for] {
        float: left;
        width: 20%;
        padding: 5px 20px 5px 0;
        text-align: right;
        cursor: pointer;
    }
    #bbpress-forums #bbp-your-profile fieldset dl label[for] {
        text-align: left;
        width: 60%;
    }
    #bbpress-forums #bbp-your-profile fieldset span.description {
        margin: 5px 0 0 20%;
        font-size: 12px;
        font-style: italic;
        float: left;
        clear: left;
        width: 60%;
        padding: 5px 8px;
        border: #cee1ef 1px solid;
        background-color: #f0f8ff;
    }

    #bbpress-forums #bbp-your-profile fieldset fieldset {
        margin: 0;
        border: none;
        padding: 0;
        clear: none;
        float: none;
    }
    #bbpress-forums #bbp-your-profile fieldset fieldset.password {
        width: 60%;
        display: inline;
    }
    #bbpress-forums #bbp-your-profile fieldset fieldset.password input,
    #bbpress-forums #bbp-your-profile fieldset fieldset.password span {
        width: 100%;
    }
    #bbpress-forums #bbp-your-profile fieldset fieldset.capabilities dl {
        margin: 0;
    }
    #bbpress-forums #bbp-your-profile fieldset fieldset.password span.description {
        margin-left: 0;
        margin-bottom: 20px;
    }

    #bbpress-forums #bbp-your-profile fieldset.submit button {
        float: right;
    }

/* =Notices
-------------------------------------------------------------- */

div.bbp-template-notice,
div.indicator-hint {
    border-width: 1px;
    border-style: solid;
    padding: 0 0.6em;
    margin: 5px 0 15px;
    border-radius: 3px;
    background-color: #ffffe0;
    border-color: #e6db55;
    color: #000;
    clear: both;
}
div.bbp-template-notice a {
    color: #555;
    text-decoration: none;
}
    div.bbp-template-notice a:hover {
        color: #000;
    }
    div.bbp-template-notice.info {
        border: #cee1ef 1px solid;
        background-color: #f0f8ff;
    }
    div.bbp-template-notice.important {
        border: #e6db55 1px solid;
        background-color: #fffbcc;
    }
    div.bbp-template-notice.error,
    div.bbp-template-notice.warning {
        background-color: #ffebe8;
        border-color: #c00;
    }
    div.bbp-template-notice.error a,
    div.bbp-template-notice.warning a {
        color: #c00;
    }
    div.bbp-template-notice p {
        margin: 0.5em 0 6px 0 !important;
        padding: 2px;
        font-size: 12px;
        line-height: 140%;
    }

/* =Stickies
-------------------------------------------------------------- */

.bbp-topics-front ul.super-sticky,
.bbp-topics ul.super-sticky,
.bbp-topics ul.sticky,
.bbp-forum-content ul.sticky {
    background-color: #ffffe0 !important;
    font-size: 1.1em;
}

/* =Revisions
-------------------------------------------------------------- */

#bbpress-forums .bbp-topic-content ul.bbp-topic-revision-log,
#bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log,
#bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log {
    border-top: 1px dotted #ddd;
    width: 100%;
    margin: 0;
    padding: 8px 0 0 0;
    font-size: 11px;
    color: #aaa;
}

#bbpress-forums .bbp-topic-content ul.bbp-topic-revision-log li,
#bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log li,
#bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log li {
    list-style-type: none;
}

/* =Widgets
-------------------------------------------------------------- */

.bbp-login-form fieldset legend {
    display: none;
}

.bbp-login-form .bbp-username input,
.bbp-login-form .bbp-email input,
.bbp-login-form .bbp-password input {
    padding: 5px;
}

.bbp-login-form label {
    width: 140px;
    display: inline-block;
}

#sidebar .bbp-login-form label {
    width: 70px;
}

.bbp-login-form .bbp-username,
.bbp-login-form .bbp-email,
.bbp-login-form .bbp-password,
.bbp-login-form .bbp-remember-me,
.bbp-login-form .bbp-submit-wrapper {
    margin-top: 10px;
}

.bbp-login-form .bbp-remember-me {

}

.bbp-login-form .bbp-submit-wrapper {
    text-align: right;
}

.bbp-login-form .bbp-login-links {
}

.bbp-login-form .bbp-login-links a {
    float: left;
    clear: left;
}

.bbp-logged-in img.avatar {
    float: left;
    margin: 0 15px 0 0;
}

.bbp-logged-in h4 {
    font-weight: bold;
    font-size: 1.3em;
    clear: none;
    margin-bottom: 10px;
}

/* =Avatars
-------------------------------------------------------------- */

#bbpress-forums p.bbp-topic-meta img.avatar,
#bbpress-forums ul.bbp-reply-revision-log img.avatar,
#bbpress-forums ul.bbp-topic-revision-log img.avatar,
#bbpress-forums div.bbp-template-notice img.avatar,
#bbpress-forums .widget_display_topics img.avatar,
#bbpress-forums .widget_display_replies img.avatar {
    float: none;
    margin-bottom: -7px;
    border: 3px double #ddd;
}

fieldset div.avatar {
    float: right;
}

/* =BuddyPress Activity Streams
-------------------------------------------------------------- */

.activity-list li.bbp_topic_create .activity-content .activity-inner,
.activity-list li.bbp_reply_create .activity-content .activity-inner {
    border-left: 2px solid #eaeaea;
    margin-left: 5px;
    padding-left: 10px;
}

/* =User Pages
-------------------------------------------------------------- */

#bbpress-forums h1 {
    clear: none;
    font-size: 1.8em;
    line-height: 1em;
    padding-bottom: 10px;
}

#bbpress-forums #bbp-user-wrapper {
    float: left;
    width: 100%;
}

#bbpress-forums .bbp-user-section {
    overflow: auto;
}

#bbpress-forums #bbp-user-wrapper h2.entry-title {
    font-size: 1.4em;
    margin: 0;
    padding-bottom: 10px;
    padding-top: 0;
    clear: none;
}

#bbpress-forums #bbp-user-wrapper ul.bbp-lead-topic,
#bbpress-forums #bbp-user-wrapper ul.bbp-topics,
#bbpress-forums #bbp-user-wrapper ul.bbp-forums,
#bbpress-forums #bbp-user-wrapper ul.bbp-replies,
#bbpress-forums #bbp-user-wrapper fieldset.bbp-form {
    clear: none;
}

#bbpress-forums #bbp-single-user-details {
    margin: 0;
    width: 150px;
    float: left;
    overflow: hidden;
}

#bbpress-forums #bbp-single-user-details #bbp-user-avatar {
    margin: 0;
    width: 150px;
}

#bbpress-forums #bbp-single-user-details #bbp-user-avatar img.avatar {
    border: none;
    height: 150px;
    padding: 0;
    margin: 0 0 20px 0;
    width: 150px;
}

#bbpress-forums #bbp-single-user-details #bbp-user-description {
    float: none;
    margin-left: 180px;
}

#bbpress-forums #bbp-single-user-details #bbp-user-navigation {
    float: none;
    margin: 0;
}

#bbpress-forums #bbp-single-user-details #bbp-user-navigation li {
    margin: 0;
}

#bbpress-forums #bbp-single-user-details #bbp-user-navigation a {
    padding: 5px 8px;
    display: block;
    border: 1px solid transparent;
    text-decoration: none;
}

#bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a {
    background: #eee;
    opacity: 0.8;
}

#bbpress-forums #bbp-user-body {
    margin-left: 180px;
}

body.my-account #bbpress-forums {
    border-top: none;
    padding-top: 0;
    margin-bottom: 0;
}

/* =User Capabilities
-------------------------------------------------------------- */

#bbpress-forums dl.bbp-user-capabilities {
    display: inline-block;
    vertical-align: top;
}

#bbpress-forums dl.bbp-user-capabilities dt {
    margin: 0 0 10px;
    text-transform: capitalize;
}

#bbpress-forums dl.bbp-user-capabilities dd {
    margin: 0;
    padding: 0;
}

/* =BuddyPress Group Forums
-------------------------------------------------------------- */

#bbpress-forums div.row-actions {
    font-size: 11px;
    visibility: hidden;
}

#bbpress-forums li:hover > div.row-actions {
    visibility: visible;
}

/*--------------------------------------------------------------
 Media Queries
--------------------------------------------------------------*/

/* Youtube Video Thumbnail Scaling */
@media screen and (max-width: 780px){
	
	

	
    .mainleft li {
        width: 100%;
        height: auto;
        float: left;
        margin-bottom: 2%;
    }
    .mainleft li:first-child img {
        /* min-width: 50%; */
        /* max-width: 100%; */
        position: relative;
        width: 100%;
        height: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .mainright {
        width: 100%;
        float: inherit;
        margin: 0;
        padding: 0;
    }
    .mainright li {
        list-style-type: none;
        /* display: inline-block; */
        width: 47%;
        margin: 0;
        padding: 1%;
    }
    .mainright li img {
        width: 100%;
        height: auto;
    }
}

/* Extra Scaling */
@media screen and (max-width: 780px){
    #yt-vid{
        min-width:100%;
        margin: 0 0 2% 0;
    }
    #yt-vid img{
        width: 102%;
        height: auto;
        height:auto;
    }
    #blue-box{
        width: auto;
        padding: 2%;
        margin: 2% 0 0 0;
    }
    #view-all a{
        font-size: 30px;
        display: block;
        margin-top: 5px;
    }
}

/* =Standard Mobile Landscape
-------------------------------------------------------------- */
@media screen and (max-width: 780px), screen and (-webkit-min-device-pixel-ratio: 2) {
    -webkit-text-size-adjust: none;
}
@media only screen and (max-width: 780px) {
    #bbpress-forums div.bbp-topic-tags {
        clear: left;
        float: left;
    }
    div.bbp-search-form input,
    div.bbp-search-form button {
        font-size: 11px;
        padding: 2px;
    }
    li.bbp-forum-info,
    li.bbp-topic-title {
        width: 45%;
    }
    li.bbp-forum-topic-count,
    li.bbp-forum-reply-count,
    li.bbp-topic-voice-count,
    li.bbp-topic-reply-count {
        width: 15%;
    }
    span.bbp-reply-post-date {
        float: left;
    }
    span.bbp-admin-links {
        clear: left;
        float: left;
    }
    #bbpress-forums .bbp-forums-list li {
        display: block;
        font-size: 11px;

    }
    #bbpress-forums .bbp-body div.bbp-reply-author {
        margin: -15px 10px 10px;
        min-height: 100px;
        padding-left: 80px;
        position: relative;
        text-align: left;
        width: 100%;
    }
    #bbpress-forums div.bbp-reply-author a.bbp-author-name {
        clear: none;
        display: inline-block;
        margin-left: 0;
        word-wrap: break-word;
    }
    #bbpress-forums div.bbp-reply-author img.avatar {
        position: absolute;
        top: 15px;
        left: 0;
        width: 60px;
        height: auto;
    }
    #bbpress-forums div.bbp-reply-author .bbp-author-role {
        font-size: 12px;
        font-style: normal;
    }
    #bbpress-forums .bbp-body div.bbp-reply-content {
        clear: both;
        margin: 10px;
        padding: 0;
    }
    #bbpress-forums div.bbp-reply-content p {
        margin-bottom: 1em;
    }
    div.bbp-submit-wrapper {
        float: left;
    }
    #bbpress-forums fieldset.bbp-form {
        padding: 0 10px 10px;
    }
    #bbpress-forums #bbp-user-body {
        clear: both;
        margin-left: 0;
        word-wrap: break-word;
    }
}

/* =Standard Mobile Portrait
-------------------------------------------------------------- */
@media only screen and (max-width: 780px) {
    #logo{
        width:100%;
    }
    #bbpress-forums div.bbp-search-form {
        margin-bottom: 10px;
    }
    #bbpress-forums li.bbp-header li.bbp-forum-info,
    #bbpress-forums li.bbp-body li.bbp-forum-info,
    #bbpress-forums li.bbp-header li.bbp-topic-title,
    #bbpress-forums li.bbp-body li.bbp-topic-title {
        width: 100%;
    }
    #bbpress-forums li.bbp-header li.bbp-forum-info,
    #bbpress-forums li.bbp-header li.bbp-topic-title {
        text-align: center;
        text-transform: uppercase;
    }
    #bbpress-forums li.bbp-header li.bbp-forum-topic-count,
    #bbpress-forums li.bbp-header li.bbp-forum-reply-count,
    #bbpress-forums li.bbp-body li.bbp-forum-topic-count,
    #bbpress-forums li.bbp-body li.bbp-forum-reply-count,
    #bbpress-forums li.bbp-header li.bbp-topic-voice-count,
    #bbpress-forums li.bbp-header li.bbp-topic-reply-count,
    #bbpress-forums li.bbp-body li.bbp-topic-voice-count,
    #bbpress-forums li.bbp-body li.bbp-topic-reply-count {
        width: 20%;
    }
    #bbpress-forums li.bbp-header li.bbp-forum-freshness,
    #bbpress-forums li.bbp-body li.bbp-forum-freshness,
    #bbpress-forums li.bbp-header li.bbp-topic-freshness,
    #bbpress-forums li.bbp-body li.bbp-topic-freshness {
        width: 58%;
    }
    #bbpress-forums li.bbp-body li.bbp-forum-topic-count,
    #bbpress-forums li.bbp-body li.bbp-forum-reply-count,
    #bbpress-forums li.bbp-body li.bbp-forum-freshness,
    #bbpress-forums li.bbp-body li.bbp-topic-voice-count,
    #bbpress-forums li.bbp-body li.bbp-topic-reply-count,
    #bbpress-forums li.bbp-body li.bbp-topic-freshness {
        margin-top: 7px;
    }
    #bbpress-forums li.bbp-header,
    #bbpress-forums li.bbp-footer {
        font-size: 10px;
    }
    #bbpress-forums li.bbp-header div.bbp-reply-author {
        text-align: left;
        width: 25%;
    }
    #bbpress-forums li.bbp-header div.bbp-reply-content {
        margin-left: 25%;
    }
    #bbpress-forums div.bbp-template-notice img.avatar,
    #bbpress-forums p.bbp-topic-meta img.avatar {
        width: 14px;
        height: auto;
    }
    #bbpress-forums div.bbp-the-content-wrapper td.mceToolbar {
        padding: 1px;
    }
    #bbpress-forums div.bbp-the-content-wrapper td.mceToolbar td {
        width: 20px;
        height: 20px;
    }
    #bbpress-forums div.wp-editor-container {
        width: 100%;
        overflow: auto;
    }
    #bbpress-forums input#bbp_topic_title,
    #bbpress-forums input#bbp_topic_tags {
        width: 95%;
    }
}

/* =Extra Small Mobile
-------------------------------------------------------------- */
@media only screen and (max-width: 780px) {
    #bbpress-forums li.bbp-header li.bbp-forum-topic-count,
    #bbpress-forums li.bbp-header li.bbp-forum-reply-count,
    #bbpress-forums li.bbp-body li.bbp-forum-topic-count,
    #bbpress-forums li.bbp-body li.bbp-forum-reply-count,
    #bbpress-forums li.bbp-header li.bbp-topic-voice-count,
    #bbpress-forums li.bbp-header li.bbp-topic-reply-count,
    #bbpress-forums li.bbp-body li.bbp-topic-voice-count,
    #bbpress-forums li.bbp-body li.bbp-topic-reply-count,
    #bbpress-forums li.bbp-footer div.bbp-reply-author,
    #bbpress-forums li.bbp-footer div.bbp-reply-content {
        width: 45%;
    }
    #bbpress-forums li.bbp-header li.bbp-forum-freshness,
    #bbpress-forums li.bbp-body li.bbp-forum-freshness,
    #bbpress-forums li.bbp-header li.bbp-topic-freshness,
    #bbpress-forums li.bbp-body li.bbp-topic-freshness,
    #bbpress-forums li.bbp-header div.bbp-reply-author,
    #bbpress-forums li.bbp-header div.bbp-reply-content {
        clear: both;
        width: 100%;
    }
    #bbpress-forums li.bbp-header li.bbp-forum-freshness,
    #bbpress-forums li.bbp-header li.bbp-topic-freshness {
        text-align: center;
    }
    #bbpress-forums li.bbp-body li.bbp-topic-freshness,
    #bbpress-forums li.bbp-header div.bbp-reply-content {
        margin-left: 0;
        text-align: left;
    }
    #bbpress-forums li.bbp-body li.bbp-topic-freshness p.bbp-topic-meta {
        display: inline-block;
    }
    #bbpress-forums li.bbp-header {
        overflow: hidden;
    }
    #bbpress-forums li.bbp-footer div.bbp-reply-content {
        display: inline-block;
        margin-left: 0;
    }
    #bbpress-forums li.bbp-body div.bbp-reply-author {
        min-height: 60px;
        padding-left: 60px;
    }
    #bbpress-forums div.bbp-reply-author img.avatar {
        width: 40px;
        height: auto;
    }
}

.h3{
    color:#fff;
}
.screen-reader-response {
display:none;
}
.wpcf7-response-output.wpcf7-validation-errors {
display:none;
}
/*--------------------------------------------SPREADSHIRT PLUGIN STARTS HERE----------------------------------*/

/*
     FILE ARCHIVED ON 04:27:58 Jun 25, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 04:23:15 Nov 04, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.537
  exclusion.robots: 0.025
  exclusion.robots.policy: 0.015
  esindex: 0.01
  cdx.remote: 9.012
  LoadShardBlock: 109.031 (3)
  PetaboxLoader3.datanode: 112.034 (5)
  PetaboxLoader3.resolve: 75.9 (3)
  load_resource: 96.282 (2)
*/