/* ORIGINAL DESIGN BY Georgi Gadzhov © 2021 ALL rights reserved © CINECRON™ GADZHOV WORKS LTD */

@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img {
    border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}
ol, ul {
    list-style: none;
}
caption, th {
    text-align: left;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
q:before, q:after {
    content: '';
}
abbr, acronym {
    border: 0;
}
body {
    font-size: 100%;
    font-family: 'Roboto', sans-serif;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #000000;
    background: #EBEAE8;
    background-image: url(../images/bkgr.gif);
    background-repeat: repeat-x;
}
#container {
    width: 100%;
    background: #fff;
    margin: 0 auto;
    text-align: left;
}
#header {
    float: left;
    top: 0px;
    background-position: 0;
    width: 100%;
    height: 120px;
    padding: 0;
    z-index: 10;
}
#menu {
    padding: 0px;
    margin: 0px 0px 0 60px;
    width: 70%;
    float:left;
}
#navigation-top {
    margin: 0px;
    height: 28px;

}
#navigation {
    margin: 45px 0px 0 0px;
    height: 50px;
}
#menu .module-top {
    width:50%;
    margin:0px;
    float:right;
    text-align:right; 
}
#menu .module-top li {
    display:inline-block;
}
#menu .module-top li a {
    font-size:12px;
    text-decoration:none;
    color:#000;
    padding:0 8px;
    text-indent:12px;
}
#menu #navigation-top .module-top ul.nav.menu.mod-list li.item-126 span.nav-header {
    color:#000;
    padding:4px 0;
    }
    
#logo {
    float: left;
}
#logo a {
    background-position: 0 25px;
    background-image: url(../images/topsite_logo_252x89.svg);
    background-repeat: no-repeat;
    background-size:90%;
    padding: 0px;
    margin: 0 0 0 80px;
    width: 252px;
    height: 120px;
    float: left;
    z-index: 90;
    overflow:visible;
}
/*  TOP MENU RIGHT */
#menu div#navigation div.module-top {
    float:right;
    height:30px}
#menu div#navigation div.module-top li a{   
    display:inline;
}

/*  HEADER BOTTOM */
#headerbottom {
    background: #CCC;
    padding: 0px;
    width: 100%;
    height: 500px;
    background-image: url(../images/belogradchik.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: inherit;
    background-position: 50% 50%;
}
#headerbottom h3{
    left:26%;
    top:180px;
    font-size:26px;
    font-weight:bold;
    text-shadow: 1px 1px 5px #000000;
    color:#fff;
    position:relative;
    width:600px;
}
form#keywordSearch div.form-container{
    position:relative;
    left:26%;
    top:200px;
    width:900px
}
#headerbottom div.moduletable div.custom p {
    color: #fff;
    padding: 20px;
    font-weight:bold;
}

#headerbottom h1 {
    margin: 0;
    padding: 10px 0;
}
.slick-track div.slick-slide div div.categories-slider-item {
    margin:30px 0px 50px 0px!important;}

/*  MainContent */
#mainContent {
    font-size: 15px;
    font-family: 'PT Sans', sans-serif;
    padding:0px;
    float: left;
    width: 94%;
    margin:0 30px 0 30px;
}
#mainContent div#sp-page-builder.sp-page-builder,
#mainContent .blog-featured,
#mainContent .item-page, 
#mainContent .contact, 
#mainContent .login,  
#mainContent div.blog,
#mainContent div#acymodifyform {
    padding: 20px 80px;
    min-height:380px;
}
#mainContent .blog .page-header h1,
#mainContent .item-page .page-header h1  {
    
    font: 100% 'PT Sans', sans-serif;
    color: #fff;
    background-color:#CCC;
    padding: 6px 0 6px 20px;
    width:130px;
    text-transform:uppercase;
    text-decoration:none;
    margin:-40px 0 0 0;
}
#mainContent #sp-page-builder.sp-page-builder.page-1 .page-header h1,
#mainContent #sp-page-builder.sp-page-builder .page-header h1 {
    
    font: 100% 'PT Sans', sans-serif;
    color: #fff;
    background-color:#CCC;
    padding: 6px 0 6px 20px;
    width:130px;
    text-transform:uppercase;
    text-decoration:none;
    margin:-40px 0 0 0px;
}
#mainContent div#sp-page-builder .page-header {
    border:none!important;
    }
