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

html,
body {
    height: 100%;
    font-family: Samim, Tahoma;
}
.usermenu .panel {
  border: none;
}
.ltr {
  direction: ltr;
}
img {
  max-width: 100%;
}
.thumb-meta {
    padding-top: 15px;
}
.parallax .post-media a {
    height: 700px;
    background-color: white;
    display: block;
    overflow: hidden;
    border: solid 3px white;
}
.parallax .post-media a:hover {
    background-color: #3498db;
    border-color: #3498db;
}
.parallax .post-media img {
    padding: 0;
}
.parallax .post-media img:hover {
    border-color: inherit;
    background-color: inherit;
}
.widget .post-media small {
    height: 40px;
    display: block;
}
#suggest-container {
    position: absolute;
    background-color: #f9f9f9;
    margin: -16px 0 0 15px;
    z-index: 1;
    border: solid 1px #eee;
    padding: 0;
}
#suggest-container .col-md-6 {
    padding: 0;
}
#suggest-container .user-container {
    padding: 5px;
    height: 80px;
    overflow: hidden;
}
#suggest-container .user-container:hover {
    background-color: #f0f0f0;
}
#suggest-container img {
    margin-left: 10px;
}
.copylinks .text-small {
    font-size: 12px;
}

#select2-searchform-technology-container {
    padding-right: 35px;
    margin-right: 5px;
    padding-top: 3px;
    height: 40px;
    background: url("../images/chip.png") right center no-repeat;
}
#select2-searchform-business-container {
    padding-right: 35px;
    margin-right: 5px;
    padding-top: 3px;
    height: 40px;
    background: url("../images/handshake.png") right center no-repeat;
}
#select2-searchform-type-container {
    padding-right: 35px;
    margin-right: 5px;
    padding-top: 3px;
    height: 40px;
    background: url("../images/search.png") right center no-repeat;
}
.btn.search-btn {
    height: 50px;
    width: 100%;
    font-size: 1.3em;
    padding-top: 3px;
    background-color:#00a693;
}
.search-row {
    padding-right: 8%;
}
.search-row .col-sm-3, .search-row .col-sm-2 {
    padding-right: 3px;
    padding-left: 3px;
}
.section-analysis h3 {
    font-size: 26px;
    font-weight: bold;
}
.section-notice
{
    padding:25px;
    background: #d1e0e0;
    min-height:150px;
    margin-bottom:50px;
}
.field-searchform-keyword input {
    padding-right: 35px;
    padding-top: 3px;
    height: 40px;
    background: #ffffff url("../images/search.png") no-repeat scroll right 5px center;
}
li.userpanel .btn {
    background-color: white;
    border:3px solid #00a693;

}
.set-header
{
    margin-top:27px;
}

.search-row .form-control, .select2-container--default .select2-selection--single, .form-control
{
    border-radius: 0px;
    height:50px;
}
.form-control {
    background-color: #f7f7f7;
    border: none;
    box-shadow: none !important;
}
.box {
    padding:3px;
    margin-bottom:10px;
    min-height:400px;
    border-radius: 5px;
    margin-left:0px;
}
.internal-box {
    #margin:20px;
    background-color:mintcream;
    position: relative;
    #padding:50px;
    #border:1px solid black;
}
.company-header {
    color: darkblue;
}

.advertisement {
    margin-right: 50px;
    padding: 70px 10px;
}
.div-ads {
    padding: 10px 20px ;
    margin-bottom: 10px;
    border: 1px solid lightgrey;
    border-right: 7px solid lightgray;
}

h2 strong {
    padding-bottom: 15px;
    display: block;
}

.margin-top-150
{
    margin-top:150px;
}

.margin-top-50
{
    margin-top:50px;
}

.margin-top-25
{
    margin-top:25px;
}

.no-wrap
{
    white-space: nowrap;
}

.margin-bottom-20
{
    margin-bottom:20px;
}
.margin-bottom-50
{
    margin-bottom:50px;
}

.margin-bottom-100
{
    margin-bottom:100px;
}

.margin-bottom-150
{
    margin-bottom: 150px;
}

