/*
Theme Name: Llama
Theme URI:  http://themeforest.net/item/llama-magazine-news-wordpress-theme/7743381
Author:   BBOSA
Author URI: http://themeforest.net/user/bbosa
Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns,  right-sidebar, fixed-layout, responsive-layout, custom-background,  custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats,  sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: BB

*/

.overall {
	position: absolute;
	background-color: #000000;
	opacity: 0.5;
	width: 100%;
	height: 100%;
}



/* #Typography (baseline corrections)
================================================== */
h1, h2, h3, h4, h5, h6 {
  font-family:  'Oswald', Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-style: normal;
  text-rendering: optimizeLegibility;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  line-height: 1.4;
}
/*--- HEADINGS ---*/
h1 {
  font-size: 2.5em; /* 24px --> 24 ÷ 16 = 1.5 */
}

h2 {
  font-size: 2.375em; /* 22px --> 22 ÷ 16 = 1.375 */
}

h3 {
  font-size: 2.25em; /* 20px --> 20 ÷ 16 = 1.25 */
}

h4 {
  font-size: 2.125em; /* 18px --> 18 ÷ 16 = 1.125 */
}

h5, h6 {
  font-size: 2em; /* 16px --> 16 ÷ 16 = 1 */
}
body > p:first-of-type {
  font-size: 1.125em;
    /* 18px → 18 ÷ 16 = 1.125 */
  line-height: 1.333em;
    /* 24px → 24 ÷ 18 = 1.3333(3) */
}
p {
  font-size: 15px;
  font-family: 'Open Sans', sans-serif;
  word-wrap: break-word;
  margin-bottom: 1.25rem;
  text-rendering: optimizeLegibility;
  line-height: 1.7;
  color: gray;
  -webkit-font-smoothing: antialiased;

}

/* Helpful Typography Defaults */
em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 60%;
  line-height: inherit; }

code {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: bold;
  color: #FF548D; }

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.gallery-caption{}
.sticky{}
a{text-decoration: none;color: #574a46;}
a:hover{color: #FF548D !important;}
iframe,embed,object,video {max-width: 100%;border: none !important; width: 100%;}
img.alignleft{
	display: block;
	margin: 20px 20px 20px 0;
	float: left;

}
img.alignright{
	display: block;
	margin: 20px 0px 20px 20px;
	float: right;

}
img.aligncenter{
	display: block;
	margin: 20px 0;

}
img.alignnone{
	display: block;
	margin: 0 0 20px 0;
}
.wp-post-image{
	display: block;
	width: 100%;
	position: relative;
	float: left;

}
  .wp-post-image {
    opacity:0;
    transition:opacity 0.7s ease-in-out;
    -moz-transition:opacity 0.7s ease-in-out;
    -webkit-transition:opacity 0.7s ease-in-out;
  }

  .wp-post-image.inview {
    opacity:1;
  }

.post-image{
  position: relative;
  float: left;
  width: 100%;
  margin: 30px 0 0;
}
.ads970{
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
  margin: 30px 0 20px;
}
#ad-970{
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
  /*margin: 30px 0 20px;*/
}
#ad-970-un{
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
  margin: 30px 0 0px;
}
#ad-970-fot{
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
  margin: 0px 0 30px;
}
#ad-970-post{
  position: relative;
  float: left;
  margin: 0px 20px 20px 0;
}
blockquote{
margin: 20px 20px 20px 100px;
padding: 1px 10px 0px 20px;
background: #2e2e2e;
color: #FFFFFF;
font-size: 14px;
text-transform: uppercase;
border: 3px dashed rgba(80, 80, 80, 1);
}
blockquote:before{
content: url(images/quote.png);
height: 80px;
width: 80px;
position: absolute;
margin-left: -120px;
background: #000;
border-radius: 50%;
}
blockquote p{
text-transform: capitalize;
color: #FFFFFF;
font-style: italic;
/*font-family: 'oswald' !important;*/
letter-spacing: 2px;
font-size: 15px;

}
.wp-caption-text {
	padding: 10px;
	border: 5px solid #e5e5e5;
	background: whitesmoke;
	margin: 0;
}

.tag-cloud {
  position: relative;
  float: left;
  width: 100%;
  margin: 20px 0;

}
.tag-cloud a{
padding: 2px 10px 2px 15px;
margin: 15px 5px 20px;
font-size: 12px;
font-family: 'oswald',sans-serif;
text-transform: uppercase;
font-weight: normal;
letter-spacing: 2px;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
background: #7f8c8d;
color: #FFFFFF;
}
.tag-cloud a:hover{
  color: #FF548D !important;
  background: #242424;
}
.tag-cloud a:before{
position: absolute;
content: '#';
color: #FFFFFF;
margin-left: -10px;
}
/* The Next and Previous post links */
.nav-single {
  padding:30px 0;
  position:relative;
  float: left;
  margin: 0 0 30px;

}
  .nav-next,
  .nav-previous {
    width:36%;
    padding:0 7%;
    text-align:center;
  }
  .nav-next {
    float:right;
  }
  .nav-previous {
    float:left;
  }
    .nav-next a,
    .nav-previous a {
      font-size:12px;
      display:block;
      font-weight:bold;
      text-decoration:none;
      text-transform:uppercase;
    }

    .nav-next [class^="fa fa-angle-double-right"] ,
    .nav-previous [class^="fa fa-angle-double-left"] {
      font-size:25px;
      position:absolute;
      top:50%;
      margin-top:-14px;
    }
    .nav-next [class^="fa fa-angle-double-right"]    {right: 10px;}
    .nav-previous [class^="fa fa-angle-double-left"]  {left: 10px;}

  .nav-single .sep {
    display:block;
    position:absolute;
    top:0;
    left:50%;
    width:1px;
    height:100%;
    border-left:1px dotted #D8D8D8;
  }
  .sub-title{
    font-size: 14px;
  }
/*********************************************************************************************
1.  Default / for Grid 1200px
*********************************************************************************************/

/* Style for demo REMOVE THIS SECTION */
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12,  .grid-13,  .grid-14,  .grid-15,  .grid-16 {
color: #777;
font-size: 15px;
line-height: 23px;
}

body{
	background:#f5f5f5;
	font-size: 12px;
    font-family: 'arial', sans-serif;
	font-weight: normal;
	line-height: normal;
	margin-left: auto;
	margin-right: auto;

}

/* #Site Styles
================================================== */
#page{
    width: 100%;
    /*width: 1170px;*/
    max-width: 100%;
    position: relative;
    margin: 0 auto;
    background: #ffffff;
    z-index: 0;
    overflow: hidden;

}
/*site header
-------------------------------------------------------------*/
#site-ticker{
position: relative;
float: left;
width: 100%;
height: 40px;
background: #2E2E2E;
border-top: 2px solid #252525;
border-bottom: 2px solid #252525;
}
#site-header{
  position: relative;
  float: left;
  width: 100%;
  height: 40px;
  background: #090909;
}
 #logo {
  position: relative;
  height: 98px;
  width: 150px;
  float: left;
  margin: 0 20px;
 }
 #logo img {
  font-family: Courier, monospace;
  color: #2c2f32;
  text-align: left;
  text-transform: uppercase;
  margin:5px;
}
.search-toggle{
  position: relative;
  float: left;
}
#masthead{
  position: relative;
  float: left;
  width: 100%;
  background: url(images/header-overlay.png) repeat-x bottom;
  background-color: #FFF;
}
#content-home{
float: left;
position: relative;
width: 100%;
background: #ffffff;
padding: 30px 15px;
margin-bottom: 30px;
}
#nav-mob{
  position: relative;
  float: left;
  width: 100%;
  display: none;
}
#content{
float: left;
position: relative;
width: 100%;
padding-bottom: 30px;
}
.warrp-post{
  position: relative;
  float: left;
  padding: 30px 15px;
  background: #FFFFFF;
}
#content p, #content-post p{
  font-family: 'Open Sans', Helvetica, Arial,sans-serif;
  line-height: 1.7;
}
#content-post p{
  font-family: 'Open Sans', sans-serif;
  line-height: 1.7;

}
.sin-post{
  position: relative;
  width: 100%;
  float: left;

}
#content-post{
padding:0 20px;
position: relative;
float: left;
}
.top-30{
 margin: 2.857em auto;
}
.item{
    margin-bottom: 20px;
}
.box {
  position: relative;
  float: left;
  width: 100%;
  background-color: #FFFFFF;
  margin: 30px 0;
}

