@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url(http://fonts.googleapis.com/css?family=Lato:400,300,700,900);
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400');


@font-face {
    font-family: 'avenir-black';
    src: url('fonts/Avenir-Black-webfont.eot');
    src: url('fonts/Avenir-Black-webfont.woff') format('woff'),
         url('fonts/Avenir-Black-webfont.ttf') format('truetype'),
         url('fonts/Avenir-Black-webfont.svg#avenir-black') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'avenir-oblique';
    src: url('fonts/Avenir-Oblique-webfont.eot');
    src: url('fonts/Avenir-Oblique-webfont.woff') format('woff'),
         url('fonts/Avenir-Oblique-webfont.ttf') format('truetype'),
         url('fonts/Avenir-Oblique-webfont.svg#avenir-oblique') format('svg');
    font-weight: normal;
    font-style: normal;
}
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');

 /* Chrome, Safari, Edge, Opera */
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
 }
 
 /* Firefox */
 input[type=number] {
   -moz-appearance: textfield;
 }
html {
    font-size: 100%;
}


body {
    font-family: Georgia,"Times New Roman",Times,serif;
   /* font-family: 'avenir-oblique', sans-serif; */
    font-size: 19px;
    color: #333;
    line-height: 1.5em;
    
    overflow-x: hidden !important;
    margin: auto !important;

  background: #fff !important; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
p{

    font-size: 16px;
    color:#000;
}
table tr td {
    font-family: var(--font1)!important;
    font-weight: var(--pfontweight);
    padding-bottom: 7px;
    color: #000;
    font-size: var(--pfontsize);
   line-height: 30px;
  
    
}
ol.linked li {
    
    font-size: 17px;
    padding-bottom: 14px;
    color: #000;
}
.chart {max-width:1000px;display: block;
width: 130%;}

.content{
  /* change this property on 27-12-2018 to avoid resposive issue on some articles
  display: table-row; */
  display: block;
  /*min-height: 1200px;
  height:auto;*/
}



/* MENU CSS START HERE DRIVEIT */
.menuDRopDwn{position:relative !important;}
.menuDRopDwn ul{
    color: #000;
    background-color: #333333;
    position: absolute;
    z-index: 100;
    margin: 0;
    padding: 0;
    list-style-type: none;  
    padding:0px !important;
    width: 180px;
    box-shadow: rgb(170, 170, 170) 5px 5px 5px;
    display:none;
}

.menuDRopDwn ul li a{ 
    width: 100%;
    padding: 10px 40x !important; 
    border-bottom: 1px solid #ccc;
    border-right: 0px !important;
    padding: 3px 15px;
    padding-left:20px;
    display: block;
    color: #fff !important;
    font-size: .85em;
    background-image: url(../images/arrow-right.png);
    background-repeat: no-repeat;
    background-position: 3px 3px;
}

 
.menuDRopDwn li a {
    border-bottom: 1px solid #ccc !important;
}
.menuDRopDwn .rightarrowclass{
    border: 0;
    float: right;
    margin-top: 8px;
}

.menuDRopDwn ul li ul{
    position: absolute;
    display: block;
    right: -100%;
    top: 0;
    border-radius: 0px;
    box-shadow: rgb(170, 170, 170) 5px 5px 5px;
    display:none !important;
}

.menuDRopDwn ul li:hover ul {
    display:block !important; 
}

.menuDRopDwn ul li ul li{   
    padding: 0px 0px !important;
    margin: 0px;    
}
.menuDRopDwn ul li ul li a{
    padding: 6px 10px !important;
    line-height: 18px;
    padding-left: 20px !important;
}
.menuDRopDwn:hover ul{
    display:block;
}
/* MENU CSS END HERE DRIVEIT */



.owl-theme .owl-controls {
    margin-top: 2px;
}
#contentLeft .title {
    font-size: 20px;
    font-weight: bold;
    font-family:var(--font2);
}
.side-box ul li {
    list-style: none;
    font-size: 17px;
}
span.normal {
    font-size: 19px;
    line-height: 30px;
    color: #000;
}
/* Internet Explorer 10 in Windows 8 and Windows Phone 8 Bug fix */
@-webkit-viewport {
    width: device-width;
}
@-moz-viewport {
    width: device-width;
}
@-ms-viewport {
    width: device-width;
}
@-o-viewport {
    width: device-width;
}
@viewport {
    width: device-width;
}
.error{
    color: red;
}
.success{
    color: green;
}
a {
    
    -webkit-transition: all ease 0.25s;
            transition: all ease 0.25s;
}

footer a {color:#fff !important;}

a:hover {
    color:#1ac6ff;
    text-decoration: none;
}
.btn:focus,
.btn:active {
    outline: inherit;
}
/* Other fixes*/
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
            box-sizing: border-box;
}
ul,
ol {
    padding-left: 0 !important;
}
li {
    list-style: inherit;
    line-height: 30px;
    padding-bottom: 7px;
}
.caption { margin: 5px; float: left; font-size: .9em; line-height:1.1em; max-width:50%;}
.caption img {width:375px; height:auto;}
.padding-left {
    padding-left:15px !important;
}
.widget li,
.header li,
.footer li {
    list-style: none
}
a:hover,
a:active,
a:focus {
    text-decoration:none;
    outline: none;
}
::selection {
    background: #313131;
    color: #ffffff;
    text-shadow: none !important;
}
::-moz-selection {
    background: #313131;
    color: #ffffff;
    text-shadow: none !important;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
/*    float: left; */
}

audio,
canvas,
video {
    display: block;
    display: inline;
    zoom: 1;
}
audio:not([controls]) {
    display: none;
}
.small { 
    font-size: 14px;
    font-style: italic;
}
sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
button,
textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle;
    -webkit-appearance: none;
}



/* select {
    clear: left;
    float: left;
    font-size: 14px;
    margin: 20px 0;
} */
pre {
     -webkit-border-radius: 3px;
    -moz-border-radius:3px;
    border-radius:3px;
    font-family: Courier,monospace;
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 96%;
    overflow: auto;
    padding: 2%;
    position: relative;
}
pre:before {
    clear: both;
    color: #e9575a;
    content: "You can copy / paste the code below!";
    display: block;
    font-family: Georgia,"Times New Roman",Times,serif;
   /* font-family: 'avenir-black',sans-serif; */
    font-size: 12px;
    margin-bottom: 30px;
}
img {
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
    opacity: 1.0;
    height: auto;
}
img.left {
    float: left;
    margin: 0 20px 20px 0;
}
img.right {
    float: right;
    margin: 0 20px 20px 0;
}
img, img:hover {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
img.aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: block;
    clear: both;
    margin-top: 5px;
}
.aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: block;
    clear: both;
}


img.alignleft {
    margin: 10px 20px 20px 0;
    float: left;
}
.alignleft,
.wp-caption .alignleft {
    margin: 10px 10px 20px 0;
    float: left;
}
img.alignright {
    margin: 10px 0 20px 20px;
    float: right;
}
.alignright,
.wp-caption .alignright {
    margin: 20px 0 20px 20px;
    float: right;
}