.margin-bottom-250
{
    margin-bottom: 250px;
}

.margin-bottom-300
{
    margin-bottom: 300px;
}

.margin-bottom-50
{
    margin-bottom:50px;
}

.margin-top-120
{
    margin-top:120px;
}

.margin-bottom-120
{
    margin-bottom:120px!important;
}

.padding-left-10 {
    padding-left:100px;
}
.hr-colored {
    border-color: #f0f0f0;
}

.thumbnail {
    border: 1px solid #00a693;
    padding: 5px;
    margin-left: 10px;
    border-radius: inherit;
    width: 90px;
    height: 90px;
}

.border-light-bottom
{
    border-bottom:1px solid lightgrey;
}
.ad-container {
    border:0 solid black;
}

.company-image
{
    display: block;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.margin-right-10
{
    margin-right:10px;
}

.product-name
{
    color:lightsteelblue;
}

.no-margin
{
    margin:0;
}

.no-padding
{
    padding:0;
}
.select2-selection__rendered
{
    margin-top:5px;
}
.light-header {
    font-size: 20px;
    font-weight: normal;
    color:#a0a0a0;
}
.text-grey {
    color:#a0a0a0;
}
.back-star
{
    background-color: red;
    min-height:100px;
}

a:hover {
    color:#00a693;
}

button:hover
{
    background-color: #00a693!important;
}

a > h3:hover
{
    color:#00a693 !important;
}

.initial-none
{
    display:none;
}

.spnBucket {
    float: left;
    background-color: deepskyblue;
    padding:15px;
    border-radius: 1px;
    margin:5px;

}

.spnClose{
    color: red;
}

.sub-technologies {
    border:0px solid blue;
    min-height:100px;
}

.btn-custom {
    background-color: #aaa !important;
    border: none;
    color: white !important;
    padding: 5px 10px;
}
.padding-box {
    padding: 10%;
}
.padding-bottom-15
{
    padding-bottom:15px;
}

/* Add a black background color to the top navigation */
.topnav {

    overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: right;
    display: block;
    color: cornflowerblue;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;

}

.topnav a
{
    margin-top:15px;
}
/* Change the color of links on hover */
.topnav a:hover {
    background-color: #ddd;
    color: black;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
    background-color: black;
}


/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
    .topnav a {display: none;}
    .topnav a.icon {
        float: left;
        display: block;
        background-color: black;
    }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
    .topnav.responsive {position: relative;}
    .topnav.responsive a.icon {
        position: absolute;
        left: 0px;
        top: 0px;
    }
    .topnav.responsive a {
        float: right;
        display: block;
        text-align: center;
        margin-top:15px;
    }
}
/* Style the tab */
div.tab {
    text-align: right;
    direction: rtl;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    margin-bottom: 50px;
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
    float: right;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

.section-title h1 {
    color: #ffffff;
    font-weight: 700;
    font-size: 32px;
    padding: 20px 0 100px;
}
.btn-success-bordered {
    border: solid 2px #00a693;
}
.btn-white, .text-white {
    color: white !important;
}
.btn-white-bordered {
    border: solid 2px white;
    color: white !important;
}
.btn-margin {
    padding: 10px;
}
.section-padding {
    padding: 70px 0;
}
h2 .light-header {
    margin-top: 20px;
}
h2.big-title {
    margin-bottom: 90px;
}
.btn-green {
    background-color: #00a693;
    color: #ffffff;
}
.btn-green:hover {
    background-color: #008370;
    color: #ffffff !important;
}
.emergency {
    position: absolute;
    left:25px;
    top: 0;
    width: 80px;
}
.row .empty {
    padding-right: 15px;
}
h3 {
    padding-bottom: 20px;
}
#companies .row .text-center {
    margin-top: 100px;
}
.btn {
    font-size: 14px;
    border-radius: inherit;
}
.btn-light {
    background-color: inherit;
    color: #a0a0a0;
}
.btn-light:hover {
    color: #666666;
}
.login-page {
    min-height: 100vh;
    padding: 15px;
}
.login-container {
    margin-top: 3vh;
}
#companies a.light-header {
    font-size: 18px;
}
h4 {
    font-weight: normal;
}
.bg-white {
    background-color: white;
}
.login-brand {
    display: block;
    text-align: center;
    margin-bottom: 30px;
}
.login-container .padding-box {
    padding-bottom: 6%;
    margin-bottom: 15px;
}
.full-width {
    width: 100%;
}
.copyrights {
    background-color: #222222 !important;
    border-color: #292929 !important;
    color: #ffffff;
}
.footer {
    background-color: #292929 !important;
    border-color: #222222 !important;
    color: #ffffff !important;
}
ul#search-tabs {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: center;
}
ul#search-tabs li {
    background-color: #f7f7f7;
    display: inline-block;
    margin: 10px;
    width: 20%;
    height: 75px;
    min-width: 150px;
}
ul#search-tabs li.selected {
    border: 2px solid #4cc2a5;
    height: 73px;
}
ul#search-tabs li a {
    color: #000;
    font-size: 22px;
    padding: 23px;
    display: block;
}
ul#search-tabs li.selected a {
    padding-top: 20px;
    font-weight: bold;
}
.bg-gray {
    background-color: #f7f7f7;
}
.side-search {
    padding: 15px;
}
.side-search label {
    font-weight: normal;
    display: block;
}
.side-search label.control-label {
    font-weight: bold;
}
.side-search input {
    background-color: white;
}
.border-gray {
    border: 2px solid #f7f7f7;
}
.normal-box {
    padding: 10px;
}
.grid-img {
    height: 180px;
    overflow: hidden;
}
a.form-control.btn {
    padding-top: 10px;
}
.inner-search {
    padding: 4% 0 3% 0;
    background-color: #f7f7f7;
    margin-bottom: 4%;
}
.inner-search .form-control {
    background-color: #ffffff;
}
.normal-box h4 {
    height: 51px;
    margin-bottom: 0;
    overflow: hidden;
}
.fix-height {
    height: 35px;
}
form div.required label.control-label:after {
    content:" * ";
    color:red;
}
.coupon-meta h1 {
    font-size: 26px;
}
.widget.custom-widget {
    background-color: #00a693;
    border: 1px solid #f0efef;
    margin-bottom: 30px;
    padding: 30px;
    position: relative;
}
.widget.custom-widget .fa {
    color: #00a693;
}
.ad-container hr.hr-colored {
    margin-top: 0;
}

