
/* COPY RIGHT RESERVED
Author: Eiad Ashraf
Author Website: iEiad.com
Template Name: Magalla Magazine, Blog and News
Template version: 5.0
 */


/* ==========================================================================
- Table of content:

   0 - General layout CSS styles

   1 - Head Seaction
     1.1 - Top toolbar
     1.2 - Logo section
     1.3 - Main menu nav

   2 - Home Slider, Main Section
     2.1 - Home Slider
     2.2 - 3 Big Blocks

   3 - News Ticker  

   4- Main left side
     4.1 - Top news
     4.2 - News-sec-1
     4.3 - News Slider
     4.4 - Polls and Reviews
     4.5 - Small Image Gallery Slides
     4.6 - Video Gallery

   5- Main right side
     5.1 - Small Slider
     5.2 - Social Media
     5.3 - Trending post
     5.4 - Flicker Widget
     5.5 - Subscribe form
     5.6 - Featured Video
     5.7 - Right side AD
     5.8 - Review rate

   6- Footer
     6.1 - Category footer
     6.2 - Info footer
     6.3 - Copy right footer

   7- Single Category Main
     7.1 - Pagination

   8- Single Article

   9- Contact page

   10 - Retina and Hight Res Custom CSS

   11 - Gallery Page

   12 - Review Posts

   13 - Woocommerce

      ========================================================================== */

/* 0 - General layout CSS styles starts */

@font-face {
    font-family: 'fontello';
    src: url('../fonts/fontello.eot');
    src: url('../fonts/fontello.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fontello.woff') format('woff'),
         url('../fonts/fontello.ttf') format('truetype'),
         url('../fonts/fontello.svg#fontello') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello.eot?34278887');
  src: url('../fonts/fontello.eot?34278887#iefix') format('embedded-opentype'),
       url('../fonts/fontello.woff?34278887') format('woff'),
       url('../fonts/fontello.ttf?34278887') format('truetype'),
       url('../fonts/fontello.svg?34278887#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

body{
  background: #f2f2f2;
  background-image: url();
  background-position: repeat;
  background-repeat: center left;
  font-family: 'Lato', sans-serif;
}

h1, h2, h3, h4, h5, h6{
  font-family: 'Lato', sans-serif; 
  color: #191919;
  word-wrap: break-word;
  -ms-word-wrap: break-word;
}

p{
  font-size: 15px;
  color: #333333            
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                 ;
  word-wrap: break-word;
  -ms-word-wrap: break-word;
}

img {
    max-width: 100%;
}


@media only screen and (max-width: 432px) {
  p{
    font-size: 15px;
    color: #333333            
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                             
                                 ;
  }
}

h2{
  font-size: 24px;
}

a{
  color: #191919;
  cursor: pointer;
}

a:hover{
  color: #191919;
  text-decoration: none;
}

input:focus {
  outline: none;
}

::-webkit-input-placeholder {
   color: #aeaeae !important;
}

:-moz-placeholder { /* Firefox 18- */
   color: #aeaeae !important;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #aeaeae !important;
}

:-ms-input-placeholder {  
   color: #aeaeae !important;
}

.float-width, .fd{
  float: left !important;
  width: 100% !important;
}

.boxy{
    box-sizing: border-box;
}

.blocky{
  float: left;
  display: inline-block;
}

.righty, .alignright, .rt{
  float: right !important;
}

.lefty, .alignleft, .lf{
  float: left !important;
}

.trans1{
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.trans2{
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

h3.sec-title, h2.widgettitle{
  font-size: 19px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 19px 0;
}

.w100{
  width: 100% !important;
}

.w25{
  width: 25% !important;
}
.w30{
  width: 30% !important;
}

.w50{
  width: 50% !important;
}

.w70{
  width: 70% !important;
}

.mar0{
  margin: 0 !important;
}

.pad0{
  padding: 0 !important;
}

.pos-rel{
  position: relative !important;
}


::-moz-selection {
       background-color: #191919;
       color: #ffffff;
}

::selection {
       background-color: #191919;
       color: #ffffff;
}

.brd-crmbz {
  margin: 0 0 20px 0;
}

ul#breadcrumbs {
  margin: 0;
  padding: 0;
}

ul#breadcrumbs > li {
  float: left;
  list-style: none;
  margin-right: 10px;
}

#breadcrumbs > li.separator {
  color: #D0D0D0;
}

#breadcrumbs > li.separator:last-child {
  display: none;
}

.brd-crmbz a {
  font-family: 'Lato', sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  color: #878787;
}

.brd-crmbz a:hover{
  color: #191919;
}

.err404 > h2{
  text-align: center;
  text-transform: uppercase;
  font-size: 47px;
  margin: 150px 0;
  opacity: 0.5;
}

.err404 > h2 > span{
opacity: 0.1;
font-size: 210px;
position: relative;
top: -79px;
line-height: 40px;
}

.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #428bca;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  -webkit-transition: width .6s ease;
       -o-transition: width .6s ease;
          transition: width .6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
          background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
       -o-animation: progress-bar-stripes 2s linear infinite;
          animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar[aria-valuenow="1"],
.progress-bar[aria-valuenow="2"] {
  min-width: 30px;
}
.progress-bar[aria-valuenow="0"] {
  min-width: 30px;
  color: #777;
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}

/* Flex Slider Starts
============================ */
/*
 * 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;}


/* 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 {
margin: 0;
position: relative;
}

.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: 40px;
height: 60px;
line-height: 33px;
margin: 0;
position: absolute;
top: 42%;
z-index: 10;
opacity: 0;
cursor: pointer;
color: #ffffff;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
}

.flex-direction-nav .flex-prev { left: 0px; }
.flex-direction-nav .flex-next { right: 0px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider: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: 'fontello';
  font-size: 30px; display: inline-block; content: '\e801'; }
.flex-direction-nav a.flex-next:before{
content: '\e800';
}

/* 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: 'fontello'; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: 'U+E766'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom:-26px; text-align: center;}
.flex-control-nav li {margin: 0 3.5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #ffffff; border: 1px solid #acacac; cursor: pointer; text-indent: -9999px;   }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #acacac; cursor: default; }

.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;}
}

  /* Menus CSS Start 
  ===================*/
.sm,.sm ul,.sm li{display:block;list-style:none;padding:0;margin:0;line-height:normal;direction:ltr;}
ul.sm li{position:relative;}
ul.sm a{position:relative;display:block;}
ul.sm a.disabled{cursor:default;}
ul.sm ul{position:absolute;top:-999999px;left:-800px;width:100px;}
ul.sm li{float:left;}
ul.sm-rtl{direction:rtl;}
ul.sm-rtl li{float:right;}
ul.sm ul li,ul.sm-vertical li{
  float:none;
}
ul.sm a{white-space:nowrap;}
ul.sm ul a,ul.sm-vertical a{
white-space: nowrap;
color: #b6b5b5;
}
* html ul.sm-vertical li{float:left;width:100%;}
* html ul.sm-vertical ul li{float:none;width:auto;}
*:first-child+html ul.sm-vertical>li{float:left;width:100%;}
ul.sm ul.sm-nowrap>li>a{white-space:nowrap;}
ul.sm:after{content:"\00a0";display:block;height:0;font:0/0 serif;clear:both;visibility:hidden;overflow:hidden;}
* html ul.sm{height:1px;}
*:first-child+html ul.sm{min-height:1px;}
ul.sm li *,ul.sm li *:before,ul.sm li *:after{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
ul.sm{-webkit-tap-highlight-color:rgba(0,0,0,0);}

/* Menu box
===================*/

.sm-menu ul{
  background: #ffffff;
  font-family: 'Lato', sans-serif;
  border: 1px solid #e5e5e5;
  z-index: 15 !important;
  max-width: none !important;
}

.sm-menu > li.active > a{
position: relative;  
color: #000000;
padding: 20px 7px 16px 7px;
}

.sm-menu > li.active > a:before{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  height: 4px;
  width: 100%;
  background: #5aa628;
}

.sm-menu > li:first-child > a{
margin-left: 0;
}

.sm-menu > li.menu-item-has-children > ul.sub-menu {
margin-top: 2px !important;
}

/* Menu items
===================*/

.sm-menu a{
padding: 17px 15px 17px 15px !important;
color: #b6b5b5;
font-size: 19px;
font-weight: 500;
font-family: 'Lato', sans-serif;
text-decoration: none;
}

.sm-menu a:hover, .sm-menu a:focus, .sm-menu a:active, .sm-menu a.highlighted {
background: #ffffff;
color: #000000;
padding: 20px 7px 16px 7px;
}
  /* current items - add the class manually to some item or check the "markCurrentItem" script option */
.sm-menu a.current, .sm-menu a.current:hover, .sm-menu a.current:focus, .sm-menu a.current:active {
  background:#555;
  color:#fff;
}

/* Sub menu indicators
===================*/

.sub-arrow {
display: none;
}

.sub-1st{
  margin-top: 2px !important;
}

.main-menu-sub a {
min-width: 222px;
}

.main-menu-sub a.has-submenu span.sub-arrow{
display: block; 
bottom: auto;
top: 50%;
margin-top: -5px;
left: auto;
margin-left: 0;
border-style: dashed dashed dashed solid;
border-color: transparent transparent transparent #b6b5b5;
position: absolute;
right: 3px;
width: 0;
height: 0;
overflow: hidden;
border-width: 5px;
}

/* Items separators
===================*/

  .sm-menu ul li,
  .sm-menu-vertical li {
    border-left:0;
    border-top:1px solid #f3f3f3;
  }
  .sm-menu ul li:first-child,
  .sm-menu-vertical li:first-child {
    border-top:0;
  }


/* Scrolling arrows containers for tall sub menus - test sub menu: "Sub test" -> "more..." -> "more..." in the default download package
===================*/

  .sm-menu span.scroll-up, .sm-menu span.scroll-down {
    position:absolute;
    display:none;
    visibility:hidden;
    overflow:hidden;
    border:solid #bbb;
    border-width:1px 0;
    background:#fff;
    height:20px;
    /* width and position will be automatically set by the script */
  }
  .sm-menu span.scroll-up-arrow, .sm-menu span.scroll-down-arrow {
    position:absolute;
    top:-2px;
    left:50%;
    margin-left:-8px;
    /* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */
    width:0;
    height:0;
    overflow:hidden;
    border-width:8px; /* tweak size of the arrow */
    border-style:dashed dashed solid dashed;
    border-color:transparent transparent #555 transparent;
  }
  .sm-menu span.scroll-down-arrow {
    top:6px;
    border-style:solid dashed dashed dashed;
    border-color:#555 transparent transparent transparent;
  }


/*Responsiveness
  These will make the sub menus collapsible when the screen width is too small.*/


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

  /* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */
  ul.sm-menu{width:auto !important;}
  ul.sm-menu ul{display:none;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;}
  ul.sm-menu>li{float:none;}
  ul.sm-menu>li>a,ul.sm-menu ul.sm-nowrap>li>a{
    white-space:normal;
    min-width: 222px;
  }
  ul.sm-menu iframe{display:none;}

  /* Uncomment this rule to disable completely the sub menus for small screen devices */
  /*.sm-menu ul, .sm-menu span.sub-arrow, .sm-menu iframe {
    display:none !important;
  }*/


/* Menu box
===================*/

  .sm-menu ul {
    border:0;
    /* darken the background of the sub menus */
    background:rgba(100,100,100,0.1);
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
  }


/* Menu items
===================*/

  .sm-menu a {
    padding-top:13px;
    padding-bottom:13px;
    background:transparent !important;
    color:#555 !important;
  }
  .sm-menu a.current {
    background:#555 !important;
    color:#fff !important;
  }
  .sm-menu a.has-submenu {
    padding-right:23px;
  }


  /* add some text indentation for the 2+ level sub menu items */
  .sm-menu ul a {
    border-left:8px solid transparent;
  }
  .sm-menu ul ul a {
    border-left:16px solid transparent;
  }
  .sm-menu ul ul ul a {
    border-left:24px solid transparent;
  }
  .sm-menu ul ul ul ul a {
    border-left:32px solid transparent;
  }
  .sm-menu ul ul ul ul ul a {
    border-left:40px solid transparent;
  }


/* Sub menu indicators
===================*/

  .sm-menu a span.sub-arrow {
    right:auto;
    margin-left:-14px;
  }
  /* Hide sub indicator when item is expanded - we enable the item link when it's expanded */
  .sm-menu a.highlighted span.sub-arrow {
    display:none !important;
  }


/* Items separators
===================*/

  .sm-menu li {
    border-left:0;
    border-top:1px solid rgba(0,0,0,0.05) !important;
  }
  .sm-menu li:first-child {
    border-top:0 !important;
  }

}


