@import url('https://fonts.googleapis.com/css?family=Archivo|Delius|Lato|Roboto|Rubik|Dosis&display=swap');

body {

    /*font-family: 'Archivo', sans-serif;*/
    /*font-family: 'Delius', cursive;*/
    font-family: 'Lato', sans-serif;
    /*font-family: 'Rubik', sans-serif;*/
    /*font-family: 'Roboto', sans-serif;*/
    /*font-family: 'Dosis', sans-serif;*/

    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
    margin: 0
}

.container,
.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1170px;
}

@media (min-width:768px) {
    .container {
        width: 100%
    }
}

@media (min-width:992px) {
    .container {
        width: 970px
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px
    }
}

.newBlueP {
color:#337ab7;
}

.newBlueDiv {
text-color:#337ab7;
}

.newGreenP {
color:#00a700;
}

.newJoin {
color: #fff;
background-color: #337ab7;
text-shadow: #333 1px 1px 0;
padding:6px;
margin:0 auto;
display:block;
text-align:center;
border: 1px dashed #fff;
font-size:26px;
font-weight:700;
}

@media (max-width:768px) {
    .ContainerIndexTop {
font-size:16px;
    }
}

.newJoin-text {
display:block;
margin:0 auto;
padding-top:10px;
padding-bottom:10px;
}

.newJoinGray {
color: #fff;
background-color: #666;
text-shadow: #333 1px 1px 0;
padding:6px;
text-align:center;
border: 1px solid #fff;
font-size:14px;
font-weight:700;
float:right;
}



.joinerror {
    color: red;
    font-weight: 700;
    font-size: .8em
}

.joinerror1 {
    color: red
}

.border-round {
    border-radius: 6px
}

.joinbutton {
    font-size: 1.6em
}

.center-text {
    text-align: center
}

.vertical-align {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.preview-join-form {
    display: none
}

.notallowed {
    cursor: not-allowed
}

.label-lg {
    font-size: 1.8em;
    font-weight: 700
}


.big-form {
    font-size: 2em
}

.big-form1 {
    height: 58px;
    font-size: 2em
}

.btncustom1 {
    display: inline-block;
    padding: 6px 12px;
    font-weight: 700;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #000;
    background-color: #fff;
    border-color: #000
}

.emptyspace {
    height: 30px
}


#AdBlockWarning {
display: none;
color: #ff0000;
}

img.emoji {
height: 1em;
width: 1em;
margin: 0 .05em 0 .1em;
vertical-align: -0.1em;
}

.navbar-inverse .navbar-nav > .promo > a,
.navbar-inverse .navbar-nav > .promo > a:hover,
.navbar-inverse .navbar-nav > .promo > a:focus {
color: #fff;
background-color: #f5a623;
}


hr.style10 {
    border-top: 1px dotted #8c8b8b;
    border-bottom: 1px dotted #fff;
}

#formOnPage .control-label {font-weight:400;float:left;font-size:90%;} 

#formOnPage .formTitle {letter-spacing: -1px;border-bottom: 3px double green; font-size:1.8em;}

#formOnPage {margin-top:20px;margin-bottom:20px;}

.addToCart {
    -moz-box-shadow: 0px 1px 0px 0px #fff6af;
    -webkit-box-shadow: 0px 1px 0px 0px #fff6af;
    box-shadow: 0px 1px 0px 0px #fff6af;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
    background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
    background-color:#ffec64;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #ffaa22;
    display:inline-block;
    cursor:pointer;
    color:#333333;
    /*font-family:Arial;*/
    font-size:18px;
    font-weight:bold;
    padding:10px 28px;
    text-decoration:none;
    text-shadow:0px 1px 0px #ffee66;
}
.addToCart:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
    background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
    background-color:#ffab23;
}
.addToCart:active {
    position:relative;
    top:1px;
}

.noOpacity {opacity:0;}



.FailSafe1 {
max-width:100% !important;
margin:0 auto;
}

.FailSafe2 {
margin-top: -75% !important;
}

.simpleButton {
    margin: 0em 0 0 0;
    padding: 1em;
    cursor: pointer;
    background: #337ab7;
    text-decoration: underline;
    color: #fff;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size:30px;
    display: block;
    text-align: center;
    border-bottom:1px dotted black;
    border-left:1px dotted black;
    border-right:1px dotted black;
}

@media (max-width:768px) {
    .simpleButton {
       font-size:16px;
    }
}

