/*
Theme Name: ColorMag Pro
Theme URI: http://themegrill.com/themes/colormag-pro/
Author: ThemeGrill
Author URI: http://themegrill.com
Description: ColorMag Pro is the pro version of ColorMag free theme.
Version: 2.10.0
License: GNU General Public License, version 3 (GPLv3)
License URI: http://www.gnu.org/licenses/gpl-3.0.txt
Tags: light, white, two-columns, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options
Text Domain: colormag

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
      2.1 Headings
      2.2 Others
3.0 Elements
      3.1 Superscript and Subscript
      3.2 Table
      3.3 Lists
      3.4 Blockquote
      3.5 Others
4.0 Forms
5.0 Navigation
      5.1 Links
      5.2 Primary Menu
      5.3 Primary Menu Dropdown
      5.4 Responsive Menu
6.0 Images
7.0 Alignments
8.0 Clearings
9.0 Media
      9.1 Captions
      9.2 WordPress Gallery Support
10.0 Extras
      10.1 Search Design
      10.2 Header Top Bar
      10.3 Social Links
      10.4 Random Post Icon
11.0 Widgets
      11.1 Front Page Widget Areas
      11.2 All Related to Featured Posts Widget
      11.3 Category Slider Widget
      11.4 Highlighted posts widget
      11.5 Widget News in Pictures
      11.6 Default News Widget
      11.7 Tabbed Widget
      11.8 Random Posts Widget
      11.9 Big Image and Thumbnails Slider Widget
      11.10 Breadking News Widget
      11.11 Ticket News Widget
      11.12 Advertisement Widget
      11.13 Small Thumbnails widget
      11.14 Widgets General CSS
12.0 Plugins Support
      12.1 WP-PageNavi
13.0 Content
      13.1 Body
      13.2 Header
      13.3 Primary & Secondary Content Area
      13.4 Content Columns
      13.5 Posts and Pages
      13.6 Pagination
      13.7 Comments
      13.8 Footer
            13.8.a Footer General CSS
            13.8.b Footer Widget Area
            13.8.c Footer Socket Area
            13.8.d Footer menu
            13.8.e Scroll to Top
            13.8.f Footer Advertisement Area
14.0 Responsive Structure
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}
blockquote:before, blockquote:after,
q:before, q:after {
   content: "";
}
blockquote, q {
   quotes: "" "";
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}
embed, iframe, object {
	max-width: 100%;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/

/*
====> 2.1 Headings
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
   padding-bottom: 18px;
   color: #333333;
   font-weight: normal;
   font-family: 'Open Sans', sans-serif;
}
h1 { font-size: 36px; line-height: 1.2; }
h2 { font-size: 32px; line-height: 1.2; }
h3 { font-size: 28px; line-height: 1.2; }
h4 { font-size: 26px; line-height: 1.2; }
h5 { font-size: 22px; line-height: 1.2; }
h6 { font-size: 18px; line-height: 1.2; }

/*
====> 2.2 Others
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #444444;
	font: 16px 'Open Sans', serif;
	line-height: 1.6;
	word-wrap: break-word;
}
p {
   line-height: 1.6;
   margin-bottom: 15px;
   font-family: 'Open Sans', serif;
   font-size: 15px;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/

/*
====> 3.1 Superscript and Subscript
--------------------------------------------------------------*/
sup, sub {
   font-size: 10px;
   height: 0;
   line-height: 1;
   position: relative;
   vertical-align: baseline;
}
sup {
   bottom: 1ex;
}
sub {
   top: .5ex;
}

/*
====> 3.2 Table
--------------------------------------------------------------*/
table { /* tables still need 'cellspacing="0"' in the markup */
   border-collapse: collapse;
   border-spacing: 0;
   margin: 0 0 1.5em;
   width: 100%;
}
th {
   font-weight: bold;
}
th, td {
   border: 1px solid #EAEAEA;
   padding: 6px 10px;
}
caption, th, td {
   text-align: left;
}

/*
====> 3.3 Lists
--------------------------------------------------------------*/
ul,
ol {
   list-style: none;
}
ol {
   list-style: decimal;
}
li > ul,
li > ol {
   margin: 0 0 0 10px;
}

/*
====> 3.4 Blockquote
--------------------------------------------------------------*/
blockquote {
   padding: 30px 30px 20px 45px;
   margin-bottom: 20px;
   background-color: #289dcc;
   color: #FFFFFF;
   border-radius: 5px;
}
blockquote p {
   font-size: 16px;
   font-family: 'Open Sans', serif;
   line-height: 1.4;
   position: relative;
   padding-top: 0;
   padding-left: 15px;
}
blockquote p:before {
   content: "\f10d";
   font-family: FontAwesome;
   font-style: normal;
   font-weight: normal;
   text-decoration: inherit;
   color: #FFFFFF;
   font-size: 32px;
   position: absolute;
   top: -27px;
   left: -27px;
}
blockquote a {
   color: #ffffff;
   text-decoration: underline;
}
blockquote em, blockquote i, blockquote cite {
   font-style: normal;
}
blockquote cite {
   font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 300;
   letter-spacing: 0.05em;
   float: right;
}

/*
====> 3.5 Others
--------------------------------------------------------------*/
body {
   background-color: #eaeaea;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
pre {
	background-color: #fff;
	margin-bottom: 20px;
	overflow: auto;
	padding: 20px;
	border: 1px solid #EAEAEA;
}
pre, code, kbd, var, samp, tt {
	font-family:"Courier 10 Pitch",Courier,monospace;
	font-size: 14px;
	line-height: 1.4;
	white-space: pre-wrap;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #777777;
	cursor: help;
}
address {
	display: block;
	font-style: italic;
	margin: 0 0 15px;
}
ins {
	background: #F8F8F8;
}
hr {
   border-color: #eaeaea;
   border-style: solid none none;
   border-width: 1px 0 0;
   height: 0;
   margin: 30px 0;
}
dl {
	font-size: 16px;
}
dt {
	font-weight: bold;
	margin-bottom: 5px;
}
dd {
	margin-bottom: 24px;
}
.screen-reader-text { display: none; }


/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
input, textarea {
 	-webkit-border-radius: 0px;
}
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea {
	-moz-appearance: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}
input[type="text"],
input[type="email"],
input[type="password"],
textarea {
	padding: 1%;
	border: 1px solid #EAEAEA;
	line-height: 20px;
	width: 95%;
	margin: 0 0 30px;
	background-color: #F8F8F8;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
textarea:focus {
	border: 1px solid #EAEAEA;
}
input.s {
	width: 60%;
	padding: 4px 54px 4px 10px;
	height: 36px;
	color: #777777;
	background-color: #FFFFFF;
	margin: 0;
	border: 1px solid #EAEAEA;
}
input.s:focus {
	padding-left: 10px;
	border-color: #EAEAEA;
	text-indent: 0;
}
.colormag-button,
input[type="reset"],
input[type="button"],
input[type="submit"],
button {
   margin-bottom: 30px;
   padding: 5px 10px;
	background-color: #289dcc;
	border: 0px;
	transition: background-color 0.3s linear 0s;
   -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:3px;
   font-size: 16px;
   -moz-appearance: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	cursor: pointer;
	display:inline-block;
   color: #FFFFFF;
}
#search-form input[type="submit"] {
	border-radius: 0;
	margin-left: -8px;
	margin-bottom: 0;
	padding: 6px 10px 5px;
	font-size: 18px;
}
.colormag-button:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
button:hover {
	background-color: #33363B;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/

/*
====> 5.1 Links
--------------------------------------------------------------*/
a {
   color: #289dcc;
   text-decoration: none;
}
a:focus, a:active, a:hover {
   text-decoration: none;
}

/*
====> 5.2 Primary Menu
--------------------------------------------------------------*/
nav li > ul,
nav li > ol {
   margin: 0;
   list-style: none;
}
#site-navigation {
   box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
   position: relative;
   background-color: #232323;
   border-top: 4px solid #289dcc;
   z-index: 999;
}
#site-navigation .inner-wrap {
   position: relative;
}
.home-icon {
   float: left;
}
.home-icon .fa {
   color: #ffffff;
   font-size: 27px;
}
.home-icon.front_page_on {
   background-color: #289dcc;
}
.sticky-wrapper.is-sticky .main-navigation .home-icon a {
  padding: 8px 10px 8px;
}

.sticky-wrapper .main-navigation .home-icon a,
.main-navigation .home-icon a {
  padding: 8px 10px 9px;
}

.main-small-navigation .home-icon a {
   padding: 7px 10px;
}
.main-navigation {
   width: 100%;
   text-align: center;
}
.main-navigation li {
   width: 150px;
   float: left;
   position: relative;
   font-family: 'Open Sans', serif;
   font-weight: 300;
}
.main-navigation a {
   color: #ffffff;
   display: block;
   float: none;
   font-size: 14px;
   font-weight: 600;
   padding: 12px;
   text-transform: uppercase;
}
.main-navigation li.default-menu,
li.default-menu {
   display: none;
}
.main-navigation a:hover,
.main-navigation ul li.current-menu-item a,
.main-navigation ul li.current_page_ancestor a,
.main-navigation ul li.current-menu-ancestor a,
.main-navigation ul li.current_page_item a,
.main-navigation ul li:hover > a {
}
.main-navigation a:hover,
.main-navigation ul li.current-menu-item a,
.main-navigation ul li.current-menu-item a:after,
.main-navigation ul li.current_page_ancestor a,
.main-navigation ul li.current-menu-ancestor a,
.main-navigation ul li.current_page_item a,
.main-navigation ul li:hover > a,
.main-navigation li.menu-item-has-children:hover > a:after {
   color: #ffffff;
}
.main-navigation a:hover,
.main-navigation ul li.current-menu-item > a,
.main-navigation ul li.current_page_ancestor > a,
.main-navigation ul li.current-menu-ancestor > a,
.main-navigation ul li.current_page_item > a,
.main-navigation ul li:hover > a {
   background-color: #289dcc;
}
.main-navigation li.menu-item-has-children > a:after,
.main-navigation li li.menu-item-has-children > a:after,
.main-navigation li.page_item_has_children > a:after,
.main-navigation li li.page_item_has_children > a:after {
   font-family: FontAwesome;
   font-style: normal;
   font-weight: normal;
   text-decoration: inherit;
   color: #ffffff;
   font-size: 14px;
   padding-left: 6px;
}
.main-navigation li.menu-item-has-children > a:after,
.main-navigation li.page_item_has_children > a:after {
   content: "\f107";
   color: #ffffff;
}
.main-navigation li li.menu-item-has-children > a:after,
.main-navigation li li.page_item_has_children > a:after {
   content: "\f105";
   position: absolute;
   right: 8px;
}

.sub-toggle {
  display: none;
}

/*
====> 5.3 Primary Menu Dropdown
--------------------------------------------------------------*/
.main-navigation .sub-menu,
.main-navigation .children {
   background-color: #232323;
}
.main-navigation ul li ul,
.main-navigation ul li:hover ul ul,
.main-navigation ul ul li:hover ul ul,
.main-navigation ul ul ul li:hover ul ul,
.main-navigation ul ul ul ul li:hover ul ul {
   display:none;
   z-index: 100;
}
.main-navigation ul li:hover ul,
.main-navigation ul ul li:hover ul,
.main-navigation ul ul ul li:hover ul,
.main-navigation ul ul ul ul li:hover ul,
.main-navigation ul ul ul ul ul li:hover ul {
   display:block;
}
.main-navigation ul li ul {
   position: absolute;
   width: 200px;
   top: 42px;
}
.main-navigation ul li ul li {
   float: none;
}
.main-navigation ul li ul li a {
   border-top: none;
}
.main-navigation ul li ul li a,
.main-navigation ul li.current-menu-item ul li a,
.main-navigation ul li ul li.current-menu-item a,
.main-navigation ul li.current_page_ancestor ul li a,
.main-navigation ul li.current-menu-ancestor ul li a,
.main-navigation ul li.current_page_item ul li a {
   float: none;
   font-size: 14px;
   height: 100%;
   padding: 10px 15px;
   color: #ffffff;
   width: 170px;
   text-align: left;
   text-transform: none;
}
.main-navigation ul li ul li a:hover,
.main-navigation ul li ul li:hover > a,
.main-navigation ul li.current-menu-item ul li a:hover {
   color: #FFFFFF;
   background-color: #289dcc;
}
.main-navigation ul li ul li ul {
   left: 200px;
   top: 0;
}
.main-navigation select {
   display: none;
}

/*
====> 5.4 Responsive Menu
--------------------------------------------------------------*/
.menu-toggle, .top-menu-toggle {
   display: none;
   cursor: pointer;
}
.site-header .menu-toggle {
   color: #ffffff;
   margin: 0;
   text-align: center;
   font-family: 'Open Sans', serif;
   padding-bottom: 0;
}
.site-header .menu-toggle:hover {
   background-color: #289dcc;
}
.site-header .menu-toggle:before {
   content: "\f0c9";
   font-family: FontAwesome;
   font-style: normal;
   font-weight: normal;
   text-decoration: inherit;
   font-size: 23px;
   color: #ffffff;
   padding: 9px 12px 10px;
   display: block;
}
.main-small-navigation {
   float: none;
}
.main-small-navigation .menu-primary-container,
.main-small-navigation .nav-menu {
   padding-top: 43px;
}
.main-small-navigation ul {
  margin: 0;
  list-style: none;
}
.main-small-navigation a {
  display: block;
  font-size: 14px;
  color: #333333;
  padding: 10px 20px;
  text-decoration: none;
  text-transform: uppercase;
}
.main-small-navigation .random-post a {
   padding: 7px 12px;
   border-bottom: none;
}
.main-small-navigation li {
  background-color: #FFFFFF;
  position: relative;
}
.main-small-navigation li a:hover {
  background-color: #289dcc;
  color: #FFFFFF;
}
.main-small-navigation ul ul a {
  padding-left: 45px;
  text-transform: none;
}
.main-small-navigation ul ul ul a {
  padding-left: 90px;
}
.main-small-navigation .current_page_item > a,
.main-small-navigation .current-menu-item > a {
  background: #289dcc;
  color: #FFFFFF;
}