#mainContent #sp-page-builder.sp-page-builder h2.sppb-addon-title,  #mainContent .item-page h2,  #mainContent .page-header h2 a {
    font: 140% 'Montserrat', sans-serif;
    color: #3BC000;
    padding: 20px 0 16px 0;
    text-decoration: none;
}
#mainContent .item-page h3 {
    font: 120% 'Montserrat', sans-serif;
    color: #3BC000;
    padding: 20px 0 16px 0;
}
#mainContent .item-page h5 {
    font: 90% 'Montserrat', sans-serif;
    color: #3BC000;
    padding: 20px 0 16px 0;
}
#mainContent .item-page h6 {
    font: 80% 'Montserrat', sans-serif;
    color: #3BC000;
    line-height: 2em;
}
#mainContent div.item-page div p a, 
.sppb-form-check label.sppb-form-check-label a {
    color: #878786;
    background-color: #F4F4F4;
    padding: 1px 4px;
    text-transform: none;
    text-decoration: none;
    transition: color 0.5s;
}
#mainContent div.item-page div p a:hover,  
.sppb-form-check label.sppb-form-check-label a:hover {
    color: #13A699;
    text-transform: none;
    text-decoration: none;
}
#headerbottom .moduletable .custom p a {
    color: #fff;
    text-decoration: none;
}
#mainContent .page-header h1.title,
#mainContent #visformcontainer.visforms.visforms-form h1 {
    font: 160% 'Montserrat', sans-serif;
    color: #3BC000;
    padding: 20px 0 16px 0;
    text-decoration: none;
    text-align:left;
}
/*--------------------435-------------------------*/

li.service-item div div img {
    color:#b3c4ac;
}
.jbd-container .service-item .service-name {
        color:#78a957;
        font-size:1.2em; 
}
.jbd-container .service-item {
         color:#8abb69;   
}
.jbd-container .service-item .service-price {
           font-size:1.1em;
           color:#78a957;
}
#company-map-holder a,
#dir-listing-description p strong a { 
    color:#2f352b;
    font-weight:700;
    text-decoration:none;
}
.listing-detail a {
    color:#C44646;
    text-decoration:none;
}
.business-categories li a {
    color:#2f352b;
    background-color:#eafce3;
    padding:0 3px;
    text-decoration:none;
    transition: background-color 0.5s;
}
.business-categories li a:hover {
    background-color:#D8FFC8;
}

.info-detail:nth-child(2) > span:nth-child(1) > a:nth-child(2),
.info-detail:nth-child(3) > span:nth-child(1) > a:nth-child(2),
.info-detail:nth-child(4) > span:nth-child(1) > a:nth-child(2),
.website {
    color:#2f352b;
    text-decoration:none;
    margin-left:2px;
    font-weight:300;
    transition: margin-left 0.3s, color 0.3s ;
    
}
.info-detail:nth-child(2) > span:nth-child(1) > a:hover,
.info-detail:nth-child(3) > span:nth-child(1) > a:hover,
.info-detail:nth-child(4) > span:nth-child(1) > a:hover,
.website a:hover {
    margin-left:0px;
    color:#5F94AF;
}
div.info-detail:nth-child(1) > a:nth-child(1) > span:nth-child(2) {
    color:#00b12b;
}
/*--------------------- COMMON CSS OVERWRITE --------------------------------*/


/* footer */
#footer {
    min-height: 150px;
    padding: 0px 50px;
    background-color: #25262c;
    border-top:10px solid #948e8d;
}
#footer ul {
    padding: 0px 10px;
}
#footer p {
    margin: 0;
}
#footer ul li {
    display: inline;
}
#footer ul li a {
    color: #FFF;
    padding: 4px 10px;
    font: 18px 'Roboto', sans-serif;
    font-weight:400;
    text-transform: none;
    text-decoration: none;
    line-height: 1em;
}
#footer div.moduletable {
    float:left;
    padding:10px;
    margin:20px 0 0 0;
    width:300px;
    display:inline-block;
}
#footer img {
    padding: 0 0px 0 0;
    float: right;
    margin-top: 10px;
}