.content-page a {color:#428bca;}

.wp-caption {
    text-align: center;
    font-family: 'avenir-black',sans-serif;
    font-style: italic;
    max-width: 100%;
}
.wp-caption img,
.wp-caption img a {
    margin: 0;
    padding: 0;
    border: 0 none;
}
.wp-caption .wp-caption-text {
    font-family: 'avenir-black',sans-serif;
    font-size: 12px;
    font-style: normal;
    margin: 0 0 20px 0;
    padding: 10px;
}
.gallery-caption {
    margin-left: 0;
    font-family: 'avenir-black',sans-serif;
    font-style: normal;
    font-size: 10px;
    line-height: 12px;
    margin: 10px 0 !important;
}
.gallery-icon img {
    border: 0px solid transparent !important;
    width: 100%;
    height: auto;
}
.sticky,
.gallery-caption,
.bypostauthor {
    margin: 0;
    padding: 0;
}
.gallery {
    margin: 0 auto 30px !important;
}
.first {clear:both}
.last{margin-right:0}
a.readmore{
    color:#333;
    font-weight:600;
}

p.drop-caps:first-child:first-letter {
    float: left;
    font-size: 75px;
    line-height: 60px;
    padding: 4px;
    margin-right: 7px;
    margin-top: 5px;
    font-family: Georgia;
}
p.drop-caps.full:first-child:first-letter {
    color: #fff;
    background:#333;
    padding: 7px;
    margin-right: 7px;
}
ul.check ul li:before,
.check li:before {
    content: "\f105";
    font-family: "FontAwesome";
    font-size: 16px;
    left: 0;
    padding-right:5px;
    position: relative;
    top: 2px;
}
ul.check ul li,
.check li {
    font-size:14px;
    list-style:none;
    margin-bottom:4px;
}
ul.check ul {
    padding-left:20px !important;
}
.check {
    margin-left:0; 
    padding-left:0
}
.check li a {
    color:#888;
}
a.remove {
    background: url("images/remove.png") repeat scroll 0 0 #798184;
    border-radius: 111px;
    border-style: solid;
    border-width: 1px;
    display: block;
    height: 18px;
    margin: 10px;
    padding-left: 0 !important;
    text-indent: -9999px;
    width: 18px;
}

.loadme{
    visibility: hidden;
}

.filter {font-size:.8em;}
.filter > .panel-default > .panel-heading {padding:3px 15px !important;}
.filter .panel-title {font-size:1em;}
.filter .panel-body div {line-height:1.6em; word-spacing:.5em; padding:8px 12px !important; letter-spacing:.015em;}

.filter .panel-body a { color:#666; word-spacing:.1em;}
.filter .panel-body a:hover { color:#000; }

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

h1, h2, h3 {
    font-family: Georgia,"Times New Roman",Times,serif;
/*  font-family:"Oswald",Helvetica,Arial,sans-serif; */
}
h4, h5, h6 {
    text-transform: uppercase;
    font-family: Georgia,"Times New Roman",Times,serif;
   /* font-family: 'Oswald', sans-serif; */
}
h1,
h2 {
    font-weight: normal;
}
h1 {
    font-size: 3.75rem;
    line-height: 4.688rem;
}
h2 {
    font-size: 3.125rem;
    line-height: 4.063rem;
}
h3 {
    /*font-size: 2.356rem;*/
    line-height: 38px;
    font-weight: normal;
}
h4 {
    font-size: 1.6rem;
    line-height: 30px;
    font-weight: normal;
}
h5 {
    font-size: 1.2833rem;
    font-weight: normal;
}

h6 {
    font-size: 1.133rem;
    font-weight: normal;
}

h1.posttitle{
    font-size: 22px;
    padding: 0px 0px 10px;
    margin:0px;
    line-height: 30px;
}
@media screen and (max-width: 768px) {
    h1.posttitle{
        font-size:18px;
    }
    .header_social_icons {
   
    display: none;}
}
/*---------------------------------------
   Header Styles         
-----------------------------------------*/

.topbar {
    padding:13px 15px 10px;
    margin:0;
    overflow: hidden;
    position: relative;
    display: block;
}
.topbar,
.topbar a {
    color:#fff;
}
.top-menu ul {
    margin-bottom:0;
}
.top-menu ul li {
    padding:1px 5px 0;
    display:inline-block;
}

.box li:before,
.top-menu ul li:after {
    content: "\f142";
    color:#b5b5b5;
    padding-left: 12px;
    font-family: 'FontAwesome';
}
.top-menu ul li:last-child:after {
     content: "" !important;
}

.social-icons span {
    color:#000;
    text-align:center;
    font-size:18px;
    background:#fff;
    width:32px;
    height:32px;
    line-height:32px;
    display:inline-block;
}
.footer .social-icons {
    padding-bottom:5px;
}

.footer .social-icons span{
    color:#fff;
    background: #222;
}

.social-icons .social-facebook:hover {
    background:#3b5998;
}
.social-icons .social-google-plus:hover {
    background:#D34836;
}
.social-icons .social-twitter:hover {
    background:#00aced;
}
.social-icons .social-pinterest:hover {
    background:#C92228;
}
.social-icons .social-linkedin:hover {
    background:#4875B4;
}
.social-icons .social-youtube:hover {
    background:#cc181e;
}
.social-icons .social-instagram:hover {
    background:#4E433C;
}
.social-icons .social-tumblr:hover {
    background:#2B4964;
}
.social-icons .social-flickr:hover {
    background:#FE0883;
}

.header {
    background-color:#fff;
    padding:30px 15px 10px;
}
.logo-wrapper {
    padding:10px 0;
}
.searchbox {
    bottom: 0;
    float: right;
    line-height: 48px;
    min-width: 54px;
    overflow: hidden;
    position: relative;
    background: #222;
    right: 0 !important;
    width:0;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}

.searchbox-input{
    top:0;
    right:0;
    border:0;
    outline:0;
    background:#333;
    width:100%;
    line-height: 36px;
    height:35px;
    margin:0;
    padding:0px 55px 0px 20px;
    font-size:12px;
}
.searchbox-icon,
.searchbox-submit{
    width:54px;
    display:block;
    position:absolute;
    top:0;
    bottom:0;
    font-family:verdana;
    font-size:15px;
    right:0;
    padding:0;
    margin:0;
    border:0;
    outline:0;
    text-align:center;
    cursor:pointer;
    color:#fff;
    background:#222;
}
input[type="search"] {
    color:#fff;
}
.soundcould {
    width:100%;
    border:1px solid #ebebeb;
    height:auto;
}
.searchbox-open{
    width:100%;
}

.j-menu {
    background-color:#fff;
    border:0;
    position: relative;
    margin-top:15px;
    z-index:100;
}
.navbar-brand {
    color: #fff !important;
    float: left;
    font-size: 20px;
    height: 53px;
    line-height: 53px;
 
    position: relative;
    text-align: center;
    top: 1px;
    width: 37px;
}
.navbar-default {
    background: #222;
    border-radius: 0 !important;
    margin-top:30px;
}

.navbar-nav, .subpage .navbar-nav {
    float: left;
    margin: 0;
    max-width: 100%;
}

.dropdown-menu ul { max-width: 100% !important; }

.subpage .navbar-nav li{ margin:0; font-size: 1em; line-height: 1.2em;}

.navbar-default .dropdown-menu {
    box-shadow:none !important;
    border-color:#f5f5f5;
}

.navbar-default .WhiteRounded i {
    color:#222;
}
.navbar-default .dropdown-menu,
.navbar-default .dropdown-menu li a {
    color:#fff;
}
.navbar-collapse {
    padding:0;
    border-bottom: 0 solid #fff !important;
}
.navbar-nav > li > .dropdown-menu {
    margin-top:0;
        padding-left: 32px;
    text-indent: -6px;
    line-height:18px;
}
.navbar-nav > li > a {

   /*  font-family: 'Oswald', 'Oswald', sans-serif; */
    padding-bottom: 15px;
    font-size:1em;
    color:#fff !important;
    font-weight: normal;
    letter-spacing: 0.5px;
    bottom:-3px !important;
    padding: 12px 10px;

   /* text-transform: uppercase; */
}
.navbar-default .navbar-nav li a {
    background-color: transparent !important; 
    text-decoration: none;
    color: var(--color1);
    font-weight: var(--fontweight);
    font-size: 15px;
    font-weight:600;
}
.navbar-default .navbar-nav li a:hover,
.navbar-default .navbar-nav li a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent !important; 
    border-bottom:3px solid #fff;
}
.navbar-default .dropdown-menu li a:focus,
.navbar-default .dropdown-menu li a:hover {
    border:none;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left:0 !important;
}
.navbar-default .nav,
.navbar-default .collapse,
.navbar-default .dropup,
.navbar-default .dropdown {
    position: static;
   /* background:#333; */
}
.navbar-default .container {
    position: relative;
}
.navbar-default .dropdown-menu {
    left: auto;
}
.navbar-default .yamm-content {
    padding: 30px;
}
.navbar-default .yamm-fw .dropdown-menu {
    left: 0 !important;
    right: 0;
    margin-left: 0;
}

.progress-bar.nblue, .navbar-default li.nblue:hover, .navbar-default li.nblue li, .navbar-default .dropdown .nblue {max-width:100%;}

.yamm-content .widget {
    padding:0;
    margin:0;
}
.yamm-content,
.yamm-content .widget,
.yamm-content .widget .thumb {
    position: relative;
}
.yamm-content .widget .title h4 {
    font-size:14px;
    text-transform: uppercase;
    font-weight: 400;
}

.navbar-default .dropdown-menu li {
    padding:9px 0px;
    border-bottom:1px solid #fff !important;
}
.yamm-content .box li {
    /* padding:3px 6px; */
    position:relative;
    border-bottom:1px solid #fff;
}
.navbar-default .dropdown-menu li a {
    font-family: Georgia,"Times New Roman",Times,serif;
   /* font-family: 'Oswald', sans-serif; */
    font-weight: 300 !important;
    letter-spacing:0.6px;
}

#paging {text-align:right; display: block; width: 99%;}

li.control, #paging li {display:inline-block; padding:3px 8px;}

#payment label {
    border: 1px solid #ededed;
    padding: 15px 40px !important;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
      vertical-align: middle;
}
.cart_title {
    padding-top:30px;
    display:inline-block;
}
table .form-inline .form-control {
    width:50px;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td,
.yamm-content .box li a {
    font-family: Georgia,"Times New Roman",Times,serif;
   /* font-family: 'Oswald', sans-serif !important; */
  /*  text-transform: uppercase; */
}
.yamm-content .box li i {
    right:0;
    clear: both;
    top:10px;
    display:block;
    position:absolute;
}
.navbar-default .dropdown-menu li:last-child,
.yamm-content .box li:last-child {
    border-bottom:0 solid #fff;
}
.yamm-content .box li:before {
    content: "\f105";
    color:#fff;
    padding-right: 10px;
    font-family: 'FontAwesome';
}
.nav .label {
    margin-left:5px;
    padding:0.1em 0.8em;
}

.box-description {
font-size:.85em; line-height:1.15em;
}

/*---------------------------------------
   Advanced search                
-----------------------------------------*/

h2{
    font-size: 22px;
}
label{
    font-weight: normal; 
}
.post .row{
    padding: 0px !important;
    margin: 0px !important;        
}
.advsea-highlight-1 {
    color: #ea4e15;
}
.advsea-result h6{
    padding: 0px !important;
    margin: 0px !important;
}
div.advsea-result div {
    margin: 3px 0px !important;
}
.border-top { border-top: solid 1px #EBEBEB !important;}
.border-bottom { border-bottom: 1px solid #EBEBEB !important;}
.border-both { border-top: solid 1px #EBEBEB !important;border-bottom: solid 1px #EBEBEB !important;}
/*.article:hover{
    background: #FAFAFA;
}
*/
.as0_advsea-search{
    height: inherit !important;
    line-height: inherit !important;
}

.form.advsea-form fieldset {
    margin: 0px !important;
}
.small{
    font-size: 14px;
}
.article p, .subpage p {
    margin-bottom: 10px;
}
.search-text{
    margin: 0px 0px 0px !important;
    color: #888 !important;
    font-size: 14px;
}

.center-block {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.input-group .icon-addon .form-control {
    border-radius: 0;
}

.icon-addon {
    position: relative;
    color: #555;
    display: block;
}

.icon-addon:after,
.icon-addon:before {
    display: table;
    content: " ";
}

.icon-addon:after {
    clear: both;
}

.icon-addon.addon-md .glyphicon,
.icon-addon .glyphicon, 
.icon-addon.addon-md .fa,
.icon-addon .fa {
    position: absolute;
    z-index: 2;
    left: 10px;
    font-size: 14px;
    width: 20px;
    margin-left: -2.5px;
    text-align: center;
    padding: 10px 0;
    top: 1px
}

.icon-addon.addon-lg .form-control {
    line-height: 1.33;
    height: 46px;
    font-size: 18px;
    padding: 10px 16px 10px 40px;
}

.icon-addon.addon-sm .form-control {
    height: 30px;
    padding: 5px 10px 5px 28px;
    font-size: 12px;
    line-height: 1.5;
}

.icon-addon.addon-lg .fa,
.icon-addon.addon-lg .glyphicon {
    font-size: 18px;
    margin-left: 0;
    left: 11px;
    top: 4px;
}

.icon-addon.addon-md .form-control,
.icon-addon .form-control {
    padding-left: 30px;
    float: left;
    font-weight: normal;
}

.icon-addon.addon-sm .fa,
.icon-addon.addon-sm .glyphicon {
    margin-left: 0;
    font-size: 12px;
    left: 5px;
    top: -1px
}

.icon-addon .form-control:focus + .glyphicon,
.icon-addon:hover .glyphicon,
.icon-addon .form-control:focus + .fa,
.icon-addon:hover .fa {
    color: #2580db;
} 

.lists {width: 100%;
overflow: hidden;
position: absolute;
background-color: rgba(0,0,0,.6);
color: #fff; bottom:0; display:flex;}
.lists a, .lists div {transition: .2s color; padding: 10px 40px; min-width:22%; font-size:1.5em; background:rgba(0,0,0,.1); float:left; display:block; color:#eee;}
.lists a:hover {
    background:rgba(0,0,0,.8) #19b9e7;
}

.listranking {border-bottom: 1px #ccc solid !important; margin-bottom:16px !important;}

.btn-listranking {height: 40px;
margin: 0 1px;
padding: 8px 20px;
vertical-align: middle;
background: linear-gradient(#eee, #fcfcfc, #eee);
border: 0;
color:#333;
display:block;
float:left;
border-radius:8px 8px 0 0;
font-family: Georgia,"Times New Roman",Times,serif;
font-size: 1.1em;}

.btn-listranking-active {background:linear-gradient(#9ab, #bcd, #bcd, #bcd, #fff);
border: 1px solid #ccc;
color:#333;
margin-bottom: -1px;
margin-top: 1px;
border-bottom: 1px #fff solid;}


/*---------------------------------------
   Footer                
-----------------------------------------*/
.footer {
    background-color:#222;
    padding:30px 15px;
    margin-top: 50px;

}
.copyrights {
    padding:20px 15px 10px;
    margin:0;
    overflow: hidden;
    position: relative;
    display: block;
}
.footer-menu li {
    display:inline-block;
    padding-left:10px;
    margin-top:4px;
}
.footer-menu li a,
.copymessage {
    font-family: Georgia,"Times New Roman",Times,serif;
   /* font-family: 'Oswald', sans-serif; */
    text-transform: uppercase;
    font-size:14px !important;
    font-weight: 400 !important;
    padding-top:5px;
    letter-spacing: 0.6px;
    color:#fff;
}



/*---------------------------------------
   Post Styles         
-----------------------------------------*/

    body#error404{
        background:#212121 ;
        padding-top: 20%;
        text-align: center;
    }
    body#error404 h1 {
        color: #FFF!important;
        font-weight: bold;
        font-size:400%
    }
    body#error404 p {
        margin-bottom: 30px;
        font-size:21px;
    }
    body#error404 i,
    body#error404 p,
    body#error404 a {
        color: #fff!important;
    }
    body#error404 a { 
        border-color:#3F3F3F; 
    }
    body#error404 a:hover { 
        border-color:#FFF; 
    }
    
/*.container {*/
/*    width: 100%;*/
/*}*/
    
    .article-img-full {
        height:calc(60%);
        max-height:530px;
        margin-top:-40px; 
        margin-bottom:30px;
        align-self: flex-end;
        padding-bottom:5%;
        padding-left:17.6%;
        color:#fff;
width: 100%;}

.article-img-full p {text-shadow:#000 1px 1px 8px;}
.article-img-full a {color:#fff;}
.headline{
    position: relative;
    z-index: 10;
    color:#fff; text-shadow:#000 1px 1px 8px; padding-top:25%; padding-right:18%;
}
    
    .darken {
    top: auto;
    bottom: -15%;
    height: calc(60%);
    max-width: 100vw;
    width: 100vw;
    margin-left:-17.6%;
    position:absolute;
   /* margin-left: calc(-50vw + 50%); */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#75000000', GradientType=0 );
    background: linear-gradient(to bottom,transparent 0,rgba(0,0,0,.3) 30%,rgba(0,0,0,.5) 70%,transparent);
}

.banner-wrapper {margin:20px 0 !important;}
.banner-wrapper img {width:100%; height:auto;}

.tablive-thumb .img-responsive {max-height:120px;}

.article-description {
    font-size: 1.35em;
color: #777;
margin-bottom: 45px !important;
}
.article-description + p::first-letter {
    font-size: 350%;
    margin: 9px 0 -10px;
    padding: 0 12px 0 0;
    height: .7em;
    line-height: .85em;
    float: left;
}

.article strong {font-weight:bold;}

.article p, .subpage p {margin-bottom:18px; font-size:1.1em; max-width:760px;}

.article li, .subpage li, .article td, .subpage td { font-size:1.1em; line-height:1.2em; margin-bottom:8px; max-width:760px;}

.article ul, .subpage ul {margin-left:20px; margin-bottom:18px; max-width:760px;}

.article .navbar-header, .subpage .navbar-header {/*display:none;*/}

.article h6 {text-transform: capitalize;}
/* changing this value to 100% on 27-12-2018 to avoid responsive issue on many articles
.article a img { max-width:760px;} */
.article a img { max-width:100%;}

.publication-sidepanel {font-size:.8em; background:#f1f1f1; padding:22px; line-height:1.6em; box-shadow: 2px 2px 5px #888888; border-radius:8px;}
.publication-sidepanel p {margin-bottom:20px;}

.bxslider {list-style:none;}
.bxslider li {display: inline-block; width:20%; margin:5px 8px;}
.bxslider .link img {width:100%;height:auto;}

/*.article p:nth-child(3)::before {
    content: "Stay current on your favorite topics" attr(class);
    display:block;
    height:auto;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    width:200px;
    float:left;
    margin:10px 10px 10px -50px;
    padding:10px;
} */

/*.floating-box {
    display:block;
    height:auto;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    width:250px;
    font-size:1.3em;
    float:left;
    margin:10px 10px 10px -80px;
    padding:16px;
}*/

.floating-box {
    display:block;
    height:auto;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    /*width:250px;*/
    font-size:1.3em;
    /*float:left;*/
    margin:0px;
    padding:16px;
}

.article .content {margin-bottom:60px;}

#addThisBox {display: block;
width: 100%;
height: 10px;
float: left;}

.jobwrapper {font-size:.8em; width:100% !important;}
.jobwrapper h3 {font-size:1.8em;}
.jobleftpanel {text-align:left; width:65% !important;}
.jobrightpanel {text-align:left; width:23% !important;}

.ditto_summaryPost a{
color:#1b1b1b !important;
}

.ditto_summaryPost a:hover{
color:#005fa6 !important;
}

.sponsored-links {list-style:none;}
.sponsored-links li {display:inline-block; margin:5px 15px; cursor: pointer; }


.pr-list li {line-height:1.4em; margin-bottom:12px; display:flex; border-bottom: 1px dotted #ccc;
padding-bottom: 8px;}
.pr-list li div {float:left; display:block; min-width:110px;}


.category-title, .category-title p {font-size:1.2em; line-height:initial; color:black;
/* font-family:Oswald,Helvetica,Arial,sans-serif; */
}

.slides li {height:400px; background-repeat:no-repeat !important; background-size:cover !important;
    background-position: center right !important; width:100%; background-color:#000; }

.post-thumb-cate {
    width:auto; 
    max-width:40%;
background: #005fa6;
    background: -webkit-linear-gradient(left, rgba(0,95,166,1), rgba(0,95,166,0)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(0,95,166,1), rgba(0,95,166,0)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(0,95,166,1), rgba(0,95,166,0)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(0,95,166,1), rgba(0,95,166,0)); /* Standard syntax */
display: block;
padding: 5px 18px;
color: #fff;
font-size: .85em;
margin-top:10px;
}


    
.post-thumb {
    height:110px; 
     width:100%;
    overflow: hidden;
     position: absolute;
     color:#fff;
     padding:15px;
     bottom:0;
}

.post-thumb a, .post-thumb-cate a {color:#ddd;}

.post-thumb a:hover, .post-thumb-cate a:hover {color:#fff !important; text-shadow: 2px 2px 1px #000;}

.post-thumb h3 {font-size:1.8em; line-height:1.2em; margin-top:3px; color:#fff; font-family: sans-serif; font-weight: bold;}

.post-thumb p {
    font-size:1em;
    line-height:1.5em;
    padding-bottom: 15px;
    font-weight: normal;
    margin:auto;
}

.gridshop {list-style:none;}

#viewcontrols {
    position: absolute;
    right:0;
    bottom:10px;
    z-index: 10;
}
#viewcontrols a{
color:#222;
padding:0 4px;
font-size:24px;
cursor:pointer;
}
#viewcontrols a:hover{
color:#333;
}
#viewcontrols .active{
color:#333;
}
.gridvideo .post-wrap .title h4 {
    font-size:18px;
}
.review-post h4 {
    font-size:16px;
}
.shop-meta h3 {
    font-size:24px;
}
.grid .col-md-12,
.list .col-md-12,
.grid .col-md-6,
.list .col-md-6 {
    padding-left:0 !important;
    padding-right:0 !important;
}
.page-header {
    padding:0;
    position: relative;
    margin:0 0 20px !important;
    border-bottom:0 solid #ddd;
    background:#fff;
    width:100%;
}

.page-header .category-title {
    padding:0;
    margin-bottom:0;
    width:100%;
}

.page-header .category-title h3 {
    font-size:38px !important;
}

.mini-sidebar .widget-title {
    padding:0 10px !important;
}

.mini-sidebar .widget-title h3 {
    font-size: 20px;
}



.widget .nav-tabs,
.widget .nav-tabs li:last-child,
.widget .nav-tabs > li > a,
.widget .nav-tabs > li > a:hover {
    border:none !important;
    box-shadow: none !important;
    background:transparent !important;
}


.mini-post-wrap h4 {
    font-family: Georgia,"Times New Roman",Times,serif;
   /* font-family: 'avenir-oblique', sans-serif; */
    font-size:1.09em !important;
    font-weight: 600;
    margin:15px 0 3px !important;
    text-transform: initial;
    line-height:1.2em;
}
.cat_widget_wrapper {
    margin:10px 0 30px;
}
.cat_widget {
        border:3px solid #fff;
    }
.cat_widget .magnifier .buttons {
    top:38%
}

.cat_widget img {
    width:100%;
}
.cat_widget h3 {
    font-size:18px;
    color:#fff !important;
    padding-top:7px;
    text-align: center;
    text-transform:uppercase;
}
.cat_widget .entry {
    display:block;
    position:relative;  
}

.pagination > li > a, .pagination > li > span {
    background-color: #fff;
    border: 2px solid #222;
    color: #b2b2b2;
    font-size:18px;
    margin-left: 10px;
    padding: 8px 14px;
}

.pagination > li:last-child > a, .pagination > li:last-child > span,
.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-radius: 0;
}

.read-more a,
.watch-now a {
  font-family: Georgia,"Times New Roman",Times,serif;
  /*  font-family: 'Oswald', sans-serif !important; */
    font-size:14px !important;
    font-weight: 700 !important;
    padding-top:5px;
}
.shop-tab .nav > li > a {
    font-family: Georgia,"Times New Roman",Times,serif;
   /* font-family: 'Oswald', sans-serif !important; */
    font-size:18px !important;
    padding: 20px 24px 20px 0 !important;
    margin-bottom:10px;
    text-transform: uppercase;
}
.related-products {
    padding-top: 20px;
    display: flex;
flex-wrap: wrap;
}
.thumb {
    overflow: hidden;
}
div.thumbnails-shop{
    padding-top:10px;
    zoom:1
}
div.thumbnails-shop .entry {
    border:1px solid #ffffff;
    float:left;
    width:32%;
    margin-left:0;
    margin-right:1.34%
}
div.thumbnails-shop .magnifier .buttons {
    top:40%;
}
.title h2 {
    font-size:30px;
    color:#111;
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}
.mini-title h3 {
    color:#111;
    font-size:18px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: Georgia,"Times New Roman",Times,serif;
   /* font-family: 'Oswald', sans-serif !important; */
}
.product-cats {
}
.product-cats li {
    display:inline-block;
}

.review_wrapper {
    margin:50px 0;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    padding:20px;
}

.review_wrapper h3 {
    margin:0;
    color:#222;
}
.review_count {
    height:100px;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  background: url("images/headbg.png") repeat-x scroll center top #222;
}
.review_count sup {
    font-size: 22px;
    font-weight: 300;
    margin-left: 3px;
    vertical-align: sub;
}
.review_count h2 {
    color:#fff;
    font-family: 'avenir-oblique', sans-serif;
    margin-bottom:0;
    font-size:46px;
    font-weight: bold;
}

.about_skills {
    position: relative;
    padding:0;
}
.about_skills h4 {
    font-size:14px;
    margin-top:0;
    font-weight:bold;
    color:#333;
    position: relative; 
    text-align: left;
    text-transform:uppercase;
    margin-bottom:10px;
}

.progress-bar {
    background-color:#333;
}
.progress {
    height:12px;
    margin-bottom: 13px;
    position: relative;
}

.percent {
    color: #333 !important;
    display: block !important;
    font-size: 13px !important;
    line-height: 12px !important;
    opacity: 1 !important;
    padding: 4px 0 !important;
    text-align: right !important;
    top: 5px !important;
    width: 73px;
    right: 0;
    position: absolute;
}


.single-post-mini {
    width:282px !important;
}

.form-group span {
    color: #111;
    font-family: Georgia,"Times New Roman",Times,serif;
   /* font-family: 'Oswald', sans-serif !important; */
    font-size: 16px;
    vertical-align: sub;
}
.mini-shop {
    width: 60px !important;
    margin-top:10px;
    height:36px !important;
    border:2px solid  #111 !important;
}
.shop-top {
    position: relative;
    margin-bottom: 20px
}

.shop-top .s {
    position: absolute;
    right:0;
    top:0;
}

.shop-top .form-control {
    margin-top:20px !important;
}

.shop-box .WhiteRounded {
    width:50px;
    height:50px;
    line-height: 50px;
}

.shop-box {
    padding-bottom:20px;
    margin-bottom: 30px;
    background-color:#fafafa;
    text-align: center;
}
.shop-box.single-box,
.shop-box.single-box:hover {
    background:none !important;
}
.shop-box.single-box {
    padding-bottom:0 !important;
}
.shop-box:hover del {
    color:#aaa !important;
}
.shop-box:hover .rating i,
.shop-box:hover span,
.shop-box:hover a {
    color:#fff;
}
.shop-wrap-single .rating i,
.shop-box .rating i {
    font-size:18px !important;
    margin-top:10px;
}
.shop-box span {
    font-size:18px !important;
}
.shop-box .ImageOverlayC:after,
.shop-box .ImageOverlayC:before,
.author-box .ImageOverlayArLeft:before,
.author-box .ImageOverlayArRight:after,
.author-box .ImageOverlayArLeft:after,
.author-box .ImageOverlayArRight:before,
.blog-standard-style .ImageOverlayArLeft:before,
.blog-standard-style .ImageOverlayArRight:after,
.blog-standard-style .ImageOverlayArLeft:after {background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7)}
.blog-standard-style .ImageOverlayArRight:before {background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7)}
.blog-standard-style .desc {
    margin:10px 0 20px;
}

.author-box .desc,
.tech-style .desc {
    margin:10px 0;
}
.author-box .ImageWrapper {
    margin-right:15px;
}

.tech-style .ImageWrapper {
    margin-right:30px;
}

.author-box h4,
.tech-style h4 {
    font-size:24px !important;
    margin:20px 0 15px;
    font-size:24px !important;
}

#content-wrapper .widget-title {
    margin-bottom:10px;
}

.single-post .meta {
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;
    display: block;
    margin: 0 0 20px;
    padding: 0;
    width: 100%;
}
.post-media {
    margin-bottom:20px;
}
.pager li > a, .pager li > span {
    border-radius: 0;
}
#comments_form .form-control{
    margin-bottom:10px;
}
.comment-list {
    padding:0;
    margin: 30px 0 20px;
    list-style:none;
}
.comment-list ul li,
.comment-list ol li {
    list-style:none;
}
.comment-avatar {
    margin: 20px 20px 0 0;
    float: left;
    height: 70px; 
    width: 70px;
}
.comment-content {
    margin-bottom: 20px;
    overflow: hidden;
    padding: 20px;
}
.comment-reply a {
    margin-bottom:10px;
    color:#222 !important;
}
.comment-reply a:hover {
    color:#fff !important;
}
.comment-author {
    display:block;
    font-weight:500;
    text-transform: uppercase;
    color:#222;
    font-size:18px;
    margin-bottom: 10px;
}
.comment-meta {
    font-size: 12px;
    color: #aaa;
    padding-left:10px;
}
.comment-reply {
    margin:10px -5px 0 0;
    font-size: 12px;
    position:relative;
    clear:both;
    color: #222 !important;
}

.single-post .author-box {
    margin-top:40px;
}

.single-post .author-box img {
    width:120px !important;
    -webkit-border-radius: 111px;
    -moz-border-radius: 111px;
    border-radius: 111px;
}

.single-post .author-box .meta {
    border-bottom: 0 solid #ededed;
    border-top: 0 solid #ededed;
}

.post-wrap  {
    display:block;
    position:relative;
}
.blog-standard-style .title h4 {
    font-size:30px !important;
    padding-top:10px;
    margin: 20px 0;
    text-transform: uppercase;
}
.blog-standard-style.nopadding .post-wrap {
    padding-top:0;
    margin-bottom:40px;
    padding-bottom:20px;
}
.tech-style.nopadding .post-wrap {
    padding-top:0;
    padding-bottom:20px;
}
.post-wrap .meta {
    margin-bottom:7px;
}
.post-wrap .title h4 {
    font-size:24px;
    margin-top:20px;
}
.tab-pane .post-wrap .title h4 {
    font-size:18px !important;
}
.post-carousel .post-wrap .title h4 {
    font-size:20px !important;
    color:#333;
}
.post-carousel .post-wrap .WhiteRounded,
.tab-pane .post-wrap .WhiteRounded {
    width:45px;
    height:45px;
    border-radius: 0 !important;
    line-height: 44px;
}
.post-carousel .post-wrap .WhiteRounded i,
.tab-pane .post-wrap .WhiteRounded i {
    font-size:16px;
}
.review-post {
    margin-top:0;
    margin-bottom:30px;
    position: relative;
}
.review-post:hover .big-meta {
    opacity:0;
}


.flexslider .big-meta,
.review-post .ImageWrapper .big-meta,
.review-post .big-meta {
    position: absolute;
    bottom:0;
    right:15px;
    left:15px;
    color:#fff;
    padding-left:20px;
    padding-top:10px;
    height:30%;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    overflow: hidden;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.sticky-col .big-meta a,
.flexslider .big-meta a,
.review-post .big-meta a {
    color:#fff;
    text-shadow: 2px 2px #130202;
}

.sticky-col img {
    width:100%;
}

.flexslider .big-meta {
    bottom:0;
    padding-top:20px;
    left:0;
    right:0;
    text-align:center;
}

.review-post .ImageWrapper .big-meta {
    opacity:0;
    top:0;
    bottom:0;
    left:0;
    padding-top:40px;
    right:0;
    height:100%;
}
.review-post:hover .ImageWrapper .big-meta {
    opacity:1;
}
.review-post .ImageWrapper .desc {
    margin:15px 0;
}
.sticky-col .big-meta h3 {
    font-size:25px !important;
}

.shop-wrap,
.sticky-col {
    position: relative !important;
    overflow: hidden;
}
.sticky-col .big-meta {
    position: absolute;
    bottom:20%;
    text-align:center;
    right:10%;
    left:10%;
    color:#fff;
    padding-top:10px;
    overflow: hidden;
}

.tech-thumb .WhiteRounded i {
    font-size:18px !important;
}
.shop-box .WhiteRounded i,
.shop-box .WhiteRounded a {
    color:#222 !important;
}
.tech-thumb .WhiteRounded {
    background: transparent !important;
    border: 2px solid #fff;
    border-radius: 0 !important;
    height: 50px !important;
    line-height: 50px !important;
    width: 50px !important;
}
.review-post .rates {
    padding:0;
    z-index: 99;
    position: relative;
    display: block;
}
.review-post .readmore {
    padding-right:15px;
}

.mini-post-wrap {
    margin-bottom: 15.2px;
}
.ImageWrapper img,
.post-wrap img,
.mini-post-wrap img {
    width:100% !important;
}
.mini-post-wrap .post-thumb p {
    font-size: 18px !important;
    max-width:100px;
    padding-bottom: 10px !important;
    border-bottom: 3px solid #fff !important;
}
.mini-post-wrap .post-thumb h3 a {
    font-size: 18px !important;
    padding: 0 !important;
    bottom:16%;
}


.mini-posts .featured-posts {
    margin-top:5px;
}
.mini-posts .featured-posts li {
    margin-bottom:5px;
}
.slides li,
.post-wrap .ImageWrapper {
    position:relative;
}

.slides li .meta-box,
.post-wrap .ImageWrapper .meta-box {
    position:absolute;
    bottom:0;
    background:#222;
    color:#fff;
    z-index: 999;
    display: block;
    float: right;
    width:auto;
    right:0;
    margin-bottom:0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.slides li .meta-box {
    top:0;
    bottom:inherit;
}
.slides li .meta-box p,
.post-wrap .ImageWrapper .meta-box p {
    padding:5px 15px;
    margin-bottom:0;
}
.slides li .meta-box a,
.post-wrap .ImageWrapper .meta-box a {
    color:#fff;
}
.post-wrap .ImageWrapper:hover .meta-box {
    display:none !important;
    background: #222;
}

.fancybox-title-over-wrap,
.post-wrap .ImageWrapper .meta-box {
    background: #222;
}

.owl-theme .owl-controls .owl-nav {
    position:absolute;
    right:0;
    top:-62px;
}

.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
    color:#222;
}

.owl-theme .owl-controls .owl-nav [class*="owl-"] {
    background: transparent !important;
    color:#9d9d9d;
    margin:0;
    padding:4px 5px;
    font-size: 24px;
}

#owl-bigger-slider .owl-controls .owl-nav {
     position:absolute !important;
    top:54%;
    right:0;
    width: 100%;
    padding:0;
    left:0;
    margin-top:-20px;
}
#owl-bigger-slider .owl-controls .owl-nav .owl-prev,
#owl-bigger-slider .owl-controls .owl-nav .owl-next {
    display:inline-block;
    font-size:36px;
    color:#fff;
}

#owl-bigger-slider .item .meta {
    margin-top:-20px !important;
    top:50% !important;
    bottom:0;
}

#owl-bigger-slider .item .meta h4 a {
    border: 2px solid #fff !important;
    font-size: 21px;
    padding: 8px 15px;
    text-transform: uppercase;
}