/*--------------------------------------------------------------
6.0 Images
--------------------------------------------------------------*/
figure {
   margin: 0;
   text-align: center;
   background-color:black;
}
img {
   max-width:100%;
   height:auto;
   vertical-align:top;
   margin-bottom: 18px;
}
.entry-content img, .comment-content img, .widget img {
   max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {

}
img.size-full, img.size-large {
   max-width: 100%;
   height: auto;
}
.entry-content img.wp-smiley {
   border: none;
   margin-bottom: 0;
   margin-top: 0;
   padding: 0;
}
img.alignleft, img.alignright, img.aligncenter {
   margin-bottom: 1.625em;
}
p img {
}
a img {
   border: 0;
}
img#wpstats {
   display: none;
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
   display: inline;
   float: left;
   margin-right: 30px;
}
.alignright {
   display: inline;
   float: right;
   margin-left: 30px;
}
.aligncenter {
   clear: both;
   display: block;
   margin-left: auto;
   margin-right: auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clearfix:after {
   visibility: hidden;
   display: block;
   font-size: 0;
   content: " ";
   clear: both;
   height: 0;
}
.clearfix {
   display: inline-block;
}
* html .clearfix {
   height:1%;
}
.clearfix {
   display: block;
}

/*--------------------------------------------------------------
9.0 Media
--------------------------------------------------------------*/

/*
====> 9.1 Captions
--------------------------------------------------------------*/
.wp-caption {
   border: 1px solid #cccccc;
   margin-bottom: 1.5rem;
   max-width: 100%;
}
#colophon .wp-caption {
   border: 1px solid #444444;
}
.wp-caption img[class*="wp-image-"] {
   display: block;
   margin: 1.2% auto 0;
   max-width: 98%;
}
.wp-caption-text {
   text-align: center;
}
.wp-caption .wp-caption-text {
   margin: 0.8075rem 0;
}
.gallery-caption {
}

/*
====> 9.2 WordPress Gallery Support
--------------------------------------------------------------*/
.gallery {
   margin: 0 auto 15px;
}
.gallery-item {
   display: inline-block;
   padding: 15px 2%;
   text-align: center;
   vertical-align: top;
   width: 100%;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item {
   padding: 15px 1%;
}
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
   padding: 10px 0.5%;
}
.gallery-columns-2 .gallery-item { width:50%; }
.gallery-columns-3 .gallery-item { width:33.33%; }
.gallery-columns-4 .gallery-item { width:25%; }
.gallery-columns-5 .gallery-item { width:20%; }
.gallery-columns-6 .gallery-item { width:16.66%; }
.gallery-columns-7 .gallery-item { width:14.28%; }
.gallery-columns-8 .gallery-item { width:12.5%; }
.gallery-columns-9 .gallery-item { width:11.11%; }
.gallery-icon img {
   margin: 0 auto;
}
.gallery .gallery-caption {
   font-size: 12px;
   line-height: 1.2;
   padding-top: 5px;
}


/*--------------------------------------------------------------
10.0 Extras
--------------------------------------------------------------*/

/*
====> 10.1 Search Design
--------------------------------------------------------------*/
#masthead .search-wrap input.s {
   width: 200px;
}
.fa.search-top {
    color: #000000 ;
    cursor: pointer;
    font-size: 21px;
    padding: 12px 12px 13px;
    position: absolute;
    right: 44px;
    top: 0;
}
.fa.search-top:hover {
   background-color: #289dcc;
}
.search-wrap {
   position: relative;
}
.search-wrap button {
   border-radius: 0;
   color: #fff;
   line-height: 45px;
   margin-bottom: 0;
   padding: 0 15px;
   margin-left: -5px;
}
.search-icon:before {
   content: "\f002";
   font-family: FontAwesome;
   font-style: normal;
   font-weight: normal;
   text-decoration: inherit;
   color: #ffffff;
   font-size: 18px;
}
.search-form-top {
   border: 1px solid #eaeaea;
   display: none;
   padding: 10px;
   position: absolute;
   right: 0;
   top: 44px;
   z-index: 9999;
   background-color: #ffffff;
}
.not-found .search-wrap button {
   right: 175px;
}
#secondary .search-wrap button {
   right: 26px;
}

/*
====> 10.2 Header Top Bar
--------------------------------------------------------------*/
#header-meta {
   background-color: #ffffff;
}
.news-bar {
   background-color: #232323;
   padding: 8px 0 4px;
   box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
   font-size: 14px;
}
.breaking-news {
}
.breaking-news div {
   display: none;
}
.breaking-news-latest {
   color: white;
   position: relative;
   float: left;
}
.breaking-news div {
   display: inline-block;
   word-wrap: break-word;
}
.breaking-news-main {
   width: 100%;
   float: left;
   margin-bottom: 1%;
}
.breaking-news-main.inner-wrap {
   float: none;
}
.date-in-header {
   float: left;
   color: #555555;
   font-size: 14px;
   padding-right: 15px;
}
.newsticker {
   display: inline-block;
   overflow: hidden;
   position: absolute;
   padding-left: 5px;
}
#main .breaking-news-latest {
   color: #ffffff;
   background-color: #289dcc;
   font-weight: normal;
   padding: 0 5px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
}