.simpleButton a, .simpleButton a:link, .simpleButton a:visited, .simpleButton a:hover, .simpleButton a:active {
    text-decoration:none;
    cursor:pointer;
    color:inherit;
}

.simpleButtonJoin {
    margin: 0em 0 0 0;
    padding: 1em;
    cursor: pointer;
    background: #003366;;
    text-decoration: underline;
    color: #FFCC00;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size:36px;
    display: block;
    text-align: center;
    border-bottom:1px dotted #cccccc;
    border-left:1px dotted #cccccc;
    border-right:1px dotted #cccccc;
}

@media (max-width:768px) {
    .simpleButtonJoin {
       font-size:24px;
    }
}

.simpleButtonJoin a, .simpleButtonJoin a:link, .simpleButtonJoin a:visited, .simpleButtonJoin a:hover, .simpleButtonJoin a:active {
    text-decoration:none;
    cursor:pointer;
    color:inherit;
}


#PreviewThumbs {
  /* Prevent vertical gaps */
  line-height: 1;
  -webkit-column-count: 5;
  -webkit-column-gap:   0px;
  -moz-column-count:    5;
  -moz-column-gap:      0px;
  column-count:         5;
  column-gap:           0px;  
}

@media (max-width:768px) {
    #PreviewThumbs {
   line-height: 1;
  -webkit-column-count: 2;
  -webkit-column-gap:   0px;
  -moz-column-count:    2;
  -moz-column-gap:      0px;
  column-count:         2;
  column-gap:           0px;  
    }
}

.tagOverlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 50;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow-y: hidden;
    transition: 0.5s;
}

.tagOverlay-content {
    position: relative;
    top: 0%;
    width: 100%;
    text-align: center;
    margin-top: 50px;
}

.tagOverlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.tagOverlay a:hover, .tagOverlay a:focus {
    color: #f1f1f1;
}

.tagOverlay .closebtn {
    position: absolute;
    top: 30px;
    right: 30px;
    font-size: 80px;
    z-index: 100;
    color: black;
}

.tagOverlay::before {
    position:absolute;
    top:50px;
    left:0px;
    content:"Slideshow: ON";
    background-color: #337ab7;
    color: white;
    font-weight: 700;
    font-size: 14px;
    display: table-cell;
    padding: 2px;
    z-index: 200;
}

@media screen and (max-height: 450px) {
  .tagOverlay {overflow-y: auto;}
  .tagOverlay a {font-size: 20px}
  .tagOverlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 15px;
  }
}


.carouselFrame {
display:block;
margin:0 auto;
width:100%;
height:100%;
padding: 16px;
background-color: white;
}

.carouselFrame h1 {
font-family: 'Bangers', cursive;
font-size:64px;
color:#f7941d;
text-align:center;
padding:6px;
text-decoration: underline;
letter-spacing: 1px;
}

.carouselFrame h2 {
font-size:24px;
color:black;
text-align:center;
padding:4px;
}

.carouselFrameText {
font-size:16px;
text-align:left;
color: black;
text-shadow: 0px 0px 10px 1px rgba(255,255,255,1);
width:80%;
}

.carouselFrame a {
text-decoration: underline;
color:#f7941d;
}

@media (max-width:768px) {
.carouselFrame h1 {
font-size:32px;
text-shadow: 0px 0px 0px rgba(0, 0, 0, 1);
}
.carouselFrame {
width:90%;
padding: 6px;
}
.carouselFrameText  {
font-size:12px;
width:100%;
}
.carouselFrame h2 {
font-size:16px;
}
}


.padFix1 {
    padding: 0px 5px 0px 5px;
}