#owl-bigger-slider .item .meta h4 {
   margin-bottom:20px;
}


/*---------------------------------------
   Subpage style            
-----------------------------------------*/

.subpage .navbar {margin:0; background:#aaa; color:#222;}
.subpage .navbar-nav > li > a, .subpage .navbar-brand {color:#222 !important;}
.subpage .searchbox-submit, .subpage .searchbox-icon {background:#aaa; color:#222;}
.subpage .logo-wrapper img {width:auto; height:55px; margin-left: 0px;}

.standalone .logo-wrapper img {margin-left: 0;}

.article > h3 {margin-bottom:20px;}

.article a {color:#428bca !important;}
.article a:hover {color:#114488 !important; text-decoration:underline !important;}

ul.article-date {border-top: #ccc 1px solid; border-bottom: #ccc 1px solid; margin-left:0; padding-left: 0 !important;}
.article-date li {display:inline-block; padding:5px 10px;}

.morefromweb {display:flex; flex-wrap:wrap;}
.morefromweb .bbox {height:auto; max-height:none;}

.fixed {position:fixed; right:0;}

.flex {display:flex; flex-wrap:wrap;}

a[aria-expanded="true"].collapsed:active::before {content:"-";}
a.collapsed::before {content:"+";}

.tablive-subsec {margin:0; padding:0;}
.tablive-subsec .category-title {margin-top:20px;}
.tablive-subsec > .category-title > a {font-size:.8em !important; float:right;}
#itemsWork .isotope-item .bimtext {background: #005fa6; padding-left:15px; color:#fff;}
#itemsWork .isotope-item a, .tablive-subsec a {color:#222;}
#itemsWork .isotope-item a {font-size:.9em;}
#itemsWork .isotope-item h4 {margin-top:5px !important; line-height:1em;}
/*--------------------------------------- 
   Widgets            
-----------------------------------------*/

.recent_posts_widget {
    padding-left:0;
    color:#333;
}

.recent_posts_widget > li {
    display: table;
    height: 60px;
    margin-bottom:20px;
    width: 100%;
}
.recent_posts_widget > li:last-child {
    border-bottom:0 solid #fff;
}
.recent_posts li {
    list-style:none
}   
.buddypress_tabber_widget_member li img,
.recent_posts_widget > li img {
    max-width: 75px !important;
    padding:4px;
}   
.recent_posts_widget img {
    float: left;
    margin: 5px 15px 0 0;
}   

.author-box .video-cat h3 {
    text-transform: none !important;
    font-size:16px !important;
    font-weight: 300;
    line-height: 18px !important;
    text-transform: uppercase !important;
    font-family: 'Oswald', sans-serif;
}

.author-box .WhiteRounded {
    border:0 !important;
    box-shadow: none !important
}
.author-box .WhiteRounded {
    width:40px !important;
}

.author-box .WhiteRounded i {
    font-size:24px !important;
}

.author-box .meta a {
    font-size:14px;
}

.author-box .video-cat {
    padding:5px 20px 5px;
}

.author-box .video-cat h3 {
    margin:3px !important;
}

.author-box h4 {
    margin-bottom:5px;
}
.ads-widget {
    width:100%;
}
.rating i {
    color:#ffd203;
}

.tabbed-widget .featured-posts {
    margin-top:15px;
}
.tabbed-widget .nav-tabs {
    border-bottom:none;
}
.tabbed-title {
    position: relative;
    display:block;
    z-index:1;
}
#tabbed-posts .widget-title {
    margin-bottom:-2px;
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 0 10px;
    padding: 0 20px 20px;
}
legend {
    background:#fff;
    border: 0 none;
    color: #222;
    padding: 20px 20px 0;
    width: auto;
}
.tabbed-widget .nav-tabs > li.active > a, 
.tabbed-widget .nav-tabs > li.active > a:hover, 
.tabbed-widget .nav-tabs > li.active > a:focus,
.tabbed-widget .nav li a {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size:20px !important;
    border-radius: 0;
    padding-bottom:0px !important;
    margin-right: 10px;
    padding-left: 0 !important;
    margin-left: 0;
    text-align: left !important;
    color:#222;
    border-top:0px solid !important;
}
.tabbed-widget .nav li a,
#tabbed-posts .nav li a {
    border: 0 none !important;
    color: #222;
    margin-left: 6px !important;
    margin-right: 0 !important;
    text-align: center !important;
    z-index: 2;
}
.tabbed-title .nav-tabs {
    border-bottom:none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.tabbed-widget .nav-tabs > li > a, 
.tabbed-widget .nav-tabs > li > a:hover, 
.tabbed-widget .nav-tabs > li > a:focus {
    background: none !important;
}

.tabbed-widget .nav-tabs > li.active > a, 
.tabbed-widget .nav-tabs > li.active > a:hover, 
.tabbed-widget .nav-tabs > li.active > a:focus {
    border-left:0;
    border-right:0;
    background: none !important;
}

.nav-tabs > li > a {
    line-height: 1.32857;
}
.video-cat {
    display: inline-block;
    padding: 0 20px;
    position: relative;
    margin-top: 10px;
    background:#333;
    z-index: 1;
    text-align: center;
}
.video-cat h3 {
    line-height: 18px !important;
    margin-top: 10px !important;
    padding:0 !important;
    font-size:21px !important;
}
.video-cat h3 a {
    color:#fff !important;
}
.widget-title {
    border: 3px solid #fff;
    display: inline-block;
    padding: 0 20px;
    position: relative;
    margin-bottom: 20px;
    z-index: 1;
    text-align: center;
}
.widget-title h3 {
    margin:2px;
}
.widget-title h3:before,
.widget-title h3:after {
    content: "\f142";
    color:#b5b5b5;
    margin:10px;
    font-size:18px;
    font-family: 'FontAwesome';
}
.widget-title h3:before{
    margin:10px;
}

.widget-title h3:before,
.widget-title h3:after,
.widget-title h3  {
    color:#222 !important;
}

.category-title {
    border-bottom:4px solid #222;
    display: block;
    padding: 0;
    /*position: relative;*/ /* Commented on 31 Jan as it was overlapping banners in mobile, making it impossible to click */
    z-index: 1;
    margin-bottom:10px;
    font-size:19px;
    font-weight:500;
}
.category-title h3 {
    color:#222;
    font-size:24px;
    /*text-transform:capitalize;*/
}
.page-header .widget-title  {
    border-color:#fff;
    margin-bottom:0 !important;
}
.blog_categories ul {
    padding-left:3px;
    padding-bottom:20px;
}
.blog_categories ul li {
    list-style:none;
    margin-top:5px;
}
.blog_categories li a {
    color:#7e7e7e;
}
.blog_categories ul li span {
    float:right;
}
.featured-posts {
    padding-left:0;
    padding-top:0;
}
.featured-posts li {
    display: table;
    margin-bottom:2px;
    position: relative;
    width: 100%;
}
.featured-posts li h4 {
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 4px;
    text-transform: none;
    line-height:25px;
}

.featured-posts .meta {
    padding-top:0;
}
.featured-posts li .ImageWrapper {
    display:inline-block;
    padding:0;
    margin-top:10px;
}
.slider-post .item  {
    position:relative;
    z-index: 1;
}
.slider-post .item .meta {
    position:absolute;
    right:0;
    left:0;
    text-align: center;
    bottom:20px;
    z-index: 2;
}
.slider-post .item .meta a {
    color:#fff;
}
.meta a {
    margin-right:10px;
    font-size:13px;
    color:#555;
}
.meta a i {
    margin-right:4px;
}
#owl-mini {
    margin-top:-10px;
}
.owl-theme .owl-dots .owl-dot span {
    background-color:#777;
}
.slider-post .item .meta h4 a {
    font-size:18px;
    font-family: 'Oswald', sans-serif !important;
}

.contributes li .ImageWrapper {
    margin-bottom:0;
}

.social-share {
    position: absolute;
    right:0;
    top:3px;
}

.social-share .social-icons span a {
    color:#fff;
}
.post-tags  {
  display:block;
  width: 100%;
  position: relative;
  max-width: 100%;
  padding: 0;
  margin: 20px 0;
  line-height: 160%;
}

#taglist {
    padding-top: 8px !important
}
.tags-title {
    height:auto;
    float:left;
    color:#fff;
    padding:0;
    min-width: 80px;
    margin-right: 20px;
    margin-bottom:0;
    text-align: center;
    background-color: #333;
}
.tags-title h3 {
    font-size:18px;
    letter-spacing: 0.6px;
    padding:0 !important;
    margin:0 !important;
}
.retweet-wrapper,
.news-ticker {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 20px;
  line-height: 2.82857143;
  background-color: #fff;
}
.retweet-wrapper {
    margin-bottom:60px;
}
.news-title {
    height:auto;
    float:left;
    color:#fff;
    padding:0 20px 2px;
    min-width: 120px;
    margin-right: 20px;
    margin-bottom:0;
    text-align: center;
    background-color: #333;
}
.news-title h3 {
    font-size:18px;
    letter-spacing: 0.6px;
    padding:0 !important;
    margin:0 !important;
    color:#fff;
}
#controls {
    display: none;
}
.tweet {
    width:100%;
    position: relative;
    display: block;
}
.retweet,
.random-article {
    height:auto;
    float:right;
    color:#fff;
    padding:0 20px;
    min-width: 30px;
    margin-right:0;
    margin-bottom:0;
    text-align: center;
    background-color: #333;
}
.retweet {
    position: absolute;
    right:0;
    bottom: 0;
}
#content-wrapper .banner-wrapper {
    margin:0 0 20px;
}
.banner-wrapper .mini {
    width:176px;
    margin:1px;
}
.title {
    position:relative;
    font-size:.95em;
    font-family:var(--font2);
}

.no-padding {padding:0;}
.sortpage-title {margin-left:25px;}
.video-type {
    width:60px;
    height:50px;
    position: absolute;
    text-align:center;
    line-height: 55px;
    color:#fff;
    right: 0;
    top:15px;
    background:#000;
    margin:10px 0 0;
        -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.video-type.vimeo {
    background:#00adef;
}
.video-type.youtube {
    background:#ff3330;
}
.video-widget .WhiteRounded,
.post-wrap .WhiteRounded,
#video-post .WhiteRounded {
    width:60px;
    height:60px;
    background:transparent !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border:2px solid #fff;
    line-height: 66px
}

.post-wrap {
    margin-bottom:20px;
}

.video-type i {
    color:#fff;
    font-size:22px;
}
.featured-posts .WhiteRounded i,
.video-widget .WhiteRounded i,
.post-wrap .WhiteRounded i,
#video-post .WhiteRounded i {
    color:#fff;
    font-size:26px;
}
.featured-posts .WhiteRounded i {
    color:#fff;
    font-size:18px;
}
.featured-posts .WhiteRounded {
    height: 40px;
    line-height: 40px;
    border:2px solid #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background:transparent !important;
    width: 45px;
}
.post-wrap .WhiteRounded.bigger {

    height: 54px;
    line-height: 58px;
    background:transparent !important;
    width: 55px;
}
.post-wrap .WhiteRounded.bigger i {
    font-size:26px;
}
.tagcloud a { 
    float: left; 
    display: block; 
    margin-bottom: 6px; 
    margin-right: 6px; 
    padding: 3px 15px; 
    color: #666 !important; 
    text-decoration: none; 
    border:2px solid #666;
    background:transparent;
    box-shadow:none !important;
}
.tagcloud a:hover {
    color:#fff;
    border:2px solid inherit;
    text-decoration: none; 
}