/*
====> 10.3 Social Links
--------------------------------------------------------------*/
.fa {
   font-size: 22px;
   color: #CCCCCC;
}
.social-links {
   text-align: right;
}
.social-links ul li {
   display: inline;
}
#masthead .social-links i.fa {
   color : white;
   font-size: 23px;
   padding: 0 10px;
}
.social-links i.fa {
   padding: 5px 10px;
   text-align: center;
   transition: background-color 0.2s ease-out 0s;
   font-size: 25px;
}
.social-links i.fa:hover {
   color: #289dcc;
}
.social-links i.fa-twitter {color: #000000;}
.social-links i.fa-facebook {color: 000000;}
.social-links i.fa-youtube {color: #ED3F41;}
.social-links i.fa-vimeo-square {color: #44BBFF;}
.social-links i.fa-skype {color: #009CEF;}
.social-links i.fa-linkedin {color: #007BB6;}
.social-links i.fa-google-plus {color: white;}
.social-links i.fa-github {color: #4183C4;}
.social-links i.fa-flickr {color: #0062DD;}
.social-links i.fa-dribbble {color: #E24D87;}
.social-links i.fa-instagram {color: white;}
.social-links i.fa-pinterest {color: #D5282E;}
.social-links i.fa-stumbleupon {color: #EC4823;}
.social-links i.fa-tumblr {color: #455469;}
.social-links i.fa-wordpress {color: #21759B;}
.social-links i.fa-codepen {color: #CCCCCC;}
.social-links i.fa-digg {color: #14589E;}
.social-links i.fa-reddit {color: #FF4500;}
/* Additional */
.social-links i.fa-xing {color: #026466;}
.social-links i.fa-vk {color: #45668e;}
.social-links i.fa-weibo {color: #e6162d;}
.social-links i.fa-leanpub {color: #000000;}
.social-links i.fa-renren {color: #237bc2;}
.social-links i.fa-rss {color: #f26522;}
.social-links i.fa-soundcloud {color: #ff3a00;}
.social-links i.fa-vine {color: #00bf8f;}
.social-links i.fa-delicious {color: #2a96ff;}

/*
====> 11.1 Random Post Icon
--------------------------------------------------------------*/
.random-post {
   position: absolute;
   right: 0;
   top: 0;
}
.random-post .fa-random {
   color: #fff;
   font-size: 20px;
   vertical-align: middle;
}
.main-navigation .random-post a {
   border-bottom: medium none;
   padding: 12px;
}


/*--------------------------------------------------------------
11.0 Widgets
--------------------------------------------------------------*/

/*
====> 11.1 Front Page Widget Areas
--------------------------------------------------------------*/
.widget_slider_area {
   float: left;
   width: 55.26315789%;
}
.widget_beside_slider {
   float: right;
   width: 43.85964912%;
}

/*
====> 11.2 All Related to Featured Posts Widget
--------------------------------------------------------------*/
.posted-on a,
.byline a,
.comments a,
.comments span,
.tag-links a,
.edit-link a {
   color: #888888;
}
.posted-on a:hover,
.byline a:hover,
.comments a:hover,
.tag-links a:hover,
.edit-link a:hover {
   color: #289dcc;
}
.widget_featured_posts .article-content .above-entry-meta .cat-links a {
   background-color: #289dcc;
   border-radius: 3px;
   color: #ffffff;
   font-size: 12px;
   padding: 3px 10px;
}
.widget_featured_posts .article-content .entry-title {
   padding: 10px 0 0;
   font-size: 22px;
   color : white;
}
.widget_featured_posts .article-content .entry-title a {
   color: white;
   text-shadow: none;
}
.widget_featured_posts .article-content .entry-title a:hover {
   color: #289dcc;
}
.widget_featured_posts .article-content .below-entry-meta .posted-on,
.widget_featured_posts .article-content .below-entry-meta .byline {
   padding-right: 10px;
}
.widget_featured_posts .article-content .below-entry-meta .posted-on .fa {
   color: #888888;
   font-size: 10px;
   padding-right: 3px;
}
.widget_featured_posts .article-content .below-entry-meta .byline .fa,
.widget_featured_posts .article-content .below-entry-meta .comments .fa {
   color: #888888;
   padding-right: 5px;
   font-size: 11px;
}
.widget_featured_posts .article-content .below-entry-meta .posted-on a,
.widget_featured_posts .article-content .below-entry-meta .byline a,
.widget_featured_posts .article-content .below-entry-meta .comments a,
.widget_featured_posts .article-content .below-entry-meta .comments span {
   font-size: 12px;
}
.widget_featured_posts {
   margin-bottom: 30px;
}
.widget_featured_posts .widget-title {
   border-bottom: 2px solid #289dcc;
   font-size: 18px;
   margin-bottom: 15px;
   padding-bottom: 0;
}
.widget_featured_posts .widget-title span {
   background-color: #289dcc;
   color: #fff;
   padding: 6px 12px;
   display: inline-block;
}
.widget_featured_posts img {
   margin-bottom: 18px;
}
.widget_featured_posts .first-post {
   float: left;
   width: 48.70129870%;
   margin-bottom: 20px;
}
.widget_featured_posts .following-post {
   float: right;
   width: 48.70129870%;
}
.widget_featured_posts .following-post .byline {
   display: none;
}
.widget_featured_posts.widget_featured_posts_vertical .first-post,
.widget_featured_posts.widget_featured_posts_vertical .following-post {
   float: none;
   width: 100%;
}
.widget_featured_posts .single-article {
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
.widget_featured_posts .article-content {
   padding: 0 15px 5px;
   background-color:black;
}
.widget_featured_posts .article-content .below-entry-meta {
   margin-bottom: 12px;
}
.widget_featured_posts .article-content .entry-content p {
   font-size: 15px;
   color : white;
}
.widget_featured_posts .following-post .single-article {
   margin-bottom: 15px;
}
.widget_featured_posts .following-post figure {
   float: left;
   margin-right: 10px;
}
#secondary .widget_featured_posts .following-post .article-content .entry-title,
#colophon .widget_featured_posts .following-post .article-content .entry-title{
   font-size: 14px;
   line-height: 1.4;
}
.widget_featured_posts .following-post .article-content .entry-title {
   font-size: 18px;
}
.widget_featured_posts .following-post .article-content .below-entry-meta .posted-on a,
.widget_featured_posts .following-post .article-content .below-entry-meta .byline a {
   font-size: 11px;
}
.widget_featured_posts .following-post .article-content .below-entry-meta {
   margin-bottom: 0;
}
.widget_featured_posts .following-post img {
   margin-bottom: 0;
}
.widget_featured_posts .following-post .above-entry-meta {
   display: none;
}

/*
====> 11.3 Category Slider Widget
--------------------------------------------------------------*/
.widget_featured_slider {
   margin-bottom: 30px;
}
.widget_slider_area .widget_featured_slider {
   margin-bottom: 0;
}
.top-full-width-sidebar .widget_featured_slider {
   margin-bottom: 10px;
}
.widget_featured_slider_inner_wrap {
   position: relative;
}
.widget_featured_slider .single-slide {
   position: relative;
}
.widget_featured_slider img {
   margin-bottom: 0;
}
.widget_featured_slider .slide-content {
   position: absolute;
   bottom: 0;
   background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
   background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
   background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) , rgba(0, 0, 0, 0.3));
   padding-bottom: 20px;
   padding-left: 5%;
   position: absolute;
   width: 95%;
   opacity: 0.7;
   background-color: black;
}
.widget_featured_slider .slide-content .above-entry-meta .cat-links a {
   background-color: #289dcc;
   border-radius: 3px;
   color: #ffffff;
   font-size: 12px;
   padding: 3px 10px;
}

.widget_featured_slider .slide-content .entry-title {
   padding: 10px 0 0;
   font-size: 22px;
}
.widget_featured_slider .slide-content .entry-title a {
   color: #ffffff;
   text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
.widget_featured_slider .slide-content .entry-title a:hover {
   color: #289dcc;
}
.widget_featured_slider .slide-content .below-entry-meta .posted-on,
.widget_featured_slider .slide-content .below-entry-meta .byline {
   padding-right: 10px;
}
.widget_featured_slider .slide-content .below-entry-meta .posted-on .fa {
   color: #ffffff;
   font-size: 10px;
   padding-right: 3px;
}
.widget_featured_slider .slide-content .below-entry-meta .byline .fa,
.widget_featured_slider .slide-content .below-entry-meta .comments .fa {
   color: #ffffff;
   padding-right: 5px;
   font-size: 11px;
}
.widget_featured_slider .slide-content .below-entry-meta .posted-on a,
.widget_featured_slider .slide-content .below-entry-meta .byline a,
.widget_featured_slider .slide-content .below-entry-meta .comments a,
.widget_featured_slider .slide-content .below-entry-meta .comments span {
   color: #ffffff;
   font-size: 12px;
}
.widget_featured_slider .slide-content .below-entry-meta .posted-on a:hover,
.widget_featured_slider .slide-content .below-entry-meta .byline a:hover,
.widget_featured_slider .slide-content .below-entry-meta .comments a:hover {
   color: #289dcc;
}

/*
====> 11.4 Highlighted posts widget
--------------------------------------------------------------*/
.widget_highlighted_posts {
   margin-bottom: 20px;
}
.widget_beside_slider .widget_highlighted_posts {
   margin-bottom: 0;
}
.widget_highlighted_posts .single-article {
   position: relative;
   float: left;
   margin-bottom: 10px;
   margin-right: 2%;
   max-width: 49%;
}
.widget_highlighted_posts .single-article:nth-child(even) {
   margin-right: 0;
}
.widget_highlighted_posts img {
   margin-bottom: 0;
}
.widget_highlighted_posts .article-content {
   position: absolute;
   bottom: 0;
   background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
   background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
   background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) , rgba(0, 0, 0, 0.8));
   padding-bottom: 10px;
   padding-left: 5%;
   position: absolute;
   width: 95%;
   opacity: 0.7;
   background-color: black;
}
.widget_highlighted_posts .above-entry-meta {
   display: none;
}
.widget_highlighted_posts .article-content .above-entry-meta .cat-links a {
   background-color: #289dcc;
   border-radius: 3px;
   color: #ffffff;
   font-size: 12px;
   padding: 3px 10px;
}
.widget_highlighted_posts .article-content .entry-title {
   padding: 10px 0 0;
   font-size: 16px;
}
.widget_highlighted_posts .article-content .entry-title a {
   color: #ffffff;
   text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
.widget_highlighted_posts .article-content .entry-title a:hover {
   color: #289dcc;
}
.widget_highlighted_posts .article-content .below-entry-meta .posted-on,
.widget_highlighted_posts .article-content .below-entry-meta .byline {
   padding-right: 10px;
}
.widget_highlighted_posts .article-content .below-entry-meta .byline {
   display: none;
}
.widget_highlighted_posts .article-content .below-entry-meta .posted-on .fa {
   color: #ffffff;
   font-size: 10px;
   padding-right: 3px;
}
.widget_highlighted_posts .article-content .below-entry-meta .byline .fa,
.widget_highlighted_posts .article-content .below-entry-meta .comments .fa {
   color: #ffffff;
   padding-right: 5px;
   font-size: 11px;
}
.widget_highlighted_posts .article-content .below-entry-meta .posted-on a,
.widget_highlighted_posts .article-content .below-entry-meta .byline a,
.widget_highlighted_posts .article-content .below-entry-meta .comments a,
.widget_highlighted_posts .article-content .below-entry-meta .comments span {
   color: #ffffff;
   font-size: 11px;
}
.widget_highlighted_posts .article-content .below-entry-meta .posted-on a:hover,
.widget_highlighted_posts .article-content .below-entry-meta .byline a:hover,
.widget_highlighted_posts .article-content .below-entry-meta .comments a:hover {
   color: #289dcc;
}
.widget_highlighted_posts .widget-title {
   color: #555555;
   font-size: 24px;
}

/*
====> 11.5 Widget News in Pictures
--------------------------------------------------------------*/
.widget_block_picture_news_inner_wrap {
    position: relative;
}
.widget_block_picture_news.widget_highlighted_posts .single-article {
   width: 48.7013%;
   max-width: 48.7013%;
   margin-right: 0;
   margin-bottom: 20px;
}
.widget_block_picture_news.widget_highlighted_posts .single-article:nth-child(even) {
   float: right;
}
.widget_block_picture_news.widget_highlighted_posts .article-content {
   padding: 0 4% 15px;
   width: 92%;
}
.widget_block_picture_news.widget_highlighted_posts .below-entry-meta {
   display: none;
}
.widget_block_picture_news.widget_highlighted_posts .article-content .entry-title {
   font-size: 18px;
}
.widget_block_picture_news.widget_featured_posts .article-content .entry-title a {
   color: #ffffff;
}
.widget_block_picture_news.widget_featured_posts .article-content .entry-title a:hover {
   color: #289dcc;
}
.widget_block_picture_news.widget_featured_posts img {
   margin-bottom: 0;
}
.widget_block_picture_news.widget_featured_posts .article-content .below-entry-meta .posted-on .fa,
.widget_block_picture_news.widget_featured_posts .article-content .below-entry-meta .byline .fa,
.widget_block_picture_news.widget_featured_posts .article-content .below-entry-meta .comments .fa {
   color: #ffffff;
}


/*
====> 11.6 Slider widget NEXT PREVIOUS buttons
--------------------------------------------------------------*/
.slide-prev,
.category-slide-prev,
.slide-next,
.category-slide-next {
   opacity: 0.7;
   filter:alpha(opacity=70);
   background-color: #289dcc;
   position: absolute;
   top: 50%;
   -ms-transform: translateY(-50%); /* IE 9 */
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   z-index: 9;
   border-radius: 3px;
}
.slide-prev { margin-left: 20px; }
.slide-next { right: 0; margin-right: 20px; }
.slide-prev:hover,
.category-slide-prev:hover,
.slide-next:hover,
.category-slide-next:hover {
   opacity: 1;
   filter:alpha(opacity=100);
}

/* Category Slider Next Previous */
.category-slide-prev,
.category-slide-next {
   top: 94%;
   -ms-transform: translateY(-94%); /* IE 9 */
   -webkit-transform: translateY(-94%);
   transform: translateY(-94%);
}
.category-slide-prev {
   right: 0;
   margin-right: 50px;
}
.category-slide-next {
   right: 0;
   margin-right: 20px;
}

.slide-next i, .slide-prev i,
.category-slide-next i, .category-slide-prev i {
   color: #ffffff;
   font-size: 22px;
   padding: 3px 10px;
   vertical-align: text-bottom;
}


/*
====> 11.7 Default News Widget
--------------------------------------------------------------*/
.widget_default_news_colormag.widget_featured_posts .article-content {
   padding-top: 15px;
}
.widget_default_news_colormag.widget_featured_posts img {
   float: left;
   margin-right: 20px;
   margin-bottom: 0;
}
.widget_default_news_colormag.widget_featured_posts .single-article {
   margin-bottom: 20px;
}

/*
====> 11.7 Tabbed Widget
--------------------------------------------------------------*/
.widget_tabbed_colormag {
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
.widget_tabbed_colormag .article-content .entry-title {
   font-size: 14px;
   line-height: 1.4;
   padding-top: 0;
}
.footer-widgets-area .widget_tabbed_colormag .widget-tabs a:hover {
   color: #ffffff;
}
.widget_tabbed_colormag .article-content .below-entry-meta .posted-on a,
.widget_tabbed_colormag .article-content .below-entry-meta .byline a,
.widget_tabbed_colormag .article-content .below-entry-meta .comments a,
.widget_tabbed_colormag .article-content .below-entry-meta .comments {
   font-size: 11px;
}
.widget_tabbed_colormag .single-article {
   box-shadow: none;
   clear: both;
}
.widget_tabbed_colormag .article-content {
   padding-top: 15px;
}
.tabbed-widget li {
   opacity: 0.8;
   filter:alpha(opacity=80);
   padding-top: 10px;
}
.tabbed-widget li.active,
.tabbed-widget li:hover {
   opacity: 1;
   filter:alpha(opacity=100);
}
#secondary .tabbed-widget a:hover {
   text-decoration: none;
}
.tabbed-widget .tabbed-images {
   float: left;
}
.tabbed-widget .entry-title {
   padding: 0;
}
.tabbed-widget .byline {
   display: none;
}
.tabbed-widget li {
   list-style: none;
}
.tabbed-widget img {
   margin-bottom: 10px;
   margin-right: 10px;
   margin-top: 10px;
}
.tabbed-widget .tabbed-comment-widget img {
   margin: 10px;
}
.tabbed-widget ul li {
   background-color: #289dcc;
   display: inline-block;
   float: left;
   text-align: center;
   width: 33.3334%;
   padding: 5px 0;
}
.tabbed-widget ul li a {
   color: #ffffff;
   font-size: 15px;
}
.tabbed-widget ul li i {
   margin-right: 5px;
   color: #ffffff;
}
.tabbed-widget .tabbed-comment-widget {
   clear: both;
}

/*
====> 11.8 Random Posts Widget
--------------------------------------------------------------*/
.widget_random_post_colormag.widget_featured_posts .article-content .entry-title {
   font-size: 14px;
   line-height: 1.4;
}
.widget_random_post_colormag.widget_featured_posts .single-article {
   box-shadow: none;
}
.random_posts_widget_inner_wrap {
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
.widget_random_post_colormag .article-content .below-entry-meta .posted-on a,
.widget_random_post_colormag .article-content .below-entry-meta .byline a,
.widget_random_post_colormag .article-content .below-entry-meta .comments a,
.widget_random_post_colormag .article-content .below-entry-meta .comments {
   font-size: 11px;
}
.random-posts-widget .random-images {
   float: left;
   clear: both;
}
.random-posts-widget .entry-title {
   padding: 0;
}
.random-posts-widget .byline {
   display: none;
}
.random-posts-widget img {
   margin-right: 10px;
}

/*
====> 11.9 Big Image and Thumbnails Slider Widget
--------------------------------------------------------------*/
.widget_slider_news_colormag .thumbnail-slider-news .bx-caption {
   background: #000;
   color: #fff;
   padding: 15px;
   position: absolute;
   margin-top: -72px;
   opacity: 0.5;
}
.widget_slider_news_colormag img {
   margin-bottom: 0;
}
.widget_slider_news_colormag .single-article {
   position: relative;
}
.widget_slider_news_colormag .article-content {
   position: absolute;
   bottom: 0;
   background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
   background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
   background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) , rgba(0, 0, 0, 0.3));
   padding-bottom: 20px;
   padding-left: 5%;
   position: absolute;
   width: 95%;
}
.widget_slider_news_colormag .article-content .entry-title a {
   color: #ffffff;
   text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
.thumbnail-slider {
   padding: 4px 0;
   border: 1px solid #eaeaea;
}
.thumbnail-slider a {
   display: inline-block;
   text-align: center;
   width: 20%;
}
.thumbnail-slider .title {
   display: none;
}

/*
====> 11.10 Breadking News Widget
--------------------------------------------------------------*/
.widget_breaking_news_colormag.widget_featured_posts .single-article {
   box-shadow: none;
}
.breaking_news_widget_inner_wrap {
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
#breaking-news-widget .tabbed-images {
   float: left;
   padding-right: 10px;
}
#breaking-news-widget .entry-title {
   font-size: 14px;
   line-height: 1.4;
   padding: 0;
}
#breaking-news-widget .byline {
   display: none;
}
.widget_breaking_news_colormag .article-content .below-entry-meta .posted-on a,
.widget_breaking_news_colormag .article-content .below-entry-meta .byline a,
.widget_breaking_news_colormag .article-content .below-entry-meta .comments a,
.widget_breaking_news_colormag .article-content .below-entry-meta .comments {
   font-size: 11px;
}
i#breaking-news-widget-prev, i#breaking-news-widget-next {
   padding: 10px;
   color: #289dcc;
   width: 94%;
   text-align: center;
   cursor: pointer;
}

/*
====> 11.11 Ticket News Widget
--------------------------------------------------------------*/
.image-ticker-news .article-content .above-entry-meta, .image-ticker-news .article-content .below-entry-meta {
   display: none;
}
.image-ticker-news .article-content .entry-title {
   font-size: 14px;
   line-height: 1.3;
   padding-top: 0;
}
.image-ticker-news img {
   margin-bottom: 5px;
}
/* Ajax popup CSS in ticker news widget */
.mfp-content #content {
   background: #fff;
   max-width: 50%;
   margin: 0 auto;
   border-radius: 5px;
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}


/*
====> 11.12 Advertisement Widget
--------------------------------------------------------------*/
.advertisement_125x125 {

}
.advertisement_125x125 img {
   margin-bottom: 8px;
   padding: 0 2px;
}
.advertisement-title {

}
.advertisement_300x250 {

}
.advertisement_300x250 img {
   margin: 0 auto;
   display: block;
}
#header-right-section .advertisement_728x90 {
   margin-bottom: 0;
   padding: 0;
}
.advertisement_728x90 {
   padding: 15px 0 45px;
   display: block;
}
#header-right-section .advertisement_728x90 img {
   padding: 0;
}
.advertisement_728x90 img {
   margin-bottom: 0;
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
   padding: 10px;
   display: block;
   margin: 0 auto;
}
.advertisement-content {
   text-align: center;
}
.advertisement_below_post_title {
   float: left;
   width: 300px;
   margin-right: 10px;
}

/*
====> 11.13 Small Thumbnails widget
--------------------------------------------------------------*/
.widget_featured_posts.widget_featured_posts_small_thumbnails .following-post {
   float: none;
   width: 100%;
}

/*
====> 11.14 Widgets General CSS
--------------------------------------------------------------*/
.fitvids-video .video {
   margin-bottom: 10px;
}
#secondary .widget ul li, #colophon .widget ul li {
   line-height: 1.5;
   padding: 5px 0;
}
#colophon .widget ul li {
   border-bottom: 1px solid #444444;
}
#secondary .widget ul li li, #colophon .widget ul li li {
   border-bottom: none;
}
#secondary .widget ul ul, #colophon .widget ul ul {
   padding-left: 10px;
}
.widget select {
   border: 1px solid #DDDDDD;
   color: #777777;
   padding: 2px;
   width: 60%;
}
#secondary .widget-title {
   border-bottom: 2px solid #289dcc;
   font-size: 18px;
   margin-bottom: 15px;
   padding-bottom: 0;
}
#secondary .widget-title span {
   background-color: #289dcc;
   color: #fff;
   padding: 6px 12px;
   display: inline-block;
}
#secondary .widget, .error-404 .widget {
   margin-bottom: 35px;
   font-size: 14px;
   background-color: #ffffff;
}
#secondary .widget p {
   font-size: 14px;
}
#secondary a:hover {
   text-decoration: underline;
}
.error-404 {
   padding-bottom: 20px;
   text-align: center;
}
.error-404 input.s {
   width: 50%;
}


/*--------------------------------------------------------------
12.0 Plugins Support
--------------------------------------------------------------*/

/*
====> 12.1 WP-PageNavi
--------------------------------------------------------------*/
.wp-pagenavi {
   text-align: center;
   margin-bottom: 30px;
}
#content .wp-pagenavi .page,
#content .wp-pagenavi a {
   padding: 4px 10px;
   color: #777777;
   border: 1px solid #F2F2F2;
}
#content .wp-pagenavi .current,
#content .wp-pagenavi a:hover {
   padding: 4px 10px;
   color: #FFFFFF;
   background-color: #289dcc;
   border: 1px solid #F2F2F2;
}
#content .wp-pagenavi a,
#content .wp-pagenavi span {
   margin-left: 5px;
   border-radius: 2px;
}
#content .wp-pagenavi span.pages {
   margin-left: 0;
   color: #777777;
   padding: 4px 10px;
   border: 1px solid #F2F2F2;
}


/*--------------------------------------------------------------
13.0 Content
--------------------------------------------------------------*/

/*
====> 13.1 Body
--------------------------------------------------------------*/
body {
   padding-top: 10px;
   padding-bottom: 10px;
   background-size: cover;
}
#page {
   max-width: 1200px;
   margin: 0 auto;
}
.wide {
   padding-top: 0;
   padding-bottom: 0;
}
.wide #page {
   max-width: 100%;
}
.inner-wrap {
   margin: 0 auto;
   max-width: 1140px;
}

/*
====> 13.2 Header
--------------------------------------------------------------*/
#masthead {
}