ul.main-menu-sub li:first-child a{
margin-left: 15px !important;
}

/* 0 - General layout CSS styles ends */

/* 1 - Head Seaction starts */
  /* 1.1 - Top toolbar */

.top-tool-bar{
  background: #191919;
}

.top-tool-bar .navbar-collapse{
  max-height: 500px;
  padding: 0;
}

.top-tool-bar .navbar-default{
  background: transparent;
  border: none !important;
}


.top-tool-bar .navbar-default .navbar-nav>.open>a{
background: #191919;
color: #ffffff;
}

.top-tool-bar .navbar-default .navbar-nav>.open:after{
  color: #ffffff;
}

.top-tool-bar a, .main-menu a, .ticker-ctrls a{
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.top-tool-bar .navbar-default .navbar-nav li a{
color: #b6b6b6;
font-size: 14px;
padding: 10px 6.8px;
text-shadow: none;
}

.top-tool-bar .navbar-default .navbar-nav li a:hover{
  color: #ffffff;
}

.top-tool-bar .current-menu-item a {
  background: #191919 !important;
  color: #ffffff;
}

.top-tool-bar .nav.navbar-nav ul li:first-child a{
  padding-left: 0;
}

.top-tool-bar .nav.navbar-nav.righty ul li:last-child a{
  padding-right: 0;
}

.top-tool-bar .dropdown-menu{
  background: #191919;
}

.top-tool-bar .dropdown-menu{
  background: #191919;
  border-radius: 0;
  border: 0 !important;
  padding-bottom: 0;
  padding-top: 0;
}

.top-tool-bar .navbar-nav li:first-child a{
  padding-left: 0;
  padding-right: 12px;
}

.top-tool-bar .navbar-nav li.menu-item-has-children > a:after {
  content: "\f107";
  font-family: FontAwesome;
  color: #b6b6b6;
  position: absolute;
  top: 10px;
  right: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.top-tool-bar .navbar-nav li.menu-item-has-children{
  position: relative;
  padding-right: 5px;
  margin-right: 6px;
}

.top-tool-bar .navbar-nav li.menu-item-has-children:hover:after{
  color: #ffffff !important;
}

.top-tool-bar .navbar-default .navbar-nav>.open:after{
  color: #ffffff !important;
}

.top-tool-bar .dropdown-menu li {
min-width: 222px;
border: 1px solid #2c2c2c;
border-bottom: none;
}

.top-tool-bar .dropdown-menu li:last-child {
border-bottom: 1px solid #2c2c2c;
}

.top-tool-bar .dropdown-menu>li>a {
  color: #b6b6b6 !important;
  padding: 10px 20px !important;
}

.top-tool-bar .dropdown-menu>li>a:hover{
  color: #ffffff !important;
  background: #191919 !important;
  padding-left: 22px !important;
}

.top-tool-bar .navbar{
  min-height: 40px !important;
  margin-bottom: 0px !important;
}

.top-tool-bar .caret {
display: inline-block;
width: 8px;
height: 14px;
background: url(../img/toolbar-arw-sml.png) no-repeat center 3px;
margin-left: 2px;
vertical-align: middle;
border: none !important;
}

#menu-toolbar-right > li {
  float: right !important;
}

#hidemenu{
  cursor:pointer;
  display:none;
}

.fxd-mnu-x{
background: #000000;
font-size: 12px;
position: absolute;
top: 58px;
right: -30px;
opacity: 0.6;
cursor: pointer;
}

.fxd-mnu-x:hover{
  opacity: 1;
}

  /* 1.2 - Logo section */

.logo-top-ad{
  background: #ffffff;
  padding: 8px 0;
  border-bottom: 1px solid #e8e8e8;
  min-height: 107px;
}

#top-b-mg{
  text-align: right;
}

#top-b-mg.col-lg-12, #main-logo.col-lg-12{
  text-align: center;
}

#top-b-mg img{
  max-width: 100%;
}

.top-banner {
text-align: right;
}

.top-banner img{
  max-width: 100%;
  height: auto;
}

  /* 1.3 - Main menu nav */

.main-menu{
  position: absolute;
  left: 0;
  right: 0;
  background: #ffffff;
  border-bottom: 2px solid #f7931e;
  margin-bottom: 19px;
}

.main-menu + .container, .main-menu + .brd-crmbz, .main-menu + .main-footers, .main-menu + .copy-rt-ftr{
  margin-top: 77px;
}

.main-menu .container{
  position: relative;
}

ul#toolbar-menu li:first-child a{
  padding-left: 0;
  margin-left: 0;
}

.main-search-bar{
  position: relative;
}

.main-search-bar input{
  height: 42px;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: 1px solid #e8e8e8;
}

.main-search-bar input:focus{
  box-shadow: 0 0 0px 1px rgba(0,0,0,0.1) !important;
  border: 1px solid #e8e8e8;
}

.main-search-bar button {
  position: absolute;
  top: 15px;
  right: 30px;
  font-size: 20px;
  color: #000000;
  border: none;
  background: transparent;
}

.main-search-bar button:focus{
  outline: none;
}

.main-search-bar form{
margin-top: 7px;
margin-bottom: 6px;
}

.main-search-bar .navbar-form{
  padding: 0 !important;
}

/* Link Hover CSS3 Effect */

.menu-efct a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #f7931e;
  content: '';
  opacity: 0;
  -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
  transition: height 0.3s, opacity 0.3s, transform 0.3s;
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  transform: translateY(-10px);
}

.menu-efct a:hover::after, 
.menu-efct a:focus::after, 
.menu-efct a:active::after {
  height: 4px;
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  transform: translateY(0px);
}

ul.sm-nowrap a::after {
display: none;
}

ul.sm-nowrap a:hover{
  padding: 20px 7px;
}


.mega-menu{
max-width: 800px !important;
width: 800px !important;
padding: 20px !important;
}

.mega-menu .sec-1-sm{
  width: 47%;
}

/* 1 - Head Seaction ends */


/* 2 - Home Slider, Main Section starts */

.main-news-blks{
  float: left;
  width: 100%;
  margin-bottom: 22px;
}

  /* 2.1 - Home Slider */

.hm-slider-cont{
position: relative;
float: left;
display: inline-block;
width: 464px;
height: 475px;
padding: 0;
margin-right: 13px;
}

.hm-sldr-caption{
  width: 100%;
  position: absolute;
  bottom: 0;
  background: rgba(29, 29, 29, 0.85);
  padding: 0px 18px;
  color: #ffffff;
  }

.hm-sldr-caption h3{
font-size: 26px;
margin: 15px 0 10px 0;
line-height: 30px;
}

.hm-sldr-caption h3 a, .hm-sldr-caption p, .mid-blks-cont p, .rt-bk-cont p{
   color: #ffffff;  
}

span.topic-icn{
  background: url(../img/topic-icn-1.png) no-repeat;
  background-size: 27px 23px;
  width: 27px;
  height: 23px;
  position: absolute;
  top: -16px;
  right: 14px;
  color: #000000;
  font-family: 'Lato', sans-serif;
  font-size: 13px;
  font-weight: bold;
  line-height: 17px;
  text-align: center;
}

.hm-sldr-caption p{
margin: 0 0 10px 0;
}

.cat-label{
  position: absolute;
  top: 0;
  right: 0;
  padding: 8px 20px;
  margin: 0;
  font-size: 14px;
  font-weight: 600;
}