.post{
  position: relative;
  float: left;
  width: 100%;
  padding-bottom: 30px;
}
.entry-meta a.read-more{
  position: relative;
  float: left;
  font-family: 'oswald', sans-serif;
  font-weight: 200;
  text-transform: uppercase;
  margin: 10px 20px;
  background: #FF548D;
  color: #FFFFFF;
  border-bottom: 4px solid rgba(5, 5, 5, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 7px;
}
.entry-meta a.read-more:hover, .entry-meta-list a.read-more:hover{
  background: #090909;
   border-bottom: 4px solid rgba(112, 112, 112, 0.38);
}
.entry-meta-list a.read-more{
padding-bottom: 5px;
position: relative;
float: right;
font-family: 'oswald', sans-serif;
text-transform: uppercase;
margin: 10px 20px;
 background: #FF548D;
  color: #FFFFFF;
  border-bottom: 4px solid rgba(5, 5, 5, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 7px;
}
span.coment-num{
position: absolute;
right: 10px;
top: 20px;
color: #000 !important;
z-index: 10;
}
span.coment-num a{

padding: 8px 12px;
background: #FF548D;
color: #FFFFFF;
border-bottom: 4px solid rgba(5, 5, 5, 0.15);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.hero{
  margin-top: 10px;
  text-transform: uppercase;
  padding-bottom: 30px;
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
}
.hero-map{
   margin-top: 10px;
  text-transform: uppercase;
  padding-bottom: 30px;
  position: relative;
  float: left;
  width: 100%;
  text-align: left;
}
.hero h6{
  font-size: 18px;
  font-weight: 400;
  color: #999;
  letter-spacing: 3px;
}
h1.retro{
  font-size: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
.hero-title{
text-transform: uppercase;
line-height: normal;
color: #131212;
position: relative;
border-bottom: 4px solid #FF548D;
}
span.suptitle{
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 300;
  color: #999;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 10px;
}
span.suptitle p{
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 300;
  color: #999;
  font-family: 'oswald' !important;
  margin: 0;
}
.share-icon{
  position: relative;
  padding: 10px;
  font-size: 20px;
  text-align: center;
}
.share-icon a{
  color:#808080;
  padding: 0 5px;

}
/*-----------------------------------------------------------------------------------*/
/*  3.  Navigation & Menus
/*-----------------------------------------------------------------------------------*/

.header-main{
  position: relative;
  float: left;
  width: 100%;
}

#menu-wrap{
  position: relative;
  float: left;
  width: 100%;
}

/*** Navigation ***/

  #navigation ul {
    float:left;
    height:40px;
    padding: 0;
    margin: 0;
  }

  #navigation ul li {
    float:left;
    display:block;
    margin-right:30px;
    position:relative;
    height:40px;
    z-index:1000;
  }
  #navigation ul li:last-child {
    margin-right:0;
  }

  #navigation ul li a {
    font-family:"oswald";
    color:#FFF;
    font-size:13px;
    font-weight:300;
    text-transform:uppercase;
    letter-spacing:1px;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
    line-height:40px;
  }

  #navigation ul li a:hover {
    color:#999;
  }

  #navigation ul li.menu-item-home {
    background:url(img/home-icon.png) no-repeat;
    background-position:0 19px;
    padding-left:16px;
  }

    /*** Dropdown ***/
    #navigation ul li ul {
      position:absolute;
      left:-20000px;
    }
    #navigation ul li:hover > ul {
      position:absolute;
      left:0;
      top:40px;
    }
    #navigation ul li ul li {
      float:none;
      height:auto;
    }
    #navigation ul li ul li:last-child {
      margin-right:30px;
    }
    #navigation ul li ul li a {
      min-width:140px;
      font-size:12px;
      color:#aaa;
      padding:8px 12px;
      background:#000;
      display:block;
      -o-transition:.3s;
      -ms-transition:.3s;
      -moz-transition:.3s;
      -webkit-transition:.3s;
      transition:.3s;
      border-bottom:1px dotted #242424;
      line-height:14px;
    }
    #navigation ul li ul li a:hover  {
      background:#FF548D;
      color:#FFF !important;
    }

      /** dropdown lvl 3 **/
      #navigation ul li ul li ul {
        position:absolute;
        left:-2000px;
      }
      #navigation ul li ul li:hover ul {
        float: left;
        top:0;
        left:140px;
        display: block;
      }

        /** dropdown lvl 4 **/
        #navigation ul li ul li ul.sub-menu li ul {
          position:absolute;
          left:-20000px;
        }
        #navigation ul li ul li ul.sub-menu li:hover ul{
          top:0;
          left:140px;
          display: block;
        }

          /** dropdown lvl 5 **/
          #navigation ul li ul li ul.sub-menu li ul.sub-menu li ul {
            position:absolute;
            left:-20000px;
          }
          #navigation ul li ul li ul.sub-menu li ul.sub-menu li:hover ul{
            top:0;
            left:140px;
          }

/* -----------------------------------------
  Main Navigation
----------------------------------------- */
/* menus */
  #menu-wrap nav {
    font-size:14px;
  }

  #menu-wrap nav li {
    display:inline-block;
  }
    #menu-wrap nav > ul > li > a {
      position:relative;
      color: #646464;
    }



#menu-wrap nav .sub-menu {
  display:none;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  overflow:hidden;
  z-index:999;
}

#menu-wrap nav .sub-menu a {
  display:block;
  text-align: left;
  font-size: 13px;
  padding: 0;
  color: #cccccc;
}

/*.sub-menu .sub-menu {
  display:none !important;
}*/

/* main menu */
#menu-wrap .main-menu {
  position:relative;
  z-index:998;


  -webkit-animation-name:fadeIn;
     -moz-animation-name:fadeIn;
     -o-animation-name:fadeIn;
      animation-name:fadeIn;
  -webkit-animation-delay:0.5s;
     -moz-animation-delay:0.5s;
    -ms-animation-delay:0.5s;
     -o-animation-delay:0.5s;
      animation-delay:0.5s;
}

#menu-wrap .main-menu .menu {
  visibility:hidden;
}

#menu-wrap .main-menu > ul {
  text-align:left;
  margin: 0;
  padding: 0;
}

#menu-wrap .main-menu > ul > li {

}



#menu-wrap .main-menu > ul > li > a {
  padding: 10px 12px 8px;
  display: block;
  font-weight: bold;
  float: left;
  font-size: 15px;
  font-family: 'oswald';
  text-transform: uppercase;
  line-height: 72px;
  letter-spacing: 1px;
  border-bottom: 4px solid rgba(5, 5, 5, 0.0);
}
#menu-wrap .main-menu > ul > li > a:hover,
#menu-wrap .main-menu > ul > li > .current-menu-item > a
{
  background: #FF548D;
  color: #FFFFFF !important;
  border-bottom: 4px solid rgba(5, 5, 5, 0.23);
}
  #menu-wrap .main-menu > ul > li.sub-hover > a:after {
    content:"";
    position:absolute;
    left:40%;
    bottom:0;
    border-width:0 7px 7px ;
    border-style:solid;
    border-color:transparent transparent #0f0f0f;
    display:block;
    width:0;
    z-index:999;
  }

    #menu-wrap .main-menu .sub-menu {
      top:90px;
      background: #0f0f0f;
    -webkit-box-shadow: 0 3px 4px 1px rgba(0,0,0,0.2);
    box-shadow: 0 3px 4px 1px rgba(0,0,0,0.2);
    box-shadow: inset rgba(0,0,0,0.1) 0 3px 5px;
    }

      #menu-wrap .main-menu .sub-menu .sub-links {
        float: left;
        width: 25%;
        padding: 0px 0 0px;
        text-align: left;
        margin: 30px 0 30px 30px;

      }

        #menu-wrap .main-menu .sub-menu.full-width .sub-links li {
          padding:0;
          margin-right:15px;


        }

        #menu-wrap .main-menu .sub-menu .sub-links li {
            font-size: 14px;
            font-family: 'oswald';
            display: block;
            background: #FF548D;
            color: #FFFFFF;
            position: relative;
            border-bottom: 4px solid rgba(5, 5, 5, 0.15);
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            margin-bottom: 5px;

        }
        #menu-wrap .main-menu .sub-menu .sub-links li:hover{
         background: #FF548D;
          border-bottom: 4px solid rgba(5, 5, 5, 0.0);
        }
        #menu-wrap .main-menu .sub-menu .sub-links li:first-child {

        }

        #menu-wrap .main-menu .sub-menu .sub-links li:last-child {
          padding-bottom:0;
        }

        #menu-wrap .main-menu .sub-menu .sub-links li a{
        display: block;
        padding: 6px 25px;
        color: #f9f9f9;
        text-transform: uppercase;
        letter-spacing: 1px;
        }
         #menu-wrap .main-menu .sub-menu .sub-links li a:hover{
             color: #FFFFFF !important;

         }


      #menu-wrap .main-menu .sub-menu .sub-posts {
        float:right;
        width:71%;
        padding:20px 2% 0px;

      }
        #menu-wrap .main-menu .sub-menu .sub-posts li {
          float:left;
          /*width:29.333%;*/
          padding:0;
          /*margin:0 2%;*/
          border-bottom:none;
        }

        #menu-wrap .main-menu .sub-menu .sub-posts img {
          width:100%;
          height:auto;
          display:block;
          margin-bottom:15px;

        }

      #menu-wrap .main-menu .full-width .sub-posts {
        width:100%;
        background: #0f0f0f;
        -webkit-box-shadow: 0 3px 4px 1px rgba(0,0,0,0.2);
        box-shadow: 0 3px 4px 1px rgba(0,0,0,0.2);
        box-shadow: inset rgba(0,0,0,0.1) 0 3px 5px;
      }
      #menu-wrap .main-menu .full-width .sub-links {width:100%; text-align:center;}

        #menu-wrap .main-menu .full-width .sub-links li {
          font-size:12px;
          display:inline-block;
          border-top:none;
        }

        #menu-wrap .main-menu .full-width .sub-links li a{
          display:inline;
           padding:10px 15px;
           margin-bottom: 10px;
           color: #ffffff;
           text-transform: uppercase;
           letter-spacing: 1px;
        }