#header-text-nav-container {
   background-color: #000000;
}
#header-text-nav-wrap {
   padding: 20px 0 25px;
}
#header-left-section {
   float: left;
}
#header-logo-image {
   float: left;
   padding-right: 20px;
}
#header-logo-image img {
   margin-bottom: 0;
}
#header-text {
   float: left;
   padding-right: 20px;
}
#site-title {
   padding-bottom: 0;
   line-height: 1.2;
}
#site-title a {
   color: #289dcc;
   font-size: 46px;
}
#site-description {
   line-height: 24px;
   font-size: 16px;
   color: #666666;
   padding-bottom: 0px;
   font-family: 'Open Sans', serif;
}
#header-right-section {
   float: right;
}
#header-right-section .widget {
   text-align: right;
   color: #333333;
}
#header-right-section .widget .widget-title {
   padding-bottom: 0;
   font-size: 18px;
   line-height: 1.2;
   padding-bottom: 5px;
}
.header-image {
   margin-bottom: 0;
   border-bottom: 1px solid #EAEAEA;
   width: 100%;
}
/* For header display type one */
.header_display_type_one #header-left-section {
   float: right;
}
.header_display_type_one #header-right-section {
   float: left;
}
.header_display_type_one #header-text {
   padding-left: 20px;
   padding-right: 0;
}
.header_display_type_one #header-logo-image {
    padding-right: 0;
}
.header_display_type_one #header-right-section .widget {
   text-align: left;
}
/* For header display type two */
.header_display_type_two #header-left-section {
   float: none;
   text-align: center;
   margin-bottom: 10px;
}
.header_display_type_two #header-logo-image {
   float: none;
   padding-right: 0;
   margin-bottom: 10px;
}
.header_display_type_two #header-text {
   float: none;
   padding-right: 0;
}
.header_display_type_two #header-right-section .widget {
   color: #333333;
   text-align: center;
}
.header_display_type_two #header-right-section {
   float: none;
}

/*
====> 13.3 Primary & Secondary Content Area
--------------------------------------------------------------*/
/* =PRIMARY AND SECONDARY CONTENT AREA
----------------------------------------------- */
#primary {
   float: left;
   width: 70.17543859%;
}
#secondary {
   float: right;
   width: 27.19298245%;
}

/* =LEFT SIDEBAR CONTENT LAYOUT
-------------------------------------------------------------- */
.left-sidebar #primary {
   float: right;
}
.left-sidebar #secondary {
   float: left;
}

/* =NO SIDEBAR CONTENT LAYOUT
-------------------------------------------------------------- */
.no-sidebar #primary {
   float: none;
   margin: 0 auto;
}
.no-sidebar-full-width #primary {
   width: 100%;
}
.no-sidebar #secondary,
.no-sidebar-full-width #secondary {
   display: none;
}

/*
====> 13.4 Content Columns
--------------------------------------------------------------*/
/* TWO COLUMN */
.tg-one-half {
   float: left;
   width: 48.684210%;
   margin: 0 2.631579% 0 0;
   padding: 0px 0px 30px;
}
.tg-one-half-last {
   float: right;
   margin: 0px;
}
/* THREE COLUMN */
.tg-one-third {
   float: left;
   width: 31.578947%;
   margin: 0 2.631579% 0 0;
}
.tg-one-third-last {
   float: right;
   margin-right: 0;
}
/* FOUR COLUMN */
.tg-one-fourth {
   float: left;
   width: 23.1527094%;
   margin: 0 2.46305419% 0 0;
}
.tg-one-fourth-last {
   margin: 0px;
}


/*
====> 13.5 Posts and pages
--------------------------------------------------------------*/
.sticky {
}
#main {
   padding-top: 20px;
   padding-bottom: 20px;
   background-color: #ffffff;
}
.main-content-section {
   padding-top: 30px;
}
/* =PAGE HEADER TITLE
----------------------------------------------- */
.page-header .page-title {
   border-bottom: 1px solid #f8f8f8;
   margin-bottom: 30px;
}
/* =POST CONTENT
----------------------------------------------- */
.page-header .page-title {
   border-bottom: 2px solid #289dcc;
   font-size: 18px;
   margin-bottom: 15px;
   padding-bottom: 0;
}
.page-header .page-title span {
   background-color: #289dcc;
   color: #fff;
   padding: 6px 12px;
   display: inline-block;
}
.post .featured-image {
   text-align: center;
}
.archive #content .post p {
   font-size: 14px;
}
.archive #content .post:nth-child(2n+1) {
   float: right;
   width: 48.7013%;
}
.archive #content .post:nth-child(2n) {
   float: left;
   width: 48.7013%;
   clear: both;
}
.archive #content .post:first-child {
   float: none;
   width: 100%;
}
.archive #content .post:not(:first-child) .article-content .entry-title {
   font-size: 22px;
}
#content .post {
}
.single #content .post,
#content .post {
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
#content .post {
   margin-bottom: 30px;
}
.single #content .post {
   margin-bottom: 0;
}
#content .post img {
   margin-bottom: 0;
}
#content .post .article-content {
   padding: 15px;
}
#content .post .article-content .above-entry-meta .cat-links a {
   background-color: #289dcc;
   border-radius: 3px;
   color: #ffffff;
   font-size: 12px;
   padding: 3px 10px;
   display: inline-block;
}
#content .post .article-content .entry-title {
   padding: 5px 0 0;
   font-size: 32px;
}
#content .post .article-content .entry-title a {
   color: #232323;
}
#content .post .article-content .entry-title a:hover {
   color: #289dcc;
}
#content .post .article-content .below-entry-meta .posted-on,
#content .post .article-content .below-entry-meta .byline,
#content .post .article-content .below-entry-meta .comments,
#content .post .article-content .below-entry-meta .tag-links {
   padding-right: 10px;
}
#content .post .article-content .below-entry-meta .posted-on .fa {
   color: #888888;
   font-size: 10px;
   padding-right: 3px;
}
#content .post .article-content .below-entry-meta .byline .fa,
#content .post .article-content .below-entry-meta .comments .fa,
#content .post .article-content .below-entry-meta .tag-links .fa,
#content .post .article-content .below-entry-meta .edit-link .fa {
   color: #888888;
   padding-right: 5px;
   font-size: 11px;
}
#content .post .article-content .below-entry-meta .posted-on a,
#content .post .article-content .below-entry-meta .byline a,
#content .post .article-content .below-entry-meta .comments a,
#content .post .article-content .below-entry-meta .tag-links a,
#content .post .article-content .below-entry-meta .edit-link a {
  font-size: 12px;
}
#content .post .article-content .below-entry-meta {
   padding-bottom: 20px;
}
.below-entry-meta .updated {
  display: none;
}

.type-post .entry-title,
.type-page .entry-title {
   font-size: 28px;
   line-height: 1.4;
}
.post .entry-title a, .search .entry-title a {
   color: #333333;
   transition: all 0.3s ease 0s
}
.post .entry-title a:hover, .search .entry-title a:hover {
   color: #289dcc;
}
.post .entry-content {
   margin-bottom: 10px;
}
.entry-content ul {
   list-style: square;
}
.entry-content ul,
.entry-content ol {
   padding: 0 0 0 30px;
   margin-bottom: 30px;
}
.entry-content li > ul,
.entry-content li > ol {
   margin-bottom: 0;
}
.entry-content li {
   line-height: 1.3;
}
.post .entry-content a:hover {
   text-decoration: underline;
}
.entry-meta {
   color:#aaa;
   padding-bottom: 20px;
}
.entry-meta .byline i,
.entry-meta .cat-links i {
   padding-left: 5px;
   padding-right: 5px;
   font-size: 16px;
   color: #289dcc;
}
.entry-meta .byline a,
.entry-meta .cat-links a {
   font-size: 20px;
}
.entry-meta .byline,
.entry-meta .cat-links {
}
.entry-meta .byline {
   margin-right: 25px;
}
.entry-meta a {
   color:#289dcc
}
.entry-meta a:hover {
   text-decoration: underline;
}
.entry-meta .sep {
   display:block;
   border-top:1px solid #f2f2f2;
   position:relative;
   margin: 10px 0 10px 0;
}
.entry-meta .post-format {
   padding: 5px;
   position: absolute;
   right: -64px;
   top: -32px;
}
.entry-meta .post-format i {
   background-color: #289dcc;
   border-radius: 5px;
   color: #FFFFFF;
   display: block;
   height: 30px;
   line-height: 30px;
   text-align: center;
   width: 30px;
   -webkit-border-radius:5px;
   -moz-border-radius:5px;
   border-radius:5px;
   padding: 12px 8px 8px 8px;
}
.entry-meta .posted-on,
.entry-meta .comments-link,
.entry-meta .edit-link,
.entry-meta .tag-links {
   font-size:12px;
   line-height:20px;
   margin-right:25px;
}
.entry-meta .posted-on a,
.entry-meta .comments-link a,
.entry-meta .edit-link a,
.entry-meta .tag-links a {
   color:#aaa;
   font-size: 14px;
}
.entry-meta .posted-on a:hover,
.entry-meta .comments-link a:hover,
.entry-meta .edit-link a:hover,
.entry-meta .tag-links a:hover {
   color:#289dcc;
   text-decoration:none;
}
.entry-meta .posted-on i,
.entry-meta .comments-link i,
.entry-meta .edit-link i,
.entry-meta .tag-links i {
   font-size:14px;
   padding-right: 5px;
   padding-left: 5px;
   text-decoration:none
}
.entry-content a.read-more:hover {
   text-decoration: none;
}
.single #content .tags a {
   border: 1px solid #EAEAEA;
   padding: 3px 5px;
   border-radius: 3px;
   color: #777777;
}
.single #content .tags a:hover {
   color: #289dcc;
   text-decoration: none;
}
.more-link {
   display: inline-block;
   background-color: #289dcc;
   border-radius: 3px;
}
.more-link span {
   font-size: 12px;
   padding: 5px 10px;
   color: #FFFFFF;
   cursor: pointer;
   display: inline-block;
}
.more-link  span:hover {
   background-color: rgba(0, 0, 0, 0.1);
}

/* All Posts Widget Styling */
.blog .post:nth-child(2n) {
   float: left;
   width: 48.7013%;
   clear: both;
}
.blog .post:nth-child(2n+1) {
  float: right;
  width: 48.7013%;
}
.blog .post:first-child {
   float: none;
   width: 100%;
}
.blog .post .article-content .below-entry-meta .edit-link a,
.blog .post .article-content .below-entry-meta .tag-links a {
   font-size: 12px;
}
.blog .post .article-content .below-entry-meta .edit-link .fa,
.blog .post .article-content .below-entry-meta .tag-links .fa {
   color: #888888;
   padding-right: 5px;
   font-size: 11px;
}
.blog .post .article-content .below-entry-meta .tag-links {
   padding-right: 10px;
}

/* Post views count setting */
#content .post .article-content .below-entry-meta .post-views {
   padding-right: 10px;
}
#content .post .article-content .below-entry-meta .post-views .fa {
   color: #888888;
   padding-right: 5px;
   font-size: 11px;
}
#content .post .article-content .below-entry-meta .total-views {
   font-size: 12px;
   color: #888888;
}

/* =POST FORMAT
----------------------------------------------- */
/* POST FORMAT LINK */
.format-link .entry-content p {
   text-align: center;
   padding-top: 30px;
}
.format-link .entry-content a {
   text-decoration: underline;
   text-transform: uppercase;
   padding: 15px 40px;
   border-radius: 3px;
   background-color: #289dcc;
   color: #FFFFFF;
   transition: background-color 0.3s linear 0s;
   display: inline-block;
}
.format-link .entry-content a:hover {
   background-color: #33363B;
}
/* POST FORMAT ASIDE */
.format-aside .entry-header { display: none; }

/* =Search Pages
----------------------------------------------- */
.search .post:nth-child(2n) {
   float: left;
   width: 48.7013%;
   clear: both;
}
.search .post:nth-child(2n+1) {
  float: right;
  width: 48.7013%;
}
.search .post:first-child {
   float: none;
   width: 100%;
}

/* =Author Box
----------------------------------------------- */
.author-box {
   padding: 2%;
   width: 96%;
   display: inline-block;
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
   margin-bottom: 25px;
}
.author-img img {
   margin-right: 15px;
}
.author-name {
   padding-bottom: 10px;
}
.author-description {
}

/* =Related Posts
----------------------------------------------- */
.related-posts-main-title {
}
.related-posts-main-title .fa {
   color: #289dcc;
}
.related-posts-main-title span {
   font-size: 26px;
   padding-left: 10px;
}
.single-related-posts {
   width: 32.5%;
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
   margin-right: 1.25%;
   float: left;
   margin-bottom: 25px;
}
.single-related-posts img {
   margin-bottom: 0;
}
.related-posts .single-related-posts:nth-child(3n+3) {
   margin-right: 0;
}
.single-related-posts .article-content {
   padding: 0 10px 5px;
}
.single-related-posts .byline {
   display: none;
}
.single-related-posts .article-content .entry-title {
   padding: 10px 0 0;
   font-size: 18px;
}
.single-related-posts .article-content .entry-title a {
   color: #232323;
   text-shadow: none;
}
.single-related-posts .article-content .entry-title a:hover {
   color: #289dcc;
}
.single-related-posts .article-content .below-entry-meta .posted-on,
.single-related-posts .article-content .below-entry-meta .byline {
   padding-right: 10px;
}
.single-related-posts .article-content .below-entry-meta .posted-on .fa {
   color: #888888;
   font-size: 10px;
   padding-right: 3px;
}
.single-related-posts .article-content .below-entry-meta .byline .fa,
.single-related-posts .article-content .below-entry-meta .comments .fa {
   color: #888888;
   padding-right: 5px;
   font-size: 11px;
}
.single-related-posts .article-content .below-entry-meta .posted-on a,
.single-related-posts .article-content .below-entry-meta .byline a,
.single-related-posts .article-content .below-entry-meta .comments a {
   font-size: 12px;
}

/* =Sharing Section
----------------------------------------------- */
.share-buttons {
   display: inline-block;
}
.box {
   border: 1px solid #eaeaea;
   border-radius: 3px;
   display: inline-block;
}
.count {
   background: none repeat scroll 0 0 #f2f2f2;
   color: #289dcc;
   float: right;
   font-size: 22px;
   padding: 0 16px;
}
.share {
   float: left;
   margin-right: 10px;
}
#twitter, #facebook, #googleplus, #pinterest {
   float: left;
   padding-right: 20px;
}
.share .fa {
   display: block;
   font-size: 30px;
   line-height: 35px;
   padding: 0 15px;
}
.share .fa-twitter {
   color: #55acee;
}
.share .fa-facebook-square {
   color: #3b5998;
}
.share .fa-google-plus-square {
   color: #dd4b39;
}
.share .fa-pinterest {
   color: #cc2127;
}
.image-popup {

}
.featured-image {

}
.fitvids-video {

}
.video-title {

}
/* =Author Social Sites
----------------------------------------------- */
.author-social-sites .fa-twitter, .author-social-sites .fa-facebook, .author-social-sites .fa-google-plus, .author-social-sites .fa-flickr, .author-social-sites .fa-linkedin, .author-social-sites .fa-instagram, .author-social-sites .fa-youtube, .author-social-sites .fa-tumblr {
  font-size: 25px;
  float: left;
  padding: 5px;
}