.cat-label1{
  background: #f7931e;
}

.cat-label2{
  background: #ffa905;
}

.cat-label3{
  background: #20c1dd;
}

.cat-label4{
  background: #f04a3c;
}

.cat-label5{
  background: #469b9c;
}

.cat-label a{
  color: #ffffff;
  text-transform: uppercase;
}

  /* 2.2 - 3 Big Blocks */

.mid-blks-cont{
  width: 391px;
  float: left;
  display: inline-block;
  margin-right: 13px;
}

.rt-bk-cont{
  position: relative;
  width: 289px;
  height: 475px;
  float: left;
  display: inline-block;
}


.boxgrid{
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
}
.mid-block-1.boxgrid, .mid-block-2.boxgrid{
  height: 231px;
}

.mid-block-1.boxgrid p, .mid-block-2.boxgrid p{
  margin: 10px 0;
}

.mid-block-1.boxgrid h3{
  min-height: 64px;
}

.mid-block-1.boxgrid h3, .mid-block-2.boxgrid h3{
margin: 0;
line-height: 28px;
}
.mid-block-1.boxgrid h3 a, .mid-block-2.boxgrid h3 a{
  font-size: 26px;
  color: #ffffff;
  float: none;
  font-weight: 500;
}

.mid-block-1.boxgrid h3 a:hover, .mid-block-2.boxgrid h3 a:hover{
  text-decoration: none;
}

.boxcaption{
  float:left;
  position:absolute;
  width:100%;
  opacity:.9;
  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
}
.captionfull .boxcaption{
  top:260px;
  left:0
}
.caption .boxcaption{
top: 149px;
left: 0;
padding: 12px 20px;
background: rgba(29, 29, 29, 0.85);
color: #ffffff;
}

.boxcaption a {
color: #ffffff;
float: right;
font-size: 11px;
}

.boxgrid img,.boxgrid img:hover{position:absolute;top:0;left:0;border:0}

.pad-6{
  padding-left: 6px !important;
  padding-right: 6px !important;
}

.boxgrid2{
width: 100%;
height: 475px;
float: left;
overflow: hidden;
position: relative;
}
.boxgrid2 p{
  margin: 10px 0;
}

.boxgrid2 h3{
  font-size: 26px;
  margin: 0;
  min-height: 84px;
}
.boxgrid2 h3 a{
  font-size: 26px;
  color: #ffffff;
  float: none;
}

.boxgrid2 h3 a:hover{
  text-decoration: none;
}

.boxcaption2{
  float:left;
  position:absolute;
  width:100%;
  opacity:.9;
  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
}
.captionfull .boxcaption2{
  top:260px;
  left:0;
}
.caption .boxcaption2{
top: 366px;
left: 0;
padding: 12px 14px;
background: rgba(29, 29, 29, 0.85);
color: #ffffff;
}

.boxcaption2 a {
color: #ffffff;
float: right;
font-size: 11px;
}

.boxgrid2 img,.boxgrid2 img:hover{position:absolute;top:0;left:0;border:0}


.mid-block-1{
  margin-bottom: 13px;
}

/* 2 - Home Slider, Main Section ends */

/* 3 - News Ticker starts */

.ticker{
  position: relative;
  margin: 6px 0 25px 0;
  background: #ffffff;
}

.ticker h3{
  position: relative;
  margin: 0;
  line-height: 40px;
  float: left;
  padding: 0 20px;
  color: #ffffff;
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  font-size: 15px;
}

.ticker h3:after{
  left: 100%;
  top: 50%;
  content: " ";
  position: absolute;
  width: 0px;
  height: 0px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 10px solid green;
  border-color: rgba(136, 183, 213, 0);
  border-left-color: #f7931e;
  margin-top: -8px;
}

.ticker h3.cat-label4:after{
  left: 100%;
  top: 50%;
  content: " ";
  position: absolute;
  width: 0px;
  height: 0px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 10px solid #f04a3c;
  border-left-color: #f04a3c;
  margin-top: -7px;
}

.ticker ul{
float: left;
width: 77%;
margin: 0;
list-style: none;
padding: 0 0 0 23px;
}

.ticker ul li h4{
margin: 0;
line-height: 40px;
}

.ticker ul li h4 a{
  color: #7e7e7e;
  font-size: 17px;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-style: italic;
}

.ticker ul li h4 a:hover{
  color: #191919;  
}

.ticker-ctrls{
position: absolute;
top: 0;
right: 10px;
float: left;
height: 40px;
}

.ticker-ctrls a{
  float: left;
  font-family: 'fontello';
  color: #adadad;
  display: inline-block;
  line-height: 40px;
  font-size: 23px;
  margin: 0 7px;
  cursor: pointer;
}

.ticker-ctrls a i{
  font-style: normal !important;
}

.ticker-ctrls a:hover{
  color: #1d1d1d;
  text-decoration: none;
}

.icon-right-open-big:before { content: '\e800'; } /* '' */
.icon-left-open-big:before { content: '\e801'; } /* '' */

/* 3 - News Ticker ends */

/* 4- Main left side starts */

.main-left-side{
  width: 66.66666666666667%;
  margin-right: 1.709401709401709%;
  display: inline-block;
  float: left;  
}


  /* 4.1 - Top news */

.top-news {
margin-bottom: 22px;
}

.top-big-two{
  float: left;
  width: 100%;
}

.boxgrid3{
width: 100%;
height: 475px;
float: left;
overflow: hidden;
position: relative;
}


.boxcaption3{
  float:left;
  position:absolute;
  width:100%;
  opacity:.9;
  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
}
.captionfull .boxcaption3{top:260px;left:0}
.caption .boxcaption3{
top: 200px;
left: 0;
padding: 12px 10px;
background: rgba(29, 29, 29, 0.85);
color: #ffffff;
}

.boxcaption3 a {
color: #ffffff;
float: right;
font-size: 11px;
}

.boxgrid3 img,.boxgrid3 img:hover{position:absolute;
  top:0;
  left:0;
  border:0
}

.sec-cont{
  background: #ffffff;
  margin: 0 0 20px 0;
  padding: 18px 15px 20px 15px;
  border-top: 2px solid #f7931e;
}

.big-two-1{
  width: 48.93333333333333%;
  margin-right: 2.133333333333333%;
}

.big-two-2{
  width: 48.93333333333333%;
}

.big-two-1.boxgrid3, .big-two-2.boxgrid3{
  height: 269px;
}

.big-two-1.boxgrid3 h3, .big-two-2.boxgrid3 h3{
  margin: 0;
}

.big-two-1.boxgrid3 p, .big-two-2.boxgrid3 p{
  font-size: 13px;
  color: #ffffff;

}

.big-two-1.boxgrid3 h3 a, .big-two-2.boxgrid3 h3 a{
  font-size: 18px;
  color: #ffffff;
  float: none;
  font-weight: 500; }

.big-two-1.boxgrid3 h3 a:hover, .big-two-2.boxgrid3 h3 a:hover{
  text-decoration: none;
}

p.artcl-time-1{
float: left;
width: 100%;
font-size: 12px !important;
margin: 9px 0;
color: #dedede !important;
}

p.artcl-time-1 span{
  margin-right: 15px;
}

p.artcl-time-1 span i{
  margin-right: 5px;
}

.tn-small-1{
  width: 50%;
  margin-bottom: 28px;
}

.tn-small-1 > a {
    display: inline-block;
    float: left;
    width: 27.435897436%;
}

.tn-small-1:nth-child(3), .tn-small-1:nth-child(5) {
    padding-right: 0;
}

.tn-small-1 > div {
    width: 67.4358974358%;
}

.tn-small-1 h4{
  width: 100%;
  font-size: 16px;
  margin: 6px 0 9px 15px;
  line-height: 20px;
  min-height: 40px;
}

.tn-small-1 p{
font-size: 12px;
color: #9c9c9c;
margin: 0;
}

.tn-small-1 p i{
  margin-right: 5px;
}

.tn-small-1 p a{}

.tn-small-1 a.cat-a, .trend-1 a.cat-a {
font-size: 14px;
font-family: 'Lato', sans-serif;
font-weight: 700;
text-transform: uppercase;
color: #ffffff;
padding: 5px 20px;
margin: 0;
}

.tn-small-1 p i{
  text-align: right;
}


  /* 4.2 - News-sec-1 */

.sec-cont2{
  background: #ffffff;
  margin: 0 0 12px 0;
  padding: 18px 15px 0 15px;
  border-top: 2px solid #f04a3c;
}

.news-sec-1 {
margin: 0 0 35px 0;
}

.sec-1-big{
  margin: 0 0 30px 0;
}

.sec-1-big div.sec-1-big-text{
  width: 58.93333333333333%;
  margin-left: 3.6%;
}

.sec-1-big img{
  width: 37.46666666666667%;
  clear: both;
}

.sec-1-big div.sec-1-big-text h3{
font-size: 24px;
font-weight: 500;
color: #191919;
margin: 13px 0 0 0;
}

.sec-1-big div.sec-1-big-text h6, .sec-1-big div.sec-1-big-text p, .sec-1-big div.sec-1-big-text h3{
  float: left;
  width: 100%;
}

.sec-1-big div.sec-1-big-text h6{
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  color: #9c9c9c;
  margin: 12px 0 15px 0;
}

.sec-1-big div.sec-1-big-text h6 span{
  margin-right: 15px;
}

.sec-1-big div.sec-1-big-text h6 i{
margin-right: 5px;
font-size: 14px;
}

.sec-1-big div.sec-1-big-text p{
  margin: 15px 0 0 0;
}

.sec-1-sm {
width: 50%;
float: left;
display: inline-block;
box-sizing: border-box; 
margin-top: 8px;
margin-bottom: 20px;
}

.sec-1-sm:nth-child(odd){
  padding-right: 15px;
}

.sec-1-sm:nth-child(even){
  padding-right: 0;
}

.sec-1-sm img{
  width: 29.97198879551821%;
  margin: 0;
}