.newStripeBox1 {
background-image: linear-gradient(45deg, #000 25%, #123859 25%, #123859 50%, #000 50%, #000 75%, #123859 75%, #123859 100%);
background-size: 56.57px 56.57px;
width:100%;
margin:0px 0px 0px 0px;
padding:40px;
font-family: 'Bangers', cursive;
color: #fff;
text-align: center;
letter-spacing: 1px;
border-top: #337ab7 15px solid;
border-bottom: #337ab7 15px solid;
}

.newStripeBox1 h1 {
font-size: 64px;
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
-o-transform: rotate(-2deg); 
text-shadow: #000 3px 5px 2px;
}

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

.newStripeBox1 a:hover {
color:yellow;
text-decoration: underline dotted yellow;
}


.newStripeBox1 p {
font-size: 22px;
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
-o-transform: rotate(-2deg);   
margin:10px 0px 0px 0px;
text-shadow: #000 2px 2px 2px;
}


hr.style15 {
  border-top: 4px double #373737;
  text-align: center;
  opacity:0.5;
  margin-top:60px;
  margin-bottom: 60px;
}

hr.style15:after {
  content: '100% homemade, 100% amateur, 100% user-uploaded!';
  display: inline-block;
  position: relative;
  top: -15px;
  padding: 0 10px;
  background: #373737;
  color: #f4f4f4;
  font-size: 14px;
}

@media (max-width:768px) {
hr.style15 {
}    
hr.style15:after {
  content: '100% homemade, 100% amateur!';
  font-size: 12px;
}
}

.maxWidth {
width:100% !important;
min-width: 100% !important;
}

.pageTitleBoxNew {
border: 1px dotted #000;
padding:16px;
background-color:#f4f4f4;
color:#373737;
margin-bottom:6px;
}

.pageTitleBoxNew h1 {
font-size:30px;
}


@media (max-width:768px) {
.pageTitleBoxNew h1 {
font-size:22px;
}
}

.wrapperMasonry {
width: 100%;
margin: 0 auto;
}  

.masonry { /* Masonry container */
-moz-column-count: 5;
-webkit-column-count: 5;
column-count: 5;
column-gap: 0em;
}

.itemMasonry { /* Masonry bricks or child elements */
display: inline-block;
padding: 6px;
width: 100%;
-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
page-break-inside: avoid; /* Firefox */
break-inside: avoid; /* IE 10+ */
}

@media only screen and (max-width: 768px) {
.masonry {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
}

@media only screen and (max-width: 992px) {
.masonry {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}
}


.photoContainer {
    position: relative;
    display: inline-block;
}
.photoContainer img {display: block;}
.photoContainer .after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    color: #FFF;
}
.photoContainer:hover .after {
    display: block;
    background: rgba(0, 0, 0, .8);
}
.photoContainer .after .content {
    position: absolute;
    bottom: 10px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
    background-color: white;
    color: black;
}

.photoContainer .after .content a{
color: blue !important;
}
.photoContainer .after .zoom {
    color: #DDD;
    font-size: 22px;
    position: absolute;
    top: 10%;
    left: 20%;
}
.photoContainer .after .zoom:hover {
    color: #FFF;
}

.masonryNew-wrapper {
  padding: 1.5em;
  max-width: 1170px;
  margin-right: auto;
  margin-left: auto;
}

.masonryNewAlbum {
  display: grid;
  grid-template-columns: repeat(2, minmax(100px,1fr));
  grid-gap: 2px;
  grid-auto-rows: 0;
}

@media only screen and (max-width: 420px) and (min-width: 300px) {
  .masonryNewAlbum {
    grid-template-columns: repeat(2, minmax(100px,1fr));
  }
}

@media only screen and (max-width: 768px) and (min-width: 421px) {
  .masonryNewAlbum {
    grid-template-columns: repeat(3, minmax(100px,1fr));
  }
}

@media only screen and (max-width: 1023px) and (min-width: 769px) {
  .masonryNewAlbum {
    grid-template-columns: repeat(5, minmax(100px,1fr));
  }
}

@media only screen and (min-width: 1024px) {
  .masonryNewAlbum {
    grid-template-columns: repeat(6, minmax(100px,1fr));
  }
}

/*
@media only screen and (max-width: 768px) and (min-width: 400px) {
  .masonryNewAlbum {
    grid-template-columns: repeat(2, minmax(100px,1fr));
  }
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .masonryNewAlbum {
    grid-template-columns: repeat(3, minmax(100px,1fr));
  }
}

@media only screen and (min-width: 1024px) {
  .masonryNewAlbum {
    grid-template-columns: repeat(4, minmax(100px,1fr));
  }
}
*/

.masonryNewAlbum-item, .masonryNewAlbum-content {
  border-radius: 4px;
  overflow: hidden;
}


.masonryNewVideo {
  display: grid;
  grid-template-columns: repeat(1, minmax(100px,1fr));
  grid-gap: 2px;
  grid-auto-rows: 0;
}

@media only screen and (max-width: 360px) {
  .masonryNewVideo {
    grid-template-columns: repeat(1, minmax(100px,1fr));
  }
}

@media only screen and (max-width: 420px) and (min-width: 361px) {
  .masonryNewVideo {
    grid-template-columns: repeat(2, minmax(100px,1fr));
  }
}

@media only screen and (max-width: 768px) and (min-width: 421px) {
  .masonryNewVideo {
    grid-template-columns: repeat(2, minmax(100px,1fr));
  }
}

@media only screen and (max-width: 1023px) and (min-width: 769px) {
  .masonryNewVideo {
    grid-template-columns: repeat(4, minmax(100px,1fr));
  }
}

@media only screen and (min-width: 1024px) {
  .masonryNewVideo {
    grid-template-columns: repeat(5, minmax(100px,1fr));
  }
}

.masonryNewVideo-item, .masonryNewVideo-content {
  border-radius: 4px;
  overflow: hidden;
}


.blurImg {
  filter: blur(14px) !important;
}

.hideMeOnHover {
    transition: all .2s ease-in-out;
}

.hideMeOnHover:hover {
    opacity: 0;
}

.relatedSet {
    padding: 6px;
    margin-bottom: 6px;
    border: 1px solid black;
    background-color: white;
    box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
}

.relatedSet .small {
  font-size:14px !important;
}

.zoomIt {
    transition: all .2s ease-in-out;
}

.zoomIt:hover {
  transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.flip-card {
  background-color: transparent;
  width: calc(90%) !important;
  max-width: 450px !important;
  height: 120px !important;
  perspective: 1000px;
  margin: 20px auto 20px auto;
  text-align: center;
  line-height: 120px;
  font-weight: 700;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);

}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 6px;
}