#footer .moduletable_soc ul  {
    float:right;
    width:440px;
    margin:20px 0 0 0;
}
#footer .moduletable_soc ul a img {
    width:70px;
}
#footer .moduletable_soc ul a {
    display: inline-block;
    padding: 0 10px 0 0;
}
#footer_bottom {
    display: block;
    background-color:#948e8d;
    height: 30px;
    padding: 0px 90px;
}
#footer_bottom ul {
    padding: 0px 10px;
}
#footer_bottom .custom p {
    display: inline;
    color: #02326b;
    padding: 0px 20px;
    font: 9px 'Montserrat', sans-serif;
    text-transform: none;
    text-decoration: none;
    line-height: 2em;
    float: right;
}
#footer_bottom .custom p a {
    color: #02326b;
    text-decoration: none;
}
/*--- LINKS IN ARTICLES ---*/

#mainContent .item-page ul {
    padding:20px;
    text-indent: 20px;
}
#mainContent .item-page ul li {
    border-top: 1px solid #BDA05E;
    padding: 6px 0px;
}
#mainContent .item-page ul li strong {
    font-weight: bold;
    color: #a4554d;
}
#mainContent .item-page p.Standard a {
    color: #2D1600;
}
#mainContent .blog-featured .items-row.cols-3.row-0.row-fluid  h2.item-title a {
    color:#25262C;
    font:24px 'Roboto thin', sans-serif;
    text-transform:uppercase;
    text-align:center;
    background-color:#FFD708;
    padding:10px 16px;
    text-decoration:none;
    width:100%;
    float:left;
}
#mainContent div.blog-featured div.items-row.cols-3.row-0.row-fluid  p {
    color:#878786;
    font-size:13px;
}
.blog-featured .items-row.cols-3.row-0.row-fluid p.readmore a.btn {
    color:#25262c;
    background-color:#ffd708;
    padding:2px 8px;
    float:right;
    margin:4px 0 6px 0;
    text-decoration:none;
}
.blog-featured div.items-row.cols-3.row-0.row-fluid .pull-left.item-image a img  {
    margin-bottom:15px;
}
.blog .pull-left.item-image a img {
    max-width:300px;
    margin:0px 30px 0 0;
}
.blog .item.column-1 p {
        margin:20px 30px 0 0;
}
#mainContent .blog p.readmore a.btn {
    color:#25262c;
    background-color:#ffd708;
    padding:2px 8px;
    float:left;
    margin:4px 0 6px 0;
    text-decoration:none;
}
#mainContent div.blog-featured div.page-header h1 {
    color:#CCC;
    font:24px 'Roboto', sans-serif;
    text-align:center;  
}
#mainContent .item-page div.pull-left.item-image img {
    max-width:500px;
    margin:20px 30px 0 0;
}
#mainContent .item-page div p {
    margin:20px 30px 0 0;
}
#mainContent .item-page div.pull-right.item-image img{
    max-width:500px;
    margin:20px 30px 0 0;
}
#mainContent div.blog div.page-header {
    border:none;
}
#mainContent div.blog div.items-row.cols-2.row-0.row-fluid.clearfix div.span6 div.item.column-1 p {
    margin:20px 30px 0 0;
}

#mainContent .blog .items-row.cols-2 .page-header {
    margin:50px 0 30px;
}
/************  MODULE LEFT  ****************/

ul.newsflash-vert_news {    
    border-top: 2px solid #ffd708;
    border-bottom: 2px solid #ffd708;
    width:300px;
    margin-left:70px;
}

ul.newsflash-vert_news.mod-list li {
    padding:8px;
    border-left: 2px solid #ffd708;
    border-right: 2px solid #ffd708;

}
ul.newsflash-vert_news.mod-list li.newsflash-item h4.newsflash-title_news {
    color:#25262c;
    background-color:#ffd708;
    padding:10px 20px;
    text-transform:uppercase;
    font-weight:bold;
    }