h3.entry-title a, h3.entry-title-megas a{
  font-size: 13px;
  font-weight: 200;
  float: left;
  width: 100%;
  text-transform: uppercase;
  color: #000;
}
header.entry-header-mega{
  padding: 0px 0 10px;
  float: left;
  position: relative;

}
header.entry-header-meg{
  padding: 0px 0 10px;
}
.entry-meta-3col{
  padding: 0 20px 20px;
  font-family: 'oswald';
  text-transform: uppercase;
  font-size: 13px;
  color: #FF548D;
  font-weight: 200;
  letter-spacing: 1px;
}
.entry-content-meg span, .entry-meta-mega span {
  font-size: 12px;
  color: #FF548D;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: 'oswald';
  float: left;
  position: relative;
  width: 100%;
}
img.meg-img{
  position: relative;
  float: left;
  width: 100%;
   height: 60px !important;
}
img.meg-imgs{
    position: relative;
  float: left;
  width: 100%;
   height: 150px !important;

}
/*------------------------------------------------
-------------------------------------------------------*/
/* Paging Navigation */

.paging-navigation {

margin: 0px 0px 30px;
position: relative;
float: left;
display: inline-block;
padding: 0 10px;
border: 2px solid #FF548D;

}

.paging-navigation .loop-pagination {

  text-align: center;
}

.paging-navigation .page-numbers {
  display: inline-block;
  font-size: 14px;
  font-weight: 900;
  margin-right: 1px;
  padding: 7px 16px;
  text-transform: uppercase;
  color: #191919
}

.paging-navigation a {
  color: #575757;
}

.paging-navigation .page-numbers.current {
  color: #FF548D;
}

.paging-navigation a:hover {

   color: #575757 !important;
}
a.prev.page-numbers, a.next.page-numbers{
  font-size: 20px;

}
/**
 * page
 * -----------------------------------------------------------------------------
 */
#primary{
  position: relative;
  float: left;
  width: 100%;
}

/************************************************
  Comments
************************************************/
ul.children{list-style: none;}
h3.comment-header {
padding: 5px 10px;
color: #FFFFFF;
font-family: 'oswald', sans-serif;
text-transform: uppercase;
font-size: 18px;
font-weight: 400;
letter-spacing: 1px;
overflow: hidden;
text-align: center;
background: #7f8c8d;
color: #FFFFFF;
border-bottom: 4px solid rgba(5, 5, 5, 0.15);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#comments {  width: 100%; display: block; float: left; margin: 30px 0; font: 400 12px/normal helvetica, arial, sans-serif; overflow: hidden; text-align: center; }
.comment-inner {
  margin-bottom: 10px;
  width: 100%;
  background: #fff;
  margin-bottom: 20px;

}
#comments .comment-inner:after { content: '';  display: block; clear: both; }
#comments .comment-avatar,#tab3 .comment-avatar { float: left;  }
#comments .avatar {
display: block;
background: #7f8c8d;
color: #FFFFFF;
border-bottom: 4px solid rgba(5, 5, 5, 0.15);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 3px;
}
#comments .commentmeta { display: block; float: left;}
.comment-reply a,#cancel-comment-reply-link { clear: both; color: #ccc; font: 700 14px/14px 'Open sans-serif Condensed', sans-serif; padding: 5px 10px; }
.comment-reply a {
float: right;
margin-right: 15px;
margin-top: -14px;
background: #52BD37;
color: #FFFFFF;
border-bottom: 4px solid rgba(5, 5, 5, 0.15);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 7px;

}
#cancel-comment-reply-link {
background: #11151d;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
float: left;
margin: 0 0 10px 20px;
background: #FF548D;
color: #FFFFFF;
border-bottom: 4px solid rgba(5, 5, 5, 0.15);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 7px;
      }
.comment-reply a:hover,#cancel-comment-reply-link:hover { background: #eee; }
.comment-reply a:hover,#cancel-comment-reply-link:hover { text-decoration: none; }
ol.commentlist { float: left; width: 100%;padding: 0;list-style: none;  }
  ol.commentlist h3.comment-header { display: none;list-style: none; }
  ol.commentlist #respond { border-top: none;list-style: none; }
#comments .comment-meta-1 { display: block; float: left; margin: 10px 0; width: 100%; text-transform: capitalize; }
  #comments .comment-meta-1 .fn { font-weight: bold; float: left; width: auto; }
  #comments .comment-meta-1 .reply { display: inline-block; float: right; font-size: 11px; line-height: 11px; padding-top: 2px; }
    #comments .comment-meta-1 .reply a { color: #555; }
#comments .comment-meta-2 { float: left; font: italic 12px/normal helvetica, arial, sans-serif; display: block; margin: 0; }
#comments .text {
clear: both;
display: block;
float: left;
padding: 5px 10px;
background: #f9f9f9;
border-bottom: 3px double #DDDDDD;
width: 100%;
}
  #comments .text .waiting_approval { font-size: 14px; font-style: italic; font-weight: bold; }
#comments .c { line-height: 20px; }
  #comments .c p,#comments .c code,#comments .c blockquote,#comments .c ul,#comments .c ol {
    display: block;
    text-align: left;
    font-family: 'Open Sans',Tahoma;
    font-size: 13px;
    line-height: 23px;
    color: #11151d;
    list-style: none;
     }
  #comments .c a { text-decoration: underline; }
    #comments .c a:hover { text-decoration: none; }
#comments .depth-2 .comment-wrapper { padding-left: 40px; }
#comments .depth-2 .commentmeta { width: auto; }
#comments .depth-3 .comment-wrapper { padding-left: 80px; }
#comments .depth-3 .commentmeta { width: auto; }
#comments .depth-4 .comment-wrapper { padding-left: 120px; }
#comments .depth-4 .commentmeta { width: auto; }
#comments .depth-5 .comment-wrapper { padding-left: 160px; }
#comments .depth-5 .commentmeta { width: auto; }
#respond { clear: both; position: relative; }
.commentlist .bypostauthor {}
.commentlist li ul.children li.bypostauthor {}
/******************************************************************
COMMENT FORM STYLES
******************************************************************/
#reply-title {
padding: 5px 10px;
font-family: 'oswald', sans-serif;
text-transform: uppercase;
font-size: 18px;
font-weight: 400;
letter-spacing: 1px;
overflow: hidden;
text-align: center;
color: #191919;
border: 2px solid #FF548D;
}
span.comment-header{


}
#reply-title small {  float: right;}
#reply-title a {display: block; margin-top: 5px; font-size: 12px; }

