/*---------------------------------------------------------------------------------

 Theme Name:   Divi-electrostal
 Author:       Koval
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/
.falgg {
	font-size:1.1em !important;
}

/*кнопка наверх*/
.et_divi_100_custom_back_to_top .et_pb_scroll_top {
    background: #5572DFB3;
	border: 1px solid #ededed80;
 }


/*вигляд поста*/
.single-post .hero-section {
    padding-top: 120px;
    padding-bottom: 120px;
    background-repeat: no-repeat;
    background-size: cover;
    position:relative;
    max-height: 450px;
    background-color: #333;
}
 
.single-post #main-content #left-area {padding-top: 0px;}
 
/* ---- Sidebar Settings ---- */
.single #sidebar {background: #efefef; padding-top: 20px; padding-right: 20px; padding-left: 20px; padding-bottom: 20px;}
 
/* ---- Standard Post Title & Post Meta ---- */
.single h1.entry-title,.attachment h1.entry-title, .single p.post-meta {
width: 100%;
text-align: center;
padding-left: 0px;
padding-right: 0px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
line-height:1.3em;	
}
 
.single-post .hero-section a {color:#EDB059 !important;}

 @media only screen and (min-width: 980px) {
/*** Set title font size for desktop ***/
.single h1.entry-title {
font-size: 60px !important;
}

.single-post .container {
    margin: 0 auto;
    max-width: 1120px;
	padding: 0 80px;}
	 
.single-post .et_menu_container {
    margin: 0 auto;
    max-width: 100%;
	padding: 0;}

} /*end media*/ 


	 
	 
.single-post #main-content {
    background-color: #f7f9fb;
}
/* ---------------- */



.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
    width: 80%;
    max-width: 880px;
    margin: 20px auto;
}

/*підвал*/
#footer-info {   
    color: #8f8f8f;  
}

/*текст в меню*/
.topadres:hover {
    opacity: 0.8;
	text-decoration:underline;
}

/*кастомизация строки поиска в меню*/
.et-search-field {
  padding-left:5px;
  border: 1px solid lightgray !important;
	  }

.et-search-field {
   font-size:16px !important;
   background:#fff !important; 
   height: 30px;
}

/*!!!-поиск для мобильных*/
@media (max-width: 980px) { /*поиск для мобильных*/
.et_header_style_left .et-search-form, .et_header_style_split .et-search-form {
    width: 80% !important;
    max-width: 80% !important;    
}
}


/*для особой кнопки меню*/
/*** remove shadow on main header***/
#main-header {
box-shadow: none;
}
 
/*** add shadow to fixed header ***/
@media (min-width: 981px) {
#main-header.et-fixed-header {
    box-shadow: 0 0 30px rgba(7, 51, 84, 0.17) !important;
    -webkit-box-shadow: 0 0 30px rgba(7, 51, 84, 0.17) !important;
    -moz-box-shadow: 0 0 30px rgba(7, 51, 84, 0.17) !important;
}
}
/*** adjust padding on menu ***/
.et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a {
padding-bottom: 23px;
}
#top-menu li {
padding: 0 10px !important;
}
 
.et_header_style_left #et-top-navigation {
padding-top: 20px;
}
 
.et_header_style_left .et-fixed-header #et-top-navigation {
padding-top: 10px;
}
 
/*** style the menu button ***/
.jointoday_button a {
color: #8FCA3B/*#f92c8b*/ !important; /*основной цвет*/
    line-height: 9px;
    font-weight: 600;
    padding: 13px 16px !important;
    text-transform: uppercase;
    font-size: 12px !important;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    display: block;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    border: 2px solid #8FCA3B;/*#f92c8b;*/
}
 
.jointoday_button a:hover {
    opacity: 1 !important;
    color: #fff !important;
    background-color: #8FCA3B;/*#f92c8b;*/
}
 
.et-fixed-header #top-menu .jointoday_button a:hover {
    background-color: #84B143;/*#de20b3;*/
    border: 2px solid #84B143;/*#de20b3;*/
    box-shadow: 0px 5px 20px #aab9c3;
    -moz-box-shadow: 0px 5px 20px #aab9c3;
    -webkit-box-shadow: 0px 5px 20px #aab9c3;
}
 