.social-site li {
    position:relative;
    padding:20px;
    margin-bottom:16px;
    display:block;
    z-index:9;
}

.social-site .social-media {
    position:absolute;
    left:0;
    top:0;
}

.social-site .social-button {
    position:absolute;
    right:0;
    top:0;
}

.social-site .count {
    position:absolute;
    left:60px;
    top:0;
    color:#1b1b1b;
    line-height: 40px;
    font-family: Georgia,"Times New Roman",Times,serif;
    /* font-family: 'Oswald', sans-serif; */
    font-size:16px !important;
    font-weight: 300 !important;
}

.youtube-wrap .social-button,
.dribbble-wrap .social-button,
.google-plus-wrap .social-button,
.twitter-wrap .social-button,
.facebook-wrap .social-button {
    background:#37467b;
    color:#fff;
    text-align: center;
    height:40px;
    font-family: Georgia,"Times New Roman",Times,serif;
   /* font-family: 'Oswald', sans-serif; */
    line-height: 40px;
    min-width: 120px !important;
}
.youtube-wrap .social-button {
    background:#ff3330;
}
.dribbble-wrap .social-button {
    background:#f973a4;
}
.google-plus-wrap .social-button {
    background:#de4839;
}
.twitter-wrap .social-button {
    background:#4aa8df;
}
.youtube-wrap .social-media,
.dribbble-wrap .social-media,
.twitter-wrap .social-media,
.facebook-wrap .social-media,
.google-plus-wrap .social-media {
    width:40px;
    height:40px;
    line-height: 40px;
    color:#fff;
    text-align: center;
}
.youtube-wrap .social-media {
    background-color:#ff3330;
}
.dribbble-wrap .social-media {
    background-color:#f973a4;
}
.twitter-wrap .social-media {
    background-color:#4aa8df;
}
.facebook-wrap .social-media {
    background-color:#37467b;
}
.google-plus-wrap .social-media {
    background-color:#de4839;
}