/*
====> 13.6 Pagination
--------------------------------------------------------------*/
/* =NAVIGATION
----------------------------------------------- */
.default-wp-page {
   clear: both;
}
.default-wp-page .previous {
   float: left;
   padding: 30px 0;
}
.default-wp-page .next {
   float: right;
   padding: 30px 0;
}
.previous a,
.next a {
   padding: 5px 0;
   cursor: pointer;
   font-size: 45px;
}
.previous a:hover,
.next a:hover {
   color: #289dcc;
   text-decoration: underline;
}
input[type="reset"]:active,
input[type="button"]:active,
input[type="submit"]:active {
   -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
   box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
}

/* =PAGINATION
----------------------------------------------- */
.pagination {
   margin: 15px 0;
   display: flex;
   justify-content: space-between;
}
.pagination span {
   padding: 2px 5px;
   border: 1px solid #EAEAEA;
   background-color: #289dcc;
   color: #FFFFFF;
}
.pagination a span {
   /*background-color: #FFFFFF;*/
   /*color: #777777;*/
   background: #fe0052;
   color: #fff;
   padding: 7px;
}
.pagination a span:hover {
   color: #289dcc;
   border-color: #289dcc;
   background-color: #fff;
   text-decoration: none;
}

/*
====> 13.7 Comments
--------------------------------------------------------------*/
#comments {
   border-top: 1px solid #F8F8F8;
   padding-top: 15px;
}
#comments i {
   font-size: 16px;
   color: #AAAAAA;
   padding-right: 10px;
}
.comments-title {
   font-size: 24px;
}
.comment-content a {
   word-wrap: break-word;
}
.comment-navigation {
   margin-bottom: 15px;
}
.bypostauthor {
}
#comments .comments-title {
   margin-bottom: 10px;
}
.avatar {
   border-radius: 50%;
   float: left;
}
.comments-area article header {
   margin: 0 0 5px;
   overflow: hidden;
   position: relative;
}
.comments-area .comment-edit-link,
.comments-area .comment-permalink,
.comments-area .comment-date-time,
.comments-area .comment-author-link {
   display: block;
   margin-left: 100px;
   color: #999999;
}
#content .comments-area article header cite a:hover,
#content .comments-area a.comment-edit-link:hover,
#content .comments-area a.comment-permalink:hover {
   color: #289dcc;
}
.comments-area .comment-author-link a {
   color: #999999;
}
.comments-area .comment-author-link a:hover {
   color: #289dcc;
}
.comments-area .comment-author-link span {
   margin-left: 10px;
   padding: 0 5px;
   background-color: #289dcc;
   color: #FFFFFF;
   border-radius: 3px;
}
.comments-area article header .comment-edit-link:before{
   content: "\f044";
   font-family: FontAwesome;
   font-style: normal;
   font-weight: normal;
   text-decoration: inherit;
   color: #AAAAAA;
   font-size: 16px;
   padding-right: 10px;
}
.comment-content {
   padding: 15px 15px 25px;
   background-color: #F8F8F8;
   border: 1px solid #EAEAEA;
   border-radius: 2px;
}
.comment {
   margin-bottom: 20px;
}
.comment ul, .comment ol {
   margin: 0 0 20px 20px;
}
.comment ul {
   list-style: square outside none;
}
.comment .comment-reply-link {
   float: right;
   color: #AAAAAA;
}
.comment .comment-reply-link:before {
   content: "\f112";
   font-family: FontAwesome;
   font-style: normal;
   font-weight: normal;
   text-decoration: inherit;
   color: #AAAAAA;
   font-size: 16px;
   padding-right: 10px;
}
.comment .comment-reply-link:hover {
   color: #289dcc;
}
.comment-list {
   margin-bottom: 25px;
}
.comment-list .children {
   margin-left: 20px;
}
.comment-list, .comment-list .children {
   list-style-type: none;
   padding: 0;
}
.nav-previous,
.nav-next {
   margin-bottom: 15px;
}
.nav-previous a,
.nav-next a {
   color: #289dcc;
   cursor: pointer;
   font-size: 16px;
}
.nav-previous a { float: left; }
.nav-next a { float: right; }
.nav-previous a:hover,
.nav-next a:hover {
   text-decoration: underline;
}
/* =COMMENT FORM
----------------------------------------------- */
#respond {
}
#respond h3#reply-title {
   font-size: 22px;
   line-height: 28px;
}
#respond h3#reply-title #cancel-comment-reply-link {
   margin-left: 10px;
   margin-left: 1rem;
   font-weight: normal;
   font-size: 16px;
   font-size: 1.6rem;
}
#respond form label {
   display: block;
   line-height: 1.5;
}
#respond form input[type="text"],
#respond form textarea {
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   font-size: 16px;
   line-height: 1.5;
   padding: 10px;
   width: 100%;
}
#respond form p.form-allowed-tags {
   font-size: 16px;
   line-height: 1;
   color: #5e5e5e;
   display: none;
}
.required {
   color: red;
}

/*
====> 13.8 Footer
--------------------------------------------------------------*/

/*
====> ====> 13.8.a Footer General CSS
--------------------------------------------------------------*/
#colophon .widget {
   margin-bottom: 40px;
}
#colophon, #colophon p {
   font-size: 14px;
   line-height: 1.4;
}
#colophon .tg-upper-footer-widgets .widget  {
   background-color: #2c2e34;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border: 1px solid rgba(0, 0, 0, 0.1);
   padding: 10px;
}

#colophon .tg-upper-footer-widgets .widget_featured_posts .article-content .entry-title a {
   color: #ffffff;
}

/*
====> ====> 13.8.b Footer Widget Area
--------------------------------------------------------------*/
.footer-widgets-wrapper {
   border-top: 1px solid #F2F2F2;
   background-color: #000;
}
.footer-widgets-area {
   padding-top: 45px;
   padding-bottom: 10px;
   color: #cccccc;
}
.tg-footer-main-widget {
   width: 39.473684%;
   float: left;
   margin-right: 2.631579%
}
.tg-footer-other-widgets {
   float: right;
   width: 57.894737%;
}
.tg-first-footer-widget {
}
.tg-second-footer-widget,
.tg-third-footer-widget {
   width: 30.303030%;
   float: left;
   margin-right: 4.545454%
}
.tg-fourth-footer-widget {
   width: 30.303030%;
   float: right;
   margin-right: 0;
}
.footer-widgets-area .widget-title {
   border-bottom: 2px solid #289dcc;
   font-size: 18px;
   margin-bottom: 15px;
   padding-bottom: 0;
}
.footer-widgets-area .widget-title span {
   background-color: #289dcc;
   color: #fff;
   padding: 6px 12px;
   display: inline-block;
}
.footer-widgets-area p {
   text-align: left;
   color: #aaaaaa;
}
.footer-widgets-area a {
   color: #FFFFFF;
}
.footer-widgets-area a:hover {
   color: #289dcc;
}

/*
====> ====> 13.8.c Footer Socket Area
--------------------------------------------------------------*/
.footer-socket-wrapper {
   padding: 20px 0px 50px;
   background-color: #303440;
}
.footer-socket-area {
   width: 100%;
}
.footer-socket-right-section {
   float: right;
   text-align: right;
}
.footer-socket-left-section {
   float: left;
}
.footer-socket-wrapper .copyright {
   color: #b1b6b6;
   float: left;
   font-size: 14px;
   max-width: 50%;
   margin-top: 3%;
}
.footer-socket-wrapper .copyright a {
   color: #b1b6b6;
   border-bottom: 1px solid #5a5d62;
}
.footer-socket-wrapper .copyright a:hover {
   color: #ffffff;
}

/*
====> ====> 13.8.d Footer Menu
--------------------------------------------------------------*/
.footer-menu {
   padding-top: 5px;
}
.footer-menu ul li {
   display: inline-block;
   padding-left: 10px;
   font-size: 12px;
}
#colophon .footer-menu ul li a {
   color: #b1b6b6;
}
#colophon .footer-menu ul li a:hover {
   color: #289dcc;
}

/*
====> ====> 13.8.e Scroll to Top
--------------------------------------------------------------*/
a#scroll-up {
   bottom: 20px;
   position: fixed;
   right: 20px;
   display: none;
   opacity: 0.5;
   filter:alpha(opacity=50); /* For IE8 and earlier */
}
a#scroll-up i {
   font-size: 40px;
   color: #289dcc;
}
a#scroll-up:hover {
   opacity: 1;
   filter:alpha(opacity=100); /* For IE8 and earlier */
}

/*
====> ====> 13.8.f Footer Advertisement Area
--------------------------------------------------------------*/
.advertisement_above_footer {
   background-color: #ffffff;
}
.advertisement_above_footer .widget-title {
   border-bottom: 2px solid #289dcc;
   font-size: 18px;
   margin-bottom: 15px;
   padding-bottom: 0;
}
.advertisement_above_footer .widget-title span {
   background-color: #289dcc;
   color: #fff;
   padding: 6px 12px;
   display: inline-block;
}
/*
404 page design
--------------------------------------------------------------*/

.error-404 .page-header .page-title {
  border: medium none;
  font-size: 26px;
  font-weight: 700;
}

.error-wrap span {
  display: block;
  text-align: center;
}

.num-404 {
  color: #289dcc;
  font-size: 300px;
  font-weight: 700;
  line-height: 300px;
}

.error {
  background: #289dcc none repeat scroll 0 0;
  color: #ffffff;
  font-size: 25px;
  font-weight: 600;
  letter-spacing: 3px;
  line-height: 35px;
  margin: 20px auto;
  padding: 2px 28px;
  text-transform: uppercase;
  width: 93%;
}

.error-404 .page-header,
.error-404 p {
  text-align: center;
}

/*--------------------------------------------------------------
14.0 Responsive Structure
--------------------------------------------------------------*/
@media screen and (max-width: 1190px) {
   #page {
      width: 97%;
   }
   .wide #page {
      width: 100%;
   }
   .inner-wrap {
      width: 94%;
   }
}

@media (min-width: 601px) and (max-width: 800px) {
   .date-in-header {
      color: #555555;
      float: none;
      font-size: 14px;
      margin: 10px 0;
      padding-right: 0;
      text-align: center;
   }
   .breaking-news {
      height: 36px;
      text-align: center;
      width: 72%;
   }
   .social-links {
      text-align: center;
   }
   .breaking-news-latest {
      float: none;
   }
}
@media screen and (max-width: 800px){

   #header-text-nav-wrap {
      padding: 10px 0;
   }
   #header-left-section,
   .header_display_type_one #header-left-section {
      float: none;
      margin-bottom: 10px;
   }
   #header-logo-image,
   .header_display_type_one #header-logo-image {
      float: none;
      text-align: center;
      padding-right: 0;
      margin-bottom: 10px;
   }
   #header-text,
   .header_display_type_one #header-text {
      float: none;
      text-align: center;
      padding-right: 0;
   }
   #header-right-section,
   .header_display_type_one #header-right-section {
      float: none;
   }
   #header-right-section .widget,
   .header_display_type_one #header-right-section .widget {
      text-align:center;
   }
}
@media screen and (max-width:768px) {
   .menu-toggle {
      display: block;
      float: left;
   }
   .main-navigation ul {
      display: none;
   }
   .main-navigation .home-icon a {
      padding: 8px 10px;
   }
   .widget_slider_area,
   .widget_beside_slider {
      float: none;
      width: 100%;
   }
   .widget_slider_area {
      padding-bottom: 10px;
   }
   #primary, #secondary {
      float: none;
      width: 100%;
   }
   .logged-in #masthead #site-navigation {
      top: 0 !important;
   }
   .advertisement_728x90 img{
       width: 96%;
   }
   .sub-toggle {
     background: #289dcc none repeat scroll 0 0;
     color: #ffffff;
     cursor: pointer;
     display: block;
     height: 24px;
     line-height: 21px;
     position: absolute;
     right: 15px;
     text-align: center;
     top: 9px;
     width: 24px;
   }
   .main-small-navigation li.current-menu-item > .sub-toggle {
      background: #ffffff none repeat scroll 0 0;
   }

   .main-small-navigation li.current-menu-item > .sub-toggle i{
      color: #d40234;
   }
   .menu-primary-container .sub-menu {
      display: none;
   }
}
@media screen and (max-width:767px) {
   .tg-one-half, .tg-one-third {
      float: none;
      width: 100%;
      margin: 0;
   }
   .num-404{
      font-size: 170px;
      line-height: 210px;
   }
   .error {
      margin: 0 auto 50px;
      padding: 0;
      width: 70%;
   }

}
@media screen and (max-width: 600px) {
   .news-bar {
      text-align: center;
   }
   .date-in-header,
   .breaking-news,
   #masthead .social-links {
      float: none;
      max-width: 100%;
   }
   .breaking-news:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0;
   }
   .breaking-news-latest {
      float: none;
      position: static;
      vertical-align: top;
   }
   .newsticker {
      position: static;
   }
   .social-links {
      text-align: center;
   }
   .newsticker li {
      text-align: left;
   }
   .image-ticker-news .article-content .entry-title {
      display: none;
   }
   .archive #content .post:first-child,
   .archive #content .post:nth-child(2n),
   .archive #content .post:nth-child(2n+1) {
      float: none;
      width: 100%;
   }
   .blog .post:first-child,
   .blog .post:nth-child(2n),
   .blog .post:nth-child(2n+1) {
      float: none;
      width: 100%;
   }
   .search .post:first-child,
   .search .post:nth-child(2n),
   .search .post:nth-child(2n+1) {
      float: none;
      width: 100%;
   }
   .tg-footer-main-widget {
      float: none;
      margin-right: 0;
      width: 100%;
   }
   .tg-footer-other-widgets {
      float: none;
      width: 100%;
   }
   .footer-socket-right-section,
   .footer-socket-left-section {
      float: none;
      text-align: center;
   }
   .footer-socket-wrapper .copyright {
      float: none;
      max-width: 100%;
      text-align: center;
   }
   .footer-socket-area .social-links {
      float: none;
   }
   .gallery-columns-4 .gallery-item,
   .gallery-columns-5 .gallery-item,
   .gallery-columns-6 .gallery-item,
   .gallery-columns-7 .gallery-item,
   .gallery-columns-8 .gallery-item,
   .gallery-columns-9 .gallery-item {
      width:25%;
   }
}
@media screen and (max-width: 420px) {
   .widget_featured_posts .first-post,
   .widget_featured_posts .following-post {
      float: none;
      width: 100%;
   }
   .main-content-section .tg-one-half {
      width: 100%;
   }
   .tg-second-footer-widget,
   .tg-third-footer-widget,
   .tg-fourth-footer-widget {
      float: none;
      margin-right: 0;
      width: 100%;
   }
   .single-related-posts {
      margin-right: 0;
      width: 100%;
   }
   .gallery-columns-4 .gallery-item,
   .gallery-columns-5 .gallery-item,
   .gallery-columns-6 .gallery-item,
   .gallery-columns-7 .gallery-item,
   .gallery-columns-8 .gallery-item,
   .gallery-columns-9 .gallery-item {
      width:33.33%;
   }
}
@media screen and (max-width: 380px) {
   .widget_highlighted_posts .single-article {
      float: none;
      margin-right: 0;
      max-width: 100%;
   }
   #masthead .search-wrap input.s {
      width: 165px;
   }
}