.et-fixed-header #top-menu .jointoday_button a {
    color: #fff !important;
    background-color: #8FCA3B; /*#f92c8b; прокрутка)*/
    box-shadow: 0px 5px 20px #d6dee4;
    -moz-box-shadow: 0px 5px 20px #d6dee4;
    -webkit-box-shadow: 0px 5px 20px #d6dee4;
    border: 2px solid #8FCA3B;/*#f92c8b;*/
}
.et-fixed-header.et_highlight_nav #top-menu .jointoday_button a {
    background-color: #2cc2e6;
    border: 2px solid #2cc2e6;
    animation: highlight-nav .8s ease;
    -webkit-animation: highlight-nav .8s ease;
}
 
#main-header.et-fixed-header.et_highlight_nav #top-menu .jointoday_button a:hover {
    background-color: #8FCA3B;/*#f92c8b;*/
    border: 2px solid #8FCA3B;/*#f92c8b;*/
    box-shadow: 0px 5px 20px #aab9c3;
    -moz-box-shadow: 0px 5px 20px #aab9c3;
    -webkit-box-shadow: 0px 5px 20px #aab9c3;
}
 
@-webkit-keyframes highlight-nav {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes highlight-nav {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
 
/*** style the mobile menu links and button ***/
@media (max-width: 980px) {
.et_mobile_menu li {
text-align: center;
}
 
.et_mobile_menu li a {
border-bottom: none;
}
.et_mobile_menu li a:hover {
background-color: transparent;}
 
.jointoday_button a {
border-bottom: 2px solid #f92c8b !important;
}
}

/*свое для особой кнопки меню-------------------------*/

@media (min-width: 981px) {
	#et_top_search { margin: 13px 0 0 22px;}
}

.page-id-48330 .et-fixed-header #top-menu-nav li.current-menu-item > a {
    color: #ffffff !important;
}
/*end для особой кнопки меню-------------------------*/


/*мега-меню*/
#top-menu li.mega-menu > ul > li > a:first-child:hover {
    background-color: #f4f4f4 !important;
}

#top-menu li.mega-menu > ul > li > a:first-child {
    padding-top: 10px !important;   
}

#top-menu li.mega-menu > ul > li > a {    
    padding-top: 10px !important;
}

/*блог*/

.elegantdesign a.more-link {
    font-size: 14px;
    color: #71818c !important;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 10px;
    float: none;
    display: inline-block;
    padding: 8px 16px;
    border-radius: 60px;
    background-color: #f7f9fb;
    border: 2px solid #e9eff5;
}
 
.elegantdesign a.more-link:hover {
color: #20292f;
	text-decoration:none;
}

a.more-link:hover {
    background-color: #5D66B1 !important;
    color: #f9f9f9 !important;
}

.et_pb_post a.more-link {
    float: right;
}



@media only screen and ( min-width: 980px ) {
.elegantdesign .et_pb_column .et_pb_salvattore_content[data-columns]::before { content: '2 .column.size-1of2' !important;
}
	
.elegantdesign .et_pb_column .column.size-1of2 {
width:46% !important;
margin: 0 2%;	
}}
@media only screen and ( max-width: 980px ) {
.elegantdesign .et_pb_column .et_pb_blog_grid[data-columns]::before { content: '2 .column.size-1of2' !important;
}
.elegantdesign .et_pb_column .column.size-1of2 {
width:100% !important;
margin-right:0%;
}
}


#skew:before {
    content: '';
    -webkit-transform: skew(0, -7deg);
    transform: skew(0, -7deg);
    position: absolute;
    left: 0;
    right: 0;
    top: -120px;
    height: 340px;
    background: #ffffff;
}
 
.elegantdesign .entry-title {
margin-top: 0px;
padding-bottom: 20px;
}
 
.elegantdesign .et_pb_image_container {
margin: -20px -40px  40px;
}
 
 
.elegantdesign .et_pb_blog_grid .et_pb_post {
    margin-bottom: 80px;
    width: 100%;
padding: 40px;
    background-color: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-shadow: 0px 20px 150px #d6dee4;
border: none;
text-align:center;
}
 
.elegantdesign .et_pb_post .post-meta {
margin-bottom: 40px;
}

.et_pb_blog_grid_wrapper .post-content {text-align:justify;}

/*end блог*/