#respond { margin: 0 0 30px 0;}
#respond p {margin: 0 0 30px 0;}
#respond form {font-size: 18px;}
#respond form label, #respond form small {display: block;}
#respond form .comment-form-author, #respond form .comment-form-email {width: 48%;float: left;}
#respond form .comment-form-author { margin: 0 4% 0 0;}
#respond form .comment-form-url {width: 100%;}
#respond form .comment-notes {font-size: 16px; color: #555; margin: 0 0 20px 0; font-family: 'Open Sans',Tahoma; }
#respond form input[type=text],
#respond form input[type=email],
#respond form input[type=url],
#respond form textarea {
  padding: 12px; font: inherit;
  line-height: 1.5em;
  border: 1px solid #E6E6E6;
  padding: 10px 0;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-size: 16px;
  color: gray;
  background: #fff;


  text-align: left;
  color: gray;
  margin-top: 10px;
  -webkit-transition: background, 0.35s;
  -ms-transition: background, 0.35s;
  -o-transition: background, 0.35s;
  -transition: background, 0.35s;
  transition: background, 0.35s;
}
#respond form input[type=text]:focus,
#respond form input[type=email]:focus,
#respond form input[type=url]:focus,
#respond form textarea:focus {background: #e9e9e9; outline: none;}
#respond form input[type=text]:invalid,
#respond form input[type=email]:invalid,
#respond form input[type=url]:invalid,
#respond form textarea:invalid { outline: none; border-color: #fbc2c4; background-color: #f6e7eb; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; }
#respond form input[type=text],
#respond form input[type=email],
#respond form input[type=url] {  width: 100%; margin-top: 10px;}
#respond form textarea { width: 100%; height: 150px;}
#respond form #submit {
  text-decoration: none;
  -webkit-transition: background, 0.35s; -ms-transition: background, 0.35s; -o-transition: background, 0.35s; -transition: background, 0.35s; transition: background, 0.35s;
  padding: 10px 30px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  -webkit-appearance: none;
  font-weight: 700;
  background: #FF548D;
color: #FFFFFF;
border-top: 4px solid rgba(5, 5, 5, 0.0);
border-left: 4px solid rgba(5, 5, 5, 0.0);
border-right: 4px solid rgba(5, 5, 5, 0.0);
border-bottom: 4px solid rgba(5, 5, 5, 0.15);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;padding: 7px;
}
#respond form #submit:hover, #respond form #submit:focus {background: #FF548D;
  color: #FFFFFF;
border: 4px solid rgba(5, 5, 5, 0.0);
}
#comment-form-title { margin: 0 0 15px;}
.comments-logged-in-as, .logged-in-as {font-size: 12px;color: #b3b3b3;letter-spacing: 1px;font-family: 'Open Sans',Tahoma;}
#allowed_tags {margin: 20px 10px 10px 0;}
.nocomments { margin: 0 20px 20px; }
/**
 * masonry
 * -----------------------------------------------------------------------------
 */
header.entry-header{
  padding: 20px 0;
  float: left;
  position: relative;
  width: 100%;
  overflow: hidden;
  border-bottom: 4px solid #FF548D;
}
header.entry-header-list{
  padding: 0;
  float: left;
  position: relative;
  width: 100%;
  overflow: hidden;

}
.entry-title{
  position: relative;
  float: left;
  margin: 5px 0;
}
h1.entry-title a{
position: relative;
float: left;
text-transform: uppercase;
font-size: 20px;
font-weight: 300;
color: #000;
}
 h2.entry-title-link a{
  position: relative;
  float: left;
  font-weight: 700;
  line-height: 1;
  font-size: 1.5em;
  text-transform: capitalize;
  background: #333;
  color: #FFFFFF;
  text-align: center;
  padding:10px;
  width: 100%;
 }
span.cat-links{
position: relative;
float: left;
width: 100%;
}
span.cat-links a{

color: #FF548D !important;
font-family: 'oswald', sans-serif;
text-transform: uppercase;
font-size: 13px;
letter-spacing: 1px;
font-weight: 700;
}
span.cat-links-1{
  position: absolute;
  width: 100%;
  bottom: 60px;
  left: 0;
}
span.cat-links-1 a{
  padding: 0px 10px;
  color: #FFFFFF !important;
  font-family: 'oswald', sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 300;
  background: #FF548D;
}
 span.post-format{
position: relative;
float: left;
margin: 5px 10px 10px 0;
/*width: 100%;*/
 }
 span.post-format a{
    padding: 5px 10px;
  background: #FF548D;
  border-radius: 3px;
  color: #ffffff !important;
  font-family:   'oswald', sans-serif;
  text-transform: uppercase;
 }
span.comments-link, .entry-meta span{
  position: relative;
  float: left;
  margin: 10px 10px 10px 0;
}
.entry-meta,.entry-header{
  position: relative;
  float: left;
  width: 100%;

}
.form-wp{
  position: relative;
  float: left;
  width: 100%;
}
 .entry-meta span{
  padding: 3px 5px;
  background: #EEECEC;
  border-radius: 3px;
  color: #111 !important;
  font-family:   'oswald', sans-serif;
  text-transform: uppercase;
  border: 1px solid #ACACAC;
}
.entry-meta span:hover{background: #fff;}
.entry-content{
  position: relative;
  float: left;
  width: 100%;
  font-weight: 200;
  line-height: 1;
  font-size: 1.0em;
  text-transform: capitalize;
  }
.entry-content span{
padding: 3px 5px;
color: #808080 !important;
font-family: 'oswald', sans-serif;
text-transform: uppercase;
float: left;
line-height: 20px;
font-weight: normal;
}
.entry-content span a{
  color: #808080 !important;
}
.entry-content-1{
  position: absolute;
  font-weight: 200;
  line-height: 1;
  font-size: 10px;
  text-transform: capitalize;
  padding: 0 5px;
  bottom: 20px;
  left: 0;
  background: #FFFFFF;
}
.entry-content-1 span{
padding: 3px 5px;
color: #191919 !important;
font-family: 'oswald', sans-serif;
text-transform: uppercase;
float: left;
line-height: 20px;
font-weight: normal;
letter-spacing: 1px;
}
.entry-content-1 span a{
  color: #191919 !important;
}
.entry-content span i{
  margin-right: 7px;
}
.entry-meta p{
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
}
.list-text{
  position: relative;
  width: 100%;
  float: left;
}
.entry-meta-list p{
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0 0px;
}

.overlay {
  background-image: url("http://i.imgur.com/esoGQSU.gif");
  height: 100%;
  width: 100%;
  opacity: 0.06;
  background-repeat: repeat;
  position: absolute;
}
article.list-content{
  position: relative;
  float: left;
  width: 100%;
}
#related-warrap{
  position: relative;
  float: left;
  width: 100%;
}
.pad{
  padding:0 15px 30px;
}
/**
 * #widget
 * -----------------------------------------------------------------------
 */
#wp-calendar{
  width: 100%;
  text-align: center;
}
#wp-calendar caption{
 padding: 10px;
background: #fcbe1f;
color: #fff;
margin: 10px 0;
font-family: 'oswald';
font-size: 18px;
text-transform: uppercase;
letter-spacing: 1px;
}
#wp-calendar td, #wp-calendar th{
  padding: 5px;
  text-align: center;
  color: #777;
}
td#today{
  border: 1px solid #fcbe1f;
}
.widget{
position: relative;
float: left;
width: 100%;
margin-bottom: 30px;
}
h1.widget-title{
 padding:10px;
color: #191919;
font-family: 'oswald', sans-serif;
text-transform: uppercase;
font-size: 18px;
font-weight: 400;
letter-spacing: 1px;
overflow: hidden;
margin-bottom: 20px;
text-align: center;
  border: 2px solid #FF548D;
}
h1.footer-title{
 padding: 10px 0px;
color: #FFFFFF;
font-family: 'oswald', sans-serif;
text-transform: uppercase;
font-size: 18px;
font-weight: 400;
letter-spacing: 1px;
overflow: hidden;
margin-bottom: 20px;
border-bottom:4px solid #FF548D;
}
.widget-title-sid{
  text-transform: uppercase;
  line-height: normal;
  float: center;
  position: relative;
}

hr.line{
  height: 10px;
  background:  url(images/line.png);
  width: 100%;
  border: none;
}
.widget_categories ul, .widget ul{
  padding: 0;
  margin: 0;
  list-style: none;
}
 .widget_categories ul li, .widget ul li{
  margin: 10px 0;
  font-size: 13px;
  text-transform: uppercase;
  font-family: 'oswald',sans-serif;
}
.widget_categories ul li:last-child, .widget ul li:last-child{
  border-bottom: none;
}
input.feedburner-email{
  font-family: 'Open Sans', sans-serif;
border-bottom: 4px solid rgba(5, 5, 5, 0.15);
border-left: 4px solid rgba(5, 5, 5, 0.0);
border-right: 4px solid rgba(5, 5, 5, 0.0);
border-top: 4px solid rgba(5, 5, 5, 0.0);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 7px;
width: 70%;
position: relative;
float: left;
background: #ecf0f1 !important;
}
.widget-feedburner-counter p{
  text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
}
input.feedburner-subscribe{
  background: #FF548D;
color: #FFFFFF;
border-bottom: 4px solid rgba(5, 5, 5, 0.15);
border-left: 4px solid rgba(5, 5, 5, 0.0);
border-right: 4px solid rgba(5, 5, 5, 0.0);
border-top: 4px solid rgba(5, 5, 5, 0.0);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 7px;
width: 30%;
font-family: 'oswald', sans-serif;
text-transform: uppercase;
}
input.feedburner-subscribe:hover{
  background: #FF548D;
color: #FFFFFF;
border: 4px solid rgba(5, 5, 5, 0.0);
}
#donutchart-widget{
  padding: 5px;