ul.small-list {
    padding: 0;
}
ul.small-list li {
    list-style-type: none;
    border-bottom: solid 1px #555;
    margin-bottom: 7px;
}
ul.small-list li img {
    margin: 0 0 5px 5px;
}
ul.small-list li small {
    padding: 4px 4px 0 0;
    direction: ltr;
    display: block;
    text-align: left;
}
.custom-icon {
    background-color: #00a693;
    border-radius: 50%;
}
.custom-icon i {
    color: white;
    padding: 15px;
}
.boxed-icon {
    color: #ffffff;
    width: 70px;
    height: 70px;
    background-color: #00a7d0;
    margin-left: 5px;
}
.boxed-icon i {
    padding: 15px;
    font-size: 40px;
}
.sub-menu {
    padding: 0;
    position: absolute;
    top: 0;
    right: 190px;
    width: 200px;
    background-color: #ffffff;
    visibility: hidden;
    border: solid 1px #f0efef;
    /*scroll-menu*/
    overflow-y: scroll;
    max-height: 400px;
}
.sub-menu a {
    display: block;
}
.owl-nav {
    left: 0;
    position: absolute;
    right: 0;
    top: 50px;
}
.owl-nav button {
    border: 1px solid #999 !important;
    border-radius: 50%;
    display: block;
    width: 30px;
    height: 30px;
    font-size: 25px !important;
}
.owl-nav button:hover {
    color: white;
}
.owl-prev {
    position: absolute;
    right: -40px;
}
.owl-next {
    position: absolute;
    left: -40px;
}
.dropdown-menu li a:hover {
    background-color: #00a693 !important;
    color: white !important;
}
#counts .count , #counts .counter{
    line-height: 100px;
    color:#40ffd4;
    font-size:45px;
}
.article-box {
    border: solid 1px #ddd;
}
.article-title {
    border: solid #ddd;
    border-width: 1px 0 1px 0;
    margin: 0;
    padding: 15px 10px;
    font-size: 18px;
}
.article-title a {
    color: #444;
}
.padding-15 {
    padding: 15px;
}
#counts {
    color: #ffffff;
}
@media screen and (max-width: 767px) {
    ul#search-tabs li {
        display: block;
        height: 60px;
        margin: 7px 0;
        width: 100%;
    }
    ul#search-tabs li a {
        font-size: 18px;
        padding: 18px;
        display: block;
    }
    ul#search-tabs li.selected a {
        padding-top: 17px;
        font-weight: bold;
    }
}
ul.flat-list {
    padding: 0;
}
ul.flat-list li {
    background-color: #fff;
    display: inline-block;
    padding: 2px 7px;
    border-radius: 3px;
}
ul.flat-list li.selected {
    background-color: #00a693;
    color: white;
}
#userstatus {
    background-color: #00a693;
    color: white;
}
#userstatus a {
    color: white;
}
#userstatus .dropdown-toggle {
    display: inline-block;
}
.dropdown.hasmenu.userpanel {
    padding: 5px 10px;
}
.userpanel .user-span {
    margin-right: 10px;
    display: inline-block;
}
.checkout-panel {
    display: flex;
    flex-direction: column;
    width: 940px;
    height: 766px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
}
.panel-body {
    padding: 45px 80px 0;
    flex: 1;
}