.flip-card-front {
  background-color: #337ab7;
  color: white;
  font-size: 20px;
}

.flip-card-back {
  background-color: #f56200;
  color: white;
  font-size: 20px;  
  transform: rotateY(180deg);
}


.ContainerTypeVideo {
    border: 1px dotted #000;
    position:relative;
    background-color: #FFFBD0;
}

/*.ContainerTypeVideo::before {
position: absolute;
left: 20px;
top: 40px;
right: auto;
background-color: #337ab7;
padding: 6px 6px 6px 6px;
color: white;
font-weight: 700;
font-size: 16px;
content: "Video Preview!";
-ms-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
border: 10px solid #fff;
display: table;
box-shadow: 2px 2px 2px 1px rgba(138,138,138,.5);
z-index: 200;
}
*/
.ContainerTypeAlbum {
    border: 1px dotted #000;
    position:relative;
    background-color: #FFFBD0;
}

/*.ContainerTypeAlbum::before {
position: absolute;
left: 20px;
top: 40px;
right: auto;
background-color: #337ab7;
padding: 6px 6px 6px 6px;
color: white;
font-weight: 700;
font-size: 16px;
content: "Album Preview!";
-ms-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
border: 10px solid #fff;
display: table;
box-shadow: 2px 2px 2px 1px rgba(138,138,138,.5);
z-index: 200;
}
*/

.ContainerTypeEmpty {
    border: 1px dotted #000;
    position:relative;
    background-color: #FFFBD0;
    padding: 10px;
}
.memberMenuBox {
padding:10px;
background-color:#D6E4E1
}

.memberMenuBox .pages {
background: #337ab7;
color: white;
display: inline;
padding: 6px;
border-radius: 6px;
}

.margin5 {
    margin:5px !important;
    margin-left: 0px !important;
}

#modalVideo .modal {
overflow-x: hidden;
overflow-y: hidden;
margin-top:0px;
padding-top: 20px;
height:100%;
}

#modalVideo .modal-open {
overflow-x: hidden;
overflow-y: hidden;
margin-top:0px;
height:100%;
}

#modalVideo .modal-dialog {
  width: 100%;
  padding: 0px;
  margin:0px;
  height:100%;
}

#modalVideo .modal-body {
    position: relative;
    padding: 20px 0px 0px 0px;
    background: white;
}

#modalVideo .modal-content {
  min-height: 100%;
  min-width: 100%;
  height: 100%;
  width: 100%;  
  padding: 0px;
}

#modalVideo .close {
  float:none;
  font-size:100px;
}

.videoWrapper {
  width:90%;
  max-width: 620px;
  margin:0 auto;
}

.underLine1 {
  border-bottom: 2px solid black;
}