font-size: 17px;
background: #FF548D;
color: #fff;
font-family: 'oswald';
border-bottom: 4px solid rgba(5, 5, 5, 0.15);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
z-index: 999999;
position: absolute;
top: 0;
right: 0;
}
.mega-widget{
  position: relative;
  float: left;
  margin-bottom: 10px;
}
#footer-sidebar .textwidget{
  color: #f9f9f9;
  font-size: 14px;
}
/**
 * 8.0 Footer
 * -----------------------------------------------------------------------------
 */
.inrer{
  position: absolute;
  z-index: 90;
  bottom: 0;
  left:0;
  background: rgba(0, 0, 0, 0.4);
  float: left;

}
.inrer h4{
  padding: 10px;
  line-height: 17px !important;
  position: relative;
  float: left;
  margin: 0;

}
.inrer h4 a{
  font-size: 15px;
  color: #FFFFFF !important;
  text-transform: uppercase;
  line-height: 17px !important;
  letter-spacing: 1px;
}
#above-footer{
padding: 20px 0px;
position: relative;
float: left;
width: 100%;
background: #333;
box-shadow: inset rgba(0,0,0,0.1) 0 3px 5px;
border-bottom: 1px solid #444444;
}
#above-footer h2{
  color: #f9f9f9;
  text-transform: uppercase;
}
#above-footer p,#above-footer a{
  color: #f9f9f9;
}
.shade{
  width: 100%;
}
.shade:before{
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-box-shadow: inset 0px 1px 5px 2px rgba(0, 0, 0, 0.27);
-moz-box-shadow:    inset 0px 1px 5px 2px rgba(0, 0, 0, 0.27);
box-shadow:         inset 0px 1px 5px 2px rgba(0, 0, 0, 0.27);
}
#footer-carousel{
position: relative;
float: left;
background: #FF548D;
color: #FFFFFF;
border-bottom: 4px solid rgba(5, 5, 5, 0.15);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 10px;
}
#supplementary {
  padding: 0 10px;
}

.site-footer,
.site-info,
.site-info a {
  color:#FFFFFF;
}

.site-footer {
background: #262528;
box-shadow: inset rgba(0,0,0,0.1) 0 3px 5px;
font-size: 12px;
position: relative;
z-index: 3;
width: 100%;
float: left;
}

.footer-sidebar {

}

.site-info {
  padding: 15px 10px;
  text-align: center;
}
.site-info p{
  text-transform: uppercase;
  margin: 0;
  font-size: 13px;
}
#supplementary + .site-info {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.site-info a:hover {
  color: #41a62a;
}
/* -----------------------------------------
  back to top
----------------------------------------- */
#to-top{
  z-index: 2;
  width: 20px;
  height: 40px;
  text-align: center;
  position: fixed;
  bottom: -100px;
  right: 0;
  cursor: pointer;
  -webkit-transition: all .7s ease-in-out;
  -moz-transition: all .7s ease-in-out;
  -o-transition: all .7s ease-in-out;
  -ms-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
  overflow: auto;
  background-color: white;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: 0 1px 3px rgba(34,25,25,0.4);
  -moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
  -webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
}
#to-top:hover{ background-color:#FF548D ;color: #FFFFFF;}
#to-top >.fa.fa-long-arrow-up{
  margin-top: 14px;
  font-size: 18px;
}

.textwidget img{
  text-align: center;
  margin: 20px;
}
 /* Dropcap */
 .dropcap{
float: left;
font-size: 51px;
font-family: 'oswald';
text-transform: uppercase;
padding: 15px 20px 10px 0;
color: #fcbe1f;
font-weight: bold;
  }
.highlight1{
background: #fcbe1f;
color: #fff;
}
h1.feature-head-st{
  position: relative;
  float: left;
  padding-right: 30px;
}
.facebook-box iframe{
  position: relative;
  float: left;
  width: 100% !important;
}
.line-top{
  position: relative;
  height: 8px;
  width: 100%;
  float: left;
  background: url(images/line-top.png) repeat;
}
#feature-post{
  position: relative;
  float: left;
  width: 100%;
  height: 508px;
  background: url(images/line-top.png) repeat;
 }
 .post-spot{
  position: relative;
  float: left;
  width: 100%;
  height: 508px;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
#feature-stiky{
  position: relative;
  float: left;
  width: 100%;
  height: 300px;
  background: url(images/line-top.png) repeat;
 }
 .stiky-spot{
  position: relative;
  float: left;
  width: 100%;
  height: 300px;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.post-spot-full{
  position: relative;
  float: left;
  width: 100%;
  background: url(images/line-top.png) repeat;
  height: 507px;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  overflow: hidden;
}
.form-post{
  position: absolute;
  float: right;
  width: 30%;
  right: 10%;
  top: 10%;
}
.boxs{
  transition: height .4s;

    -moz-transition: height .4s;

    -ms-transition: height .4s;

    -o-transition: height .4s;

    -webkit-transition: height .4s;
}

.cube:hover .boxs{
  height: 100%;
  z-index: 99;
}
.site-spot-thumbnail{
  position: relative;
  float: left;
  height: 400px;
}
.site-spot-thumbnail img{
  height: 400px;
}
.site-spot-thumbnail img:not(:nth-child(5n+1)):not(:nth-child(6n+2)){
  height: 250px !important;
}
#site-carousel, #cat-carousel{
  position: relative;
  float: left;
  width: 100%;
  background: #090909;

}
#feature{
  position: relative;
  float: left;
  width: 100%;
  height: 507px;
 }
.site-spot{
  position: relative;
  float: left;
  width: 100%;
  background: #090909;
  height: 400px;
  cursor: move;
}


.feature-inner{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: rgba(9, 9, 9, 0.56);

height: 0%;
}
.feature-inner-full{
position: absolute;
z-index: 90;
left: 6.7%;
background: rgba(3, 3, 3, 0.61);
padding: 20px 20px 15px;
bottom: 0;
max-width: 86.61%;
box-shadow: 2px -1px 2px rgba(0, 0, 0, 0.3);
}
h1.feature-head-full a{
  font-size: 40px;
  font-family: 'oswald',sans-serif;
  line-height: 50px;
  font-weight: bold;
  color: #FFFFFF;
  text-transform: uppercase;
}
h1.feature-head-full a:hover{
  color: #FFFFFF !important;
}
.feature-inner-full p{
  font-size: 18px;
  font-family: 'oswald',sans-serif;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;

}
.feature-inner-fulls{
position: absolute;
left:0;
/*background: url(images/gradient.png) repeat-x;*/
padding: 20px 20px 0px;
bottom: 0;
margin: 0;
width:100%;
text-align: center;
}
h1.feature-head-fulls a{
  font-size: 20px;
  font-family: 'oswald',sans-serif;
  font-weight: bold;
  color: #FFFFFF;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.62);
}
h1.feature-head-fulls a:hover{
  color: #FFFFFF !important;
}
.feature-inner-fulls p{
  font-size: 14px;
  font-family: 'oswald',sans-serif;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;

}
.post-mt-fulls{
  position: relative;
  float: left;
  width: 100%;
}
.post-mt-fulls span{
  position: relative;
  color: #FFFFFF;
  font-size: 14px;
  font-family: 'oswald';
  text-transform: uppercase;
  padding: 0 0px 20px 20px;
  letter-spacing: 2px;
  font-weight: bold;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.62);
}
.post-mt-fulls span a{
  position: relative;
  color: #FFFFFF;
  font-size: 14px;
  font-family: 'oswald';
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: bold;
}
.pads{
  padding: 40px 20px 20px ;
}