/*метки для блога*/
/*выводим ссылки для меток */
.post-my-tadg { 
border-top: 1px solid #f0f0f0;
padding: 20px 0 20px 10%;
background: #fff;}

.post-my-tadg a {border: 1px solid #f0f0f0; padding:5px;background-color:#E3F1FF;}

.post-my-tadg a:hover {background-color:#00749A !important;color:#ffffff !important;}

.sidebar_on_blog .et_pb_widget { width: 100% !important;}

.sidebar_on_blog  {
    padding-left: 0px !important;
    border-left: none !important;
	text-align:center;
}

.sidebar_on_blog .widget_tag_cloud h4 {
    text-align: center;
}
/*виджеты - популярные метки*/
.tagcloud a, #categories-2 a {
    display: inline-block;
    margin-bottom: 4px;
    padding: 2px 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #E3F1FF;/*rgba(0, 0, 0, 0.05)*/;
    font-size: 13px !important;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.tagcloud a:hover, #categories-2 a:hover  {
	background-color:#00749A !important;
	color:#ffffff !important;}

/*читать далее*/
a.more-link {
    font-size: 14px;
    color: #71818c !important;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 10px;
    float: none;
    display: inline-block;
    padding: 8px 16px;
    border-radius: 60px;
    background-color: #f7f9fb;
    border: 2px solid #e9eff5;
}

#title-kategorii {
    padding: 5px 0 14px 0;
    font-size: 22px;
    text-align: center;
}

#opisanie-kategorii {
    padding-bottom: 20px;
    font-size: 15px;
}

/*тень меню*/
/*** add shadow to header ***/
@media (min-width: 981px) {
#main-header {
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1) !important;
    -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.1) !important;
}
}

#top-menu a:hover {color:#5572DF;}

/*font*/

/*@font-face {
  font-family: 'electrostal2016';
  src: url('font/electrostal2016.eot?92121675');
  src: url('font/electrostal2016.eot?92121675#iefix') format('embedded-opentype'),
       url('font/electrostal2016.woff2?92121675') format('woff2'),
       url('font/electrostal2016.woff?92121675') format('woff'),
       url('font/electrostal2016.ttf?92121675') format('truetype'),
       url('font/electrostal2016.svg?92121675#electrostal2016') format('svg');
  font-weight: normal;
  font-style: normal;
}*/
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'electrostal2016';
    src: url('../font/electrostal2016.svg?92121675#electrostal2016') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "electrostal2016";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-phone:before { content: '\e800'; } /* '' */
.icon-scissors:before { content: '\e801'; } /* '' */
.icon-umbrella:before { content: '\e802'; } /* '' */
.icon-eye-outline:before { content: '\e803'; } /* '' */
.icon-eye:before { content: '\e804'; } /* '' */
.icon-thumbs-up:before { content: '\e805'; } /* '' */
.icon-location:before { content: '\e806'; } /* '' */
.icon-mobile:before { content: '\e807'; } /* '' */
.icon-home:before { content: '\e808'; } /* '' */
.icon-help-circled:before { content: '\e809'; } /* '' */
.icon-tools:before { content: '\e80a'; } /* '' */
.icon-basket:before { content: '\e80b'; } /* '' */
.icon-info-circled:before { content: '\e80c'; } /* '' */
.icon-info:before { content: '\e80d'; } /* '' */
.icon-info-circled-1:before { content: '\e80e'; } /* '' */
.icon-truck:before { content: '\e80f'; } /* '' */
.icon-right-big:before { content: '\e810'; } /* '' */
.icon-right-bold:before { content: '\e811'; } /* '' */
.icon-ok:before { content: '\e812'; } /* '' */
.icon-ok-outline:before { content: '\e813'; } /* '' */
.icon-doc-text:before { content: '\f0f6'; } /* '' */
.icon-help:before { content: '\f128'; } /* '' */
.icon-info-1:before { content: '\f129'; } /* '' */
.icon-dollar:before { content: '\f155'; } /* '' */
.icon-thumbs-up-1:before { content: '\f164'; } /* '' */
.icon-right:before { content: '\f178'; } /* '' */
.icon-vkontakte:before { content: '\f189'; } /* '' */
.icon-instagram:before { content: '\f32d'; } /* '' */

/*end font*/

.fa-lgg {font-size:14px;}  /*иконки в меню*/


/*.myheader {
	padding-left:30px;
	font-size:large;
	
}
*/