/* CSS code for not displaying the content of slider/news until page loads */
/* Newsticker */
.newsticker, #breaking-news-widget {
   visibility: hidden;
}

/* Sliders */
.widget_slider_area_rotate, .widget_block_picture_news .widget_highlighted_post_area, .thumbnail-big-sliders, .image-ticker-news {
   visibility: hidden;
}

.above-entry-meta , .comments {
   display : none !important;
}

.widget_featured_posts .widget-title {
	border-bottom : 2px solid #FF0052 !important;
}

.widget-title span {
	background-color: #FF0052 !important;
}

.article-content .below-entry-meta .posted-on a{
    /*color : white !important;*/
}

.following-post .single-article .article-content {
    background-color : white;
}

.following-post .single-article .article-content h3 a {
    color : black !important;	
}

.following-post .single-article .article-content h3 a:hover {
    color : #FF0052 !important;	
}


.following-post .single-article .article-content .below-entry-meta .posted-on .entry-date{
    color : black !important;	
}

.page-header .page-title {
	border-bottom-color: : red !important;
}

article .article-content .post-views {
	display : none;
}

article .article-content .below-entry-meta span .entry-date {
	color : black !important;
}

.single-article .article-content .entry-content p , #main .inner-wrap #primary #content .article-container .article-content .entry-content p {
  max-height : 67px !important;
   overflow: hidden;
}

.single-article .article-content .below-entry-meta span i , .single-article .article-content .below-entry-meta span a {
 color : white;
}

#primary #content .following-post .single-article img{
	width :  130px !important;
	height :  90px !important;
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}








