.dark-wrapper {

    background: #353535 url(/images/bg.jpg) ;
    background-size:none;

  }

  .readmore + a{
    color:#444;
  }

 #q {
     margin: 10px 0 10px 0;
     border:1px solid #8A8A8A;
     color: #FFFFFF;
     font-size: 100px;
     font-weight: 700;
     line-height: 220px;
     box-shadow: none;
     width: 98%;
     height: 240px;
     text-align: center;
     /* background-color: #1F1F1F; */
     background-color: rgba(0,0,0,0.1);
     overflow:hidden;
     resize:none;
 }
 textarea:focus, input:focus{
     outline: 0;
 }

 #textspace{
    position: relative;

 }

 .inputbox{
   z-index: 1001;
   padding:0 10px;
/*    background: #353535 url(/images/bg.jpg) no-repeat center center;
    background-size: cover;*/
    background-color: rgba(0,0,0,0.5);
 }
 .icon-cog-1{
    position:absolute;
    top:15px;
    left:5px;
    font-size:3em;
    cursor: pointer;
 }

 .icon-cog-1:hover{
    color:#ffc000;
 }

 ul.fontbox li{
    cursor:pointer;
    padding:5px;
 }

 ul.fontbox li:hover{
  background:#ffc000;

 }
.icon{
  font-style: normal;
}
 .icon-cancel-circled{
    float:right;
    cursor:pointer;
        margin-bottom: 10px;
    font-size:35px;
 }
  .icon-cancel-circled:hover{
  color:#ffc000;
 }

 .playAction{
    display:block;
    background-color: #FFF;

    color:#000;
    width:45px;
    height:40px;
    line-height:40px;
    margin:5px auto;
 }

 .icon:hover{
    background-color: #FB0;
 }
.viewlarge{
  position: absolute;
  top: 75%;
  right: 0;
  z-index: 1000;
  font-size: 12px;
  width: 100%;
  text-align: center;
}

ul.list {
  list-style-type: none;
  padding:0;
}
ul.list li{
  padding:0;
  font-size:18px;
  line-height:40px;
  margin:15px 0;
}

ul.list li i{
  margin:5px;
  font-size:24px;
  border:1px solid #D4D4D4;
  -webkit-border-radius: 15%;
-moz-border-radius: 15%;
border-radius: 15%;
padding:5px;
}
/*
===============================================
---------------- 5. sidebar -------------------
===============================================
*/

/* sidebar icon */



#sidebar-wrapper {
    overflow-y: auto;
    background-color: #111111;
    position: fixed;
    width: 320px;
    height: 100%;
    top: 0;
    right: -320px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    z-index: 99999999;
}

#sidebar-wrapper.active {
    right: 0px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

/* widget */

#sidebar-wrapper>.fc-widget {
    margin-bottom: 40px;
}

#sidebar-wrapper .widget {
    margin-bottom: 40px;
    position: relative;
    -webkit-transition: right 0.3s ease-out;
    -moz-transition: right 0.3s ease-out;
    -ms-transition: right 0.3s ease-out;
    -o-transition: right 0.3s ease-out;
    transition: right 0.3s ease-out;
}
#sidebar-wrapper .widget.active {
    right: 0;
    -webkit-transition: right 0.3s ease-out;
    -moz-transition: right 0.3s ease-out;
    -ms-transition: right 0.3s ease-out;
    -o-transition: right 0.3s ease-out;
    transition: right 0.3s ease-out;
}

#sidebar-wrapper .widget-header {
    border: none;
    background: #070707;
}

#sidebar-wrapper .widget-header {
    margin-bottom: 20px;
    text-align: center;
    height: 40px;
    background: #fff;
}


#sidebar-wrapper h3 {
    display: inline-block;
    font-family: "Open Sans", Arial, sans-serif;
    font-family: 'Montserrat', 'Open Sans', sans-serif;
    font-size: 14px;
    color: #B0B2B3;
    position: relative;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: left;
    font-weight: 600;
    margin: 0;
    left: -4px;
}


#sidebar-wrapper h3 span {
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
}

#sidebar-wrapper h3.widget-title span:after {
    position: relative;
    top: 29px;
    left: 4px;
    float: left;
    bottom: 0px;
    content: "";
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 4px 4px 0px 0px;
    border-color: #B0B2B3 transparent transparent transparent;
}

/* scroll sidebar */

.content_2  {
    padding: 15px 20px 0 20px !important;
}




/* widget meta */
#sidebar-wrapper .fc-widget_meta ul {
    list-style: none outside;
    margin: 0;
    padding: 0;
}

#sidebar-wrapper .fc-widget_meta ul li {
    margin-bottom: 5px;
    color: #9a9a9a;
    text-align: right;
    overflow: hidden;
    line-height: 20px;
    font-size: 13px;
}

#sidebar-wrapper .fc-widget_meta ul li a {
    display: block;
    float: left;
    color: #B0B2B3;
    font-family: "Open Sans", Arial, sans-serif
        font-weight: normal;
    letter-spacing: 1px;
}

#sidebar-wrapper .fc-widget_meta ul li a:hover{
    text-decoration: underline;
}

#sidebar-wrapper .fc-widget_meta ul li a:before {
    content: "";
    position: relative;
    width: 6px;
    height: 6px;
    left: 0;
    bottom: 2px;
    background: #B0B2B3;
    display: inline-block;
    margin-right: 10px;
}

.rsThumbsContainer{
 overflow-y:scroll !important;
  height:533px !important;
}

.download{display:none;}


      #gallery-t-group {
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;  
  user-select: none;
}
.rsDefaultInv,
.rsDefaultInv .rsOverflow,
.rsDefaultInv .rsSlide,
.rsDefaultInv .rsVideoFrameHolder,
.rsDefaultInv .rsThumbs {
  background: #eee;
}
.royalSlider > .rsImg {
  display:none;
}

#gallery-t-group .rsThumb {
  float: left;
  overflow: hidden;
  width: 93px;
  height: 52px;
  margin-right: 1px;
}
#gallery-t-group .rsThumbs {
  width: 305px;
  height: 100%;
  position: absolute;
  top: 0;
  padding: 0 0 0 2px;
  right: 0;
}
#gallery-t-group .rsGCaption {
  right: 285px;
  line-height: 12px;
  padding: 1px 7px;
  font-size: 11px;
  background: #EEE;
  position: absolute;
  width: auto;
  bottom: 0;
  float: none;
  text-align: left;
}
.preloader{
    width: 100%;
    height: 100%;
    background: #131313;
    position: absolute;
    /* border: 1px solid #FF0000; */
    z-index: 10000;
}
.fwImage{
  position: relative;
}
  .result{
     width:100%; height:100%; position:absolute; z-index:1000; 
  }
  #imgloader{display:none;}
#pickedColor{ float:right; color:#FFF;}
.contentpage{
  background: #FFF;
    padding: 30px;
}
@media screen and (min-width: 0px) and (max-width: 1200px) {  
  #gallery-t-group .rsThumbs {
    width: 228px;
  }
  #gallery-t-group .rsGCaption {
    right: 228px;
  }
}
@media screen and (min-width: 0px) and (max-width: 760px) {  
  #gallery-t-group .rsThumbs {
    left: 0;
    position: relative;
    width: 100%;
    height: auto;
    padding: 1px 0 0 1px;
  }
  #gallery-t-group .rsThumbsContainer {
    height: auto !important;
  }
  #gallery-t-group .rsGCaption { 
    right: 0;
  }



}