.underLine1 a {
  color: black !important;
}

  .frameOverlay {
    position:relative;
  }
  .frameOverlayText {
    position:absolute;
    z-index:100;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      background-color: white;
      color: black;
      padding: 10px;
      border-radius: 6px;
      text-align: center;
      width: 90%;
  }

  .pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 8px 16px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #fff;
    background-color: #337ab7;
    text-decoration: none;
    border: 1px solid #ddd;
    font-size: 14px;
}  

  .firstFrame {
    position: relative
  }
  .firstFrameBorder {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-left: 0px solid #337ab7;
  }
    .firstFrame::before {
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #337ab7;
    padding: 6px 6px 6px 6px;
    color: white;
    font-weight: 700;
    font-size: 12px;
    content: "Click me!";
    display: table;
    box-shadow: 2px 2px 2px 1px rgba(138,138,138,.5);
    z-index: 200;
    }

.grayScaleIt {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  }

.videoPreviewFuture {
padding: 6px;
margin-bottom: 20px;
border: 1px solid black;
background-color: white;
box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
position: relative;
}

.videoPreviewFuture::before {
position: absolute;
left: -6px;
top: 0px;
right: auto;
background-color: #337ab7;
padding: 3px 8px 3px 8px;
color: white;
font-size: 14px;
content: "Coming soon!";
z-index: 200;
font-weight: 700;
border-radius: 6px;
-webkit-transform: rotate(-6deg);
-moz-transform: rotate(-6deg);
-ms-transform: rotate(-6deg);
-o-transform: rotate(-6deg);
letter-spacing: 0.1px;
}

.videoPreview {
padding: 6px;
margin-bottom: 20px;
border: 1px solid black;
background-color: white;
box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
}

.videoPreviewALink {
margin-top:6px;
font-size:14px;
display: block;
text-align: center;
color: blue !important;
text-decoration: none !important;
border-top: 3px double black; 
border-bottom: 3px double black; 
}

.videoPreviewALink:hover {
color: black !important;
}

.catTitleBoxNew {
border: 1px dotted #000;
padding:16px;
background-color:#f4f4f4;
color:#373737;
margin-bottom:6px;
}

.catTitleBoxNew h1 {
font-size:36px;
margin-bottom: 2px;
}

.catTitleBoxNew h2 {
font-size:22px;
margin-top: 2px;
}

.videoPagePlayButton {
  border-left: 6px solid #337ab7;
  border-right: 6px solid #337ab7;
}

.videoPageContainer {
    border: none;
    border-bottom: 12px solid #079fc9;
    border-left: 12px solid #079fc9;
    border-right: 12px solid #079fc9;
    margin: 0;
} 

.tabsVideo a:hover,a:focus{
    text-decoration: none;
    outline: none;
}

.tabsVideo .nav-tabs{
    border: none;
    border-bottom: 4px solid #079fc9;
    margin: 0;
}

.tabsVideo .nav-tabs li a{
    padding: 10px 20px;
    margin: 0 10px -1px 0;
    font-size: 17px;
    font-weight: 600;
    /*color: #f56200;*/
    color: #555;
    text-transform: uppercase;
    border: 2px solid #e6e5e1;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    z-index: 1;
    position: relative;
    transition: all 0.3s ease 0s;
}

.tabsVideo .nav-tabs li a:hover,.tabsVideo .nav-tabs li.active a{
    background: #fff;
    color: #079fc9;
    border: 12px solid #079fc9;
    /*border-bottom-color: transparent;*/
    border-bottom: 0px solid #079fc9;
}

.tabsVideo .nav-tabs li a:before{
    content: "";
    display: block;
    height: 2px;
    background: #fff;
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    transform: scaleX(0);
    transition: all 0.3s ease-in-out 0s;
}
.tabsVideo .nav-tabs li.active a:before, .tabsVideo .nav-tabs li a:hover:before {
  transform: scaleX(1);
}

.tabsVideo .tab-content {
    padding: 10px;
    font-size: 17px;
    color: #6f6f6f;
    line-height: 30px;
    letter-spacing: 1px;
    position: relative;
}

@media only screen and (max-width: 479px) {
    .tabsVideo .nav-tabs{ border: none; }
    .tabsVideo .nav-tabs li{
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }
    .tabsVideo .nav-tabs li a{
        margin: 0;
        border-bottom: 2px solid transparent;
    }
    .tabsVideo .nav-tabs li a:before{
        content: "";
        width: 100%;
        height: 2px;
        background: #079fc9;
        position: absolute;
        bottom: -2px;
        left: 0;
    }
}