/* Form Progress */
.progress {
    margin: 20px auto 5px;
    text-align: center;
    height: 55px;
    background-color: rgba(67,67,99,0);
}
.progress .circle,
.progress .bar {
    display: inline-block;
    background:  #ffffff;
    width: 40px; height: 40px;
    border-radius: 40px;
    border: 1px solid rgba(213, 213, 218, 0);
}
.progress .bar {
    position: relative;
    width: 20%;
    height: 6px;
    margin: 0 -15px 3px -5px;
    border-left: none;
    border-right: none;
    border-radius: 0;
}
.progress .circle .label {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 32px;
    margin-top: 3px;
    color: #797979;
    font-size: 17px;
}
.progress .circle .title {
    color: #797979;
    font-size: 13px;
    line-height: 30px;
    margin-left: -5px;
}

/* Done / Active */
.progress .bar.done,
.progress .circle.done {
    background:  #67bb7c;
}
.progress .bar.active {
    background: linear-gradient(to right,  #ffffff 40%,  #ffffff 60%);
}
.progress .circle.done .label {
    color:  #ffffff;
    background:  #67bb7c;
    box-shadow: inset 0 0 2px rgba(0,0,0,.2);
}
.progress .circle.done .title {
    color: #ffffff;
}
.progress .circle.active .label {
    color: #797979;
    background:  #ffffff;
    box-shadow: inset 0 0 2px rgba(0,0,0,.2);
}
.progress .circle.active .title {
    color:  #ffffff;
}
#steps .progress {
    box-shadow: none;

}
#steps {
    background-color: #eeeeee;
    margin-bottom: 30px;
    padding: 10px;
}
#steps .text-selected {
    color: #00a693;
    font-weight: bold;
}
.field-route {
    background-color: #f7f7f7;
    display: inline-block;
    padding: 4px 10px;
    margin-bottom: 5px;
}
.owl-height {
    height: 200px;
    display: block;
}


.owl-carousel .owl-item img {
    width: inherit;
    margin: auto;
}

.one-line{
    overflow: hidden;
    height: 26px;
}

/*.newsletter input,.newsletter select, .newsletter button {*/
    /*height: 40px !important;*/
/*}*/


h3.article-title a {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    line-height: 22px !important;
    max-height: 46px !important;
    -webkit-line-clamp:2  !important;/* number of lines to show */
    -webkit-box-orient: vertical !important;
}
.article-box {
    min-height: 378px !important;
}
.article-title {
    min-height: 75px !important;

}