#sidebar .tech-style img, 
#middle-sidebar .tech-style img, 
#left-sidebar .tech-style img{
    width:120px !important;
}

#sidebar .slider-post,
#middle-sidebar .slider-post,
#left-sidebar .slider-post {
    margin-top:10px !important;
}
#sidebar .desc, 
#middle-sidebar .desc, 
#left-sidebar .desc {
    display:inline-block;
    padding:0 !important;
    margin:0 !important;
}


#left-sidebar .tech-style h4,
#middle-sidebar .tech-style h4{
    font-size:16px !important;
    margin:10px 0 0;
}
/*---------------------------------------
   Site Container                
-----------------------------------------*/

#first-row {
    margin-bottom:0;
}
.container-fluid {
  margin:0 auto;
  max-width: 1240px; /* or 950px */
}

.site-wrapper {
  background-color: #fff;
}
#left-sidebar,
#middle-sidebar,
#content-wrapper,
#sidebar {
    margin-bottom:20px;
}
#content-wrapper,
#sidebar {
}

/*---------------------------------------
   Slider Options                
-----------------------------------------*/
#firstslider {
    margin-top:0 !important;
    padding-top:0 !important;
    margin-bottom: 10px
}
#firstslider .flex-control-nav {
    bottom: 19px;
    position: absolute;
    z-index: 99;
    text-align: right;
    font-size: 0px;
}

#firstslider .flex-control-paging li a {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
    border-radius: 2;
    height: 13px;
    width: 13px;
}

/*---------------------------------------
   Modules          
-----------------------------------------*/

.btn {
    font-family: Georgia,"Times New Roman",Times,serif;
 /* font-family: Oswald; */
  text-transform: uppercase;
  border-radius: 0;
}

.btn-primary {
    border:2px solid #252525;
    background:#fff;
    color:#252525;
}
.directory {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
    border: 1px solid transparent;
    border-radius: 4px;
    text-transform: none;
}

.cat li {padding:0 !important;}

#fancybox-wrap, #fancybox-overlay, #fancybox-wrap-temp, #fancybox-outer {float:left; display:none;}

.contact_form {
    margin-top:20px;
}
.error_message {
    margin-bottom: 20px;
    margin-left: 17px;
    text-align: left;
}
#registerform,
#loginform {
    margin-top:10px;
}
.form-control {
    border: 1px solid #ddd;
    height: 40px;
    margin-bottom: 10px;
    padding: 10px 12px;
    border-radius: 0;
    width: 100%;
    font-size: 19px;
    font-family: var(--font1);
    font-weight: 500;
}
.form-control:focus {
  border-color: #111111;
  box-shadow: none;
}
.contact-icon i {
    color:#005fa6 ;
}
.contact-icon {
    clear: both;
    color: #005fa6 !important;
    font-size: 10px !important;
    margin: 20px auto;
    width: 90px;
    border: 3px solid;
    background-color:#fff !important;
    height: 90px;
    line-height: 96px;
    text-align: center;
    -webkit-border-radius: 111px;
    -moz-border-radius: 111px;
    border-radius: 111px;
}
.contant_details {
    margin:20px 0 40px;
}

.bimtext{
    margin-top: 1px;
    z-index: 9999;
    font-size: .9em;
    color: #ccc;
    background: #005fa6;
    padding-left: 6px;
    font-family: Georgia,"Times New Roman",Times,serif;
  /*  font-family: 'Oswald', sans-serif; */
    font-weight: 300;
}

.bimtext a {color:#ccc !important;}
.bimtext a:hover {color:#fff !important;}

    #map{
        height:450px;
        width:100%
    }
    #map img{
        max-width:inherit
    }
    .map{
        position:relative
    }
    .map .row{
        position:relative
    }
    .infobox img {
        width:100% !important;
    }
    .map .searchmodule {
        padding:18px 10px
    }
    .infobox {
        display: inline-block;
        padding: 5px;
        position: relative;
        width: 270px;
    }
    .infobox img {
        width:80px !important;
        padding-right:10px
    }
    .infobox .title {
        font-size:16px;
        font-weight:bold;
        margin-top:0;
        font-family: lato;
        margin-bottom:0;
        text-transform:uppercase;
        padding-bottom:5px;
    }
    .infobox .title a {
        font-weight:bold;
    }

.sticky-row {margin: 0 0;}
.sticky-col .widget-title h3:after,
.sticky-col .widget-title h3:before {
    content: "" !important;
}
.sticky-col .widget-title h3 {
    color:#fff !important;
    
}
.sticky-col .widget-title {
    margin-top:10px;
}
.sticky-col .widget-title {
    border-color:#fff !important;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
}
.sticky-col {
    padding: 0;
    position: relative;
    border:1px solid #fff;
}

.max-height .widget-title h3 {
    font-size:48px !important;
}
.max-height .widget-title {
    padding:10px 20px 0 !important;
}
.max-height img {
    height: 409px
}

.sticky-row .post.sticky {
    position: relative !important;
    box-shadow: none;
    border: 2px solid #fff;
    z-index: 99;
}