.feature-inner a.read-more{
  padding-bottom: 5px;
position: relative;
float: right;
font-family: 'oswald', sans-serif;
text-transform: uppercase;
margin: 10px 20px;
background: #FF548D;
color: #FFFFFF;
border-bottom: 4px solid rgba(5, 5, 5, 0.15);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 7px;
}
.feature-inner a.read-more:hover{
  background: #FF548D;
color: #FFFFFF !important;
border-bottom: 4px solid rgba(5, 5, 5, 0.0);
}
h1.feature-head a{
font-size: 32px;
font-family: 'oswald',sans-serif;
font-weight: bold;
color: #fff;
text-transform: uppercase;
text-shadow: 0px 2px 3px rgba(0,0,0,0.91);
}
.feature-st{
  position: relative;
  float: left;
  width: 100%;
  padding-bottom: 30px;
}
h1.feature-head-st a{
  font-size: 50px;
  font-family: 'oswald',sans-serif;
  line-height: 50px;
  font-weight: bold;
  color: #111;
  text-transform: uppercase;
}
.feature-inner p{
  font-size: 18px;
  font-family: 'oswald',sans-serif;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-shadow: 0px 2px 3px rgba(0,0,0,0.91);
  margin: 0;
}
.feature-inner p span a{
  font-size: 20px;
  font-size: 20px;
  border-left: none;
  padding: 10px 0 0 0;
  color: #fff;
}
.feature-inner-st p,.feature-head-st span{
  font-size: 18px;
  font-family: 'oswald',sans-serif !important;
  color: #111;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.feature-inner-st p span.cat-links a{
  font-size: 20px;
}
.post-mt{
  position: relative;
  float: left;
  width: 100%;
}
.post-mt span{
  position: relative;

  font-size: 18px;
  font-family: 'oswald';
  text-transform: uppercase;

  letter-spacing: 2px;
  font-weight: bold;
}
.post-mt span a{
  position: relative;

  font-size: 18px;
  font-family: 'oswald';
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: bold;
}
.post-mt-full{
  position: relative;
  float: left;
  width: 100%;
}
.post-mt-full span{
  position: relative;
  color: #FFFFFF;
  font-size: 18px;
  font-family: 'oswald';
  text-transform: uppercase;
  padding: 0 0px 20px 20px;
  letter-spacing: 2px;
  font-weight: bold;
}
.post-mt-full span a{
  position: relative;
  color: #FFFFFF;
  font-size: 18px;
  font-family: 'oswald';
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: bold;
}
.post-mt span.cat-links{
  padding-bottom: 0 !important;
}
.post-social{
  position: relative;
  float: right;
  right: 50px;
  top: 50px;
  width: 20%;
}
.post-social-fullw{
position: absolute;
padding: 7px 5px;
background: #FF548D;
display: inline-block;
margin: 20px 20px;
top: -70px;
left: -20px;
border-bottom: 4px solid rgba(5, 5, 5, 0.15);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
z-index: 90;
}
.post-social-fullw a span.social-face{
  color: #ffffff;
  padding: 0px 15px;
  line-height: 30px;
  text-align: center;
  font-size: 24px;
}
.post-social-fullw a span.social, .post-social-fullw  span.social{
  color: #ffffff;
   border-right: 1px solid #f6f6f6;
  padding: 0px 12px;
  line-height: 30px;
  text-align: center;
  font-size: 24px;
}
.post-social-full{
  position: relative;
  float: left;
  padding: 7px 5px;
  background:  #FF548D;
 display: inline-block;
 margin: 20px 20px;
 border-bottom: 4px solid rgba(5, 5, 5, 0.15);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
z-index: 90;
}
.post-social-full a span.social-face{
  color: #ffffff;
  background: #FF548D;
  padding: 0px 15px;
  line-height: 30px;
  text-align: center;
  font-size: 24px;
}
.post-social-full a span.social, .post-social-full  span.social{
  color: #ffffff;
  background: #FF548D;
   border-right: 1px solid #ffffff;
  padding: 0px 12px;
  line-height: 30px;
  text-align: center;
  font-size: 24px;
}
.post-social a span.social{
  color: #ffffff;
  padding: 10px 12px;
  border-radius: 50% ;
  border: 1px solid rgba(255, 255, 255, 0.43);
  line-height: 30px;
  text-align: center;
  margin-right: 10px;
  text-shadow: 0px 2px 3px rgba(0,0,0,0.91);
  box-shadow: 0px 2px 3px rgba(0,0,0,0.31);
}
.post-social a span.social-face{
  color: #ffffff;
  padding: 10px 15px;
  border-radius: 50% ;
  border: 1px solid rgba(255, 255, 255, 0.43);
  line-height: 30px;
  text-align: center;
  font-size: 14px;
  margin-right: 10px;
  text-shadow: 0px 2px 3px rgba(0,0,0,0.91);
  box-shadow: 0px 2px 3px rgba(0,0,0,0.31);
}
.post-social a span.social-face:hover,
.post-social a span.social:hover{
color: #FFFFFF;
border: 1px solid #FF548D;
background: #FF548D;
}
.bg-full{
  position: relative;
  width: 100%;
  float: left;
  background-position: center top;
  background-repeat: no-repeat;
  height: 507px;
  background: url(images/line-top.png) repeat;
}
.bg-full img{

}

/** hidden search field **/
#searchbar {
  display: none;
  float: left;
  width: 100%;
  height: 62px;
  border-top: 1px solid #d8d8d8;
  padding-left: 25px;
  padding-right: 10px;
  z-index: 9999;
  background: #fff;
/*  -webkit-box-shadow: -1px 2px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: -1px 2px 2px rgba(0,0,0,0.2);
  box-shadow: -1px 2px 2px rgba(0,0,0,0.2);*/
  margin-bottom: 20px;
}

#s {
  display: block;
  width: 86%;
  border: 0;
  outline: none;
  padding: 0;
  height: 60px;
  line-height: 60px;
  font-size: 3.0em;
  font-weight: bold;
  color: #676767;
}

#searchsubmit {
  display: block;
  float: right;
  margin-top: 6px;
  background: none;
  color: #717171;
  border: 0;
  outline: none;
  cursor: pointer;
  font-size: 40px;
}
span.s-toggle {margin: 20px 0;width: 100%;text-align: center;}
span.s-toggle a{text-decoration:none; color:#444;font-size: 40px;}
span.s-toggle a:hover{color:#ccc !important;}

#author-warrap{
  position: relative;
  float: left;
  width: 100%;
}
h2.section-title.ribbon{
  position: relative;
  float: left;
  width: 100%;
  padding: 10px 0;
  text-transform: capitalize;
  letter-spacing: 1px;
  font-size: 25px;
}
h2.section-title.ribbon span{
  background: #FF548D;
  color: #FFFFFF;
  font-size: 14px;
  text-transform: uppercase;
  border-bottom: 4px solid rgba(5, 5, 5, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 7px;
}
h2.section-title.ribbon span a, h2.section-title.ribbon span a:hover{
  color: #FFFFFF !important;
}

.author-box {
  position: relative;
  width: 100%;
  float: left;
  padding: 20px 0 30px;

}
.avatar {
  position: relative;
  text-align: center;
  margin-bottom: 10px;
}
.autt{
padding: 10px 0;
background: #EEECEC;
position: relative;
float: left;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 4px double #E4E4E4;
}
.avatar img{
background: #fcbe1f;
color: #FFFFFF;

-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
padding: 3px;
}
.author-socials{
  position: relative;
  float: right;

}
.scroller{
    position: absolute;
    bottom: 15%;
    width: 100%;
    padding: 12px 0px;
    text-align: center;
    color: rgba(255,255,255,0.6);
    font-family: "Lato",sans-serif;
    font-weight: 300;
    -webkit-transition: color 0.2s ease-out;
    -moz-transition: color 0.2s ease-out;
    -o-transition: color 0.2s ease-out;
    -ms-transition: color 0.2s ease-out;
    transition: color 0.2s ease-out;
    z-index: 100;
    cursor: pointer;
}
.scroller-icon{
    position: absolute;
    left: 50%;
    margin-left: -26px;
    margin-top: -12px;
    font-size: 2em;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -webkit-transition: border-color 0.2s ease-out;
    -moz-transition: border-color 0.2s ease-out;
    -o-transition: border-color 0.2s ease-out;
    -ms-transition: border-color 0.2s ease-out;
    transition: border-color 0.2s ease-out;
    text-shadow: 0px 2px 3px rgba(0,0,0,0.91);
    background: rgba(255, 255, 255, 0.28);
}
.scroller-icon:hover{
   background: #FF548D;
}
#ticker{
  position: relative;
  float: left;
  overflow: hidden !important;
  height: 40px
}
#ticker li{
height: 40px;
float: left;
width: 100%;
list-style: none;

}
.trending h3{
   font-size: 14px ;
   color: #fff;
   text-transform: uppercase;
   float: left;
   margin: 0 15px;
   margin-top: 6px;
   line-height: 25px;
   background: #FF548D;
   font-weight: normal;
   padding: 0 10px;
   letter-spacing: 3px;
}
 #ticker li h5 a{
  color: #fff;
 }