.sec-1-sm div.sec-1-sm-text{
  width: 65.82633053221288%;
  margin-left: 4.2016806723%;
  padding-top: 6px;
}
.sec-1-sm div.sec-1-sm-text h3{
max-width: 253px;
font-size: 16px;
margin: 0;
color: #191919;
}

.sec-1-sm div.sec-1-sm-text h6{
font-family: 'Lato', sans-serif;
font-size: 12px;
color: #9c9c9c;
margin: 6px 0 7px 0;
float: left;
width: 100%;
}

.sec-1-sm div.sec-1-sm-text h6 span{
  margin-right: 15px;
}

.sec-1-sm div.sec-1-sm-text h6 i{
margin-right: 5px;
font-size: 14px;
}

.sec-1-sm div.sec-1-sm-text p{
  font-size: 13px;
  margin: 0;
  float: left;
  width: 100%;
}


/* 4.3 - News Slider */
.qk-slider {
margin: 0 0 36px 0;
}

.qk-slider h3.sldr-title{
margin-left: 18px;
}

.flexslider.news-sldr {
padding: 0 24px;
}

h3.sldr-title {
font-size: 19px;
font-weight: 700;
text-transform: uppercase;
margin: 0 0 9px 0;
}

.slide-sngl{
  padding: 10px;
}

.slide-sngl h4{
  font-size: 16px;
  font-weight: 500;
  margin: 12px 0;
  overflow: hidden;
  max-height: 17px;
}

.slide-sngl p{
  font-size: 13px;
  margin: 0;
  min-height: 54px;
}

.slide-sngl h6{
font-family: 'Lato', sans-serif;
font-size: 12px;
color: #9c9c9c;
margin: 16px 0 5px 0;
}

.slide-sngl h6 span{
  margin-right: 15px;
}

.slide-sngl h6 i{
margin-right: 5px;
font-size: 14px;
}

.news-sldr .flex-direction-nav a{
  opacity: 1 !important;
  color: #adadad !important;
}

.news-sldr a.flex-next{
right: -4px !important;
opacity: 0.7 !important;
}

.news-sldr  a.flex-prev{
left: -4px !important;
opacity: 0.7 !important;
}

.news-sldr a.flex-next:hover, .news-sldr a.flex-prev:hover{
opacity: 1 !important;
}

.news-sldr .flex-direction-nav a:before{
  font-size: 38px;
}

.slide-sngl:hover{
  background: #ffffff;
}


/* 4.4 - Polls and Reviews */

.sec-cont3{
background: #ffffff;
margin: 0 0 35px 0;
padding: 18px 15px 30px 15px;
border-top: 2px solid #469b9c;
}

.polls-cont{
  float: left;
  width: 100%;
}

.polls-cont h6{
font-family: 'Lato', sans-serif;
font-size: 12px;
color: #9c9c9c;
margin: 0;
line-height: 23px;
}

.polls-cont h6 span{
  margin-right: 15px;
}

.polls-cont h6 span:last-child{
  margin-right: 0;
}


.polls-cont h6 i{
margin-right: 5px;
font-size: 14px;
}

.polls-left{
width: 372px;
padding-right: 25px;
margin-right: 25px;
border-right: 1px solid #e5e5e5;
}

.polls-right{
  width: 353px;
}

.pol-lft-txt h4{
font-size: 23px;
font-weight: 500;
color: #191919;
margin: 20px 0 13px 0;
}

.pol-lft-txt p{
  margin: 30px 0 0 0;
}

.pol-rt-sm {
margin: 0 0 17px 0;
}

.pol-rt-sm:last-child{
  margin-bottom: 0;
}

.pol-rt-sm-txt{
  width: 232px;
}

.pol-rt-sm h5{
float: left;  
font-size: 16px;
font-weight: 500;
color: #191919;
margin: 0 0 8px 0;
}

.pol-rt-sm h6{
line-height: normal !important;
margin-bottom: 8px;
}

.pol-rt-sm a.stars img{
  height: 17px;
}

.pol-rt-img{
  margin-right: 14px;
}

.rvw-hm-wdg{
  position: static !important;
}

.rvw-hm-wdg .chart-right{
position: absolute;
bottom: 0;
right: 5px;
}

.rvw-hm-wdg.rv-ct-tp .chart-right{
  bottom: auto;
  top: 5px;
}

.chart-right > canvas{
background: rgba(0,0,0,0.65);
border-radius: 80px;
}

.pol-rt-sm-txt .progress{
  margin-bottom: 0;
  margin-top: 9px;
  zoom: 0.75;
}

/* 4.5 - Small Image Gallery Slides */

.sm-gal-bg{
  float: left;
}

.sm-gal-cont{
background: #ffffff;
margin: 0px 0 35px 0;
padding: 18px 15px 20px 15px;
border-top: 2px solid #20c1dd;
}

.img-sm-gal{
  width: 365px;
}

.img-sm-gal ul{
  list-style: none;
}

.img-sm-gal ul li{
  width: 79px;
  margin-right: 15px;
}

.img-sm-gal ul li img{
  float: left;
  margin-bottom: 15px;
}


/* 4.6 - Video Gallery */
.vid-gal{
background: #ffffff;
margin: 0px 0 35px 0;
padding: 18px 15px 20px 15px;
border-top: 2px solid #469b9c;
}

.vid-gal h3.sec-title {
  text-align: left;
}

.vid-gal-bg iframe{
  width: 100%;
  height: 387px;
}

.vid-thmb{
  float: left;
  width: 100%
}

.vid-thmb ul{
list-style: none;
padding: 0;
margin: 25px 0 0 0;
}

.vid-thmb ul li{
display: inline;
margin: 0 1.7%;
}

.vid-thmb ul li:first-child{
  margin-left: 0;
}

.vid-thmb ul li:last-child{
  margin-right: 0;
}


/* 4- Main left side ends */



/* 5- Main right side starts */

.main-right-side{
  width: 31.62393162393162%;
  display: inline-block;
  float: right;
}

.widget {
  width: 100%;
  list-style: none;
  margin: 0 0 25px 0;
}

.widget > ul {
  margin: 0;
  padding: 0 0 0 15px;
}  

.widget li {
  list-style: none;
}

.widget > ul li {
  margin: 10px 0;
}

.widget > ul li > a {
  color: #666667;
}

table#wp-calendar{
  width: 100%;
}

table#wp-calendar caption {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 18px;
  width: 100%;
  margin: 0 0 15px 0;
}

table#wp-calendar th, table#wp-calendar tbody td {
  text-align: center;
  line-height: 28px;
  font-size: 16px;
}

table#wp-calendar tbody td {
  border: 1px solid #e5e5e5;
}

td.pad {
  border: none !important;
}

td#prev, td#next{
  border-color: transparent !important;
  border: none !important;
}

td#next {
  text-align: right;
}

tfoot td {
  padding: 10px;
}

.textwidget img {
  max-width: 100%;
  height: auto;
}

.textwidget select, .widget_archive select, .widget_categories select{
  width: 100%;
  max-width: 100%;
  height: 35px;
  line-height: 35px;
  padding: 2px 5px;
  color: #191919;
}

ul.sub-menu {
  padding: 0 0 0 5px !important;
}

.widget_search input#s {
  border: 1px solid #e8e8e8;
  padding: 15px;
  width: 72.2%;
}

.widget_search label.screen-reader-text {
  display: none;
}

.widget_search input#searchsubmit {
  width: 24.2%;
  margin-top: 7.5px;
  margin-left: 10px;
  background: transparent;
  border: 1px solid #191919;
  line-height: 29px;
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
}

  /* 5.1 - Small Slider */
.sm-sldr-box{
  margin: 0 0 46px 0
}

.sm-sldr a.flex-prev{
  right: 10px !important;
}

.sm-sldr a.flex-prev, .sm-sldr a.flex-next{
  top: 10px;
  left: auto !important;
}

.sm-sldr:hover a.flex-prev{
right: 43px;
}



/* Hover Effect */
.sm-sldr-cnt {
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 1920px;
  list-style: none;
  text-align: center;
}

/* Common style */
.sm-sldr-cnt figure {
  position: relative;
  z-index: 1;
  display: inline-block;
  overflow: hidden;
  margin: -0.135em;
  width: 100%;
  height: auto;
  background: #3085a3;
  text-align: center;
  cursor: pointer;
}

.sm-sldr-cnt figure img {
  position: relative;
  opacity: 0.8;
}

.sm-sldr-cnt figure figcaption {
  padding: 2em;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.sm-sldr-cnt figure figcaption::before,
.sm-sldr-cnt figure figcaption::after {
  pointer-events: none;
}

.sm-sldr-cnt figure figcaption,
.sm-sldr-cnt figure a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.sm-sldr-cnt figure a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}

.sm-sldr-cnt figure h2 {
  word-spacing: -0.15em;
  font-weight: 300;
}

.sm-sldr-cnt figure h2 span {
  font-weight: 800;
}

.sm-sldr-cnt figure h2,
.sm-sldr-cnt figure p {
  margin: 0;
}

.sm-sldr-cnt figure p {
  letter-spacing: 1px;
  font-size: 68.5%;
}


figure.sm-ldr-efct figcaption {
  top: auto;
  bottom: 0;
  padding: 20px 10px;
  height: 66px;
  background: #fff;
  color: #3c4a50;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
}

figure.sm-ldr-efct h2 {
  float: left;
}

figure.sm-ldr-efct figcaption > span {
  float: right;
}

figure.sm-ldr-efct p {
  position: absolute;
  bottom: 8em;
  left: 0;
  padding: 2em;
  color: #fff;
  text-transform: none;
  font-size: 90%;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}

figure.sm-ldr-efct h2,
figure.sm-ldr-efct figcaption i.fa {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0,200%,0);
  transform: translate3d(0,200%,0);
}

figure.sm-ldr-efct h2 {
  width: 70%;
  text-align: left;
}

.icnz-rt-sld{
  width: 30%;
}

.icnz-rt-sld span {
  float: left;  
  font-size: 16px;
  margin: 3px;
}

.icnz-rt-sld span:last-child{
  margin-right: 0;
}

.icnz-rt-sld span i.fa{
min-width: 21px;
line-height: 21px;
position: relative;
top: -1px;
}