.dmtop {
    background-color:#333;
    background-image: url(images/arrow.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    z-index: 9999;
    width: 50px;
    height: 50px;
    text-indent: -99999px;
    position: fixed;
    bottom: -100px;
    right: 25px;
    cursor: pointer;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    overflow: auto;
}
.entry:hover .magnifier { 
    opacity: 1;
    visibility: visible;
}    
.magnifier {
    background:#000000;
    background:rgba(0,0,0,0.5);
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    opacity:0;
        -webkit-transition:all .3s ease-in-out;
        -moz-transition:all .3s ease-in-out;
        -ms-transition:all .3s ease-in-out;
        -o-transition:all .3s ease-in-out;
        transition:all .3s ease-in-out;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
}

.blog-standard-style .WhiteRounded {
    width:45px !important;
    height:45px !important;
    -webkit-border-radius: 100% !important;
    -moz-border-radius: 100% !important;
    border-radius: 100% !important;
    border:2px solid #fff;
    line-height: 43px !important;
}

.blog-standard-style .WhiteRounded i {
    font-size:18px !important;
}

.blog-standard-style .read-more a {
    border: 2px solid #111;
    color: #111;
    font-weight: 400 !important;
    margin: 20px 0;
    padding: 10px 30px;
    text-transform: uppercase;
}

.box a { margin: 2px }
.box .hover-bg {
    position: relative;
    overflow: hidden;
}
.box .hover-bg .hover-text {
    height: 100%;
    bottom: 0;
    -webkit-transform: translateX(0%) translateY(0%);
    transform: translateX(0%) translateY(0%);
    background: transparent;
}
.box:hover .hover-bg .hover-text { background-color: rgba(1, 1, 1, 0.5) }
.box .hover-bg:hover .hover-text.off {
    -webkit-transform: translateX(0%) translateY(0%);
    transform: translateX(0%)  translateY(0%);
    opacity: 1;
}
.box .hover-text i.fa {
    font-size: 20px;
    background: #e5b112;
    padding: 13px;
    position: relative;
    top: 40%;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    transition: all 0.5s;
}
.box .hover-text i.fa:hover { background: #333333 }
.box .hover-text i.fa.fa-expand {
    border-top-right-radius: 0;
    -webkit-transform: translateX(-400%) translateY(0%);
    transform: translateX(-400%)  translateY(0%);
    opacity: 0;
    transition: all 0.5s;
}
.box:hover .hover-text i.fa.fa-expand {
    -webkit-transform: translateX(0%) translateY(0%);
    transform: translateX(0%)  translateY(0%);
    opacity: 1;
}
.box .hover-text i.fa.fa-chain {
    border-top-left-radius: 0;
    -webkit-transform: translateX(400%) translateY(0%);
    transform: translateX(400%)  translateY(0%);
    opacity: 0;
    transition: all 0.5s;
}
.box:hover .hover-text i.fa.fa-chain {
    -webkit-transform: translateX(0%) translateY(0%);
    transform: translateX(0%)  translateY(0%);
    opacity: 1;
}

.box img {
    max-height: 150px;
width: 100%;}

/* Isotope Filter */
.isotope-item { z-index: 2 }
.isotope-hidden.isotope-item { z-index: 1 }
.isotope,
.isotope .isotope-item {
    /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope-item {
    margin-right: -1px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}


.nopadding {
    padding: 0;
}


.container-fluid .bbox{width:95%; max-height:500px;}


.list-inline {border-bottom:1px solid #111;}

ul.cat li a:hover, ul.cat li a:focus, ul.cat li a.active {
    background: #fff;
    border: 1px solid;
    padding: 5px 10px;
    border-radius: 3px;
    color: inherit;
    border-bottom:none;
}
ul.cat li a {
    background: inherit;
    border: 1px solid;
    padding: 5px 10px;
    border-radius: 3px;
    border-bottom:none;
}

.cat1 li {
    padding: 0 !important;
}

ul.cat1 li a {
    background: inherit;
    border: 1px solid;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: currentcolor;
    padding: 5px 10px;
    border-radius: 3px;
    border-bottom: none;
}

ul.cat1 li a:hover, ul.cat1 li a:focus, ul.cat1 li a.active {
background: #fff;
border: 1px solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: currentcolor;
padding: 5px 10px;
border-radius: 3px;
color: inherit;
border-bottom: none;
}



/* Urgent CSS */
#tf-works ul.cat li a {
    background: inherit;
    border: 1px solid;
    padding: 5px 10px;
    border-radius: 3px;
    border-bottom: none;
    padding: 8px 10px !important;
    height: 65px !important;
    text-align: center !important; 
    margin: 0 1px;
    padding: 8px 20px;
    vertical-align: middle;
    background: linear-gradient(#eee, #fcfcfc, #eee);
    border: 0;
    color: #333;
    display: block;
    float: left;
    border-radius: 8px 8px 0 0;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 15px;
    vertical-align: middle;
    line-height: 46px;
    
}

#tf-works ul.cat li a.active{
    background: linear-gradient(#9ab, #bcd, #bcd, #bcd, #fff); 
    color: #333;  
}
#tf-works ul.cat li:hover a{
    color: #005fa6;
}
    
/* End Urgent CSS */



.tab-content {text-align:left;}

.video-ad {width:100%; min-height:143px; height:12.5vw; margin:10px 0;}

.tablive-title {margin-left:110px; margin-top:-15px;}

.dropdown-menu li a:hover, .dropdown-menu2 a:hover {text-shadow: 2px 2px 2px #000;}
.dropdown-menu li {margin-left: 0px;}
.dm-col-3, .dm-col-4, .dm-col-6 {margin-left:10px; display:flex; flex-wrap:wrap;}
.dm-col-3 > li {border-bottom:1px dotted #ccc; padding-left:0 !important; width:33%; margin-left:0; text-indent:0; border:1px solid #ccc;}
.dm-col-4 > li {border-bottom:1px dotted #ccc; padding-left:0 !important; width:25%; margin-left:0; text-indent:0; border:1px solid #ccc;}
.dm-col-6 > li {border-bottom:1px dotted #ccc; padding-left:0 !important; width:50%; margin-left:0; text-indent:0; border:1px solid #ccc;}
.dm-col-3 > li > span, .dm-col-4 > li > span, .dm-col-6 > li > span {background: #226 !important; width: 100%; display: block; margin: 0 -35px 0 -15px; padding: 5px 10px; font-weight:100; color:#ccc;}
.dm-col-3 > li > ul, .dm-col-4 > li > ul, .dm-col-6 > li > ul {margin-left:0; padding:10px}
.dm-col-3 > li > ul > li, .dm-col-4 > li > ul > li, .dm-col-6 > li > ul > li { text-indent:0; margin-left:0; margin-right:12px; padding:5px 0 !important; border-bottom:1px dotted #338 !important; color:#333;}
/*.scroller {max-height:450px !important; overflow: auto; }*/
.scroller { overflow: visible; }

.login-menu {display:none;}

.swot {display:flex; flex-wrap:wrap;}
.swot-s, .swot-w, .swot-o, .swot-t { width:48%; padding:10px 20px; margin:1%; }
.swot-s ul, .swot-w ul, .swot-o ul, .swot-t ul { margin-left:10px;}
.swot-s {background: #faf; border:1px #d8d solid; border-radius:0 0 10px 0;}
.swot-w {background: #aaf; border:1px #88d solid; border-radius:0 0 0 10px;}
.swot-o {background: #afa; border:1px #8d8 solid; border-radius:0 10px 0 0;}
.swot-t {background: #ffa; border:1px #dd8 solid; border-radius:10px 0 0 0;}
.bank-profile h4 {font-size:1.3em;}
.bank-profile th {padding-top:15px; font-weight:100; }
.bank-profile > div:nth-child(2) {border-left: 1px solid #eee;}
.bank-profile div ul {margin-left:15px;}


/*---------------------------------------
   Responsive               
-----------------------------------------*/
@media (max-width: 1199px) {
.navbar-nav > li > a {
    padding-left: 6px;
    padding-right: 5px;
}
.header .img-thumbnail {
    width:90% !important;
}
.sticky-col .big-meta h3 {
    font-size:18px !important;
}
.sticky-col .widget-title {
    margin-bottom:5px;
}
.max-height .widget-title {
    padding:0 20px 0 !important;
}
.sticky-col .meta {
    font-size:11px !important;
}
.sticky-col .big-meta {
    left:0;
    right:0;
}
}

@media (max-width: 1024px) {
.max-height img {
    height: 280px
}
.logo-wrapper img {
    display: block;
    float: none;
    margin: 0 auto 20px;
    padding: 10px;
    text-align: center;
}
.topbar {
    font-size:12px;
}

.navbar-nav > li > a {
    padding-left: 5px;
    padding-right: 5px;
}
.header .img-thumbnail {
    width:100% !important;
}
}

@media (max-width: 768px) {

.collapsing .navbar-nav > li > a,
.collapse .navbar-nav > li > a {
    padding-right:25px !important;
    padding-left:25px !important;
}
.header {
    padding-right:0 !important;
    padding-left:0 !important;
}
.max-height img {
    height: auto
}
.slides .post-thumb h3 a {
    font-size: 18px;
    padding: 0;
}
.slides li .meta-box p, .post-wrap .ImageWrapper .meta-box p {
    font-size:11px;
}
#firstslider , .flex-control-nav
.mini-post-wrap .post-thumb p,
.slides .post-thumb p,
.retweet,
.random-article {
    display: block;
}
.flex-control-nav{
    display: block;
}
#firstslider .flex-control-nav {
    bottom: 40px;}
.news-title {
    margin-bottom:15px;
}
.tweet,
#news {
    width:100%;
    text-align: center !important;
    line-height: 1.6;
}
.news-title {
    width:100%;
    line-height: 1;
}
.mini {
    width:49% !important;
}

.navbar-default .dropdown-menu li a {
    color:#fff !important;
}

.collapse .navbar-nav > li > a {
    padding-left: 25px;
    padding-right: 25px;
}


.article-img-full {
        height:calc(60%);
        max-height:530px;
        margin-top:-40px; 
        margin-bottom:30px;
        align-self: flex-end;
        padding-bottom:5%;
        padding-left:5%;
        color:#fff;
width: 100%;}

.video-ad {width:100%; min-height:143px; height:auto; margin:10px 0;}

.headline{
    position: relative;
    z-index: 10;
    color:#fff; text-shadow:#000 1px 1px 8px; padding-top:25%; padding-right:8%;
    font-size: 2.7em;
line-height: 1.1em;
}
    
    .darken {
    top: auto;
    bottom: -2%;
    height: calc(60%);
    max-width: 100vw;
    width: 100vw;
    margin-left:-5%;}

.copyrights,
.logo-wrapper img {
    display: block;
    float: none;
    margin: 0 auto 20px;
    padding: 10px;
    text-align: center;
}

.footer-menu li {
    display:none;
}
.social-icons span {
    float:none;
    margin:auto;
}

.social-icons,
.topbar {
    text-align: center;
}
.box li:before, .top-menu ul li:after {
    content: "";
    padding:0;
}
.topbar {
    font-size:12px;
}
.navbar-collapse {
    padding-right:15px;
}
.navbar-default .navbar-nav li a:hover,
.navbar-default .navbar-nav li a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  border-bottom:0 solid #333;
}
.dm-col-3 > li, .dm-col-4 > li, .dm-col-6 > li {width:100%;}

.tablive-title {margin-left:15px; margin-top:-15px;}

}

@media (max-width: 468px) {
    .tablive-title {margin-left:15px; margin-top:-15px;}
    .socialmedia {display:none;}
    .login-menu {display:block; margin:15px;}
    .login-menu a {display:block; padding:15px; font-size:1em; color:#333; margin-left:10px;}
    .login-menu a:hover {color:#fff;}
    
.widget-title h3 {
    font-size:20px;
}

.subpage .logo-wrapper img  {width:100%; height:auto;}
.slides .post-thumb h3 a {
    line-height:1.6;
}
.slides li {height:400px; background-repeat:no-repeat !important; background-size: 120% auto !important;
    background-position: top right !important; width:100%; background-color:#000; padding-top:160px;}
    
.post-thumb {
    height:170px; 
    width:100%;
    overflow: hidden;
     position: relative;
     background-color:rgba(0,0,0,0);
     color:#fff;
     padding:15px;
     font-size:.85em;
}
.copyrights, .logo-wrapper img {
    padding:0;
}
.tabbed-widget .nav li a {
    font-size:14px !important;
}
.social-site .count {
    font-size:12px !important;
}
.owl-theme .owl-controls,
.tabbed-title .nav-tabs {
    display: none
} 
}

#mask { position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #fff;z-index: 10000;height: 100%; }
#loader {width: 70px;height: 70px;position: absolute;left: 50%;top: 40%;background-image: url(images/loader.png);background-repeat: no-repeat;background-position: center;margin: -100px 0 0 -100px; }

 .modal-dialog{
    background: #fefefe;
    border: #333333 solid 0px;
    border-radius: 5px;
    /* margin-left: -200px; */
    /* text-align: center; */
    position: fixed;
    left: 30%;
    top: -100%;
    z-index: 11;
    width: 550px;
    box-shadow: 0 5px 10px rgba(0,0,0,0.3);
    -webkit-transform: translate(0, -500%);
    -ms-transform: translate(0, -500%);
    transform: translate(0, -500%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
        z-index: 9999;
}
.modal-header {
    min-height: 11.428571px;
    padding: 0px 15px;
    border-bottom: 1px solid #e5e5e5;
    height: 65px;
}
.mRT10{
        margin-top: 6px;
}

.modal-header h2 {
    font-size: 18px;
    margin: 0px;
}
.modal-body input {
    /* width: 300px; */
    padding: 3px 10px;
    border: 1px solid #ddd; 
    outline: 0;
    font-size: 14px; 
}
 
.modal-body{
    padding: 10px !important;
}
#loginmodal .container{
    padding-left: 10px;
    padding-right: 10px;
}
@media only screen and (max-width: 468px) {
  #loader {
    left: 70%;
  }
  .modal-dialog{
    width: 400px;
    left:0%;
  }
  .typography-p p{
      text-align:left !important;
  }
}

/* TAB navigation menu flicker solution */
.navbar-nav > li > a {
    line-height: 23px;
    letter-spacing: 0px;
}
.navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav li a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
    border-bottom: 0px;
}

/*---------------------------------------
   Color Scheme                
-----------------------------------------*/

.pagination > li > a.active,
.pagination > li > a:hover, 
.pagination > li > span:hover,
.tagcloud a:hover,
.widget-title,
.retweet,
.blog-standard-style .WhiteRounded {
    border-color:#005fa6;
}
.shop-wrap .rating i,
.read-more a,
.watch-now a,
 .check li:before,
.read-more a,
.tagcloud a:hover,
.footer .social-icons span a{
    color:#005fa6;
}
a:hover,
a:focus,
.navbar-default .dropdown-menu li a:focus,
.navbar-default .dropdown-menu li a:hover {
    color: #005fa6;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    border-color:#005fa6;
}


.open > .dropdown-toggle.btn-primary,
.blog-standard-style .WhiteRounded,
.pagination > li > a:hover, 
.pagination > li > span:hover,
.demo_changer .demo-icon,
.flex-control-paging li a.flex-active,
.flex-control-paging li a:hover,
.flex-control-thumbs img,
.owl-theme .owl-dots .owl-dot.active span, 
.owl-theme .owl-dots .owl-dot:hover span {
    background-color:#005fa6 !important;
}

.shop-box:hover,
.dmtop,.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active{
    background-color:#005fa6 !important;
} 

.navbar-default li:hover,
.navbar-default li .dropdown-menu,
.navbar-default li .dropdown {
    background:#333 !important;
}
.progress-bar.red,
.navbar-default li.red li,
.navbar-default li.red:hover,
.navbar-default .dropdown .red {
    background:#005fa6 !important;
}

.navbar-default .dropdown .label-danger {
    background: #222;
}
.video-type.self-hosted,
.progress-bar.green,
.navbar-default li.green li,
.navbar-default li.green:hover,
.navbar-default .dropdown .green {
    background:#75a62d !important;
}
.progress-bar.yellow,
.navbar-default li.yellow li,
.navbar-default li.yellow:hover,
.navbar-default .dropdown .yellow {
    background:#f4ae0f !important;
}

.progress-bar.blue,
.navbar-default li.blue:hover,
.navbar-default li.blue li,
.navbar-default .dropdown .blue {
    background:#005fa6 !important;
}

.progress-bar.nblue,
.navbar-default li.nblue:hover,
.navbar-default li.nblue li,
.navbar-default .dropdown .nblue {
    background:#005fa6 !important;
}

.progress-bar.pink,
.navbar-default li.pink:hover,
.navbar-default li.pink li,
.navbar-default .dropdown .pink {
    background:#f00a71 !important;
}

.category-title.yellow {
    border-color:#f4ae0f;
}

.category-title.blue {
    border-color:#005fa6;
    padding-bottom: 10px;
}

.category-title.blue > span > a {
    font-size: .9em;
    float: right;
}

.category-title.red {
    border-color:#005fa6;
}

.category-title.green {
    border-color:#75a62d;
}

.category-title.pink {
    border-color:#f00a71;
}

.searchbox-input::-webkit-input-placeholder {
    color: #fff;
}
.searchbox-input:-moz-placeholder {
    color: #fff;
}
.searchbox-input::-moz-placeholder {
    color: #fff;
}
.searchbox-input:-ms-input-placeholder {
    color: #fff;
}
.retweet-wrapper,
.random {
    background:#f5f5f5;
   -moz-box-shadow:    inset 0 0 2px #efefef;
   -webkit-box-shadow: inset 0 0 2px #efefef;
   box-shadow:         inset 0 0 2px #efefef;
}
.topbar {
    background:url(images/headbg.png) repeat-x top center #111;
}
.copyrights {
    background:url(images/headbg.png) repeat-x bottom center #000;
}
.bigger-video {
    background:url(images/headbg.png) repeat-x bottom center #333;
    padding:50px 100px;
}
.footer {
    background:#222;
    color:#777;
    font-size:.9em;
    color: #fff;
    
}

.navbar-default .dropdown-menu  {
    background:#222 !important;
    color:#777;
}
.open > .dropdown-toggle.btn-primary,
.navbar-default .dropdown-menu li,
.yamm-content .box li {
    border-color:transparent;
}
.footer .widget-title {
    border-color:#fff;
}
.footer .widget-title h3 {
    font-weight: 300;
    font-family: Georgia,"Times New Roman",Times,serif;
  /*  font-family: 'Oswald', sans-serif; */
    font-size:18px;
    text-transform: uppercase;
}

.footer .social-icons span:hover a,
.copymessage,
.copyrights a,
.topbar,
.topbar a,
.footer .social-icons a,
.footer .widget-title h3:before, 
footer .widget-title h3:after,
.footer .widget-title h3,
.footer h4 a,
.open > .dropdown-toggle.btn-primary a,
.navbar-default .dropdown-menu li a,
.yamm-content .box li a,
.open > .dropdown-toggle.btn-primary a:hover,
.navbar-default .dropdown-menu li a:hover,
.yamm-content .box li a:hover {
    color:#fff !important;
}


.pt p{
        font-weight: 700;
    color: #000;
    font-size: large;
}

/*#firstslider h3 a{
    background: rgba(0, 95, 166, 1) !important;
    width: 25%;
    top: 0px;
    line-height: 20px;
    left: 0px;
    padding: 4px;
    right: 20px;
    text-align: left;
    color: #b9daf7;
    background: none;
    height: 404px;
    text-transform: none;
    font-size: 20px;
    padding: 15px !important;
    font-family: 'avenir-oblique';
    font-weight: 600;
    box-shadow: 1px 0px 20px 0px #222222;
    
}

#firstslider p{
    max-width: 25% !important;
    width: 25%;
    position: absolute;
    margin-left: -20px;
    line-height: 20px;
    font-style: italic;
    top: 100px;
    border-bottom: none !important;
    font-size: medium;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    padding: 15px !important;
}

#firstslider{
    max-height:400px;
} */

#news a{
    color:#777 !important;
    line-height:10px !important;
    font-family: Georgia,"Times New Roman",Times,serif;
/*  font-family: 'avenir-black' sans-serif !important; */
    font-weight:600;
    
}

#news h4{
    font-family: Georgia,"Times New Roman",Times,serif;
/*  font-family: 'avenir-black' sans-serif !important; */
}



.bheader{
    background: #005fa6;
    max-width: 30% !important;
    color: #fff;
    position: absolute;
    margin-left: 0px;
    border-top: 2px solid #005fa6 !important;
    top: 10px;
    border-bottom: none !important;
    font-size: x-large;
    text-align: left;
    max-height: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    padding-left: 20px;
    padding-right: 5px;
    font-family: 'avenir-oblique';
    padding-top:5px;
    padding-bottom:5px;
    
}

.bicon{
    background: #fff;
    max-width: 20% !important;
    color: #005fa6;
    position: absolute;
    margin-left: 0px;
    border-top: 2px solid #fff !important;
    top: 10px;
    right: 0;
    border-bottom: none !important;
    font-size: x-large;
    text-align: left;
    max-height: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    padding-left: 5px;
    padding-right: 10px;    
}

.bbox{
    display: inline-block;
    border-radius: 3px;
    padding: 1em;
    /* width: 400px; */
    margin: 0 0 2.5% 2.5%;
    width:30%; 
    background: #fff;
    border: 1px solid #eee;
    font-size: 16px;
    font-size: 1rem;
    vertical-align: top;
    box-shadow: 0 0 6px #eee;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #ccc!important;
    height: 360px;
    max-height: 400px;
    text-align:left;
    margin-bottom:20px;
}

.tablive-subsec .bbox{/* height: 260px;
    max-height: 260px; */ font-size:.9em;}
.tablive-subsec .bpara {height:140px; max-height:140px;}
.viewall .bbox {width:22%;}

.bdiv{
    font-size: small;
    position: absolute;
    bottom: 0;
}

.bsocial{
    font-size: small;
    position: absolute;
    bottom: 0;
    right:10%;
}



#paging2 {list-style:none; float:right;}
#paging2 li {display:inline-block; margin:5px 8px;}

.article .bbox { margin-bottom:20px;}

/*.article img:first-child {width:100%;}*/

#mainContentTitle {    
    font-size: 1.5rem;
    line-height: 38px;
    font-weight: normal; margin-bottom:30px; display:block;
}



.bpara{
    font-size: .78em;
    margin-top: 10px;
    color: #959393;
    max-height: 130px;
    height:130px;
    text-overflow: ellipsis;
    white-space: pre-line;
    word-wrap: break-word;
    overflow: hidden;
    line-height: 1.3em;
}

.bdet{
    color: #d2cfcf;
}


.voxbox{
    width:47%;
    display: inline-block;
    border-radius: 3px;
    padding: 1.5em;
    margin: 0 0 2.5% 2.5%;
    
    background: #fff;
    border: 1px solid #eee;
    font-size: 16px;
    font-size: 1rem;
    vertical-align: top;
    box-shadow: 0 0 6px #005fa6;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #ccc!important;
    height: 440px;
    max-height: 460px;
}

.voxbox h4{
    color:#005fa6 !important; 
}

.voxbox li{
    font-size:18px;
    padding:15px;
    margin-bottom:10px;
    
}

.voxbox a{
    color:#777;
    font-weight:600;
}
.voxbox a:hover{
    color:#fff !important;
    background-color:#000 !important;
}







.carousel-inner{
    margin-left:-20px;
}
.carousel {
    margin-bottom: 0;
    padding: 0 0px 30px 10px;
}
/* The controlsy */
.carousel-control {
    left: 0px;
    height: 244px;
    font-size: 85px;
    text-align: end;
    width: 135px;
}
.carousel-control.right {
    right: -28px;
    text-align: start;
}
/* The indicators */
.carousel-indicators {
    right: 50%;
    top: auto;
    bottom: -10px;
    margin-right: -19px;
}
/* The colour of the indicators */
.carousel-indicators li {
    background: #cecece;
}
.carousel-indicators .active {
background: #428bca;
}

.ocname{
    font-family: Georgia,"Times New Roman",Times,serif;
/*  font-family: 'avenir-oblique', sans-serif; */
    font-size: 18px !important;
    padding:5px;
    font-weight: 500;
    text-align: left;
    color: #333;
    background: none;
    position: relative;
    text-transform: uppercase;
}

.imht img{
    height:auto !important;
    width: 100%;
}

.vdiv{
    font-size: small;
    position: absolute;
    bottom: -40px;
    left: 20px;
}
.octext{
    font-family: Georgia,"Times New Roman",Times,serif;
/*  font-family: 'avenir-oblique', sans-serif; */
    left: 20px;
    text-align: left;
    color: #a5a3a3;
    position: absolute;
    font-size: small;
    margin-top: -10px;
}

.bbox .thumb{
    
    max-height: 120px;
    width:100%;
}


.vidside{
    width:100%;
    padding:7px;
}

.backthirty{
    background:rgba(68, 66, 66, 0.4);
    height:30%;
    bottom:0 !important;
}

.backtext{
    color: #fff;
    width: 100%;
    padding: 2%;
    line-height: normal;
    margin-top: -15px;
    text-shadow: 1px 1px #5d5a5a;
}


.vbox{
    display: inline-block;
    width:100%;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 16px;
    font-size: 1rem;
    vertical-align: top;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height:440px;
    margin-bottom:50px;
    margin-top: 15px;
}

.ocnamesmall{
    font-family: 'avenir-oblique', sans-serif;
    font-size: 13px !important;
    font-weight: 600;
    text-align: left;
    color: #333;
    position: relative;
}

#service h5{
    font-family:'avenir-oblique' !important;
}

#style-3::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar
{
    width: 6px;
    background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar-thumb
{
    background-color: #777;
}

.peopletitle{
    background: rgba(0, 95, 166, 0.7) !important;
    font-weight: 600;
    height: 25%;
    bottom: 26px !important;
    position: absolute;
    font-size: small;
    width: 79.5%;
    color: white;
    margin-left: 5px;
    padding-top: 0px;
    padding-left: 5px;
}

.peopletitle p {
    font-size:smaller;
    margin-top: -10px;
}

.bracket{
    margin-top: 60px !important;
    left: -20px;
    position: absolute;
}

.bracketright{
    margin-top: 60px !important;
    right: 50px;
    position: absolute;
}


.bhead{
    
    background:#fff !important;
}

.fbl{
    color:blue;
}

.hovwhite:hover{
    color:#fff !important;
}


.owl-stage-outer{
    height: auto !important;
    margin-top:-15px;
    padding-top:10px;
}

.flexslider .slides img{
    width: 100% !important;
    float:right !important;
}

.flexslider .slides > li{
background: transparent!important;
}
.wrapper {
  
    color: #555;
    /* cursor: help; */
    font-family: Georgia,"Times New Roman",Times,serif;
  /*  font-family: 'avenir-oblique'; */
    font-size: 20px;
    /* margin: 30px 75px 10px 75px; */
    /* padding: 15px 20px; */
    position: relative;
    overflow: visible;
    text-align: center;
    /* width: 200px; */
    -webkit-transform: translateZ(0);
    -webkit-font-smoothing: antialiased;
}

.wrapper .tooltip {
  background: #005fa6;
  top: 100%;
  color: #fff;
  display: block;
  margin-bottom: 15px;
  opacity: 0;
  padding: 5px;
  pointer-events: none;
  position: absolute;
  width: 100%;
  -webkit-transform: translateY(10px);
     -moz-transform: translateY(10px);
      -ms-transform: translateY(10px);
       -o-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
     -moz-transition: all .25s ease-out;
      -ms-transition: all .25s ease-out;
       -o-transition: all .25s ease-out;
          transition: all .25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
     -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
      -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
       -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
          box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}

/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.wrapper .tooltip:before {
  bottom: -20px;
  content: " ";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%;
}  

/* CSS Triangles - see Trevor's post */
.wrapper .tooltip:after {
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    border-bottom: solid #005fa6 10px;
    top: -10px;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    width: 0;
}
  
.wrapper:hover .tooltip {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0px);
     -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
       -o-transform: translateY(0px);
          transform: translateY(0px);
}

/* IE can just show/hide with no transition */
.lte8 .wrapper .tooltip {
  display: none;
}

.lte8 .wrapper:hover .tooltip {
  display: block;
}


.ImageWrapper{
    overflow:inherit !important;
}

.live-list {list-style:none; margin:5px 10px; line-height:1.6em;}
.live-list li{display:inline; margin:0;}
.live-list li::after {content:', '; margin-right:5px;}
.live-list li:last-child::after {content:'';}

.winner-title ul{
    padding-left: 0!important;
}
.winner-title li {
    /*position: relative;*/
    padding-left: 22px;
    margin-bottom: 0px;
    line-height: 20px;
    margin-top: 10px;
}
.winner-title i {
    position: absolute;
    left: 15;
    color: #0D4D9F;
}
.winner-title ul li a {
    font-size: 16px;
    font-family: var(--font1);
    color: #0D4D9F;
    text-decoration: none;
    position: relative;
    font-weight: 600;
}

@media only screen and (max-width: 978px) {
    .title {font-size:.85em};
    #sidebar {display:flex; flex-wrap:wrap;}
    #sidebar > div, .ads-widget {width:46%; margin:0 2%; float:left; margin-bottom:20px;}
    #sidebar hr {display:none;}
     .related-products {
        display: flex;
    flex-wrap: wrap;
        }
}


@media only screen and (max-width: 768px) {
    body {font-size:.85em};

    
    .social-icons {margin:8px auto; text-align:center;}
    .logo-wrapper img {
    display: block;
    float: none;
    margin: 0;
    padding: 10px 0;
    text-align: left;
   }
    .bbox{
    display: inline-block;
    border-radius: 3px;
    padding: 1.5em;
    margin: 0 0 2.5% 2.5%;
    width:46%;
    background: #fff;
    border: 1px solid #eee;
    font-size: 1em;
    font-size: 1rem;
    vertical-align: top;
    box-shadow: 0 0 6px #eee;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #ccc!important;
    height: auto;
    max-height: auto;
    margin-bottom:20px;
}

 .pubbbox{
    display: inline-block;
    border-radius: 3px;
    padding: 1.5em;
    margin: 0 0 2.5% 2.5%;
    width:22%;
    background: #fff;
    border: 1px solid #eee;
    font-size: 1em;
    font-size: 1rem;
    vertical-align: top;
    box-shadow: 0 0 6px #eee;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #ccc!important;
    height: auto;
    max-height: auto;
    margin-bottom:20px;
}

  .post-thumb-cate { max-width:100%; width:100%;}
.viewall .bbox {width:30%; margin-bottom:20px;}

.slides li {
    height: 330px !important;
}

.bbox .thumb {
    max-height: 320px;
}

.imht img {
    height: auto !important;
}

.post-thumb h3 {
    font-size: 1.6em; 
    line-height: 1em;
    margin-top: 3px;
}

.post-thumb {
    height:170px; 
height: auto;
    width: 100%;
    overflow: hidden;
    position: relative;
    /*background-color: #005fa6; */
    color: #fff;
    padding: 10px;
    bottom:0;
}

.floating-box {
    display:block;
    height:auto;
    width:100%;
    font-size:1.3em;
    float:left;
    margin:10px;
    padding:16px;
}
.related-products {
    display: block;
}
 #sidebar > div, .ads-widget {width:100%; margin:0 auto; float:left; margin-bottom:20px;}
.slides li {
    height: auto;
    }
.post-thumb {
    height: 100px;
}

iframe {height: 200px;}
.subpage .logo-wrapper img {
    margin-left: 1px;
}
.social-icons {
    margin: 1px auto;
} 

}

@media only screen and (min-width: 320px) and (max-width: 767px){ 
.min_TAb { 
    display: block;
    width: 160px;
    margin-top: 110px;
    margin-left: 20px;
}
 
#tf-works ul.cat li a{height: 40px !important; line-height: 26px;}
footer{padding-bottom:50px !important;} 
.slides li{height: 210px !important;padding-top: 40px !important;}
.post-thumb h3 {font-size: 16px !important; text-shadow: 2px 2px 1px #0000008c !important;}
.slides li .post-thumb {height: 56px !important; }
.row.flex-button .button5 {width: 31% !important;text-align:center;}
.row.flex-button .button5 a .fa {display: block;width: 100%;margin-bottom: 10px;}
.bpara {max-height: 130px !important;height: auto !important;}
/* .col-md-12 .widget.clearfix .row.flex{margin: 0px -15px !important;} */
.bimtext .fa.fa-file-text{margin: 3px 5px !important;}
.hovwhite.comment-reply.btn.btn-sm.btn-primary{right: 0 !important;}
.bbox{padding-bottom:50px !important;}
.bdiv {bottom: 10px !important;}
.bsocial {bottom: 10px !important;}
.advisory img{box-shadow:none !important;}
.slider-post.clearfix.ads-widget{display:none !important;}
.widget.clearfix a .img-responsive{margin:0px auto !important;}  

    
/* ONLY FOR TAB MAIN */
.headermainTAB{padding:0px !important;} 
.headermainTAB .logo-wrapper.clearfix a img{padding: 0px 15px;width: 260px;margin: 0px;margin-top: 0px;}
.headermainTAB .col-lg-12.col-md-12.col-sm-12.col-xs-12.text-right{font-size: medium !important;text-transform: uppercase !important;float: initial;margin-top: -44px !important;float: right !important;width: 110px !important;}
.headermainTAB .navbar-brand{margin-left: 15px !important;}
.headermainTAB .logo-wrapper.clearfix{margin-top: 0px;padding: 0px;}
.header.headermainTAB .row{margin-bottom: 13px !important;}
.header.headermainTAB .navbar > .container-fluid .navbar-brand {margin-left: 15px !important;}
.sliderTB .post-thumb-cate{position: absolute !important;top: 0 !important;}
.sliderTB li {min-height: 257px !important;}
.sliderTB .slides li .post-thumb  {position: absolute !important;bottom: 0 !important;height: 80px !important;}
#video-post .nav-btn.next-slide{display:none !important;} 
.row.widget_raw .slider-post.clearfix.ads-widget{display:block !important;}
.hovwhite.comment-reply.btn.btn-sm.btn-primary{right: 15px !important;}
/* ONLY FOR TAB MAIN END */
.row.widget_raw .category-title.blue{
        margin-bottom: 20px !important;
        float: left;
        width: 100%;
        margin-top: 30px !important;
    }
}

@media only screen and (max-width: 610px) {
  .viewall .bbox, .bbox  {width:46%; margin-bottom:20px;}  
  .post-thumb-cate { max-width:100%; width:100%;}
}
 

@media only screen and (max-width: 468px) {
    .bbox{
    width:96%;
    }
    #sidebar > div, .ads-widget {width:100%; margin:0 auto; float:left; margin-bottom:20px;}
    .slides li {
    height: auto;
}
  .post-thumb-cate { max-width:100%; width:100%;}
.viewall .bbox {width:96%;}

.post-thumb {
    height: 100px;
}
.video-ad {width:100%; height:auto;}
.caption { margin: 5px; float: left; font-size: .9em; line-height:1.1em; max-width:100%;}
.caption img {width:100%; height:auto;}

}
 .order-list {
            padding-left: 25px;
        }
        .order-list ol li {
    font-family: var(--font1);
    font-weight: var(--fontweight);
    color: var(--color1);
    font-size: 16px;
    line-height: 26px;
    list-style: roman;
    margin-bottom: 10px;
}

@media print {
   .navbar, .navbar .container-fluid, .jmenu, .ad, .socialmedia, #sidepanel, .floating-box, footer, .addthis-smartlayers, .addthis-smartlayers-desktop, .relatednews {display:none !important; }
   .logo-wrapper {display:none;}
   .article::before { 
       content: url('http://www.theasianbanker.com/assets/templates/shared/images/logo.jpg');
       transform: scale(.7);
       position: absolute;
       top:0;
       left:0;
       margin-left:0;
       padding-left:0;
       display:block;
       width:90px;
       height:60px;
   }
   .article {margin-top:120px;}
   body {width:100%;}
}

@page {
  size: A4 portrait;
  margin: 8%;
  @top-left-corner {content: url(http://www.theasianbanker.com/assets/templates/shared/images/logo.jpg);
       transform: scale(.7);
       position: absolute;
       top:0;
       left:0;
       margin-left:0;
       display:block;
  }
}


/*---------------------------------------
   Dark Scheme                

.meta a,
body {
    color:#999;
}
.tweet {
    box-shadow: none !important
}


.btn-primary,
.pager li > a:hover, .pager li > span:hover,
.news-title,
.video-cat,
.retweet, 
.random-article,
.random {
    background:#222 !important;
    box-shadow: none !important
}

.page-header,
.site-wrapper,
.header {
    background:#2f2f2f !important;
    box-shadow: none !important
}

.title h2,
.mini-title h3,
.product-cats li a,
.form-group span,
.pager li > a, .pager li > span,
.comment-author,
.blog-standard-style .read-more a,
.news-title,
.news-title h3,
.news-title i,
.retweet-wrapper h3,
.social-site .count,
h4 a,
.shop-meta h3 a,
.btn-primary,
.comment-reply a,
.review_wrapper h3,
#taglist a,
.tabbed-widget .nav li a, #tabbed-posts .nav li a,
.recent_posts_widget li a,
.category-title h3,
.widget-title h3,
#viewcontrols a,
.shop-tab .nav > li > a,
.media-heading a,
#news a {
    color:#fff !important;
}

.shop-box {
    background-color: #333;
}
.form-control,
.pager li > a, .pager li > span,
.tags-title,
.pagination > li > a, .pagination > li > span,
.img-thumbnail {
    background-color: #333;
    border: 1px solid #444;
}
.form-inline .form-control,
.single-post .meta,
.cat_widget,
.sticky-col {
    border-color: #444;
}
.blog-standard-style .read-more a,
.category-title {
    border-color:#fff;
}
-----------------------------------------*/




 .carousel-wrap {
    width: 1000px;
    margin: auto;
    position: relative;
  }
  .owl-carousel .owl-nav{
    overflow: hidden;
    height: 0px;
  }

  .owl-theme .owl-dots .owl-dot.active span, 
  .owl-theme .owl-dots .owl-dot:hover span {
      background: #2caae1;
  }


  .owl-carousel .item {
      text-align: center;
  }
  .owl-carousel .nav-btn{
      height: 47px;
      position: absolute;
      width: 26px;
      cursor: pointer;
      top: 100px !important;
  }

  .owl-carousel .owl-prev.disabled,
  .owl-carousel .owl-next.disabled{
    pointer-events: none;
    opacity: 0.2;
  }

  .owl-carousel .prev-slide{
      background: url('nav-icon.png') no-repeat scroll 0 0;
      left: -33px;
  }
  .owl-carousel .next-slide{
      background: url('nav-icon.png') no-repeat scroll -24px 0px;
      right: -33px;
  }
  .owl-carousel .prev-slide:hover{
     background-position: 0px -53px;
  }
  .owl-carousel .next-slide:hover{
    background-position: -24px -53px;
  }

  .fb-comments  iframe{
    width: 100% !important;
  }

.imgArea {
    background-color: #eaeaea !important;
    min-height: 230px;
    padding: 15px;
    padding-top: 1px;
}

.scrtabs-tab-container {
    height: 41px;
    margin-bottom: 10px;
}
.scrtabs-tab-scroll-arrow{
    background:#194A84 !important;
}
.scrtabs-tab-scroll-arrow > span{
border-color:#fff !important;    
}

.desktop-icon-none a{ 
    display: none;
}


@media (min-width: 320px) and (max-width: 480px){
   .desktop-icon-none a{
        display: block;
    }
    .navbar-collapse {
    padding-right: 0;
    }
   .navbar-default li:hover, .navbar-default li .dropdown-menu, .navbar-default li .dropdown{
        background: transparent !important;
    }
      .m_right{
        float: right;
    }
       .navbar-nav, .subpage .navbar-nav{
        width: 100%;
    }
    
    .typography-heading h3{
        font-size: 20px;
        line-height: 30px;
    }
    .retaillist li{
        left: 0;
        padding: 0 0;
    }

}