ul.newsflash-vert_news.mod-list li.newsflash-item p {
    padding:10px 15px;
    color:#fff;
    font-size: 70%;
}
ul.newsflash-vert_news.mod-list li.newsflash-item {
    background-color:#25262c;
    width:300px;
}  
li.newsflash-item figure.newsflash-image img {
    max-width: 280px;
    padding:0px;
}
ul.newsflash-vert_news.mod-list li.newsflash-item figure.newsflash-image {

    padding:0px;
    margin:0px;
}
ul.newsflash-vert_news.mod-list li.newsflash-item a.readmore {
        color:#25262c;
    background-color:#ffd708;
    padding:2px 8px;
    float:right;
    margin:4px 0 6px 0;
    text-decoration:none;
}
#mainContent div.acymailing_footer a {
    display:none;
}
#mainContent div#acymodifyform form#adminForm p.acymodifybutton input.button.btn.btn-primary {
    background-color:#343a40;
    color:#fff;
    border:1px solid #343a40;
    padding: 8px 12px;
    font-size: 16px;
    line-height: 1.25;
    border-radius: 4px;
    transition: all .15s ease-in-out;
}
#mainContent div#acymodifyform form#adminForm p.acymodifybutton input.button.btn.btn-primary:hover {
     background-color:#23272B;  
}
#acymodifyform form#adminForm fieldset.adminform.acy_user_info div#acyuserinfo div#trname.acy_onefield div.inputVal input#field_name.inputbox,
#acymodifyform form#adminForm fieldset.adminform.acy_user_info div#acyuserinfo div#tremail.acy_onefield div.inputVal input#field_email.inputbox {
    color:#abbbc2;
    background-color:#eaeded;  
}
.user {
        background-image: url(../images/user.svg);
        background-repeat:no-repeat;
}
.phone {
        background-image: url(../images/phone-solid.svg);
        background-repeat:no-repeat;
}
    
/************  ADAPTIVE  ****************/

@media (max-width: 1500px) {
    
#header {
    height: 110px;
}
#logo a {
    background-position: 0 23px;
    width: 230px;
    height: 110px;
    margin: 0 0 0 80px;
}
#navigation {
    margin: 40px 0px 0 0px;
}
#headerbottom {

}
#headerbottom h3{
left:26%;
    top:180px;
    font-size:26px;
    width:600px;
}
form#keywordSearch div.form-container{
left:26%;
    top:200px;
    width:900px
}
#menu {
    margin:0 0 0 60px;
}
}

@media (max-width: 1460px) {

#header {
    height: 110px;
}
#navigation {
    margin: 30px 0px 0 0px;
}
#menu {
    margin:0 0 0 60px;
}
#mainContent div#sp-page-builder.sp-page-builder,
#mainContent .blog-featured,
#mainContent .item-page, 
#mainContent .contact, 
#mainContent .login, 
#mainContent ul, 
#mainContent div.blog,
#mainContent div#acymodifyform {
    padding: 20px 70px;
}
#mainContent #sp-page-builder.sp-page-builder.page-1 .page-header h1,
#mainContent #sp-page-builder.sp-page-builder .page-header h1 {
    margin:-40px 0 0 0px;
}
#logo a {

    width: 192px;
    height: 118px;
    margin: 0 0 0 70px;    
}
ul.newsflash-vert_news {    
    margin-left:60px;
}
#headerbottom {
    background-position: 50% 50%;

}
#footer {
    padding: 0px 50px;
}
}

@media (max-width: 1390px) {

#header {
    height:110px;
}
#menu {
    margin:0 0 0 60px;
    width: 70%;
}
#logo a {
    background-position: 0 22px;
    padding: 0px;
    margin: 0 0 0 70px;
    width: 182px;
    height:112px;
}
ul.newsflash-vert_news {    
    margin-left:50px;
}
#headerbottom {
    background-position: 50% 50%;

}
}