#ticker li h5{
   font-size: 14px ;
   color: #fff;
   text-transform: uppercase;
   float: left;
   margin-left: 15px;
   margin-top: 2px;
   line-height: 20px;
   letter-spacing: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
   border-radius: 2px;
   background: #242424;
   font-weight: normal;
   padding: 0px 10px 0px;

}

#ticker li h3 a{
font-size: 17px ;
color: #ccc;
text-transform: uppercase;
float: left;
line-height: 35px;
font-weight: 200;
}
#co-user,.wrap-log{
  height: 40px;
  position: relative;
  float: left;
}
#co-user a [class^="fa fa-user"]{
font-size: 20px;
color: #ccc;
line-height: 20px;
border: 1px solid rgba(131, 121, 121, 0.39);
padding: 7px 9px;
border-radius: 50%;
background: #3A3E42;
margin-top: 2px;

}
.user-content {
    background:  #ffffff;
    padding: 10px;
    width: 100px;
    margin: 0;
    padding-top: 10px;
    position: absolute;
    left: -20px;
    top: 40px;
    z-index: 9999;
    display: block;
    display: none;
    list-style: none;
}
.user-content li{
  margin-bottom: 10px;
}
li a.overlay-login, li a.overlay-register{
    padding: 8px 10px;
    text-transform: uppercase;
    font-family: 'oswald';
    letter-spacing: 2px;
    color: #141414;
}
.arrow-up {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #fff;
    left: 28%;
    position: absolute;
    top: -20px;
}
.divid{
  background: transparent url(images/divid.png) center  no-repeat;
  height: 12px;
  margin: 0 auto;
  float: left;
  position: relative;
  width: 100%;
  margin-bottom: 30px;
}
/* Bar Graph Class */
.reviewbox{
position: relative;
float: left;
background: white;
margin-right: 20px;
padding: 20px;
margin-bottom: 20px;
}
.reviewbox h1{
text-transform: uppercase;
text-align: center;
letter-spacing: 2px;
margin-bottom: 20px;
background: #FF548D;
color: #FFFFFF;
border-bottom: 4px solid rgba(5, 5, 5, 0.15);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 10px;
}
.barGraph {
  position: relative;
  width: 100%;
  height: auto;

}
.graph {
  position: relative;
  list-style-type: none;
  padding: 5px 0 0 0;
  margin: 0;
}
.graph-barBack {
border-radius: 2px;
margin-bottom: 10px;
display: block;
background: #AFB1B1;

-webkit-border-radius: 4px;
-moz-border-radi
}
.graph-bar {
background-color: #FF548D;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out;
border-radius: 2px;
cursor: pointer;
margin-bottom: 10px;
position: relative;
z-index: 99;
display: block;
height: 10px;
width: 0%;
color: #FFFFFF;
border-bottom: 4px solid rgba(5, 5, 5, 0.15) !important;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;

}
.graph-bar:hover {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background: #888;
}
.graph-bar:last-child {
  margin-bottom: 0;
}
.graph-bar:after {
  position: absolute;
  content: attr(data-value);
  display: none;
  font-size: 12px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  line-height: 20px;
  height: 20px;
  padding: 0 10px;
  margin-left: 5px;
  left: 100%;
  top: 0;
}
.graph-bar:hover:after {
  display: block;
}
.graph-legend {
margin-right: 10px;
font-family: 'oswald';
text-transform: uppercase;
letter-spacing: 1px;
}
.editor-rating{
position: relative;
width: 100%;
margin: 20px 0;
background: #7f8c8d;
padding-left: 10px;
border-bottom: 4px solid rgba(5, 5, 5, 0.15);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#donutchart1{
  float: right;
  padding: 10px;
  font-size: 17px;
  background: #FF548D;
  color: #fff;
  font-family: 'oswald';
  border-bottom: 4px solid rgba(5, 5, 5, 0.15);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
h4.meter-title2,h3.user-title{
  text-transform: uppercase;
  line-height: 45px;
  font-size: 16px;
  color: #E2DCDC;
  margin: 0;
  padding: 0;
  letter-spacing: 2px;
}
h4.vote-count{
margin: 0;
padding: 2px 20px;
letter-spacing: 2px;
font-size: 16px;
text-transform: uppercase;
background: #3C3C3C;
color: #fff;
font-weight: 300;
}
#votecount{
position: relative;
width: 100%;
margin: 20px 0;
background: #7f8c8d;
padding-left: 10px;
border-bottom: 4px solid rgba(5, 5, 5, 0.15);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#target-text-hint{
float: right;
padding: 10px 15px 8px;
font-size: 17px;
background: #FF548D;
color: #fff;
font-family: 'oswald';
border: 1px solid rgba(249, 249, 249, 0.03);
height: 49px;
width: 55px;
border-bottom: 4px solid rgba(5, 5, 5, 0.15);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.user-rating{
  position: relative;
  width: 100%;
  margin: 20px 0;
}
#star{
  float: right;
  margin-top: 2px;
}
.review-summery h4{
  font-size: 16px;
  text-transform: uppercase;
}
.slicknav_menu {
  display:none;
}




/*
    Mobile Menu Core Style
*/

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/*
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
  font-size:16px;
}
/* Button */
.slicknav_btn {
  margin: 5px 5px 6px;
  text-decoration:none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #222222;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {
  color: #FFF;
  font-weight: bold;
  text-shadow: 0 1px 3px #000;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #f5f5f5;
}
.slicknav_menu {
background: #3D3D3D;
margin: 0 80px;
padding: 0px 20px;
}
.slicknav_nav {
  color:#fff;
  margin:0;
  padding:0;
  font-size:0.875em;
}
.slicknav_nav, .slicknav_nav ul {
  list-style: none;
  overflow:hidden;
}
.slicknav_nav ul {
  padding:0;
  margin:0;
}
.slicknav_nav ul ul{
  margin-left: 20px;
}
.slicknav_nav ul ul a{
  background: #6F6F6F;
}
.slicknav_nav .slicknav_item {
  padding:5px 10px;
  margin:2px 5px;
}
.slicknav_nav a{
padding: 5px 10px;
margin: 10px 5px;
text-decoration: none;
color: #FFFFFF;
background: #333;
border: 1px solid #242424;
font-family: 'oswald';
text-transform: uppercase;
}
.slicknav_nav .slicknav_item a {
  padding:0;
  margin:0;
}
.slicknav_nav .slicknav_item:hover {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background:#FF548D;
  color:#fff !important;
}
.slicknav_nav a:hover{
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background:#FF548D;
  color:#fff !important;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;
}

#loading {
background:rgba(0, 0, 0, 0.65) url(images/gif-load.gif) no-repeat center center;
height: 100%;
width: 100%;
position: fixed;
left: 0;
top: 0;
-webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
  animation: tp-rotateplane 1.2s infinite ease-in-out;
z-index: 999999999;
}
.message-warning{
  margin: 18px;
  color: #E7CF4F;
  border: 1px dashed;
  padding: 5px 8px;
  background: rgba(231, 252, 0, 0.19);
  font-family: 'oswald';
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 1px;
}
.message-warning-top{
  margin: 5px;
  color: #E74F4F;
  border: 1px dashed;
  padding: 5px 8px;
  background: rgba(252, 0, 0, 0.19);
  font-family: 'oswald';
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
}
.video-formate{
  position: absolute;
  width: 80px;
  height: 80px;
  background: url(images/video.png);
}
.audio-formate{
  position: absolute;
  width: 80px;
  height: 80px;
  background: url(images/audio.png);
}
.gallery-formate{
  position: absolute;
  width: 80px;
  height: 80px;
  background: url(images/gallery.png);
}