@font-face {
/*    font-family: 'rsu';*/
    src: url('//undubzapp.com/wp-content/themes/colormag-pro/fonts/rsu_regular-webfont.eot');
    src: url('//undubzapp.com/wp-content/themes/colormag-pro/fonts/rsu_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('//undubzapp.com/wp-content/themes/colormag-pro/fonts/rsu_regular-webfont.woff2') format('woff2'),
         url('//undubzapp.com/wp-content/themes/colormag-pro/fonts/rsu_regular-webfont.woff') format('woff'),
         url('//undubzapp.com/wp-content/themes/colormag-pro/fonts/rsu_regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'thaisans';
    src: url('//undubzapp.com/wp-content/themes/colormag-pro/fonts/ThaiSansNeue-Regular.eot');
    src: url('//undubzapp.com/wp-content/themes/colormag-pro/fonts/ThaiSansNeue-Regular.eot?#iefix') format('embedded-opentype'),
         url('//undubzapp.com/wp-content/themes/colormag-pro/fonts/ThaiSansNeue-Regular.woff') format('woff'),
         url('//undubzapp.com/wp-content/themes/colormag-pro/fonts/ThaiSansNeue-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body h1, body h2.entry-title a, body h3.entry-title a , body header h1, body h3.widget-title, body h2.widget-title {font-family: 'rsu'; font-weight:normal !important;}










body a {color:#FF0052;}
body i.fa.fa-calendar-o {display:none;}
body h2 {font-size:24px;}
body h3.widget-title {font-size:22px; text-shadow: 2px 2px 6px rgba(0,0,0,0.4);}


.widget_featured_posts .article-content .entry-title a:hover,
#content .post .article-content .entry-title a:hover, .entry-meta .byline i, .entry-meta .cat-links i, .entry-meta a, .post .entry-title a:hover, .search .entry-title a:hover,
.widget_featured_slider .slide-content .below-entry-meta .byline a:hover, .widget_featured_slider .slide-content .below-entry-meta .comments a:hover, .widget_featured_slider .slide-content .below-entry-meta .posted-on a:hover, .widget_featured_slider .slide-content .entry-title a:hover,
.widget_block_picture_news.widget_featured_posts .article-content .entry-title a:hover, .widget_highlighted_posts .article-content .below-entry-meta .byline a:hover, .widget_highlighted_posts .article-content .below-entry-meta .comments a:hover, .widget_highlighted_posts .article-content .below-entry-meta .posted-on a:hover, .widget_highlighted_posts .article-content .entry-title a:hover,
.byline a:hover, .comments a:hover, .edit-link a:hover, .posted-on a:hover, .social-links i.fa:hover, .tag-links a:hover,
#colophon .footer-menu ul li a:hover, .footer-widgets-area a:hover, a#scroll-up i {color:#FF0052 !important;}

body .page-header h1.page-title,
body .page-header h3.page-title,
body .widget_featured_posts h3.widget-title
{border-bottom:0px !important;}

body .page-header .page-title span,
body .format-link .entry-content a, body .more-link,
body #content .post .article-content .above-entry-meta .cat-links a, body .page-header .page-title span {background-color:#FF0052 !important;}

body aside.widget_featured_posts .single-article figure {overflow:hidden;}

body .colormag-button, body blockquote, body button, body input[type=reset], body input[type=button], body input[type=submit], 
body .category-slide-next, body .category-slide-prev, body .slide-next, body .slide-prev, body .tabbed-widget ul li {background-color:#FF0052;}

body .subscribe a:before {content:""; width:17px; height:17px; background:url(//undubzapp.com/wp-content/uploads/2016/04/subscription-icon.png) center center no-repeat; background-size:84%; margin-right:10px; display:inline-block; margin-bottom:-3px;}






/* Header */
body .news-bar {background:#ffffff; padding:0;}
body .news-bar .breaking-news-latest {font-family:rsu; font-size:16px; color:#FF0052;}
body .news-bar .newsticker li {line-height:23px; font-size:13px;}
body .news-bar .newsticker li a {color:#FF0052;}
body .news-bar .breaking-news {float:left; padding:8px 0 4px;}

body .news-bar .sitelink {float:left;}
body .news-bar .sitelink a {font-family:rsu; font-size:14px; color:#cccccc; display:block; padding:9px 8px 5px;}
body .news-bar .sitelink a:hover {color:#888888; background:#fbfbfb;}
body .news-bar .sitelink li {line-height:23px; font-size:13px; float:left; border-left:1px solid #f4f4f4;}
body .news-bar .sitelink li:last-child {border-right:1px solid #f4f4f4;}
body .news-bar .subscribe {float:right; padding:8px 10px 4px; border-left:1px solid #f4f4f4; border-right:1px solid #f4f4f4;}
body .news-bar .subscribe a {font-family:rsu; font-size:16px;}
body header #header-text-nav-container {background:#ffffff;}
body header #header-text-nav-container #header-text-nav-wrap {padding:12px 0px;}
body header #header-logo-image img {max-width:250px; width:100%; margin:0; padding:13px 0px;}
body header #adwidget_imagewidget-2 img {margin:0;}
body header nav a.stickylogo {display:none; background:transparent !important;}
/*body header #site-navigation-sticky-wrapper {height:auto !important;}
body header #site-navigation-sticky-wrapper.is-sticky {padding-top:5px;}*/
/*body header #header-text-nav-container {background-color:#ffffff;}*/


/* Footer */
body footer {background:rgb(199,202,200);}
body footer .footer-socket-wrapper {padding:20px 5px; background:rgb(199,202,200);}
body footer .social-links li i.fa {color:#ffffff; width:12px; padding-top:9px; padding-bottom:8px; border-radius:50%; margin:0 5px; font-size:15px;}
body footer .social-links li i.fa.fa-facebook {background:rgb(32,88,144);}
body footer .social-links li i.fa.fa-twitter {background:rgb(0,153,187);}
body footer .social-links li i.fa.fa-google-plus {background:rgb(238,45,51);}
body footer .social-links li i.fa.fa-instagram {background:rgb(77,77,79);}
body footer .social-links li i.fa:hover {color:#ffffff !important;}
body .footer-socket-wrapper .copyright {color:#777779; font-size:12px;}
body .footer-socket-wrapper .copyright a {color:#777779; border-bottom:0px; text-decoration:underline;}
body #colophon .footer-menu ul li a {color:#777779;}


/* Subscribe box */
body #subscribebox {background:rgba(0,0,0,0.7); position:fixed; width:100%; height:100%; left:0; top:0; z-index:999999;}
body #sendy-popup {background:url(//undubzapp.com/wp-content/uploads/2016/06/image.jpeg) center center no-repeat; background-size:contain; position:absolute; width:560px; height:560px; margin-top:-280px; margin-left:-280px; top:50%; left:50%;}
body #sendy-popup em {display:block; position:absolute; top:18px; right:18px; width:22px; height:22px; text-align:center; line-height:normal; font-style:normal; padding:4px; background:rgb(255,0,82); border-radius:50%; cursor:pointer; color:#ffffff;}
body #sendy-popup form#subscribe-form {position:absolute; width:80%; margin-left:-40%; left:50%; top:58%;}
body #sendy-popup form#subscribe-form label ,body #sendy-popup form#subscribe-form br {display:none !important;}
body #sendy-popup form#subscribe-form input {margin-bottom:10px; display:block; width:96%; padding:3% 2%; border:0px; line-height:normal; border-radius:2px; text-align:center; outline:none; font-family:rsu;}
body #sendy-popup form#subscribe-form input[type="submit"] {width:100%;}
body #sendy-popup form#subscribe-form input:last-of-type {margin-bottom:0px;}




/* Navigation + Social icon */
body nav#site-navigation {border-top:4px solid #FF0052; background:#FFFFFF; box-shadow: 0 0 0px rgba(0,  0, 0, 0); border-bottom:3px solid #dddddd;}
body nav#site-navigation .menu-primary-container {width:83%; float:left; display:block;}


body nav#site-navigation .menu-primary-container ul li {width:auto; position:relative; background:#fbfbfb; margin-left:2px;}
body nav#site-navigation .menu-primary-container ul li:first-child {margin-left:0px; margin-top:0;}
body nav#site-navigation .menu-primary-container ul li a {position:relative; padding:5px 5px 12px 0px; font-family:'rsu'; font-size:17px; font-weight:normal; line-height:normal; color:#777779; text-transform:none; width:150px;}
body nav#site-navigation .menu-primary-container > ul > li > a:before {content:""; display:inline-block; width:40px; height:40px; margin-bottom:-15px; margin-right:2px; background-position:center center; background-size:contain;}

body nav#site-navigation .menu-primary-container ul li:hover a,
body nav#site-navigation .menu-primary-container ul li.current-menu-item a,
body nav#site-navigation .menu-primary-container ul li.current-menu-parent a
{background:#ff0052; color:#ffffff; text-shadow: 2px 2px 6px rgba(0,0,0,0.4);}


body nav#site-navigation .menu-primary-container ul li#menu-item-6080 a:before {background-image:url(//undubzapp.com/wp-content/uploads/2016/04/7-icon_zappstar_grey.png);}
body nav#site-navigation .menu-primary-container ul li#menu-item-6047 a:before {background-image:url(//undubzapp.com/wp-content/uploads/2016/03/5-icon_variety_grey.png);}
body nav#site-navigation .menu-primary-container ul li#menu-item-6492 a:before {background-image:url(//undubzapp.com/wp-content/uploads/2016/03/1-icon_lifestylist_grey.png);}
body nav#site-navigation .menu-primary-container ul li#menu-item-5305 a:before {background-image:url(//undubzapp.com/wp-content/uploads/2016/03/3-icon_entertain_grey.png);}
body nav#site-navigation .menu-primary-container ul li#menu-item-8257 a:before {background-image:url(//undubzapp.com/wp-content/uploads/2016/05/8-icon_instagram_grey.png);}

body nav#site-navigation .menu-primary-container ul li#menu-item-6080:hover a:before, body nav#site-navigation ul li#menu-item-6080.current-menu-item a:before, body nav#site-navigation ul li#menu-item-6080.current-menu-parent a:before {background-image:url(//undubzapp.com/wp-content/uploads/2016/04/7-icon_zappstar_wh.png) !important;}
body nav#site-navigation .menu-primary-container ul li#menu-item-8257:hover a:before, body nav#site-navigation ul li#menu-item-8257.current-menu-item a:before, body nav#site-navigation ul li#menu-item-8257.current-menu-parent a:before {background-image:url(//undubzapp.com/wp-content/uploads/2016/05/8-icon_instagram_wh.png) !important;}
body nav#site-navigation .menu-primary-container ul li#menu-item-6047:hover a:before, body nav#site-navigation ul li#menu-item-6047.current-menu-item a:before, body nav#site-navigation ul li#menu-item-6047.current-menu-parent a:before {background-image:url(//undubzapp.com/wp-content/uploads/2016/03/5-icon_variety_wh.png) !important;}
body nav#site-navigation .menu-primary-container ul li#menu-item-6492:hover a:before, body nav#site-navigation ul li#menu-item-6492.current-menu-item a:before, body nav#site-navigation ul li#menu-item-6492.current-menu-parent a:before {background-image:url(//undubzapp.com/wp-content/uploads/2016/03/1-icon_lifestylist_wh.png) !important;}
body nav#site-navigation .menu-primary-container ul li#menu-item-5305:hover a:before, body nav#site-navigation ul li#menu-item-5305.current-menu-item a:before, body nav#site-navigation ul li#menu-item-5305.current-menu-parent a:before {background-image:url(//undubzapp.com/wp-content/uploads/2016/03/3-icon_entertain_wh.png) !important;}

body nav#site-navigation .menu-primary-container ul li > ul.sub-menu {width:100%; top:50px; border-top:3px solid #cccccc;}
body nav#site-navigation .menu-primary-container ul li li {margin-left:0;}
body nav#site-navigation .menu-primary-container ul li li a {padding:8px 15px; width:auto;}
body nav#site-navigation .menu-primary-container ul li li:hover a {background:#CC0041;}



body nav#site-navigation .social-header {width:17%; float:right; display:block;}
body nav#site-navigation .social-header li {width:25%; display:inline-block; float:none; background:none;}
body nav#site-navigation .social-header li a {padding:17% 0%;}
body nav#site-navigation .social-header li a i.fa {color:#ffffff; display:block; margin:auto; padding:15%; width:18px; height:18px; border-radius:50%; font-size:18px;}
body nav#site-navigation .social-header li a i.fa.fa-facebook {background:rgb(32,88,144);}
body nav#site-navigation .social-header li a i.fa.fa-google-plus {background:rgb(238,45,51);}
body nav#site-navigation .social-header li a i.fa.fa-twitter {background:rgb(0,153,187);}
body nav#site-navigation .social-header li a i.fa.fa-instagram {background:rgb(77,77,79);}

body nav#site-navigation .social-header li a i.fa.fa-facebook:hover {color:rgb(32,88,144) !important;}
body nav#site-navigation .social-header li a i.fa.fa-google-plus:hover {color:rgb(238,45,51) !important;}
body nav#site-navigation .social-header li a i.fa.fa-twitter:hover {color:rgb(0,153,187) !important;}
body nav#site-navigation .social-header li a i.fa.fa-instagram:hover {color:rgb(77,77,79) !important;}

body nav#site-navigation .social-header li a:hover, body nav#site-navigation .social-header li a i.fa:hover {background:none;}





/* Sidebar */
body #secondary aside.widget.widget_search form {border:1px solid #777977; overflow:hidden; max-height:45px;}
body #secondary aside.widget.widget_search form input.s {padding:1.2% 1% 1% 2%; width:calc( 97% - 45px ); font-family:rsu; font-size:18px; border:0px; outline:none; line-height:45px;}
body #secondary aside.widget.widget_search form button {background:#777977; margin:0; float:right; width:45px;}
body #secondary aside.widget.widget_FacebookLikeBox .widget-title span {padding-bottom:1px;}
body #secondary aside.widget.widget_FacebookLikeBox .fb_iframe_widget {width:100% !important; display:block;}
body #secondary aside.widget.widget_FacebookLikeBox .fb_iframe_widget span {width:100% !important; display:block;}
body #secondary aside.widget.widget_FacebookLikeBox .fb_iframe_widget span iframe {width:100% !important; display:block;}
body #secondary aside.widget.AdWidget_HTMLWidget > div > div {margin:auto;}




/* Home page */
body.home #home-h1 {padding:4px 0px 4px; border-top:1px solid #f7f7f7;}
body.home #home-h1 h1 {text-transform:none; font-weight:normal !important; font-size:11px; color:#cccccc; font-family:arial; max-width:1140px; margin:auto; padding:0;}
body.home .widget_featured_posts h3.widget-title {font-size:22px;}
body.home .widget_featured_posts h3.widget-title span {padding-left:42px; background-size:40px 40px; background-repeat:no-repeat; background-position:left center;}
body.home #colormag_featured_posts_widget-2.widget_featured_posts h3.widget-title span {background-image:url(//undubzapp.com/wp-content/uploads/2016/04/7-icon_zappstar_wh.png);}
body.home #colormag_featured_posts_widget-8.widget_featured_posts h3.widget-title span {background-image:url(//undubzapp.com/wp-content/uploads/2016/03/3-icon_entertain_wh.png);}
body.home #colormag_featured_posts_widget-9.widget_featured_posts h3.widget-title span {background-image:url(//undubzapp.com/wp-content/uploads/2016/03/5-icon_variety_wh.png);}
body.home #colormag_featured_posts_widget-5.widget_featured_posts h3.widget-title span {background-image:url(//undubzapp.com/wp-content/uploads/2016/03/1-icon_lifestylist_wh.png);}
body.home .widget_featured_posts img {margin:0;}

body.home .widget_slider_area .slide-content ,
body.home .widget_beside_slider .article-content 
/*{background:url(//undubzapp.com/wp-content/uploads/2016/03/bg-transparent.png) top center repeat-x; opacity:1; background-size:100% 100%;}*/
{
  padding: 5.5% 2.5%;
  padding-bottom:8px;
  opacity: 0.79;
  
  background: rgba(0,0,0,0);
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)));
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
  background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
  background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}
body.home .widget_slider_area .slide-content a ,
body.home .widget_beside_slider .article-content a
{
  display:block;
}
body.home .widget_slider_area .slide-content h2 {font-size:19px;}
body.home .widget_slider_area .bx-controls a {display:block;}
body.home .widget_slider_area .bx-controls a > div {top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); border-radius:0;}
body.home .widget_slider_area .bx-controls a.bx-prev > div {margin-right:0; right:initial; left:0;}
body.home .widget_slider_area .bx-controls a.bx-next > div {margin-right:0;}
body.home .widget_slider_area .bx-controls i {display:block;}

body.home .main-content-section .widget_featured_posts .first-post > .single-article {min-height:405px;}
body.home .main-content-section .widget_featured_posts .first-post .article-content {background:none;}
body.home .main-content-section .widget_featured_posts .first-post .article-content h3 a {color:#000000;}
body.home .main-content-section .widget_featured_posts .first-post .article-content .posted-on a ,
body.home .main-content-section .widget_featured_posts .first-post .article-content .posted-on a i.fa {color:rgb(199,202,200);}
body.home .main-content-section .widget_featured_posts .first-post .article-content p {color:#000000; font-size:13px; line-height:22px;}
body.home .main-content-section .widget_featured_posts .following-post .article-content {float:right; width:calc( 100% - 140px ); padding:0;}
body.home .main-content-section .widget_featured_posts .following-post .article-content h3 {font-size:16px; padding-top:2px;}
body.home .main-content-section .widget_featured_posts .following-post .article-content h3 a {display:block;}

body.home .widget_slider_area h3.entry-title a {font-size:24px;}
body.home #main .main-content-section .tg-one-half .first-post .article-content {min-height:220px;}
body.home #main .main-content-section .first-post {position:relative;}
body.home #main .main-content-section .first-post .article-content .entry-content a {position:absolute; bottom:7px; left:15px; font-size:13px;}

body.home footer .footer-area-top {padding:25px 0px; display:table;}
body.home footer .footer-area-top > * {vertical-align:bottom; display:table-cell;}
body.home footer .footer-area-top .footer-content {width:70%; font-size:11px; line-height:15px;}
body.home footer .footer-area-top .social-links {width:30%;}
body.home footer .footer-socket-wrapper {padding:10px 5px 8px; background:#ff0052;}
body.home .footer-socket-wrapper .copyright {color:#ffffff; margin:0;}
body.home .footer-socket-wrapper .copyright a {color:#ffffff; border-bottom:0px; text-decoration:underline;}
body.home #colophon .footer-menu {padding:0;}
body.home #colophon .footer-menu ul li a {color:#ffffff;}
body.home #colophon .footer-menu ul li a:hover {color:#ffffff !important; text-decoration:underline;}
body.home a#scroll-up {padding:5px; background:#ffffff;}

body.home #instagram-list-dara {margin-bottom:20px; background:#d5d5d5;}
body.home #instagram-list-dara h2 {padding:12px 20px 10px; background:#ff0052; color:#ffffff; font-size:15px; margin:0;}
body.home #instagram-list-dara h2:before {content:""; color:#ffffff; padding-right:22px; margin-right:8px; background:url(//undubzapp.com/wp-content/uploads/2016/05/8-icon_instagram_wh.png) center center no-repeat; background-size:180%;}
body.home #instagram-list-dara h2 a {color:#ffffff; text-decoration:underline;}
body.home #instagram-list-dara h2 a:first-child {margin-right:8px;}
body.home #instagram-list-dara > h3 {font-size:13px; color:#999999; text-align:center; padding:10px;}
body.home #instagram-list-dara ul {display:block; padding:0px 0px;}
body.home #instagram-list-dara .inner {margin:auto; max-width:90%; width:150px; background:#222222; box-shadow:2px 3px 5px rgba(0,0,0,0.2);}
body.home #instagram-list-dara li h3 {font-size:12px; color:#ff0052;}
body.home #instagram-list-dara li a {display:block;}
body.home #instagram-list-dara li a > * {padding:4px 4px 0px;}
body.home #instagram-list-dara .img {background:#ffffff; padding:4px;}
body.home #instagram-list-dara img {max-width:100%; background:#ffffff; display:block; margin:0; padding:0;}
body.home #instagram-list-dara p {font-size:13px; margin:0; min-height:55px; color:#ff0052;}
body.home #instagram-list-dara li {width:25%; float:left; margin-bottom:22px;}
body.home #instagram-list-dara li:nth-child(4n+1) {clear:both;}
body.home #instagram-list-dara p.readmore {width:94%; margin:auto; text-align:right; min-height:initial;}
body.home #instagram-list-dara p.readmore a {font-size:13px; display:inline-block; font-family:arial; background:#ffffff; padding:6px 10px 4px; border-top-left-radius:4px; border-top-right-radius:4px; color:#999;}
body.home #instagram-list-dara p.readmore a:hover {color:#ff0052;}




/* main category */
/* Archive Page */
body.page #primary.category-page article.page {background:#fbfbfb; padding:12px 18px; margin-bottom:24px;}
body.page #primary.category-page article.page p {font-size:17px; margin:0; font-family:rsu;}
body.page #primary.category-page header.entry-header h1 {padding:0;}

body.archive #content article:first-child {padding-bottom:35px;}

body.page #primary.category-page aside.widget .single-article ,
body.archive #content article
{min-height:462px; position:relative;}

body.page #primary.category-page aside.widget .single-article .article-content ,
body.archive #content article .article-content 
{padding-bottom:0px; position:static; background:none;}

body.page #primary.category-page aside.widget .widget-title .viewall {display:block; padding-left:10px; text-shadow:initial; float:left;}
body.page #primary.category-page aside.widget .widget-title span {padding:4px 12px 2px; font-size:18px; float:left;}
body.page #primary.category-page aside.widget .single-article .entry-title a {font-size:22px; color:#000000; text-shadow:initial; padding-top:10px; display:block;}
body.page #primary.category-page aside.widget .single-article .below-entry-meta {display:block; margin:0; padding-bottom:20px;}
body.page #primary.category-page aside.widget .single-article .below-entry-meta a {color:#000;}

body.archive #content article:first-child .article-content .entry-content p {font-family:rsu; font-size:16px; line-height:22px; color:#000000;}

body.page #primary.category-page aside.widget .single-article .entry-title a,
body.archive #content article .article-content .entry-title a
{font-size:19px; line-height:21px; display:inline-block;}

body.page #primary.category-page aside.widget .single-article .entry-content p,
body.archive #content article .article-content .entry-content p
{color:#000000; font-size:13px; line-height:22px;}

body.page #primary.category-page aside.widget .single-article a.more-link,
body.archive #content article .article-content .entry-content a.more-link
{position:absolute; bottom:12px; left:15px; background:none !important; font-size:12px;}

body.page #primary.category-page aside.widget .single-article a.more-link span,
body.archive #content article .article-content .entry-content a.more-link span 
{color:#ff0052; padding:0; background:none !important; display:block;}

body.page #primary.category-page aside.widget .single-article .social-share,
body.archive #content article .article-content .entry-content .social-share 
{position:absolute; right:15px; bottom:10px;}

body.page #primary.category-page aside.widget .single-article .social-share button,
body.archive #content article .article-content .entry-content .social-share button 
{margin-bottom:0; background:#777779 !important; width:27px; height:27px; padding:6px; margin:0px 1px; border-radius:50%;}

body.page #primary.category-page aside.widget .single-article .social-share button i,
body.archive #content article .article-content .entry-content .social-share button i 
{color:#ffffff; padding:0; font-size:14px; display:block; width:auto;}

body.page #primary.category-page aside.widget .single-article .social-share em,
body.archive #content article .article-content .entry-content .social-share em 
{display:none;}

body.archive.category .page-header .page-title span {padding-left:50px; background-size:40px 40px; background-repeat:no-repeat; background-position:left center;}
body.archive.category-12 .page-header .page-title span {background-image:url(//undubzapp.com/wp-content/uploads/2016/04/7-icon_zappstar_wh.png);}
body.archive.category-1 .page-header .page-title span {background-image:url(//undubzapp.com/wp-content/uploads/2016/03/2-icon_beauty_wh.png);}
body.archive.category-11 .page-header .page-title span {background-image:url(//undubzapp.com/wp-content/uploads/2016/03/5-icon_variety_wh.png);}
body.archive.category-13 .page-header .page-title span {background-image:url(//undubzapp.com/wp-content/uploads/2016/03/1-icon_lifestylist_wh.png);}
body.archive.category-2039 .page-header .page-title span {background-image:url(//undubzapp.com/wp-content/uploads/2016/03/4-icon_tech_wh.png);}
body.archive.category-2235 .page-header .page-title span {background-image:url(//undubzapp.com/wp-content/uploads/2016/03/3-icon_entertain_wh.png);}

body .default-wp-page .previous {float:right;}
body .default-wp-page .next {float:left;}





/* Single page */
body.single #content {padding-bottom:12px;}
body.single article.post .article-content .entry-content > :first-child {font-weight:bold;}
body.single article.post .article-content .entry-content > :last-child {text-align:left !important; margin:auto;}
body.single article.post .article-content #wpdevar_comment_1 {animation: initial !important;}
body.single article.post .article-content .entry-content > div:nth-of-type(4) {text-align:center;}
body.single article.post .article-content .entry-content .wp-video {margin:15px auto;}
body.single article.post .article-content .yengo-block.ads-inner-content > div {margin:auto;}
body article .ads-inner-single-post {padding-bottom:20px;}
body article .ads-inner-single-post > div:after {content:""; display:block; float:none; height:0; clear:both;}
body article .ads-inner-single-post > div > div {width:50%!important;display:block!important;float:left;}
body.single .fb-like > span {vertical-align: top !important;}
body.single section#colormag_featured_posts_small_thumbnails-7 .related-posts {box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1); padding-top:18px;}
body.single section#colormag_featured_posts_small_thumbnails-7 .single-article {float:left; width:25%; min-height:200px; box-shadow:none;}
body.single section#colormag_featured_posts_small_thumbnails-7 .single-article img {width:100%;}
body.single section#colormag_featured_posts_small_thumbnails-7 .single-article h3 {font-size:16px; padding:0;}




/* Share post */
body .share-buttons #facebook a.box {border:0px; background:#3b5998;}
body .share-buttons #facebook a.box .count {color:#ffffff; background:none; padding-left:0; font-size:14px; line-height: 35px;}
body .share-buttons #facebook a.box .share {margin-right:0;}
body .share-buttons #facebook a.box .share .fa {color:#ffffff; font-size:20px;}
body .share-buttons .fb-like {display:inline-block;}
body article .social-share {padding-bottom:8px; clear:both;}
body article .social-share button {padding:0; margin-bottom:0;}
body article .social-share button i {width:30px; text-align:center; padding:15px 10px; font-size:20px; display:block; color:#ffffff;}
body article .social-share button em {display:none;}
body article .social-share button.facebook {background:#3b55a0;}
body article .social-share button.twitter {background:#0099bb;}
body article .social-share button.googleplus {background:#ee2d33;}
body article .social-share > * {display:block; float:left; margin-right:5px; border-radius:50%;}
body article .social-share > span {overflow:hidden;}
body article .social-share > span iframe {display:block; width:40px !important; padding:5px; background:#00b900;}
body article .social-share > span a {display:block; padding-top:2px; padding-left:2px;}
body article .social-share > span a img {border-radius:50%; width:50px; height:50px;}

/* Subscribe Page */
body.page #subscribe-page {text-align:center;}
body.page #subscribe-page * {font-family:rsu; line-height:normal}
body.page #subscribe-page h2 {font-size:1.7rem; padding:0;}
body.page #subscribe-page h3 {font-size:1.6rem; padding:0;}
body.page #subscribe-page p.belowh2 {font-size:1.5rem;}
body.page #subscribe-page #signup-form {padding-bottom:24px;}
body.page #subscribe-page #signup-form input[type="text"] {display:block; margin:0px auto 12px; width:60%; padding-top:12px; text-align:center;}
body.page #subscribe-page #signup-form input[type="submit"] {margin:0; width:62%;}

body.page .info-subscribed {text-align:center; padding:12px 15px 10px; border-radius:8px; background:#f5f5f5;}
body.page .info-subscribed * {font-family:rsu; margin:0; line-height:normal;}
body.page .info-subscribed h2 {font-size:2.2rem;}
body.page .info-subscribed p {font-size:1.3rem;}
body.page #activity-conditional {padding:28px 10px 10px;}
body.page #activity-conditional * {font-size:13px; margin:0; padding:0; line-height:normal;}
body.page #activity-conditional h2 {font-size:1.5rem; font-family:rsu;}
body.page #activity-conditional em {padding-bottom:9px;}
body.page #activity-conditional > p {padding-top:20px;}
body.page #activity-conditional ol li p {padding-left:8px;}







@media screen and (min-width:1200px) {
  body header .is-sticky nav a.stickylogo {display:block; float:left; max-width:8%; width:150px; min-height:50px; padding:0px; background:url(//undubzapp.com/wp-content/uploads/2016/03/logo-2016-black.png) center center no-repeat !important; background-size:90% !important;}
  body header .is-sticky nav a.stickylogo em {display:none;}
  body nav#site-navigation .menu-primary-container {max-width:75%;}
}

@media screen and (max-width:1200px) and (min-width:769px){
  body header #header-text-nav-wrap #header-left-section {width:23%; max-width:270px; margin:0; float:left;}
  body header #header-text-nav-wrap #header-left-section #header-logo-image {margin:0;}
	body header #header-text-nav-wrap #header-right-section {width:77%; max-width:728px; float:right;}
  body .news-bar .breaking-news {width:65%; height:auto; text-align:left;}
}

@media screen and (max-width:1100px) and (min-width:570px){
  body.home .widget_featured_posts .following-post .article-content .entry-title {max-height:40px; overflow:hidden; font-size:15px;}
}

@media screen and (max-width:980px) and (min-width:769){
  body article .ads-inner-single-post > div > div {width:auto;float:none;padding-bottom:8px;}
}

@media screen and (max-width:768px) {
  .home-icon.front_page_on, .main-navigation a:hover, .main-navigation ul li ul li a:hover, .main-navigation ul li ul li:hover>a, .main-navigation ul li.current-menu-ancestor>a, .main-navigation ul li.current-menu-item ul li a:hover, .main-navigation ul li.current-menu-item>a, .main-navigation ul li.current_page_ancestor>a, .main-navigation ul li.current_page_item>a, .main-navigation ul li:hover>a, .main-small-navigation li a:hover, .site-header .menu-toggle:hover {background-color:transparent !important;}
  
  body header .news-bar > .inner-wrap {width:auto;}
  body header .news-bar > .inner-wrap > .sitelink li:first-child {border-left:none;}
  body header .news-bar > .inner-wrap > .sitelink li a {padding:9px 7.2px 5px; font-size:13px;}
  body header .news-bar > .inner-wrap > .subscribe {display:none;}
  body header #header-right-section {display:block !important;}
  body header #header-text-nav-container > .inner-wrap {width:auto;}
 	body header #header-text-nav-container > .inner-wrap * {margin-bottom:0;}
  body header #header-text-nav-container > .inner-wrap #header-logo-image {display:none !important;}
  body header #header-text-nav-container #header-text-nav-wrap {padding:0; margin-top:1px;}
  body header #header-text-nav-container .advertisement_728x90 img {width:100%;}
  body header nav a.stickylogo {display:block; float:left; width:60%; max-width:250px; min-height:42px; padding:0px; background:url(//undubzapp.com/wp-content/uploads/2016/03/logo-2016-black.png) left center no-repeat !important; margin:4px 0px 4px 12px; background-size:contain !important;}
  body header nav a.stickylogo em {display:none;}
  body nav#site-navigation {border-top:0; border-bottom:4px solid #FF0052;}
  body nav#site-navigation.main-small-navigation {border-bottom:0px solid #FF0052;}
  body .is-sticky nav#site-navigation {box-shadow:0 0 4px rgba(0, 0, 0, 0.5);}
  body nav#site-navigation > .inner-wrap {width:100%;}
  body nav#site-navigation .menu-toggle {float:right; padding-top:4px;}
  body nav#site-navigation .menu-toggle:before {color:#ff0052; background-color:transparent !important;}
  body nav#site-navigation .menu-primary-container > ul > li {background:#FF0052; margin-top:1px; margin-left:0;}
  body nav#site-navigation .menu-primary-container > ul > li > a {width:auto; max-width:300px; color:#ffffff; padding-left:12px;}
  body nav#site-navigation .menu-primary-container ul.menunav-menu > li > a:before {margin-right:15px;}
  body nav#site-navigation .menu-primary-container {max-width:none; float:none; width:auto;}
  body nav#site-navigation .menu-primary-container > ul {padding-top:0px; padding-bottom:0px; margin-top:12px; background:#000000;}
	body nav#site-navigation .menu-primary-container ul li#menu-item-6080 a:before {background-image:url(//undubzapp.com/wp-content/uploads/2016/04/7-icon_zappstar_wh.png);}
  body nav#site-navigation .menu-primary-container ul li#menu-item-8257 a:before {background-image:url(//undubzapp.com/wp-content/uploads/2016/05/8-icon_instagram_wh.png);}
	body nav#site-navigation .menu-primary-container ul li#menu-item-6047 a:before {background-image:url(//undubzapp.com/wp-content/uploads/2016/03/5-icon_variety_wh.png);}
	body nav#site-navigation .menu-primary-container ul li#menu-item-6492 a:before {background-image:url(//undubzapp.com/wp-content/uploads/2016/03/1-icon_lifestylist_wh.png);}
  body nav#site-navigation .menu-primary-container ul li#menu-item-5305 a:before {background-image:url(//undubzapp.com/wp-content/uploads/2016/03/3-icon_entertain_wh.png);}
  body nav#site-navigation .menu-primary-container ul .sub-toggle {top:25px; margin-top:-12px; background:#E20049;}
  body nav#site-navigation .menu-primary-container ul .sub-toggle i {color:#ffffff;}
  body nav#site-navigation .menu-primary-container ul li > ul.sub-menu {border-top:0px;}
  body nav#site-navigation .menu-primary-container ul li > ul.sub-menu li {border-top:1px solid #d5d5d5; background:#FFEDF3; margin:0;}
  body nav#site-navigation .menu-primary-container ul li > ul.sub-menu li a {color:#999999; background:none !important; padding-left:75px; text-shadow:none;}
  body nav#site-navigation .menu-primary-container ul li > ul.sub-menu li.current-menu-item {background:#FFC9DA !important;}
  body nav#site-navigation .menu-primary-container ul li > ul.sub-menu li.current-menu-item a {color:#555555;}
  body nav#site-navigation .social-header {width:100%; display:none; float:none; background:#000000; padding-top:5px;}
  body nav#site-navigation .social-header ul {display:block; max-width:190px; margin:auto;}
  body nav#site-navigation.main-small-navigation .social-header {display:block;}
  body nav#site-navigation.main-small-navigation .subscribe {display:block; text-align:center; background:#000000; padding:5px 5px 8px;}
  body nav#site-navigation.main-small-navigation .subscribe a {display:block !important; font-family:rsu; color:#ff0052; font-size:15px; padding:0;}
  body footer .footer-socket-right-section {padding-bottom:12px;}
  
  /* Home */
  body.home #home-h1 {padding:4px 12px; border-top:0px; border-bottom:1px solid #f8f8f8; text-align:center;}
  body.home #home-h1 h1 {font-size:8px; color:#aaaaaa;}
  /*body.home .widget_slider_area .slide-content {padding-right:2%; padding-right:calc( 100% - 180px );}*/
  body.home footer .footer-area-top {display:block;}
	body.home footer .footer-area-top > * {display:block; text-align:justify;}
	body.home footer .footer-area-top .footer-content {width:auto; font-size:11px; line-height:15px;}
	body.home footer .footer-area-top .social-links {width:auto; padding-top:25px; text-align:center;}
  
  body.archive #content article {min-height:inherit; padding-bottom:35px;}
  body #secondary aside.widget.widget_FacebookLikeBox {display:none;}
  body.single article .entry-content .ads-inner-single-post, body.single article .entry-content > div {margin:auto -15px;}
  body.single article.post table.tb-lotto td {font-size:13px; font-family:arial; padding:5px;}
  body.single section#colormag_featured_posts_small_thumbnails-7 .single-article {float:left; width:50%;}
	/* Mobile Widget */
	body.single article .entry-content .mobileads {position:fixed; left:0; bottom:0; width:100%; max-height:90px; z-index:9; margin:auto;}

  body #sendy-popup {background:url(//undubzapp.com/wp-content/uploads/2016/06/image.jpeg) center center no-repeat; background-size:contain; width:300px; height:300px; margin-top:-150px; margin-left:-150px;}
  body #sendy-popup form#subscribe-form input {margin-bottom:6px; padding:1% 2%;}
}

@media screen and (max-width:640px) {
  body.single a#scroll-up {padding-bottom:30px;}
  body.single footer {padding-bottom:50px;}
  body article .ads-inner-single-post > div > div {width:auto;float:none;padding-bottom:25px;margin:auto;width:auto!important;}
}

@media screen and (max-width:600px) {
	body.page #primary.category-page aside.widget .single-article {width:auto; max-width:none; min-height:initial; float:none; padding-bottom:38px;}
  body.page #primary.category-page aside.widget .single-article figure img {width:100%;}
  
/*  body.single.no-adv #primary {max-height:1580px; overflow:hidden; position:relative;} */
  body.single.no-adv #primary.show {max-height:initial;}
  body.single.no-adv #primary > a.readmore {display:block !important; position:absolute; bottom:0; left:0; width:100%; height:auto; text-align:center; padding:60px 0 0; background:url(//undubzapp.com/wp-content/uploads/2016/10/bg-readmore.png) center top no-repeat; font-size:13px;}
  body.single.no-adv #primary > a.readmore:after {content:""; display:block; background:#ffffff; float:none; height:50px;}
  body.single.no-adv #primary > a.readmore span {padding:9px 110px; background:#ff0052; border-radius:5px; color:#ffffff;}
  
  /* Home */
  body.home #instagram-list-dara i {padding-bottom:5px;}
  body.home #instagram-list-dara li {width:32%; float:left; margin-bottom:22px; padding-right:1%;}
  body.home #instagram-list-dara li:nth-child(3n+1) {clear:both; padding-left:1%;}
  body.home #instagram-list-dara li:nth-child(4n+1) {clear:none;}
}

@media screen and (max-width:569px) {
  /* Home */
  body.home #main .main-content-section .tg-one-half .first-post .article-content, 
  body.home .main-content-section .widget_featured_posts .first-post > .single-article
  {min-height:initial;}
  body.home .main-content-section .widget_featured_posts .first-post .article-content {padding-bottom:22px;}
	body.home #main .main-content-section .first-post, body.home #main .main-content-section .following-post {width:auto; float:none;}
}

@media screen and (max-width:450px) {
  /* Home */
  body.home #instagram-list-dara ul {max-width:450px; margin:auto;}
  body.home #instagram-list-dara li {width:48%; float:left; margin-bottom:22px; padding:0 1%;}
  body.home #instagram-list-dara li:nth-child(2n+1) {clear:both;}
  body.home #instagram-list-dara li:nth-child(3n+1) {clear:none; padding-left:0;}
  body.home #instagram-list-dara li:nth-child(4n+1) {clear:none;}
}
@media screen and (max-width:320px) {
  body header .news-bar > .inner-wrap > .sitelink li:last-child {border-right:none;}
}



body {background:none !important;}
body.thairoyal #sendy-popup {background-image:url(//undubzapp.com/wp-content/uploads/2016/10/img-rest-in-peace.jpg); box-shadow:0 0 100px rgba(255,255,255,0.8); border:5px solid #3a3a3a;}
body.thairoyal #sendy-popup em {width:180px; height:auto; background:none; padding:0; margin:auto auto -37px -90px; bottom:12%; left:50%; top:initial;}
body.thairoyal #sendy-popup em img {margin:auto;}
body.thairoyal header #header-text-nav-container #header-text-nav-wrap {padding:12px 0px; margin-left:55px; position:relative;}
body.thairoyal header #header-text-nav-container #header-text-nav-wrap:before {content:""; display:block; background:url(//undubzapp.com/wp-content/uploads/2016/10/ribbon-black.png) center center no-repeat; width:42px; height:60px; margin-top:-30px; margin-right:12px; position:absolute; right:100%; top:55%;}

body #thairoyal {/*position:absolute; width:100%; height:100px; top:0;*/ background-color:#000000 !important; /*background-image:url(//undubzapp.com/wp-content/uploads/2016/10/bg-thai.png) !important;*/ background-size:250px !important;}
body #thairoyal img {width:100%; max-width:521px; max-height:100%; margin:auto; display:block;}

@media screen and (max-width:768px) {
  body.thairoyal #sendy-popup {width:290px; height:290px;}
	body.thairoyal #sendy-popup em {width:100px; height:auto; background:none; padding:0; margin:auto auto -20px -50px; bottom:12%; left:50%; top:initial;}
  body.thairoyal header #header-text-nav-container #header-text-nav-wrap {margin-left:0px; padding:0;}
  body.thairoyal header #header-text-nav-container #header-text-nav-wrap:before {display:none;}
  body.thairoyal header #header-text-nav-container .sticky-wrapper > nav > div{position:relative; margin-left:0px;}
  body.thairoyal header #header-text-nav-container .sticky-wrapper > nav > div:before {content:""; display:block; background:url(//undubzapp.com/wp-content/uploads/2016/10/ribbon-black.png) center center no-repeat; background-size:cover; position:absolute; left:2px; top:8px; width:30px; height:40px; margin-top:0px;}
  body.thairoyal header #header-text-nav-container .sticky-wrapper > nav > div > a.stickylogo {margin-left:34px;}
}