figure.sm-ldr-efct:hover p {
  opacity: 1;
  background: rgba(0,0,0,0.2);
}

figure.sm-ldr-efct:hover figcaption,
figure.sm-ldr-efct:hover h2,
figure.sm-ldr-efct:hover figcaption i.fa {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

figure.sm-ldr-efct:hover h2 {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}

figure.sm-ldr-efct:hover figcaption .icnz-rt-sld i.fa:nth-child(1) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

figure.sm-ldr-efct:hover figcaption .icnz-rt-sld i.fa:nth-child(2) {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}




  /* 5.2 - Social Media */

.smedia{
  margin: 0 0 27px 0;
}

.smedia div {
  margin: 0 0 21px 0;
}

.smedia a span{
  float: left;
  font-size: 23px;
  color: #888888;
  font-weight: 300;
  margin-left: 20px;
  line-height: 52px;
}

  /* 5.3 - Trending post */
.trending{
  margin: 0 0 25px 0;
}

.trend-1{
position: relative;
margin-bottom: 26px;
min-height: 250px;
}

.trend-1 a.cat-a{
  position: absolute;
  top: 0;
  right: 0;
}

.trend-2{
position: absolute;
bottom: 10px;
padding: 15px;
background: rgba(29, 29, 29, 0.85);
color: #ffffff;
}

.trend-2 h3{
  margin: 0;
}

.trend-2 h3 a{
font-size: 18px;
color: #ffffff;
float: none;
font-weight: 500;
}

.trend-2 p{
font-size: 13px;
margin: 8px 0 5px 0;
color: #ffffff;
}

.trend-2 p span{
margin-right: 15px;
}

.trend-2 p span i{
margin-right: 5px;
}


.trend-sm{
  position: relative;
  margin-bottom: 28px;
}

.trend-sm h4{
font-size: 16px;
margin: 6px 0 9px 15px;
line-height: 20px;
}

.trend-sm p{
font-size: 12px;
color: #9c9c9c;
margin: 0;
line-height: 30px;
}

.trend-sm p i{
  margin-right: 5px;
}

.trend-ct-dt-cnt{
  position: relative;
  min-height: 85px;
  width: 71.081081%;
}

.trend-ct-dt{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.trend-sm a.cat-a, .trend-1 a.cat-a {
font-size: 14px;
font-family: 'Lato', sans-serif;
font-weight: 700;
text-transform: uppercase;
color: #ffffff;
padding: 5px 20px;
margin: 0;
}

.trend-sm > a {
    width: 28.918918919%;
    display: inline-block;
    float: left;
}

.trend-sm p i{
  text-align: right;
}


/* 5.4 - Flicker Widget */
.flkr-cont{
  margin: 0 0 57px 0;
}

.flkr-cont a {
float: left;
margin: 1.6px;
}

.flkr-cont a img{
width: 120px;
height: 100px;
}

/* 5.5 - Subscribe form */

.subscribe{
margin: 0 0 60px 0;
}

.subscribe h6{
font-size: 14px;
line-height: 16px;
color: #6f6f6f;
font-weight: 500;
margin: 0 0 15px 0;
}

.subscribe form input{
border: none;
padding: 15px;
width: 72.2%;
}


.subscribe form a{
width: 24.2%;
margin-top: 7.5px;
margin-left: 13px;
background: transparent;
border: 1px solid #191919;
line-height: 29px;
font-family: 'Lato', sans-serif;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
text-align: center;
}

.subscribe form a:hover{
background: #191919;
color: #ffffff;
text-decoration: none;
}

/* 5.6 - Featured Video */
.ftrd-vd {
margin: 0 0 53px 0;
}

.ftrd-vd iframe {
max-width: 100% !important;
}

.vid-gal-bg > p {
  margin: 0;
}

.ftrd-vd > p {
  margin: 0;
}

.ftrd-vd iframe {
  max-height: 300px;
}

.allvideos{
  width : 166px;
  height : 99px;
  cursor : pointer;
}

/* 5.7 - Right side AD */

.rt-b {
margin: 0;
}

.rt-b a{
  text-align: center;
}

/* 5.8 - Review rate */
.rvw-rate-rt{
position: relative;
margin: 0 0 46px 0;
}

.rvw-img-bg:after {
  content: "";
  background: rgba(0,0,0,0.85);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.rvw-rt-cont{
    position: absolute;
    padding: 15px;
}

.rvw-rt-cont h4{
color: #ffffff;
text-transform: uppercase;
font-size: 21px;
font-weight: 600;
}

.rvw-rt-cont p{
  color: #ffffff;
  font-size: 14px;
}

.revw-rt-wd{
  position: relative;
}

.revw-rt-wd span.rw-prc{
  position: absolute;
  top: 24px;
  left: 0;
  right: 0;
  color: #fff;
  font-size: 20px;
  text-align: center;
}

.rvw-rt-1{
  width: 70%;
  padding: 20px 15px 10px 3px;
}

.rvw-rt-1 h4{
  margin: 0;
}

.rvw-rt-1 p{
  margin: 0;
}


.revw-rt-wd{
  text-align: center;
}

.rvw-usr-rt {
  position: absolute;
  padding: 15px;
  top: 120px;
}

.rvw-usr-rt h4{
  text-transform: uppercase;
  font-size: 19px;
  text-align: center;
  margin: 0 0 10px 0;
  color: #ffffff;
}

.rvw-usr-rt output{
  font-size: 23px;
  color: #ffffff;
  text-align: center;
  margin: 10px 0;
}

/* 5- Main right side ends */



/* 6- Footer */

  /* 6.1 - Category footer */

.main-footers{
background: #191919;
width: 100%;
margin-top: 35px;
}

.cat-ftr-cont {
border-bottom: 1px solid #2b2b2b;
margin-bottom: 10px;
}

.cat-ftr-cont ul{
list-style: none;
margin: 0;
padding: 0;
line-height: 23px;
}

.cat-ftr-cont > ul li{
float: left;  
width: 20%;
padding: 29px 0 30px 0;
}

.cat-ftr-cont > ul li:nth-child(1){
  border-top: 5px solid #5aa628;
}
.cat-ftr-cont > ul li:nth-child(2){
  border-top: 5px solid #f04a3c;  
}
.cat-ftr-cont > ul li:nth-child(3){
  border-top: 5px solid #40bff5;
}
.cat-ftr-cont > ul li:nth-child(4){
  border-top: 5px solid #469b9c;
}
.cat-ftr-cont > ul li:nth-child(5){
  border-top: 5px solid #ffa905;
}



.cat-ftr-cont > ul li a:first-child{
  font-size: 19px;
  color: #ffffff;
  font-weight: 500;
  display: block;
  margin: 0 0 13px 0;
  font-family: 'Lato', sans-serif;
}


.cat-ftr-cont .sub-menu li{
  width: 100% !important;
  padding: 0 10px 0 0 !important;
  border: none !important;
}

.cat-ftr-cont .sub-menu a{
font-size: 14px !important;
color: #bdbdbd !important;
margin: 0 !important;
font-family: 'Lato', sans-serif !important;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.cat-ftr-cont .sub-menu a:hover{
  color: #ffffff !important;
  text-decoration: none !important;
}

.mag-info{
width: 39.74358974358975%;
padding-right: 2.564102564102564%;
border-right: 1px solid #2b2b2b;
}

/* 6.2 - Info footer */

.info-ftr{
padding: 40px 0;
}

.info-ftr p{
margin: 25px 0;
color: #bdbdbd;
font-size: 14px;
}

.info-ftr p a{
font-family: 'Lato', sans-serif; 
color: #ffffff;
float: right;
margin-top: 40px;
text-decoration: underline;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.5px;
}

.scl-ftr{
margin-bottom: 48px;
margin-top: 35px;
}

.scl-ftr ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

.scl-ftr ul li {
float: left;
display: inline;
margin: 7px;
}

.scl-ftr ul li:first-child{
  margin-left: 0;
}

.scl-ftr a{
  background-size: 100%;
  display: block;
  width: 39px;
  height: 39px;
  opacity: 0.54;
}

.scl-ftr a:hover{
  opacity: 1;
}

.scl-ftr h3{
  font-size: 19px;
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 20px 0;
}

.fb-ftr{
  background: url(../img/fb-ftr.png);
}
.tw-ftr{
  background: url(../img/tw-ftr.png);
}
.pin-ftr{
  background: url(../img/pin.png);
}
.yt-ftr{
  background: url(../img/y-ftr.png);
}
.ins-ftr{
  background: url(../img/ins-ftr.png);
}
.vm-ftr{
  background: url(../img/vm.png);
}

.post-ftr{
  width: 30.12820512820513%;
  padding: 7px 2.564102564102564% 27px 2.564102564102564%;
  border-right: 1px solid #2b2b2b;
}

.post-ftr-txt {
  width: 173px;
}

.pst-ftr-sngl{
  margin: 10px 0;
}

.pst-ftr-sngl > a > img {
  width: 71px;
  height: 69px;
}

.pst-ftr-sngl h5{
  margin: 5px 0 0 0;
}

.pst-ftr-sngl h5 a{
float: left;
font-size: 13px;
color: #ffffff;
font-weight: 500;
}

.pst-ftr-sngl h6{
line-height: normal !important;
margin-bottom: 8px;
font-size: 10px;
font-family: 'Lato', sans-serif;
color: #9c9c9c;
margin: 7px 0 4px 0;
}

.pst-ftr-sngl h6 span{
margin-right: 10px;
}

.pst-ftr-sngl h6 span i{
margin-right: 5px;
}

.pst-ftr-img{
margin-right: 11px;
color: #ffffff;
}

.pst-ftr-sngl .stars img{
height: 14px;
}

.post-ftr h3, .twts-ftr h3{
font-size: 19px;
color: #ffffff;
font-weight: 700;
text-transform: uppercase;
margin: 0 0 10px 0;
}

.twts-ftr{
width: 30.12820512820513%;
padding: 7px 2.564102564102564% 27px 2.564102564102564%;
}

.twts-ftr ul{
  list-style: none;
  padding: 0 0 0 25px;
}


.twts-ftr p{
  font-size: 13px;
  color: #ffffff;
}

.tw-uname{
  color: #a6a6a6;
}

.all-twts{
  float: right !important;
}

.hsh{
  color: #4fae10;
}

.all-twts{
font-size: 12px;
text-transform: uppercase;
color: #a4a4a4;
font-weight: 700;
}

.all-twts:hover{
  color: #ffffff;
}

.all-twts i{
font-size: 23px;
}

/* 6.3 - Copyright footer */

.copy-rt-ftr{
  background: #000000;
  padding: 22px 0;
}

.copy-rt-ftr p{
  margin: 0;
  font-size: 14px;
  color: #ffffff;
}

/* 7- Single Category Main starts */
  /* 7.1 - Pagination */
  .cat-pagintn {
  margin-top: 13px;
  text-align: center;
  }
  .cat-pagintn ul{
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .cat-pagintn ul li{
    display: inline;
    margin-right: 10px;
  }


  .cat-pagintn ul li a{
    color: #b6b5b5;
    font-size: 18px;
    padding: 3px 9px;
    background: #ffffff;
  }

  .cat-pagintn ul li a:hover{
    color: #000000;
  }

  a.crnt-pg{
    color: #191919 !important;
  }

span.page-numbers.current {
  font-size: 18px;
  padding: 3px 9px;
}

a.next.page-numbers, a.prev.page-numbers {
  background: transparent;
}

.read-more-cat{
  margin-top: 15px;
  text-transform: uppercase;
  font-size: 17px;
  opacity: 0.6;
}

.read-more-cat:hover{
  opacity: 1;
}

.read-more-cat i {
  margin-left: 2px;
}


/* 7- Single Category Main ends */
     

/*  8- Single Article starts */
.artcl-main{
background: #ffffff;
margin: 0 0 20px 0;
padding: 0 0 20px 0;
border-top: 2px solid #f04a3c;
}

.articl-data div {
  max-width: 100% !important;
}

.articl-data img.attachment-feature_single {
  height: auto;
  margin-bottom: 20px; 
 }

 .aligncenter, .center-me {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.artcl-prev-nxt{
  border-bottom: 1px solid #e8e8e8;
}

.artcl-prev, .artcl-nxt{
  padding: 26px 20px;
}

.artcl-prev i{
  font-size: 16px;
  margin-left: 2px;
}

.artcl-nxt i{
  font-size: 16px;
  margin-right: 2px;
  }


.artcl-prev{
border-right: 1px solid #e8e8e8;
}

.artcl-prev a, .artcl-nxt a{
font-size: 14px;
text-transform: uppercase;
color: #7e7e7e;
margin: 0 0;
}
.artcl-prev p, .artcl-nxt p{
font-size: 14px;
font-weight: 700;
color: #191919;
margin: 0 0;
}

.artcl-body{
padding: 0 19px;
}

.artcl-body h1{
  margin: 25px 0 8px 0;
  font-size: 30px;
  font-weight: 700;
}

.artcl-body h5{
font-family: 'Lato', sans-serif;
font-size: 14px;
color: #9c9c9c;
margin: 0;
}

.artcl-body h5 span{
margin-right: 19px;
}

.artcl-body h5 span i{
margin-right: 5px;
}

.articl-data{
  margin: 20px 0 0 0;
}

.articl-data a:link{
  color: #428bca;
}

.articl-data img {
  max-width: 100%;
  height: auto !important;
  vertical-align: bottom;
}

.articl-data img.alignleft {
  margin-right: 15px;
  margin-bottom: 10px;  
}

.articl-data img.alignright {
  margin-left: 15px;
  margin-bottom: 15px;
}

.articl-data .wp-caption.alignright, .articl-data .wp-caption.alignleft {
  margin-left: 15px;
  margin-bottom: 10px;
}

.articl-data p{
color: #747474;
line-height: 23px;
margin: 0 0 10px 0;
}

.articl-data p span{
font-size: 17px;
font-weight: bold;
color: #2f2f2f;
margin: 25px 0;
}

.articl-data.woo-data p span{
  font-size: inherit;
}


.woo-data p.price {
  margin: 10px 0 20px 0;
}

p.artcl-qt{
padding: 40px 0;
}

p.artcl-qt i{
width: 15.76819407008086%;
float: left;
font-size: 8.4em;
color: #f2f2f2;
}

p.artcl-qt span{
font-size: 17px;
font-style: italic;
color: #747474;
font-weight: 400;
width: 80.231806%;
float: left;
border-left: 2px solid #f2f2f2;
padding: 0 25px;
margin-left: 25px;
}

.artcl-scl{
margin: 7px 0 25px 10px;
}

.artcl-tags h3{
float: left;
margin: 0 8px 0 0;
font-size: 15px;
font-weight: 700;
line-height: 20px;
}

.artcl-tags ul{
  float: left;
  list-style: none;
  padding: 0;
  margin: 0;
}

.artcl-tags ul li{
display: inline;
float: left;
margin-right: 5px;
}

.artcl-tags ul li a{
  font-size: 14px;
  color: #7e7e7e;
}

.artcl-tags ul li:last-child a > span:nth-child(2){
  display: none;
}

.artcl-tags ul li a:hover{
  color: #2f2f2f;
  text-decoration: none;
}

.artcl-shr ul{
  float: left;
  list-style: none;
  padding: 0;
  margin: 0;
}

.artcl-shr ul li{
display: inline;
float: left;
margin-right: 10px;
}

.artcl-shr ul li iframe{
max-width: 80px;
height: 20px;
}

.author-bio{
  position: relative;
}

.author-bio h3{
  font-size: 19px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 25px 0;
}

.author-info img{
max-width: 15.38461538461538%;
float: left;
margin-right: 25px;
}

.author-info p{
  width: 80.45822102425876%;
  float: left;
  color: #8c8c8c;
  line-height: 23px;
  margin: 0;
}

.author-info ul{
list-style: none;
float: left;
margin: 11px 0 0 0;
padding: 0;
}

.author-info ul li{
  float: left;

  display: inline-block;
  margin-right: 10px;
}

.author-info ul li a{
float: left;  
background: #5a5a5a;
color: #ffffff;
padding: 3px 7px;
text-align: center;
min-width: 25px;
opacity: 0.3;
border-radius: 2px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.author-info ul li a:hover{
  opacity: 1;
}

.comments-section{
margin-top: 15px;
margin-bottom: 60px;
}

.comments-section li {
list-style: none;
float: left;
width: 100%;
}

.artcl-comments{
  background: #ffffff;
  margin: 68px 0 40px 0;
  padding: 18px 15px 20px 15px;
}

a.comment-edit-link{
  margin-left: 10px;
  color: #919191;
}

a.comment-edit-link:hover{
  color: #111111;
}

.single-comment{
float: left;
width: 100%;
margin-bottom: 23px;
padding-bottom: 23px;
border-bottom: 1px solid #eeeeee;
}

#reply-title, .comment-notes{
  display: none;
}

.cmnt-dvdr{
float: left;
width: 100%;
margin: 23px 0;
border-top: 1px solid #eeeeee;
}

.single-comment:last-child {
border: none !important;
}

.single-comment img{
  width: 8.666666666666667% !important;
  margin-right: 2.666666666666667%;
  height: auto !important;
}

.the-comment {
width: 88.66666666666667%;
}

.single-comment h4{
  width: 100%;
  float: left;
  margin: 0 0 15px 0;
  line-height: 14px;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
}

.comntr-nm{
  font-weight: 700;
  font-size: 16px;
  color: #111111;
  margin-right: 5px;
}

.cmnt-dt{
  color: #919191;
}

.cmnt-reply{
  color: #191919;
}

.single-comment p{
  float: left;
  width: 100%;
  margin: 0 0 3px; 0;
  font-size: 14px;
  color: #949494;
}

.reply-1{
float: right;
max-width: 92.83333333333333%;
}
.vimeovideo {
  cursor : pointer;
}

.reply-1 img{
  width: 9.339080459770115% !important;
  margin-right: 2.155172413793103% !important;
}

.reply-1 .the-comment {
width: 88.50574712643678% !important;
}


.reply-2{
  width: 88.53333333333333%;
  float: right;
}

.reply-2 img{
  width: 9.789156626506024% !important;
  margin-right: 2.259036144578313% !important;
}

.reply-2 .the-comment {
width: 87.95180722891566% !important;
}

.comment-respond{
  float: left;
  width: 100%;
}

.comments-section .comment-respond{
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.cmnt-reply-form input, .comment-respond textarea, .comment-respond input, .cmnt-reply-form textarea{
border: 1px solid #dfdfdf;
border-radius: 0;
box-shadow: none;
padding: 25px 20px;
font-size: 15px;
color: #878686;
}

a.cmnt-btn, input#submit{
float: left;
margin-top: 15px;
padding: 0px 29.5px;
background: transparent;
border: 1px solid #191919;
line-height: 29px;
font-family: 'Lato', sans-serif;
font-size: 12px;
color: #191919;
font-weight: 600;
text-transform: uppercase;
text-align: center;
cursor: pointer;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

a.cmnt-btn:hover, input#submit:hover{
background: #191919;
color: #ffffff;
text-decoration: none;
}

.artcl-reltd{
margin-bottom: 20px;
}

.reltd-sngl{
float: left;
width: 50%;
margin: 9px 0 19px 0;
}

.reltd-sngl img{
  float: left;
  width: 27.43589743589744%;
  margin-right: 3.846153846153846%;
}

.reltd-sngl-txt{
  float: left;
  width: 68.71794871794871%;
}

.reltd-sngl-txt h3{
font-size: 16px;
color: #191919;
font-weight: 500;
margin: 5px 0;
max-height: 34px;
overflow: hidden;
}

.reltd-sngl-txt p{
font-size: 12px;
color: #9c9c9c;
margin: 20px 0 0 0;
}

.reltd-sngl-txt p i{
margin-right: 5px;
font-size: 13px;
}

.artcl-main blockquote {
  position: relative;
  min-height: 137px;
  margin: 1em 0;
  padding-left: 165px;
  border: none;
}

.artcl-main blockquote:before{
  content: "\f10d";
  font-family: Fontawesome;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -68px;
  font-size: 8.4em;
  color: #f2f2f2;
  line-height: 137px;
}

.artcl-main blockquote > p {
  border-left: 2px solid #f2f2f2;
  padding: 25px;
  }

.articl-data table {
  width: 100%;
}

.articl-data table th{
  width: 100%;
}  

.articl-data table th,  .articl-data table td {
  padding: 5px;
  width: inherit;
}

.articl-data dt {
  margin: 10px 0;
}

.articl-data dd {
  margin-bottom: 20px;
}


/* 8- Single Article ends */

/* 9- Contact page starts */

.contact-maps{
  margin: 0 0 30px; 0;
}

.contact-form{
margin-top: 14px;
}

.contact-form input, .contact-form textarea{
border: 1px solid #dfdfdf;
border-radius: 0;
box-shadow: none;
padding: 25px 20px;
font-size: 15px;
color: #878686;
}

.contact-lists{
  margin: 55px 0 90px 0;
}

.cont-lst-sngl{
float: left;
margin-right: 6%;
}

.cont-lst-sngl h4{
font-weight: 500;
font-size: 18px;
color: #191919;
margin: 0px 0 15px 0;
}

.cont-lst-sngl ul{
padding: 0;
margin: 0;
}

li.cont-phn {
margin-top: 27px;
}

.cont-lst-sngl ul li p{
  margin: 3px 0;
}

.cont-lst-sngl ul li p a{
  color: #f7931e;
}

.cont-lst-sngl ul li p a:hover{
  color: #191919;
  text-decoration: none;
}

/* 11 - Gallery Page */

#magalla-gl{
  position: relative;
}

.gal-item div{
  margin: 5px;
  float: left;
}

div#filters {
margin: 10px 0;
text-align: center;
}

#filters button {
font-family: Lato, sans-serif;
background: transparent;
border: 1px solid #191919;
line-height: 29px;
padding: 0 20px;
margin: 5px;
}

#filters button:hover{
  background: #191919;
  color: #ffffff;

}

#filters button:focus {
background: #000;
color: #fff;
outline: none;
}

div#free-gal a[magalla-gal-popup^='prettyPhoto']{
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;

}