.site-map{
  position: relative;
  float: left;
}
.site-map ul, .site-map li{
  padding: 0;
  margin: 0;
  list-style: none;
  margin: 10px 0;
}
.site-map li:before{
  content: "\2666 ";
  margin-right: 5px;
}
.site-map  li a, div.site-map li.page_item a{
  font-family: 'oswald';
  font-size: 15px;
  text-transform: uppercase;
  list-style: none;
  font-weight: 300;

}
div.site-map li.page_item{
  padding: 0;
  margin: 0;
  list-style: none;
}
.review-star {
  background: url(images/star.png) no-repeat left bottom -1px;
  position: relative;
  height: 17px;
  width: 65px;
}
.review-star-inline {
  background:url(images/star.png) no-repeat 0 -1px;
  display:block;
  position:absolute;
  height:17px;
  left:0;
  top:0;
}
.review-s{
  position: absolute;
  top: 20px;
  right: 0;
  background: #FFFFFF;
  padding: 1px 3px;
}
.scene {
  position: relative;
  padding: 0;
  margin: 0;
}
.parallex-cover{
  position: relative;
  height: 400px;
  width: 100%;
  overflow: hidden;
}
.feature-model-1{
position: absolute;
z-index: 90;
left: 6.7%;
padding: 20px 20px 15px;
top: 35%;
max-width: 86.61%;
text-align: center;
}
h1.feature-model a{
  font-size: 40px;
  font-family: 'oswald',sans-serif;
  line-height: 50px;
  font-weight: bold;
  color: #FFFFFF;
  text-transform: uppercase;
  text-shadow: 2px -1px 2px rgba(0, 0, 0, 0.3);

}
h1.feature-model a:hover{
  color: #FFFFFF !important;
}
.model-cont{
  position: relative;
  float: left;
  width: 100%;
}
.model-cont span{
  position: relative;
  color: #FFFFFF;
  font-size: 18px;
  font-family: 'oswald';
  text-transform: uppercase;
  padding: 0 0px 20px 0px;
  letter-spacing: 2px;
  font-weight: bold;
}
.model-cont span a{
  position: relative;
  color: #FFFFFF;
  font-size: 18px;
  font-family: 'oswald';
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: bold;
}
.module-slide{
  position: relative;
  float: left;
  width: 100%;
  height: 500px;
  overflow: hidden;
  text-align: center;
}
#searchform{
  position: relative;
  border-bottom: 2px solid #fcbe1f;
  background-color: transparent;
}
.ss{
  color: #fcbe1f;
  transform:rotate(90deg);
  -ms-transform:rotate(90deg); /* IE 9 */
  -webkit-transform:rotate(90deg); /* Opera, Chrome, and Safari */
}
input[type=text]{
  background-color: transparent;
}
/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
  font-family: 'flexslider-icon';
  src:url(fonts/flexslider-icon.eot);
  src:url(fonts/flexslider-icon.eot?#iefix) format('embedded-opentype'),
    url(fonts/flexslider-icon.woff) format('woff'),
    url(fonts/flexslider-icon.ttf) format('truetype'),
    url(fonts/flexslider-icon.svg#flexslider-icon) format('svg');
  font-weight: normal;
  font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider {
position: relative;
zoom: 1;
width: 100%;
float: left;
}
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  {
    text-decoration:none;
    display: block;
    width: 30px;
    height: 30px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    padding: 5px;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    background: #ffffff;
    color: rgba(0,0,0,0.8);
    text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    text-align: center;
}
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: center; }
.flexslider-post:hover .flex-prev{ opacity: 0.7; left: 10px; }
.flexslider-related:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider-post:hover .flex-next{ opacity: 0.7; right: 12px; }
.flexslider-related:hover .flex-next { opacity: 0.7; right: 12px; }
.flexslider-post:hover .flex-next:hover, .flexslider-post:hover .flex-prev:hover{ opacity: 1; }
.flexslider-related:hover .flex-next:hover, .flexslider-related:hover .flex-prev:hover{ opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  {
    font-family: "flexslider-icon";
    font-size: 20px;
    display: inline-block;
    content: '\f001';
}
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {

  position: absolute;
  top: 40px;
  text-align: center;
  right: 70px;
    z-index: 9999;
}
.flex-control-nav li {margin:10px; zoom: 1; *display: inline;}
.flex-control-paging li a {
width: 30px;
height: 30px;
display: block;
line-height: 30px;
background: #666;
background: rgba(255, 255, 255, 0.28);
cursor: pointer;
border-bottom: 4px solid rgba(5, 5, 5, 0.15);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #ffffff;

text-shadow: 0px 2px 3px rgba(0,0,0,0.91);
}
.flex-control-paging li a:hover {
 background:#FF548D;
 color: #ffffff !important;
 border-bottom: 4px solid rgba(5, 5, 5, 0.15);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
  }
.flex-control-paging li a.flex-active {
background: #FF548D;
cursor: default;
color: #ffffff !important;
border-bottom: 4px solid rgba(5, 5, 5, 0.15);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
    }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(images/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
 *  Core Phenix Carousel CSS File
 *  v2.0.0
 */

/* clearfix */
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel{
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index:1;
}

.owl-carousel .owl-stage{
  position: relative;
  -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage-outer{
  position:relative;
  overflow: hidden;
}

.owl-carousel .owl-stage-outer.owl-height{
  -webkit-transition: height 200ms ease-in-out;
  -moz-transition: height 200ms ease-in-out;
  -ms-transition: height 200ms ease-in-out;
  -o-transition: height 200ms ease-in-out;
  transition: height 200ms ease-in-out;
}

.owl-carousel .owl-video-wrapper{
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon{
  position:absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url('owl-video-play.png') no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition-property: scale;
  transition-duration: 100ms;
  transition-timing-function: ease;
}

.owl-carousel .owl-video-play-icon:hover{
  -moz-transform: scale(1.3, 1.3);
  -ms-transform: scale(1.3, 1.3);
  -o-transform: scale(1.3, 1.3);
  -webkit-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon{
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;

  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;

  transition-property: opacity;
    transition-duration: 400ms;
    transition-timing-function: ease;
}

.owl-carousel .owl-video-frame{
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-refresh .owl-item{
  display: none;
}
div.owl-item.active.center{opacity: 1;}
.owl-carousel .owl-item{
  position:relative;
  min-height: 1px;
  float: left;
  opacity:0.5;

  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.mod-slider div.owl-stage-outer div.owl-stage div.owl-item{
  position:relative;
  min-height: 1px;
  float: left;
  opacity:1;
  width: 700px;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owl-carousel .owl-item-footer{
  position:relative;
  min-height: 1px;
  float: left;
  opacity:0.5;
  width: 700px;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}


/* Sample theme */

.owl-theme .owl-controls{
  text-align: center;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.owl-controls .owl-nav,
.owl-controls .owl-dot{
  cursor: pointer;
  cursor: hand;
}


/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-nav .owl-prev{
  background: url(images/arrowLeft.png);
  height: 110px;
  width: 35px;
  cursor: pointer;
    text-indent: -9999px;
    position: absolute;
    top: 40%;
    left: 15px;
}
.owl-theme .owl-controls .owl-nav .owl-next{
    background: url(images/arrowRight.png);
  height: 110px;
  width: 35px;
  cursor: pointer;
    text-indent: -9999px;
    position: absolute;
    top: 40%;
    right: 15px;

}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls .owl-nav div:hover{
  filter: Alpha(Opacity=100);/*IE7 fix*/
  opacity: 1;
  text-decoration: none;
}

/* Styling Pagination*/
.owl-theme .owl-pagination .owl-dot{
  display: inline-block;
  zoom: 1;
  *display: inline;/*IE7 life-saver */
}
.owl-theme .owl-pagination .owl-dot span{
-webkit-backface-visibility: visible;
display: block;
width: 30px;
height: 8px;
margin: 8px 7px 5px;
filter: Alpha(Opacity=50);
transition-property: opacity;
transition-duration: 200ms;
transition-timing-function: ease;
background: #7f8c8d;
color: #FFFFFF;

}
/*.owl-theme .owl-pagination .owl-dot:hover span,*/
.owl-theme .owl-pagination .owl-dot.active span{
  filter: Alpha(Opacity=100);/*IE7 fix*/
background: #FF548D;
}

/* to do */
.owl-carousel .owl-stage.backfacefix .owl-item{
  -webkit-backface-visibility: hidden;
}

.owl-carousel .owl-mobile .owl-item.active{
  opacity: 1;
}

.owl-carousel .owl-mobile .owl-item{
  opacity: 0;
}

.owl-carousel .owl-item img.owl-lazy{
  transition-property: opacity;
    transition-duration: 400ms;
    transition-timing-function: ease;
  opacity: 0;
}

.owl-carousel .owl-item img{
  display: block;
  width: 100%;
}
.owl-carousel .owl-item-footer img{
  display: block;
  width: 100%;
}
.owl-rtl{
  direction: rtl;
}
.owl-rtl .owl-item {
  float:right;
}