.paginationCustom {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

.paginationCustom>li {
    display: inline
}

.paginationCustom>li>a,
.paginationCustom>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #fff;
    /*background-color: #fcaa74;*/
    background-color: #337ab7;
    text-decoration: none;
    border: 1px solid #ddd
}

.paginationCustom>li:first-child>a,
.paginationCustom>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.paginationCustom>li:last-child>a,
.paginationCustom>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.paginationCustom>li>a:focus,
.paginationCustom>li>a:hover,
.paginationCustom>li>span:focus,
.paginationCustom>li>span:hover {
    color: #23527c;
    background-color: #eee;
    border-color: #ddd
}

.paginationCustom>.active>a,
.paginationCustom>.active>a:focus,
.paginationCustom>.active>a:hover,
.paginationCustom>.active>span,
.paginationCustom>.active>span:focus,
.paginationCustom>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #000;
    border-color: #337ab7
}

.paginationCustom>.disabled>a,
.paginationCustom>.disabled>a:focus,
.paginationCustom>.disabled>a:hover,
.paginationCustom>.disabled>span,
.paginationCustom>.disabled>span:focus,
.paginationCustom>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}


@media (max-width:767px) {

.paginationCustom {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

.paginationCustom>li {
    display: inline
}

.paginationCustom>li>a,
.paginationCustom>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #fff;
    /*background-color: #fcaa74;*/
    background-color: #337ab7;
    text-decoration: none;
    border: 1px solid #ddd
}

.paginationCustom>li:first-child>a,
.paginationCustom>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.paginationCustom>li:last-child>a,
.paginationCustom>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.paginationCustom>li>a:focus,
.paginationCustom>li>a:hover,
.paginationCustom>li>span:focus,
.paginationCustom>li>span:hover {
    color: #23527c;
    background-color: #eee;
    border-color: #ddd
}

.paginationCustom>.active>a,
.paginationCustom>.active>a:focus,
.paginationCustom>.active>a:hover,
.paginationCustom>.active>span,
.paginationCustom>.active>span:focus,
.paginationCustom>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #000;
    border-color: #337ab7
}

.paginationCustom>.disabled>a,
.paginationCustom>.disabled>a:focus,
.paginationCustom>.disabled>a:hover,
.paginationCustom>.disabled>span,
.paginationCustom>.disabled>span:focus,
.paginationCustom>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}

}

.scroll {
  /* only used for the JS scroll event */
}

.reasonsListItem {
  font-size: 22px;
  padding: 10px;
}

.reasonsBadge {
  background-color: green;
  font-size: 14px;
  padding: 10px;
  margin-top: 7px;
}

.reasonsSpan {
  font-size: 13px;
  display:block;
}

.glyphicon-bitcoin:before {
  content: "\e227";
}

.small {
  font-size:90% !important;
}

.btn-group-xxlg>.btn {
    padding: 14px 20px;
    font-size: 26px;
    line-height: 1.66;
    border-radius: 8px;
    color: white;
}