div#free-gal a[magalla-gal-popup^='prettyPhoto'] img {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

div#free-gal a[magalla-gal-popup^='prettyPhoto'] img:hover {
box-shadow: 0 0 3px 1px rgba(0,0,0,0.3);
position: relative;
z-index: 99;
}

/* Hover Effect */

.gal-item{
width: 280px;
height: 280px;
margin: 0 6px 10px 6px;
float: left;
overflow: hidden;
position: relative;
text-align: center;
background: #fff;
}



.gal-item .mask,.gal-item .content {
width: 280px;
height: 280px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.gal-item img {
   display: block;
   position: relative;
}
.gal-item h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   margin: 20px 0 0 0;
}

.gal-item h2:after {
content: "";
display: block;
height: 2px;
width: 80px;
background: #fff;
margin: 0 auto;
position: relative;
top: 10px;
}

.gal-item p{
font-size: 13px;
position: relative;
color: #fff;
padding: 10px 10px 0;
text-align: center;
}

.gal-info-lnks a {
color: #fff;
font-size: 35px;
margin: 0 14px;
display: inline-block;
width: 40px;
}

.gal-info-lnks a:hover {
color: #000000;
}

.gal-item a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.gal-item a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

.gal-item-st .mask-1, .gal-item-st .mask-2 {
    background-color: rgba(0, 0, 0, 0.5);
    height: 500px;
    width: 280px;
    background: rgba(90, 166, 40, 0.7);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out 0.6s;
    -moz-transition: all 0.3s ease-in-out 0.6s;
    -o-transition: all 0.3s ease-in-out 0.6s;
    transition: all 0.3s ease-in-out 0.6s;
}