@media (max-width: 1260px) {

#header {
    height:100px;
}
#navigation {
    margin: 20px 0px 0 0px;
    height: 70px;
}
#menu {
    margin:0 0 0 60px;
}
#logo a {
    width: 166px;
    height:102px;
    margin: 0 0 0 50px;
    background-position: 0 20px; 
}
ul.newsflash-vert_news {    
    margin-left:50px;
    width:260px;
}
ul.newsflash-vert_news.mod-list li.newsflash-item {
    width:260px;
}  
li.newsflash-item figure.newsflash-image img {
    max-width: 240px;
    padding:0px;
}
#headerbottom {

}

#mainContent {
    font-size: 14px;
    font-family: 'PT Sans', sans-serif;
}
#mainContent div#sp-page-builder.sp-page-builder,
#mainContent .blog-featured,
#mainContent .item-page, 
#mainContent .contact, 
#mainContent .login, 
#mainContent ul, 
#mainContent div.blog,
#mainContent div#acymodifyform {
    padding: 20px 50px;
}
#mainContent #sp-page-builder.sp-page-builder.page-1 .page-header h1,
#mainContent #sp-page-builder.sp-page-builder .page-header h1 {
    margin:-40px 0 0 0px;
}
#footer {
    padding: 0px 50px;
}
#footer div.moduletable {
    width:280px;
}
#footer .moduletable_soc ul  {
    float:right;
    width:340px;
    margin:20px 0 0 0;
}
#footer .moduletable_soc ul a img {
    width:70px;
}
#footer .moduletable_soc ul a {
    display: inline-block;
    padding: 0 10px 0 0;
}
}
 @media (max-width: 1160px) {
#header {
    height:93px;
}
#menu {
    margin:0 0 0 30px;
}
#logo a {
    width: 152px;
    height: 93px;
    margin: 0 0 0 40px;
    background-position: 0 18px;
}
ul.newsflash-vert_news {    
    margin-left:40px;
}
#headerbottom {
    height:370px;
}
#headerbottom h3{
    left:22%;
    top:90px;
    font-size:26px;
    width:600px;
}
form#keywordSearch div.form-container{
    left:22%;
    top:90px;
    width:700px
}
#mainContent {
    font-size: 13px;
    font-family: 'PT Sans', sans-serif;
}
#mainContent div#sp-page-builder.sp-page-builder,
#mainContent .blog-featured,
#mainContent .item-page, 
#mainContent .contact, 
#mainContent .login, 
#mainContent ul, 
#mainContent div.blog,
#mainContent div#acymodifyform {
    padding: 20px 40px;
}
#mainContent #sp-page-builder.sp-page-builder.page-1 .page-header h1,
#mainContent #sp-page-builder.sp-page-builder .page-header h1 {
    margin:-40px 0 0 0px;
}
#footer {
    padding: 0px 30px;
}
#footer div.moduletable {
    width:200px;
}
#footer .moduletable_soc ul  {
    float:right;
    width:240px;
    margin:20px 0 0 0;
}
#footer .moduletable_soc ul a img {
    width:50px;
}
#footer .moduletable_soc ul a {
    display: inline-block;
    padding: 0 4px 0 0;
}

 @media (max-width: 1020px) {
#header {
    height:83px;
}
 #menu {
 padding: 0px;
 margin:0 0 0 0px;
 width:auto;
     float:right;
}
#logo a {
    margin: 0 0 0 40px;
    width: 135x;
    height: 83px;
}
#menu .module-top {
 display: block;
 width:150px;
 position:absolute;
 top:20px;
 left:140px;
}
.nav-header {
    font-size: 8px;
    line-height:11px;
}
#navigation-top .module-top ul.nav.menu.mod-list li.item-126 span.nav-header {
        color: #c5c5c5!important;
}
#menu .module-top li a {
    font-size: 11px;
        color: #999;
}
#navigation-top {
    margin: 0px;
    height: 20px;
}
ul.newsflash-vert_news {    
    margin-left:50px;
    width:160px;
}
ul.newsflash-vert_news.mod-list li.newsflash-item {
    width:160px;
}  
li.newsflash-item figure.newsflash-image img {
    max-width: 140px;
    padding:0px;
}
#headerbottom {
}
#headerbottom h3{
    top:30px;
    font-size:26px;
    width:500px;
}
form#keywordSearch div.form-container{
    top:30px;
    width:500px;
}
#mainContent {
    font-size: 12px;
    font-family: 'PT Sans', sans-serif;
}
#mainContent div#sp-page-builder.sp-page-builder,
#mainContent .blog-featured,
#mainContent .item-page, 
#mainContent .contact, 
#mainContent .login, 
#mainContent ul, 
#mainContent div.blog,
#mainContent div#acymodifyform {
    padding: 20px 30px;
}
#mainContent #sp-page-builder.sp-page-builder.page-1 .page-header h1,
#mainContent #sp-page-builder.sp-page-builder .page-header h1 {
    margin:-40px 0 0 0px;
}
#footer {
    padding: 0px 20px;
    height: 180px;
}
#footer div.moduletable {
    width:170px;
}

 @media (max-width: 920px) {

#header {

    background-image: none;
    width: 100%;
}
#logo a {
    background-repeat: no-repeat;
    padding:0px;
    margin: 0 0 0 40px;
}
#headerbottom {
}
#headerbottom h3{
    left:50px;
    top:30px;
    font-size:26px;
    width:600px;
}
form#keywordSearch div.form-container{
    left:50px;
    top:30px;
    width:400px;
}
#mainContent {
 padding: 0;
    font-size: 18px;
    font-family: 'PT Sans', sans-serif;
}
 #container {
 width: 100%;
}
 #mainContent .item-page h2 {
 font: 160% 'Montserrat', sans-serif;
}
#footer .moduletable_soc ul  {
    margin:0px;
}
#footer {
    height: 220px;
}
#footer ul li a {
    padding: 4px 0px;
    font: 13px 'Roboto', sans-serif;
    font-weight:400;
    line-height: 1em;
}
#footer img {
    padding: 0 0 10px 0;
    float: right;
    margin-top: 10px;
}
#footer ul {
    padding: 0px;
}
#footer div.moduletable {
    width:150px;
}
#footer_bottom {
    padding: 0px 0px;
}
 @media (max-width: 767px) {
#mainContent {
 padding: 0;
    font-size: 18px;
    font-family: 'PT Sans', sans-serif;
}
 #container {
 width: 100%;
}
ul.newsflash-vert_news {
    width:300px;
}
ul.newsflash-vert_news.mod-list li.newsflash-item {
    width:300px;
}  
li.newsflash-item figure.newsflash-image img {
    max-width: 280px;
    padding:0px;
}
#headerbottom {
}
#headerbottom h3{
    left:50px;
    top:30px;
    font-size:26px;
    width:400px;
}
form#keywordSearch div.form-container{
    left:50px;
    top:30px;
    width:330px;
}
#headerbottom .moduletable .custom p a {
    color:#fff;
    text-decoration:none;
    font-size:70%;
}
#headerbottom .moduletable p {
    float:left;
    margin-left:20px;  
}
}
 @media (max-width: 370px) {
#mainContent div#sp-page-builder.sp-page-builder,
#mainContent .blog-featured,
#mainContent .item-page, 
#mainContent .contact, 
#mainContent .login, 
#mainContent ul, 
#mainContent div.blog,
#mainContent div#acymodifyform {
    padding: 20px 10px;
}
#mainContent #sp-page-builder.sp-page-builder.page-1 .page-header h1,
#mainContent #sp-page-builder.sp-page-builder .page-header h1 {
    margin:-40px 0 0 0px;
}
#logo a {
    background-position: 0px 10px;
    margin: 0 0 0 20px;
}
#headerbottom {
    background-position: 50% 50%;
}
#headerbottom h3{
    left:30px;
    top:30px;
    font-size:26px;
    width:300px;
}
form#keywordSearch div.form-container{
    left:30px;
    top:30px;
    width:300px;
}
#footer {
    padding: 0px 10px;
}
#footer div.moduletable {
    width:140px;
}
}