.btn-group-xxlg>.btn:focus {
    outline: dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

.btn-group-xxlg>.btn.focus,.btn:focus,.btn:hover {
    color: #000;
    text-decoration: none
}

.btn-group-xxlg>.btn.active,.btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

@media (max-width:992px) {
.btn-group-xxlg>.btn {
    padding: 8px 14px;
    font-size: 16px;
    line-height: 1.22;
    border-radius: 8px;
    color: white;
}
}

.fixThumbPadRight {
padding-right: 0px;
}
.fixThumbPadLeft {
padding-left: 0px;
}

@media (max-width:500px) {
.fixThumbPadRight {
padding-right: 15px;
padding-left: 15px;
}
.fixThumbPadLeft {
padding-right: 15px;
padding-left: 15px;
}
}



.textType1 {
  font-family: 'Dosis', sans-serif;
  color: #333;
  font-size:26px;
  text-indent: 50px;
  word-spacing: 5px;
  line-height: 1.4;
  margin-left: 50px;
  margin-right: 50px;
  text-align: justify;
}

.textType1 a {
  background-color: #337ab7;
color: white;
padding: 6px;
font-weight: 700;
}

.textType1 span {
  background-color: #fff;
color: black;
padding: 6px;
font-weight: 700;
}

@media (max-width:500px) {
.textType1 {
  font-family: 'Dosis', sans-serif;
  color: #333;
  font-size:18px;
  margin-left: 0px;
  margin-right: 0px;
}
.textType1 a {
  background-color: #337ab7;
color: white;
padding: 4px;
font-weight: 700;
}
}

.label {
  font-size:13px;
  letter-spacing: -0.2px;
}

.coolBg1 {
background: #22c1c3;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #fdbb2d, #22c1c3);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #fdbb2d, #22c1c3); 
}

.PopOnHover {

}

.PopOnHover:hover {
transform: scale(1.2);
}

  .masonrySpecial {
  /* Prevent vertical gaps */
  line-height: 1;
  -webkit-column-count: 5;
  -webkit-column-gap:   6px;
  -moz-column-count:    5;
  -moz-column-gap:      6px;
  column-count:         5;
  column-gap:           6px;  
}

.masonrySpecialItem { /* Masonry bricks or child elements */
  display: inline-block;
  margin: 0 0 6px 0;
}

@media (max-width:768px) {
  .masonrySpecial {
   line-height: 1;
  -webkit-column-count: 2;
  -webkit-column-gap:   6px;
  -moz-column-count:    2;
  -moz-column-gap:      6px;
  column-count:         2;
  column-gap:           6px;  
    }
}

@media (max-width:992px) {
  .masonrySpecial {
   line-height: 1;
  -webkit-column-count: 3;
  -webkit-column-gap:   6px;
  -moz-column-count:    3;
  -moz-column-gap:      6px;
  column-count:         3;
  column-gap:           6px;  
    }
}

.zoomItMore {
    transition: all .2s ease-in-out;
}

.zoomItMore:hover {
  transform: scale(1.25); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  /*border: 3px solid #fff;*/
  filter: drop-shadow(0px 10px 35px #000000);
  -webkit-filter: drop-shadow(0px 20px 25px #000000);
  -moz-filter: drop-shadow(0px 20px 25px #000000);
  /*margin: 6px;*/
}

  
  .specialsItem {
    position:relative;
  }
  .specialsItemText {
    position:absolute;
    z-index:100;
      left: 50%;
      bottom: 35%;
      transform: translate(-50%, -50%);
      padding: 10px;
      width: 90%;
      background-color: transparent;
      border: 2px solid black;
      background-color: yellow;
  }

.zoomItLess {
    transition: all .2s ease-in-out;
    -webkit-filter: saturate(0%);
          filter: saturate(0%);
}

.zoomItLess:hover {
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  /*border: 3px solid #fff;*/
  filter: drop-shadow(0px 10px 35px #000000);
  -webkit-filter: drop-shadow(0px 20px 25px #000000);
  -moz-filter: drop-shadow(0px 20px 25px #000000);
  -webkit-filter: saturate(100%);
          filter: saturate(100%);
  /*margin: 6px;*/
}

.animateThis{
        -webkit-animation: color-change 1s infinite;
        -moz-animation: color-change 1s infinite;
        -o-animation: color-change 1s infinite;
        -ms-animation: color-change 1s infinite;
        animation: color-change 1s infinite;
    }

    @-webkit-keyframes color-change {
        0% { color: white; }
        25% { color: yellow; }
        50% { color: orange; }
        75% { color: white; }
        100% { color: yellow; }
    }
    @-moz-keyframes color-change {
        0% { color: white; }
        25% { color: yellow; }
        50% { color: orange; }
        75% { color: white; }
        100% { color: yellow; }
    }
    @-ms-keyframes color-change {
        0% { color: white; }
        25% { color: yellow; }
        50% { color: orange; }
        75% { color: white; }
        100% { color: yellow; }
    }
    @-o-keyframes color-change {
        0% { color: red; }
        50% { color: blue; }
        100% { color: red; }
    }
    @keyframes color-change {
        0% { color: white; }
        25% { color: yellow; }
        50% { color: orange; }
        75% { color: white; }
        100% { color: yellow; }
    }


.linkButtonOverride {
    transition: all .2s ease-in-out;
    color:white !important;
    display:block;
    font-family: 'Dosis', sans-serif;
    padding:22px;
    border-radius: 0px;
    margin-top:10px;
    margin-bottom: 10px;
    text-align: center;
    font-size:18px;
    font-weight: 700;
    margin-left: 10px;
    margin-right: 10px;
}


.linkButtonOverride:hover {
  color:yellow !important;
}

@media only screen and (max-width:768px) {
.linkButtonOverride {
    font-size:16px;
    font-weight: 700
}
  }