.gal-item-st:hover .mask-1 {
top: 20px;
}

.gal-item-st:hover .mask-2 {
left: -50px;
}

.gal-item-st .mask-1 {
  left: 45px;
    right: 0;
    top: -50px;
    -webkit-transform: rotate(56.5deg) translateX(-180px);
    -moz-transform: rotate(56.5deg) translateX(-180px);
    -o-transform: rotate(56.5deg) translateX(-180px);
    -ms-transform: rotate(56.5deg) translateX(-180px);
    transform: rotate(56.5deg) translateX(-180px);
    -webkit-transform-origin: 100% 0%;
    -moz-transform-origin: 100% 0%;
    -o-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
}
.gal-item-st .mask-2 {
    top: auto;
    bottom: 0;
    -webkit-transform: rotate(56.5deg) translateX(180px);
    -moz-transform: rotate(56.5deg) translateX(180px);
    -o-transform: rotate(56.5deg) translateX(180px);
    -ms-transform: rotate(56.5deg) translateX(180px);
    transform: rotate(56.5deg) translateX(180px);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}
.gal-item-st .content {
    height: 0;
    width: 300px;
    overflow: hidden;
    -webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
    -moz-transform: rotate(-33.5deg) translate(-112px, 166px);
    -o-transform: rotate(-33.5deg) translate(-112px, 166px);
    -ms-transform: rotate(-33.5deg) translate(-112px, 166px);
    transform: rotate(-33.5deg) translate(-112px, 166px);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition: all 0.4s ease-in-out 0.3s;
    -moz-transition: all 0.4s ease-in-out 0.3s;
    -o-transition: all 0.4s ease-in-out 0.3s;
    transition: all 0.4s ease-in-out 0.3s;
}

.itemzz{
  float: left; 
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.gal-item-st:hover .content{
height: 250px;
width: 280px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);
opacity: 0.9;
top: 30px;
margin: 0;
padding: 10px;
-webkit-transform: rotate(0deg) translate(0, 0);
-moz-transform: rotate(0deg) translate(0, 0);
-o-transform: rotate(0deg) translate(0, 0);
-ms-transform: rotate(0deg) translate(0, 0);
transform: rotate(0deg) translate(0, 0);
}

