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

/* ===========
GLOBALS
   ===========*/

body {  font-family: 'Open sans', sans-serif;    font-size: 14px;    line-height: 30px;    color: #666666;    width: 100%;overflow-x: hidden;     background: #f9f9f9;}
a { color: #555555; }

#page { margin: 0 auto; border-top:0px; border-bottom:0px;}
 
h1, .h1, h2, .h2, h3, .h3,  h5, .h5, h6, .h6 { font-weight:300;  }


/* ===========
COLORS 
   =========== */

.bg-primary { background:#ffb510 !important; }
.text-primary { color:#ffb510 !important; }
.btn-primary, .btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #ffb510 !important;
    border-color: #ffb510;
}

.bg-secondary { background:#343a40!important; border-color: #2e4354; }
.text-secondary { color:#2e4354 !important; }

.user-header, .cat-item, .noresults { background:#fff !important }

/* ===========
MAIN HEADER  
   ===========*/
#header-top { background:#eaecef; }
#header-top li a{display: inline-block; line-height: 16px; padding: 12px 15px;font-size:12px;}
#header-top ul{padding: 0;}
#header-top ul li{list-style: none; display: inline-block; position: relative; float: left; line-height: 16px;}
#header-top .top-bar-menu >li >a::after, #header-top .top-bar-menu .btn-group::after{position: absolute; content: ''; top: 0; right: 0; bottom: 0; height: 12px; width: 1px; margin: auto; background-color: rgba(0,0,0,.1);}
#header-top .header-socilas{float: right;}
#header-top .header-socilas .social{float: left;display: inline-block;width: 32px;height: 32px;line-height: 32px;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;font-size: 14px;text-align: center;margin: 4px 0 4px 4px;-webkit-transition: all .4s ease;-o-transition: all .4s ease;-moz-transition: all .4s ease;transition: all .4s ease;}
#header-top .header-socilas .social:hover{color: #ffffff;}
#header-top .social:hover{background-color: #314555;}

header { background:#fff; }
header .phonebox{position: relative; display: inline-block; vertical-align: top; float: left; line-height: 0; padding: 5px 10px 5px 0;}
header .phonebox:after{position: absolute; content: ''; top: 0; right: 0; bottom: 0; height: 18px; width: 1px; margin: auto; background-color: rgba(0,0,0,.1);}
header .phonebox .iconsmall{float: left; vertical-align: top; display: inline-block; font-size: 26px; margin-top: 5px; margin-right: 5px;}
header .phonebox .content{overflow: hidden; padding-left: 8px; display: inline-block; text-align: left;}
header .phonebox .content .text1{display: block; font-size: 13px; text-transform: uppercase; line-height: 18px;}
header .phonebox .content .text2{display: block; font-size: 12px;    line-height: 21px;}

header .languagelist .dropdown-menu, header .currencylist .dropdown-menu { background:#fff;     z-index: 10000000; }
header .languagelist .flag {  margin-top:2px; }
header .hicons { position:relative; }
header .hicons .icon {    width: 60px;    height: 35px;   position: relative; }
header .hicons .small {     position: absolute;    bottom: 0;font-size: 12px;  width:60px; text-align:center; top:30px; }
header .hicons .icon1 { background:url(images/icon1.png) 15px 0px no-repeat; }
header .hicons .count {    position: absolute;     top: -5px;    right: -1px;font-size: 14px;    text-align: center;    color: #ffffff;    width: 23px;    height: 23px;    line-height: 24px;    border-radius: 50%;    -moz-border-radius: 50%;  -webkit-border-radius: 50%;}
header .list-inline a { text-decoration:underline; margin-right:10px; }
 
header .ppt-header form{position:relative; margin-top:10px;}
header .ppt-header button{top:5px; right:10px; background:#fff; border: 0px; position: absolute; cursor:pointer; font-size: 25px; z-index:1000;}
header .ppt-header .input-group .form-control{height:50px; border: 1px solid #ddd;}
header .ppt-header .input-group .form-control::placeholder { font-size:13px; }
header .ppt-header .nav-link{color:#333333; height: 50px; line-height: 35px; border: 1px solid #ddd; border-right: 0px; font-size:13px; color:#999999;}
header .ppt-header .dropdown-menu{padding:0px; margin:0px; font-size:14px;}
header .ppt-header .dropdown-menu a{border-bottom:1px solid #ddd;}@media (min-width: 992px){header .ppt-header.center-menu-2 .logo{padding: 25px 0px 0px 0px !important;}}

header .ppt-menu ul li > a {     color: #ffffff;    font-weight: 300; text-transform:none !important; font-size:16px; }
header .ppt-menu .dropdown-menu li > a  { color:#000000; }