.gal-item-st:hover .mask-1, .gal-item-st:hover .mask-2 {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.gal-item-st:hover .mask-1 {
    -webkit-transform: rotate(56.5deg) translateX(1px);
    -moz-transform: rotate(56.5deg) translateX(1px);
    -o-transform: rotate(56.5deg) translateX(1px);
    -ms-transform: rotate(56.5deg) translateX(1px);
    transform: rotate(56.5deg) translateX(1px);
}
.gal-item-st:hover .mask-2 {
    -webkit-transform: rotate(56.5deg) translateX(-1px);
    -moz-transform: rotate(56.5deg) translateX(-1px);
    -o-transform: rotate(56.5deg) translateX(-1px);
    -ms-transform: rotate(56.5deg) translateX(-1px);
    transform: rotate(56.5deg) translateX(-1px);
}


  /* 10 - Retina and Hight Res Custom CSS */

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {


    span.topic-icn{
      background: url(../img/topic-icn-1@2x.png) no-repeat;
    }

    .scl-ftr a, span.topic-icn{
       -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }

    .fb-ftr{
      background: url(../img/fb-ftr@2x.png);
    }
    .tw-ftr{
      background: url(../img/tw-ftr@2x.png);
    }
    .pin-ftr{
      background: url(../img/pin@2x.png);
    }
    .yt-ftr{
      background: url(../img/y-ftr@2x.png);
    }
    .ins-ftr{
      background: url(../img/ins-ftr@2x.png);
    }
    .vm-ftr{
      background: url(../img/vm@2x.png);
    }


}

  .comment-form .form-allowed-tags {
     display: none;
  }


/* 12 - Review Posts */
.review-container {
  padding: 25px;
  background: #ffffff;
}

.rvw-smry{
  margin: 15px 0;
}

.rvw-smry1{
  width: 18%;
  background: #5cb85c;
  padding: 15px;
  text-align: center;
}

.rvw-smry1 h3{
  font-size: 38px;
  font-family: 'Lato', sans-serif;
  color: #ffffff;
  margin: 0 0 10px 0;
  text-align: center;
}

.rvw-smry1 h5{
  font-size: 17px;
  color: #ffffff;
  text-transform: uppercase;
  margin: 0;
  text-align: center;
}

.rvw-smry2{
  width: 82%;
  padding: 10px 20px;
}

.rvw-smry2 h3{
  font-size: 20px;
  text-transform: uppercase;
  margin: 0 0 12px 0;
}

.rvw-smry2 p{
  margin: 0;
}

/* Review Category */

.rev-cat-cnt > div{
  width: 37.46666666666667%;
  position: relative;
}

.rev-cat-cnt > div > img{
  width: 100% !important;
}


/* 13 - Woocommerce */

.ecommerce-main-slides{
  margin-top: -19px;
}

.ecomrce-sect1-cont{
  margin: 30px 0;
}

.ecomrce-sect1, .ecomrce-sect2, .ecomrce-sect3{
  width: 33.33333333%;
  display: inline-block;
}

.ecomrce-sect2 > .ecomrce-sect2-a, .ecomrce-sect2 > .ecomrce-sect2-b{
  display: block;
}

.ecomrce-sect2 > .ecomrce-sect2-a{
  margin-bottom: 30px;
}

.prodcol{
  position: relative;
  margin-bottom: 30px;
}

.prodcol:first-child{
  clear: left;
}

.prodcol:last-child{
  clear: right;
}

.product-home-inside{
  position: relative;
  overflow: hidden;
  padding: 3px;
}

.product-home-inside:hover{
  background: #ffffff;
}

.product-home-inside a > img {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  max-width: 100%;
  width: auto;
  height: auto;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.prd-img-hvr{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  margin: auto;
  -webkit-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}

.ecom-hm-img{
  position: relative;
  overflow: hidden;
  min-height: 396px;
}

.ecom-hm-img > a {
  display: block;
}

.ecom-hm-img:hover .prd-img-hvr{
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  z-index: 1;
}

.ecom-hm-img:hover .efct-12 {
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.efct-12 {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.ecom-hm-action1{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  display: block;
  background: #ffffff;
  color: #191919;
  text-transform: uppercase;
  -webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 0 4px 2px rgba(0,0,0,0.1);
  box-shadow: 0 0 4px 2px rgba(0,0,0,0.1);
  -webkit-transform: translate(0px, 100px);
  -moz-transform: translate(0px, 100px);
  -o-transform: translate(0px, 100px);
  -ms-transform: translate(0px, 100px);
  transform: translate(0px, 100px);
  -webkit-transition: all 0.2s 0.1s ease-in-out;
  -moz-transition: all 0.2s 0.1s ease-in-out;
  -o-transition: all 0.2s 0.1s ease-in-out;
  -ms-transition: all 0.2s 0.1s ease-in-out;
  transition: all 0.2s 0.1s ease-in-out;
}

.product-home-inside:hover .ecom-hm-action1{
  -webkit-transform: translate(0px,0px);
  -moz-transform: translate(0px,0px);
  -o-transform: translate(0px,0px);
  -ms-transform: translate(0px,0px);
  transform: translate(0px,0px);
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.prod-price-area {
  margin-bottom: 10px;
}

.prod-price-area > h5 {
  display: block;
  margin: 10px 0;
  font-size: 16px;
  color: #737373;
}

.prod-price-area > h4 {
  margin: 0;
  font-weight: bold;
  font-size: 16px;
}

.ecom-hm-action1 > a{
  display: inline-block;
  line-height: 30px;
  color: #555555;
  float: left;
  font-size: 20px;
  padding: 11px 20px;
  width: 25%;
  text-align: center;
}

.ecom-hm-action1 > a:hover {
  color: #191919;
}

.ecom-hm-action1 .tooltip-inner {
  font-size: 10px;
}

.categcol{
  position: relative;
  float: left;
  margin-bottom: 20px;
  min-width: 390px;
  min-height: 337px;
  text-align: center;
}

.ecomerce-cat-data{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40px;
  text-align: center;
}

.ecomerce-cat-data > a{
  display: inline-block;
  font-weight: bold;
  text-transform: uppercase;
  background-color: #FFFF36;
  padding: 10px 30px;
  min-width: 170px;
}

.categcol:hover .ecomerce-cat-data > a, .ecomerce-cat-data > a:focus{
  background-color: #191919;
  color: #ffffff;
  text-decoration: none;
}

.categcol > img{
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: url(/assets/svg/desaturate.svg#greyscale);
  filter: gray;
  -webkit-filter: grayscale(1);
}

.categcol:hover > img {
  background-color: #fff;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: url(/assets/svg/desaturate.svg#greyscale);
  filter: gray;
  -webkit-filter: grayscale(0);
}

/* Product Details page - PDP */

.pdp-main-1 {
    background-color: #ffffff;
    padding: 20px;
}

.main-gal-pdp {
    padding-left: 0;
}

.pdp-main-desc {
    padding-right: 5px;
    padding-top: 20px;
    padding-left: 50px;
    min-height: 500px;
    position: relative;
}

.pdp-tabs-heads {
    float: left;
    width: 30%;
}

.pdp-tabs-content {
    float: left;
    width: 70%;
    padding: 10px 20px 10px 40px;
    background-color: #fff;
}

.woocommerce-tabs.container {
    margin: 30px auto;
    padding: 0;
}

.quantity {
    display: inline-block;
    width: 160px !important;
    overflow: visible !important;
    height: 43px;
    padding: 0 43px;
    margin-right: 15px !important;
}

.pdp-main-desc button.button.alt {
    float: right;
    background: #ffffff;
    border: 1px solid #191919;
    line-height: 29px;
    font-family: 'Lato', sans-serif;
    color: #191919;
    text-shadow: none;
    font-weight: normal;
    border-radius: 0;
    min-width: 250px;
    box-shadow: none;
}

.pdp-main-desc button.button.alt:hover {
    background: #191919 !important;
}

.quantity input.minus, .quantity input.plus {
    z-index: 2;
    top: 0;
    padding: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    text-shadow: none !important;
    height: 43px !important;
    width: 43px !important;
    border: none !important;
    font-size: 37px !important;
    font-weight: normal !important;
    font-family: 'Lato', sans-serif;
}

.quantity input.minus{
    left: 0;
    right: inherit !important;
}

.quantity input.plus{
    right: 0;
}

.quantity input.input-text.qty.text {
    position: absolute;
    z-index: 1;
    top: 0 !important;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center !important;
    height: 43px !important;
    width: 100% !important;
    border: none !important;
    background-color: #f9f9f9 !important;
    font-size: 20px;
    font-weight: normal !important;
    font-family: 'Lato', sans-serif;
}

.quantity input.input-text.qty.text::-webkit-inner-spin-button, 
.quantity input.input-text.qty.text::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.pdp-main-desc .product_title.entry-title {
    font-size: 25px;
    font-weight: normal;
    text-transform: uppercase;
    color: #333333;
    margin: 0 0 10px 0;
}

.pdp-main-desc .price {
    font-size: 16px;
    margin: 20px 0;
    color: #787878;
}

.pdp-main-desc form.cart {
    clear: both;
    display: block;
    width: 100%;
    text-align: right;
    margin: 30px 0;
}

.pdp-main-desc .product_meta{
  position: absolute;
  bottom: 0;
  right: 0;
}

.pdp-main-desc .product_meta > span {
    display: block;
    margin: 2px 0;
    text-transform: uppercase;
    font-size: 13px;
    color: #878787;
    font-family: 'Lato', sans-serif;
}

h5.sku-num {
    font-size: 12px;
    color: #ABABAB;
    margin: 0;
}

.pdp-min-dsc{
  margin: 30px 0;
}

.pdp-tabs-heads > ul.tabs {
    padding: 0;
    margin: 0;
}

.pdp-tabs-heads ul > li {
    list-style: none;
}

.pdp-tabs-heads ul > li > a {
    padding: 20px 10px;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    color: #878787;
}

.pdp-tabs-heads ul > li.active > a {
    background-color: #ffffff;
    color: #191919;
}

.pdp-tabs-heads ul > li.active > a:hover {
    background-color: #ffffff;
    color: #191919;
}

.pdp-tabs-heads ul > li > a:hover {
    background-color: #f9f9f9;
    color: #4A4A4A;
}

div#reviews.pdp-reviews input#submit {
    background: #ffffff;
    color: #191919;
    font-weight: normal;
    text-shadow: none;
    box-shadow: none;
    width: 200px;
    padding: 10px;
    float: right;
    clear: both;
    text-transform: none;
}

div#reviews.pdp-reviews input#submit:hover{
  background: #191919;
  color: #ffffff;
}

div#tab-reviews.panel {
    box-shadow: none;
}

.pdp-tabs-content div#respond {
    width: 100% !important;
}


/* Quick shop modal */
.wc-quick-shop-model .modal-body {
    background-color: #f2f2f2;
}

.wc-quick-shop-model img {
    max-width: 100%;
}

.mod-pr-text > h3 {
    font-size: 21px;
    margin: 5px 0 20px 0;
}

.mod-pr-text > h5 {
    font-size: 19px;
    color: #878787;
    margin: 0;
}

.mod-pr-text > p {
    font-size: 14px;
    margin: 20px 0 0 0;
}

.modal-product-image > img {
    padding: 3px;
    box-shadow: 0 0 2px 0px rgba(0,0,0,0.2);
}

.mod-pr-share li > h6 {
    font-size: 13px;
    text-transform: uppercase;
    color: #878787;
}

.mod-pr-share li > a {
    font-size: 16px;
}

.mod-pr-submit {
    text-align: right;
}
.mod-pr-submit > input {
    height: 42px;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: 1px solid #e8e8e8;
    max-width: 70px;
}

a.mod-buy-btn {
    display: inline-block;
    background-color: #ffffff;
    border: 1px solid #191919;
    font-size: 13px;
    padding: 11px 20px;
    min-width: 162px;
    margin-left: 10px;
}

a.mod-buy-btn:hover {
    background-color: #191919;
    color: #fff;
}

.qs-modal-close{
    position: absolute;
    top: 5px;
    right: 10px;
    text-transform: uppercase;
    font-size: 15px;
}


/* WooCommerce Cart */

table.shop_table {
    border: none !important;
}

.woocart-magalla td {
    padding: 20px 0 30px 0 !important;
    border: none !important;
    min-height: 230px;
    border-bottom: 1px solid #f5f5f5 !important;
}

td.product-thumbnail {
    width: 45% !important;
}

td.product-quantity {
    width: 25% !important;
    text-align: center;
}

td.product-subtotal {
    width: 20% !important;
}

th.product-quantity, th.product-subtotal {
    text-align: center;
}

.woocart-thmb {
    float: left;
    margin-right: 3.5398230088%;
    width: 26.548672566%;
}

.woocart-name-cont {
    width: 69.9115044252%;
    float: left;
}

.woocart-name > a {
    font-size: 18px;
    text-transform: uppercase;
    color: #878787 !important;
}

.woocart-price > span.amount {
    color: #484848;
    font-size: 16px;
}

td.product-quantity .quantity.buttons_added {
    margin: 0 !important;
}

.qty-remove-cart {
    position: relative;
    min-height: 200px;
}

.woocommerce table.cart .qty-remove-cart a.remove {
    font-size: 12px;
    font-weight: normal;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #242424;
    position: absolute;
    bottom: 0;
}

.woocommerce table.cart .qty-remove-cart a.remove:hover {
    background: transparent;
}

.woocommerce table.cart .qty-remove-cart a.remove:hover span {
    text-decoration: underline;
}

.woocommerce table.cart th {
    border-bottom: 1px solid #191919;
    text-transform: uppercase;
    padding: 20px 0;
}

td.product-subtotal > span.amount {
    font-size: 18px;
    display: block;
    text-align: center;
}



/* Here will go the CSS user add from option panel */
/* Add your custom css style directly you need to add (!important) if you replacing a current class */ 
